1 line
1.9 KiB
JavaScript
1 line
1.9 KiB
JavaScript
import{a as e,j as d}from"./vendor-react-BHG7lGYR.js";import{d as c}from"./index-BWcMVITa.js";const g=e.forwardRef(({className:s,value:t,defaultValue:i,onValueChange:r,children:a,...l},o)=>{const[f,v]=e.useState(i||""),u=t!==void 0?t:f,x=n=>{t===void 0&&v(n),r?.(n)};return d.jsx("div",{ref:o,className:s,...l,children:e.Children.map(a,n=>{if(e.isValidElement(n)){if(n.type===m)return e.cloneElement(n,{activeValue:u,onValueChange:x});if(n.type===p)return e.cloneElement(n,{activeValue:u})}return n})})});g.displayName="Tabs";const m=e.forwardRef(({className:s,children:t,activeValue:i,onValueChange:r,...a},l)=>d.jsx("div",{ref:l,className:c("inline-flex h-10 items-center justify-center rounded-md bg-kodo-graphite p-1 text-kodo-content-dim border border-kodo-steel/30",s),...a,children:e.Children.map(t,o=>e.isValidElement(o)&&o.type===b?e.cloneElement(o,{activeValue:i,onValueChange:r}):o)}));m.displayName="TabsList";const b=e.forwardRef(({className:s,value:t,activeValue:i,onValueChange:r,children:a,...l},o)=>{const f=i===t;return d.jsx("button",{ref:o,onClick:()=>r?.(t),className:c("inline-flex items-center justify-center whitespace-nowrap rounded-sm px-4 py-1.5 text-sm font-bold uppercase tracking-wider","ring-offset-kodo-void transition-all duration-200","focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-kodo-steel focus-visible:ring-offset-2","disabled:pointer-events-none disabled:opacity-50",f?"bg-kodo-cyan text-kodo-void":"text-kodo-content-dim hover:text-kodo-text-main",s),...l,children:a})});b.displayName="TabsTrigger";const p=e.forwardRef(({className:s,value:t,activeValue:i,children:r,...a},l)=>i!==t?null:d.jsx("div",{ref:l,className:c("mt-2 ring-offset-kodo-void focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-kodo-steel focus-visible:ring-offset-2",s),...a,children:r}));p.displayName="TabsContent";export{g as T,m as a,b,p as c};
|