@nuvia/components 0.5.0 → 1.0.0

package/dist/ui/alert.d.cts

@@ -3,7 +3,7 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const Alert: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
-    variant?: "default" | "primary" | "destructive" | "warning" | null | undefined;
+    variant?: "default" | "destructive" | "primary" | "warning" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string> & React.RefAttributes<HTMLDivElement>>;
 declare const AlertTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLParagraphElement>>;
 declare const AlertDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;

package/dist/ui/alert.d.ts

@@ -3,7 +3,7 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const Alert: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
-    variant?: "default" | "primary" | "destructive" | "warning" | null | undefined;
+    variant?: "default" | "destructive" | "primary" | "warning" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string> & React.RefAttributes<HTMLDivElement>>;
 declare const AlertTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLParagraphElement>>;
 declare const AlertDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;

package/dist/ui/auto-complete.cjs

@@ -36,7 +36,7 @@ var Input = React2__namespace.forwardRef(
       {
         type,
         className: cn(
-          "flex h-10 w-full rounded-xl border border-border bg-transparent px-3 py-1 text-base  transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm group-aria-[invalid=true]:border-danger-foreground aria-[invalid=true]:border-danger-foreground",
+          "flex h-10 w-full rounded-xl border border-border bg-background px-3 py-1 text-base  transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm group-aria-[invalid=true]:border-danger-foreground aria-[invalid=true]:border-danger-foreground",
           className
         ),
         ref,

package/dist/ui/auto-complete.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/lib/utils.ts","../../src/ui/input.tsx","../../src/ui/auto-complete.tsx"],"names":["twMerge","clsx","React","jsx","React2","useTranslations","jsxs","CheckIcon"],"mappings":"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","file":"auto-complete.cjs","sourcesContent":["import { clsx } from \"clsx\";\nimport type { ClassValue } from \"clsx\";\nimport { toast } from \"sonner\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport const cn = (...inputs: ClassValue[]): string => twMerge(clsx(inputs));\n\nexport const capitalize = (str: string) =>\n  str?.charAt(0)?.toUpperCase() + str?.slice(1);\n\nexport const handleError = (error: { message: string }): void => {\n  toast.error(error.message);\n};\n","import * as React from \"react\"\n\nimport { cn } from \"../lib/utils\"\n\nconst Input = React.forwardRef<HTMLInputElement, React.ComponentProps<\"input\">>(\n  ({ className, type, ...props }, ref) => {\n    return (\n      <input\n        type={type}\n        className={cn(\n          \"flex h-10 w-full rounded-xl border border-border bg-transparent px-3 py-1 text-base  transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm group-aria-[invalid=true]:border-danger-foreground aria-[invalid=true]:border-danger-foreground\",\n          className\n        )}\n        ref={ref}\n        {...props}\n      />\n    )\n  }\n)\nInput.displayName = \"Input\"\n\nexport { Input }\n","\"use client\"\n\nimport * as React from \"react\"\nimport { cn } from \"../lib/utils\"\nimport { CheckIcon } from \"@radix-ui/react-icons\"\nimport { useTranslations } from 'next-intl';\nimport { Input } from \"./input\";\nimport { Skeleton } from \"./skeleton\";\n\nexport interface AutoCompleteOption {\n  value: string\n  label: string\n}\n\n/**\n * A AutoComplete that uses direct DOM manipulation, with debounce,\n * and a focus guard to prevent focus loss on mobile devices during typing.\n */\n\ninterface AutoCompleteProps {\n  id?: string;\n  options: AutoCompleteOption[]\n  placeholder?: string\n  searchPlaceholder?: string\n  emptyMessage?: string\n  inputClassName?: string\n  listClassName?: string\n  allowNewOption?: boolean\n  value?: AutoCompleteOption[] // Always array of option objects\n  onValueChange?: (value: AutoCompleteOption[]) => void // Always returns option array\n  onSelect?: (value: AutoCompleteOption[]) => void // Always returns option array\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void\n  characterSenstiveCount?: number\n  isLoading?: boolean\n  showSuggestions?: boolean\n  disabled?: boolean\n  closeOptionsOnSelect?: boolean\n  initialSuggestions?: { label: string; value: string }[]\n}\n\n/**\n * A completely reworked AutoComplete that uses direct DOM manipulation\n * to prevent focus loss on mobile devices during typing.\n */\nconst AutoComplete = React.forwardRef<HTMLDivElement, AutoCompleteProps>(({\n  id,\n  options,\n  placeholder,\n  emptyMessage,\n  inputClassName,\n  listClassName,\n  allowNewOption,\n  disabled,\n  value: controlledValue,\n  onValueChange,  \n  onSelect,\n  onChange,\n  showSuggestions = true,\n  characterSenstiveCount = 2,\n  isLoading = false, // Default to not loading\n  closeOptionsOnSelect = true,\n  initialSuggestions,\n}, ref) => {\n  const t = useTranslations('auto-complete');\n  // Use refs instead of state where possible to avoid re-renders during typing\n  const valueRef = React.useRef<AutoCompleteOption[]>(controlledValue || []);\n  const searchValueRef = React.useRef<string>(\"\");\n  const [showOptions, setShowOptions] = React.useState(false);\n  const [isHoveringOptions, setIsHoveringOptions] = React.useState(false);\n  const [optionsToShow, setOptionsToShow] = React.useState<AutoCompleteOption[]>([]);\n  const [showAbove, setShowAbove] = React.useState(false);\n  const inputRef = React.useRef<HTMLInputElement>(null);\n  const containerRef = React.useRef<HTMLDivElement>(null);\n  const optionsContainerRef = React.useRef<HTMLDivElement>(null);\n  const mobileDetected = React.useRef(\n    typeof window !== 'undefined' &&\n    /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(\n      navigator.userAgent\n    )\n  );\n  \n  // Default values using translations\n  const defaultPlaceholder = isLoading \n    ? 'Loading suggestions...' \n    : (placeholder || t('select-option'));\n  const defaultEmptyMessage = emptyMessage || t('no-option-found');\n  \n  // Check if there's enough space below the input\n  const checkPosition = React.useCallback(() => {\n    if (!inputRef.current || !containerRef.current) return;\n    \n    const inputRect = inputRef.current.getBoundingClientRect();\n    const windowHeight = window.innerHeight;\n    const bottomSpace = windowHeight - inputRect.bottom;\n    const optionsHeight = 320; // Approximate max height for options (max-h-60 = 15rem = 240px + padding)\n    \n    // If there's not enough space below, show above\n    setShowAbove(bottomSpace < optionsHeight);\n  }, []);\n  \n  // Initialize options when component mounts or options change\n  React.useEffect(() => {\n    // Only set initial options if we have options and we're not loading\n    if (options?.length && !isLoading) {\n      if(!searchValueRef.current) {\n        setOptionsToShow(initialSuggestions || options.slice(0, 20));\n      } else {\n        setOptionsToShow(options.slice(0, 20));\n      }\n    }\n  }, [options, isLoading]);\n  \n  // Handle window resize and scroll to recalculate position\n  React.useEffect(() => {\n    if (!showOptions) return;\n    \n    // Initial position check\n    checkPosition();\n    \n    // Add event listeners for resize and scroll\n    window.addEventListener('resize', checkPosition);\n    window.addEventListener('scroll', checkPosition);\n    \n    return () => {\n      window.removeEventListener('resize', checkPosition);\n      window.removeEventListener('scroll', checkPosition);\n    };\n  }, [showOptions, checkPosition]);\n  \n  // Handle forwarded ref\n  React.useImperativeHandle(ref, () => ({\n    querySelector: (selector: string) => {\n      if (selector === 'input') return inputRef.current;\n      return containerRef.current?.querySelector(selector);\n    }\n  } as unknown as HTMLDivElement));\n  \n  // Handle input value updates without state changes\n  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const inputValue = e.target.value;\n    searchValueRef.current = inputValue;\n    \n    // Call parent onChange without triggering re-render\n    if (onChange) {\n      onChange(e);\n    }\n    \n    // Filter options without state updates during typing\n    if (mobileDetected.current) {\n      // For mobile, delay showing options to prevent keyboard flicker\n      setTimeout(() => {\n        const filtered = inputValue \n          ? options.filter(option => \n              option.label.toLowerCase().includes(inputValue.toLowerCase()))\n          : options;\n        setOptionsToShow(filtered.slice(0, 20));\n        setShowOptions(true);\n      }, 50);\n    } else {\n      // For desktop, update immediately\n      const filtered = inputValue \n        ? options.filter(option => \n            option.label.toLowerCase().includes(inputValue.toLowerCase()))\n        : options;\n      setOptionsToShow(filtered.slice(0, 20));\n      setShowOptions(!!inputValue || filtered.length > 0);\n    }\n  };\n  \n  // Handle selection with minimal state updates\n  const handleSelect = (selectedValue: string, selectedLabel: string) => {\n    const currentValue = valueRef.current;\n    const newOptionItem: AutoCompleteOption = { value: selectedValue, label: selectedLabel };\n    \n    // Check if the option is already selected\n    const isSelected = currentValue.some(item => item.value === selectedValue);\n    \n    // Toggle selection\n    let newValue: AutoCompleteOption[];\n    if (isSelected) {\n      newValue = currentValue.filter(item => item.value !== selectedValue);\n    } else {\n      newValue = [...currentValue, newOptionItem];\n    }\n    \n    valueRef.current = newValue;\n    \n    // Only trigger state updates after selection is complete\n    if (inputRef.current) {\n      inputRef.current.value = \"\";\n      searchValueRef.current = \"\";\n    }\n    \n    // Hide options\n    if (closeOptionsOnSelect) {\n      setShowOptions(false);\n    }\n    \n    // Notify parent components\n    if (onValueChange) onValueChange(newValue);\n    if (onSelect) onSelect(newValue);\n    \n    // Ensure the input keeps focus on mobile\n    if (mobileDetected.current && inputRef.current) {\n      // Use a longer timeout to ensure the keyboard stays up\n      setTimeout(() => {\n        if (inputRef.current) {\n          inputRef.current.focus();\n        }\n      }, 100);\n    }\n  };\n  \n  // Handle outside clicks\n  React.useEffect(() => {\n    const handleOutsideClick = (e: MouseEvent) => {\n      if (\n        containerRef.current && \n        !containerRef.current.contains(e.target as Node) &&\n        optionsContainerRef.current &&\n        !optionsContainerRef.current.contains(e.target as Node)\n      ) {\n        setShowOptions(false);\n      }\n    };\n    \n    document.addEventListener('mousedown', handleOutsideClick);\n    return () => {\n      document.removeEventListener('mousedown', handleOutsideClick);\n    };\n  }, []);\n  \n  // Update ref when controlled value changes\n  React.useEffect(() => {\n    if (controlledValue !== undefined) {\n      valueRef.current = controlledValue;\n    }\n  }, [controlledValue]);\n  \n  // Get array of selected values for checking\n  const selectedValueKeys = valueRef.current.map(item => item.value);\n  \n\n  return (\n    <div ref={containerRef} className={cn(\"relative\", inputClassName)}>\n      {/* Input field that maintains focus */}\n      <Input\n        disabled={disabled}\n        ref={inputRef}\n        type=\"text\"\n        id={id || Math.random().toString(36).substring(2, 15)}\n        placeholder={defaultPlaceholder}\n        className=\"w-full rounded-xl placeholder:text-sm placeholder:truncate\"\n        onChange={handleInputChange}\n        onBlur={() => {\n          if(allowNewOption && searchValueRef.current && !isHoveringOptions) {\n              handleSelect(searchValueRef.current, searchValueRef.current);\n              setShowOptions(false);\n            }\n        }}\n        onKeyDown={(e) => {\n          if (e.key === 'Enter') {\n            if(optionsToShow.length > 0) {\n              handleSelect(optionsToShow[0].value, optionsToShow[0].label);\n              setShowOptions(false);\n              inputRef.current?.blur();\n            } else {\n              if(allowNewOption) {\n              handleSelect(searchValueRef.current, searchValueRef.current);\n                setShowOptions(false);\n                inputRef.current?.blur();\n              }\n            }\n          }\n        }}\n        onFocus={() => {\n          // Show options when input is focused with initial list\n          if (mobileDetected.current) {\n            setTimeout(() => {\n              // Make sure we have initial options set\n              if (optionsToShow.length === 0 && options.length > 0) {\n                setOptionsToShow(options.slice(0, 20));\n              }\n              setShowOptions(true);\n              checkPosition(); // Check position when showing options\n            }, 50);\n          } else {\n            // For desktop, just show the options\n            if (optionsToShow.length === 0 && options.length > 0) {\n              setOptionsToShow(options.slice(0, 20));\n            }\n            setShowOptions(true);\n            checkPosition(); // Check position when showing options\n          }\n        }}\n      />\n      {/* Options dropdown */}\n      {showOptions && showSuggestions && (\n        <div \n          onMouseEnter={() => setIsHoveringOptions(true)}\n          onMouseLeave={() => setIsHoveringOptions(false)}\n          ref={optionsContainerRef}\n          className={cn(\n            \"absolute z-50 max-h-60 w-full overflow-auto rounded-xl bg-background border py-1 shadow-lg\",\n            showAbove \n              ? \"bottom-full mb-1\" // Position above with margin bottom\n              : \"top-full mt-1\",   // Position below with margin top\n            listClassName\n          )}\n        >      \n\n        {searchValueRef.current === '' && !isLoading && <span className=\"text-xs text-foreground/75 px-4 py-1 opacity-75\">{t('suggestions')}</span>}\n\n          {isLoading ? (\n              <div className=\"w-full px-2 py-2 text-center text-foreground/75 text-sm\">\n                <div className=\"animate-pulse rounded-xl bg-secondary py-2 dark:bg-secondary/25\">\n                  {t('loading-suggestions')}\n                </div>\n              </div>\n          ) : optionsToShow.length === 0 ? (\n            <div className=\"px-2 py-1 text-center flex items-center justify-center h-[35px] text-sm text-foreground/75\">\n              {defaultEmptyMessage}\n            </div>\n          ) : (\n            <div className=\"w-full px-1 flex flex-col gap-1\">\n              {optionsToShow.map((option) => {\n                const isSelected = selectedValueKeys.includes(option.value);\n                return (\n                  <div\n                    key={option.label}\n                    className={cn(\n                      \"relative cursor-pointer select-none px-3 py-2 hover:bg-secondary/50 dark:hover:bg-secondary/25 rounded-lg\",\n                      isSelected && \"bg-secondary/50 dark:bg-secondary/25\"\n                    )}\n                    onClick={() => handleSelect(option.value, option.label)}\n                  >\n                    <span>{option.label}</span>\n                    {isSelected && (\n                      <CheckIcon className=\"absolute right-3 top-1/2 h-4 w-4 -translate-y-1/2\" />\n                    )}\n                  </div>\n                );\n              })}\n              \n              {/* Allow adding new option */}\n              {allowNewOption && \n                searchValueRef.current && \n                !optionsToShow.some(option => option.value === searchValueRef.current) && (\n                <div\n                  className=\"cursor-pointer select-none px-3 py-2 hover:bg-gray-100\"\n                  onClick={() => handleSelect(searchValueRef.current, searchValueRef.current)}\n                >\n                  {searchValueRef.current}\n                </div>\n              )}\n            </div>\n          )}\n        </div>\n      )}\n\n    </div>\n  );\n});\n\nAutoComplete.displayName = \"AutoComplete\";\n\nexport { AutoComplete };\n"]}
+{"version":3,"sources":["../../src/lib/utils.ts","../../src/ui/input.tsx","../../src/ui/auto-complete.tsx"],"names":["twMerge","clsx","React","jsx","React2","useTranslations","jsxs","CheckIcon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKO,IAAM,KAAK,CAAA,GAAI,MAAA,KAAiCA,qBAAA,CAAQC,SAAA,CAAK,MAAM,CAAC,CAAA;ACD3E,IAAM,KAAA,GAAcC,iBAAA,CAAA,UAAA;AAAA,EAClB,CAAC,EAAE,SAAA,EAAW,MAAM,GAAG,KAAA,IAAS,GAAA,KAAQ;AACtC,IAAA,uBACEC,cAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACC,IAAA;AAAA,QACA,SAAA,EAAW,EAAA;AAAA,UACT,icAAA;AAAA,UACA;AAAA,SACF;AAAA,QACA,GAAA;AAAA,QACC,GAAG;AAAA;AAAA,KACN;AAAA,EAEJ;AACF,CAAA;AACA,KAAA,CAAM,WAAA,GAAc,OAAA;ACyBpB,IAAM,YAAA,GAAqBC,6BAA8C,CAAC;AAAA,EACxE,EAAA;AAAA,EACA,OAAA;AAAA,EACA,WAAA;AAAA,EACA,YAAA;AAAA,EACA,cAAA;AAAA,EACA,aAAA;AAAA,EACA,cAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAA,EAAO,eAAA;AAAA,EACP,aAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA,eAAA,GAAkB,IAAA;AAAA,EAClB,sBAAA,GAAyB,CAAA;AAAA,EACzB,SAAA,GAAY,KAAA;AAAA;AAAA,EACZ,oBAAA,GAAuB,IAAA;AAAA,EACvB;AACF,CAAA,EAAG,GAAA,KAAQ;AACT,EAAA,MAAM,CAAA,GAAIC,yBAAgB,eAAe,CAAA;AAEzC,EAAA,MAAM,QAAA,GAAiBD,iBAAA,CAAA,MAAA,CAA6B,eAAA,IAAmB,EAAE,CAAA;AACzE,EAAA,MAAM,cAAA,GAAuBA,yBAAe,EAAE,CAAA;AAC9C,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAUA,2BAAS,KAAK,CAAA;AAC1D,EAAA,MAAM,CAAC,iBAAA,EAAmB,oBAAoB,CAAA,GAAUA,2BAAS,KAAK,CAAA;AACtE,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAUA,iBAAA,CAAA,QAAA,CAA+B,EAAE,CAAA;AACjF,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAUA,2BAAS,KAAK,CAAA;AACtD,EAAA,MAAM,QAAA,GAAiBA,yBAAyB,IAAI,CAAA;AACpD,EAAA,MAAM,YAAA,GAAqBA,yBAAuB,IAAI,CAAA;AACtD,EAAA,MAAM,mBAAA,GAA4BA,yBAAuB,IAAI,CAAA;AAC7D,EAAA,MAAM,cAAA,GAAuBA,iBAAA,CAAA,MAAA;AAAA,IAC3B,OAAO,MAAA,KAAW,WAAA,IAClB,gEAAA,CAAiE,IAAA;AAAA,MAC/D,SAAA,CAAU;AAAA;AACZ,GACF;AAGA,EAAA,MAAM,kBAAA,GAAqB,SAAA,GACvB,wBAAA,GACC,WAAA,IAAe,EAAE,eAAe,CAAA;AACrC,EAAA,MAAM,mBAAA,GAAsB,YAAA,IAAgB,CAAA,CAAE,iBAAiB,CAAA;AAG/D,EAAA,MAAM,aAAA,GAAsBA,8BAAY,MAAM;AAC5C,IAAA,IAAI,CAAC,QAAA,CAAS,OAAA,IAAW,CAAC,aAAa,OAAA,EAAS;AAEhD,IAAA,MAAM,SAAA,GAAY,QAAA,CAAS,OAAA,CAAQ,qBAAA,EAAsB;AACzD,IAAA,MAAM,eAAe,MAAA,CAAO,WAAA;AAC5B,IAAA,MAAM,WAAA,GAAc,eAAe,SAAA,CAAU,MAAA;AAC7C,IAAA,MAAM,aAAA,GAAgB,GAAA;AAGtB,IAAA,YAAA,CAAa,cAAc,aAAa,CAAA;AAAA,EAC1C,CAAA,EAAG,EAAE,CAAA;AAGL,EAAMA,4BAAU,MAAM;AAEpB,IAAA,IAAI,OAAA,EAAS,MAAA,IAAU,CAAC,SAAA,EAAW;AACjC,MAAA,IAAG,CAAC,eAAe,OAAA,EAAS;AAC1B,QAAA,gBAAA,CAAiB,kBAAA,IAAsB,OAAA,CAAQ,KAAA,CAAM,CAAA,EAAG,EAAE,CAAC,CAAA;AAAA,MAC7D,CAAA,MAAO;AACL,QAAA,gBAAA,CAAiB,OAAA,CAAQ,KAAA,CAAM,CAAA,EAAG,EAAE,CAAC,CAAA;AAAA,MACvC;AAAA,IACF;AAAA,EACF,CAAA,EAAG,CAAC,OAAA,EAAS,SAAS,CAAC,CAAA;AAGvB,EAAMA,4BAAU,MAAM;AACpB,IAAA,IAAI,CAAC,WAAA,EAAa;AAGlB,IAAA,aAAA,EAAc;AAGd,IAAA,MAAA,CAAO,gBAAA,CAAiB,UAAU,aAAa,CAAA;AAC/C,IAAA,MAAA,CAAO,gBAAA,CAAiB,UAAU,aAAa,CAAA;AAE/C,IAAA,OAAO,MAAM;AACX,MAAA,MAAA,CAAO,mBAAA,CAAoB,UAAU,aAAa,CAAA;AAClD,MAAA,MAAA,CAAO,mBAAA,CAAoB,UAAU,aAAa,CAAA;AAAA,IACpD,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,WAAA,EAAa,aAAa,CAAC,CAAA;AAG/B,EAAMA,iBAAA,CAAA,mBAAA,CAAoB,KAAK,OAAO;AAAA,IACpC,aAAA,EAAe,CAAC,QAAA,KAAqB;AACnC,MAAA,IAAI,QAAA,KAAa,OAAA,EAAS,OAAO,QAAA,CAAS,OAAA;AAC1C,MAAA,OAAO,YAAA,CAAa,OAAA,EAAS,aAAA,CAAc,QAAQ,CAAA;AAAA,IACrD;AAAA,GACF,CAA+B,CAAA;AAG/B,EAAA,MAAM,iBAAA,GAAoB,CAAC,CAAA,KAA2C;AACpE,IAAA,MAAM,UAAA,GAAa,EAAE,MAAA,CAAO,KAAA;AAC5B,IAAA,cAAA,CAAe,OAAA,GAAU,UAAA;AAGzB,IAAA,IAAI,QAAA,EAAU;AACZ,MAAA,QAAA,CAAS,CAAC,CAAA;AAAA,IACZ;AAGA,IAAA,IAAI,eAAe,OAAA,EAAS;AAE1B,MAAA,UAAA,CAAW,MAAM;AACf,QAAA,MAAM,QAAA,GAAW,UAAA,GACb,OAAA,CAAQ,MAAA,CAAO,YACb,MAAA,CAAO,KAAA,CAAM,WAAA,EAAY,CAAE,QAAA,CAAS,UAAA,CAAW,WAAA,EAAa,CAAC,CAAA,GAC/D,OAAA;AACJ,QAAA,gBAAA,CAAiB,QAAA,CAAS,KAAA,CAAM,CAAA,EAAG,EAAE,CAAC,CAAA;AACtC,QAAA,cAAA,CAAe,IAAI,CAAA;AAAA,MACrB,GAAG,EAAE,CAAA;AAAA,IACP,CAAA,MAAO;AAEL,MAAA,MAAM,QAAA,GAAW,UAAA,GACb,OAAA,CAAQ,MAAA,CAAO,YACb,MAAA,CAAO,KAAA,CAAM,WAAA,EAAY,CAAE,QAAA,CAAS,UAAA,CAAW,WAAA,EAAa,CAAC,CAAA,GAC/D,OAAA;AACJ,MAAA,gBAAA,CAAiB,QAAA,CAAS,KAAA,CAAM,CAAA,EAAG,EAAE,CAAC,CAAA;AACtC,MAAA,cAAA,CAAe,CAAC,CAAC,UAAA,IAAc,QAAA,CAAS,SAAS,CAAC,CAAA;AAAA,IACpD;AAAA,EACF,CAAA;AAGA,EAAA,MAAM,YAAA,GAAe,CAAC,aAAA,EAAuB,aAAA,KAA0B;AACrE,IAAA,MAAM,eAAe,QAAA,CAAS,OAAA;AAC9B,IAAA,MAAM,aAAA,GAAoC,EAAE,KAAA,EAAO,aAAA,EAAe,OAAO,aAAA,EAAc;AAGvF,IAAA,MAAM,aAAa,YAAA,CAAa,IAAA,CAAK,CAAA,IAAA,KAAQ,IAAA,CAAK,UAAU,aAAa,CAAA;AAGzE,IAAA,IAAI,QAAA;AACJ,IAAA,IAAI,UAAA,EAAY;AACd,MAAA,QAAA,GAAW,YAAA,CAAa,MAAA,CAAO,CAAA,IAAA,KAAQ,IAAA,CAAK,UAAU,aAAa,CAAA;AAAA,IACrE,CAAA,MAAO;AACL,MAAA,QAAA,GAAW,CAAC,GAAG,YAAA,EAAc,aAAa,CAAA;AAAA,IAC5C;AAEA,IAAA,QAAA,CAAS,OAAA,GAAU,QAAA;AAGnB,IAAA,IAAI,SAAS,OAAA,EAAS;AACpB,MAAA,QAAA,CAAS,QAAQ,KAAA,GAAQ,EAAA;AACzB,MAAA,cAAA,CAAe,OAAA,GAAU,EAAA;AAAA,IAC3B;AAGA,IAAA,IAAI,oBAAA,EAAsB;AACxB,MAAA,cAAA,CAAe,KAAK,CAAA;AAAA,IACtB;AAGA,IAAA,IAAI,aAAA,gBAA6B,QAAQ,CAAA;AACzC,IAAA,IAAI,QAAA,WAAmB,QAAQ,CAAA;AAG/B,IAAA,IAAI,cAAA,CAAe,OAAA,IAAW,QAAA,CAAS,OAAA,EAAS;AAE9C,MAAA,UAAA,CAAW,MAAM;AACf,QAAA,IAAI,SAAS,OAAA,EAAS;AACpB,UAAA,QAAA,CAAS,QAAQ,KAAA,EAAM;AAAA,QACzB;AAAA,MACF,GAAG,GAAG,CAAA;AAAA,IACR;AAAA,EACF,CAAA;AAGA,EAAMA,4BAAU,MAAM;AACpB,IAAA,MAAM,kBAAA,GAAqB,CAAC,CAAA,KAAkB;AAC5C,MAAA,IACE,aAAa,OAAA,IACb,CAAC,YAAA,CAAa,OAAA,CAAQ,SAAS,CAAA,CAAE,MAAc,CAAA,IAC/C,mBAAA,CAAoB,WACpB,CAAC,mBAAA,CAAoB,QAAQ,QAAA,CAAS,CAAA,CAAE,MAAc,CAAA,EACtD;AACA,QAAA,cAAA,CAAe,KAAK,CAAA;AAAA,MACtB;AAAA,IACF,CAAA;AAEA,IAAA,QAAA,CAAS,gBAAA,CAAiB,aAAa,kBAAkB,CAAA;AACzD,IAAA,OAAO,MAAM;AACX,MAAA,QAAA,CAAS,mBAAA,CAAoB,aAAa,kBAAkB,CAAA;AAAA,IAC9D,CAAA;AAAA,EACF,CAAA,EAAG,EAAE,CAAA;AAGL,EAAMA,4BAAU,MAAM;AACpB,IAAA,IAAI,oBAAoB,MAAA,EAAW;AACjC,MAAA,QAAA,CAAS,OAAA,GAAU,eAAA;AAAA,IACrB;AAAA,EACF,CAAA,EAAG,CAAC,eAAe,CAAC,CAAA;AAGpB,EAAA,MAAM,oBAAoB,QAAA,CAAS,OAAA,CAAQ,GAAA,CAAI,CAAA,IAAA,KAAQ,KAAK,KAAK,CAAA;AAGjE,EAAA,uBACEE,eAAA,CAAC,SAAI,GAAA,EAAK,YAAA,EAAc,WAAW,EAAA,CAAG,UAAA,EAAY,cAAc,CAAA,EAE9D,QAAA,EAAA;AAAA,oBAAAH,cAAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,QAAA;AAAA,QACA,GAAA,EAAK,QAAA;AAAA,QACL,IAAA,EAAK,MAAA;AAAA,QACL,EAAA,EAAI,EAAA,IAAM,IAAA,CAAK,MAAA,EAAO,CAAE,SAAS,EAAE,CAAA,CAAE,SAAA,CAAU,CAAA,EAAG,EAAE,CAAA;AAAA,QACpD,WAAA,EAAa,kBAAA;AAAA,QACb,SAAA,EAAU,4DAAA;AAAA,QACV,QAAA,EAAU,iBAAA;AAAA,QACV,QAAQ,MAAM;AACZ,UAAA,IAAG,cAAA,IAAkB,cAAA,CAAe,OAAA,IAAW,CAAC,iBAAA,EAAmB;AAC/D,YAAA,YAAA,CAAa,cAAA,CAAe,OAAA,EAAS,cAAA,CAAe,OAAO,CAAA;AAC3D,YAAA,cAAA,CAAe,KAAK,CAAA;AAAA,UACtB;AAAA,QACJ,CAAA;AAAA,QACA,SAAA,EAAW,CAAC,CAAA,KAAM;AAChB,UAAA,IAAI,CAAA,CAAE,QAAQ,OAAA,EAAS;AACrB,YAAA,IAAG,aAAA,CAAc,SAAS,CAAA,EAAG;AAC3B,cAAA,YAAA,CAAa,cAAc,CAAC,CAAA,CAAE,OAAO,aAAA,CAAc,CAAC,EAAE,KAAK,CAAA;AAC3D,cAAA,cAAA,CAAe,KAAK,CAAA;AACpB,cAAA,QAAA,CAAS,SAAS,IAAA,EAAK;AAAA,YACzB,CAAA,MAAO;AACL,cAAA,IAAG,cAAA,EAAgB;AACnB,gBAAA,YAAA,CAAa,cAAA,CAAe,OAAA,EAAS,cAAA,CAAe,OAAO,CAAA;AACzD,gBAAA,cAAA,CAAe,KAAK,CAAA;AACpB,gBAAA,QAAA,CAAS,SAAS,IAAA,EAAK;AAAA,cACzB;AAAA,YACF;AAAA,UACF;AAAA,QACF,CAAA;AAAA,QACA,SAAS,MAAM;AAEb,UAAA,IAAI,eAAe,OAAA,EAAS;AAC1B,YAAA,UAAA,CAAW,MAAM;AAEf,cAAA,IAAI,aAAA,CAAc,MAAA,KAAW,CAAA,IAAK,OAAA,CAAQ,SAAS,CAAA,EAAG;AACpD,gBAAA,gBAAA,CAAiB,OAAA,CAAQ,KAAA,CAAM,CAAA,EAAG,EAAE,CAAC,CAAA;AAAA,cACvC;AACA,cAAA,cAAA,CAAe,IAAI,CAAA;AACnB,cAAA,aAAA,EAAc;AAAA,YAChB,GAAG,EAAE,CAAA;AAAA,UACP,CAAA,MAAO;AAEL,YAAA,IAAI,aAAA,CAAc,MAAA,KAAW,CAAA,IAAK,OAAA,CAAQ,SAAS,CAAA,EAAG;AACpD,cAAA,gBAAA,CAAiB,OAAA,CAAQ,KAAA,CAAM,CAAA,EAAG,EAAE,CAAC,CAAA;AAAA,YACvC;AACA,YAAA,cAAA,CAAe,IAAI,CAAA;AACnB,YAAA,aAAA,EAAc;AAAA,UAChB;AAAA,QACF;AAAA;AAAA,KACF;AAAA,IAEC,eAAe,eAAA,oBACdG,eAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,YAAA,EAAc,MAAM,oBAAA,CAAqB,IAAI,CAAA;AAAA,QAC7C,YAAA,EAAc,MAAM,oBAAA,CAAqB,KAAK,CAAA;AAAA,QAC9C,GAAA,EAAK,mBAAA;AAAA,QACL,SAAA,EAAW,EAAA;AAAA,UACT,4FAAA;AAAA,UACA,YACI,kBAAA,GACA,eAAA;AAAA;AAAA,UACJ;AAAA,SACF;AAAA,QAGD,QAAA,EAAA;AAAA,UAAA,cAAA,CAAe,OAAA,KAAY,EAAA,IAAM,CAAC,SAAA,oBAAaH,cAAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,iDAAA,EAAmD,QAAA,EAAA,CAAA,CAAE,aAAa,CAAA,EAAE,CAAA;AAAA,UAEjI,SAAA,mBACGA,cAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,yDAAA,EACb,QAAA,kBAAAA,cAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,iEAAA,EACZ,QAAA,EAAA,CAAA,CAAE,qBAAqB,CAAA,EAC1B,CAAA,EACF,CAAA,GACA,aAAA,CAAc,MAAA,KAAW,CAAA,mBAC3BA,cAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,4FAAA,EACZ,QAAA,EAAA,mBAAA,EACH,CAAA,mBAEAG,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,iCAAA,EACZ,QAAA,EAAA;AAAA,YAAA,aAAA,CAAc,GAAA,CAAI,CAAC,MAAA,KAAW;AAC7B,cAAA,MAAM,UAAA,GAAa,iBAAA,CAAkB,QAAA,CAAS,MAAA,CAAO,KAAK,CAAA;AAC1D,cAAA,uBACEA,eAAA;AAAA,gBAAC,KAAA;AAAA,gBAAA;AAAA,kBAEC,SAAA,EAAW,EAAA;AAAA,oBACT,2GAAA;AAAA,oBACA,UAAA,IAAc;AAAA,mBAChB;AAAA,kBACA,SAAS,MAAM,YAAA,CAAa,MAAA,CAAO,KAAA,EAAO,OAAO,KAAK,CAAA;AAAA,kBAEtD,QAAA,EAAA;AAAA,oCAAAH,cAAAA,CAAC,MAAA,EAAA,EAAM,QAAA,EAAA,MAAA,CAAO,KAAA,EAAM,CAAA;AAAA,oBACnB,UAAA,oBACCA,cAAAA,CAACI,oBAAA,EAAA,EAAU,WAAU,mDAAA,EAAoD;AAAA;AAAA,iBAAA;AAAA,gBATtE,MAAA,CAAO;AAAA,eAWd;AAAA,YAEJ,CAAC,CAAA;AAAA,YAGA,cAAA,IACC,cAAA,CAAe,OAAA,IACf,CAAC,aAAA,CAAc,IAAA,CAAK,CAAA,MAAA,KAAU,MAAA,CAAO,KAAA,KAAU,cAAA,CAAe,OAAO,CAAA,oBACrEJ,cAAAA;AAAA,cAAC,KAAA;AAAA,cAAA;AAAA,gBACC,SAAA,EAAU,wDAAA;AAAA,gBACV,SAAS,MAAM,YAAA,CAAa,cAAA,CAAe,OAAA,EAAS,eAAe,OAAO,CAAA;AAAA,gBAEzE,QAAA,EAAA,cAAA,CAAe;AAAA;AAAA;AAClB,WAAA,EAEJ;AAAA;AAAA;AAAA;AAEJ,GAAA,EAGJ,CAAA;AAEJ,CAAC;AAED,YAAA,CAAa,WAAA,GAAc,cAAA","file":"auto-complete.cjs","sourcesContent":["import { clsx } from \"clsx\";\nimport type { ClassValue } from \"clsx\";\nimport { toast } from \"sonner\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport const cn = (...inputs: ClassValue[]): string => twMerge(clsx(inputs));\n\nexport const capitalize = (str: string) =>\n  str?.charAt(0)?.toUpperCase() + str?.slice(1);\n\nexport const handleError = (error: { message: string }): void => {\n  toast.error(error.message);\n};\n","import * as React from \"react\";\n\nimport { cn } from \"../lib/utils\";\n\nconst Input = React.forwardRef<HTMLInputElement, React.ComponentProps<\"input\">>(\n  ({ className, type, ...props }, ref) => {\n    return (\n      <input\n        type={type}\n        className={cn(\n          \"flex h-10 w-full rounded-xl border border-border bg-background px-3 py-1 text-base  transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm group-aria-[invalid=true]:border-danger-foreground aria-[invalid=true]:border-danger-foreground\",\n          className,\n        )}\n        ref={ref}\n        {...props}\n      />\n    );\n  },\n);\nInput.displayName = \"Input\";\n\nexport { Input };\n","\"use client\"\n\nimport * as React from \"react\"\nimport { cn } from \"../lib/utils\"\nimport { CheckIcon } from \"@radix-ui/react-icons\"\nimport { useTranslations } from 'next-intl';\nimport { Input } from \"./input\";\nimport { Skeleton } from \"./skeleton\";\n\nexport interface AutoCompleteOption {\n  value: string\n  label: string\n}\n\n/**\n * A AutoComplete that uses direct DOM manipulation, with debounce,\n * and a focus guard to prevent focus loss on mobile devices during typing.\n */\n\ninterface AutoCompleteProps {\n  id?: string;\n  options: AutoCompleteOption[]\n  placeholder?: string\n  searchPlaceholder?: string\n  emptyMessage?: string\n  inputClassName?: string\n  listClassName?: string\n  allowNewOption?: boolean\n  value?: AutoCompleteOption[] // Always array of option objects\n  onValueChange?: (value: AutoCompleteOption[]) => void // Always returns option array\n  onSelect?: (value: AutoCompleteOption[]) => void // Always returns option array\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void\n  characterSenstiveCount?: number\n  isLoading?: boolean\n  showSuggestions?: boolean\n  disabled?: boolean\n  closeOptionsOnSelect?: boolean\n  initialSuggestions?: { label: string; value: string }[]\n}\n\n/**\n * A completely reworked AutoComplete that uses direct DOM manipulation\n * to prevent focus loss on mobile devices during typing.\n */\nconst AutoComplete = React.forwardRef<HTMLDivElement, AutoCompleteProps>(({\n  id,\n  options,\n  placeholder,\n  emptyMessage,\n  inputClassName,\n  listClassName,\n  allowNewOption,\n  disabled,\n  value: controlledValue,\n  onValueChange,  \n  onSelect,\n  onChange,\n  showSuggestions = true,\n  characterSenstiveCount = 2,\n  isLoading = false, // Default to not loading\n  closeOptionsOnSelect = true,\n  initialSuggestions,\n}, ref) => {\n  const t = useTranslations('auto-complete');\n  // Use refs instead of state where possible to avoid re-renders during typing\n  const valueRef = React.useRef<AutoCompleteOption[]>(controlledValue || []);\n  const searchValueRef = React.useRef<string>(\"\");\n  const [showOptions, setShowOptions] = React.useState(false);\n  const [isHoveringOptions, setIsHoveringOptions] = React.useState(false);\n  const [optionsToShow, setOptionsToShow] = React.useState<AutoCompleteOption[]>([]);\n  const [showAbove, setShowAbove] = React.useState(false);\n  const inputRef = React.useRef<HTMLInputElement>(null);\n  const containerRef = React.useRef<HTMLDivElement>(null);\n  const optionsContainerRef = React.useRef<HTMLDivElement>(null);\n  const mobileDetected = React.useRef(\n    typeof window !== 'undefined' &&\n    /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(\n      navigator.userAgent\n    )\n  );\n  \n  // Default values using translations\n  const defaultPlaceholder = isLoading \n    ? 'Loading suggestions...' \n    : (placeholder || t('select-option'));\n  const defaultEmptyMessage = emptyMessage || t('no-option-found');\n  \n  // Check if there's enough space below the input\n  const checkPosition = React.useCallback(() => {\n    if (!inputRef.current || !containerRef.current) return;\n    \n    const inputRect = inputRef.current.getBoundingClientRect();\n    const windowHeight = window.innerHeight;\n    const bottomSpace = windowHeight - inputRect.bottom;\n    const optionsHeight = 320; // Approximate max height for options (max-h-60 = 15rem = 240px + padding)\n    \n    // If there's not enough space below, show above\n    setShowAbove(bottomSpace < optionsHeight);\n  }, []);\n  \n  // Initialize options when component mounts or options change\n  React.useEffect(() => {\n    // Only set initial options if we have options and we're not loading\n    if (options?.length && !isLoading) {\n      if(!searchValueRef.current) {\n        setOptionsToShow(initialSuggestions || options.slice(0, 20));\n      } else {\n        setOptionsToShow(options.slice(0, 20));\n      }\n    }\n  }, [options, isLoading]);\n  \n  // Handle window resize and scroll to recalculate position\n  React.useEffect(() => {\n    if (!showOptions) return;\n    \n    // Initial position check\n    checkPosition();\n    \n    // Add event listeners for resize and scroll\n    window.addEventListener('resize', checkPosition);\n    window.addEventListener('scroll', checkPosition);\n    \n    return () => {\n      window.removeEventListener('resize', checkPosition);\n      window.removeEventListener('scroll', checkPosition);\n    };\n  }, [showOptions, checkPosition]);\n  \n  // Handle forwarded ref\n  React.useImperativeHandle(ref, () => ({\n    querySelector: (selector: string) => {\n      if (selector === 'input') return inputRef.current;\n      return containerRef.current?.querySelector(selector);\n    }\n  } as unknown as HTMLDivElement));\n  \n  // Handle input value updates without state changes\n  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const inputValue = e.target.value;\n    searchValueRef.current = inputValue;\n    \n    // Call parent onChange without triggering re-render\n    if (onChange) {\n      onChange(e);\n    }\n    \n    // Filter options without state updates during typing\n    if (mobileDetected.current) {\n      // For mobile, delay showing options to prevent keyboard flicker\n      setTimeout(() => {\n        const filtered = inputValue \n          ? options.filter(option => \n              option.label.toLowerCase().includes(inputValue.toLowerCase()))\n          : options;\n        setOptionsToShow(filtered.slice(0, 20));\n        setShowOptions(true);\n      }, 50);\n    } else {\n      // For desktop, update immediately\n      const filtered = inputValue \n        ? options.filter(option => \n            option.label.toLowerCase().includes(inputValue.toLowerCase()))\n        : options;\n      setOptionsToShow(filtered.slice(0, 20));\n      setShowOptions(!!inputValue || filtered.length > 0);\n    }\n  };\n  \n  // Handle selection with minimal state updates\n  const handleSelect = (selectedValue: string, selectedLabel: string) => {\n    const currentValue = valueRef.current;\n    const newOptionItem: AutoCompleteOption = { value: selectedValue, label: selectedLabel };\n    \n    // Check if the option is already selected\n    const isSelected = currentValue.some(item => item.value === selectedValue);\n    \n    // Toggle selection\n    let newValue: AutoCompleteOption[];\n    if (isSelected) {\n      newValue = currentValue.filter(item => item.value !== selectedValue);\n    } else {\n      newValue = [...currentValue, newOptionItem];\n    }\n    \n    valueRef.current = newValue;\n    \n    // Only trigger state updates after selection is complete\n    if (inputRef.current) {\n      inputRef.current.value = \"\";\n      searchValueRef.current = \"\";\n    }\n    \n    // Hide options\n    if (closeOptionsOnSelect) {\n      setShowOptions(false);\n    }\n    \n    // Notify parent components\n    if (onValueChange) onValueChange(newValue);\n    if (onSelect) onSelect(newValue);\n    \n    // Ensure the input keeps focus on mobile\n    if (mobileDetected.current && inputRef.current) {\n      // Use a longer timeout to ensure the keyboard stays up\n      setTimeout(() => {\n        if (inputRef.current) {\n          inputRef.current.focus();\n        }\n      }, 100);\n    }\n  };\n  \n  // Handle outside clicks\n  React.useEffect(() => {\n    const handleOutsideClick = (e: MouseEvent) => {\n      if (\n        containerRef.current && \n        !containerRef.current.contains(e.target as Node) &&\n        optionsContainerRef.current &&\n        !optionsContainerRef.current.contains(e.target as Node)\n      ) {\n        setShowOptions(false);\n      }\n    };\n    \n    document.addEventListener('mousedown', handleOutsideClick);\n    return () => {\n      document.removeEventListener('mousedown', handleOutsideClick);\n    };\n  }, []);\n  \n  // Update ref when controlled value changes\n  React.useEffect(() => {\n    if (controlledValue !== undefined) {\n      valueRef.current = controlledValue;\n    }\n  }, [controlledValue]);\n  \n  // Get array of selected values for checking\n  const selectedValueKeys = valueRef.current.map(item => item.value);\n  \n\n  return (\n    <div ref={containerRef} className={cn(\"relative\", inputClassName)}>\n      {/* Input field that maintains focus */}\n      <Input\n        disabled={disabled}\n        ref={inputRef}\n        type=\"text\"\n        id={id || Math.random().toString(36).substring(2, 15)}\n        placeholder={defaultPlaceholder}\n        className=\"w-full rounded-xl placeholder:text-sm placeholder:truncate\"\n        onChange={handleInputChange}\n        onBlur={() => {\n          if(allowNewOption && searchValueRef.current && !isHoveringOptions) {\n              handleSelect(searchValueRef.current, searchValueRef.current);\n              setShowOptions(false);\n            }\n        }}\n        onKeyDown={(e) => {\n          if (e.key === 'Enter') {\n            if(optionsToShow.length > 0) {\n              handleSelect(optionsToShow[0].value, optionsToShow[0].label);\n              setShowOptions(false);\n              inputRef.current?.blur();\n            } else {\n              if(allowNewOption) {\n              handleSelect(searchValueRef.current, searchValueRef.current);\n                setShowOptions(false);\n                inputRef.current?.blur();\n              }\n            }\n          }\n        }}\n        onFocus={() => {\n          // Show options when input is focused with initial list\n          if (mobileDetected.current) {\n            setTimeout(() => {\n              // Make sure we have initial options set\n              if (optionsToShow.length === 0 && options.length > 0) {\n                setOptionsToShow(options.slice(0, 20));\n              }\n              setShowOptions(true);\n              checkPosition(); // Check position when showing options\n            }, 50);\n          } else {\n            // For desktop, just show the options\n            if (optionsToShow.length === 0 && options.length > 0) {\n              setOptionsToShow(options.slice(0, 20));\n            }\n            setShowOptions(true);\n            checkPosition(); // Check position when showing options\n          }\n        }}\n      />\n      {/* Options dropdown */}\n      {showOptions && showSuggestions && (\n        <div \n          onMouseEnter={() => setIsHoveringOptions(true)}\n          onMouseLeave={() => setIsHoveringOptions(false)}\n          ref={optionsContainerRef}\n          className={cn(\n            \"absolute z-50 max-h-60 w-full overflow-auto rounded-xl bg-background border py-1 shadow-lg\",\n            showAbove \n              ? \"bottom-full mb-1\" // Position above with margin bottom\n              : \"top-full mt-1\",   // Position below with margin top\n            listClassName\n          )}\n        >      \n\n        {searchValueRef.current === '' && !isLoading && <span className=\"text-xs text-foreground/75 px-4 py-1 opacity-75\">{t('suggestions')}</span>}\n\n          {isLoading ? (\n              <div className=\"w-full px-2 py-2 text-center text-foreground/75 text-sm\">\n                <div className=\"animate-pulse rounded-xl bg-secondary py-2 dark:bg-secondary/25\">\n                  {t('loading-suggestions')}\n                </div>\n              </div>\n          ) : optionsToShow.length === 0 ? (\n            <div className=\"px-2 py-1 text-center flex items-center justify-center h-[35px] text-sm text-foreground/75\">\n              {defaultEmptyMessage}\n            </div>\n          ) : (\n            <div className=\"w-full px-1 flex flex-col gap-1\">\n              {optionsToShow.map((option) => {\n                const isSelected = selectedValueKeys.includes(option.value);\n                return (\n                  <div\n                    key={option.label}\n                    className={cn(\n                      \"relative cursor-pointer select-none px-3 py-2 hover:bg-secondary/50 dark:hover:bg-secondary/25 rounded-lg\",\n                      isSelected && \"bg-secondary/50 dark:bg-secondary/25\"\n                    )}\n                    onClick={() => handleSelect(option.value, option.label)}\n                  >\n                    <span>{option.label}</span>\n                    {isSelected && (\n                      <CheckIcon className=\"absolute right-3 top-1/2 h-4 w-4 -translate-y-1/2\" />\n                    )}\n                  </div>\n                );\n              })}\n              \n              {/* Allow adding new option */}\n              {allowNewOption && \n                searchValueRef.current && \n                !optionsToShow.some(option => option.value === searchValueRef.current) && (\n                <div\n                  className=\"cursor-pointer select-none px-3 py-2 hover:bg-gray-100\"\n                  onClick={() => handleSelect(searchValueRef.current, searchValueRef.current)}\n                >\n                  {searchValueRef.current}\n                </div>\n              )}\n            </div>\n          )}\n        </div>\n      )}\n\n    </div>\n  );\n});\n\nAutoComplete.displayName = \"AutoComplete\";\n\nexport { AutoComplete };\n"]}

package/dist/ui/auto-complete.js

@@ -14,7 +14,7 @@ var Input = React2.forwardRef(
       {
         type,
         className: cn(
-          "flex h-10 w-full rounded-xl border border-border bg-transparent px-3 py-1 text-base  transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm group-aria-[invalid=true]:border-danger-foreground aria-[invalid=true]:border-danger-foreground",
+          "flex h-10 w-full rounded-xl border border-border bg-background px-3 py-1 text-base  transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm group-aria-[invalid=true]:border-danger-foreground aria-[invalid=true]:border-danger-foreground",
           className
         ),
         ref,

package/dist/ui/auto-complete.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/lib/utils.ts","../../src/ui/input.tsx","../../src/ui/auto-complete.tsx"],"names":["React","jsx"],"mappings":"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","file":"auto-complete.js","sourcesContent":["import { clsx } from \"clsx\";\nimport type { ClassValue } from \"clsx\";\nimport { toast } from \"sonner\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport const cn = (...inputs: ClassValue[]): string => twMerge(clsx(inputs));\n\nexport const capitalize = (str: string) =>\n  str?.charAt(0)?.toUpperCase() + str?.slice(1);\n\nexport const handleError = (error: { message: string }): void => {\n  toast.error(error.message);\n};\n","import * as React from \"react\"\n\nimport { cn } from \"../lib/utils\"\n\nconst Input = React.forwardRef<HTMLInputElement, React.ComponentProps<\"input\">>(\n  ({ className, type, ...props }, ref) => {\n    return (\n      <input\n        type={type}\n        className={cn(\n          \"flex h-10 w-full rounded-xl border border-border bg-transparent px-3 py-1 text-base  transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm group-aria-[invalid=true]:border-danger-foreground aria-[invalid=true]:border-danger-foreground\",\n          className\n        )}\n        ref={ref}\n        {...props}\n      />\n    )\n  }\n)\nInput.displayName = \"Input\"\n\nexport { Input }\n","\"use client\"\n\nimport * as React from \"react\"\nimport { cn } from \"../lib/utils\"\nimport { CheckIcon } from \"@radix-ui/react-icons\"\nimport { useTranslations } from 'next-intl';\nimport { Input } from \"./input\";\nimport { Skeleton } from \"./skeleton\";\n\nexport interface AutoCompleteOption {\n  value: string\n  label: string\n}\n\n/**\n * A AutoComplete that uses direct DOM manipulation, with debounce,\n * and a focus guard to prevent focus loss on mobile devices during typing.\n */\n\ninterface AutoCompleteProps {\n  id?: string;\n  options: AutoCompleteOption[]\n  placeholder?: string\n  searchPlaceholder?: string\n  emptyMessage?: string\n  inputClassName?: string\n  listClassName?: string\n  allowNewOption?: boolean\n  value?: AutoCompleteOption[] // Always array of option objects\n  onValueChange?: (value: AutoCompleteOption[]) => void // Always returns option array\n  onSelect?: (value: AutoCompleteOption[]) => void // Always returns option array\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void\n  characterSenstiveCount?: number\n  isLoading?: boolean\n  showSuggestions?: boolean\n  disabled?: boolean\n  closeOptionsOnSelect?: boolean\n  initialSuggestions?: { label: string; value: string }[]\n}\n\n/**\n * A completely reworked AutoComplete that uses direct DOM manipulation\n * to prevent focus loss on mobile devices during typing.\n */\nconst AutoComplete = React.forwardRef<HTMLDivElement, AutoCompleteProps>(({\n  id,\n  options,\n  placeholder,\n  emptyMessage,\n  inputClassName,\n  listClassName,\n  allowNewOption,\n  disabled,\n  value: controlledValue,\n  onValueChange,  \n  onSelect,\n  onChange,\n  showSuggestions = true,\n  characterSenstiveCount = 2,\n  isLoading = false, // Default to not loading\n  closeOptionsOnSelect = true,\n  initialSuggestions,\n}, ref) => {\n  const t = useTranslations('auto-complete');\n  // Use refs instead of state where possible to avoid re-renders during typing\n  const valueRef = React.useRef<AutoCompleteOption[]>(controlledValue || []);\n  const searchValueRef = React.useRef<string>(\"\");\n  const [showOptions, setShowOptions] = React.useState(false);\n  const [isHoveringOptions, setIsHoveringOptions] = React.useState(false);\n  const [optionsToShow, setOptionsToShow] = React.useState<AutoCompleteOption[]>([]);\n  const [showAbove, setShowAbove] = React.useState(false);\n  const inputRef = React.useRef<HTMLInputElement>(null);\n  const containerRef = React.useRef<HTMLDivElement>(null);\n  const optionsContainerRef = React.useRef<HTMLDivElement>(null);\n  const mobileDetected = React.useRef(\n    typeof window !== 'undefined' &&\n    /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(\n      navigator.userAgent\n    )\n  );\n  \n  // Default values using translations\n  const defaultPlaceholder = isLoading \n    ? 'Loading suggestions...' \n    : (placeholder || t('select-option'));\n  const defaultEmptyMessage = emptyMessage || t('no-option-found');\n  \n  // Check if there's enough space below the input\n  const checkPosition = React.useCallback(() => {\n    if (!inputRef.current || !containerRef.current) return;\n    \n    const inputRect = inputRef.current.getBoundingClientRect();\n    const windowHeight = window.innerHeight;\n    const bottomSpace = windowHeight - inputRect.bottom;\n    const optionsHeight = 320; // Approximate max height for options (max-h-60 = 15rem = 240px + padding)\n    \n    // If there's not enough space below, show above\n    setShowAbove(bottomSpace < optionsHeight);\n  }, []);\n  \n  // Initialize options when component mounts or options change\n  React.useEffect(() => {\n    // Only set initial options if we have options and we're not loading\n    if (options?.length && !isLoading) {\n      if(!searchValueRef.current) {\n        setOptionsToShow(initialSuggestions || options.slice(0, 20));\n      } else {\n        setOptionsToShow(options.slice(0, 20));\n      }\n    }\n  }, [options, isLoading]);\n  \n  // Handle window resize and scroll to recalculate position\n  React.useEffect(() => {\n    if (!showOptions) return;\n    \n    // Initial position check\n    checkPosition();\n    \n    // Add event listeners for resize and scroll\n    window.addEventListener('resize', checkPosition);\n    window.addEventListener('scroll', checkPosition);\n    \n    return () => {\n      window.removeEventListener('resize', checkPosition);\n      window.removeEventListener('scroll', checkPosition);\n    };\n  }, [showOptions, checkPosition]);\n  \n  // Handle forwarded ref\n  React.useImperativeHandle(ref, () => ({\n    querySelector: (selector: string) => {\n      if (selector === 'input') return inputRef.current;\n      return containerRef.current?.querySelector(selector);\n    }\n  } as unknown as HTMLDivElement));\n  \n  // Handle input value updates without state changes\n  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const inputValue = e.target.value;\n    searchValueRef.current = inputValue;\n    \n    // Call parent onChange without triggering re-render\n    if (onChange) {\n      onChange(e);\n    }\n    \n    // Filter options without state updates during typing\n    if (mobileDetected.current) {\n      // For mobile, delay showing options to prevent keyboard flicker\n      setTimeout(() => {\n        const filtered = inputValue \n          ? options.filter(option => \n              option.label.toLowerCase().includes(inputValue.toLowerCase()))\n          : options;\n        setOptionsToShow(filtered.slice(0, 20));\n        setShowOptions(true);\n      }, 50);\n    } else {\n      // For desktop, update immediately\n      const filtered = inputValue \n        ? options.filter(option => \n            option.label.toLowerCase().includes(inputValue.toLowerCase()))\n        : options;\n      setOptionsToShow(filtered.slice(0, 20));\n      setShowOptions(!!inputValue || filtered.length > 0);\n    }\n  };\n  \n  // Handle selection with minimal state updates\n  const handleSelect = (selectedValue: string, selectedLabel: string) => {\n    const currentValue = valueRef.current;\n    const newOptionItem: AutoCompleteOption = { value: selectedValue, label: selectedLabel };\n    \n    // Check if the option is already selected\n    const isSelected = currentValue.some(item => item.value === selectedValue);\n    \n    // Toggle selection\n    let newValue: AutoCompleteOption[];\n    if (isSelected) {\n      newValue = currentValue.filter(item => item.value !== selectedValue);\n    } else {\n      newValue = [...currentValue, newOptionItem];\n    }\n    \n    valueRef.current = newValue;\n    \n    // Only trigger state updates after selection is complete\n    if (inputRef.current) {\n      inputRef.current.value = \"\";\n      searchValueRef.current = \"\";\n    }\n    \n    // Hide options\n    if (closeOptionsOnSelect) {\n      setShowOptions(false);\n    }\n    \n    // Notify parent components\n    if (onValueChange) onValueChange(newValue);\n    if (onSelect) onSelect(newValue);\n    \n    // Ensure the input keeps focus on mobile\n    if (mobileDetected.current && inputRef.current) {\n      // Use a longer timeout to ensure the keyboard stays up\n      setTimeout(() => {\n        if (inputRef.current) {\n          inputRef.current.focus();\n        }\n      }, 100);\n    }\n  };\n  \n  // Handle outside clicks\n  React.useEffect(() => {\n    const handleOutsideClick = (e: MouseEvent) => {\n      if (\n        containerRef.current && \n        !containerRef.current.contains(e.target as Node) &&\n        optionsContainerRef.current &&\n        !optionsContainerRef.current.contains(e.target as Node)\n      ) {\n        setShowOptions(false);\n      }\n    };\n    \n    document.addEventListener('mousedown', handleOutsideClick);\n    return () => {\n      document.removeEventListener('mousedown', handleOutsideClick);\n    };\n  }, []);\n  \n  // Update ref when controlled value changes\n  React.useEffect(() => {\n    if (controlledValue !== undefined) {\n      valueRef.current = controlledValue;\n    }\n  }, [controlledValue]);\n  \n  // Get array of selected values for checking\n  const selectedValueKeys = valueRef.current.map(item => item.value);\n  \n\n  return (\n    <div ref={containerRef} className={cn(\"relative\", inputClassName)}>\n      {/* Input field that maintains focus */}\n      <Input\n        disabled={disabled}\n        ref={inputRef}\n        type=\"text\"\n        id={id || Math.random().toString(36).substring(2, 15)}\n        placeholder={defaultPlaceholder}\n        className=\"w-full rounded-xl placeholder:text-sm placeholder:truncate\"\n        onChange={handleInputChange}\n        onBlur={() => {\n          if(allowNewOption && searchValueRef.current && !isHoveringOptions) {\n              handleSelect(searchValueRef.current, searchValueRef.current);\n              setShowOptions(false);\n            }\n        }}\n        onKeyDown={(e) => {\n          if (e.key === 'Enter') {\n            if(optionsToShow.length > 0) {\n              handleSelect(optionsToShow[0].value, optionsToShow[0].label);\n              setShowOptions(false);\n              inputRef.current?.blur();\n            } else {\n              if(allowNewOption) {\n              handleSelect(searchValueRef.current, searchValueRef.current);\n                setShowOptions(false);\n                inputRef.current?.blur();\n              }\n            }\n          }\n        }}\n        onFocus={() => {\n          // Show options when input is focused with initial list\n          if (mobileDetected.current) {\n            setTimeout(() => {\n              // Make sure we have initial options set\n              if (optionsToShow.length === 0 && options.length > 0) {\n                setOptionsToShow(options.slice(0, 20));\n              }\n              setShowOptions(true);\n              checkPosition(); // Check position when showing options\n            }, 50);\n          } else {\n            // For desktop, just show the options\n            if (optionsToShow.length === 0 && options.length > 0) {\n              setOptionsToShow(options.slice(0, 20));\n            }\n            setShowOptions(true);\n            checkPosition(); // Check position when showing options\n          }\n        }}\n      />\n      {/* Options dropdown */}\n      {showOptions && showSuggestions && (\n        <div \n          onMouseEnter={() => setIsHoveringOptions(true)}\n          onMouseLeave={() => setIsHoveringOptions(false)}\n          ref={optionsContainerRef}\n          className={cn(\n            \"absolute z-50 max-h-60 w-full overflow-auto rounded-xl bg-background border py-1 shadow-lg\",\n            showAbove \n              ? \"bottom-full mb-1\" // Position above with margin bottom\n              : \"top-full mt-1\",   // Position below with margin top\n            listClassName\n          )}\n        >      \n\n        {searchValueRef.current === '' && !isLoading && <span className=\"text-xs text-foreground/75 px-4 py-1 opacity-75\">{t('suggestions')}</span>}\n\n          {isLoading ? (\n              <div className=\"w-full px-2 py-2 text-center text-foreground/75 text-sm\">\n                <div className=\"animate-pulse rounded-xl bg-secondary py-2 dark:bg-secondary/25\">\n                  {t('loading-suggestions')}\n                </div>\n              </div>\n          ) : optionsToShow.length === 0 ? (\n            <div className=\"px-2 py-1 text-center flex items-center justify-center h-[35px] text-sm text-foreground/75\">\n              {defaultEmptyMessage}\n            </div>\n          ) : (\n            <div className=\"w-full px-1 flex flex-col gap-1\">\n              {optionsToShow.map((option) => {\n                const isSelected = selectedValueKeys.includes(option.value);\n                return (\n                  <div\n                    key={option.label}\n                    className={cn(\n                      \"relative cursor-pointer select-none px-3 py-2 hover:bg-secondary/50 dark:hover:bg-secondary/25 rounded-lg\",\n                      isSelected && \"bg-secondary/50 dark:bg-secondary/25\"\n                    )}\n                    onClick={() => handleSelect(option.value, option.label)}\n                  >\n                    <span>{option.label}</span>\n                    {isSelected && (\n                      <CheckIcon className=\"absolute right-3 top-1/2 h-4 w-4 -translate-y-1/2\" />\n                    )}\n                  </div>\n                );\n              })}\n              \n              {/* Allow adding new option */}\n              {allowNewOption && \n                searchValueRef.current && \n                !optionsToShow.some(option => option.value === searchValueRef.current) && (\n                <div\n                  className=\"cursor-pointer select-none px-3 py-2 hover:bg-gray-100\"\n                  onClick={() => handleSelect(searchValueRef.current, searchValueRef.current)}\n                >\n                  {searchValueRef.current}\n                </div>\n              )}\n            </div>\n          )}\n        </div>\n      )}\n\n    </div>\n  );\n});\n\nAutoComplete.displayName = \"AutoComplete\";\n\nexport { AutoComplete };\n"]}
+{"version":3,"sources":["../../src/lib/utils.ts","../../src/ui/input.tsx","../../src/ui/auto-complete.tsx"],"names":["React","jsx"],"mappings":"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","file":"auto-complete.js","sourcesContent":["import { clsx } from \"clsx\";\nimport type { ClassValue } from \"clsx\";\nimport { toast } from \"sonner\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport const cn = (...inputs: ClassValue[]): string => twMerge(clsx(inputs));\n\nexport const capitalize = (str: string) =>\n  str?.charAt(0)?.toUpperCase() + str?.slice(1);\n\nexport const handleError = (error: { message: string }): void => {\n  toast.error(error.message);\n};\n","import * as React from \"react\";\n\nimport { cn } from \"../lib/utils\";\n\nconst Input = React.forwardRef<HTMLInputElement, React.ComponentProps<\"input\">>(\n  ({ className, type, ...props }, ref) => {\n    return (\n      <input\n        type={type}\n        className={cn(\n          \"flex h-10 w-full rounded-xl border border-border bg-background px-3 py-1 text-base  transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm group-aria-[invalid=true]:border-danger-foreground aria-[invalid=true]:border-danger-foreground\",\n          className,\n        )}\n        ref={ref}\n        {...props}\n      />\n    );\n  },\n);\nInput.displayName = \"Input\";\n\nexport { Input };\n","\"use client\"\n\nimport * as React from \"react\"\nimport { cn } from \"../lib/utils\"\nimport { CheckIcon } from \"@radix-ui/react-icons\"\nimport { useTranslations } from 'next-intl';\nimport { Input } from \"./input\";\nimport { Skeleton } from \"./skeleton\";\n\nexport interface AutoCompleteOption {\n  value: string\n  label: string\n}\n\n/**\n * A AutoComplete that uses direct DOM manipulation, with debounce,\n * and a focus guard to prevent focus loss on mobile devices during typing.\n */\n\ninterface AutoCompleteProps {\n  id?: string;\n  options: AutoCompleteOption[]\n  placeholder?: string\n  searchPlaceholder?: string\n  emptyMessage?: string\n  inputClassName?: string\n  listClassName?: string\n  allowNewOption?: boolean\n  value?: AutoCompleteOption[] // Always array of option objects\n  onValueChange?: (value: AutoCompleteOption[]) => void // Always returns option array\n  onSelect?: (value: AutoCompleteOption[]) => void // Always returns option array\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void\n  characterSenstiveCount?: number\n  isLoading?: boolean\n  showSuggestions?: boolean\n  disabled?: boolean\n  closeOptionsOnSelect?: boolean\n  initialSuggestions?: { label: string; value: string }[]\n}\n\n/**\n * A completely reworked AutoComplete that uses direct DOM manipulation\n * to prevent focus loss on mobile devices during typing.\n */\nconst AutoComplete = React.forwardRef<HTMLDivElement, AutoCompleteProps>(({\n  id,\n  options,\n  placeholder,\n  emptyMessage,\n  inputClassName,\n  listClassName,\n  allowNewOption,\n  disabled,\n  value: controlledValue,\n  onValueChange,  \n  onSelect,\n  onChange,\n  showSuggestions = true,\n  characterSenstiveCount = 2,\n  isLoading = false, // Default to not loading\n  closeOptionsOnSelect = true,\n  initialSuggestions,\n}, ref) => {\n  const t = useTranslations('auto-complete');\n  // Use refs instead of state where possible to avoid re-renders during typing\n  const valueRef = React.useRef<AutoCompleteOption[]>(controlledValue || []);\n  const searchValueRef = React.useRef<string>(\"\");\n  const [showOptions, setShowOptions] = React.useState(false);\n  const [isHoveringOptions, setIsHoveringOptions] = React.useState(false);\n  const [optionsToShow, setOptionsToShow] = React.useState<AutoCompleteOption[]>([]);\n  const [showAbove, setShowAbove] = React.useState(false);\n  const inputRef = React.useRef<HTMLInputElement>(null);\n  const containerRef = React.useRef<HTMLDivElement>(null);\n  const optionsContainerRef = React.useRef<HTMLDivElement>(null);\n  const mobileDetected = React.useRef(\n    typeof window !== 'undefined' &&\n    /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(\n      navigator.userAgent\n    )\n  );\n  \n  // Default values using translations\n  const defaultPlaceholder = isLoading \n    ? 'Loading suggestions...' \n    : (placeholder || t('select-option'));\n  const defaultEmptyMessage = emptyMessage || t('no-option-found');\n  \n  // Check if there's enough space below the input\n  const checkPosition = React.useCallback(() => {\n    if (!inputRef.current || !containerRef.current) return;\n    \n    const inputRect = inputRef.current.getBoundingClientRect();\n    const windowHeight = window.innerHeight;\n    const bottomSpace = windowHeight - inputRect.bottom;\n    const optionsHeight = 320; // Approximate max height for options (max-h-60 = 15rem = 240px + padding)\n    \n    // If there's not enough space below, show above\n    setShowAbove(bottomSpace < optionsHeight);\n  }, []);\n  \n  // Initialize options when component mounts or options change\n  React.useEffect(() => {\n    // Only set initial options if we have options and we're not loading\n    if (options?.length && !isLoading) {\n      if(!searchValueRef.current) {\n        setOptionsToShow(initialSuggestions || options.slice(0, 20));\n      } else {\n        setOptionsToShow(options.slice(0, 20));\n      }\n    }\n  }, [options, isLoading]);\n  \n  // Handle window resize and scroll to recalculate position\n  React.useEffect(() => {\n    if (!showOptions) return;\n    \n    // Initial position check\n    checkPosition();\n    \n    // Add event listeners for resize and scroll\n    window.addEventListener('resize', checkPosition);\n    window.addEventListener('scroll', checkPosition);\n    \n    return () => {\n      window.removeEventListener('resize', checkPosition);\n      window.removeEventListener('scroll', checkPosition);\n    };\n  }, [showOptions, checkPosition]);\n  \n  // Handle forwarded ref\n  React.useImperativeHandle(ref, () => ({\n    querySelector: (selector: string) => {\n      if (selector === 'input') return inputRef.current;\n      return containerRef.current?.querySelector(selector);\n    }\n  } as unknown as HTMLDivElement));\n  \n  // Handle input value updates without state changes\n  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const inputValue = e.target.value;\n    searchValueRef.current = inputValue;\n    \n    // Call parent onChange without triggering re-render\n    if (onChange) {\n      onChange(e);\n    }\n    \n    // Filter options without state updates during typing\n    if (mobileDetected.current) {\n      // For mobile, delay showing options to prevent keyboard flicker\n      setTimeout(() => {\n        const filtered = inputValue \n          ? options.filter(option => \n              option.label.toLowerCase().includes(inputValue.toLowerCase()))\n          : options;\n        setOptionsToShow(filtered.slice(0, 20));\n        setShowOptions(true);\n      }, 50);\n    } else {\n      // For desktop, update immediately\n      const filtered = inputValue \n        ? options.filter(option => \n            option.label.toLowerCase().includes(inputValue.toLowerCase()))\n        : options;\n      setOptionsToShow(filtered.slice(0, 20));\n      setShowOptions(!!inputValue || filtered.length > 0);\n    }\n  };\n  \n  // Handle selection with minimal state updates\n  const handleSelect = (selectedValue: string, selectedLabel: string) => {\n    const currentValue = valueRef.current;\n    const newOptionItem: AutoCompleteOption = { value: selectedValue, label: selectedLabel };\n    \n    // Check if the option is already selected\n    const isSelected = currentValue.some(item => item.value === selectedValue);\n    \n    // Toggle selection\n    let newValue: AutoCompleteOption[];\n    if (isSelected) {\n      newValue = currentValue.filter(item => item.value !== selectedValue);\n    } else {\n      newValue = [...currentValue, newOptionItem];\n    }\n    \n    valueRef.current = newValue;\n    \n    // Only trigger state updates after selection is complete\n    if (inputRef.current) {\n      inputRef.current.value = \"\";\n      searchValueRef.current = \"\";\n    }\n    \n    // Hide options\n    if (closeOptionsOnSelect) {\n      setShowOptions(false);\n    }\n    \n    // Notify parent components\n    if (onValueChange) onValueChange(newValue);\n    if (onSelect) onSelect(newValue);\n    \n    // Ensure the input keeps focus on mobile\n    if (mobileDetected.current && inputRef.current) {\n      // Use a longer timeout to ensure the keyboard stays up\n      setTimeout(() => {\n        if (inputRef.current) {\n          inputRef.current.focus();\n        }\n      }, 100);\n    }\n  };\n  \n  // Handle outside clicks\n  React.useEffect(() => {\n    const handleOutsideClick = (e: MouseEvent) => {\n      if (\n        containerRef.current && \n        !containerRef.current.contains(e.target as Node) &&\n        optionsContainerRef.current &&\n        !optionsContainerRef.current.contains(e.target as Node)\n      ) {\n        setShowOptions(false);\n      }\n    };\n    \n    document.addEventListener('mousedown', handleOutsideClick);\n    return () => {\n      document.removeEventListener('mousedown', handleOutsideClick);\n    };\n  }, []);\n  \n  // Update ref when controlled value changes\n  React.useEffect(() => {\n    if (controlledValue !== undefined) {\n      valueRef.current = controlledValue;\n    }\n  }, [controlledValue]);\n  \n  // Get array of selected values for checking\n  const selectedValueKeys = valueRef.current.map(item => item.value);\n  \n\n  return (\n    <div ref={containerRef} className={cn(\"relative\", inputClassName)}>\n      {/* Input field that maintains focus */}\n      <Input\n        disabled={disabled}\n        ref={inputRef}\n        type=\"text\"\n        id={id || Math.random().toString(36).substring(2, 15)}\n        placeholder={defaultPlaceholder}\n        className=\"w-full rounded-xl placeholder:text-sm placeholder:truncate\"\n        onChange={handleInputChange}\n        onBlur={() => {\n          if(allowNewOption && searchValueRef.current && !isHoveringOptions) {\n              handleSelect(searchValueRef.current, searchValueRef.current);\n              setShowOptions(false);\n            }\n        }}\n        onKeyDown={(e) => {\n          if (e.key === 'Enter') {\n            if(optionsToShow.length > 0) {\n              handleSelect(optionsToShow[0].value, optionsToShow[0].label);\n              setShowOptions(false);\n              inputRef.current?.blur();\n            } else {\n              if(allowNewOption) {\n              handleSelect(searchValueRef.current, searchValueRef.current);\n                setShowOptions(false);\n                inputRef.current?.blur();\n              }\n            }\n          }\n        }}\n        onFocus={() => {\n          // Show options when input is focused with initial list\n          if (mobileDetected.current) {\n            setTimeout(() => {\n              // Make sure we have initial options set\n              if (optionsToShow.length === 0 && options.length > 0) {\n                setOptionsToShow(options.slice(0, 20));\n              }\n              setShowOptions(true);\n              checkPosition(); // Check position when showing options\n            }, 50);\n          } else {\n            // For desktop, just show the options\n            if (optionsToShow.length === 0 && options.length > 0) {\n              setOptionsToShow(options.slice(0, 20));\n            }\n            setShowOptions(true);\n            checkPosition(); // Check position when showing options\n          }\n        }}\n      />\n      {/* Options dropdown */}\n      {showOptions && showSuggestions && (\n        <div \n          onMouseEnter={() => setIsHoveringOptions(true)}\n          onMouseLeave={() => setIsHoveringOptions(false)}\n          ref={optionsContainerRef}\n          className={cn(\n            \"absolute z-50 max-h-60 w-full overflow-auto rounded-xl bg-background border py-1 shadow-lg\",\n            showAbove \n              ? \"bottom-full mb-1\" // Position above with margin bottom\n              : \"top-full mt-1\",   // Position below with margin top\n            listClassName\n          )}\n        >      \n\n        {searchValueRef.current === '' && !isLoading && <span className=\"text-xs text-foreground/75 px-4 py-1 opacity-75\">{t('suggestions')}</span>}\n\n          {isLoading ? (\n              <div className=\"w-full px-2 py-2 text-center text-foreground/75 text-sm\">\n                <div className=\"animate-pulse rounded-xl bg-secondary py-2 dark:bg-secondary/25\">\n                  {t('loading-suggestions')}\n                </div>\n              </div>\n          ) : optionsToShow.length === 0 ? (\n            <div className=\"px-2 py-1 text-center flex items-center justify-center h-[35px] text-sm text-foreground/75\">\n              {defaultEmptyMessage}\n            </div>\n          ) : (\n            <div className=\"w-full px-1 flex flex-col gap-1\">\n              {optionsToShow.map((option) => {\n                const isSelected = selectedValueKeys.includes(option.value);\n                return (\n                  <div\n                    key={option.label}\n                    className={cn(\n                      \"relative cursor-pointer select-none px-3 py-2 hover:bg-secondary/50 dark:hover:bg-secondary/25 rounded-lg\",\n                      isSelected && \"bg-secondary/50 dark:bg-secondary/25\"\n                    )}\n                    onClick={() => handleSelect(option.value, option.label)}\n                  >\n                    <span>{option.label}</span>\n                    {isSelected && (\n                      <CheckIcon className=\"absolute right-3 top-1/2 h-4 w-4 -translate-y-1/2\" />\n                    )}\n                  </div>\n                );\n              })}\n              \n              {/* Allow adding new option */}\n              {allowNewOption && \n                searchValueRef.current && \n                !optionsToShow.some(option => option.value === searchValueRef.current) && (\n                <div\n                  className=\"cursor-pointer select-none px-3 py-2 hover:bg-gray-100\"\n                  onClick={() => handleSelect(searchValueRef.current, searchValueRef.current)}\n                >\n                  {searchValueRef.current}\n                </div>\n              )}\n            </div>\n          )}\n        </div>\n      )}\n\n    </div>\n  );\n});\n\nAutoComplete.displayName = \"AutoComplete\";\n\nexport { AutoComplete };\n"]}

package/dist/ui/command.d.cts

@@ -8,7 +8,7 @@ declare const Command: React.ForwardRefExoticComponent<Omit<{
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
+}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     label?: string;
     shouldFilter?: boolean;
     filter?: (value: string, search: string, keywords?: string[]) => number;
@@ -24,7 +24,7 @@ declare const CommandInput: React.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<
     ref?: React.Ref<HTMLInputElement>;
 } & {
     asChild?: boolean;
-}, "key" | "asChild" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "onChange" | "value" | "type"> & {
+}, "key" | "asChild" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "value" | "onChange" | "type"> & {
     value?: string;
     onValueChange?: (search: string) => void;
 } & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
@@ -34,7 +34,7 @@ declare const CommandList: React.ForwardRefExoticComponent<Omit<{
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
+}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     label?: string;
 } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const CommandEmpty: React.ForwardRefExoticComponent<Omit<{
@@ -43,14 +43,14 @@ declare const CommandEmpty: React.ForwardRefExoticComponent<Omit<{
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const CommandGroup: React.ForwardRefExoticComponent<Omit<{
     children?: React.ReactNode;
 } & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "heading" | "value"> & {
+}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>>, "value" | "heading"> & {
     heading?: React.ReactNode;
     value?: string;
     forceMount?: boolean;
@@ -59,7 +59,7 @@ declare const CommandSeparator: React.ForwardRefExoticComponent<Omit<Pick<Pick<R
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
+}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     alwaysRender?: boolean;
 } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const CommandItem: React.ForwardRefExoticComponent<Omit<{
@@ -68,7 +68,7 @@ declare const CommandItem: React.ForwardRefExoticComponent<Omit<{
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "onSelect" | "disabled" | "value"> & {
+}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>>, "value" | "onSelect" | "disabled"> & {
     disabled?: boolean;
     onSelect?: (value: string) => void;
     value?: string;

package/dist/ui/command.d.ts

@@ -8,7 +8,7 @@ declare const Command: React.ForwardRefExoticComponent<Omit<{
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
+}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     label?: string;
     shouldFilter?: boolean;
     filter?: (value: string, search: string, keywords?: string[]) => number;
@@ -24,7 +24,7 @@ declare const CommandInput: React.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<
     ref?: React.Ref<HTMLInputElement>;
 } & {
     asChild?: boolean;
-}, "key" | "asChild" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "onChange" | "value" | "type"> & {
+}, "key" | "asChild" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "value" | "onChange" | "type"> & {
     value?: string;
     onValueChange?: (search: string) => void;
 } & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
@@ -34,7 +34,7 @@ declare const CommandList: React.ForwardRefExoticComponent<Omit<{
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
+}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     label?: string;
 } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const CommandEmpty: React.ForwardRefExoticComponent<Omit<{
@@ -43,14 +43,14 @@ declare const CommandEmpty: React.ForwardRefExoticComponent<Omit<{
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const CommandGroup: React.ForwardRefExoticComponent<Omit<{
     children?: React.ReactNode;
 } & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "heading" | "value"> & {
+}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>>, "value" | "heading"> & {
     heading?: React.ReactNode;
     value?: string;
     forceMount?: boolean;
@@ -59,7 +59,7 @@ declare const CommandSeparator: React.ForwardRefExoticComponent<Omit<Pick<Pick<R
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
+}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     alwaysRender?: boolean;
 } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const CommandItem: React.ForwardRefExoticComponent<Omit<{
@@ -68,7 +68,7 @@ declare const CommandItem: React.ForwardRefExoticComponent<Omit<{
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "onSelect" | "disabled" | "value"> & {
+}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>>, "value" | "onSelect" | "disabled"> & {
     disabled?: boolean;
     onSelect?: (value: string) => void;
     value?: string;

package/dist/ui/input-otp.d.cts

@@ -1,7 +1,7 @@
 import * as input_otp from 'input-otp';
 import * as React from 'react';
 
-declare const InputOTP: React.ForwardRefExoticComponent<(Omit<Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value" | "maxLength" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "pasteTransformer" | "containerClassName" | "noScriptCSSFallback"> & {
+declare const InputOTP: React.ForwardRefExoticComponent<(Omit<Omit<React.InputHTMLAttributes<HTMLInputElement>, "value" | "onChange" | "maxLength" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "pasteTransformer" | "containerClassName" | "noScriptCSSFallback"> & {
     value?: string;
     onChange?: (newValue: string) => unknown;
     maxLength: number;
@@ -14,7 +14,7 @@ declare const InputOTP: React.ForwardRefExoticComponent<(Omit<Omit<React.InputHT
 } & {
     render: (props: input_otp.RenderProps) => React.ReactNode;
     children?: never;
-} & React.RefAttributes<HTMLInputElement>, "ref"> | Omit<Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value" | "maxLength" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "pasteTransformer" | "containerClassName" | "noScriptCSSFallback"> & {
+} & React.RefAttributes<HTMLInputElement>, "ref"> | Omit<Omit<React.InputHTMLAttributes<HTMLInputElement>, "value" | "onChange" | "maxLength" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "pasteTransformer" | "containerClassName" | "noScriptCSSFallback"> & {
     value?: string;
     onChange?: (newValue: string) => unknown;
     maxLength: number;

package/dist/ui/input-otp.d.ts

@@ -1,7 +1,7 @@
 import * as input_otp from 'input-otp';
 import * as React from 'react';
 
-declare const InputOTP: React.ForwardRefExoticComponent<(Omit<Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value" | "maxLength" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "pasteTransformer" | "containerClassName" | "noScriptCSSFallback"> & {
+declare const InputOTP: React.ForwardRefExoticComponent<(Omit<Omit<React.InputHTMLAttributes<HTMLInputElement>, "value" | "onChange" | "maxLength" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "pasteTransformer" | "containerClassName" | "noScriptCSSFallback"> & {
     value?: string;
     onChange?: (newValue: string) => unknown;
     maxLength: number;
@@ -14,7 +14,7 @@ declare const InputOTP: React.ForwardRefExoticComponent<(Omit<Omit<React.InputHT
 } & {
     render: (props: input_otp.RenderProps) => React.ReactNode;
     children?: never;
-} & React.RefAttributes<HTMLInputElement>, "ref"> | Omit<Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value" | "maxLength" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "pasteTransformer" | "containerClassName" | "noScriptCSSFallback"> & {
+} & React.RefAttributes<HTMLInputElement>, "ref"> | Omit<Omit<React.InputHTMLAttributes<HTMLInputElement>, "value" | "onChange" | "maxLength" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "pasteTransformer" | "containerClassName" | "noScriptCSSFallback"> & {
     value?: string;
     onChange?: (newValue: string) => unknown;
     maxLength: number;

package/dist/ui/input.cjs

@@ -35,7 +35,7 @@ var Input = React__namespace.forwardRef(
       {
         type,
         className: cn(
-          "flex h-10 w-full rounded-xl border border-border bg-transparent px-3 py-1 text-base  transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm group-aria-[invalid=true]:border-danger-foreground aria-[invalid=true]:border-danger-foreground",
+          "flex h-10 w-full rounded-xl border border-border bg-background px-3 py-1 text-base  transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm group-aria-[invalid=true]:border-danger-foreground aria-[invalid=true]:border-danger-foreground",
           className
         ),
         ref,

package/dist/ui/input.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/lib/utils.ts","../../src/ui/input.tsx"],"names":["twMerge","clsx","React","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKO,IAAM,KAAK,CAAA,GAAI,MAAA,KAAiCA,qBAAA,CAAQC,SAAA,CAAK,MAAM,CAAC,CAAA;ACD3E,IAAM,KAAA,GAAcC,gBAAA,CAAA,UAAA;AAAA,EAClB,CAAC,EAAE,SAAA,EAAW,MAAM,GAAG,KAAA,IAAS,GAAA,KAAQ;AACtC,IAAA,uBACEC,cAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACC,IAAA;AAAA,QACA,SAAA,EAAW,EAAA;AAAA,UACT,kcAAA;AAAA,UACA;AAAA,SACF;AAAA,QACA,GAAA;AAAA,QACC,GAAG;AAAA;AAAA,KACN;AAAA,EAEJ;AACF;AACA,KAAA,CAAM,WAAA,GAAc,OAAA","file":"input.cjs","sourcesContent":["import { clsx } from \"clsx\";\nimport type { ClassValue } from \"clsx\";\nimport { toast } from \"sonner\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport const cn = (...inputs: ClassValue[]): string => twMerge(clsx(inputs));\n\nexport const capitalize = (str: string) =>\n  str?.charAt(0)?.toUpperCase() + str?.slice(1);\n\nexport const handleError = (error: { message: string }): void => {\n  toast.error(error.message);\n};\n","import * as React from \"react\"\n\nimport { cn } from \"../lib/utils\"\n\nconst Input = React.forwardRef<HTMLInputElement, React.ComponentProps<\"input\">>(\n  ({ className, type, ...props }, ref) => {\n    return (\n      <input\n        type={type}\n        className={cn(\n          \"flex h-10 w-full rounded-xl border border-border bg-transparent px-3 py-1 text-base  transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm group-aria-[invalid=true]:border-danger-foreground aria-[invalid=true]:border-danger-foreground\",\n          className\n        )}\n        ref={ref}\n        {...props}\n      />\n    )\n  }\n)\nInput.displayName = \"Input\"\n\nexport { Input }\n"]}
+{"version":3,"sources":["../../src/lib/utils.ts","../../src/ui/input.tsx"],"names":["twMerge","clsx","React","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKO,IAAM,KAAK,CAAA,GAAI,MAAA,KAAiCA,qBAAA,CAAQC,SAAA,CAAK,MAAM,CAAC,CAAA;ACD3E,IAAM,KAAA,GAAcC,gBAAA,CAAA,UAAA;AAAA,EAClB,CAAC,EAAE,SAAA,EAAW,MAAM,GAAG,KAAA,IAAS,GAAA,KAAQ;AACtC,IAAA,uBACEC,cAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACC,IAAA;AAAA,QACA,SAAA,EAAW,EAAA;AAAA,UACT,icAAA;AAAA,UACA;AAAA,SACF;AAAA,QACA,GAAA;AAAA,QACC,GAAG;AAAA;AAAA,KACN;AAAA,EAEJ;AACF;AACA,KAAA,CAAM,WAAA,GAAc,OAAA","file":"input.cjs","sourcesContent":["import { clsx } from \"clsx\";\nimport type { ClassValue } from \"clsx\";\nimport { toast } from \"sonner\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport const cn = (...inputs: ClassValue[]): string => twMerge(clsx(inputs));\n\nexport const capitalize = (str: string) =>\n  str?.charAt(0)?.toUpperCase() + str?.slice(1);\n\nexport const handleError = (error: { message: string }): void => {\n  toast.error(error.message);\n};\n","import * as React from \"react\";\n\nimport { cn } from \"../lib/utils\";\n\nconst Input = React.forwardRef<HTMLInputElement, React.ComponentProps<\"input\">>(\n  ({ className, type, ...props }, ref) => {\n    return (\n      <input\n        type={type}\n        className={cn(\n          \"flex h-10 w-full rounded-xl border border-border bg-background px-3 py-1 text-base  transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm group-aria-[invalid=true]:border-danger-foreground aria-[invalid=true]:border-danger-foreground\",\n          className,\n        )}\n        ref={ref}\n        {...props}\n      />\n    );\n  },\n);\nInput.displayName = \"Input\";\n\nexport { Input };\n"]}

package/dist/ui/input.js

@@ -13,7 +13,7 @@ var Input = React.forwardRef(
       {
         type,
         className: cn(
-          "flex h-10 w-full rounded-xl border border-border bg-transparent px-3 py-1 text-base  transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm group-aria-[invalid=true]:border-danger-foreground aria-[invalid=true]:border-danger-foreground",
+          "flex h-10 w-full rounded-xl border border-border bg-background px-3 py-1 text-base  transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm group-aria-[invalid=true]:border-danger-foreground aria-[invalid=true]:border-danger-foreground",
           className
         ),
         ref,

package/dist/ui/input.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/lib/utils.ts","../../src/ui/input.tsx"],"names":[],"mappings":";;;;;;;AAKO,IAAM,KAAK,CAAA,GAAI,MAAA,KAAiC,OAAA,CAAQ,IAAA,CAAK,MAAM,CAAC,CAAA;ACD3E,IAAM,KAAA,GAAc,KAAA,CAAA,UAAA;AAAA,EAClB,CAAC,EAAE,SAAA,EAAW,MAAM,GAAG,KAAA,IAAS,GAAA,KAAQ;AACtC,IAAA,uBACE,GAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACC,IAAA;AAAA,QACA,SAAA,EAAW,EAAA;AAAA,UACT,kcAAA;AAAA,UACA;AAAA,SACF;AAAA,QACA,GAAA;AAAA,QACC,GAAG;AAAA;AAAA,KACN;AAAA,EAEJ;AACF;AACA,KAAA,CAAM,WAAA,GAAc,OAAA","file":"input.js","sourcesContent":["import { clsx } from \"clsx\";\nimport type { ClassValue } from \"clsx\";\nimport { toast } from \"sonner\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport const cn = (...inputs: ClassValue[]): string => twMerge(clsx(inputs));\n\nexport const capitalize = (str: string) =>\n  str?.charAt(0)?.toUpperCase() + str?.slice(1);\n\nexport const handleError = (error: { message: string }): void => {\n  toast.error(error.message);\n};\n","import * as React from \"react\"\n\nimport { cn } from \"../lib/utils\"\n\nconst Input = React.forwardRef<HTMLInputElement, React.ComponentProps<\"input\">>(\n  ({ className, type, ...props }, ref) => {\n    return (\n      <input\n        type={type}\n        className={cn(\n          \"flex h-10 w-full rounded-xl border border-border bg-transparent px-3 py-1 text-base  transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm group-aria-[invalid=true]:border-danger-foreground aria-[invalid=true]:border-danger-foreground\",\n          className\n        )}\n        ref={ref}\n        {...props}\n      />\n    )\n  }\n)\nInput.displayName = \"Input\"\n\nexport { Input }\n"]}
+{"version":3,"sources":["../../src/lib/utils.ts","../../src/ui/input.tsx"],"names":[],"mappings":";;;;;;;AAKO,IAAM,KAAK,CAAA,GAAI,MAAA,KAAiC,OAAA,CAAQ,IAAA,CAAK,MAAM,CAAC,CAAA;ACD3E,IAAM,KAAA,GAAc,KAAA,CAAA,UAAA;AAAA,EAClB,CAAC,EAAE,SAAA,EAAW,MAAM,GAAG,KAAA,IAAS,GAAA,KAAQ;AACtC,IAAA,uBACE,GAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACC,IAAA;AAAA,QACA,SAAA,EAAW,EAAA;AAAA,UACT,icAAA;AAAA,UACA;AAAA,SACF;AAAA,QACA,GAAA;AAAA,QACC,GAAG;AAAA;AAAA,KACN;AAAA,EAEJ;AACF;AACA,KAAA,CAAM,WAAA,GAAc,OAAA","file":"input.js","sourcesContent":["import { clsx } from \"clsx\";\nimport type { ClassValue } from \"clsx\";\nimport { toast } from \"sonner\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport const cn = (...inputs: ClassValue[]): string => twMerge(clsx(inputs));\n\nexport const capitalize = (str: string) =>\n  str?.charAt(0)?.toUpperCase() + str?.slice(1);\n\nexport const handleError = (error: { message: string }): void => {\n  toast.error(error.message);\n};\n","import * as React from \"react\";\n\nimport { cn } from \"../lib/utils\";\n\nconst Input = React.forwardRef<HTMLInputElement, React.ComponentProps<\"input\">>(\n  ({ className, type, ...props }, ref) => {\n    return (\n      <input\n        type={type}\n        className={cn(\n          \"flex h-10 w-full rounded-xl border border-border bg-background px-3 py-1 text-base  transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm group-aria-[invalid=true]:border-danger-foreground aria-[invalid=true]:border-danger-foreground\",\n          className,\n        )}\n        ref={ref}\n        {...props}\n      />\n    );\n  },\n);\nInput.displayName = \"Input\";\n\nexport { Input };\n"]}

package/dist/ui/resizable.d.cts

@@ -3,7 +3,7 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as ResizablePrimitive from 'react-resizable-panels';
 
 declare const ResizablePanelGroup: ({ className, ...props }: React.ComponentProps<typeof ResizablePrimitive.PanelGroup>) => react_jsx_runtime.JSX.Element;
-declare const ResizablePanel: React$1.ForwardRefExoticComponent<Omit<React$1.HTMLAttributes<HTMLDivElement | HTMLElement | HTMLObjectElement | HTMLMapElement | HTMLAnchorElement | HTMLButtonElement | HTMLFormElement | HTMLHeadingElement | HTMLImageElement | HTMLInputElement | HTMLLabelElement | HTMLLIElement | HTMLOListElement | HTMLParagraphElement | HTMLSelectElement | HTMLSpanElement | HTMLUListElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLCanvasElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDialogElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLHeadElement | HTMLHRElement | HTMLHtmlElement | HTMLIFrameElement | HTMLLegendElement | HTMLLinkElement | HTMLMetaElement | HTMLMeterElement | HTMLOptGroupElement | HTMLOptionElement | HTMLOutputElement | HTMLPreElement | HTMLProgressElement | HTMLSlotElement | HTMLScriptElement | HTMLSourceElement | HTMLStyleElement | HTMLTableElement | HTMLTemplateElement | HTMLTableSectionElement | HTMLTableCellElement | HTMLTextAreaElement | HTMLTimeElement | HTMLTitleElement | HTMLTableRowElement | HTMLTrackElement | HTMLVideoElement | HTMLTableCaptionElement | HTMLMenuElement | HTMLPictureElement>, "id" | "onResize"> & {
+declare const ResizablePanel: React$1.ForwardRefExoticComponent<Omit<React$1.HTMLAttributes<HTMLLIElement | HTMLElement | HTMLObjectElement | HTMLMapElement | HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | HTMLFormElement | HTMLHeadingElement | HTMLImageElement | HTMLInputElement | HTMLLabelElement | HTMLOListElement | HTMLParagraphElement | HTMLSelectElement | HTMLSpanElement | HTMLUListElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLCanvasElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDialogElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLHeadElement | HTMLHRElement | HTMLHtmlElement | HTMLIFrameElement | HTMLLegendElement | HTMLLinkElement | HTMLMetaElement | HTMLMeterElement | HTMLOptGroupElement | HTMLOptionElement | HTMLOutputElement | HTMLPreElement | HTMLProgressElement | HTMLSlotElement | HTMLScriptElement | HTMLSourceElement | HTMLStyleElement | HTMLTableElement | HTMLTemplateElement | HTMLTableSectionElement | HTMLTableCellElement | HTMLTextAreaElement | HTMLTimeElement | HTMLTitleElement | HTMLTableRowElement | HTMLTrackElement | HTMLVideoElement | HTMLTableCaptionElement | HTMLMenuElement | HTMLPictureElement>, "id" | "onResize"> & {
     className?: string | undefined;
     collapsedSize?: number | undefined;
     collapsible?: boolean | undefined;

package/dist/ui/resizable.d.ts

@@ -3,7 +3,7 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as ResizablePrimitive from 'react-resizable-panels';
 
 declare const ResizablePanelGroup: ({ className, ...props }: React.ComponentProps<typeof ResizablePrimitive.PanelGroup>) => react_jsx_runtime.JSX.Element;
-declare const ResizablePanel: React$1.ForwardRefExoticComponent<Omit<React$1.HTMLAttributes<HTMLDivElement | HTMLElement | HTMLObjectElement | HTMLMapElement | HTMLAnchorElement | HTMLButtonElement | HTMLFormElement | HTMLHeadingElement | HTMLImageElement | HTMLInputElement | HTMLLabelElement | HTMLLIElement | HTMLOListElement | HTMLParagraphElement | HTMLSelectElement | HTMLSpanElement | HTMLUListElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLCanvasElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDialogElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLHeadElement | HTMLHRElement | HTMLHtmlElement | HTMLIFrameElement | HTMLLegendElement | HTMLLinkElement | HTMLMetaElement | HTMLMeterElement | HTMLOptGroupElement | HTMLOptionElement | HTMLOutputElement | HTMLPreElement | HTMLProgressElement | HTMLSlotElement | HTMLScriptElement | HTMLSourceElement | HTMLStyleElement | HTMLTableElement | HTMLTemplateElement | HTMLTableSectionElement | HTMLTableCellElement | HTMLTextAreaElement | HTMLTimeElement | HTMLTitleElement | HTMLTableRowElement | HTMLTrackElement | HTMLVideoElement | HTMLTableCaptionElement | HTMLMenuElement | HTMLPictureElement>, "id" | "onResize"> & {
+declare const ResizablePanel: React$1.ForwardRefExoticComponent<Omit<React$1.HTMLAttributes<HTMLLIElement | HTMLElement | HTMLObjectElement | HTMLMapElement | HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | HTMLFormElement | HTMLHeadingElement | HTMLImageElement | HTMLInputElement | HTMLLabelElement | HTMLOListElement | HTMLParagraphElement | HTMLSelectElement | HTMLSpanElement | HTMLUListElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLCanvasElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDialogElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLHeadElement | HTMLHRElement | HTMLHtmlElement | HTMLIFrameElement | HTMLLegendElement | HTMLLinkElement | HTMLMetaElement | HTMLMeterElement | HTMLOptGroupElement | HTMLOptionElement | HTMLOutputElement | HTMLPreElement | HTMLProgressElement | HTMLSlotElement | HTMLScriptElement | HTMLSourceElement | HTMLStyleElement | HTMLTableElement | HTMLTemplateElement | HTMLTableSectionElement | HTMLTableCellElement | HTMLTextAreaElement | HTMLTimeElement | HTMLTitleElement | HTMLTableRowElement | HTMLTrackElement | HTMLVideoElement | HTMLTableCaptionElement | HTMLMenuElement | HTMLPictureElement>, "id" | "onResize"> & {
     className?: string | undefined;
     collapsedSize?: number | undefined;
     collapsible?: boolean | undefined;

package/dist/ui/select.cjs

@@ -38,7 +38,7 @@ var SelectTrigger = React__namespace.forwardRef(({ className, children, ...props
   {
     ref,
     className: cn(
-      "flex h-9 w-full items-center justify-between whitespace-nowrap rounded-xl border border-border bg-transparent px-3 py-2 text-sm shadow-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
+      "flex h-9 w-full items-center justify-between whitespace-nowrap rounded-xl border border-border bg-background px-3 py-2 text-sm shadow-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
       className
     ),
     ...props,

package/dist/ui/select.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/lib/utils.ts","../../src/ui/select.tsx"],"names":["twMerge","clsx","SelectPrimitive","React","jsxs","jsx","ChevronDownIcon","ChevronUpIcon","CheckIcon"],"mappings":"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","file":"select.cjs","sourcesContent":["import { clsx } from \"clsx\";\nimport type { ClassValue } from \"clsx\";\nimport { toast } from \"sonner\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport const cn = (...inputs: ClassValue[]): string => twMerge(clsx(inputs));\n\nexport const capitalize = (str: string) =>\n  str?.charAt(0)?.toUpperCase() + str?.slice(1);\n\nexport const handleError = (error: { message: string }): void => {\n  toast.error(error.message);\n};\n","\"use client\"\n\nimport * as React from \"react\"\nimport * as SelectPrimitive from \"@radix-ui/react-select\"\nimport { cn } from \"../lib/utils\"\nimport { CheckIcon, ChevronDownIcon, ChevronUpIcon } from \"@radix-ui/react-icons\"\n\nconst Select = SelectPrimitive.Root\n\nconst SelectGroup = SelectPrimitive.Group\n\nconst SelectValue = SelectPrimitive.Value\n\nconst SelectTrigger = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Trigger>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger>\n>(({ className, children, ...props }, ref) => (\n  <SelectPrimitive.Trigger\n    ref={ref}\n    className={cn(\n      \"flex h-9 w-full items-center justify-between whitespace-nowrap rounded-xl border border-border bg-transparent px-3 py-2 text-sm shadow-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1\",\n      className\n    )}\n    {...props}\n  >\n    {children}\n    <SelectPrimitive.Icon asChild>\n      <ChevronDownIcon className=\"h-4 w-4 opacity-50\" />\n    </SelectPrimitive.Icon>\n  </SelectPrimitive.Trigger>\n))\nSelectTrigger.displayName = SelectPrimitive.Trigger.displayName\n\nconst SelectScrollUpButton = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.ScrollUpButton>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollUpButton>\n>(({ className, ...props }, ref) => (\n  <SelectPrimitive.ScrollUpButton\n    ref={ref}\n    className={cn(\n      \"flex cursor-default items-center justify-center py-1\",\n      className\n    )}\n    {...props}\n  >\n    <ChevronUpIcon className=\"h-4 w-4\" />\n  </SelectPrimitive.ScrollUpButton>\n))\nSelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName\n\nconst SelectScrollDownButton = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.ScrollDownButton>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollDownButton>\n>(({ className, ...props }, ref) => (\n  <SelectPrimitive.ScrollDownButton\n    ref={ref}\n    className={cn(\n      \"flex cursor-default items-center justify-center py-1\",\n      className\n    )}\n    {...props}\n  >\n    <ChevronDownIcon className=\"h-4 w-4\" />\n  </SelectPrimitive.ScrollDownButton>\n))\nSelectScrollDownButton.displayName =\n  SelectPrimitive.ScrollDownButton.displayName\n\nconst SelectContent = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Content>\n>(({ className, children, position = \"popper\", ...props }, ref) => (\n  <SelectPrimitive.Portal>\n    <SelectPrimitive.Content\n      ref={ref}\n      className={cn(\n        \"relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-xl border bg-popover text-popover-foreground shadow-md 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 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2\",\n        position === \"popper\" &&\n          \"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1\",\n        className\n      )}\n      position={position}\n      {...props}\n    >\n      <SelectScrollUpButton />\n      <SelectPrimitive.Viewport\n        className={cn(\n          \"p-1\",\n          position === \"popper\" &&\n            \"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]\"\n        )}\n      >\n        {children}\n      </SelectPrimitive.Viewport>\n      <SelectScrollDownButton />\n    </SelectPrimitive.Content>\n  </SelectPrimitive.Portal>\n))\nSelectContent.displayName = SelectPrimitive.Content.displayName\n\nconst SelectLabel = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Label>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Label>\n>(({ className, ...props }, ref) => (\n  <SelectPrimitive.Label\n    ref={ref}\n    className={cn(\"px-2 py-1.5 text-sm font-semibold\", className)}\n    {...props}\n  />\n))\nSelectLabel.displayName = SelectPrimitive.Label.displayName\n\nconst SelectItem = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Item>\n>(({ className, children, ...props }, ref) => (\n  <SelectPrimitive.Item\n    ref={ref}\n    className={cn(\n      \"relative flex w-full cursor-default select-none items-center rounded-lg py-1.5 pl-2 pr-8 text-sm outline-none focus:bg-secondary/50 dark:focus:bg-secondary/25 focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\n      className\n    )}\n    {...props}\n  >\n    <span className=\"absolute right-2 flex h-3.5 w-3.5 items-center justify-center\">\n      <SelectPrimitive.ItemIndicator>\n        <CheckIcon className=\"h-4 w-4\" />\n      </SelectPrimitive.ItemIndicator>\n    </span>\n    <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n  </SelectPrimitive.Item>\n))\nSelectItem.displayName = SelectPrimitive.Item.displayName\n\nconst SelectSeparator = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Separator>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n  <SelectPrimitive.Separator\n    ref={ref}\n    className={cn(\"-mx-1 my-1 h-px bg-muted\", className)}\n    {...props}\n  />\n))\nSelectSeparator.displayName = SelectPrimitive.Separator.displayName\n\nexport {\n  Select,\n  SelectGroup,\n  SelectValue,\n  SelectTrigger,\n  SelectContent,\n  SelectLabel,\n  SelectItem,\n  SelectSeparator,\n  SelectScrollUpButton,\n  SelectScrollDownButton,\n}\n"]}
+{"version":3,"sources":["../../src/lib/utils.ts","../../src/ui/select.tsx"],"names":["twMerge","clsx","SelectPrimitive","React","jsxs","jsx","ChevronDownIcon","ChevronUpIcon","CheckIcon"],"mappings":"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","file":"select.cjs","sourcesContent":["import { clsx } from \"clsx\";\nimport type { ClassValue } from \"clsx\";\nimport { toast } from \"sonner\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport const cn = (...inputs: ClassValue[]): string => twMerge(clsx(inputs));\n\nexport const capitalize = (str: string) =>\n  str?.charAt(0)?.toUpperCase() + str?.slice(1);\n\nexport const handleError = (error: { message: string }): void => {\n  toast.error(error.message);\n};\n","\"use client\";\n\nimport * as React from \"react\";\nimport * as SelectPrimitive from \"@radix-ui/react-select\";\nimport { cn } from \"../lib/utils\";\nimport {\n  CheckIcon,\n  ChevronDownIcon,\n  ChevronUpIcon,\n} from \"@radix-ui/react-icons\";\n\nconst Select = SelectPrimitive.Root;\n\nconst SelectGroup = SelectPrimitive.Group;\n\nconst SelectValue = SelectPrimitive.Value;\n\nconst SelectTrigger = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Trigger>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger>\n>(({ className, children, ...props }, ref) => (\n  <SelectPrimitive.Trigger\n    ref={ref}\n    className={cn(\n      \"flex h-9 w-full items-center justify-between whitespace-nowrap rounded-xl border border-border bg-background px-3 py-2 text-sm shadow-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1\",\n      className,\n    )}\n    {...props}\n  >\n    {children}\n    <SelectPrimitive.Icon asChild>\n      <ChevronDownIcon className=\"h-4 w-4 opacity-50\" />\n    </SelectPrimitive.Icon>\n  </SelectPrimitive.Trigger>\n));\nSelectTrigger.displayName = SelectPrimitive.Trigger.displayName;\n\nconst SelectScrollUpButton = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.ScrollUpButton>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollUpButton>\n>(({ className, ...props }, ref) => (\n  <SelectPrimitive.ScrollUpButton\n    ref={ref}\n    className={cn(\n      \"flex cursor-default items-center justify-center py-1\",\n      className,\n    )}\n    {...props}\n  >\n    <ChevronUpIcon className=\"h-4 w-4\" />\n  </SelectPrimitive.ScrollUpButton>\n));\nSelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;\n\nconst SelectScrollDownButton = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.ScrollDownButton>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollDownButton>\n>(({ className, ...props }, ref) => (\n  <SelectPrimitive.ScrollDownButton\n    ref={ref}\n    className={cn(\n      \"flex cursor-default items-center justify-center py-1\",\n      className,\n    )}\n    {...props}\n  >\n    <ChevronDownIcon className=\"h-4 w-4\" />\n  </SelectPrimitive.ScrollDownButton>\n));\nSelectScrollDownButton.displayName =\n  SelectPrimitive.ScrollDownButton.displayName;\n\nconst SelectContent = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Content>\n>(({ className, children, position = \"popper\", ...props }, ref) => (\n  <SelectPrimitive.Portal>\n    <SelectPrimitive.Content\n      ref={ref}\n      className={cn(\n        \"relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-xl border bg-popover text-popover-foreground shadow-md 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 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2\",\n        position === \"popper\" &&\n          \"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1\",\n        className,\n      )}\n      position={position}\n      {...props}\n    >\n      <SelectScrollUpButton />\n      <SelectPrimitive.Viewport\n        className={cn(\n          \"p-1\",\n          position === \"popper\" &&\n            \"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]\",\n        )}\n      >\n        {children}\n      </SelectPrimitive.Viewport>\n      <SelectScrollDownButton />\n    </SelectPrimitive.Content>\n  </SelectPrimitive.Portal>\n));\nSelectContent.displayName = SelectPrimitive.Content.displayName;\n\nconst SelectLabel = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Label>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Label>\n>(({ className, ...props }, ref) => (\n  <SelectPrimitive.Label\n    ref={ref}\n    className={cn(\"px-2 py-1.5 text-sm font-semibold\", className)}\n    {...props}\n  />\n));\nSelectLabel.displayName = SelectPrimitive.Label.displayName;\n\nconst SelectItem = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Item>\n>(({ className, children, ...props }, ref) => (\n  <SelectPrimitive.Item\n    ref={ref}\n    className={cn(\n      \"relative flex w-full cursor-default select-none items-center rounded-lg py-1.5 pl-2 pr-8 text-sm outline-none focus:bg-secondary/50 dark:focus:bg-secondary/25 focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\n      className,\n    )}\n    {...props}\n  >\n    <span className=\"absolute right-2 flex h-3.5 w-3.5 items-center justify-center\">\n      <SelectPrimitive.ItemIndicator>\n        <CheckIcon className=\"h-4 w-4\" />\n      </SelectPrimitive.ItemIndicator>\n    </span>\n    <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n  </SelectPrimitive.Item>\n));\nSelectItem.displayName = SelectPrimitive.Item.displayName;\n\nconst SelectSeparator = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Separator>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n  <SelectPrimitive.Separator\n    ref={ref}\n    className={cn(\"-mx-1 my-1 h-px bg-muted\", className)}\n    {...props}\n  />\n));\nSelectSeparator.displayName = SelectPrimitive.Separator.displayName;\n\nexport {\n  Select,\n  SelectGroup,\n  SelectValue,\n  SelectTrigger,\n  SelectContent,\n  SelectLabel,\n  SelectItem,\n  SelectSeparator,\n  SelectScrollUpButton,\n  SelectScrollDownButton,\n};\n"]}