@proyecto-viviana/solidaria 0.3.0 → 0.4.0

package/dist/_chunk/select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.js","names":["JSX","Accessor","For","createEffect","onCleanup","access","MaybeAccessor","createFormValidation","SelectState","Key","FormValidationState","ValidationBehavior","AriaHiddenSelectProps","state","T","name","isDisabled","isRequired","autoComplete","form","validationBehavior","triggerRef","HTMLElement","validationState","HiddenSelectAria","containerProps","HTMLAttributes","HTMLDivElement","selectProps","SelectHTMLAttributes","HTMLSelectElement","inputProps","InputHTMLAttributes","HTMLInputElement","createHiddenSelect","props","getProps","selectRef","p","handleReset","defaultKey","collection","getFirstKey","setSelectedKey","addEventListener","removeEventListener","focus","selectedKey","selectedKeys","Set","isMultiple","selectionMode","multipleValue","Array","from","map","item","String","key","ref","el","tabIndex","disabled","multiple","undefined","required","value","onChange","e","Event","target","setSelectedKeys","selectedOptions","o","first","style","position","top","left","width","height","opacity","border","cursor","margin","padding","useTextInput","type","display","HiddenSelectProps","label","HiddenSelect","Element","_el$","_$getNextElement","_tmpl$","_el$2","firstChild","_el$7","_el$8","_co$2","_$getNextMarker","nextSibling","_el$3","_el$4","_el$5","_el$6","_co$","_$spread","_$insert","_$createComponent","each","children","_el$9","_tmpl$2","textValue","_$effect","_$setProperty","has","_$runHydrationEvents"],"sources":["../../src/select/createSelect.ts","../../src/select/createHiddenSelect.tsx"],"sourcesContent":["/**\n * Provides the behavior and accessibility implementation for a select component.\n * A select displays a collapsible list of options and allows a user to select one of them.\n * Based on @react-aria/select useSelect.\n */\n\nimport { type JSX, type Accessor, createEffect, onCleanup } from \"solid-js\";\nimport { createPress } from \"../interactions/createPress\";\nimport { createFocusRing } from \"../interactions/createFocusRing\";\nimport { createLabel } from \"../label/createLabel\";\nimport { createTypeSelect } from \"../selection/createTypeSelect\";\nimport { filterDOMProps } from \"../utils/filterDOMProps\";\nimport { mergeProps } from \"../utils/mergeProps\";\nimport { createId } from \"../ssr\";\nimport { access, type MaybeAccessor } from \"../utils/reactivity\";\nimport type { SelectState, CollectionNode } from \"@proyecto-viviana/solid-stately\";\n\nexport interface AriaSelectProps {\n  /** An ID for the select. */\n  id?: string;\n  /** Whether the select is disabled. */\n  isDisabled?: boolean;\n  /** Whether the select is required. */\n  isRequired?: boolean;\n  /** Whether the select is invalid. */\n  isInvalid?: boolean;\n  /** The label for the select. */\n  label?: JSX.Element;\n  /** An accessible label for the select when no visible label is provided. */\n  \"aria-label\"?: string;\n  /** The ID of an element that labels the select. */\n  \"aria-labelledby\"?: string;\n  /** The ID of an element that describes the select. */\n  \"aria-describedby\"?: string;\n  /** Placeholder text when no option is selected. */\n  placeholder?: string;\n  /** Whether the select should be auto-focused. */\n  autoFocus?: boolean;\n  /** Handler called when focus moves to the select. */\n  onFocus?: (e: FocusEvent) => void;\n  /** Handler called when focus moves away from the select. */\n  onBlur?: (e: FocusEvent) => void;\n  /** Handler called when the focus state changes. */\n  onFocusChange?: (isFocused: boolean) => void;\n  /** The name of the select, used when submitting an HTML form. */\n  name?: string;\n  /** Associates the hidden native select with a form element by id. */\n  form?: string;\n  /** Whether type-to-select is disabled. @default false */\n  disallowTypeAhead?: boolean;\n  /** Whether the select can open when its collection is empty. @default false */\n  allowsEmptyCollection?: boolean;\n  /** Whether validation should use ARIA attributes or native browser validation. */\n  validationBehavior?: \"aria\" | \"native\";\n}\n\nexport interface SelectAria<T> {\n  /** Props for the label element. */\n  labelProps: JSX.HTMLAttributes<HTMLElement>;\n  /** Props for the trigger button element. */\n  triggerProps: JSX.HTMLAttributes<HTMLElement>;\n  /** Props for the value display element. */\n  valueProps: JSX.HTMLAttributes<HTMLElement>;\n  /** Props for the listbox/menu popup. */\n  menuProps: JSX.HTMLAttributes<HTMLElement>;\n  /** Props for the description element, if any. */\n  descriptionProps: JSX.HTMLAttributes<HTMLElement>;\n  /** Props for the error message element, if any. */\n  errorMessageProps: JSX.HTMLAttributes<HTMLElement>;\n  /** Whether the select is currently focused. */\n  isFocused: Accessor<boolean>;\n  /** Whether the select has keyboard focus. */\n  isFocusVisible: Accessor<boolean>;\n  /** Whether the select is currently open. */\n  isOpen: Accessor<boolean>;\n  /** The currently selected item. */\n  selectedItem: Accessor<CollectionNode<T> | null>;\n}\n\n// Shared data between select and options\nconst selectData = new WeakMap<object, SelectData>();\n\ninterface SelectData {\n  id: string;\n}\n\nexport function getSelectData(state: SelectState): SelectData | undefined {\n  return selectData.get(state);\n}\n\n/**\n * Provides the behavior and accessibility implementation for a select component.\n */\nexport function createSelect<T>(\n  props: MaybeAccessor<AriaSelectProps>,\n  state: SelectState<T>,\n  _ref?: () => HTMLElement | null,\n): SelectAria<T> {\n  const getProps = () => access(props);\n  const id = createId(getProps().id);\n\n  // Generate IDs for associated elements\n  const buttonId = `${id}-button`;\n  const listBoxId = `${id}-listbox`;\n  const valueId = `${id}-value`;\n  const descriptionId = `${id}-description`;\n  const errorMessageId = `${id}-error`;\n\n  // Filter DOM props\n  const domProps = () =>\n    filterDOMProps(getProps() as unknown as Record<string, unknown>, { labelable: true });\n\n  // Share data with child options\n  createEffect(() => {\n    selectData.set(state, { id });\n\n    onCleanup(() => {\n      selectData.delete(state);\n    });\n  });\n\n  // Label handling\n  const { labelProps, fieldProps } = createLabel({\n    get id() {\n      return buttonId;\n    },\n    get label() {\n      return getProps().label;\n    },\n    get \"aria-label\"() {\n      return getProps()[\"aria-label\"];\n    },\n    get \"aria-labelledby\"() {\n      return getProps()[\"aria-labelledby\"];\n    },\n    labelElementType: \"span\",\n  });\n\n  // Focus ring for keyboard focus styling\n  const { isFocusVisible, focusProps } = createFocusRing({\n    get autoFocus() {\n      return getProps().autoFocus;\n    },\n  });\n\n  // Track focus state\n  const isFocused = state.isFocused;\n\n  // Handle press on trigger\n  const canOpen = () =>\n    getProps().allowsEmptyCollection || state.collection().getFirstKey() != null;\n\n  // Helper to check if key is disabled\n  const isKeyDisabled = (key: string | number): boolean => {\n    const collection = state.collection();\n    return state.isKeyDisabled?.(key) || collection.getItem(key)?.isDisabled || false;\n  };\n\n  // Helper to find the next non-disabled key.\n  const findNextKey = (\n    fromKey: string | number | null,\n    direction: \"forward\" | \"backward\",\n  ): string | number | null => {\n    const collection = state.collection();\n    const getAdjacent =\n      direction === \"forward\"\n        ? (k: string | number) => collection.getKeyAfter(k)\n        : (k: string | number) => collection.getKeyBefore(k);\n    const getBoundary =\n      direction === \"forward\" ? () => collection.getFirstKey() : () => collection.getLastKey();\n\n    let key = fromKey == null ? getBoundary() : getAdjacent(fromKey);\n    while (key != null && isKeyDisabled(key)) {\n      key = getAdjacent(key);\n    }\n\n    return key;\n  };\n\n  const focusKeyForOpen = (): string | number | null => {\n    const selectedKey = state.selectedKey();\n    if (selectedKey != null && !isKeyDisabled(selectedKey)) {\n      return selectedKey;\n    }\n    return findNextKey(null, \"forward\");\n  };\n\n  const openWithFocus = () => {\n    if (state.isOpen() || !canOpen()) {\n      return;\n    }\n    state.open();\n    const focusKey = focusKeyForOpen();\n    if (focusKey != null) {\n      state.setFocusedKey(focusKey);\n    }\n  };\n\n  const { pressProps } = createPress({\n    get isDisabled() {\n      return getProps().isDisabled ?? state.isDisabled;\n    },\n    onPress(e) {\n      if (e.pointerType === \"keyboard\") {\n        return;\n      }\n\n      if (state.isOpen()) {\n        state.close();\n      } else {\n        openWithFocus();\n      }\n    },\n  });\n\n  // Type-to-select - for Select, typing directly selects items when closed\n  const { typeSelectProps } = createTypeSelect({\n    collection: () => state.collection(),\n    focusedKey: () => state.selectedKey(), // Use selectedKey as the \"focused\" key for closed Select\n    onFocusedKeyChange: (key) => {\n      // When closed, type-to-select directly changes selection\n      if (!state.isOpen()) {\n        state.setSelectedKey(key);\n      } else {\n        // When open, update focused key (listbox handles selection)\n        state.setFocusedKey(key);\n      }\n    },\n    isKeyDisabled,\n    get isDisabled() {\n      return Boolean(\n        (getProps().disallowTypeAhead ?? false) || getProps().isDisabled || state.isDisabled,\n      );\n    },\n  });\n\n  // Keyboard navigation\n  const onKeyDown: JSX.EventHandler<HTMLElement, KeyboardEvent> = (e) => {\n    if (getProps().isDisabled ?? state.isDisabled) return;\n\n    const currentKey = state.focusedKey() ?? state.selectedKey();\n\n    switch (e.key) {\n      case \"Enter\":\n      case \" \":\n        e.preventDefault();\n        if (state.isOpen()) {\n          state.close();\n        } else {\n          openWithFocus();\n        }\n        break;\n\n      case \"ArrowDown\":\n        e.preventDefault();\n        if (!state.isOpen()) {\n          if (!canOpen()) {\n            return;\n          }\n          // ArrowDown: Open the dropdown and focus first/selected item\n          state.open();\n          const focusKey =\n            currentKey != null && !isKeyDisabled(currentKey)\n              ? currentKey\n              : findNextKey(currentKey, \"forward\");\n          if (focusKey) {\n            state.setFocusedKey(focusKey);\n          }\n        }\n        // When open, navigation is handled by the listbox\n        break;\n\n      case \"ArrowUp\":\n        e.preventDefault();\n        if (!state.isOpen()) {\n          if (!canOpen()) {\n            return;\n          }\n          // ArrowUp: Open the dropdown and focus last/selected item\n          state.open();\n          const focusKey =\n            currentKey != null && !isKeyDisabled(currentKey)\n              ? currentKey\n              : findNextKey(currentKey, \"backward\");\n          if (focusKey) {\n            state.setFocusedKey(focusKey);\n          }\n        }\n        // When open, navigation is handled by the listbox\n        break;\n\n      case \"ArrowRight\":\n        // ArrowRight: Select next option (for horizontal keyboard navigation pattern)\n        if (!state.isOpen()) {\n          e.preventDefault();\n          const nextKey = findNextKey(currentKey, \"forward\");\n          if (nextKey != null) {\n            state.setSelectedKey(nextKey);\n          }\n        }\n        break;\n\n      case \"ArrowLeft\":\n        // ArrowLeft: Select previous option (for horizontal keyboard navigation pattern)\n        if (!state.isOpen()) {\n          e.preventDefault();\n          const prevKey = findNextKey(currentKey, \"backward\");\n          if (prevKey != null) {\n            state.setSelectedKey(prevKey);\n          }\n        }\n        break;\n\n      case \"Home\":\n        // Home: Select first option\n        if (!state.isOpen()) {\n          e.preventDefault();\n          const firstKey = findNextKey(null, \"forward\");\n          if (firstKey != null) {\n            state.setSelectedKey(firstKey);\n          }\n        }\n        break;\n\n      case \"End\":\n        // End: Select last option\n        if (!state.isOpen()) {\n          e.preventDefault();\n          const lastKey = findNextKey(null, \"backward\");\n          if (lastKey != null) {\n            state.setSelectedKey(lastKey);\n          }\n        }\n        break;\n\n      case \"Escape\":\n        if (state.isOpen()) {\n          e.preventDefault();\n          state.close();\n        }\n        break;\n    }\n  };\n\n  // Handle focus events\n  const handleFocus = (e: FocusEvent) => {\n    getProps().onFocus?.(e);\n    getProps().onFocusChange?.(true);\n    state.setFocused(true);\n  };\n\n  const handleBlur = (e: FocusEvent) => {\n    // Focus moving into the open listbox is not a select blur; the menu's own\n    // onBlur clears the state when focus leaves the listbox entirely.\n    if (state.isOpen()) {\n      return;\n    }\n\n    getProps().onBlur?.(e);\n    getProps().onFocusChange?.(false);\n    state.setFocused(false);\n  };\n\n  return {\n    get labelProps() {\n      return labelProps as JSX.HTMLAttributes<HTMLElement>;\n    },\n    get triggerProps() {\n      const p = getProps();\n      const isOpen = state.isOpen();\n      const isDisabled = p.isDisabled ?? state.isDisabled;\n\n      const baseProps = mergeProps(\n        domProps(),\n        pressProps as Record<string, unknown>,\n        focusProps as Record<string, unknown>,\n        fieldProps as Record<string, unknown>,\n        {\n          id: buttonId,\n          type: \"button\",\n          tabIndex: isDisabled ? undefined : 0,\n          \"aria-haspopup\": \"listbox\",\n          \"aria-expanded\": isOpen,\n          \"aria-controls\": isOpen ? listBoxId : undefined,\n          \"aria-disabled\": isDisabled || undefined,\n          \"aria-required\": p.isRequired || undefined,\n          \"aria-describedby\": p[\"aria-describedby\"] || undefined,\n          onKeyDown,\n          onFocus: handleFocus,\n          onBlur: handleBlur,\n          \"data-open\": isOpen || undefined,\n          \"data-disabled\": isDisabled || undefined,\n          \"data-focus-visible\": isFocusVisible() || undefined,\n        } as Record<string, unknown>,\n      );\n\n      // Add type-select props if enabled\n      if (!p.disallowTypeAhead) {\n        return mergeProps(\n          baseProps,\n          typeSelectProps as Record<string, unknown>,\n        ) as JSX.HTMLAttributes<HTMLElement>;\n      }\n\n      return baseProps as JSX.HTMLAttributes<HTMLElement>;\n    },\n    get valueProps() {\n      return {\n        id: valueId,\n      } as JSX.HTMLAttributes<HTMLElement>;\n    },\n    get menuProps() {\n      return {\n        id: listBoxId,\n        role: \"listbox\",\n        \"aria-labelledby\": buttonId,\n        \"aria-multiselectable\": state.selectionMode() === \"multiple\" ? true : undefined,\n        tabIndex: -1,\n        onBlur: (e: FocusEvent) => {\n          // Only a blur that leaves the listbox entirely blurs the select.\n          if ((e.currentTarget as Node | null)?.contains(e.relatedTarget as Node)) {\n            return;\n          }\n\n          getProps().onBlur?.(e);\n          getProps().onFocusChange?.(false);\n          state.setFocused(false);\n        },\n      } as JSX.HTMLAttributes<HTMLElement>;\n    },\n    get descriptionProps() {\n      return {\n        id: descriptionId,\n      } as JSX.HTMLAttributes<HTMLElement>;\n    },\n    get errorMessageProps() {\n      return {\n        id: errorMessageId,\n      } as JSX.HTMLAttributes<HTMLElement>;\n    },\n    isFocused,\n    isFocusVisible: () => isFocused() && isFocusVisible(),\n    isOpen: state.isOpen,\n    selectedItem: state.selectedItem,\n  };\n}\n","/**\n * Provides a hidden native select element for form integration.\n * Based on @react-aria/select useHiddenSelect.\n */\n\nimport { type JSX, type Accessor, For, createEffect, onCleanup } from \"solid-js\";\nimport { access, type MaybeAccessor } from \"../utils/reactivity\";\nimport { createFormValidation } from \"../form/createFormValidation\";\nimport type { SelectState, Key, FormValidationState } from \"@proyecto-viviana/solid-stately\";\n\nexport type ValidationBehavior = \"aria\" | \"native\";\n\nexport interface AriaHiddenSelectProps<T> {\n  /** The state object for the select. */\n  state: SelectState<T>;\n  /** The name attribute for the hidden select. */\n  name?: string;\n  /** Whether the select is disabled. */\n  isDisabled?: boolean;\n  /** Whether the select is required. */\n  isRequired?: boolean;\n  /** Describes the type of autocomplete functionality the select should provide. */\n  autoComplete?: string;\n  /** The `form` attribute to associate the select with a form by ID. */\n  form?: string;\n  /** Validation behavior: 'aria' for realtime, 'native' for on submit. */\n  validationBehavior?: ValidationBehavior;\n  /** A ref to the trigger element for focus on validation error. */\n  triggerRef?: Accessor<HTMLElement | null>;\n  /** Form validation state (optional, for native validation). */\n  validationState?: FormValidationState;\n}\n\nexport interface HiddenSelectAria {\n  /** Props for the container element. */\n  containerProps: JSX.HTMLAttributes<HTMLDivElement>;\n  /** Props for the hidden select element. */\n  selectProps: JSX.SelectHTMLAttributes<HTMLSelectElement>;\n  /** Props for the hidden input element (for form submission). */\n  inputProps: JSX.InputHTMLAttributes<HTMLInputElement>;\n}\n\n/**\n * Provides the accessibility implementation for a hidden select.\n * This is used for native form submission and accessibility on mobile devices.\n */\nexport function createHiddenSelect<T>(\n  props: MaybeAccessor<AriaHiddenSelectProps<T>>,\n): HiddenSelectAria {\n  const getProps = () => access(props);\n\n  // Track the select element for form reset/validation\n  let selectRef: HTMLSelectElement | undefined;\n\n  // Set up form reset handler\n  createEffect(() => {\n    const p = getProps();\n    if (!selectRef) return;\n\n    const form = selectRef.form;\n    if (!form) return;\n\n    const handleReset = () => {\n      // Reset to default selected key (first key or null)\n      const defaultKey = p.state.collection().getFirstKey();\n      p.state.setSelectedKey(defaultKey);\n    };\n\n    form.addEventListener(\"reset\", handleReset);\n\n    onCleanup(() => {\n      form.removeEventListener(\"reset\", handleReset);\n    });\n  });\n\n  // Set up form validation handler for native validation\n  createEffect(() => {\n    const p = getProps();\n    if (!selectRef || p.validationBehavior !== \"native\" || !p.validationState) return;\n\n    createFormValidation(\n      {\n        validationBehavior: p.validationBehavior,\n        focus: () => p.triggerRef?.()?.focus(),\n      },\n      p.validationState,\n      () => selectRef,\n    );\n  });\n\n  return {\n    get containerProps() {\n      return {\n        \"aria-hidden\": true,\n        \"data-a11y-ignore\": \"aria-hidden-focus\",\n      } as JSX.HTMLAttributes<HTMLDivElement>;\n    },\n    get selectProps() {\n      const p = getProps();\n      const state = p.state;\n      const selectedKey = state.selectedKey();\n      const selectedKeys =\n        typeof state.selectedKeys === \"function\"\n          ? state.selectedKeys()\n          : selectedKey != null\n            ? new Set([selectedKey])\n            : new Set<Key>();\n      const validationBehavior = p.validationBehavior ?? \"aria\";\n      const isMultiple =\n        typeof state.selectionMode === \"function\" && state.selectionMode() === \"multiple\";\n      const multipleValue =\n        selectedKeys === \"all\"\n          ? Array.from(state.collection()).map((item) => String(item.key))\n          : Array.from(selectedKeys).map(String);\n\n      return {\n        ref: (el: HTMLSelectElement) => {\n          selectRef = el;\n        },\n        tabIndex: -1,\n        autoComplete: p.autoComplete,\n        disabled: p.isDisabled ?? state.isDisabled,\n        multiple: isMultiple || undefined,\n        name: p.name,\n        form: p.form,\n        // Add required attribute for native form validation\n        required: validationBehavior === \"native\" && p.isRequired,\n        value: isMultiple ? multipleValue : selectedKey != null ? String(selectedKey) : \"\",\n        onChange: (e: Event) => {\n          const target = e.target as HTMLSelectElement;\n          if (isMultiple) {\n            if (typeof state.setSelectedKeys === \"function\") {\n              state.setSelectedKeys(Array.from(target.selectedOptions).map((o) => o.value as Key));\n            } else {\n              const first = target.selectedOptions[0]?.value;\n              state.setSelectedKey((first ?? null) as Key | null);\n            }\n          } else {\n            state.setSelectedKey(target.value as Key);\n          }\n        },\n        style: {\n          position: \"absolute\",\n          top: 0,\n          left: 0,\n          width: \"100%\",\n          height: \"100%\",\n          opacity: 0,\n          \"font-size\": \"16px\", // Prevents zoom on iOS\n          border: \"none\",\n          cursor: \"default\",\n          margin: 0,\n          padding: 0,\n          \"pointer-events\": \"none\",\n        },\n      } as JSX.SelectHTMLAttributes<HTMLSelectElement>;\n    },\n    get inputProps() {\n      const p = getProps();\n      const state = p.state;\n      const selectedKey = state.selectedKey();\n      const validationBehavior = p.validationBehavior ?? \"aria\";\n\n      // For native validation with required, use type=\"text\" with display:none\n      // so the browser will validate it on form submit\n      const useTextInput = validationBehavior === \"native\" && p.isRequired;\n\n      return {\n        type: useTextInput ? \"text\" : \"hidden\",\n        name: p.name,\n        form: p.form,\n        value: selectedKey != null ? String(selectedKey) : \"\",\n        disabled: p.isDisabled ?? state.isDisabled,\n        required: useTextInput ? p.isRequired : undefined,\n        style: useTextInput ? { display: \"none\" } : undefined,\n      } as JSX.InputHTMLAttributes<HTMLInputElement>;\n    },\n  };\n}\n\nexport interface HiddenSelectProps<T> {\n  /** The state object for the select. */\n  state: SelectState<T>;\n  /** The name attribute for the hidden select. */\n  name?: string;\n  /** Whether the select is disabled. */\n  isDisabled?: boolean;\n  /** Whether the select is required. */\n  isRequired?: boolean;\n  /** A ref to the trigger element. */\n  triggerRef?: () => HTMLElement | null;\n  /** Label for the select. */\n  label?: string;\n  /** Describes the type of autocomplete functionality the select should provide. */\n  autoComplete?: string;\n  /** The `form` attribute to associate the select with a form by ID. */\n  form?: string;\n  /** Validation behavior: 'aria' for realtime, 'native' for on submit. */\n  validationBehavior?: ValidationBehavior;\n  /** Form validation state (optional, for native validation). */\n  validationState?: FormValidationState;\n}\n\n/**\n * A component that renders a hidden native select for form submission.\n * This is useful on mobile devices where native select behavior is preferred.\n */\nexport function HiddenSelect<T>(props: HiddenSelectProps<T>): JSX.Element {\n  const { containerProps, selectProps } = createHiddenSelect({\n    get state() {\n      return props.state;\n    },\n    get name() {\n      return props.name;\n    },\n    get isDisabled() {\n      return props.isDisabled;\n    },\n    get isRequired() {\n      return props.isRequired;\n    },\n    get autoComplete() {\n      return props.autoComplete;\n    },\n    get form() {\n      return props.form;\n    },\n    get validationBehavior() {\n      return props.validationBehavior;\n    },\n    get triggerRef() {\n      return props.triggerRef;\n    },\n    get validationState() {\n      return props.validationState;\n    },\n  });\n\n  const collection = () => props.state.collection();\n  const selectedKey = () => props.state.selectedKey();\n  const selectedKeys = () =>\n    typeof props.state.selectedKeys === \"function\"\n      ? props.state.selectedKeys()\n      : selectedKey() != null\n        ? new Set([selectedKey() as Key])\n        : new Set<Key>();\n  const isMultiple = () =>\n    typeof props.state.selectionMode === \"function\" && props.state.selectionMode() === \"multiple\";\n\n  return (\n    <div {...containerProps}>\n      <label>\n        {props.label}\n        <select {...selectProps}>\n          <option />\n          <For each={Array.from(collection())}>\n            {(item) => (\n              <option\n                value={String(item.key)}\n                selected={\n                  isMultiple()\n                    ? selectedKeys() === \"all\"\n                      ? true\n                      : (selectedKeys() as Set<Key>).has(item.key)\n                    : item.key === selectedKey()\n                }\n              >\n                {item.textValue}\n              </option>\n            )}\n          </For>\n        </select>\n      </label>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/_chunk/select.jsx

@@ -0,0 +1,394 @@
+import { t as createPress } from "./createPress.jsx";
+import { i as access, o as mergeProps } from "./env.jsx";
+import { t as filterDOMProps } from "./filterDOMProps.jsx";
+import { t as createFocusRing } from "./createFocusRing.jsx";
+import { createId } from "../ssr/index.jsx";
+import { t as createLabel } from "./createLabel.jsx";
+import { t as createTypeSelect } from "./createTypeSelect.jsx";
+import { t as createFormValidation } from "./createFormValidation.jsx";
+import { For, createEffect, onCleanup } from "solid-js";
+//#region src/select/createSelect.ts
+/**
+* Provides the behavior and accessibility implementation for a select component.
+* A select displays a collapsible list of options and allows a user to select one of them.
+* Based on @react-aria/select useSelect.
+*/
+const selectData = /* @__PURE__ */ new WeakMap();
+function getSelectData(state) {
+	return selectData.get(state);
+}
+/**
+* Provides the behavior and accessibility implementation for a select component.
+*/
+function createSelect(props, state, _ref) {
+	const getProps = () => access(props);
+	const id = createId(getProps().id);
+	const buttonId = `${id}-button`;
+	const listBoxId = `${id}-listbox`;
+	const valueId = `${id}-value`;
+	const descriptionId = `${id}-description`;
+	const errorMessageId = `${id}-error`;
+	const domProps = () => filterDOMProps(getProps(), { labelable: true });
+	createEffect(() => {
+		selectData.set(state, { id });
+		onCleanup(() => {
+			selectData.delete(state);
+		});
+	});
+	const { labelProps, fieldProps } = createLabel({
+		get id() {
+			return buttonId;
+		},
+		get label() {
+			return getProps().label;
+		},
+		get "aria-label"() {
+			return getProps()["aria-label"];
+		},
+		get "aria-labelledby"() {
+			return getProps()["aria-labelledby"];
+		},
+		labelElementType: "span"
+	});
+	const { isFocusVisible, focusProps } = createFocusRing({ get autoFocus() {
+		return getProps().autoFocus;
+	} });
+	const isFocused = state.isFocused;
+	const canOpen = () => getProps().allowsEmptyCollection || state.collection().getFirstKey() != null;
+	const isKeyDisabled = (key) => {
+		const collection = state.collection();
+		return state.isKeyDisabled?.(key) || collection.getItem(key)?.isDisabled || false;
+	};
+	const findNextKey = (fromKey, direction) => {
+		const collection = state.collection();
+		const getAdjacent = direction === "forward" ? (k) => collection.getKeyAfter(k) : (k) => collection.getKeyBefore(k);
+		let key = fromKey == null ? (direction === "forward" ? () => collection.getFirstKey() : () => collection.getLastKey())() : getAdjacent(fromKey);
+		while (key != null && isKeyDisabled(key)) key = getAdjacent(key);
+		return key;
+	};
+	const focusKeyForOpen = () => {
+		const selectedKey = state.selectedKey();
+		if (selectedKey != null && !isKeyDisabled(selectedKey)) return selectedKey;
+		return findNextKey(null, "forward");
+	};
+	const openWithFocus = () => {
+		if (state.isOpen() || !canOpen()) return;
+		state.open();
+		const focusKey = focusKeyForOpen();
+		if (focusKey != null) state.setFocusedKey(focusKey);
+	};
+	const { pressProps } = createPress({
+		get isDisabled() {
+			return getProps().isDisabled ?? state.isDisabled;
+		},
+		onPress(e) {
+			if (e.pointerType === "keyboard") return;
+			if (state.isOpen()) state.close();
+			else openWithFocus();
+		}
+	});
+	const { typeSelectProps } = createTypeSelect({
+		collection: () => state.collection(),
+		focusedKey: () => state.selectedKey(),
+		onFocusedKeyChange: (key) => {
+			if (!state.isOpen()) state.setSelectedKey(key);
+			else state.setFocusedKey(key);
+		},
+		isKeyDisabled,
+		get isDisabled() {
+			return Boolean((getProps().disallowTypeAhead ?? false) || getProps().isDisabled || state.isDisabled);
+		}
+	});
+	const onKeyDown = (e) => {
+		if (getProps().isDisabled ?? state.isDisabled) return;
+		const currentKey = state.focusedKey() ?? state.selectedKey();
+		switch (e.key) {
+			case "Enter":
+			case " ":
+				e.preventDefault();
+				if (state.isOpen()) state.close();
+				else openWithFocus();
+				break;
+			case "ArrowDown":
+				e.preventDefault();
+				if (!state.isOpen()) {
+					if (!canOpen()) return;
+					state.open();
+					const focusKey = currentKey != null && !isKeyDisabled(currentKey) ? currentKey : findNextKey(currentKey, "forward");
+					if (focusKey) state.setFocusedKey(focusKey);
+				}
+				break;
+			case "ArrowUp":
+				e.preventDefault();
+				if (!state.isOpen()) {
+					if (!canOpen()) return;
+					state.open();
+					const focusKey = currentKey != null && !isKeyDisabled(currentKey) ? currentKey : findNextKey(currentKey, "backward");
+					if (focusKey) state.setFocusedKey(focusKey);
+				}
+				break;
+			case "ArrowRight":
+				if (!state.isOpen()) {
+					e.preventDefault();
+					const nextKey = findNextKey(currentKey, "forward");
+					if (nextKey != null) state.setSelectedKey(nextKey);
+				}
+				break;
+			case "ArrowLeft":
+				if (!state.isOpen()) {
+					e.preventDefault();
+					const prevKey = findNextKey(currentKey, "backward");
+					if (prevKey != null) state.setSelectedKey(prevKey);
+				}
+				break;
+			case "Home":
+				if (!state.isOpen()) {
+					e.preventDefault();
+					const firstKey = findNextKey(null, "forward");
+					if (firstKey != null) state.setSelectedKey(firstKey);
+				}
+				break;
+			case "End":
+				if (!state.isOpen()) {
+					e.preventDefault();
+					const lastKey = findNextKey(null, "backward");
+					if (lastKey != null) state.setSelectedKey(lastKey);
+				}
+				break;
+			case "Escape":
+				if (state.isOpen()) {
+					e.preventDefault();
+					state.close();
+				}
+				break;
+		}
+	};
+	const handleFocus = (e) => {
+		getProps().onFocus?.(e);
+		getProps().onFocusChange?.(true);
+		state.setFocused(true);
+	};
+	const handleBlur = (e) => {
+		if (state.isOpen()) return;
+		getProps().onBlur?.(e);
+		getProps().onFocusChange?.(false);
+		state.setFocused(false);
+	};
+	return {
+		get labelProps() {
+			return labelProps;
+		},
+		get triggerProps() {
+			const p = getProps();
+			const isOpen = state.isOpen();
+			const isDisabled = p.isDisabled ?? state.isDisabled;
+			const baseProps = mergeProps(domProps(), pressProps, focusProps, fieldProps, {
+				id: buttonId,
+				type: "button",
+				tabIndex: isDisabled ? void 0 : 0,
+				"aria-haspopup": "listbox",
+				"aria-expanded": isOpen,
+				"aria-controls": isOpen ? listBoxId : void 0,
+				"aria-disabled": isDisabled || void 0,
+				"aria-required": p.isRequired || void 0,
+				"aria-describedby": p["aria-describedby"] || void 0,
+				onKeyDown,
+				onFocus: handleFocus,
+				onBlur: handleBlur,
+				"data-open": isOpen || void 0,
+				"data-disabled": isDisabled || void 0,
+				"data-focus-visible": isFocusVisible() || void 0
+			});
+			if (!p.disallowTypeAhead) return mergeProps(baseProps, typeSelectProps);
+			return baseProps;
+		},
+		get valueProps() {
+			return { id: valueId };
+		},
+		get menuProps() {
+			return {
+				id: listBoxId,
+				role: "listbox",
+				"aria-labelledby": buttonId,
+				"aria-multiselectable": state.selectionMode() === "multiple" ? true : void 0,
+				tabIndex: -1,
+				onBlur: (e) => {
+					if (e.currentTarget?.contains(e.relatedTarget)) return;
+					getProps().onBlur?.(e);
+					getProps().onFocusChange?.(false);
+					state.setFocused(false);
+				}
+			};
+		},
+		get descriptionProps() {
+			return { id: descriptionId };
+		},
+		get errorMessageProps() {
+			return { id: errorMessageId };
+		},
+		isFocused,
+		isFocusVisible: () => isFocused() && isFocusVisible(),
+		isOpen: state.isOpen,
+		selectedItem: state.selectedItem
+	};
+}
+//#endregion
+//#region src/select/createHiddenSelect.tsx
+/**
+* Provides a hidden native select element for form integration.
+* Based on @react-aria/select useHiddenSelect.
+*/
+/**
+* Provides the accessibility implementation for a hidden select.
+* This is used for native form submission and accessibility on mobile devices.
+*/
+function createHiddenSelect(props) {
+	const getProps = () => access(props);
+	let selectRef;
+	createEffect(() => {
+		const p = getProps();
+		if (!selectRef) return;
+		const form = selectRef.form;
+		if (!form) return;
+		const handleReset = () => {
+			const defaultKey = p.state.collection().getFirstKey();
+			p.state.setSelectedKey(defaultKey);
+		};
+		form.addEventListener("reset", handleReset);
+		onCleanup(() => {
+			form.removeEventListener("reset", handleReset);
+		});
+	});
+	createEffect(() => {
+		const p = getProps();
+		if (!selectRef || p.validationBehavior !== "native" || !p.validationState) return;
+		createFormValidation({
+			validationBehavior: p.validationBehavior,
+			focus: () => p.triggerRef?.()?.focus()
+		}, p.validationState, () => selectRef);
+	});
+	return {
+		get containerProps() {
+			return {
+				"aria-hidden": true,
+				"data-a11y-ignore": "aria-hidden-focus"
+			};
+		},
+		get selectProps() {
+			const p = getProps();
+			const state = p.state;
+			const selectedKey = state.selectedKey();
+			const selectedKeys = typeof state.selectedKeys === "function" ? state.selectedKeys() : selectedKey != null ? new Set([selectedKey]) : /* @__PURE__ */ new Set();
+			const validationBehavior = p.validationBehavior ?? "aria";
+			const isMultiple = typeof state.selectionMode === "function" && state.selectionMode() === "multiple";
+			const multipleValue = selectedKeys === "all" ? Array.from(state.collection()).map((item) => String(item.key)) : Array.from(selectedKeys).map(String);
+			return {
+				ref: (el) => {
+					selectRef = el;
+				},
+				tabIndex: -1,
+				autoComplete: p.autoComplete,
+				disabled: p.isDisabled ?? state.isDisabled,
+				multiple: isMultiple || void 0,
+				name: p.name,
+				form: p.form,
+				required: validationBehavior === "native" && p.isRequired,
+				value: isMultiple ? multipleValue : selectedKey != null ? String(selectedKey) : "",
+				onChange: (e) => {
+					const target = e.target;
+					if (isMultiple) if (typeof state.setSelectedKeys === "function") state.setSelectedKeys(Array.from(target.selectedOptions).map((o) => o.value));
+					else {
+						const first = target.selectedOptions[0]?.value;
+						state.setSelectedKey(first ?? null);
+					}
+					else state.setSelectedKey(target.value);
+				},
+				style: {
+					position: "absolute",
+					top: 0,
+					left: 0,
+					width: "100%",
+					height: "100%",
+					opacity: 0,
+					"font-size": "16px",
+					border: "none",
+					cursor: "default",
+					margin: 0,
+					padding: 0,
+					"pointer-events": "none"
+				}
+			};
+		},
+		get inputProps() {
+			const p = getProps();
+			const state = p.state;
+			const selectedKey = state.selectedKey();
+			const useTextInput = (p.validationBehavior ?? "aria") === "native" && p.isRequired;
+			return {
+				type: useTextInput ? "text" : "hidden",
+				name: p.name,
+				form: p.form,
+				value: selectedKey != null ? String(selectedKey) : "",
+				disabled: p.isDisabled ?? state.isDisabled,
+				required: useTextInput ? p.isRequired : void 0,
+				style: useTextInput ? { display: "none" } : void 0
+			};
+		}
+	};
+}
+/**
+* A component that renders a hidden native select for form submission.
+* This is useful on mobile devices where native select behavior is preferred.
+*/
+function HiddenSelect(props) {
+	const { containerProps, selectProps } = createHiddenSelect({
+		get state() {
+			return props.state;
+		},
+		get name() {
+			return props.name;
+		},
+		get isDisabled() {
+			return props.isDisabled;
+		},
+		get isRequired() {
+			return props.isRequired;
+		},
+		get autoComplete() {
+			return props.autoComplete;
+		},
+		get form() {
+			return props.form;
+		},
+		get validationBehavior() {
+			return props.validationBehavior;
+		},
+		get triggerRef() {
+			return props.triggerRef;
+		},
+		get validationState() {
+			return props.validationState;
+		}
+	});
+	const collection = () => props.state.collection();
+	const selectedKey = () => props.state.selectedKey();
+	const selectedKeys = () => typeof props.state.selectedKeys === "function" ? props.state.selectedKeys() : selectedKey() != null ? new Set([selectedKey()]) : /* @__PURE__ */ new Set();
+	const isMultiple = () => typeof props.state.selectionMode === "function" && props.state.selectionMode() === "multiple";
+	return <div {...containerProps}>
+      <label>
+        {props.label}
+        <select {...selectProps}>
+          <option />
+          <For each={Array.from(collection())}>
+            {(item) => <option value={String(item.key)} selected={isMultiple() ? selectedKeys() === "all" ? true : selectedKeys().has(item.key) : item.key === selectedKey()}>
+                {item.textValue}
+              </option>}
+          </For>
+        </select>
+      </label>
+    </div>;
+}
+//#endregion
+export { getSelectData as i, createHiddenSelect as n, createSelect as r, HiddenSelect as t };
+
+//# sourceMappingURL=select.jsx.map

package/dist/_chunk/select.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.jsx","names":[],"sources":["../../src/select/createSelect.ts","../../src/select/createHiddenSelect.tsx"],"sourcesContent":["/**\n * Provides the behavior and accessibility implementation for a select component.\n * A select displays a collapsible list of options and allows a user to select one of them.\n * Based on @react-aria/select useSelect.\n */\n\nimport { type JSX, type Accessor, createEffect, onCleanup } from \"solid-js\";\nimport { createPress } from \"../interactions/createPress\";\nimport { createFocusRing } from \"../interactions/createFocusRing\";\nimport { createLabel } from \"../label/createLabel\";\nimport { createTypeSelect } from \"../selection/createTypeSelect\";\nimport { filterDOMProps } from \"../utils/filterDOMProps\";\nimport { mergeProps } from \"../utils/mergeProps\";\nimport { createId } from \"../ssr\";\nimport { access, type MaybeAccessor } from \"../utils/reactivity\";\nimport type { SelectState, CollectionNode } from \"@proyecto-viviana/solid-stately\";\n\nexport interface AriaSelectProps {\n  /** An ID for the select. */\n  id?: string;\n  /** Whether the select is disabled. */\n  isDisabled?: boolean;\n  /** Whether the select is required. */\n  isRequired?: boolean;\n  /** Whether the select is invalid. */\n  isInvalid?: boolean;\n  /** The label for the select. */\n  label?: JSX.Element;\n  /** An accessible label for the select when no visible label is provided. */\n  \"aria-label\"?: string;\n  /** The ID of an element that labels the select. */\n  \"aria-labelledby\"?: string;\n  /** The ID of an element that describes the select. */\n  \"aria-describedby\"?: string;\n  /** Placeholder text when no option is selected. */\n  placeholder?: string;\n  /** Whether the select should be auto-focused. */\n  autoFocus?: boolean;\n  /** Handler called when focus moves to the select. */\n  onFocus?: (e: FocusEvent) => void;\n  /** Handler called when focus moves away from the select. */\n  onBlur?: (e: FocusEvent) => void;\n  /** Handler called when the focus state changes. */\n  onFocusChange?: (isFocused: boolean) => void;\n  /** The name of the select, used when submitting an HTML form. */\n  name?: string;\n  /** Associates the hidden native select with a form element by id. */\n  form?: string;\n  /** Whether type-to-select is disabled. @default false */\n  disallowTypeAhead?: boolean;\n  /** Whether the select can open when its collection is empty. @default false */\n  allowsEmptyCollection?: boolean;\n  /** Whether validation should use ARIA attributes or native browser validation. */\n  validationBehavior?: \"aria\" | \"native\";\n}\n\nexport interface SelectAria<T> {\n  /** Props for the label element. */\n  labelProps: JSX.HTMLAttributes<HTMLElement>;\n  /** Props for the trigger button element. */\n  triggerProps: JSX.HTMLAttributes<HTMLElement>;\n  /** Props for the value display element. */\n  valueProps: JSX.HTMLAttributes<HTMLElement>;\n  /** Props for the listbox/menu popup. */\n  menuProps: JSX.HTMLAttributes<HTMLElement>;\n  /** Props for the description element, if any. */\n  descriptionProps: JSX.HTMLAttributes<HTMLElement>;\n  /** Props for the error message element, if any. */\n  errorMessageProps: JSX.HTMLAttributes<HTMLElement>;\n  /** Whether the select is currently focused. */\n  isFocused: Accessor<boolean>;\n  /** Whether the select has keyboard focus. */\n  isFocusVisible: Accessor<boolean>;\n  /** Whether the select is currently open. */\n  isOpen: Accessor<boolean>;\n  /** The currently selected item. */\n  selectedItem: Accessor<CollectionNode<T> | null>;\n}\n\n// Shared data between select and options\nconst selectData = new WeakMap<object, SelectData>();\n\ninterface SelectData {\n  id: string;\n}\n\nexport function getSelectData(state: SelectState): SelectData | undefined {\n  return selectData.get(state);\n}\n\n/**\n * Provides the behavior and accessibility implementation for a select component.\n */\nexport function createSelect<T>(\n  props: MaybeAccessor<AriaSelectProps>,\n  state: SelectState<T>,\n  _ref?: () => HTMLElement | null,\n): SelectAria<T> {\n  const getProps = () => access(props);\n  const id = createId(getProps().id);\n\n  // Generate IDs for associated elements\n  const buttonId = `${id}-button`;\n  const listBoxId = `${id}-listbox`;\n  const valueId = `${id}-value`;\n  const descriptionId = `${id}-description`;\n  const errorMessageId = `${id}-error`;\n\n  // Filter DOM props\n  const domProps = () =>\n    filterDOMProps(getProps() as unknown as Record<string, unknown>, { labelable: true });\n\n  // Share data with child options\n  createEffect(() => {\n    selectData.set(state, { id });\n\n    onCleanup(() => {\n      selectData.delete(state);\n    });\n  });\n\n  // Label handling\n  const { labelProps, fieldProps } = createLabel({\n    get id() {\n      return buttonId;\n    },\n    get label() {\n      return getProps().label;\n    },\n    get \"aria-label\"() {\n      return getProps()[\"aria-label\"];\n    },\n    get \"aria-labelledby\"() {\n      return getProps()[\"aria-labelledby\"];\n    },\n    labelElementType: \"span\",\n  });\n\n  // Focus ring for keyboard focus styling\n  const { isFocusVisible, focusProps } = createFocusRing({\n    get autoFocus() {\n      return getProps().autoFocus;\n    },\n  });\n\n  // Track focus state\n  const isFocused = state.isFocused;\n\n  // Handle press on trigger\n  const canOpen = () =>\n    getProps().allowsEmptyCollection || state.collection().getFirstKey() != null;\n\n  // Helper to check if key is disabled\n  const isKeyDisabled = (key: string | number): boolean => {\n    const collection = state.collection();\n    return state.isKeyDisabled?.(key) || collection.getItem(key)?.isDisabled || false;\n  };\n\n  // Helper to find the next non-disabled key.\n  const findNextKey = (\n    fromKey: string | number | null,\n    direction: \"forward\" | \"backward\",\n  ): string | number | null => {\n    const collection = state.collection();\n    const getAdjacent =\n      direction === \"forward\"\n        ? (k: string | number) => collection.getKeyAfter(k)\n        : (k: string | number) => collection.getKeyBefore(k);\n    const getBoundary =\n      direction === \"forward\" ? () => collection.getFirstKey() : () => collection.getLastKey();\n\n    let key = fromKey == null ? getBoundary() : getAdjacent(fromKey);\n    while (key != null && isKeyDisabled(key)) {\n      key = getAdjacent(key);\n    }\n\n    return key;\n  };\n\n  const focusKeyForOpen = (): string | number | null => {\n    const selectedKey = state.selectedKey();\n    if (selectedKey != null && !isKeyDisabled(selectedKey)) {\n      return selectedKey;\n    }\n    return findNextKey(null, \"forward\");\n  };\n\n  const openWithFocus = () => {\n    if (state.isOpen() || !canOpen()) {\n      return;\n    }\n    state.open();\n    const focusKey = focusKeyForOpen();\n    if (focusKey != null) {\n      state.setFocusedKey(focusKey);\n    }\n  };\n\n  const { pressProps } = createPress({\n    get isDisabled() {\n      return getProps().isDisabled ?? state.isDisabled;\n    },\n    onPress(e) {\n      if (e.pointerType === \"keyboard\") {\n        return;\n      }\n\n      if (state.isOpen()) {\n        state.close();\n      } else {\n        openWithFocus();\n      }\n    },\n  });\n\n  // Type-to-select - for Select, typing directly selects items when closed\n  const { typeSelectProps } = createTypeSelect({\n    collection: () => state.collection(),\n    focusedKey: () => state.selectedKey(), // Use selectedKey as the \"focused\" key for closed Select\n    onFocusedKeyChange: (key) => {\n      // When closed, type-to-select directly changes selection\n      if (!state.isOpen()) {\n        state.setSelectedKey(key);\n      } else {\n        // When open, update focused key (listbox handles selection)\n        state.setFocusedKey(key);\n      }\n    },\n    isKeyDisabled,\n    get isDisabled() {\n      return Boolean(\n        (getProps().disallowTypeAhead ?? false) || getProps().isDisabled || state.isDisabled,\n      );\n    },\n  });\n\n  // Keyboard navigation\n  const onKeyDown: JSX.EventHandler<HTMLElement, KeyboardEvent> = (e) => {\n    if (getProps().isDisabled ?? state.isDisabled) return;\n\n    const currentKey = state.focusedKey() ?? state.selectedKey();\n\n    switch (e.key) {\n      case \"Enter\":\n      case \" \":\n        e.preventDefault();\n        if (state.isOpen()) {\n          state.close();\n        } else {\n          openWithFocus();\n        }\n        break;\n\n      case \"ArrowDown\":\n        e.preventDefault();\n        if (!state.isOpen()) {\n          if (!canOpen()) {\n            return;\n          }\n          // ArrowDown: Open the dropdown and focus first/selected item\n          state.open();\n          const focusKey =\n            currentKey != null && !isKeyDisabled(currentKey)\n              ? currentKey\n              : findNextKey(currentKey, \"forward\");\n          if (focusKey) {\n            state.setFocusedKey(focusKey);\n          }\n        }\n        // When open, navigation is handled by the listbox\n        break;\n\n      case \"ArrowUp\":\n        e.preventDefault();\n        if (!state.isOpen()) {\n          if (!canOpen()) {\n            return;\n          }\n          // ArrowUp: Open the dropdown and focus last/selected item\n          state.open();\n          const focusKey =\n            currentKey != null && !isKeyDisabled(currentKey)\n              ? currentKey\n              : findNextKey(currentKey, \"backward\");\n          if (focusKey) {\n            state.setFocusedKey(focusKey);\n          }\n        }\n        // When open, navigation is handled by the listbox\n        break;\n\n      case \"ArrowRight\":\n        // ArrowRight: Select next option (for horizontal keyboard navigation pattern)\n        if (!state.isOpen()) {\n          e.preventDefault();\n          const nextKey = findNextKey(currentKey, \"forward\");\n          if (nextKey != null) {\n            state.setSelectedKey(nextKey);\n          }\n        }\n        break;\n\n      case \"ArrowLeft\":\n        // ArrowLeft: Select previous option (for horizontal keyboard navigation pattern)\n        if (!state.isOpen()) {\n          e.preventDefault();\n          const prevKey = findNextKey(currentKey, \"backward\");\n          if (prevKey != null) {\n            state.setSelectedKey(prevKey);\n          }\n        }\n        break;\n\n      case \"Home\":\n        // Home: Select first option\n        if (!state.isOpen()) {\n          e.preventDefault();\n          const firstKey = findNextKey(null, \"forward\");\n          if (firstKey != null) {\n            state.setSelectedKey(firstKey);\n          }\n        }\n        break;\n\n      case \"End\":\n        // End: Select last option\n        if (!state.isOpen()) {\n          e.preventDefault();\n          const lastKey = findNextKey(null, \"backward\");\n          if (lastKey != null) {\n            state.setSelectedKey(lastKey);\n          }\n        }\n        break;\n\n      case \"Escape\":\n        if (state.isOpen()) {\n          e.preventDefault();\n          state.close();\n        }\n        break;\n    }\n  };\n\n  // Handle focus events\n  const handleFocus = (e: FocusEvent) => {\n    getProps().onFocus?.(e);\n    getProps().onFocusChange?.(true);\n    state.setFocused(true);\n  };\n\n  const handleBlur = (e: FocusEvent) => {\n    // Focus moving into the open listbox is not a select blur; the menu's own\n    // onBlur clears the state when focus leaves the listbox entirely.\n    if (state.isOpen()) {\n      return;\n    }\n\n    getProps().onBlur?.(e);\n    getProps().onFocusChange?.(false);\n    state.setFocused(false);\n  };\n\n  return {\n    get labelProps() {\n      return labelProps as JSX.HTMLAttributes<HTMLElement>;\n    },\n    get triggerProps() {\n      const p = getProps();\n      const isOpen = state.isOpen();\n      const isDisabled = p.isDisabled ?? state.isDisabled;\n\n      const baseProps = mergeProps(\n        domProps(),\n        pressProps as Record<string, unknown>,\n        focusProps as Record<string, unknown>,\n        fieldProps as Record<string, unknown>,\n        {\n          id: buttonId,\n          type: \"button\",\n          tabIndex: isDisabled ? undefined : 0,\n          \"aria-haspopup\": \"listbox\",\n          \"aria-expanded\": isOpen,\n          \"aria-controls\": isOpen ? listBoxId : undefined,\n          \"aria-disabled\": isDisabled || undefined,\n          \"aria-required\": p.isRequired || undefined,\n          \"aria-describedby\": p[\"aria-describedby\"] || undefined,\n          onKeyDown,\n          onFocus: handleFocus,\n          onBlur: handleBlur,\n          \"data-open\": isOpen || undefined,\n          \"data-disabled\": isDisabled || undefined,\n          \"data-focus-visible\": isFocusVisible() || undefined,\n        } as Record<string, unknown>,\n      );\n\n      // Add type-select props if enabled\n      if (!p.disallowTypeAhead) {\n        return mergeProps(\n          baseProps,\n          typeSelectProps as Record<string, unknown>,\n        ) as JSX.HTMLAttributes<HTMLElement>;\n      }\n\n      return baseProps as JSX.HTMLAttributes<HTMLElement>;\n    },\n    get valueProps() {\n      return {\n        id: valueId,\n      } as JSX.HTMLAttributes<HTMLElement>;\n    },\n    get menuProps() {\n      return {\n        id: listBoxId,\n        role: \"listbox\",\n        \"aria-labelledby\": buttonId,\n        \"aria-multiselectable\": state.selectionMode() === \"multiple\" ? true : undefined,\n        tabIndex: -1,\n        onBlur: (e: FocusEvent) => {\n          // Only a blur that leaves the listbox entirely blurs the select.\n          if ((e.currentTarget as Node | null)?.contains(e.relatedTarget as Node)) {\n            return;\n          }\n\n          getProps().onBlur?.(e);\n          getProps().onFocusChange?.(false);\n          state.setFocused(false);\n        },\n      } as JSX.HTMLAttributes<HTMLElement>;\n    },\n    get descriptionProps() {\n      return {\n        id: descriptionId,\n      } as JSX.HTMLAttributes<HTMLElement>;\n    },\n    get errorMessageProps() {\n      return {\n        id: errorMessageId,\n      } as JSX.HTMLAttributes<HTMLElement>;\n    },\n    isFocused,\n    isFocusVisible: () => isFocused() && isFocusVisible(),\n    isOpen: state.isOpen,\n    selectedItem: state.selectedItem,\n  };\n}\n","/**\n * Provides a hidden native select element for form integration.\n * Based on @react-aria/select useHiddenSelect.\n */\n\nimport { type JSX, type Accessor, For, createEffect, onCleanup } from \"solid-js\";\nimport { access, type MaybeAccessor } from \"../utils/reactivity\";\nimport { createFormValidation } from \"../form/createFormValidation\";\nimport type { SelectState, Key, FormValidationState } from \"@proyecto-viviana/solid-stately\";\n\nexport type ValidationBehavior = \"aria\" | \"native\";\n\nexport interface AriaHiddenSelectProps<T> {\n  /** The state object for the select. */\n  state: SelectState<T>;\n  /** The name attribute for the hidden select. */\n  name?: string;\n  /** Whether the select is disabled. */\n  isDisabled?: boolean;\n  /** Whether the select is required. */\n  isRequired?: boolean;\n  /** Describes the type of autocomplete functionality the select should provide. */\n  autoComplete?: string;\n  /** The `form` attribute to associate the select with a form by ID. */\n  form?: string;\n  /** Validation behavior: 'aria' for realtime, 'native' for on submit. */\n  validationBehavior?: ValidationBehavior;\n  /** A ref to the trigger element for focus on validation error. */\n  triggerRef?: Accessor<HTMLElement | null>;\n  /** Form validation state (optional, for native validation). */\n  validationState?: FormValidationState;\n}\n\nexport interface HiddenSelectAria {\n  /** Props for the container element. */\n  containerProps: JSX.HTMLAttributes<HTMLDivElement>;\n  /** Props for the hidden select element. */\n  selectProps: JSX.SelectHTMLAttributes<HTMLSelectElement>;\n  /** Props for the hidden input element (for form submission). */\n  inputProps: JSX.InputHTMLAttributes<HTMLInputElement>;\n}\n\n/**\n * Provides the accessibility implementation for a hidden select.\n * This is used for native form submission and accessibility on mobile devices.\n */\nexport function createHiddenSelect<T>(\n  props: MaybeAccessor<AriaHiddenSelectProps<T>>,\n): HiddenSelectAria {\n  const getProps = () => access(props);\n\n  // Track the select element for form reset/validation\n  let selectRef: HTMLSelectElement | undefined;\n\n  // Set up form reset handler\n  createEffect(() => {\n    const p = getProps();\n    if (!selectRef) return;\n\n    const form = selectRef.form;\n    if (!form) return;\n\n    const handleReset = () => {\n      // Reset to default selected key (first key or null)\n      const defaultKey = p.state.collection().getFirstKey();\n      p.state.setSelectedKey(defaultKey);\n    };\n\n    form.addEventListener(\"reset\", handleReset);\n\n    onCleanup(() => {\n      form.removeEventListener(\"reset\", handleReset);\n    });\n  });\n\n  // Set up form validation handler for native validation\n  createEffect(() => {\n    const p = getProps();\n    if (!selectRef || p.validationBehavior !== \"native\" || !p.validationState) return;\n\n    createFormValidation(\n      {\n        validationBehavior: p.validationBehavior,\n        focus: () => p.triggerRef?.()?.focus(),\n      },\n      p.validationState,\n      () => selectRef,\n    );\n  });\n\n  return {\n    get containerProps() {\n      return {\n        \"aria-hidden\": true,\n        \"data-a11y-ignore\": \"aria-hidden-focus\",\n      } as JSX.HTMLAttributes<HTMLDivElement>;\n    },\n    get selectProps() {\n      const p = getProps();\n      const state = p.state;\n      const selectedKey = state.selectedKey();\n      const selectedKeys =\n        typeof state.selectedKeys === \"function\"\n          ? state.selectedKeys()\n          : selectedKey != null\n            ? new Set([selectedKey])\n            : new Set<Key>();\n      const validationBehavior = p.validationBehavior ?? \"aria\";\n      const isMultiple =\n        typeof state.selectionMode === \"function\" && state.selectionMode() === \"multiple\";\n      const multipleValue =\n        selectedKeys === \"all\"\n          ? Array.from(state.collection()).map((item) => String(item.key))\n          : Array.from(selectedKeys).map(String);\n\n      return {\n        ref: (el: HTMLSelectElement) => {\n          selectRef = el;\n        },\n        tabIndex: -1,\n        autoComplete: p.autoComplete,\n        disabled: p.isDisabled ?? state.isDisabled,\n        multiple: isMultiple || undefined,\n        name: p.name,\n        form: p.form,\n        // Add required attribute for native form validation\n        required: validationBehavior === \"native\" && p.isRequired,\n        value: isMultiple ? multipleValue : selectedKey != null ? String(selectedKey) : \"\",\n        onChange: (e: Event) => {\n          const target = e.target as HTMLSelectElement;\n          if (isMultiple) {\n            if (typeof state.setSelectedKeys === \"function\") {\n              state.setSelectedKeys(Array.from(target.selectedOptions).map((o) => o.value as Key));\n            } else {\n              const first = target.selectedOptions[0]?.value;\n              state.setSelectedKey((first ?? null) as Key | null);\n            }\n          } else {\n            state.setSelectedKey(target.value as Key);\n          }\n        },\n        style: {\n          position: \"absolute\",\n          top: 0,\n          left: 0,\n          width: \"100%\",\n          height: \"100%\",\n          opacity: 0,\n          \"font-size\": \"16px\", // Prevents zoom on iOS\n          border: \"none\",\n          cursor: \"default\",\n          margin: 0,\n          padding: 0,\n          \"pointer-events\": \"none\",\n        },\n      } as JSX.SelectHTMLAttributes<HTMLSelectElement>;\n    },\n    get inputProps() {\n      const p = getProps();\n      const state = p.state;\n      const selectedKey = state.selectedKey();\n      const validationBehavior = p.validationBehavior ?? \"aria\";\n\n      // For native validation with required, use type=\"text\" with display:none\n      // so the browser will validate it on form submit\n      const useTextInput = validationBehavior === \"native\" && p.isRequired;\n\n      return {\n        type: useTextInput ? \"text\" : \"hidden\",\n        name: p.name,\n        form: p.form,\n        value: selectedKey != null ? String(selectedKey) : \"\",\n        disabled: p.isDisabled ?? state.isDisabled,\n        required: useTextInput ? p.isRequired : undefined,\n        style: useTextInput ? { display: \"none\" } : undefined,\n      } as JSX.InputHTMLAttributes<HTMLInputElement>;\n    },\n  };\n}\n\nexport interface HiddenSelectProps<T> {\n  /** The state object for the select. */\n  state: SelectState<T>;\n  /** The name attribute for the hidden select. */\n  name?: string;\n  /** Whether the select is disabled. */\n  isDisabled?: boolean;\n  /** Whether the select is required. */\n  isRequired?: boolean;\n  /** A ref to the trigger element. */\n  triggerRef?: () => HTMLElement | null;\n  /** Label for the select. */\n  label?: string;\n  /** Describes the type of autocomplete functionality the select should provide. */\n  autoComplete?: string;\n  /** The `form` attribute to associate the select with a form by ID. */\n  form?: string;\n  /** Validation behavior: 'aria' for realtime, 'native' for on submit. */\n  validationBehavior?: ValidationBehavior;\n  /** Form validation state (optional, for native validation). */\n  validationState?: FormValidationState;\n}\n\n/**\n * A component that renders a hidden native select for form submission.\n * This is useful on mobile devices where native select behavior is preferred.\n */\nexport function HiddenSelect<T>(props: HiddenSelectProps<T>): JSX.Element {\n  const { containerProps, selectProps } = createHiddenSelect({\n    get state() {\n      return props.state;\n    },\n    get name() {\n      return props.name;\n    },\n    get isDisabled() {\n      return props.isDisabled;\n    },\n    get isRequired() {\n      return props.isRequired;\n    },\n    get autoComplete() {\n      return props.autoComplete;\n    },\n    get form() {\n      return props.form;\n    },\n    get validationBehavior() {\n      return props.validationBehavior;\n    },\n    get triggerRef() {\n      return props.triggerRef;\n    },\n    get validationState() {\n      return props.validationState;\n    },\n  });\n\n  const collection = () => props.state.collection();\n  const selectedKey = () => props.state.selectedKey();\n  const selectedKeys = () =>\n    typeof props.state.selectedKeys === \"function\"\n      ? props.state.selectedKeys()\n      : selectedKey() != null\n        ? new Set([selectedKey() as Key])\n        : new Set<Key>();\n  const isMultiple = () =>\n    typeof props.state.selectionMode === \"function\" && props.state.selectionMode() === \"multiple\";\n\n  return (\n    <div {...containerProps}>\n      <label>\n        {props.label}\n        <select {...selectProps}>\n          <option />\n          <For each={Array.from(collection())}>\n            {(item) => (\n              <option\n                value={String(item.key)}\n                selected={\n                  isMultiple()\n                    ? selectedKeys() === \"all\"\n                      ? true\n                      : (selectedKeys() as Set<Key>).has(item.key)\n                    : item.key === selectedKey()\n                }\n              >\n                {item.textValue}\n              </option>\n            )}\n          </For>\n        </select>\n      </label>\n    </div>\n  );\n}\n"],"mappings":"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"}