@tribepad/themis 1.0.1 → 1.0.3

package/dist/elements/TimeField/index.js

@@ -1,256 +1,3 @@
 "use client";
-'use strict';
-
-var react = require('react');
-var reactAriaComponents = require('react-aria-components');
-var clsx = require('clsx');
-var tailwindMerge = require('tailwind-merge');
-var zod = require('zod');
-var classVarianceAuthority = require('class-variance-authority');
-var jsxRuntime = require('react/jsx-runtime');
-var date = require('@internationalized/date');
-
-// src/elements/TimeField/TimeField.tsx
-function cn(...inputs) {
-  return tailwindMerge.twMerge(clsx.clsx(inputs));
-}
-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: cn("group flex flex-col gap-1", className),
-        ...props,
-        children: [
-          label && /* @__PURE__ */ jsxRuntime.jsx(
-            reactAriaComponents.Label,
-            {
-              className: cn(timeFieldLabelVariants({ size })),
-              "data-required": props.isRequired || void 0,
-              children: label
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            reactAriaComponents.DateInput,
-            {
-              className: cn(
-                timeFieldVariants({
-                  size,
-                  isInvalid: props.isInvalid
-                }),
-                "w-fit"
-              ),
-              children: (segment) => /* @__PURE__ */ jsxRuntime.jsx(
-                reactAriaComponents.DateSegment,
-                {
-                  segment,
-                  className: cn(timeSegmentVariants({ size }))
-                }
-              )
-            }
-          ),
-          description && /* @__PURE__ */ jsxRuntime.jsx(
-            reactAriaComponents.Text,
-            {
-              slot: "description",
-              className: cn(timeFieldDescriptionVariants({ size })),
-              children: description
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(reactAriaComponents.FieldError, { className: 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=index.js.map
+'use strict';var react=require('react'),reactAriaComponents=require('react-aria-components'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),zod=require('zod'),classVarianceAuthority=require('class-variance-authority'),jsxRuntime=require('react/jsx-runtime'),date=require('@internationalized/date');function t(...o){return tailwindMerge.twMerge(clsx.clsx(o))}var b=zod.z.object({value:zod.z.custom().optional(),defaultValue:zod.z.custom().optional(),placeholderValue:zod.z.custom().optional(),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(),minValue:zod.z.custom().optional(),maxValue:zod.z.custom().optional(),isDisabled:zod.z.boolean().optional(),isReadOnly:zod.z.boolean().optional(),isRequired:zod.z.boolean().optional(),isInvalid:zod.z.boolean().optional(),validate:zod.z.function().optional(),validationBehavior:zod.z.enum(["native","aria"]).default("native"),label:zod.z.string(),description:zod.z.string().optional(),errorMessage:zod.z.union([zod.z.string(),zod.z.function()]).optional(),name:zod.z.string().optional(),size:zod.z.enum(["sm","default","lg"]).default("default"),onChange:zod.z.function().optional(),onFocus:zod.z.function().optional(),onBlur:zod.z.function().optional(),onFocusChange:zod.z.function().optional(),className:zod.z.string().optional(),autoFocus:zod.z.boolean().optional()}),l=classVarianceAuthority.cva(["inline-flex items-center rounded-md border","bg-[var(--content-background)] text-[var(--content-foreground)]","transition-colors duration-200","focus-within:ring-2 focus-within:ring-[var(--ring)] focus-within:ring-offset-2","data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50"],{variants:{size:{sm:"h-9 px-3 text-sm gap-0.5",default:"h-11 px-4 text-base gap-1",lg:"h-14 px-5 text-lg gap-1.5"},isInvalid:{true:"border-[var(--destructive-background)] focus-within:ring-[var(--destructive-background)]",false:"border-[var(--input-border)] hover:border-[var(--input-border)]/80"}},defaultVariants:{size:"default",isInvalid:false}}),s=classVarianceAuthority.cva(["tabular-nums rounded px-0.5","focus:outline-none focus:bg-[var(--accent)] focus:text-[var(--accent-foreground)]","data-[placeholder]:text-[var(--menu-muted)]","data-[type=literal]:text-[var(--menu-muted)]","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"}}),m=classVarianceAuthority.cva(["block font-medium text-[var(--content-foreground)]","mb-1.5",'data-[required]:after:content-["*"] data-[required]:after:ml-0.5',"data-[required]:after:text-[var(--destructive-background)]"],{variants:{size:{sm:"text-sm",default:"text-sm",lg:"text-base"}},defaultVariants:{size:"default"}}),d=classVarianceAuthority.cva(["text-[var(--menu-muted)]","mt-1"],{variants:{size:{sm:"text-xs",default:"text-sm",lg:"text-base"}},defaultVariants:{size:"default"}}),u=classVarianceAuthority.cva(["flex items-center gap-1","text-[var(--destructive-background)]","mt-1"],{variants:{size:{sm:"text-xs",default:"text-sm",lg:"text-base"}},defaultVariants:{size:"default"}});var c=react.forwardRef(({label:o,description:p,errorMessage:f,size:a="default",className:x,...n},g)=>jsxRuntime.jsxs(reactAriaComponents.TimeField,{ref:g,className:t("group flex flex-col gap-1",x),...n,children:[o&&jsxRuntime.jsx(reactAriaComponents.Label,{className:t(m({size:a})),"data-required":n.isRequired||void 0,children:o}),jsxRuntime.jsx(reactAriaComponents.DateInput,{className:t(l({size:a,isInvalid:n.isInvalid}),"w-fit"),children:F=>jsxRuntime.jsx(reactAriaComponents.DateSegment,{segment:F,className:t(s({size:a}))})}),p&&jsxRuntime.jsx(reactAriaComponents.Text,{slot:"description",className:t(d({size:a})),children:p}),jsxRuntime.jsx(reactAriaComponents.FieldError,{className:t(u({size:a})),children:f})]}));c.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=c;exports.TimeFieldPropsSchema=b;exports.timeFieldDescriptionVariants=d;exports.timeFieldErrorVariants=u;exports.timeFieldLabelVariants=m;exports.timeFieldVariants=l;exports.timeSegmentVariants=s;//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/utils/cn.ts","../../../src/elements/TimeField/TimeField.types.ts","../../../src/elements/TimeField/TimeField.tsx"],"names":["twMerge","clsx","z","cva","forwardRef","jsxs","AriaTimeField","jsx","AriaLabel","AriaDateInput","AriaDateSegment","AriaText","AriaFieldError"],"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","/**\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"]}
+{"version":3,"sources":["../../../src/utils/cn.ts","../../../src/elements/TimeField/TimeField.types.ts","../../../src/elements/TimeField/TimeField.tsx"],"names":["cn","inputs","twMerge","clsx","TimeFieldPropsSchema","z","timeFieldVariants","cva","timeSegmentVariants","timeFieldLabelVariants","timeFieldDescriptionVariants","timeFieldErrorVariants","TimeField","forwardRef","label","description","errorMessage","size","className","props","ref","jsxs","AriaTimeField","jsx","AriaLabel","AriaDateInput","segment","AriaDateSegment","AriaText","AriaFieldError"],"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","/**\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-background)] focus-within:ring-[var(--destructive-background)]',\n        false: 'border-[var(--input-border)] hover:border-[var(--input-border)]/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-background)]',\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-background)]',\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/elements/TimeField/index.mjs

@@ -1,240 +1,3 @@
 "use client";
-import { forwardRef } from 'react';
-import { TimeField as TimeField$1, Label, DateInput, DateSegment, Text, FieldError } from 'react-aria-components';
-import { clsx } from 'clsx';
-import { twMerge } from 'tailwind-merge';
-import { z } from 'zod';
-import { cva } from 'class-variance-authority';
-import { jsxs, jsx } from 'react/jsx-runtime';
-export { Time, parseTime } from '@internationalized/date';
-
-// src/elements/TimeField/TimeField.tsx
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
-var TimeFieldPropsSchema = z.object({
-  // Value props
-  value: z.custom().optional(),
-  defaultValue: z.custom().optional(),
-  placeholderValue: z.custom().optional(),
-  // Granularity props
-  granularity: z.enum(["hour", "minute", "second"]).default("minute"),
-  hourCycle: z.union([z.literal(12), z.literal(24)]).optional(),
-  hideTimeZone: z.boolean().optional(),
-  shouldForceLeadingZeros: z.boolean().optional(),
-  // Constraint props
-  minValue: z.custom().optional(),
-  maxValue: z.custom().optional(),
-  // State props
-  isDisabled: z.boolean().optional(),
-  isReadOnly: z.boolean().optional(),
-  isRequired: z.boolean().optional(),
-  isInvalid: z.boolean().optional(),
-  // Validation props
-  /** Custom validation function that returns an error message or null */
-  validate: z.function().optional(),
-  validationBehavior: z.enum(["native", "aria"]).default("native"),
-  // Display props
-  label: z.string(),
-  description: z.string().optional(),
-  /** Error message string or render function */
-  errorMessage: z.union([z.string(), z.function()]).optional(),
-  // Form props
-  name: z.string().optional(),
-  // Variant props
-  size: z.enum(["sm", "default", "lg"]).default("default"),
-  // Event props
-  /** Called when the time value changes */
-  onChange: z.function().optional(),
-  /** Called when the field gains focus */
-  onFocus: z.function().optional(),
-  /** Called when the field loses focus */
-  onBlur: z.function().optional(),
-  /** Called when focus state changes */
-  onFocusChange: z.function().optional(),
-  // Standard props
-  className: z.string().optional(),
-  autoFocus: z.boolean().optional()
-});
-var timeFieldVariants = 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 = 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 = 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 = cva(
-  [
-    "text-[var(--menu-muted)]",
-    "mt-1"
-  ],
-  {
-    variants: {
-      size: {
-        sm: "text-xs",
-        default: "text-sm",
-        lg: "text-base"
-      }
-    },
-    defaultVariants: {
-      size: "default"
-    }
-  }
-);
-var timeFieldErrorVariants = 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 = forwardRef(
-  ({
-    // Display props
-    label,
-    description,
-    errorMessage,
-    // Variant props
-    size = "default",
-    // Standard props
-    className,
-    // All other props go to AriaTimeField
-    ...props
-  }, ref) => {
-    return /* @__PURE__ */ jsxs(
-      TimeField$1,
-      {
-        ref,
-        className: cn("group flex flex-col gap-1", className),
-        ...props,
-        children: [
-          label && /* @__PURE__ */ jsx(
-            Label,
-            {
-              className: cn(timeFieldLabelVariants({ size })),
-              "data-required": props.isRequired || void 0,
-              children: label
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            DateInput,
-            {
-              className: cn(
-                timeFieldVariants({
-                  size,
-                  isInvalid: props.isInvalid
-                }),
-                "w-fit"
-              ),
-              children: (segment) => /* @__PURE__ */ jsx(
-                DateSegment,
-                {
-                  segment,
-                  className: cn(timeSegmentVariants({ size }))
-                }
-              )
-            }
-          ),
-          description && /* @__PURE__ */ jsx(
-            Text,
-            {
-              slot: "description",
-              className: cn(timeFieldDescriptionVariants({ size })),
-              children: description
-            }
-          ),
-          /* @__PURE__ */ jsx(FieldError, { className: cn(timeFieldErrorVariants({ size })), children: errorMessage })
-        ]
-      }
-    );
-  }
-);
-TimeField.displayName = "TimeField";
-
-export { TimeField, TimeFieldPropsSchema, timeFieldDescriptionVariants, timeFieldErrorVariants, timeFieldLabelVariants, timeFieldVariants, timeSegmentVariants };
-//# sourceMappingURL=index.mjs.map
+import {forwardRef}from'react';import {TimeField,Label,DateInput,DateSegment,Text,FieldError}from'react-aria-components';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {z}from'zod';import {cva}from'class-variance-authority';import {jsxs,jsx}from'react/jsx-runtime';export{Time,parseTime}from'@internationalized/date';function t(...o){return twMerge(clsx(o))}var b=z.object({value:z.custom().optional(),defaultValue:z.custom().optional(),placeholderValue:z.custom().optional(),granularity:z.enum(["hour","minute","second"]).default("minute"),hourCycle:z.union([z.literal(12),z.literal(24)]).optional(),hideTimeZone:z.boolean().optional(),shouldForceLeadingZeros:z.boolean().optional(),minValue:z.custom().optional(),maxValue:z.custom().optional(),isDisabled:z.boolean().optional(),isReadOnly:z.boolean().optional(),isRequired:z.boolean().optional(),isInvalid:z.boolean().optional(),validate:z.function().optional(),validationBehavior:z.enum(["native","aria"]).default("native"),label:z.string(),description:z.string().optional(),errorMessage:z.union([z.string(),z.function()]).optional(),name:z.string().optional(),size:z.enum(["sm","default","lg"]).default("default"),onChange:z.function().optional(),onFocus:z.function().optional(),onBlur:z.function().optional(),onFocusChange:z.function().optional(),className:z.string().optional(),autoFocus:z.boolean().optional()}),l=cva(["inline-flex items-center rounded-md border","bg-[var(--content-background)] text-[var(--content-foreground)]","transition-colors duration-200","focus-within:ring-2 focus-within:ring-[var(--ring)] focus-within:ring-offset-2","data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50"],{variants:{size:{sm:"h-9 px-3 text-sm gap-0.5",default:"h-11 px-4 text-base gap-1",lg:"h-14 px-5 text-lg gap-1.5"},isInvalid:{true:"border-[var(--destructive-background)] focus-within:ring-[var(--destructive-background)]",false:"border-[var(--input-border)] hover:border-[var(--input-border)]/80"}},defaultVariants:{size:"default",isInvalid:false}}),s=cva(["tabular-nums rounded px-0.5","focus:outline-none focus:bg-[var(--accent)] focus:text-[var(--accent-foreground)]","data-[placeholder]:text-[var(--menu-muted)]","data-[type=literal]:text-[var(--menu-muted)]","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"}}),m=cva(["block font-medium text-[var(--content-foreground)]","mb-1.5",'data-[required]:after:content-["*"] data-[required]:after:ml-0.5',"data-[required]:after:text-[var(--destructive-background)]"],{variants:{size:{sm:"text-sm",default:"text-sm",lg:"text-base"}},defaultVariants:{size:"default"}}),d=cva(["text-[var(--menu-muted)]","mt-1"],{variants:{size:{sm:"text-xs",default:"text-sm",lg:"text-base"}},defaultVariants:{size:"default"}}),u=cva(["flex items-center gap-1","text-[var(--destructive-background)]","mt-1"],{variants:{size:{sm:"text-xs",default:"text-sm",lg:"text-base"}},defaultVariants:{size:"default"}});var c=forwardRef(({label:o,description:p,errorMessage:f,size:a="default",className:x,...n},g)=>jsxs(TimeField,{ref:g,className:t("group flex flex-col gap-1",x),...n,children:[o&&jsx(Label,{className:t(m({size:a})),"data-required":n.isRequired||void 0,children:o}),jsx(DateInput,{className:t(l({size:a,isInvalid:n.isInvalid}),"w-fit"),children:F=>jsx(DateSegment,{segment:F,className:t(s({size:a}))})}),p&&jsx(Text,{slot:"description",className:t(d({size:a})),children:p}),jsx(FieldError,{className:t(u({size:a})),children:f})]}));c.displayName="TimeField";export{c as TimeField,b as TimeFieldPropsSchema,d as timeFieldDescriptionVariants,u as timeFieldErrorVariants,m as timeFieldLabelVariants,l as timeFieldVariants,s as timeSegmentVariants};//# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map