@solibo/solibo-ui 1.0.20 → 1.0.22

package/dist/components/dropdown/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/dropdown/options.tsx","../../../src/components/dropdown/index.tsx"],"sourcesContent":["import React, { Children, isValidElement } from 'react';\n\nimport { Select, type SelectProps } from '@/components/select';\n\ntype NativeSelectProps = Omit<React.ComponentPropsWithoutRef<'select'>, 'children' | 'multiple'> & {\n  children: React.ReactNode;\n  multiple?: false;\n};\n\ntype NativeSelectElement = React.ReactElement<NativeSelectProps, 'select'>;\ntype WrappedSelectElement = React.ReactElement<SelectProps, typeof Select>;\n\nexport type DropdownSelectElement = NativeSelectElement | WrappedSelectElement;\n\nexport type DropdownOption = {\n  disabled: boolean;\n  groupLabel?: string;\n  hidden: boolean;\n  isPlaceholder: boolean;\n  label: React.ReactNode;\n  selected: boolean;\n  text: string;\n  value: string;\n};\n\nexport type DropdownRenderOption = Pick<\n  DropdownOption,\n  'groupLabel' | 'label' | 'text' | 'value'\n> & {\n  isSelected: boolean;\n};\n\nexport function getNodeText(node: React.ReactNode): string {\n  if (typeof node === 'string' || typeof node === 'number') return String(node);\n  if (Array.isArray(node)) return node.map(getNodeText).join(' ');\n  if (isValidElement<{ children?: React.ReactNode }>(node)) return getNodeText(node.props.children);\n  return '';\n}\n\nfunction isOptionElement(\n  node: React.ReactNode\n): node is React.ReactElement<React.ComponentPropsWithoutRef<'option'>, 'option'> {\n  return isValidElement(node) && node.type === 'option';\n}\n\nfunction isOptGroupElement(\n  node: React.ReactNode\n): node is React.ReactElement<React.ComponentPropsWithoutRef<'optgroup'>, 'optgroup'> {\n  return isValidElement(node) && node.type === 'optgroup';\n}\n\nfunction isFragmentElement(\n  node: React.ReactNode\n): node is React.ReactElement<{ children?: React.ReactNode }, typeof React.Fragment> {\n  return isValidElement(node) && node.type === React.Fragment;\n}\n\nfunction isWrappedSelectElement(node: React.ReactNode): node is WrappedSelectElement {\n  return isValidElement(node) && node.type === Select;\n}\n\nexport function extractOptions(\n  children: React.ReactNode,\n  groupLabel?: string,\n  groupDisabled = false\n): DropdownOption[] {\n  const options: DropdownOption[] = [];\n\n  Children.forEach(children, (child) => {\n    if (isFragmentElement(child)) {\n      options.push(...extractOptions(child.props.children, groupLabel, groupDisabled));\n    } else if (isOptionElement(child)) {\n      const text = getNodeText(child.props.children).trim();\n      const value = child.props.value != null ? String(child.props.value) : text;\n      options.push({\n        disabled: groupDisabled || Boolean(child.props.disabled),\n        groupLabel,\n        hidden: Boolean(child.props.hidden),\n        isPlaceholder: Boolean(child.props.hidden && value === ''),\n        label: child.props.children,\n        selected: Boolean(child.props.selected),\n        text,\n        value,\n      });\n    } else if (isOptGroupElement(child)) {\n      options.push(\n        ...extractOptions(\n          child.props.children,\n          child.props.label,\n          groupDisabled || Boolean(child.props.disabled)\n        )\n      );\n    }\n  });\n\n  return options;\n}\n\nfunction buildWildcardMatcher(query: string) {\n  const trimmedQuery = query.trim();\n  if (!trimmedQuery) return null;\n\n  const wildcardQuery = /[*?]/.test(trimmedQuery) ? trimmedQuery : `*${trimmedQuery}*`;\n  const expression = [...wildcardQuery]\n    .map((character) => {\n      if (character === '*') return '.*';\n      if (character === '?') return '.';\n      return character.replace(/[|\\\\{}()[\\]^$+.,]/g, '\\\\$&');\n    })\n    .join('');\n\n  return new RegExp(`^${expression}$`, 'i');\n}\n\nexport function filterOptions(options: DropdownOption[], query: string) {\n  const matcher = buildWildcardMatcher(query);\n  const selectableOptions = options.filter((option) => !option.hidden && !option.isPlaceholder);\n  return matcher\n    ? selectableOptions.filter((option) =>\n        matcher.test([option.groupLabel, option.text, option.value].filter(Boolean).join(' '))\n      )\n    : selectableOptions;\n}\n\nexport function getDisplayOption(options: DropdownOption[], selectedValue: string) {\n  return (\n    options.find((option) => option.value === selectedValue) ??\n    options.find((option) => option.isPlaceholder) ??\n    options[0]\n  );\n}\n\nexport function getInitialValue(\n  options: DropdownOption[],\n  value?: NativeSelectProps['value'],\n  defaultValue?: NativeSelectProps['defaultValue']\n) {\n  if (value != null) return String(value);\n  if (defaultValue != null) return String(defaultValue);\n  return options.find((option) => option.selected)?.value ?? options[0]?.value ?? '';\n}\n\nexport function normalizeSelectElement(selectElement: DropdownSelectElement) {\n  if (isWrappedSelectElement(selectElement)) {\n    const { children, placeholder, ...props } = selectElement.props;\n    return {\n      children: (\n        <>\n          {placeholder && (\n            <option\n              hidden\n              value=''\n            >\n              {placeholder}\n            </option>\n          )}\n          {children}\n        </>\n      ),\n      props,\n    };\n  }\n\n  return { children: selectElement.props.children, props: selectElement.props };\n}\n","import cx from 'classix';\nimport React, { useEffect, useId, useRef, useState } from 'react';\n\nimport { Button } from '@/components/button';\nimport { type IconName, iconSVG } from '@/components/icon/icons';\nimport { Input } from '@/components/input';\nimport { List } from '@/components/list';\nimport { sanitizeSelectProps } from '@/components/select/sanitize-select-props';\nimport { resolveColor } from '@/lib/color';\nimport { formatInlineLabel } from '@/lib/text';\n\nimport {\n  type DropdownOption,\n  type DropdownRenderOption,\n  type DropdownSelectElement,\n  extractOptions,\n  filterOptions,\n  getDisplayOption,\n  getInitialValue,\n  getNodeText,\n  normalizeSelectElement,\n} from './options';\nimport styles from './styles.module.css';\n\nexport type { DropdownRenderOption } from './options';\n\nexport type DropdownCreateOption = {\n  isValid: (value: string) => boolean;\n  onCreate: (value: string) => void;\n  render: (value: string) => React.ReactNode;\n};\n\nexport type DropdownProps = Omit<React.ComponentPropsWithoutRef<'div'>, 'children'> & {\n  children: DropdownSelectElement;\n  combobox?: boolean;\n  createOption?: DropdownCreateOption;\n  emptyLabel?: string;\n  label?: string;\n  renderOption?: (option: DropdownRenderOption) => React.ReactNode;\n  searchPlaceholder?: string;\n  selectedItems?: React.ReactNode;\n  variant?: 'default' | 'inline' | 'minimal';\n};\n\ntype withVars = React.CSSProperties & {\n  '--icon-svg'?: string;\n};\n\nfunction getIconWithVars(icon: IconName, color: string): withVars {\n  return {\n    '--icon-svg': iconSVG(icon).replace('currentColor', color),\n  };\n}\n\nexport const Dropdown = ({\n  children: selectElement,\n  className,\n  combobox = false,\n  createOption,\n  emptyLabel = 'No matches found',\n  label,\n  renderOption,\n  searchPlaceholder = 'Filter',\n  selectedItems,\n  variant = 'default',\n  ...props\n}: DropdownProps) => {\n  const normalizedSelect = normalizeSelectElement(selectElement);\n  const { defaultValue, onChange, value, ...restSelectProps } = normalizedSelect.props;\n  const selectProps = sanitizeSelectProps(restSelectProps);\n  const { className: selectClassName, ...nativeSelectProps } = selectProps;\n  const buttonRef = useRef<HTMLButtonElement>(null);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const labelId = useId();\n  const nativeSelectRef = useRef<HTMLSelectElement>(null);\n  const searchRef = useRef<HTMLInputElement>(null);\n  const options = extractOptions(normalizedSelect.children);\n  const isControlled = value != null;\n  const initialValue = getInitialValue(options, value, defaultValue);\n  const [internalValue, setInternalValue] = useState(() => initialValue);\n  const [isOpen, setIsOpen] = useState(false);\n  const [query, setQuery] = useState('');\n  const selectedValue = isControlled ? String(value) : internalValue;\n  const iconColors = {\n    default: resolveColor('--colors-semantic-content-secondary'),\n    white: resolveColor('--color-white', 'white'),\n  };\n  const dropdownIconColor = variant === 'minimal' ? iconColors.white : iconColors.default;\n  const displayOption = getDisplayOption(options, selectedValue);\n  const triggerWithVars = getIconWithVars('chevron', dropdownIconColor);\n  const filterWithVars = getIconWithVars('search', dropdownIconColor);\n  const filteredOptions = filterOptions(options, query);\n  const customValue = query.trim();\n  const canCreateOption = Boolean(\n    combobox && createOption && customValue && createOption.isValid(customValue)\n  );\n  const displayLabel = label && variant === 'inline' ? formatInlineLabel(label) : label;\n  const renderDropdownOption = (option: DropdownOption | undefined) => {\n    if (!option) return 'Select an option';\n\n    return (\n      renderOption?.({\n        groupLabel: option.groupLabel,\n        isSelected: option.value === selectedValue,\n        label: option.label,\n        text: option.text,\n        value: option.value,\n      }) ?? option.label\n    );\n  };\n\n  useEffect(() => {\n    if (!isControlled && !options.some((option) => option.value === internalValue)) {\n      setInternalValue(initialValue);\n    }\n  }, [initialValue, internalValue, isControlled, options]);\n\n  useEffect(() => {\n    if (!isOpen) {\n      setQuery('');\n      return;\n    }\n\n    searchRef.current?.focus();\n  }, [isOpen]);\n\n  useEffect(() => {\n    if (!isOpen) {\n      return;\n    }\n\n    const handlePointerDown = (event: MouseEvent) => {\n      if (!containerRef.current?.contains(event.target as Node)) {\n        setIsOpen(false);\n      }\n    };\n\n    document.addEventListener('mousedown', handlePointerDown);\n\n    return () => {\n      document.removeEventListener('mousedown', handlePointerDown);\n    };\n  }, [isOpen]);\n\n  const handleNativeChange = (event: React.ChangeEvent<HTMLSelectElement>) => {\n    if (!isControlled) {\n      setInternalValue(event.target.value);\n    }\n\n    onChange?.(event);\n  };\n\n  const closeMenu = () => {\n    setIsOpen(false);\n    if (!combobox) {\n      buttonRef.current?.focus();\n    }\n  };\n\n  const continueComboboxSelection = () => {\n    setQuery('');\n    setIsOpen(true);\n    searchRef.current?.focus();\n  };\n\n  const commitCustomValue = () => {\n    if (!createOption || !canCreateOption) return;\n\n    createOption.onCreate(customValue);\n    continueComboboxSelection();\n  };\n\n  const commitValue = (nextValue: string) => {\n    if (!isControlled) {\n      setInternalValue(nextValue);\n    }\n\n    const nativeSelect = nativeSelectRef.current;\n\n    if (!nativeSelect) {\n      closeMenu();\n      return;\n    }\n\n    const valueSetter = Object.getOwnPropertyDescriptor(HTMLSelectElement.prototype, 'value')?.set;\n\n    valueSetter?.call(nativeSelect, nextValue);\n    nativeSelect.dispatchEvent(new Event('change', { bubbles: true }));\n    if (combobox) {\n      continueComboboxSelection();\n    } else {\n      closeMenu();\n    }\n  };\n\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    if (event.key === 'Escape') {\n      closeMenu();\n    }\n\n    if (event.key === 'Enter' && event.target === searchRef.current && canCreateOption) {\n      event.preventDefault();\n      commitCustomValue();\n    }\n  };\n\n  const dropdown = (\n    <div\n      className={cx(\n        styles.dropdown,\n        variant === 'inline' && styles.inline,\n        variant === 'minimal' && styles.minimal,\n        className\n      )}\n      onKeyDown={handleKeyDown}\n      ref={containerRef}\n      {...props}\n    >\n      <select\n        {...nativeSelectProps}\n        aria-hidden='true'\n        className={cx(styles.native, selectClassName)}\n        onChange={handleNativeChange}\n        ref={nativeSelectRef}\n        tabIndex={-1}\n        value={selectedValue}\n      >\n        {normalizedSelect.children}\n      </select>\n      {combobox ? (\n        <div\n          className={styles.combobox}\n          onClick={() => searchRef.current?.focus()}\n        >\n          {selectedItems}\n          <input\n            aria-autocomplete='list'\n            aria-expanded={isOpen}\n            aria-label={selectProps['aria-label'] ?? label ?? searchPlaceholder}\n            className={styles['combobox-input']}\n            disabled={selectProps.disabled}\n            onChange={(event) => {\n              setQuery(event.target.value);\n              setIsOpen(true);\n            }}\n            onClick={() => setIsOpen(true)}\n            onFocus={() => setIsOpen(true)}\n            placeholder={searchPlaceholder || undefined}\n            ref={searchRef}\n            role='combobox'\n            type='text'\n            value={query}\n          />\n        </div>\n      ) : (\n        <Button\n          aria-expanded={isOpen}\n          aria-haspopup='dialog'\n          aria-labelledby={label ? `${labelId} ${labelId}-value` : undefined}\n          className={cx(styles.trigger, displayOption?.isPlaceholder && styles.placeholder)}\n          data-open={isOpen ? 'true' : undefined}\n          disabled={selectProps.disabled}\n          onClick={() => setIsOpen((currentValue) => !currentValue)}\n          ref={buttonRef}\n          style={triggerWithVars}\n          variant='tertiary'\n        >\n          <span\n            className={styles.text}\n            id={`${labelId}-value`}\n          >\n            {renderDropdownOption(displayOption)}\n          </span>\n        </Button>\n      )}\n      {isOpen && (\n        <div className={styles.panel}>\n          {!combobox && (\n            <Input\n              aria-label='Filter'\n              className={styles.filter}\n              icon='search'\n              onChange={(event) => setQuery(event.target.value)}\n              placeholder={searchPlaceholder}\n              ref={searchRef}\n              style={filterWithVars}\n              type='search'\n              value={query}\n            />\n          )}\n          <List\n            aria-label='Dropdown'\n            className={styles.options}\n          >\n            {filteredOptions.map((option) => {\n              const isSelected = option.value === selectedValue;\n\n              return (\n                <li key={`${option.groupLabel ?? 'root'}-${option.value}`}>\n                  <Button\n                    aria-label={isSelected ? `${option.text}, selected` : option.text}\n                    className={cx(styles.option, isSelected && styles.selected)}\n                    disabled={option.disabled}\n                    onClick={() => commitValue(option.value)}\n                    variant='tertiary'\n                  >\n                    <span className={styles.text}>{renderDropdownOption(option)}</span>\n                    {option.groupLabel && (\n                      <small className={styles.group}>{option.groupLabel}</small>\n                    )}\n                  </Button>\n                </li>\n              );\n            })}\n            {canCreateOption && createOption && (\n              <li>\n                <Button\n                  aria-label={getNodeText(createOption.render(customValue)) || customValue}\n                  className={styles.option}\n                  onClick={commitCustomValue}\n                  variant='tertiary'\n                >\n                  <span className={styles.text}>{createOption.render(customValue)}</span>\n                </Button>\n              </li>\n            )}\n            {filteredOptions.length === 0 && !canCreateOption && (\n              <li className={styles.empty}>{emptyLabel}</li>\n            )}\n          </List>\n        </div>\n      )}\n    </div>\n  );\n\n  return label ? (\n    <div className={cx(styles.label, variant === 'inline' && styles['inline-field'])}>\n      <span id={labelId}>{displayLabel}</span>\n      {dropdown}\n    </div>\n  ) : (\n    dropdown\n  );\n};\n"],"names":["getNodeText","node","String","Array","isArray","map","join","isValidElement","props","children","isOptionElement","type","isOptGroupElement","isFragmentElement","React","Fragment","isWrappedSelectElement","Select","extractOptions","groupLabel","groupDisabled","options","Children","forEach","child","push","text","trim","value","disabled","Boolean","hidden","isPlaceholder","label","selected","buildWildcardMatcher","query","trimmedQuery","expression","test","character","replace","RegExp","filterOptions","matcher","selectableOptions","filter","option","getDisplayOption","selectedValue","find","getInitialValue","defaultValue","normalizeSelectElement","selectElement","placeholder","jsxs","getIconWithVars","icon","color","iconSVG","Dropdown","className","combobox","createOption","emptyLabel","renderOption","searchPlaceholder","selectedItems","variant","normalizedSelect","onChange","restSelectProps","selectProps","sanitizeSelectProps","selectClassName","nativeSelectProps","buttonRef","useRef","containerRef","labelId","useId","nativeSelectRef","searchRef","isControlled","initialValue","internalValue","setInternalValue","useState","isOpen","setIsOpen","setQuery","iconColors","default","resolveColor","white","dropdownIconColor","displayOption","triggerWithVars","filterWithVars","filteredOptions","customValue","canCreateOption","isValid","displayLabel","formatInlineLabel","renderDropdownOption","isSelected","useEffect","some","current","focus","handlePointerDown","event","contains","target","document","addEventListener","removeEventListener","handleNativeChange","closeMenu","continueComboboxSelection","commitCustomValue","onCreate","commitValue","nextValue","nativeSelect","valueSetter","Object","getOwnPropertyDescriptor","HTMLSelectElement","prototype","set","call","dispatchEvent","Event","bubbles","handleKeyDown","key","preventDefault","dropdown","cx","styles","inline","minimal","jsx","native","undefined","Button","trigger","currentValue","panel","Input","List","group","render","length","empty"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../src/components/dropdown/options.tsx","../../../src/components/dropdown/index.tsx"],"sourcesContent":["import React, { Children, isValidElement } from 'react';\n\nimport { Select, type SelectProps } from '@/components/select';\n\ntype NativeSelectProps = Omit<React.ComponentPropsWithoutRef<'select'>, 'children' | 'multiple'> & {\n  children: React.ReactNode;\n  multiple?: false;\n};\n\ntype NativeSelectElement = React.ReactElement<NativeSelectProps, 'select'>;\ntype WrappedSelectElement = React.ReactElement<SelectProps, typeof Select>;\n\nexport type DropdownSelectElement = NativeSelectElement | WrappedSelectElement;\n\nexport type DropdownOption = {\n  disabled: boolean;\n  groupLabel?: string;\n  hidden: boolean;\n  isPlaceholder: boolean;\n  label: React.ReactNode;\n  selected: boolean;\n  text: string;\n  value: string;\n};\n\nexport type DropdownRenderOption = Pick<\n  DropdownOption,\n  'groupLabel' | 'label' | 'text' | 'value'\n> & {\n  isSelected: boolean;\n};\n\nexport function getNodeText(node: React.ReactNode): string {\n  if (typeof node === 'string' || typeof node === 'number') return String(node);\n  if (Array.isArray(node)) return node.map(getNodeText).join(' ');\n  if (isValidElement<{ children?: React.ReactNode }>(node)) return getNodeText(node.props.children);\n  return '';\n}\n\nfunction isOptionElement(\n  node: React.ReactNode\n): node is React.ReactElement<React.ComponentPropsWithoutRef<'option'>, 'option'> {\n  return isValidElement(node) && node.type === 'option';\n}\n\nfunction isOptGroupElement(\n  node: React.ReactNode\n): node is React.ReactElement<React.ComponentPropsWithoutRef<'optgroup'>, 'optgroup'> {\n  return isValidElement(node) && node.type === 'optgroup';\n}\n\nfunction isFragmentElement(\n  node: React.ReactNode\n): node is React.ReactElement<{ children?: React.ReactNode }, typeof React.Fragment> {\n  return isValidElement(node) && node.type === React.Fragment;\n}\n\nfunction isWrappedSelectElement(node: React.ReactNode): node is WrappedSelectElement {\n  return isValidElement(node) && node.type === Select;\n}\n\nexport function extractOptions(\n  children: React.ReactNode,\n  groupLabel?: string,\n  groupDisabled = false\n): DropdownOption[] {\n  const options: DropdownOption[] = [];\n\n  Children.forEach(children, (child) => {\n    if (isFragmentElement(child)) {\n      options.push(...extractOptions(child.props.children, groupLabel, groupDisabled));\n    } else if (isOptionElement(child)) {\n      const text = getNodeText(child.props.children).trim();\n      const value = child.props.value != null ? String(child.props.value) : text;\n      options.push({\n        disabled: groupDisabled || Boolean(child.props.disabled),\n        groupLabel,\n        hidden: Boolean(child.props.hidden),\n        isPlaceholder: Boolean(child.props.hidden && value === ''),\n        label: child.props.children,\n        selected: Boolean(child.props.selected),\n        text,\n        value,\n      });\n    } else if (isOptGroupElement(child)) {\n      options.push(\n        ...extractOptions(\n          child.props.children,\n          child.props.label,\n          groupDisabled || Boolean(child.props.disabled)\n        )\n      );\n    }\n  });\n\n  return options;\n}\n\nfunction buildWildcardMatcher(query: string) {\n  const trimmedQuery = query.trim();\n  if (!trimmedQuery) return null;\n\n  const wildcardQuery = /[*?]/.test(trimmedQuery) ? trimmedQuery : `*${trimmedQuery}*`;\n  const expression = [...wildcardQuery]\n    .map((character) => {\n      if (character === '*') return '.*';\n      if (character === '?') return '.';\n      return character.replace(/[|\\\\{}()[\\]^$+.,]/g, '\\\\$&');\n    })\n    .join('');\n\n  return new RegExp(`^${expression}$`, 'i');\n}\n\nexport function filterOptions(options: DropdownOption[], query: string) {\n  const matcher = buildWildcardMatcher(query);\n  const selectableOptions = options.filter((option) => !option.hidden && !option.isPlaceholder);\n  return matcher\n    ? selectableOptions.filter((option) =>\n        matcher.test([option.groupLabel, option.text, option.value].filter(Boolean).join(' '))\n      )\n    : selectableOptions;\n}\n\nexport function getDisplayOption(options: DropdownOption[], selectedValue: string) {\n  return (\n    options.find((option) => option.value === selectedValue) ??\n    options.find((option) => option.isPlaceholder) ??\n    options[0]\n  );\n}\n\nexport function getInitialValue(\n  options: DropdownOption[],\n  value?: NativeSelectProps['value'],\n  defaultValue?: NativeSelectProps['defaultValue']\n) {\n  if (value != null) return String(value);\n  if (defaultValue != null) return String(defaultValue);\n  return options.find((option) => option.selected)?.value ?? options[0]?.value ?? '';\n}\n\nexport function normalizeSelectElement(selectElement: DropdownSelectElement) {\n  if (isWrappedSelectElement(selectElement)) {\n    const { children, placeholder, ...props } = selectElement.props;\n    return {\n      children: (\n        <>\n          {placeholder && (\n            <option\n              hidden\n              value=''\n            >\n              {placeholder}\n            </option>\n          )}\n          {children}\n        </>\n      ),\n      props,\n    };\n  }\n\n  return { children: selectElement.props.children, props: selectElement.props };\n}\n","import cx from 'classix';\nimport React, { useEffect, useId, useRef, useState } from 'react';\n\nimport { Button } from '@/components/button';\nimport { type IconName, iconSVG } from '@/components/icon/icons';\nimport { Input } from '@/components/input';\nimport { List } from '@/components/list';\nimport { sanitizeSelectProps } from '@/components/select/sanitize-select-props';\nimport { resolveColor } from '@/utils/color';\nimport { formatInlineLabel } from '@/utils/text';\n\nimport {\n  type DropdownOption,\n  type DropdownRenderOption,\n  type DropdownSelectElement,\n  extractOptions,\n  filterOptions,\n  getDisplayOption,\n  getInitialValue,\n  getNodeText,\n  normalizeSelectElement,\n} from './options';\nimport styles from './styles.module.css';\n\nexport type { DropdownRenderOption } from './options';\n\nexport type DropdownCreateOption = {\n  isValid: (value: string) => boolean;\n  onCreate: (value: string) => void;\n  render: (value: string) => React.ReactNode;\n};\n\nexport type DropdownProps = Omit<React.ComponentPropsWithoutRef<'div'>, 'children'> & {\n  children: DropdownSelectElement;\n  combobox?: boolean;\n  createOption?: DropdownCreateOption;\n  emptyLabel?: string;\n  label?: string;\n  renderOption?: (option: DropdownRenderOption) => React.ReactNode;\n  searchPlaceholder?: string;\n  selectedItems?: React.ReactNode;\n  variant?: 'default' | 'inline' | 'minimal';\n};\n\ntype withVars = React.CSSProperties & {\n  '--icon-svg'?: string;\n};\n\nfunction getIconWithVars(icon: IconName, color: string): withVars {\n  return {\n    '--icon-svg': iconSVG(icon).replace('currentColor', color),\n  };\n}\n\nexport const Dropdown = ({\n  children: selectElement,\n  className,\n  combobox = false,\n  createOption,\n  emptyLabel = 'No matches found',\n  label,\n  renderOption,\n  searchPlaceholder = 'Filter',\n  selectedItems,\n  variant = 'default',\n  ...props\n}: DropdownProps) => {\n  const normalizedSelect = normalizeSelectElement(selectElement);\n  const { defaultValue, onChange, value, ...restSelectProps } = normalizedSelect.props;\n  const selectProps = sanitizeSelectProps(restSelectProps);\n  const { className: selectClassName, ...nativeSelectProps } = selectProps;\n  const buttonRef = useRef<HTMLButtonElement>(null);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const labelId = useId();\n  const nativeSelectRef = useRef<HTMLSelectElement>(null);\n  const searchRef = useRef<HTMLInputElement>(null);\n  const options = extractOptions(normalizedSelect.children);\n  const isControlled = value != null;\n  const initialValue = getInitialValue(options, value, defaultValue);\n  const [internalValue, setInternalValue] = useState(() => initialValue);\n  const [isOpen, setIsOpen] = useState(false);\n  const [query, setQuery] = useState('');\n  const selectedValue = isControlled ? String(value) : internalValue;\n  const iconColors = {\n    default: resolveColor('--colors-semantic-content-secondary'),\n    white: resolveColor('--color-white', 'white'),\n  };\n  const dropdownIconColor = variant === 'minimal' ? iconColors.white : iconColors.default;\n  const displayOption = getDisplayOption(options, selectedValue);\n  const triggerWithVars = getIconWithVars('chevron', dropdownIconColor);\n  const filterWithVars = getIconWithVars('search', dropdownIconColor);\n  const filteredOptions = filterOptions(options, query);\n  const customValue = query.trim();\n  const canCreateOption = Boolean(\n    combobox && createOption && customValue && createOption.isValid(customValue)\n  );\n  const displayLabel = label && variant === 'inline' ? formatInlineLabel(label) : label;\n  const renderDropdownOption = (option: DropdownOption | undefined) => {\n    if (!option) return 'Select an option';\n\n    return (\n      renderOption?.({\n        groupLabel: option.groupLabel,\n        isSelected: option.value === selectedValue,\n        label: option.label,\n        text: option.text,\n        value: option.value,\n      }) ?? option.label\n    );\n  };\n\n  useEffect(() => {\n    if (!isControlled && !options.some((option) => option.value === internalValue)) {\n      setInternalValue(initialValue);\n    }\n  }, [initialValue, internalValue, isControlled, options]);\n\n  useEffect(() => {\n    if (!isOpen) {\n      setQuery('');\n      return;\n    }\n\n    searchRef.current?.focus();\n  }, [isOpen]);\n\n  useEffect(() => {\n    if (!isOpen) {\n      return;\n    }\n\n    const handlePointerDown = (event: MouseEvent) => {\n      if (!containerRef.current?.contains(event.target as Node)) {\n        setIsOpen(false);\n      }\n    };\n\n    document.addEventListener('mousedown', handlePointerDown);\n\n    return () => {\n      document.removeEventListener('mousedown', handlePointerDown);\n    };\n  }, [isOpen]);\n\n  const handleNativeChange = (event: React.ChangeEvent<HTMLSelectElement>) => {\n    if (!isControlled) {\n      setInternalValue(event.target.value);\n    }\n\n    onChange?.(event);\n  };\n\n  const closeMenu = () => {\n    setIsOpen(false);\n    if (!combobox) {\n      buttonRef.current?.focus();\n    }\n  };\n\n  const continueComboboxSelection = () => {\n    setQuery('');\n    setIsOpen(true);\n    searchRef.current?.focus();\n  };\n\n  const commitCustomValue = () => {\n    if (!createOption || !canCreateOption) return;\n\n    createOption.onCreate(customValue);\n    continueComboboxSelection();\n  };\n\n  const commitValue = (nextValue: string) => {\n    if (!isControlled) {\n      setInternalValue(nextValue);\n    }\n\n    const nativeSelect = nativeSelectRef.current;\n\n    if (!nativeSelect) {\n      closeMenu();\n      return;\n    }\n\n    const valueSetter = Object.getOwnPropertyDescriptor(HTMLSelectElement.prototype, 'value')?.set;\n\n    valueSetter?.call(nativeSelect, nextValue);\n    nativeSelect.dispatchEvent(new Event('change', { bubbles: true }));\n    if (combobox) {\n      continueComboboxSelection();\n    } else {\n      closeMenu();\n    }\n  };\n\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    if (event.key === 'Escape') {\n      closeMenu();\n    }\n\n    if (event.key === 'Enter' && event.target === searchRef.current && canCreateOption) {\n      event.preventDefault();\n      commitCustomValue();\n    }\n  };\n\n  const dropdown = (\n    <div\n      className={cx(\n        styles.dropdown,\n        variant === 'inline' && styles.inline,\n        variant === 'minimal' && styles.minimal,\n        className\n      )}\n      onKeyDown={handleKeyDown}\n      ref={containerRef}\n      {...props}\n    >\n      <select\n        {...nativeSelectProps}\n        aria-hidden='true'\n        className={cx(styles.native, selectClassName)}\n        onChange={handleNativeChange}\n        ref={nativeSelectRef}\n        tabIndex={-1}\n        value={selectedValue}\n      >\n        {normalizedSelect.children}\n      </select>\n      {combobox ? (\n        <div\n          className={styles.combobox}\n          onClick={() => searchRef.current?.focus()}\n        >\n          {selectedItems}\n          <input\n            aria-autocomplete='list'\n            aria-expanded={isOpen}\n            aria-label={selectProps['aria-label'] ?? label ?? searchPlaceholder}\n            className={styles['combobox-input']}\n            disabled={selectProps.disabled}\n            onChange={(event) => {\n              setQuery(event.target.value);\n              setIsOpen(true);\n            }}\n            onClick={() => setIsOpen(true)}\n            onFocus={() => setIsOpen(true)}\n            placeholder={searchPlaceholder || undefined}\n            ref={searchRef}\n            role='combobox'\n            type='text'\n            value={query}\n          />\n        </div>\n      ) : (\n        <Button\n          aria-expanded={isOpen}\n          aria-haspopup='dialog'\n          aria-labelledby={label ? `${labelId} ${labelId}-value` : undefined}\n          className={cx(styles.trigger, displayOption?.isPlaceholder && styles.placeholder)}\n          data-open={isOpen ? 'true' : undefined}\n          disabled={selectProps.disabled}\n          onClick={() => setIsOpen((currentValue) => !currentValue)}\n          ref={buttonRef}\n          style={triggerWithVars}\n          variant='tertiary'\n        >\n          <span\n            className={styles.text}\n            id={`${labelId}-value`}\n          >\n            {renderDropdownOption(displayOption)}\n          </span>\n        </Button>\n      )}\n      {isOpen && (\n        <div className={styles.panel}>\n          {!combobox && (\n            <Input\n              aria-label='Filter'\n              className={styles.filter}\n              icon='search'\n              onChange={(event) => setQuery(event.target.value)}\n              placeholder={searchPlaceholder}\n              ref={searchRef}\n              style={filterWithVars}\n              type='search'\n              value={query}\n            />\n          )}\n          <List\n            aria-label='Dropdown'\n            className={styles.options}\n          >\n            {filteredOptions.map((option) => {\n              const isSelected = option.value === selectedValue;\n\n              return (\n                <li key={`${option.groupLabel ?? 'root'}-${option.value}`}>\n                  <Button\n                    aria-label={isSelected ? `${option.text}, selected` : option.text}\n                    className={cx(styles.option, isSelected && styles.selected)}\n                    disabled={option.disabled}\n                    onClick={() => commitValue(option.value)}\n                    variant='tertiary'\n                  >\n                    <span className={styles.text}>{renderDropdownOption(option)}</span>\n                    {option.groupLabel && (\n                      <small className={styles.group}>{option.groupLabel}</small>\n                    )}\n                  </Button>\n                </li>\n              );\n            })}\n            {canCreateOption && createOption && (\n              <li>\n                <Button\n                  aria-label={getNodeText(createOption.render(customValue)) || customValue}\n                  className={styles.option}\n                  onClick={commitCustomValue}\n                  variant='tertiary'\n                >\n                  <span className={styles.text}>{createOption.render(customValue)}</span>\n                </Button>\n              </li>\n            )}\n            {filteredOptions.length === 0 && !canCreateOption && (\n              <li className={styles.empty}>{emptyLabel}</li>\n            )}\n          </List>\n        </div>\n      )}\n    </div>\n  );\n\n  return label ? (\n    <div className={cx(styles.label, variant === 'inline' && styles['inline-field'])}>\n      <span id={labelId}>{displayLabel}</span>\n      {dropdown}\n    </div>\n  ) : (\n    dropdown\n  );\n};\n"],"names":["getNodeText","node","String","Array","isArray","map","join","isValidElement","props","children","isOptionElement","type","isOptGroupElement","isFragmentElement","React","Fragment","isWrappedSelectElement","Select","extractOptions","groupLabel","groupDisabled","options","Children","forEach","child","push","text","trim","value","disabled","Boolean","hidden","isPlaceholder","label","selected","buildWildcardMatcher","query","trimmedQuery","expression","test","character","replace","RegExp","filterOptions","matcher","selectableOptions","filter","option","getDisplayOption","selectedValue","find","getInitialValue","defaultValue","normalizeSelectElement","selectElement","placeholder","jsxs","getIconWithVars","icon","color","iconSVG","Dropdown","className","combobox","createOption","emptyLabel","renderOption","searchPlaceholder","selectedItems","variant","normalizedSelect","onChange","restSelectProps","selectProps","sanitizeSelectProps","selectClassName","nativeSelectProps","buttonRef","useRef","containerRef","labelId","useId","nativeSelectRef","searchRef","isControlled","initialValue","internalValue","setInternalValue","useState","isOpen","setIsOpen","setQuery","iconColors","default","resolveColor","white","dropdownIconColor","displayOption","triggerWithVars","filterWithVars","filteredOptions","customValue","canCreateOption","isValid","displayLabel","formatInlineLabel","renderDropdownOption","isSelected","useEffect","some","current","focus","handlePointerDown","event","contains","target","document","addEventListener","removeEventListener","handleNativeChange","closeMenu","continueComboboxSelection","commitCustomValue","onCreate","commitValue","nextValue","nativeSelect","valueSetter","Object","getOwnPropertyDescriptor","HTMLSelectElement","prototype","set","call","dispatchEvent","Event","bubbles","handleKeyDown","key","preventDefault","dropdown","cx","styles","inline","minimal","jsx","native","undefined","Button","trigger","currentValue","panel","Input","List","group","render","length","empty"],"mappings":"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"}

package/dist/components/empty-state/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index40.css');const e=require("react/jsx-runtime"),n="_header_1byal_15",t={"empty-state":"_empty-state_1byal_3",header:n},c=({button:s,content:a,header:r})=>e.jsxs("div",{className:t["empty-state"],"data-component":"emptystate",children:[e.jsx("p",{className:t.header,children:r}),e.jsx("p",{children:a}),s]});exports.EmptyState=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index40.css');const e=require("react/jsx-runtime"),r="_header_tqnjq_13",t={"empty-state":"_empty-state_tqnjq_3",header:r},c=({button:s,content:a,header:n})=>e.jsxs("div",{className:t["empty-state"],"data-component":"emptystate",children:[e.jsx("p",{className:t.header,children:n}),e.jsx("p",{children:a}),s]});exports.EmptyState=c;
 //# sourceMappingURL=index.cjs.map

package/dist/components/empty-state/index.js

@@ -1,17 +1,17 @@
-import { jsxs as m, jsx as e } from "react/jsx-runtime";
-import '../../assets/index40.css';const p = "_header_1byal_15", t = {
-  "empty-state": "_empty-state_1byal_3",
-  header: p
-}, d = ({
-  button: a,
-  content: s,
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import '../../assets/index40.css';const m = "_header_tqnjq_13", t = {
+  "empty-state": "_empty-state_tqnjq_3",
+  header: m
+}, c = ({
+  button: s,
+  content: a,
   header: r
-}) => /* @__PURE__ */ m("div", { className: t["empty-state"], "data-component": "emptystate", children: [
+}) => /* @__PURE__ */ n("div", { className: t["empty-state"], "data-component": "emptystate", children: [
   /* @__PURE__ */ e("p", { className: t.header, children: r }),
-  /* @__PURE__ */ e("p", { children: s }),
-  a
+  /* @__PURE__ */ e("p", { children: a }),
+  s
 ] });
 export {
-  d as EmptyState
+  c as EmptyState
 };
 //# sourceMappingURL=index.js.map

package/dist/components/header/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index18.css');const s=require("react/jsx-runtime"),r=require("../../classix-5H4IWnMA.cjs"),c="_header_dygto_1",d="_capitalize_dygto_92",i="_jumbo_dygto_103",e={header:c,capitalize:d,jumbo:i},n={default:e.default,jumbo:e.jumbo},u=({capitalize:t=!1,children:a,variant:o="default"})=>s.jsx("header",{className:r.t(e.header,n[o],t&&e.capitalize),"data-component":"header",children:a});exports.Header=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index18.css');const r=require("react/jsx-runtime"),o=require("../../classix-5H4IWnMA.cjs"),u="_header_xu8zs_1",d="_jumbo_xu8zs_96",e={header:u,jumbo:d},n={default:e.default,jumbo:e.jumbo},c=({capitalize:t=!1,children:a,variant:s="default"})=>r.jsx("header",{className:o.t(e.header,n[s],t&&e.capitalize),"data-component":"header",children:a});exports.Header=c;
 //# sourceMappingURL=index.cjs.map

package/dist/components/header/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/header/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport styles from './styles.module.css';\n\nconst variants = {\n  default: styles.default,\n  jumbo: styles.jumbo,\n};\n\nexport type HeaderProps = {\n  capitalize?: boolean;\n  children: React.ReactNode;\n  variant?: keyof typeof variants;\n};\n\nexport const Header = ({ capitalize = false, children, variant = 'default' }: HeaderProps) => {\n  return (\n    <header className={cx(styles.header, variants[variant], capitalize && styles.capitalize)}>\n      {children}\n    </header>\n  );\n};\n"],"names":["variants","default","styles","jumbo","Header","capitalize","children","variant","jsx","cx","header"],"mappings":"iQAIMA,EAAW,CACfC,QAASC,EAAOD,QAChBE,MAAOD,EAAOC,KAChB,EAQaC,EAASA,CAAC,CAAEC,WAAAA,EAAa,GAAOC,SAAAA,EAAUC,QAAAA,EAAU,SAAuB,IAEpFC,EAAAA,IAAC,SAAA,CAAO,UAAWC,EAAAA,EAAGP,EAAOQ,OAAQV,EAASO,CAAO,EAAGF,GAAcH,EAAOG,UAAU,EAAE,iBAAA,SACtFC,SAAAA,EACH"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/header/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport styles from './styles.module.css';\n\nconst variants = {\n  default: styles.default,\n  jumbo: styles.jumbo,\n};\n\nexport type HeaderProps = {\n  capitalize?: boolean;\n  children: React.ReactNode;\n  variant?: keyof typeof variants;\n};\n\nexport const Header = ({ capitalize = false, children, variant = 'default' }: HeaderProps) => {\n  return (\n    <header className={cx(styles.header, variants[variant], capitalize && styles.capitalize)}>\n      {children}\n    </header>\n  );\n};\n"],"names":["variants","default","styles","jumbo","Header","capitalize","children","variant","jsx","cx","header"],"mappings":"0NAIMA,EAAW,CACfC,QAASC,EAAOD,QAChBE,MAAOD,EAAOC,KAChB,EAQaC,EAASA,CAAC,CAAEC,WAAAA,EAAa,GAAOC,SAAAA,EAAUC,QAAAA,EAAU,SAAuB,IAEpFC,EAAAA,IAAC,SAAA,CAAO,UAAWC,EAAAA,EAAGP,EAAOQ,OAAQV,EAASO,CAAO,EAAGF,GAAcH,EAAOG,UAAU,EAAE,iBAAA,SACtFC,SAAAA,EACH"}

package/dist/components/header/index.js

@@ -1,18 +1,17 @@
 import { jsx as r } from "react/jsx-runtime";
-import { t as d } from "../../classix-DG18itHa.js";
-import '../../assets/index18.css';const s = "_header_dygto_1", c = "_capitalize_dygto_92", i = "_jumbo_dygto_103", e = {
-  header: s,
-  capitalize: c,
-  jumbo: i
-}, m = {
+import { t as s } from "../../classix-DG18itHa.js";
+import '../../assets/index18.css';const d = "_header_xu8zs_1", m = "_jumbo_xu8zs_96", e = {
+  header: d,
+  jumbo: m
+}, u = {
   default: e.default,
   jumbo: e.jumbo
-}, u = ({
+}, l = ({
   capitalize: a = !1,
   children: t,
   variant: o = "default"
-}) => /* @__PURE__ */ r("header", { className: d(e.header, m[o], a && e.capitalize), "data-component": "header", children: t });
+}) => /* @__PURE__ */ r("header", { className: s(e.header, u[o], a && e.capitalize), "data-component": "header", children: t });
 export {
-  u as Header
+  l as Header
 };
 //# sourceMappingURL=index.js.map

package/dist/components/header/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/header/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport styles from './styles.module.css';\n\nconst variants = {\n  default: styles.default,\n  jumbo: styles.jumbo,\n};\n\nexport type HeaderProps = {\n  capitalize?: boolean;\n  children: React.ReactNode;\n  variant?: keyof typeof variants;\n};\n\nexport const Header = ({ capitalize = false, children, variant = 'default' }: HeaderProps) => {\n  return (\n    <header className={cx(styles.header, variants[variant], capitalize && styles.capitalize)}>\n      {children}\n    </header>\n  );\n};\n"],"names":["variants","default","styles","jumbo","Header","capitalize","children","variant","jsx","cx","header"],"mappings":";;;;;;GAIMA,IAAW;AAAA,EACfC,SAASC,EAAOD;AAAAA,EAChBE,OAAOD,EAAOC;AAChB,GAQaC,IAASA,CAAC;AAAA,EAAEC,YAAAA,IAAa;AAAA,EAAOC,UAAAA;AAAAA,EAAUC,SAAAA,IAAU;AAAuB,MAEpF,gBAAAC,EAAC,UAAA,EAAO,WAAWC,EAAGP,EAAOQ,QAAQV,EAASO,CAAO,GAAGF,KAAcH,EAAOG,UAAU,GAAE,kBAAA,UACtFC,UAAAA,GACH;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/header/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport styles from './styles.module.css';\n\nconst variants = {\n  default: styles.default,\n  jumbo: styles.jumbo,\n};\n\nexport type HeaderProps = {\n  capitalize?: boolean;\n  children: React.ReactNode;\n  variant?: keyof typeof variants;\n};\n\nexport const Header = ({ capitalize = false, children, variant = 'default' }: HeaderProps) => {\n  return (\n    <header className={cx(styles.header, variants[variant], capitalize && styles.capitalize)}>\n      {children}\n    </header>\n  );\n};\n"],"names":["variants","default","styles","jumbo","Header","capitalize","children","variant","jsx","cx","header"],"mappings":";;;;;GAIMA,IAAW;AAAA,EACfC,SAASC,EAAOD;AAAAA,EAChBE,OAAOD,EAAOC;AAChB,GAQaC,IAASA,CAAC;AAAA,EAAEC,YAAAA,IAAa;AAAA,EAAOC,UAAAA;AAAAA,EAAUC,SAAAA,IAAU;AAAuB,MAEpF,gBAAAC,EAAC,UAAA,EAAO,WAAWC,EAAGP,EAAOQ,QAAQV,EAASO,CAAO,GAAGF,KAAcH,EAAOG,UAAU,GAAE,kBAAA,UACtFC,UAAAA,GACH;"}

package/dist/components/list/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index47.css');const i=require("react/jsx-runtime"),N=require("../../classix-5H4IWnMA.cjs"),l=require("react");function g(t){return l.isValidElement(t)&&t.type===l.Fragment}function j(t,e=[]){return l.Children.forEach(t,s=>{g(s)?j(s.props.children,e):e.push(s)}),e}function q(t,{wrapper:e="li"}={}){return j(t).filter(n=>n!==null).map((n,u)=>{if(l.isValidElement(n)&&n.type===e)return n;const o=l.isValidElement(n)&&n.key!=null?n.key:u;return l.createElement(e,{key:o},n)})}const p="_controls_uq9c5_1",d="_horizontal_uq9c5_6",z="_list_uq9c5_17",F="_columns_uq9c5_58",c={controls:p,horizontal:d,list:z,columns:F},x=(t,e)=>{typeof t=="function"?t(e):t&&(t.current=e)};function V({children:t,className:e,columns:s=1,controls:r,horizontal:n,ordered:u,ref:o,style:E,...m}){const f=Number.isFinite(s)?Math.max(1,Math.floor(s)):1,_=N.t(e,c.list,f>1&&c.columns,n&&c.horizontal),y={...E,"--list-columns":f},h=u?i.jsx("ol",{className:_,ref:a=>x(o,a),style:y,...m,children:q(t)}):i.jsx("ul",{className:_,ref:a=>x(o,a),style:y,...m,children:q(t)});return r==null?h:i.jsxs(i.Fragment,{children:[i.jsx("div",{className:c.controls,children:r}),h]})}exports.List=V;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index47.css');const o=require("react/jsx-runtime"),N=require("../../classix-5H4IWnMA.cjs"),l=require("react");function g(t){return l.isValidElement(t)&&t.type===l.Fragment}function j(t,s=[]){return l.Children.forEach(t,e=>{g(e)?j(e.props.children,s):s.push(e)}),s}function k(t,{wrapper:s="li"}={}){return j(t).filter(n=>n!==null).map((n,r)=>{if(l.isValidElement(n)&&n.type===s)return n;const c=l.isValidElement(n)&&n.key!=null?n.key:r;return l.createElement(s,{key:c},n)})}const d="_controls_1n69k_1",z="_horizontal_1n69k_6",F="_list_1n69k_17",V="_columns_1n69k_58",b="_compact_1n69k_67",i={controls:d,horizontal:z,list:F,columns:V,compact:b},x=(t,s)=>{typeof t=="function"?t(s):t&&(t.current=s)};function q({children:t,className:s,columns:e=1,compact:u=!1,controls:n,horizontal:r,ordered:c,ref:m,style:E,...f}){const _=Number.isFinite(e)?Math.max(1,Math.floor(e)):1,y=N.t(s,i.list,_>1&&i.columns,r&&i.horizontal,u&&i.compact),p={...E,"--list-columns":_},h=c?o.jsx("ol",{className:y,ref:a=>x(m,a),style:p,...f,children:k(t)}):o.jsx("ul",{className:y,ref:a=>x(m,a),style:p,...f,children:k(t)});return n==null?h:o.jsxs(o.Fragment,{children:[o.jsx("div",{className:i.controls,children:n}),h]})}exports.List=q;
 //# sourceMappingURL=index.cjs.map

package/dist/components/list/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/lib/wrap-children.tsx","../../../src/components/list/index.tsx"],"sourcesContent":["import React, { JSX } from 'react';\n\ntype WrapOptions<T extends keyof JSX.IntrinsicElements = 'li'> = {\n  wrapper?: T;\n};\n\nfunction isFragmentElement(\n  node: React.ReactNode\n): node is React.ReactElement<{ children?: React.ReactNode }> {\n  return React.isValidElement(node) && node.type === React.Fragment;\n}\n\nfunction flattenChildren(children: React.ReactNode, out: React.ReactNode[] = []) {\n  React.Children.forEach(children, (child) => {\n    if (isFragmentElement(child)) {\n      flattenChildren(child.props.children, out);\n    } else {\n      out.push(child);\n    }\n  });\n  return out;\n}\n\nexport function wrapChildren<T extends keyof JSX.IntrinsicElements = 'li'>(\n  children: React.ReactNode,\n  { wrapper = 'li' as T }: WrapOptions<T> = {}\n) {\n  const flat = flattenChildren(children);\n\n  const filterNull = flat.filter((child) => child !== null);\n\n  return filterNull.map((child, i) => {\n    if (React.isValidElement(child) && child.type === wrapper) {\n      return child;\n    }\n\n    const key = React.isValidElement(child) && child.key != null ? child.key : i;\n\n    return React.createElement(wrapper, { key }, child);\n  });\n}\n","import cx from 'classix';\n\nimport { wrapChildren } from '@/lib/wrap-children';\n\nimport styles from './styles.module.css';\n\ntype ListElement = HTMLUListElement | HTMLOListElement;\n\nconst setListRef = (ref: React.Ref<ListElement> | undefined, node: ListElement | null) => {\n  if (typeof ref === 'function') ref(node);\n  else if (ref) ref.current = node;\n};\n\nexport type ListProps = React.ComponentPropsWithoutRef<'ul'> & {\n  columns?: number;\n  controls?: React.ReactNode;\n  horizontal?: boolean;\n  ordered?: boolean;\n  ref?: React.Ref<ListElement>;\n};\n\nexport function List({\n  children,\n  className,\n  columns = 1,\n  controls,\n  horizontal,\n  ordered,\n  ref,\n  style,\n  ...props\n}: ListProps) {\n  const cols = Number.isFinite(columns) ? Math.max(1, Math.floor(columns)) : 1;\n\n  const classes = cx(\n    className,\n    styles.list,\n    cols > 1 && styles.columns,\n    horizontal && styles.horizontal\n  );\n\n  type withVars = React.CSSProperties & {\n    '--list-columns'?: number;\n  };\n\n  const withVars: withVars = {\n    ...style,\n    '--list-columns': cols,\n  };\n\n  const list = ordered ? (\n    <ol\n      className={classes}\n      ref={(node) => setListRef(ref, node)}\n      style={withVars}\n      {...props}\n    >\n      {wrapChildren(children)}\n    </ol>\n  ) : (\n    <ul\n      className={classes}\n      ref={(node) => setListRef(ref, node)}\n      style={withVars}\n      {...props}\n    >\n      {wrapChildren(children)}\n    </ul>\n  );\n\n  if (controls === undefined || controls === null) return list;\n\n  return (\n    <>\n      <div className={styles.controls}>{controls}</div>\n      {list}\n    </>\n  );\n}\n"],"names":["isFragmentElement","node","React","isValidElement","type","Fragment","flattenChildren","children","out","Children","forEach","child","props","push","wrapChildren","wrapper","filter","map","i","key","createElement","setListRef","ref","current","List","className","columns","controls","horizontal","ordered","style","cols","Number","isFinite","Math","max","floor","classes","cx","styles","list","withVars","jsx","jsxs"],"mappings":"gLAMA,SAASA,EACPC,EAC4D,CAC5D,OAAOC,EAAMC,eAAeF,CAAI,GAAKA,EAAKG,OAASF,EAAMG,QAC3D,CAEA,SAASC,EAAgBC,EAA2BC,EAAyB,GAAI,CAC/EN,OAAAA,EAAMO,SAASC,QAAQH,EAAWI,GAAU,CACtCX,EAAkBW,CAAK,EACzBL,EAAgBK,EAAMC,MAAML,SAAUC,CAAG,EAEzCA,EAAIK,KAAKF,CAAK,CAElB,CAAC,EACMH,CACT,CAEO,SAASM,EACdP,EACA,CAAEQ,QAAAA,EAAU,IAA0B,EAAI,GAC1C,CAKA,OAJaT,EAAgBC,CAAQ,EAEbS,OAAQL,GAAUA,IAAU,IAAI,EAEtCM,IAAI,CAACN,EAAOO,IAAM,CAClC,GAAIhB,EAAMC,eAAeQ,CAAK,GAAKA,EAAMP,OAASW,EAChD,OAAOJ,EAGT,MAAMQ,EAAMjB,EAAMC,eAAeQ,CAAK,GAAKA,EAAMQ,KAAO,KAAOR,EAAMQ,IAAMD,EAE3E,OAAOhB,EAAMkB,cAAcL,EAAS,CAAEI,IAAAA,CAAAA,EAAOR,CAAK,CACpD,CAAC,CACH,2IChCMU,EAAaA,CAACC,EAAyCrB,IAA6B,CACpF,OAAOqB,GAAQ,WAAYA,EAAIrB,CAAI,EAC9BqB,MAASC,QAAUtB,EAC9B,EAUO,SAASuB,EAAK,CACnBjB,SAAAA,EACAkB,UAAAA,EACAC,QAAAA,EAAU,EACVC,SAAAA,EACAC,WAAAA,EACAC,QAAAA,EACAP,IAAAA,EACAQ,MAAAA,EACA,GAAGlB,CACM,EAAG,CACZ,MAAMmB,EAAOC,OAAOC,SAASP,CAAO,EAAIQ,KAAKC,IAAI,EAAGD,KAAKE,MAAMV,CAAO,CAAC,EAAI,EAErEW,EAAUC,EAAAA,EACdb,EACAc,EAAOC,KACPT,EAAO,GAAKQ,EAAOb,QACnBE,GAAcW,EAAOX,UACvB,EAMMa,EAAqB,CACzB,GAAGX,EACH,iBAAkBC,CAAAA,EAGdS,EAAOX,EACXa,MAAC,KAAA,CACC,UAAWL,EACX,IAAMpC,GAASoB,EAAWC,EAAKrB,CAAI,EACnC,MAAOwC,EACP,GAAI7B,EAEHE,SAAAA,EAAaP,CAAQ,CAAA,CACxB,QAEC,KAAA,CACC,UAAW8B,EACX,OAAehB,EAAWC,EAAKrB,CAAI,EACnC,MAAOwC,EACP,GAAI7B,EAEHE,SAAAA,EAAaP,CAAQ,EACxB,EAGF,OAA8BoB,GAAa,KAAaa,EAGtDG,EAAAA,KAAAtC,WAAA,CACE,SAAA,CAAAqC,EAAAA,IAAC,MAAA,CAAI,UAAWH,EAAOZ,SAAWA,SAAAA,EAAS,EAC1Ca,CAAAA,EACH,CAEJ"}
+{"version":3,"file":"index.cjs","sources":["../../../src/utils/wrap-children.tsx","../../../src/components/list/index.tsx"],"sourcesContent":["import React, { JSX } from 'react';\n\ntype WrapOptions<T extends keyof JSX.IntrinsicElements = 'li'> = {\n  wrapper?: T;\n};\n\nfunction isFragmentElement(\n  node: React.ReactNode\n): node is React.ReactElement<{ children?: React.ReactNode }> {\n  return React.isValidElement(node) && node.type === React.Fragment;\n}\n\nfunction flattenChildren(children: React.ReactNode, out: React.ReactNode[] = []) {\n  React.Children.forEach(children, (child) => {\n    if (isFragmentElement(child)) {\n      flattenChildren(child.props.children, out);\n    } else {\n      out.push(child);\n    }\n  });\n  return out;\n}\n\nexport function wrapChildren<T extends keyof JSX.IntrinsicElements = 'li'>(\n  children: React.ReactNode,\n  { wrapper = 'li' as T }: WrapOptions<T> = {}\n) {\n  const flat = flattenChildren(children);\n\n  const filterNull = flat.filter((child) => child !== null);\n\n  return filterNull.map((child, i) => {\n    if (React.isValidElement(child) && child.type === wrapper) {\n      return child;\n    }\n\n    const key = React.isValidElement(child) && child.key != null ? child.key : i;\n\n    return React.createElement(wrapper, { key }, child);\n  });\n}\n","import cx from 'classix';\n\nimport { wrapChildren } from '@/utils/wrap-children';\n\nimport styles from './styles.module.css';\n\ntype ListElement = HTMLUListElement | HTMLOListElement;\n\nconst setListRef = (ref: React.Ref<ListElement> | undefined, node: ListElement | null) => {\n  if (typeof ref === 'function') ref(node);\n  else if (ref) ref.current = node;\n};\n\nexport type ListProps = React.ComponentPropsWithoutRef<'ul'> & {\n  columns?: number;\n  compact?: boolean;\n  controls?: React.ReactNode;\n  horizontal?: boolean;\n  ordered?: boolean;\n  ref?: React.Ref<ListElement>;\n};\n\nexport function List({\n  children,\n  className,\n  columns = 1,\n  compact = false,\n  controls,\n  horizontal,\n  ordered,\n  ref,\n  style,\n  ...props\n}: ListProps) {\n  const cols = Number.isFinite(columns) ? Math.max(1, Math.floor(columns)) : 1;\n\n  const classes = cx(\n    className,\n    styles.list,\n    cols > 1 && styles.columns,\n    horizontal && styles.horizontal,\n    compact && styles.compact\n  );\n\n  type withVars = React.CSSProperties & {\n    '--list-columns'?: number;\n  };\n\n  const withVars: withVars = {\n    ...style,\n    '--list-columns': cols,\n  };\n\n  const list = ordered ? (\n    <ol\n      className={classes}\n      ref={(node) => setListRef(ref, node)}\n      style={withVars}\n      {...props}\n    >\n      {wrapChildren(children)}\n    </ol>\n  ) : (\n    <ul\n      className={classes}\n      ref={(node) => setListRef(ref, node)}\n      style={withVars}\n      {...props}\n    >\n      {wrapChildren(children)}\n    </ul>\n  );\n\n  if (controls === undefined || controls === null) return list;\n\n  return (\n    <>\n      <div className={styles.controls}>{controls}</div>\n      {list}\n    </>\n  );\n}\n"],"names":["isFragmentElement","node","React","isValidElement","type","Fragment","flattenChildren","children","out","Children","forEach","child","props","push","wrapChildren","wrapper","filter","map","i","key","createElement","setListRef","ref","current","List","className","columns","compact","controls","horizontal","ordered","style","cols","Number","isFinite","Math","max","floor","classes","cx","styles","list","withVars","jsx","jsxs"],"mappings":"gLAMA,SAASA,EACPC,EAC4D,CAC5D,OAAOC,EAAMC,eAAeF,CAAI,GAAKA,EAAKG,OAASF,EAAMG,QAC3D,CAEA,SAASC,EAAgBC,EAA2BC,EAAyB,GAAI,CAC/EN,OAAAA,EAAMO,SAASC,QAAQH,EAAWI,GAAU,CACtCX,EAAkBW,CAAK,EACzBL,EAAgBK,EAAMC,MAAML,SAAUC,CAAG,EAEzCA,EAAIK,KAAKF,CAAK,CAElB,CAAC,EACMH,CACT,CAEO,SAASM,EACdP,EACA,CAAEQ,QAAAA,EAAU,IAA0B,EAAI,GAC1C,CAKA,OAJaT,EAAgBC,CAAQ,EAEbS,OAAQL,GAAUA,IAAU,IAAI,EAEtCM,IAAI,CAACN,EAAOO,IAAM,CAClC,GAAIhB,EAAMC,eAAeQ,CAAK,GAAKA,EAAMP,OAASW,EAChD,OAAOJ,EAGT,MAAMQ,EAAMjB,EAAMC,eAAeQ,CAAK,GAAKA,EAAMQ,KAAO,KAAOR,EAAMQ,IAAMD,EAE3E,OAAOhB,EAAMkB,cAAcL,EAAS,CAAEI,IAAAA,CAAAA,EAAOR,CAAK,CACpD,CAAC,CACH,2KChCMU,EAAaA,CAACC,EAAyCrB,IAA6B,CACpF,OAAOqB,GAAQ,WAAYA,EAAIrB,CAAI,EAC9BqB,MAASC,QAAUtB,EAC9B,EAWO,SAASuB,EAAK,CACnBjB,SAAAA,EACAkB,UAAAA,EACAC,QAAAA,EAAU,EACVC,QAAAA,EAAU,GACVC,SAAAA,EACAC,WAAAA,EACAC,QAAAA,EACAR,IAAAA,EACAS,MAAAA,EACA,GAAGnB,CACM,EAAG,CACZ,MAAMoB,EAAOC,OAAOC,SAASR,CAAO,EAAIS,KAAKC,IAAI,EAAGD,KAAKE,MAAMX,CAAO,CAAC,EAAI,EAErEY,EAAUC,EAAAA,EACdd,EACAe,EAAOC,KACPT,EAAO,GAAKQ,EAAOd,QACnBG,GAAcW,EAAOX,WACrBF,GAAWa,EAAOb,OACpB,EAMMe,EAAqB,CACzB,GAAGX,EACH,iBAAkBC,CAAAA,EAGdS,EAAOX,EACXa,MAAC,KAAA,CACC,UAAWL,EACX,IAAMrC,GAASoB,EAAWC,EAAKrB,CAAI,EACnC,MAAOyC,EACP,GAAI9B,EAEHE,SAAAA,EAAaP,CAAQ,CAAA,CACxB,QAEC,KAAA,CACC,UAAW+B,EACX,OAAejB,EAAWC,EAAKrB,CAAI,EACnC,MAAOyC,EACP,GAAI9B,EAEHE,SAAAA,EAAaP,CAAQ,EACxB,EAGF,OAA8BqB,GAAa,KAAaa,EAGtDG,EAAAA,KAAAvC,WAAA,CACE,SAAA,CAAAsC,EAAAA,IAAC,MAAA,CAAI,UAAWH,EAAOZ,SAAWA,SAAAA,EAAS,EAC1Ca,CAAAA,EACH,CAEJ"}

package/dist/components/list/index.js

@@ -1,55 +1,57 @@
-import { jsx as u, jsxs as x, Fragment as z } from "react/jsx-runtime";
-import { t as F } from "../../classix-DG18itHa.js";
+import { jsx as a, jsxs as z, Fragment as F } from "react/jsx-runtime";
+import { t as V } from "../../classix-DG18itHa.js";
 import e from "react";
-import '../../assets/index47.css';function V(t) {
+import '../../assets/index47.css';function d(t) {
   return e.isValidElement(t) && t.type === e.Fragment;
 }
-function N(t, n = []) {
-  return e.Children.forEach(t, (s) => {
-    V(s) ? N(s.props.children, n) : n.push(s);
-  }), n;
+function N(t, s = []) {
+  return e.Children.forEach(t, (l) => {
+    d(l) ? N(l.props.children, s) : s.push(l);
+  }), s;
 }
-function p(t, {
-  wrapper: n = "li"
+function k(t, {
+  wrapper: s = "li"
 } = {}) {
-  return N(t).filter((l) => l !== null).map((l, c) => {
-    if (e.isValidElement(l) && l.type === n)
-      return l;
-    const r = e.isValidElement(l) && l.key != null ? l.key : c;
-    return e.createElement(n, {
-      key: r
-    }, l);
+  return N(t).filter((n) => n !== null).map((n, r) => {
+    if (e.isValidElement(n) && n.type === s)
+      return n;
+    const i = e.isValidElement(n) && n.key != null ? n.key : r;
+    return e.createElement(s, {
+      key: i
+    }, n);
   });
 }
-const d = "_controls_uq9c5_1", g = "_horizontal_uq9c5_6", k = "_list_uq9c5_17", C = "_columns_uq9c5_58", i = {
-  controls: d,
-  horizontal: g,
-  list: k,
-  columns: C
-}, E = (t, n) => {
-  typeof t == "function" ? t(n) : t && (t.current = n);
+const g = "_controls_1n69k_1", C = "_horizontal_1n69k_6", j = "_list_1n69k_17", v = "_columns_1n69k_58", L = "_compact_1n69k_67", o = {
+  controls: g,
+  horizontal: C,
+  list: j,
+  columns: v,
+  compact: L
+}, E = (t, s) => {
+  typeof t == "function" ? t(s) : t && (t.current = s);
 };
-function M({
+function w({
   children: t,
-  className: n,
-  columns: s = 1,
-  controls: o,
-  horizontal: l,
-  ordered: c,
-  ref: r,
-  style: q,
-  ...m
+  className: s,
+  columns: l = 1,
+  compact: m = !1,
+  controls: n,
+  horizontal: r,
+  ordered: i,
+  ref: u,
+  style: x,
+  ...f
 }) {
-  const f = Number.isFinite(s) ? Math.max(1, Math.floor(s)) : 1, _ = F(n, i.list, f > 1 && i.columns, l && i.horizontal), y = {
-    ...q,
-    "--list-columns": f
-  }, h = c ? /* @__PURE__ */ u("ol", { className: _, ref: (a) => E(r, a), style: y, ...m, children: p(t) }) : /* @__PURE__ */ u("ul", { className: _, ref: (a) => E(r, a), style: y, ...m, children: p(t) });
-  return o == null ? h : /* @__PURE__ */ x(z, { children: [
-    /* @__PURE__ */ u("div", { className: i.controls, children: o }),
+  const _ = Number.isFinite(l) ? Math.max(1, Math.floor(l)) : 1, p = V(s, o.list, _ > 1 && o.columns, r && o.horizontal, m && o.compact), y = {
+    ...x,
+    "--list-columns": _
+  }, h = i ? /* @__PURE__ */ a("ol", { className: p, ref: (c) => E(u, c), style: y, ...f, children: k(t) }) : /* @__PURE__ */ a("ul", { className: p, ref: (c) => E(u, c), style: y, ...f, children: k(t) });
+  return n == null ? h : /* @__PURE__ */ z(F, { children: [
+    /* @__PURE__ */ a("div", { className: o.controls, children: n }),
     h
   ] });
 }
 export {
-  M as List
+  w as List
 };
 //# sourceMappingURL=index.js.map

package/dist/components/list/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/lib/wrap-children.tsx","../../../src/components/list/index.tsx"],"sourcesContent":["import React, { JSX } from 'react';\n\ntype WrapOptions<T extends keyof JSX.IntrinsicElements = 'li'> = {\n  wrapper?: T;\n};\n\nfunction isFragmentElement(\n  node: React.ReactNode\n): node is React.ReactElement<{ children?: React.ReactNode }> {\n  return React.isValidElement(node) && node.type === React.Fragment;\n}\n\nfunction flattenChildren(children: React.ReactNode, out: React.ReactNode[] = []) {\n  React.Children.forEach(children, (child) => {\n    if (isFragmentElement(child)) {\n      flattenChildren(child.props.children, out);\n    } else {\n      out.push(child);\n    }\n  });\n  return out;\n}\n\nexport function wrapChildren<T extends keyof JSX.IntrinsicElements = 'li'>(\n  children: React.ReactNode,\n  { wrapper = 'li' as T }: WrapOptions<T> = {}\n) {\n  const flat = flattenChildren(children);\n\n  const filterNull = flat.filter((child) => child !== null);\n\n  return filterNull.map((child, i) => {\n    if (React.isValidElement(child) && child.type === wrapper) {\n      return child;\n    }\n\n    const key = React.isValidElement(child) && child.key != null ? child.key : i;\n\n    return React.createElement(wrapper, { key }, child);\n  });\n}\n","import cx from 'classix';\n\nimport { wrapChildren } from '@/lib/wrap-children';\n\nimport styles from './styles.module.css';\n\ntype ListElement = HTMLUListElement | HTMLOListElement;\n\nconst setListRef = (ref: React.Ref<ListElement> | undefined, node: ListElement | null) => {\n  if (typeof ref === 'function') ref(node);\n  else if (ref) ref.current = node;\n};\n\nexport type ListProps = React.ComponentPropsWithoutRef<'ul'> & {\n  columns?: number;\n  controls?: React.ReactNode;\n  horizontal?: boolean;\n  ordered?: boolean;\n  ref?: React.Ref<ListElement>;\n};\n\nexport function List({\n  children,\n  className,\n  columns = 1,\n  controls,\n  horizontal,\n  ordered,\n  ref,\n  style,\n  ...props\n}: ListProps) {\n  const cols = Number.isFinite(columns) ? Math.max(1, Math.floor(columns)) : 1;\n\n  const classes = cx(\n    className,\n    styles.list,\n    cols > 1 && styles.columns,\n    horizontal && styles.horizontal\n  );\n\n  type withVars = React.CSSProperties & {\n    '--list-columns'?: number;\n  };\n\n  const withVars: withVars = {\n    ...style,\n    '--list-columns': cols,\n  };\n\n  const list = ordered ? (\n    <ol\n      className={classes}\n      ref={(node) => setListRef(ref, node)}\n      style={withVars}\n      {...props}\n    >\n      {wrapChildren(children)}\n    </ol>\n  ) : (\n    <ul\n      className={classes}\n      ref={(node) => setListRef(ref, node)}\n      style={withVars}\n      {...props}\n    >\n      {wrapChildren(children)}\n    </ul>\n  );\n\n  if (controls === undefined || controls === null) return list;\n\n  return (\n    <>\n      <div className={styles.controls}>{controls}</div>\n      {list}\n    </>\n  );\n}\n"],"names":["isFragmentElement","node","React","isValidElement","type","Fragment","flattenChildren","children","out","Children","forEach","child","props","push","wrapChildren","wrapper","filter","map","i","key","createElement","setListRef","ref","current","List","className","columns","controls","horizontal","ordered","style","cols","Number","isFinite","Math","max","floor","classes","cx","styles","list","withVars","jsx","jsxs"],"mappings":";;;AAMA,SAASA,EACPC,GAC4D;AAC5D,SAAOC,EAAMC,eAAeF,CAAI,KAAKA,EAAKG,SAASF,EAAMG;AAC3D;AAEA,SAASC,EAAgBC,GAA2BC,IAAyB,IAAI;AAC/EN,SAAAA,EAAMO,SAASC,QAAQH,GAAWI,CAAAA,MAAU;AAC1C,IAAIX,EAAkBW,CAAK,IACzBL,EAAgBK,EAAMC,MAAML,UAAUC,CAAG,IAEzCA,EAAIK,KAAKF,CAAK;AAAA,EAElB,CAAC,GACMH;AACT;AAEO,SAASM,EACdP,GACA;AAAA,EAAEQ,SAAAA,IAAU;AAA0B,IAAI,IAC1C;AAKA,SAJaT,EAAgBC,CAAQ,EAEbS,OAAQL,CAAAA,MAAUA,MAAU,IAAI,EAEtCM,IAAI,CAACN,GAAOO,MAAM;AAClC,QAAIhB,EAAMC,eAAeQ,CAAK,KAAKA,EAAMP,SAASW;AAChD,aAAOJ;AAGT,UAAMQ,IAAMjB,EAAMC,eAAeQ,CAAK,KAAKA,EAAMQ,OAAO,OAAOR,EAAMQ,MAAMD;AAE3E,WAAOhB,EAAMkB,cAAcL,GAAS;AAAA,MAAEI,KAAAA;AAAAA,IAAAA,GAAOR,CAAK;AAAA,EACpD,CAAC;AACH;;;;;;GChCMU,IAAaA,CAACC,GAAyCrB,MAA6B;AACxF,EAAI,OAAOqB,KAAQ,aAAYA,EAAIrB,CAAI,IAC9BqB,QAASC,UAAUtB;AAC9B;AAUO,SAASuB,EAAK;AAAA,EACnBjB,UAAAA;AAAAA,EACAkB,WAAAA;AAAAA,EACAC,SAAAA,IAAU;AAAA,EACVC,UAAAA;AAAAA,EACAC,YAAAA;AAAAA,EACAC,SAAAA;AAAAA,EACAP,KAAAA;AAAAA,EACAQ,OAAAA;AAAAA,EACA,GAAGlB;AACM,GAAG;AACZ,QAAMmB,IAAOC,OAAOC,SAASP,CAAO,IAAIQ,KAAKC,IAAI,GAAGD,KAAKE,MAAMV,CAAO,CAAC,IAAI,GAErEW,IAAUC,EACdb,GACAc,EAAOC,MACPT,IAAO,KAAKQ,EAAOb,SACnBE,KAAcW,EAAOX,UACvB,GAMMa,IAAqB;AAAA,IACzB,GAAGX;AAAAA,IACH,kBAAkBC;AAAAA,EAAAA,GAGdS,IAAOX,IACX,gBAAAa,EAAC,MAAA,EACC,WAAWL,GACX,KAAMpC,CAAAA,MAASoB,EAAWC,GAAKrB,CAAI,GACnC,OAAOwC,GACP,GAAI7B,GAEHE,UAAAA,EAAaP,CAAQ,EAAA,CACxB,sBAEC,MAAA,EACC,WAAW8B,GACX,KAAMpC,OAASoB,EAAWC,GAAKrB,CAAI,GACnC,OAAOwC,GACP,GAAI7B,GAEHE,UAAAA,EAAaP,CAAQ,GACxB;AAGF,SAA8BoB,KAAa,OAAaa,IAGtD,gBAAAG,EAAAtC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAqC,EAAC,OAAA,EAAI,WAAWH,EAAOZ,UAAWA,UAAAA,GAAS;AAAA,IAC1Ca;AAAAA,EAAAA,GACH;AAEJ;"}
+{"version":3,"file":"index.js","sources":["../../../src/utils/wrap-children.tsx","../../../src/components/list/index.tsx"],"sourcesContent":["import React, { JSX } from 'react';\n\ntype WrapOptions<T extends keyof JSX.IntrinsicElements = 'li'> = {\n  wrapper?: T;\n};\n\nfunction isFragmentElement(\n  node: React.ReactNode\n): node is React.ReactElement<{ children?: React.ReactNode }> {\n  return React.isValidElement(node) && node.type === React.Fragment;\n}\n\nfunction flattenChildren(children: React.ReactNode, out: React.ReactNode[] = []) {\n  React.Children.forEach(children, (child) => {\n    if (isFragmentElement(child)) {\n      flattenChildren(child.props.children, out);\n    } else {\n      out.push(child);\n    }\n  });\n  return out;\n}\n\nexport function wrapChildren<T extends keyof JSX.IntrinsicElements = 'li'>(\n  children: React.ReactNode,\n  { wrapper = 'li' as T }: WrapOptions<T> = {}\n) {\n  const flat = flattenChildren(children);\n\n  const filterNull = flat.filter((child) => child !== null);\n\n  return filterNull.map((child, i) => {\n    if (React.isValidElement(child) && child.type === wrapper) {\n      return child;\n    }\n\n    const key = React.isValidElement(child) && child.key != null ? child.key : i;\n\n    return React.createElement(wrapper, { key }, child);\n  });\n}\n","import cx from 'classix';\n\nimport { wrapChildren } from '@/utils/wrap-children';\n\nimport styles from './styles.module.css';\n\ntype ListElement = HTMLUListElement | HTMLOListElement;\n\nconst setListRef = (ref: React.Ref<ListElement> | undefined, node: ListElement | null) => {\n  if (typeof ref === 'function') ref(node);\n  else if (ref) ref.current = node;\n};\n\nexport type ListProps = React.ComponentPropsWithoutRef<'ul'> & {\n  columns?: number;\n  compact?: boolean;\n  controls?: React.ReactNode;\n  horizontal?: boolean;\n  ordered?: boolean;\n  ref?: React.Ref<ListElement>;\n};\n\nexport function List({\n  children,\n  className,\n  columns = 1,\n  compact = false,\n  controls,\n  horizontal,\n  ordered,\n  ref,\n  style,\n  ...props\n}: ListProps) {\n  const cols = Number.isFinite(columns) ? Math.max(1, Math.floor(columns)) : 1;\n\n  const classes = cx(\n    className,\n    styles.list,\n    cols > 1 && styles.columns,\n    horizontal && styles.horizontal,\n    compact && styles.compact\n  );\n\n  type withVars = React.CSSProperties & {\n    '--list-columns'?: number;\n  };\n\n  const withVars: withVars = {\n    ...style,\n    '--list-columns': cols,\n  };\n\n  const list = ordered ? (\n    <ol\n      className={classes}\n      ref={(node) => setListRef(ref, node)}\n      style={withVars}\n      {...props}\n    >\n      {wrapChildren(children)}\n    </ol>\n  ) : (\n    <ul\n      className={classes}\n      ref={(node) => setListRef(ref, node)}\n      style={withVars}\n      {...props}\n    >\n      {wrapChildren(children)}\n    </ul>\n  );\n\n  if (controls === undefined || controls === null) return list;\n\n  return (\n    <>\n      <div className={styles.controls}>{controls}</div>\n      {list}\n    </>\n  );\n}\n"],"names":["isFragmentElement","node","React","isValidElement","type","Fragment","flattenChildren","children","out","Children","forEach","child","props","push","wrapChildren","wrapper","filter","map","i","key","createElement","setListRef","ref","current","List","className","columns","compact","controls","horizontal","ordered","style","cols","Number","isFinite","Math","max","floor","classes","cx","styles","list","withVars","jsx","jsxs"],"mappings":";;;AAMA,SAASA,EACPC,GAC4D;AAC5D,SAAOC,EAAMC,eAAeF,CAAI,KAAKA,EAAKG,SAASF,EAAMG;AAC3D;AAEA,SAASC,EAAgBC,GAA2BC,IAAyB,IAAI;AAC/EN,SAAAA,EAAMO,SAASC,QAAQH,GAAWI,CAAAA,MAAU;AAC1C,IAAIX,EAAkBW,CAAK,IACzBL,EAAgBK,EAAMC,MAAML,UAAUC,CAAG,IAEzCA,EAAIK,KAAKF,CAAK;AAAA,EAElB,CAAC,GACMH;AACT;AAEO,SAASM,EACdP,GACA;AAAA,EAAEQ,SAAAA,IAAU;AAA0B,IAAI,IAC1C;AAKA,SAJaT,EAAgBC,CAAQ,EAEbS,OAAQL,CAAAA,MAAUA,MAAU,IAAI,EAEtCM,IAAI,CAACN,GAAOO,MAAM;AAClC,QAAIhB,EAAMC,eAAeQ,CAAK,KAAKA,EAAMP,SAASW;AAChD,aAAOJ;AAGT,UAAMQ,IAAMjB,EAAMC,eAAeQ,CAAK,KAAKA,EAAMQ,OAAO,OAAOR,EAAMQ,MAAMD;AAE3E,WAAOhB,EAAMkB,cAAcL,GAAS;AAAA,MAAEI,KAAAA;AAAAA,IAAAA,GAAOR,CAAK;AAAA,EACpD,CAAC;AACH;;;;;;;GChCMU,IAAaA,CAACC,GAAyCrB,MAA6B;AACxF,EAAI,OAAOqB,KAAQ,aAAYA,EAAIrB,CAAI,IAC9BqB,QAASC,UAAUtB;AAC9B;AAWO,SAASuB,EAAK;AAAA,EACnBjB,UAAAA;AAAAA,EACAkB,WAAAA;AAAAA,EACAC,SAAAA,IAAU;AAAA,EACVC,SAAAA,IAAU;AAAA,EACVC,UAAAA;AAAAA,EACAC,YAAAA;AAAAA,EACAC,SAAAA;AAAAA,EACAR,KAAAA;AAAAA,EACAS,OAAAA;AAAAA,EACA,GAAGnB;AACM,GAAG;AACZ,QAAMoB,IAAOC,OAAOC,SAASR,CAAO,IAAIS,KAAKC,IAAI,GAAGD,KAAKE,MAAMX,CAAO,CAAC,IAAI,GAErEY,IAAUC,EACdd,GACAe,EAAOC,MACPT,IAAO,KAAKQ,EAAOd,SACnBG,KAAcW,EAAOX,YACrBF,KAAWa,EAAOb,OACpB,GAMMe,IAAqB;AAAA,IACzB,GAAGX;AAAAA,IACH,kBAAkBC;AAAAA,EAAAA,GAGdS,IAAOX,IACX,gBAAAa,EAAC,MAAA,EACC,WAAWL,GACX,KAAMrC,CAAAA,MAASoB,EAAWC,GAAKrB,CAAI,GACnC,OAAOyC,GACP,GAAI9B,GAEHE,UAAAA,EAAaP,CAAQ,EAAA,CACxB,sBAEC,MAAA,EACC,WAAW+B,GACX,KAAMrC,OAASoB,EAAWC,GAAKrB,CAAI,GACnC,OAAOyC,GACP,GAAI9B,GAEHE,UAAAA,EAAaP,CAAQ,GACxB;AAGF,SAA8BqB,KAAa,OAAaa,IAGtD,gBAAAG,EAAAvC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAsC,EAAC,OAAA,EAAI,WAAWH,EAAOZ,UAAWA,UAAAA,GAAS;AAAA,IAC1Ca;AAAAA,EAAAA,GACH;AAEJ;"}

package/dist/components/select/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("../../classix-5H4IWnMA.cjs");require("../../icons-Lq3pr85X.cjs");const e=require("../../index-CXge5nFf.cjs");require("../../use-touched-Bq5Gjbpz.cjs");exports.Select=e.Select;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("../../classix-5H4IWnMA.cjs");require("../../icons-Lq3pr85X.cjs");const e=require("../../index-BlnG4Rbh.cjs");require("../../use-touched-Bq5Gjbpz.cjs");exports.Select=e.Select;
 //# sourceMappingURL=index.cjs.map

package/dist/components/select/index.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "../../classix-DG18itHa.js";
 import "../../icons-BkaMeh-J.js";
-import { S as e } from "../../index-Rm3D-iwf.js";
+import { S as e } from "../../index-BAxpgMzb.js";
 import "../../use-touched-B999bBr8.js";
 export {
   e as Select

package/dist/components/textarea/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/textarea/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport { composeEventHandlers } from '@/lib/compose-event-handlers';\nimport { useTouched } from '@/lib/use-touched';\n\nimport styles from './styles.module.css';\n\nexport type TextareaProps = Omit<React.ComponentPropsWithoutRef<'textarea'>, 'children'> & {\n  label?: string;\n  maxRows?: number;\n  minRows?: number;\n};\n\nexport const Textarea = ({\n  className,\n  label,\n  maxRows = 12,\n  minRows = 3,\n  onBlur: onBlurProp,\n  required,\n  style,\n  value,\n  ...props\n}: TextareaProps) => {\n  const { touched, onBlur } = useTouched(value === '');\n\n  return (\n    <label className={styles.label}>\n      {label && <span data-required={required || undefined}>{label}</span>}\n      <textarea\n        {...props}\n        className={cx(styles.textarea, className, touched && styles.touched)}\n        onBlur={composeEventHandlers(onBlur, onBlurProp)}\n        required={required}\n        style={\n          {\n            ...style,\n            '--min-rows': minRows,\n            '--max-rows': maxRows,\n          } as React.CSSProperties\n        }\n        value={value}\n      />\n    </label>\n  );\n};\n"],"names":["Textarea","className","label","maxRows","minRows","onBlur","onBlurProp","required","style","value","props","touched","useTouched","styles","jsx","undefined","cx","textarea","composeEventHandlers"],"mappings":"0SAaaA,EAAWA,CAAC,CACvBC,UAAAA,EACAC,MAAAA,EACAC,QAAAA,EAAU,GACVC,QAAAA,EAAU,EACVC,OAAQC,EACRC,SAAAA,EACAC,MAAAA,EACAC,MAAAA,EACA,GAAGC,CACU,IAAM,CACnB,KAAM,CAAEC,QAAAA,EAASN,OAAAA,CAAAA,EAAWO,EAAAA,WAAWH,IAAU,EAAE,EAEnD,cACG,QAAA,CAAM,UAAWI,EAAOX,MAAM,iBAAA,WAC5BA,SAAAA,CAAAA,GAASY,EAAAA,IAAC,OAAA,CAAK,gBAAeP,GAAYQ,OAAYb,SAAAA,EAAM,QAC5D,WAAA,CACC,GAAIQ,EACJ,UAAWM,IAAGH,EAAOI,SAAUhB,EAAWU,GAAWE,EAAOF,OAAO,EACnE,OAAQO,EAAAA,qBAAqBb,EAAQC,CAAU,EAC/C,SAAAC,EACA,MACE,CACE,GAAGC,EACH,aAAcJ,EACd,aAAcD,CAAAA,EAGlB,MAAAM,CAAA,CAAa,CAAA,EAEjB,CAEJ"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/textarea/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport { composeEventHandlers } from '@/utils/compose-event-handlers';\nimport { useTouched } from '@/utils/use-touched';\n\nimport styles from './styles.module.css';\n\nexport type TextareaProps = Omit<React.ComponentPropsWithoutRef<'textarea'>, 'children'> & {\n  label?: string;\n  maxRows?: number;\n  minRows?: number;\n};\n\nexport const Textarea = ({\n  className,\n  label,\n  maxRows = 12,\n  minRows = 3,\n  onBlur: onBlurProp,\n  required,\n  style,\n  value,\n  ...props\n}: TextareaProps) => {\n  const { touched, onBlur } = useTouched(value === '');\n\n  return (\n    <label className={styles.label}>\n      {label && <span data-required={required || undefined}>{label}</span>}\n      <textarea\n        {...props}\n        className={cx(styles.textarea, className, touched && styles.touched)}\n        onBlur={composeEventHandlers(onBlur, onBlurProp)}\n        required={required}\n        style={\n          {\n            ...style,\n            '--min-rows': minRows,\n            '--max-rows': maxRows,\n          } as React.CSSProperties\n        }\n        value={value}\n      />\n    </label>\n  );\n};\n"],"names":["Textarea","className","label","maxRows","minRows","onBlur","onBlurProp","required","style","value","props","touched","useTouched","styles","jsx","undefined","cx","textarea","composeEventHandlers"],"mappings":"0SAaaA,EAAWA,CAAC,CACvBC,UAAAA,EACAC,MAAAA,EACAC,QAAAA,EAAU,GACVC,QAAAA,EAAU,EACVC,OAAQC,EACRC,SAAAA,EACAC,MAAAA,EACAC,MAAAA,EACA,GAAGC,CACU,IAAM,CACnB,KAAM,CAAEC,QAAAA,EAASN,OAAAA,CAAAA,EAAWO,EAAAA,WAAWH,IAAU,EAAE,EAEnD,cACG,QAAA,CAAM,UAAWI,EAAOX,MAAM,iBAAA,WAC5BA,SAAAA,CAAAA,GAASY,EAAAA,IAAC,OAAA,CAAK,gBAAeP,GAAYQ,OAAYb,SAAAA,EAAM,QAC5D,WAAA,CACC,GAAIQ,EACJ,UAAWM,IAAGH,EAAOI,SAAUhB,EAAWU,GAAWE,EAAOF,OAAO,EACnE,OAAQO,EAAAA,qBAAqBb,EAAQC,CAAU,EAC/C,SAAAC,EACA,MACE,CACE,GAAGC,EACH,aAAcJ,EACd,aAAcD,CAAAA,EAGlB,MAAAM,CAAA,CAAa,CAAA,EAEjB,CAEJ"}

package/dist/components/textarea/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/textarea/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport { composeEventHandlers } from '@/lib/compose-event-handlers';\nimport { useTouched } from '@/lib/use-touched';\n\nimport styles from './styles.module.css';\n\nexport type TextareaProps = Omit<React.ComponentPropsWithoutRef<'textarea'>, 'children'> & {\n  label?: string;\n  maxRows?: number;\n  minRows?: number;\n};\n\nexport const Textarea = ({\n  className,\n  label,\n  maxRows = 12,\n  minRows = 3,\n  onBlur: onBlurProp,\n  required,\n  style,\n  value,\n  ...props\n}: TextareaProps) => {\n  const { touched, onBlur } = useTouched(value === '');\n\n  return (\n    <label className={styles.label}>\n      {label && <span data-required={required || undefined}>{label}</span>}\n      <textarea\n        {...props}\n        className={cx(styles.textarea, className, touched && styles.touched)}\n        onBlur={composeEventHandlers(onBlur, onBlurProp)}\n        required={required}\n        style={\n          {\n            ...style,\n            '--min-rows': minRows,\n            '--max-rows': maxRows,\n          } as React.CSSProperties\n        }\n        value={value}\n      />\n    </label>\n  );\n};\n"],"names":["Textarea","className","label","maxRows","minRows","onBlur","onBlurProp","required","style","value","props","touched","useTouched","styles","jsx","undefined","cx","textarea","composeEventHandlers"],"mappings":";;;;;;;GAaaA,IAAWA,CAAC;AAAA,EACvBC,WAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACAC,SAAAA,IAAU;AAAA,EACVC,SAAAA,IAAU;AAAA,EACVC,QAAQC;AAAAA,EACRC,UAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACA,GAAGC;AACU,MAAM;AACnB,QAAM;AAAA,IAAEC,SAAAA;AAAAA,IAASN,QAAAA;AAAAA,EAAAA,IAAWO,EAAWH,MAAU,EAAE;AAEnD,2BACG,SAAA,EAAM,WAAWI,EAAOX,OAAM,kBAAA,YAC5BA,UAAAA;AAAAA,IAAAA,KAAS,gBAAAY,EAAC,QAAA,EAAK,iBAAeP,KAAYQ,QAAYb,UAAAA,GAAM;AAAA,sBAC5D,YAAA,EACC,GAAIQ,GACJ,WAAWM,EAAGH,EAAOI,UAAUhB,GAAWU,KAAWE,EAAOF,OAAO,GACnE,QAAQO,EAAqBb,GAAQC,CAAU,GAC/C,UAAAC,GACA,OACE;AAAA,MACE,GAAGC;AAAAA,MACH,cAAcJ;AAAAA,MACd,cAAcD;AAAAA,IAAAA,GAGlB,OAAAM,EAAA,CAAa;AAAA,EAAA,GAEjB;AAEJ;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/textarea/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport { composeEventHandlers } from '@/utils/compose-event-handlers';\nimport { useTouched } from '@/utils/use-touched';\n\nimport styles from './styles.module.css';\n\nexport type TextareaProps = Omit<React.ComponentPropsWithoutRef<'textarea'>, 'children'> & {\n  label?: string;\n  maxRows?: number;\n  minRows?: number;\n};\n\nexport const Textarea = ({\n  className,\n  label,\n  maxRows = 12,\n  minRows = 3,\n  onBlur: onBlurProp,\n  required,\n  style,\n  value,\n  ...props\n}: TextareaProps) => {\n  const { touched, onBlur } = useTouched(value === '');\n\n  return (\n    <label className={styles.label}>\n      {label && <span data-required={required || undefined}>{label}</span>}\n      <textarea\n        {...props}\n        className={cx(styles.textarea, className, touched && styles.touched)}\n        onBlur={composeEventHandlers(onBlur, onBlurProp)}\n        required={required}\n        style={\n          {\n            ...style,\n            '--min-rows': minRows,\n            '--max-rows': maxRows,\n          } as React.CSSProperties\n        }\n        value={value}\n      />\n    </label>\n  );\n};\n"],"names":["Textarea","className","label","maxRows","minRows","onBlur","onBlurProp","required","style","value","props","touched","useTouched","styles","jsx","undefined","cx","textarea","composeEventHandlers"],"mappings":";;;;;;;GAaaA,IAAWA,CAAC;AAAA,EACvBC,WAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACAC,SAAAA,IAAU;AAAA,EACVC,SAAAA,IAAU;AAAA,EACVC,QAAQC;AAAAA,EACRC,UAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACA,GAAGC;AACU,MAAM;AACnB,QAAM;AAAA,IAAEC,SAAAA;AAAAA,IAASN,QAAAA;AAAAA,EAAAA,IAAWO,EAAWH,MAAU,EAAE;AAEnD,2BACG,SAAA,EAAM,WAAWI,EAAOX,OAAM,kBAAA,YAC5BA,UAAAA;AAAAA,IAAAA,KAAS,gBAAAY,EAAC,QAAA,EAAK,iBAAeP,KAAYQ,QAAYb,UAAAA,GAAM;AAAA,sBAC5D,YAAA,EACC,GAAIQ,GACJ,WAAWM,EAAGH,EAAOI,UAAUhB,GAAWU,KAAWE,EAAOF,OAAO,GACnE,QAAQO,EAAqBb,GAAQC,CAAU,GAC/C,UAAAC,GACA,OACE;AAAA,MACE,GAAGC;AAAAA,MACH,cAAcJ;AAAAA,MACd,cAAcD;AAAAA,IAAAA,GAGlB,OAAAM,EAAA,CAAa;AAAA,EAAA,GAEjB;AAEJ;"}

package/dist/{index-Rm3D-iwf.js → index-BAxpgMzb.js}

@@ -6,10 +6,10 @@ import './assets/index50.css';const P = /* @__PURE__ */ new Set(["aria-activedes
 function _(n) {
   return Object.fromEntries(Object.entries(n).filter(([e]) => e.startsWith("data-") || e.startsWith("aria-") || P.has(e)));
 }
-const x = /^--[\w-]+$/, V = /^var\(\s*(--[\w-]+)\s*(?:,\s*(.+))?\)$/, g = /* @__PURE__ */ new Set(["currentcolor", "inherit", "initial", "revert", "revert-layer", "unset"]), l = typeof document < "u" ? document.createElement("span") : null;
-function h(n) {
+const V = /^--[\w-]+$/, g = /^var\(\s*(--[\w-]+)\s*(?:,\s*(.+))?\)$/, E = /* @__PURE__ */ new Set(["currentcolor", "inherit", "initial", "revert", "revert-layer", "unset"]), l = typeof document < "u" ? document.createElement("span") : null;
+function b(n) {
   const e = n.trim();
-  if (!e || !l || g.has(e.toLowerCase()))
+  if (!e || !l || E.has(e.toLowerCase()))
     return e;
   const a = document.body ?? document.documentElement;
   if (!a || (l.style.color = e, !l.style.color))
@@ -18,26 +18,26 @@ function h(n) {
   const o = getComputedStyle(l).color.trim();
   return l.remove(), o || e;
 }
-function E(n, e = "currentColor") {
+function N(n, e = "currentColor") {
   var i;
   if (typeof document > "u")
     return e;
   const a = getComputedStyle(document.documentElement), o = /* @__PURE__ */ new Set();
   let t = n.trim();
   for (; t; ) {
-    const r = t.match(V), s = (r == null ? void 0 : r[1]) ?? (x.test(t) ? t : null), c = (i = r == null ? void 0 : r[2]) == null ? void 0 : i.trim();
+    const r = t.match(g), s = (r == null ? void 0 : r[1]) ?? (V.test(t) ? t : null), c = (i = r == null ? void 0 : r[2]) == null ? void 0 : i.trim();
     if (!s)
-      return h(t);
+      return b(t);
     if (o.has(s)) {
       t = c ?? "";
       continue;
     }
     o.add(s), t = a.getPropertyValue(s).trim() || c || "";
   }
-  return h(e);
+  return b(e);
 }
-const N = "_select_1n2ax_3", B = "_touched_1n2ax_23", j = "_label_1n2ax_28", u = {
-  select: N,
+const x = "_select_1bm47_3", B = "_touched_1bm47_24", j = "_label_1bm47_29", u = {
+  select: x,
   touched: B,
   label: j
 }, F = ({
@@ -52,12 +52,12 @@ const N = "_select_1n2ax_3", B = "_touched_1n2ax_23", j = "_label_1n2ax_28", u =
   } = C(o.value === ""), r = _(o), {
     className: s,
     onBlur: c,
-    style: f,
-    ...y
-  } = r, b = {
-    ...f,
-    "--icon-svg": w("chevron").replace("currentColor", E("--colors-semantic-content-secondary"))
-  }, d = /* @__PURE__ */ m("select", { className: v(u.select, s, t && u.touched), onBlur: S(i, c), style: b, ...y, children: [
+    style: h,
+    ...f
+  } = r, y = {
+    ...h,
+    "--icon-svg": w("chevron").replace("currentColor", N("--colors-semantic-content-secondary"))
+  }, d = /* @__PURE__ */ m("select", { className: v(u.select, s, t && u.touched), onBlur: S(i, c), style: y, ...f, children: [
     a && /* @__PURE__ */ p("option", { value: "", hidden: !0, children: a }, "placeholder"),
     n
   ] });
@@ -68,7 +68,7 @@ const N = "_select_1n2ax_3", B = "_touched_1n2ax_23", j = "_label_1n2ax_28", u =
 };
 export {
   F as S,
-  E as r,
+  N as r,
   _ as s
 };
-//# sourceMappingURL=index-Rm3D-iwf.js.map
+//# sourceMappingURL=index-BAxpgMzb.js.map

package/dist/index-BAxpgMzb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-BAxpgMzb.js","sources":["../src/components/select/sanitize-select-props.ts","../src/utils/color.ts","../src/components/select/index.tsx"],"sourcesContent":["const selectKeys = new Set([\n  'aria-activedescendant',\n  'aria-autocomplete',\n  'aria-busy',\n  'aria-controls',\n  'aria-describedby',\n  'aria-details',\n  'aria-disabled',\n  'aria-errormessage',\n  'aria-expanded',\n  'aria-haspopup',\n  'aria-hidden',\n  'aria-invalid',\n  'aria-keyshortcuts',\n  'aria-label',\n  'aria-labelledby',\n  'aria-live',\n  'aria-owns',\n  'aria-required',\n  'aria-roledescription',\n  'autoComplete',\n  'autoFocus',\n  'className',\n  'defaultValue',\n  'dir',\n  'disabled',\n  'form',\n  'id',\n  'multiple',\n  'name',\n  'onBlur',\n  'onChange',\n  'onClick',\n  'onFocus',\n  'onInput',\n  'onInvalid',\n  'onKeyDown',\n  'onKeyUp',\n  'onMouseDown',\n  'onMouseUp',\n  'onPointerDown',\n  'onPointerUp',\n  'required',\n  'role',\n  'size',\n  'style',\n  'tabIndex',\n  'title',\n  'value',\n]);\n\nexport function sanitizeSelectProps<T extends Record<string, unknown>>(props: T) {\n  return Object.fromEntries(\n    Object.entries(props).filter(\n      ([key]) => key.startsWith('data-') || key.startsWith('aria-') || selectKeys.has(key)\n    )\n  ) as Partial<T>;\n}\n","const cssVariablePattern = /^--[\\w-]+$/;\nconst cssVariableReferencePattern = /^var\\(\\s*(--[\\w-]+)\\s*(?:,\\s*(.+))?\\)$/;\n\nconst unresolvedColorKeywords = new Set([\n  'currentcolor',\n  'inherit',\n  'initial',\n  'revert',\n  'revert-layer',\n  'unset',\n]);\n\nconst probe = typeof document !== 'undefined' ? document.createElement('span') : null;\n\nfunction normalizeColorValue(input: string): string {\n  const value = input.trim();\n\n  if (!value || !probe || unresolvedColorKeywords.has(value.toLowerCase())) {\n    return value;\n  }\n\n  const mountNode = document.body ?? document.documentElement;\n\n  if (!mountNode) {\n    return value;\n  }\n\n  probe.style.color = value;\n\n  if (!probe.style.color) {\n    return value;\n  }\n\n  mountNode.appendChild(probe);\n\n  const normalized = getComputedStyle(probe).color.trim();\n  probe.remove();\n\n  return normalized || value;\n}\n\nexport function resolveColor(input: `--${string}` | string, fallback = 'currentColor'): string {\n  if (typeof document === 'undefined') {\n    return fallback;\n  }\n\n  const styles = getComputedStyle(document.documentElement);\n  const seen = new Set<string>();\n  let current = input.trim();\n\n  while (current) {\n    const match = current.match(cssVariableReferencePattern);\n    const variableName = match?.[1] ?? (cssVariablePattern.test(current) ? current : null);\n    const nestedFallback = match?.[2]?.trim();\n\n    if (!variableName) {\n      return normalizeColorValue(current);\n    }\n\n    if (seen.has(variableName)) {\n      current = nestedFallback ?? '';\n      continue;\n    }\n\n    seen.add(variableName);\n\n    current = styles.getPropertyValue(variableName).trim() || nestedFallback || '';\n  }\n\n  return normalizeColorValue(fallback);\n}\n","import cx from 'classix';\n\nimport { iconSVG } from '@/components/icon/icons.ts';\nimport { resolveColor } from '@/utils/color';\nimport { composeEventHandlers } from '@/utils/compose-event-handlers';\nimport { useTouched } from '@/utils/use-touched';\n\nimport { sanitizeSelectProps } from './sanitize-select-props';\nimport styles from './styles.module.css';\n\nexport type SelectProps = React.SelectHTMLAttributes<HTMLSelectElement> & {\n  children: React.ReactNode;\n  label?: string;\n  placeholder?: string;\n};\n\ntype withVars = React.CSSProperties & {\n  '--icon-svg'?: string;\n};\n\nexport const Select = ({ children, label, placeholder, ...props }: SelectProps) => {\n  const { touched, onBlur } = useTouched(props.value === '');\n  const selectProps = sanitizeSelectProps(props);\n  const { className, onBlur: onBlurProp, style, ...restSelectProps } = selectProps;\n  const withVars = {\n    ...style,\n    '--icon-svg': iconSVG('chevron').replace(\n      'currentColor',\n      resolveColor('--colors-semantic-content-secondary')\n    ),\n  } satisfies withVars;\n\n  const selectElement = (\n    <select\n      className={cx(styles.select, className, touched && styles.touched)}\n      onBlur={composeEventHandlers(onBlur, onBlurProp)}\n      style={withVars}\n      {...restSelectProps}\n    >\n      {placeholder && (\n        <option\n          key='placeholder'\n          value={''}\n          hidden\n        >\n          {placeholder}\n        </option>\n      )}\n      {children}\n    </select>\n  );\n\n  if (!label) {\n    return selectElement;\n  }\n\n  return (\n    <label>\n      <span\n        className={styles.label}\n        data-required={props.required || undefined}\n      >\n        {label}\n      </span>\n      {selectElement}\n    </label>\n  );\n};\n"],"names":["selectKeys","Set","sanitizeSelectProps","props","Object","fromEntries","entries","filter","key","startsWith","has","cssVariablePattern","cssVariableReferencePattern","unresolvedColorKeywords","probe","document","createElement","normalizeColorValue","input","value","trim","toLowerCase","mountNode","body","documentElement","style","color","appendChild","normalized","getComputedStyle","remove","resolveColor","fallback","styles","seen","current","match","variableName","test","nestedFallback","add","getPropertyValue","Select","children","label","placeholder","touched","onBlur","useTouched","selectProps","className","onBlurProp","restSelectProps","withVars","iconSVG","replace","selectElement","cx","select","composeEventHandlers","jsxs","jsx","required","undefined"],"mappings":"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"}