erp-pro-ui 0.1.1 → 0.1.2

package/dist/chunks/multi-select-combobox-DiMwJxj_.cjs

@@ -1,115 +0,0 @@
-const require_chunk = require("./chunk-B_GkZjkl.cjs");
-const require_utils = require("./utils-B4SmmY4J.cjs");
-const require_icons = require("./icons-DYkpqWYG.cjs");
-let react = require("react");
-react = require_chunk.__toESM(react);
-let react_jsx_runtime = require("react/jsx-runtime");
-//#region src/components/forms/multi-select-combobox/MultiSelectCombobox.tsx
-var MultiSelectCombobox = ({ options, value = [], onChange, placeholder = "Select...", className, bgClassName = "bg-white/40 dark:bg-zinc-950/40 backdrop-blur-xl" }) => {
-	const [open, setOpen] = (0, react.useState)(false);
-	const [search, setSearch] = (0, react.useState)("");
-	const ref = (0, react.useRef)(null);
-	const filteredOptions = options.filter((opt) => opt.label.toLowerCase().includes(search.toLowerCase()));
-	(0, react.useEffect)(() => {
-		const handleClick = (e) => {
-			if (ref.current && !ref.current.contains(e.target)) {
-				setOpen(false);
-				setSearch("");
-			}
-		};
-		if (open) document.addEventListener("mousedown", handleClick);
-		return () => document.removeEventListener("mousedown", handleClick);
-	}, [open]);
-	const handleOptionClick = (optionValue) => {
-		if (value.includes(optionValue)) onChange(value.filter((v) => v !== optionValue));
-		else onChange([...value, optionValue]);
-	};
-	const handleRemoveTag = (optionValue, e) => {
-		e.stopPropagation();
-		onChange(value.filter((v) => v !== optionValue));
-	};
-	const selectedLabels = value.map((v) => options.find((opt) => opt.value === v)?.label).filter(Boolean);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		ref,
-		className: require_utils.mergeClassNames("relative w-full", className),
-		tabIndex: 0,
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: require_utils.mergeClassNames("flex min-h-10 w-full cursor-pointer items-center justify-between rounded-md border border-black/5 dark:border-white/10 px-3 py-2 text-sm text-foreground transition focus:ring-2 focus:ring-ring focus:ring-offset-2 focus:outline-none disabled:cursor-not-allowed disabled:opacity-50 shadow-sm", bgClassName, "hover:bg-white/60 dark:hover:bg-white/10"),
-			onClick: () => {
-				setOpen((o) => {
-					if (o) setSearch("");
-					return !o;
-				});
-			},
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: "flex flex-1 flex-wrap gap-1",
-				children: selectedLabels.length > 0 ? selectedLabels.map((label, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-					className: "inline-flex items-center gap-1 rounded-md bg-primary-100 dark:bg-primary-900/40 px-2 py-0.5 text-xs font-medium text-primary-700 dark:text-primary-300",
-					children: [label, /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-						type: "button",
-						onClick: (e) => handleRemoveTag(value[index], e),
-						className: "ml-0.5 rounded-full p-0.5 hover:bg-primary-200 dark:hover:bg-primary-800 transition-colors",
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_icons.CloseIcon, {
-							className: "w-3 h-3",
-							"aria-hidden": "true"
-						})
-					})]
-				}, value[index])) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-					className: "text-muted-foreground",
-					children: placeholder
-				})
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-				className: require_utils.mergeClassNames("ml-2 transition-transform duration-300 flex-shrink-0", open ? "rotate-180" : "rotate-0"),
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_icons.ChevronDownIcon, {
-					width: 24,
-					height: 24,
-					color: "#a1a1a1"
-				})
-			})]
-		}), open && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: "absolute right-0 left-0 z-20 mt-1 flex max-h-60 flex-col rounded-md border border-white/20 dark:border-white/10 bg-white/80 dark:bg-neutral-900/80 backdrop-blur-xl shadow-xl transition",
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: "sticky top-0 z-10 bg-white/50 dark:bg-neutral-900/50 backdrop-blur-sm rounded-t-md",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-					autoFocus: true,
-					className: "w-full border-b border-white/20 dark:border-white/10 bg-transparent px-3 py-2 text-sm text-foreground dark:text-white outline-none placeholder:text-muted-foreground",
-					placeholder: "Type to search...",
-					value: search,
-					onChange: (e) => setSearch(e.target.value),
-					onClick: (e) => e.stopPropagation()
-				})
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: "max-h-80 flex-1 overflow-auto",
-				children: [filteredOptions.length === 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-					className: "p-3 text-center text-muted-foreground text-sm",
-					children: "No options found"
-				}), filteredOptions.map((option) => {
-					const isSelected = value.includes(option.value);
-					return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: require_utils.mergeClassNames("flex cursor-pointer items-center gap-2 px-3 py-2 text-sm transition", isSelected ? "bg-primary-50 dark:bg-primary-900/30 text-primary-700 dark:text-primary-300" : "text-foreground dark:text-white hover:bg-neutral-100 dark:hover:bg-white/10"),
-						onClick: () => handleOptionClick(option.value),
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							className: require_utils.mergeClassNames("flex h-4 w-4 items-center justify-center rounded border transition", isSelected ? "border-primary-500 bg-primary-500 text-white" : "border-neutral-300 dark:border-neutral-600"),
-							children: isSelected && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_icons.CheckIcon, {
-								width: 12,
-								height: 12
-							})
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							className: "flex-1",
-							children: option.label
-						})]
-					}, option.value);
-				})]
-			})]
-		})]
-	});
-};
-//#endregion
-Object.defineProperty(exports, "MultiSelectCombobox", {
-	enumerable: true,
-	get: function() {
-		return MultiSelectCombobox;
-	}
-});
-
-//# sourceMappingURL=multi-select-combobox-DiMwJxj_.cjs.map

package/dist/chunks/multi-select-combobox-DiMwJxj_.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"multi-select-combobox-DiMwJxj_.cjs","names":[],"sources":["../../src/components/forms/multi-select-combobox/MultiSelectCombobox.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\n\nimport { CheckIcon, ChevronDownIcon, CloseIcon } from \"../../icons\";\nimport { mergeClassNames } from \"../../../utils\";\n\nexport interface MultiSelectOption {\n  label: string;\n  value: string;\n}\n\nexport interface MultiSelectComboboxProps {\n  options: MultiSelectOption[];\n  value: string[];\n  onChange: (values: string[]) => void;\n  placeholder?: string;\n  className?: string;\n  bgClassName?: string;\n}\n\nconst MultiSelectCombobox: React.FC<MultiSelectComboboxProps> = ({\n  options,\n  value = [],\n  onChange,\n  placeholder = \"Select...\",\n  className,\n  bgClassName = \"bg-white/40 dark:bg-zinc-950/40 backdrop-blur-xl\",\n}) => {\n  const [open, setOpen] = useState(false);\n  const [search, setSearch] = useState(\"\");\n  const ref = useRef<HTMLDivElement>(null);\n\n  // Filter options by search\n  const filteredOptions = options.filter((opt) =>\n    opt.label.toLowerCase().includes(search.toLowerCase()),\n  );\n\n  // Close dropdown on outside click\n  useEffect(() => {\n    const handleClick = (e: MouseEvent) => {\n      if (ref.current && !ref.current.contains(e.target as Node)) {\n        setOpen(false);\n        setSearch(\"\");\n      }\n    };\n    if (open) {\n      document.addEventListener(\"mousedown\", handleClick);\n    }\n    return () => document.removeEventListener(\"mousedown\", handleClick);\n  }, [open]);\n\n  const handleOptionClick = (optionValue: string) => {\n    if (value.includes(optionValue)) {\n      onChange(value.filter((v) => v !== optionValue));\n    } else {\n      onChange([...value, optionValue]);\n    }\n  };\n\n  const handleRemoveTag = (optionValue: string, e: React.MouseEvent) => {\n    e.stopPropagation();\n    onChange(value.filter((v) => v !== optionValue));\n  };\n\n  const selectedLabels = value\n    .map((v) => options.find((opt) => opt.value === v)?.label)\n    .filter(Boolean);\n\n  return (\n    <div\n      ref={ref}\n      className={mergeClassNames(\"relative w-full\", className)}\n      tabIndex={0}\n    >\n      <div\n        className={mergeClassNames(\n          \"flex min-h-10 w-full cursor-pointer items-center justify-between rounded-md border border-black/5 dark:border-white/10 px-3 py-2 text-sm text-foreground transition focus:ring-2 focus:ring-ring focus:ring-offset-2 focus:outline-none disabled:cursor-not-allowed disabled:opacity-50 shadow-sm\",\n          bgClassName,\n          \"hover:bg-white/60 dark:hover:bg-white/10\",\n        )}\n        onClick={() => {\n          setOpen((o) => {\n            if (o) setSearch(\"\");\n            return !o;\n          });\n        }}\n      >\n        <div className=\"flex flex-1 flex-wrap gap-1\">\n          {selectedLabels.length > 0 ? (\n            selectedLabels.map((label, index) => (\n              <span\n                key={value[index]}\n                className=\"inline-flex items-center gap-1 rounded-md bg-primary-100 dark:bg-primary-900/40 px-2 py-0.5 text-xs font-medium text-primary-700 dark:text-primary-300\"\n              >\n                {label}\n                <button\n                  type=\"button\"\n                  onClick={(e) => handleRemoveTag(value[index], e)}\n                  className=\"ml-0.5 rounded-full p-0.5 hover:bg-primary-200 dark:hover:bg-primary-800 transition-colors\"\n                >\n                  <CloseIcon className=\"w-3 h-3\" aria-hidden=\"true\" />\n                </button>\n              </span>\n            ))\n          ) : (\n            <span className=\"text-muted-foreground\">{placeholder}</span>\n          )}\n        </div>\n        <span\n          className={mergeClassNames(\n            \"ml-2 transition-transform duration-300 flex-shrink-0\",\n            open ? \"rotate-180\" : \"rotate-0\",\n          )}\n        >\n          <ChevronDownIcon width={24} height={24} color=\"#a1a1a1\" />\n        </span>\n      </div>\n      {open && (\n        <div className=\"absolute right-0 left-0 z-20 mt-1 flex max-h-60 flex-col rounded-md border border-white/20 dark:border-white/10 bg-white/80 dark:bg-neutral-900/80 backdrop-blur-xl shadow-xl transition\">\n          {/* Sticky search input */}\n          <div className=\"sticky top-0 z-10 bg-white/50 dark:bg-neutral-900/50 backdrop-blur-sm rounded-t-md\">\n            <input\n              autoFocus\n              className=\"w-full border-b border-white/20 dark:border-white/10 bg-transparent px-3 py-2 text-sm text-foreground dark:text-white outline-none placeholder:text-muted-foreground\"\n              placeholder=\"Type to search...\"\n              value={search}\n              onChange={(e) => setSearch(e.target.value)}\n              onClick={(e) => e.stopPropagation()}\n            />\n          </div>\n          {/* Scrollable options */}\n          <div className=\"max-h-80 flex-1 overflow-auto\">\n            {filteredOptions.length === 0 && (\n              <div className=\"p-3 text-center text-muted-foreground text-sm\">\n                No options found\n              </div>\n            )}\n            {filteredOptions.map((option) => {\n              const isSelected = value.includes(option.value);\n              return (\n                <div\n                  key={option.value}\n                  className={mergeClassNames(\n                    \"flex cursor-pointer items-center gap-2 px-3 py-2 text-sm transition\",\n                    isSelected\n                      ? \"bg-primary-50 dark:bg-primary-900/30 text-primary-700 dark:text-primary-300\"\n                      : \"text-foreground dark:text-white hover:bg-neutral-100 dark:hover:bg-white/10\",\n                  )}\n                  onClick={() => handleOptionClick(option.value)}\n                >\n                  <span\n                    className={mergeClassNames(\n                      \"flex h-4 w-4 items-center justify-center rounded border transition\",\n                      isSelected\n                        ? \"border-primary-500 bg-primary-500 text-white\"\n                        : \"border-neutral-300 dark:border-neutral-600\",\n                    )}\n                  >\n                    {isSelected && <CheckIcon width={12} height={12} />}\n                  </span>\n                  <span className=\"flex-1\">{option.label}</span>\n                </div>\n              );\n            })}\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default MultiSelectCombobox;\n"],"mappings":"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"}

package/dist/chunks/otp-input-CNungc1j.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"otp-input-CNungc1j.mjs","names":[],"sources":["../../src/components/forms/otp-input/OTPInput.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useState,\n  useRef,\n  useCallback,\n  useEffect,\n  type KeyboardEvent,\n  type ClipboardEvent,\n  type ChangeEvent,\n} from \"react\";\n\nexport type OTPInputSize = \"sm\" | \"md\" | \"lg\";\nexport type OTPInputVariant = \"outlined\" | \"filled\" | \"underlined\";\n\nexport interface OTPInputProps {\n  /** Number of OTP digits */\n  length?: number;\n  /** Callback when OTP value changes */\n  onChange?: (value: string) => void;\n  /** Callback when all digits are filled */\n  onComplete?: (value: string) => void;\n  /** The current value (controlled) */\n  value?: string;\n  /** Default value (uncontrolled) */\n  defaultValue?: string;\n  /** Size of the input boxes */\n  size?: OTPInputSize;\n  /** Visual variant */\n  variant?: OTPInputVariant;\n  /** Whether the input is disabled */\n  disabled?: boolean;\n  /** Whether there's an error */\n  error?: boolean;\n  /** Error message to display */\n  errorMessage?: string;\n  /** Placeholder character */\n  placeholder?: string;\n  /** Whether to mask the input (like password) */\n  mask?: boolean;\n  /** Whether to auto-focus the first input */\n  autoFocus?: boolean;\n  /** Input type - number only or alphanumeric */\n  type?: \"number\" | \"text\";\n  /** Custom className for the container */\n  className?: string;\n  /** Custom className for each input box */\n  inputClassName?: string;\n  /** Separator to show between groups of digits */\n  separator?: React.ReactNode;\n  /** Position(s) to show separator (e.g., [3] means after 3rd digit) */\n  separatorPositions?: number[];\n  /** Accessible label */\n  \"aria-label\"?: string;\n}\n\nconst sizeStyles: Record<OTPInputSize, string> = {\n  sm: \"w-9 h-10 text-base\",\n  md: \"w-12 h-14 text-xl\",\n  lg: \"w-14 h-16 text-2xl\",\n};\n\nconst variantStyles: Record<\n  OTPInputVariant,\n  { base: string; focus: string; error: string }\n> = {\n  outlined: {\n    base: \"border border-neutral-300 dark:border-neutral-600 bg-transparent rounded-lg\",\n    focus: \"focus:border-primary-500 focus:ring-2 focus:ring-primary-500/20\",\n    error: \"border-red-500 dark:border-red-500\",\n  },\n  filled: {\n    base: \"border border-transparent bg-neutral-100 dark:bg-neutral-800 rounded-lg\",\n    focus:\n      \"focus:border-primary-500 focus:bg-transparent focus:ring-2 focus:ring-primary-500/20\",\n    error: \"bg-red-50 dark:bg-red-900/20 border-red-500\",\n  },\n  underlined: {\n    base: \"border-b-2 border-neutral-300 dark:border-neutral-600 bg-transparent rounded-none\",\n    focus: \"focus:border-primary-500\",\n    error: \"border-red-500 dark:border-red-500\",\n  },\n};\n\nconst OTPInput = forwardRef<HTMLDivElement, OTPInputProps>(\n  (\n    {\n      length = 6,\n      onChange,\n      onComplete,\n      value: controlledValue,\n      defaultValue = \"\",\n      size = \"md\",\n      variant = \"outlined\",\n      disabled = false,\n      error = false,\n      errorMessage,\n      placeholder = \"\",\n      mask = false,\n      autoFocus = false,\n      type = \"number\",\n      className = \"\",\n      inputClassName = \"\",\n      separator = <span className=\"text-neutral-400 text-2xl mx-2\">—</span>,\n      separatorPositions = [],\n      \"aria-label\": ariaLabel = \"One-time password\",\n    },\n    ref,\n  ) => {\n    const [values, setValues] = useState<string[]>(() => {\n      const initial = controlledValue ?? defaultValue;\n      return initial\n        .split(\"\")\n        .slice(0, length)\n        .concat(Array(length).fill(\"\"))\n        .slice(0, length);\n    });\n\n    const inputRefs = useRef<(HTMLInputElement | null)[]>([]);\n\n    // Sync with controlled value\n    useEffect(() => {\n      if (controlledValue !== undefined) {\n        const newValues = controlledValue\n          .split(\"\")\n          .slice(0, length)\n          .concat(Array(length).fill(\"\"))\n          .slice(0, length);\n        setValues(newValues);\n      }\n    }, [controlledValue, length]);\n\n    // Auto-focus first input\n    useEffect(() => {\n      if (autoFocus && inputRefs.current[0]) {\n        inputRefs.current[0].focus();\n      }\n    }, [autoFocus]);\n\n    const focusInput = useCallback(\n      (index: number) => {\n        if (index >= 0 && index < length && inputRefs.current[index]) {\n          inputRefs.current[index]?.focus();\n          inputRefs.current[index]?.select();\n        }\n      },\n      [length],\n    );\n\n    const handleChange = useCallback(\n      (index: number, e: ChangeEvent<HTMLInputElement>) => {\n        const inputValue = e.target.value;\n        const char = inputValue.slice(-1);\n\n        // Validate input based on type\n        if (type === \"number\" && char && !/^\\d$/.test(char)) {\n          return;\n        }\n\n        const newValues = [...values];\n        newValues[index] = char;\n        setValues(newValues);\n\n        const otpValue = newValues.join(\"\");\n        onChange?.(otpValue);\n\n        // Move to next input if value entered\n        if (char && index < length - 1) {\n          focusInput(index + 1);\n        }\n\n        // Check if complete\n        if (newValues.every((v) => v !== \"\") && newValues.length === length) {\n          onComplete?.(otpValue);\n        }\n      },\n      [values, onChange, onComplete, length, type, focusInput],\n    );\n\n    const handleKeyDown = useCallback(\n      (index: number, e: KeyboardEvent<HTMLInputElement>) => {\n        switch (e.key) {\n          case \"Backspace\":\n            e.preventDefault();\n            const newValues = [...values];\n            if (values[index]) {\n              // Clear current value\n              newValues[index] = \"\";\n              setValues(newValues);\n              onChange?.(newValues.join(\"\"));\n            } else if (index > 0) {\n              // Move to previous and clear\n              newValues[index - 1] = \"\";\n              setValues(newValues);\n              onChange?.(newValues.join(\"\"));\n              focusInput(index - 1);\n            }\n            break;\n          case \"ArrowLeft\":\n            e.preventDefault();\n            focusInput(index - 1);\n            break;\n          case \"ArrowRight\":\n            e.preventDefault();\n            focusInput(index + 1);\n            break;\n          case \"Delete\":\n            e.preventDefault();\n            const deleteValues = [...values];\n            deleteValues[index] = \"\";\n            setValues(deleteValues);\n            onChange?.(deleteValues.join(\"\"));\n            break;\n        }\n      },\n      [values, onChange, focusInput],\n    );\n\n    const handlePaste = useCallback(\n      (e: ClipboardEvent<HTMLInputElement>) => {\n        e.preventDefault();\n        const pastedData = e.clipboardData.getData(\"text\").slice(0, length);\n\n        // Validate pasted content\n        if (type === \"number\" && !/^\\d*$/.test(pastedData)) {\n          return;\n        }\n\n        const newValues = pastedData\n          .split(\"\")\n          .slice(0, length)\n          .concat(Array(length).fill(\"\"))\n          .slice(0, length);\n\n        setValues(newValues);\n        const otpValue = newValues.join(\"\");\n        onChange?.(otpValue);\n\n        // Focus last filled input or last input\n        const lastFilledIndex = newValues.findLastIndex((v) => v !== \"\");\n        focusInput(Math.min(lastFilledIndex + 1, length - 1));\n\n        // Check if complete\n        if (newValues.every((v) => v !== \"\") && pastedData.length >= length) {\n          onComplete?.(otpValue);\n        }\n      },\n      [length, type, onChange, onComplete, focusInput],\n    );\n\n    const handleFocus = useCallback((e: React.FocusEvent<HTMLInputElement>) => {\n      e.target.select();\n    }, []);\n\n    const renderInputs = () => {\n      const inputs: React.ReactNode[] = [];\n\n      for (let i = 0; i < length; i++) {\n        // Add separator if needed\n        if (separatorPositions.includes(i) && i > 0) {\n          inputs.push(\n            <div key={`separator-${i}`} className=\"flex items-center\">\n              {separator}\n            </div>,\n          );\n        }\n\n        inputs.push(\n          <input\n            key={i}\n            ref={(el) => {\n              inputRefs.current[i] = el;\n              // React 19: Return cleanup function\n              return () => {\n                inputRefs.current[i] = null;\n              };\n            }}\n            type={mask ? \"password\" : \"text\"}\n            inputMode={type === \"number\" ? \"numeric\" : \"text\"}\n            pattern={type === \"number\" ? \"\\\\d*\" : undefined}\n            maxLength={1}\n            value={values[i] || \"\"}\n            placeholder={placeholder}\n            disabled={disabled}\n            onChange={(e) => handleChange(i, e)}\n            onKeyDown={(e) => handleKeyDown(i, e)}\n            onPaste={handlePaste}\n            onFocus={handleFocus}\n            aria-label={`${ariaLabel} digit ${i + 1}`}\n            className={`\n              text-center font-semibold outline-none transition-all\n              text-neutral-900 dark:text-white\n              placeholder:text-neutral-300 dark:placeholder:text-neutral-600\n              ${sizeStyles[size]}\n              ${variantStyles[variant].base}\n              ${!error ? variantStyles[variant].focus : \"\"}\n              ${error ? variantStyles[variant].error : \"\"}\n              ${\n                disabled\n                  ? \"opacity-50 cursor-not-allowed bg-neutral-100 dark:bg-neutral-800\"\n                  : \"\"\n              }\n              ${inputClassName}\n            `}\n          />,\n        );\n      }\n\n      return inputs;\n    };\n\n    return (\n      <div ref={ref} className={`flex flex-col gap-2 ${className}`}>\n        <div\n          className=\"flex items-center gap-2\"\n          role=\"group\"\n          aria-label={ariaLabel}\n        >\n          {renderInputs()}\n        </div>\n        {error && errorMessage && (\n          <span className=\"text-sm text-red-500 dark:text-red-400\">\n            {errorMessage}\n          </span>\n        )}\n      </div>\n    );\n  },\n);\n\nOTPInput.displayName = \"OTPInput\";\n\nexport default OTPInput;\nexport { OTPInput };\n"],"mappings":"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"}

package/dist/chunks/otp-input-DaQDfI9C.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"otp-input-DaQDfI9C.cjs","names":[],"sources":["../../src/components/forms/otp-input/OTPInput.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useState,\n  useRef,\n  useCallback,\n  useEffect,\n  type KeyboardEvent,\n  type ClipboardEvent,\n  type ChangeEvent,\n} from \"react\";\n\nexport type OTPInputSize = \"sm\" | \"md\" | \"lg\";\nexport type OTPInputVariant = \"outlined\" | \"filled\" | \"underlined\";\n\nexport interface OTPInputProps {\n  /** Number of OTP digits */\n  length?: number;\n  /** Callback when OTP value changes */\n  onChange?: (value: string) => void;\n  /** Callback when all digits are filled */\n  onComplete?: (value: string) => void;\n  /** The current value (controlled) */\n  value?: string;\n  /** Default value (uncontrolled) */\n  defaultValue?: string;\n  /** Size of the input boxes */\n  size?: OTPInputSize;\n  /** Visual variant */\n  variant?: OTPInputVariant;\n  /** Whether the input is disabled */\n  disabled?: boolean;\n  /** Whether there's an error */\n  error?: boolean;\n  /** Error message to display */\n  errorMessage?: string;\n  /** Placeholder character */\n  placeholder?: string;\n  /** Whether to mask the input (like password) */\n  mask?: boolean;\n  /** Whether to auto-focus the first input */\n  autoFocus?: boolean;\n  /** Input type - number only or alphanumeric */\n  type?: \"number\" | \"text\";\n  /** Custom className for the container */\n  className?: string;\n  /** Custom className for each input box */\n  inputClassName?: string;\n  /** Separator to show between groups of digits */\n  separator?: React.ReactNode;\n  /** Position(s) to show separator (e.g., [3] means after 3rd digit) */\n  separatorPositions?: number[];\n  /** Accessible label */\n  \"aria-label\"?: string;\n}\n\nconst sizeStyles: Record<OTPInputSize, string> = {\n  sm: \"w-9 h-10 text-base\",\n  md: \"w-12 h-14 text-xl\",\n  lg: \"w-14 h-16 text-2xl\",\n};\n\nconst variantStyles: Record<\n  OTPInputVariant,\n  { base: string; focus: string; error: string }\n> = {\n  outlined: {\n    base: \"border border-neutral-300 dark:border-neutral-600 bg-transparent rounded-lg\",\n    focus: \"focus:border-primary-500 focus:ring-2 focus:ring-primary-500/20\",\n    error: \"border-red-500 dark:border-red-500\",\n  },\n  filled: {\n    base: \"border border-transparent bg-neutral-100 dark:bg-neutral-800 rounded-lg\",\n    focus:\n      \"focus:border-primary-500 focus:bg-transparent focus:ring-2 focus:ring-primary-500/20\",\n    error: \"bg-red-50 dark:bg-red-900/20 border-red-500\",\n  },\n  underlined: {\n    base: \"border-b-2 border-neutral-300 dark:border-neutral-600 bg-transparent rounded-none\",\n    focus: \"focus:border-primary-500\",\n    error: \"border-red-500 dark:border-red-500\",\n  },\n};\n\nconst OTPInput = forwardRef<HTMLDivElement, OTPInputProps>(\n  (\n    {\n      length = 6,\n      onChange,\n      onComplete,\n      value: controlledValue,\n      defaultValue = \"\",\n      size = \"md\",\n      variant = \"outlined\",\n      disabled = false,\n      error = false,\n      errorMessage,\n      placeholder = \"\",\n      mask = false,\n      autoFocus = false,\n      type = \"number\",\n      className = \"\",\n      inputClassName = \"\",\n      separator = <span className=\"text-neutral-400 text-2xl mx-2\">—</span>,\n      separatorPositions = [],\n      \"aria-label\": ariaLabel = \"One-time password\",\n    },\n    ref,\n  ) => {\n    const [values, setValues] = useState<string[]>(() => {\n      const initial = controlledValue ?? defaultValue;\n      return initial\n        .split(\"\")\n        .slice(0, length)\n        .concat(Array(length).fill(\"\"))\n        .slice(0, length);\n    });\n\n    const inputRefs = useRef<(HTMLInputElement | null)[]>([]);\n\n    // Sync with controlled value\n    useEffect(() => {\n      if (controlledValue !== undefined) {\n        const newValues = controlledValue\n          .split(\"\")\n          .slice(0, length)\n          .concat(Array(length).fill(\"\"))\n          .slice(0, length);\n        setValues(newValues);\n      }\n    }, [controlledValue, length]);\n\n    // Auto-focus first input\n    useEffect(() => {\n      if (autoFocus && inputRefs.current[0]) {\n        inputRefs.current[0].focus();\n      }\n    }, [autoFocus]);\n\n    const focusInput = useCallback(\n      (index: number) => {\n        if (index >= 0 && index < length && inputRefs.current[index]) {\n          inputRefs.current[index]?.focus();\n          inputRefs.current[index]?.select();\n        }\n      },\n      [length],\n    );\n\n    const handleChange = useCallback(\n      (index: number, e: ChangeEvent<HTMLInputElement>) => {\n        const inputValue = e.target.value;\n        const char = inputValue.slice(-1);\n\n        // Validate input based on type\n        if (type === \"number\" && char && !/^\\d$/.test(char)) {\n          return;\n        }\n\n        const newValues = [...values];\n        newValues[index] = char;\n        setValues(newValues);\n\n        const otpValue = newValues.join(\"\");\n        onChange?.(otpValue);\n\n        // Move to next input if value entered\n        if (char && index < length - 1) {\n          focusInput(index + 1);\n        }\n\n        // Check if complete\n        if (newValues.every((v) => v !== \"\") && newValues.length === length) {\n          onComplete?.(otpValue);\n        }\n      },\n      [values, onChange, onComplete, length, type, focusInput],\n    );\n\n    const handleKeyDown = useCallback(\n      (index: number, e: KeyboardEvent<HTMLInputElement>) => {\n        switch (e.key) {\n          case \"Backspace\":\n            e.preventDefault();\n            const newValues = [...values];\n            if (values[index]) {\n              // Clear current value\n              newValues[index] = \"\";\n              setValues(newValues);\n              onChange?.(newValues.join(\"\"));\n            } else if (index > 0) {\n              // Move to previous and clear\n              newValues[index - 1] = \"\";\n              setValues(newValues);\n              onChange?.(newValues.join(\"\"));\n              focusInput(index - 1);\n            }\n            break;\n          case \"ArrowLeft\":\n            e.preventDefault();\n            focusInput(index - 1);\n            break;\n          case \"ArrowRight\":\n            e.preventDefault();\n            focusInput(index + 1);\n            break;\n          case \"Delete\":\n            e.preventDefault();\n            const deleteValues = [...values];\n            deleteValues[index] = \"\";\n            setValues(deleteValues);\n            onChange?.(deleteValues.join(\"\"));\n            break;\n        }\n      },\n      [values, onChange, focusInput],\n    );\n\n    const handlePaste = useCallback(\n      (e: ClipboardEvent<HTMLInputElement>) => {\n        e.preventDefault();\n        const pastedData = e.clipboardData.getData(\"text\").slice(0, length);\n\n        // Validate pasted content\n        if (type === \"number\" && !/^\\d*$/.test(pastedData)) {\n          return;\n        }\n\n        const newValues = pastedData\n          .split(\"\")\n          .slice(0, length)\n          .concat(Array(length).fill(\"\"))\n          .slice(0, length);\n\n        setValues(newValues);\n        const otpValue = newValues.join(\"\");\n        onChange?.(otpValue);\n\n        // Focus last filled input or last input\n        const lastFilledIndex = newValues.findLastIndex((v) => v !== \"\");\n        focusInput(Math.min(lastFilledIndex + 1, length - 1));\n\n        // Check if complete\n        if (newValues.every((v) => v !== \"\") && pastedData.length >= length) {\n          onComplete?.(otpValue);\n        }\n      },\n      [length, type, onChange, onComplete, focusInput],\n    );\n\n    const handleFocus = useCallback((e: React.FocusEvent<HTMLInputElement>) => {\n      e.target.select();\n    }, []);\n\n    const renderInputs = () => {\n      const inputs: React.ReactNode[] = [];\n\n      for (let i = 0; i < length; i++) {\n        // Add separator if needed\n        if (separatorPositions.includes(i) && i > 0) {\n          inputs.push(\n            <div key={`separator-${i}`} className=\"flex items-center\">\n              {separator}\n            </div>,\n          );\n        }\n\n        inputs.push(\n          <input\n            key={i}\n            ref={(el) => {\n              inputRefs.current[i] = el;\n              // React 19: Return cleanup function\n              return () => {\n                inputRefs.current[i] = null;\n              };\n            }}\n            type={mask ? \"password\" : \"text\"}\n            inputMode={type === \"number\" ? \"numeric\" : \"text\"}\n            pattern={type === \"number\" ? \"\\\\d*\" : undefined}\n            maxLength={1}\n            value={values[i] || \"\"}\n            placeholder={placeholder}\n            disabled={disabled}\n            onChange={(e) => handleChange(i, e)}\n            onKeyDown={(e) => handleKeyDown(i, e)}\n            onPaste={handlePaste}\n            onFocus={handleFocus}\n            aria-label={`${ariaLabel} digit ${i + 1}`}\n            className={`\n              text-center font-semibold outline-none transition-all\n              text-neutral-900 dark:text-white\n              placeholder:text-neutral-300 dark:placeholder:text-neutral-600\n              ${sizeStyles[size]}\n              ${variantStyles[variant].base}\n              ${!error ? variantStyles[variant].focus : \"\"}\n              ${error ? variantStyles[variant].error : \"\"}\n              ${\n                disabled\n                  ? \"opacity-50 cursor-not-allowed bg-neutral-100 dark:bg-neutral-800\"\n                  : \"\"\n              }\n              ${inputClassName}\n            `}\n          />,\n        );\n      }\n\n      return inputs;\n    };\n\n    return (\n      <div ref={ref} className={`flex flex-col gap-2 ${className}`}>\n        <div\n          className=\"flex items-center gap-2\"\n          role=\"group\"\n          aria-label={ariaLabel}\n        >\n          {renderInputs()}\n        </div>\n        {error && errorMessage && (\n          <span className=\"text-sm text-red-500 dark:text-red-400\">\n            {errorMessage}\n          </span>\n        )}\n      </div>\n    );\n  },\n);\n\nOTPInput.displayName = \"OTPInput\";\n\nexport default OTPInput;\nexport { OTPInput };\n"],"mappings":"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"}

package/dist/chunks/password-strength-meter-u4YI00zE.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"password-strength-meter-u4YI00zE.cjs","names":[],"sources":["../../src/components/forms/password-strength-meter/PasswordCriteria.tsx","../../src/components/forms/password-strength-meter/PasswordStrengthMeter.tsx"],"sourcesContent":["import { CheckIcon, CloseIcon } from \"../../icons\";\n\ninterface PasswordCriteriaProps {\n  password: string;\n}\n\nexport const PasswordCriteria = ({ password }: PasswordCriteriaProps) => {\n  const criteria = [\n    { label: \"At least 6 characters\", met: password.length >= 6 },\n    { label: \"Contains uppercase letter\", met: /[A-Z]/.test(password) },\n    { label: \"Contains lowercase letter\", met: /[a-z]/.test(password) },\n    { label: \"Contains a number\", met: /\\d/.test(password) },\n    { label: \"Contains special character\", met: /[^A-Za-z0-9]/.test(password) },\n  ];\n\n  return (\n    <div className=\"mt-2 space-y-1\">\n      {criteria.map((item) => (\n        <div key={item.label} className=\"flex items-center text-xs\">\n          {item.met ? (\n            <CheckIcon\n              className=\"mr-2 size-4 text-green-500\"\n              title=\"CheckIcon\"\n            />\n          ) : (\n            <CloseIcon\n              className=\"mr-2 size-4 text-neutral-400 dark:text-neutral-500\"\n              title=\"CloseIcon\"\n            />\n          )}\n          <span\n            className={\n              item.met\n                ? \"text-green-500\"\n                : \"text-neutral-500 dark:text-neutral-400\"\n            }\n          >\n            {item.label}\n          </span>\n        </div>\n      ))}\n    </div>\n  );\n};\n","import { useMemo } from \"react\";\n\nimport { PasswordCriteria } from \"./PasswordCriteria\";\n\nexport interface PasswordStrengthMeterProps {\n  password: string;\n}\n\nexport function PasswordStrengthMeter({\n  password,\n}: PasswordStrengthMeterProps) {\n  // Calculate password strength using an object mapping approach\n  const getStrength = (pass: string): number => {\n    const criteria = {\n      minLength: pass.length >= 6,\n      hasMixedCase: /[a-z]/.test(pass) && /[A-Z]/.test(pass),\n      hasNumber: /\\d/.test(pass),\n      hasSpecialChar: /[^a-zA-Z\\d]/.test(pass),\n    };\n\n    // Count the number of criteria that pass\n    return Object.values(criteria).filter(Boolean).length;\n  };\n\n  // Memoize the strength calculation to avoid unnecessary recalculations\n  const strength = useMemo(() => getStrength(password), [password]);\n\n  // Determine strength color based on the calculated strength\n  const getColor = (strength: number): string => {\n    const colors = [\n      \"bg-red-500\",\n      \"bg-red-400\",\n      \"bg-yellow-500\",\n      \"bg-yellow-400\",\n      \"bg-green-500\",\n    ];\n    return colors[strength] || \"bg-gray-600\";\n  };\n\n  // Get a text label corresponding to the password strength\n  const getStrengthText = (strength: number): string => {\n    const strengthLevels = [\"Very Weak\", \"Weak\", \"Fair\", \"Good\", \"Strong\"];\n    return strengthLevels[strength] || \"Very Weak\";\n  };\n\n  return (\n    <div className=\"mt-2\">\n      {/* Strength Label */}\n      <div className=\"mb-1 flex items-center justify-between\">\n        <span className=\"text-xs text-neutral-500 dark:text-neutral-400\">\n          Password strength\n        </span>\n        <span className=\"text-xs text-neutral-500 dark:text-neutral-400\">\n          {getStrengthText(strength)}\n        </span>\n      </div>\n\n      {/* Strength Meter */}\n      <div className=\"flex space-x-1\">\n        {Array.from({ length: 4 }, (_, index) => (\n          <div\n            key={index}\n            className={`h-1 w-1/4 rounded-full transition-colors duration-300 ${\n              index < strength\n                ? getColor(strength)\n                : \"bg-neutral-300 dark:bg-neutral-600\"\n            }`}\n          />\n        ))}\n      </div>\n\n      <PasswordCriteria password={password} />\n    </div>\n  );\n}\n"],"mappings":";;;;;AAMA,IAAa,oBAAoB,EAAE,eAAsC;AASvE,QACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;EAAK,WAAU;YATA;GACf;IAAE,OAAO;IAAyB,KAAK,SAAS,UAAU;IAAG;GAC7D;IAAE,OAAO;IAA6B,KAAK,QAAQ,KAAK,SAAS;IAAE;GACnE;IAAE,OAAO;IAA6B,KAAK,QAAQ,KAAK,SAAS;IAAE;GACnE;IAAE,OAAO;IAAqB,KAAK,KAAK,KAAK,SAAS;IAAE;GACxD;IAAE,OAAO;IAA8B,KAAK,eAAe,KAAK,SAAS;IAAE;GAC5E,CAIa,KAAK,SACb,iBAAA,GAAA,kBAAA,MAAC,OAAD;GAAsB,WAAU;aAAhC,CACG,KAAK,MACJ,iBAAA,GAAA,kBAAA,KAAC,cAAA,WAAD;IACE,WAAU;IACV,OAAM;IACN,CAAA,GAEF,iBAAA,GAAA,kBAAA,KAAC,cAAA,WAAD;IACE,WAAU;IACV,OAAM;IACN,CAAA,EAEJ,iBAAA,GAAA,kBAAA,KAAC,QAAD;IACE,WACE,KAAK,MACD,mBACA;cAGL,KAAK;IACD,CAAA,CACH;KArBI,KAAK,MAqBT,CACN;EACE,CAAA;;;;ACjCV,SAAgB,sBAAsB,EACpC,YAC6B;CAE7B,MAAM,eAAe,SAAyB;EAC5C,MAAM,WAAW;GACf,WAAW,KAAK,UAAU;GAC1B,cAAc,QAAQ,KAAK,KAAK,IAAI,QAAQ,KAAK,KAAK;GACtD,WAAW,KAAK,KAAK,KAAK;GAC1B,gBAAgB,cAAc,KAAK,KAAK;GACzC;AAGD,SAAO,OAAO,OAAO,SAAS,CAAC,OAAO,QAAQ,CAAC;;CAIjD,MAAM,YAAA,GAAA,MAAA,eAAyB,YAAY,SAAS,EAAE,CAAC,SAAS,CAAC;CAGjE,MAAM,YAAY,aAA6B;AAQ7C,SAPe;GACb;GACA;GACA;GACA;GACA;GACD,CACa,aAAa;;CAI7B,MAAM,mBAAmB,aAA6B;AAEpD,SADuB;GAAC;GAAa;GAAQ;GAAQ;GAAQ;GAAS,CAChD,aAAa;;AAGrC,QACE,iBAAA,GAAA,kBAAA,MAAC,OAAD;EAAK,WAAU;YAAf;GAEE,iBAAA,GAAA,kBAAA,MAAC,OAAD;IAAK,WAAU;cAAf,CACE,iBAAA,GAAA,kBAAA,KAAC,QAAD;KAAM,WAAU;eAAiD;KAE1D,CAAA,EACP,iBAAA,GAAA,kBAAA,KAAC,QAAD;KAAM,WAAU;eACb,gBAAgB,SAAS;KACrB,CAAA,CACH;;GAGN,iBAAA,GAAA,kBAAA,KAAC,OAAD;IAAK,WAAU;cACZ,MAAM,KAAK,EAAE,QAAQ,GAAG,GAAG,GAAG,UAC7B,iBAAA,GAAA,kBAAA,KAAC,OAAD,EAEE,WAAW,yDACT,QAAQ,WACJ,SAAS,SAAS,GAClB,wCAEN,EANK,MAML,CACF;IACE,CAAA;GAEN,iBAAA,GAAA,kBAAA,KAAC,kBAAD,EAA4B,UAAY,CAAA;GACpC"}

package/dist/chunks/password-strength-meter-xtMqhhFg.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"password-strength-meter-xtMqhhFg.mjs","names":[],"sources":["../../src/components/forms/password-strength-meter/PasswordCriteria.tsx","../../src/components/forms/password-strength-meter/PasswordStrengthMeter.tsx"],"sourcesContent":["import { CheckIcon, CloseIcon } from \"../../icons\";\n\ninterface PasswordCriteriaProps {\n  password: string;\n}\n\nexport const PasswordCriteria = ({ password }: PasswordCriteriaProps) => {\n  const criteria = [\n    { label: \"At least 6 characters\", met: password.length >= 6 },\n    { label: \"Contains uppercase letter\", met: /[A-Z]/.test(password) },\n    { label: \"Contains lowercase letter\", met: /[a-z]/.test(password) },\n    { label: \"Contains a number\", met: /\\d/.test(password) },\n    { label: \"Contains special character\", met: /[^A-Za-z0-9]/.test(password) },\n  ];\n\n  return (\n    <div className=\"mt-2 space-y-1\">\n      {criteria.map((item) => (\n        <div key={item.label} className=\"flex items-center text-xs\">\n          {item.met ? (\n            <CheckIcon\n              className=\"mr-2 size-4 text-green-500\"\n              title=\"CheckIcon\"\n            />\n          ) : (\n            <CloseIcon\n              className=\"mr-2 size-4 text-neutral-400 dark:text-neutral-500\"\n              title=\"CloseIcon\"\n            />\n          )}\n          <span\n            className={\n              item.met\n                ? \"text-green-500\"\n                : \"text-neutral-500 dark:text-neutral-400\"\n            }\n          >\n            {item.label}\n          </span>\n        </div>\n      ))}\n    </div>\n  );\n};\n","import { useMemo } from \"react\";\n\nimport { PasswordCriteria } from \"./PasswordCriteria\";\n\nexport interface PasswordStrengthMeterProps {\n  password: string;\n}\n\nexport function PasswordStrengthMeter({\n  password,\n}: PasswordStrengthMeterProps) {\n  // Calculate password strength using an object mapping approach\n  const getStrength = (pass: string): number => {\n    const criteria = {\n      minLength: pass.length >= 6,\n      hasMixedCase: /[a-z]/.test(pass) && /[A-Z]/.test(pass),\n      hasNumber: /\\d/.test(pass),\n      hasSpecialChar: /[^a-zA-Z\\d]/.test(pass),\n    };\n\n    // Count the number of criteria that pass\n    return Object.values(criteria).filter(Boolean).length;\n  };\n\n  // Memoize the strength calculation to avoid unnecessary recalculations\n  const strength = useMemo(() => getStrength(password), [password]);\n\n  // Determine strength color based on the calculated strength\n  const getColor = (strength: number): string => {\n    const colors = [\n      \"bg-red-500\",\n      \"bg-red-400\",\n      \"bg-yellow-500\",\n      \"bg-yellow-400\",\n      \"bg-green-500\",\n    ];\n    return colors[strength] || \"bg-gray-600\";\n  };\n\n  // Get a text label corresponding to the password strength\n  const getStrengthText = (strength: number): string => {\n    const strengthLevels = [\"Very Weak\", \"Weak\", \"Fair\", \"Good\", \"Strong\"];\n    return strengthLevels[strength] || \"Very Weak\";\n  };\n\n  return (\n    <div className=\"mt-2\">\n      {/* Strength Label */}\n      <div className=\"mb-1 flex items-center justify-between\">\n        <span className=\"text-xs text-neutral-500 dark:text-neutral-400\">\n          Password strength\n        </span>\n        <span className=\"text-xs text-neutral-500 dark:text-neutral-400\">\n          {getStrengthText(strength)}\n        </span>\n      </div>\n\n      {/* Strength Meter */}\n      <div className=\"flex space-x-1\">\n        {Array.from({ length: 4 }, (_, index) => (\n          <div\n            key={index}\n            className={`h-1 w-1/4 rounded-full transition-colors duration-300 ${\n              index < strength\n                ? getColor(strength)\n                : \"bg-neutral-300 dark:bg-neutral-600\"\n            }`}\n          />\n        ))}\n      </div>\n\n      <PasswordCriteria password={password} />\n    </div>\n  );\n}\n"],"mappings":";;;;AAMA,IAAa,oBAAoB,EAAE,eAAsC;AASvE,QACE,oBAAC,OAAD;EAAK,WAAU;YATA;GACf;IAAE,OAAO;IAAyB,KAAK,SAAS,UAAU;IAAG;GAC7D;IAAE,OAAO;IAA6B,KAAK,QAAQ,KAAK,SAAS;IAAE;GACnE;IAAE,OAAO;IAA6B,KAAK,QAAQ,KAAK,SAAS;IAAE;GACnE;IAAE,OAAO;IAAqB,KAAK,KAAK,KAAK,SAAS;IAAE;GACxD;IAAE,OAAO;IAA8B,KAAK,eAAe,KAAK,SAAS;IAAE;GAC5E,CAIa,KAAK,SACb,qBAAC,OAAD;GAAsB,WAAU;aAAhC,CACG,KAAK,MACJ,oBAAC,WAAD;IACE,WAAU;IACV,OAAM;IACN,CAAA,GAEF,oBAAC,WAAD;IACE,WAAU;IACV,OAAM;IACN,CAAA,EAEJ,oBAAC,QAAD;IACE,WACE,KAAK,MACD,mBACA;cAGL,KAAK;IACD,CAAA,CACH;KArBI,KAAK,MAqBT,CACN;EACE,CAAA;;;;ACjCV,SAAgB,sBAAsB,EACpC,YAC6B;CAE7B,MAAM,eAAe,SAAyB;EAC5C,MAAM,WAAW;GACf,WAAW,KAAK,UAAU;GAC1B,cAAc,QAAQ,KAAK,KAAK,IAAI,QAAQ,KAAK,KAAK;GACtD,WAAW,KAAK,KAAK,KAAK;GAC1B,gBAAgB,cAAc,KAAK,KAAK;GACzC;AAGD,SAAO,OAAO,OAAO,SAAS,CAAC,OAAO,QAAQ,CAAC;;CAIjD,MAAM,WAAW,cAAc,YAAY,SAAS,EAAE,CAAC,SAAS,CAAC;CAGjE,MAAM,YAAY,aAA6B;AAQ7C,SAPe;GACb;GACA;GACA;GACA;GACA;GACD,CACa,aAAa;;CAI7B,MAAM,mBAAmB,aAA6B;AAEpD,SADuB;GAAC;GAAa;GAAQ;GAAQ;GAAQ;GAAS,CAChD,aAAa;;AAGrC,QACE,qBAAC,OAAD;EAAK,WAAU;YAAf;GAEE,qBAAC,OAAD;IAAK,WAAU;cAAf,CACE,oBAAC,QAAD;KAAM,WAAU;eAAiD;KAE1D,CAAA,EACP,oBAAC,QAAD;KAAM,WAAU;eACb,gBAAgB,SAAS;KACrB,CAAA,CACH;;GAGN,oBAAC,OAAD;IAAK,WAAU;cACZ,MAAM,KAAK,EAAE,QAAQ,GAAG,GAAG,GAAG,UAC7B,oBAAC,OAAD,EAEE,WAAW,yDACT,QAAQ,WACJ,SAAS,SAAS,GAClB,wCAEN,EANK,MAML,CACF;IACE,CAAA;GAEN,oBAAC,kBAAD,EAA4B,UAAY,CAAA;GACpC"}

package/dist/chunks/radio-C-fPZgSY.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"radio-C-fPZgSY.mjs","names":[],"sources":["../../src/components/forms/radio/Radio.tsx"],"sourcesContent":["import type { RadioProps, RadioColor } from \"./types\";\nimport { forwardRef, useId } from \"react\";\n\nimport { mergeClassNames } from \"../../../utils\";\n\nconst sanitizeId = (value: string) => value.replace(/[^a-zA-Z0-9_-]/g, \"-\");\n\nconst colorValues: Record<RadioColor, string> = {\n  red: \"#ef4444\",\n  blue: \"#3b82f6\",\n  green: \"#22c55e\",\n  yellow: \"#eab308\",\n  teal: \"#14b8a6\",\n  primary: \"var(--color-primary)\",\n};\n\nexport const Radio = forwardRef<HTMLInputElement, RadioProps>(\n  (\n    {\n      className = \"\",\n      label,\n      error,\n      id,\n      color = \"blue\",\n      bgClassName = \"\",\n      ...props\n    },\n    ref,\n  ) => {\n    const generatedId = useId();\n    const radioId = id || `radio-${sanitizeId(generatedId)}`;\n\n    return (\n      <div className=\"flex items-center space-x-2\">\n        <input\n          ref={ref}\n          type=\"radio\"\n          id={radioId}\n          style={{ accentColor: colorValues[color] }}\n          className={mergeClassNames(\n            \"h-5 w-5 cursor-pointer disabled:cursor-not-allowed disabled:opacity-50\",\n            bgClassName,\n            className,\n          )}\n          {...props}\n        />\n        {label && (\n          <label\n            htmlFor={radioId}\n            className=\"text-sm font-medium leading-none cursor-pointer text-neutral-900 dark:text-white\"\n          >\n            {label}\n          </label>\n        )}\n        {error && (\n          <p className=\"text-sm font-medium text-red-500 mt-1\">{error}</p>\n        )}\n      </div>\n    );\n  },\n);\n\nRadio.displayName = \"Radio\";\n"],"mappings":";;;;AAKA,IAAM,cAAc,UAAkB,MAAM,QAAQ,mBAAmB,IAAI;AAE3E,IAAM,cAA0C;CAC9C,KAAK;CACL,MAAM;CACN,OAAO;CACP,QAAQ;CACR,MAAM;CACN,SAAS;CACV;AAED,IAAa,QAAQ,YAEjB,EACE,YAAY,IACZ,OACA,OACA,IACA,QAAQ,QACR,cAAc,IACd,GAAG,SAEL,QACG;CACH,MAAM,cAAc,OAAO;CAC3B,MAAM,UAAU,MAAM,SAAS,WAAW,YAAY;AAEtD,QACE,qBAAC,OAAD;EAAK,WAAU;YAAf;GACE,oBAAC,SAAD;IACO;IACL,MAAK;IACL,IAAI;IACJ,OAAO,EAAE,aAAa,YAAY,QAAQ;IAC1C,WAAW,gBACT,0EACA,aACA,UACD;IACD,GAAI;IACJ,CAAA;GACD,SACC,oBAAC,SAAD;IACE,SAAS;IACT,WAAU;cAET;IACK,CAAA;GAET,SACC,oBAAC,KAAD;IAAG,WAAU;cAAyC;IAAU,CAAA;GAE9D;;EAGX;AAED,MAAM,cAAc"}

package/dist/chunks/radio-mCgvEhOR.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"radio-mCgvEhOR.cjs","names":[],"sources":["../../src/components/forms/radio/Radio.tsx"],"sourcesContent":["import type { RadioProps, RadioColor } from \"./types\";\nimport { forwardRef, useId } from \"react\";\n\nimport { mergeClassNames } from \"../../../utils\";\n\nconst sanitizeId = (value: string) => value.replace(/[^a-zA-Z0-9_-]/g, \"-\");\n\nconst colorValues: Record<RadioColor, string> = {\n  red: \"#ef4444\",\n  blue: \"#3b82f6\",\n  green: \"#22c55e\",\n  yellow: \"#eab308\",\n  teal: \"#14b8a6\",\n  primary: \"var(--color-primary)\",\n};\n\nexport const Radio = forwardRef<HTMLInputElement, RadioProps>(\n  (\n    {\n      className = \"\",\n      label,\n      error,\n      id,\n      color = \"blue\",\n      bgClassName = \"\",\n      ...props\n    },\n    ref,\n  ) => {\n    const generatedId = useId();\n    const radioId = id || `radio-${sanitizeId(generatedId)}`;\n\n    return (\n      <div className=\"flex items-center space-x-2\">\n        <input\n          ref={ref}\n          type=\"radio\"\n          id={radioId}\n          style={{ accentColor: colorValues[color] }}\n          className={mergeClassNames(\n            \"h-5 w-5 cursor-pointer disabled:cursor-not-allowed disabled:opacity-50\",\n            bgClassName,\n            className,\n          )}\n          {...props}\n        />\n        {label && (\n          <label\n            htmlFor={radioId}\n            className=\"text-sm font-medium leading-none cursor-pointer text-neutral-900 dark:text-white\"\n          >\n            {label}\n          </label>\n        )}\n        {error && (\n          <p className=\"text-sm font-medium text-red-500 mt-1\">{error}</p>\n        )}\n      </div>\n    );\n  },\n);\n\nRadio.displayName = \"Radio\";\n"],"mappings":";;;;;AAKA,IAAM,cAAc,UAAkB,MAAM,QAAQ,mBAAmB,IAAI;AAE3E,IAAM,cAA0C;CAC9C,KAAK;CACL,MAAM;CACN,OAAO;CACP,QAAQ;CACR,MAAM;CACN,SAAS;CACV;AAED,IAAa,SAAA,GAAA,MAAA,aAET,EACE,YAAY,IACZ,OACA,OACA,IACA,QAAQ,QACR,cAAc,IACd,GAAG,SAEL,QACG;CACH,MAAM,eAAA,GAAA,MAAA,QAAqB;CAC3B,MAAM,UAAU,MAAM,SAAS,WAAW,YAAY;AAEtD,QACE,iBAAA,GAAA,kBAAA,MAAC,OAAD;EAAK,WAAU;YAAf;GACE,iBAAA,GAAA,kBAAA,KAAC,SAAD;IACO;IACL,MAAK;IACL,IAAI;IACJ,OAAO,EAAE,aAAa,YAAY,QAAQ;IAC1C,WAAW,cAAA,gBACT,0EACA,aACA,UACD;IACD,GAAI;IACJ,CAAA;GACD,SACC,iBAAA,GAAA,kBAAA,KAAC,SAAD;IACE,SAAS;IACT,WAAU;cAET;IACK,CAAA;GAET,SACC,iBAAA,GAAA,kBAAA,KAAC,KAAD;IAAG,WAAU;cAAyC;IAAU,CAAA;GAE9D;;EAGX;AAED,MAAM,cAAc"}

package/dist/chunks/select-BB-pOzI2.mjs

@@ -1,116 +0,0 @@
-import { n as mergeClassNames } from "./utils-ati1KkDb.mjs";
-import { W as CheckIcon, k as ChevronDownIcon } from "./icons-CrM6pFkv.mjs";
-import { forwardRef, useEffect, useRef, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/forms/select/Select.tsx
-var Select = forwardRef(({ className = "", label, error, helperText, options, value, onChange, placeholder = "Select...", disabled, bgClassName = "bg-white/40 dark:bg-zinc-950/40 backdrop-blur-xl", ...props }, ref) => {
-	const [open, setOpen] = useState(false);
-	const containerRef = useRef(null);
-	const hiddenSelectRef = useRef(null);
-	useEffect(() => {
-		if (ref && typeof ref === "function") ref(hiddenSelectRef.current);
-		else if (ref) ref.current = hiddenSelectRef.current;
-	}, [ref]);
-	useEffect(() => {
-		const handleClick = (e) => {
-			if (containerRef.current && !containerRef.current.contains(e.target)) setOpen(false);
-		};
-		if (open) document.addEventListener("mousedown", handleClick);
-		return () => document.removeEventListener("mousedown", handleClick);
-	}, [open]);
-	const selectedOption = options.find((opt) => opt.value === value);
-	const handleSelect = (optValue) => {
-		if (onChange && hiddenSelectRef.current) onChange({
-			target: {
-				value: optValue,
-				name: props.name
-			},
-			currentTarget: {
-				value: optValue,
-				name: props.name
-			}
-		});
-		setOpen(false);
-	};
-	return /* @__PURE__ */ jsxs("div", {
-		className: "w-full min-w-48",
-		children: [
-			label && /* @__PURE__ */ jsx("label", {
-				className: "text-sm font-medium text-neutral-900 dark:text-white leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 mb-2 block",
-				children: label
-			}),
-			/* @__PURE__ */ jsxs("select", {
-				ref: hiddenSelectRef,
-				className: "sr-only",
-				value,
-				onChange,
-				disabled,
-				...props,
-				children: [/* @__PURE__ */ jsx("option", {
-					value: "",
-					children: placeholder
-				}), options.map((option) => /* @__PURE__ */ jsx("option", {
-					value: option.value,
-					children: option.label
-				}, option.value))]
-			}),
-			/* @__PURE__ */ jsxs("div", {
-				ref: containerRef,
-				className: mergeClassNames("relative w-full", className),
-				children: [/* @__PURE__ */ jsxs("div", {
-					className: mergeClassNames("flex h-10 w-full cursor-pointer items-center justify-between rounded-md border px-3 py-2 text-sm text-neutral-900 dark:text-white transition shadow-sm", error ? "border-red-500 focus:ring-red-500" : "border-neutral-300 dark:border-neutral-600", disabled ? "cursor-not-allowed opacity-50" : `${bgClassName} hover:bg-white/60 dark:hover:bg-white/10`),
-					onClick: () => {
-						if (!disabled) setOpen((o) => !o);
-					},
-					children: [selectedOption ? /* @__PURE__ */ jsx("span", {
-						className: "text-neutral-900 dark:text-white flex-1 truncate",
-						children: selectedOption.label
-					}) : /* @__PURE__ */ jsx("span", {
-						className: "text-neutral-500 dark:text-neutral-400 flex-1",
-						children: placeholder
-					}), /* @__PURE__ */ jsx("span", {
-						className: mergeClassNames("ml-2 transition-transform duration-300", open ? "rotate-180" : "rotate-0"),
-						children: /* @__PURE__ */ jsx(ChevronDownIcon, {
-							width: 24,
-							height: 24,
-							color: "#a1a1a1"
-						})
-					})]
-				}), open && !disabled && /* @__PURE__ */ jsxs("div", {
-					className: mergeClassNames("absolute right-0 left-0 z-20 mt-1 flex max-h-60 flex-col rounded-md border border-neutral-200 dark:border-neutral-600 shadow-xl transition overflow-auto", bgClassName),
-					children: [options.length === 0 && /* @__PURE__ */ jsx("div", {
-						className: "px-3 py-2 text-neutral-500 dark:text-neutral-400",
-						children: "No options"
-					}), options.map((opt) => /* @__PURE__ */ jsxs("div", {
-						className: mergeClassNames("mx-1 my-1 flex cursor-pointer items-center gap-2 rounded-md px-3 py-2 text-sm text-neutral-900 dark:text-white transition", opt.value === value ? "bg-primary/20 font-semibold" : "", "hover:bg-primary hover:text-white"),
-						onClick: () => handleSelect(opt.value),
-						children: [/* @__PURE__ */ jsx("span", {
-							className: "flex w-5 items-center justify-center",
-							children: opt.value === value && /* @__PURE__ */ jsx(CheckIcon, {
-								className: "text-primary",
-								width: 18,
-								height: 18
-							})
-						}), /* @__PURE__ */ jsx("span", {
-							className: "min-w-0 flex-1 truncate",
-							children: opt.label
-						})]
-					}, opt.value))]
-				})]
-			}),
-			error && /* @__PURE__ */ jsx("p", {
-				className: "text-sm font-medium text-red-500 dark:text-red-400 mt-1",
-				children: error
-			}),
-			helperText && !error && /* @__PURE__ */ jsx("p", {
-				className: "text-sm text-neutral-500 dark:text-neutral-400 mt-1",
-				children: helperText
-			})
-		]
-	});
-});
-Select.displayName = "Select";
-//#endregion
-export { Select as t };
-
-//# sourceMappingURL=select-BB-pOzI2.mjs.map

package/dist/chunks/select-BB-pOzI2.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"select-BB-pOzI2.mjs","names":[],"sources":["../../src/components/forms/select/Select.tsx"],"sourcesContent":["import type { SelectProps } from \"./types\";\nimport { forwardRef, useState, useRef, useEffect } from \"react\";\nimport { CheckIcon, ChevronDownIcon } from \"../../icons\";\nimport { mergeClassNames } from \"../../../utils\";\n\nexport const Select = forwardRef<HTMLSelectElement, SelectProps>(\n  (\n    {\n      className = \"\",\n      label,\n      error,\n      helperText,\n      options,\n      value,\n      onChange,\n      placeholder = \"Select...\",\n      disabled,\n      bgClassName = \"bg-white/40 dark:bg-zinc-950/40 backdrop-blur-xl\",\n      ...props\n    },\n    ref,\n  ) => {\n    const [open, setOpen] = useState(false);\n    const containerRef = useRef<HTMLDivElement>(null);\n    const hiddenSelectRef = useRef<HTMLSelectElement>(null);\n\n    // Combine refs\n    useEffect(() => {\n      if (ref && typeof ref === \"function\") {\n        ref(hiddenSelectRef.current);\n      } else if (ref) {\n        (ref as React.MutableRefObject<HTMLSelectElement | null>).current =\n          hiddenSelectRef.current;\n      }\n    }, [ref]);\n\n    // Close dropdown on outside click\n    useEffect(() => {\n      const handleClick = (e: MouseEvent) => {\n        if (\n          containerRef.current &&\n          !containerRef.current.contains(e.target as Node)\n        ) {\n          setOpen(false);\n        }\n      };\n      if (open) {\n        document.addEventListener(\"mousedown\", handleClick);\n      }\n      return () => document.removeEventListener(\"mousedown\", handleClick);\n    }, [open]);\n\n    const selectedOption = options.find((opt) => opt.value === value);\n\n    const handleSelect = (optValue: string) => {\n      // Trigger onChange with a synthetic event\n      if (onChange && hiddenSelectRef.current) {\n        const event = {\n          target: { value: optValue, name: props.name },\n          currentTarget: { value: optValue, name: props.name },\n        } as React.ChangeEvent<HTMLSelectElement>;\n        onChange(event);\n      }\n      setOpen(false);\n    };\n\n    return (\n      <div className=\"w-full min-w-48\">\n        {label && (\n          <label className=\"text-sm font-medium text-neutral-900 dark:text-white leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 mb-2 block\">\n            {label}\n          </label>\n        )}\n\n        {/* Hidden native select for form compatibility */}\n        <select\n          ref={hiddenSelectRef}\n          className=\"sr-only\"\n          value={value}\n          onChange={onChange}\n          disabled={disabled}\n          {...props}\n        >\n          <option value=\"\">{placeholder}</option>\n          {options.map((option) => (\n            <option key={option.value} value={option.value}>\n              {option.label}\n            </option>\n          ))}\n        </select>\n\n        {/* Custom styled dropdown */}\n        <div\n          ref={containerRef}\n          className={mergeClassNames(\"relative w-full\", className)}\n        >\n          <div\n            className={mergeClassNames(\n              \"flex h-10 w-full cursor-pointer items-center justify-between rounded-md border px-3 py-2 text-sm text-neutral-900 dark:text-white transition shadow-sm\",\n              error\n                ? \"border-red-500 focus:ring-red-500\"\n                : \"border-neutral-300 dark:border-neutral-600\",\n              disabled\n                ? \"cursor-not-allowed opacity-50\"\n                : `${bgClassName} hover:bg-white/60 dark:hover:bg-white/10`,\n            )}\n            onClick={() => {\n              if (!disabled) {\n                setOpen((o) => !o);\n              }\n            }}\n          >\n            {selectedOption ? (\n              <span className=\"text-neutral-900 dark:text-white flex-1 truncate\">\n                {selectedOption.label}\n              </span>\n            ) : (\n              <span className=\"text-neutral-500 dark:text-neutral-400 flex-1\">\n                {placeholder}\n              </span>\n            )}\n            <span\n              className={mergeClassNames(\n                \"ml-2 transition-transform duration-300\",\n                open ? \"rotate-180\" : \"rotate-0\",\n              )}\n            >\n              <ChevronDownIcon width={24} height={24} color=\"#a1a1a1\" />\n            </span>\n          </div>\n\n          {open && !disabled && (\n            <div\n              className={mergeClassNames(\n                \"absolute right-0 left-0 z-20 mt-1 flex max-h-60 flex-col rounded-md border border-neutral-200 dark:border-neutral-600 shadow-xl transition overflow-auto\",\n                bgClassName,\n              )}\n            >\n              {options.length === 0 && (\n                <div className=\"px-3 py-2 text-neutral-500 dark:text-neutral-400\">\n                  No options\n                </div>\n              )}\n              {options.map((opt) => (\n                <div\n                  key={opt.value}\n                  className={mergeClassNames(\n                    \"mx-1 my-1 flex cursor-pointer items-center gap-2 rounded-md px-3 py-2 text-sm text-neutral-900 dark:text-white transition\",\n                    opt.value === value ? \"bg-primary/20 font-semibold\" : \"\",\n                    \"hover:bg-primary hover:text-white\",\n                  )}\n                  onClick={() => handleSelect(opt.value)}\n                >\n                  <span className=\"flex w-5 items-center justify-center\">\n                    {opt.value === value && (\n                      <CheckIcon\n                        className=\"text-primary\"\n                        width={18}\n                        height={18}\n                      />\n                    )}\n                  </span>\n                  <span className=\"min-w-0 flex-1 truncate\">{opt.label}</span>\n                </div>\n              ))}\n            </div>\n          )}\n        </div>\n\n        {error && (\n          <p className=\"text-sm font-medium text-red-500 dark:text-red-400 mt-1\">\n            {error}\n          </p>\n        )}\n        {helperText && !error && (\n          <p className=\"text-sm text-neutral-500 dark:text-neutral-400 mt-1\">\n            {helperText}\n          </p>\n        )}\n      </div>\n    );\n  },\n);\n\nSelect.displayName = \"Select\";\n"],"mappings":";;;;;AAKA,IAAa,SAAS,YAElB,EACE,YAAY,IACZ,OACA,OACA,YACA,SACA,OACA,UACA,cAAc,aACd,UACA,cAAc,oDACd,GAAG,SAEL,QACG;CACH,MAAM,CAAC,MAAM,WAAW,SAAS,MAAM;CACvC,MAAM,eAAe,OAAuB,KAAK;CACjD,MAAM,kBAAkB,OAA0B,KAAK;AAGvD,iBAAgB;AACd,MAAI,OAAO,OAAO,QAAQ,WACxB,KAAI,gBAAgB,QAAQ;WACnB,IACR,KAAyD,UACxD,gBAAgB;IAEnB,CAAC,IAAI,CAAC;AAGT,iBAAgB;EACd,MAAM,eAAe,MAAkB;AACrC,OACE,aAAa,WACb,CAAC,aAAa,QAAQ,SAAS,EAAE,OAAe,CAEhD,SAAQ,MAAM;;AAGlB,MAAI,KACF,UAAS,iBAAiB,aAAa,YAAY;AAErD,eAAa,SAAS,oBAAoB,aAAa,YAAY;IAClE,CAAC,KAAK,CAAC;CAEV,MAAM,iBAAiB,QAAQ,MAAM,QAAQ,IAAI,UAAU,MAAM;CAEjE,MAAM,gBAAgB,aAAqB;AAEzC,MAAI,YAAY,gBAAgB,QAK9B,UAJc;GACZ,QAAQ;IAAE,OAAO;IAAU,MAAM,MAAM;IAAM;GAC7C,eAAe;IAAE,OAAO;IAAU,MAAM,MAAM;IAAM;GACrD,CACc;AAEjB,UAAQ,MAAM;;AAGhB,QACE,qBAAC,OAAD;EAAK,WAAU;YAAf;GACG,SACC,oBAAC,SAAD;IAAO,WAAU;cACd;IACK,CAAA;GAIV,qBAAC,UAAD;IACE,KAAK;IACL,WAAU;IACH;IACG;IACA;IACV,GAAI;cANN,CAQE,oBAAC,UAAD;KAAQ,OAAM;eAAI;KAAqB,CAAA,EACtC,QAAQ,KAAK,WACZ,oBAAC,UAAD;KAA2B,OAAO,OAAO;eACtC,OAAO;KACD,EAFI,OAAO,MAEX,CACT,CACK;;GAGT,qBAAC,OAAD;IACE,KAAK;IACL,WAAW,gBAAgB,mBAAmB,UAAU;cAF1D,CAIE,qBAAC,OAAD;KACE,WAAW,gBACT,0JACA,QACI,sCACA,8CACJ,WACI,kCACA,GAAG,YAAY,2CACpB;KACD,eAAe;AACb,UAAI,CAAC,SACH,UAAS,MAAM,CAAC,EAAE;;eAZxB,CAgBG,iBACC,oBAAC,QAAD;MAAM,WAAU;gBACb,eAAe;MACX,CAAA,GAEP,oBAAC,QAAD;MAAM,WAAU;gBACb;MACI,CAAA,EAET,oBAAC,QAAD;MACE,WAAW,gBACT,0CACA,OAAO,eAAe,WACvB;gBAED,oBAAC,iBAAD;OAAiB,OAAO;OAAI,QAAQ;OAAI,OAAM;OAAY,CAAA;MACrD,CAAA,CACH;QAEL,QAAQ,CAAC,YACR,qBAAC,OAAD;KACE,WAAW,gBACT,4JACA,YACD;eAJH,CAMG,QAAQ,WAAW,KAClB,oBAAC,OAAD;MAAK,WAAU;gBAAmD;MAE5D,CAAA,EAEP,QAAQ,KAAK,QACZ,qBAAC,OAAD;MAEE,WAAW,gBACT,6HACA,IAAI,UAAU,QAAQ,gCAAgC,IACtD,oCACD;MACD,eAAe,aAAa,IAAI,MAAM;gBAPxC,CASE,oBAAC,QAAD;OAAM,WAAU;iBACb,IAAI,UAAU,SACb,oBAAC,WAAD;QACE,WAAU;QACV,OAAO;QACP,QAAQ;QACR,CAAA;OAEC,CAAA,EACP,oBAAC,QAAD;OAAM,WAAU;iBAA2B,IAAI;OAAa,CAAA,CACxD;QAlBC,IAAI,MAkBL,CACN,CACE;OAEJ;;GAEL,SACC,oBAAC,KAAD;IAAG,WAAU;cACV;IACC,CAAA;GAEL,cAAc,CAAC,SACd,oBAAC,KAAD;IAAG,WAAU;cACV;IACC,CAAA;GAEF;;EAGX;AAED,OAAO,cAAc"}

package/dist/chunks/select-BwelAQc1.cjs

@@ -1,122 +0,0 @@
-require("./chunk-B_GkZjkl.cjs");
-const require_utils = require("./utils-B4SmmY4J.cjs");
-const require_icons = require("./icons-DYkpqWYG.cjs");
-let react = require("react");
-let react_jsx_runtime = require("react/jsx-runtime");
-//#region src/components/forms/select/Select.tsx
-var Select = (0, react.forwardRef)(({ className = "", label, error, helperText, options, value, onChange, placeholder = "Select...", disabled, bgClassName = "bg-white/40 dark:bg-zinc-950/40 backdrop-blur-xl", ...props }, ref) => {
-	const [open, setOpen] = (0, react.useState)(false);
-	const containerRef = (0, react.useRef)(null);
-	const hiddenSelectRef = (0, react.useRef)(null);
-	(0, react.useEffect)(() => {
-		if (ref && typeof ref === "function") ref(hiddenSelectRef.current);
-		else if (ref) ref.current = hiddenSelectRef.current;
-	}, [ref]);
-	(0, react.useEffect)(() => {
-		const handleClick = (e) => {
-			if (containerRef.current && !containerRef.current.contains(e.target)) setOpen(false);
-		};
-		if (open) document.addEventListener("mousedown", handleClick);
-		return () => document.removeEventListener("mousedown", handleClick);
-	}, [open]);
-	const selectedOption = options.find((opt) => opt.value === value);
-	const handleSelect = (optValue) => {
-		if (onChange && hiddenSelectRef.current) onChange({
-			target: {
-				value: optValue,
-				name: props.name
-			},
-			currentTarget: {
-				value: optValue,
-				name: props.name
-			}
-		});
-		setOpen(false);
-	};
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: "w-full min-w-48",
-		children: [
-			label && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
-				className: "text-sm font-medium text-neutral-900 dark:text-white leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 mb-2 block",
-				children: label
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
-				ref: hiddenSelectRef,
-				className: "sr-only",
-				value,
-				onChange,
-				disabled,
-				...props,
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
-					value: "",
-					children: placeholder
-				}), options.map((option) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
-					value: option.value,
-					children: option.label
-				}, option.value))]
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				ref: containerRef,
-				className: require_utils.mergeClassNames("relative w-full", className),
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					className: require_utils.mergeClassNames("flex h-10 w-full cursor-pointer items-center justify-between rounded-md border px-3 py-2 text-sm text-neutral-900 dark:text-white transition shadow-sm", error ? "border-red-500 focus:ring-red-500" : "border-neutral-300 dark:border-neutral-600", disabled ? "cursor-not-allowed opacity-50" : `${bgClassName} hover:bg-white/60 dark:hover:bg-white/10`),
-					onClick: () => {
-						if (!disabled) setOpen((o) => !o);
-					},
-					children: [selectedOption ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-						className: "text-neutral-900 dark:text-white flex-1 truncate",
-						children: selectedOption.label
-					}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-						className: "text-neutral-500 dark:text-neutral-400 flex-1",
-						children: placeholder
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-						className: require_utils.mergeClassNames("ml-2 transition-transform duration-300", open ? "rotate-180" : "rotate-0"),
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_icons.ChevronDownIcon, {
-							width: 24,
-							height: 24,
-							color: "#a1a1a1"
-						})
-					})]
-				}), open && !disabled && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					className: require_utils.mergeClassNames("absolute right-0 left-0 z-20 mt-1 flex max-h-60 flex-col rounded-md border border-neutral-200 dark:border-neutral-600 shadow-xl transition overflow-auto", bgClassName),
-					children: [options.length === 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						className: "px-3 py-2 text-neutral-500 dark:text-neutral-400",
-						children: "No options"
-					}), options.map((opt) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: require_utils.mergeClassNames("mx-1 my-1 flex cursor-pointer items-center gap-2 rounded-md px-3 py-2 text-sm text-neutral-900 dark:text-white transition", opt.value === value ? "bg-primary/20 font-semibold" : "", "hover:bg-primary hover:text-white"),
-						onClick: () => handleSelect(opt.value),
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							className: "flex w-5 items-center justify-center",
-							children: opt.value === value && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_icons.CheckIcon, {
-								className: "text-primary",
-								width: 18,
-								height: 18
-							})
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							className: "min-w-0 flex-1 truncate",
-							children: opt.label
-						})]
-					}, opt.value))]
-				})]
-			}),
-			error && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-				className: "text-sm font-medium text-red-500 dark:text-red-400 mt-1",
-				children: error
-			}),
-			helperText && !error && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-				className: "text-sm text-neutral-500 dark:text-neutral-400 mt-1",
-				children: helperText
-			})
-		]
-	});
-});
-Select.displayName = "Select";
-//#endregion
-Object.defineProperty(exports, "Select", {
-	enumerable: true,
-	get: function() {
-		return Select;
-	}
-});
-
-//# sourceMappingURL=select-BwelAQc1.cjs.map

package/dist/chunks/select-BwelAQc1.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"select-BwelAQc1.cjs","names":[],"sources":["../../src/components/forms/select/Select.tsx"],"sourcesContent":["import type { SelectProps } from \"./types\";\nimport { forwardRef, useState, useRef, useEffect } from \"react\";\nimport { CheckIcon, ChevronDownIcon } from \"../../icons\";\nimport { mergeClassNames } from \"../../../utils\";\n\nexport const Select = forwardRef<HTMLSelectElement, SelectProps>(\n  (\n    {\n      className = \"\",\n      label,\n      error,\n      helperText,\n      options,\n      value,\n      onChange,\n      placeholder = \"Select...\",\n      disabled,\n      bgClassName = \"bg-white/40 dark:bg-zinc-950/40 backdrop-blur-xl\",\n      ...props\n    },\n    ref,\n  ) => {\n    const [open, setOpen] = useState(false);\n    const containerRef = useRef<HTMLDivElement>(null);\n    const hiddenSelectRef = useRef<HTMLSelectElement>(null);\n\n    // Combine refs\n    useEffect(() => {\n      if (ref && typeof ref === \"function\") {\n        ref(hiddenSelectRef.current);\n      } else if (ref) {\n        (ref as React.MutableRefObject<HTMLSelectElement | null>).current =\n          hiddenSelectRef.current;\n      }\n    }, [ref]);\n\n    // Close dropdown on outside click\n    useEffect(() => {\n      const handleClick = (e: MouseEvent) => {\n        if (\n          containerRef.current &&\n          !containerRef.current.contains(e.target as Node)\n        ) {\n          setOpen(false);\n        }\n      };\n      if (open) {\n        document.addEventListener(\"mousedown\", handleClick);\n      }\n      return () => document.removeEventListener(\"mousedown\", handleClick);\n    }, [open]);\n\n    const selectedOption = options.find((opt) => opt.value === value);\n\n    const handleSelect = (optValue: string) => {\n      // Trigger onChange with a synthetic event\n      if (onChange && hiddenSelectRef.current) {\n        const event = {\n          target: { value: optValue, name: props.name },\n          currentTarget: { value: optValue, name: props.name },\n        } as React.ChangeEvent<HTMLSelectElement>;\n        onChange(event);\n      }\n      setOpen(false);\n    };\n\n    return (\n      <div className=\"w-full min-w-48\">\n        {label && (\n          <label className=\"text-sm font-medium text-neutral-900 dark:text-white leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 mb-2 block\">\n            {label}\n          </label>\n        )}\n\n        {/* Hidden native select for form compatibility */}\n        <select\n          ref={hiddenSelectRef}\n          className=\"sr-only\"\n          value={value}\n          onChange={onChange}\n          disabled={disabled}\n          {...props}\n        >\n          <option value=\"\">{placeholder}</option>\n          {options.map((option) => (\n            <option key={option.value} value={option.value}>\n              {option.label}\n            </option>\n          ))}\n        </select>\n\n        {/* Custom styled dropdown */}\n        <div\n          ref={containerRef}\n          className={mergeClassNames(\"relative w-full\", className)}\n        >\n          <div\n            className={mergeClassNames(\n              \"flex h-10 w-full cursor-pointer items-center justify-between rounded-md border px-3 py-2 text-sm text-neutral-900 dark:text-white transition shadow-sm\",\n              error\n                ? \"border-red-500 focus:ring-red-500\"\n                : \"border-neutral-300 dark:border-neutral-600\",\n              disabled\n                ? \"cursor-not-allowed opacity-50\"\n                : `${bgClassName} hover:bg-white/60 dark:hover:bg-white/10`,\n            )}\n            onClick={() => {\n              if (!disabled) {\n                setOpen((o) => !o);\n              }\n            }}\n          >\n            {selectedOption ? (\n              <span className=\"text-neutral-900 dark:text-white flex-1 truncate\">\n                {selectedOption.label}\n              </span>\n            ) : (\n              <span className=\"text-neutral-500 dark:text-neutral-400 flex-1\">\n                {placeholder}\n              </span>\n            )}\n            <span\n              className={mergeClassNames(\n                \"ml-2 transition-transform duration-300\",\n                open ? \"rotate-180\" : \"rotate-0\",\n              )}\n            >\n              <ChevronDownIcon width={24} height={24} color=\"#a1a1a1\" />\n            </span>\n          </div>\n\n          {open && !disabled && (\n            <div\n              className={mergeClassNames(\n                \"absolute right-0 left-0 z-20 mt-1 flex max-h-60 flex-col rounded-md border border-neutral-200 dark:border-neutral-600 shadow-xl transition overflow-auto\",\n                bgClassName,\n              )}\n            >\n              {options.length === 0 && (\n                <div className=\"px-3 py-2 text-neutral-500 dark:text-neutral-400\">\n                  No options\n                </div>\n              )}\n              {options.map((opt) => (\n                <div\n                  key={opt.value}\n                  className={mergeClassNames(\n                    \"mx-1 my-1 flex cursor-pointer items-center gap-2 rounded-md px-3 py-2 text-sm text-neutral-900 dark:text-white transition\",\n                    opt.value === value ? \"bg-primary/20 font-semibold\" : \"\",\n                    \"hover:bg-primary hover:text-white\",\n                  )}\n                  onClick={() => handleSelect(opt.value)}\n                >\n                  <span className=\"flex w-5 items-center justify-center\">\n                    {opt.value === value && (\n                      <CheckIcon\n                        className=\"text-primary\"\n                        width={18}\n                        height={18}\n                      />\n                    )}\n                  </span>\n                  <span className=\"min-w-0 flex-1 truncate\">{opt.label}</span>\n                </div>\n              ))}\n            </div>\n          )}\n        </div>\n\n        {error && (\n          <p className=\"text-sm font-medium text-red-500 dark:text-red-400 mt-1\">\n            {error}\n          </p>\n        )}\n        {helperText && !error && (\n          <p className=\"text-sm text-neutral-500 dark:text-neutral-400 mt-1\">\n            {helperText}\n          </p>\n        )}\n      </div>\n    );\n  },\n);\n\nSelect.displayName = \"Select\";\n"],"mappings":"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"}

package/dist/chunks/splash-cursor-9BsoQZl0.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"splash-cursor-9BsoQZl0.mjs","names":[],"sources":["../../src/components/effects/splash-cursor/SplashCursor.tsx"],"sourcesContent":["import { useState, useEffect, useRef, useCallback } from \"react\";\nimport { motion, AnimatePresence } from \"framer-motion\";\nimport { mergeClassNames } from \"../../../utils\";\nimport type { SplashCursorProps, Particle } from \"./types\";\n\nconst sizeConfig = {\n  sm: { base: 20, variance: 10 },\n  md: { base: 40, variance: 20 },\n  lg: { base: 60, variance: 30 },\n  xl: { base: 100, variance: 50 },\n};\n\nconst defaultColors = [\n  \"#7367f0\",\n  \"#9b87f5\",\n  \"#6366f1\",\n  \"#8b5cf6\",\n  \"#a78bfa\",\n  \"#c4b5fd\",\n];\n\nexport const SplashCursor = ({\n  className,\n  color,\n  secondaryColor,\n  size = \"md\",\n  particleCount = 12,\n  enabled = true,\n  blur = 0,\n  opacity = 0.6,\n  duration = 800,\n  smooth = true,\n  smoothFactor = 0.15,\n  style,\n  children,\n  variant = \"splash\",\n}: SplashCursorProps) => {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const [particles, setParticles] = useState<Particle[]>([]);\n  const [mousePos, setMousePos] = useState({ x: 0, y: 0 });\n  const [smoothPos, setSmoothPos] = useState({ x: 0, y: 0 });\n  const [isInside, setIsInside] = useState(false);\n  const particleIdRef = useRef<number>(0);\n  const animationFrameRef = useRef<number | undefined>(undefined);\n\n  // Smooth cursor following\n  useEffect(() => {\n    if (!smooth || !enabled) return;\n\n    const animate = () => {\n      setSmoothPos((prev) => ({\n        x: prev.x + (mousePos.x - prev.x) * smoothFactor,\n        y: prev.y + (mousePos.y - prev.y) * smoothFactor,\n      }));\n      animationFrameRef.current = requestAnimationFrame(animate);\n    };\n\n    animationFrameRef.current = requestAnimationFrame(animate);\n    return () => {\n      if (animationFrameRef.current) {\n        cancelAnimationFrame(animationFrameRef.current);\n      }\n    };\n  }, [mousePos, smooth, smoothFactor, enabled]);\n\n  const getRandomColor = useCallback(() => {\n    if (color && secondaryColor) {\n      return Math.random() > 0.5 ? color : secondaryColor;\n    }\n    if (color) return color;\n    return defaultColors[Math.floor(Math.random() * defaultColors.length)];\n  }, [color, secondaryColor]);\n\n  const createParticles = useCallback(\n    (x: number, y: number) => {\n      const config = sizeConfig[size];\n      const newParticles: Particle[] = [];\n\n      for (let i = 0; i < particleCount; i++) {\n        const angle = (Math.PI * 2 * i) / particleCount;\n        const distance =\n          variant === \"ripple\" ? config.base : Math.random() * config.variance;\n\n        newParticles.push({\n          id: particleIdRef.current++,\n          x: x + Math.cos(angle) * distance * (variant === \"ripple\" ? 0 : 1),\n          y: y + Math.sin(angle) * distance * (variant === \"ripple\" ? 0 : 1),\n          size: config.base * 0.3 + Math.random() * config.base * 0.4,\n          opacity: opacity * (0.5 + Math.random() * 0.5),\n          color: getRandomColor(),\n        });\n      }\n\n      setParticles((prev) => [...prev.slice(-50), ...newParticles]);\n\n      // Remove particles after animation\n      setTimeout(() => {\n        setParticles((prev) =>\n          prev.filter((p) => !newParticles.find((np) => np.id === p.id)),\n        );\n      }, duration);\n    },\n    [size, particleCount, opacity, duration, getRandomColor, variant],\n  );\n\n  const handleMouseMove = useCallback(\n    (e: React.MouseEvent<HTMLDivElement>) => {\n      if (!enabled || !containerRef.current) return;\n\n      const rect = containerRef.current.getBoundingClientRect();\n      const x = e.clientX - rect.left;\n      const y = e.clientY - rect.top;\n\n      setMousePos({ x, y });\n\n      // Create splash effect on movement\n      if (variant === \"splash\" || variant === \"trail\") {\n        if (Math.random() > (variant === \"trail\" ? 0.7 : 0.85)) {\n          createParticles(x, y);\n        }\n      }\n    },\n    [enabled, createParticles, variant],\n  );\n\n  const handleClick = useCallback(\n    (e: React.MouseEvent<HTMLDivElement>) => {\n      if (!enabled || !containerRef.current) return;\n\n      const rect = containerRef.current.getBoundingClientRect();\n      const x = e.clientX - rect.left;\n      const y = e.clientY - rect.top;\n\n      // Create burst effect on click\n      createParticles(x, y);\n      if (variant === \"ripple\") {\n        setTimeout(() => createParticles(x, y), 100);\n        setTimeout(() => createParticles(x, y), 200);\n      }\n    },\n    [enabled, createParticles, variant],\n  );\n\n  const getParticleAnimation = (particle: Particle) => {\n    const config = sizeConfig[size];\n\n    switch (variant) {\n      case \"glow\":\n        return {\n          initial: { scale: 0, opacity: particle.opacity },\n          animate: { scale: 2, opacity: 0 },\n          exit: { scale: 3, opacity: 0 },\n        };\n      case \"trail\":\n        return {\n          initial: { scale: 1, opacity: particle.opacity, y: 0 },\n          animate: { scale: 0.5, opacity: 0, y: 20 },\n          exit: { scale: 0, opacity: 0 },\n        };\n      case \"ripple\":\n        return {\n          initial: { scale: 0, opacity: particle.opacity },\n          animate: { scale: 4, opacity: 0 },\n          exit: { scale: 5, opacity: 0 },\n        };\n      default: // splash\n        const angle = Math.random() * Math.PI * 2;\n        const distance = config.base + Math.random() * config.variance;\n        return {\n          initial: { scale: 0, opacity: particle.opacity, x: 0, y: 0 },\n          animate: {\n            scale: [0, 1.2, 0.8],\n            opacity: [particle.opacity, particle.opacity * 0.8, 0],\n            x: Math.cos(angle) * distance,\n            y: Math.sin(angle) * distance,\n          },\n          exit: { scale: 0, opacity: 0 },\n        };\n    }\n  };\n\n  const cursorPos = smooth ? smoothPos : mousePos;\n\n  return (\n    <div\n      ref={containerRef}\n      className={mergeClassNames(\"relative overflow-hidden\", className)}\n      style={style}\n      onMouseMove={handleMouseMove}\n      onMouseEnter={() => setIsInside(true)}\n      onMouseLeave={() => setIsInside(false)}\n      onClick={handleClick}\n    >\n      {/* Cursor glow effect */}\n      {enabled && isInside && variant === \"glow\" && (\n        <motion.div\n          className=\"pointer-events-none absolute z-10\"\n          style={{\n            left: cursorPos.x,\n            top: cursorPos.y,\n            width: sizeConfig[size].base * 2,\n            height: sizeConfig[size].base * 2,\n            transform: \"translate(-50%, -50%)\",\n            background: `radial-gradient(circle, ${color || defaultColors[0]}40 0%, transparent 70%)`,\n            filter: blur ? `blur(${blur}px)` : undefined,\n          }}\n          initial={{ scale: 0, opacity: 0 }}\n          animate={{ scale: 1, opacity: 1 }}\n          exit={{ scale: 0, opacity: 0 }}\n        />\n      )}\n\n      {/* Particles */}\n      <AnimatePresence>\n        {enabled &&\n          particles.map((particle) => {\n            const animation = getParticleAnimation(particle);\n            return (\n              <motion.div\n                key={particle.id}\n                className=\"pointer-events-none absolute rounded-full z-20\"\n                style={{\n                  left: particle.x,\n                  top: particle.y,\n                  width: particle.size,\n                  height: particle.size,\n                  backgroundColor: particle.color,\n                  transform: \"translate(-50%, -50%)\",\n                  filter: blur ? `blur(${blur}px)` : undefined,\n                }}\n                {...animation}\n                transition={{\n                  duration: duration / 1000,\n                  ease: \"easeOut\",\n                }}\n              />\n            );\n          })}\n      </AnimatePresence>\n\n      {/* Children content */}\n      <div className=\"relative z-0\">{children}</div>\n    </div>\n  );\n};\n\nSplashCursor.displayName = \"SplashCursor\";\n\nexport default SplashCursor;\n"],"mappings":"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"}

package/dist/chunks/splash-cursor-Dpzl_YXx.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"splash-cursor-Dpzl_YXx.cjs","names":[],"sources":["../../src/components/effects/splash-cursor/SplashCursor.tsx"],"sourcesContent":["import { useState, useEffect, useRef, useCallback } from \"react\";\nimport { motion, AnimatePresence } from \"framer-motion\";\nimport { mergeClassNames } from \"../../../utils\";\nimport type { SplashCursorProps, Particle } from \"./types\";\n\nconst sizeConfig = {\n  sm: { base: 20, variance: 10 },\n  md: { base: 40, variance: 20 },\n  lg: { base: 60, variance: 30 },\n  xl: { base: 100, variance: 50 },\n};\n\nconst defaultColors = [\n  \"#7367f0\",\n  \"#9b87f5\",\n  \"#6366f1\",\n  \"#8b5cf6\",\n  \"#a78bfa\",\n  \"#c4b5fd\",\n];\n\nexport const SplashCursor = ({\n  className,\n  color,\n  secondaryColor,\n  size = \"md\",\n  particleCount = 12,\n  enabled = true,\n  blur = 0,\n  opacity = 0.6,\n  duration = 800,\n  smooth = true,\n  smoothFactor = 0.15,\n  style,\n  children,\n  variant = \"splash\",\n}: SplashCursorProps) => {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const [particles, setParticles] = useState<Particle[]>([]);\n  const [mousePos, setMousePos] = useState({ x: 0, y: 0 });\n  const [smoothPos, setSmoothPos] = useState({ x: 0, y: 0 });\n  const [isInside, setIsInside] = useState(false);\n  const particleIdRef = useRef<number>(0);\n  const animationFrameRef = useRef<number | undefined>(undefined);\n\n  // Smooth cursor following\n  useEffect(() => {\n    if (!smooth || !enabled) return;\n\n    const animate = () => {\n      setSmoothPos((prev) => ({\n        x: prev.x + (mousePos.x - prev.x) * smoothFactor,\n        y: prev.y + (mousePos.y - prev.y) * smoothFactor,\n      }));\n      animationFrameRef.current = requestAnimationFrame(animate);\n    };\n\n    animationFrameRef.current = requestAnimationFrame(animate);\n    return () => {\n      if (animationFrameRef.current) {\n        cancelAnimationFrame(animationFrameRef.current);\n      }\n    };\n  }, [mousePos, smooth, smoothFactor, enabled]);\n\n  const getRandomColor = useCallback(() => {\n    if (color && secondaryColor) {\n      return Math.random() > 0.5 ? color : secondaryColor;\n    }\n    if (color) return color;\n    return defaultColors[Math.floor(Math.random() * defaultColors.length)];\n  }, [color, secondaryColor]);\n\n  const createParticles = useCallback(\n    (x: number, y: number) => {\n      const config = sizeConfig[size];\n      const newParticles: Particle[] = [];\n\n      for (let i = 0; i < particleCount; i++) {\n        const angle = (Math.PI * 2 * i) / particleCount;\n        const distance =\n          variant === \"ripple\" ? config.base : Math.random() * config.variance;\n\n        newParticles.push({\n          id: particleIdRef.current++,\n          x: x + Math.cos(angle) * distance * (variant === \"ripple\" ? 0 : 1),\n          y: y + Math.sin(angle) * distance * (variant === \"ripple\" ? 0 : 1),\n          size: config.base * 0.3 + Math.random() * config.base * 0.4,\n          opacity: opacity * (0.5 + Math.random() * 0.5),\n          color: getRandomColor(),\n        });\n      }\n\n      setParticles((prev) => [...prev.slice(-50), ...newParticles]);\n\n      // Remove particles after animation\n      setTimeout(() => {\n        setParticles((prev) =>\n          prev.filter((p) => !newParticles.find((np) => np.id === p.id)),\n        );\n      }, duration);\n    },\n    [size, particleCount, opacity, duration, getRandomColor, variant],\n  );\n\n  const handleMouseMove = useCallback(\n    (e: React.MouseEvent<HTMLDivElement>) => {\n      if (!enabled || !containerRef.current) return;\n\n      const rect = containerRef.current.getBoundingClientRect();\n      const x = e.clientX - rect.left;\n      const y = e.clientY - rect.top;\n\n      setMousePos({ x, y });\n\n      // Create splash effect on movement\n      if (variant === \"splash\" || variant === \"trail\") {\n        if (Math.random() > (variant === \"trail\" ? 0.7 : 0.85)) {\n          createParticles(x, y);\n        }\n      }\n    },\n    [enabled, createParticles, variant],\n  );\n\n  const handleClick = useCallback(\n    (e: React.MouseEvent<HTMLDivElement>) => {\n      if (!enabled || !containerRef.current) return;\n\n      const rect = containerRef.current.getBoundingClientRect();\n      const x = e.clientX - rect.left;\n      const y = e.clientY - rect.top;\n\n      // Create burst effect on click\n      createParticles(x, y);\n      if (variant === \"ripple\") {\n        setTimeout(() => createParticles(x, y), 100);\n        setTimeout(() => createParticles(x, y), 200);\n      }\n    },\n    [enabled, createParticles, variant],\n  );\n\n  const getParticleAnimation = (particle: Particle) => {\n    const config = sizeConfig[size];\n\n    switch (variant) {\n      case \"glow\":\n        return {\n          initial: { scale: 0, opacity: particle.opacity },\n          animate: { scale: 2, opacity: 0 },\n          exit: { scale: 3, opacity: 0 },\n        };\n      case \"trail\":\n        return {\n          initial: { scale: 1, opacity: particle.opacity, y: 0 },\n          animate: { scale: 0.5, opacity: 0, y: 20 },\n          exit: { scale: 0, opacity: 0 },\n        };\n      case \"ripple\":\n        return {\n          initial: { scale: 0, opacity: particle.opacity },\n          animate: { scale: 4, opacity: 0 },\n          exit: { scale: 5, opacity: 0 },\n        };\n      default: // splash\n        const angle = Math.random() * Math.PI * 2;\n        const distance = config.base + Math.random() * config.variance;\n        return {\n          initial: { scale: 0, opacity: particle.opacity, x: 0, y: 0 },\n          animate: {\n            scale: [0, 1.2, 0.8],\n            opacity: [particle.opacity, particle.opacity * 0.8, 0],\n            x: Math.cos(angle) * distance,\n            y: Math.sin(angle) * distance,\n          },\n          exit: { scale: 0, opacity: 0 },\n        };\n    }\n  };\n\n  const cursorPos = smooth ? smoothPos : mousePos;\n\n  return (\n    <div\n      ref={containerRef}\n      className={mergeClassNames(\"relative overflow-hidden\", className)}\n      style={style}\n      onMouseMove={handleMouseMove}\n      onMouseEnter={() => setIsInside(true)}\n      onMouseLeave={() => setIsInside(false)}\n      onClick={handleClick}\n    >\n      {/* Cursor glow effect */}\n      {enabled && isInside && variant === \"glow\" && (\n        <motion.div\n          className=\"pointer-events-none absolute z-10\"\n          style={{\n            left: cursorPos.x,\n            top: cursorPos.y,\n            width: sizeConfig[size].base * 2,\n            height: sizeConfig[size].base * 2,\n            transform: \"translate(-50%, -50%)\",\n            background: `radial-gradient(circle, ${color || defaultColors[0]}40 0%, transparent 70%)`,\n            filter: blur ? `blur(${blur}px)` : undefined,\n          }}\n          initial={{ scale: 0, opacity: 0 }}\n          animate={{ scale: 1, opacity: 1 }}\n          exit={{ scale: 0, opacity: 0 }}\n        />\n      )}\n\n      {/* Particles */}\n      <AnimatePresence>\n        {enabled &&\n          particles.map((particle) => {\n            const animation = getParticleAnimation(particle);\n            return (\n              <motion.div\n                key={particle.id}\n                className=\"pointer-events-none absolute rounded-full z-20\"\n                style={{\n                  left: particle.x,\n                  top: particle.y,\n                  width: particle.size,\n                  height: particle.size,\n                  backgroundColor: particle.color,\n                  transform: \"translate(-50%, -50%)\",\n                  filter: blur ? `blur(${blur}px)` : undefined,\n                }}\n                {...animation}\n                transition={{\n                  duration: duration / 1000,\n                  ease: \"easeOut\",\n                }}\n              />\n            );\n          })}\n      </AnimatePresence>\n\n      {/* Children content */}\n      <div className=\"relative z-0\">{children}</div>\n    </div>\n  );\n};\n\nSplashCursor.displayName = \"SplashCursor\";\n\nexport default SplashCursor;\n"],"mappings":"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"}