@tribepad/themis 1.0.0

package/dist/chunk-6S25NMOT.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/elements/Table/Table.tsx"],"names":["AriaTable","AriaTableHeader","AriaColumn","AriaTableBody","AriaRow","AriaCell"],"mappings":"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","file":"chunk-6S25NMOT.mjs","sourcesContent":["'use client';\n\n/**\n * Table Component - Accessible Data Table (v1)\n * ARIA grid pattern with React Aria primitives\n *\n * @see plan.md for architecture details\n * @see table-prd.md for requirements\n * @see WCAG 2.2 AAA compliance\n */\n\nimport {\n  forwardRef,\n  createContext,\n  useContext,\n  type ReactNode,\n  type ReactElement,\n  type ForwardedRef,\n} from 'react';\nimport {\n  Table as AriaTable,\n  TableHeader as AriaTableHeader,\n  TableBody as AriaTableBody,\n  Column as AriaColumn,\n  Row as AriaRow,\n  Cell as AriaCell,\n  Collection,\n  useTableOptions,\n  type TableHeaderProps as AriaTableHeaderProps,\n  type TableBodyProps as AriaTableBodyProps,\n  type RowProps as AriaRowProps,\n  type CellProps as AriaCellProps,\n  type Selection,\n  type SortDescriptor,\n} from 'react-aria-components';\nimport { Checkbox } from '../Checkbox';\nimport { cva } from 'class-variance-authority';\nimport { ChevronUp, ChevronDown } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport type {\n  TableProps,\n  TableHeaderProps,\n  TableBodyProps,\n  TableFooterProps,\n  TableCaptionProps,\n  ColumnProps,\n  RowProps,\n  CellProps,\n  TableVariant,\n  TableSize,\n} from './Table.types';\n\n// ============================================================================\n// Context for passing table-level props to children\n// ============================================================================\n\ninterface TableContextValue {\n  variant: TableVariant;\n  size: TableSize;\n  selectionMode: 'none' | 'single' | 'multiple';\n  stickyHeader: boolean;\n}\n\nconst TableContext = createContext<TableContextValue>({\n  variant: 'default',\n  size: 'default',\n  selectionMode: 'none',\n  stickyHeader: false,\n});\n\n// ============================================================================\n// CVA Variants\n// ============================================================================\n\n// Table container variants (wrapper div)\nexport const tableContainerVariants = cva(['relative w-full overflow-auto']);\n\n// Table variants\nexport const tableVariants = cva(\n  ['w-full caption-bottom text-sm', 'border-collapse'],\n  {\n    variants: {\n      variant: {\n        default: '',\n        bordered: 'border border-[var(--border)] rounded-md',\n        striped: '',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  }\n);\n\n// Table header variants\nexport const tableHeaderVariants = cva(['[&_tr]:border-b'], {\n  variants: {\n    sticky: {\n      true: 'sticky top-0 z-10 bg-[var(--content-background)]',\n      false: '',\n    },\n  },\n  defaultVariants: {\n    sticky: false,\n  },\n});\n\n// Table footer variants\nexport const tableFooterVariants = cva([\n  'border-t border-[var(--border)]',\n  'bg-[var(--accent-background)]/50',\n  'font-medium',\n  '[&>tr]:last:border-b-0',\n]);\n\n// Table caption variants\nexport const tableCaptionVariants = cva([\n  'mt-4 text-sm text-[var(--menu-muted)]',\n]);\n\n// Column variants\nexport const columnVariants = cva(\n  [\n    'h-12 px-4 text-left align-middle font-medium',\n    'text-[var(--menu-muted)]',\n    '[&:has([role=checkbox])]:pr-0',\n    'select-none',\n    'focus-visible:outline-none focus-visible:ring-2',\n    'focus-visible:ring-[var(--ring)] focus-visible:ring-inset',\n  ],\n  {\n    variants: {\n      allowsSorting: {\n        true: 'cursor-pointer hover:bg-[var(--accent)]/50',\n        false: '',\n      },\n      align: {\n        start: 'text-start',\n        center: 'text-center',\n        end: 'text-end',\n      },\n      size: {\n        sm: 'h-10 px-3 text-xs',\n        default: 'h-12 px-4 text-sm',\n        lg: 'h-14 px-5 text-base',\n      },\n    },\n    defaultVariants: {\n      allowsSorting: false,\n      align: 'start',\n      size: 'default',\n    },\n  }\n);\n\n// Row variants\nexport const rowVariants = cva(\n  [\n    'border-b border-[var(--border)]',\n    'transition-colors',\n    'focus-visible:outline-none focus-visible:ring-2',\n    'focus-visible:ring-[var(--ring)] focus-visible:ring-inset',\n    'hover:bg-[var(--accent-background)]/50',\n    'data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\n  ],\n  {\n    variants: {\n      isSelected: {\n        true: 'bg-[var(--accent)] data-[selected]:bg-[var(--accent)]',\n        false: '',\n      },\n      variant: {\n        default: '',\n        striped: 'even:bg-[var(--accent-background)]/30',\n      },\n    },\n    defaultVariants: {\n      isSelected: false,\n      variant: 'default',\n    },\n  }\n);\n\n// Cell variants\nexport const cellVariants = cva(\n  ['p-4 align-middle', '[&:has([role=checkbox])]:pr-0'],\n  {\n    variants: {\n      align: {\n        start: 'text-start',\n        center: 'text-center',\n        end: 'text-end',\n      },\n      size: {\n        sm: 'p-3 text-xs',\n        default: 'p-4 text-sm',\n        lg: 'p-5 text-base',\n      },\n      isRowHeader: {\n        true: 'font-medium',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      align: 'start',\n      size: 'default',\n      isRowHeader: false,\n    },\n  }\n);\n\n// ============================================================================\n// Table Component\n// ============================================================================\n\nconst Table = forwardRef<HTMLTableElement, TableProps>(\n  (\n    {\n      className,\n      variant = 'default',\n      size = 'default',\n      stickyHeader = false,\n      selectionMode = 'none',\n      selectionBehavior = 'toggle',\n      disallowEmptySelection = false,\n      disabledBehavior = 'selection',\n      selectedKeys,\n      defaultSelectedKeys,\n      onSelectionChange,\n      disabledKeys,\n      sortDescriptor,\n      onSortChange,\n      onRowAction,\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    return (\n      <TableContext.Provider value={{ variant, size, selectionMode, stickyHeader }}>\n        <div\n          className={cn(tableContainerVariants(), className)}\n          data-testid=\"table-container\"\n        >\n          <AriaTable\n            ref={ref}\n            className={cn(tableVariants({ variant }))}\n            selectionMode={selectionMode}\n            selectionBehavior={selectionBehavior}\n            disallowEmptySelection={disallowEmptySelection}\n            disabledBehavior={disabledBehavior}\n            selectedKeys={selectedKeys}\n            defaultSelectedKeys={defaultSelectedKeys}\n            onSelectionChange={onSelectionChange}\n            disabledKeys={disabledKeys}\n            sortDescriptor={sortDescriptor}\n            onSortChange={onSortChange}\n            onRowAction={onRowAction}\n            data-testid=\"table\"\n            data-variant={variant}\n            data-size={size}\n            {...props}\n          >\n            {children}\n          </AriaTable>\n        </div>\n      </TableContext.Provider>\n    );\n  }\n);\n\nTable.displayName = 'Table';\n\n// ============================================================================\n// TableHeader Component\n// ============================================================================\n\nfunction TableHeaderInner<T extends object>(\n  { className, children, columns, ...props }: TableHeaderProps<T>,\n  ref: ForwardedRef<HTMLTableSectionElement>\n): ReactElement {\n  const { size, selectionMode, stickyHeader } = useContext(TableContext);\n  const { allowsDragging } = useTableOptions();\n\n  return (\n    <AriaTableHeader\n      ref={ref}\n      className={cn(tableHeaderVariants({ sticky: stickyHeader }), className)}\n      data-testid=\"table-header\"\n      {...(props as AriaTableHeaderProps<T>)}\n    >\n      {/* Selection checkbox column */}\n      {selectionMode === 'multiple' && (\n        <AriaColumn className={cn(columnVariants({ size }), 'w-12')}>\n          <Checkbox slot=\"selection\" aria-label=\"Select all\" size={size} />\n        </AriaColumn>\n      )}\n      {/* Drag handle column if dragging is allowed */}\n      {allowsDragging && <AriaColumn />}\n      {/* Render columns */}\n      {columns ? (\n        <Collection items={columns}>{children as (item: T) => ReactElement}</Collection>\n      ) : (\n        children\n      )}\n    </AriaTableHeader>\n  );\n}\n\nconst TableHeader = forwardRef(TableHeaderInner) as <T extends object>(\n  props: TableHeaderProps<T> & { ref?: ForwardedRef<HTMLTableSectionElement> }\n) => ReactElement;\n\n(TableHeader as { displayName?: string }).displayName = 'TableHeader';\n\n// ============================================================================\n// TableBody Component\n// ============================================================================\n\nfunction TableBodyInner<T extends object>(\n  { className, children, items, renderEmptyState, ...props }: TableBodyProps<T>,\n  ref: ForwardedRef<HTMLTableSectionElement>\n): ReactElement {\n  return (\n    <AriaTableBody\n      ref={ref}\n      className={cn(className)}\n      items={items}\n      renderEmptyState={\n        renderEmptyState\n          ? () => (\n              <tr>\n                <td colSpan={99} className=\"text-center p-8\">\n                  {renderEmptyState()}\n                </td>\n              </tr>\n            )\n          : undefined\n      }\n      data-testid=\"table-body\"\n      {...(props as AriaTableBodyProps<T>)}\n    >\n      {children as AriaTableBodyProps<T>['children']}\n    </AriaTableBody>\n  );\n}\n\nconst TableBody = forwardRef(TableBodyInner) as <T extends object>(\n  props: TableBodyProps<T> & { ref?: ForwardedRef<HTMLTableSectionElement> }\n) => ReactElement;\n\n(TableBody as { displayName?: string }).displayName = 'TableBody';\n\n// ============================================================================\n// TableFooter Component (Custom - not from React Aria)\n// ============================================================================\n\nconst TableFooter = forwardRef<HTMLTableSectionElement, TableFooterProps>(\n  ({ className, children, ...props }, ref) => {\n    return (\n      <tfoot\n        ref={ref}\n        className={cn(tableFooterVariants(), className)}\n        data-testid=\"table-footer\"\n        {...props}\n      >\n        {children}\n      </tfoot>\n    );\n  }\n);\n\nTableFooter.displayName = 'TableFooter';\n\n// ============================================================================\n// TableCaption Component (Custom - not from React Aria)\n// ============================================================================\n\nconst TableCaption = forwardRef<HTMLTableCaptionElement, TableCaptionProps>(\n  ({ className, children, ...props }, ref) => {\n    return (\n      <caption\n        ref={ref}\n        className={cn(tableCaptionVariants(), className)}\n        data-testid=\"table-caption\"\n        {...props}\n      >\n        {children}\n      </caption>\n    );\n  }\n);\n\nTableCaption.displayName = 'TableCaption';\n\n// ============================================================================\n// Column Component\n// ============================================================================\n\nconst Column = forwardRef<HTMLTableCellElement, ColumnProps>(\n  (\n    {\n      className,\n      children,\n      isRowHeader = false,\n      allowsSorting = false,\n      align = 'start',\n      width,\n      minWidth,\n      maxWidth,\n      ...props\n    },\n    ref\n  ) => {\n    const { size } = useContext(TableContext);\n\n    return (\n      <AriaColumn\n        ref={ref}\n        isRowHeader={isRowHeader}\n        allowsSorting={allowsSorting}\n        width={width}\n        minWidth={minWidth}\n        maxWidth={maxWidth}\n        className={cn(columnVariants({ allowsSorting, align, size }), className)}\n        {...props}\n      >\n        {({ allowsSorting: canSort, sortDirection }) => (\n          <div className=\"flex items-center gap-1\">\n            <span>{children as ReactNode}</span>\n            {canSort && sortDirection && (\n              <span aria-hidden=\"true\" data-sort-direction={sortDirection}>\n                {sortDirection === 'ascending' ? (\n                  <ChevronUp className=\"h-4 w-4\" />\n                ) : (\n                  <ChevronDown className=\"h-4 w-4\" />\n                )}\n              </span>\n            )}\n          </div>\n        )}\n      </AriaColumn>\n    );\n  }\n);\n\n(Column as { displayName?: string }).displayName = 'Column';\n\n// ============================================================================\n// Row Component\n// ============================================================================\n\nfunction RowInner<T extends object>(\n  { className, children, columns, href, isDisabled, ...props }: RowProps<T>,\n  ref: ForwardedRef<HTMLTableRowElement>\n): ReactElement {\n  const { variant, size, selectionMode } = useContext(TableContext);\n  const { allowsDragging } = useTableOptions();\n\n  return (\n    <AriaRow\n      ref={ref}\n      href={href}\n      isDisabled={isDisabled}\n      className={({ isSelected, isDisabled: disabled }) =>\n        cn(\n          rowVariants({\n            isSelected,\n            variant: variant === 'striped' ? 'striped' : 'default',\n          }),\n          disabled && 'opacity-50',\n          className\n        )\n      }\n      data-testid=\"table-row\"\n      {...(props as AriaRowProps<T>)}\n    >\n      {/* Selection checkbox cell */}\n      {selectionMode === 'multiple' && (\n        <AriaCell className={cn(cellVariants({ size }), 'w-12')}>\n          <Checkbox slot=\"selection\" aria-label=\"Select row\" size={size} />\n        </AriaCell>\n      )}\n      {/* Drag handle cell if dragging is allowed */}\n      {allowsDragging && (\n        <AriaCell>\n          {/* Placeholder for drag handle - v2 feature */}\n        </AriaCell>\n      )}\n      {/* Render cells */}\n      {columns ? (\n        <Collection items={columns}>{children as (item: T) => ReactElement}</Collection>\n      ) : (\n        children\n      )}\n    </AriaRow>\n  );\n}\n\nconst Row = forwardRef(RowInner) as <T extends object>(\n  props: RowProps<T> & { ref?: ForwardedRef<HTMLTableRowElement> }\n) => ReactElement;\n\n(Row as { displayName?: string }).displayName = 'Row';\n\n// ============================================================================\n// Cell Component\n// ============================================================================\n\nconst Cell = forwardRef<HTMLTableCellElement, CellProps>(\n  ({ className, children, align = 'start', colSpan: _colSpan, ...props }, ref) => {\n    const { size } = useContext(TableContext);\n\n    return (\n      <AriaCell\n        ref={ref}\n        className={cn(cellVariants({ align, size }), className)}\n        {...(props as AriaCellProps)}\n      >\n        {children}\n      </AriaCell>\n    );\n  }\n);\n\nCell.displayName = 'Cell';\n\n// ============================================================================\n// Exports\n// ============================================================================\n\nexport {\n  Table,\n  TableHeader,\n  TableBody,\n  TableFooter,\n  TableCaption,\n  Column,\n  Row,\n  Cell,\n};\n\n// Re-export types\nexport type { Selection, SortDescriptor };\n"]}

package/dist/chunk-6SP7UB3D.js

@@ -0,0 +1,4 @@
+'use strict';
+
+//# sourceMappingURL=chunk-6SP7UB3D.js.map
+//# sourceMappingURL=chunk-6SP7UB3D.js.map

package/dist/chunk-6SP7UB3D.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"chunk-6SP7UB3D.js"}

package/dist/chunk-6TYWWQHM.mjs

@@ -0,0 +1,565 @@
+import { BaseComponentPropsSchema } from './chunk-5SVLJN2C.mjs';
+import { forwardRef, useId, Children, useMemo, isValidElement } from 'react';
+import { Select as Select$1, Label, Text, Button, SelectValue, FieldError, Popover, ListBox, ListBoxItem, Header, ListBoxSection } from 'react-aria-components';
+import { cva } from 'class-variance-authority';
+import { Loader2, ChevronDown, AlertCircle, CheckSquare, Check } from 'lucide-react';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { z } from 'zod';
+
+var selectTriggerVariants = 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 = 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 = 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 = 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 = 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 = 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 = useId();
+    const descriptionId = useId();
+    const errorId = useId();
+    const childCount = 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__ */ jsxs(
+      Select$1,
+      {
+        value,
+        defaultValue,
+        onChange: (key) => {
+          if (onChange) {
+            onChange(key);
+          }
+        },
+        placeholder,
+        disabledKeys,
+        isOpen,
+        onOpenChange,
+        isDisabled: isDisabled || isLoading,
+        isRequired,
+        name,
+        validate,
+        validationBehavior,
+        isInvalid,
+        className,
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxs(Label, { id: labelId, className: "text-sm font-medium text-[var(--content-foreground)]", children: [
+            label,
+            isRequired && /* @__PURE__ */ jsx("span", { className: "text-[var(--destructive)] ml-1", children: "*" })
+          ] }),
+          description && /* @__PURE__ */ jsx(Text, { id: descriptionId, slot: "description", className: "text-sm text-[var(--menu-muted)] mt-1", children: description }),
+          /* @__PURE__ */ jsxs(
+            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__ */ jsx(SelectValue, { className: "flex-1 text-left truncate" }),
+                isLoading ? /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin text-[var(--menu-muted)]", "aria-hidden": "true" }) : /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4 text-[var(--menu-muted)]", "aria-hidden": "true" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx(FieldError, { id: errorId, className: selectErrorVariants({ size }), children: ({ validationErrors }) => {
+            const displayError = errorMessage || validationErrors.join(" ");
+            return displayError ? /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx(AlertCircle, { className: "h-4 w-4", "aria-hidden": "true" }),
+              displayError
+            ] }) : null;
+          } }),
+          /* @__PURE__ */ jsx(Popover, { className: selectPopoverVariants({ size }), children: /* @__PURE__ */ jsxs(ListBox, { className: "outline-none", children: [
+            isLoading && childCount > 0 && /* @__PURE__ */ jsx(Fragment, { children: Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: "h-11 px-4 py-2",
+                children: /* @__PURE__ */ jsx("div", { className: "h-4 bg-[var(--accent-background)] rounded animate-pulse" })
+              },
+              `skeleton-${i}`
+            )) }),
+            !isLoading && /* @__PURE__ */ jsxs(Fragment, { children: [
+              children,
+              childCount === 0 && /* @__PURE__ */ jsx(
+                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__ */ jsx("span", { role: "status", children: emptyStateMessage || "No options available" })
+                }
+              )
+            ] })
+          ] }) })
+        ]
+      }
+    );
+  }
+);
+SelectRoot.displayName = "Select";
+var MultiSelectRoot = 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 = useId();
+    const descriptionId = useId();
+    const errorId = useId();
+    const childCount = 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 = useMemo(() => {
+      const map = /* @__PURE__ */ new Map();
+      const processChildren = (nodes) => {
+        Children.forEach(nodes, (child) => {
+          if (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 = 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__ */ jsxs(
+      Select$1,
+      {
+        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__ */ jsxs(Label, { id: labelId, className: "text-sm font-medium text-[var(--content-foreground)]", children: [
+            label,
+            isRequired && /* @__PURE__ */ jsx("span", { className: "text-[var(--destructive)] ml-1", children: "*" })
+          ] }),
+          description && /* @__PURE__ */ jsx(Text, { id: descriptionId, slot: "description", className: "text-sm text-[var(--menu-muted)] mt-1", children: description }),
+          /* @__PURE__ */ jsxs(
+            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__ */ jsx("span", { className: "flex-1 text-left truncate", children: displayValue }),
+                isLoading ? /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin text-[var(--menu-muted)]", "aria-hidden": "true" }) : /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4 text-[var(--menu-muted)]", "aria-hidden": "true" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx(FieldError, { id: errorId, className: selectErrorVariants({ size }), children: ({ validationErrors }) => {
+            const displayError = errorMessage || validationErrors.join(" ");
+            return displayError ? /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx(AlertCircle, { className: "h-4 w-4", "aria-hidden": "true" }),
+              displayError
+            ] }) : null;
+          } }),
+          /* @__PURE__ */ jsx(Popover, { className: selectPopoverVariants({ size }), children: /* @__PURE__ */ jsxs(ListBox, { className: "outline-none", children: [
+            isLoading && childCount > 0 && /* @__PURE__ */ jsx(Fragment, { children: Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsx("div", { className: "h-11 px-4 py-2", children: /* @__PURE__ */ jsx("div", { className: "h-4 bg-[var(--accent-background)] rounded animate-pulse" }) }, `skeleton-${i}`)) }),
+            !isLoading && /* @__PURE__ */ jsxs(Fragment, { children: [
+              children,
+              childCount === 0 && /* @__PURE__ */ jsx(
+                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__ */ 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__ */ jsx(
+    ListBoxItem,
+    {
+      id: value,
+      textValue: textValue || (typeof children === "string" ? children : void 0),
+      className: `${selectItemVariants({ size: "default" })} ${className || ""}`,
+      isDisabled,
+      ...props,
+      children: ({ isSelected, selectionMode, isDisabled: itemDisabled }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+        selectionMode === "multiple" ? /* @__PURE__ */ jsx(
+          CheckSquare,
+          {
+            className: `absolute left-2 h-4 w-4 ${isSelected ? "visible" : "invisible"}`,
+            "aria-hidden": "true"
+          }
+        ) : isSelected && /* @__PURE__ */ jsx(Check, { className: "absolute left-2 h-4 w-4", "aria-hidden": "true" }),
+        /* @__PURE__ */ jsx("span", { className: itemDisabled ? "text-[var(--menu-muted)]" : "", children })
+      ] })
+    }
+  );
+}
+SelectItem.displayName = "SelectItem";
+function SelectSection({ children, className, ...props }) {
+  return /* @__PURE__ */ jsx(ListBoxSection, { className: `border-t border-[var(--border)] first:border-t-0 ${className || ""}`, ...props, children });
+}
+SelectSection.displayName = "SelectSection";
+function SelectHeader({ children, className, ...props }) {
+  return /* @__PURE__ */ jsx(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 = z.enum(["sm", "default", "lg"]);
+var SelectionModeSchema = z.enum(["single", "multiple"]);
+var ValidationBehaviorSchema = z.enum(["native", "aria"]);
+var SelectPropsSchema = BaseComponentPropsSchema.extend({
+  // Display props (US-1)
+  label: z.string(),
+  // Required for accessibility
+  placeholder: z.string().optional(),
+  description: z.string().optional(),
+  // Selection props (US-1, US-6)
+  value: z.union([z.string(), z.array(z.string())]).optional(),
+  defaultValue: z.union([z.string(), z.array(z.string())]).optional(),
+  selectionMode: SelectionModeSchema.optional().default("single"),
+  // State props (US-1, US-5)
+  isOpen: z.boolean().optional(),
+  isDisabled: z.boolean().optional().default(false),
+  isRequired: z.boolean().optional().default(false),
+  disabledKeys: z.array(z.string()).optional(),
+  // Validation props (US-4)
+  validate: z.custom().optional(),
+  validationBehavior: ValidationBehaviorSchema.optional().default("aria"),
+  errorMessage: z.string().optional(),
+  // Loading state (US-7)
+  isLoading: z.boolean().optional().default(false),
+  emptyStateMessage: z.string().optional(),
+  // Form integration (US-10)
+  name: z.string().optional(),
+  // Size variant (US-9)
+  size: SelectSizeSchema.optional().default("default"),
+  // Event handlers (US-1)
+  onChange: z.custom().optional(),
+  onOpenChange: z.custom().optional(),
+  // Children (Select.Item, Select.Section components)
+  children: z.custom()
+});
+var SelectItemPropsSchema = BaseComponentPropsSchema.extend({
+  // Item value (required)
+  value: z.string(),
+  // Text value for typeahead and accessibility (required for custom children)
+  textValue: z.string().optional(),
+  // Disabled state
+  isDisabled: z.boolean().optional().default(false),
+  // Item content
+  children: z.custom(),
+  // Optional className for custom styling
+  className: z.string().optional()
+});
+var SelectSectionPropsSchema = BaseComponentPropsSchema.extend({
+  // Section content (typically Select.Header + Select.Item components)
+  children: z.custom(),
+  // Optional className for custom styling
+  className: z.string().optional()
+});
+var SelectHeaderPropsSchema = BaseComponentPropsSchema.extend({
+  // Header text
+  children: z.custom(),
+  // Optional className for header styling
+  className: z.string().optional()
+});
+
+export { MultiSelect, Select, SelectHeaderPropsSchema, SelectItemPropsSchema, SelectPropsSchema, SelectSectionPropsSchema };
+//# sourceMappingURL=chunk-6TYWWQHM.mjs.map
+//# sourceMappingURL=chunk-6TYWWQHM.mjs.map