@alfadocs/ui-kit 0.1.3 → 0.1.5

package/dist/_chunks/{search-input-CtkWITO2.js.map → search-input-BVMCONyN.js.map}

@@ -1 +1 @@
-{"version":3,"file":"search-input-CtkWITO2.js","sources":["../../src/components/search-input/search-input.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useRef,\n  useState,\n  type ChangeEvent,\n  type FocusEvent,\n  type FormEvent,\n  type KeyboardEvent,\n} from 'react';\nimport { cva } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Search, X } from 'lucide-react';\nimport { TextInput } from '../text-input/text-input';\nimport { Spinner } from '../spinner/spinner';\nimport { useFormField } from '../form-field/form-field-context';\nimport { useDebouncedCallback } from '../_shared/use-debounced-callback';\n\nconst rootVariants = cva('ds:relative ds:w-full');\n\nconst clearButtonVariants = cva(\n  [\n    'ds:absolute ds:inset-y-0 ds:end-0 ds:pe-3',\n    'ds:inline-flex ds:items-center ds:justify-center ds:pointer-events-auto',\n    'ds:text-muted-foreground ds:hover:text-foreground',\n    'ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n    'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n    'ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n    'ds:rounded-[var(--radius-sm)]',\n    'ds:forced-colors:focus-visible:outline-[CanvasText]',\n  ].join(' '),\n);\n\nconst expandButtonVariants = cva(\n  [\n    'ds:inline-flex ds:items-center ds:justify-center ds:shrink-0',\n    'ds:size-[var(--min-target-size)] ds:rounded-[var(--radius-sm)]',\n    'ds:bg-background ds:border ds:border-border ds:text-muted-foreground',\n    'ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n    'ds:hover:text-foreground ds:hover:bg-muted',\n    'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n    'ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n    'ds:disabled:cursor-not-allowed ds:disabled:opacity-50',\n    'ds:forced-colors:focus-visible:outline-[CanvasText]',\n  ].join(' '),\n);\n\nconst expandableWrapperVariants = cva(\n  [\n    'ds:inline-flex ds:items-center',\n    'ds:transition-[width] ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n  ].join(' '),\n);\n\ntype SearchInputRole = 'combobox';\n\nexport interface SearchInputProps {\n  value?: string;\n  defaultValue?: string;\n  onChange?: (debouncedValue: string) => void;\n  onInput?: (rawValue: string) => void;\n  debounceMs?: number;\n  isLoading?: boolean;\n  variant?: 'inline' | 'expandable';\n  size?: 'sm' | 'md' | 'lg';\n  globalShortcut?: string;\n  placeholder?: string;\n  disabled?: boolean;\n  className?: string;\n  name?: string;\n  id?: string;\n  form?: string;\n  autoComplete?: string;\n  autoFocus?: boolean;\n  'aria-label'?: string;\n  role?: SearchInputRole;\n  'aria-expanded'?: boolean;\n  'aria-controls'?: string;\n  'aria-activedescendant'?: string;\n}\n\nfunction isEditableElement(el: Element | null): boolean {\n  if (!el) return false;\n  const tag = el.tagName;\n  if (tag === 'INPUT' || tag === 'TEXTAREA' || tag === 'SELECT') return true;\n  if ((el as HTMLElement).isContentEditable) return true;\n  return false;\n}\n\nexport const SearchInput = forwardRef<HTMLInputElement, SearchInputProps>(\n  (\n    {\n      value,\n      defaultValue,\n      onChange,\n      onInput,\n      debounceMs = 200,\n      isLoading = false,\n      variant = 'inline',\n      size = 'md',\n      globalShortcut,\n      placeholder,\n      disabled,\n      className,\n      name,\n      id,\n      form,\n      autoComplete = 'off',\n      autoFocus,\n      role,\n      ...ariaProps\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const ctx = useFormField();\n    const inputId = id ?? ctx.id;\n    const effectiveDisabled = Boolean(ctx.disabled || disabled);\n\n    const isControlled = value !== undefined;\n    const [internalValue, setInternalValue] = useState<string>(\n      String(defaultValue ?? ''),\n    );\n    const rawValue = isControlled ? String(value) : internalValue;\n    const hasValue = rawValue.length > 0;\n\n    const innerRef = useRef<HTMLInputElement | null>(null);\n    const setRefs = useCallback(\n      (node: HTMLInputElement | null) => {\n        innerRef.current = node;\n        if (typeof ref === 'function') {\n          ref(node);\n        } else if (ref) {\n          ref.current = node;\n        }\n      },\n      [ref],\n    );\n\n    const [expanded, setExpanded] = useState<boolean>(\n      variant === 'inline' || hasValue,\n    );\n    const pendingFocusRef = useRef<boolean>(false);\n\n    useLayoutEffect(() => {\n      if (pendingFocusRef.current && innerRef.current) {\n        innerRef.current.focus();\n        pendingFocusRef.current = false;\n      }\n    });\n\n    const debouncedOnChange = useDebouncedCallback(\n      (next: string) => {\n        onChange?.(next);\n      },\n      debounceMs,\n    );\n\n    const fireImmediate = useCallback(\n      (next: string) => {\n        debouncedOnChange.cancel();\n        onChange?.(next);\n      },\n      [debouncedOnChange, onChange],\n    );\n\n    const commitValue = useCallback(\n      (next: string) => {\n        if (!isControlled) setInternalValue(next);\n      },\n      [isControlled],\n    );\n\n    const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n      const next = event.target.value;\n      commitValue(next);\n      if (next === '') {\n        fireImmediate('');\n      } else {\n        debouncedOnChange(next);\n      }\n    };\n\n    const handleNativeInput = (event: FormEvent<HTMLInputElement>) => {\n      const next = event.currentTarget.value;\n      onInput?.(next);\n    };\n\n    const handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n      if (event.key !== 'Escape') return;\n      if (event.nativeEvent.isComposing) return;\n      if (!hasValue) return;\n      event.preventDefault();\n      event.stopPropagation();\n      commitValue('');\n      onInput?.('');\n      fireImmediate('');\n      innerRef.current?.focus();\n    };\n\n    const handleClear = () => {\n      commitValue('');\n      onInput?.('');\n      fireImmediate('');\n      innerRef.current?.focus();\n    };\n\n    const handleBlur = (event: FocusEvent<HTMLInputElement>) => {\n      if (variant !== 'expandable') return;\n      if (event.currentTarget.value === '') {\n        setExpanded(false);\n      }\n    };\n\n    const focusInput = useCallback(() => {\n      if (variant === 'expandable' && !expanded) {\n        pendingFocusRef.current = true;\n        setExpanded(true);\n      } else {\n        innerRef.current?.focus();\n      }\n    }, [variant, expanded]);\n\n    useEffect(() => {\n      if (!globalShortcut) return;\n      const onKeyDown = (event: globalThis.KeyboardEvent) => {\n        if (event.key !== globalShortcut) return;\n        if (event.isComposing) return;\n        if (event.defaultPrevented) return;\n        if (isEditableElement(document.activeElement)) return;\n        event.preventDefault();\n        focusInput();\n      };\n      document.addEventListener('keydown', onKeyDown);\n      return () => document.removeEventListener('keydown', onKeyDown);\n    }, [globalShortcut, focusInput]);\n\n    const clearLabel = t('ui.inputs.search.clear', 'Clear search');\n    const loadingLabel = t('ui.inputs.search.loading', 'Searching…');\n    const defaultPlaceholder = t('ui.inputs.search.placeholder', 'Search…');\n    const resolvedPlaceholder = placeholder ?? defaultPlaceholder;\n\n    if (variant === 'expandable' && !expanded) {\n      return (\n        <div data-component=\"search-input\" className={expandableWrapperVariants({ className })}>\n          <button\n            type=\"button\"\n            aria-label={resolvedPlaceholder}\n            aria-expanded={false}\n            aria-controls={inputId}\n            disabled={effectiveDisabled}\n            onClick={() => {\n              pendingFocusRef.current = true;\n              setExpanded(true);\n            }}\n            className={expandButtonVariants()}\n          >\n            <Search aria-hidden=\"true\" className=\"ds:size-4\" />\n          </button>\n        </div>\n      );\n    }\n\n    const comboboxAria =\n      role === 'combobox'\n        ? {\n            role: 'combobox' as const,\n            'aria-expanded': ariaProps['aria-expanded'],\n            'aria-controls': ariaProps['aria-controls'],\n            'aria-activedescendant': ariaProps['aria-activedescendant'],\n          }\n        : undefined;\n\n    const showClear = hasValue && !isLoading && !effectiveDisabled;\n    const endSlot = isLoading ? (\n      <Spinner size=\"sm\" label={loadingLabel} />\n    ) : showClear ? (\n      <span className=\"ds:inline-block ds:size-4\" aria-hidden=\"true\" />\n    ) : undefined;\n\n    return (\n      <div data-component=\"search-input\" className={rootVariants({ className })}>\n        <TextInput\n          ref={setRefs}\n          id={inputId}\n          type=\"search\"\n          size={size}\n          value={rawValue}\n          disabled={effectiveDisabled}\n          placeholder={resolvedPlaceholder}\n          name={name}\n          form={form}\n          autoComplete={autoComplete}\n          autoFocus={autoFocus}\n          startAdornment={<Search />}\n          endAdornment={endSlot}\n          clearable={false}\n          onChange={handleChange}\n          onInput={handleNativeInput}\n          onKeyDown={handleKeyDown}\n          onBlur={handleBlur}\n          aria-label={ariaProps['aria-label']}\n          aria-busy={isLoading || undefined}\n          {...comboboxAria}\n        />\n        {showClear ? (\n          <button\n            type=\"button\"\n            aria-label={clearLabel}\n            onClick={handleClear}\n            className={clearButtonVariants()}\n          >\n            <X aria-hidden=\"true\" className=\"ds:size-4\" />\n          </button>\n        ) : null}\n        <span\n          role=\"status\"\n          aria-live=\"polite\"\n          aria-atomic=\"true\"\n          className=\"ds:sr-only\"\n        >\n          {isLoading ? loadingLabel : ''}\n        </span>\n      </div>\n    );\n  },\n);\n\nSearchInput.displayName = 'SearchInput';\n"],"names":["rootVariants","cva","clearButtonVariants","expandButtonVariants","expandableWrapperVariants","isEditableElement","el","tag","SearchInput","forwardRef","value","defaultValue","onChange","onInput","debounceMs","isLoading","variant","size","globalShortcut","placeholder","disabled","className","name","id","form","autoComplete","autoFocus","role","ariaProps","ref","t","useTranslation","ctx","useFormField","inputId","effectiveDisabled","isControlled","internalValue","setInternalValue","useState","rawValue","hasValue","innerRef","useRef","setRefs","useCallback","node","expanded","setExpanded","pendingFocusRef","useLayoutEffect","debouncedOnChange","useDebouncedCallback","next","fireImmediate","commitValue","handleChange","event","handleNativeInput","handleKeyDown","_a","handleClear","handleBlur","focusInput","useEffect","onKeyDown","clearLabel","loadingLabel","defaultPlaceholder","resolvedPlaceholder","jsx","Search","comboboxAria","showClear","endSlot","Spinner","jsxs","TextInput","X"],"mappings":"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"}
+{"version":3,"file":"search-input-BVMCONyN.js","sources":["../../src/components/search-input/search-input.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useRef,\n  useState,\n  type ChangeEvent,\n  type FocusEvent,\n  type FormEvent,\n  type KeyboardEvent,\n} from 'react';\nimport { cva } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Search, X } from 'lucide-react';\nimport { TextInput } from '../text-input/text-input';\nimport { Spinner } from '../spinner/spinner';\nimport { useFormField } from '../form-field/form-field-context';\nimport { useDebouncedCallback } from '../_shared/use-debounced-callback';\n\nconst rootVariants = cva('ds:relative ds:w-full');\n\nconst clearButtonVariants = cva(\n  [\n    'ds:absolute ds:inset-y-0 ds:end-0 ds:pe-3',\n    'ds:inline-flex ds:items-center ds:justify-center ds:pointer-events-auto',\n    'ds:text-muted-foreground ds:hover:text-foreground',\n    'ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n    'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n    'ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n    'ds:rounded-[var(--radius-sm)]',\n    'ds:forced-colors:focus-visible:outline-[CanvasText]',\n  ].join(' '),\n);\n\nconst expandButtonVariants = cva(\n  [\n    'ds:inline-flex ds:items-center ds:justify-center ds:shrink-0',\n    'ds:size-[var(--min-target-size)] ds:rounded-[var(--radius-sm)]',\n    'ds:bg-background ds:border ds:border-border ds:text-muted-foreground',\n    'ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n    'ds:hover:text-foreground ds:hover:bg-muted',\n    'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n    'ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n    'ds:disabled:cursor-not-allowed ds:disabled:opacity-50',\n    'ds:forced-colors:focus-visible:outline-[CanvasText]',\n  ].join(' '),\n);\n\nconst expandableWrapperVariants = cva(\n  [\n    'ds:inline-flex ds:items-center',\n    'ds:transition-[width] ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n  ].join(' '),\n);\n\ntype SearchInputRole = 'combobox';\n\nexport interface SearchInputProps {\n  value?: string;\n  defaultValue?: string;\n  onChange?: (debouncedValue: string) => void;\n  onInput?: (rawValue: string) => void;\n  debounceMs?: number;\n  isLoading?: boolean;\n  variant?: 'inline' | 'expandable';\n  size?: 'sm' | 'md' | 'lg';\n  globalShortcut?: string;\n  placeholder?: string;\n  disabled?: boolean;\n  className?: string;\n  name?: string;\n  id?: string;\n  form?: string;\n  autoComplete?: string;\n  autoFocus?: boolean;\n  'aria-label'?: string;\n  role?: SearchInputRole;\n  'aria-expanded'?: boolean;\n  'aria-controls'?: string;\n  'aria-activedescendant'?: string;\n}\n\nfunction isEditableElement(el: Element | null): boolean {\n  if (!el) return false;\n  const tag = el.tagName;\n  if (tag === 'INPUT' || tag === 'TEXTAREA' || tag === 'SELECT') return true;\n  if ((el as HTMLElement).isContentEditable) return true;\n  return false;\n}\n\nexport const SearchInput = forwardRef<HTMLInputElement, SearchInputProps>(\n  (\n    {\n      value,\n      defaultValue,\n      onChange,\n      onInput,\n      debounceMs = 200,\n      isLoading = false,\n      variant = 'inline',\n      size = 'md',\n      globalShortcut,\n      placeholder,\n      disabled,\n      className,\n      name,\n      id,\n      form,\n      autoComplete = 'off',\n      autoFocus,\n      role,\n      ...ariaProps\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const ctx = useFormField();\n    const inputId = id ?? ctx.id;\n    const effectiveDisabled = Boolean(ctx.disabled || disabled);\n\n    const isControlled = value !== undefined;\n    const [internalValue, setInternalValue] = useState<string>(\n      String(defaultValue ?? ''),\n    );\n    const rawValue = isControlled ? String(value) : internalValue;\n    const hasValue = rawValue.length > 0;\n\n    const innerRef = useRef<HTMLInputElement | null>(null);\n    const setRefs = useCallback(\n      (node: HTMLInputElement | null) => {\n        innerRef.current = node;\n        if (typeof ref === 'function') {\n          ref(node);\n        } else if (ref) {\n          ref.current = node;\n        }\n      },\n      [ref],\n    );\n\n    const [expanded, setExpanded] = useState<boolean>(\n      variant === 'inline' || hasValue,\n    );\n    const pendingFocusRef = useRef<boolean>(false);\n\n    useLayoutEffect(() => {\n      if (pendingFocusRef.current && innerRef.current) {\n        innerRef.current.focus();\n        pendingFocusRef.current = false;\n      }\n    });\n\n    const debouncedOnChange = useDebouncedCallback(\n      (next: string) => {\n        onChange?.(next);\n      },\n      debounceMs,\n    );\n\n    const fireImmediate = useCallback(\n      (next: string) => {\n        debouncedOnChange.cancel();\n        onChange?.(next);\n      },\n      [debouncedOnChange, onChange],\n    );\n\n    const commitValue = useCallback(\n      (next: string) => {\n        if (!isControlled) setInternalValue(next);\n      },\n      [isControlled],\n    );\n\n    const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n      const next = event.target.value;\n      commitValue(next);\n      if (next === '') {\n        fireImmediate('');\n      } else {\n        debouncedOnChange(next);\n      }\n    };\n\n    const handleNativeInput = (event: FormEvent<HTMLInputElement>) => {\n      const next = event.currentTarget.value;\n      onInput?.(next);\n    };\n\n    const handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n      if (event.key !== 'Escape') return;\n      if (event.nativeEvent.isComposing) return;\n      if (!hasValue) return;\n      event.preventDefault();\n      event.stopPropagation();\n      commitValue('');\n      onInput?.('');\n      fireImmediate('');\n      innerRef.current?.focus();\n    };\n\n    const handleClear = () => {\n      commitValue('');\n      onInput?.('');\n      fireImmediate('');\n      innerRef.current?.focus();\n    };\n\n    const handleBlur = (event: FocusEvent<HTMLInputElement>) => {\n      if (variant !== 'expandable') return;\n      if (event.currentTarget.value === '') {\n        setExpanded(false);\n      }\n    };\n\n    const focusInput = useCallback(() => {\n      if (variant === 'expandable' && !expanded) {\n        pendingFocusRef.current = true;\n        setExpanded(true);\n      } else {\n        innerRef.current?.focus();\n      }\n    }, [variant, expanded]);\n\n    useEffect(() => {\n      if (!globalShortcut) return;\n      const onKeyDown = (event: globalThis.KeyboardEvent) => {\n        if (event.key !== globalShortcut) return;\n        if (event.isComposing) return;\n        if (event.defaultPrevented) return;\n        if (isEditableElement(document.activeElement)) return;\n        event.preventDefault();\n        focusInput();\n      };\n      document.addEventListener('keydown', onKeyDown);\n      return () => document.removeEventListener('keydown', onKeyDown);\n    }, [globalShortcut, focusInput]);\n\n    const clearLabel = t('ui.inputs.search.clear', 'Clear search');\n    const loadingLabel = t('ui.inputs.search.loading', 'Searching…');\n    const defaultPlaceholder = t('ui.inputs.search.placeholder', 'Search…');\n    const resolvedPlaceholder = placeholder ?? defaultPlaceholder;\n\n    if (variant === 'expandable' && !expanded) {\n      return (\n        <div data-component=\"search-input\" className={expandableWrapperVariants({ className })}>\n          <button\n            type=\"button\"\n            aria-label={resolvedPlaceholder}\n            aria-expanded={false}\n            aria-controls={inputId}\n            disabled={effectiveDisabled}\n            onClick={() => {\n              pendingFocusRef.current = true;\n              setExpanded(true);\n            }}\n            className={expandButtonVariants()}\n          >\n            <Search aria-hidden=\"true\" className=\"ds:size-4\" />\n          </button>\n        </div>\n      );\n    }\n\n    const comboboxAria =\n      role === 'combobox'\n        ? {\n            role: 'combobox' as const,\n            'aria-expanded': ariaProps['aria-expanded'],\n            'aria-controls': ariaProps['aria-controls'],\n            'aria-activedescendant': ariaProps['aria-activedescendant'],\n          }\n        : undefined;\n\n    const showClear = hasValue && !isLoading && !effectiveDisabled;\n    const endSlot = isLoading ? (\n      <Spinner size=\"sm\" label={loadingLabel} />\n    ) : showClear ? (\n      <span className=\"ds:inline-block ds:size-4\" aria-hidden=\"true\" />\n    ) : undefined;\n\n    return (\n      <div data-component=\"search-input\" className={rootVariants({ className })}>\n        <TextInput\n          ref={setRefs}\n          id={inputId}\n          type=\"search\"\n          size={size}\n          value={rawValue}\n          disabled={effectiveDisabled}\n          placeholder={resolvedPlaceholder}\n          name={name}\n          form={form}\n          autoComplete={autoComplete}\n          autoFocus={autoFocus}\n          startAdornment={<Search />}\n          endAdornment={endSlot}\n          clearable={false}\n          onChange={handleChange}\n          onInput={handleNativeInput}\n          onKeyDown={handleKeyDown}\n          onBlur={handleBlur}\n          aria-label={ariaProps['aria-label']}\n          aria-busy={isLoading || undefined}\n          {...comboboxAria}\n        />\n        {showClear ? (\n          <button\n            type=\"button\"\n            aria-label={clearLabel}\n            onClick={handleClear}\n            className={clearButtonVariants()}\n          >\n            <X aria-hidden=\"true\" className=\"ds:size-4\" />\n          </button>\n        ) : null}\n        <span\n          role=\"status\"\n          aria-live=\"polite\"\n          aria-atomic=\"true\"\n          className=\"ds:sr-only\"\n        >\n          {isLoading ? loadingLabel : ''}\n        </span>\n      </div>\n    );\n  },\n);\n\nSearchInput.displayName = 'SearchInput';\n"],"names":["rootVariants","cva","clearButtonVariants","expandButtonVariants","expandableWrapperVariants","isEditableElement","el","tag","SearchInput","forwardRef","value","defaultValue","onChange","onInput","debounceMs","isLoading","variant","size","globalShortcut","placeholder","disabled","className","name","id","form","autoComplete","autoFocus","role","ariaProps","ref","t","useTranslation","ctx","useFormField","inputId","effectiveDisabled","isControlled","internalValue","setInternalValue","useState","rawValue","hasValue","innerRef","useRef","setRefs","useCallback","node","expanded","setExpanded","pendingFocusRef","useLayoutEffect","debouncedOnChange","useDebouncedCallback","next","fireImmediate","commitValue","handleChange","event","handleNativeInput","handleKeyDown","_a","handleClear","handleBlur","focusInput","useEffect","onKeyDown","clearLabel","loadingLabel","defaultPlaceholder","resolvedPlaceholder","jsx","Search","comboboxAria","showClear","endSlot","Spinner","jsxs","TextInput","X"],"mappings":"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"}

package/dist/_chunks/{select-DdAOtomN.js → select-IY_JQa-F.js}

@@ -1,6 +1,6 @@
 import { jsx as e, jsxs as m } from "react/jsx-runtime";
 import { forwardRef as a, useContext as ne, useState as ie, useRef as le } from "react";
-import * as o from "@radix-ui/react-select";
+import * as d from "@radix-ui/react-select";
 import { c as y } from "./index-D2ZczOXr.js";
 import { useTranslation as ce } from "react-i18next";
 import { u as ue, F as me } from "./form-field-context-94LwgYTQ.js";
@@ -72,78 +72,78 @@ const k = y(
     }
   }
 ), xe = [
-  "ps-8 pe-3 py-1.5",
-  "type-eyebrow text-muted-foreground",
-  "sticky top-0 bg-background"
+  "ds:ps-8 ds:pe-3 ds:py-1.5",
+  "type-eyebrow ds:text-muted-foreground",
+  "ds:sticky ds:top-0 ds:bg-background"
 ].join(" "), ye = {
-  sm: "size-3.5",
-  md: "size-4",
-  lg: "size-5"
+  sm: "ds:size-3.5",
+  md: "ds:size-4",
+  lg: "ds:size-5"
 }, Ne = {
-  sm: "start-2",
-  md: "start-2",
-  lg: "start-3"
+  sm: "ds:start-2",
+  md: "ds:start-2",
+  lg: "ds:start-3"
 };
 function ze(...s) {
   return (t) => {
-    for (const d of s)
-      d && (typeof d == "function" ? d(t) : d.current = t);
+    for (const o of s)
+      o && (typeof o == "function" ? o(t) : o.current = t);
   };
 }
-const D = (s) => /* @__PURE__ */ e(o.Root, { ...s });
+const D = (s) => /* @__PURE__ */ e(d.Root, { ...s });
 D.displayName = "Select.Root";
 const F = a(
-  ({ size: s, tone: t, className: d, children: n, ...i }, l) => /* @__PURE__ */ e(
-    o.Trigger,
+  ({ size: s, tone: t, className: o, children: n, ...i }, l) => /* @__PURE__ */ e(
+    d.Trigger,
     {
       ref: l,
-      className: k({ size: s, tone: t, className: d }),
+      className: k({ size: s, tone: t, className: o }),
       ...i,
       children: n
     }
   )
 );
 F.displayName = "Select.Trigger";
-const G = a((s, t) => /* @__PURE__ */ e(o.Value, { ref: t, ...s }));
+const G = a((s, t) => /* @__PURE__ */ e(d.Value, { ref: t, ...s }));
 G.displayName = "Select.Value";
 const N = a(
   ({
     className: s,
     children: t,
-    position: d = "popper",
+    position: o = "popper",
     sideOffset: n = 4,
     container: i,
     ...l
-  }, f) => /* @__PURE__ */ e(o.Portal, { container: i ?? void 0, children: /* @__PURE__ */ m(
-    o.Content,
+  }, f) => /* @__PURE__ */ e(d.Portal, { container: i ?? void 0, children: /* @__PURE__ */ m(
+    d.Content,
     {
       ref: f,
-      position: d,
+      position: o,
       sideOffset: n,
       className: ve({ className: s }),
       ...l,
       children: [
-        /* @__PURE__ */ e(o.ScrollUpButton, { className: "ds:flex ds:items-center ds:justify-center ds:h-6 ds:bg-background ds:cursor-default", children: /* @__PURE__ */ e(ge, { "aria-hidden": "true", className: "ds:size-4" }) }),
+        /* @__PURE__ */ e(d.ScrollUpButton, { className: "ds:flex ds:items-center ds:justify-center ds:h-6 ds:bg-background ds:cursor-default", children: /* @__PURE__ */ e(ge, { "aria-hidden": "true", className: "ds:size-4" }) }),
         t,
-        /* @__PURE__ */ e(o.ScrollDownButton, { className: "ds:flex ds:items-center ds:justify-center ds:h-6 ds:bg-background ds:cursor-default", children: /* @__PURE__ */ e(R, { "aria-hidden": "true", className: "ds:size-4" }) })
+        /* @__PURE__ */ e(d.ScrollDownButton, { className: "ds:flex ds:items-center ds:justify-center ds:h-6 ds:bg-background ds:cursor-default", children: /* @__PURE__ */ e(R, { "aria-hidden": "true", className: "ds:size-4" }) })
       ]
     }
   ) })
 );
 N.displayName = "Select.Content";
-const z = a(({ className: s, ...t }, d) => /* @__PURE__ */ e(
-  o.Viewport,
+const z = a(({ className: s, ...t }, o) => /* @__PURE__ */ e(
+  d.Viewport,
   {
-    ref: d,
+    ref: o,
     className: ["ds:p-1", s].filter(Boolean).join(" "),
     ...t
   }
 ));
 z.displayName = "Select.Viewport";
-const C = a(({ size: s = "md", className: t, children: d, ...n }, i) => {
+const C = a(({ size: s = "md", className: t, children: o, ...n }, i) => {
   const l = Ne[s ?? "md"], f = ye[s ?? "md"];
   return /* @__PURE__ */ m(
-    o.Item,
+    d.Item,
     {
       ref: i,
       className: Se({ size: s, className: t }),
@@ -154,32 +154,32 @@ const C = a(({ size: s = "md", className: t, children: d, ...n }, i) => {
           {
             className: `ds:absolute ${l} ds:inline-flex ds:items-center ds:justify-center`,
             "aria-hidden": "true",
-            children: /* @__PURE__ */ e(o.ItemIndicator, { children: /* @__PURE__ */ e(he, { className: f }) })
+            children: /* @__PURE__ */ e(d.ItemIndicator, { children: /* @__PURE__ */ e(he, { className: f }) })
           }
         ),
-        /* @__PURE__ */ e(o.ItemText, { children: d })
+        /* @__PURE__ */ e(d.ItemText, { children: o })
       ]
     }
   );
 });
 C.displayName = "Select.Item";
-const P = a((s, t) => /* @__PURE__ */ e(o.ItemText, { ref: t, ...s }));
+const P = a((s, t) => /* @__PURE__ */ e(d.ItemText, { ref: t, ...s }));
 P.displayName = "Select.ItemText";
-const L = a((s, t) => /* @__PURE__ */ e(o.Group, { ref: t, ...s }));
+const L = a((s, t) => /* @__PURE__ */ e(d.Group, { ref: t, ...s }));
 L.displayName = "Select.Group";
-const w = a(({ className: s, ...t }, d) => /* @__PURE__ */ e(
-  o.Label,
+const w = a(({ className: s, ...t }, o) => /* @__PURE__ */ e(
+  d.Label,
   {
-    ref: d,
+    ref: o,
     className: [xe, s].filter(Boolean).join(" "),
     ...t
   }
 ));
 w.displayName = "Select.Label";
-const q = a(({ className: s, ...t }, d) => /* @__PURE__ */ e(
-  o.Separator,
+const q = a(({ className: s, ...t }, o) => /* @__PURE__ */ e(
+  d.Separator,
   {
-    ref: d,
+    ref: o,
     className: ["ds:my-1 ds:h-px ds:bg-border", s].filter(Boolean).join(" "),
     ...t
   }
@@ -187,7 +187,7 @@ const q = a(({ className: s, ...t }, d) => /* @__PURE__ */ e(
 q.displayName = "Select.Separator";
 const O = a(function({
   options: t,
-  value: d,
+  value: o,
   defaultValue: n,
   onValueChange: i,
   placeholder: l,
@@ -202,15 +202,15 @@ const O = a(function({
   "aria-label": A
 }, H) {
   const { t: b } = ce(), c = ue(), p = ne(me) !== null, [J, j] = ie(
-    d ?? n ?? ""
-  ), v = d !== void 0, S = v ? d : J, M = K ?? (p ? c.id : void 0), V = (p ? c.disabled : !1) || !!$, Q = (p ? c.required : !1) || !!U, T = p ? c.invalid : !1, Y = T ? "error" : W, Z = p && c.describedBy ? c.describedBy : void 0, x = le(null), _ = ze(H, x), ee = pe(x), u = i, se = (r) => {
+    o ?? n ?? ""
+  ), v = o !== void 0, S = v ? o : J, M = K ?? (p ? c.id : void 0), V = (p ? c.disabled : !1) || !!$, Q = (p ? c.required : !1) || !!U, T = p ? c.invalid : !1, Y = T ? "error" : W, Z = p && c.describedBy ? c.describedBy : void 0, x = le(null), _ = ze(H, x), ee = pe(x), u = i, se = (r) => {
     v || j(r), u == null || u(r);
   }, te = (r) => {
     var g;
     r.preventDefault(), r.stopPropagation(), v || j(""), u == null || u(""), (g = x.current) == null || g.focus();
-  }, oe = l ?? b("ui.inputs.select.placeholder", "Select…"), de = f && !!S && !V, re = fe(t);
+  }, de = l ?? b("ui.inputs.select.placeholder", "Select…"), oe = f && !!S && !V, re = fe(t);
   return /* @__PURE__ */ m(
-    o.Root,
+    d.Root,
     {
       value: S === "" ? void 0 : S,
       onValueChange: se,
@@ -220,7 +220,7 @@ const O = a(function({
       dir: ee,
       children: [
         /* @__PURE__ */ m(
-          o.Trigger,
+          d.Trigger,
           {
             ref: _,
             id: M,
@@ -234,9 +234,9 @@ const O = a(function({
               className: X
             }),
             children: [
-              /* @__PURE__ */ e(o.Value, { placeholder: oe }),
+              /* @__PURE__ */ e(d.Value, { placeholder: de }),
               /* @__PURE__ */ m("span", { className: "ds:ms-auto ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]", children: [
-                de ? /* @__PURE__ */ e(
+                oe ? /* @__PURE__ */ e(
                   "button",
                   {
                     type: "button",
@@ -257,7 +257,7 @@ const O = a(function({
                     children: /* @__PURE__ */ e(be, { "aria-hidden": "true", className: "ds:size-3.5" })
                   }
                 ) : null,
-                /* @__PURE__ */ e(o.Icon, { asChild: !0, children: /* @__PURE__ */ e(
+                /* @__PURE__ */ e(d.Icon, { asChild: !0, children: /* @__PURE__ */ e(
                   R,
                   {
                     "aria-hidden": "true",
@@ -283,10 +283,10 @@ const O = a(function({
             },
             h.value
           ));
-          return r ? /* @__PURE__ */ m(o.Group, { children: [
+          return r ? /* @__PURE__ */ m(d.Group, { children: [
             /* @__PURE__ */ e(w, { children: r }),
             B
-          ] }, `group-${r}`) : /* @__PURE__ */ e(o.Group, { children: B }, `group-${ae}`);
+          ] }, `group-${r}`) : /* @__PURE__ */ e(d.Group, { children: B }, `group-${ae}`);
         }) }) })
       ]
     }
@@ -318,4 +318,4 @@ export {
   G as i,
   z as j
 };
-//# sourceMappingURL=select-DdAOtomN.js.map
+//# sourceMappingURL=select-IY_JQa-F.js.map

package/dist/_chunks/select-IY_JQa-F.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-IY_JQa-F.js","sources":["../../src/components/select/select.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useContext,\n  useRef,\n  useState,\n  type ComponentPropsWithoutRef,\n  type ElementRef,\n  type MutableRefObject,\n  type ReactElement,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport * as RadixSelect from '@radix-ui/react-select';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Check, ChevronDown, ChevronUp, X } from 'lucide-react';\nimport {\n  FormFieldContext,\n  useFormField,\n} from '../form-field/form-field-context';\nimport type { OptionShape } from '../_shared/option';\nimport { groupOptions } from '../_shared/group-options';\nimport { useDirection } from '../_shared/use-direction';\n\nconst selectTriggerVariants = cva(\n  [\n    'ds:group ds:inline-flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)] ds:w-full',\n    'ds:rounded-[var(--radius-sm)] ds:border ds:border-border ds:bg-background',\n    'ds:text-foreground ds:placeholder:text-muted-foreground',\n    'ds:data-[placeholder]:text-muted-foreground',\n    'ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n    'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n    'ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n    'ds:forced-colors:focus-visible:outline-[CanvasText]',\n    'ds:disabled:cursor-not-allowed ds:disabled:opacity-50',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:h-8 ds:ps-3 ds:pe-3 ds:text-[length:var(--font-size-sm)]',\n        md: 'ds:h-[var(--min-target-size)] ds:ps-3 ds:pe-3 ds:text-[length:var(--font-size-base)]',\n        lg: 'ds:h-12 ds:ps-4 ds:pe-4 ds:text-[length:var(--font-size-lg)]',\n      },\n      tone: {\n        default: '',\n        error: 'ds:border-destructive ds:focus-visible:outline-destructive',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n      tone: 'default',\n    },\n  },\n);\n\nconst selectContentVariants = cva(\n  [\n    'ds:z-[var(--z-dropdown)] ds:overflow-hidden',\n    'ds:rounded-[var(--radius-md)] ds:border ds:border-border ds:bg-background ds:text-foreground',\n    'ds:shadow-[var(--shadow-lg)]',\n    'ds:animate-in ds:fade-in ds:zoom-in-95',\n    'ds:data-[state=closed]:animate-out ds:data-[state=closed]:fade-out',\n    'ds:data-[state=closed]:zoom-out-95',\n    'ds:data-[side=bottom]:slide-in-from-top-2',\n    'ds:data-[side=top]:slide-in-from-bottom-2',\n    'ds:motion-reduce:animate-none',\n  ].join(' '),\n);\n\nconst selectItemVariants = cva(\n  [\n    'ds:relative ds:flex ds:cursor-pointer ds:items-center',\n    'ds:rounded-[var(--radius-sm)]',\n    'ds:text-foreground ds:outline-none ds:select-none',\n    'ds:data-[highlighted]:bg-muted ds:data-[highlighted]:text-foreground',\n    'ds:data-[disabled]:pointer-events-none ds:data-[disabled]:opacity-50',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:min-h-8 ds:ps-8 ds:pe-3 ds:text-[length:var(--font-size-sm)]',\n        md: 'ds:min-h-[var(--min-target-size)] ds:ps-8 ds:pe-3 ds:text-[length:var(--font-size-base)]',\n        lg: 'ds:min-h-12 ds:ps-10 ds:pe-4 ds:text-[length:var(--font-size-lg)]',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  },\n);\n\nconst selectLabelClasses = [\n  'ds:ps-8 ds:pe-3 ds:py-1.5',\n  'type-eyebrow ds:text-muted-foreground',\n  'ds:sticky ds:top-0 ds:bg-background',\n].join(' ');\n\nconst iconSizeByItemSize = {\n  sm: 'ds:size-3.5',\n  md: 'ds:size-4',\n  lg: 'ds:size-5',\n} as const;\n\nconst itemIndicatorStartByItemSize = {\n  sm: 'ds:start-2',\n  md: 'ds:start-2',\n  lg: 'ds:start-3',\n} as const;\n\nfunction composeRefs<T>(\n  ...refs: Array<Ref<T> | undefined | null>\n): (node: T | null) => void {\n  return (node: T | null) => {\n    for (const r of refs) {\n      if (!r) continue;\n      if (typeof r === 'function') {\n        r(node);\n      } else {\n        (r as MutableRefObject<T | null>).current = node;\n      }\n    }\n  };\n}\n\n// ---------------------------------------------------------------------------\n// Compound sub-components — thin `forwardRef` wrappers over Radix parts.\n// ---------------------------------------------------------------------------\n\ntype SelectRootProps = ComponentPropsWithoutRef<typeof RadixSelect.Root>;\n\nconst SelectRoot = (props: SelectRootProps) => <RadixSelect.Root {...props} />;\nSelectRoot.displayName = 'Select.Root';\n\ntype SelectTriggerElement = ElementRef<typeof RadixSelect.Trigger>;\ntype SelectTriggerProps = ComponentPropsWithoutRef<typeof RadixSelect.Trigger> &\n  VariantProps<typeof selectTriggerVariants>;\n\nconst SelectTrigger = forwardRef<SelectTriggerElement, SelectTriggerProps>(\n  ({ size, tone, className, children, ...props }, ref) => (\n    <RadixSelect.Trigger\n      ref={ref}\n      className={selectTriggerVariants({ size, tone, className })}\n      {...props}\n    >\n      {children}\n    </RadixSelect.Trigger>\n  ),\n);\nSelectTrigger.displayName = 'Select.Trigger';\n\ntype SelectValueProps = ComponentPropsWithoutRef<typeof RadixSelect.Value>;\n\nconst SelectValue = forwardRef<\n  ElementRef<typeof RadixSelect.Value>,\n  SelectValueProps\n>((props, ref) => <RadixSelect.Value ref={ref} {...props} />);\nSelectValue.displayName = 'Select.Value';\n\ntype SelectContentProps = ComponentPropsWithoutRef<\n  typeof RadixSelect.Content\n> & {\n  container?: HTMLElement | null;\n};\n\nconst SelectContent = forwardRef<\n  ElementRef<typeof RadixSelect.Content>,\n  SelectContentProps\n>(\n  (\n    {\n      className,\n      children,\n      position = 'popper',\n      sideOffset = 4,\n      container,\n      ...props\n    },\n    ref,\n  ) => (\n    <RadixSelect.Portal container={container ?? undefined}>\n      <RadixSelect.Content\n        ref={ref}\n        position={position}\n        sideOffset={sideOffset}\n        className={selectContentVariants({ className })}\n        {...props}\n      >\n        <RadixSelect.ScrollUpButton className=\"ds:flex ds:items-center ds:justify-center ds:h-6 ds:bg-background ds:cursor-default\">\n          <ChevronUp aria-hidden=\"true\" className=\"ds:size-4\" />\n        </RadixSelect.ScrollUpButton>\n        {children}\n        <RadixSelect.ScrollDownButton className=\"ds:flex ds:items-center ds:justify-center ds:h-6 ds:bg-background ds:cursor-default\">\n          <ChevronDown aria-hidden=\"true\" className=\"ds:size-4\" />\n        </RadixSelect.ScrollDownButton>\n      </RadixSelect.Content>\n    </RadixSelect.Portal>\n  ),\n);\nSelectContent.displayName = 'Select.Content';\n\ntype SelectViewportProps = ComponentPropsWithoutRef<\n  typeof RadixSelect.Viewport\n>;\n\nconst SelectViewport = forwardRef<\n  ElementRef<typeof RadixSelect.Viewport>,\n  SelectViewportProps\n>(({ className, ...props }, ref) => (\n  <RadixSelect.Viewport\n    ref={ref}\n    className={['ds:p-1', className].filter(Boolean).join(' ')}\n    {...props}\n  />\n));\nSelectViewport.displayName = 'Select.Viewport';\n\ntype SelectItemProps = ComponentPropsWithoutRef<typeof RadixSelect.Item> &\n  VariantProps<typeof selectItemVariants>;\n\nconst SelectItem = forwardRef<\n  ElementRef<typeof RadixSelect.Item>,\n  SelectItemProps\n>(({ size = 'md', className, children, ...props }, ref) => {\n  const indicatorStart = itemIndicatorStartByItemSize[size ?? 'md'];\n  const iconSize = iconSizeByItemSize[size ?? 'md'];\n  return (\n    <RadixSelect.Item\n      ref={ref}\n      className={selectItemVariants({ size, className })}\n      {...props}\n    >\n      <span\n        className={`ds:absolute ${indicatorStart} ds:inline-flex ds:items-center ds:justify-center`}\n        aria-hidden=\"true\"\n      >\n        <RadixSelect.ItemIndicator>\n          <Check className={iconSize} />\n        </RadixSelect.ItemIndicator>\n      </span>\n      <RadixSelect.ItemText>{children}</RadixSelect.ItemText>\n    </RadixSelect.Item>\n  );\n});\nSelectItem.displayName = 'Select.Item';\n\ntype SelectItemTextProps = ComponentPropsWithoutRef<\n  typeof RadixSelect.ItemText\n>;\n\nconst SelectItemText = forwardRef<\n  ElementRef<typeof RadixSelect.ItemText>,\n  SelectItemTextProps\n>((props, ref) => <RadixSelect.ItemText ref={ref} {...props} />);\nSelectItemText.displayName = 'Select.ItemText';\n\ntype SelectGroupProps = ComponentPropsWithoutRef<typeof RadixSelect.Group>;\n\nconst SelectGroup = forwardRef<\n  ElementRef<typeof RadixSelect.Group>,\n  SelectGroupProps\n>((props, ref) => <RadixSelect.Group ref={ref} {...props} />);\nSelectGroup.displayName = 'Select.Group';\n\ntype SelectLabelProps = ComponentPropsWithoutRef<typeof RadixSelect.Label>;\n\nconst SelectLabel = forwardRef<\n  ElementRef<typeof RadixSelect.Label>,\n  SelectLabelProps\n>(({ className, ...props }, ref) => (\n  <RadixSelect.Label\n    ref={ref}\n    className={[selectLabelClasses, className].filter(Boolean).join(' ')}\n    {...props}\n  />\n));\nSelectLabel.displayName = 'Select.Label';\n\ntype SelectSeparatorProps = ComponentPropsWithoutRef<\n  typeof RadixSelect.Separator\n>;\n\nconst SelectSeparator = forwardRef<\n  ElementRef<typeof RadixSelect.Separator>,\n  SelectSeparatorProps\n>(({ className, ...props }, ref) => (\n  <RadixSelect.Separator\n    ref={ref}\n    className={['ds:my-1 ds:h-px ds:bg-border', className].filter(Boolean).join(' ')}\n    {...props}\n  />\n));\nSelectSeparator.displayName = 'Select.Separator';\n\n// ---------------------------------------------------------------------------\n// Convenience form — `<Select options={[{value, label, group?}]} />`.\n// ---------------------------------------------------------------------------\n\nexport type SelectOption<T extends string = string> = OptionShape<T>;\n\nexport interface SelectProps<T extends string = string> {\n  options: SelectOption<T>[];\n  value?: T | '';\n  defaultValue?: T;\n  onValueChange?: (value: T | '') => void;\n  placeholder?: string;\n  clearable?: boolean;\n  disabled?: boolean;\n  required?: boolean;\n  name?: string;\n  id?: string;\n  size?: 'sm' | 'md' | 'lg';\n  tone?: 'default' | 'error';\n  'aria-label'?: string;\n  className?: string;\n}\n\nconst SelectImpl = forwardRef<HTMLButtonElement, SelectProps>(function Select(\n  {\n    options,\n    value,\n    defaultValue,\n    onValueChange,\n    placeholder,\n    clearable = false,\n    disabled,\n    required,\n    name,\n    id,\n    size = 'md',\n    tone = 'default',\n    className,\n    'aria-label': ariaLabel,\n  },\n  ref,\n) {\n  const { t } = useTranslation();\n  const ctx = useFormField();\n  const inFormField = useContext(FormFieldContext) !== null;\n\n  const [internalValue, setInternalValue] = useState<string>(\n    value ?? defaultValue ?? '',\n  );\n  const isControlled = value !== undefined;\n  const currentValue = isControlled ? value : internalValue;\n\n  const triggerId = id ?? (inFormField ? ctx.id : undefined);\n  const effectiveDisabled = (inFormField ? ctx.disabled : false) || Boolean(disabled);\n  const effectiveRequired = (inFormField ? ctx.required : false) || Boolean(required);\n  const effectiveInvalid = inFormField ? ctx.invalid : false;\n  const effectiveTone = effectiveInvalid ? 'error' : tone;\n  const describedBy = inFormField && ctx.describedBy ? ctx.describedBy : undefined;\n\n  const triggerRef = useRef<HTMLButtonElement>(null);\n  const composedTriggerRef = composeRefs(ref, triggerRef);\n  const dir = useDirection(triggerRef);\n\n  const emitValue = onValueChange as\n    | ((value: string) => void)\n    | undefined;\n\n  const handleValueChange = (next: string) => {\n    if (!isControlled) setInternalValue(next);\n    emitValue?.(next);\n  };\n\n  const handleClear: React.MouseEventHandler<HTMLButtonElement> = (event) => {\n    event.preventDefault();\n    event.stopPropagation();\n    if (!isControlled) setInternalValue('');\n    emitValue?.('');\n    triggerRef.current?.focus();\n  };\n\n  const resolvedPlaceholder =\n    placeholder ?? t('ui.inputs.select.placeholder', 'Select…');\n\n  const showClear = clearable && !!currentValue && !effectiveDisabled;\n\n  const groups = groupOptions(options);\n\n  return (\n    <RadixSelect.Root\n      value={currentValue === '' ? undefined : currentValue}\n      onValueChange={handleValueChange}\n      disabled={effectiveDisabled}\n      required={effectiveRequired}\n      name={name}\n      dir={dir}\n    >\n      <RadixSelect.Trigger\n        ref={composedTriggerRef}\n        id={triggerId}\n        aria-label={ariaLabel}\n        aria-describedby={describedBy}\n        aria-invalid={effectiveInvalid || undefined}\n        data-component=\"select\"\n        className={selectTriggerVariants({\n          size,\n          tone: effectiveTone,\n          className,\n        })}\n      >\n        <RadixSelect.Value placeholder={resolvedPlaceholder} />\n        <span className=\"ds:ms-auto ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]\">\n          {showClear ? (\n            <button\n              type=\"button\"\n              aria-label={t('ui.inputs.select.clear', 'Clear selection')}\n              onClick={handleClear}\n              onPointerDown={(event) => event.stopPropagation()}\n              onKeyDown={(event) => {\n                if (event.key === 'Enter' || event.key === ' ') {\n                  event.stopPropagation();\n                }\n              }}\n              className={[\n                'ds:inline-flex ds:items-center ds:justify-center ds:rounded-[var(--radius-sm)]',\n                'ds:text-muted-foreground ds:hover:text-foreground',\n                'ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n                'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n                'ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n                'ds:size-4',\n              ].join(' ')}\n            >\n              <X aria-hidden=\"true\" className=\"ds:size-3.5\" />\n            </button>\n          ) : null}\n          <RadixSelect.Icon asChild>\n            <ChevronDown\n              aria-hidden=\"true\"\n              className={[\n                'ds:size-4 ds:shrink-0 ds:text-muted-foreground',\n                'ds:transition-transform ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n                'ds:group-data-[state=open]:rotate-180',\n              ].join(' ')}\n            />\n          </RadixSelect.Icon>\n        </span>\n      </RadixSelect.Trigger>\n      <SelectContent>\n        <SelectViewport>\n          {options.length === 0 ? (\n            <div className=\"ds:ps-8 ds:pe-3 ds:py-2 type-body-sm ds:text-muted-foreground\">\n              {t('ui.inputs.select.noOptions', 'No options')}\n            </div>\n          ) : (\n            groups.map(({ group, items }, groupIndex) => {\n              const body = items.map((option) => (\n                <SelectItem\n                  key={option.value}\n                  value={option.value}\n                  disabled={option.disabled}\n                  size={size}\n                >\n                  {option.label}\n                </SelectItem>\n              ));\n              if (!group) {\n                return (\n                  <RadixSelect.Group key={`group-${groupIndex}`}>\n                    {body}\n                  </RadixSelect.Group>\n                );\n              }\n              return (\n                <RadixSelect.Group key={`group-${group}`}>\n                  <SelectLabel>{group}</SelectLabel>\n                  {body}\n                </RadixSelect.Group>\n              );\n            })\n          )}\n        </SelectViewport>\n      </SelectContent>\n    </RadixSelect.Root>\n  );\n});\nSelectImpl.displayName = 'Select';\n\ninterface SelectComponent {\n  <T extends string = string>(\n    props: SelectProps<T> & { ref?: Ref<HTMLButtonElement> },\n  ): ReactElement | null;\n  displayName?: string;\n  Root: typeof SelectRoot;\n  Trigger: typeof SelectTrigger;\n  Value: typeof SelectValue;\n  Content: typeof SelectContent;\n  Viewport: typeof SelectViewport;\n  Item: typeof SelectItem;\n  ItemText: typeof SelectItemText;\n  Group: typeof SelectGroup;\n  Label: typeof SelectLabel;\n  Separator: typeof SelectSeparator;\n}\n\nconst SelectWithStatics = Object.assign(SelectImpl, {\n  Root: SelectRoot,\n  Trigger: SelectTrigger,\n  Value: SelectValue,\n  Content: SelectContent,\n  Viewport: SelectViewport,\n  Item: SelectItem,\n  ItemText: SelectItemText,\n  Group: SelectGroup,\n  Label: SelectLabel,\n  Separator: SelectSeparator,\n}) as unknown as SelectComponent;\n\nexport const Select = SelectWithStatics;\n\nexport {\n  SelectRoot,\n  SelectTrigger,\n  SelectValue,\n  SelectContent,\n  SelectViewport,\n  SelectItem,\n  SelectItemText,\n  SelectGroup,\n  SelectLabel,\n  SelectSeparator,\n};\n\nexport {\n  selectTriggerVariants,\n  selectContentVariants,\n  selectItemVariants,\n};\n\nexport type {\n  SelectTriggerProps,\n  SelectContentProps,\n  SelectItemProps,\n  SelectLabelProps,\n  SelectRootProps,\n};\n\nexport type { ReactNode };\n"],"names":["selectTriggerVariants","cva","selectContentVariants","selectItemVariants","selectLabelClasses","iconSizeByItemSize","itemIndicatorStartByItemSize","composeRefs","refs","node","r","SelectRoot","props","jsx","RadixSelect","SelectTrigger","forwardRef","size","tone","className","children","ref","SelectValue","SelectContent","position","sideOffset","container","jsxs","ChevronUp","ChevronDown","SelectViewport","SelectItem","indicatorStart","iconSize","Check","SelectItemText","SelectGroup","SelectLabel","SelectSeparator","SelectImpl","options","value","defaultValue","onValueChange","placeholder","clearable","disabled","required","name","id","ariaLabel","t","useTranslation","ctx","useFormField","inFormField","useContext","FormFieldContext","internalValue","setInternalValue","useState","isControlled","currentValue","triggerId","effectiveDisabled","effectiveRequired","effectiveInvalid","effectiveTone","describedBy","triggerRef","useRef","composedTriggerRef","dir","useDirection","emitValue","handleValueChange","next","handleClear","event","_a","resolvedPlaceholder","showClear","groups","groupOptions","X","group","items","groupIndex","body","option","SelectWithStatics","Select"],"mappings":"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"}

package/dist/_chunks/{sheet-D7GRhnWw.js → sheet-BhNpLHc9.js}

@@ -3,15 +3,15 @@ import { forwardRef as d } from "react";
 import * as a from "@radix-ui/react-dialog";
 import { c as x } from "./index-D2ZczOXr.js";
 import { useTranslation as y } from "react-i18next";
-import { I as S } from "./icon-button-CNjWCD1X.js";
+import { I as S } from "./icon-button-Wnnde5lc.js";
 import { X as j } from "./x-CCcI3eJp.js";
 const z = [
-  "fixed inset-0 z-[var(--z-modal-backdrop)]",
-  "bg-[var(--background)]/[var(--opacity-70)]",
-  "backdrop-blur-sm",
-  "data-[state=open]:animate-in data-[state=open]:fade-in-0",
-  "data-[state=closed]:animate-out data-[state=closed]:fade-out-0",
-  "duration-[var(--animation-duration)] motion-reduce:transition-none"
+  "ds:fixed ds:inset-0 ds:z-[var(--z-modal-backdrop)]",
+  "ds:bg-[var(--background)]/[var(--opacity-70)]",
+  "ds:backdrop-blur-sm",
+  "ds:data-[state=open]:animate-in ds:data-[state=open]:fade-in-0",
+  "ds:data-[state=closed]:animate-out ds:data-[state=closed]:fade-out-0",
+  "ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none"
 ].join(" "), N = x(
   [
     "ds:fixed ds:z-[var(--z-modal)] ds:flex ds:flex-col",
@@ -186,4 +186,4 @@ const F = Object.assign(n, {
 export {
   F as S
 };
-//# sourceMappingURL=sheet-D7GRhnWw.js.map
+//# sourceMappingURL=sheet-BhNpLHc9.js.map

package/dist/_chunks/sheet-BhNpLHc9.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sheet-BhNpLHc9.js","sources":["../../src/components/sheet/sheet.tsx"],"sourcesContent":["import {\n  forwardRef,\n  type ComponentPropsWithoutRef,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react';\nimport * as RadixDialog from '@radix-ui/react-dialog';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { X } from 'lucide-react';\nimport { IconButton } from '../button/icon-button';\n\nconst OVERLAY_CLASSES = [\n  'ds:fixed ds:inset-0 ds:z-[var(--z-modal-backdrop)]',\n  'ds:bg-[var(--background)]/[var(--opacity-70)]',\n  'ds:backdrop-blur-sm',\n  'ds:data-[state=open]:animate-in ds:data-[state=open]:fade-in-0',\n  'ds:data-[state=closed]:animate-out ds:data-[state=closed]:fade-out-0',\n  'ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n].join(' ');\n\nconst contentVariants = cva(\n  [\n    'ds:fixed ds:z-[var(--z-modal)] ds:flex ds:flex-col',\n    'ds:bg-[var(--popover)] ds:text-[var(--popover-foreground)]',\n    'ds:shadow-[var(--shadow-xl)]',\n    'ds:focus-visible:outline-none',\n    'ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n  ].join(' '),\n  {\n    variants: {\n      side: {\n        start: [\n          'ds:start-0 ds:inset-y-0',\n          'ds:border-e ds:border-[color:var(--border)]',\n          'ds:data-[state=open]:animate-in ds:ltr:data-[state=open]:slide-in-from-left-full ds:rtl:data-[state=open]:slide-in-from-right-full',\n          'ds:data-[state=closed]:animate-out ds:ltr:data-[state=closed]:slide-out-to-left-full ds:rtl:data-[state=closed]:slide-out-to-right-full',\n          'ds:max-sm:[inline-size:100dvw] ds:max-sm:[block-size:100dvh]',\n        ].join(' '),\n        end: [\n          'ds:end-0 ds:inset-y-0',\n          'ds:border-s ds:border-[color:var(--border)]',\n          'ds:data-[state=open]:animate-in ds:ltr:data-[state=open]:slide-in-from-right-full ds:rtl:data-[state=open]:slide-in-from-left-full',\n          'ds:data-[state=closed]:animate-out ds:ltr:data-[state=closed]:slide-out-to-right-full ds:rtl:data-[state=closed]:slide-out-to-left-full',\n          'ds:max-sm:[inline-size:100dvw] ds:max-sm:[block-size:100dvh]',\n        ].join(' '),\n        top: [\n          'ds:top-0 ds:inset-x-0',\n          'ds:border-b ds:border-[color:var(--border)]',\n          'ds:data-[state=open]:animate-in ds:data-[state=open]:slide-in-from-top-full',\n          'ds:data-[state=closed]:animate-out ds:data-[state=closed]:slide-out-to-top-full',\n        ].join(' '),\n        bottom: [\n          'ds:bottom-0 ds:inset-x-0',\n          'ds:border-t ds:border-[color:var(--border)]',\n          'ds:data-[state=open]:animate-in ds:data-[state=open]:slide-in-from-bottom-full',\n          'ds:data-[state=closed]:animate-out ds:data-[state=closed]:slide-out-to-bottom-full',\n        ].join(' '),\n      },\n    },\n    defaultVariants: { side: 'end' },\n  },\n);\n\nfunction getSizeClass(\n  side: 'start' | 'end' | 'top' | 'bottom',\n  size: 'sm' | 'md' | 'lg',\n): string {\n  if (side === 'start' || side === 'end') {\n    const map = {\n      sm: '[inline-size:360px]',\n      md: '[inline-size:480px]',\n      lg: '[inline-size:640px]',\n    } as const;\n    return map[size];\n  }\n\n  const map = {\n    sm: '[block-size:40dvh]',\n    md: '[block-size:60dvh]',\n    lg: '[block-size:80dvh]',\n  } as const;\n  return map[size];\n}\n\nconst SheetRoot = ({\n  children,\n  ...props\n}: ComponentPropsWithoutRef<typeof RadixDialog.Root>) => (\n  <RadixDialog.Root {...props}>{children}</RadixDialog.Root>\n);\nSheetRoot.displayName = 'Sheet.Root';\n\nconst SheetTrigger = forwardRef<\n  HTMLButtonElement,\n  ComponentPropsWithoutRef<typeof RadixDialog.Trigger>\n>(({ children, ...props }, ref) => (\n  <RadixDialog.Trigger ref={ref} {...props}>\n    {children}\n  </RadixDialog.Trigger>\n));\nSheetTrigger.displayName = 'Sheet.Trigger';\n\nconst SheetClose = forwardRef<\n  HTMLButtonElement,\n  ComponentPropsWithoutRef<typeof RadixDialog.Close>\n>(({ children, ...props }, ref) => (\n  <RadixDialog.Close ref={ref} {...props}>\n    {children}\n  </RadixDialog.Close>\n));\nSheetClose.displayName = 'Sheet.Close';\n\nexport interface SheetContentProps\n  extends Omit<ComponentPropsWithoutRef<typeof RadixDialog.Content>, 'className'>,\n    VariantProps<typeof contentVariants> {\n  side?: 'start' | 'end' | 'top' | 'bottom';\n  size?: 'sm' | 'md' | 'lg';\n  className?: string;\n  children: ReactNode;\n}\n\nconst SheetContent = forwardRef<HTMLDivElement, SheetContentProps>(\n  ({ side = 'end', size = 'md', className, children, ...props }, ref) => (\n    <RadixDialog.Portal>\n      <RadixDialog.Overlay className={OVERLAY_CLASSES} />\n      <RadixDialog.Content\n        ref={ref}\n        className={[contentVariants({ side }), getSizeClass(side, size), className]\n          .filter(Boolean)\n          .join(' ')}\n        data-component=\"sheet\"\n        {...props}\n      >\n        {children}\n      </RadixDialog.Content>\n    </RadixDialog.Portal>\n  ),\n);\nSheetContent.displayName = 'Sheet.Content';\n\nconst SheetHeader = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n  ({ className, children, ...props }, ref) => {\n    const { t } = useTranslation();\n\n    return (\n      <div\n        ref={ref}\n        className={[\n          'ds:sticky ds:top-0 ds:z-10 ds:flex ds:items-center ds:justify-between',\n          'ds:ps-[var(--spacing-lg)] ds:pe-[var(--spacing-lg)] ds:py-[var(--spacing-md)]',\n          'ds:border-b ds:border-[color:var(--border)] ds:bg-[var(--popover)]',\n          className,\n        ]\n          .filter(Boolean)\n          .join(' ')}\n        {...props}\n      >\n        {children}\n        <SheetClose asChild>\n          <IconButton\n            icon={<X />}\n            intent=\"ghost\"\n            size=\"sm\"\n            aria-label={t('ui.common.close', 'Close')}\n          />\n        </SheetClose>\n      </div>\n    );\n  },\n);\nSheetHeader.displayName = 'Sheet.Header';\n\nconst SheetBody = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={[\n        'ds:overflow-y-auto ds:overflow-x-hidden ds:flex-1',\n        'ds:ps-[var(--spacing-lg)] ds:pe-[var(--spacing-lg)] ds:py-[var(--spacing-lg)]',\n        'ds:break-words',\n        className,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      {...props}\n    />\n  ),\n);\nSheetBody.displayName = 'Sheet.Body';\n\nconst SheetFooter = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={[\n        'ds:sticky ds:bottom-0 ds:z-10 ds:flex ds:items-center ds:justify-end ds:gap-[var(--spacing-sm)]',\n        'ds:ps-[var(--spacing-lg)] ds:pe-[var(--spacing-lg)] ds:py-[var(--spacing-md)]',\n        'ds:border-t ds:border-[color:var(--border)] ds:bg-[var(--popover)]',\n        'ds:max-sm:flex-col ds:max-sm:[&>*]:w-full',\n        className,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      {...props}\n    />\n  ),\n);\nSheetFooter.displayName = 'Sheet.Footer';\n\nconst SheetTitle = forwardRef<\n  HTMLHeadingElement,\n  ComponentPropsWithoutRef<typeof RadixDialog.Title>\n>(({ className, ...props }, ref) => (\n  <RadixDialog.Title\n    ref={ref}\n    className={['type-title-card ds:break-words', className]\n      .filter(Boolean)\n      .join(' ')}\n    {...props}\n  />\n));\nSheetTitle.displayName = 'Sheet.Title';\n\nconst SheetDescription = forwardRef<\n  HTMLParagraphElement,\n  ComponentPropsWithoutRef<typeof RadixDialog.Description>\n>(({ className, ...props }, ref) => (\n  <RadixDialog.Description\n    ref={ref}\n    className={['type-body-sm ds:text-[var(--muted-foreground)]', className]\n      .filter(Boolean)\n      .join(' ')}\n    {...props}\n  />\n));\nSheetDescription.displayName = 'Sheet.Description';\n\nexport const Sheet = Object.assign(SheetRoot, {\n  Root: SheetRoot,\n  Trigger: SheetTrigger,\n  Content: SheetContent,\n  Header: SheetHeader,\n  Body: SheetBody,\n  Footer: SheetFooter,\n  Title: SheetTitle,\n  Description: SheetDescription,\n  Close: SheetClose,\n});\n\nexport type SheetHeaderProps = HTMLAttributes<HTMLDivElement>;\nexport type SheetBodyProps = HTMLAttributes<HTMLDivElement>;\nexport type SheetFooterProps = HTMLAttributes<HTMLDivElement>;\n"],"names":["OVERLAY_CLASSES","contentVariants","cva","getSizeClass","side","size","SheetRoot","children","props","RadixDialog","SheetTrigger","forwardRef","ref","jsx","SheetClose","SheetContent","className","jsxs","SheetHeader","t","useTranslation","IconButton","X","SheetBody","SheetFooter","SheetTitle","SheetDescription","Sheet"],"mappings":"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"}