@snowball-tech/fractal/dist/chunk-UR4J4HJG.js

Fractal's (Snowball's design system) React component library based on RadixUI and PandaCSS

'use client';
import{b as d}from"./chunk-E3QGM2SJ.js";import{a,c as w,e as E,g as _,i as h}from"./chunk-JQDFDQL3.js";import{a as i,b as x}from"./chunk-LYTTDLE2.js";import{b as r}from"./chunk-CMFNILWJ.js";import{b as f}from"./chunk-XYM7TA65.js";import*as s from"@radix-ui/react-tabs";import{forwardRef as I}from"react";import O from"lodash/fp/isFunction";import y from"lodash/fp/omit";import{jsx as D,jsxs as U}from"react/jsx-runtime";var N=I(({barClassName:L,children:n,defaultTab:u,disabled:b=!1,fullWidth:T=!0,label:g,large:z=!1,onTabChange:p,orientation:e=E,tab:$,tabs:t,tabsPosition:l=_,tabsSize:A=h,variant:R=w,withIndicator:F=!0,withSeparator:V=!0,...c},H)=>{let o=z||i(t,d,"large")||i(t,d,["icon","label"],["iconOnly"]);return U(s.Root,{ref:H,activationMode:"manual",className:f(`${r}-${a}`,`${r}-${a}--${e}`,`${r}-${a}--${R}`,"flex",e==="vertical"?"":"flex-col",b?`${r}-${a}--disabled`:"",c.className),...u===void 0?{}:{defaultValue:u},...$===void 0?{}:{value:$},orientation:e,...O(p)?{onValueChange:p}:{},...y(["className","defaultValue","value","onValueChange"],c),children:[l==="end"&&n,D(s.List,{"aria-label":g,className:f(`${r}-${a}__tabs`,T?`${r}-${a}__tabs--full-width`:"",o?`${r}-${a}__tabs--large`:"","flex items-center justify-between border-normal [z-index:1]",R==="plain"?"bg-white":"bg-transparent",e==="vertical"?"w-6 min-w-6 flex-col":"max-h-10",T?e==="horizontal"?"h-fit w-full":"h-full w-fit":"h-fit w-fit",!o&&e==="horizontal"?"min-h-6":"",o&&e==="horizontal"?"min-h-10":"",V?l==="start"?e==="horizontal"?"border-b-1":"border-r-1":e==="horizontal"?"border-t-1":"border-l-1":"",L),loop:!0,children:x(t,m=>({disabled:b||m.disabled,large:o||m.large,orientation:e,size:m.size||A,tabsPosition:l,withIndicator:F}),"Tab")}),l==="start"&&n]})});N.displayName="Tabs";var q=N;export{N as a,q as b};
//# sourceMappingURL=chunk-UR4J4HJG.js.map