https://storefront-003.beyourahi.workers.dev/assets/tabs-Cimgepmn.js

1import{c as h,a as v}from"./button-Bj4ICv-U.js";import{r as p,j as f}from"./chunk-QFMPRPBF-Ds7OVI4m.js";/**
2 * @license lucide-react v0.563.0 - ISC
3 *
4 * This source code is licensed under the ISC license.
5 * See the LICENSE file in the root directory of this source tree.
6 */const w=[["path",{d:"M15 18h-5",key:"95g1m2"}],["path",{d:"M18 14h-8",key:"sponae"}],["path",{d:"M4 22h16a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H8a2 2 0 0 0-2 2v16a2 2 0 0 1-4 0v-9a2 2 0 0 1 2-2h2",key:"39pd36"}],["rect",{width:"8",height:"4",x:"10",y:"6",rx:"1",key:"aywv1n"}]],k=h("newspaper",w),m=p.createContext(void 0);function g(){const t=p.useContext(m);if(!t)throw new Error("Tabs components must be used within a Tabs provider");return t}function A({defaultValue:t,value:n,onValueChange:o,orientation:i="horizontal",className:c,children:a}){const e=p.useId().replaceAll(":",""),[s,r]=p.useState(t??""),l=n!==void 0,x={activeValue:l?n:s,setActiveValue:d=>{l||r(d),o==null||o(d)},orientation:i,baseId:e};return f.jsx(m.Provider,{value:x,children:f.jsx("div",{"data-slot":"tabs",className:v("flex flex-col gap-2",c),children:a})})}function D({className:t,children:n}){const{orientation:o}=g(),i=p.useRef(null),c=a=>{var l,u;const e=Array.from(((l=i.current)==null?void 0:l.querySelectorAll('[role="tab"]:not([disabled])'))??[]);if(e.length===0)return;const s=e.findIndex(b=>b===document.activeElement);if(s===-1)return;let r=s;switch(a.key){case"ArrowRight":case"ArrowDown":a.preventDefault(),r=(s+1)%e.length;break;case"ArrowLeft":case"ArrowUp":a.preventDefault(),r=(s-1+e.length)%e.length;break;case"Home":a.preventDefault(),r=0;break;case"End":a.preventDefault(),r=e.length-1;break;default:return}(u=e[r])==null||u.focus()};return f.jsx("div",{ref:i,"data-slot":"tabs-list",role:"tablist","aria-orientation":o,tabIndex:-1,onKeyDown:c,className:v("bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-[0.1875rem]",t),children:n})}function T({value:t,disabled:n=!1,className:o,children:i}){const{activeValue:c,setActiveValue:a,baseId:e}=g(),s=c===t,r=t.replace(/[^a-zA-Z0-9_-]/g,"-"),l=`${e}-${r}-trigger`,u=`${e}-${r}-panel`,b=()=>{n||a(t)},x=d=>{(d.key==="Enter"||d.key===" ")&&(d.preventDefault(),n||a(t))};return f.jsx("button",{id:l,type:"button",role:"tab","aria-selected":s,"aria-controls":u,"aria-disabled":n,tabIndex:s?0:-1,disabled:n,"data-slot":"tabs-trigger","data-state":s?"active":"inactive","data-disabled":n?"true":void 0,onClick:b,onKeyDown:x,className:v("data-[state=active]:bg-background text-foreground inline-flex h-[calc(100%-0.0625rem)] flex-1 select-none items-center justify-center gap-1.5 rounded-md px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] cursor-pointer disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",o),children:i})}function j({value:t,className:n,children:o}){const{activeValue:i,baseId:c}=g(),a=i===t,e=t.replace(/[^a-zA-Z0-9_-]/g,"-"),s=`${c}-${e}-trigger`,r=`${c}-${e}-panel`;return a?f.jsx("div",{id:r,role:"tabpanel","aria-labelledby":s,tabIndex:0,"data-slot":"tabs-content","data-state":a?"active":"inactive",className:v("flex-1 outline-none",n),children:o}):null}export{k as N,A as T,D as a,T as b,j as c};