1 line
3.7 KiB
JavaScript
1 line
3.7 KiB
JavaScript
|
import{A as e,Vn as t,Y as n,b as r,en as i,f as a,k as o,qn as s,u as c,zn as l}from"./index-CjPx3lfT.js";import{t as u}from"./dist-BfmPJzXI.js";import{n as d,r as f,t as p}from"./dist-C45nHpjp.js";var m=s(t(),1),h=s(l(),1),g=Object.defineProperty,_=(e,t)=>g(e,`name`,{value:t,configurable:!0}),v={Automatic:`automatic`,Manual:`manual`},y=`Tabs`,[b,x]=o(y,[f]),S=f(),[C,w]=b(y),T=m.forwardRef(_(function(e,t){let{__scopeTabs:i,value:a,onValueChange:o,defaultValue:s,orientation:l=`horizontal`,dir:d,activationMode:f=v.Automatic,...p}=e,m=u(d),[g,_]=c({prop:a,onChange:o,defaultProp:s??``,caller:y});return(0,h.jsx)(C,{scope:i,baseId:r(),value:g,onValueChange:_,orientation:l,dir:m,activationMode:f,children:(0,h.jsx)(n.div,{dir:m,"data-orientation":l,...p,ref:t})})},`Tabs`)),E=`TabsList`,D=m.forwardRef(_(function(e,t){let{__scopeTabs:r,loop:i=!0,...a}=e,o=w(E,r),s=S(r);return(0,h.jsx)(p,{asChild:!0,...s,orientation:o.orientation,dir:o.dir,loop:i,children:(0,h.jsx)(n.div,{role:`tablist`,"aria-orientation":o.orientation,...a,ref:t})})},`TabsList`)),O=`TabsTrigger`,k=m.forwardRef(_(function(t,r){let{__scopeTabs:i,value:a,disabled:o=!1,...s}=t,c=w(O,i),l=S(i),u=M(c.baseId,a),f=N(c.baseId,a),p=a===c.value;return(0,h.jsx)(d,{asChild:!0,...l,focusable:!o,active:p,children:(0,h.jsx)(n.button,{type:`button`,role:`tab`,"aria-selected":p,"aria-controls":f,"data-state":p?`active`:`inactive`,"data-disabled":o?``:void 0,disabled:o,id:u,...s,ref:r,onMouseDown:e(t.onMouseDown,e=>{!o&&e.button===0&&e.ctrlKey===!1?(e.currentTarget.focus(),c.onValueChange(a)):e.preventDefault()}),onKeyDown:e(t.onKeyDown,e=>{o||e.target!==e.currentTarget||[` `,`Enter`].includes(e.key)&&c.onValueChange(a)}),onFocus:e(t.onFocus,()=>{let e=c.activationMode!==v.Manual;!p&&!o&&e&&c.onValueChange(a)})})})},`TabsTrigger`)),A=`TabsContent`,j=m.forwardRef(_(function(e,t){let{__scopeTabs:r,value:i,forceMount:o,children:s,...c}=e,l=w(A,r),u=M(l.baseId,i),d=N(l.baseId,i),f=i===l.value,p=m.useRef(f);return m.useEffect(()=>{let e=requestAnimationFrame(()=>p.current=!1);return()=>cancelAnimationFrame(e)},[]),(0,h.jsx)(a,{present:o||f,children:({present:r})=>(0,h.jsx)(n.div,{"data-state":f?`active`:`inactive`,"data-orientation":l.orientation,role:`tabpanel`,"aria-labelledby":u,hidden:!r,id:d,tabIndex:0,...c,ref:t,style:{...e.style,animationDuration:p.current?`0s`:void 0},children:r&&s})})},`TabsContent`));function M(e,t){return`${e}-trigger-${t}`}_(M,`makeTriggerId`);function N(e,t){return`${e}-content-${t}`}_(N,`makeContentId`);function P({className:e,...t}){return(0,h.jsx)(T,{"data-slot":`tabs`,className:i(`flex flex-col gap-2`,e),...t})}function F({className:e,...t}){return(0,h.jsx)(D,{"data-slot":`tabs-list`,className:i(`bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-[3px]`,e),...t})}function I({className:e,...t}){return(0,h.jsx)(k,{"data-slot":`tabs-trigger`,className:i(`data-[state=active]:bg-background dark:data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 text-foreground dark:text-muted-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,e),...t})}function L({className:e,...t}){return(0,h.jsx)(j,{"data-slot":`tabs-content`,className:i(`flex-1 outline-none`,e),...t})}export{I as i,L as n,F as r,P as t};
|