@etus/ui 0.4.0-beta.2 → 0.4.0-beta.20

package/dist/chunk-C2MAX4YK.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/advanced/Search/Search.variants.ts","../src/components/advanced/Search/Search.tsx"],"names":["Fragment"],"mappings":"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","file":"chunk-C2MAX4YK.js","sourcesContent":["// Search/Search.variants.ts\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\n/**\n * Search root container variants\n */\nexport const searchVariants = cva(\n  // Base styles\n  [\"relative flex flex-col\"],\n  {\n    variants: {\n      variant: {\n        inline: [\"w-full\"],\n        fullscreen: [\n          \"fixed inset-0 z-50\",\n          \"bg-background/80 backdrop-blur-sm\",\n          \"flex items-start justify-center pt-[20vh]\",\n        ],\n        command: [\n          \"bg-popover text-popover-foreground\",\n          \"rounded-lg border shadow-lg\",\n          \"overflow-hidden\",\n        ],\n      },\n      size: {\n        sm: \"\",\n        default: \"\",\n        lg: \"\",\n      },\n    },\n    defaultVariants: {\n      variant: \"inline\",\n      size: \"default\",\n    },\n  }\n)\n\n/**\n * Search input wrapper variants\n */\nexport const searchInputWrapperVariants = cva(\n  // Base styles\n  [\n    \"relative flex items-center\",\n    \"bg-muted rounded-md border\",\n    \"focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2\",\n    \"transition-colors\",\n  ],\n  {\n    variants: {\n      size: {\n        sm: \"h-8\",\n        default: \"h-10\",\n        lg: \"h-12\",\n      },\n      variant: {\n        inline: \"\",\n        fullscreen: \"max-w-2xl w-full mx-4\",\n        command: \"border-0 border-b rounded-none\",\n      },\n    },\n    defaultVariants: {\n      size: \"default\",\n      variant: \"inline\",\n    },\n  }\n)\n\n/**\n * Search input field variants\n */\nexport const searchInputVariants = cva(\n  // Base styles\n  [\n    \"flex-1 bg-transparent\",\n    \"placeholder:text-muted-foreground\",\n    \"focus:outline-none\",\n    \"disabled:cursor-not-allowed disabled:opacity-50\",\n  ],\n  {\n    variants: {\n      size: {\n        sm: \"h-8 px-2 py-1 text-xs\",\n        default: \"h-10 px-3 py-2 text-sm\",\n        lg: \"h-12 px-4 py-3 text-base\",\n      },\n    },\n    defaultVariants: {\n      size: \"default\",\n    },\n  }\n)\n\n/**\n * Search icon variants\n */\nexport const searchIconVariants = cva(\n  // Base styles\n  [\"shrink-0 text-muted-foreground\"],\n  {\n    variants: {\n      size: {\n        sm: \"size-3.5 ml-2\",\n        default: \"size-4 ml-3\",\n        lg: \"size-5 ml-4\",\n      },\n    },\n    defaultVariants: {\n      size: \"default\",\n    },\n  }\n)\n\n/**\n * Search results container variants\n */\nexport const searchResultsVariants = cva(\n  // Base styles\n  [\n    \"bg-popover text-popover-foreground\",\n    \"overflow-y-auto overflow-x-hidden\",\n    \"scroll-py-1\",\n  ],\n  {\n    variants: {\n      size: {\n        sm: \"max-h-52\",\n        default: \"max-h-72\",\n        lg: \"max-h-96\",\n      },\n      variant: {\n        inline: [\n          \"absolute left-0 right-0 top-full mt-1\",\n          \"z-50 rounded-md border shadow-md\",\n        ],\n        fullscreen: [\n          \"max-w-2xl w-full mx-4 mt-2\",\n          \"rounded-md border shadow-md\",\n        ],\n        command: [\"border-0\"],\n      },\n    },\n    defaultVariants: {\n      size: \"default\",\n      variant: \"inline\",\n    },\n  }\n)\n\n/**\n * Search result item variants\n */\nexport const searchResultItemVariants = cva(\n  // Base styles\n  [\n    \"relative flex cursor-pointer items-center gap-2\",\n    \"rounded-sm outline-none select-none\",\n    \"transition-colors\",\n    \"data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50\",\n  ],\n  {\n    variants: {\n      size: {\n        sm: \"px-2 py-1.5 text-xs\",\n        default: \"px-3 py-2 text-sm\",\n        lg: \"px-4 py-3 text-base\",\n      },\n      selected: {\n        true: \"bg-accent text-accent-foreground\",\n        false: \"hover:bg-accent/50\",\n      },\n    },\n    defaultVariants: {\n      size: \"default\",\n      selected: false,\n    },\n  }\n)\n\n/**\n * Search result icon variants\n */\nexport const searchResultIconVariants = cva(\n  // Base styles\n  [\"shrink-0 text-muted-foreground\"],\n  {\n    variants: {\n      size: {\n        sm: \"size-3.5\",\n        default: \"size-4\",\n        lg: \"size-5\",\n      },\n    },\n    defaultVariants: {\n      size: \"default\",\n    },\n  }\n)\n\n/**\n * Search result group heading variants\n */\nexport const searchGroupHeadingVariants = cva(\n  // Base styles\n  [\"font-medium text-muted-foreground\"],\n  {\n    variants: {\n      size: {\n        sm: \"px-2 py-1 text-xs\",\n        default: \"px-3 py-1.5 text-xs\",\n        lg: \"px-4 py-2 text-sm\",\n      },\n    },\n    defaultVariants: {\n      size: \"default\",\n    },\n  }\n)\n\n/**\n * Search empty state variants\n */\nexport const searchEmptyVariants = cva(\n  // Base styles\n  [\"flex items-center justify-center text-muted-foreground\"],\n  {\n    variants: {\n      size: {\n        sm: \"py-4 text-xs\",\n        default: \"py-6 text-sm\",\n        lg: \"py-8 text-base\",\n      },\n    },\n    defaultVariants: {\n      size: \"default\",\n    },\n  }\n)\n\n/**\n * Search loading variants\n */\nexport const searchLoadingVariants = cva(\n  // Base styles\n  [\"flex items-center justify-center gap-2 text-muted-foreground\"],\n  {\n    variants: {\n      size: {\n        sm: \"py-4 text-xs\",\n        default: \"py-6 text-sm\",\n        lg: \"py-8 text-base\",\n      },\n    },\n    defaultVariants: {\n      size: \"default\",\n    },\n  }\n)\n\n/**\n * Search filter button variants\n */\nexport const searchFilterVariants = cva(\n  // Base styles\n  [\n    \"inline-flex items-center gap-1\",\n    \"rounded-full border\",\n    \"transition-colors\",\n    \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n  ],\n  {\n    variants: {\n      size: {\n        sm: \"px-2 py-0.5 text-xs\",\n        default: \"px-2.5 py-1 text-xs\",\n        lg: \"px-3 py-1.5 text-sm\",\n      },\n      active: {\n        true: \"bg-primary text-primary-foreground border-primary\",\n        false: \"bg-muted hover:bg-accent\",\n      },\n    },\n    defaultVariants: {\n      size: \"default\",\n      active: false,\n    },\n  }\n)\n\n/**\n * Search filters container variants\n */\nexport const searchFiltersContainerVariants = cva(\n  // Base styles\n  [\"flex flex-wrap gap-1\"],\n  {\n    variants: {\n      size: {\n        sm: \"py-1 px-2\",\n        default: \"py-2 px-3\",\n        lg: \"py-3 px-4\",\n      },\n    },\n    defaultVariants: {\n      size: \"default\",\n    },\n  }\n)\n\n/**\n * Search history header variants\n */\nexport const searchHistoryHeaderVariants = cva(\n  // Base styles\n  [\"flex items-center justify-between text-muted-foreground\"],\n  {\n    variants: {\n      size: {\n        sm: \"px-2 py-1 text-xs\",\n        default: \"px-3 py-1.5 text-xs\",\n        lg: \"px-4 py-2 text-sm\",\n      },\n    },\n    defaultVariants: {\n      size: \"default\",\n    },\n  }\n)\n\n/**\n * Search highlight match variants\n */\nexport const searchHighlightVariants = cva(\n  // Base styles for highlighted text\n  [\"text-primary font-semibold bg-primary/10 rounded-sm px-0.5\"]\n)\n\n// Export variant prop types\nexport type SearchVariantProps = VariantProps<typeof searchVariants>\nexport type SearchInputWrapperVariantProps = VariantProps<\n  typeof searchInputWrapperVariants\n>\nexport type SearchInputVariantProps = VariantProps<typeof searchInputVariants>\nexport type SearchIconVariantProps = VariantProps<typeof searchIconVariants>\nexport type SearchResultsVariantProps = VariantProps<\n  typeof searchResultsVariants\n>\nexport type SearchResultItemVariantProps = VariantProps<\n  typeof searchResultItemVariants\n>\nexport type SearchGroupHeadingVariantProps = VariantProps<\n  typeof searchGroupHeadingVariants\n>\nexport type SearchEmptyVariantProps = VariantProps<typeof searchEmptyVariants>\nexport type SearchLoadingVariantProps = VariantProps<\n  typeof searchLoadingVariants\n>\nexport type SearchFilterVariantProps = VariantProps<typeof searchFilterVariants>\n","// Search/Search.tsx\n\"use client\"\n\nimport type {\n  SearchEmptyProps,\n  SearchFiltersProps,\n  SearchHighlightProps,\n  SearchHistoryProps,\n  SearchInputProps,\n  SearchLoadingProps,\n  SearchProps,\n  SearchResult,\n  SearchResultGroupProps,\n  SearchResultItemProps,\n  SearchResultsProps,\n  SearchSize,\n  SearchVariant,\n} from \"./Search.types\"\n\nimport { ClockIcon, Loader2Icon, SearchIcon, XIcon } from \"lucide-react\"\nimport * as React from \"react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport {\n  searchEmptyVariants,\n  searchFiltersContainerVariants,\n  searchFilterVariants,\n  searchGroupHeadingVariants,\n  searchHighlightVariants,\n  searchHistoryHeaderVariants,\n  searchIconVariants,\n  searchInputVariants,\n  searchInputWrapperVariants,\n  searchLoadingVariants,\n  searchResultIconVariants,\n  searchResultItemVariants,\n  searchResultsVariants,\n  searchVariants,\n} from \"./Search.variants\"\n\n// ============================================\n// CONTEXT FOR VARIANT PROPAGATION\n// ============================================\n\ninterface SearchContextValue {\n  flatResults: SearchResult[]\n  onSelect: (result: SearchResult) => void\n  query: string\n  selectedIndex: number\n  setSelectedIndex: (index: number) => void\n  size: SearchSize\n  variant: SearchVariant\n}\n\n// eslint-disable-next-line @typescript-eslint/no-empty-function -- Default context requires noop functions\nconst noop = () => {}\n\nconst SearchContext = React.createContext<SearchContextValue>({\n  flatResults: [],\n  onSelect: noop,\n  query: \"\",\n  selectedIndex: -1,\n  setSelectedIndex: noop,\n  size: \"default\",\n  variant: \"inline\",\n})\n\nfunction useSearchContext() {\n  return React.use(SearchContext)\n}\n\n// ============================================\n// SEARCH ROOT\n// ============================================\n\n/**\n * Search - Advanced search component with autocomplete, filters, and history\n *\n * @example Basic usage\n * ```tsx\n * <Search\n *   placeholder=\"Search...\"\n *   onSearch={handleSearch}\n *   results={results}\n *   onSelect={(result) => navigate(result.href)}\n * />\n * ```\n *\n * @example With filters\n * ```tsx\n * <Search\n *   filters={[{ id: \"all\", label: \"All\" }, { id: \"users\", label: \"Users\" }]}\n *   activeFilters={activeFilters}\n *   onFilterChange={setActiveFilters}\n *   onSearch={(query) => search(query, activeFilters)}\n * />\n * ```\n */\nfunction Search({\n  value,\n  defaultValue = \"\",\n  onChange,\n  onSearch,\n  results = [],\n  loading = false,\n  error = false,\n  errorMessage = \"An error occurred\",\n  placeholder = \"Search...\",\n  filters,\n  activeFilters = [],\n  onFilterChange,\n  onSelect,\n  showHistory = false,\n  history = [],\n  onClearHistory,\n  debounce = 300,\n  minChars = 1,\n  className,\n  variant = \"inline\",\n  size = \"default\",\n  open: openProp,\n  onOpenChange,\n  disabled = false,\n  autoFocus = false,\n}: SearchProps) {\n  // Controlled vs uncontrolled value\n  const [internalValue, setInternalValue] = React.useState(defaultValue)\n  const isControlled = value !== undefined\n  const currentValue = isControlled ? value : internalValue\n\n  // Open state for results dropdown\n  const [internalOpen, setInternalOpen] = React.useState(false)\n  const isOpenControlled = openProp !== undefined\n  const isOpen = isOpenControlled ? openProp : internalOpen\n\n  // Keyboard navigation\n  const [selectedIndex, setSelectedIndex] = React.useState(-1)\n\n  // Debounce timer ref\n  const debounceTimerRef = React.useRef<null | ReturnType<typeof setTimeout>>(\n    null\n  )\n\n  // Blur timer ref (delays close so result clicks register)\n  const blurTimerRef = React.useRef<null | ReturnType<typeof setTimeout>>(null)\n\n  // Input ref for focus management\n  const inputRef = React.useRef<HTMLInputElement>(null)\n\n  // Flatten results for keyboard navigation\n  const flatResults = React.useMemo(() => {\n    return results\n  }, [results])\n\n  // Group results by group property\n  const groupedResults = React.useMemo(() => {\n    const groups = new Map<string, SearchResult[]>()\n    const ungrouped: SearchResult[] = []\n\n    for (const result of results) {\n      if (result.group) {\n        const existing = groups.get(result.group) ?? []\n        groups.set(result.group, [...existing, result])\n      } else {\n        ungrouped.push(result)\n      }\n    }\n\n    return { groups, ungrouped }\n  }, [results])\n\n  // Handle value change with debounced search\n  const handleValueChange = React.useCallback(\n    (newValue: string) => {\n      if (!isControlled) {\n        setInternalValue(newValue)\n      }\n      onChange?.(newValue)\n\n      // Clear existing timer\n      if (debounceTimerRef.current) {\n        clearTimeout(debounceTimerRef.current)\n      }\n\n      // Trigger search after debounce if minimum chars met\n      if (newValue.length >= minChars) {\n        debounceTimerRef.current = setTimeout(() => {\n          void onSearch?.(newValue)\n        }, debounce)\n      }\n    },\n    [isControlled, onChange, onSearch, debounce, minChars]\n  )\n\n  // Handle input change\n  const handleInputChange = React.useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      handleValueChange(e.target.value)\n      if (!isOpenControlled) {\n        setInternalOpen(true)\n      }\n      onOpenChange?.(true)\n    },\n    [handleValueChange, isOpenControlled, onOpenChange]\n  )\n\n  // Handle result selection\n  const handleSelect = React.useCallback(\n    (result: SearchResult) => {\n      onSelect?.(result)\n      result.action?.()\n      if (!isOpenControlled) {\n        setInternalOpen(false)\n      }\n      onOpenChange?.(false)\n    },\n    [onSelect, isOpenControlled, onOpenChange]\n  )\n\n  // Handle clear\n  const handleClear = React.useCallback(() => {\n    handleValueChange(\"\")\n    inputRef.current?.focus()\n  }, [handleValueChange])\n\n  // Keyboard navigation\n  const handleKeyDown = React.useCallback(\n    (e: React.KeyboardEvent) => {\n      switch (e.key) {\n        case \"ArrowDown\":\n          e.preventDefault()\n          setSelectedIndex((prev) =>\n            prev < flatResults.length - 1 ? prev + 1 : 0\n          )\n          break\n        case \"ArrowUp\":\n          e.preventDefault()\n          setSelectedIndex((prev) =>\n            prev > 0 ? prev - 1 : flatResults.length - 1\n          )\n          break\n        case \"Enter\": {\n          e.preventDefault()\n          const result = flatResults[selectedIndex]\n          if (selectedIndex >= 0 && selectedIndex < flatResults.length && result) {\n            handleSelect(result)\n          }\n          break\n        }\n        case \"Escape\":\n          e.preventDefault()\n          if (!isOpenControlled) {\n            setInternalOpen(false)\n          }\n          onOpenChange?.(false)\n          inputRef.current?.blur()\n          break\n      }\n    },\n    [\n      flatResults,\n      selectedIndex,\n      handleSelect,\n      isOpenControlled,\n      onOpenChange,\n    ]\n  )\n\n  // Handle focus\n  const handleFocus = React.useCallback(() => {\n    if (!isOpenControlled) {\n      setInternalOpen(true)\n    }\n    onOpenChange?.(true)\n  }, [isOpenControlled, onOpenChange])\n\n  // Handle blur (with delay to allow click on results)\n  const handleBlur = React.useCallback(() => {\n    blurTimerRef.current = setTimeout(() => {\n      if (!isOpenControlled) {\n        setInternalOpen(false)\n      }\n      onOpenChange?.(false)\n    }, 150)\n  }, [isOpenControlled, onOpenChange])\n\n  // Reset selected index when results change\n  React.useEffect(() => {\n    // eslint-disable-next-line react-you-might-not-need-an-effect/no-adjust-state-on-prop-change, @eslint-react/hooks-extra/no-direct-set-state-in-use-effect -- intentional: reset selection when search results update\n    setSelectedIndex(-1)\n  }, [results])\n\n  // Cleanup debounce timer\n  React.useEffect(() => {\n    return () => {\n      if (debounceTimerRef.current) {\n        clearTimeout(debounceTimerRef.current)\n      }\n      if (blurTimerRef.current) {\n        clearTimeout(blurTimerRef.current)\n      }\n    }\n  }, [])\n\n  // Determine what to show\n  const hasValue = currentValue.length > 0\n  const showResults =\n    isOpen && hasValue && currentValue.length >= minChars && !loading && !error\n  const showEmpty =\n    isOpen &&\n    hasValue &&\n    currentValue.length >= minChars &&\n    !loading &&\n    !error &&\n    results.length === 0\n  const showLoading = isOpen && loading\n  const showError = isOpen && error\n  const showHistorySection =\n    isOpen &&\n    showHistory &&\n    !hasValue &&\n    history.length > 0 &&\n    !loading &&\n    !error\n\n  // Compute aria attributes\n  const inputId = React.useId()\n  const listboxId = React.useId()\n\n  return (\n    <SearchContext\n      value={{\n        size,\n        variant,\n        query: currentValue,\n        selectedIndex,\n        setSelectedIndex,\n        onSelect: handleSelect,\n        flatResults,\n      }}\n    >\n      <div\n        className={cn(searchVariants({ variant, size }), className)}\n        data-slot=\"search\"\n        data-state={loading ? \"loading\" : error ? \"error\" : \"idle\"}\n      >\n        {/* Filters */}\n        {filters && filters.length > 0 && (\n          <SearchFilters\n            activeFilters={activeFilters}\n            filters={filters}\n            size={size}\n            onFilterChange={onFilterChange ?? noop}\n          />\n        )}\n\n        {/* Input wrapper */}\n        <div\n          className={cn(searchInputWrapperVariants({ size, variant }))}\n          data-slot=\"search-input-wrapper\"\n        >\n          <SearchIcon\n            aria-hidden=\"true\"\n            className={cn(searchIconVariants({ size }))}\n          />\n          <input\n            ref={inputRef}\n            aria-activedescendant={\n              selectedIndex >= 0 ? `search-result-${String(selectedIndex)}` : undefined\n            }\n            aria-autocomplete=\"list\"\n            aria-controls={listboxId}\n            aria-expanded={isOpen}\n            autoComplete=\"off\"\n            autoFocus={autoFocus}\n            className={cn(searchInputVariants({ size }))}\n            data-slot=\"search-input\"\n            disabled={disabled}\n            id={inputId}\n            placeholder={placeholder}\n            role=\"combobox\"\n            type=\"search\"\n            value={currentValue}\n            onBlur={handleBlur}\n            onChange={handleInputChange}\n            onFocus={handleFocus}\n            onKeyDown={handleKeyDown}\n          />\n          {hasValue && (\n            <button\n              className={cn(\n                \"shrink-0 p-1 rounded-sm\",\n                \"text-muted-foreground hover:text-foreground\",\n                \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n              )}\n              aria-label=\"Clear search\"\n              data-slot=\"search-clear\"\n              disabled={disabled}\n              tabIndex={-1}\n              type=\"button\"\n              onClick={handleClear}\n            >\n              <XIcon className={cn(searchResultIconVariants({ size }))} />\n            </button>\n          )}\n        </div>\n\n        {/* Results dropdown */}\n        {(showResults || showEmpty || showLoading || showError || showHistorySection) && (\n          <div\n            aria-label=\"Search results\"\n            className={cn(searchResultsVariants({ size, variant }))}\n            data-slot=\"search-results\"\n            id={listboxId}\n            role=\"listbox\"\n          >\n            {showLoading && <SearchLoading size={size} />}\n            {showError && (\n              <SearchEmpty message={errorMessage} size={size} />\n            )}\n            {showEmpty && (\n              <SearchEmpty\n                message={`No results found for \"${currentValue}\"`}\n                size={size}\n              />\n            )}\n            {showHistorySection && (\n              <SearchHistory\n                items={history}\n                size={size}\n                onClear={onClearHistory}\n                onSelect={handleSelect}\n              />\n            )}\n            {showResults && (\n              <>\n                {/* Ungrouped results */}\n                {groupedResults.ungrouped.length > 0 && (\n                  <>\n                    {groupedResults.ungrouped.map((result) => (\n                      <SearchResultItem\n                        key={result.id}\n                        selected={\n                          selectedIndex ===\n                          flatResults.findIndex((r) => r.id === result.id)\n                        }\n                        query={currentValue}\n                        result={result}\n                        size={size}\n                        onSelect={handleSelect}\n                      />\n                    ))}\n                  </>\n                )}\n                {/* Grouped results */}\n                {[...groupedResults.groups.entries()].map(\n                  ([groupLabel, groupResults]) => (\n                    <SearchResultGroup\n                      key={groupLabel}\n                      label={groupLabel}\n                      size={size}\n                    >\n                      {groupResults.map((result) => (\n                        <SearchResultItem\n                          key={result.id}\n                          selected={\n                            selectedIndex ===\n                            flatResults.findIndex((r) => r.id === result.id)\n                          }\n                          query={currentValue}\n                          result={result}\n                          size={size}\n                          onSelect={handleSelect}\n                        />\n                      ))}\n                    </SearchResultGroup>\n                  )\n                )}\n              </>\n            )}\n          </div>\n        )}\n      </div>\n    </SearchContext>\n  )\n}\n\n// ============================================\n// SEARCH INPUT (standalone)\n// ============================================\n\n/**\n * AdvancedSearchInput - Standalone search input component for the advanced Search\n */\nfunction AdvancedSearchInput({\n  className,\n  size = \"default\",\n  ...props\n}: SearchInputProps) {\n  return (\n    <input\n      className={cn(searchInputVariants({ size }), className)}\n      data-slot=\"search-input\"\n      type=\"search\"\n      {...props}\n    />\n  )\n}\n\n// ============================================\n// SEARCH RESULTS\n// ============================================\n\n/**\n * SearchResults - Container for search results\n */\nfunction SearchResults({ children, className, size }: SearchResultsProps) {\n  const context = useSearchContext()\n  const effectiveSize = size ?? context.size\n\n  return (\n    <div\n      className={cn(\n        searchResultsVariants({ size: effectiveSize }),\n        className\n      )}\n      data-slot=\"search-results\"\n      role=\"listbox\"\n    >\n      {children}\n    </div>\n  )\n}\n\n// ============================================\n// SEARCH RESULT ITEM\n// ============================================\n\n/**\n * SearchResultItem - Individual search result\n */\nfunction SearchResultItem({\n  result,\n  query = \"\",\n  selected = false,\n  onSelect,\n  className,\n  size,\n}: SearchResultItemProps) {\n  const context = useSearchContext()\n  const effectiveSize = size ?? context.size\n  const effectiveOnSelect = onSelect ?? context.onSelect\n  const resultIndex = context.flatResults.findIndex((r) => r.id === result.id)\n\n  return (\n    <div\n      aria-selected={selected}\n      className={cn(searchResultItemVariants({ size: effectiveSize, selected }), className)}\n      data-selected={selected}\n      data-slot=\"search-result-item\"\n      id={`search-result-${String(resultIndex)}`}\n      role=\"option\"\n      onClick={() => { effectiveOnSelect(result); }}\n      onMouseEnter={() => { context.setSelectedIndex(resultIndex); }}\n    >\n      {result.icon && (\n        <span className={cn(searchResultIconVariants({ size: effectiveSize }))}>\n          {result.icon}\n        </span>\n      )}\n      <div className=\"flex-1 min-w-0\">\n        <div className=\"truncate\">\n          <SearchHighlight query={query} text={result.title} />\n        </div>\n        {result.description && (\n          <div className=\"text-muted-foreground truncate text-xs\">\n            <SearchHighlight query={query} text={result.description} />\n          </div>\n        )}\n      </div>\n    </div>\n  )\n}\n\n// ============================================\n// SEARCH RESULT GROUP\n// ============================================\n\n/**\n * SearchResultGroup - Group of related results\n */\nfunction SearchResultGroup({\n  label,\n  children,\n  className,\n  size,\n}: SearchResultGroupProps) {\n  const context = useSearchContext()\n  const effectiveSize = size ?? context.size\n\n  return (\n    <div className={className} data-slot=\"search-result-group\">\n      <div\n        className={cn(searchGroupHeadingVariants({ size: effectiveSize }))}\n        data-slot=\"search-group-heading\"\n      >\n        {label}\n      </div>\n      {children}\n    </div>\n  )\n}\n\n// ============================================\n// SEARCH FILTERS\n// ============================================\n\n/**\n * SearchFilters - Filter buttons for search\n */\nfunction SearchFilters({\n  filters,\n  activeFilters,\n  onFilterChange,\n  className,\n  size,\n}: SearchFiltersProps) {\n  const context = useSearchContext()\n  const effectiveSize = size ?? context.size\n\n  const toggleFilter = (filterId: string) => {\n    if (activeFilters.includes(filterId)) {\n      onFilterChange(activeFilters.filter((id) => id !== filterId))\n    } else {\n      onFilterChange([...activeFilters, filterId])\n    }\n  }\n\n  return (\n    <div\n      className={cn(\n        searchFiltersContainerVariants({ size: effectiveSize }),\n        className\n      )}\n      data-slot=\"search-filters\"\n    >\n      {filters.map((filter) => {\n        const isActive = activeFilters.includes(filter.id)\n        return (\n          <button\n            key={filter.id}\n            className={cn(\n              searchFilterVariants({ size: effectiveSize, active: isActive })\n            )}\n            aria-pressed={isActive}\n            data-slot=\"search-filter\"\n            type=\"button\"\n            onClick={() => { toggleFilter(filter.id); }}\n          >\n            {filter.icon}\n            {filter.label}\n          </button>\n        )\n      })}\n    </div>\n  )\n}\n\n// ============================================\n// SEARCH HISTORY\n// ============================================\n\n/**\n * SearchHistory - Recent search history\n */\nfunction SearchHistory({\n  items,\n  onSelect,\n  onClear,\n  className,\n  size,\n}: SearchHistoryProps) {\n  const context = useSearchContext()\n  const effectiveSize = size ?? context.size\n  const effectiveOnSelect = onSelect ?? context.onSelect\n\n  return (\n    <div className={className} data-slot=\"search-history\">\n      <div\n        className={cn(searchHistoryHeaderVariants({ size: effectiveSize }))}\n        data-slot=\"search-history-header\"\n      >\n        <span className=\"font-medium\">Recent</span>\n        {onClear && (\n          <button\n            className=\"hover:underline focus-visible:underline\"\n            data-slot=\"search-history-clear\"\n            type=\"button\"\n            onClick={onClear}\n          >\n            Clear\n          </button>\n        )}\n      </div>\n      {items.map((item) => (\n        <div\n          key={item.id}\n          className={cn(\n            searchResultItemVariants({ size: effectiveSize, selected: false })\n          )}\n          data-slot=\"search-history-item\"\n          role=\"option\"\n          onClick={() => { effectiveOnSelect(item); }}\n        >\n          <ClockIcon\n            className={cn(searchResultIconVariants({ size: effectiveSize }))}\n          />\n          <span className=\"truncate\">{item.title}</span>\n        </div>\n      ))}\n    </div>\n  )\n}\n\n// ============================================\n// SEARCH EMPTY\n// ============================================\n\n/**\n * SearchEmpty - Empty state for no results\n */\nfunction SearchEmpty({ message, children, className, size }: SearchEmptyProps) {\n  const context = useSearchContext()\n  const effectiveSize = size ?? context.size\n\n  return (\n    <div\n      className={cn(searchEmptyVariants({ size: effectiveSize }), className)}\n      data-slot=\"search-empty\"\n    >\n      {children ?? message ?? \"No results found\"}\n    </div>\n  )\n}\n\n// ============================================\n// SEARCH LOADING\n// ============================================\n\n/**\n * SearchLoading - Loading state for search\n */\nfunction SearchLoading({ message, className, size }: SearchLoadingProps) {\n  const context = useSearchContext()\n  const effectiveSize = size ?? context.size\n\n  return (\n    <div\n      aria-busy=\"true\"\n      aria-live=\"polite\"\n      className={cn(searchLoadingVariants({ size: effectiveSize }), className)}\n      data-slot=\"search-loading\"\n    >\n      <Loader2Icon className=\"animate-spin size-4\" />\n      {message ?? \"Searching...\"}\n    </div>\n  )\n}\n\n// ============================================\n// SEARCH HIGHLIGHT\n// ============================================\n\n/**\n * SearchHighlight - Highlight matching text in search results\n */\nfunction SearchHighlight({ text, query, className }: SearchHighlightProps) {\n  if (!query || query.length === 0) {\n    return <>{text}</>\n  }\n\n  const regex = new RegExp(`(${escapeRegex(query)})`, \"gi\")\n  const parts = text.split(regex)\n\n  return (\n    <>\n      {parts.map((part, index) =>\n        regex.test(part) ? (\n          <mark\n            // eslint-disable-next-line @eslint-react/no-array-index-key -- parts from split have no unique IDs\n            key={index}\n            className={cn(searchHighlightVariants(), className)}\n          >\n            {part}\n          </mark>\n        ) : (\n          // eslint-disable-next-line @eslint-react/no-array-index-key -- parts from split have no unique IDs\n          <React.Fragment key={index}>{part}</React.Fragment>\n        )\n      )}\n    </>\n  )\n}\n\n// Utility to escape regex special characters\nfunction escapeRegex(string: string): string {\n  return string.replaceAll(/[.*+?^${}()|[\\]\\\\]/g, \"\\\\$&\")\n}\n\n// ============================================\n// EXPORTS\n// ============================================\n\nexport {\n  AdvancedSearchInput,\n  Search,\n  SearchEmpty,\n  type SearchEmptyProps,\n  SearchFilters,\n  type SearchFiltersProps,\n  SearchHighlight,\n  type SearchHighlightProps,\n  SearchHistory,\n  type SearchHistoryProps,\n  type SearchInputProps,\n  SearchLoading,\n  type SearchLoadingProps,\n  type SearchProps,\n  SearchResultGroup,\n  type SearchResultGroupProps,\n  SearchResultItem,\n  type SearchResultItemProps,\n  SearchResults,\n  type SearchResultsProps,\n}\n"]}

package/dist/chunk-C34UNXMN.js

@@ -0,0 +1,408 @@
+import { cn } from './chunk-RVAYDRMA.js';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+import { Download, X, ChevronLeft, ChevronRight, ZoomOut, ZoomIn } from 'lucide-react';
+import * as React from 'react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+var controlButtonBase = cn(
+  "flex items-center justify-center rounded-[var(--lightbox-button-radius)]",
+  "bg-white/10 text-white transition-colors hover:bg-white/20",
+  "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/50"
+);
+var controlButtonSmall = cn(
+  controlButtonBase,
+  "size-[var(--lightbox-button-size-sm)]"
+);
+var controlButtonLarge = cn(
+  controlButtonBase,
+  "size-[var(--lightbox-button-size-lg)]"
+);
+var controlButtonDisabled = "disabled:cursor-not-allowed disabled:opacity-30";
+function Lightbox({
+  className,
+  enableDownload = false,
+  enableZoom = true,
+  images,
+  initialIndex = 0,
+  loop = true,
+  onClose,
+  onIndexChange,
+  onOpenChange,
+  open,
+  showCaption = true,
+  showCounter = true,
+  showThumbnails = false
+}) {
+  const [stateKey, setStateKey] = React.useState(0);
+  const [currentIndex, setCurrentIndex] = React.useState(initialIndex);
+  const [zoom, setZoom] = React.useState(1);
+  const [imageLoading, setImageLoading] = React.useState(true);
+  const [imageError, setImageError] = React.useState(false);
+  const prevOpenRef = React.useRef(open);
+  React.useEffect(() => {
+    if (open && !prevOpenRef.current) {
+      setCurrentIndex(initialIndex);
+      setZoom(1);
+      setImageLoading(true);
+      setImageError(false);
+      setStateKey((k) => k + 1);
+    }
+    prevOpenRef.current = open;
+  }, [open, initialIndex]);
+  React.useEffect(() => {
+    setImageLoading(true);
+    setImageError(false);
+  }, [currentIndex]);
+  const currentImage = images[currentIndex];
+  const hasMultipleImages = images.length > 1;
+  const canGoNext = loop || currentIndex < images.length - 1;
+  const canGoPrev = loop || currentIndex > 0;
+  const goNext = React.useCallback(() => {
+    if (!canGoNext) return;
+    setZoom(1);
+    const nextIndex = currentIndex < images.length - 1 ? currentIndex + 1 : loop ? 0 : currentIndex;
+    setCurrentIndex(nextIndex);
+    onIndexChange?.(nextIndex);
+  }, [currentIndex, images.length, loop, canGoNext, onIndexChange]);
+  const goPrev = React.useCallback(() => {
+    if (!canGoPrev) return;
+    setZoom(1);
+    const prevIndex = currentIndex > 0 ? currentIndex - 1 : loop ? images.length - 1 : currentIndex;
+    setCurrentIndex(prevIndex);
+    onIndexChange?.(prevIndex);
+  }, [currentIndex, images.length, loop, canGoPrev, onIndexChange]);
+  const goToIndex = React.useCallback(
+    (index) => {
+      if (index >= 0 && index < images.length) {
+        setZoom(1);
+        setCurrentIndex(index);
+        onIndexChange?.(index);
+      }
+    },
+    [images.length, onIndexChange]
+  );
+  const handleClose = React.useCallback(() => {
+    onOpenChange?.(false);
+    onClose?.();
+  }, [onOpenChange, onClose]);
+  const handleZoomIn = React.useCallback(() => {
+    setZoom((prev) => Math.min(3, prev + 0.25));
+  }, []);
+  const handleZoomOut = React.useCallback(() => {
+    setZoom((prev) => Math.max(0.5, prev - 0.25));
+  }, []);
+  const handleDownload = React.useCallback(() => {
+    if (!currentImage) return;
+    const link = document.createElement("a");
+    link.href = currentImage.src;
+    link.download = currentImage.alt || `image-${currentImage.id}`;
+    link.target = "_blank";
+    link.rel = "noopener noreferrer";
+    document.body.appendChild(link);
+    link.click();
+    document.body.removeChild(link);
+  }, [currentImage]);
+  const handleImageLoad = React.useCallback(() => {
+    setImageLoading(false);
+    setImageError(false);
+  }, []);
+  const handleImageError = React.useCallback(() => {
+    setImageLoading(false);
+    setImageError(true);
+  }, []);
+  React.useEffect(() => {
+    if (!open) return;
+    const handleKeyDown = (event) => {
+      switch (event.key) {
+        case "ArrowLeft":
+          event.preventDefault();
+          goPrev();
+          break;
+        case "ArrowRight":
+          event.preventDefault();
+          goNext();
+          break;
+        case "Escape":
+          event.preventDefault();
+          handleClose();
+          break;
+        case "+":
+        case "=":
+          if (enableZoom) {
+            event.preventDefault();
+            handleZoomIn();
+          }
+          break;
+        case "-":
+          if (enableZoom) {
+            event.preventDefault();
+            handleZoomOut();
+          }
+          break;
+      }
+    };
+    window.addEventListener("keydown", handleKeyDown);
+    return () => {
+      window.removeEventListener("keydown", handleKeyDown);
+    };
+  }, [open, goNext, goPrev, handleClose, enableZoom, handleZoomIn, handleZoomOut]);
+  if (!currentImage) return null;
+  return /* @__PURE__ */ jsx(DialogPrimitive.Root, { open, onOpenChange, children: /* @__PURE__ */ jsxs(DialogPrimitive.Portal, { children: [
+    /* @__PURE__ */ jsx(
+      DialogPrimitive.Overlay,
+      {
+        className: cn(
+          "fixed inset-0 z-50 bg-black/90",
+          "data-[state=open]:animate-in data-[state=closed]:animate-out",
+          "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0"
+        ),
+        "data-slot": "lightbox-overlay"
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      DialogPrimitive.Content,
+      {
+        className: cn(
+          "fixed inset-0 z-50 flex flex-col",
+          "data-[state=open]:animate-in data-[state=closed]:animate-out",
+          "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+          "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
+          "duration-200",
+          className
+        ),
+        "aria-describedby": currentImage.caption ? "lightbox-caption" : void 0,
+        "aria-label": `Lightbox: ${currentImage.alt}`,
+        "data-slot": "lightbox",
+        children: [
+          /* @__PURE__ */ jsx(DialogPrimitive.Title, { className: "sr-only", children: "Image Viewer" }),
+          /* @__PURE__ */ jsx(DialogPrimitive.Description, { className: "sr-only", children: `Viewing image ${String(currentIndex + 1)} of ${String(images.length)}` }),
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: "absolute top-0 left-0 right-0 z-10 flex items-center justify-between p-[var(--lightbox-header-padding)]",
+              "data-slot": "lightbox-header",
+              children: [
+                showCounter && hasMultipleImages ? /* @__PURE__ */ jsxs(
+                  "div",
+                  {
+                    "aria-live": "polite",
+                    className: "text-sm text-white/70",
+                    "data-slot": "lightbox-counter",
+                    children: [
+                      currentIndex + 1,
+                      " / ",
+                      images.length
+                    ]
+                  }
+                ) : /* @__PURE__ */ jsx("div", {}),
+                /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                  enableDownload && /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      "aria-label": "Download image",
+                      className: controlButtonSmall,
+                      "data-slot": "lightbox-download",
+                      type: "button",
+                      onClick: handleDownload,
+                      children: /* @__PURE__ */ jsx(Download, { className: "size-5" })
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(DialogPrimitive.Close, { asChild: true, children: /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      "aria-label": "Close lightbox",
+                      className: controlButtonSmall,
+                      "data-slot": "lightbox-close",
+                      type: "button",
+                      children: /* @__PURE__ */ jsx(X, { className: "size-6" })
+                    }
+                  ) })
+                ] })
+              ]
+            }
+          ),
+          hasMultipleImages && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                className: cn(
+                  "absolute left-4 top-1/2 z-10 -translate-y-1/2",
+                  controlButtonLarge,
+                  controlButtonDisabled
+                ),
+                "aria-label": "Previous image",
+                "data-slot": "lightbox-prev",
+                disabled: !canGoPrev,
+                type: "button",
+                onClick: goPrev,
+                children: /* @__PURE__ */ jsx(ChevronLeft, { className: "size-8" })
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                className: cn(
+                  "absolute right-4 top-1/2 z-10 -translate-y-1/2",
+                  controlButtonLarge,
+                  controlButtonDisabled
+                ),
+                "aria-label": "Next image",
+                "data-slot": "lightbox-next",
+                disabled: !canGoNext,
+                type: "button",
+                onClick: goNext,
+                children: /* @__PURE__ */ jsx(ChevronRight, { className: "size-8" })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: cn(
+                "flex flex-1 items-center justify-center",
+                showThumbnails ? "pb-24" : "pb-20",
+                "pt-16 px-16"
+              ),
+              "data-slot": "lightbox-image-container",
+              children: [
+                imageLoading && /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    className: "absolute inset-0 flex items-center justify-center",
+                    "data-loading": "true",
+                    children: /* @__PURE__ */ jsx("div", { className: "size-12 animate-spin rounded-full border-4 border-white/20 border-t-white" })
+                  }
+                ),
+                imageError ? /* @__PURE__ */ jsxs(
+                  "div",
+                  {
+                    className: "flex flex-col items-center justify-center gap-4 text-white/70",
+                    "data-error": "true",
+                    children: [
+                      /* @__PURE__ */ jsx(X, { className: "size-16 text-white/40" }),
+                      /* @__PURE__ */ jsx("span", { children: "Failed to load image" })
+                    ]
+                  }
+                ) : /* @__PURE__ */ jsx(
+                  "img",
+                  {
+                    className: cn(
+                      "max-h-full max-w-full object-contain transition-all duration-200",
+                      imageLoading ? "opacity-0" : "opacity-100"
+                    ),
+                    alt: currentImage.alt,
+                    "data-slot": "lightbox-image",
+                    src: currentImage.src,
+                    style: { transform: `scale(${String(zoom)})` },
+                    onError: handleImageError,
+                    onLoad: handleImageLoad
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: cn(
+                "absolute bottom-0 left-0 right-0 z-10 flex flex-col items-center gap-[var(--lightbox-footer-gap)] p-[var(--lightbox-footer-padding)]",
+                showThumbnails ? "pb-4" : "pb-6"
+              ),
+              "data-slot": "lightbox-footer",
+              children: [
+                enableZoom && /* @__PURE__ */ jsxs(
+                  "div",
+                  {
+                    className: "flex items-center gap-2",
+                    "data-slot": "lightbox-zoom-controls",
+                    children: [
+                      /* @__PURE__ */ jsx(
+                        "button",
+                        {
+                          "aria-label": "Zoom out",
+                          className: cn(controlButtonSmall, controlButtonDisabled),
+                          "data-slot": "lightbox-zoom-out",
+                          disabled: zoom <= 0.5,
+                          type: "button",
+                          onClick: handleZoomOut,
+                          children: /* @__PURE__ */ jsx(ZoomOut, { className: "size-5" })
+                        }
+                      ),
+                      /* @__PURE__ */ jsxs("span", { className: "min-w-[4ch] text-center text-sm text-white/70", children: [
+                        Math.round(zoom * 100),
+                        "%"
+                      ] }),
+                      /* @__PURE__ */ jsx(
+                        "button",
+                        {
+                          "aria-label": "Zoom in",
+                          className: cn(controlButtonSmall, controlButtonDisabled),
+                          "data-slot": "lightbox-zoom-in",
+                          disabled: zoom >= 3,
+                          type: "button",
+                          onClick: handleZoomIn,
+                          children: /* @__PURE__ */ jsx(ZoomIn, { className: "size-5" })
+                        }
+                      )
+                    ]
+                  }
+                ),
+                showCaption && currentImage.caption && /* @__PURE__ */ jsx(
+                  "p",
+                  {
+                    className: "text-center text-sm text-white/90",
+                    "data-slot": "lightbox-caption",
+                    id: "lightbox-caption",
+                    children: currentImage.caption
+                  }
+                ),
+                showThumbnails && hasMultipleImages && /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    "aria-label": "Image thumbnails",
+                    className: "flex max-w-full gap-[var(--lightbox-thumbnail-gap)] overflow-x-auto px-4 py-2",
+                    "data-slot": "lightbox-thumbnails",
+                    role: "tablist",
+                    children: images.map((image, index) => /* @__PURE__ */ jsx(
+                      "button",
+                      {
+                        className: cn(
+                          "relative size-[var(--lightbox-thumbnail-size)] shrink-0 overflow-hidden rounded-md transition-all",
+                          "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/50",
+                          index === currentIndex ? "ring-2 ring-white ring-offset-2 ring-offset-black/90" : "opacity-[var(--lightbox-thumbnail-opacity-inactive)] hover:opacity-100"
+                        ),
+                        "aria-label": `View ${image.alt}`,
+                        "aria-selected": index === currentIndex,
+                        "data-slot": "lightbox-thumbnail",
+                        role: "tab",
+                        type: "button",
+                        onClick: () => {
+                          goToIndex(index);
+                        },
+                        children: /* @__PURE__ */ jsx(
+                          "img",
+                          {
+                            alt: image.alt,
+                            className: "size-full object-cover",
+                            loading: "lazy",
+                            src: image.thumbnail ?? image.src
+                          }
+                        )
+                      },
+                      image.id
+                    ))
+                  }
+                )
+              ]
+            }
+          )
+        ]
+      },
+      stateKey
+    )
+  ] }) });
+}
+
+export { Lightbox };
+//# sourceMappingURL=chunk-C34UNXMN.js.map
+//# sourceMappingURL=chunk-C34UNXMN.js.map

package/dist/chunk-C34UNXMN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/Lightbox/Lightbox.tsx"],"names":[],"mappings":"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","file":"chunk-C34UNXMN.js","sourcesContent":["\"use client\"\n\nimport type { LightboxImage, LightboxProps } from \"./Lightbox.types\"\n\nimport * as DialogPrimitive from \"@radix-ui/react-dialog\"\nimport {\n  ChevronLeft,\n  ChevronRight,\n  Download,\n  X,\n  ZoomIn,\n  ZoomOut,\n} from \"lucide-react\"\nimport * as React from \"react\"\n\nimport { cn } from \"../../../lib/utils\"\n\n// Shared button styles\nconst controlButtonBase = cn(\n  \"flex items-center justify-center rounded-[var(--lightbox-button-radius)]\",\n  \"bg-white/10 text-white transition-colors hover:bg-white/20\",\n  \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/50\"\n)\n\nconst controlButtonSmall = cn(\n  controlButtonBase,\n  \"size-[var(--lightbox-button-size-sm)]\"\n)\nconst controlButtonLarge = cn(\n  controlButtonBase,\n  \"size-[var(--lightbox-button-size-lg)]\"\n)\nconst controlButtonDisabled = \"disabled:cursor-not-allowed disabled:opacity-30\"\n\n/**\n * Lightbox - A full-screen media viewer with navigation, zoom, and captions\n *\n * @example\n * ```tsx\n * const [open, setOpen] = useState(false)\n * const images = [\n *   { id: '1', src: '/img1.jpg', alt: 'Image 1', caption: 'First image' },\n *   { id: '2', src: '/img2.jpg', alt: 'Image 2', caption: 'Second image' },\n * ]\n *\n * <Lightbox\n *   images={images}\n *   open={open}\n *   onOpenChange={setOpen}\n *   showCaption\n *   enableZoom\n * />\n * ```\n */\nfunction Lightbox({\n  className,\n  enableDownload = false,\n  enableZoom = true,\n  images,\n  initialIndex = 0,\n  loop = true,\n  onClose,\n  onIndexChange,\n  onOpenChange,\n  open,\n  showCaption = true,\n  showCounter = true,\n  showThumbnails = false,\n}: LightboxProps) {\n  // Use a key to reset state when dialog opens at a specific index\n  const [stateKey, setStateKey] = React.useState(0)\n  const [currentIndex, setCurrentIndex] = React.useState(initialIndex)\n  const [zoom, setZoom] = React.useState(1)\n  const [imageLoading, setImageLoading] = React.useState(true)\n  const [imageError, setImageError] = React.useState(false)\n\n  // Track previous open state to detect when dialog opens\n  const prevOpenRef = React.useRef(open)\n\n  // Reset state when dialog opens (not on every render)\n  /* eslint-disable react-you-might-not-need-an-effect/no-derived-state, react-you-might-not-need-an-effect/no-adjust-state-on-prop-change, @eslint-react/hooks-extra/no-direct-set-state-in-use-effect -- Intentional state reset on open */\n  React.useEffect(() => {\n    if (open && !prevOpenRef.current) {\n      // Dialog just opened - reset to initialIndex\n      setCurrentIndex(initialIndex)\n      setZoom(1)\n      setImageLoading(true)\n      setImageError(false)\n      setStateKey((k) => k + 1)\n    }\n    prevOpenRef.current = open\n  }, [open, initialIndex])\n  /* eslint-enable react-you-might-not-need-an-effect/no-derived-state, react-you-might-not-need-an-effect/no-adjust-state-on-prop-change, @eslint-react/hooks-extra/no-direct-set-state-in-use-effect */\n\n  // Reset loading state when the image changes\n  /* eslint-disable react-you-might-not-need-an-effect/no-adjust-state-on-prop-change, react-you-might-not-need-an-effect/no-chain-state-updates, @eslint-react/hooks-extra/no-direct-set-state-in-use-effect -- Image loading state sync */\n  React.useEffect(() => {\n    setImageLoading(true)\n    setImageError(false)\n  }, [currentIndex])\n  /* eslint-enable react-you-might-not-need-an-effect/no-adjust-state-on-prop-change, react-you-might-not-need-an-effect/no-chain-state-updates, @eslint-react/hooks-extra/no-direct-set-state-in-use-effect */\n\n  const currentImage: LightboxImage | undefined = images[currentIndex]\n  const hasMultipleImages = images.length > 1\n\n  const canGoNext = loop || currentIndex < images.length - 1\n  const canGoPrev = loop || currentIndex > 0\n\n  const goNext = React.useCallback(() => {\n    if (!canGoNext) return\n    setZoom(1)\n    const nextIndex =\n      currentIndex < images.length - 1\n        ? currentIndex + 1\n        : loop\n          ? 0\n          : currentIndex\n    setCurrentIndex(nextIndex)\n    onIndexChange?.(nextIndex)\n  }, [currentIndex, images.length, loop, canGoNext, onIndexChange])\n\n  const goPrev = React.useCallback(() => {\n    if (!canGoPrev) return\n    setZoom(1)\n    const prevIndex =\n      currentIndex > 0\n        ? currentIndex - 1\n        : loop\n          ? images.length - 1\n          : currentIndex\n    setCurrentIndex(prevIndex)\n    onIndexChange?.(prevIndex)\n  }, [currentIndex, images.length, loop, canGoPrev, onIndexChange])\n\n  const goToIndex = React.useCallback(\n    (index: number) => {\n      if (index >= 0 && index < images.length) {\n        setZoom(1)\n        setCurrentIndex(index)\n        onIndexChange?.(index)\n      }\n    },\n    [images.length, onIndexChange]\n  )\n\n  const handleClose = React.useCallback(() => {\n    onOpenChange?.(false)\n    onClose?.()\n  }, [onOpenChange, onClose])\n\n  const handleZoomIn = React.useCallback(() => {\n    setZoom((prev) => Math.min(3, prev + 0.25))\n  }, [])\n\n  const handleZoomOut = React.useCallback(() => {\n    setZoom((prev) => Math.max(0.5, prev - 0.25))\n  }, [])\n\n  const handleDownload = React.useCallback(() => {\n    if (!currentImage) return\n\n    const link = document.createElement(\"a\")\n    link.href = currentImage.src\n    link.download = currentImage.alt || `image-${currentImage.id}`\n    link.target = \"_blank\"\n    link.rel = \"noopener noreferrer\"\n    document.body.appendChild(link)\n    link.click()\n    document.body.removeChild(link)\n  }, [currentImage])\n\n  const handleImageLoad = React.useCallback(() => {\n    setImageLoading(false)\n    setImageError(false)\n  }, [])\n\n  const handleImageError = React.useCallback(() => {\n    setImageLoading(false)\n    setImageError(true)\n  }, [])\n\n  // Keyboard navigation\n  React.useEffect(() => {\n    if (!open) return\n\n    const handleKeyDown = (event: KeyboardEvent) => {\n      switch (event.key) {\n        case \"ArrowLeft\":\n          event.preventDefault()\n          goPrev()\n          break\n        case \"ArrowRight\":\n          event.preventDefault()\n          goNext()\n          break\n        case \"Escape\":\n          event.preventDefault()\n          handleClose()\n          break\n        case \"+\":\n        case \"=\":\n          if (enableZoom) {\n            event.preventDefault()\n            handleZoomIn()\n          }\n          break\n        case \"-\":\n          if (enableZoom) {\n            event.preventDefault()\n            handleZoomOut()\n          }\n          break\n      }\n    }\n\n    window.addEventListener(\"keydown\", handleKeyDown)\n    return () => {\n      window.removeEventListener(\"keydown\", handleKeyDown)\n    }\n  }, [open, goNext, goPrev, handleClose, enableZoom, handleZoomIn, handleZoomOut])\n\n  if (!currentImage) return null\n\n  return (\n    <DialogPrimitive.Root open={open} onOpenChange={onOpenChange}>\n      <DialogPrimitive.Portal>\n        <DialogPrimitive.Overlay\n          className={cn(\n            \"fixed inset-0 z-50 bg-black/90\",\n            \"data-[state=open]:animate-in data-[state=closed]:animate-out\",\n            \"data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0\"\n          )}\n          data-slot=\"lightbox-overlay\"\n        />\n        <DialogPrimitive.Content\n          key={stateKey}\n          className={cn(\n            \"fixed inset-0 z-50 flex flex-col\",\n            \"data-[state=open]:animate-in data-[state=closed]:animate-out\",\n            \"data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0\",\n            \"data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95\",\n            \"duration-200\",\n            className\n          )}\n          aria-describedby={currentImage.caption ? \"lightbox-caption\" : undefined}\n          aria-label={`Lightbox: ${currentImage.alt}`}\n          data-slot=\"lightbox\"\n        >\n          {/* Hide dialog title for screen readers but provide accessible label */}\n          <DialogPrimitive.Title className=\"sr-only\">\n            Image Viewer\n          </DialogPrimitive.Title>\n          <DialogPrimitive.Description className=\"sr-only\">\n            {`Viewing image ${String(currentIndex + 1)} of ${String(images.length)}`}\n          </DialogPrimitive.Description>\n\n          {/* Top controls bar */}\n          <div\n            className=\"absolute top-0 left-0 right-0 z-10 flex items-center justify-between p-[var(--lightbox-header-padding)]\"\n            data-slot=\"lightbox-header\"\n          >\n            {/* Counter */}\n            {showCounter && hasMultipleImages ? (\n              <div\n                aria-live=\"polite\"\n                className=\"text-sm text-white/70\"\n                data-slot=\"lightbox-counter\"\n              >\n                {currentIndex + 1} / {images.length}\n              </div>\n            ) : (\n              <div />\n            )}\n\n            {/* Action buttons */}\n            <div className=\"flex items-center gap-2\">\n              {enableDownload && (\n                <button\n                  aria-label=\"Download image\"\n                  className={controlButtonSmall}\n                  data-slot=\"lightbox-download\"\n                  type=\"button\"\n                  onClick={handleDownload}\n                >\n                  <Download className=\"size-5\" />\n                </button>\n              )}\n              <DialogPrimitive.Close asChild>\n                <button\n                  aria-label=\"Close lightbox\"\n                  className={controlButtonSmall}\n                  data-slot=\"lightbox-close\"\n                  type=\"button\"\n                >\n                  <X className=\"size-6\" />\n                </button>\n              </DialogPrimitive.Close>\n            </div>\n          </div>\n\n          {/* Navigation arrows */}\n          {hasMultipleImages && (\n            <>\n              <button\n                className={cn(\n                  \"absolute left-4 top-1/2 z-10 -translate-y-1/2\",\n                  controlButtonLarge,\n                  controlButtonDisabled\n                )}\n                aria-label=\"Previous image\"\n                data-slot=\"lightbox-prev\"\n                disabled={!canGoPrev}\n                type=\"button\"\n                onClick={goPrev}\n              >\n                <ChevronLeft className=\"size-8\" />\n              </button>\n              <button\n                className={cn(\n                  \"absolute right-4 top-1/2 z-10 -translate-y-1/2\",\n                  controlButtonLarge,\n                  controlButtonDisabled\n                )}\n                aria-label=\"Next image\"\n                data-slot=\"lightbox-next\"\n                disabled={!canGoNext}\n                type=\"button\"\n                onClick={goNext}\n              >\n                <ChevronRight className=\"size-8\" />\n              </button>\n            </>\n          )}\n\n          {/* Main image area */}\n          <div\n            className={cn(\n              \"flex flex-1 items-center justify-center\",\n              showThumbnails ? \"pb-24\" : \"pb-20\",\n              \"pt-16 px-16\"\n            )}\n            data-slot=\"lightbox-image-container\"\n          >\n            {imageLoading && (\n              <div\n                className=\"absolute inset-0 flex items-center justify-center\"\n                data-loading=\"true\"\n              >\n                <div className=\"size-12 animate-spin rounded-full border-4 border-white/20 border-t-white\" />\n              </div>\n            )}\n            {imageError ? (\n              <div\n                className=\"flex flex-col items-center justify-center gap-4 text-white/70\"\n                data-error=\"true\"\n              >\n                <X className=\"size-16 text-white/40\" />\n                <span>Failed to load image</span>\n              </div>\n            ) : (\n              <img\n                className={cn(\n                  \"max-h-full max-w-full object-contain transition-all duration-200\",\n                  imageLoading ? \"opacity-0\" : \"opacity-100\"\n                )}\n                alt={currentImage.alt}\n                data-slot=\"lightbox-image\"\n                src={currentImage.src}\n                style={{ transform: `scale(${String(zoom)})` }}\n                onError={handleImageError}\n                onLoad={handleImageLoad}\n              />\n            )}\n          </div>\n\n          {/* Bottom controls bar */}\n          <div\n            className={cn(\n              \"absolute bottom-0 left-0 right-0 z-10 flex flex-col items-center gap-[var(--lightbox-footer-gap)] p-[var(--lightbox-footer-padding)]\",\n              showThumbnails ? \"pb-4\" : \"pb-6\"\n            )}\n            data-slot=\"lightbox-footer\"\n          >\n            {/* Zoom controls */}\n            {enableZoom && (\n              <div\n                className=\"flex items-center gap-2\"\n                data-slot=\"lightbox-zoom-controls\"\n              >\n                <button\n                  aria-label=\"Zoom out\"\n                  className={cn(controlButtonSmall, controlButtonDisabled)}\n                  data-slot=\"lightbox-zoom-out\"\n                  disabled={zoom <= 0.5}\n                  type=\"button\"\n                  onClick={handleZoomOut}\n                >\n                  <ZoomOut className=\"size-5\" />\n                </button>\n                <span className=\"min-w-[4ch] text-center text-sm text-white/70\">\n                  {Math.round(zoom * 100)}%\n                </span>\n                <button\n                  aria-label=\"Zoom in\"\n                  className={cn(controlButtonSmall, controlButtonDisabled)}\n                  data-slot=\"lightbox-zoom-in\"\n                  disabled={zoom >= 3}\n                  type=\"button\"\n                  onClick={handleZoomIn}\n                >\n                  <ZoomIn className=\"size-5\" />\n                </button>\n              </div>\n            )}\n\n            {/* Caption */}\n            {showCaption && currentImage.caption && (\n              <p\n                className=\"text-center text-sm text-white/90\"\n                data-slot=\"lightbox-caption\"\n                id=\"lightbox-caption\"\n              >\n                {currentImage.caption}\n              </p>\n            )}\n\n            {/* Thumbnails strip */}\n            {showThumbnails && hasMultipleImages && (\n              <div\n                aria-label=\"Image thumbnails\"\n                className=\"flex max-w-full gap-[var(--lightbox-thumbnail-gap)] overflow-x-auto px-4 py-2\"\n                data-slot=\"lightbox-thumbnails\"\n                role=\"tablist\"\n              >\n                {images.map((image, index) => (\n                  <button\n                    key={image.id}\n                    className={cn(\n                      \"relative size-[var(--lightbox-thumbnail-size)] shrink-0 overflow-hidden rounded-md transition-all\",\n                      \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/50\",\n                      index === currentIndex\n                        ? \"ring-2 ring-white ring-offset-2 ring-offset-black/90\"\n                        : \"opacity-[var(--lightbox-thumbnail-opacity-inactive)] hover:opacity-100\"\n                    )}\n                    aria-label={`View ${image.alt}`}\n                    aria-selected={index === currentIndex}\n                    data-slot=\"lightbox-thumbnail\"\n                    role=\"tab\"\n                    type=\"button\"\n                    onClick={() => {\n                      goToIndex(index)\n                    }}\n                  >\n                    <img\n                      alt={image.alt}\n                      className=\"size-full object-cover\"\n                      loading=\"lazy\"\n                      src={image.thumbnail ?? image.src}\n                    />\n                  </button>\n                ))}\n              </div>\n            )}\n          </div>\n        </DialogPrimitive.Content>\n      </DialogPrimitive.Portal>\n    </DialogPrimitive.Root>\n  )\n}\n\nexport { Lightbox }\nexport type { LightboxImage, LightboxProps }\n"]}