@tribepad/themis 1.0.0

package/dist/chunk-3XD2JUL3.js

@@ -0,0 +1,572 @@
+'use strict';
+
+var chunkT4COXKQ3_js = require('./chunk-T4COXKQ3.js');
+var react = require('react');
+var reactAriaComponents = require('react-aria-components');
+var classVarianceAuthority = require('class-variance-authority');
+var lucideReact = require('lucide-react');
+var jsxRuntime = require('react/jsx-runtime');
+var zod = require('zod');
+
+var selectTriggerVariants = classVarianceAuthority.cva(
+  [
+    // Base styles
+    "flex",
+    "w-full",
+    "items-center",
+    "justify-between",
+    "rounded-md",
+    "border",
+    "bg-[var(--content-background)]",
+    "text-[var(--content-foreground)]",
+    "transition-colors",
+    "duration-200",
+    "outline-none",
+    // Focus ring (WCAG 2.2 AAA - 7:1 contrast)
+    "focus-visible:ring-2",
+    "focus-visible:ring-[var(--ring)]",
+    "focus-visible:ring-offset-2",
+    // Hover state
+    "hover:bg-[var(--accent)]/10",
+    // Disabled state
+    "disabled:cursor-not-allowed",
+    "disabled:opacity-50",
+    // Loading state
+    "data-[loading=true]:cursor-wait",
+    // Truncate text
+    "truncate"
+  ],
+  {
+    variants: {
+      size: {
+        // All sizes use 44px minimum touch target for WCAG 2.2 AAA compliance
+        // Visual height varies but touch area remains accessible
+        sm: "h-9 px-3 text-sm min-h-[44px]",
+        default: "h-11 px-4 text-base min-h-[44px]",
+        lg: "h-14 px-5 text-lg min-h-[44px]"
+      },
+      isInvalid: {
+        true: "border-[var(--destructive)]",
+        false: "border-[var(--input)] hover:border-[var(--input)]/80"
+      }
+    },
+    defaultVariants: {
+      size: "default",
+      isInvalid: false
+    }
+  }
+);
+var selectItemVariants = classVarianceAuthority.cva(
+  [
+    // Base styles
+    "relative",
+    "flex",
+    "w-full",
+    "cursor-pointer",
+    "select-none",
+    "items-center",
+    "rounded-sm",
+    "outline-none",
+    "transition-colors",
+    // Padding for checkmark icon (left side)
+    "pl-8",
+    "pr-2",
+    // Hover state
+    "hover:bg-[var(--accent)]",
+    "hover:text-[var(--accent-foreground)]",
+    // Focus state
+    "focus:bg-[var(--accent)]",
+    "focus:text-[var(--accent-foreground)]",
+    // Selected state
+    "data-[selected=true]:bg-[var(--accent)]",
+    "data-[selected=true]:text-[var(--accent-foreground)]",
+    // Disabled state
+    "data-[disabled=true]:pointer-events-none",
+    "data-[disabled=true]:opacity-50",
+    "data-[disabled=true]:text-[var(--menu-muted)]"
+  ],
+  {
+    variants: {
+      size: {
+        // All sizes use 44px minimum touch target for WCAG 2.2 AAA compliance
+        sm: "h-9 py-1.5 text-sm min-h-[44px]",
+        default: "h-11 py-2 text-base min-h-[44px]",
+        lg: "h-14 py-3 text-lg min-h-[44px]"
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+);
+var selectPopoverVariants = classVarianceAuthority.cva(
+  [
+    // Base styles - use menu tokens to match Dropdown styling
+    "z-50",
+    "w-[--trigger-width]",
+    "rounded-md",
+    "border",
+    "border-[var(--menu-border)]",
+    "bg-[var(--menu-background)]",
+    "text-[var(--menu-foreground)]",
+    "shadow-md",
+    "outline-none",
+    "overflow-auto",
+    // Animations
+    "data-[entering]:animate-in",
+    "data-[entering]:fade-in-0",
+    "data-[entering]:zoom-in-95",
+    "data-[exiting]:animate-out",
+    "data-[exiting]:fade-out-0",
+    "data-[exiting]:zoom-out-95"
+  ],
+  {
+    variants: {
+      size: {
+        sm: "max-h-[200px] p-1",
+        default: "max-h-[300px] p-1",
+        lg: "max-h-[400px] p-1"
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+);
+var selectSectionVariants = classVarianceAuthority.cva(
+  [
+    "px-2",
+    "py-1.5",
+    "text-xs",
+    "font-semibold",
+    "text-[var(--menu-muted)]",
+    "uppercase",
+    "tracking-wider"
+  ],
+  {
+    variants: {
+      size: {
+        sm: "px-2 py-1 text-[10px]",
+        default: "px-2 py-1.5 text-xs",
+        lg: "px-3 py-2 text-sm"
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+);
+var selectErrorVariants = classVarianceAuthority.cva(
+  [
+    "flex",
+    "items-center",
+    "gap-1.5",
+    "text-sm",
+    "font-medium",
+    "text-[var(--destructive)]",
+    "mt-1.5"
+  ],
+  {
+    variants: {
+      size: {
+        sm: "text-xs mt-1",
+        default: "text-sm mt-1.5",
+        lg: "text-base mt-2"
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+);
+var SelectRoot = react.forwardRef(
+  ({
+    // Display props
+    label,
+    placeholder,
+    description,
+    // Selection props
+    value,
+    defaultValue,
+    // State props
+    isOpen,
+    isDisabled = false,
+    isRequired = false,
+    disabledKeys,
+    // Validation props
+    validate,
+    validationBehavior = "aria",
+    errorMessage,
+    // Loading state
+    isLoading = false,
+    emptyStateMessage,
+    // Form integration
+    name,
+    // Size variant
+    size = "default",
+    // Event handlers
+    onChange,
+    onOpenChange,
+    // Standard props
+    className,
+    children,
+    ...props
+  }, ref) => {
+    const labelId = react.useId();
+    const descriptionId = react.useId();
+    const errorId = react.useId();
+    const childCount = react.Children.count(children);
+    if (childCount > 1e3) {
+      console.warn(
+        "Select has >1000 items. Consider using Autocomplete component for better performance."
+      );
+    }
+    const isInvalid = Boolean(errorMessage);
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      reactAriaComponents.Select,
+      {
+        value,
+        defaultValue,
+        onChange: (key) => {
+          if (onChange) {
+            onChange(key);
+          }
+        },
+        placeholder,
+        disabledKeys,
+        isOpen,
+        onOpenChange,
+        isDisabled: isDisabled || isLoading,
+        isRequired,
+        name,
+        validate,
+        validationBehavior,
+        isInvalid,
+        className,
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(reactAriaComponents.Label, { id: labelId, className: "text-sm font-medium text-[var(--content-foreground)]", children: [
+            label,
+            isRequired && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[var(--destructive)] ml-1", children: "*" })
+          ] }),
+          description && /* @__PURE__ */ jsxRuntime.jsx(reactAriaComponents.Text, { id: descriptionId, slot: "description", className: "text-sm text-[var(--menu-muted)] mt-1", children: description }),
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            reactAriaComponents.Button,
+            {
+              ref,
+              className: selectTriggerVariants({ size, isInvalid }),
+              "aria-labelledby": labelId,
+              "aria-describedby": description ? descriptionId : errorMessage ? errorId : void 0,
+              "data-loading": isLoading,
+              ...isRequired && { "aria-required": "true" },
+              ...isLoading && { "aria-busy": "true" },
+              ...(isDisabled || isLoading) && { "aria-disabled": "true" },
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(reactAriaComponents.SelectValue, { className: "flex-1 text-left truncate" }),
+                isLoading ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "h-4 w-4 animate-spin text-[var(--menu-muted)]", "aria-hidden": "true" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: "h-4 w-4 text-[var(--menu-muted)]", "aria-hidden": "true" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(reactAriaComponents.FieldError, { id: errorId, className: selectErrorVariants({ size }), children: ({ validationErrors }) => {
+            const displayError = errorMessage || validationErrors.join(" ");
+            return displayError ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertCircle, { className: "h-4 w-4", "aria-hidden": "true" }),
+              displayError
+            ] }) : null;
+          } }),
+          /* @__PURE__ */ jsxRuntime.jsx(reactAriaComponents.Popover, { className: selectPopoverVariants({ size }), children: /* @__PURE__ */ jsxRuntime.jsxs(reactAriaComponents.ListBox, { className: "outline-none", children: [
+            isLoading && childCount > 0 && /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
+              {
+                className: "h-11 px-4 py-2",
+                children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-4 bg-[var(--accent-background)] rounded animate-pulse" })
+              },
+              `skeleton-${i}`
+            )) }),
+            !isLoading && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+              children,
+              childCount === 0 && /* @__PURE__ */ jsxRuntime.jsx(
+                reactAriaComponents.ListBoxItem,
+                {
+                  id: "__empty__",
+                  textValue: "empty",
+                  isDisabled: true,
+                  className: "py-6 text-center text-sm text-[var(--menu-muted)] cursor-default pointer-events-none",
+                  children: /* @__PURE__ */ jsxRuntime.jsx("span", { role: "status", children: emptyStateMessage || "No options available" })
+                }
+              )
+            ] })
+          ] }) })
+        ]
+      }
+    );
+  }
+);
+SelectRoot.displayName = "Select";
+var MultiSelectRoot = react.forwardRef(
+  ({
+    // Display props
+    label,
+    placeholder,
+    description,
+    // Selection props
+    value,
+    defaultValue,
+    selectionMode: _selectionMode = "multiple",
+    // State props
+    isOpen,
+    isDisabled = false,
+    isRequired = false,
+    disabledKeys,
+    // Validation props
+    validate,
+    validationBehavior = "aria",
+    errorMessage,
+    // Loading state
+    isLoading = false,
+    emptyStateMessage,
+    // Form integration
+    name,
+    // Size variant
+    size = "default",
+    // Event handlers
+    onChange,
+    onOpenChange,
+    // Standard props
+    className,
+    children,
+    ...props
+  }, ref) => {
+    const labelId = react.useId();
+    const descriptionId = react.useId();
+    const errorId = react.useId();
+    const childCount = react.Children.count(children);
+    if (childCount > 1e3) {
+      console.warn(
+        "Select has >1000 items. Consider using Autocomplete component for better performance."
+      );
+    }
+    const isInvalid = Boolean(errorMessage);
+    const valueToLabelMap = react.useMemo(() => {
+      const map = /* @__PURE__ */ new Map();
+      const processChildren = (nodes) => {
+        react.Children.forEach(nodes, (child) => {
+          if (react.isValidElement(child)) {
+            const element = child;
+            if (element.type === SelectItem || element.props?.value) {
+              const itemValue = element.props.value;
+              const itemChildren = element.props.children;
+              if (itemValue && typeof itemChildren === "string") {
+                map.set(itemValue, itemChildren);
+              }
+            }
+            if (element.props?.children) {
+              processChildren(element.props.children);
+            }
+          }
+        });
+      };
+      processChildren(children);
+      return map;
+    }, [children]);
+    const displayValue = react.useMemo(() => {
+      if (!value || !Array.isArray(value) || value.length === 0) {
+        return placeholder || "";
+      }
+      if (value.length <= 2) {
+        const labels = value.map((v) => valueToLabelMap.get(v) || v);
+        return labels.join(", ");
+      }
+      return `${value.length} items selected`;
+    }, [value, valueToLabelMap, placeholder]);
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      reactAriaComponents.Select,
+      {
+        value,
+        defaultValue,
+        onChange: (keys) => {
+          if (onChange) {
+            onChange(keys);
+          }
+        },
+        selectionMode: "multiple",
+        disabledKeys,
+        isOpen,
+        onOpenChange,
+        isDisabled: isDisabled || isLoading,
+        isRequired,
+        name,
+        validate,
+        validationBehavior,
+        isInvalid,
+        className,
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(reactAriaComponents.Label, { id: labelId, className: "text-sm font-medium text-[var(--content-foreground)]", children: [
+            label,
+            isRequired && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[var(--destructive)] ml-1", children: "*" })
+          ] }),
+          description && /* @__PURE__ */ jsxRuntime.jsx(reactAriaComponents.Text, { id: descriptionId, slot: "description", className: "text-sm text-[var(--menu-muted)] mt-1", children: description }),
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            reactAriaComponents.Button,
+            {
+              ref,
+              className: selectTriggerVariants({ size, isInvalid }),
+              "aria-labelledby": labelId,
+              "aria-describedby": description ? descriptionId : errorMessage ? errorId : void 0,
+              "data-loading": isLoading,
+              ...isRequired && { "aria-required": "true" },
+              ...isLoading && { "aria-busy": "true" },
+              ...(isDisabled || isLoading) && { "aria-disabled": "true" },
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1 text-left truncate", children: displayValue }),
+                isLoading ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "h-4 w-4 animate-spin text-[var(--menu-muted)]", "aria-hidden": "true" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: "h-4 w-4 text-[var(--menu-muted)]", "aria-hidden": "true" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(reactAriaComponents.FieldError, { id: errorId, className: selectErrorVariants({ size }), children: ({ validationErrors }) => {
+            const displayError = errorMessage || validationErrors.join(" ");
+            return displayError ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertCircle, { className: "h-4 w-4", "aria-hidden": "true" }),
+              displayError
+            ] }) : null;
+          } }),
+          /* @__PURE__ */ jsxRuntime.jsx(reactAriaComponents.Popover, { className: selectPopoverVariants({ size }), children: /* @__PURE__ */ jsxRuntime.jsxs(reactAriaComponents.ListBox, { className: "outline-none", children: [
+            isLoading && childCount > 0 && /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-11 px-4 py-2", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-4 bg-[var(--accent-background)] rounded animate-pulse" }) }, `skeleton-${i}`)) }),
+            !isLoading && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+              children,
+              childCount === 0 && /* @__PURE__ */ jsxRuntime.jsx(
+                reactAriaComponents.ListBoxItem,
+                {
+                  id: "__empty__",
+                  textValue: "empty",
+                  isDisabled: true,
+                  className: "py-6 text-center text-sm text-[var(--menu-muted)] cursor-default pointer-events-none",
+                  children: /* @__PURE__ */ jsxRuntime.jsx("span", { role: "status", children: emptyStateMessage || "No options available" })
+                }
+              )
+            ] })
+          ] }) })
+        ]
+      }
+    );
+  }
+);
+MultiSelectRoot.displayName = "MultiSelect";
+function SelectItem({ children, textValue, value, isDisabled = false, className, ...props }) {
+  if (!textValue && typeof children !== "string") {
+    const message = "Select.Item with custom children requires textValue prop for accessibility";
+    if (process.env.NODE_ENV === "development") {
+      throw new Error(message);
+    } else {
+      console.warn(message);
+    }
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    reactAriaComponents.ListBoxItem,
+    {
+      id: value,
+      textValue: textValue || (typeof children === "string" ? children : void 0),
+      className: `${selectItemVariants({ size: "default" })} ${className || ""}`,
+      isDisabled,
+      ...props,
+      children: ({ isSelected, selectionMode, isDisabled: itemDisabled }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        selectionMode === "multiple" ? /* @__PURE__ */ jsxRuntime.jsx(
+          lucideReact.CheckSquare,
+          {
+            className: `absolute left-2 h-4 w-4 ${isSelected ? "visible" : "invisible"}`,
+            "aria-hidden": "true"
+          }
+        ) : isSelected && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "absolute left-2 h-4 w-4", "aria-hidden": "true" }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: itemDisabled ? "text-[var(--menu-muted)]" : "", children })
+      ] })
+    }
+  );
+}
+SelectItem.displayName = "SelectItem";
+function SelectSection({ children, className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(reactAriaComponents.ListBoxSection, { className: `border-t border-[var(--border)] first:border-t-0 ${className || ""}`, ...props, children });
+}
+SelectSection.displayName = "SelectSection";
+function SelectHeader({ children, className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(reactAriaComponents.Header, { className: `${selectSectionVariants({ size: "default" })} ${className || ""}`, ...props, children });
+}
+SelectHeader.displayName = "SelectHeader";
+var Select = Object.assign(SelectRoot, {
+  Item: SelectItem,
+  Section: SelectSection,
+  Header: SelectHeader
+});
+var MultiSelect = Object.assign(MultiSelectRoot, {
+  Item: SelectItem,
+  Section: SelectSection,
+  Header: SelectHeader
+});
+var SelectSizeSchema = zod.z.enum(["sm", "default", "lg"]);
+var SelectionModeSchema = zod.z.enum(["single", "multiple"]);
+var ValidationBehaviorSchema = zod.z.enum(["native", "aria"]);
+var SelectPropsSchema = chunkT4COXKQ3_js.BaseComponentPropsSchema.extend({
+  // Display props (US-1)
+  label: zod.z.string(),
+  // Required for accessibility
+  placeholder: zod.z.string().optional(),
+  description: zod.z.string().optional(),
+  // Selection props (US-1, US-6)
+  value: zod.z.union([zod.z.string(), zod.z.array(zod.z.string())]).optional(),
+  defaultValue: zod.z.union([zod.z.string(), zod.z.array(zod.z.string())]).optional(),
+  selectionMode: SelectionModeSchema.optional().default("single"),
+  // State props (US-1, US-5)
+  isOpen: zod.z.boolean().optional(),
+  isDisabled: zod.z.boolean().optional().default(false),
+  isRequired: zod.z.boolean().optional().default(false),
+  disabledKeys: zod.z.array(zod.z.string()).optional(),
+  // Validation props (US-4)
+  validate: zod.z.custom().optional(),
+  validationBehavior: ValidationBehaviorSchema.optional().default("aria"),
+  errorMessage: zod.z.string().optional(),
+  // Loading state (US-7)
+  isLoading: zod.z.boolean().optional().default(false),
+  emptyStateMessage: zod.z.string().optional(),
+  // Form integration (US-10)
+  name: zod.z.string().optional(),
+  // Size variant (US-9)
+  size: SelectSizeSchema.optional().default("default"),
+  // Event handlers (US-1)
+  onChange: zod.z.custom().optional(),
+  onOpenChange: zod.z.custom().optional(),
+  // Children (Select.Item, Select.Section components)
+  children: zod.z.custom()
+});
+var SelectItemPropsSchema = chunkT4COXKQ3_js.BaseComponentPropsSchema.extend({
+  // Item value (required)
+  value: zod.z.string(),
+  // Text value for typeahead and accessibility (required for custom children)
+  textValue: zod.z.string().optional(),
+  // Disabled state
+  isDisabled: zod.z.boolean().optional().default(false),
+  // Item content
+  children: zod.z.custom(),
+  // Optional className for custom styling
+  className: zod.z.string().optional()
+});
+var SelectSectionPropsSchema = chunkT4COXKQ3_js.BaseComponentPropsSchema.extend({
+  // Section content (typically Select.Header + Select.Item components)
+  children: zod.z.custom(),
+  // Optional className for custom styling
+  className: zod.z.string().optional()
+});
+var SelectHeaderPropsSchema = chunkT4COXKQ3_js.BaseComponentPropsSchema.extend({
+  // Header text
+  children: zod.z.custom(),
+  // Optional className for header styling
+  className: zod.z.string().optional()
+});
+
+exports.MultiSelect = MultiSelect;
+exports.Select = Select;
+exports.SelectHeaderPropsSchema = SelectHeaderPropsSchema;
+exports.SelectItemPropsSchema = SelectItemPropsSchema;
+exports.SelectPropsSchema = SelectPropsSchema;
+exports.SelectSectionPropsSchema = SelectSectionPropsSchema;
+//# sourceMappingURL=chunk-3XD2JUL3.js.map
+//# sourceMappingURL=chunk-3XD2JUL3.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/elements/Select/Select.tsx","../src/elements/Select/Select.types.ts"],"names":["cva","forwardRef","useId","Children","jsxs","AriaSelect","Label","jsx","Text","Button","SelectValue","Loader2","ChevronDown","FieldError","Fragment","AlertCircle","Popover","ListBox","ListBoxItem","useMemo","isValidElement","CheckSquare","Check","ListBoxSection","Header","z","BaseComponentPropsSchema"],"mappings":"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","file":"chunk-3XD2JUL3.js","sourcesContent":["'use client';\n\n/**\n * Select Component - Implementation\n *\n * Accessible select/dropdown component combining React Aria primitives with ShadCN styling.\n * Follows Themis library patterns with compound component structure.\n *\n * @see select-prd.md (Full requirements)\n * @see Select.types.ts (Zod schemas)\n * @see plan.md (Implementation plan)\n */\n\nimport {\n  forwardRef,\n  Children,\n  useId,\n  useMemo,\n  isValidElement,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\nimport {\n  Select as AriaSelect,\n  Label,\n  Button,\n  SelectValue,\n  Popover,\n  ListBox,\n  ListBoxItem,\n  ListBoxSection,\n  Header,\n  Text,\n  FieldError,\n} from 'react-aria-components';\nimport { cva } from 'class-variance-authority';\nimport { Check, CheckSquare, ChevronDown, Loader2, AlertCircle } from 'lucide-react';\nimport type {\n  SelectProps,\n  SelectItemProps,\n  SelectSectionProps,\n  SelectHeaderProps,\n} from './Select.types';\n\n/**\n * CVA Variants for Select Trigger Button\n *\n * @see plan.md Decision 14 (CVA variants)\n */\nexport const selectTriggerVariants = cva(\n  [\n    // Base styles\n    'flex',\n    'w-full',\n    'items-center',\n    'justify-between',\n    'rounded-md',\n    'border',\n    'bg-[var(--content-background)]',\n    'text-[var(--content-foreground)]',\n    'transition-colors',\n    'duration-200',\n    'outline-none',\n    // Focus ring (WCAG 2.2 AAA - 7:1 contrast)\n    'focus-visible:ring-2',\n    'focus-visible:ring-[var(--ring)]',\n    'focus-visible:ring-offset-2',\n    // Hover state\n    'hover:bg-[var(--accent)]/10',\n    // Disabled state\n    'disabled:cursor-not-allowed',\n    'disabled:opacity-50',\n    // Loading state\n    'data-[loading=true]:cursor-wait',\n    // Truncate text\n    'truncate',\n  ],\n  {\n    variants: {\n      size: {\n        // All sizes use 44px minimum touch target for WCAG 2.2 AAA compliance\n        // Visual height varies but touch area remains accessible\n        sm: 'h-9 px-3 text-sm min-h-[44px]',\n        default: 'h-11 px-4 text-base min-h-[44px]',\n        lg: 'h-14 px-5 text-lg min-h-[44px]',\n      },\n      isInvalid: {\n        true: 'border-[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 * CVA Variants for Select Items\n *\n * @see plan.md Decision 14 (CVA variants)\n */\nexport const selectItemVariants = cva(\n  [\n    // Base styles\n    'relative',\n    'flex',\n    'w-full',\n    'cursor-pointer',\n    'select-none',\n    'items-center',\n    'rounded-sm',\n    'outline-none',\n    'transition-colors',\n    // Padding for checkmark icon (left side)\n    'pl-8',\n    'pr-2',\n    // Hover state\n    'hover:bg-[var(--accent)]',\n    'hover:text-[var(--accent-foreground)]',\n    // Focus state\n    'focus:bg-[var(--accent)]',\n    'focus:text-[var(--accent-foreground)]',\n    // Selected state\n    'data-[selected=true]:bg-[var(--accent)]',\n    'data-[selected=true]:text-[var(--accent-foreground)]',\n    // Disabled state\n    'data-[disabled=true]:pointer-events-none',\n    'data-[disabled=true]:opacity-50',\n    'data-[disabled=true]:text-[var(--menu-muted)]',\n  ],\n  {\n    variants: {\n      size: {\n        // All sizes use 44px minimum touch target for WCAG 2.2 AAA compliance\n        sm: 'h-9 py-1.5 text-sm min-h-[44px]',\n        default: 'h-11 py-2 text-base min-h-[44px]',\n        lg: 'h-14 py-3 text-lg min-h-[44px]',\n      },\n    },\n    defaultVariants: {\n      size: 'default',\n    },\n  }\n);\n\n/**\n * CVA Variants for Select Popover\n *\n * @see plan.md Decision 14 (CVA variants)\n */\nexport const selectPopoverVariants = cva(\n  [\n    // Base styles - use menu tokens to match Dropdown styling\n    'z-50',\n    'w-[--trigger-width]',\n    'rounded-md',\n    'border',\n    'border-[var(--menu-border)]',\n    'bg-[var(--menu-background)]',\n    'text-[var(--menu-foreground)]',\n    'shadow-md',\n    'outline-none',\n    'overflow-auto',\n    // Animations\n    'data-[entering]:animate-in',\n    'data-[entering]:fade-in-0',\n    'data-[entering]:zoom-in-95',\n    'data-[exiting]:animate-out',\n    'data-[exiting]:fade-out-0',\n    'data-[exiting]:zoom-out-95',\n  ],\n  {\n    variants: {\n      size: {\n        sm: 'max-h-[200px] p-1',\n        default: 'max-h-[300px] p-1',\n        lg: 'max-h-[400px] p-1',\n      },\n    },\n    defaultVariants: {\n      size: 'default',\n    },\n  }\n);\n\n/**\n * CVA Variants for Section Headers\n *\n * @see plan.md Decision 14 (CVA variants)\n */\nexport const selectSectionVariants = cva(\n  [\n    'px-2',\n    'py-1.5',\n    'text-xs',\n    'font-semibold',\n    'text-[var(--menu-muted)]',\n    'uppercase',\n    'tracking-wider',\n  ],\n  {\n    variants: {\n      size: {\n        sm: 'px-2 py-1 text-[10px]',\n        default: 'px-2 py-1.5 text-xs',\n        lg: 'px-3 py-2 text-sm',\n      },\n    },\n    defaultVariants: {\n      size: 'default',\n    },\n  }\n);\n\n/**\n * CVA Variants for Error Messages\n *\n * @see plan.md Decision 14 (CVA variants)\n */\nexport const selectErrorVariants = cva(\n  [\n    'flex',\n    'items-center',\n    'gap-1.5',\n    'text-sm',\n    'font-medium',\n    'text-[var(--destructive)]',\n    'mt-1.5',\n  ],\n  {\n    variants: {\n      size: {\n        sm: 'text-xs mt-1',\n        default: 'text-sm mt-1.5',\n        lg: 'text-base mt-2',\n      },\n    },\n    defaultVariants: {\n      size: 'default',\n    },\n  }\n);\n\n/**\n * Select Root Component (Single Selection Only)\n *\n * Main select component with controlled/uncontrolled modes for single selection.\n * For multiple selection, use MultiSelect component.\n *\n * @see select-prd.md US-1 (Basic Single Selection)\n * @see plan.md Decision 28 (Ref forwarding to trigger button)\n */\nconst SelectRoot = forwardRef<HTMLButtonElement, Omit<SelectProps, 'selectionMode'>>(\n  (\n    {\n      // Display props\n      label,\n      placeholder,\n      description,\n\n      // Selection props\n      value,\n      defaultValue,\n\n      // State props\n      isOpen,\n      isDisabled = false,\n      isRequired = false,\n      disabledKeys,\n\n      // Validation props\n      validate,\n      validationBehavior = 'aria',\n      errorMessage,\n\n      // Loading state\n      isLoading = false,\n      emptyStateMessage,\n\n      // Form integration\n      name,\n\n      // Size variant\n      size = 'default',\n\n      // Event handlers\n      onChange,\n      onOpenChange,\n\n      // Standard props\n      className,\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    // Generate unique IDs for accessibility\n    const labelId = useId();\n    const descriptionId = useId();\n    const errorId = useId();\n\n    // Warn if >1000 items (Decision 22: Large Item Count Handling)\n    const childCount = Children.count(children);\n    if (childCount > 1000) {\n      console.warn(\n        'Select has >1000 items. Consider using Autocomplete component for better performance.'\n      );\n    }\n\n    // Determine if invalid based on errorMessage or validate function\n    const isInvalid = Boolean(errorMessage);\n\n    return (\n      <AriaSelect\n        value={value as string}\n        defaultValue={defaultValue as string}\n        onChange={(key) => {\n          if (onChange) {\n            onChange(key as string);\n          }\n        }}\n        placeholder={placeholder}\n        disabledKeys={disabledKeys}\n        isOpen={isOpen}\n        onOpenChange={onOpenChange}\n        isDisabled={isDisabled || isLoading}\n        isRequired={isRequired}\n        name={name}\n        validate={validate as ((value: unknown) => true | string | null | undefined) | undefined}\n        validationBehavior={validationBehavior}\n        isInvalid={isInvalid}\n        className={className}\n        {...props}\n      >\n        {/* Label */}\n        <Label id={labelId} className=\"text-sm font-medium text-[var(--content-foreground)]\">\n          {label}\n          {isRequired && <span className=\"text-[var(--destructive)] ml-1\">*</span>}\n        </Label>\n\n        {/* Description (if provided) */}\n        {description && (\n          <Text id={descriptionId} slot=\"description\" className=\"text-sm text-[var(--menu-muted)] mt-1\">\n            {description}\n          </Text>\n        )}\n\n        {/* Trigger Button */}\n        <Button\n          ref={ref}\n          className={selectTriggerVariants({ size, isInvalid })}\n          aria-labelledby={labelId}\n          aria-describedby={description ? descriptionId : errorMessage ? errorId : undefined}\n          data-loading={isLoading}\n          {...(isRequired && { 'aria-required': 'true' })}\n          {...(isLoading && { 'aria-busy': 'true' })}\n          {...((isDisabled || isLoading) && { 'aria-disabled': 'true' })}\n        >\n          <SelectValue className=\"flex-1 text-left truncate\" />\n\n          {/* Loading spinner or chevron icon */}\n          {isLoading ? (\n            <Loader2 className=\"h-4 w-4 animate-spin text-[var(--menu-muted)]\" aria-hidden=\"true\" />\n          ) : (\n            <ChevronDown className=\"h-4 w-4 text-[var(--menu-muted)]\" aria-hidden=\"true\" />\n          )}\n        </Button>\n\n        {/* Error Message */}\n        <FieldError id={errorId} className={selectErrorVariants({ size })}>\n          {({ validationErrors }) => {\n            // Display custom errorMessage if provided, otherwise show validation errors\n            const displayError = errorMessage || validationErrors.join(' ');\n            return displayError ? (\n              <>\n                <AlertCircle className=\"h-4 w-4\" aria-hidden=\"true\" />\n                {displayError}\n              </>\n            ) : null;\n          }}\n        </FieldError>\n\n        {/* Popover with ListBox */}\n        <Popover className={selectPopoverVariants({ size })}>\n          <ListBox className=\"outline-none\">\n            {/* Loading skeleton (if loading and has children) */}\n            {isLoading && childCount > 0 && (\n              <>\n                {Array.from({ length: 3 }).map((_, i) => (\n                  <div\n                    key={`skeleton-${i}`}\n                    className=\"h-11 px-4 py-2\"\n                  >\n                    <div className=\"h-4 bg-[var(--accent-background)] rounded animate-pulse\" />\n                  </div>\n                ))}\n              </>\n            )}\n\n            {/* Items or empty state */}\n            {!isLoading && (\n              <>\n                {children}\n                {/* Empty state - render as disabled item so popover can open */}\n                {childCount === 0 && (\n                  <ListBoxItem\n                    id=\"__empty__\"\n                    textValue=\"empty\"\n                    isDisabled\n                    className=\"py-6 text-center text-sm text-[var(--menu-muted)] cursor-default pointer-events-none\"\n                  >\n                    <span role=\"status\">\n                      {emptyStateMessage || 'No options available'}\n                    </span>\n                  </ListBoxItem>\n                )}\n              </>\n            )}\n          </ListBox>\n        </Popover>\n      </AriaSelect>\n    );\n  }\n);\n\nSelectRoot.displayName = 'Select';\n\n/**\n * MultiSelect Root Component (Multiple Selection)\n *\n * Select component for multiple selection. Uses different API from single Select.\n *\n * @see select-prd.md US-6 (Multiple Selection)\n * @see plan.md Decision 28 (Ref forwarding to trigger button)\n */\nconst MultiSelectRoot = forwardRef<HTMLButtonElement, SelectProps>(\n  (\n    {\n      // Display props\n      label,\n      placeholder,\n      description,\n\n      // Selection props\n      value,\n      defaultValue,\n      selectionMode: _selectionMode = 'multiple',\n\n      // State props\n      isOpen,\n      isDisabled = false,\n      isRequired = false,\n      disabledKeys,\n\n      // Validation props\n      validate,\n      validationBehavior = 'aria',\n      errorMessage,\n\n      // Loading state\n      isLoading = false,\n      emptyStateMessage,\n\n      // Form integration\n      name,\n\n      // Size variant\n      size = 'default',\n\n      // Event handlers\n      onChange,\n      onOpenChange,\n\n      // Standard props\n      className,\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    // Generate unique IDs for accessibility\n    const labelId = useId();\n    const descriptionId = useId();\n    const errorId = useId();\n\n    // Warn if >1000 items\n    const childCount = Children.count(children);\n    if (childCount > 1000) {\n      console.warn(\n        'Select has >1000 items. Consider using Autocomplete component for better performance.'\n      );\n    }\n\n    // Determine if invalid\n    const isInvalid = Boolean(errorMessage);\n\n    // Build value-to-label map for display (memoized to prevent recreation on every render)\n    const valueToLabelMap = useMemo(() => {\n      const map = new Map<string, string>();\n      const processChildren = (nodes: ReactNode): void => {\n        Children.forEach(nodes, (child) => {\n          if (isValidElement(child)) {\n            const element = child as ReactElement<{ value?: string; children?: ReactNode }>;\n            if (element.type === SelectItem || element.props?.value) {\n              const itemValue = element.props.value;\n              const itemChildren = element.props.children;\n              if (itemValue && typeof itemChildren === 'string') {\n                map.set(itemValue, itemChildren);\n              }\n            }\n            if (element.props?.children) {\n              processChildren(element.props.children);\n            }\n          }\n        });\n      };\n      processChildren(children);\n      return map;\n    }, [children]);\n\n    // Multi-select display logic (Decision 5: Multi-select threshold)\n    // Memoized to prevent recalculation on every render\n    const displayValue = useMemo(() => {\n      if (!value || !Array.isArray(value) || value.length === 0) {\n        return placeholder || '';\n      }\n\n      if (value.length <= 2) {\n        // Show item labels for 1-2 items\n        const labels = value.map(v => valueToLabelMap.get(v as string) || v);\n        return labels.join(', ');\n      }\n\n      // Show count for 3+ items\n      return `${value.length} items selected`;\n    }, [value, valueToLabelMap, placeholder]);\n\n    return (\n      <AriaSelect\n        value={value as string[]}\n        defaultValue={defaultValue as string[]}\n        onChange={(keys) => {\n          if (onChange) {\n            onChange(keys as string[]);\n          }\n        }}\n        selectionMode=\"multiple\"\n        disabledKeys={disabledKeys}\n        isOpen={isOpen}\n        onOpenChange={onOpenChange}\n        isDisabled={isDisabled || isLoading}\n        isRequired={isRequired}\n        name={name}\n        validate={validate as ((value: unknown) => true | string | null | undefined) | undefined}\n        validationBehavior={validationBehavior}\n        isInvalid={isInvalid}\n        className={className}\n        {...props}\n      >\n        {/* Label */}\n        <Label id={labelId} className=\"text-sm font-medium text-[var(--content-foreground)]\">\n          {label}\n          {isRequired && <span className=\"text-[var(--destructive)] ml-1\">*</span>}\n        </Label>\n\n        {/* Description */}\n        {description && (\n          <Text id={descriptionId} slot=\"description\" className=\"text-sm text-[var(--menu-muted)] mt-1\">\n            {description}\n          </Text>\n        )}\n\n        {/* Trigger Button */}\n        <Button\n          ref={ref}\n          className={selectTriggerVariants({ size, isInvalid })}\n          aria-labelledby={labelId}\n          aria-describedby={description ? descriptionId : errorMessage ? errorId : undefined}\n          data-loading={isLoading}\n          {...(isRequired && { 'aria-required': 'true' })}\n          {...(isLoading && { 'aria-busy': 'true' })}\n          {...((isDisabled || isLoading) && { 'aria-disabled': 'true' })}\n        >\n          <span className=\"flex-1 text-left truncate\">\n            {displayValue}\n          </span>\n\n          {/* Loading spinner or chevron icon */}\n          {isLoading ? (\n            <Loader2 className=\"h-4 w-4 animate-spin text-[var(--menu-muted)]\" aria-hidden=\"true\" />\n          ) : (\n            <ChevronDown className=\"h-4 w-4 text-[var(--menu-muted)]\" aria-hidden=\"true\" />\n          )}\n        </Button>\n\n        {/* Error Message */}\n        <FieldError id={errorId} className={selectErrorVariants({ size })}>\n          {({ validationErrors }) => {\n            // Display custom errorMessage if provided, otherwise show validation errors\n            const displayError = errorMessage || validationErrors.join(' ');\n            return displayError ? (\n              <>\n                <AlertCircle className=\"h-4 w-4\" aria-hidden=\"true\" />\n                {displayError}\n              </>\n            ) : null;\n          }}\n        </FieldError>\n\n        {/* Popover with ListBox */}\n        <Popover className={selectPopoverVariants({ size })}>\n          <ListBox className=\"outline-none\">\n            {/* Loading skeleton */}\n            {isLoading && childCount > 0 && (\n              <>\n                {Array.from({ length: 3 }).map((_, i) => (\n                  <div key={`skeleton-${i}`} className=\"h-11 px-4 py-2\">\n                    <div className=\"h-4 bg-[var(--accent-background)] rounded animate-pulse\" />\n                  </div>\n                ))}\n              </>\n            )}\n\n            {/* Items or empty state */}\n            {!isLoading && (\n              <>\n                {children}\n                {childCount === 0 && (\n                  <ListBoxItem\n                    id=\"__empty__\"\n                    textValue=\"empty\"\n                    isDisabled\n                    className=\"py-6 text-center text-sm text-[var(--menu-muted)] cursor-default pointer-events-none\"\n                  >\n                    <span role=\"status\">\n                      {emptyStateMessage || 'No options available'}\n                    </span>\n                  </ListBoxItem>\n                )}\n              </>\n            )}\n          </ListBox>\n        </Popover>\n      </AriaSelect>\n    );\n  }\n);\n\nMultiSelectRoot.displayName = 'MultiSelect';\n\n/**\n * Select.Item Component\n *\n * Individual selectable item with checkmark icon.\n *\n * @see select-prd.md US-1 (Basic Single Selection)\n * @see plan.md Decision 6 (Left-side checkmark)\n * @see plan.md Decision 23 (textValue required for custom children)\n */\nfunction SelectItem({ children, textValue, value, isDisabled = false, className, ...props }: SelectItemProps): ReactElement {\n  // Validate textValue for custom children (Decision 23)\n  if (!textValue && typeof children !== 'string') {\n    const message = 'Select.Item with custom children requires textValue prop for accessibility';\n    if (process.env.NODE_ENV === 'development') {\n      throw new Error(message);\n    } else {\n      console.warn(message);\n    }\n  }\n\n  return (\n    <ListBoxItem\n      id={value}\n      textValue={textValue || (typeof children === 'string' ? children : undefined)}\n      className={`${selectItemVariants({ size: 'default' })} ${className || ''}`}\n      isDisabled={isDisabled}\n      {...props}\n    >\n      {({ isSelected, selectionMode, isDisabled: itemDisabled }) => (\n        <>\n          {/* Checkmark icon (left side) - Decision 6 */}\n          {selectionMode === 'multiple' ? (\n            <CheckSquare\n              className={`absolute left-2 h-4 w-4 ${isSelected ? 'visible' : 'invisible'}`}\n              aria-hidden=\"true\"\n            />\n          ) : (\n            isSelected && <Check className=\"absolute left-2 h-4 w-4\" aria-hidden=\"true\" />\n          )}\n          <span className={itemDisabled ? 'text-[var(--menu-muted)]' : ''}>\n            {children}\n          </span>\n        </>\n      )}\n    </ListBoxItem>\n  );\n}\n\nSelectItem.displayName = 'SelectItem';\n\n/**\n * Select.Section Component\n *\n * Groups related items with optional header.\n *\n * @see select-prd.md US-3 (Grouped Options with Sections)\n */\nfunction SelectSection({ children, className, ...props }: SelectSectionProps): ReactElement {\n  return (\n    <ListBoxSection className={`border-t border-[var(--border)] first:border-t-0 ${className || ''}`} {...props}>\n      {children}\n    </ListBoxSection>\n  );\n}\n\nSelectSection.displayName = 'SelectSection';\n\n/**\n * Select.Header Component\n *\n * Section header with non-interactive label.\n *\n * @see select-prd.md US-3 (Grouped Options with Sections)\n */\nfunction SelectHeader({ children, className, ...props }: SelectHeaderProps): ReactElement {\n  return (\n    <Header className={`${selectSectionVariants({ size: 'default' })} ${className || ''}`} {...props}>\n      {children}\n    </Header>\n  );\n}\n\nSelectHeader.displayName = 'SelectHeader';\n\n/**\n * Compound Component Exports\n *\n * Follows Themis library pattern using Object.assign() for compound components.\n *\n * @see GUIDE.mdx (Compound component pattern)\n */\nexport const Select = Object.assign(SelectRoot, {\n  Item: SelectItem,\n  Section: SelectSection,\n  Header: SelectHeader,\n});\n\nexport const MultiSelect = Object.assign(MultiSelectRoot, {\n  Item: SelectItem,\n  Section: SelectSection,\n  Header: SelectHeader,\n});\n\n// Named exports for individual components\nexport { SelectRoot, MultiSelectRoot, SelectItem, SelectSection, SelectHeader };\n","import { z } from 'zod';\nimport { BaseComponentPropsSchema } from '../../schemas/BaseComponentProps';\nimport type { ReactNode } from 'react';\nimport type {\n  SelectProps as AriaSelectProps,\n  ListBoxItemProps as AriaListBoxItemProps,\n} from 'react-aria-components';\n\n/**\n * Select size variants\n *\n * @see select-prd.md US-9 (Visual States - Size Variants)\n * @see plan.md Decision 4 (Include sm size with warning for desktop-only)\n */\nexport const SelectSizeSchema = z.enum(['sm', 'default', 'lg']);\nexport type SelectSize = z.infer<typeof SelectSizeSchema>;\n\n/**\n * Select selection mode\n *\n * @see select-prd.md US-6 (Multiple Selection)\n */\nexport const SelectionModeSchema = z.enum(['single', 'multiple']);\nexport type SelectionMode = z.infer<typeof SelectionModeSchema>;\n\n/**\n * Select validation behavior\n *\n * @see select-prd.md US-4 (Validation and Error Messages)\n */\nexport const ValidationBehaviorSchema = z.enum(['native', 'aria']);\nexport type ValidationBehavior = z.infer<typeof ValidationBehaviorSchema>;\n\n/**\n * Select root component props schema\n *\n * @see select-prd.md US-1 (Basic Single Selection)\n * @see select-prd.md US-4 (Validation and Error Messages)\n * @see select-prd.md US-5 (Disabled States)\n * @see select-prd.md US-6 (Multiple Selection)\n * @see select-prd.md US-7 (Async Data Loading)\n * @see select-prd.md US-10 (Form Integration)\n */\nexport const SelectPropsSchema = BaseComponentPropsSchema.extend({\n  // Display props (US-1)\n  label: z.string(), // Required for accessibility\n  placeholder: z.string().optional(),\n  description: z.string().optional(),\n\n  // Selection props (US-1, US-6)\n  value: z.union([z.string(), z.array(z.string())]).optional(),\n  defaultValue: z.union([z.string(), z.array(z.string())]).optional(),\n  selectionMode: SelectionModeSchema.optional().default('single'),\n\n  // State props (US-1, US-5)\n  isOpen: z.boolean().optional(),\n  isDisabled: z.boolean().optional().default(false),\n  isRequired: z.boolean().optional().default(false),\n  disabledKeys: z.array(z.string()).optional(),\n\n  // Validation props (US-4)\n  validate: z\n    .custom<(value: string | string[]) => string | undefined>()\n    .optional(),\n  validationBehavior: ValidationBehaviorSchema.optional().default('aria'),\n  errorMessage: z.string().optional(),\n\n  // Loading state (US-7)\n  isLoading: z.boolean().optional().default(false),\n  emptyStateMessage: z.string().optional(),\n\n  // Form integration (US-10)\n  name: z.string().optional(),\n\n  // Size variant (US-9)\n  size: SelectSizeSchema.optional().default('default'),\n\n  // Event handlers (US-1)\n  onChange: z\n    .custom<(value: string | string[]) => void>()\n    .optional(),\n  onOpenChange: z.custom<(isOpen: boolean) => void>().optional(),\n\n  // Children (Select.Item, Select.Section components)\n  children: z.custom<ReactNode>(),\n});\n\nexport type SelectProps = z.infer<typeof SelectPropsSchema> &\n  Omit<AriaSelectProps<object>, keyof z.infer<typeof SelectPropsSchema>>;\n\n/**\n * Select.Item props schema\n *\n * @see select-prd.md US-1 (Basic Single Selection)\n * @see select-prd.md US-5 (Disabled States)\n * @see select-prd.md US-8 (Custom Value Rendering)\n * @see plan.md Decision 23 (textValue required for custom children)\n */\nexport const SelectItemPropsSchema = BaseComponentPropsSchema.extend({\n  // Item value (required)\n  value: z.string(),\n\n  // Text value for typeahead and accessibility (required for custom children)\n  textValue: z.string().optional(),\n\n  // Disabled state\n  isDisabled: z.boolean().optional().default(false),\n\n  // Item content\n  children: z.custom<ReactNode>(),\n\n  // Optional className for custom styling\n  className: z.string().optional(),\n});\n\nexport type SelectItemProps = z.infer<typeof SelectItemPropsSchema> &\n  Omit<AriaListBoxItemProps, keyof z.infer<typeof SelectItemPropsSchema>>;\n\n/**\n * Select.Section props schema\n *\n * @see select-prd.md US-3 (Grouped Options with Sections)\n */\nexport const SelectSectionPropsSchema = BaseComponentPropsSchema.extend({\n  // Section content (typically Select.Header + Select.Item components)\n  children: z.custom<ReactNode>(),\n\n  // Optional className for custom styling\n  className: z.string().optional(),\n});\n\nexport type SelectSectionProps = z.infer<typeof SelectSectionPropsSchema>;\n\n/**\n * Select.Header props schema (for section headers)\n *\n * @see select-prd.md US-3 (Grouped Options with Sections)\n */\nexport const SelectHeaderPropsSchema = BaseComponentPropsSchema.extend({\n  // Header text\n  children: z.custom<ReactNode>(),\n\n  // Optional className for header styling\n  className: z.string().optional(),\n});\n\nexport type SelectHeaderProps = z.infer<typeof SelectHeaderPropsSchema>;\n\n/**\n * CVA variant configuration types\n * Used for class-variance-authority integration\n */\nexport type SelectVariantSize = SelectSize;\nexport type SelectVariantSelectionMode = SelectionMode;\n"]}