@alfadocs/ui-kit 0.1.6 → 0.1.8

package/dist/_chunks/multi-select.agent-CNsyW3n9.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"multi-select.agent-CNsyW3n9.js","sources":["../../src/components/multi-select/multi-select.tsx","../../src/components/multi-select/multi-select.agent.ts"],"sourcesContent":["import {\n  forwardRef,\n  useContext,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n  type HTMLAttributes,\n  type KeyboardEvent,\n  type MouseEvent,\n  type ReactElement,\n  type Ref,\n} from 'react';\nimport * as Popover from '@radix-ui/react-popover';\nimport { Command } from 'cmdk';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Check, X } from 'lucide-react';\nimport {\n  FormFieldContext,\n  useFormField,\n} from '../form-field/form-field-context';\nimport { Tooltip } from '../tooltip';\nimport type { OptionShape } from '../_shared/option';\nimport { composeRefs } from '../_shared/compose-refs';\nimport { groupOptions } from '../_shared/group-options';\nimport {\n  INPUT_SURFACE_CHROME,\n  INPUT_SURFACE_TEXT,\n} from '../_shared/input-surface';\n\n// MultiSelect uses `min-h-*` (not `h-*`) because the wrapper grows vertically\n// as chips wrap to additional lines. The height floor per size mirrors the\n// other inputs' fixed heights in _shared/input-surface.ts.\nconst multiSelectVariants = cva(\n  [\n    'ds:inline-flex ds:flex-wrap ds:items-center ds:gap-1 ds:w-full',\n    INPUT_SURFACE_CHROME,\n    'ds:aria-[invalid=true]:border-destructive',\n    'ds:aria-disabled:cursor-not-allowed ds:aria-disabled:opacity-50',\n  ],\n  {\n    variants: {\n      size: {\n        sm: `ds:min-h-8 ds:ps-2 ds:pe-2 ds:py-1 ${INPUT_SURFACE_TEXT.sm}`,\n        md: `ds:min-h-[var(--min-target-size)] ds:ps-3 ds:pe-3 ds:py-1.5 ${INPUT_SURFACE_TEXT.md}`,\n        lg: `ds:min-h-12 ds:ps-4 ds:pe-4 ds:py-2 ${INPUT_SURFACE_TEXT.lg}`,\n      },\n    },\n    defaultVariants: { size: 'md' },\n  },\n);\n\nconst chipVariants = cva(\n  [\n    'ds:inline-flex ds:items-center ds:gap-1',\n    'ds:rounded-[var(--radius-sm)] ds:border ds:border-border ds:bg-muted',\n    'ds:text-foreground ds:select-none',\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  ],\n  {\n    variants: {\n      size: {\n        sm: 'ds:ps-2 ds:pe-1 ds:py-0.5 ds:text-[length:var(--font-size-xs)]',\n        md: 'ds:ps-2 ds:pe-1 ds:py-0.5 ds:text-[length:var(--font-size-sm)]',\n        lg: 'ds:ps-3 ds:pe-1.5 ds:py-1 ds:text-[length:var(--font-size-base)]',\n      },\n    },\n    defaultVariants: { size: 'md' },\n  },\n);\n\nconst chipDismissClasses = [\n  'ds:inline-flex ds:items-center ds:justify-center ds:shrink-0',\n  '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  'ds:relative ds:before:absolute ds:before:inset-[calc((var(--min-target-size)-100%)/-2)] ds:before:content-[\"\"]',\n].join(' ');\n\nconst popoverContentClasses = [\n  'ds:z-[var(--z-dropdown)] ds:overflow-hidden',\n  'ds:min-w-[var(--radix-popover-trigger-width)]',\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\nconst commandItemClasses = [\n  'ds:relative ds:flex ds:cursor-pointer ds:items-center',\n  'ds:rounded-[var(--radius-sm)] ds:ps-2 ds:pe-2 ds:py-1.5',\n  'ds:text-[var(--font-size-sm)] ds:text-foreground ds:outline-none ds:select-none',\n  'ds:data-[selected=true]:bg-muted ds:data-[selected=true]:text-foreground',\n  'ds:aria-[disabled=true]:pointer-events-none ds:aria-[disabled=true]:opacity-50',\n  'ds:data-[disabled=true]:pointer-events-none ds:data-[disabled=true]:opacity-50',\n].join(' ');\n\nconst actionItemClasses = [\n  'ds:relative ds:flex ds:cursor-pointer ds:items-center',\n  'ds:rounded-[var(--radius-sm)] ds:ps-2 ds:pe-2 ds:py-1.5',\n  'ds:text-[var(--font-size-sm)] ds:font-medium ds:text-primary ds:outline-none ds:select-none',\n  'ds:data-[selected=true]:bg-muted',\n].join(' ');\n\nconst SELECT_ALL_VALUE = '__ui-multiselect-select-all__';\nconst CLEAR_ALL_VALUE = '__ui-multiselect-clear-all__';\n\ntype HTMLDivAttributes = HTMLAttributes<HTMLDivElement>;\n\nexport interface MultiSelectProps<T extends string = string>\n  extends Omit<HTMLDivAttributes, 'onChange'>,\n    VariantProps<typeof multiSelectVariants> {\n  options: OptionShape<T>[];\n  value?: T[];\n  defaultValue?: T[];\n  onChange?: (next: T[]) => void;\n  onComplete?: (values: T[]) => void;\n  placeholder?: string;\n  maxSelections?: number;\n  allowSelectAll?: boolean;\n  allowClear?: boolean;\n  filter?: (query: string, option: OptionShape<T>) => boolean;\n  size?: 'sm' | 'md' | 'lg';\n  disabled?: boolean;\n}\n\nconst MultiSelectImpl = forwardRef<HTMLDivElement, MultiSelectProps>(\n  function MultiSelect(\n    {\n      options,\n      value,\n      defaultValue,\n      onChange,\n      onComplete,\n      placeholder,\n      maxSelections,\n      allowSelectAll = false,\n      allowClear = false,\n      filter,\n      size = 'md',\n      disabled,\n      className,\n      id,\n      ...divProps\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      defaultValue ?? [],\n    );\n    const isControlled = value !== undefined;\n    const currentValue = isControlled ? value : internalValue;\n\n    const [open, setOpen] = useState(false);\n    const [query, setQuery] = useState('');\n\n    const inputRef = useRef<HTMLInputElement>(null);\n    const chipRefs = useRef<Array<HTMLSpanElement | null>>([]);\n    const triggerRef = useRef<HTMLDivElement>(null);\n    const composedRef = composeRefs<HTMLDivElement>(ref, triggerRef);\n\n    const effectiveDisabled =\n      (inFormField && ctx.disabled) || Boolean(disabled);\n    const effectiveRequired = inFormField && ctx.required;\n    const effectiveInvalid = inFormField && ctx.invalid;\n    const describedBy =\n      inFormField && ctx.describedBy ? ctx.describedBy : undefined;\n    const triggerId = id ?? (inFormField ? ctx.id : undefined);\n\n    const labelByValue = useMemo(() => {\n      const map = new Map<string, string>();\n      for (const option of options) map.set(option.value, option.label);\n      return map;\n    }, [options]);\n\n    const atCap =\n      typeof maxSelections === 'number' && currentValue.length >= maxSelections;\n\n    const commit = (next: string[]): void => {\n      if (!isControlled) setInternalValue(next);\n      onChange?.(next);\n    };\n\n    const toggle = (val: string): void => {\n      if (currentValue.includes(val)) {\n        commit(currentValue.filter((v) => v !== val));\n        return;\n      }\n      if (atCap) return;\n      commit([...currentValue, val]);\n    };\n\n    const removeAt = (index: number): string[] => {\n      const next = currentValue.filter((_, i) => i !== index);\n      commit(next);\n      return next;\n    };\n\n    const handleSelectAll = (): void => {\n      const selectable = options\n        .filter((o) => !o.disabled)\n        .map((o) => o.value);\n      const cap =\n        typeof maxSelections === 'number' ? maxSelections : selectable.length;\n      commit(selectable.slice(0, cap));\n    };\n\n    const handleClearAll = (): void => {\n      commit([]);\n    };\n\n    const resolvedPlaceholder =\n      placeholder ?? t('ui.inputs.multiSelect.placeholder', 'Select…');\n\n    const filteredOptions = useMemo(() => {\n      if (!query) return options;\n      const needle = query.toLowerCase();\n      return options.filter((option) => {\n        if (filter) return filter(query, option);\n        return option.label.toLowerCase().includes(needle);\n      });\n    }, [options, query, filter]);\n\n    const groups = useMemo(\n      () => groupOptions(filteredOptions),\n      [filteredOptions],\n    );\n\n    const handleInputKeyDown = (\n      e: KeyboardEvent<HTMLInputElement>,\n    ): void => {\n      const target = e.currentTarget;\n      if (e.key === 'Backspace' && query === '' && currentValue.length > 0) {\n        e.preventDefault();\n        const removedIndex = currentValue.length - 1;\n        const next = removeAt(removedIndex);\n        const newLast = next.length - 1;\n        if (newLast >= 0) {\n          requestAnimationFrame(() => {\n            chipRefs.current[newLast]?.focus();\n          });\n        }\n        return;\n      }\n      const caretAtStart =\n        target.selectionStart === 0 && target.selectionEnd === 0;\n      if (\n        (e.key === 'ArrowLeft' || e.key === 'ArrowRight') &&\n        caretAtStart &&\n        currentValue.length > 0\n      ) {\n        const isRTL = document.dir === 'rtl' || target.dir === 'rtl';\n        const shouldNavigate =\n          (isRTL && e.key === 'ArrowRight') ||\n          (!isRTL && e.key === 'ArrowLeft');\n        if (shouldNavigate) {\n          e.preventDefault();\n          const lastIdx = currentValue.length - 1;\n          chipRefs.current[lastIdx]?.focus();\n        }\n        return;\n      }\n      if (e.key === 'Escape') {\n        setOpen(false);\n        return;\n      }\n      if (!open && (e.key === 'ArrowDown' || e.key === 'Enter')) {\n        setOpen(true);\n      }\n    };\n\n    const handleChipKeyDown =\n      (index: number) =>\n      (e: KeyboardEvent<HTMLSpanElement>): void => {\n        if (\n          e.key === 'Backspace' ||\n          e.key === 'Delete' ||\n          e.key === 'Enter' ||\n          e.key === ' '\n        ) {\n          e.preventDefault();\n          e.stopPropagation();\n          const next = removeAt(index);\n          if (next.length === 0) {\n            requestAnimationFrame(() => inputRef.current?.focus());\n            return;\n          }\n          const focusIdx = Math.min(index, next.length - 1);\n          requestAnimationFrame(() => {\n            chipRefs.current[focusIdx]?.focus();\n          });\n          return;\n        }\n        const isRTL = document.dir === 'rtl';\n        const prevKey = isRTL ? 'ArrowRight' : 'ArrowLeft';\n        const nextKey = isRTL ? 'ArrowLeft' : 'ArrowRight';\n        if (e.key === prevKey) {\n          e.preventDefault();\n          const newIdx = Math.max(0, index - 1);\n          chipRefs.current[newIdx]?.focus();\n          return;\n        }\n        if (e.key === nextKey) {\n          e.preventDefault();\n          if (index < currentValue.length - 1) {\n            chipRefs.current[index + 1]?.focus();\n          } else {\n            inputRef.current?.focus();\n          }\n          return;\n        }\n        if (e.key === 'Escape') {\n          setOpen(false);\n          inputRef.current?.focus();\n        }\n      };\n\n    // ----- Chip overflow measurement -----\n    const [visibleCount, setVisibleCount] = useState<number>(\n      Number.POSITIVE_INFINITY,\n    );\n\n    useLayoutEffect(() => {\n      const el = triggerRef.current;\n      if (!el) return;\n\n      const measure = (): void => {\n        const chipEls = Array.from(\n          el.querySelectorAll<HTMLElement>('[data-ui-chip=\"true\"]'),\n        );\n        if (chipEls.length === 0) {\n          setVisibleCount(Number.POSITIVE_INFINITY);\n          return;\n        }\n        const firstTop = chipEls[0].offsetTop;\n        let firstRowCount = 0;\n        for (const chip of chipEls) {\n          if (chip.offsetTop === firstTop) firstRowCount++;\n          else break;\n        }\n        if (firstRowCount === chipEls.length) {\n          setVisibleCount(Number.POSITIVE_INFINITY);\n        } else {\n          setVisibleCount(Math.max(1, firstRowCount - 1));\n        }\n      };\n\n      measure();\n      const ro = new ResizeObserver(measure);\n      ro.observe(el);\n      return () => ro.disconnect();\n    }, [currentValue.length, size]);\n\n    const chips = currentValue.map((val) => ({\n      value: val,\n      label: labelByValue.get(val) ?? val,\n    }));\n\n    const showAllChips =\n      visibleCount === Number.POSITIVE_INFINITY ||\n      visibleCount >= chips.length;\n    const visibleChips = showAllChips ? chips : chips.slice(0, visibleCount);\n    const overflowChips = showAllChips ? [] : chips.slice(visibleCount);\n    const overflowCount = overflowChips.length;\n\n    const handleTriggerClick = (event: MouseEvent<HTMLDivElement>): void => {\n      if (effectiveDisabled) return;\n      // Ignore clicks on chips/buttons so they can manage their own focus.\n      const target = event.target as HTMLElement;\n      if (target.closest('[data-ui-chip=\"true\"]')) return;\n      if (target.closest('[data-ui-chip-dismiss=\"true\"]')) return;\n      setOpen(true);\n      inputRef.current?.focus();\n    };\n\n    const handleOpenChange = (next: boolean): void => {\n      if (effectiveDisabled) {\n        setOpen(false);\n        return;\n      }\n      setOpen(next);\n      if (!next) {\n        setQuery('');\n        onComplete?.(currentValue);\n      }\n    };\n\n    const hasActionRow = allowSelectAll || allowClear;\n\n    const counterMessage = t('ui.inputs.multiSelect.selected', {\n      count: currentValue.length,\n      defaultValue: `${currentValue.length} selected`,\n    });\n\n    const { onClick: onClickProp, ...restDivProps } = divProps;\n\n    return (\n      <Command shouldFilter={false} label={counterMessage}>\n        <Popover.Root open={open} onOpenChange={handleOpenChange}>\n          <Popover.Anchor asChild>\n            <div\n              ref={composedRef}\n              className={multiSelectVariants({ size, className })}\n              aria-disabled={effectiveDisabled || undefined}\n              aria-invalid={effectiveInvalid || undefined}\n              data-component=\"multi-select\"\n              onClick={(event) => {\n                onClickProp?.(event);\n                handleTriggerClick(event);\n              }}\n              {...restDivProps}\n            >\n              {visibleChips.map((chip, idx) => (\n                <span\n                  key={chip.value}\n                  ref={(el) => {\n                    chipRefs.current[idx] = el;\n                  }}\n                  tabIndex={effectiveDisabled ? -1 : 0}\n                  data-ui-chip=\"true\"\n                  className={chipVariants({ size })}\n                  onKeyDown={handleChipKeyDown(idx)}\n                  aria-label={chip.label}\n                >\n                  <span>{chip.label}</span>\n                  <button\n                    type=\"button\"\n                    tabIndex={-1}\n                    data-ui-chip-dismiss=\"true\"\n                    aria-label={t('ui.inputs.multiSelect.remove', {\n                      label: chip.label,\n                      defaultValue: `Remove ${chip.label}`,\n                    })}\n                    disabled={effectiveDisabled}\n                    onClick={(event) => {\n                      event.stopPropagation();\n                      removeAt(idx);\n                      requestAnimationFrame(() => inputRef.current?.focus());\n                    }}\n                    className={chipDismissClasses}\n                  >\n                    <X aria-hidden=\"true\" className=\"ds:size-3.5\" />\n                  </button>\n                </span>\n              ))}\n              {overflowCount > 0 ? (\n                <Tooltip\n                  label={overflowChips.map((c) => c.label).join(', ')}\n                  delayDuration={200}\n                >\n                  <span\n                    className={chipVariants({ size })}\n                    tabIndex={0}\n                    role=\"button\"\n                    aria-label={t('ui.inputs.multiSelect.overflow', {\n                      count: overflowCount,\n                      defaultValue: `+${overflowCount} more`,\n                    })}\n                  >\n                    <span>\n                      {t('ui.inputs.multiSelect.overflow', {\n                        count: overflowCount,\n                        defaultValue: `+${overflowCount} more`,\n                      })}\n                    </span>\n                  </span>\n                </Tooltip>\n              ) : null}\n              <Command.Input\n                ref={inputRef}\n                value={query}\n                onValueChange={setQuery}\n                onKeyDown={handleInputKeyDown}\n                onFocus={() => {\n                  if (!effectiveDisabled) setOpen(true);\n                }}\n                placeholder={\n                  currentValue.length === 0 ? resolvedPlaceholder : ''\n                }\n                id={triggerId}\n                aria-describedby={describedBy}\n                aria-invalid={effectiveInvalid || undefined}\n                aria-required={effectiveRequired || undefined}\n                disabled={effectiveDisabled}\n                className={[\n                  'ds:flex-1 ds:min-w-[6rem] ds:bg-transparent ds:outline-none',\n                  'ds:placeholder:text-muted-foreground ds:text-start',\n                  'ds:disabled:cursor-not-allowed',\n                ].join(' ')}\n              />\n            </div>\n          </Popover.Anchor>\n          <Popover.Portal>\n            <Popover.Content\n              onOpenAutoFocus={(e) => e.preventDefault()}\n              onCloseAutoFocus={(e) => e.preventDefault()}\n              align=\"start\"\n              sideOffset={4}\n              className={popoverContentClasses}\n            >\n              <Command.List\n                role=\"listbox\"\n                aria-multiselectable=\"true\"\n                aria-label={resolvedPlaceholder}\n                className=\"ds:max-h-[20rem] ds:overflow-y-auto ds:p-1\"\n              >\n                {hasActionRow ? (\n                  <Command.Group>\n                    {allowSelectAll ? (\n                      <Command.Item\n                        value={SELECT_ALL_VALUE}\n                        onSelect={handleSelectAll}\n                        className={actionItemClasses}\n                      >\n                        {t('ui.inputs.multiSelect.selectAll', 'Select all')}\n                      </Command.Item>\n                    ) : null}\n                    {allowClear ? (\n                      <Command.Item\n                        value={CLEAR_ALL_VALUE}\n                        onSelect={handleClearAll}\n                        className={actionItemClasses}\n                      >\n                        {t('ui.inputs.multiSelect.clearAll', 'Clear all')}\n                      </Command.Item>\n                    ) : null}\n                  </Command.Group>\n                ) : null}\n                <Command.Empty className=\"ds:ps-2 ds:pe-2 ds:py-2 type-body-sm ds:text-muted-foreground\">\n                  {t('ui.inputs.multiSelect.noOptions', 'No options found')}\n                </Command.Empty>\n                {groups.map(({ group, items }, gi) => {\n                  const body = items.map((option) => {\n                    const isSelected = currentValue.includes(option.value);\n                    const isCapped = !isSelected && atCap;\n                    const isDisabled =\n                      Boolean(option.disabled) || isCapped;\n                    const item = (\n                      <Command.Item\n                        key={option.value}\n                        value={option.value}\n                        disabled={isDisabled}\n                        onSelect={() => {\n                          if (isDisabled) return;\n                          toggle(option.value);\n                        }}\n                        aria-selected={isSelected}\n                        aria-disabled={isDisabled || undefined}\n                        className={commandItemClasses}\n                      >\n                        <span\n                          className={[\n                            'ds:inline-flex ds:items-center ds:justify-center ds:me-2 ds:shrink-0',\n                            'ds:size-4 ds:rounded-[var(--radius-sm)] ds:border ds:border-border',\n                            isSelected\n                              ? 'ds:bg-primary ds:border-primary ds:text-primary-foreground'\n                              : 'ds:bg-background',\n                          ].join(' ')}\n                          aria-hidden=\"true\"\n                        >\n                          {isSelected ? <Check className=\"ds:size-3.5\" /> : null}\n                        </span>\n                        <span className=\"ds:flex-1 ds:text-start\">{option.label}</span>\n                      </Command.Item>\n                    );\n                    if (isCapped) {\n                      return (\n                        <Tooltip\n                          key={option.value}\n                          label={t('ui.inputs.multiSelect.maxReached', {\n                            count: maxSelections,\n                            defaultValue: `Maximum ${maxSelections} selections`,\n                          })}\n                          delayDuration={200}\n                        >\n                          {item}\n                        </Tooltip>\n                      );\n                    }\n                    return item;\n                  });\n                  if (!group) {\n                    return (\n                      <Command.Group key={`group-${gi}`}>{body}</Command.Group>\n                    );\n                  }\n                  return (\n                    <Command.Group\n                      key={`group-${group}`}\n                      heading={group}\n                      className=\"ds:[&_[cmdk-group-heading]]:ps-2 ds:[&_[cmdk-group-heading]]:pe-2 ds:[&_[cmdk-group-heading]]:py-1 ds:[&_[cmdk-group-heading]]:type-eyebrow ds:[&_[cmdk-group-heading]]:text-muted-foreground\"\n                    >\n                      {body}\n                    </Command.Group>\n                  );\n                })}\n              </Command.List>\n            </Popover.Content>\n          </Popover.Portal>\n        </Popover.Root>\n      </Command>\n    );\n  },\n);\nMultiSelectImpl.displayName = 'MultiSelect';\n\ninterface MultiSelectComponent {\n  <T extends string = string>(\n    props: MultiSelectProps<T> & { ref?: Ref<HTMLDivElement> },\n  ): ReactElement | null;\n  displayName?: string;\n}\n\nexport const MultiSelect = MultiSelectImpl as unknown as MultiSelectComponent;\n\nexport { multiSelectVariants };\n","import type { AgentAdapter } from '../../agent/types';\n\nexport const multiSelectAgent: AgentAdapter<unknown> = {\n  id: 'multi-select',\n  capabilities: ['select_multiple', 'filter', 'open', 'close'],\n  state: {},\n  actions: {},\n  domHooks: {\n    root: { attr: 'data-component', value: 'multi-select' },\n    item: {\n      attr: 'data-option-id',\n      description: 'Each option emits its value as data-option-id.',\n    },\n  },\n};\n"],"names":["multiSelectVariants","cva","INPUT_SURFACE_CHROME","INPUT_SURFACE_TEXT","chipVariants","chipDismissClasses","popoverContentClasses","commandItemClasses","actionItemClasses","SELECT_ALL_VALUE","CLEAR_ALL_VALUE","MultiSelectImpl","forwardRef","options","value","defaultValue","onChange","onComplete","placeholder","maxSelections","allowSelectAll","allowClear","filter","size","disabled","className","id","divProps","ref","t","useTranslation","ctx","useFormField","inFormField","useContext","FormFieldContext","internalValue","setInternalValue","useState","isControlled","currentValue","open","setOpen","query","setQuery","inputRef","useRef","chipRefs","triggerRef","composedRef","composeRefs","effectiveDisabled","effectiveRequired","effectiveInvalid","describedBy","triggerId","labelByValue","useMemo","map","option","atCap","commit","next","toggle","val","v","removeAt","index","_","i","handleSelectAll","selectable","o","cap","handleClearAll","resolvedPlaceholder","filteredOptions","needle","groups","groupOptions","handleInputKeyDown","target","removedIndex","newLast","_a","caretAtStart","isRTL","lastIdx","handleChipKeyDown","e","focusIdx","prevKey","nextKey","newIdx","_b","_c","_d","visibleCount","setVisibleCount","useLayoutEffect","el","measure","chipEls","firstTop","firstRowCount","chip","ro","chips","showAllChips","visibleChips","overflowChips","overflowCount","handleTriggerClick","event","handleOpenChange","hasActionRow","counterMessage","onClickProp","restDivProps","jsx","Command","jsxs","Popover","idx","X","Tooltip","c","group","items","gi","body","isSelected","isCapped","isDisabled","item","Check","MultiSelect","multiSelectAgent"],"mappings":"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"}

package/dist/_chunks/navigation-menu-EVFau1O2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"navigation-menu-EVFau1O2.js","sources":["../../src/components/navigation-menu/navigation-menu.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useRef,\n  type ComponentPropsWithoutRef,\n  type ElementRef,\n} from 'react';\nimport * as RadixNavigationMenu from '@radix-ui/react-navigation-menu';\nimport { Slot } from '@radix-ui/react-slot';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { ChevronDown } from 'lucide-react';\nimport { useDirection } from '../_shared/use-direction';\nimport { composeRefs } from '../_shared/compose-refs';\n// SkipLink moved to its own module — re-imported for the navigation-menu\n// barrel's backwards-compat re-export. New consumers should import it\n// directly from `@alfadocs/ui-kit`.\nimport { SkipLink } from '../skip-link';\n\n/* -------------------------------------------------------------------- */\n/* Root                                                                  */\n/* -------------------------------------------------------------------- */\n\nconst rootClasses = [\n  'ds:relative ds:z-[var(--z-dropdown)]',\n  'ds:flex ds:max-w-max ds:items-center ds:justify-center',\n].join(' ');\n\nexport interface NavigationMenuProps\n  extends ComponentPropsWithoutRef<typeof RadixNavigationMenu.Root> {\n  'aria-label'?: string;\n}\n\nconst NavigationMenu = forwardRef<\n  ElementRef<typeof RadixNavigationMenu.Root>,\n  NavigationMenuProps\n>(({ 'aria-label': ariaLabel, className, children, ...rest }, ref) => {\n  const { t } = useTranslation();\n  const rootRef = useRef<ElementRef<typeof RadixNavigationMenu.Root>>(null);\n  const composedRef = composeRefs(ref, rootRef);\n  const dir = useDirection(rootRef);\n  return (\n    <RadixNavigationMenu.Root\n      ref={composedRef}\n      dir={dir}\n      aria-label={ariaLabel ?? t('ui.navigation.nav.label')}\n      className={[rootClasses, className].filter(Boolean).join(' ')}\n      data-component=\"navigation-menu\"\n      {...rest}\n    >\n      {children}\n      <NavigationMenuViewport />\n    </RadixNavigationMenu.Root>\n  );\n});\nNavigationMenu.displayName = 'NavigationMenu';\n\n/* -------------------------------------------------------------------- */\n/* List + Item                                                           */\n/* -------------------------------------------------------------------- */\n\nconst listClasses = [\n  'ds:group ds:flex ds:flex-1',\n  'ds:list-none ds:items-center ds:justify-center',\n  'ds:gap-[var(--spacing-xs)]',\n  'ds:m-0 ds:ps-0',\n].join(' ');\n\nconst NavigationMenuList = forwardRef<\n  ElementRef<typeof RadixNavigationMenu.List>,\n  ComponentPropsWithoutRef<typeof RadixNavigationMenu.List>\n>(({ className, ...rest }, ref) => (\n  <RadixNavigationMenu.List\n    ref={ref}\n    className={[listClasses, className].filter(Boolean).join(' ')}\n    {...rest}\n  />\n));\nNavigationMenuList.displayName = 'NavigationMenuList';\n\nconst NavigationMenuItem = RadixNavigationMenu.Item;\n\n/* -------------------------------------------------------------------- */\n/* Trigger                                                               */\n/* -------------------------------------------------------------------- */\n\nconst triggerClasses = [\n  'ds:group ds:inline-flex ds:items-center ds:justify-center',\n  'ds:min-h-[var(--min-target-size)]',\n  'ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-sm)]',\n  'ds:rounded-[var(--radius-sm)]',\n  'ds:text-[var(--font-size-sm)] ds:font-[var(--font-weight-medium)]',\n  'ds:text-[var(--foreground)]',\n  'ds:hover:bg-[var(--muted)]/20',\n  'ds:data-[state=open]:bg-[var(--muted)]/20',\n  'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n  'ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n  'ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n  'ds:disabled:cursor-not-allowed ds:disabled:opacity-50',\n  'ds:gap-[var(--spacing-xs)]',\n].join(' ');\n\nconst chevronClasses = [\n  'ds:size-3 ds:transition-transform ds:duration-[var(--animation-duration)]',\n  'ds:group-data-[state=open]:rotate-180',\n  'ds:rtl:-scale-x-100 ds:motion-reduce:transition-none',\n].join(' ');\n\nconst NavigationMenuTrigger = forwardRef<\n  ElementRef<typeof RadixNavigationMenu.Trigger>,\n  ComponentPropsWithoutRef<typeof RadixNavigationMenu.Trigger>\n>(({ className, children, ...rest }, ref) => (\n  <RadixNavigationMenu.Trigger\n    ref={ref}\n    className={[triggerClasses, className].filter(Boolean).join(' ')}\n    {...rest}\n  >\n    {children}\n    <ChevronDown aria-hidden=\"true\" className={chevronClasses} />\n  </RadixNavigationMenu.Trigger>\n));\nNavigationMenuTrigger.displayName = 'NavigationMenuTrigger';\n\n/* -------------------------------------------------------------------- */\n/* Content                                                               */\n/* -------------------------------------------------------------------- */\n\nconst contentBase = [\n  'ds:absolute ds:start-0 ds:top-0 ds:w-full',\n  'ds:md:w-auto',\n  'ds:bg-[var(--background)] ds:text-[var(--foreground)]',\n  'ds:rounded-[var(--radius-md)] ds:border ds:border-[var(--border)]',\n  'ds:shadow-[var(--shadow-lg)]',\n  'ds:p-[var(--spacing-md)]',\n  'ds:data-[motion^=from-]:animate-in ds:data-[motion^=to-]:animate-out',\n  // Logical start/end motion mapped onto physical Tailwind animation utilities.\n  // The `rtl:` variants mirror the slide direction so `from-start` enters from\n  // the inline-start edge in both LTR and RTL.\n  'ds:data-[motion=from-start]:slide-in-from-left-52 ds:rtl:data-[motion=from-start]:slide-in-from-right-52',\n  'ds:data-[motion=from-end]:slide-in-from-right-52 ds:rtl:data-[motion=from-end]:slide-in-from-left-52',\n  'ds:data-[motion=to-start]:slide-out-to-left-52 ds:rtl:data-[motion=to-start]:slide-out-to-right-52',\n  'ds:data-[motion=to-end]:slide-out-to-right-52 ds:rtl:data-[motion=to-end]:slide-out-to-left-52',\n  'ds:motion-reduce:animate-none',\n].join(' ');\n\nconst contentVariants = cva(contentBase, {\n  variants: {\n    layout: {\n      simple: 'ds:min-w-[16rem]',\n      mega: 'ds:grid ds:grid-cols-[repeat(auto-fit,minmax(12rem,1fr))] ds:gap-[var(--spacing-md)] ds:min-w-[32rem]',\n    },\n  },\n  defaultVariants: { layout: 'simple' },\n});\n\nexport interface NavigationMenuContentProps\n  extends ComponentPropsWithoutRef<typeof RadixNavigationMenu.Content>,\n    VariantProps<typeof contentVariants> {}\n\nconst NavigationMenuContent = forwardRef<\n  ElementRef<typeof RadixNavigationMenu.Content>,\n  NavigationMenuContentProps\n>(({ layout, className, ...rest }, ref) => (\n  <RadixNavigationMenu.Content\n    ref={ref}\n    className={contentVariants({ layout, className })}\n    {...rest}\n  />\n));\nNavigationMenuContent.displayName = 'NavigationMenuContent';\n\n/* -------------------------------------------------------------------- */\n/* Link                                                                  */\n/* -------------------------------------------------------------------- */\n\nconst linkClasses = [\n  'ds:block ds:rounded-[var(--radius-sm)]',\n  'ds:min-h-[var(--min-target-size)]',\n  'ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]',\n  'ds:py-[var(--spacing-xs)]',\n  'ds:text-[var(--font-size-sm)] ds:font-[var(--font-weight-medium)]',\n  'ds:text-[var(--foreground)]',\n  'ds:no-underline',\n  'ds:hover:bg-[var(--muted)]/20',\n  'ds:data-[active]:underline ds:data-[active]:underline-offset-[var(--spacing-xs)]',\n  'ds:aria-[current=page]:underline ds:aria-[current=page]:underline-offset-[var(--spacing-xs)]',\n  'ds:aria-[current=page]:font-[var(--font-weight-semibold)]',\n  'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n  'ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n  'ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n].join(' ');\n\nexport interface NavigationMenuLinkProps\n  extends ComponentPropsWithoutRef<typeof RadixNavigationMenu.Link> {\n  /** Render through Radix Slot so routers can inject their own link element. */\n  asChild?: boolean;\n}\n\nconst NavigationMenuLink = forwardRef<\n  ElementRef<typeof RadixNavigationMenu.Link>,\n  NavigationMenuLinkProps\n>(({ asChild = false, className, children, ...rest }, ref) => (\n  <RadixNavigationMenu.Link\n    ref={ref}\n    asChild={asChild}\n    className={asChild ? undefined : [linkClasses, className].filter(Boolean).join(' ')}\n    {...rest}\n  >\n    {asChild ? (\n      <Slot className={[linkClasses, className].filter(Boolean).join(' ')}>\n        {children}\n      </Slot>\n    ) : (\n      children\n    )}\n  </RadixNavigationMenu.Link>\n));\nNavigationMenuLink.displayName = 'NavigationMenuLink';\n\n/* -------------------------------------------------------------------- */\n/* Indicator + Viewport                                                  */\n/* -------------------------------------------------------------------- */\n\nconst indicatorClasses = [\n  'ds:top-full ds:z-[1] ds:flex ds:h-2 ds:items-end ds:justify-center ds:overflow-hidden',\n  'ds:data-[state=visible]:animate-in ds:data-[state=hidden]:animate-out',\n  'ds:data-[state=visible]:fade-in ds:data-[state=hidden]:fade-out',\n  'ds:motion-reduce:animate-none',\n].join(' ');\n\nconst NavigationMenuIndicator = forwardRef<\n  ElementRef<typeof RadixNavigationMenu.Indicator>,\n  ComponentPropsWithoutRef<typeof RadixNavigationMenu.Indicator>\n>(({ className, ...rest }, ref) => (\n  <RadixNavigationMenu.Indicator\n    ref={ref}\n    className={[indicatorClasses, className].filter(Boolean).join(' ')}\n    {...rest}\n  >\n    <span className=\"ds:relative ds:top-[60%] ds:h-2 ds:w-2 ds:rotate-45 ds:rounded-tl-sm ds:bg-[var(--border)]\" />\n  </RadixNavigationMenu.Indicator>\n));\nNavigationMenuIndicator.displayName = 'NavigationMenuIndicator';\n\nconst viewportClasses = [\n  'ds:origin-top-center ds:relative ds:mt-[var(--spacing-xs)]',\n  'ds:h-[var(--radix-navigation-menu-viewport-height)]',\n  'ds:w-full ds:overflow-hidden',\n  'ds:rounded-[var(--radius-md)] ds:border ds:border-[var(--border)]',\n  'ds:bg-[var(--background)] ds:text-[var(--foreground)]',\n  'ds:shadow-[var(--shadow-lg)]',\n  'ds:data-[state=open]:animate-in ds:data-[state=closed]:animate-out',\n  'ds:data-[state=open]:zoom-in-90 ds:data-[state=closed]:zoom-out-95',\n  'ds:motion-reduce:animate-none',\n].join(' ');\n\nconst NavigationMenuViewport = forwardRef<\n  ElementRef<typeof RadixNavigationMenu.Viewport>,\n  ComponentPropsWithoutRef<typeof RadixNavigationMenu.Viewport>\n>(({ className, ...rest }, ref) => (\n  <div className=\"ds:absolute ds:start-0 ds:top-full ds:flex ds:justify-center\">\n    <RadixNavigationMenu.Viewport\n      ref={ref}\n      className={[viewportClasses, className].filter(Boolean).join(' ')}\n      {...rest}\n    />\n  </div>\n));\nNavigationMenuViewport.displayName = 'NavigationMenuViewport';\n\n/* -------------------------------------------------------------------- */\n/* Exports                                                               */\n/* -------------------------------------------------------------------- */\n\nexport {\n  NavigationMenu,\n  NavigationMenuList,\n  NavigationMenuItem,\n  NavigationMenuTrigger,\n  NavigationMenuContent,\n  NavigationMenuLink,\n  NavigationMenuIndicator,\n  NavigationMenuViewport,\n  SkipLink,\n};\n"],"names":["rootClasses","NavigationMenu","forwardRef","ariaLabel","className","children","rest","ref","t","useTranslation","rootRef","useRef","composedRef","composeRefs","dir","useDirection","jsxs","RadixNavigationMenu","NavigationMenuViewport","listClasses","NavigationMenuList","jsx","NavigationMenuItem","triggerClasses","chevronClasses","NavigationMenuTrigger","ChevronDown","contentBase","contentVariants","cva","NavigationMenuContent","layout","linkClasses","NavigationMenuLink","asChild","Slot","indicatorClasses","NavigationMenuIndicator","viewportClasses"],"mappings":"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"}

package/dist/_chunks/normalize-diacritics-BNGbFNlJ.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"normalize-diacritics-BNGbFNlJ.js","sources":["../../src/components/_shared/normalize-diacritics.ts"],"sourcesContent":["export function normalizeDiacritics(input: string): string {\n  return input.normalize('NFD').replace(/[\\u0300-\\u036f]/g, '').toLowerCase();\n}\n"],"names":["normalizeDiacritics","input"],"mappings":"AAAO,SAASA,EAAoBC,GAAuB;AACzD,SAAOA,EAAM,UAAU,KAAK,EAAE,QAAQ,oBAAoB,EAAE,EAAE,YAAA;AAChE;"}

package/dist/_chunks/notification-card-BF2_veHy.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"notification-card-BF2_veHy.js","sources":["../../src/components/notification-card/notification-card.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useCallback,\n  useMemo,\n  useRef,\n  useState,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { X } from 'lucide-react';\nimport { IconButton } from '../button/icon-button';\nimport { Button } from '../button/button';\nimport { Timestamp } from '../timestamp';\n\n/* ------------------------------------------------------------------ */\n/* Types                                                               */\n/* ------------------------------------------------------------------ */\n\nexport interface NotificationItem {\n  /** Unique identifier for the notification. */\n  id: string;\n  /** Notification title — rendered on the first line. */\n  title: string;\n  /** Notification body — rendered as plain text. */\n  description?: string;\n  /** Optional leading glyph — a React node (usually a Lucide icon). */\n  icon?: ReactNode;\n  /** Optional action URL — when present the card title is an anchor. */\n  url?: string;\n  /** ISO-8601 timestamp of when the notification was created. */\n  createdAt: string;\n  /** Whether the notification has been seen. Unread items get accent styling. */\n  read?: boolean;\n}\n\nexport interface NotificationCardProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'onClick' | 'role' | 'title'>,\n    VariantProps<typeof cardVariants> {\n  /** The notification to render. */\n  item: NotificationItem;\n  /**\n   * Layout shape.\n   * - `compact` — single-line row with the whole card clickable (used by\n   *   NotificationTray).\n   * - `dashboard` — alert-style block with explicit CTA and mark-as-read\n   *   controls (used by dashboards / sidebars).\n   */\n  variant?: 'compact' | 'dashboard';\n  /** Visual density. */\n  size?: 'sm' | 'md';\n  /** Fires when the card title / body is activated. */\n  onActivate?: (item: NotificationItem) => void;\n  /** Fires when the dismiss control is activated. */\n  onDismiss?: (item: NotificationItem) => void;\n  /**\n   * Label for the dashboard-variant CTA. Only rendered when `variant` is\n   * `'dashboard'` and the item has a `url`.\n   */\n  ctaLabel?: string;\n  /**\n   * Label for the dashboard-variant mark-as-read link. Only rendered when\n   * `variant` is `'dashboard'` and `onDismiss` is supplied.\n   */\n  dismissLabel?: string;\n  /**\n   * External exit-animation control. When supplied the card plays its\n   * fade-out when this turns `true` and the consumer owns the subsequent\n   * unmount (see NotificationTray). If omitted, the card self-manages the\n   * exit on internal dismiss.\n   */\n  leaving?: boolean;\n}\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                 */\n/* ------------------------------------------------------------------ */\n\nconst cardVariants = cva(\n  [\n    'ds:relative ds:flex ds:gap-[var(--spacing-sm)]',\n    'ds:rounded-[var(--radius-sm)]',\n    'ds:transition-colors',\n    // Mount: fade + slide-down so a fresh notification reads as arriving.\n    // `data-leaving=true` plays the matching exit, driven by the owning\n    // tray's AnimatePresence loop.\n    'ds:motion-safe:animate-in ds:motion-safe:fade-in-0 ds:motion-safe:slide-in-from-top-2 ds:motion-safe:duration-[var(--animation-duration)]',\n    'ds:data-[leaving=true]:motion-safe:animate-out ds:data-[leaving=true]:motion-safe:fade-out-0 ds:data-[leaving=true]:motion-safe:slide-out-to-top-2',\n    // Pin the exit's end-state until React unmounts. Without `fill-mode-forwards`\n    // tw-animate-css leaves the element at opacity:1 for one paint frame after\n    // the animation ends — the \"flicker before it animates away\" bug.\n    'ds:data-[leaving=true]:motion-safe:fill-mode-forwards',\n    'ds:data-[leaving=true]:pointer-events-none',\n    'ds:motion-reduce:transition-none',\n    'ds:text-start',\n    'ds:forced-colors:border ds:forced-colors:border-[CanvasText]',\n  ].join(' '),\n  {\n    variants: {\n      variant: {\n        compact: 'ds:items-start',\n        dashboard:\n          'ds:flex-col ds:sm:flex-row ds:items-stretch ds:sm:items-start ds:shadow-[var(--shadow-md)] ds:bg-[color:var(--card)]',\n      },\n      size: {\n        sm: 'ds:p-[var(--spacing-sm)]',\n        md: 'ds:p-[var(--spacing-md)]',\n      },\n      state: {\n        unread: '',\n        read: 'ds:bg-transparent',\n      },\n    },\n    compoundVariants: [\n      {\n        variant: 'compact',\n        state: 'unread',\n        class: 'ds:bg-[color:var(--accent)]/5',\n      },\n      {\n        variant: 'compact',\n        state: 'read',\n        class: 'ds:hover:bg-[color:var(--muted)]/40',\n      },\n      {\n        variant: 'dashboard',\n        state: 'unread',\n        class: 'ds:bg-[color:var(--accent)]/5',\n      },\n    ],\n    defaultVariants: {\n      variant: 'compact',\n      size: 'sm',\n      state: 'read',\n    },\n  },\n);\n\nconst stretchedLinkClass = [\n  'ds:focus-visible:outline-none',\n  'ds:after:content-[\\'\\'] ds:after:absolute ds:after:inset-0 ds:after:rounded-[var(--radius-sm)]',\n  'ds:after:pointer-events-auto',\n  'ds:focus-visible:after:outline-[length:var(--focus-ring-width)]',\n  'ds:focus-visible:after:outline-solid',\n  'ds:focus-visible:after:outline-[color:var(--ring)]',\n  'ds:focus-visible:after:outline-offset-[length:var(--focus-ring-offset)]',\n  'ds:forced-colors:focus-visible:after:outline-[CanvasText]',\n].join(' ');\n\n/* ------------------------------------------------------------------ */\n/* Helpers                                                             */\n/* ------------------------------------------------------------------ */\n\nexport function isSafeNotificationUrl(url: string): boolean {\n  // Reject protocol-relative (//host), javascript:, data:, mailto: etc.\n  // Only http(s), same-origin absolute paths (/), and hash (#) anchors pass.\n  return /^(https?:\\/\\/(?!\\/)|\\/(?!\\/)|#)/.test(url);\n}\n\n/* ------------------------------------------------------------------ */\n/* Component                                                           */\n/* ------------------------------------------------------------------ */\n\nexport const NotificationCard = forwardRef<HTMLDivElement, NotificationCardProps>(\n  (\n    {\n      item,\n      variant = 'compact',\n      size = 'sm',\n      onActivate,\n      onDismiss,\n      ctaLabel,\n      dismissLabel,\n      leaving,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t, i18n } = useTranslation();\n    // Screen-reader time context — absolute & unambiguous rather than the\n    // visible relative phrase, which drifts and reads less clearly aloud.\n    const accessibleTime = useMemo(() => {\n      const date = new Date(item.createdAt);\n      if (Number.isNaN(date.getTime())) return '';\n      return new Intl.DateTimeFormat(i18n.language, {\n        dateStyle: 'medium',\n        timeStyle: 'short',\n      }).format(date);\n    }, [item.createdAt, i18n.language]);\n\n    /* Exit animation.\n     * - When `leaving` is undefined (uncontrolled): the card owns the\n     *   fade-out — dismiss click flips `isLeaving`, waits for\n     *   --animation-duration, then fires onDismiss.\n     * - When `leaving` is boolean (controlled, e.g. NotificationTray): the\n     *   parent owns the lifecycle — dismiss click fires onDismiss\n     *   immediately and the parent schedules unmount after the animation. */\n    const isControlledLeaving = leaving !== undefined;\n    const [isLeaving, setIsLeaving] = useState(false);\n    const dismissTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n    const effectiveLeaving = isControlledLeaving ? leaving : isLeaving;\n\n    const prefersReducedMotion =\n      typeof window !== 'undefined' &&\n      typeof window.matchMedia === 'function' &&\n      window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n    const handleDismiss = useCallback(() => {\n      if (!onDismiss) return;\n      if (isControlledLeaving || prefersReducedMotion) {\n        onDismiss(item);\n        return;\n      }\n      setIsLeaving(true);\n      if (dismissTimerRef.current) clearTimeout(dismissTimerRef.current);\n      const raw =\n        (typeof window !== 'undefined' &&\n          window\n            .getComputedStyle(document.documentElement)\n            .getPropertyValue('--animation-duration')) ||\n        '200ms';\n      const ms = raw.trim().endsWith('ms')\n        ? parseFloat(raw)\n        : parseFloat(raw) * 1000;\n      dismissTimerRef.current = setTimeout(\n        () => onDismiss(item),\n        Number.isFinite(ms) ? ms : 200,\n      );\n    }, [onDismiss, item, isControlledLeaving, prefersReducedMotion]);\n\n    const state = item.read ? 'read' : 'unread';\n\n    const unreadSuffix = item.read\n      ? ''\n      : t('ui.notificationCard.unreadSuffix', ', unread');\n    const ariaLabel = t('ui.notificationCard.itemLabel', {\n      title: item.title,\n      time: accessibleTime,\n      unreadSuffix,\n      defaultValue: '{{title}}, {{time}}{{unreadSuffix}}',\n    });\n\n    const hasSafeUrl = !!item.url && isSafeNotificationUrl(item.url);\n\n    /* ------- Title rendering (stretched link in compact mode) ------- */\n\n    const titleText = (\n      <span\n        className={[\n          'ds:flex-1 ds:min-w-0 ds:truncate',\n          item.read ? 'ds:font-normal' : 'ds:font-semibold',\n        ].join(' ')}\n      >\n        {item.title}\n      </span>\n    );\n\n    let titleNode: ReactNode;\n    if (variant === 'compact' && hasSafeUrl && onActivate) {\n      titleNode = (\n        <a\n          href={item.url}\n          aria-label={ariaLabel}\n          className={stretchedLinkClass + ' ds:contents'}\n          onClick={(event) => {\n            if (\n              event.defaultPrevented ||\n              event.metaKey ||\n              event.ctrlKey ||\n              event.shiftKey\n            )\n              return;\n            onActivate(item);\n          }}\n        >\n          {titleText}\n        </a>\n      );\n    } else if (variant === 'compact' && onActivate) {\n      titleNode = (\n        <button\n          type=\"button\"\n          aria-label={ariaLabel}\n          className={stretchedLinkClass + ' ds:contents ds:bg-transparent ds:border-0 ds:p-0'}\n          onClick={() => onActivate(item)}\n        >\n          {titleText}\n        </button>\n      );\n    } else if (variant === 'dashboard' && hasSafeUrl && onActivate) {\n      titleNode = (\n        <a\n          href={item.url}\n          className=\"ds:text-[color:var(--foreground)] ds:no-underline ds:hover:underline ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]\"\n          onClick={(event) => {\n            if (\n              event.defaultPrevented ||\n              event.metaKey ||\n              event.ctrlKey ||\n              event.shiftKey\n            )\n              return;\n            onActivate(item);\n          }}\n        >\n          {titleText}\n        </a>\n      );\n    } else {\n      titleNode = titleText;\n    }\n\n    return (\n      <div\n        ref={ref}\n        role=\"listitem\"\n        data-component=\"notification-card\"\n        data-read={item.read ? 'true' : 'false'}\n        data-leaving={effectiveLeaving ? 'true' : undefined}\n        aria-hidden={effectiveLeaving || undefined}\n        className={cardVariants({ variant, size, state, className })}\n        {...rest}\n      >\n        {item.icon ? (\n          <span\n            aria-hidden=\"true\"\n            className=\"ds:inline-flex ds:shrink-0 ds:items-center ds:justify-center ds:size-8 ds:rounded-[var(--radius-full)] ds:bg-[color:var(--accent)]/10 ds:text-[color:var(--accent)] ds:[&>svg]:size-4\"\n          >\n            {item.icon}\n          </span>\n        ) : null}\n\n        <div className=\"ds:flex-1 ds:min-w-0 ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]\">\n          <div className=\"ds:flex ds:items-center ds:gap-[var(--spacing-xs)]\">\n            {!item.read ? (\n              <span\n                aria-hidden=\"true\"\n                className=\"ds:inline-block ds:size-1.5 ds:shrink-0 ds:rounded-[var(--radius-full)] ds:bg-[color:var(--primary)] ds:forced-colors:bg-[Highlight]\"\n              />\n            ) : null}\n            {variant === 'dashboard' ? (\n              // `h3` keeps the dashboard heading ladder continuous:\n              // h1 (page) → h2 (WarningStack + NotificationsPanel) → h3 (notification title).\n              <h3 className=\"ds:m-0 ds:flex-1 ds:min-w-0 type-title-item\">\n                {titleNode}\n              </h3>\n            ) : (\n              <span className=\"ds:flex-1 ds:min-w-0 type-title-item ds:text-[color:var(--foreground)]\">\n                {titleNode}\n              </span>\n            )}\n          </div>\n\n          {item.description ? (\n            <p className=\"ds:m-0 type-body-sm ds:text-[color:var(--muted-foreground)] ds:[overflow:hidden] ds:[display:-webkit-box] ds:[-webkit-box-orient:vertical] ds:[-webkit-line-clamp:2] ds:break-words\">\n              {item.description}\n            </p>\n          ) : null}\n\n          <Timestamp\n            value={item.createdAt}\n            shape=\"chip\"\n            size=\"sm\"\n            relativeWindow={12 * 60 * 60 * 1000}\n          />\n\n          {variant === 'dashboard' && (ctaLabel || dismissLabel) ? (\n            <div className=\"ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-sm)]\">\n              {ctaLabel && hasSafeUrl ? (\n                <Button\n                  intent=\"outline\"\n                  size=\"sm\"\n                  asChild\n                  className=\"ds:relative ds:z-[1]\"\n                >\n                  <a\n                    href={item.url}\n                    onClick={(event) => {\n                      if (\n                        event.defaultPrevented ||\n                        event.metaKey ||\n                        event.ctrlKey ||\n                        event.shiftKey\n                      )\n                        return;\n                      onActivate?.(item);\n                    }}\n                  >\n                    {ctaLabel}\n                  </a>\n                </Button>\n              ) : null}\n              {dismissLabel && onDismiss ? (\n                <Button\n                  intent=\"link\"\n                  size=\"sm\"\n                  onClick={handleDismiss}\n                  className=\"ds:relative ds:z-[1]\"\n                >\n                  {dismissLabel}\n                </Button>\n              ) : null}\n            </div>\n          ) : null}\n        </div>\n\n        {variant === 'compact' && onDismiss ? (\n          <span className=\"ds:relative ds:z-[1] ds:opacity-0 ds:group-hover:opacity-100 ds:group-focus-within:opacity-100 ds:transition-opacity ds:motion-reduce:transition-none\">\n            <IconButton\n              icon={<X />}\n              intent=\"ghost\"\n              size=\"sm\"\n              aria-label={t(\n                'ui.notificationCard.dismiss',\n                'Dismiss notification',\n              )}\n              onClick={handleDismiss}\n            />\n          </span>\n        ) : null}\n      </div>\n    );\n  },\n);\n\nNotificationCard.displayName = 'NotificationCard';\n"],"names":["cardVariants","cva","stretchedLinkClass","isSafeNotificationUrl","url","NotificationCard","forwardRef","item","variant","size","onActivate","onDismiss","ctaLabel","dismissLabel","leaving","className","rest","ref","t","i18n","useTranslation","accessibleTime","useMemo","date","isControlledLeaving","isLeaving","setIsLeaving","useState","dismissTimerRef","useRef","effectiveLeaving","prefersReducedMotion","handleDismiss","useCallback","raw","ms","state","unreadSuffix","ariaLabel","hasSafeUrl","titleText","jsx","titleNode","event","jsxs","Timestamp","Button","IconButton"],"mappings":"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"}

package/dist/_chunks/notification-tray-Bq-08ReD.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"notification-tray-Bq-08ReD.js","sources":["../../node_modules/lucide-react/dist/esm/icons/bell.js","../../src/components/notification-tray/notification-tray.tsx"],"sourcesContent":["/**\n * @license lucide-react v1.8.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\"path\", { d: \"M10.268 21a2 2 0 0 0 3.464 0\", key: \"vwvbt9\" }],\n  [\n    \"path\",\n    {\n      d: \"M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326\",\n      key: \"11g9vi\"\n    }\n  ]\n];\nconst Bell = createLucideIcon(\"bell\", __iconNode);\n\nexport { __iconNode, Bell as default };\n//# sourceMappingURL=bell.js.map\n","import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useRef,\n  useState,\n  type HTMLAttributes,\n} from 'react';\nimport * as RadixPopover from '@radix-ui/react-popover';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Bell } from 'lucide-react';\nimport { IconButton } from '../button/icon-button';\nimport { Button } from '../button/button';\nimport { Separator } from '../separator/separator';\nimport { Skeleton } from '../skeleton/skeleton';\nimport {\n  NotificationCard,\n  type NotificationItem,\n} from '../notification-card/notification-card';\n\n/* ------------------------------------------------------------------ */\n/* Types                                                               */\n/* ------------------------------------------------------------------ */\n\nexport interface NotificationTrayProps\n  extends Omit<\n      HTMLAttributes<HTMLDivElement>,\n      'onClick' | 'children' | 'role'\n    >,\n    VariantProps<typeof notificationTrayVariants> {\n  /** Notifications rendered in the dropdown panel. */\n  items: NotificationItem[];\n  /** Number of unseen notifications. Drives the badge count. */\n  unseenCount?: number;\n  /** Controlled open state. */\n  open?: boolean;\n  /** Fires when the open state changes. */\n  onOpenChange?: (open: boolean) => void;\n  /** Fires when the user activates an item (click or Enter/Space). */\n  onItemClick?: (item: NotificationItem) => void;\n  /** Fires when the user dismisses a notification. */\n  onDismiss?: (item: NotificationItem) => void;\n  /** Fires when the user clicks the header \"Mark all as read\" action. */\n  onMarkAllRead?: () => void;\n  /** When true the panel shows skeleton placeholders. */\n  loading?: boolean;\n  /** Advisory item count before the list scrolls. Consumers override the cap\n   *  via the `--notification-tray-max-block-size` custom property. */\n  maxVisible?: number;\n  /** When set renders a footer link that invokes `onViewAll`. */\n  viewAllLabel?: string;\n  /** Fires when the footer \"View all\" link is clicked. */\n  onViewAll?: () => void;\n  /** Panel alignment relative to the trigger. Default `'end'`. */\n  align?: 'start' | 'center' | 'end';\n  /** Side of the trigger to open on. Default `'bottom'`. */\n  side?: 'top' | 'bottom';\n}\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                 */\n/* ------------------------------------------------------------------ */\n\nconst notificationTrayVariants = cva('ds:relative ds:inline-flex ds:items-center', {\n  variants: {\n    size: {\n      sm: '',\n      md: '',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n});\n\nconst panelVariants = cva(\n  [\n    'ds:flex ds:flex-col',\n    'ds:bg-[var(--popover)] ds:text-[var(--popover-foreground)]',\n    'ds:border ds:border-[color:var(--border)]',\n    'ds:rounded-[var(--radius-md)]',\n    'ds:shadow-[var(--shadow-lg)]',\n    'ds:z-[var(--z-popover)]',\n    // Width: fluid below the design cap so narrow viewports keep a visible\n    // gutter on *both* sides of the panel (shadow included). The legacy\n    // `min-w` approach clamped at 20rem, which flush-mounted the panel\n    // against the inline-start viewport edge on phones.\n    'ds:w-[min(24rem,calc(100vw-2*var(--spacing-md)))]',\n    // Height: below the `sm` breakpoint the panel takes a near-full-screen\n    // sheet shape so the user gets room to triage messages / notifications\n    // without scrolling a tiny popover. `6rem` reserves space for the\n    // Header (≈4rem) plus the sideOffset + collisionPadding (≈2rem).\n    // Above `sm` it returns to `h-auto` so the list's own\n    // `--*-tray-max-block-size` cap governs the height.\n    'ds:h-[calc(100dvh-6rem)] ds:sm:h-auto',\n    'ds:data-[state=open]:animate-in ds:data-[state=closed]:animate-out',\n    'ds:data-[state=closed]:fade-out-0 ds:data-[state=open]:fade-in-0',\n    'ds:data-[state=closed]:zoom-out-95 ds:data-[state=open]:zoom-in-95',\n    'ds:motion-reduce:transition-none ds:motion-reduce:animate-none',\n    'ds:focus-visible:outline-none',\n    'ds:forced-colors:border-[CanvasText]',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:p-[var(--spacing-xs)]',\n        md: 'ds:p-[var(--spacing-sm)]',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  },\n);\n\nconst badgeVariants = cva(\n  [\n    // Anchored to the top-end corner of the trigger, nudged outward so\n    // the bell icon isn't covered.\n    'ds:absolute ds:-top-[var(--spacing-xs)] ds:-end-[var(--spacing-xs)]',\n    'ds:inline-flex ds:items-center ds:justify-center',\n    // Circle at 1-2 digits; widens into a pill only for \"99+\".\n    'ds:min-w-[calc(var(--spacing-md)+var(--spacing-xs))] ds:h-[calc(var(--spacing-md)+var(--spacing-xs))] ds:ps-[calc(var(--spacing-xs)/1.5)] ds:pe-[calc(var(--spacing-xs)/1.5)]',\n    'ds:rounded-[var(--radius-full)]',\n    'ds:bg-[color:var(--destructive)] ds:text-[color:var(--destructive-foreground)]',\n    'ds:text-[length:var(--font-size-xs)] ds:font-semibold ds:leading-none',\n    'ds:pointer-events-none ds:select-none',\n    'ds:forced-colors:outline ds:forced-colors:outline-1 ds:forced-colors:outline-[CanvasText]',\n  ].join(' '),\n);\n\n/* ------------------------------------------------------------------ */\n/* Helpers                                                             */\n/* ------------------------------------------------------------------ */\n\nfunction formatBadgeCount(count: number, overflowLabel: string): string {\n  return count > 99 ? overflowLabel : String(count);\n}\n\nfunction SkeletonRow() {\n  return (\n    <div\n      aria-hidden=\"true\"\n      className=\"ds:flex ds:items-start ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-sm)]\"\n    >\n      <Skeleton variant=\"circular\" size=\"sm\" />\n      <div className=\"ds:flex-1 ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]\">\n        <Skeleton variant=\"text\" size=\"md\" width=\"70%\" />\n        <Skeleton variant=\"text\" size=\"sm\" width=\"90%\" />\n        <Skeleton variant=\"text\" size=\"sm\" width=\"30%\" />\n      </div>\n    </div>\n  );\n}\n\nfunction EmptyPanel() {\n  const { t } = useTranslation();\n  return (\n    <div\n      role=\"status\"\n      aria-live=\"polite\"\n      className=\"ds:flex ds:flex-col ds:items-center ds:justify-center ds:gap-[var(--spacing-xs)] ds:p-[var(--spacing-lg)] ds:text-center\"\n    >\n      <span\n        aria-hidden=\"true\"\n        className=\"ds:inline-flex ds:items-center ds:justify-center ds:size-10 ds:rounded-[var(--radius-full)] ds:bg-[color:var(--muted)] ds:text-[color:var(--muted-foreground)] ds:[&>svg]:size-5\"\n      >\n        <Bell />\n      </span>\n      <p className=\"type-title-item ds:text-[color:var(--foreground)]\">\n        {t('ui.notificationTray.noNotifications', 'No notifications')}\n      </p>\n      <p className=\"type-meta ds:text-[color:var(--muted-foreground)]\">\n        {t(\n          'ui.notificationTray.noNotificationsDescription',\n          \"You're all caught up.\",\n        )}\n      </p>\n    </div>\n  );\n}\n\n/* ------------------------------------------------------------------ */\n/* Root                                                                */\n/* ------------------------------------------------------------------ */\n\nexport const NotificationTray = forwardRef<HTMLDivElement, NotificationTrayProps>(\n  (\n    {\n      items,\n      unseenCount,\n      open,\n      onOpenChange,\n      onItemClick,\n      onDismiss,\n      onMarkAllRead,\n      loading = false,\n      maxVisible,\n      viewAllLabel,\n      onViewAll,\n      align = 'end',\n      side = 'bottom',\n      size = 'md',\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n\n    const isControlled = open !== undefined;\n    const [internalOpen, setInternalOpen] = useState(false);\n    const isOpen = isControlled ? open : internalOpen;\n\n    const handleOpenChange = useCallback(\n      (next: boolean) => {\n        if (!isControlled) setInternalOpen(next);\n        onOpenChange?.(next);\n      },\n      [isControlled, onOpenChange],\n    );\n\n    /* Exit-animation list (AnimatePresence-style).\n     * `displayed` holds an entry per card that's currently mounted, even\n     * briefly after the consumer removes an item from `items`. When the\n     * consumer drops an id from `items`, we flip that entry to\n     * `leaving: true` for one animation cycle, then prune it. */\n    type Displayed = { item: NotificationItem; leaving: boolean };\n    const [displayed, setDisplayed] = useState<Displayed[]>(() =>\n      items.map((item) => ({ item, leaving: false })),\n    );\n\n    const animationDurationMs = useCallback((): number => {\n      if (typeof window === 'undefined') return 200;\n      const raw = window\n        .getComputedStyle(document.documentElement)\n        .getPropertyValue('--animation-duration');\n      if (!raw) return 200;\n      const trimmed = raw.trim();\n      const n = parseFloat(trimmed);\n      if (!Number.isFinite(n)) return 200;\n      return trimmed.endsWith('ms') ? n : n * 1000;\n    }, []);\n\n    // `useLayoutEffect` so the `leaving=true` flip applies in the same paint\n    // as the consumer's `items` update. With `useEffect` the browser paints\n    // once with the dismissed card still at `leaving=false` (no animation)\n    // before the flag flips — a visible lag before the exit animation starts.\n    useLayoutEffect(() => {\n      setDisplayed((prev) => {\n        const nextIds = new Set(items.map((i) => i.id));\n        const prevIds = new Set(prev.map((d) => d.item.id));\n\n        const merged: Displayed[] = prev.map((d) => {\n          if (nextIds.has(d.item.id)) {\n            const fresh = items.find((i) => i.id === d.item.id);\n            return fresh\n              ? { item: fresh, leaving: false }\n              : { ...d, leaving: true };\n          }\n          return { ...d, leaving: true };\n        });\n\n        for (const i of items) {\n          if (!prevIds.has(i.id)) merged.push({ item: i, leaving: false });\n        }\n        return merged;\n      });\n    }, [items]);\n\n    useEffect(() => {\n      if (!displayed.some((d) => d.leaving)) return;\n      const ms = animationDurationMs();\n      const timer = setTimeout(() => {\n        setDisplayed((prev) => prev.filter((d) => !d.leaving));\n      }, ms);\n      return () => clearTimeout(timer);\n    }, [displayed, animationDurationMs]);\n\n    /* Polite live region — announces when a new unread notification\n       floats to the top of the list, even with the panel closed. */\n    const liveRegionRef = useRef<HTMLDivElement | null>(null);\n    const lastTopIdRef = useRef<string | undefined>(items[0]?.id);\n\n    useEffect(() => {\n      const topId = items[0]?.id;\n      const prev = lastTopIdRef.current;\n      if (prev && topId && prev !== topId && liveRegionRef.current) {\n        const newest = items[0];\n        if (newest && !newest.read) {\n          liveRegionRef.current.textContent = t(\n            'ui.notificationTray.newNotification',\n            {\n              title: newest.title,\n              defaultValue: 'New notification: {{title}}',\n            },\n          );\n        }\n      }\n      lastTopIdRef.current = topId;\n    }, [items, t]);\n\n    const displayCount = unseenCount ?? 0;\n    const triggerAriaLabel =\n      displayCount > 0\n        ? t('ui.notificationTray.triggerLabel', {\n            count: displayCount,\n            defaultValue: 'Notifications, {{count}} unread',\n          })\n        : t(\n            'ui.notificationTray.triggerLabelNone',\n            'Notifications, none unread',\n          );\n\n    const badgeLabel = formatBadgeCount(\n      displayCount,\n      t('ui.notificationTray.badgeCountOverflow', '99+'),\n    );\n\n    const panelClass = panelVariants({ size });\n\n    return (\n      <div\n        ref={ref}\n        data-component=\"notification-tray\"\n        className={[notificationTrayVariants({ size }), className]\n          .filter(Boolean)\n          .join(' ')}\n        {...rest}\n      >\n        <RadixPopover.Root open={isOpen} onOpenChange={handleOpenChange}>\n          <RadixPopover.Trigger asChild>\n            <IconButton\n              icon={<Bell />}\n              intent=\"outline\"\n              size={size === 'sm' ? 'sm' : 'md'}\n              aria-label={triggerAriaLabel}\n              aria-haspopup=\"dialog\"\n            />\n          </RadixPopover.Trigger>\n          {displayCount > 0 ? (\n            <span\n              aria-hidden=\"true\"\n              data-testid=\"notification-tray-badge\"\n              className={badgeVariants()}\n            >\n              {badgeLabel}\n            </span>\n          ) : null}\n          {/* Live region sits outside the popover so it announces even\n              while the panel is closed. */}\n          <div\n            ref={liveRegionRef}\n            aria-live=\"polite\"\n            aria-atomic=\"true\"\n            className=\"ds:sr-only\"\n          />\n          <RadixPopover.Portal>\n            <RadixPopover.Content\n              role=\"dialog\"\n              aria-label={t('ui.notificationTray.panelTitle', 'Notifications')}\n              side={side}\n              align={align}\n              sideOffset={8}\n              // `spacing-md` (16px) keeps Radix's collision-avoidance from\n              // flush-mounting the panel against the viewport edge when the\n              // trigger is near the inline-end of a narrow screen.\n              collisionPadding={16}\n              className={panelClass}\n            >\n              <div className=\"ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)] ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:pb-[var(--spacing-xs)]\">\n                <h3 className=\"ds:m-0 type-title-card ds:text-[color:var(--foreground)]\">\n                  {t('ui.notificationTray.panelTitle', 'Notifications')}\n                </h3>\n                {onMarkAllRead && items.some((item) => !item.read) ? (\n                  <Button\n                    intent=\"link\"\n                    size=\"sm\"\n                    onClick={onMarkAllRead}\n                    className=\"ds:text-[length:var(--font-size-xs)]\"\n                  >\n                    {t('ui.notificationTray.markAllRead', 'Mark all as read')}\n                  </Button>\n                ) : null}\n              </div>\n              <Separator />\n              {/* Cap at ~24rem so ~5 items fit before the list scrolls.\n                  Consumers override via the --notification-tray-max-block-size\n                  custom property on the root element. */}\n              <div\n                role=\"list\"\n                data-max-visible={maxVisible}\n                // Below `sm` the panel is a near-full-screen sheet (see\n                // `panelVariants`) and the list expands to fill the\n                // remaining space with `flex-1`. Above `sm` the list\n                // caps at the `--notification-tray-max-block-size` custom\n                // property so the popover stays compact.\n                className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:overflow-y-auto ds:pt-[var(--spacing-xs)] ds:flex-1 ds:sm:flex-none ds:sm:[max-block-size:var(--notification-tray-max-block-size,24rem)]\"\n              >\n                {loading ? (\n                  <>\n                    <SkeletonRow />\n                    <SkeletonRow />\n                    <SkeletonRow />\n                  </>\n                ) : displayed.length === 0 ? (\n                  <EmptyPanel />\n                ) : (\n                  displayed.map(({ item, leaving }) => (\n                    <NotificationCard\n                      key={item.id}\n                      item={item}\n                      variant=\"compact\"\n                      leaving={leaving}\n                      onActivate={onItemClick}\n                      onDismiss={onDismiss}\n                    />\n                  ))\n                )}\n              </div>\n              {viewAllLabel ? (\n                <>\n                  <Separator />\n                  <div className=\"ds:pt-[var(--spacing-xs)]\">\n                    <Button\n                      intent=\"link\"\n                      size=\"sm\"\n                      onClick={onViewAll}\n                      className=\"ds:w-full ds:justify-center\"\n                    >\n                      {viewAllLabel}\n                    </Button>\n                  </div>\n                </>\n              ) : null}\n            </RadixPopover.Content>\n          </RadixPopover.Portal>\n        </RadixPopover.Root>\n      </div>\n    );\n  },\n);\n\nNotificationTray.displayName = 'NotificationTray';\n"],"names":["__iconNode","Bell","createLucideIcon","notificationTrayVariants","cva","panelVariants","badgeVariants","formatBadgeCount","count","overflowLabel","SkeletonRow","jsxs","jsx","Skeleton","EmptyPanel","t","useTranslation","NotificationTray","forwardRef","items","unseenCount","open","onOpenChange","onItemClick","onDismiss","onMarkAllRead","loading","maxVisible","viewAllLabel","onViewAll","align","side","size","className","rest","ref","isControlled","internalOpen","setInternalOpen","useState","isOpen","handleOpenChange","useCallback","next","displayed","setDisplayed","item","animationDurationMs","raw","trimmed","n","useLayoutEffect","prev","nextIds","i","prevIds","d","merged","fresh","useEffect","ms","timer","liveRegionRef","useRef","lastTopIdRef","_a","topId","newest","displayCount","triggerAriaLabel","badgeLabel","panelClass","RadixPopover","IconButton","Button","Separator","Fragment","leaving","NotificationCard"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/_chunks/number-input-DjpT_RXJ.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"number-input-DjpT_RXJ.js","sources":["../../src/components/number-input/use-locale-number.ts","../../src/components/number-input/number-input.tsx"],"sourcesContent":["import { useMemo } from 'react';\n\nexport type NumberInputMode = 'integer' | 'decimal' | 'currency' | 'percentage';\n\nexport interface LocaleNumber {\n  /** Format a JS number for display (e.g. `1234.5` → `1.234,5` in de-DE). */\n  format: (value: number) => string;\n  /** Parse a locale-formatted string back to a JS number. Returns `NaN` for invalid input. */\n  parse: (text: string) => number;\n  /** The decimal separator for this locale (e.g. `.` or `,`). */\n  decimalSeparator: string;\n  /** The grouping separator for this locale (e.g. `,` or `.` or ` `). */\n  groupingSeparator: string;\n  /** The correct `inputMode` for the virtual keyboard. */\n  inputMode: 'numeric' | 'decimal';\n}\n\nfunction normalizeDigits(text: string): string {\n  let result = '';\n  for (const ch of text) {\n    const code = ch.codePointAt(0);\n    if (code === undefined) continue;\n    if (code >= 0x0660 && code <= 0x0669) {\n      result += String.fromCodePoint(0x30 + (code - 0x0660));\n    } else if (code >= 0x06f0 && code <= 0x06f9) {\n      result += String.fromCodePoint(0x30 + (code - 0x06f0));\n    } else {\n      result += ch;\n    }\n  }\n  return result;\n}\n\nexport function useLocaleNumber(\n  locale: string,\n  mode: NumberInputMode,\n  currency?: string,\n): LocaleNumber {\n  return useMemo(() => {\n    const parts = new Intl.NumberFormat(locale).formatToParts(1234.5);\n    const decimalSeparator =\n      parts.find((p) => p.type === 'decimal')?.value ?? '.';\n    const groupingSeparator =\n      parts.find((p) => p.type === 'group')?.value ?? ',';\n\n    const displayFormatter: Intl.NumberFormat = (() => {\n      if (mode === 'currency') {\n        return new Intl.NumberFormat(locale, {\n          style: 'currency',\n          currency: currency ?? 'USD',\n        });\n      }\n      if (mode === 'percentage') {\n        return new Intl.NumberFormat(locale, {\n          style: 'percent',\n          maximumFractionDigits: 4,\n        });\n      }\n      if (mode === 'integer') {\n        return new Intl.NumberFormat(locale, { maximumFractionDigits: 0 });\n      }\n      return new Intl.NumberFormat(locale, { maximumFractionDigits: 10 });\n    })();\n\n    const format = (value: number): string => {\n      if (!Number.isFinite(value)) return '';\n      return displayFormatter.format(value);\n    };\n\n    const parse = (text: string): number => {\n      if (!text) return NaN;\n      const normalized = normalizeDigits(text);\n      const trimmed = normalized.trim();\n      const hasMinus =\n        trimmed.startsWith('-') || trimmed.startsWith('\\u2212');\n\n      let cleaned = '';\n      for (const ch of normalized) {\n        if (ch >= '0' && ch <= '9') {\n          cleaned += ch;\n        } else if (ch === decimalSeparator) {\n          cleaned += '.';\n        }\n      }\n      if (!cleaned || cleaned === '.') return NaN;\n\n      let n = Number(cleaned);\n      if (!Number.isFinite(n)) return NaN;\n      if (hasMinus) n = -n;\n      if (mode === 'percentage') n = n / 100;\n      return n;\n    };\n\n    let inputMode: 'numeric' | 'decimal' = 'decimal';\n    if (mode === 'integer') {\n      inputMode = 'numeric';\n    } else if (mode === 'currency') {\n      try {\n        const { maximumFractionDigits } = new Intl.NumberFormat(locale, {\n          style: 'currency',\n          currency: currency ?? 'USD',\n        }).resolvedOptions();\n        inputMode = maximumFractionDigits === 0 ? 'numeric' : 'decimal';\n      } catch {\n        inputMode = 'decimal';\n      }\n    }\n\n    return {\n      format,\n      parse,\n      decimalSeparator,\n      groupingSeparator,\n      inputMode,\n    };\n  }, [locale, mode, currency]);\n}\n","import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n  type ChangeEvent,\n  type FocusEvent,\n  type InputHTMLAttributes,\n  type KeyboardEvent,\n  type MouseEvent,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { ChevronDown, ChevronUp } from 'lucide-react';\nimport { useFormField } from '../form-field/form-field-context';\nimport {\n  useLocaleNumber,\n  type NumberInputMode,\n} from './use-locale-number';\n\nconst numberInputVariants = cva(\n  [\n    'ds:flex ds:items-center ds:w-full ds:rounded-[var(--radius-sm)]',\n    'ds:border ds:bg-background ds:text-foreground',\n    'ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n    'ds:focus-within:outline-[length:var(--focus-ring-width)] ds:focus-within:outline-solid',\n    'ds:focus-within:outline-ring ds:focus-within:outline-offset-[length:var(--focus-ring-offset)]',\n    'ds:has-[:disabled]:cursor-not-allowed ds:has-[:disabled]:opacity-50',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:h-8 ds:text-[length:var(--font-size-sm)]',\n        md: 'ds:h-[var(--min-target-size)] ds:text-[length:var(--font-size-base)]',\n        lg: 'ds:h-12 ds:text-[length:var(--font-size-lg)]',\n      },\n      tone: {\n        default: 'ds:border-border',\n        error: 'ds:border-destructive ds:focus-within:outline-destructive',\n      },\n    },\n    defaultVariants: { size: 'md', tone: 'default' },\n  },\n);\n\nconst spinnerButton = [\n  'ds:inline-flex ds:items-center ds:justify-center',\n  'ds:h-full ds:shrink-0',\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:disabled:cursor-not-allowed ds:disabled:opacity-50',\n].join(' ');\n\nexport type { NumberInputMode };\n\nexport interface NumberInputProps\n  extends Omit<\n      InputHTMLAttributes<HTMLInputElement>,\n      'type' | 'onChange' | 'value' | 'defaultValue' | 'size'\n    >,\n    VariantProps<typeof numberInputVariants> {\n  /** Current numeric value (controlled). */\n  value?: number | null;\n  /** Initial value (uncontrolled). */\n  defaultValue?: number;\n  /** Fires with the parsed number (not a string). `null` when the field is empty. */\n  onChange?: (value: number | null) => void;\n  /** Minimum allowed value. Maps to `aria-valuemin`. */\n  min?: number;\n  /** Maximum allowed value. Maps to `aria-valuemax`. */\n  max?: number;\n  /** Increment step. Defaults to `1`. */\n  step?: number;\n  /** Display/parse mode. Defaults to `'integer'`. */\n  mode?: NumberInputMode;\n  /** ISO 4217 currency code, required when `mode='currency'`. */\n  currency?: string;\n  /** BCP 47 locale. Defaults to `navigator.language` or `'en-US'`. */\n  locale?: string;\n  /** Size variant. */\n  size?: 'sm' | 'md' | 'lg';\n  /** Additional class names on the wrapper. */\n  className?: string;\n}\n\nconst resolveDefaultLocale = (): string => {\n  if (typeof navigator !== 'undefined' && navigator.language) {\n    return navigator.language;\n  }\n  return 'en-US';\n};\n\nfunction decimalPlaces(n: number): number {\n  if (!Number.isFinite(n)) return 0;\n  const s = String(n);\n  const dot = s.indexOf('.');\n  if (dot === -1) return 0;\n  return s.length - dot - 1;\n}\n\nfunction roundToStep(value: number, step: number): number {\n  if (step <= 0 || !Number.isFinite(step)) return value;\n  const precision = decimalPlaces(step);\n  const factor = 10 ** precision;\n  return Math.round(value * factor) / factor;\n}\n\nexport const NumberInput = forwardRef<HTMLInputElement, NumberInputProps>(\n  (\n    {\n      value,\n      defaultValue,\n      onChange,\n      min,\n      max,\n      step = 1,\n      mode = 'integer',\n      currency,\n      locale,\n      size = 'md',\n      tone,\n      className,\n      id,\n      disabled,\n      onFocus,\n      onBlur,\n      onKeyDown,\n      ...rest\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 resolvedLocale = locale ?? resolveDefaultLocale();\n    const localeNumber = useLocaleNumber(resolvedLocale, mode, currency);\n    const { decimalSeparator, format: localeFormat, parse: localeParse } =\n      localeNumber;\n\n    const isControlled = value !== undefined;\n    const [internalValue, setInternalValue] = useState<number | null>(\n      defaultValue ?? null,\n    );\n    const currentValue: number | null = isControlled\n      ? (value ?? null)\n      : internalValue;\n\n    const formatForEdit = useCallback(\n      (n: number): string => {\n        const displayed = mode === 'percentage' ? n * 100 : n;\n        const raw = Number.isInteger(displayed)\n          ? String(displayed)\n          : displayed.toString();\n        return raw.replace('.', decimalSeparator);\n      },\n      [mode, decimalSeparator],\n    );\n\n    const formatCurrent = useCallback(\n      (n: number | null | undefined): string =>\n        n === null || n === undefined || Number.isNaN(n) ? '' : localeFormat(n),\n      [localeFormat],\n    );\n\n    const [inputText, setInputText] = useState<string>(() =>\n      formatCurrent(currentValue),\n    );\n    const isFocusedRef = useRef(false);\n    const [crossedBounds, setCrossedBounds] = useState(false);\n\n    useEffect(() => {\n      if (!isFocusedRef.current) {\n        setInputText(formatCurrent(currentValue));\n      }\n    }, [currentValue, formatCurrent]);\n\n    const computedInvalid =\n      crossedBounds ||\n      (currentValue !== null &&\n        ((min !== undefined && currentValue < min) ||\n          (max !== undefined && currentValue > max)));\n    const ariaInvalid = ctx.invalid || computedInvalid;\n    const effectiveTone: 'default' | 'error' = ariaInvalid\n      ? 'error'\n      : tone ?? 'default';\n\n    const commitValue = (next: number | null) => {\n      if (!isControlled) setInternalValue(next);\n      onChange?.(next);\n    };\n\n    const applyDelta = (multiplier: number) => {\n      const base = currentValue ?? 0;\n      let next = base + step * multiplier;\n      if (min !== undefined) next = Math.max(min, next);\n      if (max !== undefined) next = Math.min(max, next);\n      next = roundToStep(next, step);\n      commitValue(next);\n      setCrossedBounds(false);\n      setInputText(\n        isFocusedRef.current ? formatForEdit(next) : formatCurrent(next),\n      );\n    };\n\n    const jumpTo = (target: number) => {\n      commitValue(target);\n      setCrossedBounds(false);\n      setInputText(\n        isFocusedRef.current ? formatForEdit(target) : formatCurrent(target),\n      );\n    };\n\n    const handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n      onKeyDown?.(event);\n      if (event.defaultPrevented) return;\n      if (effectiveDisabled) return;\n\n      const { key, shiftKey } = event;\n      if (key === 'ArrowUp') {\n        event.preventDefault();\n        applyDelta(shiftKey ? 10 : 1);\n      } else if (key === 'ArrowDown') {\n        event.preventDefault();\n        applyDelta(shiftKey ? -10 : -1);\n      } else if (key === 'PageUp') {\n        event.preventDefault();\n        applyDelta(100);\n      } else if (key === 'PageDown') {\n        event.preventDefault();\n        applyDelta(-100);\n      } else if (key === 'Home' && min !== undefined) {\n        event.preventDefault();\n        jumpTo(min);\n      } else if (key === 'End' && max !== undefined) {\n        event.preventDefault();\n        jumpTo(max);\n      }\n    };\n\n    const handleInputChange = (event: ChangeEvent<HTMLInputElement>) => {\n      const text = event.target.value;\n      setInputText(text);\n      if (text.trim() === '') {\n        commitValue(null);\n        setCrossedBounds(false);\n        return;\n      }\n      const parsed = localeParse(text);\n      if (!Number.isNaN(parsed)) {\n        commitValue(parsed);\n      }\n    };\n\n    const handleFocus = (event: FocusEvent<HTMLInputElement>) => {\n      onFocus?.(event);\n      isFocusedRef.current = true;\n      if (currentValue !== null && currentValue !== undefined) {\n        setInputText(formatForEdit(currentValue));\n      }\n    };\n\n    const handleBlur = (event: FocusEvent<HTMLInputElement>) => {\n      onBlur?.(event);\n      isFocusedRef.current = false;\n\n      if (inputText.trim() === '') {\n        commitValue(null);\n        setCrossedBounds(false);\n        setInputText('');\n        return;\n      }\n      const parsed = localeParse(inputText);\n      if (Number.isNaN(parsed)) {\n        setInputText(formatCurrent(currentValue));\n        return;\n      }\n      const crossed =\n        (min !== undefined && parsed < min) ||\n        (max !== undefined && parsed > max);\n      setCrossedBounds(crossed);\n      commitValue(parsed);\n      setInputText(formatCurrent(parsed));\n    };\n\n    const preventButtonBlur = (event: MouseEvent<HTMLButtonElement>) => {\n      event.preventDefault();\n    };\n\n    const handleIncrement = () => applyDelta(1);\n    const handleDecrement = () => applyDelta(-1);\n\n    const decrementDisabled =\n      effectiveDisabled ||\n      (min !== undefined && currentValue !== null && currentValue <= min);\n    const incrementDisabled =\n      effectiveDisabled ||\n      (max !== undefined && currentValue !== null && currentValue >= max);\n\n    const valueNow = currentValue ?? undefined;\n    const valueTextNeeded =\n      (mode === 'currency' || mode === 'percentage') && currentValue !== null;\n    const valueText =\n      valueTextNeeded && currentValue !== null\n        ? localeFormat(currentValue)\n        : undefined;\n\n    const patternAttr =\n      localeNumber.inputMode === 'numeric' ? '[0-9]*' : undefined;\n\n    return (\n      <div\n        className={numberInputVariants({\n          size,\n          tone: effectiveTone,\n          className,\n        })}\n        data-component=\"number-input\"\n        data-mode={mode}\n      >\n        <button\n          type=\"button\"\n          tabIndex={-1}\n          aria-label={t('ui.inputs.number.decrement', 'Decrement')}\n          onClick={handleDecrement}\n          onMouseDown={preventButtonBlur}\n          disabled={decrementDisabled}\n          className={`${spinnerButton} ds:ps-2 ds:pe-1`}\n        >\n          <ChevronDown aria-hidden=\"true\" className=\"ds:size-4\" />\n        </button>\n        <input\n          ref={ref}\n          id={inputId}\n          type=\"text\"\n          role=\"spinbutton\"\n          inputMode={localeNumber.inputMode}\n          pattern={patternAttr}\n          autoComplete=\"off\"\n          value={inputText}\n          disabled={effectiveDisabled}\n          aria-valuemin={min}\n          aria-valuemax={max}\n          aria-valuenow={valueNow}\n          aria-valuetext={valueText}\n          aria-invalid={ariaInvalid || undefined}\n          aria-required={ctx.required || undefined}\n          aria-describedby={ctx.describedBy || undefined}\n          onChange={handleInputChange}\n          onFocus={handleFocus}\n          onBlur={handleBlur}\n          onKeyDown={handleKeyDown}\n          className=\"ds:flex-1 ds:w-full ds:min-w-0 ds:bg-transparent ds:outline-none ds:ps-2 ds:pe-2 ds:text-start ds:tabular-nums ds:disabled:cursor-not-allowed\"\n          {...rest}\n        />\n        <button\n          type=\"button\"\n          tabIndex={-1}\n          aria-label={t('ui.inputs.number.increment', 'Increment')}\n          onClick={handleIncrement}\n          onMouseDown={preventButtonBlur}\n          disabled={incrementDisabled}\n          className={`${spinnerButton} ds:ps-1 ds:pe-2`}\n        >\n          <ChevronUp aria-hidden=\"true\" className=\"ds:size-4\" />\n        </button>\n      </div>\n    );\n  },\n);\n\nNumberInput.displayName = 'NumberInput';\n"],"names":["normalizeDigits","text","result","ch","code","useLocaleNumber","locale","mode","currency","useMemo","parts","decimalSeparator","_a","p","groupingSeparator","_b","displayFormatter","format","value","parse","normalized","trimmed","hasMinus","cleaned","n","inputMode","maximumFractionDigits","numberInputVariants","cva","spinnerButton","resolveDefaultLocale","decimalPlaces","s","dot","roundToStep","step","factor","NumberInput","forwardRef","defaultValue","onChange","min","max","size","tone","className","id","disabled","onFocus","onBlur","onKeyDown","rest","ref","t","useTranslation","ctx","useFormField","inputId","effectiveDisabled","resolvedLocale","localeNumber","localeFormat","localeParse","isControlled","internalValue","setInternalValue","useState","currentValue","formatForEdit","useCallback","displayed","formatCurrent","inputText","setInputText","isFocusedRef","useRef","crossedBounds","setCrossedBounds","useEffect","computedInvalid","ariaInvalid","effectiveTone","commitValue","next","applyDelta","multiplier","jumpTo","target","handleKeyDown","event","key","shiftKey","handleInputChange","parsed","handleFocus","handleBlur","crossed","preventButtonBlur","handleIncrement","handleDecrement","decrementDisabled","incrementDisabled","valueNow","valueText","patternAttr","jsxs","jsx","ChevronDown","ChevronUp"],"mappings":"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"}

package/dist/_chunks/otp-input-De5_Ih7B.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"otp-input-De5_Ih7B.js","sources":["../../src/components/otp-input/otp-input.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n  type ChangeEvent,\n  type ClipboardEvent,\n  type FocusEvent,\n  type KeyboardEvent,\n} from 'react';\nimport { cva } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { useFormField } from '../form-field/form-field-context';\n\nconst wrapperVariants = cva('ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]');\n\nconst boxVariants = cva(\n  [\n    'ds:w-[var(--min-target-size)] ds:h-[var(--min-target-size)]',\n    'ds:rounded-[var(--radius-sm)]',\n    'ds:border ds:bg-background ds:text-foreground ds:text-center ds:font-medium ds:text-[length:var(--font-size-lg)]',\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:disabled:cursor-not-allowed ds:disabled:opacity-50',\n  ].join(' '),\n  {\n    variants: {\n      tone: {\n        default: 'ds:border-border',\n        error: 'ds:border-destructive',\n      },\n    },\n    defaultVariants: { tone: 'default' },\n  },\n);\n\nexport interface OTPInputProps {\n  length?: 4 | 6 | 8;\n  value?: string;\n  defaultValue?: string;\n  onChange?: (value: string) => void;\n  onComplete?: (code: string) => void;\n  disabled?: boolean;\n  error?: boolean;\n  label?: string;\n  className?: string;\n}\n\nfunction normaliseDigits(str: string): string {\n  return str\n    .replace(/[\\u0660-\\u0669]/g, (c) => String(c.charCodeAt(0) - 0x0660))\n    .replace(/[\\u06F0-\\u06F9]/g, (c) => String(c.charCodeAt(0) - 0x06f0));\n}\n\nfunction packValue(value: string, length: number): string {\n  return normaliseDigits(value).replace(/\\D/g, '').slice(0, length);\n}\n\nfunction valueToArray(value: string, length: number): string[] {\n  const packed = packValue(value, length);\n  const arr = new Array<string>(length).fill('');\n  for (let i = 0; i < packed.length; i += 1) {\n    arr[i] = packed[i];\n  }\n  return arr;\n}\n\nexport const OTPInput = forwardRef<HTMLDivElement, OTPInputProps>(\n  (\n    {\n      length = 6,\n      value,\n      defaultValue,\n      onChange,\n      onComplete,\n      disabled,\n      error,\n      label,\n      className,\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const ctx = useFormField();\n    const generatedLabelId = useId();\n    const labelId = label ? generatedLabelId : undefined;\n\n    const isControlled = value !== undefined;\n    const [internalValue, setInternalValue] = useState<string>(() =>\n      packValue(defaultValue ?? '', length),\n    );\n    const currentValue = packValue(isControlled ? value : internalValue, length);\n    const digits = valueToArray(currentValue, length);\n\n    const effectiveDisabled = ctx.disabled || Boolean(disabled);\n    const effectiveError = ctx.invalid || Boolean(error);\n    const effectiveTone = effectiveError ? 'error' : 'default';\n\n    const inputsRef = useRef<Array<HTMLInputElement | null>>([]);\n    const completedRef = useRef(currentValue.length === length);\n    const valueRef = useRef(currentValue);\n    valueRef.current = currentValue;\n\n    const computeInitialIndex = () => {\n      const firstEmpty = currentValue.length;\n      if (firstEmpty >= length) return length - 1;\n      return firstEmpty;\n    };\n    const [activeIndex, setActiveIndex] = useState<number>(computeInitialIndex);\n\n    useEffect(() => {\n      if (activeIndex >= length) setActiveIndex(length - 1);\n    }, [activeIndex, length]);\n\n    const focusBox = useCallback(\n      (index: number) => {\n        const clamped = Math.max(0, Math.min(length - 1, index));\n        setActiveIndex(clamped);\n        const node = inputsRef.current[clamped];\n        if (node) {\n          node.focus();\n          node.select();\n        }\n      },\n      [length],\n    );\n\n    const commit = useCallback(\n      (next: string) => {\n        const packed = packValue(next, length);\n        if (!isControlled) setInternalValue(packed);\n        valueRef.current = packed;\n        onChange?.(packed);\n        if (packed.length === length) {\n          if (!completedRef.current) {\n            completedRef.current = true;\n            onComplete?.(packed);\n          }\n        } else {\n          completedRef.current = false;\n        }\n      },\n      [isControlled, length, onChange, onComplete],\n    );\n\n    const handleChange =\n      (index: number) => (event: ChangeEvent<HTMLInputElement>) => {\n        const raw = event.target.value;\n        const norm = normaliseDigits(raw).replace(/\\D/g, '');\n        const current = valueRef.current;\n\n        if (norm.length === 0) {\n          if (raw === '' && index < current.length) {\n            const newValue = current.slice(0, index) + current.slice(index + 1);\n            commit(newValue);\n          }\n          return;\n        }\n\n        const before = current.slice(0, index);\n        const after = current.slice(index + norm.length);\n        const newValue = (before + norm + after).slice(0, length);\n        commit(newValue);\n\n        const focusTarget = Math.min(index + norm.length, length - 1);\n        focusBox(focusTarget);\n      };\n\n    const handleKeyDown =\n      (index: number) => (event: KeyboardEvent<HTMLInputElement>) => {\n        const current = valueRef.current;\n        if (event.key === 'Backspace') {\n          if (current[index]) {\n            event.preventDefault();\n            const newValue = current.slice(0, index) + current.slice(index + 1);\n            commit(newValue);\n            return;\n          }\n          if (index > 0) {\n            event.preventDefault();\n            const newValue = current.slice(0, index - 1) + current.slice(index);\n            commit(newValue);\n            focusBox(index - 1);\n          }\n          return;\n        }\n        if (event.key === 'ArrowLeft') {\n          event.preventDefault();\n          if (index > 0) focusBox(index - 1);\n          return;\n        }\n        if (event.key === 'ArrowRight') {\n          event.preventDefault();\n          if (index < length - 1) focusBox(index + 1);\n          return;\n        }\n        if (event.key === 'Home') {\n          event.preventDefault();\n          focusBox(0);\n          return;\n        }\n        if (event.key === 'End') {\n          event.preventDefault();\n          focusBox(length - 1);\n        }\n      };\n\n    const handlePaste =\n      (index: number) => (event: ClipboardEvent<HTMLInputElement>) => {\n        const text = event.clipboardData.getData('text');\n        const stripped = text.replace(/\\s+/g, '');\n        const norm = normaliseDigits(stripped);\n        if (!/^[0-9]+$/.test(norm)) return;\n        event.preventDefault();\n        const current = valueRef.current;\n        const before = current.slice(0, index);\n        const after = current.slice(index + norm.length);\n        const newValue = (before + norm + after).slice(0, length);\n        commit(newValue);\n        const focusTarget = Math.min(index + norm.length, length - 1);\n        focusBox(focusTarget);\n      };\n\n    const handleFocus =\n      (index: number) => (event: FocusEvent<HTMLInputElement>) => {\n        setActiveIndex(index);\n        event.currentTarget.select();\n      };\n\n    const baseId = ctx.id;\n\n    return (\n      <div className={wrapperVariants({ className })}>\n        {label ? (\n          <label\n            id={labelId}\n            htmlFor={`${baseId}-0`}\n            className=\"type-label ds:text-foreground\"\n          >\n            {label}\n          </label>\n        ) : null}\n        <div\n          ref={ref}\n          role=\"group\"\n          dir=\"ltr\"\n          aria-labelledby={labelId}\n          aria-invalid={effectiveError || undefined}\n          aria-describedby={ctx.describedBy || undefined}\n          aria-disabled={effectiveDisabled || undefined}\n          data-component=\"otp-input\"\n          className=\"ds:inline-flex ds:items-center ds:gap-[var(--spacing-sm)]\"\n        >\n          {digits.map((digit, index) => {\n            const isTabbable = !effectiveDisabled && index === activeIndex;\n            return (\n              <input\n                key={index}\n                ref={(node) => {\n                  inputsRef.current[index] = node;\n                }}\n                id={`${baseId}-${index}`}\n                type=\"text\"\n                inputMode=\"numeric\"\n                pattern=\"[0-9]*\"\n                autoComplete={index === 0 ? 'one-time-code' : 'off'}\n                maxLength={1}\n                value={digit}\n                disabled={effectiveDisabled}\n                tabIndex={isTabbable ? 0 : -1}\n                aria-label={t('ui.inputs.otp.digitLabel', {\n                  current: index + 1,\n                  total: length,\n                })}\n                onChange={handleChange(index)}\n                onKeyDown={handleKeyDown(index)}\n                onPaste={handlePaste(index)}\n                onFocus={handleFocus(index)}\n                className={boxVariants({ tone: effectiveTone })}\n              />\n            );\n          })}\n        </div>\n      </div>\n    );\n  },\n);\n\nOTPInput.displayName = 'OTPInput';\n"],"names":["wrapperVariants","cva","boxVariants","normaliseDigits","str","c","packValue","value","length","valueToArray","packed","arr","i","OTPInput","forwardRef","defaultValue","onChange","onComplete","disabled","error","label","className","ref","t","useTranslation","ctx","useFormField","generatedLabelId","useId","labelId","isControlled","internalValue","setInternalValue","useState","currentValue","digits","effectiveDisabled","effectiveError","effectiveTone","inputsRef","useRef","completedRef","valueRef","computeInitialIndex","firstEmpty","activeIndex","setActiveIndex","useEffect","focusBox","useCallback","index","clamped","node","commit","next","handleChange","event","raw","norm","current","newValue","before","after","focusTarget","handleKeyDown","handlePaste","stripped","handleFocus","baseId","jsx","digit","isTabbable"],"mappings":";;;;;AAgBA,MAAMA,KAAkBC,EAAI,gDAAgD,GAEtEC,KAAcD;AAAA,EAClB;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,EACA,KAAK,GAAG;AAAA,EACV;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,IAEF,iBAAiB,EAAE,MAAM,UAAA;AAAA,EAAU;AAEvC;AAcA,SAASE,EAAgBC,GAAqB;AAC5C,SAAOA,EACJ,QAAQ,oBAAoB,CAACC,MAAM,OAAOA,EAAE,WAAW,CAAC,IAAI,IAAM,CAAC,EACnE,QAAQ,oBAAoB,CAACA,MAAM,OAAOA,EAAE,WAAW,CAAC,IAAI,IAAM,CAAC;AACxE;AAEA,SAASC,EAAUC,GAAeC,GAAwB;AACxD,SAAOL,EAAgBI,CAAK,EAAE,QAAQ,OAAO,EAAE,EAAE,MAAM,GAAGC,CAAM;AAClE;AAEA,SAASC,GAAaF,GAAeC,GAA0B;AAC7D,QAAME,IAASJ,EAAUC,GAAOC,CAAM,GAChCG,IAAM,IAAI,MAAcH,CAAM,EAAE,KAAK,EAAE;AAC7C,WAASI,IAAI,GAAGA,IAAIF,EAAO,QAAQE,KAAK;AACtC,IAAAD,EAAIC,CAAC,IAAIF,EAAOE,CAAC;AAEnB,SAAOD;AACT;AAEO,MAAME,KAAWC;AAAA,EACtB,CACE;AAAA,IACE,QAAAN,IAAS;AAAA,IACT,OAAAD;AAAA,IACA,cAAAQ;AAAA,IACA,UAAAC;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC;AAAA,IACA,OAAAC;AAAA,IACA,OAAAC;AAAA,IACA,WAAAC;AAAA,EAAA,GAEFC,MACG;AACH,UAAM,EAAE,GAAAC,EAAA,IAAMC,GAAA,GACRC,IAAMC,GAAA,GACNC,IAAmBC,GAAA,GACnBC,IAAUT,IAAQO,IAAmB,QAErCG,IAAevB,MAAU,QACzB,CAACwB,GAAeC,CAAgB,IAAIC;AAAA,MAAiB,MACzD3B,EAAUS,KAAgB,IAAIP,CAAM;AAAA,IAAA,GAEhC0B,IAAe5B,EAAUwB,IAAevB,IAAQwB,GAAevB,CAAM,GACrE2B,IAAS1B,GAAayB,GAAc1B,CAAM,GAE1C4B,IAAoBX,EAAI,YAAY,EAAQP,GAC5CmB,IAAiBZ,EAAI,WAAW,EAAQN,GACxCmB,IAAgBD,IAAiB,UAAU,WAE3CE,IAAYC,EAAuC,EAAE,GACrDC,IAAeD,EAAON,EAAa,WAAW1B,CAAM,GACpDkC,IAAWF,EAAON,CAAY;AACpC,IAAAQ,EAAS,UAAUR;AAEnB,UAAMS,IAAsB,MAAM;AAChC,YAAMC,IAAaV,EAAa;AAChC,aAAIU,KAAcpC,IAAeA,IAAS,IACnCoC;AAAA,IACT,GACM,CAACC,GAAaC,CAAc,IAAIb,EAAiBU,CAAmB;AAE1E,IAAAI,GAAU,MAAM;AACd,MAAIF,KAAerC,KAAQsC,EAAetC,IAAS,CAAC;AAAA,IACtD,GAAG,CAACqC,GAAarC,CAAM,CAAC;AAExB,UAAMwC,IAAWC;AAAA,MACf,CAACC,MAAkB;AACjB,cAAMC,IAAU,KAAK,IAAI,GAAG,KAAK,IAAI3C,IAAS,GAAG0C,CAAK,CAAC;AACvD,QAAAJ,EAAeK,CAAO;AACtB,cAAMC,IAAOb,EAAU,QAAQY,CAAO;AACtC,QAAIC,MACFA,EAAK,MAAA,GACLA,EAAK,OAAA;AAAA,MAET;AAAA,MACA,CAAC5C,CAAM;AAAA,IAAA,GAGH6C,IAASJ;AAAA,MACb,CAACK,MAAiB;AAChB,cAAM5C,IAASJ,EAAUgD,GAAM9C,CAAM;AACrC,QAAKsB,KAAcE,EAAiBtB,CAAM,GAC1CgC,EAAS,UAAUhC,GACnBM,KAAA,QAAAA,EAAWN,IACPA,EAAO,WAAWF,IACfiC,EAAa,YAChBA,EAAa,UAAU,IACvBxB,KAAA,QAAAA,EAAaP,MAGf+B,EAAa,UAAU;AAAA,MAE3B;AAAA,MACA,CAACX,GAActB,GAAQQ,GAAUC,CAAU;AAAA,IAAA,GAGvCsC,IACJ,CAACL,MAAkB,CAACM,MAAyC;AAC3D,YAAMC,IAAMD,EAAM,OAAO,OACnBE,IAAOvD,EAAgBsD,CAAG,EAAE,QAAQ,OAAO,EAAE,GAC7CE,IAAUjB,EAAS;AAEzB,UAAIgB,EAAK,WAAW,GAAG;AACrB,YAAID,MAAQ,MAAMP,IAAQS,EAAQ,QAAQ;AACxC,gBAAMC,IAAWD,EAAQ,MAAM,GAAGT,CAAK,IAAIS,EAAQ,MAAMT,IAAQ,CAAC;AAClE,UAAAG,EAAOO,CAAQ;AAAA,QACjB;AACA;AAAA,MACF;AAEA,YAAMC,IAASF,EAAQ,MAAM,GAAGT,CAAK,GAC/BY,IAAQH,EAAQ,MAAMT,IAAQQ,EAAK,MAAM,GACzCE,KAAYC,IAASH,IAAOI,GAAO,MAAM,GAAGtD,CAAM;AACxD,MAAA6C,EAAOO,CAAQ;AAEf,YAAMG,IAAc,KAAK,IAAIb,IAAQQ,EAAK,QAAQlD,IAAS,CAAC;AAC5D,MAAAwC,EAASe,CAAW;AAAA,IACtB,GAEIC,IACJ,CAACd,MAAkB,CAACM,MAA2C;AAC7D,YAAMG,IAAUjB,EAAS;AACzB,UAAIc,EAAM,QAAQ,aAAa;AAC7B,YAAIG,EAAQT,CAAK,GAAG;AAClB,UAAAM,EAAM,eAAA;AACN,gBAAMI,IAAWD,EAAQ,MAAM,GAAGT,CAAK,IAAIS,EAAQ,MAAMT,IAAQ,CAAC;AAClE,UAAAG,EAAOO,CAAQ;AACf;AAAA,QACF;AACA,YAAIV,IAAQ,GAAG;AACb,UAAAM,EAAM,eAAA;AACN,gBAAMI,IAAWD,EAAQ,MAAM,GAAGT,IAAQ,CAAC,IAAIS,EAAQ,MAAMT,CAAK;AAClE,UAAAG,EAAOO,CAAQ,GACfZ,EAASE,IAAQ,CAAC;AAAA,QACpB;AACA;AAAA,MACF;AACA,UAAIM,EAAM,QAAQ,aAAa;AAC7B,QAAAA,EAAM,eAAA,GACFN,IAAQ,KAAGF,EAASE,IAAQ,CAAC;AACjC;AAAA,MACF;AACA,UAAIM,EAAM,QAAQ,cAAc;AAC9B,QAAAA,EAAM,eAAA,GACFN,IAAQ1C,IAAS,KAAGwC,EAASE,IAAQ,CAAC;AAC1C;AAAA,MACF;AACA,UAAIM,EAAM,QAAQ,QAAQ;AACxB,QAAAA,EAAM,eAAA,GACNR,EAAS,CAAC;AACV;AAAA,MACF;AACA,MAAIQ,EAAM,QAAQ,UAChBA,EAAM,eAAA,GACNR,EAASxC,IAAS,CAAC;AAAA,IAEvB,GAEIyD,IACJ,CAACf,MAAkB,CAACM,MAA4C;AAE9D,YAAMU,IADOV,EAAM,cAAc,QAAQ,MAAM,EACzB,QAAQ,QAAQ,EAAE,GAClCE,IAAOvD,EAAgB+D,CAAQ;AACrC,UAAI,CAAC,WAAW,KAAKR,CAAI,EAAG;AAC5B,MAAAF,EAAM,eAAA;AACN,YAAMG,IAAUjB,EAAS,SACnBmB,IAASF,EAAQ,MAAM,GAAGT,CAAK,GAC/BY,IAAQH,EAAQ,MAAMT,IAAQQ,EAAK,MAAM,GACzCE,KAAYC,IAASH,IAAOI,GAAO,MAAM,GAAGtD,CAAM;AACxD,MAAA6C,EAAOO,CAAQ;AACf,YAAMG,IAAc,KAAK,IAAIb,IAAQQ,EAAK,QAAQlD,IAAS,CAAC;AAC5D,MAAAwC,EAASe,CAAW;AAAA,IACtB,GAEII,IACJ,CAACjB,MAAkB,CAACM,MAAwC;AAC1D,MAAAV,EAAeI,CAAK,GACpBM,EAAM,cAAc,OAAA;AAAA,IACtB,GAEIY,IAAS3C,EAAI;AAEnB,6BACG,OAAA,EAAI,WAAWzB,GAAgB,EAAE,WAAAqB,EAAA,CAAW,GAC1C,UAAA;AAAA,MAAAD,IACC,gBAAAiD;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,IAAIxC;AAAA,UACJ,SAAS,GAAGuC,CAAM;AAAA,UAClB,WAAU;AAAA,UAET,UAAAhD;AAAA,QAAA;AAAA,MAAA,IAED;AAAA,MACJ,gBAAAiD;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,KAAA/C;AAAA,UACA,MAAK;AAAA,UACL,KAAI;AAAA,UACJ,mBAAiBO;AAAA,UACjB,gBAAcQ,KAAkB;AAAA,UAChC,oBAAkBZ,EAAI,eAAe;AAAA,UACrC,iBAAeW,KAAqB;AAAA,UACpC,kBAAe;AAAA,UACf,WAAU;AAAA,UAET,UAAAD,EAAO,IAAI,CAACmC,GAAOpB,MAAU;AAC5B,kBAAMqB,IAAa,CAACnC,KAAqBc,MAAUL;AACnD,mBACE,gBAAAwB;AAAA,cAAC;AAAA,cAAA;AAAA,gBAEC,KAAK,CAACjB,MAAS;AACb,kBAAAb,EAAU,QAAQW,CAAK,IAAIE;AAAA,gBAC7B;AAAA,gBACA,IAAI,GAAGgB,CAAM,IAAIlB,CAAK;AAAA,gBACtB,MAAK;AAAA,gBACL,WAAU;AAAA,gBACV,SAAQ;AAAA,gBACR,cAAcA,MAAU,IAAI,kBAAkB;AAAA,gBAC9C,WAAW;AAAA,gBACX,OAAOoB;AAAA,gBACP,UAAUlC;AAAA,gBACV,UAAUmC,IAAa,IAAI;AAAA,gBAC3B,cAAYhD,EAAE,4BAA4B;AAAA,kBACxC,SAAS2B,IAAQ;AAAA,kBACjB,OAAO1C;AAAA,gBAAA,CACR;AAAA,gBACD,UAAU+C,EAAaL,CAAK;AAAA,gBAC5B,WAAWc,EAAcd,CAAK;AAAA,gBAC9B,SAASe,EAAYf,CAAK;AAAA,gBAC1B,SAASiB,EAAYjB,CAAK;AAAA,gBAC1B,WAAWhD,GAAY,EAAE,MAAMoC,GAAe;AAAA,cAAA;AAAA,cArBzCY;AAAA,YAAA;AAAA,UAwBX,CAAC;AAAA,QAAA;AAAA,MAAA;AAAA,IACH,GACF;AAAA,EAEJ;AACF;AAEArC,GAAS,cAAc;"}

package/dist/_chunks/pagination.agent-oEaqmtx5.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pagination.agent-oEaqmtx5.js","sources":["../../src/components/pagination/pagination.tsx","../../src/components/pagination/pagination.agent.ts"],"sourcesContent":["import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useMemo,\n  useState,\n  type ComponentPropsWithoutRef,\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 {\n  ChevronLeft,\n  ChevronRight,\n  ChevronsLeft,\n  ChevronsRight,\n  MoreHorizontal,\n  Check,\n} from 'lucide-react';\n\n/* -------------------------------------------------------------------- */\n/* Sizes                                                                 */\n/* -------------------------------------------------------------------- */\n\ntype PaginationSize = 'sm' | 'md' | 'lg';\n\nconst buttonBase = [\n  'ds:inline-flex ds:items-center ds:justify-center',\n  'ds:rounded-[var(--radius-sm)]',\n  'ds:border ds:border-transparent',\n  'ds:font-[var(--font-weight-medium)]',\n  'ds:text-[var(--foreground)]',\n  'ds:select-none',\n  'ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n  'ds:hover:bg-[var(--muted)]/20',\n  'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n  'ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n  'ds:disabled:cursor-not-allowed ds:disabled:opacity-50',\n  'ds:aria-disabled:cursor-not-allowed ds:aria-disabled:opacity-50',\n].join(' ');\n\nconst paginationButtonVariants = cva(buttonBase, {\n  variants: {\n    size: {\n      sm: 'ds:min-w-[var(--min-target-size)] ds:min-h-[var(--min-target-size)] ds:text-[length:var(--font-size-sm)] ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)]',\n      md: 'ds:min-w-[var(--min-target-size)] ds:min-h-[var(--min-target-size)] ds:text-[length:var(--font-size-base)] ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]',\n      lg: 'ds:min-w-[3rem] ds:min-h-[3rem] ds:text-[length:var(--font-size-lg)] ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]',\n    },\n    active: {\n      true: 'ds:bg-[var(--primary)] ds:text-[var(--primary-foreground)] ds:font-[var(--font-weight-bold)] ds:outline ds:outline-1 ds:outline-[var(--primary)] ds:hover:bg-[var(--primary-hover)]',\n      false: '',\n    },\n  },\n  defaultVariants: { size: 'md', active: false },\n});\n\n/* -------------------------------------------------------------------- */\n/* Range helper                                                          */\n/* -------------------------------------------------------------------- */\n\ntype PageToken = number | 'ellipsis-start' | 'ellipsis-end';\n\nfunction range(start: number, end: number): number[] {\n  const out: number[] = [];\n  for (let i = start; i <= end; i++) out.push(i);\n  return out;\n}\n\nexport function buildPageRange(\n  current: number,\n  totalPages: number,\n  siblingCount = 1,\n  boundaryCount = 1,\n): PageToken[] {\n  if (totalPages <= 0) return [];\n  // Clamp to sensible minima so extreme consumer inputs don't surface\n  // ranges like `[1, 3, 5]` with no ellipsis between boundaries.\n  siblingCount = Math.max(0, siblingCount);\n  boundaryCount = Math.max(1, boundaryCount);\n  const totalNumbers = boundaryCount * 2 + siblingCount * 2 + 3;\n  if (totalNumbers >= totalPages) return range(1, totalPages);\n\n  const startPages = range(1, boundaryCount);\n  const endPages = range(totalPages - boundaryCount + 1, totalPages);\n\n  const siblingStart = Math.max(\n    Math.min(current - siblingCount, totalPages - boundaryCount - siblingCount * 2 - 1),\n    boundaryCount + 2,\n  );\n  const siblingEnd = Math.min(\n    Math.max(current + siblingCount, boundaryCount + siblingCount * 2 + 2),\n    endPages[0] - 2,\n  );\n\n  const tokens: PageToken[] = [...startPages];\n\n  if (siblingStart > boundaryCount + 2) tokens.push('ellipsis-start');\n  else if (boundaryCount + 1 < totalPages - boundaryCount) tokens.push(boundaryCount + 1);\n\n  tokens.push(...range(siblingStart, siblingEnd));\n\n  if (siblingEnd < totalPages - boundaryCount - 1) tokens.push('ellipsis-end');\n  else if (totalPages - boundaryCount > boundaryCount) tokens.push(totalPages - boundaryCount);\n\n  tokens.push(...endPages);\n  return tokens;\n}\n\n/* -------------------------------------------------------------------- */\n/* Root                                                                  */\n/* -------------------------------------------------------------------- */\n\nexport interface PaginationProps extends ComponentPropsWithoutRef<'nav'> {\n  /** Total number of pages. */\n  totalPages: number;\n  /** Controlled current page (1-indexed). */\n  page?: number;\n  /** Default current page for uncontrolled use. */\n  defaultPage?: number;\n  /** Fires when the current page changes. */\n  onPageChange?: (page: number) => void;\n  /** Siblings shown on either side of the active page. @default 1 */\n  siblingCount?: number;\n  /** Boundary pages kept at each end. @default 1 */\n  boundaryCount?: number;\n  /** Visual size. @default 'md' */\n  size?: PaginationSize;\n  /** Show \"first\"/\"last\" chevrons alongside prev/next. @default false */\n  showEndpoints?: boolean;\n  /** Horizontal alignment of the pagination within its container. @default 'center' */\n  align?: 'start' | 'center' | 'end';\n  /** Optional page-size select config. */\n  pageSize?: {\n    value: number;\n    options?: number[];\n    onChange: (size: number) => void;\n  };\n  /** Use `Intl.NumberFormat` for page numbers (Arabic-Indic digits, etc.). */\n  useLocaleDigits?: boolean;\n  /** Locale override for digit formatting. */\n  locale?: string;\n}\n\nconst Pagination = forwardRef<HTMLElement, PaginationProps>(\n  (\n    {\n      totalPages,\n      page: controlledPage,\n      defaultPage = 1,\n      onPageChange,\n      siblingCount = 1,\n      boundaryCount = 1,\n      size = 'md',\n      showEndpoints = false,\n      align = 'center',\n      pageSize,\n      useLocaleDigits = false,\n      locale,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t, i18n } = useTranslation();\n\n    const isControlled = controlledPage !== undefined;\n    const [uncontrolledPage, setUncontrolledPage] = useState(defaultPage);\n    const currentPage = isControlled ? controlledPage! : uncontrolledPage;\n\n    useEffect(() => {\n      if (isControlled && defaultPage !== 1) {\n        // eslint-disable-next-line no-console\n        console.warn(\n          '[Pagination] Both `page` and `defaultPage` were supplied. The `page` prop wins; remove `defaultPage` for controlled usage.',\n        );\n      }\n    }, [isControlled, defaultPage]);\n\n    const handleChange = useCallback(\n      (next: number) => {\n        const clamped = Math.min(Math.max(next, 1), Math.max(1, totalPages));\n        if (!isControlled) setUncontrolledPage(clamped);\n        onPageChange?.(clamped);\n      },\n      [isControlled, onPageChange, totalPages],\n    );\n\n    const formatNumber = useCallback(\n      (n: number) => {\n        if (!useLocaleDigits) return String(n);\n        try {\n          return new Intl.NumberFormat(locale ?? i18n.language).format(n);\n        } catch {\n          return String(n);\n        }\n      },\n      [i18n.language, locale, useLocaleDigits],\n    );\n\n    const tokens = useMemo(\n      () => buildPageRange(currentPage, totalPages, siblingCount, boundaryCount),\n      [currentPage, totalPages, siblingCount, boundaryCount],\n    );\n\n    const atFirst = currentPage <= 1;\n    const atLast = currentPage >= totalPages;\n\n    const justifyClass =\n      align === 'start'\n        ? 'ds:justify-start'\n        : align === 'end'\n          ? 'ds:justify-end'\n          : 'ds:justify-center';\n\n    return (\n      <nav\n        ref={ref}\n        aria-label={t('ui.navigation.pagination.label')}\n        data-component=\"pagination\"\n        className={[\n          'ds:flex ds:items-center',\n          justifyClass,\n          'ds:gap-[var(--spacing-sm)]',\n          'ds:flex-wrap',\n          className ?? '',\n        ]\n          .filter(Boolean)\n          .join(' ')}\n        {...rest}\n      >\n        <PaginationList size={size}>\n          {showEndpoints ? (\n            <PaginationItem>\n              <PaginationEndpoint\n                type=\"first\"\n                size={size}\n                disabled={atFirst}\n                onClick={() => handleChange(1)}\n              />\n            </PaginationItem>\n          ) : null}\n          <PaginationItem>\n            <PaginationPrevious\n              size={size}\n              disabled={atFirst}\n              onClick={() => handleChange(currentPage - 1)}\n            />\n          </PaginationItem>\n          {tokens.map((token, i) => {\n            if (token === 'ellipsis-start' || token === 'ellipsis-end') {\n              return (\n                <PaginationItem key={`e-${i}`}>\n                  <PaginationEllipsis />\n                </PaginationItem>\n              );\n            }\n            return (\n              <PaginationItem key={`p-${token}`}>\n                <PaginationLink\n                  size={size}\n                  isActive={token === currentPage}\n                  aria-label={t('ui.navigation.pagination.pageN', { n: token })}\n                  onClick={() => handleChange(token)}\n                >\n                  {formatNumber(token)}\n                </PaginationLink>\n              </PaginationItem>\n            );\n          })}\n          <PaginationItem>\n            <PaginationNext\n              size={size}\n              disabled={atLast}\n              onClick={() => handleChange(currentPage + 1)}\n            />\n          </PaginationItem>\n          {showEndpoints ? (\n            <PaginationItem>\n              <PaginationEndpoint\n                type=\"last\"\n                size={size}\n                disabled={atLast}\n                onClick={() => handleChange(totalPages)}\n              />\n            </PaginationItem>\n          ) : null}\n        </PaginationList>\n        {pageSize ? (\n          <PageSizeSelect\n            size={size}\n            value={pageSize.value}\n            options={pageSize.options ?? [10, 25, 50, 100]}\n            onChange={pageSize.onChange}\n            formatNumber={formatNumber}\n          />\n        ) : null}\n      </nav>\n    );\n  },\n);\nPagination.displayName = 'Pagination';\n\n/* -------------------------------------------------------------------- */\n/* List + item                                                           */\n/* -------------------------------------------------------------------- */\n\nexport interface PaginationListProps extends ComponentPropsWithoutRef<'ul'> {\n  size?: PaginationSize;\n}\n\nconst PaginationList = forwardRef<HTMLUListElement, PaginationListProps>(\n  ({ children, className, ...rest }, ref) => (\n    <ul\n      ref={ref}\n      className={[\n        'ds:flex ds:items-center',\n        'ds:gap-[var(--spacing-xs)]',\n        'ds:m-0 ds:ps-0',\n        'ds:list-none',\n        className ?? '',\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      {...rest}\n    >\n      {children}\n    </ul>\n  ),\n);\nPaginationList.displayName = 'PaginationList';\n\nexport interface PaginationItemProps extends ComponentPropsWithoutRef<'li'> {}\n\nconst PaginationItem = forwardRef<HTMLLIElement, PaginationItemProps>(\n  ({ children, className, ...rest }, ref) => (\n    <li ref={ref} className={className} {...rest}>\n      {children}\n    </li>\n  ),\n);\nPaginationItem.displayName = 'PaginationItem';\n\n/* -------------------------------------------------------------------- */\n/* Link                                                                  */\n/* -------------------------------------------------------------------- */\n\nexport interface PaginationLinkProps\n  extends Omit<ComponentPropsWithoutRef<'button'>, 'size'>,\n    VariantProps<typeof paginationButtonVariants> {\n  isActive?: boolean;\n  size?: PaginationSize;\n}\n\nconst PaginationLink = forwardRef<HTMLButtonElement, PaginationLinkProps>(\n  ({ isActive = false, size = 'md', className, children, ...rest }, ref) => (\n    <button\n      ref={ref}\n      type=\"button\"\n      aria-current={isActive ? 'page' : undefined}\n      className={paginationButtonVariants({\n        size,\n        active: isActive,\n        className,\n      })}\n      {...rest}\n    >\n      {children}\n    </button>\n  ),\n);\nPaginationLink.displayName = 'PaginationLink';\n\n/* -------------------------------------------------------------------- */\n/* Previous / Next / Endpoint buttons                                    */\n/* -------------------------------------------------------------------- */\n\ninterface NavButtonProps {\n  size?: PaginationSize;\n  disabled?: boolean;\n  onClick?: () => void;\n}\n\nconst chevronClasses = 'ds:size-4 ds:rtl:-scale-x-100';\n\nconst PaginationPrevious = forwardRef<HTMLButtonElement, NavButtonProps>(\n  ({ size = 'md', disabled, onClick }, ref) => {\n    const { t } = useTranslation();\n    const label = t('ui.navigation.pagination.previous');\n    return (\n      <button\n        ref={ref}\n        type=\"button\"\n        aria-label={label}\n        aria-disabled={disabled || undefined}\n        disabled={disabled}\n        onClick={onClick}\n        className={paginationButtonVariants({ size })}\n      >\n        <ChevronLeft aria-hidden=\"true\" className={chevronClasses} />\n      </button>\n    );\n  },\n);\nPaginationPrevious.displayName = 'PaginationPrevious';\n\nconst PaginationNext = forwardRef<HTMLButtonElement, NavButtonProps>(\n  ({ size = 'md', disabled, onClick }, ref) => {\n    const { t } = useTranslation();\n    const label = t('ui.navigation.pagination.next');\n    return (\n      <button\n        ref={ref}\n        type=\"button\"\n        aria-label={label}\n        aria-disabled={disabled || undefined}\n        disabled={disabled}\n        onClick={onClick}\n        className={paginationButtonVariants({ size })}\n      >\n        <ChevronRight aria-hidden=\"true\" className={chevronClasses} />\n      </button>\n    );\n  },\n);\nPaginationNext.displayName = 'PaginationNext';\n\ninterface EndpointProps extends NavButtonProps {\n  type: 'first' | 'last';\n}\n\nconst PaginationEndpoint = forwardRef<HTMLButtonElement, EndpointProps>(\n  ({ type, size = 'md', disabled, onClick }, ref) => {\n    const { t } = useTranslation();\n    const label =\n      type === 'first'\n        ? t('ui.navigation.pagination.first')\n        : t('ui.navigation.pagination.last');\n    const Icon = type === 'first' ? ChevronsLeft : ChevronsRight;\n    return (\n      <button\n        ref={ref}\n        type=\"button\"\n        aria-label={label}\n        aria-disabled={disabled || undefined}\n        disabled={disabled}\n        onClick={onClick}\n        className={paginationButtonVariants({ size })}\n      >\n        <Icon aria-hidden=\"true\" className={chevronClasses} />\n      </button>\n    );\n  },\n);\nPaginationEndpoint.displayName = 'PaginationEndpoint';\n\n/* -------------------------------------------------------------------- */\n/* Ellipsis                                                              */\n/* -------------------------------------------------------------------- */\n\nexport interface PaginationEllipsisProps extends ComponentPropsWithoutRef<'span'> {}\n\nconst PaginationEllipsis = forwardRef<HTMLSpanElement, PaginationEllipsisProps>(\n  ({ className, ...rest }, ref) => (\n    <span\n      ref={ref}\n      aria-hidden=\"true\"\n      role=\"presentation\"\n      className={[\n        'ds:inline-flex ds:items-center ds:justify-center',\n        'ds:min-w-[var(--min-target-size)] ds:min-h-[var(--min-target-size)]',\n        'ds:text-[var(--muted-foreground)]',\n        className ?? '',\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      {...rest}\n    >\n      <MoreHorizontal aria-hidden=\"true\" className=\"ds:size-4\" />\n    </span>\n  ),\n);\nPaginationEllipsis.displayName = 'PaginationEllipsis';\n\n/* -------------------------------------------------------------------- */\n/* Page-size select                                                      */\n/* -------------------------------------------------------------------- */\n\ninterface PageSizeSelectProps {\n  size: PaginationSize;\n  value: number;\n  options: number[];\n  onChange: (size: number) => void;\n  formatNumber: (n: number) => string;\n}\n\nconst selectTriggerClasses = [\n  'ds:inline-flex ds:items-center ds:justify-between ds:gap-[var(--spacing-xs)]',\n  'ds:rounded-[var(--radius-sm)] ds:border ds:border-[var(--border)] ds:bg-[var(--background)]',\n  'ds:text-[var(--foreground)]',\n  'ds:min-h-[var(--min-target-size)] ds:min-w-[6rem]',\n  'ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]',\n  'ds:text-[var(--font-size-sm)]',\n  'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n  'ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n].join(' ');\n\nconst selectContentClasses = [\n  'ds:z-[var(--z-dropdown)] ds:overflow-hidden',\n  'ds:rounded-[var(--radius-md)] ds:border ds:border-[var(--border)]',\n  'ds:bg-[var(--background)] ds:text-[var(--foreground)]',\n  'ds:shadow-[var(--shadow-lg)]',\n  'ds:animate-in ds:fade-in ds:zoom-in-95 ds:motion-reduce:animate-none',\n].join(' ');\n\nconst selectItemClasses = [\n  'ds:relative ds:flex ds:cursor-pointer ds:items-center',\n  'ds:min-h-[var(--min-target-size)]',\n  'ds:ps-[var(--spacing-xl)] ds:pe-[var(--spacing-sm)]',\n  'ds:rounded-[var(--radius-sm)]',\n  'ds:text-[var(--foreground)] ds:outline-none ds:select-none',\n  'ds:data-[highlighted]:bg-[var(--muted)]/20',\n  'ds:data-[disabled]:pointer-events-none ds:data-[disabled]:opacity-50',\n].join(' ');\n\nfunction PageSizeSelect({ value, options, onChange, formatNumber }: PageSizeSelectProps) {\n  const { t } = useTranslation();\n  const labelId = useId();\n  return (\n    <div className=\"ds:flex ds:items-center ds:gap-[var(--spacing-sm)]\">\n      <span\n        id={labelId}\n        className=\"type-label ds:text-[var(--muted-foreground)]\"\n      >\n        {t('ui.navigation.pagination.rowsPerPage')}\n      </span>\n      <RadixSelect.Root\n        value={String(value)}\n        onValueChange={(v) => onChange(Number(v))}\n      >\n        <RadixSelect.Trigger\n          aria-labelledby={labelId}\n          className={selectTriggerClasses}\n        >\n          <RadixSelect.Value />\n          <RadixSelect.Icon asChild>\n            <ChevronRight aria-hidden=\"true\" className=\"ds:size-3 ds:rotate-90\" />\n          </RadixSelect.Icon>\n        </RadixSelect.Trigger>\n        <RadixSelect.Portal>\n          <RadixSelect.Content className={selectContentClasses} position=\"popper\">\n            <RadixSelect.Viewport className=\"ds:p-[var(--spacing-xs)]\">\n              {options.map((o) => (\n                <RadixSelect.Item\n                  key={o}\n                  value={String(o)}\n                  className={selectItemClasses}\n                >\n                  <RadixSelect.ItemIndicator className=\"ds:absolute ds:inline-flex ds:items-center ds:justify-center ds:start-[var(--spacing-sm)]\">\n                    <Check aria-hidden=\"true\" className=\"ds:size-3.5\" />\n                  </RadixSelect.ItemIndicator>\n                  <RadixSelect.ItemText>{formatNumber(o)}</RadixSelect.ItemText>\n                </RadixSelect.Item>\n              ))}\n            </RadixSelect.Viewport>\n          </RadixSelect.Content>\n        </RadixSelect.Portal>\n      </RadixSelect.Root>\n    </div>\n  );\n}\n\n/* -------------------------------------------------------------------- */\n/* Exports                                                               */\n/* -------------------------------------------------------------------- */\n\nexport {\n  Pagination,\n  PaginationList,\n  PaginationItem,\n  PaginationLink,\n  PaginationPrevious,\n  PaginationNext,\n  PaginationEllipsis,\n};\n","import type { AgentAdapter } from '../../agent/types';\n\nexport const paginationAgent: AgentAdapter<unknown> = {\n  id: 'pagination',\n  capabilities: ['paginate', 'range_navigate'],\n  state: {},\n  actions: {},\n  domHooks: {\n    root: { attr: 'data-component', value: 'pagination' },\n  },\n};\n"],"names":["buttonBase","paginationButtonVariants","cva","range","start","end","out","i","buildPageRange","current","totalPages","siblingCount","boundaryCount","startPages","endPages","siblingStart","siblingEnd","tokens","Pagination","forwardRef","controlledPage","defaultPage","onPageChange","size","showEndpoints","align","pageSize","useLocaleDigits","locale","className","rest","ref","t","i18n","useTranslation","isControlled","uncontrolledPage","setUncontrolledPage","useState","currentPage","useEffect","handleChange","useCallback","next","clamped","formatNumber","n","useMemo","atFirst","atLast","justifyClass","jsxs","PaginationList","PaginationItem","jsx","PaginationEndpoint","PaginationPrevious","token","PaginationEllipsis","PaginationLink","PaginationNext","PageSizeSelect","children","isActive","chevronClasses","disabled","onClick","label","ChevronLeft","ChevronRight","type","Icon","ChevronsLeft","ChevronsRight","MoreHorizontal","selectTriggerClasses","selectContentClasses","selectItemClasses","value","options","onChange","labelId","useId","RadixSelect","v","o","Check","paginationAgent"],"mappings":"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"}

package/dist/_chunks/password-input-DJDVznWH.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"password-input-DJDVznWH.js","sources":["../../node_modules/lucide-react/dist/esm/icons/eye.js","../../src/components/password-input/password-input.tsx"],"sourcesContent":["/**\n * @license lucide-react v1.8.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\n    \"path\",\n    {\n      d: \"M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0\",\n      key: \"1nclc0\"\n    }\n  ],\n  [\"circle\", { cx: \"12\", cy: \"12\", r: \"3\", key: \"1v7zrd\" }]\n];\nconst Eye = createLucideIcon(\"eye\", __iconNode);\n\nexport { __iconNode, Eye as default };\n//# sourceMappingURL=eye.js.map\n","import {\n  forwardRef,\n  useCallback,\n  useState,\n  type FocusEvent,\n  type KeyboardEvent,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { AlertTriangle, Eye, EyeOff } from 'lucide-react';\nimport { TextInput, type TextInputProps } from '../text-input';\nimport { useFormField } from '../form-field/form-field-context';\n\ntype Strength = 0 | 1 | 2 | 3;\n\ntype SizeKey = NonNullable<TextInputProps['size']>;\n\nconst iconSizeClassBySize: Record<SizeKey, string> = {\n  sm: 'ds:size-4',\n  md: 'ds:size-[18px]',\n  lg: 'ds:size-5',\n};\n\nconst toggleVariants = cva(\n  [\n    'ds:absolute ds:inset-y-0 ds:end-0 ds:ps-2 ds:pe-3',\n    'ds:inline-flex ds:items-center ds:justify-center',\n    'ds:text-muted-foreground ds:hover:text-foreground',\n    'ds:bg-transparent ds:border-0 ds:cursor-pointer',\n    'ds:rounded-[var(--radius-sm)]',\n    'ds:min-w-[var(--min-target-size)]',\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\nconst strengthTrackVariants = cva(\n  'ds:h-1 ds:w-full ds:overflow-hidden ds:rounded-[var(--radius-full)] ds:bg-muted',\n);\n\nconst strengthBarVariants = cva(\n  [\n    'ds:h-full ds:rounded-[var(--radius-full)]',\n    'ds:transition-all ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n  ].join(' '),\n  {\n    variants: {\n      level: {\n        0: 'ds:w-1/4 ds:bg-destructive',\n        1: 'ds:w-1/2 ds:bg-warning',\n        2: 'ds:w-3/4 ds:bg-success',\n        3: 'ds:w-full ds:bg-success',\n      },\n    },\n    defaultVariants: { level: 0 },\n  },\n);\n\nconst strengthLabelByLevel: Record<Strength, 'weak' | 'fair' | 'good' | 'strong'> = {\n  0: 'weak',\n  1: 'fair',\n  2: 'good',\n  3: 'strong',\n};\n\nexport interface PasswordInputProps\n  extends Omit<TextInputProps, 'type' | 'endAdornment' | 'startAdornment'>,\n    VariantProps<typeof strengthBarVariants> {\n  /** Callback when reveal state changes (for analytics). */\n  onRevealChange?: (revealed: boolean) => void;\n  /** Show the strength meter below the input. */\n  showStrength?: boolean;\n  /** Strength score: 0 = weak, 1 = fair, 2 = good, 3 = strong. */\n  strength?: Strength;\n  /**\n   * Autocomplete hint. Defaults to 'current-password'.\n   * Use 'new-password' for registration/change-password forms.\n   */\n  autoComplete?: 'current-password' | 'new-password' | (string & {});\n}\n\nexport const PasswordInput = forwardRef<HTMLInputElement, PasswordInputProps>(\n  (\n    {\n      onRevealChange,\n      showStrength = false,\n      strength = 0,\n      autoComplete,\n      size = 'md',\n      disabled,\n      name,\n      onKeyDown,\n      onKeyUp,\n      onBlur,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const ctx = useFormField();\n    const effectiveDisabled = ctx.disabled || disabled;\n\n    const [revealed, setRevealed] = useState(false);\n    const [capsLock, setCapsLock] = useState(false);\n\n    const handleToggle = useCallback(() => {\n      setRevealed((prev) => {\n        const next = !prev;\n        onRevealChange?.(next);\n        return next;\n      });\n    }, [onRevealChange]);\n\n    const detectCaps = useCallback(\n      (event: KeyboardEvent<HTMLInputElement>) => {\n        if (typeof event.getModifierState === 'function') {\n          setCapsLock(event.getModifierState('CapsLock'));\n        }\n      },\n      [],\n    );\n\n    const handleKeyDown = useCallback(\n      (event: KeyboardEvent<HTMLInputElement>) => {\n        detectCaps(event);\n        onKeyDown?.(event);\n      },\n      [detectCaps, onKeyDown],\n    );\n\n    const handleKeyUp = useCallback(\n      (event: KeyboardEvent<HTMLInputElement>) => {\n        detectCaps(event);\n        onKeyUp?.(event);\n      },\n      [detectCaps, onKeyUp],\n    );\n\n    const handleBlur = useCallback(\n      (event: FocusEvent<HTMLInputElement>) => {\n        setCapsLock(false);\n        onBlur?.(event);\n      },\n      [onBlur],\n    );\n\n    const iconSizeClass = iconSizeClassBySize[size];\n    const toggleLabel = t(\n      revealed ? 'ui.inputs.password.toggleHide' : 'ui.inputs.password.toggleShow',\n      revealed ? 'Hide password' : 'Show password',\n    );\n\n    const strengthKey = strengthLabelByLevel[strength];\n    const strengthText = t(\n      `ui.inputs.password.strength.${strengthKey}`,\n      strengthKey.charAt(0).toUpperCase() + strengthKey.slice(1),\n    );\n\n    return (\n      <div data-component=\"password-input\" className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]\">\n        <div className=\"ds:relative\">\n          <TextInput\n            ref={ref}\n            type={revealed ? 'text' : 'password'}\n            autoComplete={autoComplete ?? 'current-password'}\n            name={name ?? 'password'}\n            spellCheck={false}\n            autoCapitalize=\"none\"\n            autoCorrect=\"off\"\n            size={size}\n            disabled={effectiveDisabled}\n            onKeyDown={handleKeyDown}\n            onKeyUp={handleKeyUp}\n            onBlur={handleBlur}\n            endAdornment={<span aria-hidden=\"true\" className=\"ds:block ds:size-4\" />}\n            className={className}\n            {...rest}\n          />\n          <button\n            type=\"button\"\n            aria-pressed={revealed}\n            aria-label={toggleLabel}\n            disabled={effectiveDisabled}\n            onClick={handleToggle}\n            className={toggleVariants()}\n          >\n            {revealed ? (\n              <EyeOff aria-hidden=\"true\" className={iconSizeClass} />\n            ) : (\n              <Eye aria-hidden=\"true\" className={iconSizeClass} />\n            )}\n          </button>\n        </div>\n\n        {capsLock ? (\n          <span\n            role=\"status\"\n            aria-live=\"polite\"\n            className=\"ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)] type-meta ds:text-warning\"\n          >\n            <AlertTriangle aria-hidden=\"true\" className=\"ds:size-3.5\" />\n            {t('ui.inputs.password.capsLock', 'Caps Lock is on')}\n          </span>\n        ) : null}\n\n        {showStrength ? (\n          <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]\">\n            <div\n              role=\"progressbar\"\n              aria-valuenow={strength}\n              aria-valuemin={0}\n              aria-valuemax={3}\n              aria-label={t(\n                'ui.inputs.password.strengthLabel',\n                'Password strength',\n              )}\n              aria-valuetext={strengthText}\n              className={strengthTrackVariants()}\n            >\n              <div className={strengthBarVariants({ level: strength })} />\n            </div>\n            <span\n              aria-hidden=\"true\"\n              className=\"type-meta ds:text-muted-foreground\"\n            >\n              {strengthText}\n            </span>\n          </div>\n        ) : null}\n      </div>\n    );\n  },\n);\n\nPasswordInput.displayName = 'PasswordInput';\n"],"names":["__iconNode","Eye","createLucideIcon","iconSizeClassBySize","toggleVariants","cva","strengthTrackVariants","strengthBarVariants","strengthLabelByLevel","PasswordInput","forwardRef","onRevealChange","showStrength","strength","autoComplete","size","disabled","name","onKeyDown","onKeyUp","onBlur","className","rest","ref","t","useTranslation","effectiveDisabled","useFormField","revealed","setRevealed","useState","capsLock","setCapsLock","handleToggle","useCallback","prev","next","detectCaps","event","handleKeyDown","handleKeyUp","handleBlur","iconSizeClass","toggleLabel","strengthKey","strengthText","jsxs","jsx","TextInput","EyeOff","AlertTriangle"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/_chunks/patient-shell-DP54y6rc.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"patient-shell-DP54y6rc.js","sources":["../../node_modules/lucide-react/dist/esm/icons/maximize-2.js","../../node_modules/lucide-react/dist/esm/icons/settings.js","../../src/patterns/patient-shell/patient-shell.tsx"],"sourcesContent":["/**\n * @license lucide-react v1.8.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\"path\", { d: \"M15 3h6v6\", key: \"1q9fwt\" }],\n  [\"path\", { d: \"m21 3-7 7\", key: \"1l2asr\" }],\n  [\"path\", { d: \"m3 21 7-7\", key: \"tjx5ai\" }],\n  [\"path\", { d: \"M9 21H3v-6\", key: \"wtvkvv\" }]\n];\nconst Maximize2 = createLucideIcon(\"maximize-2\", __iconNode);\n\nexport { __iconNode, Maximize2 as default };\n//# sourceMappingURL=maximize-2.js.map\n","/**\n * @license lucide-react v1.8.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\n    \"path\",\n    {\n      d: \"M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915\",\n      key: \"1i5ecw\"\n    }\n  ],\n  [\"circle\", { cx: \"12\", cy: \"12\", r: \"3\", key: \"1v7zrd\" }]\n];\nconst Settings = createLucideIcon(\"settings\", __iconNode);\n\nexport { __iconNode, Settings as default };\n//# sourceMappingURL=settings.js.map\n","/**\n * Patient Shell — the chrome for AlfaDocs's patient-facing users\n * (patients managing their own appointments and records).\n *\n * Deliberately flatter than the clinician `AppFrame` composition: no\n * command palette, no favourites, no practice/chain affordances, no\n * Leo, no privacy lock. Mirrors the legacy `_header.html.twig`\n * `app.user.type == 'patient'` branch and the `knp_menu_render('pcp')`\n * flat nav menu.\n *\n * Unlike most patterns in this folder, PatientShell exports a runtime\n * component because the consuming patient-portal app mounts it in\n * production — the exports are surfaced via `src/patterns/index.ts`\n * and included in the library bundle.\n */\nimport { forwardRef, useState, type ReactNode } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { LogOut, Maximize2, Settings as SettingsIcon } from 'lucide-react';\n\nimport { AppFrame } from '../../components/app-frame';\nimport { IconButton } from '../../components/button';\nimport { DropdownMenu } from '../../components/dropdown-menu';\nimport {\n  Header,\n  HeaderBrand,\n  HeaderCenter,\n  HeaderEnd,\n  HeaderMenuButton,\n  HeaderSkipLink,\n  HeaderStart,\n} from '../../components/header';\nimport { Logo } from '../../components/logo';\nimport {\n  Sidebar,\n  SidebarBody,\n  SidebarItem,\n  SidebarItemBadge,\n  SidebarItemIcon,\n  SidebarItemLabel,\n  type SidebarMode,\n} from '../../components/sidebar';\nimport { ThemeRoot } from '../../components/theme-root';\nimport { TooltipProvider } from '../../components/tooltip';\nimport { useTheme } from '../../hooks/use-theme';\n\n/* ------------------------------------------------------------------ */\n/* Public API                                                           */\n/* ------------------------------------------------------------------ */\n\nexport interface PatientNavItem {\n  id: string;\n  /** Pre-translated label — patients' nav labels are emitted already\n   *  translated by the consuming app's backend (legacy `knp_menu`). */\n  label: string;\n  href: string;\n  /** Optional leading icon. Pass a lucide-react or equivalent element. */\n  icon?: ReactNode;\n  /** Optional unseen-item count rendered as a pill badge. */\n  badgeCount?: number;\n  /** Mark the item as the current page (`aria-current='page'`). */\n  isActive?: boolean;\n}\n\nexport interface PatientShellProps {\n  /** Patient's display name. Used as the avatar fallback by consumers\n   *  that read the name through a slot; not rendered inside this shell\n   *  today because the legacy patient chrome carries no profile pill. */\n  userName: string;\n  /** Optional avatar URL. Reserved for future profile-pill surfaces;\n   *  no visible effect today. */\n  userAvatarSrc?: string;\n  /** Flat nav items rendered in the sidebar, in order. */\n  menuItems: PatientNavItem[];\n  /** URL the \"Logout\" action navigates to — typically `/logout`. */\n  logoutHref: string;\n  /** Fires when the user toggles fullscreen from the settings menu. */\n  onToggleFullscreen?: () => void;\n  /** Optional brand logo. Defaults to\n   *  `<Logo variant=\"monochrome\" size=\"md\" decorative />`. */\n  brandLogo?: ReactNode;\n  /** Link target for the brand — typically the patient dashboard. */\n  brandHref?: string;\n  /** Override the accessible name of the `<main>` landmark. */\n  mainAriaLabel?: string;\n  /**\n   * Force the sidebar into a specific mode. Consuming apps typically\n   * flip to `'overlay'` on narrow viewports and leave this undefined\n   * elsewhere (the sidebar then defaults to `'expanded'`).\n   */\n  sidebarState?: SidebarMode;\n  /** Children render inside the main content region. */\n  children: ReactNode;\n}\n\n/* ------------------------------------------------------------------ */\n/* Internals                                                            */\n/* ------------------------------------------------------------------ */\n\nfunction formatBadgeCount(count: number): string {\n  return count > 99 ? '99+' : String(count);\n}\n\n/**\n * Guard against `javascript:` and other non-navigation schemes before\n * handing the URL to `window.location.assign`. A consuming app that lets\n * attacker-controlled input reach `logoutHref` would otherwise execute\n * script. Allow only relative paths, hash fragments, and `http(s)` URLs.\n */\nfunction isSafeLogoutHref(href: string): boolean {\n  if (href.startsWith('/') || href.startsWith('#') || href.startsWith('?')) {\n    return true;\n  }\n  try {\n    const url = new URL(href, window.location.origin);\n    return url.protocol === 'http:' || url.protocol === 'https:';\n  } catch {\n    return false;\n  }\n}\n\nfunction SettingsMenu({\n  logoutHref,\n  onToggleFullscreen,\n}: {\n  logoutHref: string;\n  onToggleFullscreen?: () => void;\n}) {\n  const { t } = useTranslation();\n  return (\n    <DropdownMenu.Root>\n      <DropdownMenu.Trigger asChild>\n        <IconButton\n          icon={<SettingsIcon aria-hidden=\"true\" />}\n          aria-label={t('patientShell.settings.triggerAria')}\n          tooltip={t('patientShell.settings.triggerAria')}\n          data-testid=\"patient-shell-settings-trigger\"\n        />\n      </DropdownMenu.Trigger>\n      <DropdownMenu.Content align=\"end\">\n        <DropdownMenu.Item\n          startIcon={<Maximize2 aria-hidden=\"true\" />}\n          onSelect={onToggleFullscreen}\n          data-testid=\"patient-shell-fullscreen\"\n        >\n          {t('patientShell.settings.fullscreen')}\n        </DropdownMenu.Item>\n        <DropdownMenu.Separator />\n        <DropdownMenu.Item\n          startIcon={<LogOut aria-hidden=\"true\" />}\n          onSelect={() => {\n            if (typeof window === 'undefined') return;\n            if (!isSafeLogoutHref(logoutHref)) return;\n            window.location.assign(logoutHref);\n          }}\n          data-testid=\"patient-shell-logout\"\n        >\n          {t('patientShell.settings.logout')}\n        </DropdownMenu.Item>\n      </DropdownMenu.Content>\n    </DropdownMenu.Root>\n  );\n}\n\nfunction PatientSidebarNav({ menuItems }: { menuItems: PatientNavItem[] }) {\n  return (\n    <SidebarBody>\n      {menuItems.map((item) => {\n        const badge =\n          typeof item.badgeCount === 'number' && item.badgeCount > 0\n            ? item.badgeCount\n            : undefined;\n        return (\n          <SidebarItem\n            key={item.id}\n            href={item.href}\n            aria-label={item.label}\n            isActive={item.isActive}\n          >\n            {item.icon ? <SidebarItemIcon>{item.icon}</SidebarItemIcon> : null}\n            <SidebarItemLabel>{item.label}</SidebarItemLabel>\n            {badge !== undefined ? (\n              <SidebarItemBadge>{formatBadgeCount(badge)}</SidebarItemBadge>\n            ) : null}\n          </SidebarItem>\n        );\n      })}\n    </SidebarBody>\n  );\n}\n\n/* ------------------------------------------------------------------ */\n/* Root                                                                 */\n/* ------------------------------------------------------------------ */\n\nexport const PatientShell = forwardRef<HTMLDivElement, PatientShellProps>(\n  (\n    {\n      menuItems,\n      logoutHref,\n      onToggleFullscreen,\n      brandLogo,\n      brandHref = '/',\n      mainAriaLabel,\n      sidebarState,\n      children,\n      // `userName` and `userAvatarSrc` are declared on the public API\n      // for forward-compatibility (future profile-pill work) — they are\n      // intentionally unused today because the legacy patient chrome\n      // carries no profile pill.\n      userName: _userName,\n      userAvatarSrc: _userAvatarSrc,\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const { resolvedTheme } = useTheme();\n    const themeBase = resolvedTheme.startsWith('dark') ? 'dark' : 'light';\n    const themeAccessible = resolvedTheme.endsWith('-accessible');\n\n    // Narrow-viewport overlay: `HeaderMenuButton` only renders below the\n    // `md` breakpoint, and toggling opens the Sidebar's overlay Dialog.\n    const [sidebarOpen, setSidebarOpen] = useState(false);\n\n    const resolvedLogo = brandLogo ?? (\n      <Logo variant=\"monochrome\" size=\"md\" decorative />\n    );\n\n    return (\n      <ThemeRoot\n        ref={ref}\n        theme={themeBase}\n        accessible={themeAccessible}\n        className=\"ds:contents\"\n      >\n        <TooltipProvider>\n          <AppFrame\n            mainAriaLabel={mainAriaLabel}\n            header={\n              <Header>\n                <HeaderStart>\n                  <HeaderSkipLink href=\"#main-content\" />\n                  <HeaderMenuButton\n                    onMenuOpen={() => setSidebarOpen(true)}\n                  />\n                  <HeaderBrand\n                    logo={resolvedLogo}\n                    href={brandHref}\n                    aria-label={t('patientShell.brand.homeAria')}\n                  />\n                </HeaderStart>\n                <HeaderCenter />\n                <HeaderEnd>\n                  <SettingsMenu\n                    logoutHref={logoutHref}\n                    onToggleFullscreen={onToggleFullscreen}\n                  />\n                </HeaderEnd>\n              </Header>\n            }\n            sidebar={\n              <Sidebar\n                {...(sidebarState !== undefined\n                  ? { state: sidebarState }\n                  : { defaultState: 'expanded' as const })}\n                open={sidebarOpen}\n                onOpenChange={setSidebarOpen}\n                aria-label={t('patientShell.sidebar.panelLabel')}\n                data-testid=\"patient-shell-sidebar\"\n              >\n                <PatientSidebarNav menuItems={menuItems} />\n              </Sidebar>\n            }\n          >\n            {children}\n          </AppFrame>\n        </TooltipProvider>\n      </ThemeRoot>\n    );\n  },\n);\n\nPatientShell.displayName = 'PatientShell';\n"],"names":["__iconNode","Maximize2","createLucideIcon","Settings","formatBadgeCount","count","isSafeLogoutHref","href","url","SettingsMenu","logoutHref","onToggleFullscreen","t","useTranslation","jsxs","DropdownMenu","jsx","IconButton","SettingsIcon","LogOut","PatientSidebarNav","menuItems","SidebarBody","item","badge","SidebarItem","SidebarItemIcon","SidebarItemLabel","SidebarItemBadge","PatientShell","forwardRef","brandLogo","brandHref","mainAriaLabel","sidebarState","children","_userName","_userAvatarSrc","ref","resolvedTheme","useTheme","themeBase","themeAccessible","sidebarOpen","setSidebarOpen","useState","ThemeRoot","TooltipProvider","AppFrame","Header","HeaderStart","HeaderSkipLink","HeaderMenuButton","HeaderBrand","Logo","HeaderCenter","HeaderEnd","Sidebar"],"mappings":";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,MAAMA,IAAa;AAAA,EACjB,CAAC,QAAQ,EAAE,GAAG,aAAa,KAAK,SAAQ,CAAE;AAAA,EAC1C,CAAC,QAAQ,EAAE,GAAG,aAAa,KAAK,SAAQ,CAAE;AAAA,EAC1C,CAAC,QAAQ,EAAE,GAAG,aAAa,KAAK,SAAQ,CAAE;AAAA,EAC1C,CAAC,QAAQ,EAAE,GAAG,cAAc,KAAK,SAAQ,CAAE;AAC7C,GACMC,IAAYC,EAAiB,cAAcF,CAAU;ACf3D;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,MAAMA,IAAa;AAAA,EACjB;AAAA,IACE;AAAA,IACA;AAAA,MACE,GAAG;AAAA,MACH,KAAK;AAAA,IACX;AAAA,EACA;AAAA,EACE,CAAC,UAAU,EAAE,IAAI,MAAM,IAAI,MAAM,GAAG,KAAK,KAAK,SAAQ,CAAE;AAC1D,GACMG,IAAWD,EAAiB,YAAYF,CAAU;AC+ExD,SAASI,EAAiBC,GAAuB;AAC/C,SAAOA,IAAQ,KAAK,QAAQ,OAAOA,CAAK;AAC1C;AAQA,SAASC,EAAiBC,GAAuB;AAC/C,MAAIA,EAAK,WAAW,GAAG,KAAKA,EAAK,WAAW,GAAG,KAAKA,EAAK,WAAW,GAAG;AACrE,WAAO;AAET,MAAI;AACF,UAAMC,IAAM,IAAI,IAAID,GAAM,OAAO,SAAS,MAAM;AAChD,WAAOC,EAAI,aAAa,WAAWA,EAAI,aAAa;AAAA,EACtD,QAAQ;AACN,WAAO;AAAA,EACT;AACF;AAEA,SAASC,EAAa;AAAA,EACpB,YAAAC;AAAA,EACA,oBAAAC;AACF,GAGG;AACD,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAA;AACd,SACE,gBAAAC,EAACC,EAAa,MAAb,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACD,EAAa,SAAb,EAAqB,SAAO,IAC3B,UAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAM,gBAAAD,EAACE,GAAA,EAAa,eAAY,OAAA,CAAO;AAAA,QACvC,cAAYN,EAAE,mCAAmC;AAAA,QACjD,SAASA,EAAE,mCAAmC;AAAA,QAC9C,eAAY;AAAA,MAAA;AAAA,IAAA,GAEhB;AAAA,IACA,gBAAAE,EAACC,EAAa,SAAb,EAAqB,OAAM,OAC1B,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAACD,EAAa;AAAA,QAAb;AAAA,UACC,WAAW,gBAAAC,EAACf,GAAA,EAAU,eAAY,OAAA,CAAO;AAAA,UACzC,UAAUU;AAAA,UACV,eAAY;AAAA,UAEX,YAAE,kCAAkC;AAAA,QAAA;AAAA,MAAA;AAAA,MAEvC,gBAAAK,EAACD,EAAa,WAAb,EAAuB;AAAA,MACxB,gBAAAC;AAAA,QAACD,EAAa;AAAA,QAAb;AAAA,UACC,WAAW,gBAAAC,EAACG,GAAA,EAAO,eAAY,OAAA,CAAO;AAAA,UACtC,UAAU,MAAM;AACd,YAAI,OAAO,SAAW,OACjBb,EAAiBI,CAAU,KAChC,OAAO,SAAS,OAAOA,CAAU;AAAA,UACnC;AAAA,UACA,eAAY;AAAA,UAEX,YAAE,8BAA8B;AAAA,QAAA;AAAA,MAAA;AAAA,IACnC,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;AAEA,SAASU,EAAkB,EAAE,WAAAC,KAA8C;AACzE,SACE,gBAAAL,EAACM,GAAA,EACE,UAAAD,EAAU,IAAI,CAACE,MAAS;AACvB,UAAMC,IACJ,OAAOD,EAAK,cAAe,YAAYA,EAAK,aAAa,IACrDA,EAAK,aACL;AACN,WACE,gBAAAT;AAAA,MAACW;AAAA,MAAA;AAAA,QAEC,MAAMF,EAAK;AAAA,QACX,cAAYA,EAAK;AAAA,QACjB,UAAUA,EAAK;AAAA,QAEd,UAAA;AAAA,UAAAA,EAAK,OAAO,gBAAAP,EAACU,GAAA,EAAiB,UAAAH,EAAK,MAAK,IAAqB;AAAA,UAC9D,gBAAAP,EAACW,GAAA,EAAkB,UAAAJ,EAAK,MAAA,CAAM;AAAA,UAC7BC,MAAU,SACT,gBAAAR,EAACY,KAAkB,UAAAxB,EAAiBoB,CAAK,GAAE,IACzC;AAAA,QAAA;AAAA,MAAA;AAAA,MATCD,EAAK;AAAA,IAAA;AAAA,EAYhB,CAAC,EAAA,CACH;AAEJ;AAMO,MAAMM,IAAeC;AAAA,EAC1B,CACE;AAAA,IACE,WAAAT;AAAA,IACA,YAAAX;AAAA,IACA,oBAAAC;AAAA,IACA,WAAAoB;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,eAAAC;AAAA,IACA,cAAAC;AAAA,IACA,UAAAC;AAAA;AAAA;AAAA;AAAA;AAAA,IAKA,UAAUC;AAAA,IACV,eAAeC;AAAA,EAAA,GAEjBC,MACG;AACH,UAAM,EAAE,GAAA1B,EAAA,IAAMC,EAAA,GACR,EAAE,eAAA0B,EAAA,IAAkBC,EAAA,GACpBC,IAAYF,EAAc,WAAW,MAAM,IAAI,SAAS,SACxDG,IAAkBH,EAAc,SAAS,aAAa,GAItD,CAACI,GAAaC,CAAc,IAAIC,EAAS,EAAK;AAMpD,WACE,gBAAA7B;AAAA,MAAC8B;AAAA,MAAA;AAAA,QACC,KAAAR;AAAA,QACA,OAAOG;AAAA,QACP,YAAYC;AAAA,QACZ,WAAU;AAAA,QAEV,4BAACK,GAAA,EACC,UAAA,gBAAA/B;AAAA,UAACgC;AAAA,UAAA;AAAA,YACC,eAAAf;AAAA,YACA,0BACGgB,GAAA,EACC,UAAA;AAAA,cAAA,gBAAAnC,EAACoC,GAAA,EACC,UAAA;AAAA,gBAAA,gBAAAlC,EAACmC,GAAA,EAAe,MAAK,gBAAA,CAAgB;AAAA,gBACrC,gBAAAnC;AAAA,kBAACoC;AAAA,kBAAA;AAAA,oBACC,YAAY,MAAMR,EAAe,EAAI;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAEvC,gBAAA5B;AAAA,kBAACqC;AAAA,kBAAA;AAAA,oBACC,MAtBKtB,KACnB,gBAAAf,EAACsC,GAAA,EAAK,SAAQ,cAAa,MAAK,MAAK,YAAU,GAAA,CAAC;AAAA,oBAsBlC,MAAMtB;AAAA,oBACN,cAAYpB,EAAE,6BAA6B;AAAA,kBAAA;AAAA,gBAAA;AAAA,cAC7C,GACF;AAAA,gCACC2C,GAAA,EAAa;AAAA,gCACbC,GAAA,EACC,UAAA,gBAAAxC;AAAA,gBAACP;AAAA,gBAAA;AAAA,kBACC,YAAAC;AAAA,kBACA,oBAAAC;AAAA,gBAAA;AAAA,cAAA,EACF,CACF;AAAA,YAAA,GACF;AAAA,YAEF,SACE,gBAAAK;AAAA,cAACyC;AAAA,cAAA;AAAA,gBACE,GAAIvB,MAAiB,SAClB,EAAE,OAAOA,MACT,EAAE,cAAc,WAAA;AAAA,gBACpB,MAAMS;AAAA,gBACN,cAAcC;AAAA,gBACd,cAAYhC,EAAE,iCAAiC;AAAA,gBAC/C,eAAY;AAAA,gBAEZ,UAAA,gBAAAI,EAACI,KAAkB,WAAAC,EAAA,CAAsB;AAAA,cAAA;AAAA,YAAA;AAAA,YAI5C,UAAAc;AAAA,UAAA;AAAA,QAAA,EACH,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;AAEAN,EAAa,cAAc;","x_google_ignoreList":[0,1]}