@tribepad/themis 1.0.0

package/dist/chunk-3H7ASYR7.js

@@ -0,0 +1,250 @@
+'use strict';
+
+var chunkVIREG536_js = require('./chunk-VIREG536.js');
+var react = require('react');
+var reactAriaComponents = require('react-aria-components');
+var zod = require('zod');
+var classVarianceAuthority = require('class-variance-authority');
+var jsxRuntime = require('react/jsx-runtime');
+var date = require('@internationalized/date');
+
+var TimeFieldPropsSchema = zod.z.object({
+  // Value props
+  value: zod.z.custom().optional(),
+  defaultValue: zod.z.custom().optional(),
+  placeholderValue: zod.z.custom().optional(),
+  // Granularity props
+  granularity: zod.z.enum(["hour", "minute", "second"]).default("minute"),
+  hourCycle: zod.z.union([zod.z.literal(12), zod.z.literal(24)]).optional(),
+  hideTimeZone: zod.z.boolean().optional(),
+  shouldForceLeadingZeros: zod.z.boolean().optional(),
+  // Constraint props
+  minValue: zod.z.custom().optional(),
+  maxValue: zod.z.custom().optional(),
+  // State props
+  isDisabled: zod.z.boolean().optional(),
+  isReadOnly: zod.z.boolean().optional(),
+  isRequired: zod.z.boolean().optional(),
+  isInvalid: zod.z.boolean().optional(),
+  // Validation props
+  /** Custom validation function that returns an error message or null */
+  validate: zod.z.function().optional(),
+  validationBehavior: zod.z.enum(["native", "aria"]).default("native"),
+  // Display props
+  label: zod.z.string(),
+  description: zod.z.string().optional(),
+  /** Error message string or render function */
+  errorMessage: zod.z.union([zod.z.string(), zod.z.function()]).optional(),
+  // Form props
+  name: zod.z.string().optional(),
+  // Variant props
+  size: zod.z.enum(["sm", "default", "lg"]).default("default"),
+  // Event props
+  /** Called when the time value changes */
+  onChange: zod.z.function().optional(),
+  /** Called when the field gains focus */
+  onFocus: zod.z.function().optional(),
+  /** Called when the field loses focus */
+  onBlur: zod.z.function().optional(),
+  /** Called when focus state changes */
+  onFocusChange: zod.z.function().optional(),
+  // Standard props
+  className: zod.z.string().optional(),
+  autoFocus: zod.z.boolean().optional()
+});
+var timeFieldVariants = classVarianceAuthority.cva(
+  [
+    // Base styles
+    "inline-flex items-center rounded-md border",
+    "bg-[var(--content-background)] text-[var(--content-foreground)]",
+    "transition-colors duration-200",
+    // Focus within
+    "focus-within:ring-2 focus-within:ring-[var(--ring)] focus-within:ring-offset-2",
+    // Disabled
+    "data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50"
+  ],
+  {
+    variants: {
+      size: {
+        sm: "h-9 px-3 text-sm gap-0.5",
+        // 36px - AA only
+        default: "h-11 px-4 text-base gap-1",
+        // 44px - AAA
+        lg: "h-14 px-5 text-lg gap-1.5"
+        // 56px - AAA
+      },
+      isInvalid: {
+        true: "border-[var(--destructive)] focus-within:ring-[var(--destructive)]",
+        false: "border-[var(--input)] hover:border-[var(--input)]/80"
+      }
+    },
+    defaultVariants: {
+      size: "default",
+      isInvalid: false
+    }
+  }
+);
+var timeSegmentVariants = classVarianceAuthority.cva(
+  [
+    // Base styles
+    "tabular-nums rounded px-0.5",
+    // Focus
+    "focus:outline-none focus:bg-[var(--accent)] focus:text-[var(--accent-foreground)]",
+    // Placeholder
+    "data-[placeholder]:text-[var(--menu-muted)]",
+    // Literal segments (colons, spaces)
+    "data-[type=literal]:text-[var(--menu-muted)]",
+    // Disabled
+    "data-[disabled]:opacity-50"
+  ],
+  {
+    variants: {
+      size: {
+        sm: "text-sm min-w-[1.5ch]",
+        default: "text-base min-w-[2ch]",
+        lg: "text-lg min-w-[2ch]"
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+);
+var timeFieldLabelVariants = classVarianceAuthority.cva(
+  [
+    "block font-medium text-[var(--content-foreground)]",
+    "mb-1.5",
+    // Required indicator
+    'data-[required]:after:content-["*"] data-[required]:after:ml-0.5',
+    "data-[required]:after:text-[var(--destructive)]"
+  ],
+  {
+    variants: {
+      size: {
+        sm: "text-sm",
+        default: "text-sm",
+        lg: "text-base"
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+);
+var timeFieldDescriptionVariants = classVarianceAuthority.cva(
+  [
+    "text-[var(--menu-muted)]",
+    "mt-1"
+  ],
+  {
+    variants: {
+      size: {
+        sm: "text-xs",
+        default: "text-sm",
+        lg: "text-base"
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+);
+var timeFieldErrorVariants = classVarianceAuthority.cva(
+  [
+    "flex items-center gap-1",
+    "text-[var(--destructive)]",
+    "mt-1"
+  ],
+  {
+    variants: {
+      size: {
+        sm: "text-xs",
+        default: "text-sm",
+        lg: "text-base"
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+);
+var TimeField = react.forwardRef(
+  ({
+    // Display props
+    label,
+    description,
+    errorMessage,
+    // Variant props
+    size = "default",
+    // Standard props
+    className,
+    // All other props go to AriaTimeField
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      reactAriaComponents.TimeField,
+      {
+        ref,
+        className: chunkVIREG536_js.cn("group flex flex-col gap-1", className),
+        ...props,
+        children: [
+          label && /* @__PURE__ */ jsxRuntime.jsx(
+            reactAriaComponents.Label,
+            {
+              className: chunkVIREG536_js.cn(timeFieldLabelVariants({ size })),
+              "data-required": props.isRequired || void 0,
+              children: label
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            reactAriaComponents.DateInput,
+            {
+              className: chunkVIREG536_js.cn(
+                timeFieldVariants({
+                  size,
+                  isInvalid: props.isInvalid
+                }),
+                "w-fit"
+              ),
+              children: (segment) => /* @__PURE__ */ jsxRuntime.jsx(
+                reactAriaComponents.DateSegment,
+                {
+                  segment,
+                  className: chunkVIREG536_js.cn(timeSegmentVariants({ size }))
+                }
+              )
+            }
+          ),
+          description && /* @__PURE__ */ jsxRuntime.jsx(
+            reactAriaComponents.Text,
+            {
+              slot: "description",
+              className: chunkVIREG536_js.cn(timeFieldDescriptionVariants({ size })),
+              children: description
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(reactAriaComponents.FieldError, { className: chunkVIREG536_js.cn(timeFieldErrorVariants({ size })), children: errorMessage })
+        ]
+      }
+    );
+  }
+);
+TimeField.displayName = "TimeField";
+
+Object.defineProperty(exports, "Time", {
+  enumerable: true,
+  get: function () { return date.Time; }
+});
+Object.defineProperty(exports, "parseTime", {
+  enumerable: true,
+  get: function () { return date.parseTime; }
+});
+exports.TimeField = TimeField;
+exports.TimeFieldPropsSchema = TimeFieldPropsSchema;
+exports.timeFieldDescriptionVariants = timeFieldDescriptionVariants;
+exports.timeFieldErrorVariants = timeFieldErrorVariants;
+exports.timeFieldLabelVariants = timeFieldLabelVariants;
+exports.timeFieldVariants = timeFieldVariants;
+exports.timeSegmentVariants = timeSegmentVariants;
+//# sourceMappingURL=chunk-3H7ASYR7.js.map
+//# sourceMappingURL=chunk-3H7ASYR7.js.map

package/dist/chunk-3H7ASYR7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/elements/TimeField/TimeField.types.ts","../src/elements/TimeField/TimeField.tsx"],"names":["z","cva","forwardRef","jsxs","AriaTimeField","cn","jsx","AriaLabel","AriaDateInput","AriaDateSegment","AriaText","AriaFieldError"],"mappings":";;;;;;;;;;AA4EO,IAAM,oBAAA,GAAuBA,MAAE,MAAA,CAAO;AAAA;AAAA,EAE3C,KAAA,EAAOA,KAAA,CAAE,MAAA,EAAkB,CAAE,QAAA,EAAS;AAAA,EACtC,YAAA,EAAcA,KAAA,CAAE,MAAA,EAAkB,CAAE,QAAA,EAAS;AAAA,EAC7C,gBAAA,EAAkBA,KAAA,CAAE,MAAA,EAAkB,CAAE,QAAA,EAAS;AAAA;AAAA,EAGjD,WAAA,EAAaA,KAAA,CAAE,IAAA,CAAK,CAAC,MAAA,EAAQ,UAAU,QAAQ,CAAC,CAAA,CAAE,OAAA,CAAQ,QAAQ,CAAA;AAAA,EAClE,SAAA,EAAWA,KAAA,CAAE,KAAA,CAAM,CAACA,MAAE,OAAA,CAAQ,EAAE,CAAA,EAAGA,KAAA,CAAE,OAAA,CAAQ,EAAE,CAAC,CAAC,EAAE,QAAA,EAAS;AAAA,EAC5D,YAAA,EAAcA,KAAA,CAAE,OAAA,EAAQ,CAAE,QAAA,EAAS;AAAA,EACnC,uBAAA,EAAyBA,KAAA,CAAE,OAAA,EAAQ,CAAE,QAAA,EAAS;AAAA;AAAA,EAG9C,QAAA,EAAUA,KAAA,CAAE,MAAA,EAAkB,CAAE,QAAA,EAAS;AAAA,EACzC,QAAA,EAAUA,KAAA,CAAE,MAAA,EAAkB,CAAE,QAAA,EAAS;AAAA;AAAA,EAGzC,UAAA,EAAYA,KAAA,CAAE,OAAA,EAAQ,CAAE,QAAA,EAAS;AAAA,EACjC,UAAA,EAAYA,KAAA,CAAE,OAAA,EAAQ,CAAE,QAAA,EAAS;AAAA,EACjC,UAAA,EAAYA,KAAA,CAAE,OAAA,EAAQ,CAAE,QAAA,EAAS;AAAA,EACjC,SAAA,EAAWA,KAAA,CAAE,OAAA,EAAQ,CAAE,QAAA,EAAS;AAAA;AAAA;AAAA,EAIhC,QAAA,EAAUA,KAAA,CAAE,QAAA,EAAS,CAAE,QAAA,EAAS;AAAA,EAChC,kBAAA,EAAoBA,MAAE,IAAA,CAAK,CAAC,UAAU,MAAM,CAAC,CAAA,CAAE,OAAA,CAAQ,QAAQ,CAAA;AAAA;AAAA,EAG/D,KAAA,EAAOA,MAAE,MAAA,EAAO;AAAA,EAChB,WAAA,EAAaA,KAAA,CAAE,MAAA,EAAO,CAAE,QAAA,EAAS;AAAA;AAAA,EAEjC,YAAA,EAAcA,KAAA,CAAE,KAAA,CAAM,CAACA,KAAA,CAAE,MAAA,EAAO,EAAGA,KAAA,CAAE,QAAA,EAAU,CAAC,CAAA,CAAE,QAAA,EAAS;AAAA;AAAA,EAG3D,IAAA,EAAMA,KAAA,CAAE,MAAA,EAAO,CAAE,QAAA,EAAS;AAAA;AAAA,EAG1B,IAAA,EAAMA,KAAA,CAAE,IAAA,CAAK,CAAC,IAAA,EAAM,WAAW,IAAI,CAAC,CAAA,CAAE,OAAA,CAAQ,SAAS,CAAA;AAAA;AAAA;AAAA,EAIvD,QAAA,EAAUA,KAAA,CAAE,QAAA,EAAS,CAAE,QAAA,EAAS;AAAA;AAAA,EAEhC,OAAA,EAASA,KAAA,CAAE,QAAA,EAAS,CAAE,QAAA,EAAS;AAAA;AAAA,EAE/B,MAAA,EAAQA,KAAA,CAAE,QAAA,EAAS,CAAE,QAAA,EAAS;AAAA;AAAA,EAE9B,aAAA,EAAeA,KAAA,CAAE,QAAA,EAAS,CAAE,QAAA,EAAS;AAAA;AAAA,EAGrC,SAAA,EAAWA,KAAA,CAAE,MAAA,EAAO,CAAE,QAAA,EAAS;AAAA,EAC/B,SAAA,EAAWA,KAAA,CAAE,OAAA,EAAQ,CAAE,QAAA;AACzB,CAAC;AAwCM,IAAM,iBAAA,GAAoBC,0BAAA;AAAA,EAC/B;AAAA;AAAA,IAEE,4CAAA;AAAA,IACA,iEAAA;AAAA,IACA,gCAAA;AAAA;AAAA,IAEA,gFAAA;AAAA;AAAA,IAEA;AAAA,GACF;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,0BAAA;AAAA;AAAA,QACJ,OAAA,EAAS,2BAAA;AAAA;AAAA,QACT,EAAA,EAAI;AAAA;AAAA,OACN;AAAA,MACA,SAAA,EAAW;AAAA,QACT,IAAA,EAAM,oEAAA;AAAA,QACN,KAAA,EAAO;AAAA;AACT,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,IAAA,EAAM,SAAA;AAAA,MACN,SAAA,EAAW;AAAA;AACb;AAEJ;AAMO,IAAM,mBAAA,GAAsBA,0BAAA;AAAA,EACjC;AAAA;AAAA,IAEE,6BAAA;AAAA;AAAA,IAEA,mFAAA;AAAA;AAAA,IAEA,6CAAA;AAAA;AAAA,IAEA,8CAAA;AAAA;AAAA,IAEA;AAAA,GACF;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,uBAAA;AAAA,QACJ,OAAA,EAAS,uBAAA;AAAA,QACT,EAAA,EAAI;AAAA;AACN,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,IAAA,EAAM;AAAA;AACR;AAEJ;AAKO,IAAM,sBAAA,GAAyBA,0BAAA;AAAA,EACpC;AAAA,IACE,oDAAA;AAAA,IACA,QAAA;AAAA;AAAA,IAEA,kEAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,SAAA;AAAA,QACJ,OAAA,EAAS,SAAA;AAAA,QACT,EAAA,EAAI;AAAA;AACN,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,IAAA,EAAM;AAAA;AACR;AAEJ;AAKO,IAAM,4BAAA,GAA+BA,0BAAA;AAAA,EAC1C;AAAA,IACE,0BAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,SAAA;AAAA,QACJ,OAAA,EAAS,SAAA;AAAA,QACT,EAAA,EAAI;AAAA;AACN,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,IAAA,EAAM;AAAA;AACR;AAEJ;AAKO,IAAM,sBAAA,GAAyBA,0BAAA;AAAA,EACpC;AAAA,IACE,yBAAA;AAAA,IACA,2BAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,SAAA;AAAA,QACJ,OAAA,EAAS,SAAA;AAAA,QACT,EAAA,EAAI;AAAA;AACN,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,IAAA,EAAM;AAAA;AACR;AAEJ;AC7NO,IAAM,SAAA,GAAYC,gBAAA;AAAA,EACvB,CACE;AAAA;AAAA,IAEE,KAAA;AAAA,IACA,WAAA;AAAA,IACA,YAAA;AAAA;AAAA,IAEA,IAAA,GAAO,SAAA;AAAA;AAAA,IAEP,SAAA;AAAA;AAAA,IAEA,GAAG;AAAA,KAEL,GAAA,KACiB;AACjB,IAAA,uBACEC,eAAA;AAAA,MAACC,6BAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAWC,mBAAA,CAAG,2BAAA,EAA6B,SAAS,CAAA;AAAA,QACnD,GAAG,KAAA;AAAA,QAGH,QAAA,EAAA;AAAA,UAAA,KAAA,oBACCC,cAAA;AAAA,YAACC,yBAAA;AAAA,YAAA;AAAA,cACC,WAAWF,mBAAA,CAAG,sBAAA,CAAuB,EAAE,IAAA,EAAM,CAAC,CAAA;AAAA,cAC9C,eAAA,EAAe,MAAM,UAAA,IAAc,MAAA;AAAA,cAElC,QAAA,EAAA;AAAA;AAAA,WACH;AAAA,0BAIFC,cAAA;AAAA,YAACE,6BAAA;AAAA,YAAA;AAAA,cACC,SAAA,EAAWH,mBAAA;AAAA,gBACT,iBAAA,CAAkB;AAAA,kBAChB,IAAA;AAAA,kBACA,WAAW,KAAA,CAAM;AAAA,iBAClB,CAAA;AAAA,gBACD;AAAA,eACF;AAAA,cAEC,WAAC,OAAA,qBACAC,cAAA;AAAA,gBAACG,+BAAA;AAAA,gBAAA;AAAA,kBACC,OAAA;AAAA,kBACA,WAAWJ,mBAAA,CAAG,mBAAA,CAAoB,EAAE,IAAA,EAAM,CAAC;AAAA;AAAA;AAC7C;AAAA,WAEJ;AAAA,UAGC,WAAA,oBACCC,cAAA;AAAA,YAACI,wBAAA;AAAA,YAAA;AAAA,cACC,IAAA,EAAK,aAAA;AAAA,cACL,WAAWL,mBAAA,CAAG,4BAAA,CAA6B,EAAE,IAAA,EAAM,CAAC,CAAA;AAAA,cAEnD,QAAA,EAAA;AAAA;AAAA,WACH;AAAA,0BAIFC,cAAA,CAACK,8BAAA,EAAA,EAAe,SAAA,EAAWN,mBAAA,CAAG,sBAAA,CAAuB,EAAE,IAAA,EAAM,CAAC,CAAA,EAC3D,QAAA,EAAA,YAAA,EACH;AAAA;AAAA;AAAA,KACF;AAAA,EAEJ;AACF;AAEA,SAAA,CAAU,WAAA,GAAc,WAAA","file":"chunk-3H7ASYR7.js","sourcesContent":["/**\n * TimeField Component Types\n *\n * Zod schemas and TypeScript types for the TimeField component.\n * Includes CVA variant definitions for styling.\n *\n * Note: Zod schemas are used for contract tests and developer guardrails,\n * not runtime validation. This follows the established Themis pattern.\n *\n * @see {@link ../../docs/prd/timefield-prd.md} for full requirements\n */\n\nimport { z } from 'zod';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport type {\n  TimeFieldProps as AriaTimeFieldProps,\n  TimeValue,\n} from 'react-aria-components';\n\n// ============================================================================\n// Time Value Types (re-exported for convenience)\n// ============================================================================\n\n/**\n * Union type for all time values supported by the TimeField.\n * - Time: Time only (no date, no timezone)\n * - CalendarDateTime: Date and time (no timezone)\n * - ZonedDateTime: Date, time, and timezone\n */\nexport type { TimeValue } from 'react-aria-components';\n\n// ============================================================================\n// Granularity Type\n// ============================================================================\n\n/**\n * Controls which time segments are displayed.\n * - 'hour': Hour only (+ AM/PM in 12-hour mode)\n * - 'minute': Hour + minute (default)\n * - 'second': Hour + minute + second\n *\n * Note: Millisecond granularity is intentionally excluded - no common UI use case.\n */\nexport type TimeGranularity = 'hour' | 'minute' | 'second';\n\n// ============================================================================\n// Size Variant Type\n// ============================================================================\n\n/**\n * Size variants for TimeField component.\n * - 'sm': Compact size (36px height) - AA compliant only, not AAA\n * - 'default': Standard size (44px height) - AAA compliant\n * - 'lg': Large size (56px height) - AAA compliant\n */\nexport type TimeFieldSize = 'sm' | 'default' | 'lg';\n\n// ============================================================================\n// Hour Cycle Type\n// ============================================================================\n\n/**\n * Hour cycle format.\n * - 12: 12-hour format with AM/PM\n * - 24: 24-hour format\n */\nexport type HourCycle = 12 | 24;\n\n// ============================================================================\n// Zod Schemas\n// ============================================================================\n\n/**\n * Zod schema for TimeField props validation.\n * Used for contract tests and developer guardrails, not runtime validation.\n */\nexport const TimeFieldPropsSchema = z.object({\n  // Value props\n  value: z.custom<TimeValue>().optional(),\n  defaultValue: z.custom<TimeValue>().optional(),\n  placeholderValue: z.custom<TimeValue>().optional(),\n\n  // Granularity props\n  granularity: z.enum(['hour', 'minute', 'second']).default('minute'),\n  hourCycle: z.union([z.literal(12), z.literal(24)]).optional(),\n  hideTimeZone: z.boolean().optional(),\n  shouldForceLeadingZeros: z.boolean().optional(),\n\n  // Constraint props\n  minValue: z.custom<TimeValue>().optional(),\n  maxValue: z.custom<TimeValue>().optional(),\n\n  // State props\n  isDisabled: z.boolean().optional(),\n  isReadOnly: z.boolean().optional(),\n  isRequired: z.boolean().optional(),\n  isInvalid: z.boolean().optional(),\n\n  // Validation props\n  /** Custom validation function that returns an error message or null */\n  validate: z.function().optional(),\n  validationBehavior: z.enum(['native', 'aria']).default('native'),\n\n  // Display props\n  label: z.string(),\n  description: z.string().optional(),\n  /** Error message string or render function */\n  errorMessage: z.union([z.string(), z.function()]).optional(),\n\n  // Form props\n  name: z.string().optional(),\n\n  // Variant props\n  size: z.enum(['sm', 'default', 'lg']).default('default'),\n\n  // Event props\n  /** Called when the time value changes */\n  onChange: z.function().optional(),\n  /** Called when the field gains focus */\n  onFocus: z.function().optional(),\n  /** Called when the field loses focus */\n  onBlur: z.function().optional(),\n  /** Called when focus state changes */\n  onFocusChange: z.function().optional(),\n\n  // Standard props\n  className: z.string().optional(),\n  autoFocus: z.boolean().optional(),\n});\n\n// ============================================================================\n// TypeScript Types\n// ============================================================================\n\n/**\n * Custom props added to TimeField (not from React Aria).\n */\nexport interface ThemisTimeFieldCustomProps {\n  /** Size variant: 'sm', 'default', or 'lg' */\n  size?: TimeFieldSize;\n  /** Field label */\n  label?: string;\n  /** Description text below the field */\n  description?: string;\n  /** Error message when field is invalid */\n  errorMessage?: string;\n}\n\n/**\n * Props for the TimeField component.\n * Uses React Aria's TimeFieldProps directly to ensure correct function types.\n */\nexport type TimeFieldProps = AriaTimeFieldProps<TimeValue> &\n  ThemisTimeFieldCustomProps;\n\n// ============================================================================\n// CVA Variants\n// ============================================================================\n\n/**\n * Variants for the TimeField input container.\n * Applies to the DateInput element wrapping time segments.\n *\n * Size notes:\n * - sm (36px): Desktop-only, AA compliant only (not AAA touch target)\n * - default (44px): AAA compliant, recommended for most use cases\n * - lg (56px): AAA compliant, enhanced touch targets\n */\nexport const timeFieldVariants = cva(\n  [\n    // Base styles\n    'inline-flex items-center rounded-md border',\n    'bg-[var(--content-background)] text-[var(--content-foreground)]',\n    'transition-colors duration-200',\n    // Focus within\n    'focus-within:ring-2 focus-within:ring-[var(--ring)] focus-within:ring-offset-2',\n    // Disabled\n    'data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50',\n  ],\n  {\n    variants: {\n      size: {\n        sm: 'h-9 px-3 text-sm gap-0.5', // 36px - AA only\n        default: 'h-11 px-4 text-base gap-1', // 44px - AAA\n        lg: 'h-14 px-5 text-lg gap-1.5', // 56px - AAA\n      },\n      isInvalid: {\n        true: 'border-[var(--destructive)] focus-within:ring-[var(--destructive)]',\n        false: 'border-[var(--input)] hover:border-[var(--input)]/80',\n      },\n    },\n    defaultVariants: {\n      size: 'default',\n      isInvalid: false,\n    },\n  }\n);\n\n/**\n * Variants for individual time segment elements.\n * Each segment (hour, minute, second, dayPeriod) uses these styles.\n */\nexport const timeSegmentVariants = cva(\n  [\n    // Base styles\n    'tabular-nums rounded px-0.5',\n    // Focus\n    'focus:outline-none focus:bg-[var(--accent)] focus:text-[var(--accent-foreground)]',\n    // Placeholder\n    'data-[placeholder]:text-[var(--menu-muted)]',\n    // Literal segments (colons, spaces)\n    'data-[type=literal]:text-[var(--menu-muted)]',\n    // Disabled\n    'data-[disabled]:opacity-50',\n  ],\n  {\n    variants: {\n      size: {\n        sm: 'text-sm min-w-[1.5ch]',\n        default: 'text-base min-w-[2ch]',\n        lg: 'text-lg min-w-[2ch]',\n      },\n    },\n    defaultVariants: {\n      size: 'default',\n    },\n  }\n);\n\n/**\n * Variants for the TimeField label.\n */\nexport const timeFieldLabelVariants = cva(\n  [\n    'block font-medium text-[var(--content-foreground)]',\n    'mb-1.5',\n    // Required indicator\n    'data-[required]:after:content-[\"*\"] data-[required]:after:ml-0.5',\n    'data-[required]:after:text-[var(--destructive)]',\n  ],\n  {\n    variants: {\n      size: {\n        sm: 'text-sm',\n        default: 'text-sm',\n        lg: 'text-base',\n      },\n    },\n    defaultVariants: {\n      size: 'default',\n    },\n  }\n);\n\n/**\n * Variants for the description text below the field.\n */\nexport const timeFieldDescriptionVariants = cva(\n  [\n    'text-[var(--menu-muted)]',\n    'mt-1',\n  ],\n  {\n    variants: {\n      size: {\n        sm: 'text-xs',\n        default: 'text-sm',\n        lg: 'text-base',\n      },\n    },\n    defaultVariants: {\n      size: 'default',\n    },\n  }\n);\n\n/**\n * Variants for the error message display.\n */\nexport const timeFieldErrorVariants = cva(\n  [\n    'flex items-center gap-1',\n    'text-[var(--destructive)]',\n    'mt-1',\n  ],\n  {\n    variants: {\n      size: {\n        sm: 'text-xs',\n        default: 'text-sm',\n        lg: 'text-base',\n      },\n    },\n    defaultVariants: {\n      size: 'default',\n    },\n  }\n);\n\n// ============================================================================\n// Variant Types (from CVA)\n// ============================================================================\n\n/**\n * Variant props for timeFieldVariants CVA function.\n */\nexport type TimeFieldVariantProps = VariantProps<typeof timeFieldVariants>;\n\n/**\n * Variant props for timeSegmentVariants CVA function.\n */\nexport type TimeSegmentVariantProps = VariantProps<typeof timeSegmentVariants>;\n","'use client';\n\n/**\n * TimeField Component\n *\n * A fully accessible time input component built on React Aria's TimeField primitive.\n * Provides keyboard-editable time segments for entering hours, minutes, and seconds.\n *\n * Features:\n * - WCAG 2.2 AAA compliant (default/lg sizes) / AA compliant (sm size)\n * - Configurable granularity (hour, minute, second)\n * - 12-hour and 24-hour format support\n * - Step increment support\n * - Min/max constraints with validation\n * - Form integration with hidden input\n * - Full keyboard navigation\n * - Screen reader accessible\n *\n * @see {@link ../../docs/prd/timefield-prd.md} for full requirements\n */\n\nimport { forwardRef, type ReactElement } from 'react';\nimport {\n  TimeField as AriaTimeField,\n  DateInput as AriaDateInput,\n  DateSegment as AriaDateSegment,\n  Label as AriaLabel,\n  Text as AriaText,\n  FieldError as AriaFieldError,\n} from 'react-aria-components';\nimport { cn } from '../../utils/cn';\nimport type { TimeFieldProps } from './TimeField.types';\nimport {\n  timeFieldVariants,\n  timeSegmentVariants,\n  timeFieldLabelVariants,\n  timeFieldDescriptionVariants,\n  timeFieldErrorVariants,\n} from './TimeField.types';\n\n// =============================================================================\n// TimeField Component\n// =============================================================================\n\n/**\n * TimeField component for time input with keyboard-editable segments.\n *\n * @example\n * ```tsx\n * import { TimeField, Time } from '@tribepad/themis/elements/TimeField';\n *\n * // Basic usage\n * <TimeField label=\"Meeting Time\" />\n *\n * // With default value\n * <TimeField\n *   label=\"Start Time\"\n *   defaultValue={new Time(14, 30)}\n * />\n *\n * // 12-hour format with step\n * <TimeField\n *   label=\"Appointment\"\n *   hourCycle={12}\n *   step={15}\n * />\n *\n * // With validation\n * <TimeField\n *   label=\"Office Hours\"\n *   minValue={new Time(9, 0)}\n *   maxValue={new Time(17, 0)}\n *   errorMessage=\"Please select a time within office hours\"\n * />\n * ```\n */\nexport const TimeField = forwardRef<HTMLDivElement, TimeFieldProps>(\n  (\n    {\n      // Display props\n      label,\n      description,\n      errorMessage,\n      // Variant props\n      size = 'default',\n      // Standard props\n      className,\n      // All other props go to AriaTimeField\n      ...props\n    },\n    ref\n  ): ReactElement => {\n    return (\n      <AriaTimeField\n        ref={ref}\n        className={cn('group flex flex-col gap-1', className)}\n        {...props}\n      >\n        {/* Label */}\n        {label && (\n          <AriaLabel\n            className={cn(timeFieldLabelVariants({ size }))}\n            data-required={props.isRequired || undefined}\n          >\n            {label}\n          </AriaLabel>\n        )}\n\n        {/* Time Input */}\n        <AriaDateInput\n          className={cn(\n            timeFieldVariants({\n              size,\n              isInvalid: props.isInvalid,\n            }),\n            'w-fit'\n          )}\n        >\n          {(segment) => (\n            <AriaDateSegment\n              segment={segment}\n              className={cn(timeSegmentVariants({ size }))}\n            />\n          )}\n        </AriaDateInput>\n\n        {/* Description */}\n        {description && (\n          <AriaText\n            slot=\"description\"\n            className={cn(timeFieldDescriptionVariants({ size }))}\n          >\n            {description}\n          </AriaText>\n        )}\n\n        {/* Error Message */}\n        <AriaFieldError className={cn(timeFieldErrorVariants({ size }))}>\n          {errorMessage}\n        </AriaFieldError>\n      </AriaTimeField>\n    );\n  }\n);\n\nTimeField.displayName = 'TimeField';\n"]}

package/dist/chunk-3IEN7JOP.js

@@ -0,0 +1,316 @@
+'use strict';
+
+var chunkVIREG536_js = require('./chunk-VIREG536.js');
+var chunkT4COXKQ3_js = require('./chunk-T4COXKQ3.js');
+var react = require('react');
+var reactAriaComponents = require('react-aria-components');
+var classVarianceAuthority = require('class-variance-authority');
+var jsxRuntime = require('react/jsx-runtime');
+var zod = require('zod');
+
+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: chunkVIREG536_js.cn(className),
+      ...props,
+      children
+    }
+  );
+}
+TabsRoot.displayName = "Tabs";
+function TabListComponent({
+  children,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    reactAriaComponents.TabList,
+    {
+      className: reactAriaComponents.composeRenderProps(
+        className,
+        (className2, renderProps) => chunkVIREG536_js.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) => chunkVIREG536_js.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) => chunkVIREG536_js.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) => chunkVIREG536_js.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) => chunkVIREG536_js.cn(tabPanelVariants(), className2)
+      ),
+      ...props,
+      children
+    }
+  );
+}
+TabPanelComponent.displayName = "TabPanel";
+var Tabs = TabsRoot;
+var TabList = TabListComponent;
+var Tab = TabComponent;
+var TabPanel = TabPanelComponent;
+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 = chunkT4COXKQ3_js.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 = chunkT4COXKQ3_js.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 = chunkT4COXKQ3_js.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 = chunkT4COXKQ3_js.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 = chunkT4COXKQ3_js.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=chunk-3IEN7JOP.js.map
+//# sourceMappingURL=chunk-3IEN7JOP.js.map

package/dist/chunk-3IEN7JOP.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/elements/Tabs/Tabs.tsx","../src/elements/Tabs/Tabs.types.ts"],"names":["ReactActivity","jsx","cva","AriaTabs","cn","AriaTabList","composeRenderProps","className","AriaTab","AriaTabPanel","z","BaseComponentPropsSchema"],"mappings":"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","file":"chunk-3IEN7JOP.js","sourcesContent":["'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';\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"]}