@compa11y/react 0.1.2 → 0.1.3

package/dist/index.js

@@ -1,3408 +1 @@
-export { DialogCompound as Dialog, DialogActions, Dialog as DialogBase, DialogClose, DialogContent, DialogDescription, DialogTitle, DialogTrigger, useDialogContext, useFocusTrap, useFocusTrapControls } from './chunk-O3YYQZ5O.js';
-export { ActionMenuCompound as ActionMenu, ActionMenu as ActionMenuBase, ActionMenuContent, ActionMenuItem, ActionMenuLabel, ActionMenuSeparator, ActionMenuTrigger, useActionMenuContext } from './chunk-C7QK2I7H.js';
-export { Tab, TabList, TabPanel, TabsCompound as Tabs, Tabs as TabsBase, useTabsContext } from './chunk-E265U2RK.js';
-export { ToastProvider, ToastViewport, useToast, useToastHelpers } from './chunk-E4XJRXWM.js';
-export { ComboboxCompound as Combobox, Combobox as ComboboxBase, ComboboxInput, ComboboxListbox, ComboboxOption } from './chunk-2S4C6FGA.js';
-import { useAnnouncer } from './chunk-OND5B7UG.js';
-export { useAnnounceLoading, useAnnounceOnChange, useAnnouncer } from './chunk-OND5B7UG.js';
-import { useTypeAhead, useKeyboard } from './chunk-JXYOE7SH.js';
-export { useGridKeyboard, useKeyPressed, useKeyboard, useMenuKeyboard, useTabsKeyboard, useTypeAhead } from './chunk-JXYOE7SH.js';
-import { useId } from './chunk-WURPAE3R.js';
-export { useId, useIdScope, useIds } from './chunk-WURPAE3R.js';
-import { createContext, forwardRef, useCallback, useRef, useState, useEffect, useLayoutEffect, useMemo, useContext, Children } from 'react';
-import { createComponentWarnings, initFocusVisible, isFocusVisible, focusWithVisibleRing } from '@compa11y/core';
-export { announce, announceAssertive, announceError, announcePolite, announceProgress, announceStatus, aria, buildAriaProps, checks, createComponentWarnings, hasAccessibleName, isAndroid, isBrowser, isIOS, isMac, mergeAriaIds, prefersDarkMode, prefersHighContrast, prefersReducedMotion, setWarningHandler, warn } from '@compa11y/core';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-
-function useFocusVisible() {
-  const [isFocusVisible$1, setIsFocusVisible] = useState(false);
-  useEffect(() => {
-    const cleanup = initFocusVisible();
-    return cleanup;
-  }, []);
-  const handleFocus = useCallback(() => {
-    setIsFocusVisible(isFocusVisible());
-  }, []);
-  const handleBlur = useCallback(() => {
-    setIsFocusVisible(false);
-  }, []);
-  return {
-    isFocusVisible: isFocusVisible$1,
-    focusProps: {
-      onFocus: handleFocus,
-      onBlur: handleBlur
-    }
-  };
-}
-function useFocusManager(options = {}) {
-  const {
-    autoFocus = false,
-    restoreFocus = false,
-    focusVisible = true
-  } = options;
-  const elementRef = useCallback(
-    (node) => {
-      if (node && autoFocus) {
-        requestAnimationFrame(() => {
-          if (focusVisible) {
-            focusWithVisibleRing(node);
-          } else {
-            node.focus();
-          }
-        });
-      }
-    },
-    [autoFocus, focusVisible]
-  );
-  useEffect(() => {
-    if (!restoreFocus) return;
-    const previousElement = document.activeElement;
-    return () => {
-      if (previousElement && previousElement.focus) {
-        previousElement.focus();
-      }
-    };
-  }, [restoreFocus]);
-  return elementRef;
-}
-function useFocusControl() {
-  const elementRef = useCallback((_node) => {
-  }, []);
-  const focus = useCallback((options) => {
-    const element = elementRef;
-    if (element.current) {
-      if (options?.visible) {
-        focusWithVisibleRing(element.current);
-      } else {
-        element.current.focus();
-      }
-    }
-  }, []);
-  return { ref: elementRef, focus };
-}
-function useFocusWithin() {
-  const [hasFocus, setHasFocus] = useState(false);
-  const containerRef = useCallback((_node) => {
-  }, []);
-  const handleFocusIn = useCallback(() => {
-    setHasFocus(true);
-  }, []);
-  const handleFocusOut = useCallback((event) => {
-    const container = event.currentTarget;
-    const relatedTarget = event.relatedTarget;
-    if (!relatedTarget || !container.contains(relatedTarget)) {
-      setHasFocus(false);
-    }
-  }, []);
-  return {
-    ref: containerRef,
-    hasFocus,
-    focusWithinProps: {
-      onFocus: handleFocusIn,
-      onBlur: handleFocusOut
-    }
-  };
-}
-function useRovingTabindex(options) {
-  const {
-    itemCount,
-    initialIndex = 0,
-    wrap = true,
-    orientation = "both",
-    onChange
-  } = options;
-  const [activeIndex, setActiveIndex] = useState(initialIndex);
-  const itemRefs = useRef([]);
-  useEffect(() => {
-    if (activeIndex >= itemCount) {
-      setActiveIndex(Math.max(0, itemCount - 1));
-    }
-  }, [itemCount, activeIndex]);
-  const moveTo = useCallback(
-    (index) => {
-      let newIndex = index;
-      if (newIndex < 0) {
-        newIndex = wrap ? itemCount - 1 : 0;
-      } else if (newIndex >= itemCount) {
-        newIndex = wrap ? 0 : itemCount - 1;
-      }
-      setActiveIndex(newIndex);
-      onChange?.(newIndex);
-      const element = itemRefs.current[newIndex];
-      element?.focus();
-    },
-    [itemCount, wrap, onChange]
-  );
-  const handleKeyDown = useCallback(
-    (event, index) => {
-      let handled = false;
-      switch (event.key) {
-        case "ArrowRight":
-          if (orientation === "horizontal" || orientation === "both") {
-            moveTo(index + 1);
-            handled = true;
-          }
-          break;
-        case "ArrowLeft":
-          if (orientation === "horizontal" || orientation === "both") {
-            moveTo(index - 1);
-            handled = true;
-          }
-          break;
-        case "ArrowDown":
-          if (orientation === "vertical" || orientation === "both") {
-            moveTo(index + 1);
-            handled = true;
-          }
-          break;
-        case "ArrowUp":
-          if (orientation === "vertical" || orientation === "both") {
-            moveTo(index - 1);
-            handled = true;
-          }
-          break;
-        case "Home":
-          moveTo(0);
-          handled = true;
-          break;
-        case "End":
-          moveTo(itemCount - 1);
-          handled = true;
-          break;
-      }
-      if (handled) {
-        event.preventDefault();
-        event.stopPropagation();
-      }
-    },
-    [orientation, moveTo, itemCount]
-  );
-  const getItemProps = useCallback(
-    (index) => ({
-      ref: (el) => {
-        itemRefs.current[index] = el;
-      },
-      tabIndex: index === activeIndex ? 0 : -1,
-      onKeyDown: (event) => handleKeyDown(event, index),
-      onFocus: () => {
-        if (index !== activeIndex) {
-          setActiveIndex(index);
-          onChange?.(index);
-        }
-      }
-    }),
-    [activeIndex, handleKeyDown, onChange]
-  );
-  return {
-    activeIndex,
-    setActiveIndex: moveTo,
-    getItemProps,
-    first: () => moveTo(0),
-    last: () => moveTo(itemCount - 1),
-    next: () => moveTo(activeIndex + 1),
-    previous: () => moveTo(activeIndex - 1)
-  };
-}
-function useRovingTabindexMap(ids, options = {}) {
-  const roving = useRovingTabindex({
-    ...options,
-    itemCount: ids.length
-  });
-  const getItemProps = useCallback(
-    (id) => {
-      const index = ids.indexOf(id);
-      if (index === -1) {
-        throw new Error(`Unknown item ID: ${id}`);
-      }
-      return roving.getItemProps(index);
-    },
-    [ids, roving]
-  );
-  const activeId = ids[roving.activeIndex];
-  return {
-    ...roving,
-    activeId,
-    getItemProps,
-    setActiveId: (id) => {
-      const index = ids.indexOf(id);
-      if (index !== -1) {
-        roving.setActiveIndex(index);
-      }
-    }
-  };
-}
-var warnings = createComponentWarnings("Select");
-var SelectContext = createContext(null);
-function useSelectContext() {
-  const context = useContext(SelectContext);
-  if (!context) {
-    throw new Error(
-      "Select compound components must be used within a Select component"
-    );
-  }
-  return context;
-}
-function findNextEnabledIndex(options, currentIndex, direction) {
-  const length = options.length;
-  let index = currentIndex + direction;
-  if (index < 0) index = length - 1;
-  if (index >= length) index = 0;
-  const startIndex = index;
-  while (options[index]?.disabled) {
-    index += direction;
-    if (index < 0) index = length - 1;
-    if (index >= length) index = 0;
-    if (index === startIndex) return -1;
-  }
-  return index;
-}
-function findFirstEnabledIndex(options) {
-  return options.findIndex((o) => !o.disabled);
-}
-function findLastEnabledIndex(options) {
-  for (let i = options.length - 1; i >= 0; i--) {
-    if (!options[i]?.disabled) return i;
-  }
-  return -1;
-}
-function Select({
-  options,
-  value: controlledValue,
-  defaultValue,
-  onValueChange,
-  disabled = false,
-  placeholder = "Select an option...",
-  "aria-label": ariaLabel,
-  "aria-labelledby": ariaLabelledBy,
-  children
-}) {
-  const [uncontrolledValue, setUncontrolledValue] = useState(
-    defaultValue ?? null
-  );
-  const [isOpen, setIsOpen] = useState(false);
-  const [highlightedIndex, setHighlightedIndex] = useState(-1);
-  const triggerRef = useRef(null);
-  const selectedValue = controlledValue !== void 0 ? controlledValue : uncontrolledValue;
-  const triggerId = useId("select-trigger");
-  const listboxId = useId("select-listbox");
-  const baseOptionId = useId("select-option");
-  const setSelectedValue = useCallback(
-    (value) => {
-      if (controlledValue === void 0) {
-        setUncontrolledValue(value);
-      }
-      onValueChange?.(value);
-    },
-    [controlledValue, onValueChange]
-  );
-  const getOptionId = useCallback(
-    (index) => `${baseOptionId}-${index}`,
-    [baseOptionId]
-  );
-  const onSelect = useCallback(
-    (option) => {
-      setSelectedValue(option.value);
-      setIsOpen(false);
-      setHighlightedIndex(-1);
-      triggerRef.current?.focus();
-    },
-    [setSelectedValue]
-  );
-  useEffect(() => {
-    if (!ariaLabel && !ariaLabelledBy) {
-      warnings.warning(
-        "Select has no accessible label.",
-        "Add aria-label or aria-labelledby prop."
-      );
-    }
-  }, [ariaLabel, ariaLabelledBy]);
-  const contextValue = {
-    selectedValue,
-    setSelectedValue,
-    isOpen,
-    setIsOpen,
-    highlightedIndex,
-    setHighlightedIndex,
-    options,
-    triggerId,
-    listboxId,
-    getOptionId,
-    onSelect,
-    triggerRef,
-    placeholder,
-    disabled
-  };
-  return /* @__PURE__ */ jsx(SelectContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx("div", { "data-compa11y-select": true, "data-disabled": disabled || void 0, children }) });
-}
-var SelectTrigger = forwardRef(
-  function SelectTrigger2({ onKeyDown, onClick, onBlur, ...props }, forwardedRef) {
-    const {
-      selectedValue,
-      isOpen,
-      setIsOpen,
-      highlightedIndex,
-      setHighlightedIndex,
-      options,
-      triggerId,
-      listboxId,
-      getOptionId,
-      onSelect,
-      triggerRef,
-      placeholder,
-      disabled
-    } = useSelectContext();
-    const { announce: announce2 } = useAnnouncer();
-    const typeAheadProps = useTypeAhead(
-      options.map((o) => o.label),
-      (match) => {
-        const index = options.findIndex(
-          (o) => o.label === match && !o.disabled
-        );
-        if (index >= 0) {
-          if (!isOpen) {
-            setIsOpen(true);
-          }
-          setHighlightedIndex(index);
-        }
-      },
-      { disabled }
-    );
-    const openAndHighlight = useCallback(
-      (preferLast = false) => {
-        setIsOpen(true);
-        const selectedIndex = options.findIndex(
-          (o) => o.value === selectedValue
-        );
-        if (selectedIndex >= 0) {
-          setHighlightedIndex(selectedIndex);
-        } else {
-          setHighlightedIndex(
-            preferLast ? findLastEnabledIndex(options) : findFirstEnabledIndex(options)
-          );
-        }
-      },
-      [options, selectedValue, setIsOpen, setHighlightedIndex]
-    );
-    const keyboardProps = useKeyboard(
-      {
-        ArrowDown: () => {
-          if (!isOpen) {
-            openAndHighlight();
-          } else {
-            const next = findNextEnabledIndex(options, highlightedIndex, 1);
-            if (next >= 0) setHighlightedIndex(next);
-          }
-        },
-        ArrowUp: () => {
-          if (!isOpen) {
-            openAndHighlight(true);
-          } else {
-            const prev = findNextEnabledIndex(options, highlightedIndex, -1);
-            if (prev >= 0) setHighlightedIndex(prev);
-          }
-        },
-        Enter: () => {
-          if (isOpen && highlightedIndex >= 0) {
-            const option = options[highlightedIndex];
-            if (option && !option.disabled) {
-              onSelect(option);
-              announce2(`${option.label} selected`);
-            }
-          } else if (!isOpen) {
-            openAndHighlight();
-          }
-        },
-        " ": () => {
-          if (isOpen && highlightedIndex >= 0) {
-            const option = options[highlightedIndex];
-            if (option && !option.disabled) {
-              onSelect(option);
-              announce2(`${option.label} selected`);
-            }
-          } else if (!isOpen) {
-            openAndHighlight();
-          }
-        },
-        Escape: () => {
-          if (isOpen) {
-            setIsOpen(false);
-            setHighlightedIndex(-1);
-          }
-        },
-        Home: () => {
-          if (isOpen) {
-            setHighlightedIndex(findFirstEnabledIndex(options));
-          }
-        },
-        End: () => {
-          if (isOpen) {
-            setHighlightedIndex(findLastEnabledIndex(options));
-          }
-        },
-        Tab: () => {
-          if (isOpen) {
-            setIsOpen(false);
-            setHighlightedIndex(-1);
-          }
-          return false;
-        }
-      },
-      { preventDefault: true, stopPropagation: false }
-    );
-    const handleKeyDown = (event) => {
-      onKeyDown?.(event);
-      if (!event.defaultPrevented) {
-        keyboardProps.onKeyDown(event);
-      }
-      if (!event.defaultPrevented) {
-        typeAheadProps.onKeyDown(event);
-      }
-    };
-    const handleClick = (event) => {
-      onClick?.(event);
-      if (!event.defaultPrevented && !disabled) {
-        if (isOpen) {
-          setIsOpen(false);
-          setHighlightedIndex(-1);
-        } else {
-          openAndHighlight();
-        }
-      }
-    };
-    const handleBlur = (event) => {
-      onBlur?.(event);
-      setTimeout(() => {
-        setIsOpen(false);
-        setHighlightedIndex(-1);
-      }, 150);
-    };
-    const activeDescendant = isOpen && highlightedIndex >= 0 ? getOptionId(highlightedIndex) : void 0;
-    const selectedOption = options.find((o) => o.value === selectedValue);
-    const displayText = selectedOption?.label ?? placeholder;
-    const setRefs = useCallback(
-      (node) => {
-        triggerRef.current = node;
-        if (typeof forwardedRef === "function") {
-          forwardedRef(node);
-        } else if (forwardedRef) {
-          forwardedRef.current = node;
-        }
-      },
-      [forwardedRef, triggerRef]
-    );
-    return /* @__PURE__ */ jsxs(
-      "button",
-      {
-        ref: setRefs,
-        id: triggerId,
-        type: "button",
-        role: "combobox",
-        "aria-expanded": isOpen,
-        "aria-controls": listboxId,
-        "aria-haspopup": "listbox",
-        "aria-activedescendant": activeDescendant,
-        disabled,
-        onKeyDown: handleKeyDown,
-        onClick: handleClick,
-        onBlur: handleBlur,
-        "data-compa11y-select-trigger": true,
-        "data-placeholder": !selectedOption || void 0,
-        ...props,
-        children: [
-          /* @__PURE__ */ jsx("span", { "data-compa11y-select-value": true, children: displayText }),
-          /* @__PURE__ */ jsx("span", { "aria-hidden": "true", "data-compa11y-select-chevron": true, children: "\u25BC" })
-        ]
-      }
-    );
-  }
-);
-var SelectListbox = forwardRef(
-  function SelectListbox2({ children, style, ...props }, forwardedRef) {
-    const { isOpen, options, listboxId, triggerId } = useSelectContext();
-    const { announce: announce2 } = useAnnouncer();
-    const internalRef = useRef(null);
-    const [position, setPosition] = useState("bottom");
-    useEffect(() => {
-      if (isOpen) {
-        announce2(
-          `${options.length} option${options.length === 1 ? "" : "s"} available`
-        );
-      }
-    }, [isOpen, options.length, announce2]);
-    useLayoutEffect(() => {
-      if (isOpen && internalRef.current) {
-        const listbox = internalRef.current;
-        const rect = listbox.getBoundingClientRect();
-        const viewportHeight = window.innerHeight;
-        const spaceBelow = viewportHeight - rect.top;
-        const spaceAbove = rect.top;
-        const listboxHeight = Math.min(rect.height, 200);
-        if (spaceBelow < listboxHeight + 50 && spaceAbove > spaceBelow) {
-          setPosition("top");
-        } else {
-          setPosition("bottom");
-        }
-      }
-    }, [isOpen]);
-    const handleMouseDown = (event) => {
-      event.preventDefault();
-    };
-    const setRefs = useCallback(
-      (node) => {
-        internalRef.current = node;
-        if (typeof forwardedRef === "function") {
-          forwardedRef(node);
-        } else if (forwardedRef) {
-          forwardedRef.current = node;
-        }
-      },
-      [forwardedRef]
-    );
-    if (!isOpen) {
-      return null;
-    }
-    const positionStyle = position === "top" ? { bottom: "100%", top: "auto", marginBottom: "4px", marginTop: 0 } : {};
-    return /* @__PURE__ */ jsx(
-      "ul",
-      {
-        ref: setRefs,
-        id: listboxId,
-        role: "listbox",
-        "aria-labelledby": triggerId,
-        style: { ...style, ...positionStyle },
-        onMouseDown: handleMouseDown,
-        "data-compa11y-select-listbox": true,
-        "data-position": position,
-        ...props,
-        children: children ?? options.map((option, index) => /* @__PURE__ */ jsx(
-          SelectOptionItem,
-          {
-            option,
-            index
-          },
-          option.value
-        ))
-      }
-    );
-  }
-);
-var SelectOptionItem = forwardRef(
-  function SelectOptionItem2({ option, index, onClick, onMouseEnter, ...props }, forwardedRef) {
-    const {
-      selectedValue,
-      highlightedIndex,
-      setHighlightedIndex,
-      getOptionId,
-      onSelect
-    } = useSelectContext();
-    const { announce: announce2 } = useAnnouncer();
-    const internalRef = useRef(null);
-    const isSelected = selectedValue === option.value;
-    const isHighlighted = highlightedIndex === index;
-    const optionId = getOptionId(index);
-    useEffect(() => {
-      if (isHighlighted && internalRef.current) {
-        internalRef.current.scrollIntoView({
-          block: "nearest",
-          behavior: "smooth"
-        });
-      }
-    }, [isHighlighted]);
-    const handleClick = (event) => {
-      onClick?.(event);
-      if (!event.defaultPrevented && !option.disabled) {
-        onSelect(option);
-        announce2(`${option.label} selected`);
-      }
-    };
-    const handleMouseEnter = (event) => {
-      onMouseEnter?.(event);
-      if (!option.disabled) {
-        setHighlightedIndex(index);
-      }
-    };
-    const setRefs = useCallback(
-      (node) => {
-        internalRef.current = node;
-        if (typeof forwardedRef === "function") {
-          forwardedRef(node);
-        } else if (forwardedRef) {
-          forwardedRef.current = node;
-        }
-      },
-      [forwardedRef]
-    );
-    return /* @__PURE__ */ jsxs(
-      "li",
-      {
-        ref: setRefs,
-        id: optionId,
-        role: "option",
-        "aria-selected": isSelected,
-        "aria-disabled": option.disabled,
-        "data-highlighted": isHighlighted,
-        "data-selected": isSelected,
-        "data-disabled": option.disabled,
-        onClick: handleClick,
-        onMouseEnter: handleMouseEnter,
-        "data-compa11y-select-option": true,
-        ...props,
-        children: [
-          /* @__PURE__ */ jsx("span", { "data-compa11y-select-option-text": true, children: option.label }),
-          isSelected && /* @__PURE__ */ jsx("span", { "aria-hidden": "true", "data-compa11y-select-check": true, children: "\u2713" })
-        ]
-      }
-    );
-  }
-);
-var SelectCompound = Object.assign(Select, {
-  Trigger: SelectTrigger,
-  Listbox: SelectListbox,
-  Option: SelectOptionItem
-});
-var warnings2 = createComponentWarnings("Checkbox");
-var CheckmarkIcon = () => /* @__PURE__ */ jsx(
-  "svg",
-  {
-    width: "12",
-    height: "12",
-    viewBox: "0 0 12 12",
-    fill: "none",
-    "aria-hidden": "true",
-    style: { display: "block" },
-    children: /* @__PURE__ */ jsx(
-      "path",
-      {
-        d: "M2.5 6L5 8.5L9.5 3.5",
-        stroke: "currentColor",
-        strokeWidth: "2",
-        strokeLinecap: "round",
-        strokeLinejoin: "round"
-      }
-    )
-  }
-);
-var IndeterminateIcon = () => /* @__PURE__ */ jsx(
-  "svg",
-  {
-    width: "12",
-    height: "12",
-    viewBox: "0 0 12 12",
-    fill: "none",
-    "aria-hidden": "true",
-    style: { display: "block" },
-    children: /* @__PURE__ */ jsx(
-      "path",
-      {
-        d: "M3 6H9",
-        stroke: "currentColor",
-        strokeWidth: "2",
-        strokeLinecap: "round"
-      }
-    )
-  }
-);
-var CheckboxGroupContext = createContext(
-  null
-);
-function useCheckboxGroupContext() {
-  return useContext(CheckboxGroupContext);
-}
-var CheckboxGroup = forwardRef(
-  function CheckboxGroup2({
-    value: controlledValue,
-    defaultValue = [],
-    onValueChange,
-    disabled = false,
-    legend,
-    error,
-    orientation = "vertical",
-    name: providedName,
-    unstyled = false,
-    className = "",
-    children,
-    "aria-label": ariaLabel,
-    "aria-labelledby": ariaLabelledBy
-  }, ref) {
-    const generatedName = useId("checkbox-group");
-    const name = providedName || generatedName;
-    const errorId = useId("checkbox-group-error");
-    const [uncontrolledValue, setUncontrolledValue] = useState(defaultValue);
-    const isControlled = controlledValue !== void 0;
-    const value = isControlled ? controlledValue : uncontrolledValue;
-    useEffect(() => {
-      if (!legend && !ariaLabel && !ariaLabelledBy) {
-        warnings2.warning(
-          "CheckboxGroup has no accessible label. Screen readers need this to identify the group.",
-          'Add legend="...", aria-label="...", or aria-labelledby="..."'
-        );
-      }
-    }, [legend, ariaLabel, ariaLabelledBy]);
-    const handleCheckboxChange = useCallback(
-      (checkboxValue, checked) => {
-        const currentValue = isControlled ? controlledValue : uncontrolledValue;
-        const newValue = checked ? [...currentValue, checkboxValue] : currentValue.filter((v) => v !== checkboxValue);
-        if (!isControlled) {
-          setUncontrolledValue(newValue);
-        }
-        onValueChange?.(newValue);
-      },
-      [isControlled, controlledValue, uncontrolledValue, onValueChange]
-    );
-    const contextValue = {
-      name,
-      value,
-      disabled,
-      unstyled,
-      onCheckboxChange: handleCheckboxChange
-    };
-    const hasError = Boolean(error);
-    const fieldsetStyle = {
-      border: "none",
-      margin: 0,
-      padding: 0,
-      minWidth: 0
-    };
-    const legendStyle = unstyled ? { padding: 0, marginBottom: "0.5rem" } : {
-      padding: 0,
-      marginBottom: "0.5rem",
-      fontWeight: 600
-    };
-    const itemsStyle = {
-      display: "flex",
-      flexDirection: orientation === "horizontal" ? "row" : "column",
-      flexWrap: orientation === "horizontal" ? "wrap" : void 0,
-      gap: "var(--compa11y-checkbox-group-gap, 0.75rem)"
-    };
-    const errorStyle = unstyled ? { marginTop: "0.25rem" } : {
-      color: "var(--compa11y-checkbox-group-error-color, #ef4444)",
-      fontSize: "0.8125rem",
-      marginTop: "0.25rem"
-    };
-    return /* @__PURE__ */ jsx(CheckboxGroupContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxs(
-      "fieldset",
-      {
-        ref,
-        className,
-        "aria-label": ariaLabel,
-        "aria-labelledby": ariaLabelledBy,
-        "aria-describedby": hasError ? errorId : void 0,
-        disabled,
-        "data-compa11y-checkbox-group": "",
-        "data-orientation": orientation,
-        "data-disabled": disabled ? "true" : void 0,
-        style: fieldsetStyle,
-        children: [
-          legend && /* @__PURE__ */ jsx(
-            "legend",
-            {
-              "data-compa11y-checkbox-group-legend": "",
-              style: legendStyle,
-              children: legend
-            }
-          ),
-          /* @__PURE__ */ jsx("div", { style: itemsStyle, children }),
-          hasError && /* @__PURE__ */ jsx(
-            "div",
-            {
-              id: errorId,
-              role: "alert",
-              "data-compa11y-checkbox-group-error": "",
-              style: errorStyle,
-              children: error
-            }
-          )
-        ]
-      }
-    ) });
-  }
-);
-CheckboxGroup.displayName = "CheckboxGroup";
-var Checkbox = forwardRef(
-  function Checkbox2({
-    checked: controlledChecked,
-    defaultChecked = false,
-    onCheckedChange,
-    indeterminate = false,
-    label,
-    hint,
-    error,
-    disabled: localDisabled = false,
-    value,
-    required = false,
-    unstyled: localUnstyled,
-    className = "",
-    size = "md",
-    name: localName,
-    "aria-label": ariaLabel,
-    "aria-labelledby": ariaLabelledBy,
-    "aria-describedby": externalDescribedBy,
-    onClick,
-    onFocus,
-    onBlur,
-    ...props
-  }, ref) {
-    const groupContext = useCheckboxGroupContext();
-    const id = useId("checkbox");
-    const fieldId = `${id}-input`;
-    const labelId = `${id}-label`;
-    const hintId = `${id}-hint`;
-    const errorId = `${id}-error`;
-    const { announce: announce2 } = useAnnouncer();
-    const { isFocusVisible, focusProps } = useFocusVisible();
-    const isInGroup = groupContext !== null;
-    const disabled = isInGroup ? groupContext.disabled || localDisabled : localDisabled;
-    const unstyled = localUnstyled ?? (isInGroup ? groupContext.unstyled : false);
-    const name = isInGroup ? groupContext.name : localName;
-    const [uncontrolledChecked, setUncontrolledChecked] = useState(defaultChecked);
-    const checked = isInGroup ? groupContext.value.includes(value || "") : controlledChecked !== void 0 ? controlledChecked : uncontrolledChecked;
-    const inputRef = useRef(null);
-    const mergedRef = useCallback(
-      (node) => {
-        inputRef.current = node;
-        if (typeof ref === "function") {
-          ref(node);
-        } else if (ref) {
-          ref.current = node;
-        }
-      },
-      [ref]
-    );
-    useEffect(() => {
-      if (inputRef.current) {
-        inputRef.current.indeterminate = indeterminate;
-      }
-    }, [indeterminate]);
-    useEffect(() => {
-      if (!label && !ariaLabel && !ariaLabelledBy) {
-        warnings2.warning(
-          "Checkbox has no accessible label. Screen readers need this to identify the checkbox.",
-          'Add label="...", aria-label="...", or aria-labelledby="..."'
-        );
-      }
-    }, [label, ariaLabel, ariaLabelledBy]);
-    const handleChange = useCallback(
-      (event) => {
-        const newChecked = event.target.checked;
-        if (isInGroup) {
-          groupContext.onCheckboxChange(value || "", newChecked);
-        } else {
-          if (controlledChecked === void 0) {
-            setUncontrolledChecked(newChecked);
-          }
-          onCheckedChange?.(newChecked);
-        }
-        const labelText = typeof label === "string" ? label : ariaLabel || "Checkbox";
-        announce2(`${labelText} ${newChecked ? "checked" : "unchecked"}`);
-      },
-      [
-        isInGroup,
-        groupContext,
-        value,
-        controlledChecked,
-        onCheckedChange,
-        label,
-        ariaLabel,
-        announce2
-      ]
-    );
-    const handleFocus = useCallback(
-      (event) => {
-        focusProps.onFocus();
-        onFocus?.(event);
-      },
-      [focusProps, onFocus]
-    );
-    const handleBlur = useCallback(
-      (event) => {
-        focusProps.onBlur();
-        onBlur?.(event);
-      },
-      [focusProps, onBlur]
-    );
-    const hasLabel = Boolean(label);
-    const hasHint = Boolean(hint);
-    const hasError = Boolean(error);
-    const describedByParts = [];
-    if (externalDescribedBy) describedByParts.push(externalDescribedBy);
-    if (hasHint) describedByParts.push(hintId);
-    if (hasError) describedByParts.push(errorId);
-    const describedBy = describedByParts.length ? describedByParts.join(" ") : void 0;
-    const sizes = {
-      sm: { box: 16 },
-      md: { box: 20 },
-      lg: { box: 24 }
-    };
-    const sizeConfig = sizes[size];
-    const wrapperStyle = {
-      display: "inline-flex",
-      alignItems: "flex-start",
-      gap: "0.5rem",
-      cursor: disabled ? "not-allowed" : "pointer",
-      userSelect: "none",
-      ...disabled && !unstyled ? { opacity: 0.5 } : {}
-    };
-    const controlStyle = {
-      position: "relative",
-      display: "inline-flex",
-      alignItems: "center",
-      justifyContent: "center",
-      flexShrink: 0
-    };
-    const hiddenInputStyle = {
-      position: "absolute",
-      opacity: 0,
-      width: "100%",
-      height: "100%",
-      margin: 0,
-      cursor: "inherit",
-      zIndex: 1
-    };
-    const indicatorStyle = unstyled ? {} : {
-      width: sizeConfig.box,
-      height: sizeConfig.box,
-      minWidth: 24,
-      minHeight: 24,
-      border: checked || indeterminate ? "var(--compa11y-checkbox-checked-border, 2px solid #0066cc)" : "var(--compa11y-checkbox-border, 2px solid #666)",
-      borderRadius: "var(--compa11y-checkbox-radius, 3px)",
-      background: checked || indeterminate ? "var(--compa11y-checkbox-checked-bg, #0066cc)" : "var(--compa11y-checkbox-bg, white)",
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "center",
-      flexShrink: 0,
-      transition: "all 0.15s ease",
-      pointerEvents: "none",
-      color: "var(--compa11y-checkbox-check-color, white)",
-      ...isFocusVisible ? {
-        outline: "2px solid var(--compa11y-focus-color, #0066cc)",
-        outlineOffset: "2px"
-      } : {}
-    };
-    const contentStyle = {
-      display: "flex",
-      flexDirection: "column",
-      gap: "0.125rem",
-      paddingTop: "0.125rem"
-    };
-    const labelStyle = unstyled ? { cursor: "inherit" } : {
-      cursor: "inherit",
-      color: "var(--compa11y-checkbox-label-color, inherit)"
-    };
-    const hintStyle = unstyled ? {} : {
-      color: "var(--compa11y-checkbox-hint-color, #666)",
-      fontSize: "0.8125rem"
-    };
-    const errorStyles = unstyled ? {} : {
-      color: "var(--compa11y-checkbox-error-color, #ef4444)",
-      fontSize: "0.8125rem"
-    };
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        className,
-        "data-compa11y-checkbox": "",
-        "data-checked": checked ? "true" : "false",
-        "data-indeterminate": indeterminate ? "true" : void 0,
-        "data-disabled": disabled ? "true" : void 0,
-        "data-size": size,
-        style: wrapperStyle,
-        children: [
-          /* @__PURE__ */ jsxs("div", { style: controlStyle, children: [
-            /* @__PURE__ */ jsx(
-              "input",
-              {
-                ref: mergedRef,
-                type: "checkbox",
-                id: fieldId,
-                name,
-                value,
-                checked,
-                onChange: handleChange,
-                onClick,
-                onFocus: handleFocus,
-                onBlur: handleBlur,
-                disabled,
-                required,
-                "aria-required": required || void 0,
-                "aria-invalid": hasError || void 0,
-                "aria-label": !hasLabel && !ariaLabelledBy ? ariaLabel : void 0,
-                "aria-labelledby": ariaLabelledBy || (hasLabel ? labelId : void 0),
-                "aria-describedby": describedBy,
-                "aria-checked": indeterminate ? "mixed" : checked,
-                tabIndex: disabled ? -1 : 0,
-                style: hiddenInputStyle,
-                ...props
-              }
-            ),
-            !unstyled && /* @__PURE__ */ jsxs(
-              "div",
-              {
-                "data-compa11y-checkbox-indicator": "",
-                "aria-hidden": "true",
-                style: indicatorStyle,
-                children: [
-                  checked && !indeterminate && /* @__PURE__ */ jsx(CheckmarkIcon, {}),
-                  indeterminate && /* @__PURE__ */ jsx(IndeterminateIcon, {})
-                ]
-              }
-            )
-          ] }),
-          (hasLabel || hasHint || hasError) && /* @__PURE__ */ jsxs("div", { style: contentStyle, children: [
-            hasLabel && /* @__PURE__ */ jsxs(
-              "label",
-              {
-                htmlFor: fieldId,
-                id: labelId,
-                "data-compa11y-checkbox-label": "",
-                style: labelStyle,
-                children: [
-                  label,
-                  required && /* @__PURE__ */ jsx(
-                    "span",
-                    {
-                      "aria-hidden": "true",
-                      style: {
-                        color: "var(--compa11y-checkbox-required-color, #ef4444)",
-                        marginLeft: "0.125rem"
-                      },
-                      children: "*"
-                    }
-                  )
-                ]
-              }
-            ),
-            hasHint && /* @__PURE__ */ jsx(
-              "div",
-              {
-                id: hintId,
-                "data-compa11y-checkbox-hint": "",
-                style: hintStyle,
-                children: hint
-              }
-            ),
-            hasError && /* @__PURE__ */ jsx(
-              "div",
-              {
-                id: errorId,
-                role: "alert",
-                "data-compa11y-checkbox-error": "",
-                style: errorStyles,
-                children: error
-              }
-            )
-          ] })
-        ]
-      }
-    );
-  }
-);
-Checkbox.displayName = "Checkbox";
-var CheckboxIndicator = forwardRef(function CheckboxIndicator2({ children, className }, ref) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref,
-      className,
-      "data-compa11y-checkbox-indicator": "",
-      "aria-hidden": "true",
-      children
-    }
-  );
-});
-CheckboxIndicator.displayName = "CheckboxIndicator";
-var CheckboxCompound = Object.assign(Checkbox, {
-  Group: CheckboxGroup,
-  Indicator: CheckboxIndicator
-});
-var warnings3 = createComponentWarnings("RadioGroup");
-var RadioGroupContext = createContext(null);
-function useRadioGroupContext() {
-  const context = useContext(RadioGroupContext);
-  if (!context) {
-    throw new Error(
-      "[Compa11y RadioGroup]: Radio must be used within a RadioGroup."
-    );
-  }
-  return context;
-}
-var RadioGroup = forwardRef(
-  function RadioGroup2({
-    value: controlledValue,
-    defaultValue,
-    onValueChange,
-    disabled = false,
-    discoverable = true,
-    required = false,
-    orientation = "vertical",
-    name: providedName,
-    legend,
-    hint,
-    error,
-    unstyled = false,
-    className = "",
-    children,
-    "aria-label": ariaLabel,
-    "aria-labelledby": ariaLabelledBy
-  }, ref) {
-    const generatedName = useId("radiogroup");
-    const name = providedName || generatedName;
-    const hintId = useId("radiogroup-hint");
-    const errorId = useId("radiogroup-error");
-    const [uncontrolledValue, setUncontrolledValue] = useState(
-      defaultValue ?? null
-    );
-    const isControlled = controlledValue !== void 0;
-    const value = isControlled ? controlledValue : uncontrolledValue;
-    const radiosRef = useRef(/* @__PURE__ */ new Map());
-    useEffect(() => {
-      if (!legend && !ariaLabel && !ariaLabelledBy) {
-        warnings3.warning(
-          "RadioGroup has no accessible label. Screen readers need this to identify the group.",
-          'Add legend="...", aria-label="...", or aria-labelledby="..."'
-        );
-      }
-    }, [legend, ariaLabel, ariaLabelledBy]);
-    const handleValueChange = useCallback(
-      (newValue) => {
-        if (disabled) return;
-        if (!isControlled) {
-          setUncontrolledValue(newValue);
-        }
-        onValueChange?.(newValue);
-      },
-      [disabled, isControlled, onValueChange]
-    );
-    const registerRadio = useCallback(
-      (radioValue, radioDisabled) => {
-        radiosRef.current.set(radioValue, radioDisabled);
-      },
-      []
-    );
-    const unregisterRadio = useCallback((radioValue) => {
-      radiosRef.current.delete(radioValue);
-    }, []);
-    const updateRadioDisabled = useCallback(
-      (radioValue, radioDisabled) => {
-        radiosRef.current.set(radioValue, radioDisabled);
-      },
-      []
-    );
-    const getEnabledRadioValues = useCallback(() => {
-      const values = [];
-      radiosRef.current.forEach((isDisabled, radioValue) => {
-        if (!isDisabled && !disabled) {
-          values.push(radioValue);
-        }
-      });
-      return values;
-    }, [disabled]);
-    const internalRef = useRef(null);
-    const groupRef = ref || internalRef;
-    const navigateWithRef = useCallback(
-      (direction) => {
-        const enabledValues = getEnabledRadioValues();
-        if (enabledValues.length === 0) return;
-        const currentIndex = value ? enabledValues.indexOf(value) : -1;
-        let nextIndex;
-        switch (direction) {
-          case "next":
-            nextIndex = currentIndex < 0 ? 0 : (currentIndex + 1) % enabledValues.length;
-            break;
-          case "prev":
-            nextIndex = currentIndex < 0 ? enabledValues.length - 1 : (currentIndex - 1 + enabledValues.length) % enabledValues.length;
-            break;
-          case "first":
-            nextIndex = 0;
-            break;
-          case "last":
-            nextIndex = enabledValues.length - 1;
-            break;
-        }
-        const nextValue = enabledValues[nextIndex];
-        if (nextValue !== void 0) {
-          handleValueChange(nextValue);
-          const groupEl = typeof groupRef === "object" && groupRef ? groupRef.current : null;
-          if (groupEl) {
-            const input = groupEl.querySelector(
-              `input[type="radio"][value="${CSS.escape(nextValue)}"]`
-            );
-            input?.focus();
-          }
-        }
-      },
-      [getEnabledRadioValues, value, handleValueChange, groupRef]
-    );
-    const keyboardProps = useKeyboard(
-      {
-        ArrowDown: () => navigateWithRef("next"),
-        ArrowRight: () => navigateWithRef("next"),
-        ArrowUp: () => navigateWithRef("prev"),
-        ArrowLeft: () => navigateWithRef("prev"),
-        Home: () => navigateWithRef("first"),
-        End: () => navigateWithRef("last")
-      },
-      { preventDefault: true, stopPropagation: true, disabled }
-    );
-    const contextValue = {
-      name,
-      value: value ?? null,
-      disabled,
-      discoverable,
-      required,
-      unstyled,
-      orientation,
-      onValueChange: handleValueChange,
-      registerRadio,
-      unregisterRadio,
-      updateRadioDisabled
-    };
-    const describedByParts = [];
-    if (hint) describedByParts.push(hintId);
-    if (error) describedByParts.push(errorId);
-    const ariaDescribedBy = describedByParts.length > 0 ? describedByParts.join(" ") : void 0;
-    const groupContent = /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(
-        "div",
-        {
-          style: unstyled ? {
-            display: "flex",
-            flexDirection: orientation === "horizontal" ? "row" : "column"
-          } : {
-            display: "flex",
-            flexDirection: orientation === "horizontal" ? "row" : "column",
-            gap: "var(--compa11y-radio-gap, 0.75rem)"
-          },
-          children
-        }
-      ),
-      hint && /* @__PURE__ */ jsx(
-        "div",
-        {
-          id: hintId,
-          style: unstyled ? {} : {
-            color: "var(--compa11y-radio-group-hint-color, #666)",
-            fontSize: "0.8125rem",
-            marginTop: "0.25rem"
-          },
-          children: hint
-        }
-      ),
-      error && /* @__PURE__ */ jsx(
-        "div",
-        {
-          id: errorId,
-          role: "alert",
-          style: unstyled ? {} : {
-            color: "var(--compa11y-radio-group-error-color, #ef4444)",
-            fontSize: "0.8125rem",
-            marginTop: "0.25rem"
-          },
-          children: error
-        }
-      )
-    ] });
-    if (legend) {
-      return /* @__PURE__ */ jsx(RadioGroupContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxs(
-        "fieldset",
-        {
-          ref: groupRef,
-          role: "radiogroup",
-          "aria-label": ariaLabel,
-          "aria-labelledby": ariaLabelledBy,
-          "aria-orientation": orientation,
-          "aria-required": required || void 0,
-          "aria-disabled": disabled || void 0,
-          "aria-invalid": error ? true : void 0,
-          "aria-describedby": ariaDescribedBy,
-          className: `compa11y-radiogroup ${className}`.trim(),
-          "data-compa11y-radiogroup": "",
-          "data-orientation": orientation,
-          "data-disabled": disabled ? "true" : void 0,
-          "data-error": error ? "true" : void 0,
-          onKeyDown: keyboardProps.onKeyDown,
-          style: unstyled ? { border: "none", margin: 0, padding: 0, minWidth: 0 } : {
-            border: "none",
-            margin: 0,
-            padding: 0,
-            minWidth: 0
-          },
-          children: [
-            /* @__PURE__ */ jsxs(
-              "legend",
-              {
-                style: unstyled ? {} : {
-                  padding: 0,
-                  marginBottom: "var(--compa11y-radio-group-legend-gap, 0.5rem)",
-                  fontWeight: "var(--compa11y-radio-group-legend-weight, 600)",
-                  color: "var(--compa11y-radio-group-legend-color, inherit)",
-                  fontSize: "var(--compa11y-radio-group-legend-size, 1rem)"
-                },
-                children: [
-                  legend,
-                  required && !unstyled && /* @__PURE__ */ jsxs(
-                    "span",
-                    {
-                      "aria-hidden": "true",
-                      style: {
-                        color: "var(--compa11y-radio-group-required-color, #ef4444)",
-                        marginLeft: "0.125rem"
-                      },
-                      children: [
-                        " ",
-                        "*"
-                      ]
-                    }
-                  )
-                ]
-              }
-            ),
-            groupContent
-          ]
-        }
-      ) });
-    }
-    return /* @__PURE__ */ jsx(RadioGroupContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(
-      "div",
-      {
-        ref: groupRef,
-        role: "radiogroup",
-        "aria-label": ariaLabel,
-        "aria-labelledby": ariaLabelledBy,
-        "aria-orientation": orientation,
-        "aria-required": required || void 0,
-        "aria-disabled": disabled || void 0,
-        "aria-invalid": error ? true : void 0,
-        "aria-describedby": ariaDescribedBy,
-        className: `compa11y-radiogroup ${className}`.trim(),
-        "data-compa11y-radiogroup": "",
-        "data-orientation": orientation,
-        "data-disabled": disabled ? "true" : void 0,
-        "data-error": error ? "true" : void 0,
-        onKeyDown: keyboardProps.onKeyDown,
-        children: groupContent
-      }
-    ) });
-  }
-);
-RadioGroup.displayName = "RadioGroup";
-var Radio = forwardRef(
-  function Radio2({
-    value,
-    disabled: localDisabled = false,
-    discoverable: localDiscoverable,
-    label,
-    hint,
-    unstyled: localUnstyled,
-    className = "",
-    children,
-    "aria-label": ariaLabel
-  }, ref) {
-    const context = useRadioGroupContext();
-    const generatedId = useId("radio");
-    const hintId = useId("radio-hint");
-    const disabled = context.disabled || localDisabled;
-    const discoverable = localDiscoverable ?? context.discoverable;
-    const unstyled = localUnstyled ?? context.unstyled;
-    const checked = context.value === value;
-    const { announce: announce2 } = useAnnouncer();
-    const { isFocusVisible, focusProps } = useFocusVisible();
-    const inputRef = useRef(null);
-    const mergedRef = useCallback(
-      (node) => {
-        inputRef.current = node;
-        if (typeof ref === "function") {
-          ref(node);
-        } else if (ref) {
-          ref.current = node;
-        }
-      },
-      [ref]
-    );
-    useEffect(() => {
-      context.registerRadio(value, disabled);
-      return () => context.unregisterRadio(value);
-    }, [value]);
-    useEffect(() => {
-      context.updateRadioDisabled(value, disabled);
-    }, [disabled, value]);
-    const handleChange = useCallback(
-      (event) => {
-        if (disabled) {
-          event.preventDefault();
-          return;
-        }
-        context.onValueChange(value);
-        const labelText = label || (typeof children === "string" ? children : null) || value;
-        announce2(`${labelText} selected`, { politeness: "polite" });
-      },
-      [disabled, context, value, label, children, announce2]
-    );
-    const handleClick = useCallback(
-      (event) => {
-        if (disabled) {
-          event.preventDefault();
-        }
-      },
-      [disabled]
-    );
-    const handleFocus = useCallback(
-      (_event) => {
-        focusProps.onFocus();
-        if (!checked && !disabled) {
-          context.onValueChange(value);
-        }
-      },
-      [focusProps, checked, disabled, context, value]
-    );
-    const handleBlur = useCallback(() => {
-      focusProps.onBlur();
-    }, [focusProps]);
-    const hasLabel = Boolean(children || label);
-    const labelContent = children || label;
-    const labelId = `${generatedId}-label`;
-    const hasHint = Boolean(hint);
-    const isFirstEnabled = (() => {
-      if (context.value !== null) return false;
-      const entries = Array.from(
-        inputRef.current?.closest('[role="radiogroup"]')?.querySelectorAll('input[type="radio"]') ?? []
-      );
-      for (const entry of entries) {
-        const input = entry;
-        if (!input.disabled && input.getAttribute("aria-disabled") !== "true") {
-          return input.value === value;
-        }
-      }
-      return false;
-    })();
-    const tabIndex = (() => {
-      if (disabled && !discoverable) return -1;
-      if (checked) return 0;
-      if (context.value === null && isFirstEnabled) return 0;
-      return -1;
-    })();
-    const useNativeDisabled = disabled && !discoverable;
-    const ariaDescribedBy = hasHint ? hintId : void 0;
-    return /* @__PURE__ */ jsxs(
-      "label",
-      {
-        htmlFor: generatedId,
-        className: `compa11y-radio-wrapper ${className}`.trim(),
-        "data-compa11y-radio": "",
-        "data-value": value,
-        "data-checked": checked ? "true" : "false",
-        "data-disabled": disabled ? "true" : void 0,
-        style: unstyled ? {
-          display: "inline-flex",
-          alignItems: "flex-start",
-          cursor: disabled ? "not-allowed" : "pointer",
-          gap: "0.5rem"
-        } : {
-          display: "inline-flex",
-          alignItems: "flex-start",
-          gap: "var(--compa11y-radio-gap, 0.5rem)",
-          cursor: disabled ? "not-allowed" : "pointer",
-          userSelect: "none",
-          opacity: disabled ? 0.5 : 1
-        },
-        children: [
-          /* @__PURE__ */ jsxs(
-            "div",
-            {
-              style: {
-                position: "relative",
-                display: "inline-flex",
-                alignItems: "center",
-                justifyContent: "center",
-                flexShrink: 0
-              },
-              children: [
-                /* @__PURE__ */ jsx(
-                  "input",
-                  {
-                    ref: mergedRef,
-                    type: "radio",
-                    id: generatedId,
-                    name: context.name,
-                    value,
-                    checked,
-                    onChange: handleChange,
-                    onClick: handleClick,
-                    onFocus: handleFocus,
-                    onBlur: handleBlur,
-                    disabled: useNativeDisabled,
-                    tabIndex,
-                    "aria-disabled": disabled ? "true" : void 0,
-                    "aria-label": !hasLabel ? ariaLabel : void 0,
-                    "aria-labelledby": hasLabel ? labelId : void 0,
-                    "aria-describedby": ariaDescribedBy,
-                    required: context.required,
-                    className: "compa11y-radio-input",
-                    style: {
-                      position: "absolute",
-                      opacity: 0,
-                      width: "var(--compa11y-radio-size, 1.25rem)",
-                      height: "var(--compa11y-radio-size, 1.25rem)",
-                      margin: 0,
-                      cursor: disabled ? "not-allowed" : "pointer"
-                    }
-                  }
-                ),
-                !unstyled && /* @__PURE__ */ jsx(
-                  "div",
-                  {
-                    className: "compa11y-radio-circle",
-                    style: {
-                      width: "var(--compa11y-radio-size, 1.25rem)",
-                      height: "var(--compa11y-radio-size, 1.25rem)",
-                      minWidth: "24px",
-                      minHeight: "24px",
-                      border: checked ? "var(--compa11y-radio-checked-border, 2px solid #0066cc)" : "var(--compa11y-radio-border, 2px solid #666)",
-                      borderRadius: "50%",
-                      background: checked ? "var(--compa11y-radio-checked-bg, #0066cc)" : "var(--compa11y-radio-bg, white)",
-                      display: "flex",
-                      alignItems: "center",
-                      justifyContent: "center",
-                      flexShrink: 0,
-                      transition: "all 0.15s ease",
-                      pointerEvents: "none",
-                      ...isFocusVisible ? {
-                        outline: "2px solid var(--compa11y-focus-color, #0066cc)",
-                        outlineOffset: "2px"
-                      } : {}
-                    },
-                    children: /* @__PURE__ */ jsx(
-                      "div",
-                      {
-                        "aria-hidden": "true",
-                        style: {
-                          width: "var(--compa11y-radio-dot-size, 0.5rem)",
-                          height: "var(--compa11y-radio-dot-size, 0.5rem)",
-                          borderRadius: "50%",
-                          background: "var(--compa11y-radio-dot-color, white)",
-                          opacity: checked ? 1 : 0,
-                          transform: checked ? "scale(1)" : "scale(0)",
-                          transition: "all 0.15s ease"
-                        }
-                      }
-                    )
-                  }
-                )
-              ]
-            }
-          ),
-          (hasLabel || hasHint) && /* @__PURE__ */ jsxs(
-            "div",
-            {
-              style: unstyled ? {} : {
-                display: "flex",
-                flexDirection: "column",
-                gap: "0.125rem",
-                paddingTop: "0.125rem"
-              },
-              children: [
-                hasLabel && /* @__PURE__ */ jsx(
-                  "span",
-                  {
-                    id: labelId,
-                    className: "compa11y-radio-label",
-                    style: unstyled ? {} : {
-                      color: "var(--compa11y-radio-label-color, inherit)",
-                      fontSize: "var(--compa11y-radio-label-size, 1rem)"
-                    },
-                    children: labelContent
-                  }
-                ),
-                hasHint && /* @__PURE__ */ jsx(
-                  "span",
-                  {
-                    id: hintId,
-                    className: "compa11y-radio-hint",
-                    style: unstyled ? {} : {
-                      color: "var(--compa11y-radio-hint-color, #666)",
-                      fontSize: "var(--compa11y-radio-hint-size, 0.8125rem)"
-                    },
-                    children: hint
-                  }
-                )
-              ]
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-Radio.displayName = "Radio";
-var RadioGroupCompound = Object.assign(RadioGroup, { Radio });
-var warnings4 = createComponentWarnings("Switch");
-var Switch = forwardRef(
-  function Switch2({
-    checked: controlledChecked,
-    defaultChecked = false,
-    onCheckedChange,
-    label,
-    disabled = false,
-    unstyled = false,
-    className,
-    size = "md",
-    "aria-label": ariaLabel,
-    "aria-labelledby": ariaLabelledby,
-    onClick,
-    ...props
-  }, ref) {
-    const id = useId("switch");
-    const labelId = `${id}-label`;
-    const { announce: announce2 } = useAnnouncer();
-    const [uncontrolledChecked, setUncontrolledChecked] = useState(defaultChecked);
-    const isControlled = controlledChecked !== void 0;
-    const checked = isControlled ? controlledChecked : uncontrolledChecked;
-    useEffect(() => {
-      if (!label && !ariaLabel && !ariaLabelledby) {
-        warnings4.warning(
-          "Switch has no accessible label. Screen readers need this to identify the switch.",
-          'Add label="Description", aria-label="...", or aria-labelledby="..."'
-        );
-      }
-    }, [label, ariaLabel, ariaLabelledby]);
-    const toggleSwitch = useCallback(() => {
-      if (disabled) return;
-      const newChecked = !checked;
-      if (!isControlled) {
-        setUncontrolledChecked(newChecked);
-      }
-      onCheckedChange?.(newChecked);
-      const labelText = label || ariaLabel || "Switch";
-      announce2(`${labelText} ${newChecked ? "on" : "off"}`);
-    }, [
-      checked,
-      disabled,
-      isControlled,
-      onCheckedChange,
-      label,
-      ariaLabel,
-      announce2
-    ]);
-    const handleClick = useCallback(
-      (event) => {
-        onClick?.(event);
-        if (!event.defaultPrevented) {
-          toggleSwitch();
-        }
-      },
-      [onClick, toggleSwitch]
-    );
-    const keyboardProps = useKeyboard(
-      {
-        " ": () => {
-          toggleSwitch();
-        },
-        Enter: () => {
-          toggleSwitch();
-        }
-      },
-      { preventDefault: true }
-    );
-    const handleKeyDown = (event) => {
-      props.onKeyDown?.(event);
-      if (!event.defaultPrevented) {
-        keyboardProps.onKeyDown(event);
-      }
-    };
-    const computedAriaLabel = ariaLabel;
-    const computedAriaLabelledby = ariaLabelledby || (label ? labelId : void 0);
-    const wrapperStructuralStyles = {
-      display: "inline-flex",
-      alignItems: "center"
-    };
-    const sizes = {
-      sm: { width: 32, height: 18, thumb: 14, translate: 14 },
-      md: { width: 44, height: 24, thumb: 20, translate: 20 },
-      lg: { width: 56, height: 30, thumb: 26, translate: 26 }
-    };
-    const sizeConfig = sizes[size];
-    const trackStructuralStyles = {
-      position: "relative",
-      display: "inline-flex",
-      alignItems: "center",
-      flexShrink: 0,
-      width: sizeConfig.width,
-      height: sizeConfig.height,
-      border: "none",
-      padding: 2,
-      cursor: disabled ? "not-allowed" : "pointer"
-    };
-    const trackVisualStyles = unstyled ? {} : {
-      backgroundColor: checked ? "#0066cc" : "#d1d5db",
-      borderRadius: sizeConfig.height / 2,
-      transition: "background-color 0.2s ease",
-      opacity: disabled ? 0.5 : 1
-    };
-    const thumbStructuralStyles = {
-      position: "absolute",
-      left: 2,
-      width: sizeConfig.thumb,
-      height: sizeConfig.thumb,
-      pointerEvents: "none",
-      transform: checked ? `translateX(${sizeConfig.translate}px)` : "translateX(0)"
-    };
-    const thumbVisualStyles = unstyled ? {} : {
-      backgroundColor: "white",
-      borderRadius: "50%",
-      boxShadow: "0 1px 3px rgba(0, 0, 0, 0.2)",
-      transition: "transform 0.2s ease"
-    };
-    const labelStyles = unstyled ? {
-      marginLeft: 8,
-      userSelect: "none",
-      cursor: disabled ? "not-allowed" : "pointer"
-    } : {
-      marginLeft: 8,
-      userSelect: "none",
-      cursor: disabled ? "not-allowed" : "pointer",
-      opacity: disabled ? 0.5 : 1
-    };
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        style: wrapperStructuralStyles,
-        "data-compa11y-switch-wrapper": true,
-        "data-size": size,
-        children: [
-          /* @__PURE__ */ jsx(
-            "button",
-            {
-              ref,
-              type: "button",
-              role: "switch",
-              "aria-checked": checked,
-              "aria-label": computedAriaLabel,
-              "aria-labelledby": computedAriaLabelledby,
-              disabled,
-              onClick: handleClick,
-              onKeyDown: handleKeyDown,
-              className,
-              style: { ...trackStructuralStyles, ...trackVisualStyles },
-              tabIndex: disabled ? -1 : 0,
-              "data-compa11y-switch": true,
-              "data-checked": checked,
-              "data-disabled": disabled || void 0,
-              "data-size": size,
-              ...props,
-              onFocus: (e) => {
-                if (!unstyled) {
-                  e.currentTarget.style.outline = "2px solid #0066cc";
-                  e.currentTarget.style.outlineOffset = "2px";
-                }
-                props.onFocus?.(e);
-              },
-              onBlur: (e) => {
-                if (!unstyled) {
-                  e.currentTarget.style.outline = "none";
-                }
-                props.onBlur?.(e);
-              },
-              children: /* @__PURE__ */ jsx(
-                "span",
-                {
-                  style: { ...thumbStructuralStyles, ...thumbVisualStyles },
-                  "data-compa11y-switch-thumb": true,
-                  "aria-hidden": "true"
-                }
-              )
-            }
-          ),
-          label && /* @__PURE__ */ jsx(
-            "label",
-            {
-              id: labelId,
-              onClick: disabled ? void 0 : () => toggleSwitch(),
-              style: labelStyles,
-              "data-compa11y-switch-label": true,
-              children: label
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-Switch.displayName = "Switch";
-var warnings5 = createComponentWarnings("Listbox");
-var ListboxContext = createContext(null);
-function useListboxContext() {
-  const context = useContext(ListboxContext);
-  if (!context) {
-    throw new Error(
-      "[Compa11y Listbox]: Option/Group must be used within a Listbox."
-    );
-  }
-  return context;
-}
-var ListboxGroupContext = createContext({
-  groupDisabled: false
-});
-var Listbox = forwardRef(
-  function Listbox2({
-    value: controlledValue,
-    defaultValue,
-    onValueChange,
-    multiple = false,
-    disabled = false,
-    discoverable = true,
-    orientation = "vertical",
-    unstyled = false,
-    className = "",
-    children,
-    "aria-label": ariaLabel,
-    "aria-labelledby": ariaLabelledBy
-  }, ref) {
-    const listboxId = useId("listbox");
-    const { announce: announce2 } = useAnnouncer();
-    const [uncontrolledValue, setUncontrolledValue] = useState(() => defaultValue ?? (multiple ? [] : ""));
-    const isControlled = controlledValue !== void 0;
-    const currentValue = isControlled ? controlledValue : uncontrolledValue;
-    const selectedValues = useMemo(() => {
-      if (multiple) {
-        return new Set(
-          Array.isArray(currentValue) ? currentValue : []
-        );
-      }
-      return new Set(currentValue ? [String(currentValue)] : []);
-    }, [currentValue, multiple]);
-    const [focusedValue, setFocusedValue] = useState(null);
-    const optionsRef = useRef(/* @__PURE__ */ new Map());
-    const [optionsVersion, setOptionsVersion] = useState(0);
-    const registerOption = useCallback(
-      (value, optDisabled, label) => {
-        optionsRef.current.set(value, { disabled: optDisabled, label });
-        setOptionsVersion((v) => v + 1);
-      },
-      []
-    );
-    const unregisterOption = useCallback((value) => {
-      optionsRef.current.delete(value);
-      setOptionsVersion((v) => v + 1);
-    }, []);
-    const updateOptionDisabled = useCallback(
-      (value, optDisabled) => {
-        const existing = optionsRef.current.get(value);
-        if (existing) {
-          optionsRef.current.set(value, { ...existing, disabled: optDisabled });
-        }
-      },
-      []
-    );
-    const enabledValues = useMemo(() => {
-      const result = [];
-      optionsRef.current.forEach((info, value) => {
-        if (!info.disabled && !disabled) {
-          result.push(value);
-        }
-      });
-      return result;
-    }, [optionsVersion, disabled]);
-    useEffect(() => {
-      if (!ariaLabel && !ariaLabelledBy) {
-        warnings5.warning(
-          "Listbox has no accessible label. Screen readers need this.",
-          'Add aria-label="..." or aria-labelledby="..."'
-        );
-      }
-    }, [ariaLabel, ariaLabelledBy]);
-    const isSelected = useCallback(
-      (value) => selectedValues.has(value),
-      [selectedValues]
-    );
-    const handleSelect = useCallback(
-      (optionValue) => {
-        if (disabled) return;
-        const info = optionsRef.current.get(optionValue);
-        if (info?.disabled) return;
-        let newValue;
-        const label = info?.label || optionValue;
-        if (multiple) {
-          const current = new Set(selectedValues);
-          if (current.has(optionValue)) {
-            current.delete(optionValue);
-            announce2(`${label} deselected`, { politeness: "polite" });
-          } else {
-            current.add(optionValue);
-            announce2(`${label} selected`, { politeness: "polite" });
-          }
-          newValue = Array.from(current);
-        } else {
-          newValue = optionValue;
-          announce2(`${label} selected`, { politeness: "polite" });
-        }
-        if (!isControlled) {
-          setUncontrolledValue(newValue);
-        }
-        onValueChange?.(newValue);
-      },
-      [disabled, multiple, selectedValues, isControlled, onValueChange, announce2]
-    );
-    const navigateOption = useCallback(
-      (direction) => {
-        if (enabledValues.length === 0) return;
-        const currentIndex = focusedValue ? enabledValues.indexOf(focusedValue) : -1;
-        let nextIndex;
-        switch (direction) {
-          case "next":
-            nextIndex = currentIndex < 0 ? 0 : Math.min(currentIndex + 1, enabledValues.length - 1);
-            break;
-          case "prev":
-            nextIndex = currentIndex < 0 ? enabledValues.length - 1 : Math.max(currentIndex - 1, 0);
-            break;
-          case "first":
-            nextIndex = 0;
-            break;
-          case "last":
-            nextIndex = enabledValues.length - 1;
-            break;
-        }
-        const nextValue = enabledValues[nextIndex];
-        if (nextValue !== void 0) {
-          setFocusedValue(nextValue);
-          if (!multiple) {
-            const info = optionsRef.current.get(nextValue);
-            const label = info?.label || nextValue;
-            let newVal = nextValue;
-            if (!isControlled) {
-              setUncontrolledValue(newVal);
-            }
-            onValueChange?.(newVal);
-            announce2(`${label} selected`, { politeness: "polite" });
-          } else {
-            const info = optionsRef.current.get(nextValue);
-            const label = info?.label || nextValue;
-            const sel = selectedValues.has(nextValue);
-            announce2(`${label}${sel ? ", selected" : ""}`, {
-              politeness: "polite"
-            });
-          }
-        }
-      },
-      [
-        enabledValues,
-        focusedValue,
-        multiple,
-        isControlled,
-        onValueChange,
-        announce2,
-        selectedValues
-      ]
-    );
-    const toggleFocusedOption = useCallback(() => {
-      if (focusedValue && multiple) {
-        handleSelect(focusedValue);
-      }
-    }, [focusedValue, multiple, handleSelect]);
-    const selectRangeToFirst = useCallback(() => {
-      if (!multiple || !focusedValue) return;
-      const currentIdx = enabledValues.indexOf(focusedValue);
-      if (currentIdx < 0) return;
-      const toSelect = enabledValues.slice(0, currentIdx + 1);
-      const newSet = new Set(selectedValues);
-      toSelect.forEach((v) => newSet.add(v));
-      const newValue = Array.from(newSet);
-      if (!isControlled) {
-        setUncontrolledValue(newValue);
-      }
-      onValueChange?.(newValue);
-      setFocusedValue(enabledValues[0] ?? null);
-      announce2(`${toSelect.length} items selected`, { politeness: "polite" });
-    }, [
-      multiple,
-      focusedValue,
-      enabledValues,
-      selectedValues,
-      isControlled,
-      onValueChange,
-      announce2
-    ]);
-    const selectRangeToLast = useCallback(() => {
-      if (!multiple || !focusedValue) return;
-      const currentIdx = enabledValues.indexOf(focusedValue);
-      if (currentIdx < 0) return;
-      const toSelect = enabledValues.slice(currentIdx);
-      const newSet = new Set(selectedValues);
-      toSelect.forEach((v) => newSet.add(v));
-      const newValue = Array.from(newSet);
-      if (!isControlled) {
-        setUncontrolledValue(newValue);
-      }
-      onValueChange?.(newValue);
-      setFocusedValue(enabledValues[enabledValues.length - 1] ?? null);
-      announce2(`${toSelect.length} items selected`, { politeness: "polite" });
-    }, [
-      multiple,
-      focusedValue,
-      enabledValues,
-      selectedValues,
-      isControlled,
-      onValueChange,
-      announce2
-    ]);
-    const toggleSelectAll = useCallback(() => {
-      if (!multiple) return;
-      const allSelected = enabledValues.every((v) => selectedValues.has(v));
-      let newValue;
-      if (allSelected) {
-        newValue = [];
-        announce2("All deselected", { politeness: "polite" });
-      } else {
-        newValue = [...enabledValues];
-        announce2("All selected", { politeness: "polite" });
-      }
-      if (!isControlled) {
-        setUncontrolledValue(newValue);
-      }
-      onValueChange?.(newValue);
-    }, [
-      multiple,
-      enabledValues,
-      selectedValues,
-      isControlled,
-      onValueChange,
-      announce2
-    ]);
-    const keyboardHandlers = useMemo(() => {
-      const handlers = {
-        ArrowDown: () => navigateOption("next"),
-        ArrowUp: () => navigateOption("prev"),
-        Home: () => navigateOption("first"),
-        End: () => navigateOption("last")
-      };
-      if (multiple) {
-        handlers[" "] = () => toggleFocusedOption();
-        handlers["Shift+ArrowDown"] = () => {
-          navigateOption("next");
-          setTimeout(() => toggleFocusedOption(), 0);
-        };
-        handlers["Shift+ArrowUp"] = () => {
-          navigateOption("prev");
-          setTimeout(() => toggleFocusedOption(), 0);
-        };
-        handlers["Ctrl+Shift+Home"] = () => selectRangeToFirst();
-        handlers["Ctrl+Shift+End"] = () => selectRangeToLast();
-        handlers["Ctrl+a"] = () => toggleSelectAll();
-        handlers["Meta+a"] = () => toggleSelectAll();
-      }
-      return handlers;
-    }, [
-      multiple,
-      navigateOption,
-      toggleFocusedOption,
-      selectRangeToFirst,
-      selectRangeToLast,
-      toggleSelectAll
-    ]);
-    const keyboardProps = useKeyboard(keyboardHandlers, {
-      preventDefault: true,
-      stopPropagation: true,
-      disabled
-    });
-    const optionLabels = useMemo(() => {
-      return Array.from(optionsRef.current.values()).map((info) => info.label);
-    }, [optionsVersion]);
-    const typeAheadProps = useTypeAhead(
-      optionLabels,
-      (matchedLabel) => {
-        for (const [value, info] of optionsRef.current.entries()) {
-          if (info.label === matchedLabel && !info.disabled) {
-            setFocusedValue(value);
-            if (!multiple) {
-              let newVal = value;
-              if (!isControlled) {
-                setUncontrolledValue(newVal);
-              }
-              onValueChange?.(newVal);
-              announce2(`${matchedLabel} selected`, { politeness: "polite" });
-            }
-            break;
-          }
-        }
-      },
-      { disabled }
-    );
-    const handleKeyDown = useCallback(
-      (event) => {
-        keyboardProps.onKeyDown(event);
-        if (!event.defaultPrevented) {
-          typeAheadProps.onKeyDown(event);
-        }
-      },
-      [keyboardProps, typeAheadProps]
-    );
-    const handleFocus = useCallback(() => {
-      if (focusedValue) return;
-      if (!multiple && currentValue && typeof currentValue === "string") {
-        setFocusedValue(currentValue);
-        return;
-      }
-      if (multiple && Array.isArray(currentValue) && currentValue.length > 0) {
-        setFocusedValue(currentValue[0] ?? null);
-        return;
-      }
-      if (enabledValues.length > 0) {
-        setFocusedValue(enabledValues[0] ?? null);
-      }
-    }, [focusedValue, multiple, currentValue, enabledValues]);
-    const handleBlur = useCallback(() => {
-    }, []);
-    const listboxRef = useRef(null);
-    useEffect(() => {
-      if (focusedValue && listboxRef.current) {
-        const el = listboxRef.current.querySelector(
-          `[data-value="${CSS.escape(focusedValue)}"]`
-        );
-        el?.scrollIntoView({ block: "nearest" });
-      }
-    }, [focusedValue]);
-    const contextValue = useMemo(
-      () => ({
-        multiple,
-        disabled,
-        discoverable,
-        unstyled,
-        orientation,
-        selectedValues,
-        focusedValue,
-        onSelect: handleSelect,
-        onFocusOption: setFocusedValue,
-        registerOption,
-        unregisterOption,
-        updateOptionDisabled,
-        isSelected,
-        listboxId
-      }),
-      [
-        multiple,
-        disabled,
-        discoverable,
-        unstyled,
-        orientation,
-        selectedValues,
-        focusedValue,
-        handleSelect,
-        registerOption,
-        unregisterOption,
-        updateOptionDisabled,
-        isSelected,
-        listboxId
-      ]
-    );
-    const mergedRef = useCallback(
-      (node) => {
-        listboxRef.current = node;
-        if (typeof ref === "function") {
-          ref(node);
-        } else if (ref) {
-          ref.current = node;
-        }
-      },
-      [ref]
-    );
-    const activeDescendantId = focusedValue ? `${listboxId}-option-${focusedValue}` : void 0;
-    return /* @__PURE__ */ jsx(ListboxContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(
-      "div",
-      {
-        ref: mergedRef,
-        role: "listbox",
-        "aria-label": ariaLabel,
-        "aria-labelledby": ariaLabelledBy,
-        "aria-orientation": orientation,
-        "aria-multiselectable": multiple || void 0,
-        "aria-disabled": disabled || void 0,
-        "aria-activedescendant": activeDescendantId,
-        tabIndex: disabled && !discoverable ? -1 : 0,
-        className: `compa11y-listbox ${className}`.trim(),
-        "data-compa11y-listbox": "",
-        "data-orientation": orientation,
-        "data-disabled": disabled ? "true" : void 0,
-        "data-multiple": multiple ? "true" : void 0,
-        onKeyDown: handleKeyDown,
-        onFocus: handleFocus,
-        onBlur: handleBlur,
-        style: unstyled ? {} : {
-          width: "var(--compa11y-listbox-width, 250px)",
-          maxHeight: "var(--compa11y-listbox-max-height, 300px)",
-          overflowY: "auto",
-          border: "var(--compa11y-listbox-border, 1px solid #e0e0e0)",
-          borderRadius: "var(--compa11y-listbox-radius, 4px)",
-          background: "var(--compa11y-listbox-bg, white)",
-          padding: "var(--compa11y-listbox-padding, 0.25rem 0)",
-          ...disabled ? {
-            opacity: "var(--compa11y-listbox-disabled-opacity, 0.5)",
-            cursor: "not-allowed"
-          } : {}
-        },
-        children
-      }
-    ) });
-  }
-);
-Listbox.displayName = "Listbox";
-var ListboxOption = forwardRef(
-  function ListboxOption2({
-    value,
-    disabled: localDisabled = false,
-    discoverable: _,
-    unstyled: localUnstyled,
-    className = "",
-    children,
-    "aria-label": ariaLabel
-  }, ref) {
-    const context = useListboxContext();
-    const { groupDisabled } = useContext(ListboxGroupContext);
-    const disabled = context.disabled || groupDisabled || localDisabled;
-    const unstyled = localUnstyled ?? context.unstyled;
-    const selected = context.isSelected(value);
-    const focused = context.focusedValue === value;
-    const optionId = `${context.listboxId}-option-${value}`;
-    const labelRef = useRef("");
-    const optionRef = useRef(null);
-    const mergedRef = useCallback(
-      (node) => {
-        optionRef.current = node;
-        if (typeof ref === "function") {
-          ref(node);
-        } else if (ref) {
-          ref.current = node;
-        }
-      },
-      [ref]
-    );
-    useEffect(() => {
-      const label = typeof children === "string" ? children : optionRef.current?.textContent?.trim() || value;
-      labelRef.current = label;
-      context.registerOption(value, disabled, label);
-      return () => context.unregisterOption(value);
-    }, [value]);
-    useEffect(() => {
-      context.updateOptionDisabled(value, disabled);
-    }, [disabled, value]);
-    const handleClick = useCallback(
-      (event) => {
-        if (disabled) {
-          event.preventDefault();
-          return;
-        }
-        context.onFocusOption(value);
-        context.onSelect(value);
-      },
-      [disabled, context, value]
-    );
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        ref: mergedRef,
-        id: optionId,
-        role: "option",
-        "aria-selected": selected,
-        "aria-disabled": disabled || void 0,
-        "aria-label": ariaLabel,
-        className: `compa11y-listbox-option ${className}`.trim(),
-        "data-compa11y-listbox-option": "",
-        "data-value": value,
-        "data-selected": selected ? "true" : "false",
-        "data-focused": focused ? "true" : "false",
-        "data-disabled": disabled ? "true" : void 0,
-        onClick: handleClick,
-        style: unstyled ? {
-          cursor: disabled ? "not-allowed" : "pointer"
-        } : {
-          display: "flex",
-          alignItems: "center",
-          justifyContent: "space-between",
-          padding: "var(--compa11y-listbox-option-padding, 0.5rem 0.75rem)",
-          cursor: disabled ? "not-allowed" : "pointer",
-          userSelect: "none",
-          transition: "background 0.1s ease",
-          background: focused ? selected ? "var(--compa11y-listbox-option-selected-hover-bg, #cce0ff)" : "var(--compa11y-listbox-option-hover-bg, #f5f5f5)" : selected ? "var(--compa11y-listbox-option-selected-bg, #e6f0ff)" : "transparent",
-          fontWeight: selected ? 500 : "normal",
-          opacity: disabled ? 0.5 : 1
-        },
-        children: [
-          /* @__PURE__ */ jsx("span", { style: { flex: 1 }, children }),
-          selected && !unstyled && /* @__PURE__ */ jsx(
-            "span",
-            {
-              "aria-hidden": "true",
-              style: {
-                fontSize: "0.875rem",
-                color: "var(--compa11y-listbox-check-color, #0066cc)",
-                marginLeft: "0.5rem"
-              },
-              children: "\u2713"
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-ListboxOption.displayName = "ListboxOption";
-var ListboxGroup = forwardRef(
-  function ListboxGroup2({
-    label,
-    disabled: groupDisabled = false,
-    unstyled: localUnstyled,
-    className = "",
-    children
-  }, ref) {
-    const context = useListboxContext();
-    const unstyled = localUnstyled ?? context.unstyled;
-    const labelId = useId("listbox-group");
-    const groupContextValue = useMemo(
-      () => ({ groupDisabled: context.disabled || groupDisabled }),
-      [context.disabled, groupDisabled]
-    );
-    return /* @__PURE__ */ jsx(ListboxGroupContext.Provider, { value: groupContextValue, children: /* @__PURE__ */ jsxs(
-      "div",
-      {
-        ref,
-        role: "group",
-        "aria-labelledby": labelId,
-        "aria-disabled": groupDisabled || void 0,
-        className: `compa11y-listbox-group ${className}`.trim(),
-        "data-compa11y-listbox-group": "",
-        "data-disabled": groupDisabled ? "true" : void 0,
-        style: unstyled ? {} : {
-          opacity: groupDisabled ? 0.5 : 1
-        },
-        children: [
-          /* @__PURE__ */ jsx(
-            "div",
-            {
-              id: labelId,
-              role: "presentation",
-              style: unstyled ? {} : {
-                padding: "var(--compa11y-listbox-group-label-padding, 0.5rem 0.75rem 0.25rem)",
-                fontSize: "var(--compa11y-listbox-group-label-size, 0.75rem)",
-                fontWeight: 600,
-                color: "var(--compa11y-listbox-group-label-color, #666)",
-                textTransform: "uppercase",
-                letterSpacing: "0.05em"
-              },
-              children: label
-            }
-          ),
-          children
-        ]
-      }
-    ) });
-  }
-);
-ListboxGroup.displayName = "ListboxGroup";
-var ListboxCompound = Object.assign(Listbox, {
-  Option: ListboxOption,
-  Group: ListboxGroup
-});
-var InputContext = createContext(null);
-function useInputContext() {
-  const ctx = useContext(InputContext);
-  if (!ctx) {
-    throw new Error(
-      "[Compa11y Input]: Input sub-components (Input.Label, Input.Field, etc.) must be used within <Input>."
-    );
-  }
-  return ctx;
-}
-var InputLabel = forwardRef(
-  function InputLabel2({ children, className }, ref) {
-    const ctx = useInputContext();
-    return /* @__PURE__ */ jsxs(
-      "label",
-      {
-        ref,
-        id: ctx.labelId,
-        htmlFor: ctx.fieldId,
-        "data-compa11y-input-label": "",
-        className,
-        style: ctx.unstyled ? {} : {
-          display: "block",
-          color: ctx.disabled ? "var(--compa11y-input-disabled-color, #999)" : "var(--compa11y-input-label-color, inherit)",
-          fontSize: "var(--compa11y-input-label-size, 0.875rem)",
-          fontWeight: "var(--compa11y-input-label-weight, 500)"
-        },
-        children: [
-          children,
-          ctx.required && /* @__PURE__ */ jsx(
-            "span",
-            {
-              "data-compa11y-input-required": "",
-              "aria-hidden": "true",
-              style: ctx.unstyled ? {} : {
-                color: "var(--compa11y-input-required-color, #ef4444)",
-                marginLeft: "0.125rem"
-              },
-              children: "*"
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-InputLabel.displayName = "InputLabel";
-var InputField = forwardRef(
-  function InputField2({
-    type = "text",
-    onFocus: providedOnFocus,
-    onBlur: providedOnBlur,
-    className,
-    style,
-    ...rest
-  }, ref) {
-    const ctx = useInputContext();
-    const inputRef = useRef(null);
-    const mergedRef = useCallback(
-      (node) => {
-        inputRef.current = node;
-        if (typeof ref === "function") {
-          ref(node);
-        } else if (ref) {
-          ref.current = node;
-        }
-      },
-      [ref]
-    );
-    const handleChange = useCallback(
-      (event) => {
-        ctx.setValue(event.target.value);
-      },
-      [ctx.setValue]
-    );
-    const handleFocus = useCallback(
-      (event) => {
-        ctx.focusProps.onFocus();
-        providedOnFocus?.(event);
-      },
-      [ctx.focusProps, providedOnFocus]
-    );
-    const handleBlur = useCallback(
-      (event) => {
-        ctx.focusProps.onBlur();
-        providedOnBlur?.(event);
-      },
-      [ctx.focusProps, providedOnBlur]
-    );
-    const describedByParts = [];
-    describedByParts.push(ctx.hintId);
-    if (ctx.hasError) {
-      describedByParts.push(ctx.errorId);
-    }
-    return /* @__PURE__ */ jsx(
-      "input",
-      {
-        ref: mergedRef,
-        id: ctx.fieldId,
-        type,
-        value: ctx.value,
-        onChange: handleChange,
-        onFocus: handleFocus,
-        onBlur: handleBlur,
-        disabled: ctx.disabled,
-        readOnly: ctx.readOnly,
-        "aria-describedby": describedByParts.join(" ") || void 0,
-        "aria-invalid": ctx.hasError ? "true" : void 0,
-        "aria-required": ctx.required ? "true" : void 0,
-        "data-compa11y-input-field": "",
-        className,
-        style: ctx.unstyled ? style : {
-          width: "100%",
-          padding: "var(--compa11y-input-padding, 0.5rem 0.75rem)",
-          border: ctx.hasError ? "1px solid var(--compa11y-input-border-error, #ef4444)" : "var(--compa11y-input-border, 1px solid #ccc)",
-          borderRadius: "var(--compa11y-input-radius, 4px)",
-          fontSize: "var(--compa11y-input-font-size, 0.875rem)",
-          fontFamily: "inherit",
-          background: ctx.disabled ? "var(--compa11y-input-disabled-bg, #f5f5f5)" : ctx.readOnly ? "var(--compa11y-input-readonly-bg, #f9f9f9)" : "var(--compa11y-input-bg, white)",
-          color: "inherit",
-          cursor: ctx.disabled ? "not-allowed" : void 0,
-          opacity: ctx.disabled ? "var(--compa11y-input-disabled-opacity, 0.7)" : void 0,
-          ...ctx.isFocusVisible && !ctx.disabled ? {
-            outline: ctx.hasError ? "2px solid var(--compa11y-input-border-error, #ef4444)" : "2px solid var(--compa11y-focus-color, #0066cc)",
-            outlineOffset: "-1px",
-            borderColor: ctx.hasError ? "var(--compa11y-input-border-error, #ef4444)" : "var(--compa11y-input-border-focus, #0066cc)"
-          } : {},
-          ...style
-        },
-        ...rest
-      }
-    );
-  }
-);
-InputField.displayName = "InputField";
-var InputHint = forwardRef(
-  function InputHint2({ children, className }, ref) {
-    const ctx = useInputContext();
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        ref,
-        id: ctx.hintId,
-        "data-compa11y-input-hint": "",
-        className,
-        style: ctx.unstyled ? {} : {
-          color: "var(--compa11y-input-hint-color, #666)",
-          fontSize: "var(--compa11y-input-hint-size, 0.8125rem)"
-        },
-        children
-      }
-    );
-  }
-);
-InputHint.displayName = "InputHint";
-var InputError = forwardRef(
-  function InputError2({ children, className }, ref) {
-    const ctx = useInputContext();
-    if (!children) return null;
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        ref,
-        id: ctx.errorId,
-        role: "alert",
-        "data-compa11y-input-error": "",
-        className,
-        style: ctx.unstyled ? {} : {
-          color: "var(--compa11y-input-error-color, #ef4444)",
-          fontSize: "var(--compa11y-input-error-size, 0.8125rem)"
-        },
-        children
-      }
-    );
-  }
-);
-InputError.displayName = "InputError";
-var Input = forwardRef(
-  function Input2({
-    value: controlledValue,
-    defaultValue = "",
-    onValueChange,
-    type = "text",
-    label,
-    hint,
-    error,
-    required = false,
-    disabled = false,
-    readOnly = false,
-    "aria-label": ariaLabel,
-    "aria-labelledby": ariaLabelledBy,
-    placeholder,
-    name,
-    autoComplete,
-    maxLength,
-    minLength,
-    pattern,
-    inputMode,
-    id: providedId,
-    unstyled = false,
-    className,
-    onFocus: providedOnFocus,
-    onBlur: providedOnBlur,
-    children
-  }, ref) {
-    const generatedId = useId("input");
-    const baseId = providedId || generatedId;
-    const fieldId = `${baseId}-field`;
-    const labelId = `${baseId}-label`;
-    const hintId = `${baseId}-hint`;
-    const errorId = `${baseId}-error`;
-    const [uncontrolledValue, setUncontrolledValue] = useState(defaultValue);
-    const isControlled = controlledValue !== void 0;
-    const currentValue = isControlled ? controlledValue : uncontrolledValue;
-    const setValue = useCallback(
-      (newValue) => {
-        if (!isControlled) {
-          setUncontrolledValue(newValue);
-        }
-        onValueChange?.(newValue);
-      },
-      [isControlled, onValueChange]
-    );
-    const { isFocusVisible, focusProps } = useFocusVisible();
-    useEffect(() => {
-      if (process.env.NODE_ENV !== "production") {
-        const isCompound2 = Children.count(children) > 0;
-        if (!isCompound2 && !label && !ariaLabel && !ariaLabelledBy) {
-          console.warn(
-            "[Compa11y Input]: Input has no accessible label. Screen readers need this to identify the input. Use label prop, aria-label, or aria-labelledby."
-          );
-        }
-      }
-    }, [children, label, ariaLabel, ariaLabelledBy]);
-    const hasError = Boolean(error);
-    const isCompound = Children.count(children) > 0;
-    const contextValue = {
-      fieldId,
-      labelId,
-      hintId,
-      errorId,
-      value: currentValue,
-      setValue,
-      hasError,
-      disabled,
-      readOnly,
-      required,
-      isFocusVisible,
-      focusProps,
-      unstyled
-    };
-    const dataAttrs = {
-      "data-compa11y-input": "",
-      "data-error": hasError ? "true" : "false",
-      "data-disabled": disabled ? "true" : "false",
-      "data-required": required ? "true" : "false",
-      "data-readonly": readOnly ? "true" : "false"
-    };
-    const wrapperStyle = unstyled ? {} : {
-      display: "flex",
-      flexDirection: "column",
-      gap: "0.25rem"
-    };
-    if (isCompound) {
-      return /* @__PURE__ */ jsx(InputContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx("div", { ...dataAttrs, className, style: wrapperStyle, children }) });
-    }
-    const inputRef = useRef(null);
-    const mergedRef = useCallback(
-      (node) => {
-        inputRef.current = node;
-        if (typeof ref === "function") {
-          ref(node);
-        } else if (ref) {
-          ref.current = node;
-        }
-      },
-      [ref]
-    );
-    const handleChange = useCallback(
-      (event) => {
-        setValue(event.target.value);
-      },
-      [setValue]
-    );
-    const handleFocus = useCallback(
-      (event) => {
-        focusProps.onFocus();
-        providedOnFocus?.(event);
-      },
-      [focusProps, providedOnFocus]
-    );
-    const handleBlur = useCallback(
-      (event) => {
-        focusProps.onBlur();
-        providedOnBlur?.(event);
-      },
-      [focusProps, providedOnBlur]
-    );
-    const describedByParts = [];
-    if (hint) describedByParts.push(hintId);
-    if (hasError) describedByParts.push(errorId);
-    const ariaDescribedBy = describedByParts.length > 0 ? describedByParts.join(" ") : void 0;
-    return /* @__PURE__ */ jsxs("div", { ...dataAttrs, className, style: wrapperStyle, children: [
-      label && /* @__PURE__ */ jsxs(
-        "label",
-        {
-          id: labelId,
-          htmlFor: fieldId,
-          "data-compa11y-input-label": "",
-          style: unstyled ? {} : {
-            display: "block",
-            color: disabled ? "var(--compa11y-input-disabled-color, #999)" : "var(--compa11y-input-label-color, inherit)",
-            fontSize: "var(--compa11y-input-label-size, 0.875rem)",
-            fontWeight: "var(--compa11y-input-label-weight, 500)"
-          },
-          children: [
-            label,
-            required && /* @__PURE__ */ jsx(
-              "span",
-              {
-                "data-compa11y-input-required": "",
-                "aria-hidden": "true",
-                style: unstyled ? {} : {
-                  color: "var(--compa11y-input-required-color, #ef4444)",
-                  marginLeft: "0.125rem"
-                },
-                children: "*"
-              }
-            )
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "input",
-        {
-          ref: mergedRef,
-          id: fieldId,
-          type,
-          value: currentValue,
-          onChange: handleChange,
-          onFocus: handleFocus,
-          onBlur: handleBlur,
-          disabled,
-          readOnly,
-          required,
-          placeholder,
-          name,
-          autoComplete,
-          maxLength,
-          minLength,
-          pattern,
-          inputMode,
-          "aria-label": !label ? ariaLabel : void 0,
-          "aria-labelledby": !label && ariaLabelledBy ? ariaLabelledBy : label ? labelId : void 0,
-          "aria-describedby": ariaDescribedBy,
-          "aria-invalid": hasError ? "true" : void 0,
-          "aria-required": required ? "true" : void 0,
-          "data-compa11y-input-field": "",
-          style: unstyled ? {} : {
-            width: "100%",
-            padding: "var(--compa11y-input-padding, 0.5rem 0.75rem)",
-            border: hasError ? "1px solid var(--compa11y-input-border-error, #ef4444)" : "var(--compa11y-input-border, 1px solid #ccc)",
-            borderRadius: "var(--compa11y-input-radius, 4px)",
-            fontSize: "var(--compa11y-input-font-size, 0.875rem)",
-            fontFamily: "inherit",
-            background: disabled ? "var(--compa11y-input-disabled-bg, #f5f5f5)" : readOnly ? "var(--compa11y-input-readonly-bg, #f9f9f9)" : "var(--compa11y-input-bg, white)",
-            color: "inherit",
-            cursor: disabled ? "not-allowed" : void 0,
-            opacity: disabled ? "var(--compa11y-input-disabled-opacity, 0.7)" : void 0,
-            ...isFocusVisible && !disabled ? {
-              outline: hasError ? "2px solid var(--compa11y-input-border-error, #ef4444)" : "2px solid var(--compa11y-focus-color, #0066cc)",
-              outlineOffset: "-1px",
-              borderColor: hasError ? "var(--compa11y-input-border-error, #ef4444)" : "var(--compa11y-input-border-focus, #0066cc)"
-            } : {}
-          }
-        }
-      ),
-      hint && /* @__PURE__ */ jsx(
-        "div",
-        {
-          id: hintId,
-          "data-compa11y-input-hint": "",
-          style: unstyled ? {} : {
-            color: "var(--compa11y-input-hint-color, #666)",
-            fontSize: "var(--compa11y-input-hint-size, 0.8125rem)"
-          },
-          children: hint
-        }
-      ),
-      hasError && /* @__PURE__ */ jsx(
-        "div",
-        {
-          id: errorId,
-          role: "alert",
-          "data-compa11y-input-error": "",
-          style: unstyled ? {} : {
-            color: "var(--compa11y-input-error-color, #ef4444)",
-            fontSize: "var(--compa11y-input-error-size, 0.8125rem)"
-          },
-          children: error
-        }
-      )
-    ] });
-  }
-);
-Input.displayName = "Input";
-var InputCompound = Object.assign(Input, {
-  Label: InputLabel,
-  Field: InputField,
-  Hint: InputHint,
-  Error: InputError
-});
-var VARIANT_STYLES = {
-  primary: {
-    background: "var(--compa11y-button-primary-bg, #0066cc)",
-    color: "var(--compa11y-button-primary-color, white)",
-    border: "var(--compa11y-button-primary-border, 1px solid #0066cc)"
-  },
-  secondary: {
-    background: "var(--compa11y-button-secondary-bg, white)",
-    color: "var(--compa11y-button-secondary-color, #333)",
-    border: "var(--compa11y-button-secondary-border, 1px solid #ccc)"
-  },
-  danger: {
-    background: "var(--compa11y-button-danger-bg, #ef4444)",
-    color: "var(--compa11y-button-danger-color, white)",
-    border: "var(--compa11y-button-danger-border, 1px solid #ef4444)"
-  },
-  outline: {
-    background: "var(--compa11y-button-outline-bg, transparent)",
-    color: "var(--compa11y-button-outline-color, #0066cc)",
-    border: "var(--compa11y-button-outline-border, 1px solid #0066cc)"
-  },
-  ghost: {
-    background: "var(--compa11y-button-ghost-bg, transparent)",
-    color: "var(--compa11y-button-ghost-color, #333)",
-    border: "var(--compa11y-button-ghost-border, 1px solid transparent)"
-  }
-};
-var SIZE_STYLES = {
-  sm: {
-    padding: "var(--compa11y-button-padding-sm, 0.25rem 0.5rem)",
-    fontSize: "var(--compa11y-button-font-size-sm, 0.75rem)"
-  },
-  md: {
-    padding: "var(--compa11y-button-padding-md, 0.5rem 1rem)",
-    fontSize: "var(--compa11y-button-font-size-md, 0.875rem)"
-  },
-  lg: {
-    padding: "var(--compa11y-button-padding-lg, 0.75rem 1.5rem)",
-    fontSize: "var(--compa11y-button-font-size-lg, 1rem)"
-  }
-};
-var Button = forwardRef(
-  function Button2({
-    variant = "secondary",
-    size = "md",
-    type = "button",
-    disabled = false,
-    discoverable = false,
-    loading = false,
-    unstyled = false,
-    "aria-label": ariaLabel,
-    className,
-    style,
-    onClick,
-    onFocus: providedOnFocus,
-    onBlur: providedOnBlur,
-    children,
-    ...rest
-  }, ref) {
-    const generatedId = useId("button");
-    const buttonRef = useRef(null);
-    const mergedRef = useCallback(
-      (node) => {
-        buttonRef.current = node;
-        if (typeof ref === "function") {
-          ref(node);
-        } else if (ref) {
-          ref.current = node;
-        }
-      },
-      [ref]
-    );
-    const { isFocusVisible, focusProps } = useFocusVisible();
-    useEffect(() => {
-      if (process.env.NODE_ENV !== "production") {
-        if (!children && !ariaLabel && !rest["aria-labelledby"]) {
-          console.warn(
-            "[Compa11y Button]: Button has no accessible label. Screen readers need this to identify the button. Add text content, aria-label, or aria-labelledby."
-          );
-        }
-      }
-    }, [children, ariaLabel, rest["aria-labelledby"]]);
-    const useNativeDisabled = disabled && !discoverable;
-    const isInteractionDisabled = disabled || loading;
-    const handleClick = useCallback(
-      (event) => {
-        if (isInteractionDisabled) {
-          event.preventDefault();
-          return;
-        }
-        onClick?.(event);
-      },
-      [isInteractionDisabled, onClick]
-    );
-    const handleFocus = useCallback(
-      (event) => {
-        focusProps.onFocus();
-        providedOnFocus?.(event);
-      },
-      [focusProps, providedOnFocus]
-    );
-    const handleBlur = useCallback(
-      (event) => {
-        focusProps.onBlur();
-        providedOnBlur?.(event);
-      },
-      [focusProps, providedOnBlur]
-    );
-    const dataAttrs = {
-      "data-compa11y-button": "",
-      "data-variant": variant,
-      "data-size": size,
-      "data-disabled": disabled ? "true" : "false",
-      "data-loading": loading ? "true" : "false"
-    };
-    const baseStyle = unstyled ? {} : {
-      display: "inline-flex",
-      alignItems: "center",
-      justifyContent: "center",
-      gap: "0.5rem",
-      borderRadius: "var(--compa11y-button-radius, 4px)",
-      fontFamily: "inherit",
-      fontWeight: "var(--compa11y-button-font-weight, 500)",
-      lineHeight: "1.5",
-      cursor: isInteractionDisabled ? "not-allowed" : "pointer",
-      opacity: disabled ? "var(--compa11y-button-disabled-opacity, 0.5)" : void 0,
-      transition: "background-color 0.15s ease, border-color 0.15s ease",
-      ...VARIANT_STYLES[variant],
-      ...SIZE_STYLES[size],
-      ...isFocusVisible && !useNativeDisabled ? {
-        outline: "2px solid var(--compa11y-focus-color, #0066cc)",
-        outlineOffset: "2px"
-      } : {}
-    };
-    return /* @__PURE__ */ jsxs(
-      "button",
-      {
-        ref: mergedRef,
-        id: generatedId,
-        type,
-        disabled: useNativeDisabled,
-        tabIndex: disabled && !discoverable ? void 0 : 0,
-        "aria-disabled": isInteractionDisabled ? "true" : void 0,
-        "aria-busy": loading ? "true" : void 0,
-        "aria-label": ariaLabel,
-        onClick: handleClick,
-        onFocus: handleFocus,
-        onBlur: handleBlur,
-        className,
-        style: { ...baseStyle, ...style },
-        ...dataAttrs,
-        ...rest,
-        children: [
-          loading && /* @__PURE__ */ jsx(
-            "span",
-            {
-              "data-compa11y-button-spinner": "",
-              "aria-hidden": "true",
-              style: unstyled ? {} : {
-                display: "inline-block",
-                width: "1em",
-                height: "1em",
-                border: "2px solid currentColor",
-                borderRightColor: "transparent",
-                borderRadius: "50%",
-                animation: "compa11y-spin 0.6s linear infinite"
-              }
-            }
-          ),
-          children
-        ]
-      }
-    );
-  }
-);
-Button.displayName = "Button";
-var TextareaContext = createContext(null);
-function useTextareaContext() {
-  const ctx = useContext(TextareaContext);
-  if (!ctx) {
-    throw new Error(
-      "[Compa11y Textarea]: Textarea sub-components (Textarea.Label, Textarea.Field, etc.) must be used within <Textarea>."
-    );
-  }
-  return ctx;
-}
-var TextareaLabel = forwardRef(
-  function TextareaLabel2({ children, className }, ref) {
-    const ctx = useTextareaContext();
-    return /* @__PURE__ */ jsxs(
-      "label",
-      {
-        ref,
-        id: ctx.labelId,
-        htmlFor: ctx.fieldId,
-        "data-compa11y-textarea-label": "",
-        className,
-        style: ctx.unstyled ? {} : {
-          display: "block",
-          color: ctx.disabled ? "var(--compa11y-textarea-disabled-color, #999)" : "var(--compa11y-textarea-label-color, inherit)",
-          fontSize: "var(--compa11y-textarea-label-size, 0.875rem)",
-          fontWeight: "var(--compa11y-textarea-label-weight, 500)"
-        },
-        children: [
-          children,
-          ctx.required && /* @__PURE__ */ jsx(
-            "span",
-            {
-              "data-compa11y-textarea-required": "",
-              "aria-hidden": "true",
-              style: ctx.unstyled ? {} : {
-                color: "var(--compa11y-textarea-required-color, #ef4444)",
-                marginLeft: "0.125rem"
-              },
-              children: "*"
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-TextareaLabel.displayName = "TextareaLabel";
-var TextareaField = forwardRef(
-  function TextareaField2({
-    onFocus: providedOnFocus,
-    onBlur: providedOnBlur,
-    className,
-    style,
-    rows: rowsOverride,
-    ...rest
-  }, ref) {
-    const ctx = useTextareaContext();
-    const textareaRef = useRef(null);
-    const mergedRef = useCallback(
-      (node) => {
-        textareaRef.current = node;
-        if (typeof ref === "function") {
-          ref(node);
-        } else if (ref) {
-          ref.current = node;
-        }
-      },
-      [ref]
-    );
-    const handleChange = useCallback(
-      (event) => {
-        ctx.setValue(event.target.value);
-      },
-      [ctx.setValue]
-    );
-    const handleFocus = useCallback(
-      (event) => {
-        ctx.focusProps.onFocus();
-        providedOnFocus?.(event);
-      },
-      [ctx.focusProps, providedOnFocus]
-    );
-    const handleBlur = useCallback(
-      (event) => {
-        ctx.focusProps.onBlur();
-        providedOnBlur?.(event);
-      },
-      [ctx.focusProps, providedOnBlur]
-    );
-    const describedByParts = [];
-    describedByParts.push(ctx.hintId);
-    if (ctx.hasError) {
-      describedByParts.push(ctx.errorId);
-    }
-    return /* @__PURE__ */ jsx(
-      "textarea",
-      {
-        ref: mergedRef,
-        id: ctx.fieldId,
-        rows: rowsOverride ?? ctx.rows,
-        value: ctx.value,
-        onChange: handleChange,
-        onFocus: handleFocus,
-        onBlur: handleBlur,
-        disabled: ctx.disabled,
-        readOnly: ctx.readOnly,
-        "aria-describedby": describedByParts.join(" ") || void 0,
-        "aria-invalid": ctx.hasError ? "true" : void 0,
-        "aria-required": ctx.required ? "true" : void 0,
-        "data-compa11y-textarea-field": "",
-        className,
-        style: ctx.unstyled ? style : {
-          width: "100%",
-          padding: "var(--compa11y-textarea-padding, 0.5rem 0.75rem)",
-          border: ctx.hasError ? "1px solid var(--compa11y-textarea-border-error, #ef4444)" : "var(--compa11y-textarea-border, 1px solid #ccc)",
-          borderRadius: "var(--compa11y-textarea-radius, 4px)",
-          fontSize: "var(--compa11y-textarea-font-size, 0.875rem)",
-          fontFamily: "inherit",
-          lineHeight: "1.5",
-          resize: ctx.resize,
-          background: ctx.disabled ? "var(--compa11y-textarea-disabled-bg, #f5f5f5)" : ctx.readOnly ? "var(--compa11y-textarea-readonly-bg, #f9f9f9)" : "var(--compa11y-textarea-bg, white)",
-          color: "inherit",
-          cursor: ctx.disabled ? "not-allowed" : void 0,
-          opacity: ctx.disabled ? "var(--compa11y-textarea-disabled-opacity, 0.7)" : void 0,
-          ...ctx.isFocusVisible && !ctx.disabled ? {
-            outline: ctx.hasError ? "2px solid var(--compa11y-textarea-border-error, #ef4444)" : "2px solid var(--compa11y-focus-color, #0066cc)",
-            outlineOffset: "-1px",
-            borderColor: ctx.hasError ? "var(--compa11y-textarea-border-error, #ef4444)" : "var(--compa11y-textarea-border-focus, #0066cc)"
-          } : {},
-          ...style
-        },
-        ...rest
-      }
-    );
-  }
-);
-TextareaField.displayName = "TextareaField";
-var TextareaHint = forwardRef(
-  function TextareaHint2({ children, className }, ref) {
-    const ctx = useTextareaContext();
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        ref,
-        id: ctx.hintId,
-        "data-compa11y-textarea-hint": "",
-        className,
-        style: ctx.unstyled ? {} : {
-          color: "var(--compa11y-textarea-hint-color, #666)",
-          fontSize: "var(--compa11y-textarea-hint-size, 0.8125rem)"
-        },
-        children
-      }
-    );
-  }
-);
-TextareaHint.displayName = "TextareaHint";
-var TextareaError = forwardRef(
-  function TextareaError2({ children, className }, ref) {
-    const ctx = useTextareaContext();
-    if (!children) return null;
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        ref,
-        id: ctx.errorId,
-        role: "alert",
-        "data-compa11y-textarea-error": "",
-        className,
-        style: ctx.unstyled ? {} : {
-          color: "var(--compa11y-textarea-error-color, #ef4444)",
-          fontSize: "var(--compa11y-textarea-error-size, 0.8125rem)"
-        },
-        children
-      }
-    );
-  }
-);
-TextareaError.displayName = "TextareaError";
-var Textarea = forwardRef(
-  function Textarea2({
-    value: controlledValue,
-    defaultValue = "",
-    onValueChange,
-    rows = 3,
-    resize = "vertical",
-    label,
-    hint,
-    error,
-    required = false,
-    disabled = false,
-    readOnly = false,
-    "aria-label": ariaLabel,
-    "aria-labelledby": ariaLabelledBy,
-    placeholder,
-    name,
-    autoComplete,
-    maxLength,
-    minLength,
-    id: providedId,
-    unstyled = false,
-    className,
-    onFocus: providedOnFocus,
-    onBlur: providedOnBlur,
-    children
-  }, ref) {
-    const generatedId = useId("textarea");
-    const baseId = providedId || generatedId;
-    const fieldId = `${baseId}-field`;
-    const labelId = `${baseId}-label`;
-    const hintId = `${baseId}-hint`;
-    const errorId = `${baseId}-error`;
-    const [uncontrolledValue, setUncontrolledValue] = useState(defaultValue);
-    const isControlled = controlledValue !== void 0;
-    const currentValue = isControlled ? controlledValue : uncontrolledValue;
-    const setValue = useCallback(
-      (newValue) => {
-        if (!isControlled) {
-          setUncontrolledValue(newValue);
-        }
-        onValueChange?.(newValue);
-      },
-      [isControlled, onValueChange]
-    );
-    const { isFocusVisible, focusProps } = useFocusVisible();
-    useEffect(() => {
-      if (process.env.NODE_ENV !== "production") {
-        const isCompound2 = Children.count(children) > 0;
-        if (!isCompound2 && !label && !ariaLabel && !ariaLabelledBy) {
-          console.warn(
-            "[Compa11y Textarea]: Textarea has no accessible label. Screen readers need this to identify the textarea. Use label prop, aria-label, or aria-labelledby."
-          );
-        }
-      }
-    }, [children, label, ariaLabel, ariaLabelledBy]);
-    const hasError = Boolean(error);
-    const isCompound = Children.count(children) > 0;
-    const contextValue = {
-      fieldId,
-      labelId,
-      hintId,
-      errorId,
-      value: currentValue,
-      setValue,
-      hasError,
-      disabled,
-      readOnly,
-      required,
-      rows,
-      resize,
-      isFocusVisible,
-      focusProps,
-      unstyled
-    };
-    const dataAttrs = {
-      "data-compa11y-textarea": "",
-      "data-error": hasError ? "true" : "false",
-      "data-disabled": disabled ? "true" : "false",
-      "data-required": required ? "true" : "false",
-      "data-readonly": readOnly ? "true" : "false"
-    };
-    const wrapperStyle = unstyled ? {} : {
-      display: "flex",
-      flexDirection: "column",
-      gap: "0.25rem"
-    };
-    if (isCompound) {
-      return /* @__PURE__ */ jsx(TextareaContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx("div", { ...dataAttrs, className, style: wrapperStyle, children }) });
-    }
-    const textareaRef = useRef(null);
-    const mergedRef = useCallback(
-      (node) => {
-        textareaRef.current = node;
-        if (typeof ref === "function") {
-          ref(node);
-        } else if (ref) {
-          ref.current = node;
-        }
-      },
-      [ref]
-    );
-    const handleChange = useCallback(
-      (event) => {
-        setValue(event.target.value);
-      },
-      [setValue]
-    );
-    const handleFocus = useCallback(
-      (event) => {
-        focusProps.onFocus();
-        providedOnFocus?.(event);
-      },
-      [focusProps, providedOnFocus]
-    );
-    const handleBlur = useCallback(
-      (event) => {
-        focusProps.onBlur();
-        providedOnBlur?.(event);
-      },
-      [focusProps, providedOnBlur]
-    );
-    const describedByParts = [];
-    if (hint) describedByParts.push(hintId);
-    if (hasError) describedByParts.push(errorId);
-    const ariaDescribedBy = describedByParts.length > 0 ? describedByParts.join(" ") : void 0;
-    return /* @__PURE__ */ jsxs("div", { ...dataAttrs, className, style: wrapperStyle, children: [
-      label && /* @__PURE__ */ jsxs(
-        "label",
-        {
-          id: labelId,
-          htmlFor: fieldId,
-          "data-compa11y-textarea-label": "",
-          style: unstyled ? {} : {
-            display: "block",
-            color: disabled ? "var(--compa11y-textarea-disabled-color, #999)" : "var(--compa11y-textarea-label-color, inherit)",
-            fontSize: "var(--compa11y-textarea-label-size, 0.875rem)",
-            fontWeight: "var(--compa11y-textarea-label-weight, 500)"
-          },
-          children: [
-            label,
-            required && /* @__PURE__ */ jsx(
-              "span",
-              {
-                "data-compa11y-textarea-required": "",
-                "aria-hidden": "true",
-                style: unstyled ? {} : {
-                  color: "var(--compa11y-textarea-required-color, #ef4444)",
-                  marginLeft: "0.125rem"
-                },
-                children: "*"
-              }
-            )
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "textarea",
-        {
-          ref: mergedRef,
-          id: fieldId,
-          rows,
-          value: currentValue,
-          onChange: handleChange,
-          onFocus: handleFocus,
-          onBlur: handleBlur,
-          disabled,
-          readOnly,
-          required,
-          placeholder,
-          name,
-          autoComplete,
-          maxLength,
-          minLength,
-          "aria-label": !label ? ariaLabel : void 0,
-          "aria-labelledby": !label && ariaLabelledBy ? ariaLabelledBy : label ? labelId : void 0,
-          "aria-describedby": ariaDescribedBy,
-          "aria-invalid": hasError ? "true" : void 0,
-          "aria-required": required ? "true" : void 0,
-          "data-compa11y-textarea-field": "",
-          style: unstyled ? {} : {
-            width: "100%",
-            padding: "var(--compa11y-textarea-padding, 0.5rem 0.75rem)",
-            border: hasError ? "1px solid var(--compa11y-textarea-border-error, #ef4444)" : "var(--compa11y-textarea-border, 1px solid #ccc)",
-            borderRadius: "var(--compa11y-textarea-radius, 4px)",
-            fontSize: "var(--compa11y-textarea-font-size, 0.875rem)",
-            fontFamily: "inherit",
-            lineHeight: "1.5",
-            resize,
-            background: disabled ? "var(--compa11y-textarea-disabled-bg, #f5f5f5)" : readOnly ? "var(--compa11y-textarea-readonly-bg, #f9f9f9)" : "var(--compa11y-textarea-bg, white)",
-            color: "inherit",
-            cursor: disabled ? "not-allowed" : void 0,
-            opacity: disabled ? "var(--compa11y-textarea-disabled-opacity, 0.7)" : void 0,
-            ...isFocusVisible && !disabled ? {
-              outline: hasError ? "2px solid var(--compa11y-textarea-border-error, #ef4444)" : "2px solid var(--compa11y-focus-color, #0066cc)",
-              outlineOffset: "-1px",
-              borderColor: hasError ? "var(--compa11y-textarea-border-error, #ef4444)" : "var(--compa11y-textarea-border-focus, #0066cc)"
-            } : {}
-          }
-        }
-      ),
-      hint && /* @__PURE__ */ jsx(
-        "div",
-        {
-          id: hintId,
-          "data-compa11y-textarea-hint": "",
-          style: unstyled ? {} : {
-            color: "var(--compa11y-textarea-hint-color, #666)",
-            fontSize: "var(--compa11y-textarea-hint-size, 0.8125rem)"
-          },
-          children: hint
-        }
-      ),
-      hasError && /* @__PURE__ */ jsx(
-        "div",
-        {
-          id: errorId,
-          role: "alert",
-          "data-compa11y-textarea-error": "",
-          style: unstyled ? {} : {
-            color: "var(--compa11y-textarea-error-color, #ef4444)",
-            fontSize: "var(--compa11y-textarea-error-size, 0.8125rem)"
-          },
-          children: error
-        }
-      )
-    ] });
-  }
-);
-Textarea.displayName = "Textarea";
-var TextareaCompound = Object.assign(Textarea, {
-  Label: TextareaLabel,
-  Field: TextareaField,
-  Hint: TextareaHint,
-  Error: TextareaError
-});
-
-export { Button, CheckboxCompound as Checkbox, Checkbox as CheckboxBase, CheckboxGroup, CheckboxIndicator, InputCompound as Input, Input as InputBase, InputError, InputField, InputHint, InputLabel, ListboxCompound as Listbox, Listbox as ListboxBase, ListboxGroup, ListboxOption, Radio, RadioGroupCompound as RadioGroup, RadioGroup as RadioGroupBase, SelectCompound as Select, Select as SelectBase, SelectListbox, SelectOptionItem, SelectTrigger, Switch, TextareaCompound as Textarea, Textarea as TextareaBase, TextareaError, TextareaField, TextareaHint, TextareaLabel, useCheckboxGroupContext, useFocusControl, useFocusManager, useFocusVisible, useFocusWithin, useInputContext, useListboxContext, useRadioGroupContext, useRovingTabindex, useRovingTabindexMap, useTextareaContext };
-//# sourceMappingURL=index.js.map
-//# sourceMappingURL=index.js.map
+export{k as Dialog,j as DialogActions,d as DialogBase,h as DialogClose,i as DialogContent,g as DialogDescription,f as DialogTitle,e as DialogTrigger,c as useDialogContext,a as useFocusTrap,b as useFocusTrapControls}from'./chunk-ZB3SYGHE.js';export{i as ActionMenu,c as ActionMenuBase,e as ActionMenuContent,f as ActionMenuItem,h as ActionMenuLabel,g as ActionMenuSeparator,d as ActionMenuTrigger,a as useActionMenuContext}from'./chunk-GITBIGD4.js';export{d as Tab,c as TabList,e as TabPanel,f as Tabs,b as TabsBase,a as useTabsContext}from'./chunk-SB6ASQ36.js';export{b as ToastProvider,c as ToastViewport,a as useToast,d as useToastHelpers}from'./chunk-XEJXACWE.js';export{e as Combobox,a as ComboboxBase,b as ComboboxInput,c as ComboboxListbox,d as ComboboxOption}from'./chunk-HEA4NAOM.js';import {a}from'./chunk-MD4AVTLT.js';export{c as useAnnounceLoading,b as useAnnounceOnChange,a as useAnnouncer}from'./chunk-MD4AVTLT.js';import {e,a as a$1}from'./chunk-VMM4K2K4.js';export{d as useGridKeyboard,f as useKeyPressed,a as useKeyboard,b as useMenuKeyboard,c as useTabsKeyboard,e as useTypeAhead}from'./chunk-VMM4K2K4.js';import {a as a$2}from'./chunk-IZ7LLPPV.js';export{a as useId,c as useIdScope,b as useIds}from'./chunk-IZ7LLPPV.js';import {createContext,forwardRef,useCallback,useRef,useState,useEffect,useLayoutEffect,useMemo,useContext,Children}from'react';import {createComponentWarnings,initFocusVisible,isFocusVisible,focusWithVisibleRing}from'@compa11y/core';export{announce,announceAssertive,announceError,announcePolite,announceProgress,announceStatus,aria,buildAriaProps,checks,createComponentWarnings,hasAccessibleName,isAndroid,isBrowser,isIOS,isMac,mergeAriaIds,prefersDarkMode,prefersHighContrast,prefersReducedMotion,setWarningHandler,warn}from'@compa11y/core';import {jsxs,jsx,Fragment}from'react/jsx-runtime';function te(){let[x,t]=useState(false);useEffect(()=>initFocusVisible(),[]);let c=useCallback(()=>{t(isFocusVisible());},[]),r=useCallback(()=>{t(false);},[]);return {isFocusVisible:x,focusProps:{onFocus:c,onBlur:r}}}function Ot(x={}){let{autoFocus:t=false,restoreFocus:c=false,focusVisible:r=true}=x,e=useCallback(n=>{n&&t&&requestAnimationFrame(()=>{r?focusWithVisibleRing(n):n.focus();});},[t,r]);return useEffect(()=>{if(!c)return;let n=document.activeElement;return ()=>{n&&n.focus&&n.focus();}},[c]),e}function At(){let x=useCallback(c=>{},[]),t=useCallback(c=>{let r=x;r.current&&(c?.visible?focusWithVisibleRing(r.current):r.current.focus());},[]);return {ref:x,focus:t}}function Vt(){let[x,t]=useState(false),c=useCallback(n=>{},[]),r=useCallback(()=>{t(true);},[]),e=useCallback(n=>{let i=n.currentTarget,l=n.relatedTarget;(!l||!i.contains(l))&&t(false);},[]);return {ref:c,hasFocus:x,focusWithinProps:{onFocus:r,onBlur:e}}}function Qe(x){let{itemCount:t,initialIndex:c=0,wrap:r=true,orientation:e="both",onChange:n}=x,[i,l]=useState(c),o=useRef([]);useEffect(()=>{i>=t&&l(Math.max(0,t-1));},[t,i]);let a=useCallback(b=>{let f=b;f<0?f=r?t-1:0:f>=t&&(f=r?0:t-1),l(f),n?.(f),o.current[f]?.focus();},[t,r,n]),p=useCallback((b,f)=>{let m=false;switch(b.key){case "ArrowRight":(e==="horizontal"||e==="both")&&(a(f+1),m=true);break;case "ArrowLeft":(e==="horizontal"||e==="both")&&(a(f-1),m=true);break;case "ArrowDown":(e==="vertical"||e==="both")&&(a(f+1),m=true);break;case "ArrowUp":(e==="vertical"||e==="both")&&(a(f-1),m=true);break;case "Home":a(0),m=true;break;case "End":a(t-1),m=true;break}m&&(b.preventDefault(),b.stopPropagation());},[e,a,t]),s=useCallback(b=>({ref:f=>{o.current[b]=f;},tabIndex:b===i?0:-1,onKeyDown:f=>p(f,b),onFocus:()=>{b!==i&&(l(b),n?.(b));}}),[i,p,n]);return {activeIndex:i,setActiveIndex:a,getItemProps:s,first:()=>a(0),last:()=>a(t-1),next:()=>a(i+1),previous:()=>a(i-1)}}function Nt(x,t={}){let c=Qe({...t,itemCount:x.length}),r=useCallback(n=>{let i=x.indexOf(n);if(i===-1)throw new Error(`Unknown item ID: ${n}`);return c.getItemProps(i)},[x,c]),e=x[c.activeIndex];return {...c,activeId:e,getItemProps:r,setActiveId:n=>{let i=x.indexOf(n);i!==-1&&c.setActiveIndex(i);}}}var nn=createComponentWarnings("Select"),Gt=createContext(null);function nt(){let x=useContext(Gt);if(!x)throw new Error("Select compound components must be used within a Select component");return x}function Dt(x,t,c){let r=x.length,e=t+c;e<0&&(e=r-1),e>=r&&(e=0);let n=e;for(;x[e]?.disabled;)if(e+=c,e<0&&(e=r-1),e>=r&&(e=0),e===n)return  -1;return e}function Bt(x){return x.findIndex(t=>!t.disabled)}function zt(x){for(let t=x.length-1;t>=0;t--)if(!x[t]?.disabled)return t;return  -1}function at({options:x,value:t,defaultValue:c,onValueChange:r,disabled:e=false,placeholder:n="Select an option...","aria-label":i,"aria-labelledby":l,children:o}){let[a,p]=useState(c??null),[s,b]=useState(false),[f,m]=useState(-1),u=useRef(null),T=t!==void 0?t:a,C=a$2("select-trigger"),S=a$2("select-listbox"),R=a$2("select-option"),d=useCallback(P=>{t===void 0&&p(P),r?.(P);},[t,r]),y=useCallback(P=>`${R}-${P}`,[R]),w=useCallback(P=>{d(P.value),b(false),m(-1),u.current?.focus();},[d]);useEffect(()=>{!i&&!l&&nn.warning("Select has no accessible label.","Add aria-label or aria-labelledby prop.");},[i,l]);let E={selectedValue:T,setSelectedValue:d,isOpen:s,setIsOpen:b,highlightedIndex:f,setHighlightedIndex:m,options:x,triggerId:C,listboxId:S,getOptionId:y,onSelect:w,triggerRef:u,placeholder:n,disabled:e};return jsx(Gt.Provider,{value:E,children:jsx("div",{"data-compa11y-select":true,"data-disabled":e||void 0,children:o})})}var rt=forwardRef(function({onKeyDown:t,onClick:c,onBlur:r,...e$1},n){let{selectedValue:i,isOpen:l,setIsOpen:o,highlightedIndex:a$2,setHighlightedIndex:p,options:s,triggerId:b,listboxId:f,getOptionId:m,onSelect:u,triggerRef:T,placeholder:C,disabled:S}=nt(),{announce:R}=a(),d=e(s.map(h=>h.label),h=>{let F=s.findIndex(H=>H.label===h&&!H.disabled);F>=0&&(l||o(true),p(F));},{disabled:S}),y=useCallback((h=false)=>{o(true);let F=s.findIndex(H=>H.value===i);F>=0?p(F):p(h?zt(s):Bt(s));},[s,i,o,p]),w=a$1({ArrowDown:()=>{if(!l)y();else {let h=Dt(s,a$2,1);h>=0&&p(h);}},ArrowUp:()=>{if(!l)y(true);else {let h=Dt(s,a$2,-1);h>=0&&p(h);}},Enter:()=>{if(l&&a$2>=0){let h=s[a$2];h&&!h.disabled&&(u(h),R(`${h.label} selected`));}else l||y();}," ":()=>{if(l&&a$2>=0){let h=s[a$2];h&&!h.disabled&&(u(h),R(`${h.label} selected`));}else l||y();},Escape:()=>{l&&(o(false),p(-1));},Home:()=>{l&&p(Bt(s));},End:()=>{l&&p(zt(s));},Tab:()=>(l&&(o(false),p(-1)),false)},{preventDefault:true,stopPropagation:false}),E=h=>{t?.(h),h.defaultPrevented||w.onKeyDown(h),h.defaultPrevented||d.onKeyDown(h);},P=h=>{c?.(h),!h.defaultPrevented&&!S&&(l?(o(false),p(-1)):y());},O=h=>{r?.(h),setTimeout(()=>{o(false),p(-1);},150);},N=l&&a$2>=0?m(a$2):void 0,A=s.find(h=>h.value===i),$=A?.label??C,g=useCallback(h=>{T.current=h,typeof n=="function"?n(h):n&&(n.current=h);},[n,T]);return jsxs("button",{ref:g,id:b,type:"button",role:"combobox","aria-expanded":l,"aria-controls":f,"aria-haspopup":"listbox","aria-activedescendant":N,disabled:S,onKeyDown:E,onClick:P,onBlur:O,"data-compa11y-select-trigger":true,"data-placeholder":!A||void 0,...e$1,children:[jsx("span",{"data-compa11y-select-value":true,children:$}),jsx("span",{"aria-hidden":"true","data-compa11y-select-chevron":true,children:"\u25BC"})]})}),it=forwardRef(function({children:t,style:c,...r},e){let{isOpen:n,options:i,listboxId:l,triggerId:o}=nt(),{announce:a$1}=a(),p=useRef(null),[s,b]=useState("bottom");useEffect(()=>{n&&a$1(`${i.length} option${i.length===1?"":"s"} available`);},[n,i.length,a$1]),useLayoutEffect(()=>{if(n&&p.current){let C=p.current.getBoundingClientRect(),R=window.innerHeight-C.top,d=C.top,y=Math.min(C.height,200);R<y+50&&d>R?b("top"):b("bottom");}},[n]);let f=T=>{T.preventDefault();},m=useCallback(T=>{p.current=T,typeof e=="function"?e(T):e&&(e.current=T);},[e]);return n?jsx("ul",{ref:m,id:l,role:"listbox","aria-labelledby":o,style:{...c,...s==="top"?{bottom:"100%",top:"auto",marginBottom:"4px",marginTop:0}:{}},onMouseDown:f,"data-compa11y-select-listbox":true,"data-position":s,...r,children:t??i.map((T,C)=>jsx(ke,{option:T,index:C},T.value))}):null}),ke=forwardRef(function({option:t,index:c,onClick:r,onMouseEnter:e,...n},i){let{selectedValue:l,highlightedIndex:o,setHighlightedIndex:a$1,getOptionId:p,onSelect:s}=nt(),{announce:b}=a(),f=useRef(null),m=l===t.value,u=o===c,T=p(c);useEffect(()=>{u&&f.current&&f.current.scrollIntoView({block:"nearest",behavior:"smooth"});},[u]);let C=d=>{r?.(d),!d.defaultPrevented&&!t.disabled&&(s(t),b(`${t.label} selected`));},S=d=>{e?.(d),t.disabled||a$1(c);},R=useCallback(d=>{f.current=d,typeof i=="function"?i(d):i&&(i.current=d);},[i]);return jsxs("li",{ref:R,id:T,role:"option","aria-selected":m,"aria-disabled":t.disabled,"data-highlighted":u,"data-selected":m,"data-disabled":t.disabled,onClick:C,onMouseEnter:S,"data-compa11y-select-option":true,...n,children:[jsx("span",{"data-compa11y-select-option-text":true,children:t.label}),m&&jsx("span",{"aria-hidden":"true","data-compa11y-select-check":true,children:"\u2713"})]})}),$t=Object.assign(at,{Trigger:rt,Listbox:it,Option:ke});var Wt=createComponentWarnings("Checkbox"),cn=()=>jsx("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none","aria-hidden":"true",style:{display:"block"},children:jsx("path",{d:"M2.5 6L5 8.5L9.5 3.5",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}),un=()=>jsx("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none","aria-hidden":"true",style:{display:"block"},children:jsx("path",{d:"M3 6H9",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round"})}),Ut=createContext(null);function ct(){return useContext(Ut)}var we=forwardRef(function({value:t,defaultValue:c=[],onValueChange:r,disabled:e=false,legend:n,error:i,orientation:l="vertical",name:o,unstyled:a=false,className:p="",children:s,"aria-label":b,"aria-labelledby":f},m){let u=a$2("checkbox-group"),T=o||u,C=a$2("checkbox-group-error"),[S,R]=useState(c),d=t!==void 0,y=d?t:S;useEffect(()=>{!n&&!b&&!f&&Wt.warning("CheckboxGroup has no accessible label. Screen readers need this to identify the group.",'Add legend="...", aria-label="...", or aria-labelledby="..."');},[n,b,f]);let w=useCallback((g,h)=>{let F=d?t:S,H=h?[...F,g]:F.filter(D=>D!==g);d||R(H),r?.(H);},[d,t,S,r]),E={name:T,value:y,disabled:e,unstyled:a,onCheckboxChange:w},P=!!i,O={border:"none",margin:0,padding:0,minWidth:0},N=a?{padding:0,marginBottom:"0.5rem"}:{padding:0,marginBottom:"0.5rem",fontWeight:600},A={display:"flex",flexDirection:l==="horizontal"?"row":"column",flexWrap:l==="horizontal"?"wrap":void 0,gap:"var(--compa11y-checkbox-group-gap, 0.75rem)"},$=a?{marginTop:"0.25rem"}:{color:"var(--compa11y-checkbox-group-error-color, #ef4444)",fontSize:"0.8125rem",marginTop:"0.25rem"};return jsx(Ut.Provider,{value:E,children:jsxs("fieldset",{ref:m,className:p,"aria-label":b,"aria-labelledby":f,"aria-describedby":P?C:void 0,disabled:e,"data-compa11y-checkbox-group":"","data-orientation":l,"data-disabled":e?"true":void 0,style:O,children:[n&&jsx("legend",{"data-compa11y-checkbox-group-legend":"",style:N,children:n}),jsx("div",{style:A,children:s}),P&&jsx("div",{id:C,role:"alert","data-compa11y-checkbox-group-error":"",style:$,children:i})]})})});we.displayName="CheckboxGroup";var He=forwardRef(function({checked:t,defaultChecked:c=false,onCheckedChange:r,indeterminate:e=false,label:n,hint:i,error:l,disabled:o=false,value:a$1,required:p=false,unstyled:s,className:b="",size:f="md",name:m,"aria-label":u,"aria-labelledby":T,"aria-describedby":C,onClick:S,onFocus:R,onBlur:d,...y},w){let E=ct(),P=a$2("checkbox"),O=`${P}-input`,N=`${P}-label`,A=`${P}-hint`,$=`${P}-error`,{announce:g}=a(),{isFocusVisible:h,focusProps:F}=te(),H=E!==null,D=H&&E.disabled||o,z=s??(H?E.unstyled:false),I=H?E.name:m,[U,q]=useState(c),W=H?E.value.includes(a$1||""):t!==void 0?t:U,K=useRef(null),V=useCallback(ce=>{K.current=ce,typeof w=="function"?w(ce):w&&(w.current=ce);},[w]);useEffect(()=>{K.current&&(K.current.indeterminate=e);},[e]),useEffect(()=>{!n&&!u&&!T&&Wt.warning("Checkbox has no accessible label. Screen readers need this to identify the checkbox.",'Add label="...", aria-label="...", or aria-labelledby="..."');},[n,u,T]);let j=useCallback(ce=>{let Le=ce.target.checked;H?E.onCheckboxChange(a$1||"",Le):(t===void 0&&q(Le),r?.(Le)),g(`${typeof n=="string"?n:u||"Checkbox"} ${Le?"checked":"unchecked"}`);},[H,E,a$1,t,r,n,u,g]),X=useCallback(ce=>{F.onFocus(),R?.(ce);},[F,R]),J=useCallback(ce=>{F.onBlur(),d?.(ce);},[F,d]),_=!!n,ee=!!i,oe=!!l,ne=[];C&&ne.push(C),ee&&ne.push(A),oe&&ne.push($);let v=ne.length?ne.join(" "):void 0,M={sm:{box:16},md:{box:20},lg:{box:24}}[f],L={display:"inline-flex",alignItems:"flex-start",gap:"0.5rem",cursor:D?"not-allowed":"pointer",userSelect:"none",...D&&!z?{opacity:.5}:{}},G={position:"relative",display:"inline-flex",alignItems:"center",justifyContent:"center",flexShrink:0},Re={position:"absolute",opacity:0,width:"100%",height:"100%",margin:0,cursor:"inherit",zIndex:1},xe=z?{}:{width:M.box,height:M.box,minWidth:24,minHeight:24,border:W||e?"var(--compa11y-checkbox-checked-border, 2px solid #0066cc)":"var(--compa11y-checkbox-border, 2px solid #666)",borderRadius:"var(--compa11y-checkbox-radius, 3px)",background:W||e?"var(--compa11y-checkbox-checked-bg, #0066cc)":"var(--compa11y-checkbox-bg, white)",display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0,transition:"all 0.15s ease",pointerEvents:"none",color:"var(--compa11y-checkbox-check-color, white)",...h?{outline:"2px solid var(--compa11y-focus-color, #0066cc)",outlineOffset:"2px"}:{}},po={display:"flex",flexDirection:"column",gap:"0.125rem",paddingTop:"0.125rem"},bo=z?{cursor:"inherit"}:{cursor:"inherit",color:"var(--compa11y-checkbox-label-color, inherit)"},fo=z?{}:{color:"var(--compa11y-checkbox-hint-color, #666)",fontSize:"0.8125rem"},mo=z?{}:{color:"var(--compa11y-checkbox-error-color, #ef4444)",fontSize:"0.8125rem"};return jsxs("div",{className:b,"data-compa11y-checkbox":"","data-checked":W?"true":"false","data-indeterminate":e?"true":void 0,"data-disabled":D?"true":void 0,"data-size":f,style:L,children:[jsxs("div",{style:G,children:[jsx("input",{ref:V,type:"checkbox",id:O,name:I,value:a$1,checked:W,onChange:j,onClick:S,onFocus:X,onBlur:J,disabled:D,required:p,"aria-required":p||void 0,"aria-invalid":oe||void 0,"aria-label":!_&&!T?u:void 0,"aria-labelledby":T||(_?N:void 0),"aria-describedby":v,"aria-checked":e?"mixed":W,tabIndex:D?-1:0,style:Re,...y}),!z&&jsxs("div",{"data-compa11y-checkbox-indicator":"","aria-hidden":"true",style:xe,children:[W&&!e&&jsx(cn,{}),e&&jsx(un,{})]})]}),(_||ee||oe)&&jsxs("div",{style:po,children:[_&&jsxs("label",{htmlFor:O,id:N,"data-compa11y-checkbox-label":"",style:bo,children:[n,p&&jsx("span",{"aria-hidden":"true",style:{color:"var(--compa11y-checkbox-required-color, #ef4444)",marginLeft:"0.125rem"},children:"*"})]}),ee&&jsx("div",{id:A,"data-compa11y-checkbox-hint":"",style:fo,children:i}),oe&&jsx("div",{id:$,role:"alert","data-compa11y-checkbox-error":"",style:mo,children:l})]})]})});He.displayName="Checkbox";var Fe=forwardRef(function({children:t,className:c},r){return jsx("div",{ref:r,className:c,"data-compa11y-checkbox-indicator":"","aria-hidden":"true",children:t})});Fe.displayName="CheckboxIndicator";var qt=Object.assign(He,{Group:we,Indicator:Fe});var mn=createComponentWarnings("RadioGroup"),pt=createContext(null);function bt(){let x=useContext(pt);if(!x)throw new Error("[Compa11y RadioGroup]: Radio must be used within a RadioGroup.");return x}var Oe=forwardRef(function({value:t,defaultValue:c,onValueChange:r,disabled:e=false,discoverable:n=true,required:i=false,orientation:l="vertical",name:o,legend:a,hint:p,error:s,unstyled:b=false,className:f="",children:m,"aria-label":u,"aria-labelledby":T},C){let S=a$2("radiogroup"),R=o||S,d=a$2("radiogroup-hint"),y=a$2("radiogroup-error"),[w,E]=useState(c??null),P=t!==void 0,O=P?t:w,N=useRef(new Map);useEffect(()=>{!a&&!u&&!T&&mn.warning("RadioGroup has no accessible label. Screen readers need this to identify the group.",'Add legend="...", aria-label="...", or aria-labelledby="..."');},[a,u,T]);let A=useCallback(V=>{e||(P||E(V),r?.(V));},[e,P,r]),$=useCallback((V,j)=>{N.current.set(V,j);},[]),g=useCallback(V=>{N.current.delete(V);},[]),h=useCallback((V,j)=>{N.current.set(V,j);},[]),F=useCallback(()=>{let V=[];return N.current.forEach((j,X)=>{!j&&!e&&V.push(X);}),V},[e]),H=useRef(null),D=C||H,z=useCallback(V=>{let j=F();if(j.length===0)return;let X=O?j.indexOf(O):-1,J;switch(V){case "next":J=X<0?0:(X+1)%j.length;break;case "prev":J=X<0?j.length-1:(X-1+j.length)%j.length;break;case "first":J=0;break;case "last":J=j.length-1;break}let _=j[J];if(_!==void 0){A(_);let ee=typeof D=="object"&&D?D.current:null;ee&&ee.querySelector(`input[type="radio"][value="${CSS.escape(_)}"]`)?.focus();}},[F,O,A,D]),I=a$1({ArrowDown:()=>z("next"),ArrowRight:()=>z("next"),ArrowUp:()=>z("prev"),ArrowLeft:()=>z("prev"),Home:()=>z("first"),End:()=>z("last")},{preventDefault:true,stopPropagation:true,disabled:e}),U={name:R,value:O??null,disabled:e,discoverable:n,required:i,unstyled:b,orientation:l,onValueChange:A,registerRadio:$,unregisterRadio:g,updateRadioDisabled:h},q=[];p&&q.push(d),s&&q.push(y);let W=q.length>0?q.join(" "):void 0,K=jsxs(Fragment,{children:[jsx("div",{style:b?{display:"flex",flexDirection:l==="horizontal"?"row":"column"}:{display:"flex",flexDirection:l==="horizontal"?"row":"column",gap:"var(--compa11y-radio-gap, 0.75rem)"},children:m}),p&&jsx("div",{id:d,style:b?{}:{color:"var(--compa11y-radio-group-hint-color, #666)",fontSize:"0.8125rem",marginTop:"0.25rem"},children:p}),s&&jsx("div",{id:y,role:"alert",style:b?{}:{color:"var(--compa11y-radio-group-error-color, #ef4444)",fontSize:"0.8125rem",marginTop:"0.25rem"},children:s})]});return a?jsx(pt.Provider,{value:U,children:jsxs("fieldset",{ref:D,role:"radiogroup","aria-label":u,"aria-labelledby":T,"aria-orientation":l,"aria-required":i||void 0,"aria-disabled":e||void 0,"aria-invalid":s?true:void 0,"aria-describedby":W,className:`compa11y-radiogroup ${f}`.trim(),"data-compa11y-radiogroup":"","data-orientation":l,"data-disabled":e?"true":void 0,"data-error":s?"true":void 0,onKeyDown:I.onKeyDown,style:b?{border:"none",margin:0,padding:0,minWidth:0}:{border:"none",margin:0,padding:0,minWidth:0},children:[jsxs("legend",{style:b?{}:{padding:0,marginBottom:"var(--compa11y-radio-group-legend-gap, 0.5rem)",fontWeight:"var(--compa11y-radio-group-legend-weight, 600)",color:"var(--compa11y-radio-group-legend-color, inherit)",fontSize:"var(--compa11y-radio-group-legend-size, 1rem)"},children:[a,i&&!b&&jsxs("span",{"aria-hidden":"true",style:{color:"var(--compa11y-radio-group-required-color, #ef4444)",marginLeft:"0.125rem"},children:[" ","*"]})]}),K]})}):jsx(pt.Provider,{value:U,children:jsx("div",{ref:D,role:"radiogroup","aria-label":u,"aria-labelledby":T,"aria-orientation":l,"aria-required":i||void 0,"aria-disabled":e||void 0,"aria-invalid":s?true:void 0,"aria-describedby":W,className:`compa11y-radiogroup ${f}`.trim(),"data-compa11y-radiogroup":"","data-orientation":l,"data-disabled":e?"true":void 0,"data-error":s?"true":void 0,onKeyDown:I.onKeyDown,children:K})})});Oe.displayName="RadioGroup";var Ae=forwardRef(function({value:t,disabled:c=false,discoverable:r,label:e,hint:n,unstyled:i,className:l="",children:o,"aria-label":a$1},p){let s=bt(),b=a$2("radio"),f=a$2("radio-hint"),m=s.disabled||c,u=r??s.discoverable,T=i??s.unstyled,C=s.value===t,{announce:S}=a(),{isFocusVisible:R,focusProps:d}=te(),y=useRef(null),w=useCallback(I=>{y.current=I,typeof p=="function"?p(I):p&&(p.current=I);},[p]);useEffect(()=>(s.registerRadio(t,m),()=>s.unregisterRadio(t)),[t]),useEffect(()=>{s.updateRadioDisabled(t,m);},[m,t]);let E=useCallback(I=>{if(m){I.preventDefault();return}s.onValueChange(t),S(`${e||(typeof o=="string"?o:null)||t} selected`,{politeness:"polite"});},[m,s,t,e,o,S]),P=useCallback(I=>{m&&I.preventDefault();},[m]),O=useCallback(I=>{d.onFocus(),!C&&!m&&s.onValueChange(t);},[d,C,m,s,t]),N=useCallback(()=>{d.onBlur();},[d]),A=!!(o||e),$=o||e,g=`${b}-label`,h=!!n,F=(()=>{if(s.value!==null)return  false;let I=Array.from(y.current?.closest('[role="radiogroup"]')?.querySelectorAll('input[type="radio"]')??[]);for(let U of I){let q=U;if(!q.disabled&&q.getAttribute("aria-disabled")!=="true")return q.value===t}return  false})(),H=m&&!u?-1:C||s.value===null&&F?0:-1,D=m&&!u,z=h?f:void 0;return jsxs("label",{htmlFor:b,className:`compa11y-radio-wrapper ${l}`.trim(),"data-compa11y-radio":"","data-value":t,"data-checked":C?"true":"false","data-disabled":m?"true":void 0,style:T?{display:"inline-flex",alignItems:"flex-start",cursor:m?"not-allowed":"pointer",gap:"0.5rem"}:{display:"inline-flex",alignItems:"flex-start",gap:"var(--compa11y-radio-gap, 0.5rem)",cursor:m?"not-allowed":"pointer",userSelect:"none",opacity:m?.5:1},children:[jsxs("div",{style:{position:"relative",display:"inline-flex",alignItems:"center",justifyContent:"center",flexShrink:0},children:[jsx("input",{ref:w,type:"radio",id:b,name:s.name,value:t,checked:C,onChange:E,onClick:P,onFocus:O,onBlur:N,disabled:D,tabIndex:H,"aria-disabled":m?"true":void 0,"aria-label":A?void 0:a$1,"aria-labelledby":A?g:void 0,"aria-describedby":z,required:s.required,className:"compa11y-radio-input",style:{position:"absolute",opacity:0,width:"var(--compa11y-radio-size, 1.25rem)",height:"var(--compa11y-radio-size, 1.25rem)",margin:0,cursor:m?"not-allowed":"pointer"}}),!T&&jsx("div",{className:"compa11y-radio-circle",style:{width:"var(--compa11y-radio-size, 1.25rem)",height:"var(--compa11y-radio-size, 1.25rem)",minWidth:"24px",minHeight:"24px",border:C?"var(--compa11y-radio-checked-border, 2px solid #0066cc)":"var(--compa11y-radio-border, 2px solid #666)",borderRadius:"50%",background:C?"var(--compa11y-radio-checked-bg, #0066cc)":"var(--compa11y-radio-bg, white)",display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0,transition:"all 0.15s ease",pointerEvents:"none",...R?{outline:"2px solid var(--compa11y-focus-color, #0066cc)",outlineOffset:"2px"}:{}},children:jsx("div",{"aria-hidden":"true",style:{width:"var(--compa11y-radio-dot-size, 0.5rem)",height:"var(--compa11y-radio-dot-size, 0.5rem)",borderRadius:"50%",background:"var(--compa11y-radio-dot-color, white)",opacity:C?1:0,transform:C?"scale(1)":"scale(0)",transition:"all 0.15s ease"}})})]}),(A||h)&&jsxs("div",{style:T?{}:{display:"flex",flexDirection:"column",gap:"0.125rem",paddingTop:"0.125rem"},children:[A&&jsx("span",{id:g,className:"compa11y-radio-label",style:T?{}:{color:"var(--compa11y-radio-label-color, inherit)",fontSize:"var(--compa11y-radio-label-size, 1rem)"},children:$}),h&&jsx("span",{id:f,className:"compa11y-radio-hint",style:T?{}:{color:"var(--compa11y-radio-hint-color, #666)",fontSize:"var(--compa11y-radio-hint-size, 0.8125rem)"},children:n})]})]})});Ae.displayName="Radio";var Yt=Object.assign(Oe,{Radio:Ae});var Tn=createComponentWarnings("Switch"),mt=forwardRef(function({checked:t,defaultChecked:c=false,onCheckedChange:r,label:e,disabled:n=false,unstyled:i=false,className:l,size:o="md","aria-label":a$3,"aria-labelledby":p,onClick:s,...b},f){let u=`${a$2("switch")}-label`,{announce:T}=a(),[C,S]=useState(c),R=t!==void 0,d=R?t:C;useEffect(()=>{!e&&!a$3&&!p&&Tn.warning("Switch has no accessible label. Screen readers need this to identify the switch.",'Add label="Description", aria-label="...", or aria-labelledby="..."');},[e,a$3,p]);let y=useCallback(()=>{if(n)return;let I=!d;R||S(I),r?.(I),T(`${e||a$3||"Switch"} ${I?"on":"off"}`);},[d,n,R,r,e,a$3,T]),w=useCallback(I=>{s?.(I),I.defaultPrevented||y();},[s,y]),E=a$1({" ":()=>{y();},Enter:()=>{y();}},{preventDefault:true}),P=I=>{b.onKeyDown?.(I),I.defaultPrevented||E.onKeyDown(I);},O=a$3,N=p||(e?u:void 0),A={display:"inline-flex",alignItems:"center"},g={sm:{width:32,height:18,thumb:14,translate:14},md:{width:44,height:24,thumb:20,translate:20},lg:{width:56,height:30,thumb:26,translate:26}}[o],h={position:"relative",display:"inline-flex",alignItems:"center",flexShrink:0,width:g.width,height:g.height,border:"none",padding:2,cursor:n?"not-allowed":"pointer"},F=i?{}:{backgroundColor:d?"#0066cc":"#d1d5db",borderRadius:g.height/2,transition:"background-color 0.2s ease",opacity:n?.5:1},H={position:"absolute",left:2,width:g.thumb,height:g.thumb,pointerEvents:"none",transform:d?`translateX(${g.translate}px)`:"translateX(0)"},D=i?{}:{backgroundColor:"white",borderRadius:"50%",boxShadow:"0 1px 3px rgba(0, 0, 0, 0.2)",transition:"transform 0.2s ease"},z=i?{marginLeft:8,userSelect:"none",cursor:n?"not-allowed":"pointer"}:{marginLeft:8,userSelect:"none",cursor:n?"not-allowed":"pointer",opacity:n?.5:1};return jsxs("div",{style:A,"data-compa11y-switch-wrapper":true,"data-size":o,children:[jsx("button",{ref:f,type:"button",role:"switch","aria-checked":d,"aria-label":O,"aria-labelledby":N,disabled:n,onClick:w,onKeyDown:P,className:l,style:{...h,...F},tabIndex:n?-1:0,"data-compa11y-switch":true,"data-checked":d,"data-disabled":n||void 0,"data-size":o,...b,onFocus:I=>{i||(I.currentTarget.style.outline="2px solid #0066cc",I.currentTarget.style.outlineOffset="2px"),b.onFocus?.(I);},onBlur:I=>{i||(I.currentTarget.style.outline="none"),b.onBlur?.(I);},children:jsx("span",{style:{...H,...D},"data-compa11y-switch-thumb":true,"aria-hidden":"true"})}),e&&jsx("label",{id:u,onClick:n?void 0:()=>y(),style:z,"data-compa11y-switch-label":true,children:e})]})});mt.displayName="Switch";var In=createComponentWarnings("Listbox"),Qt=createContext(null);function De(){let x=useContext(Qt);if(!x)throw new Error("[Compa11y Listbox]: Option/Group must be used within a Listbox.");return x}var eo=createContext({groupDisabled:false}),Be=forwardRef(function({value:t,defaultValue:c,onValueChange:r,multiple:e$1=false,disabled:n=false,discoverable:i=true,orientation:l="vertical",unstyled:o=false,className:a$3="",children:p,"aria-label":s,"aria-labelledby":b},f){let m=a$2("listbox"),{announce:u}=a(),[T,C]=useState(()=>c??(e$1?[]:"")),S=t!==void 0,R=S?t:T,d=useMemo(()=>e$1?new Set(Array.isArray(R)?R:[]):new Set(R?[String(R)]:[]),[R,e$1]),[y,w]=useState(null),E=useRef(new Map),[P,O]=useState(0),N=useCallback((v,k,M)=>{E.current.set(v,{disabled:k,label:M}),O(L=>L+1);},[]),A=useCallback(v=>{E.current.delete(v),O(k=>k+1);},[]),$=useCallback((v,k)=>{let M=E.current.get(v);M&&E.current.set(v,{...M,disabled:k});},[]),g=useMemo(()=>{let v=[];return E.current.forEach((k,M)=>{!k.disabled&&!n&&v.push(M);}),v},[P,n]);useEffect(()=>{!s&&!b&&In.warning("Listbox has no accessible label. Screen readers need this.",'Add aria-label="..." or aria-labelledby="..."');},[s,b]);let h=useCallback(v=>d.has(v),[d]),F=useCallback(v=>{if(n)return;let k=E.current.get(v);if(k?.disabled)return;let M,L=k?.label||v;if(e$1){let G=new Set(d);G.has(v)?(G.delete(v),u(`${L} deselected`,{politeness:"polite"})):(G.add(v),u(`${L} selected`,{politeness:"polite"})),M=Array.from(G);}else M=v,u(`${L} selected`,{politeness:"polite"});S||C(M),r?.(M);},[n,e$1,d,S,r,u]),H=useCallback(v=>{if(g.length===0)return;let k=y?g.indexOf(y):-1,M;switch(v){case "next":M=k<0?0:Math.min(k+1,g.length-1);break;case "prev":M=k<0?g.length-1:Math.max(k-1,0);break;case "first":M=0;break;case "last":M=g.length-1;break}let L=g[M];if(L!==void 0)if(w(L),e$1){let Re=E.current.get(L)?.label||L,xe=d.has(L);u(`${Re}${xe?", selected":""}`,{politeness:"polite"});}else {let Re=E.current.get(L)?.label||L,xe=L;S||C(xe),r?.(xe),u(`${Re} selected`,{politeness:"polite"});}},[g,y,e$1,S,r,u,d]),D=useCallback(()=>{y&&e$1&&F(y);},[y,e$1,F]),z=useCallback(()=>{if(!e$1||!y)return;let v=g.indexOf(y);if(v<0)return;let k=g.slice(0,v+1),M=new Set(d);k.forEach(G=>M.add(G));let L=Array.from(M);S||C(L),r?.(L),w(g[0]??null),u(`${k.length} items selected`,{politeness:"polite"});},[e$1,y,g,d,S,r,u]),I=useCallback(()=>{if(!e$1||!y)return;let v=g.indexOf(y);if(v<0)return;let k=g.slice(v),M=new Set(d);k.forEach(G=>M.add(G));let L=Array.from(M);S||C(L),r?.(L),w(g[g.length-1]??null),u(`${k.length} items selected`,{politeness:"polite"});},[e$1,y,g,d,S,r,u]),U=useCallback(()=>{if(!e$1)return;let v=g.every(M=>d.has(M)),k;v?(k=[],u("All deselected",{politeness:"polite"})):(k=[...g],u("All selected",{politeness:"polite"})),S||C(k),r?.(k);},[e$1,g,d,S,r,u]),q=useMemo(()=>{let v={ArrowDown:()=>H("next"),ArrowUp:()=>H("prev"),Home:()=>H("first"),End:()=>H("last")};return e$1&&(v[" "]=()=>D(),v["Shift+ArrowDown"]=()=>{H("next"),setTimeout(()=>D(),0);},v["Shift+ArrowUp"]=()=>{H("prev"),setTimeout(()=>D(),0);},v["Ctrl+Shift+Home"]=()=>z(),v["Ctrl+Shift+End"]=()=>I(),v["Ctrl+a"]=()=>U(),v["Meta+a"]=()=>U()),v},[e$1,H,D,z,I,U]),W=a$1(q,{preventDefault:true,stopPropagation:true,disabled:n}),K=useMemo(()=>Array.from(E.current.values()).map(v=>v.label),[P]),V=e(K,v=>{for(let[k,M]of E.current.entries())if(M.label===v&&!M.disabled){if(w(k),!e$1){let L=k;S||C(L),r?.(L),u(`${v} selected`,{politeness:"polite"});}break}},{disabled:n}),j=useCallback(v=>{W.onKeyDown(v),v.defaultPrevented||V.onKeyDown(v);},[W,V]),X=useCallback(()=>{if(!y){if(!e$1&&R&&typeof R=="string"){w(R);return}if(e$1&&Array.isArray(R)&&R.length>0){w(R[0]??null);return}g.length>0&&w(g[0]??null);}},[y,e$1,R,g]),J=useCallback(()=>{},[]),_=useRef(null);useEffect(()=>{y&&_.current&&_.current.querySelector(`[data-value="${CSS.escape(y)}"]`)?.scrollIntoView({block:"nearest"});},[y]);let ee=useMemo(()=>({multiple:e$1,disabled:n,discoverable:i,unstyled:o,orientation:l,selectedValues:d,focusedValue:y,onSelect:F,onFocusOption:w,registerOption:N,unregisterOption:A,updateOptionDisabled:$,isSelected:h,listboxId:m}),[e$1,n,i,o,l,d,y,F,N,A,$,h,m]),oe=useCallback(v=>{_.current=v,typeof f=="function"?f(v):f&&(f.current=v);},[f]),ne=y?`${m}-option-${y}`:void 0;return jsx(Qt.Provider,{value:ee,children:jsx("div",{ref:oe,role:"listbox","aria-label":s,"aria-labelledby":b,"aria-orientation":l,"aria-multiselectable":e$1||void 0,"aria-disabled":n||void 0,"aria-activedescendant":ne,tabIndex:n&&!i?-1:0,className:`compa11y-listbox ${a$3}`.trim(),"data-compa11y-listbox":"","data-orientation":l,"data-disabled":n?"true":void 0,"data-multiple":e$1?"true":void 0,onKeyDown:j,onFocus:X,onBlur:J,style:o?{}:{width:"var(--compa11y-listbox-width, 250px)",maxHeight:"var(--compa11y-listbox-max-height, 300px)",overflowY:"auto",border:"var(--compa11y-listbox-border, 1px solid #e0e0e0)",borderRadius:"var(--compa11y-listbox-radius, 4px)",background:"var(--compa11y-listbox-bg, white)",padding:"var(--compa11y-listbox-padding, 0.25rem 0)",...n?{opacity:"var(--compa11y-listbox-disabled-opacity, 0.5)",cursor:"not-allowed"}:{}},children:p})})});Be.displayName="Listbox";var ze=forwardRef(function({value:t,disabled:c=false,discoverable:r,unstyled:e,className:n="",children:i,"aria-label":l},o){let a=De(),{groupDisabled:p}=useContext(eo),s=a.disabled||p||c,b=e??a.unstyled,f=a.isSelected(t),m=a.focusedValue===t,u=`${a.listboxId}-option-${t}`,T=useRef(""),C=useRef(null),S=useCallback(d=>{C.current=d,typeof o=="function"?o(d):o&&(o.current=d);},[o]);useEffect(()=>{let d=typeof i=="string"?i:C.current?.textContent?.trim()||t;return T.current=d,a.registerOption(t,s,d),()=>a.unregisterOption(t)},[t]),useEffect(()=>{a.updateOptionDisabled(t,s);},[s,t]);let R=useCallback(d=>{if(s){d.preventDefault();return}a.onFocusOption(t),a.onSelect(t);},[s,a,t]);return jsxs("div",{ref:S,id:u,role:"option","aria-selected":f,"aria-disabled":s||void 0,"aria-label":l,className:`compa11y-listbox-option ${n}`.trim(),"data-compa11y-listbox-option":"","data-value":t,"data-selected":f?"true":"false","data-focused":m?"true":"false","data-disabled":s?"true":void 0,onClick:R,style:b?{cursor:s?"not-allowed":"pointer"}:{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"var(--compa11y-listbox-option-padding, 0.5rem 0.75rem)",cursor:s?"not-allowed":"pointer",userSelect:"none",transition:"background 0.1s ease",background:m?f?"var(--compa11y-listbox-option-selected-hover-bg, #cce0ff)":"var(--compa11y-listbox-option-hover-bg, #f5f5f5)":f?"var(--compa11y-listbox-option-selected-bg, #e6f0ff)":"transparent",fontWeight:f?500:"normal",opacity:s?.5:1},children:[jsx("span",{style:{flex:1},children:i}),f&&!b&&jsx("span",{"aria-hidden":"true",style:{fontSize:"0.875rem",color:"var(--compa11y-listbox-check-color, #0066cc)",marginLeft:"0.5rem"},children:"\u2713"})]})});ze.displayName="ListboxOption";var Ge=forwardRef(function({label:t,disabled:c=false,unstyled:r,className:e="",children:n},i){let l=De(),o=r??l.unstyled,a=a$2("listbox-group"),p=useMemo(()=>({groupDisabled:l.disabled||c}),[l.disabled,c]);return jsx(eo.Provider,{value:p,children:jsxs("div",{ref:i,role:"group","aria-labelledby":a,"aria-disabled":c||void 0,className:`compa11y-listbox-group ${e}`.trim(),"data-compa11y-listbox-group":"","data-disabled":c?"true":void 0,style:o?{}:{opacity:c?.5:1},children:[jsx("div",{id:a,role:"presentation",style:o?{}:{padding:"var(--compa11y-listbox-group-label-padding, 0.5rem 0.75rem 0.25rem)",fontSize:"var(--compa11y-listbox-group-label-size, 0.75rem)",fontWeight:600,color:"var(--compa11y-listbox-group-label-color, #666)",textTransform:"uppercase",letterSpacing:"0.05em"},children:t}),n]})})});Ge.displayName="ListboxGroup";var to=Object.assign(Be,{Option:ze,Group:Ge});var ro=createContext(null);function Te(){let x=useContext(ro);if(!x)throw new Error("[Compa11y Input]: Input sub-components (Input.Label, Input.Field, etc.) must be used within <Input>.");return x}var $e=forwardRef(function({children:t,className:c},r){let e=Te();return jsxs("label",{ref:r,id:e.labelId,htmlFor:e.fieldId,"data-compa11y-input-label":"",className:c,style:e.unstyled?{}:{display:"block",color:e.disabled?"var(--compa11y-input-disabled-color, #999)":"var(--compa11y-input-label-color, inherit)",fontSize:"var(--compa11y-input-label-size, 0.875rem)",fontWeight:"var(--compa11y-input-label-weight, 500)"},children:[t,e.required&&jsx("span",{"data-compa11y-input-required":"","aria-hidden":"true",style:e.unstyled?{}:{color:"var(--compa11y-input-required-color, #ef4444)",marginLeft:"0.125rem"},children:"*"})]})});$e.displayName="InputLabel";var Ke=forwardRef(function({type:t="text",onFocus:c,onBlur:r,className:e,style:n,...i},l){let o=Te(),a=useRef(null),p=useCallback(u=>{a.current=u,typeof l=="function"?l(u):l&&(l.current=u);},[l]),s=useCallback(u=>{o.setValue(u.target.value);},[o.setValue]),b=useCallback(u=>{o.focusProps.onFocus(),c?.(u);},[o.focusProps,c]),f=useCallback(u=>{o.focusProps.onBlur(),r?.(u);},[o.focusProps,r]),m=[];return m.push(o.hintId),o.hasError&&m.push(o.errorId),jsx("input",{ref:p,id:o.fieldId,type:t,value:o.value,onChange:s,onFocus:b,onBlur:f,disabled:o.disabled,readOnly:o.readOnly,"aria-describedby":m.join(" ")||void 0,"aria-invalid":o.hasError?"true":void 0,"aria-required":o.required?"true":void 0,"data-compa11y-input-field":"",className:e,style:o.unstyled?n:{width:"100%",padding:"var(--compa11y-input-padding, 0.5rem 0.75rem)",border:o.hasError?"1px solid var(--compa11y-input-border-error, #ef4444)":"var(--compa11y-input-border, 1px solid #ccc)",borderRadius:"var(--compa11y-input-radius, 4px)",fontSize:"var(--compa11y-input-font-size, 0.875rem)",fontFamily:"inherit",background:o.disabled?"var(--compa11y-input-disabled-bg, #f5f5f5)":o.readOnly?"var(--compa11y-input-readonly-bg, #f9f9f9)":"var(--compa11y-input-bg, white)",color:"inherit",cursor:o.disabled?"not-allowed":void 0,opacity:o.disabled?"var(--compa11y-input-disabled-opacity, 0.7)":void 0,...o.isFocusVisible&&!o.disabled?{outline:o.hasError?"2px solid var(--compa11y-input-border-error, #ef4444)":"2px solid var(--compa11y-focus-color, #0066cc)",outlineOffset:"-1px",borderColor:o.hasError?"var(--compa11y-input-border-error, #ef4444)":"var(--compa11y-input-border-focus, #0066cc)"}:{},...n},...i})});Ke.displayName="InputField";var je=forwardRef(function({children:t,className:c},r){let e=Te();return jsx("div",{ref:r,id:e.hintId,"data-compa11y-input-hint":"",className:c,style:e.unstyled?{}:{color:"var(--compa11y-input-hint-color, #666)",fontSize:"var(--compa11y-input-hint-size, 0.8125rem)"},children:t})});je.displayName="InputHint";var We=forwardRef(function({children:t,className:c},r){let e=Te();return t?jsx("div",{ref:r,id:e.errorId,role:"alert","data-compa11y-input-error":"",className:c,style:e.unstyled?{}:{color:"var(--compa11y-input-error-color, #ef4444)",fontSize:"var(--compa11y-input-error-size, 0.8125rem)"},children:t}):null});We.displayName="InputError";var Ue=forwardRef(function({value:t,defaultValue:c="",onValueChange:r,type:e="text",label:n,hint:i,error:l,required:o=false,disabled:a=false,readOnly:p=false,"aria-label":s,"aria-labelledby":b,placeholder:f,name:m,autoComplete:u,maxLength:T,minLength:C,pattern:S,inputMode:R,id:d,unstyled:y=false,className:w,onFocus:E,onBlur:P,children:O},N){let A=a$2("input"),$=d||A,g=`${$}-field`,h=`${$}-label`,F=`${$}-hint`,H=`${$}-error`,[D,z]=useState(c),I=t!==void 0,U=I?t:D,q=useCallback(G=>{I||z(G),r?.(G);},[I,r]),{isFocusVisible:W,focusProps:K}=te();useEffect(()=>{process.env.NODE_ENV!=="production"&&!(Children.count(O)>0)&&!n&&!s&&!b&&console.warn("[Compa11y Input]: Input has no accessible label. Screen readers need this to identify the input. Use label prop, aria-label, or aria-labelledby.");},[O,n,s,b]);let V=!!l,j=Children.count(O)>0,X={fieldId:g,labelId:h,hintId:F,errorId:H,value:U,setValue:q,hasError:V,disabled:a,readOnly:p,required:o,isFocusVisible:W,focusProps:K,unstyled:y},J={"data-compa11y-input":"","data-error":V?"true":"false","data-disabled":a?"true":"false","data-required":o?"true":"false","data-readonly":p?"true":"false"},_=y?{}:{display:"flex",flexDirection:"column",gap:"0.25rem"};if(j)return jsx(ro.Provider,{value:X,children:jsx("div",{...J,className:w,style:_,children:O})});let ee=useRef(null),oe=useCallback(G=>{ee.current=G,typeof N=="function"?N(G):N&&(N.current=G);},[N]),ne=useCallback(G=>{q(G.target.value);},[q]),v=useCallback(G=>{K.onFocus(),E?.(G);},[K,E]),k=useCallback(G=>{K.onBlur(),P?.(G);},[K,P]),M=[];i&&M.push(F),V&&M.push(H);let L=M.length>0?M.join(" "):void 0;return jsxs("div",{...J,className:w,style:_,children:[n&&jsxs("label",{id:h,htmlFor:g,"data-compa11y-input-label":"",style:y?{}:{display:"block",color:a?"var(--compa11y-input-disabled-color, #999)":"var(--compa11y-input-label-color, inherit)",fontSize:"var(--compa11y-input-label-size, 0.875rem)",fontWeight:"var(--compa11y-input-label-weight, 500)"},children:[n,o&&jsx("span",{"data-compa11y-input-required":"","aria-hidden":"true",style:y?{}:{color:"var(--compa11y-input-required-color, #ef4444)",marginLeft:"0.125rem"},children:"*"})]}),jsx("input",{ref:oe,id:g,type:e,value:U,onChange:ne,onFocus:v,onBlur:k,disabled:a,readOnly:p,required:o,placeholder:f,name:m,autoComplete:u,maxLength:T,minLength:C,pattern:S,inputMode:R,"aria-label":n?void 0:s,"aria-labelledby":!n&&b?b:n?h:void 0,"aria-describedby":L,"aria-invalid":V?"true":void 0,"aria-required":o?"true":void 0,"data-compa11y-input-field":"",style:y?{}:{width:"100%",padding:"var(--compa11y-input-padding, 0.5rem 0.75rem)",border:V?"1px solid var(--compa11y-input-border-error, #ef4444)":"var(--compa11y-input-border, 1px solid #ccc)",borderRadius:"var(--compa11y-input-radius, 4px)",fontSize:"var(--compa11y-input-font-size, 0.875rem)",fontFamily:"inherit",background:a?"var(--compa11y-input-disabled-bg, #f5f5f5)":p?"var(--compa11y-input-readonly-bg, #f9f9f9)":"var(--compa11y-input-bg, white)",color:"inherit",cursor:a?"not-allowed":void 0,opacity:a?"var(--compa11y-input-disabled-opacity, 0.7)":void 0,...W&&!a?{outline:V?"2px solid var(--compa11y-input-border-error, #ef4444)":"2px solid var(--compa11y-focus-color, #0066cc)",outlineOffset:"-1px",borderColor:V?"var(--compa11y-input-border-error, #ef4444)":"var(--compa11y-input-border-focus, #0066cc)"}:{}}}),i&&jsx("div",{id:F,"data-compa11y-input-hint":"",style:y?{}:{color:"var(--compa11y-input-hint-color, #666)",fontSize:"var(--compa11y-input-hint-size, 0.8125rem)"},children:i}),V&&jsx("div",{id:H,role:"alert","data-compa11y-input-error":"",style:y?{}:{color:"var(--compa11y-input-error-color, #ef4444)",fontSize:"var(--compa11y-input-error-size, 0.8125rem)"},children:l})]})});Ue.displayName="Input";var io=Object.assign(Ue,{Label:$e,Field:Ke,Hint:je,Error:We});var Hn={primary:{background:"var(--compa11y-button-primary-bg, #0066cc)",color:"var(--compa11y-button-primary-color, white)",border:"var(--compa11y-button-primary-border, 1px solid #0066cc)"},secondary:{background:"var(--compa11y-button-secondary-bg, white)",color:"var(--compa11y-button-secondary-color, #333)",border:"var(--compa11y-button-secondary-border, 1px solid #ccc)"},danger:{background:"var(--compa11y-button-danger-bg, #ef4444)",color:"var(--compa11y-button-danger-color, white)",border:"var(--compa11y-button-danger-border, 1px solid #ef4444)"},outline:{background:"var(--compa11y-button-outline-bg, transparent)",color:"var(--compa11y-button-outline-color, #0066cc)",border:"var(--compa11y-button-outline-border, 1px solid #0066cc)"},ghost:{background:"var(--compa11y-button-ghost-bg, transparent)",color:"var(--compa11y-button-ghost-color, #333)",border:"var(--compa11y-button-ghost-border, 1px solid transparent)"}},Fn={sm:{padding:"var(--compa11y-button-padding-sm, 0.25rem 0.5rem)",fontSize:"var(--compa11y-button-font-size-sm, 0.75rem)"},md:{padding:"var(--compa11y-button-padding-md, 0.5rem 1rem)",fontSize:"var(--compa11y-button-font-size-md, 0.875rem)"},lg:{padding:"var(--compa11y-button-padding-lg, 0.75rem 1.5rem)",fontSize:"var(--compa11y-button-font-size-lg, 1rem)"}},ht=forwardRef(function({variant:t="secondary",size:c="md",type:r="button",disabled:e=false,discoverable:n=false,loading:i=false,unstyled:l=false,"aria-label":o,className:a,style:p,onClick:s,onFocus:b,onBlur:f,children:m,...u},T){let C=a$2("button"),S=useRef(null),R=useCallback(g=>{S.current=g,typeof T=="function"?T(g):T&&(T.current=g);},[T]),{isFocusVisible:d,focusProps:y}=te();useEffect(()=>{process.env.NODE_ENV!=="production"&&!m&&!o&&!u["aria-labelledby"]&&console.warn("[Compa11y Button]: Button has no accessible label. Screen readers need this to identify the button. Add text content, aria-label, or aria-labelledby.");},[m,o,u["aria-labelledby"]]);let w=e&&!n,E=e||i,P=useCallback(g=>{if(E){g.preventDefault();return}s?.(g);},[E,s]),O=useCallback(g=>{y.onFocus(),b?.(g);},[y,b]),N=useCallback(g=>{y.onBlur(),f?.(g);},[y,f]),A={"data-compa11y-button":"","data-variant":t,"data-size":c,"data-disabled":e?"true":"false","data-loading":i?"true":"false"},$=l?{}:{display:"inline-flex",alignItems:"center",justifyContent:"center",gap:"0.5rem",borderRadius:"var(--compa11y-button-radius, 4px)",fontFamily:"inherit",fontWeight:"var(--compa11y-button-font-weight, 500)",lineHeight:"1.5",cursor:E?"not-allowed":"pointer",opacity:e?"var(--compa11y-button-disabled-opacity, 0.5)":void 0,transition:"background-color 0.15s ease, border-color 0.15s ease",...Hn[t],...Fn[c],...d&&!w?{outline:"2px solid var(--compa11y-focus-color, #0066cc)",outlineOffset:"2px"}:{}};return jsxs("button",{ref:R,id:C,type:r,disabled:w,tabIndex:e&&!n?void 0:0,"aria-disabled":E?"true":void 0,"aria-busy":i?"true":void 0,"aria-label":o,onClick:P,onFocus:O,onBlur:N,className:a,style:{...$,...p},...A,...u,children:[i&&jsx("span",{"data-compa11y-button-spinner":"","aria-hidden":"true",style:l?{}:{display:"inline-block",width:"1em",height:"1em",border:"2px solid currentColor",borderRightColor:"transparent",borderRadius:"50%",animation:"compa11y-spin 0.6s linear infinite"}}),m]})});ht.displayName="Button";var co=createContext(null);function Ce(){let x=useContext(co);if(!x)throw new Error("[Compa11y Textarea]: Textarea sub-components (Textarea.Label, Textarea.Field, etc.) must be used within <Textarea>.");return x}var _e=forwardRef(function({children:t,className:c},r){let e=Ce();return jsxs("label",{ref:r,id:e.labelId,htmlFor:e.fieldId,"data-compa11y-textarea-label":"",className:c,style:e.unstyled?{}:{display:"block",color:e.disabled?"var(--compa11y-textarea-disabled-color, #999)":"var(--compa11y-textarea-label-color, inherit)",fontSize:"var(--compa11y-textarea-label-size, 0.875rem)",fontWeight:"var(--compa11y-textarea-label-weight, 500)"},children:[t,e.required&&jsx("span",{"data-compa11y-textarea-required":"","aria-hidden":"true",style:e.unstyled?{}:{color:"var(--compa11y-textarea-required-color, #ef4444)",marginLeft:"0.125rem"},children:"*"})]})});_e.displayName="TextareaLabel";var Ye=forwardRef(function({onFocus:t,onBlur:c,className:r,style:e,rows:n,...i},l){let o=Ce(),a=useRef(null),p=useCallback(u=>{a.current=u,typeof l=="function"?l(u):l&&(l.current=u);},[l]),s=useCallback(u=>{o.setValue(u.target.value);},[o.setValue]),b=useCallback(u=>{o.focusProps.onFocus(),t?.(u);},[o.focusProps,t]),f=useCallback(u=>{o.focusProps.onBlur(),c?.(u);},[o.focusProps,c]),m=[];return m.push(o.hintId),o.hasError&&m.push(o.errorId),jsx("textarea",{ref:p,id:o.fieldId,rows:n??o.rows,value:o.value,onChange:s,onFocus:b,onBlur:f,disabled:o.disabled,readOnly:o.readOnly,"aria-describedby":m.join(" ")||void 0,"aria-invalid":o.hasError?"true":void 0,"aria-required":o.required?"true":void 0,"data-compa11y-textarea-field":"",className:r,style:o.unstyled?e:{width:"100%",padding:"var(--compa11y-textarea-padding, 0.5rem 0.75rem)",border:o.hasError?"1px solid var(--compa11y-textarea-border-error, #ef4444)":"var(--compa11y-textarea-border, 1px solid #ccc)",borderRadius:"var(--compa11y-textarea-radius, 4px)",fontSize:"var(--compa11y-textarea-font-size, 0.875rem)",fontFamily:"inherit",lineHeight:"1.5",resize:o.resize,background:o.disabled?"var(--compa11y-textarea-disabled-bg, #f5f5f5)":o.readOnly?"var(--compa11y-textarea-readonly-bg, #f9f9f9)":"var(--compa11y-textarea-bg, white)",color:"inherit",cursor:o.disabled?"not-allowed":void 0,opacity:o.disabled?"var(--compa11y-textarea-disabled-opacity, 0.7)":void 0,...o.isFocusVisible&&!o.disabled?{outline:o.hasError?"2px solid var(--compa11y-textarea-border-error, #ef4444)":"2px solid var(--compa11y-focus-color, #0066cc)",outlineOffset:"-1px",borderColor:o.hasError?"var(--compa11y-textarea-border-error, #ef4444)":"var(--compa11y-textarea-border-focus, #0066cc)"}:{},...e},...i})});Ye.displayName="TextareaField";var Xe=forwardRef(function({children:t,className:c},r){let e=Ce();return jsx("div",{ref:r,id:e.hintId,"data-compa11y-textarea-hint":"",className:c,style:e.unstyled?{}:{color:"var(--compa11y-textarea-hint-color, #666)",fontSize:"var(--compa11y-textarea-hint-size, 0.8125rem)"},children:t})});Xe.displayName="TextareaHint";var Je=forwardRef(function({children:t,className:c},r){let e=Ce();return t?jsx("div",{ref:r,id:e.errorId,role:"alert","data-compa11y-textarea-error":"",className:c,style:e.unstyled?{}:{color:"var(--compa11y-textarea-error-color, #ef4444)",fontSize:"var(--compa11y-textarea-error-size, 0.8125rem)"},children:t}):null});Je.displayName="TextareaError";var Ze=forwardRef(function({value:t,defaultValue:c="",onValueChange:r,rows:e=3,resize:n="vertical",label:i,hint:l,error:o,required:a=false,disabled:p=false,readOnly:s=false,"aria-label":b,"aria-labelledby":f,placeholder:m,name:u,autoComplete:T,maxLength:C,minLength:S,id:R,unstyled:d=false,className:y,onFocus:w,onBlur:E,children:P},O){let N=a$2("textarea"),A=R||N,$=`${A}-field`,g=`${A}-label`,h=`${A}-hint`,F=`${A}-error`,[H,D]=useState(c),z=t!==void 0,I=z?t:H,U=useCallback(L=>{z||D(L),r?.(L);},[z,r]),{isFocusVisible:q,focusProps:W}=te();useEffect(()=>{process.env.NODE_ENV!=="production"&&!(Children.count(P)>0)&&!i&&!b&&!f&&console.warn("[Compa11y Textarea]: Textarea has no accessible label. Screen readers need this to identify the textarea. Use label prop, aria-label, or aria-labelledby.");},[P,i,b,f]);let K=!!o,V=Children.count(P)>0,j={fieldId:$,labelId:g,hintId:h,errorId:F,value:I,setValue:U,hasError:K,disabled:p,readOnly:s,required:a,rows:e,resize:n,isFocusVisible:q,focusProps:W,unstyled:d},X={"data-compa11y-textarea":"","data-error":K?"true":"false","data-disabled":p?"true":"false","data-required":a?"true":"false","data-readonly":s?"true":"false"},J=d?{}:{display:"flex",flexDirection:"column",gap:"0.25rem"};if(V)return jsx(co.Provider,{value:j,children:jsx("div",{...X,className:y,style:J,children:P})});let _=useRef(null),ee=useCallback(L=>{_.current=L,typeof O=="function"?O(L):O&&(O.current=L);},[O]),oe=useCallback(L=>{U(L.target.value);},[U]),ne=useCallback(L=>{W.onFocus(),w?.(L);},[W,w]),v=useCallback(L=>{W.onBlur(),E?.(L);},[W,E]),k=[];l&&k.push(h),K&&k.push(F);let M=k.length>0?k.join(" "):void 0;return jsxs("div",{...X,className:y,style:J,children:[i&&jsxs("label",{id:g,htmlFor:$,"data-compa11y-textarea-label":"",style:d?{}:{display:"block",color:p?"var(--compa11y-textarea-disabled-color, #999)":"var(--compa11y-textarea-label-color, inherit)",fontSize:"var(--compa11y-textarea-label-size, 0.875rem)",fontWeight:"var(--compa11y-textarea-label-weight, 500)"},children:[i,a&&jsx("span",{"data-compa11y-textarea-required":"","aria-hidden":"true",style:d?{}:{color:"var(--compa11y-textarea-required-color, #ef4444)",marginLeft:"0.125rem"},children:"*"})]}),jsx("textarea",{ref:ee,id:$,rows:e,value:I,onChange:oe,onFocus:ne,onBlur:v,disabled:p,readOnly:s,required:a,placeholder:m,name:u,autoComplete:T,maxLength:C,minLength:S,"aria-label":i?void 0:b,"aria-labelledby":!i&&f?f:i?g:void 0,"aria-describedby":M,"aria-invalid":K?"true":void 0,"aria-required":a?"true":void 0,"data-compa11y-textarea-field":"",style:d?{}:{width:"100%",padding:"var(--compa11y-textarea-padding, 0.5rem 0.75rem)",border:K?"1px solid var(--compa11y-textarea-border-error, #ef4444)":"var(--compa11y-textarea-border, 1px solid #ccc)",borderRadius:"var(--compa11y-textarea-radius, 4px)",fontSize:"var(--compa11y-textarea-font-size, 0.875rem)",fontFamily:"inherit",lineHeight:"1.5",resize:n,background:p?"var(--compa11y-textarea-disabled-bg, #f5f5f5)":s?"var(--compa11y-textarea-readonly-bg, #f9f9f9)":"var(--compa11y-textarea-bg, white)",color:"inherit",cursor:p?"not-allowed":void 0,opacity:p?"var(--compa11y-textarea-disabled-opacity, 0.7)":void 0,...q&&!p?{outline:K?"2px solid var(--compa11y-textarea-border-error, #ef4444)":"2px solid var(--compa11y-focus-color, #0066cc)",outlineOffset:"-1px",borderColor:K?"var(--compa11y-textarea-border-error, #ef4444)":"var(--compa11y-textarea-border-focus, #0066cc)"}:{}}}),l&&jsx("div",{id:h,"data-compa11y-textarea-hint":"",style:d?{}:{color:"var(--compa11y-textarea-hint-color, #666)",fontSize:"var(--compa11y-textarea-hint-size, 0.8125rem)"},children:l}),K&&jsx("div",{id:F,role:"alert","data-compa11y-textarea-error":"",style:d?{}:{color:"var(--compa11y-textarea-error-color, #ef4444)",fontSize:"var(--compa11y-textarea-error-size, 0.8125rem)"},children:o})]})});Ze.displayName="Textarea";var uo=Object.assign(Ze,{Label:_e,Field:Ye,Hint:Xe,Error:Je});export{ht as Button,qt as Checkbox,He as CheckboxBase,we as CheckboxGroup,Fe as CheckboxIndicator,io as Input,Ue as InputBase,We as InputError,Ke as InputField,je as InputHint,$e as InputLabel,to as Listbox,Be as ListboxBase,Ge as ListboxGroup,ze as ListboxOption,Ae as Radio,Yt as RadioGroup,Oe as RadioGroupBase,$t as Select,at as SelectBase,it as SelectListbox,ke as SelectOptionItem,rt as SelectTrigger,mt as Switch,uo as Textarea,Ze as TextareaBase,Je as TextareaError,Ye as TextareaField,Xe as TextareaHint,_e as TextareaLabel,ct as useCheckboxGroupContext,At as useFocusControl,Ot as useFocusManager,te as useFocusVisible,Vt as useFocusWithin,Te as useInputContext,De as useListboxContext,bt as useRadioGroupContext,Qe as useRovingTabindex,Nt as useRovingTabindexMap,Ce as useTextareaContext};