commerce-toolkit 0.4.0 → 0.5.0

package/dist/tabs-root-D3Bg29y-.cjs

@@ -1,2 +0,0 @@
-"use strict";const i=require("react/jsx-runtime"),v=require("react"),m=require("./utils-LBH114_M.cjs"),p=require("./index-BqyOu62e.cjs"),R=require("./index-CnXYiTkW.cjs"),x=require("./index-wBo-Jtto.cjs"),T=require("./index-Bw7_huW8.cjs"),q=require("./index-Cje7xxa1.cjs"),F=require("./index-BwVkw1mh.cjs"),D=require("./index-BRcWOeqw.cjs");function V(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return a.default=e,Object.freeze(a)}const f=V(v);var h="Tabs",[L]=R.createContextScope(h,[x.createRovingFocusGroupScope]),C=x.createRovingFocusGroupScope(),[G,y]=L(h),I=f.forwardRef((e,a)=>{const{__scopeTabs:t,value:r,onValueChange:o,defaultValue:s,orientation:n="horizontal",dir:u,activationMode:d="automatic",...g}=e,l=q.useDirection(u),[c,b]=F.useControllableState({prop:r,onChange:o,defaultProp:s??"",caller:h});return i.jsx(G,{scope:t,baseId:D.useId(),value:c,onValueChange:b,orientation:n,dir:l,activationMode:d,children:i.jsx(T.Primitive.div,{dir:l,"data-orientation":n,...g,ref:a})})});I.displayName=h;var j="TabsList",P=f.forwardRef((e,a)=>{const{__scopeTabs:t,loop:r=!0,...o}=e,s=y(j,t),n=C(t);return i.jsx(x.Root,{asChild:!0,...n,orientation:s.orientation,dir:s.dir,loop:r,children:i.jsx(T.Primitive.div,{role:"tablist","aria-orientation":s.orientation,...o,ref:a})})});P.displayName=j;var _="TabsTrigger",w=f.forwardRef((e,a)=>{const{__scopeTabs:t,value:r,disabled:o=!1,...s}=e,n=y(_,t),u=C(t),d=S(n.baseId,r),g=E(n.baseId,r),l=r===n.value;return i.jsx(x.Item,{asChild:!0,...u,focusable:!o,active:l,children:i.jsx(T.Primitive.button,{type:"button",role:"tab","aria-selected":l,"aria-controls":g,"data-state":l?"active":"inactive","data-disabled":o?"":void 0,disabled:o,id:d,...s,ref:a,onMouseDown:p.composeEventHandlers(e.onMouseDown,c=>{!o&&c.button===0&&c.ctrlKey===!1?n.onValueChange(r):c.preventDefault()}),onKeyDown:p.composeEventHandlers(e.onKeyDown,c=>{[" ","Enter"].includes(c.key)&&n.onValueChange(r)}),onFocus:p.composeEventHandlers(e.onFocus,()=>{const c=n.activationMode!=="manual";!l&&!o&&c&&n.onValueChange(r)})})})});w.displayName=_;var M="TabsContent",N=f.forwardRef((e,a)=>{const{__scopeTabs:t,value:r,forceMount:o,children:s,...n}=e,u=y(M,t),d=S(u.baseId,r),g=E(u.baseId,r),l=r===u.value,c=f.useRef(l);return f.useEffect(()=>{const b=requestAnimationFrame(()=>c.current=!1);return()=>cancelAnimationFrame(b)},[]),i.jsx(R.Presence,{present:o||l,children:({present:b})=>i.jsx(T.Primitive.div,{"data-state":l?"active":"inactive","data-orientation":u.orientation,role:"tabpanel","aria-labelledby":d,hidden:!b,id:g,tabIndex:0,...n,ref:a,style:{...e.style,animationDuration:c.current?"0s":void 0},children:b&&s})})});N.displayName=M;function S(e,a){return`${e}-trigger-${a}`}function E(e,a){return`${e}-content-${a}`}var O=I,k=P,B=w,H=N;function K({className:e,...a}){const t=v.useRef(null),{activeValue:r}=$();return v.useEffect(()=>{if(!t.current)return;const o=t.current.querySelector('[data-state="active"]');if(!(o instanceof HTMLElement))return;const s=o.getBoundingClientRect(),n=t.current.getBoundingClientRect(),u=s.left+s.width/2,d=n.left+n.width/2;t.current.scroll({left:t.current.scrollLeft+(u-d),behavior:"smooth"})},[r]),i.jsx(k,{className:m.cn("scrollbar-none flex overflow-x-auto border-b border-[var(--tabs-border,hsl(var(--contrast-100)))]",e),"data-slot":"tabs-list",ref:t,...a})}function z({className:e,children:a,...t}){return i.jsx(B,{className:m.cn('relative shrink-0 p-4 text-sm font-semibold text-[var(--tabs-text,hsl(var(--contrast-500)))] transition-colors duration-200 ease-linear [font-family:var(--tabs-font-family,var(--font-family-body))] after:absolute after:inset-x-0 after:bottom-0 after:h-0.5 after:origin-bottom after:scale-y-0 after:bg-[var(--tabs-underline-default,hsl(var(--contrast-200)))] after:transition-all after:duration-200 after:ease-linear after:content-[""] hover:text-[var(--tabs-text-hover,hsl(var(--foreground)))] hover:after:scale-y-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--tabs-focus,hsl(var(--primary)))] disabled:pointer-events-none disabled:text-[var(--tabs-text,hsl(var(--contrast-500)))] data-[state=active]:text-[var(--tabs-text-active,hsl(var(--foreground)))] data-[state=active]:after:scale-y-100 data-[state=active]:after:bg-[var(--tabs-underline-active,hsl(var(--primary)))] data-[state=inactive]:hover:after:bg-[var(--tabs-underline-hover,hsl(var(--contrast-200)))]',e),"data-slot":"tabs-trigger",...t,children:a})}function J({className:e,children:a,...t}){return i.jsx(H,{className:m.cn("focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--tabs-focus,hsl(var(--primary)))] focus-visible:ring-offset-2",e),"data-slot":"tabs-content",...t,children:a})}const A=v.createContext(void 0);function Q({className:e,children:a,defaultValue:t,...r}){const[o,s]=v.useState(t),n=v.useMemo(()=>({defaultValue:t,activeValue:o,setActiveValue:s}),[t,o]);return i.jsx(A.Provider,{value:n,children:i.jsx(O,{className:m.cn(e),"data-slot":"tabs-root",defaultValue:t,onValueChange:s,value:o,...r,children:a})})}function $(){const e=v.use(A);if(e===void 0)throw new Error("useTabs must be used within a TabsRoot");return e}exports.TabsContent=J;exports.TabsList=K;exports.TabsRoot=Q;exports.TabsTrigger=z;exports.useTabs=$;
-//# sourceMappingURL=tabs-root-D3Bg29y-.cjs.map