@tribepad/themis 1.0.1 → 1.0.3

package/dist/elements/Tabs/index.js

@@ -1,339 +1,3 @@
 "use client";
-'use strict';
-
-var react = require('react');
-var reactAriaComponents = require('react-aria-components');
-var classVarianceAuthority = require('class-variance-authority');
-var clsx = require('clsx');
-var tailwindMerge = require('tailwind-merge');
-var jsxRuntime = require('react/jsx-runtime');
-var zod = require('zod');
-
-// src/elements/Tabs/Tabs.tsx
-function cn(...inputs) {
-  return tailwindMerge.twMerge(clsx.clsx(inputs));
-}
-var Activity = react.Activity ?? function ActivityFallback({
-  children,
-  mode
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-activity-mode": mode, children });
-};
-var tabListVariants = classVarianceAuthority.cva(
-  // Base styles
-  [
-    "inline-flex items-center justify-center rounded-md p-1",
-    "bg-[var(--accent-background)] text-[var(--menu-muted)]"
-  ],
-  {
-    variants: {
-      orientation: {
-        horizontal: "h-10 flex-row gap-0",
-        vertical: "h-auto flex-col w-full gap-1"
-      }
-    },
-    defaultVariants: {
-      orientation: "horizontal"
-    }
-  }
-);
-var tabVariants = classVarianceAuthority.cva(
-  // Base styles
-  [
-    "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-sm",
-    "px-3 py-1.5 text-sm font-medium",
-    "ring-offset-[var(--content-background)] transition-all",
-    "focus-visible:outline-none focus-visible:ring-2",
-    "focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2",
-    // States via data attributes
-    "data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-    "data-[selected]:bg-[var(--content-background)] data-[selected]:text-[var(--content-foreground)]",
-    "data-[selected]:shadow-sm",
-    // WCAG 2.2 AAA: 44×44px minimum touch target
-    "min-h-[44px]"
-  ],
-  {
-    variants: {
-      orientation: {
-        horizontal: "",
-        vertical: "w-full justify-start"
-      }
-    },
-    defaultVariants: {
-      orientation: "horizontal"
-    }
-  }
-);
-var tabPanelVariants = classVarianceAuthority.cva(
-  [
-    "mt-2 ring-offset-[var(--content-background)]",
-    "focus-visible:outline-none focus-visible:ring-2",
-    "focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2"
-  ],
-  {
-    variants: {},
-    defaultVariants: {}
-  }
-);
-function TabsRoot({
-  children,
-  selectedKey,
-  defaultSelectedKey,
-  onSelectionChange,
-  orientation = "horizontal",
-  keyboardActivation = "automatic",
-  isDisabled = false,
-  disabledKeys,
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    reactAriaComponents.Tabs,
-    {
-      selectedKey,
-      defaultSelectedKey,
-      onSelectionChange,
-      orientation,
-      keyboardActivation,
-      isDisabled,
-      disabledKeys,
-      className: cn(className),
-      ...props,
-      children
-    }
-  );
-}
-TabsRoot.displayName = "Tabs";
-function TabListComponent({
-  children,
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    reactAriaComponents.TabList,
-    {
-      className: reactAriaComponents.composeRenderProps(
-        className,
-        (className2, renderProps) => cn(
-          tabListVariants({ orientation: renderProps.orientation }),
-          className2
-        )
-      ),
-      ...props,
-      children
-    }
-  );
-}
-TabListComponent.displayName = "TabList";
-function TabComponent({
-  children,
-  id,
-  isDisabled = false,
-  href,
-  target,
-  rel,
-  download,
-  className,
-  ...props
-}) {
-  if (process.env.NODE_ENV !== "production") {
-    const hasTextContent = typeof children === "string" || Array.isArray(children) && children.some((child) => typeof child === "string");
-    if (!hasTextContent && !props["aria-label"]) {
-      console.warn(
-        "Tabs: Icon-only tabs should have an aria-label for accessibility."
-      );
-    }
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    reactAriaComponents.Tab,
-    {
-      id,
-      isDisabled,
-      href,
-      target,
-      rel,
-      download,
-      className: reactAriaComponents.composeRenderProps(
-        className,
-        (className2) => cn(tabVariants(), className2)
-      ),
-      ...props,
-      children
-    }
-  );
-}
-TabComponent.displayName = "Tab";
-function TabPanelComponent({
-  children,
-  id,
-  shouldForceMount = false,
-  preserveState = false,
-  className,
-  ...props
-}) {
-  const forceMount = preserveState || shouldForceMount;
-  if (typeof children === "function") {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      reactAriaComponents.TabPanel,
-      {
-        id,
-        shouldForceMount: forceMount,
-        className: reactAriaComponents.composeRenderProps(
-          className,
-          (className2) => cn(tabPanelVariants(), className2)
-        ),
-        ...props,
-        children: (renderProps) => {
-          const isSelected = !renderProps.isInert;
-          const content = children({ isSelected });
-          if (preserveState) {
-            return /* @__PURE__ */ jsxRuntime.jsx(Activity, { mode: isSelected ? "visible" : "hidden", children: content });
-          }
-          return content;
-        }
-      }
-    );
-  }
-  if (preserveState) {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      reactAriaComponents.TabPanel,
-      {
-        id,
-        shouldForceMount: forceMount,
-        className: reactAriaComponents.composeRenderProps(
-          className,
-          (className2) => cn(tabPanelVariants(), className2)
-        ),
-        ...props,
-        children: (renderProps) => {
-          const isSelected = !renderProps.isInert;
-          return /* @__PURE__ */ jsxRuntime.jsx(Activity, { mode: isSelected ? "visible" : "hidden", children });
-        }
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    reactAriaComponents.TabPanel,
-    {
-      id,
-      shouldForceMount: forceMount,
-      className: reactAriaComponents.composeRenderProps(
-        className,
-        (className2) => cn(tabPanelVariants(), className2)
-      ),
-      ...props,
-      children
-    }
-  );
-}
-TabPanelComponent.displayName = "TabPanel";
-var Tabs = TabsRoot;
-var TabList = TabListComponent;
-var Tab = TabComponent;
-var TabPanel = TabPanelComponent;
-var BaseComponentPropsSchema = zod.z.object({
-  // Styling
-  className: zod.z.string().optional(),
-  // React
-  children: zod.z.any().optional(),
-  // ReactNode not directly supported by Zod
-  id: zod.z.string().optional(),
-  // Accessibility (WCAG 2.2 AA requirements)
-  "aria-label": zod.z.string().optional(),
-  "aria-labelledby": zod.z.string().optional(),
-  "aria-describedby": zod.z.string().optional(),
-  "aria-live": zod.z.enum(["off", "polite", "assertive"]).optional(),
-  "aria-hidden": zod.z.boolean().optional(),
-  // Testing & Development
-  "data-testid": zod.z.string().optional()
-});
-
-// src/elements/Tabs/Tabs.types.ts
-var TabsOrientationSchema = zod.z.enum(["horizontal", "vertical"]);
-var TabsKeyboardActivationSchema = zod.z.enum(["automatic", "manual"]);
-var KeySchema = zod.z.union([zod.z.string(), zod.z.number()]);
-var TabsPropsSchema = BaseComponentPropsSchema.extend({
-  // Controlled mode: selected tab key
-  selectedKey: KeySchema.optional(),
-  // Uncontrolled mode: default selected tab key
-  defaultSelectedKey: KeySchema.optional(),
-  // Selection change handler
-  onSelectionChange: zod.z.custom().optional(),
-  // Orientation: horizontal or vertical layout
-  orientation: TabsOrientationSchema.optional().default("horizontal"),
-  // Keyboard activation: automatic (arrows select) or manual (arrows focus, Enter selects)
-  keyboardActivation: TabsKeyboardActivationSchema.optional().default("automatic"),
-  // Disable all tabs
-  isDisabled: zod.z.boolean().optional().default(false),
-  // Keys of tabs to disable individually
-  disabledKeys: zod.z.array(KeySchema).optional(),
-  // Children: TabList and TabPanel components
-  children: zod.z.custom()
-});
-var TabListPropsSchema = BaseComponentPropsSchema.extend({
-  // Accessible label (required for accessibility if no aria-labelledby)
-  "aria-label": zod.z.string().optional(),
-  // Reference to labelling element
-  "aria-labelledby": zod.z.string().optional(),
-  // Children: Tab components
-  children: zod.z.custom()
-});
-var TabPropsSchema = BaseComponentPropsSchema.extend({
-  // Unique identifier for the tab (required)
-  id: KeySchema,
-  // Disable this specific tab
-  isDisabled: zod.z.boolean().optional().default(false),
-  // Link tab: URL for navigation-style tabs
-  href: zod.z.string().optional(),
-  // Link tab: target attribute
-  target: zod.z.string().optional(),
-  // Link tab: rel attribute
-  rel: zod.z.string().optional(),
-  // Link tab: download attribute
-  download: zod.z.union([zod.z.string(), zod.z.boolean()]).optional(),
-  // Tab content (text, icons, badges)
-  children: zod.z.custom()
-});
-var TabPanelPropsSchema = BaseComponentPropsSchema.extend({
-  // Unique identifier matching a Tab id (required)
-  id: KeySchema,
-  // Legacy: Force panel to stay in DOM when hidden
-  // Use preserveState instead for proper effect cleanup
-  shouldForceMount: zod.z.boolean().optional().default(false),
-  // React 19.2 Activity: Preserve state with proper effect cleanup
-  // When true, wraps content in <Activity> component
-  // Effects are cleaned up when hidden, restored when visible
-  preserveState: zod.z.boolean().optional().default(false),
-  // Panel content
-  children: zod.z.custom()
-});
-var ScrollArrowDirectionSchema = zod.z.enum(["left", "right", "up", "down"]);
-var ScrollArrowPropsSchema = BaseComponentPropsSchema.extend({
-  // Scroll direction
-  direction: ScrollArrowDirectionSchema,
-  // Disable when can't scroll further
-  isDisabled: zod.z.boolean().optional().default(false),
-  // Click handler for scrolling
-  onPress: zod.z.custom(),
-  // Accessible label
-  "aria-label": zod.z.string()
-});
-
-exports.KeySchema = KeySchema;
-exports.ScrollArrowDirectionSchema = ScrollArrowDirectionSchema;
-exports.ScrollArrowPropsSchema = ScrollArrowPropsSchema;
-exports.Tab = Tab;
-exports.TabList = TabList;
-exports.TabListPropsSchema = TabListPropsSchema;
-exports.TabPanel = TabPanel;
-exports.TabPanelPropsSchema = TabPanelPropsSchema;
-exports.TabPropsSchema = TabPropsSchema;
-exports.Tabs = Tabs;
-exports.TabsKeyboardActivationSchema = TabsKeyboardActivationSchema;
-exports.TabsOrientationSchema = TabsOrientationSchema;
-exports.TabsPropsSchema = TabsPropsSchema;
-exports.tabListVariants = tabListVariants;
-exports.tabPanelVariants = tabPanelVariants;
-exports.tabVariants = tabVariants;
-//# sourceMappingURL=index.js.map
+'use strict';var react=require('react'),reactAriaComponents=require('react-aria-components'),classVarianceAuthority=require('class-variance-authority'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),jsxRuntime=require('react/jsx-runtime'),zod=require('zod');function d(...e){return tailwindMerge.twMerge(clsx.clsx(e))}var S=react.Activity??function({children:o,mode:s}){return jsxRuntime.jsx("div",{"data-activity-mode":s,children:o})},x=react.createContext({variant:"default",orientation:"horizontal"}),z=classVarianceAuthority.cva(["inline-flex items-center text-[var(--menu-muted)]"],{variants:{variant:{default:"border-b border-[var(--border)] bg-transparent rounded-none p-0 gap-0",block:"justify-center rounded-md p-1 bg-[var(--accent-background)]"},orientation:{horizontal:"flex-row",vertical:"h-auto flex-col w-full"}},compoundVariants:[{variant:"block",orientation:"horizontal",class:"h-10 gap-0"},{variant:"block",orientation:"vertical",class:"gap-1"},{variant:"default",orientation:"vertical",class:"border-b-0 border-l"}],defaultVariants:{variant:"default",orientation:"horizontal"}}),V=classVarianceAuthority.cva(["inline-flex items-center justify-center gap-2 whitespace-nowrap","px-3 py-1.5 text-sm font-medium","ring-offset-[var(--content-background)] transition-all","focus-visible:outline-none focus-visible:ring-2","focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2","data-[disabled]:pointer-events-none data-[disabled]:opacity-50","min-h-[44px]"],{variants:{variant:{default:["rounded-none bg-transparent","data-[selected]:text-[var(--content-foreground)]","hover:text-[var(--content-foreground)]"],block:["rounded-sm","data-[selected]:bg-[var(--content-background)] data-[selected]:text-[var(--content-foreground)]","data-[selected]:shadow-sm"]},orientation:{horizontal:"",vertical:"w-full justify-start"}},compoundVariants:[{variant:"default",orientation:"horizontal",class:"border-b-2 border-transparent -mb-px data-[selected]:border-[var(--primary-action)]"},{variant:"default",orientation:"vertical",class:"border-l-2 border-transparent -ml-px data-[selected]:border-[var(--primary-action)]"}],defaultVariants:{variant:"default",orientation:"horizontal"}}),y=classVarianceAuthority.cva(["mt-2 ring-offset-[var(--content-background)]","focus-visible:outline-none focus-visible:ring-2","focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2"],{variants:{},defaultVariants:{}});function w({children:e,variant:o="default",selectedKey:s,defaultSelectedKey:l,onSelectionChange:c,orientation:r="horizontal",keyboardActivation:b="automatic",isDisabled:t=false,disabledKeys:p,className:f,...v}){return jsxRuntime.jsx(x.Provider,{value:{variant:o,orientation:r},children:jsxRuntime.jsx(reactAriaComponents.Tabs,{selectedKey:s,defaultSelectedKey:l,onSelectionChange:c,orientation:r,keyboardActivation:b,isDisabled:t,disabledKeys:p,className:d(f),...v,children:e})})}w.displayName="Tabs";function K({children:e,className:o,...s}){let{variant:l}=react.useContext(x);return jsxRuntime.jsx(reactAriaComponents.TabList,{className:reactAriaComponents.composeRenderProps(o,(c,r)=>d(z({variant:l,orientation:r.orientation}),c)),...s,children:e})}K.displayName="TabList";function C({children:e,id:o,isDisabled:s=false,href:l,target:c,rel:r,download:b,className:t,...p}){process.env.NODE_ENV!=="production"&&!(typeof e=="string"||Array.isArray(e)&&e.some(D=>typeof D=="string"))&&!p["aria-label"]&&console.warn("Tabs: Icon-only tabs should have an aria-label for accessibility.");let{variant:f,orientation:v}=react.useContext(x);return jsxRuntime.jsx(reactAriaComponents.Tab,{id:o,isDisabled:s,href:l,target:c,rel:r,download:b,className:reactAriaComponents.composeRenderProps(t,g=>d(V({variant:f,orientation:v}),g)),...p,children:e})}C.displayName="Tab";function N({children:e,id:o,shouldForceMount:s=false,preserveState:l=false,className:c,...r}){let b=l||s;return typeof e=="function"?jsxRuntime.jsx(reactAriaComponents.TabPanel,{id:o,shouldForceMount:b,className:reactAriaComponents.composeRenderProps(c,t=>d(y(),t)),...r,children:t=>{let p=!t.isInert,f=e({isSelected:p});return l?jsxRuntime.jsx(S,{mode:p?"visible":"hidden",children:f}):f}}):l?jsxRuntime.jsx(reactAriaComponents.TabPanel,{id:o,shouldForceMount:b,className:reactAriaComponents.composeRenderProps(c,t=>d(y(),t)),...r,children:t=>{let p=!t.isInert;return jsxRuntime.jsx(S,{mode:p?"visible":"hidden",children:e})}}):jsxRuntime.jsx(reactAriaComponents.TabPanel,{id:o,shouldForceMount:b,className:reactAriaComponents.composeRenderProps(c,t=>d(y(),t)),...r,children:e})}N.displayName="TabPanel";var _=w,q=K,G=C,H=N;var m=zod.z.object({className:zod.z.string().optional(),children:zod.z.any().optional(),id:zod.z.string().optional(),"aria-label":zod.z.string().optional(),"aria-labelledby":zod.z.string().optional(),"aria-describedby":zod.z.string().optional(),"aria-live":zod.z.enum(["off","polite","assertive"]).optional(),"aria-hidden":zod.z.boolean().optional(),"data-testid":zod.z.string().optional()});var J=zod.z.enum(["default","block"]),L=zod.z.enum(["horizontal","vertical"]),k=zod.z.enum(["automatic","manual"]),u=zod.z.union([zod.z.string(),zod.z.number()]),Q=m.extend({variant:J.optional().default("default"),selectedKey:u.optional(),defaultSelectedKey:u.optional(),onSelectionChange:zod.z.custom().optional(),orientation:L.optional().default("horizontal"),keyboardActivation:k.optional().default("automatic"),isDisabled:zod.z.boolean().optional().default(false),disabledKeys:zod.z.array(u).optional(),children:zod.z.custom()}),U=m.extend({"aria-label":zod.z.string().optional(),"aria-labelledby":zod.z.string().optional(),children:zod.z.custom()}),W=m.extend({id:u,isDisabled:zod.z.boolean().optional().default(false),href:zod.z.string().optional(),target:zod.z.string().optional(),rel:zod.z.string().optional(),download:zod.z.union([zod.z.string(),zod.z.boolean()]).optional(),children:zod.z.custom()}),X=m.extend({id:u,shouldForceMount:zod.z.boolean().optional().default(false),preserveState:zod.z.boolean().optional().default(false),children:zod.z.custom()}),R=zod.z.enum(["left","right","up","down"]),Y=m.extend({direction:R,isDisabled:zod.z.boolean().optional().default(false),onPress:zod.z.custom(),"aria-label":zod.z.string()});exports.KeySchema=u;exports.ScrollArrowDirectionSchema=R;exports.ScrollArrowPropsSchema=Y;exports.Tab=G;exports.TabList=q;exports.TabListPropsSchema=U;exports.TabPanel=H;exports.TabPanelPropsSchema=X;exports.TabPropsSchema=W;exports.Tabs=_;exports.TabsKeyboardActivationSchema=k;exports.TabsOrientationSchema=L;exports.TabsPropsSchema=Q;exports.tabListVariants=z;exports.tabPanelVariants=y;exports.tabVariants=V;//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/elements/Tabs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/utils/cn.ts","../../../src/elements/Tabs/Tabs.tsx","../../../src/schemas/BaseComponentProps.ts","../../../src/elements/Tabs/Tabs.types.ts"],"names":["twMerge","clsx","ReactActivity","jsx","cva","AriaTabs","AriaTabList","composeRenderProps","className","AriaTab","AriaTabPanel","z"],"mappings":";;;;;;;;;;;AAcO,SAAS,MAAM,MAAA,EAA8B;AAClD,EAAA,OAAOA,qBAAA,CAAQC,SAAA,CAAK,MAAM,CAAC,CAAA;AAC7B;ACgBA,IAAM,QAAA,GAAWC,cAAA,IAAiB,SAAS,gBAAA,CAAiB;AAAA,EAC1D,QAAA;AAAA,EACA;AACF,CAAA,EAGiB;AAGf,EAAA,uBAAOC,cAAA,CAAC,KAAA,EAAA,EAAI,oBAAA,EAAoB,IAAA,EAAO,QAAA,EAAS,CAAA;AAClD,CAAA;AA4BO,IAAM,eAAA,GAAkBC,0BAAA;AAAA;AAAA,EAE7B;AAAA,IACE,wDAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,WAAA,EAAa;AAAA,QACX,UAAA,EAAY,qBAAA;AAAA,QACZ,QAAA,EAAU;AAAA;AACZ,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,WAAA,EAAa;AAAA;AACf;AAEJ;AASO,IAAM,WAAA,GAAcA,0BAAA;AAAA;AAAA,EAEzB;AAAA,IACE,4EAAA;AAAA,IACA,iCAAA;AAAA,IACA,wDAAA;AAAA,IACA,iDAAA;AAAA,IACA,8DAAA;AAAA;AAAA,IAEA,gEAAA;AAAA,IACA,iGAAA;AAAA,IACA,2BAAA;AAAA;AAAA,IAEA;AAAA,GACF;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,WAAA,EAAa;AAAA,QACX,UAAA,EAAY,EAAA;AAAA,QACZ,QAAA,EAAU;AAAA;AACZ,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,WAAA,EAAa;AAAA;AACf;AAEJ;AAOO,IAAM,gBAAA,GAAmBA,0BAAA;AAAA,EAC9B;AAAA,IACE,8CAAA;AAAA,IACA,iDAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA;AAAA,IACE,UAAU,EAAC;AAAA,IACX,iBAAiB;AAAC;AAEtB;AAiCA,SAAS,QAAA,CAAS;AAAA,EAChB,QAAA;AAAA,EACA,WAAA;AAAA,EACA,kBAAA;AAAA,EACA,iBAAA;AAAA,EACA,WAAA,GAAc,YAAA;AAAA,EACd,kBAAA,GAAqB,WAAA;AAAA,EACrB,UAAA,GAAa,KAAA;AAAA,EACb,YAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAc;AACZ,EAAA,uBACED,cAAA;AAAA,IAACE,wBAAA;AAAA,IAAA;AAAA,MACC,WAAA;AAAA,MACA,kBAAA;AAAA,MACA,iBAAA;AAAA,MACA,WAAA;AAAA,MACA,kBAAA;AAAA,MACA,UAAA;AAAA,MACA,YAAA;AAAA,MACA,SAAA,EAAW,GAAG,SAAS,CAAA;AAAA,MACtB,GAAG,KAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAEJ;AAEA,QAAA,CAAS,WAAA,GAAc,MAAA;AAWvB,SAAS,gBAAA,CAAiB;AAAA,EACxB,QAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAiB;AACf,EAAA,uBACEF,cAAA;AAAA,IAACG,2BAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAWC,sCAAA;AAAA,QAAmB,SAAA;AAAA,QAAW,CAACC,YAAW,WAAA,KACnD,EAAA;AAAA,UACE,eAAA,CAAgB,EAAE,WAAA,EAAa,WAAA,CAAY,aAAa,CAAA;AAAA,UACxDA;AAAA;AACF,OACF;AAAA,MACC,GAAG,KAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAEJ;AAEA,gBAAA,CAAiB,WAAA,GAAc,SAAA;AAa/B,SAAS,YAAA,CAAa;AAAA,EACpB,QAAA;AAAA,EACA,EAAA;AAAA,EACA,UAAA,GAAa,KAAA;AAAA,EACb,IAAA;AAAA,EACA,MAAA;AAAA,EACA,GAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAa;AAEX,EAAA,IAAI,OAAA,CAAQ,GAAA,CAAI,QAAA,KAAa,YAAA,EAAc;AACzC,IAAA,MAAM,cAAA,GACJ,OAAO,QAAA,KAAa,QAAA,IACnB,MAAM,OAAA,CAAQ,QAAQ,CAAA,IACrB,QAAA,CAAS,IAAA,CAAK,CAAC,KAAA,KAAU,OAAO,UAAU,QAAQ,CAAA;AAEtD,IAAA,IAAI,CAAC,cAAA,IAAkB,CAAC,KAAA,CAAM,YAAY,CAAA,EAAG;AAC3C,MAAA,OAAA,CAAQ,IAAA;AAAA,QACN;AAAA,OACF;AAAA,IACF;AAAA,EACF;AAEA,EAAA,uBACEL,cAAA;AAAA,IAACM,uBAAA;AAAA,IAAA;AAAA,MACC,EAAA;AAAA,MACA,UAAA;AAAA,MACA,IAAA;AAAA,MACA,MAAA;AAAA,MACA,GAAA;AAAA,MACA,QAAA;AAAA,MACA,SAAA,EAAWF,sCAAA;AAAA,QAAmB,SAAA;AAAA,QAAW,CAACC,UAAAA,KACxC,EAAA,CAAG,WAAA,IAAeA,UAAS;AAAA,OAC7B;AAAA,MACC,GAAG,KAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAEJ;AAEA,YAAA,CAAa,WAAA,GAAc,KAAA;AA0B3B,SAAS,iBAAA,CAAkB;AAAA,EACzB,QAAA;AAAA,EACA,EAAA;AAAA,EACA,gBAAA,GAAmB,KAAA;AAAA,EACnB,aAAA,GAAgB,KAAA;AAAA,EAChB,SAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAkB;AAEhB,EAAA,MAAM,aAAa,aAAA,IAAiB,gBAAA;AAIpC,EAAA,IAAI,OAAO,aAAa,UAAA,EAAY;AAClC,IAAA,uBACEL,cAAA;AAAA,MAACO,4BAAA;AAAA,MAAA;AAAA,QACC,EAAA;AAAA,QACA,gBAAA,EAAkB,UAAA;AAAA,QAClB,SAAA,EAAWH,sCAAA;AAAA,UAAmB,SAAA;AAAA,UAAW,CAACC,UAAAA,KACxC,EAAA,CAAG,gBAAA,IAAoBA,UAAS;AAAA,SAClC;AAAA,QACC,GAAG,KAAA;AAAA,QAEH,WAAC,WAAA,KAAgB;AAGhB,UAAA,MAAM,UAAA,GAAa,CAAC,WAAA,CAAY,OAAA;AAChC,UAAA,MAAM,OAAA,GACJ,QAAA,CACA,EAAE,UAAA,EAAY,CAAA;AAEhB,UAAA,IAAI,aAAA,EAAe;AACjB,YAAA,sCACG,QAAA,EAAA,EAAS,IAAA,EAAM,UAAA,GAAa,SAAA,GAAY,UACtC,QAAA,EAAA,OAAA,EACH,CAAA;AAAA,UAEJ;AAEA,UAAA,OAAO,OAAA;AAAA,QACT;AAAA;AAAA,KACF;AAAA,EAEJ;AAIA,EAAA,IAAI,aAAA,EAAe;AACjB,IAAA,uBACEL,cAAA;AAAA,MAACO,4BAAA;AAAA,MAAA;AAAA,QACC,EAAA;AAAA,QACA,gBAAA,EAAkB,UAAA;AAAA,QAClB,SAAA,EAAWH,sCAAA;AAAA,UAAmB,SAAA;AAAA,UAAW,CAACC,UAAAA,KACxC,EAAA,CAAG,gBAAA,IAAoBA,UAAS;AAAA,SAClC;AAAA,QACC,GAAG,KAAA;AAAA,QAEH,WAAC,WAAA,KAAgB;AAChB,UAAA,MAAM,UAAA,GAAa,CAAC,WAAA,CAAY,OAAA;AAChC,UAAA,sCACG,QAAA,EAAA,EAAS,IAAA,EAAM,UAAA,GAAa,SAAA,GAAY,UACtC,QAAA,EACH,CAAA;AAAA,QAEJ;AAAA;AAAA,KACF;AAAA,EAEJ;AAGA,EAAA,uBACEL,cAAA;AAAA,IAACO,4BAAA;AAAA,IAAA;AAAA,MACC,EAAA;AAAA,MACA,gBAAA,EAAkB,UAAA;AAAA,MAClB,SAAA,EAAWH,sCAAA;AAAA,QAAmB,SAAA;AAAA,QAAW,CAACC,UAAAA,KACxC,EAAA,CAAG,gBAAA,IAAoBA,UAAS;AAAA,OAClC;AAAA,MACC,GAAG,KAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAEJ;AAEA,iBAAA,CAAkB,WAAA,GAAc,UAAA;AAgBzB,IAAM,IAAA,GAAO;AACb,IAAM,OAAA,GAAU;AAChB,IAAM,GAAA,GAAM;AACZ,IAAM,QAAA,GAAW;ACxZjB,IAAM,wBAAA,GAA2BG,MAAE,MAAA,CAAO;AAAA;AAAA,EAE/C,SAAA,EAAWA,KAAA,CAAE,MAAA,EAAO,CAAE,QAAA,EAAS;AAAA;AAAA,EAG/B,QAAA,EAAUA,KAAA,CAAE,GAAA,EAAI,CAAE,QAAA,EAAS;AAAA;AAAA,EAC3B,EAAA,EAAIA,KAAA,CAAE,MAAA,EAAO,CAAE,QAAA,EAAS;AAAA;AAAA,EAGxB,YAAA,EAAcA,KAAA,CAAE,MAAA,EAAO,CAAE,QAAA,EAAS;AAAA,EAClC,iBAAA,EAAmBA,KAAA,CAAE,MAAA,EAAO,CAAE,QAAA,EAAS;AAAA,EACvC,kBAAA,EAAoBA,KAAA,CAAE,MAAA,EAAO,CAAE,QAAA,EAAS;AAAA,EACxC,WAAA,EAAaA,MAAE,IAAA,CAAK,CAAC,OAAO,QAAA,EAAU,WAAW,CAAC,CAAA,CAAE,QAAA,EAAS;AAAA,EAC7D,aAAA,EAAeA,KAAA,CAAE,OAAA,EAAQ,CAAE,QAAA,EAAS;AAAA;AAAA,EAGpC,aAAA,EAAeA,KAAA,CAAE,MAAA,EAAO,CAAE,QAAA;AAC5B,CAAC,CAAA;;;ACjBM,IAAM,wBAAwBA,KAAAA,CAAE,IAAA,CAAK,CAAC,YAAA,EAAc,UAAU,CAAC;AAQ/D,IAAM,+BAA+BA,KAAAA,CAAE,IAAA,CAAK,CAAC,WAAA,EAAa,QAAQ,CAAC;AAOnE,IAAM,SAAA,GAAYA,KAAAA,CAAE,KAAA,CAAM,CAACA,KAAAA,CAAE,QAAO,EAAGA,KAAAA,CAAE,MAAA,EAAQ,CAAC;AASlD,IAAM,eAAA,GAAkB,yBAAyB,MAAA,CAAO;AAAA;AAAA,EAE7D,WAAA,EAAa,UAAU,QAAA,EAAS;AAAA;AAAA,EAGhC,kBAAA,EAAoB,UAAU,QAAA,EAAS;AAAA;AAAA,EAGvC,iBAAA,EAAmBA,KAAAA,CAAE,MAAA,EAA2B,CAAE,QAAA,EAAS;AAAA;AAAA,EAG3D,WAAA,EAAa,qBAAA,CAAsB,QAAA,EAAS,CAAE,QAAQ,YAAY,CAAA;AAAA;AAAA,EAGlE,kBAAA,EAAoB,4BAAA,CAA6B,QAAA,EAAS,CAAE,QAAQ,WAAW,CAAA;AAAA;AAAA,EAG/E,YAAYA,KAAAA,CAAE,OAAA,GAAU,QAAA,EAAS,CAAE,QAAQ,KAAK,CAAA;AAAA;AAAA,EAGhD,YAAA,EAAcA,KAAAA,CAAE,KAAA,CAAM,SAAS,EAAE,QAAA,EAAS;AAAA;AAAA,EAG1C,QAAA,EAAUA,MAAE,MAAA;AACd,CAAC;AAUM,IAAM,kBAAA,GAAqB,yBAAyB,MAAA,CAAO;AAAA;AAAA,EAEhE,YAAA,EAAcA,KAAAA,CAAE,MAAA,EAAO,CAAE,QAAA,EAAS;AAAA;AAAA,EAGlC,iBAAA,EAAmBA,KAAAA,CAAE,MAAA,EAAO,CAAE,QAAA,EAAS;AAAA;AAAA,EAGvC,QAAA,EAAUA,MAAE,MAAA;AACd,CAAC;AAWM,IAAM,cAAA,GAAiB,yBAAyB,MAAA,CAAO;AAAA;AAAA,EAE5D,EAAA,EAAI,SAAA;AAAA;AAAA,EAGJ,YAAYA,KAAAA,CAAE,OAAA,GAAU,QAAA,EAAS,CAAE,QAAQ,KAAK,CAAA;AAAA;AAAA,EAGhD,IAAA,EAAMA,KAAAA,CAAE,MAAA,EAAO,CAAE,QAAA,EAAS;AAAA;AAAA,EAG1B,MAAA,EAAQA,KAAAA,CAAE,MAAA,EAAO,CAAE,QAAA,EAAS;AAAA;AAAA,EAG5B,GAAA,EAAKA,KAAAA,CAAE,MAAA,EAAO,CAAE,QAAA,EAAS;AAAA;AAAA,EAGzB,QAAA,EAAUA,KAAAA,CAAE,KAAA,CAAM,CAACA,KAAAA,CAAE,MAAA,EAAO,EAAGA,KAAAA,CAAE,OAAA,EAAS,CAAC,CAAA,CAAE,QAAA,EAAS;AAAA;AAAA,EAGtD,QAAA,EAAUA,MAAE,MAAA;AACd,CAAC;AAWM,IAAM,mBAAA,GAAsB,yBAAyB,MAAA,CAAO;AAAA;AAAA,EAEjE,EAAA,EAAI,SAAA;AAAA;AAAA;AAAA,EAIJ,kBAAkBA,KAAAA,CAAE,OAAA,GAAU,QAAA,EAAS,CAAE,QAAQ,KAAK,CAAA;AAAA;AAAA;AAAA;AAAA,EAKtD,eAAeA,KAAAA,CAAE,OAAA,GAAU,QAAA,EAAS,CAAE,QAAQ,KAAK,CAAA;AAAA;AAAA,EAGnD,QAAA,EAAUA,MAAE,MAAA;AACd,CAAC;AASM,IAAM,0BAAA,GAA6BA,MAAE,IAAA,CAAK,CAAC,QAAQ,OAAA,EAAS,IAAA,EAAM,MAAM,CAAC;AAOzE,IAAM,sBAAA,GAAyB,yBAAyB,MAAA,CAAO;AAAA;AAAA,EAEpE,SAAA,EAAW,0BAAA;AAAA;AAAA,EAGX,YAAYA,KAAAA,CAAE,OAAA,GAAU,QAAA,EAAS,CAAE,QAAQ,KAAK,CAAA;AAAA;AAAA,EAGhD,OAAA,EAASA,MAAE,MAAA,EAAmB;AAAA;AAAA,EAG9B,YAAA,EAAcA,MAAE,MAAA;AAClB,CAAC","file":"index.js","sourcesContent":["/**\n * Class Name Utility\n * Merges Tailwind CSS classes with conflict resolution\n *\n * Combines clsx for conditional classes and tailwind-merge for deduplication\n *\n * @example\n * cn('px-2 py-1', 'px-4') // => 'py-1 px-4' (px-4 overrides px-2)\n * cn('text-red-500', condition && 'text-blue-500') // => conditional application\n */\n\nimport { clsx, type ClassValue } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\nexport function cn(...inputs: ClassValue[]): string {\n  return twMerge(clsx(inputs));\n}\n","'use client';\n\n/**\n * Tabs Component - Implementation\n *\n * Accessible tabbed interface component combining React Aria primitives with ShadCN styling.\n * Follows Themis library patterns with compound component structure and direct named exports.\n *\n * Key Features:\n * - React Aria Tabs for full accessibility (WCAG 2.2 AAA)\n * - CVA variants for orientation styling\n * - React 19.2 Activity API for state preservation (preserveState prop)\n * - Dual keyboard activation modes (automatic/manual)\n * - Support for icons, badges, and link-based tabs\n *\n * @see tabs-prd.md (Full requirements)\n * @see Tabs.types.ts (Zod schemas)\n * @see plan.md (Implementation approach)\n */\n\n// React 19.2 Activity API - may not be available in all builds\n// Import conditionally to support environments where Activity is unavailable\nimport {\n  Activity as ReactActivity,\n  type ReactNode,\n  type Key,\n  type ReactElement,\n} from 'react';\n\n// Activity component with fallback for environments where it's not available\n// The fallback simply renders children directly - no state preservation when Activity unavailable\n// Note: ActivityFallback doesn't actually preserve state; it's just a pass-through\nconst Activity = ReactActivity ?? function ActivityFallback({\n  children,\n  mode,\n}: {\n  children: ReactNode;\n  mode: 'visible' | 'hidden';\n}): ReactElement {\n  // When Activity is not available, just render children directly\n  // mode is ignored in the fallback\n  return <div data-activity-mode={mode}>{children}</div>;\n};\nimport {\n  Tabs as AriaTabs,\n  TabList as AriaTabList,\n  Tab as AriaTab,\n  TabPanel as AriaTabPanel,\n  composeRenderProps,\n  type Key as AriaKey,\n} from 'react-aria-components';\nimport { cva } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport type {\n  TabsProps,\n  TabListProps,\n  TabProps,\n  TabPanelProps,\n} from './Tabs.types';\n\n// ============================================================================\n// CVA Variants\n// ============================================================================\n\n/**\n * TabList CVA variants\n *\n * @see PRD.md FR-002 (TabList Requirements)\n * @see PRD.md DS-001 (Design System - Layout)\n */\nexport const tabListVariants = cva(\n  // Base styles\n  [\n    'inline-flex items-center justify-center rounded-md p-1',\n    'bg-[var(--accent-background)] text-[var(--menu-muted)]',\n  ],\n  {\n    variants: {\n      orientation: {\n        horizontal: 'h-10 flex-row gap-0',\n        vertical: 'h-auto flex-col w-full gap-1',\n      },\n    },\n    defaultVariants: {\n      orientation: 'horizontal',\n    },\n  }\n);\n\n/**\n * Tab CVA variants\n *\n * @see PRD.md FR-003 (Tab Requirements)\n * @see PRD.md DS-002 (Design System - Tab Styling)\n * @see PRD.md AR-001 (Accessibility - 44×44px touch targets)\n */\nexport const tabVariants = cva(\n  // Base styles\n  [\n    'inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-sm',\n    'px-3 py-1.5 text-sm font-medium',\n    'ring-offset-[var(--content-background)] transition-all',\n    'focus-visible:outline-none focus-visible:ring-2',\n    'focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2',\n    // States via data attributes\n    'data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\n    'data-[selected]:bg-[var(--content-background)] data-[selected]:text-[var(--content-foreground)]',\n    'data-[selected]:shadow-sm',\n    // WCAG 2.2 AAA: 44×44px minimum touch target\n    'min-h-[44px]',\n  ],\n  {\n    variants: {\n      orientation: {\n        horizontal: '',\n        vertical: 'w-full justify-start',\n      },\n    },\n    defaultVariants: {\n      orientation: 'horizontal',\n    },\n  }\n);\n\n/**\n * TabPanel CVA variants\n *\n * @see PRD.md FR-004 (TabPanel Requirements)\n */\nexport const tabPanelVariants = cva(\n  [\n    'mt-2 ring-offset-[var(--content-background)]',\n    'focus-visible:outline-none focus-visible:ring-2',\n    'focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2',\n  ],\n  {\n    variants: {},\n    defaultVariants: {},\n  }\n);\n\n// ============================================================================\n// Components\n// ============================================================================\n\n/**\n * Tabs Root Component\n *\n * Container for tabbed interface. Manages selection state and provides\n * context to child components.\n *\n * @see PRD.md FR-001 (Compound Component Pattern)\n * @see PRD.md FR-012 (Controlled Mode)\n * @see PRD.md FR-013 (Uncontrolled Mode)\n *\n * @example\n * // Uncontrolled\n * <Tabs defaultSelectedKey=\"tab1\">\n *   <TabList aria-label=\"Navigation\">\n *     <Tab id=\"tab1\">Tab 1</Tab>\n *     <Tab id=\"tab2\">Tab 2</Tab>\n *   </TabList>\n *   <TabPanel id=\"tab1\">Content 1</TabPanel>\n *   <TabPanel id=\"tab2\">Content 2</TabPanel>\n * </Tabs>\n *\n * @example\n * // Controlled\n * <Tabs selectedKey={selected} onSelectionChange={setSelected}>\n *   ...\n * </Tabs>\n */\nfunction TabsRoot({\n  children,\n  selectedKey,\n  defaultSelectedKey,\n  onSelectionChange,\n  orientation = 'horizontal',\n  keyboardActivation = 'automatic',\n  isDisabled = false,\n  disabledKeys,\n  className,\n  ...props\n}: TabsProps) {\n  return (\n    <AriaTabs\n      selectedKey={selectedKey}\n      defaultSelectedKey={defaultSelectedKey}\n      onSelectionChange={onSelectionChange as (key: Key) => void}\n      orientation={orientation}\n      keyboardActivation={keyboardActivation}\n      isDisabled={isDisabled}\n      disabledKeys={disabledKeys as Iterable<AriaKey> | undefined}\n      className={cn(className)}\n      {...props}\n    >\n      {children}\n    </AriaTabs>\n  );\n}\n\nTabsRoot.displayName = 'Tabs';\n\n/**\n * TabList Component\n *\n * Container for tab buttons. Uses roving tabindex for keyboard navigation.\n * Receives orientation from parent Tabs via React Aria context.\n *\n * @see PRD.md FR-002 (TabList Requirements)\n * @see PRD.md AR-001 (ARIA Requirements)\n */\nfunction TabListComponent({\n  children,\n  className,\n  ...props\n}: TabListProps) {\n  return (\n    <AriaTabList\n      className={composeRenderProps(className, (className, renderProps) =>\n        cn(\n          tabListVariants({ orientation: renderProps.orientation }),\n          className\n        )\n      )}\n      {...props}\n    >\n      {children}\n    </AriaTabList>\n  );\n}\n\nTabListComponent.displayName = 'TabList';\n\n/**\n * Tab Component\n *\n * Individual tab button. Can render as button or anchor (when href provided).\n * Supports icons and badges as children.\n *\n * @see PRD.md FR-003 (Tab Requirements)\n * @see PRD.md FR-007 (Disabled States)\n * @see PRD.md FR-013 (Icon Support)\n * @see PRD.md FR-014 (Link-based Tabs)\n */\nfunction TabComponent({\n  children,\n  id,\n  isDisabled = false,\n  href,\n  target,\n  rel,\n  download,\n  className,\n  ...props\n}: TabProps) {\n  // Warn if icon-only tab without aria-label\n  if (process.env.NODE_ENV !== 'production') {\n    const hasTextContent =\n      typeof children === 'string' ||\n      (Array.isArray(children) &&\n        children.some((child) => typeof child === 'string'));\n\n    if (!hasTextContent && !props['aria-label']) {\n      console.warn(\n        'Tabs: Icon-only tabs should have an aria-label for accessibility.'\n      );\n    }\n  }\n\n  return (\n    <AriaTab\n      id={id}\n      isDisabled={isDisabled}\n      href={href}\n      target={target}\n      rel={rel}\n      download={download}\n      className={composeRenderProps(className, (className) =>\n        cn(tabVariants(), className)\n      )}\n      {...props}\n    >\n      {children}\n    </AriaTab>\n  );\n}\n\nTabComponent.displayName = 'Tab';\n\n/**\n * TabPanel Component\n *\n * Content panel associated with a tab. Only the selected panel is visible.\n * Supports preserveState for React Activity state preservation.\n *\n * @see PRD.md FR-004 (TabPanel Requirements)\n * @see PRD.md FR-015 (Force Mount Panels)\n * @see PRD.md FR-016 (React Activity State Preservation)\n *\n * @example\n * // Default behavior - content unmounts when hidden\n * <TabPanel id=\"tab1\">Content</TabPanel>\n *\n * @example\n * // Legacy force mount - keeps content in DOM\n * <TabPanel id=\"tab1\" shouldForceMount>Form with state</TabPanel>\n *\n * @example\n * // React Activity - preserves state with proper effect cleanup\n * <TabPanel id=\"tab1\" preserveState>\n *   <FormWithDraft />\n * </TabPanel>\n */\nfunction TabPanelComponent({\n  children,\n  id,\n  shouldForceMount = false,\n  preserveState = false,\n  className,\n  ...props\n}: TabPanelProps) {\n  // preserveState takes precedence - both enable force mounting\n  const forceMount = preserveState || shouldForceMount;\n\n  // If children is a render function (for dynamic content based on selection state),\n  // we need to use the render props pattern\n  if (typeof children === 'function') {\n    return (\n      <AriaTabPanel\n        id={id}\n        shouldForceMount={forceMount}\n        className={composeRenderProps(className, (className) =>\n          cn(tabPanelVariants(), className)\n        )}\n        {...props}\n      >\n        {(renderProps) => {\n          // React Aria TabPanelRenderProps includes: state, isInert\n          // We derive isSelected from state - if state is undefined, panel is selected\n          const isSelected = !renderProps.isInert;\n          const content = (\n            children as (renderProps: { isSelected: boolean }) => ReactNode\n          )({ isSelected });\n\n          if (preserveState) {\n            return (\n              <Activity mode={isSelected ? 'visible' : 'hidden'}>\n                {content}\n              </Activity>\n            );\n          }\n\n          return content;\n        }}\n      </AriaTabPanel>\n    );\n  }\n\n  // For static children (not a function), render directly\n  // If preserveState is enabled, wrap in Activity\n  if (preserveState) {\n    return (\n      <AriaTabPanel\n        id={id}\n        shouldForceMount={forceMount}\n        className={composeRenderProps(className, (className) =>\n          cn(tabPanelVariants(), className)\n        )}\n        {...props}\n      >\n        {(renderProps) => {\n          const isSelected = !renderProps.isInert;\n          return (\n            <Activity mode={isSelected ? 'visible' : 'hidden'}>\n              {children}\n            </Activity>\n          );\n        }}\n      </AriaTabPanel>\n    );\n  }\n\n  // Default: render static children directly\n  return (\n    <AriaTabPanel\n      id={id}\n      shouldForceMount={forceMount}\n      className={composeRenderProps(className, (className) =>\n        cn(tabPanelVariants(), className)\n      )}\n      {...props}\n    >\n      {children}\n    </AriaTabPanel>\n  );\n}\n\nTabPanelComponent.displayName = 'TabPanel';\n\n// ============================================================================\n// Exports\n// ============================================================================\n\n/**\n * Direct named exports (not Object.assign compound pattern)\n *\n * Tabs follows React Aria's direct export pattern because:\n * - Simpler structure (only 4 components vs Dialog's 9)\n * - Better tree-shaking with named exports\n * - Clearer imports: import { Tabs, TabList, Tab, TabPanel } from '...'\n *\n * @see plan.md \"Why Direct Named Exports (Not Object.assign)?\"\n */\nexport const Tabs = TabsRoot;\nexport const TabList = TabListComponent;\nexport const Tab = TabComponent;\nexport const TabPanel = TabPanelComponent;\n\n// Re-export types for convenience\nexport type { TabsProps, TabListProps, TabProps, TabPanelProps };\n","import { z } from 'zod';\n\n/**\n * Base props schema for all Themis components\n * Ensures consistent accessibility and styling APIs across the library\n *\n * @see spec.md FR-009 to FR-014 (Accessibility Requirements)\n * @see constitution.md Principle IV (Accessibility First - WCAG 2.2 AA minimum)\n */\nexport const BaseComponentPropsSchema = z.object({\n  // Styling\n  className: z.string().optional(),\n\n  // React\n  children: z.any().optional(), // ReactNode not directly supported by Zod\n  id: z.string().optional(),\n\n  // Accessibility (WCAG 2.2 AA requirements)\n  'aria-label': z.string().optional(),\n  'aria-labelledby': z.string().optional(),\n  'aria-describedby': z.string().optional(),\n  'aria-live': z.enum(['off', 'polite', 'assertive']).optional(),\n  'aria-hidden': z.boolean().optional(),\n\n  // Testing & Development\n  'data-testid': z.string().optional(),\n});\n\nexport type BaseComponentProps = z.infer<typeof BaseComponentPropsSchema>;\n","import { z } from 'zod';\nimport { BaseComponentPropsSchema } from '../../schemas/BaseComponentProps';\nimport type { ReactNode, Key } from 'react';\n\n/**\n * Tab orientation schema\n *\n * @see PRD.md FR-005 (Orientation Support)\n */\nexport const TabsOrientationSchema = z.enum(['horizontal', 'vertical']);\nexport type TabsOrientation = z.infer<typeof TabsOrientationSchema>;\n\n/**\n * Keyboard activation mode schema\n *\n * @see PRD.md FR-006 (Keyboard Activation Modes)\n */\nexport const TabsKeyboardActivationSchema = z.enum(['automatic', 'manual']);\nexport type TabsKeyboardActivation = z.infer<typeof TabsKeyboardActivationSchema>;\n\n/**\n * Key schema for tab identification\n * Supports both string and number keys per React Aria convention\n */\nexport const KeySchema = z.union([z.string(), z.number()]);\n\n/**\n * Tabs root component props schema\n *\n * @see PRD.md FR-001 (Compound Component Pattern)\n * @see PRD.md FR-012 (Controlled Mode)\n * @see PRD.md FR-013 (Uncontrolled Mode)\n */\nexport const TabsPropsSchema = BaseComponentPropsSchema.extend({\n  // Controlled mode: selected tab key\n  selectedKey: KeySchema.optional(),\n\n  // Uncontrolled mode: default selected tab key\n  defaultSelectedKey: KeySchema.optional(),\n\n  // Selection change handler\n  onSelectionChange: z.custom<(key: Key) => void>().optional(),\n\n  // Orientation: horizontal or vertical layout\n  orientation: TabsOrientationSchema.optional().default('horizontal'),\n\n  // Keyboard activation: automatic (arrows select) or manual (arrows focus, Enter selects)\n  keyboardActivation: TabsKeyboardActivationSchema.optional().default('automatic'),\n\n  // Disable all tabs\n  isDisabled: z.boolean().optional().default(false),\n\n  // Keys of tabs to disable individually\n  disabledKeys: z.array(KeySchema).optional(),\n\n  // Children: TabList and TabPanel components\n  children: z.custom<ReactNode>(),\n});\n\nexport type TabsProps = z.infer<typeof TabsPropsSchema>;\n\n/**\n * TabList component props schema\n *\n * @see PRD.md FR-002 (TabList Requirements)\n * @see PRD.md AR-001 (ARIA Requirements)\n */\nexport const TabListPropsSchema = BaseComponentPropsSchema.extend({\n  // Accessible label (required for accessibility if no aria-labelledby)\n  'aria-label': z.string().optional(),\n\n  // Reference to labelling element\n  'aria-labelledby': z.string().optional(),\n\n  // Children: Tab components\n  children: z.custom<ReactNode>(),\n});\n\nexport type TabListProps = z.infer<typeof TabListPropsSchema>;\n\n/**\n * Tab component props schema\n *\n * @see PRD.md FR-003 (Tab Requirements)\n * @see PRD.md FR-007 (Disabled States)\n * @see PRD.md FR-014 (Link-based Tabs)\n */\nexport const TabPropsSchema = BaseComponentPropsSchema.extend({\n  // Unique identifier for the tab (required)\n  id: KeySchema,\n\n  // Disable this specific tab\n  isDisabled: z.boolean().optional().default(false),\n\n  // Link tab: URL for navigation-style tabs\n  href: z.string().optional(),\n\n  // Link tab: target attribute\n  target: z.string().optional(),\n\n  // Link tab: rel attribute\n  rel: z.string().optional(),\n\n  // Link tab: download attribute\n  download: z.union([z.string(), z.boolean()]).optional(),\n\n  // Tab content (text, icons, badges)\n  children: z.custom<ReactNode>(),\n});\n\nexport type TabProps = z.infer<typeof TabPropsSchema>;\n\n/**\n * TabPanel component props schema\n *\n * @see PRD.md FR-004 (TabPanel Requirements)\n * @see PRD.md FR-015 (Force Mount Panels)\n * @see PRD.md FR-016 (React Activity State Preservation)\n */\nexport const TabPanelPropsSchema = BaseComponentPropsSchema.extend({\n  // Unique identifier matching a Tab id (required)\n  id: KeySchema,\n\n  // Legacy: Force panel to stay in DOM when hidden\n  // Use preserveState instead for proper effect cleanup\n  shouldForceMount: z.boolean().optional().default(false),\n\n  // React 19.2 Activity: Preserve state with proper effect cleanup\n  // When true, wraps content in <Activity> component\n  // Effects are cleaned up when hidden, restored when visible\n  preserveState: z.boolean().optional().default(false),\n\n  // Panel content\n  children: z.custom<ReactNode>(),\n});\n\nexport type TabPanelProps = z.infer<typeof TabPanelPropsSchema>;\n\n/**\n * Scroll arrow direction for overflow handling\n *\n * @see PRD.md FR-010 (Overflow Handling)\n */\nexport const ScrollArrowDirectionSchema = z.enum(['left', 'right', 'up', 'down']);\nexport type ScrollArrowDirection = z.infer<typeof ScrollArrowDirectionSchema>;\n\n/**\n * Internal props for scroll arrow buttons\n * Used by overflow handling implementation\n */\nexport const ScrollArrowPropsSchema = BaseComponentPropsSchema.extend({\n  // Scroll direction\n  direction: ScrollArrowDirectionSchema,\n\n  // Disable when can't scroll further\n  isDisabled: z.boolean().optional().default(false),\n\n  // Click handler for scrolling\n  onPress: z.custom<() => void>(),\n\n  // Accessible label\n  'aria-label': z.string(),\n});\n\nexport type ScrollArrowProps = z.infer<typeof ScrollArrowPropsSchema>;\n"]}
+{"version":3,"sources":["../../../src/utils/cn.ts","../../../src/elements/Tabs/Tabs.tsx","../../../src/schemas/BaseComponentProps.ts","../../../src/elements/Tabs/Tabs.types.ts"],"names":["cn","inputs","twMerge","clsx","Activity","ReactActivity","children","mode","jsx","TabsInternalContext","createContext","tabListVariants","cva","tabVariants","tabPanelVariants","TabsRoot","variant","selectedKey","defaultSelectedKey","onSelectionChange","orientation","keyboardActivation","isDisabled","disabledKeys","className","props","AriaTabs","TabListComponent","useContext","AriaTabList","composeRenderProps","renderProps","TabComponent","id","href","target","rel","download","child","AriaTab","TabPanelComponent","shouldForceMount","preserveState","forceMount","AriaTabPanel","isSelected","content","Tabs","TabList","Tab","TabPanel","BaseComponentPropsSchema","z","TabsVariantSchema","TabsOrientationSchema","TabsKeyboardActivationSchema","KeySchema","TabsPropsSchema","TabListPropsSchema","TabPropsSchema","TabPanelPropsSchema","ScrollArrowDirectionSchema","ScrollArrowPropsSchema"],"mappings":"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","file":"index.js","sourcesContent":["/**\n * Class Name Utility\n * Merges Tailwind CSS classes with conflict resolution\n *\n * Combines clsx for conditional classes and tailwind-merge for deduplication\n *\n * @example\n * cn('px-2 py-1', 'px-4') // => 'py-1 px-4' (px-4 overrides px-2)\n * cn('text-red-500', condition && 'text-blue-500') // => conditional application\n */\n\nimport { clsx, type ClassValue } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\nexport function cn(...inputs: ClassValue[]): string {\n  return twMerge(clsx(inputs));\n}\n","'use client';\n\n/**\n * Tabs Component - Implementation\n *\n * Accessible tabbed interface component combining React Aria primitives with ShadCN styling.\n * Follows Themis library patterns with compound component structure and direct named exports.\n *\n * Key Features:\n * - React Aria Tabs for full accessibility (WCAG 2.2 AAA)\n * - CVA variants for orientation styling\n * - React 19.2 Activity API for state preservation (preserveState prop)\n * - Dual keyboard activation modes (automatic/manual)\n * - Support for icons, badges, and link-based tabs\n *\n * @see tabs-prd.md (Full requirements)\n * @see Tabs.types.ts (Zod schemas)\n * @see plan.md (Implementation approach)\n */\n\n// React 19.2 Activity API - may not be available in all builds\n// Import conditionally to support environments where Activity is unavailable\nimport {\n  Activity as ReactActivity,\n  createContext,\n  useContext,\n  type ReactNode,\n  type Key,\n  type ReactElement,\n} from 'react';\n\n// Activity component with fallback for environments where it's not available\n// The fallback simply renders children directly - no state preservation when Activity unavailable\n// Note: ActivityFallback doesn't actually preserve state; it's just a pass-through\nconst Activity = ReactActivity ?? function ActivityFallback({\n  children,\n  mode,\n}: {\n  children: ReactNode;\n  mode: 'visible' | 'hidden';\n}): ReactElement {\n  // When Activity is not available, just render children directly\n  // mode is ignored in the fallback\n  return <div data-activity-mode={mode}>{children}</div>;\n};\nimport {\n  Tabs as AriaTabs,\n  TabList as AriaTabList,\n  Tab as AriaTab,\n  TabPanel as AriaTabPanel,\n  composeRenderProps,\n  type Key as AriaKey,\n} from 'react-aria-components';\nimport { cva } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport type {\n  TabsProps,\n  TabsVariant,\n  TabsOrientation,\n  TabListProps,\n  TabProps,\n  TabPanelProps,\n} from './Tabs.types';\n\n// ============================================================================\n// Internal Context\n// ============================================================================\n\ninterface TabsContextValue {\n  variant: TabsVariant;\n  orientation: TabsOrientation;\n}\n\nconst TabsInternalContext = createContext<TabsContextValue>({\n  variant: 'default',\n  orientation: 'horizontal',\n});\n\n// ============================================================================\n// CVA Variants\n// ============================================================================\n\n/**\n * TabList CVA variants\n *\n * @see PRD.md FR-002 (TabList Requirements)\n * @see PRD.md DS-001 (Design System - Layout)\n */\nexport const tabListVariants = cva(\n  // Base styles\n  [\n    'inline-flex items-center text-[var(--menu-muted)]',\n  ],\n  {\n    variants: {\n      variant: {\n        default: 'border-b border-[var(--border)] bg-transparent rounded-none p-0 gap-0',\n        block: 'justify-center rounded-md p-1 bg-[var(--accent-background)]',\n      },\n      orientation: {\n        horizontal: 'flex-row',\n        vertical: 'h-auto flex-col w-full',\n      },\n    },\n    compoundVariants: [\n      { variant: 'block', orientation: 'horizontal', class: 'h-10 gap-0' },\n      { variant: 'block', orientation: 'vertical', class: 'gap-1' },\n      { variant: 'default', orientation: 'vertical', class: 'border-b-0 border-l' },\n    ],\n    defaultVariants: {\n      variant: 'default',\n      orientation: 'horizontal',\n    },\n  }\n);\n\n/**\n * Tab CVA variants\n *\n * @see PRD.md FR-003 (Tab Requirements)\n * @see PRD.md DS-002 (Design System - Tab Styling)\n * @see PRD.md AR-001 (Accessibility - 44×44px touch targets)\n */\nexport const tabVariants = cva(\n  // Base styles\n  [\n    'inline-flex items-center justify-center gap-2 whitespace-nowrap',\n    'px-3 py-1.5 text-sm font-medium',\n    'ring-offset-[var(--content-background)] transition-all',\n    'focus-visible:outline-none focus-visible:ring-2',\n    'focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2',\n    // States via data attributes\n    'data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\n    // WCAG 2.2 AAA: 44×44px minimum touch target\n    'min-h-[44px]',\n  ],\n  {\n    variants: {\n      variant: {\n        default: [\n          'rounded-none bg-transparent',\n          'data-[selected]:text-[var(--content-foreground)]',\n          'hover:text-[var(--content-foreground)]',\n        ],\n        block: [\n          'rounded-sm',\n          'data-[selected]:bg-[var(--content-background)] data-[selected]:text-[var(--content-foreground)]',\n          'data-[selected]:shadow-sm',\n        ],\n      },\n      orientation: {\n        horizontal: '',\n        vertical: 'w-full justify-start',\n      },\n    },\n    compoundVariants: [\n      {\n        variant: 'default',\n        orientation: 'horizontal',\n        class: 'border-b-2 border-transparent -mb-px data-[selected]:border-[var(--primary-action)]',\n      },\n      {\n        variant: 'default',\n        orientation: 'vertical',\n        class: 'border-l-2 border-transparent -ml-px data-[selected]:border-[var(--primary-action)]',\n      },\n    ],\n    defaultVariants: {\n      variant: 'default',\n      orientation: 'horizontal',\n    },\n  }\n);\n\n/**\n * TabPanel CVA variants\n *\n * @see PRD.md FR-004 (TabPanel Requirements)\n */\nexport const tabPanelVariants = cva(\n  [\n    'mt-2 ring-offset-[var(--content-background)]',\n    'focus-visible:outline-none focus-visible:ring-2',\n    'focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2',\n  ],\n  {\n    variants: {},\n    defaultVariants: {},\n  }\n);\n\n// ============================================================================\n// Components\n// ============================================================================\n\n/**\n * Tabs Root Component\n *\n * Container for tabbed interface. Manages selection state and provides\n * context to child components.\n *\n * @see PRD.md FR-001 (Compound Component Pattern)\n * @see PRD.md FR-012 (Controlled Mode)\n * @see PRD.md FR-013 (Uncontrolled Mode)\n *\n * @example\n * // Uncontrolled\n * <Tabs defaultSelectedKey=\"tab1\">\n *   <TabList aria-label=\"Navigation\">\n *     <Tab id=\"tab1\">Tab 1</Tab>\n *     <Tab id=\"tab2\">Tab 2</Tab>\n *   </TabList>\n *   <TabPanel id=\"tab1\">Content 1</TabPanel>\n *   <TabPanel id=\"tab2\">Content 2</TabPanel>\n * </Tabs>\n *\n * @example\n * // Controlled\n * <Tabs selectedKey={selected} onSelectionChange={setSelected}>\n *   ...\n * </Tabs>\n */\nfunction TabsRoot({\n  children,\n  variant = 'default',\n  selectedKey,\n  defaultSelectedKey,\n  onSelectionChange,\n  orientation = 'horizontal',\n  keyboardActivation = 'automatic',\n  isDisabled = false,\n  disabledKeys,\n  className,\n  ...props\n}: TabsProps) {\n  return (\n    <TabsInternalContext.Provider value={{ variant, orientation }}>\n      <AriaTabs\n        selectedKey={selectedKey}\n        defaultSelectedKey={defaultSelectedKey}\n        onSelectionChange={onSelectionChange as (key: Key) => void}\n        orientation={orientation}\n        keyboardActivation={keyboardActivation}\n        isDisabled={isDisabled}\n        disabledKeys={disabledKeys as Iterable<AriaKey> | undefined}\n        className={cn(className)}\n        {...props}\n      >\n        {children}\n      </AriaTabs>\n    </TabsInternalContext.Provider>\n  );\n}\n\nTabsRoot.displayName = 'Tabs';\n\n/**\n * TabList Component\n *\n * Container for tab buttons. Uses roving tabindex for keyboard navigation.\n * Receives orientation from parent Tabs via React Aria context.\n *\n * @see PRD.md FR-002 (TabList Requirements)\n * @see PRD.md AR-001 (ARIA Requirements)\n */\nfunction TabListComponent({\n  children,\n  className,\n  ...props\n}: TabListProps) {\n  const { variant } = useContext(TabsInternalContext);\n  return (\n    <AriaTabList\n      className={composeRenderProps(className, (className, renderProps) =>\n        cn(\n          tabListVariants({ variant, orientation: renderProps.orientation }),\n          className\n        )\n      )}\n      {...props}\n    >\n      {children}\n    </AriaTabList>\n  );\n}\n\nTabListComponent.displayName = 'TabList';\n\n/**\n * Tab Component\n *\n * Individual tab button. Can render as button or anchor (when href provided).\n * Supports icons and badges as children.\n *\n * @see PRD.md FR-003 (Tab Requirements)\n * @see PRD.md FR-007 (Disabled States)\n * @see PRD.md FR-013 (Icon Support)\n * @see PRD.md FR-014 (Link-based Tabs)\n */\nfunction TabComponent({\n  children,\n  id,\n  isDisabled = false,\n  href,\n  target,\n  rel,\n  download,\n  className,\n  ...props\n}: TabProps) {\n  // Warn if icon-only tab without aria-label\n  if (process.env.NODE_ENV !== 'production') {\n    const hasTextContent =\n      typeof children === 'string' ||\n      (Array.isArray(children) &&\n        children.some((child) => typeof child === 'string'));\n\n    if (!hasTextContent && !props['aria-label']) {\n      console.warn(\n        'Tabs: Icon-only tabs should have an aria-label for accessibility.'\n      );\n    }\n  }\n\n  const { variant, orientation } = useContext(TabsInternalContext);\n  return (\n    <AriaTab\n      id={id}\n      isDisabled={isDisabled}\n      href={href}\n      target={target}\n      rel={rel}\n      download={download}\n      className={composeRenderProps(className, (className) =>\n        cn(tabVariants({ variant, orientation }), className)\n      )}\n      {...props}\n    >\n      {children}\n    </AriaTab>\n  );\n}\n\nTabComponent.displayName = 'Tab';\n\n/**\n * TabPanel Component\n *\n * Content panel associated with a tab. Only the selected panel is visible.\n * Supports preserveState for React Activity state preservation.\n *\n * @see PRD.md FR-004 (TabPanel Requirements)\n * @see PRD.md FR-015 (Force Mount Panels)\n * @see PRD.md FR-016 (React Activity State Preservation)\n *\n * @example\n * // Default behavior - content unmounts when hidden\n * <TabPanel id=\"tab1\">Content</TabPanel>\n *\n * @example\n * // Legacy force mount - keeps content in DOM\n * <TabPanel id=\"tab1\" shouldForceMount>Form with state</TabPanel>\n *\n * @example\n * // React Activity - preserves state with proper effect cleanup\n * <TabPanel id=\"tab1\" preserveState>\n *   <FormWithDraft />\n * </TabPanel>\n */\nfunction TabPanelComponent({\n  children,\n  id,\n  shouldForceMount = false,\n  preserveState = false,\n  className,\n  ...props\n}: TabPanelProps) {\n  // preserveState takes precedence - both enable force mounting\n  const forceMount = preserveState || shouldForceMount;\n\n  // If children is a render function (for dynamic content based on selection state),\n  // we need to use the render props pattern\n  if (typeof children === 'function') {\n    return (\n      <AriaTabPanel\n        id={id}\n        shouldForceMount={forceMount}\n        className={composeRenderProps(className, (className) =>\n          cn(tabPanelVariants(), className)\n        )}\n        {...props}\n      >\n        {(renderProps) => {\n          // React Aria TabPanelRenderProps includes: state, isInert\n          // We derive isSelected from state - if state is undefined, panel is selected\n          const isSelected = !renderProps.isInert;\n          const content = (\n            children as (renderProps: { isSelected: boolean }) => ReactNode\n          )({ isSelected });\n\n          if (preserveState) {\n            return (\n              <Activity mode={isSelected ? 'visible' : 'hidden'}>\n                {content}\n              </Activity>\n            );\n          }\n\n          return content;\n        }}\n      </AriaTabPanel>\n    );\n  }\n\n  // For static children (not a function), render directly\n  // If preserveState is enabled, wrap in Activity\n  if (preserveState) {\n    return (\n      <AriaTabPanel\n        id={id}\n        shouldForceMount={forceMount}\n        className={composeRenderProps(className, (className) =>\n          cn(tabPanelVariants(), className)\n        )}\n        {...props}\n      >\n        {(renderProps) => {\n          const isSelected = !renderProps.isInert;\n          return (\n            <Activity mode={isSelected ? 'visible' : 'hidden'}>\n              {children}\n            </Activity>\n          );\n        }}\n      </AriaTabPanel>\n    );\n  }\n\n  // Default: render static children directly\n  return (\n    <AriaTabPanel\n      id={id}\n      shouldForceMount={forceMount}\n      className={composeRenderProps(className, (className) =>\n        cn(tabPanelVariants(), className)\n      )}\n      {...props}\n    >\n      {children}\n    </AriaTabPanel>\n  );\n}\n\nTabPanelComponent.displayName = 'TabPanel';\n\n// ============================================================================\n// Exports\n// ============================================================================\n\n/**\n * Direct named exports (not Object.assign compound pattern)\n *\n * Tabs follows React Aria's direct export pattern because:\n * - Simpler structure (only 4 components vs Dialog's 9)\n * - Better tree-shaking with named exports\n * - Clearer imports: import { Tabs, TabList, Tab, TabPanel } from '...'\n *\n * @see plan.md \"Why Direct Named Exports (Not Object.assign)?\"\n */\nexport const Tabs = TabsRoot;\nexport const TabList = TabListComponent;\nexport const Tab = TabComponent;\nexport const TabPanel = TabPanelComponent;\n\n// Re-export types for convenience\nexport type { TabsProps, TabsVariant, TabListProps, TabProps, TabPanelProps };\n","import { z } from 'zod';\n\n/**\n * Base props schema for all Themis components\n * Ensures consistent accessibility and styling APIs across the library\n *\n * @see spec.md FR-009 to FR-014 (Accessibility Requirements)\n * @see constitution.md Principle IV (Accessibility First - WCAG 2.2 AA minimum)\n */\nexport const BaseComponentPropsSchema = z.object({\n  // Styling\n  className: z.string().optional(),\n\n  // React\n  children: z.any().optional(), // ReactNode not directly supported by Zod\n  id: z.string().optional(),\n\n  // Accessibility (WCAG 2.2 AA requirements)\n  'aria-label': z.string().optional(),\n  'aria-labelledby': z.string().optional(),\n  'aria-describedby': z.string().optional(),\n  'aria-live': z.enum(['off', 'polite', 'assertive']).optional(),\n  'aria-hidden': z.boolean().optional(),\n\n  // Testing & Development\n  'data-testid': z.string().optional(),\n});\n\nexport type BaseComponentProps = z.infer<typeof BaseComponentPropsSchema>;\n","import { z } from 'zod';\nimport { BaseComponentPropsSchema } from '../../schemas/BaseComponentProps';\nimport type { ReactNode, Key } from 'react';\n\n/**\n * Tab variant schema\n *\n * - 'default': Transparent background with bottom border indicator for active tab\n * - 'block': Pill/card style with accent background and shadow for active tab\n */\nexport const TabsVariantSchema = z.enum(['default', 'block']);\nexport type TabsVariant = z.infer<typeof TabsVariantSchema>;\n\n/**\n * Tab orientation schema\n *\n * @see PRD.md FR-005 (Orientation Support)\n */\nexport const TabsOrientationSchema = z.enum(['horizontal', 'vertical']);\nexport type TabsOrientation = z.infer<typeof TabsOrientationSchema>;\n\n/**\n * Keyboard activation mode schema\n *\n * @see PRD.md FR-006 (Keyboard Activation Modes)\n */\nexport const TabsKeyboardActivationSchema = z.enum(['automatic', 'manual']);\nexport type TabsKeyboardActivation = z.infer<typeof TabsKeyboardActivationSchema>;\n\n/**\n * Key schema for tab identification\n * Supports both string and number keys per React Aria convention\n */\nexport const KeySchema = z.union([z.string(), z.number()]);\n\n/**\n * Tabs root component props schema\n *\n * @see PRD.md FR-001 (Compound Component Pattern)\n * @see PRD.md FR-012 (Controlled Mode)\n * @see PRD.md FR-013 (Uncontrolled Mode)\n */\nexport const TabsPropsSchema = BaseComponentPropsSchema.extend({\n  // Visual variant: 'default' (underline) or 'block' (pill/card)\n  variant: TabsVariantSchema.optional().default('default'),\n\n  // Controlled mode: selected tab key\n  selectedKey: KeySchema.optional(),\n\n  // Uncontrolled mode: default selected tab key\n  defaultSelectedKey: KeySchema.optional(),\n\n  // Selection change handler\n  onSelectionChange: z.custom<(key: Key) => void>().optional(),\n\n  // Orientation: horizontal or vertical layout\n  orientation: TabsOrientationSchema.optional().default('horizontal'),\n\n  // Keyboard activation: automatic (arrows select) or manual (arrows focus, Enter selects)\n  keyboardActivation: TabsKeyboardActivationSchema.optional().default('automatic'),\n\n  // Disable all tabs\n  isDisabled: z.boolean().optional().default(false),\n\n  // Keys of tabs to disable individually\n  disabledKeys: z.array(KeySchema).optional(),\n\n  // Children: TabList and TabPanel components\n  children: z.custom<ReactNode>(),\n});\n\nexport type TabsProps = z.infer<typeof TabsPropsSchema>;\n\n/**\n * TabList component props schema\n *\n * @see PRD.md FR-002 (TabList Requirements)\n * @see PRD.md AR-001 (ARIA Requirements)\n */\nexport const TabListPropsSchema = BaseComponentPropsSchema.extend({\n  // Accessible label (required for accessibility if no aria-labelledby)\n  'aria-label': z.string().optional(),\n\n  // Reference to labelling element\n  'aria-labelledby': z.string().optional(),\n\n  // Children: Tab components\n  children: z.custom<ReactNode>(),\n});\n\nexport type TabListProps = z.infer<typeof TabListPropsSchema>;\n\n/**\n * Tab component props schema\n *\n * @see PRD.md FR-003 (Tab Requirements)\n * @see PRD.md FR-007 (Disabled States)\n * @see PRD.md FR-014 (Link-based Tabs)\n */\nexport const TabPropsSchema = BaseComponentPropsSchema.extend({\n  // Unique identifier for the tab (required)\n  id: KeySchema,\n\n  // Disable this specific tab\n  isDisabled: z.boolean().optional().default(false),\n\n  // Link tab: URL for navigation-style tabs\n  href: z.string().optional(),\n\n  // Link tab: target attribute\n  target: z.string().optional(),\n\n  // Link tab: rel attribute\n  rel: z.string().optional(),\n\n  // Link tab: download attribute\n  download: z.union([z.string(), z.boolean()]).optional(),\n\n  // Tab content (text, icons, badges)\n  children: z.custom<ReactNode>(),\n});\n\nexport type TabProps = z.infer<typeof TabPropsSchema>;\n\n/**\n * TabPanel component props schema\n *\n * @see PRD.md FR-004 (TabPanel Requirements)\n * @see PRD.md FR-015 (Force Mount Panels)\n * @see PRD.md FR-016 (React Activity State Preservation)\n */\nexport const TabPanelPropsSchema = BaseComponentPropsSchema.extend({\n  // Unique identifier matching a Tab id (required)\n  id: KeySchema,\n\n  // Legacy: Force panel to stay in DOM when hidden\n  // Use preserveState instead for proper effect cleanup\n  shouldForceMount: z.boolean().optional().default(false),\n\n  // React 19.2 Activity: Preserve state with proper effect cleanup\n  // When true, wraps content in <Activity> component\n  // Effects are cleaned up when hidden, restored when visible\n  preserveState: z.boolean().optional().default(false),\n\n  // Panel content\n  children: z.custom<ReactNode>(),\n});\n\nexport type TabPanelProps = z.infer<typeof TabPanelPropsSchema>;\n\n/**\n * Scroll arrow direction for overflow handling\n *\n * @see PRD.md FR-010 (Overflow Handling)\n */\nexport const ScrollArrowDirectionSchema = z.enum(['left', 'right', 'up', 'down']);\nexport type ScrollArrowDirection = z.infer<typeof ScrollArrowDirectionSchema>;\n\n/**\n * Internal props for scroll arrow buttons\n * Used by overflow handling implementation\n */\nexport const ScrollArrowPropsSchema = BaseComponentPropsSchema.extend({\n  // Scroll direction\n  direction: ScrollArrowDirectionSchema,\n\n  // Disable when can't scroll further\n  isDisabled: z.boolean().optional().default(false),\n\n  // Click handler for scrolling\n  onPress: z.custom<() => void>(),\n\n  // Accessible label\n  'aria-label': z.string(),\n});\n\nexport type ScrollArrowProps = z.infer<typeof ScrollArrowPropsSchema>;\n"]}