@nuvia/components 0.1.0

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

@@ -0,0 +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"]}

package/dist/ui/auto-complete.js

@@ -0,0 +1,262 @@
+import * as React2 from 'react';
+import { clsx } from 'clsx';
+import 'sonner';
+import { twMerge } from 'tailwind-merge';
+import { CheckIcon } from '@radix-ui/react-icons';
+import { useTranslations } from 'next-intl';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var cn = (...inputs) => twMerge(clsx(inputs));
+var Input = React2.forwardRef(
+  ({ className, type, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(
+      "input",
+      {
+        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",
+          className
+        ),
+        ref,
+        ...props
+      }
+    );
+  }
+);
+Input.displayName = "Input";
+var AutoComplete = React2.forwardRef(({
+  id,
+  options,
+  placeholder,
+  emptyMessage,
+  inputClassName,
+  listClassName,
+  allowNewOption,
+  disabled,
+  value: controlledValue,
+  onValueChange,
+  onSelect,
+  onChange,
+  showSuggestions = true,
+  characterSenstiveCount = 2,
+  isLoading = false,
+  // Default to not loading
+  closeOptionsOnSelect = true,
+  initialSuggestions
+}, ref) => {
+  const t = useTranslations("auto-complete");
+  const valueRef = React2.useRef(controlledValue || []);
+  const searchValueRef = React2.useRef("");
+  const [showOptions, setShowOptions] = React2.useState(false);
+  const [isHoveringOptions, setIsHoveringOptions] = React2.useState(false);
+  const [optionsToShow, setOptionsToShow] = React2.useState([]);
+  const [showAbove, setShowAbove] = React2.useState(false);
+  const inputRef = React2.useRef(null);
+  const containerRef = React2.useRef(null);
+  const optionsContainerRef = React2.useRef(null);
+  const mobileDetected = React2.useRef(
+    typeof window !== "undefined" && /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(
+      navigator.userAgent
+    )
+  );
+  const defaultPlaceholder = isLoading ? "Loading suggestions..." : placeholder || t("select-option");
+  const defaultEmptyMessage = emptyMessage || t("no-option-found");
+  const checkPosition = React2.useCallback(() => {
+    if (!inputRef.current || !containerRef.current) return;
+    const inputRect = inputRef.current.getBoundingClientRect();
+    const windowHeight = window.innerHeight;
+    const bottomSpace = windowHeight - inputRect.bottom;
+    const optionsHeight = 320;
+    setShowAbove(bottomSpace < optionsHeight);
+  }, []);
+  React2.useEffect(() => {
+    if (options?.length && !isLoading) {
+      if (!searchValueRef.current) {
+        setOptionsToShow(initialSuggestions || options.slice(0, 20));
+      } else {
+        setOptionsToShow(options.slice(0, 20));
+      }
+    }
+  }, [options, isLoading]);
+  React2.useEffect(() => {
+    if (!showOptions) return;
+    checkPosition();
+    window.addEventListener("resize", checkPosition);
+    window.addEventListener("scroll", checkPosition);
+    return () => {
+      window.removeEventListener("resize", checkPosition);
+      window.removeEventListener("scroll", checkPosition);
+    };
+  }, [showOptions, checkPosition]);
+  React2.useImperativeHandle(ref, () => ({
+    querySelector: (selector) => {
+      if (selector === "input") return inputRef.current;
+      return containerRef.current?.querySelector(selector);
+    }
+  }));
+  const handleInputChange = (e) => {
+    const inputValue = e.target.value;
+    searchValueRef.current = inputValue;
+    if (onChange) {
+      onChange(e);
+    }
+    if (mobileDetected.current) {
+      setTimeout(() => {
+        const filtered = inputValue ? options.filter((option) => option.label.toLowerCase().includes(inputValue.toLowerCase())) : options;
+        setOptionsToShow(filtered.slice(0, 20));
+        setShowOptions(true);
+      }, 50);
+    } else {
+      const filtered = inputValue ? options.filter((option) => option.label.toLowerCase().includes(inputValue.toLowerCase())) : options;
+      setOptionsToShow(filtered.slice(0, 20));
+      setShowOptions(!!inputValue || filtered.length > 0);
+    }
+  };
+  const handleSelect = (selectedValue, selectedLabel) => {
+    const currentValue = valueRef.current;
+    const newOptionItem = { value: selectedValue, label: selectedLabel };
+    const isSelected = currentValue.some((item) => item.value === selectedValue);
+    let newValue;
+    if (isSelected) {
+      newValue = currentValue.filter((item) => item.value !== selectedValue);
+    } else {
+      newValue = [...currentValue, newOptionItem];
+    }
+    valueRef.current = newValue;
+    if (inputRef.current) {
+      inputRef.current.value = "";
+      searchValueRef.current = "";
+    }
+    if (closeOptionsOnSelect) {
+      setShowOptions(false);
+    }
+    if (onValueChange) onValueChange(newValue);
+    if (onSelect) onSelect(newValue);
+    if (mobileDetected.current && inputRef.current) {
+      setTimeout(() => {
+        if (inputRef.current) {
+          inputRef.current.focus();
+        }
+      }, 100);
+    }
+  };
+  React2.useEffect(() => {
+    const handleOutsideClick = (e) => {
+      if (containerRef.current && !containerRef.current.contains(e.target) && optionsContainerRef.current && !optionsContainerRef.current.contains(e.target)) {
+        setShowOptions(false);
+      }
+    };
+    document.addEventListener("mousedown", handleOutsideClick);
+    return () => {
+      document.removeEventListener("mousedown", handleOutsideClick);
+    };
+  }, []);
+  React2.useEffect(() => {
+    if (controlledValue !== void 0) {
+      valueRef.current = controlledValue;
+    }
+  }, [controlledValue]);
+  const selectedValueKeys = valueRef.current.map((item) => item.value);
+  return /* @__PURE__ */ jsxs("div", { ref: containerRef, className: cn("relative", inputClassName), children: [
+    /* @__PURE__ */ jsx(
+      Input,
+      {
+        disabled,
+        ref: inputRef,
+        type: "text",
+        id: id || Math.random().toString(36).substring(2, 15),
+        placeholder: defaultPlaceholder,
+        className: "w-full rounded-xl placeholder:text-sm placeholder:truncate",
+        onChange: handleInputChange,
+        onBlur: () => {
+          if (allowNewOption && searchValueRef.current && !isHoveringOptions) {
+            handleSelect(searchValueRef.current, searchValueRef.current);
+            setShowOptions(false);
+          }
+        },
+        onKeyDown: (e) => {
+          if (e.key === "Enter") {
+            if (optionsToShow.length > 0) {
+              handleSelect(optionsToShow[0].value, optionsToShow[0].label);
+              setShowOptions(false);
+              inputRef.current?.blur();
+            } else {
+              if (allowNewOption) {
+                handleSelect(searchValueRef.current, searchValueRef.current);
+                setShowOptions(false);
+                inputRef.current?.blur();
+              }
+            }
+          }
+        },
+        onFocus: () => {
+          if (mobileDetected.current) {
+            setTimeout(() => {
+              if (optionsToShow.length === 0 && options.length > 0) {
+                setOptionsToShow(options.slice(0, 20));
+              }
+              setShowOptions(true);
+              checkPosition();
+            }, 50);
+          } else {
+            if (optionsToShow.length === 0 && options.length > 0) {
+              setOptionsToShow(options.slice(0, 20));
+            }
+            setShowOptions(true);
+            checkPosition();
+          }
+        }
+      }
+    ),
+    showOptions && showSuggestions && /* @__PURE__ */ jsxs(
+      "div",
+      {
+        onMouseEnter: () => setIsHoveringOptions(true),
+        onMouseLeave: () => setIsHoveringOptions(false),
+        ref: optionsContainerRef,
+        className: cn(
+          "absolute z-50 max-h-60 w-full overflow-auto rounded-xl bg-background border py-1 shadow-lg",
+          showAbove ? "bottom-full mb-1" : "top-full mt-1",
+          // Position below with margin top
+          listClassName
+        ),
+        children: [
+          searchValueRef.current === "" && !isLoading && /* @__PURE__ */ jsx("span", { className: "text-xs text-foreground/75 px-4 py-1 opacity-75", children: t("suggestions") }),
+          isLoading ? /* @__PURE__ */ jsx("div", { className: "w-full px-2 py-2 text-center text-foreground/75 text-sm", children: /* @__PURE__ */ jsx("div", { className: "animate-pulse rounded-xl bg-secondary py-2 dark:bg-secondary/25", children: t("loading-suggestions") }) }) : optionsToShow.length === 0 ? /* @__PURE__ */ jsx("div", { className: "px-2 py-1 text-center flex items-center justify-center h-[35px] text-sm text-foreground/75", children: defaultEmptyMessage }) : /* @__PURE__ */ jsxs("div", { className: "w-full px-1 flex flex-col gap-1", children: [
+            optionsToShow.map((option) => {
+              const isSelected = selectedValueKeys.includes(option.value);
+              return /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  className: cn(
+                    "relative cursor-pointer select-none px-3 py-2 hover:bg-secondary/50 dark:hover:bg-secondary/25 rounded-lg",
+                    isSelected && "bg-secondary/50 dark:bg-secondary/25"
+                  ),
+                  onClick: () => handleSelect(option.value, option.label),
+                  children: [
+                    /* @__PURE__ */ jsx("span", { children: option.label }),
+                    isSelected && /* @__PURE__ */ jsx(CheckIcon, { className: "absolute right-3 top-1/2 h-4 w-4 -translate-y-1/2" })
+                  ]
+                },
+                option.label
+              );
+            }),
+            allowNewOption && searchValueRef.current && !optionsToShow.some((option) => option.value === searchValueRef.current) && /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: "cursor-pointer select-none px-3 py-2 hover:bg-gray-100",
+                onClick: () => handleSelect(searchValueRef.current, searchValueRef.current),
+                children: searchValueRef.current
+              }
+            )
+          ] })
+        ]
+      }
+    )
+  ] });
+});
+AutoComplete.displayName = "AutoComplete";
+
+export { AutoComplete };
+//# sourceMappingURL=auto-complete.js.map
+//# sourceMappingURL=auto-complete.js.map

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

@@ -0,0 +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"]}

package/dist/ui/avatar.cjs

@@ -0,0 +1,70 @@
+'use strict';
+
+var React = require('react');
+var AvatarPrimitive = require('@radix-ui/react-avatar');
+var clsx = require('clsx');
+require('sonner');
+var tailwindMerge = require('tailwind-merge');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var AvatarPrimitive__namespace = /*#__PURE__*/_interopNamespace(AvatarPrimitive);
+
+var cn = (...inputs) => tailwindMerge.twMerge(clsx.clsx(inputs));
+var Avatar = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  AvatarPrimitive__namespace.Root,
+  {
+    ref,
+    className: cn(
+      "relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full",
+      className
+    ),
+    ...props
+  }
+));
+Avatar.displayName = AvatarPrimitive__namespace.Root.displayName;
+var AvatarImage = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  AvatarPrimitive__namespace.Image,
+  {
+    ref,
+    className: cn("aspect-square h-full w-full", className),
+    ...props
+  }
+));
+AvatarImage.displayName = AvatarPrimitive__namespace.Image.displayName;
+var AvatarFallback = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  AvatarPrimitive__namespace.Fallback,
+  {
+    ref,
+    className: cn(
+      "flex h-full w-full items-center justify-center rounded-full bg-secondary dark:bg-secondary/20",
+      className
+    ),
+    ...props
+  }
+));
+AvatarFallback.displayName = AvatarPrimitive__namespace.Fallback.displayName;
+
+exports.Avatar = Avatar;
+exports.AvatarFallback = AvatarFallback;
+exports.AvatarImage = AvatarImage;
+//# sourceMappingURL=avatar.cjs.map
+//# sourceMappingURL=avatar.cjs.map

package/dist/ui/avatar.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/lib/utils.ts","../../src/ui/avatar.tsx"],"names":["twMerge","clsx","React","jsx","AvatarPrimitive"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKO,IAAM,KAAK,CAAA,GAAI,MAAA,KAAiCA,qBAAA,CAAQC,SAAA,CAAK,MAAM,CAAC,CAAA;ACC3E,IAAM,MAAA,GAAeC,4BAGnB,CAAC,EAAE,WAAW,GAAG,KAAA,IAAS,GAAA,qBAC1BC,cAAA;AAAA,EAAiBC,0BAAA,CAAA,IAAA;AAAA,EAAhB;AAAA,IACC,GAAA;AAAA,IACA,SAAA,EAAW,EAAA;AAAA,MACT,+DAAA;AAAA,MACA;AAAA,KACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AACD,MAAA,CAAO,cAA8BA,0BAAA,CAAA,IAAA,CAAK,WAAA;AAE1C,IAAM,WAAA,GAAoBF,4BAGxB,CAAC,EAAE,WAAW,GAAG,KAAA,IAAS,GAAA,qBAC1BC,cAAA;AAAA,EAAiBC,0BAAA,CAAA,KAAA;AAAA,EAAhB;AAAA,IACC,GAAA;AAAA,IACA,SAAA,EAAW,EAAA,CAAG,6BAAA,EAA+B,SAAS,CAAA;AAAA,IACrD,GAAG;AAAA;AACN,CACD;AACD,WAAA,CAAY,cAA8BA,0BAAA,CAAA,KAAA,CAAM,WAAA;AAEhD,IAAM,cAAA,GAAuBF,4BAG3B,CAAC,EAAE,WAAW,GAAG,KAAA,IAAS,GAAA,qBAC1BC,cAAA;AAAA,EAAiBC,0BAAA,CAAA,QAAA;AAAA,EAAhB;AAAA,IACC,GAAA;AAAA,IACA,SAAA,EAAW,EAAA;AAAA,MACT,+FAAA;AAAA,MACA;AAAA,KACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AACD,cAAA,CAAe,cAA8BA,0BAAA,CAAA,QAAA,CAAS,WAAA","file":"avatar.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 AvatarPrimitive from \"@radix-ui/react-avatar\";\nimport { cn } from \"../lib/utils\";\n\nconst Avatar = React.forwardRef<\n  React.ElementRef<typeof AvatarPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>\n>(({ className, ...props }, ref) => (\n  <AvatarPrimitive.Root\n    ref={ref}\n    className={cn(\n      \"relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full\",\n      className,\n    )}\n    {...props}\n  />\n));\nAvatar.displayName = AvatarPrimitive.Root.displayName;\n\nconst AvatarImage = React.forwardRef<\n  React.ElementRef<typeof AvatarPrimitive.Image>,\n  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Image>\n>(({ className, ...props }, ref) => (\n  <AvatarPrimitive.Image\n    ref={ref}\n    className={cn(\"aspect-square h-full w-full\", className)}\n    {...props}\n  />\n));\nAvatarImage.displayName = AvatarPrimitive.Image.displayName;\n\nconst AvatarFallback = React.forwardRef<\n  React.ElementRef<typeof AvatarPrimitive.Fallback>,\n  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Fallback>\n>(({ className, ...props }, ref) => (\n  <AvatarPrimitive.Fallback\n    ref={ref}\n    className={cn(\n      \"flex h-full w-full items-center justify-center rounded-full bg-secondary dark:bg-secondary/20\",\n      className,\n    )}\n    {...props}\n  />\n));\nAvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;\n\nexport { Avatar, AvatarImage, AvatarFallback };\n"]}

package/dist/ui/avatar.js

@@ -0,0 +1,45 @@
+import * as React from 'react';
+import * as AvatarPrimitive from '@radix-ui/react-avatar';
+import { clsx } from 'clsx';
+import 'sonner';
+import { twMerge } from 'tailwind-merge';
+import { jsx } from 'react/jsx-runtime';
+
+var cn = (...inputs) => twMerge(clsx(inputs));
+var Avatar = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  AvatarPrimitive.Root,
+  {
+    ref,
+    className: cn(
+      "relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full",
+      className
+    ),
+    ...props
+  }
+));
+Avatar.displayName = AvatarPrimitive.Root.displayName;
+var AvatarImage = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  AvatarPrimitive.Image,
+  {
+    ref,
+    className: cn("aspect-square h-full w-full", className),
+    ...props
+  }
+));
+AvatarImage.displayName = AvatarPrimitive.Image.displayName;
+var AvatarFallback = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  AvatarPrimitive.Fallback,
+  {
+    ref,
+    className: cn(
+      "flex h-full w-full items-center justify-center rounded-full bg-secondary dark:bg-secondary/20",
+      className
+    ),
+    ...props
+  }
+));
+AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
+
+export { Avatar, AvatarFallback, AvatarImage };
+//# sourceMappingURL=avatar.js.map
+//# sourceMappingURL=avatar.js.map

package/dist/ui/avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/lib/utils.ts","../../src/ui/avatar.tsx"],"names":[],"mappings":";;;;;;;AAKO,IAAM,KAAK,CAAA,GAAI,MAAA,KAAiC,OAAA,CAAQ,IAAA,CAAK,MAAM,CAAC,CAAA;ACC3E,IAAM,MAAA,GAAe,iBAGnB,CAAC,EAAE,WAAW,GAAG,KAAA,IAAS,GAAA,qBAC1B,GAAA;AAAA,EAAiB,eAAA,CAAA,IAAA;AAAA,EAAhB;AAAA,IACC,GAAA;AAAA,IACA,SAAA,EAAW,EAAA;AAAA,MACT,+DAAA;AAAA,MACA;AAAA,KACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AACD,MAAA,CAAO,cAA8B,eAAA,CAAA,IAAA,CAAK,WAAA;AAE1C,IAAM,WAAA,GAAoB,iBAGxB,CAAC,EAAE,WAAW,GAAG,KAAA,IAAS,GAAA,qBAC1B,GAAA;AAAA,EAAiB,eAAA,CAAA,KAAA;AAAA,EAAhB;AAAA,IACC,GAAA;AAAA,IACA,SAAA,EAAW,EAAA,CAAG,6BAAA,EAA+B,SAAS,CAAA;AAAA,IACrD,GAAG;AAAA;AACN,CACD;AACD,WAAA,CAAY,cAA8B,eAAA,CAAA,KAAA,CAAM,WAAA;AAEhD,IAAM,cAAA,GAAuB,iBAG3B,CAAC,EAAE,WAAW,GAAG,KAAA,IAAS,GAAA,qBAC1B,GAAA;AAAA,EAAiB,eAAA,CAAA,QAAA;AAAA,EAAhB;AAAA,IACC,GAAA;AAAA,IACA,SAAA,EAAW,EAAA;AAAA,MACT,+FAAA;AAAA,MACA;AAAA,KACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AACD,cAAA,CAAe,cAA8B,eAAA,CAAA,QAAA,CAAS,WAAA","file":"avatar.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","\"use client\";\n\nimport * as React from \"react\";\nimport * as AvatarPrimitive from \"@radix-ui/react-avatar\";\nimport { cn } from \"../lib/utils\";\n\nconst Avatar = React.forwardRef<\n  React.ElementRef<typeof AvatarPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>\n>(({ className, ...props }, ref) => (\n  <AvatarPrimitive.Root\n    ref={ref}\n    className={cn(\n      \"relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full\",\n      className,\n    )}\n    {...props}\n  />\n));\nAvatar.displayName = AvatarPrimitive.Root.displayName;\n\nconst AvatarImage = React.forwardRef<\n  React.ElementRef<typeof AvatarPrimitive.Image>,\n  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Image>\n>(({ className, ...props }, ref) => (\n  <AvatarPrimitive.Image\n    ref={ref}\n    className={cn(\"aspect-square h-full w-full\", className)}\n    {...props}\n  />\n));\nAvatarImage.displayName = AvatarPrimitive.Image.displayName;\n\nconst AvatarFallback = React.forwardRef<\n  React.ElementRef<typeof AvatarPrimitive.Fallback>,\n  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Fallback>\n>(({ className, ...props }, ref) => (\n  <AvatarPrimitive.Fallback\n    ref={ref}\n    className={cn(\n      \"flex h-full w-full items-center justify-center rounded-full bg-secondary dark:bg-secondary/20\",\n      className,\n    )}\n    {...props}\n  />\n));\nAvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;\n\nexport { Avatar, AvatarImage, AvatarFallback };\n"]}

package/dist/ui/badge.cjs

@@ -0,0 +1,34 @@
+'use strict';
+
+var classVarianceAuthority = require('class-variance-authority');
+var clsx = require('clsx');
+require('sonner');
+var tailwindMerge = require('tailwind-merge');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/ui/badge.tsx
+var cn = (...inputs) => tailwindMerge.twMerge(clsx.clsx(inputs));
+var badgeVariants = classVarianceAuthority.cva(
+  "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+  {
+    variants: {
+      variant: {
+        default: "border-transparent bg-primary text-primary-foreground hover:bg-primary/80",
+        secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        destructive: "border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80",
+        outline: "text-foreground"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function Badge({ className, variant, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(badgeVariants({ variant }), className), ...props });
+}
+
+exports.Badge = Badge;
+exports.badgeVariants = badgeVariants;
+//# sourceMappingURL=badge.cjs.map
+//# sourceMappingURL=badge.cjs.map

package/dist/ui/badge.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/lib/utils.ts","../../src/ui/badge.tsx"],"names":["twMerge","clsx","cva","jsx"],"mappings":";;;;;;;;;AAKO,IAAM,KAAK,CAAA,GAAI,MAAA,KAAiCA,qBAAA,CAAQC,SAAA,CAAK,MAAM,CAAC,CAAA;ACD3E,IAAM,aAAA,GAAgBC,0BAAA;AAAA,EACpB,wKAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,OAAA,EACE,2EAAA;AAAA,QACF,SAAA,EACE,iFAAA;AAAA,QACF,WAAA,EACE,uFAAA;AAAA,QACF,OAAA,EAAS;AAAA;AACX,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS;AAAA;AACX;AAEJ;AAMA,SAAS,MAAM,EAAE,SAAA,EAAW,OAAA,EAAS,GAAG,OAAM,EAAe;AAC3D,EAAA,uBACEC,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,EAAA,CAAG,aAAA,CAAc,EAAE,OAAA,EAAS,CAAA,EAAG,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO,CAAA;AAE1E","file":"badge.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 type * as React from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"../lib/utils\";\n\nconst badgeVariants = cva(\n  \"inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2\",\n  {\n    variants: {\n      variant: {\n        default:\n          \"border-transparent bg-primary text-primary-foreground hover:bg-primary/80\",\n        secondary:\n          \"border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80\",\n        destructive:\n          \"border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80\",\n        outline: \"text-foreground\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  },\n);\n\nexport interface BadgeProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof badgeVariants> {}\n\nfunction Badge({ className, variant, ...props }: BadgeProps) {\n  return (\n    <div className={cn(badgeVariants({ variant }), className)} {...props} />\n  );\n}\n\nexport { Badge, badgeVariants };\n"]}

package/dist/ui/badge.js

@@ -0,0 +1,31 @@
+import { cva } from 'class-variance-authority';
+import { clsx } from 'clsx';
+import 'sonner';
+import { twMerge } from 'tailwind-merge';
+import { jsx } from 'react/jsx-runtime';
+
+// src/ui/badge.tsx
+var cn = (...inputs) => twMerge(clsx(inputs));
+var badgeVariants = cva(
+  "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+  {
+    variants: {
+      variant: {
+        default: "border-transparent bg-primary text-primary-foreground hover:bg-primary/80",
+        secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        destructive: "border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80",
+        outline: "text-foreground"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function Badge({ className, variant, ...props }) {
+  return /* @__PURE__ */ jsx("div", { className: cn(badgeVariants({ variant }), className), ...props });
+}
+
+export { Badge, badgeVariants };
+//# sourceMappingURL=badge.js.map
+//# sourceMappingURL=badge.js.map

package/dist/ui/badge.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/lib/utils.ts","../../src/ui/badge.tsx"],"names":[],"mappings":";;;;;;;AAKO,IAAM,KAAK,CAAA,GAAI,MAAA,KAAiC,OAAA,CAAQ,IAAA,CAAK,MAAM,CAAC,CAAA;ACD3E,IAAM,aAAA,GAAgB,GAAA;AAAA,EACpB,wKAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,OAAA,EACE,2EAAA;AAAA,QACF,SAAA,EACE,iFAAA;AAAA,QACF,WAAA,EACE,uFAAA;AAAA,QACF,OAAA,EAAS;AAAA;AACX,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS;AAAA;AACX;AAEJ;AAMA,SAAS,MAAM,EAAE,SAAA,EAAW,OAAA,EAAS,GAAG,OAAM,EAAe;AAC3D,EAAA,uBACE,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,EAAA,CAAG,aAAA,CAAc,EAAE,OAAA,EAAS,CAAA,EAAG,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO,CAAA;AAE1E","file":"badge.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 type * as React from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"../lib/utils\";\n\nconst badgeVariants = cva(\n  \"inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2\",\n  {\n    variants: {\n      variant: {\n        default:\n          \"border-transparent bg-primary text-primary-foreground hover:bg-primary/80\",\n        secondary:\n          \"border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80\",\n        destructive:\n          \"border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80\",\n        outline: \"text-foreground\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  },\n);\n\nexport interface BadgeProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof badgeVariants> {}\n\nfunction Badge({ className, variant, ...props }: BadgeProps) {\n  return (\n    <div className={cn(badgeVariants({ variant }), className)} {...props} />\n  );\n}\n\nexport { Badge, badgeVariants };\n"]}