@mieweb/ui 0.1.0

package/dist/chunk-KJOFWJHV.js

@@ -0,0 +1,406 @@
+import { useClickOutside } from './chunk-OT36EMM5.js';
+import { useEscapeKey } from './chunk-T4ME7QCT.js';
+import { cn } from './chunk-F3SOEIN2.js';
+import * as React from 'react';
+import { cva } from 'class-variance-authority';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var selectTriggerVariants = cva(
+  [
+    "flex w-full items-center justify-between gap-2",
+    "border border-input rounded-lg",
+    "bg-background text-foreground",
+    "transition-colors duration-200",
+    "focus:outline-none focus:ring-2 focus:ring-ring focus:border-transparent",
+    "disabled:cursor-not-allowed disabled:opacity-50"
+  ],
+  {
+    variants: {
+      size: {
+        sm: "h-8 px-3 text-sm",
+        md: "h-10 px-3 text-base",
+        lg: "h-12 px-4 text-lg"
+      },
+      hasError: {
+        true: "border-destructive focus:ring-destructive",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      size: "md",
+      hasError: false
+    }
+  }
+);
+function Select({
+  options,
+  value: controlledValue,
+  defaultValue,
+  onValueChange,
+  placeholder = "Select an option",
+  disabled = false,
+  label,
+  hideLabel = false,
+  error,
+  helperText,
+  size,
+  hasError,
+  searchable = false,
+  searchPlaceholder = "Search...",
+  noResultsText = "No results found",
+  className,
+  id
+}) {
+  const [isOpen, setIsOpen] = React.useState(false);
+  const [uncontrolledValue, setUncontrolledValue] = React.useState(
+    defaultValue || ""
+  );
+  const [searchQuery, setSearchQuery] = React.useState("");
+  const [highlightedIndex, setHighlightedIndex] = React.useState(-1);
+  const containerRef = React.useRef(null);
+  const triggerRef = React.useRef(null);
+  const searchInputRef = React.useRef(null);
+  const listRef = React.useRef(null);
+  const generatedId = React.useId();
+  const selectId = id || generatedId;
+  const listboxId = `${selectId}-listbox`;
+  const errorId = `${selectId}-error`;
+  const helperId = `${selectId}-helper`;
+  const isControlled = controlledValue !== void 0;
+  const value = isControlled ? controlledValue : uncontrolledValue;
+  const flatOptions = React.useMemo(() => {
+    const result = [];
+    for (const item of options) {
+      if ("options" in item) {
+        result.push(...item.options);
+      } else {
+        result.push(item);
+      }
+    }
+    return result;
+  }, [options]);
+  const filteredOptions = React.useMemo(() => {
+    if (!searchQuery) return options;
+    const query = searchQuery.toLowerCase();
+    const result = [];
+    for (const item of options) {
+      if ("options" in item) {
+        const filteredGroupOptions = item.options.filter(
+          (opt) => opt.label.toLowerCase().includes(query)
+        );
+        if (filteredGroupOptions.length > 0) {
+          result.push({ ...item, options: filteredGroupOptions });
+        }
+      } else {
+        if (item.label.toLowerCase().includes(query)) {
+          result.push(item);
+        }
+      }
+    }
+    return result;
+  }, [options, searchQuery]);
+  const filteredFlatOptions = React.useMemo(() => {
+    const result = [];
+    for (const item of filteredOptions) {
+      if ("options" in item) {
+        result.push(...item.options.filter((opt) => !opt.disabled));
+      } else if (!item.disabled) {
+        result.push(item);
+      }
+    }
+    return result;
+  }, [filteredOptions]);
+  const selectedOption = flatOptions.find((opt) => opt.value === value);
+  useClickOutside(containerRef, () => setIsOpen(false));
+  useEscapeKey(() => {
+    if (isOpen) {
+      setIsOpen(false);
+      triggerRef.current?.focus();
+    }
+  }, isOpen);
+  const handleValueChange = React.useCallback(
+    (newValue) => {
+      if (!isControlled) {
+        setUncontrolledValue(newValue);
+      }
+      onValueChange?.(newValue);
+      setIsOpen(false);
+      setSearchQuery("");
+      triggerRef.current?.focus();
+    },
+    [isControlled, onValueChange]
+  );
+  const handleKeyDown = React.useCallback(
+    (e) => {
+      switch (e.key) {
+        case "ArrowDown":
+          e.preventDefault();
+          if (!isOpen) {
+            setIsOpen(true);
+          } else {
+            setHighlightedIndex(
+              (prev) => prev < filteredFlatOptions.length - 1 ? prev + 1 : 0
+            );
+          }
+          break;
+        case "ArrowUp":
+          e.preventDefault();
+          if (!isOpen) {
+            setIsOpen(true);
+          } else {
+            setHighlightedIndex(
+              (prev) => prev > 0 ? prev - 1 : filteredFlatOptions.length - 1
+            );
+          }
+          break;
+        case "Enter":
+        case " ":
+          e.preventDefault();
+          if (isOpen && highlightedIndex >= 0) {
+            handleValueChange(filteredFlatOptions[highlightedIndex].value);
+          } else if (!isOpen) {
+            setIsOpen(true);
+          }
+          break;
+        case "Home":
+          e.preventDefault();
+          setHighlightedIndex(0);
+          break;
+        case "End":
+          e.preventDefault();
+          setHighlightedIndex(filteredFlatOptions.length - 1);
+          break;
+      }
+    },
+    [isOpen, highlightedIndex, filteredFlatOptions, handleValueChange]
+  );
+  React.useEffect(() => {
+    if (isOpen && searchable && searchInputRef.current) {
+      searchInputRef.current.focus();
+    }
+  }, [isOpen, searchable]);
+  React.useEffect(() => {
+    setHighlightedIndex(filteredFlatOptions.length > 0 ? 0 : -1);
+  }, [searchQuery, filteredFlatOptions.length]);
+  const describedByIds = [error ? errorId : null, helperText ? helperId : null].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-1.5", className), children: [
+    label && /* @__PURE__ */ jsx(
+      "label",
+      {
+        htmlFor: selectId,
+        className: cn(
+          "text-foreground text-sm font-medium",
+          hideLabel && "sr-only"
+        ),
+        children: label
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { ref: containerRef, className: "relative", children: [
+      /* @__PURE__ */ jsxs(
+        "button",
+        {
+          ref: triggerRef,
+          id: selectId,
+          type: "button",
+          role: "combobox",
+          "aria-haspopup": "listbox",
+          "aria-expanded": isOpen,
+          "aria-controls": listboxId,
+          "aria-invalid": hasError || !!error,
+          "aria-describedby": describedByIds || void 0,
+          disabled,
+          onClick: () => setIsOpen(!isOpen),
+          onKeyDown: handleKeyDown,
+          className: cn(
+            selectTriggerVariants({ size, hasError: hasError || !!error })
+          ),
+          children: [
+            /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: cn(
+                  "truncate",
+                  !selectedOption && "text-muted-foreground"
+                ),
+                children: selectedOption?.label || placeholder
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              ChevronDownIcon,
+              {
+                className: cn(
+                  "text-muted-foreground h-4 w-4 shrink-0 transition-transform",
+                  isOpen && "rotate-180"
+                )
+              }
+            )
+          ]
+        }
+      ),
+      isOpen && /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: cn(
+            "absolute z-50 mt-1 w-full",
+            "border-border bg-card rounded-lg border shadow-lg",
+            "animate-in fade-in zoom-in-95 duration-100"
+          ),
+          children: [
+            searchable && /* @__PURE__ */ jsx("div", { className: "border-border border-b p-2", children: /* @__PURE__ */ jsx(
+              "input",
+              {
+                ref: searchInputRef,
+                type: "text",
+                value: searchQuery,
+                onChange: (e) => setSearchQuery(e.target.value),
+                onKeyDown: handleKeyDown,
+                placeholder: searchPlaceholder,
+                className: cn(
+                  "border-input bg-background w-full rounded-md border px-3 py-2 text-sm",
+                  "placeholder:text-muted-foreground",
+                  "focus:ring-ring focus:ring-2 focus:outline-none"
+                ),
+                "aria-label": "Search options"
+              }
+            ) }),
+            /* @__PURE__ */ jsx(
+              "ul",
+              {
+                ref: listRef,
+                id: listboxId,
+                role: "listbox",
+                "aria-label": label || "Options",
+                className: "max-h-60 overflow-auto p-1",
+                children: filteredFlatOptions.length === 0 ? /* @__PURE__ */ jsx("li", { className: "text-muted-foreground px-3 py-2 text-center text-sm", children: noResultsText }) : filteredOptions.map((item) => {
+                  if ("options" in item) {
+                    return /* @__PURE__ */ jsxs("li", { role: "presentation", children: [
+                      /* @__PURE__ */ jsx("div", { className: "text-muted-foreground px-3 py-1.5 text-xs font-semibold tracking-wider uppercase", children: item.label }),
+                      /* @__PURE__ */ jsx("ul", { role: "group", "aria-label": item.label, children: item.options.map((option) => /* @__PURE__ */ jsx(
+                        SelectOptionItem,
+                        {
+                          option,
+                          isSelected: option.value === value,
+                          isHighlighted: filteredFlatOptions[highlightedIndex]?.value === option.value,
+                          onSelect: () => handleValueChange(option.value),
+                          onMouseEnter: () => {
+                            const idx = filteredFlatOptions.findIndex(
+                              (o) => o.value === option.value
+                            );
+                            setHighlightedIndex(idx);
+                          }
+                        },
+                        option.value
+                      )) })
+                    ] }, `group-${item.label}`);
+                  }
+                  return /* @__PURE__ */ jsx(
+                    SelectOptionItem,
+                    {
+                      option: item,
+                      isSelected: item.value === value,
+                      isHighlighted: filteredFlatOptions[highlightedIndex]?.value === item.value,
+                      onSelect: () => handleValueChange(item.value),
+                      onMouseEnter: () => {
+                        const idx = filteredFlatOptions.findIndex(
+                          (o) => o.value === item.value
+                        );
+                        setHighlightedIndex(idx);
+                      }
+                    },
+                    item.value
+                  );
+                })
+              }
+            )
+          ]
+        }
+      )
+    ] }),
+    error && /* @__PURE__ */ jsx("p", { id: errorId, className: "text-destructive text-sm", role: "alert", children: error }),
+    helperText && !error && /* @__PURE__ */ jsx("p", { id: helperId, className: "text-muted-foreground text-sm", children: helperText })
+  ] });
+}
+Select.displayName = "Select";
+function SelectOptionItem({
+  option,
+  isSelected,
+  isHighlighted,
+  onSelect,
+  onMouseEnter
+}) {
+  const handleKeyDown = (e) => {
+    if (e.key === "Enter" || e.key === " ") {
+      e.preventDefault();
+      if (!option.disabled) {
+        onSelect();
+      }
+    }
+  };
+  return /* @__PURE__ */ jsxs(
+    "li",
+    {
+      role: "option",
+      "aria-selected": isSelected,
+      "aria-disabled": option.disabled,
+      "data-highlighted": isHighlighted,
+      "data-disabled": option.disabled,
+      tabIndex: isHighlighted ? 0 : -1,
+      onClick: option.disabled ? void 0 : onSelect,
+      onKeyDown: handleKeyDown,
+      onMouseEnter: option.disabled ? void 0 : onMouseEnter,
+      className: cn(
+        "flex cursor-pointer items-center gap-2 rounded-md px-3 py-2 text-sm",
+        "transition-colors outline-none",
+        isHighlighted && "bg-muted",
+        isSelected && "bg-primary-50 text-primary-900 dark:bg-primary-950 dark:text-primary-100",
+        option.disabled && "cursor-not-allowed opacity-50"
+      ),
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "flex-1 truncate", children: option.label }),
+        isSelected && /* @__PURE__ */ jsx(CheckIcon, { className: "text-primary-500 h-4 w-4 shrink-0" })
+      ]
+    }
+  );
+}
+function ChevronDownIcon({ className }) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className,
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ jsx("path", { d: "m6 9 6 6 6-6" })
+    }
+  );
+}
+function CheckIcon({ className }) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className,
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ jsx("path", { d: "M20 6 9 17l-5-5" })
+    }
+  );
+}
+
+export { Select, selectTriggerVariants };
+//# sourceMappingURL=chunk-KJOFWJHV.js.map
+//# sourceMappingURL=chunk-KJOFWJHV.js.map

package/dist/chunk-KJOFWJHV.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Select/Select.tsx"],"names":[],"mappings":"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","file":"chunk-KJOFWJHV.js","sourcesContent":["import * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { useClickOutside } from '../../hooks/useClickOutside';\nimport { useEscapeKey } from '../../hooks/useEscapeKey';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface SelectOption {\n  /** Unique value for the option */\n  value: string;\n  /** Display label for the option */\n  label: string;\n  /** Whether the option is disabled */\n  disabled?: boolean;\n  /** Optional group this option belongs to */\n  group?: string;\n}\n\nexport interface SelectGroup {\n  /** Group label */\n  label: string;\n  /** Options in this group */\n  options: SelectOption[];\n}\n\n// ============================================================================\n// Variants\n// ============================================================================\n\nconst selectTriggerVariants = cva(\n  [\n    'flex w-full items-center justify-between gap-2',\n    'border border-input rounded-lg',\n    'bg-background text-foreground',\n    'transition-colors duration-200',\n    'focus:outline-none focus:ring-2 focus:ring-ring focus:border-transparent',\n    'disabled:cursor-not-allowed disabled:opacity-50',\n  ],\n  {\n    variants: {\n      size: {\n        sm: 'h-8 px-3 text-sm',\n        md: 'h-10 px-3 text-base',\n        lg: 'h-12 px-4 text-lg',\n      },\n      hasError: {\n        true: 'border-destructive focus:ring-destructive',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n      hasError: false,\n    },\n  }\n);\n\n// ============================================================================\n// Select Component\n// ============================================================================\n\nexport interface SelectProps extends VariantProps<\n  typeof selectTriggerVariants\n> {\n  /** Array of options or groups */\n  options: (SelectOption | SelectGroup)[];\n  /** Controlled value */\n  value?: string;\n  /** Default value (uncontrolled) */\n  defaultValue?: string;\n  /** Callback when value changes */\n  onValueChange?: (value: string) => void;\n  /** Placeholder text */\n  placeholder?: string;\n  /** Whether the select is disabled */\n  disabled?: boolean;\n  /** Label for the select */\n  label?: string;\n  /** Hide the label visually */\n  hideLabel?: boolean;\n  /** Error message */\n  error?: string;\n  /** Helper text */\n  helperText?: string;\n  /** Enable search/filter */\n  searchable?: boolean;\n  /** Search placeholder */\n  searchPlaceholder?: string;\n  /** No results text */\n  noResultsText?: string;\n  /** Additional class name */\n  className?: string;\n  /** ID for the select */\n  id?: string;\n}\n\n/**\n * An accessible select/dropdown component with search support.\n *\n * @example\n * ```tsx\n * <Select\n *   label=\"Country\"\n *   placeholder=\"Select a country\"\n *   options={[\n *     { value: 'us', label: 'United States' },\n *     { value: 'ca', label: 'Canada' },\n *     { value: 'uk', label: 'United Kingdom' },\n *   ]}\n *   onValueChange={(value) => console.log(value)}\n * />\n * ```\n */\nfunction Select({\n  options,\n  value: controlledValue,\n  defaultValue,\n  onValueChange,\n  placeholder = 'Select an option',\n  disabled = false,\n  label,\n  hideLabel = false,\n  error,\n  helperText,\n  size,\n  hasError,\n  searchable = false,\n  searchPlaceholder = 'Search...',\n  noResultsText = 'No results found',\n  className,\n  id,\n}: SelectProps) {\n  const [isOpen, setIsOpen] = React.useState(false);\n  const [uncontrolledValue, setUncontrolledValue] = React.useState(\n    defaultValue || ''\n  );\n  const [searchQuery, setSearchQuery] = React.useState('');\n  const [highlightedIndex, setHighlightedIndex] = React.useState(-1);\n\n  const containerRef = React.useRef<HTMLDivElement>(null);\n  const triggerRef = React.useRef<HTMLButtonElement>(null);\n  const searchInputRef = React.useRef<HTMLInputElement>(null);\n  const listRef = React.useRef<HTMLUListElement>(null);\n\n  const generatedId = React.useId();\n  const selectId = id || generatedId;\n  const listboxId = `${selectId}-listbox`;\n  const errorId = `${selectId}-error`;\n  const helperId = `${selectId}-helper`;\n\n  const isControlled = controlledValue !== undefined;\n  const value = isControlled ? controlledValue : uncontrolledValue;\n\n  // Flatten options for easy access\n  const flatOptions = React.useMemo(() => {\n    const result: SelectOption[] = [];\n    for (const item of options) {\n      if ('options' in item) {\n        result.push(...item.options);\n      } else {\n        result.push(item);\n      }\n    }\n    return result;\n  }, [options]);\n\n  // Filter options based on search query\n  const filteredOptions = React.useMemo(() => {\n    if (!searchQuery) return options;\n\n    const query = searchQuery.toLowerCase();\n    const result: (SelectOption | SelectGroup)[] = [];\n\n    for (const item of options) {\n      if ('options' in item) {\n        const filteredGroupOptions = item.options.filter((opt) =>\n          opt.label.toLowerCase().includes(query)\n        );\n        if (filteredGroupOptions.length > 0) {\n          result.push({ ...item, options: filteredGroupOptions });\n        }\n      } else {\n        if (item.label.toLowerCase().includes(query)) {\n          result.push(item);\n        }\n      }\n    }\n\n    return result;\n  }, [options, searchQuery]);\n\n  // Get filtered flat options for keyboard navigation\n  const filteredFlatOptions = React.useMemo(() => {\n    const result: SelectOption[] = [];\n    for (const item of filteredOptions) {\n      if ('options' in item) {\n        result.push(...item.options.filter((opt) => !opt.disabled));\n      } else if (!item.disabled) {\n        result.push(item);\n      }\n    }\n    return result;\n  }, [filteredOptions]);\n\n  // Get selected option\n  const selectedOption = flatOptions.find((opt) => opt.value === value);\n\n  // Close dropdown\n  useClickOutside(containerRef, () => setIsOpen(false));\n  useEscapeKey(() => {\n    if (isOpen) {\n      setIsOpen(false);\n      triggerRef.current?.focus();\n    }\n  }, isOpen);\n\n  // Handle value change\n  const handleValueChange = React.useCallback(\n    (newValue: string) => {\n      if (!isControlled) {\n        setUncontrolledValue(newValue);\n      }\n      onValueChange?.(newValue);\n      setIsOpen(false);\n      setSearchQuery('');\n      triggerRef.current?.focus();\n    },\n    [isControlled, onValueChange]\n  );\n\n  // Handle keyboard navigation\n  const handleKeyDown = React.useCallback(\n    (e: React.KeyboardEvent) => {\n      switch (e.key) {\n        case 'ArrowDown':\n          e.preventDefault();\n          if (!isOpen) {\n            setIsOpen(true);\n          } else {\n            setHighlightedIndex((prev) =>\n              prev < filteredFlatOptions.length - 1 ? prev + 1 : 0\n            );\n          }\n          break;\n        case 'ArrowUp':\n          e.preventDefault();\n          if (!isOpen) {\n            setIsOpen(true);\n          } else {\n            setHighlightedIndex((prev) =>\n              prev > 0 ? prev - 1 : filteredFlatOptions.length - 1\n            );\n          }\n          break;\n        case 'Enter':\n        case ' ':\n          e.preventDefault();\n          if (isOpen && highlightedIndex >= 0) {\n            handleValueChange(filteredFlatOptions[highlightedIndex].value);\n          } else if (!isOpen) {\n            setIsOpen(true);\n          }\n          break;\n        case 'Home':\n          e.preventDefault();\n          setHighlightedIndex(0);\n          break;\n        case 'End':\n          e.preventDefault();\n          setHighlightedIndex(filteredFlatOptions.length - 1);\n          break;\n      }\n    },\n    [isOpen, highlightedIndex, filteredFlatOptions, handleValueChange]\n  );\n\n  // Focus search input when dropdown opens\n  React.useEffect(() => {\n    if (isOpen && searchable && searchInputRef.current) {\n      searchInputRef.current.focus();\n    }\n  }, [isOpen, searchable]);\n\n  // Reset highlighted index when search changes\n  React.useEffect(() => {\n    setHighlightedIndex(filteredFlatOptions.length > 0 ? 0 : -1);\n  }, [searchQuery, filteredFlatOptions.length]);\n\n  // Build aria-describedby\n  const describedByIds = [error ? errorId : null, helperText ? helperId : null]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <div className={cn('flex flex-col gap-1.5', className)}>\n      {label && (\n        <label\n          htmlFor={selectId}\n          className={cn(\n            'text-foreground text-sm font-medium',\n            hideLabel && 'sr-only'\n          )}\n        >\n          {label}\n        </label>\n      )}\n\n      <div ref={containerRef} className=\"relative\">\n        {/* Trigger Button */}\n        <button\n          ref={triggerRef}\n          id={selectId}\n          type=\"button\"\n          role=\"combobox\"\n          aria-haspopup=\"listbox\"\n          aria-expanded={isOpen}\n          aria-controls={listboxId}\n          aria-invalid={hasError || !!error}\n          aria-describedby={describedByIds || undefined}\n          disabled={disabled}\n          onClick={() => setIsOpen(!isOpen)}\n          onKeyDown={handleKeyDown}\n          className={cn(\n            selectTriggerVariants({ size, hasError: hasError || !!error })\n          )}\n        >\n          <span\n            className={cn(\n              'truncate',\n              !selectedOption && 'text-muted-foreground'\n            )}\n          >\n            {selectedOption?.label || placeholder}\n          </span>\n          <ChevronDownIcon\n            className={cn(\n              'text-muted-foreground h-4 w-4 shrink-0 transition-transform',\n              isOpen && 'rotate-180'\n            )}\n          />\n        </button>\n\n        {/* Dropdown */}\n        {isOpen && (\n          <div\n            className={cn(\n              'absolute z-50 mt-1 w-full',\n              'border-border bg-card rounded-lg border shadow-lg',\n              'animate-in fade-in zoom-in-95 duration-100'\n            )}\n          >\n            {/* Search Input */}\n            {searchable && (\n              <div className=\"border-border border-b p-2\">\n                <input\n                  ref={searchInputRef}\n                  type=\"text\"\n                  value={searchQuery}\n                  onChange={(e) => setSearchQuery(e.target.value)}\n                  onKeyDown={handleKeyDown}\n                  placeholder={searchPlaceholder}\n                  className={cn(\n                    'border-input bg-background w-full rounded-md border px-3 py-2 text-sm',\n                    'placeholder:text-muted-foreground',\n                    'focus:ring-ring focus:ring-2 focus:outline-none'\n                  )}\n                  aria-label=\"Search options\"\n                />\n              </div>\n            )}\n\n            {/* Options List */}\n            <ul\n              ref={listRef}\n              id={listboxId}\n              role=\"listbox\"\n              aria-label={label || 'Options'}\n              className=\"max-h-60 overflow-auto p-1\"\n            >\n              {filteredFlatOptions.length === 0 ? (\n                <li className=\"text-muted-foreground px-3 py-2 text-center text-sm\">\n                  {noResultsText}\n                </li>\n              ) : (\n                filteredOptions.map((item) => {\n                  if ('options' in item) {\n                    // Render group\n                    return (\n                      <li key={`group-${item.label}`} role=\"presentation\">\n                        <div className=\"text-muted-foreground px-3 py-1.5 text-xs font-semibold tracking-wider uppercase\">\n                          {item.label}\n                        </div>\n                        <ul role=\"group\" aria-label={item.label}>\n                          {item.options.map((option) => (\n                            <SelectOptionItem\n                              key={option.value}\n                              option={option}\n                              isSelected={option.value === value}\n                              isHighlighted={\n                                filteredFlatOptions[highlightedIndex]?.value ===\n                                option.value\n                              }\n                              onSelect={() => handleValueChange(option.value)}\n                              onMouseEnter={() => {\n                                const idx = filteredFlatOptions.findIndex(\n                                  (o) => o.value === option.value\n                                );\n                                setHighlightedIndex(idx);\n                              }}\n                            />\n                          ))}\n                        </ul>\n                      </li>\n                    );\n                  }\n\n                  // Render single option\n                  return (\n                    <SelectOptionItem\n                      key={item.value}\n                      option={item}\n                      isSelected={item.value === value}\n                      isHighlighted={\n                        filteredFlatOptions[highlightedIndex]?.value ===\n                        item.value\n                      }\n                      onSelect={() => handleValueChange(item.value)}\n                      onMouseEnter={() => {\n                        const idx = filteredFlatOptions.findIndex(\n                          (o) => o.value === item.value\n                        );\n                        setHighlightedIndex(idx);\n                      }}\n                    />\n                  );\n                })\n              )}\n            </ul>\n          </div>\n        )}\n      </div>\n\n      {/* Error Message */}\n      {error && (\n        <p id={errorId} className=\"text-destructive text-sm\" role=\"alert\">\n          {error}\n        </p>\n      )}\n\n      {/* Helper Text */}\n      {helperText && !error && (\n        <p id={helperId} className=\"text-muted-foreground text-sm\">\n          {helperText}\n        </p>\n      )}\n    </div>\n  );\n}\n\nSelect.displayName = 'Select';\n\n// ============================================================================\n// Select Option Item (Internal)\n// ============================================================================\n\ninterface SelectOptionItemProps {\n  option: SelectOption;\n  isSelected: boolean;\n  isHighlighted: boolean;\n  onSelect: () => void;\n  onMouseEnter: () => void;\n}\n\nfunction SelectOptionItem({\n  option,\n  isSelected,\n  isHighlighted,\n  onSelect,\n  onMouseEnter,\n}: SelectOptionItemProps) {\n  const handleKeyDown = (e: React.KeyboardEvent) => {\n    if (e.key === 'Enter' || e.key === ' ') {\n      e.preventDefault();\n      if (!option.disabled) {\n        onSelect();\n      }\n    }\n  };\n\n  return (\n    <li\n      role=\"option\"\n      aria-selected={isSelected}\n      aria-disabled={option.disabled}\n      data-highlighted={isHighlighted}\n      data-disabled={option.disabled}\n      tabIndex={isHighlighted ? 0 : -1}\n      onClick={option.disabled ? undefined : onSelect}\n      onKeyDown={handleKeyDown}\n      onMouseEnter={option.disabled ? undefined : onMouseEnter}\n      className={cn(\n        'flex cursor-pointer items-center gap-2 rounded-md px-3 py-2 text-sm',\n        'transition-colors outline-none',\n        isHighlighted && 'bg-muted',\n        isSelected &&\n          'bg-primary-50 text-primary-900 dark:bg-primary-950 dark:text-primary-100',\n        option.disabled && 'cursor-not-allowed opacity-50'\n      )}\n    >\n      <span className=\"flex-1 truncate\">{option.label}</span>\n      {isSelected && (\n        <CheckIcon className=\"text-primary-500 h-4 w-4 shrink-0\" />\n      )}\n    </li>\n  );\n}\n\n// ============================================================================\n// Icons\n// ============================================================================\n\nfunction ChevronDownIcon({ className }: { className?: string }) {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"24\"\n      height=\"24\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      className={className}\n      aria-hidden=\"true\"\n    >\n      <path d=\"m6 9 6 6 6-6\" />\n    </svg>\n  );\n}\n\nfunction CheckIcon({ className }: { className?: string }) {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"24\"\n      height=\"24\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      className={className}\n      aria-hidden=\"true\"\n    >\n      <path d=\"M20 6 9 17l-5-5\" />\n    </svg>\n  );\n}\n\nexport { Select, selectTriggerVariants };\n"]}

package/dist/chunk-KJZNEVYM.js

@@ -0,0 +1,61 @@
+import { useState, useEffect, useCallback } from 'react';
+
+// src/hooks/useTheme.ts
+var THEME_STORAGE_KEY = "mieweb-ui-theme";
+function getSystemTheme() {
+  if (typeof window === "undefined") return "light";
+  return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+}
+function getStoredTheme() {
+  if (typeof window === "undefined") return "system";
+  const stored = localStorage.getItem(THEME_STORAGE_KEY);
+  if (stored === "light" || stored === "dark" || stored === "system") {
+    return stored;
+  }
+  return "system";
+}
+function applyTheme(theme) {
+  if (typeof document === "undefined") return;
+  const root = document.documentElement;
+  root.classList.remove("light", "dark");
+  root.classList.add(theme);
+  root.setAttribute("data-theme", theme);
+}
+function useTheme() {
+  const [theme, setThemeState] = useState("system");
+  const [resolvedTheme, setResolvedTheme] = useState("light");
+  useEffect(() => {
+    const stored = getStoredTheme();
+    setThemeState(stored);
+    const resolved = stored === "system" ? getSystemTheme() : stored;
+    setResolvedTheme(resolved);
+    applyTheme(resolved);
+  }, []);
+  useEffect(() => {
+    if (theme !== "system") return;
+    const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
+    const handleChange = (e) => {
+      const newTheme = e.matches ? "dark" : "light";
+      setResolvedTheme(newTheme);
+      applyTheme(newTheme);
+    };
+    mediaQuery.addEventListener("change", handleChange);
+    return () => mediaQuery.removeEventListener("change", handleChange);
+  }, [theme]);
+  const setTheme = useCallback((newTheme) => {
+    setThemeState(newTheme);
+    localStorage.setItem(THEME_STORAGE_KEY, newTheme);
+    const resolved = newTheme === "system" ? getSystemTheme() : newTheme;
+    setResolvedTheme(resolved);
+    applyTheme(resolved);
+  }, []);
+  return {
+    theme,
+    setTheme,
+    resolvedTheme
+  };
+}
+
+export { useTheme };
+//# sourceMappingURL=chunk-KJZNEVYM.js.map
+//# sourceMappingURL=chunk-KJZNEVYM.js.map

package/dist/chunk-KJZNEVYM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/useTheme.ts"],"names":[],"mappings":";;;AAKA,IAAM,iBAAA,GAAoB,iBAAA;AAE1B,SAAS,cAAA,GAAgC;AACvC,EAAA,IAAI,OAAO,MAAA,KAAW,WAAA,EAAa,OAAO,OAAA;AAC1C,EAAA,OAAO,MAAA,CAAO,UAAA,CAAW,8BAA8B,CAAA,CAAE,UACrD,MAAA,GACA,OAAA;AACN;AAEA,SAAS,cAAA,GAAwB;AAC/B,EAAA,IAAI,OAAO,MAAA,KAAW,WAAA,EAAa,OAAO,QAAA;AAC1C,EAAA,MAAM,MAAA,GAAS,YAAA,CAAa,OAAA,CAAQ,iBAAiB,CAAA;AACrD,EAAA,IAAI,MAAA,KAAW,OAAA,IAAW,MAAA,KAAW,MAAA,IAAU,WAAW,QAAA,EAAU;AAClE,IAAA,OAAO,MAAA;AAAA,EACT;AACA,EAAA,OAAO,QAAA;AACT;AAEA,SAAS,WAAW,KAAA,EAA4B;AAC9C,EAAA,IAAI,OAAO,aAAa,WAAA,EAAa;AAErC,EAAA,MAAM,OAAO,QAAA,CAAS,eAAA;AACtB,EAAA,IAAA,CAAK,SAAA,CAAU,MAAA,CAAO,OAAA,EAAS,MAAM,CAAA;AACrC,EAAA,IAAA,CAAK,SAAA,CAAU,IAAI,KAAK,CAAA;AACxB,EAAA,IAAA,CAAK,YAAA,CAAa,cAAc,KAAK,CAAA;AACvC;AAiBO,SAAS,QAAA,GAAW;AACzB,EAAA,MAAM,CAAC,KAAA,EAAO,aAAa,CAAA,GAAI,SAAgB,QAAQ,CAAA;AACvD,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAI,SAAwB,OAAO,CAAA;AAGzE,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,MAAM,SAAS,cAAA,EAAe;AAC9B,IAAA,aAAA,CAAc,MAAM,CAAA;AAEpB,IAAA,MAAM,QAAA,GAAW,MAAA,KAAW,QAAA,GAAW,cAAA,EAAe,GAAI,MAAA;AAC1D,IAAA,gBAAA,CAAiB,QAAQ,CAAA;AACzB,IAAA,UAAA,CAAW,QAAQ,CAAA;AAAA,EACrB,CAAA,EAAG,EAAE,CAAA;AAGL,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,UAAU,QAAA,EAAU;AAExB,IAAA,MAAM,UAAA,GAAa,MAAA,CAAO,UAAA,CAAW,8BAA8B,CAAA;AACnE,IAAA,MAAM,YAAA,GAAe,CAAC,CAAA,KAA2B;AAC/C,MAAA,MAAM,QAAA,GAAW,CAAA,CAAE,OAAA,GAAU,MAAA,GAAS,OAAA;AACtC,MAAA,gBAAA,CAAiB,QAAQ,CAAA;AACzB,MAAA,UAAA,CAAW,QAAQ,CAAA;AAAA,IACrB,CAAA;AAEA,IAAA,UAAA,CAAW,gBAAA,CAAiB,UAAU,YAAY,CAAA;AAClD,IAAA,OAAO,MAAM,UAAA,CAAW,mBAAA,CAAoB,QAAA,EAAU,YAAY,CAAA;AAAA,EACpE,CAAA,EAAG,CAAC,KAAK,CAAC,CAAA;AAEV,EAAA,MAAM,QAAA,GAAW,WAAA,CAAY,CAAC,QAAA,KAAoB;AAChD,IAAA,aAAA,CAAc,QAAQ,CAAA;AACtB,IAAA,YAAA,CAAa,OAAA,CAAQ,mBAAmB,QAAQ,CAAA;AAEhD,IAAA,MAAM,QAAA,GAAW,QAAA,KAAa,QAAA,GAAW,cAAA,EAAe,GAAI,QAAA;AAC5D,IAAA,gBAAA,CAAiB,QAAQ,CAAA;AACzB,IAAA,UAAA,CAAW,QAAQ,CAAA;AAAA,EACrB,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,OAAO;AAAA,IACL,KAAA;AAAA,IACA,QAAA;AAAA,IACA;AAAA,GACF;AACF","file":"chunk-KJZNEVYM.js","sourcesContent":["import { useState, useEffect, useCallback } from 'react';\n\nexport type Theme = 'light' | 'dark' | 'system';\nexport type ResolvedTheme = 'light' | 'dark';\n\nconst THEME_STORAGE_KEY = 'mieweb-ui-theme';\n\nfunction getSystemTheme(): ResolvedTheme {\n  if (typeof window === 'undefined') return 'light';\n  return window.matchMedia('(prefers-color-scheme: dark)').matches\n    ? 'dark'\n    : 'light';\n}\n\nfunction getStoredTheme(): Theme {\n  if (typeof window === 'undefined') return 'system';\n  const stored = localStorage.getItem(THEME_STORAGE_KEY);\n  if (stored === 'light' || stored === 'dark' || stored === 'system') {\n    return stored;\n  }\n  return 'system';\n}\n\nfunction applyTheme(theme: ResolvedTheme): void {\n  if (typeof document === 'undefined') return;\n\n  const root = document.documentElement;\n  root.classList.remove('light', 'dark');\n  root.classList.add(theme);\n  root.setAttribute('data-theme', theme);\n}\n\n/**\n * Hook for managing theme state with localStorage persistence and system preference support.\n *\n * @example\n * ```tsx\n * function ThemeToggle() {\n *   const { theme, setTheme, resolvedTheme } = useTheme();\n *   return (\n *     <button onClick={() => setTheme(resolvedTheme === 'dark' ? 'light' : 'dark')}>\n *       {resolvedTheme === 'dark' ? '☀️' : '🌙'}\n *     </button>\n *   );\n * }\n * ```\n */\nexport function useTheme() {\n  const [theme, setThemeState] = useState<Theme>('system');\n  const [resolvedTheme, setResolvedTheme] = useState<ResolvedTheme>('light');\n\n  // Initialize theme from storage\n  useEffect(() => {\n    const stored = getStoredTheme();\n    setThemeState(stored);\n\n    const resolved = stored === 'system' ? getSystemTheme() : stored;\n    setResolvedTheme(resolved);\n    applyTheme(resolved);\n  }, []);\n\n  // Listen for system theme changes\n  useEffect(() => {\n    if (theme !== 'system') return;\n\n    const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)');\n    const handleChange = (e: MediaQueryListEvent) => {\n      const newTheme = e.matches ? 'dark' : 'light';\n      setResolvedTheme(newTheme);\n      applyTheme(newTheme);\n    };\n\n    mediaQuery.addEventListener('change', handleChange);\n    return () => mediaQuery.removeEventListener('change', handleChange);\n  }, [theme]);\n\n  const setTheme = useCallback((newTheme: Theme) => {\n    setThemeState(newTheme);\n    localStorage.setItem(THEME_STORAGE_KEY, newTheme);\n\n    const resolved = newTheme === 'system' ? getSystemTheme() : newTheme;\n    setResolvedTheme(resolved);\n    applyTheme(resolved);\n  }, []);\n\n  return {\n    theme,\n    setTheme,\n    resolvedTheme,\n  };\n}\n"]}

package/dist/chunk-KMN7JX2X.cjs

@@ -0,0 +1,67 @@
+'use strict';
+
+// src/utils/date.ts
+function formatDateValue(value) {
+  const digits = value.replace(/\D/g, "").slice(0, 8);
+  if (digits.length === 0) return "";
+  if (digits.length <= 2) return digits;
+  if (digits.length <= 4) return `${digits.slice(0, 2)}/${digits.slice(2)}`;
+  return `${digits.slice(0, 2)}/${digits.slice(2, 4)}/${digits.slice(4)}`;
+}
+function parseDateValue(value) {
+  const digits = value.replace(/\D/g, "");
+  if (digits.length !== 8) return null;
+  const month = parseInt(digits.slice(0, 2), 10);
+  const day = parseInt(digits.slice(2, 4), 10);
+  const year = parseInt(digits.slice(4, 8), 10);
+  if (month < 1 || month > 12) return null;
+  if (day < 1 || day > 31) return null;
+  if (year < 1900 || year > 2100) return null;
+  const date = new Date(year, month - 1, day);
+  if (date.getMonth() !== month - 1 || date.getDate() !== day || date.getFullYear() !== year) {
+    return null;
+  }
+  return date;
+}
+function isValidDate(value) {
+  return parseDateValue(value) !== null;
+}
+function isDateEmpty(value) {
+  return value.replace(/\D/g, "").length === 0;
+}
+function calculateAge(dob) {
+  const birthDate = parseDateValue(dob);
+  if (!birthDate) return null;
+  const today = /* @__PURE__ */ new Date();
+  let age = today.getFullYear() - birthDate.getFullYear();
+  const monthDiff = today.getMonth() - birthDate.getMonth();
+  if (monthDiff < 0 || monthDiff === 0 && today.getDate() < birthDate.getDate()) {
+    age--;
+  }
+  return age;
+}
+function isValidDrivingAge(dob) {
+  const age = calculateAge(dob);
+  return age !== null && age >= 16;
+}
+function isDateInPast(value) {
+  const date = parseDateValue(value);
+  if (!date) return false;
+  return date < /* @__PURE__ */ new Date();
+}
+function isDateInFuture(value) {
+  const date = parseDateValue(value);
+  if (!date) return false;
+  return date > /* @__PURE__ */ new Date();
+}
+
+exports.calculateAge = calculateAge;
+exports.formatDateValue = formatDateValue;
+exports.isDateEmpty = isDateEmpty;
+exports.isDateInFuture = isDateInFuture;
+exports.isDateInPast = isDateInPast;
+exports.isValidDate = isValidDate;
+exports.isValidDrivingAge = isValidDrivingAge;
+exports.parseDateValue = parseDateValue;
+//# sourceMappingURL=chunk-KMN7JX2X.cjs.map
+//# sourceMappingURL=chunk-KMN7JX2X.cjs.map

package/dist/chunk-KMN7JX2X.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/date.ts"],"names":[],"mappings":"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","file":"chunk-KMN7JX2X.cjs","sourcesContent":["/**\n * Date formatting and validation utilities\n */\n\n/**\n * Formats a date string to MM/DD/YYYY format\n */\nexport function formatDateValue(value: string): string {\n  const digits = value.replace(/\\D/g, '').slice(0, 8);\n  if (digits.length === 0) return '';\n  if (digits.length <= 2) return digits;\n  if (digits.length <= 4) return `${digits.slice(0, 2)}/${digits.slice(2)}`;\n  return `${digits.slice(0, 2)}/${digits.slice(2, 4)}/${digits.slice(4)}`;\n}\n\n/**\n * Parses a date string (MM/DD/YYYY) to a Date object\n * Returns null if the date is invalid\n */\nexport function parseDateValue(value: string): Date | null {\n  const digits = value.replace(/\\D/g, '');\n  if (digits.length !== 8) return null;\n\n  const month = parseInt(digits.slice(0, 2), 10);\n  const day = parseInt(digits.slice(2, 4), 10);\n  const year = parseInt(digits.slice(4, 8), 10);\n\n  if (month < 1 || month > 12) return null;\n  if (day < 1 || day > 31) return null;\n  if (year < 1900 || year > 2100) return null;\n\n  const date = new Date(year, month - 1, day);\n\n  // Verify the date is valid (handles edge cases like Feb 30)\n  if (\n    date.getMonth() !== month - 1 ||\n    date.getDate() !== day ||\n    date.getFullYear() !== year\n  ) {\n    return null;\n  }\n\n  return date;\n}\n\n/**\n * Validates if a date string is a valid date\n */\nexport function isValidDate(value: string): boolean {\n  return parseDateValue(value) !== null;\n}\n\n/**\n * Checks if a date string is empty\n */\nexport function isDateEmpty(value: string): boolean {\n  return value.replace(/\\D/g, '').length === 0;\n}\n\n/**\n * Calculates age from a date of birth string (MM/DD/YYYY)\n * Returns null if the date is invalid\n */\nexport function calculateAge(dob: string): number | null {\n  const birthDate = parseDateValue(dob);\n  if (!birthDate) return null;\n\n  const today = new Date();\n  let age = today.getFullYear() - birthDate.getFullYear();\n  const monthDiff = today.getMonth() - birthDate.getMonth();\n\n  if (\n    monthDiff < 0 ||\n    (monthDiff === 0 && today.getDate() < birthDate.getDate())\n  ) {\n    age--;\n  }\n\n  return age;\n}\n\n/**\n * Checks if a date of birth represents a valid driving age (16+)\n */\nexport function isValidDrivingAge(dob: string): boolean {\n  const age = calculateAge(dob);\n  return age !== null && age >= 16;\n}\n\n/**\n * Checks if a date is in the past\n */\nexport function isDateInPast(value: string): boolean {\n  const date = parseDateValue(value);\n  if (!date) return false;\n  return date < new Date();\n}\n\n/**\n * Checks if a date is in the future\n */\nexport function isDateInFuture(value: string): boolean {\n  const date = parseDateValue(value);\n  if (!date) return false;\n  return date > new Date();\n}\n"]}