erp-pro-ui 0.1.4 → 0.1.6

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

@@ -1 +0,0 @@
-{"version":3,"file":"otp-input-DeAi4nJ_.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-input bg-background-secondary rounded-lg text-foreground\",\n    focus: \"focus:border-accent focus:ring-2 focus:ring-accent\",\n    error: \"border-destructive\",\n  },\n  filled: {\n    base: \"border border-transparent bg-accent-subtle rounded-lg text-foreground\",\n    focus:\n      \"focus:border-accent focus:bg-background-secondary focus:ring-2 focus:ring-accent\",\n    error: \"bg-danger-subtle border-danger-border\",\n  },\n  underlined: {\n    base: \"border-b-2 border-border-strong bg-transparent rounded-none text-foreground\",\n    focus: \"focus:border-accent\",\n    error: \"border-destructive\",\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              placeholder:text-muted-foreground\n              ${sizeStyles[size]}\n              ${variantStyles[variant].base}\n              ${!error ? variantStyles[variant].focus : \"\"}\n              ${error ? variantStyles[variant].error : \"\"}\n              ${disabled ? \"opacity-50 cursor-not-allowed bg-muted\" : \"\"}\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-destructive\">{errorMessage}</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-CbNSBuh_.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"password-strength-meter-CbNSBuh_.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 className=\"mr-2 size-4 text-success\" title=\"CheckIcon\" />\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-success\"\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-danger\",\n      \"bg-danger\",\n      \"bg-warning\",\n      \"bg-warning\",\n      \"bg-success\",\n    ];\n    return colors[strength] || \"bg-neutral-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;IAAW,WAAU;IAA2B,OAAM;IAAc,CAAA,GAEpE,oBAAC,WAAD;IACE,WAAU;IACV,OAAM;IACN,CAAA,EAEJ,oBAAC,QAAD;IACE,WACE,KAAK,MACD,iBACA;cAGL,KAAK;IACD,CAAA,CACH;KAlBI,KAAK,MAkBT,CACN;EACE,CAAA;;;;AC9BV,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/password-strength-meter-DxMV6GAs.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"password-strength-meter-DxMV6GAs.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 className=\"mr-2 size-4 text-success\" title=\"CheckIcon\" />\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-success\"\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-danger\",\n      \"bg-danger\",\n      \"bg-warning\",\n      \"bg-warning\",\n      \"bg-success\",\n    ];\n    return colors[strength] || \"bg-neutral-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;IAAW,WAAU;IAA2B,OAAM;IAAc,CAAA,GAEpE,iBAAA,GAAA,kBAAA,KAAC,cAAA,WAAD;IACE,WAAU;IACV,OAAM;IACN,CAAA,EAEJ,iBAAA,GAAA,kBAAA,KAAC,QAAD;IACE,WACE,KAAK,MACD,iBACA;cAGL,KAAK;IACD,CAAA,CACH;KAlBI,KAAK,MAkBT,CACN;EACE,CAAA;;;;AC9BV,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/progress-bar-B9sy7WBT.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"progress-bar-B9sy7WBT.mjs","names":[],"sources":["../../src/components/data-display/progress-bar/ProgressBar.tsx"],"sourcesContent":["import React from \"react\";\n\nexport type ProgressBarSize = \"sm\" | \"md\" | \"lg\";\nexport type ProgressBarTone =\n  | \"default\"\n  | \"success\"\n  | \"warning\"\n  | \"danger\"\n  | \"info\";\n\nexport interface ProgressBarProps {\n  value: number;\n  max?: number;\n  label?: React.ReactNode;\n  percentageLabel?: React.ReactNode;\n  showPercentage?: boolean;\n  size?: ProgressBarSize;\n  tone?: ProgressBarTone;\n  className?: string;\n  trackClassName?: string;\n  fillClassName?: string;\n  ariaLabel?: string;\n}\n\nconst sizeStyles: Record<\n  ProgressBarSize,\n  {\n    track: string;\n    label: string;\n    percentage: string;\n  }\n> = {\n  sm: {\n    track: \"h-1.5\",\n    label: \"text-xs\",\n    percentage: \"text-xs\",\n  },\n  md: {\n    track: \"h-2.5\",\n    label: \"text-sm\",\n    percentage: \"text-sm\",\n  },\n  lg: {\n    track: \"h-3.5\",\n    label: \"text-base\",\n    percentage: \"text-base\",\n  },\n};\n\nconst toneStyles: Record<\n  ProgressBarTone,\n  {\n    color: string;\n    trackBackground: string;\n  }\n> = {\n  default: {\n    color: \"var(--ds-chart-1)\",\n    trackBackground:\n      \"linear-gradient(90deg, rgba(15, 23, 42, 0.08) 0%, rgba(30, 41, 59, 0.14) 100%)\",\n  },\n  success: {\n    color: \"var(--ds-chart-3)\",\n    trackBackground:\n      \"linear-gradient(90deg, rgba(20, 83, 45, 0.12) 0%, rgba(34, 197, 94, 0.18) 100%)\",\n  },\n  warning: {\n    color: \"var(--ds-chart-4)\",\n    trackBackground:\n      \"linear-gradient(90deg, rgba(120, 53, 15, 0.12) 0%, rgba(245, 158, 11, 0.18) 100%)\",\n  },\n  danger: {\n    color: \"var(--ds-chart-5)\",\n    trackBackground:\n      \"linear-gradient(90deg, rgba(127, 29, 29, 0.12) 0%, rgba(239, 68, 68, 0.18) 100%)\",\n  },\n  info: {\n    color: \"var(--ds-chart-2)\",\n    trackBackground:\n      \"linear-gradient(90deg, rgba(30, 64, 175, 0.12) 0%, rgba(59, 130, 246, 0.18) 100%)\",\n  },\n};\n\nfunction clampValue(value: number, max: number): number {\n  if (!Number.isFinite(value)) {\n    return 0;\n  }\n\n  return Math.min(Math.max(value, 0), max);\n}\n\nexport default function ProgressBar({\n  value,\n  max = 100,\n  label,\n  percentageLabel,\n  showPercentage = true,\n  size = \"md\",\n  tone = \"default\",\n  className = \"\",\n  trackClassName = \"\",\n  fillClassName = \"\",\n  ariaLabel = \"Progress\",\n}: ProgressBarProps) {\n  const safeMax = Number.isFinite(max) && max > 0 ? max : 100;\n  const clampedValue = clampValue(value, safeMax);\n  const percentage = (clampedValue / safeMax) * 100;\n  const roundedPercentage = Math.round(percentage);\n  const toneStyle = toneStyles[tone];\n  const resolvedPercentageLabel = percentageLabel ?? `${roundedPercentage}%`;\n\n  return (\n    <div className={`w-full space-y-3 ${className}`}>\n      {(label || showPercentage) && (\n        <div className=\"flex items-center justify-between gap-4\">\n          <div\n            className={`font-mono font-semibold tracking-[0.08em] text-foreground ${sizeStyles[size].label}`}\n          >\n            {label}\n          </div>\n          {showPercentage && (\n            <div\n              className={`font-mono font-medium tracking-[0.08em] text-muted-foreground ${sizeStyles[size].percentage}`}\n            >\n              {resolvedPercentageLabel}\n            </div>\n          )}\n        </div>\n      )}\n\n      <div\n        role=\"progressbar\"\n        aria-label={ariaLabel}\n        aria-valuemin={0}\n        aria-valuemax={safeMax}\n        aria-valuenow={Math.round(clampedValue)}\n        aria-valuetext={`${roundedPercentage}%`}\n        className={`relative overflow-hidden rounded-full border border-white/12 bg-background-tertiary/80 shadow-[inset_0_1px_1px_rgba(255,255,255,0.2)] dark:border-white/6 ${sizeStyles[size].track} ${trackClassName}`}\n        style={{ background: toneStyle.trackBackground }}\n      >\n        <div\n          className={`h-full rounded-full transition-[width,filter,box-shadow] duration-500 ease-out ${fillClassName}`}\n          style={{\n            width: `${percentage}%`,\n            background: `linear-gradient(90deg, color-mix(in srgb, ${toneStyle.color} 68%, white 32%) 0%, ${toneStyle.color} 100%)`,\n            boxShadow: `inset 0 1px 0 rgba(255,255,255,0.4), 0 0 14px color-mix(in srgb, ${toneStyle.color} 32%, transparent)`,\n            filter: percentage > 0 ? \"saturate(1.05) brightness(1.02)\" : \"none\",\n          }}\n        />\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;AAwBA,IAAM,aAOF;CACF,IAAI;EACF,OAAO;EACP,OAAO;EACP,YAAY;EACb;CACD,IAAI;EACF,OAAO;EACP,OAAO;EACP,YAAY;EACb;CACD,IAAI;EACF,OAAO;EACP,OAAO;EACP,YAAY;EACb;CACF;AAED,IAAM,aAMF;CACF,SAAS;EACP,OAAO;EACP,iBACE;EACH;CACD,SAAS;EACP,OAAO;EACP,iBACE;EACH;CACD,SAAS;EACP,OAAO;EACP,iBACE;EACH;CACD,QAAQ;EACN,OAAO;EACP,iBACE;EACH;CACD,MAAM;EACJ,OAAO;EACP,iBACE;EACH;CACF;AAED,SAAS,WAAW,OAAe,KAAqB;AACtD,KAAI,CAAC,OAAO,SAAS,MAAM,CACzB,QAAO;AAGT,QAAO,KAAK,IAAI,KAAK,IAAI,OAAO,EAAE,EAAE,IAAI;;AAG1C,SAAwB,YAAY,EAClC,OACA,MAAM,KACN,OACA,iBACA,iBAAiB,MACjB,OAAO,MACP,OAAO,WACP,YAAY,IACZ,iBAAiB,IACjB,gBAAgB,IAChB,YAAY,cACO;CACnB,MAAM,UAAU,OAAO,SAAS,IAAI,IAAI,MAAM,IAAI,MAAM;CACxD,MAAM,eAAe,WAAW,OAAO,QAAQ;CAC/C,MAAM,aAAc,eAAe,UAAW;CAC9C,MAAM,oBAAoB,KAAK,MAAM,WAAW;CAChD,MAAM,YAAY,WAAW;CAC7B,MAAM,0BAA0B,mBAAmB,GAAG,kBAAkB;AAExE,QACE,qBAAC,OAAD;EAAK,WAAW,oBAAoB;YAApC,EACI,SAAS,mBACT,qBAAC,OAAD;GAAK,WAAU;aAAf,CACE,oBAAC,OAAD;IACE,WAAW,6DAA6D,WAAW,MAAM;cAExF;IACG,CAAA,EACL,kBACC,oBAAC,OAAD;IACE,WAAW,iEAAiE,WAAW,MAAM;cAE5F;IACG,CAAA,CAEJ;MAGR,oBAAC,OAAD;GACE,MAAK;GACL,cAAY;GACZ,iBAAe;GACf,iBAAe;GACf,iBAAe,KAAK,MAAM,aAAa;GACvC,kBAAgB,GAAG,kBAAkB;GACrC,WAAW,6JAA6J,WAAW,MAAM,MAAM,GAAG;GAClM,OAAO,EAAE,YAAY,UAAU,iBAAiB;aAEhD,oBAAC,OAAD;IACE,WAAW,kFAAkF;IAC7F,OAAO;KACL,OAAO,GAAG,WAAW;KACrB,YAAY,6CAA6C,UAAU,MAAM,uBAAuB,UAAU,MAAM;KAChH,WAAW,oEAAoE,UAAU,MAAM;KAC/F,QAAQ,aAAa,IAAI,oCAAoC;KAC9D;IACD,CAAA;GACE,CAAA,CACF"}

package/dist/chunks/progress-bar-BdvQtpm3.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"progress-bar-BdvQtpm3.cjs","names":[],"sources":["../../src/components/data-display/progress-bar/ProgressBar.tsx"],"sourcesContent":["import React from \"react\";\n\nexport type ProgressBarSize = \"sm\" | \"md\" | \"lg\";\nexport type ProgressBarTone =\n  | \"default\"\n  | \"success\"\n  | \"warning\"\n  | \"danger\"\n  | \"info\";\n\nexport interface ProgressBarProps {\n  value: number;\n  max?: number;\n  label?: React.ReactNode;\n  percentageLabel?: React.ReactNode;\n  showPercentage?: boolean;\n  size?: ProgressBarSize;\n  tone?: ProgressBarTone;\n  className?: string;\n  trackClassName?: string;\n  fillClassName?: string;\n  ariaLabel?: string;\n}\n\nconst sizeStyles: Record<\n  ProgressBarSize,\n  {\n    track: string;\n    label: string;\n    percentage: string;\n  }\n> = {\n  sm: {\n    track: \"h-1.5\",\n    label: \"text-xs\",\n    percentage: \"text-xs\",\n  },\n  md: {\n    track: \"h-2.5\",\n    label: \"text-sm\",\n    percentage: \"text-sm\",\n  },\n  lg: {\n    track: \"h-3.5\",\n    label: \"text-base\",\n    percentage: \"text-base\",\n  },\n};\n\nconst toneStyles: Record<\n  ProgressBarTone,\n  {\n    color: string;\n    trackBackground: string;\n  }\n> = {\n  default: {\n    color: \"var(--ds-chart-1)\",\n    trackBackground:\n      \"linear-gradient(90deg, rgba(15, 23, 42, 0.08) 0%, rgba(30, 41, 59, 0.14) 100%)\",\n  },\n  success: {\n    color: \"var(--ds-chart-3)\",\n    trackBackground:\n      \"linear-gradient(90deg, rgba(20, 83, 45, 0.12) 0%, rgba(34, 197, 94, 0.18) 100%)\",\n  },\n  warning: {\n    color: \"var(--ds-chart-4)\",\n    trackBackground:\n      \"linear-gradient(90deg, rgba(120, 53, 15, 0.12) 0%, rgba(245, 158, 11, 0.18) 100%)\",\n  },\n  danger: {\n    color: \"var(--ds-chart-5)\",\n    trackBackground:\n      \"linear-gradient(90deg, rgba(127, 29, 29, 0.12) 0%, rgba(239, 68, 68, 0.18) 100%)\",\n  },\n  info: {\n    color: \"var(--ds-chart-2)\",\n    trackBackground:\n      \"linear-gradient(90deg, rgba(30, 64, 175, 0.12) 0%, rgba(59, 130, 246, 0.18) 100%)\",\n  },\n};\n\nfunction clampValue(value: number, max: number): number {\n  if (!Number.isFinite(value)) {\n    return 0;\n  }\n\n  return Math.min(Math.max(value, 0), max);\n}\n\nexport default function ProgressBar({\n  value,\n  max = 100,\n  label,\n  percentageLabel,\n  showPercentage = true,\n  size = \"md\",\n  tone = \"default\",\n  className = \"\",\n  trackClassName = \"\",\n  fillClassName = \"\",\n  ariaLabel = \"Progress\",\n}: ProgressBarProps) {\n  const safeMax = Number.isFinite(max) && max > 0 ? max : 100;\n  const clampedValue = clampValue(value, safeMax);\n  const percentage = (clampedValue / safeMax) * 100;\n  const roundedPercentage = Math.round(percentage);\n  const toneStyle = toneStyles[tone];\n  const resolvedPercentageLabel = percentageLabel ?? `${roundedPercentage}%`;\n\n  return (\n    <div className={`w-full space-y-3 ${className}`}>\n      {(label || showPercentage) && (\n        <div className=\"flex items-center justify-between gap-4\">\n          <div\n            className={`font-mono font-semibold tracking-[0.08em] text-foreground ${sizeStyles[size].label}`}\n          >\n            {label}\n          </div>\n          {showPercentage && (\n            <div\n              className={`font-mono font-medium tracking-[0.08em] text-muted-foreground ${sizeStyles[size].percentage}`}\n            >\n              {resolvedPercentageLabel}\n            </div>\n          )}\n        </div>\n      )}\n\n      <div\n        role=\"progressbar\"\n        aria-label={ariaLabel}\n        aria-valuemin={0}\n        aria-valuemax={safeMax}\n        aria-valuenow={Math.round(clampedValue)}\n        aria-valuetext={`${roundedPercentage}%`}\n        className={`relative overflow-hidden rounded-full border border-white/12 bg-background-tertiary/80 shadow-[inset_0_1px_1px_rgba(255,255,255,0.2)] dark:border-white/6 ${sizeStyles[size].track} ${trackClassName}`}\n        style={{ background: toneStyle.trackBackground }}\n      >\n        <div\n          className={`h-full rounded-full transition-[width,filter,box-shadow] duration-500 ease-out ${fillClassName}`}\n          style={{\n            width: `${percentage}%`,\n            background: `linear-gradient(90deg, color-mix(in srgb, ${toneStyle.color} 68%, white 32%) 0%, ${toneStyle.color} 100%)`,\n            boxShadow: `inset 0 1px 0 rgba(255,255,255,0.4), 0 0 14px color-mix(in srgb, ${toneStyle.color} 32%, transparent)`,\n            filter: percentage > 0 ? \"saturate(1.05) brightness(1.02)\" : \"none\",\n          }}\n        />\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;AAwBA,IAAM,aAOF;CACF,IAAI;EACF,OAAO;EACP,OAAO;EACP,YAAY;EACb;CACD,IAAI;EACF,OAAO;EACP,OAAO;EACP,YAAY;EACb;CACD,IAAI;EACF,OAAO;EACP,OAAO;EACP,YAAY;EACb;CACF;AAED,IAAM,aAMF;CACF,SAAS;EACP,OAAO;EACP,iBACE;EACH;CACD,SAAS;EACP,OAAO;EACP,iBACE;EACH;CACD,SAAS;EACP,OAAO;EACP,iBACE;EACH;CACD,QAAQ;EACN,OAAO;EACP,iBACE;EACH;CACD,MAAM;EACJ,OAAO;EACP,iBACE;EACH;CACF;AAED,SAAS,WAAW,OAAe,KAAqB;AACtD,KAAI,CAAC,OAAO,SAAS,MAAM,CACzB,QAAO;AAGT,QAAO,KAAK,IAAI,KAAK,IAAI,OAAO,EAAE,EAAE,IAAI;;AAG1C,SAAwB,YAAY,EAClC,OACA,MAAM,KACN,OACA,iBACA,iBAAiB,MACjB,OAAO,MACP,OAAO,WACP,YAAY,IACZ,iBAAiB,IACjB,gBAAgB,IAChB,YAAY,cACO;CACnB,MAAM,UAAU,OAAO,SAAS,IAAI,IAAI,MAAM,IAAI,MAAM;CACxD,MAAM,eAAe,WAAW,OAAO,QAAQ;CAC/C,MAAM,aAAc,eAAe,UAAW;CAC9C,MAAM,oBAAoB,KAAK,MAAM,WAAW;CAChD,MAAM,YAAY,WAAW;CAC7B,MAAM,0BAA0B,mBAAmB,GAAG,kBAAkB;AAExE,QACE,iBAAA,GAAA,kBAAA,MAAC,OAAD;EAAK,WAAW,oBAAoB;YAApC,EACI,SAAS,mBACT,iBAAA,GAAA,kBAAA,MAAC,OAAD;GAAK,WAAU;aAAf,CACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;IACE,WAAW,6DAA6D,WAAW,MAAM;cAExF;IACG,CAAA,EACL,kBACC,iBAAA,GAAA,kBAAA,KAAC,OAAD;IACE,WAAW,iEAAiE,WAAW,MAAM;cAE5F;IACG,CAAA,CAEJ;MAGR,iBAAA,GAAA,kBAAA,KAAC,OAAD;GACE,MAAK;GACL,cAAY;GACZ,iBAAe;GACf,iBAAe;GACf,iBAAe,KAAK,MAAM,aAAa;GACvC,kBAAgB,GAAG,kBAAkB;GACrC,WAAW,6JAA6J,WAAW,MAAM,MAAM,GAAG;GAClM,OAAO,EAAE,YAAY,UAAU,iBAAiB;aAEhD,iBAAA,GAAA,kBAAA,KAAC,OAAD;IACE,WAAW,kFAAkF;IAC7F,OAAO;KACL,OAAO,GAAG,WAAW;KACrB,YAAY,6CAA6C,UAAU,MAAM,uBAAuB,UAAU,MAAM;KAChH,WAAW,oEAAoE,UAAU,MAAM;KAC/F,QAAQ,aAAa,IAAI,oCAAoC;KAC9D;IACD,CAAA;GACE,CAAA,CACF"}

package/dist/chunks/select-B8UQ6Uq5.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"select-B8UQ6Uq5.mjs","names":[],"sources":["../../src/components/forms/select/Select.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useEffect,\n  useRef,\n  useState,\n  type ChangeEvent,\n  type ForwardedRef,\n  type KeyboardEvent,\n  type MouseEvent as ReactMouseEvent,\n} from \"react\";\nimport { motion, useMotionTemplate, useMotionValue } from \"framer-motion\";\n\nimport { CheckIcon, ChevronDownIcon } from \"../../icons\";\nimport { mergeClassNames } from \"../../../utils\";\nimport type { SelectProps } from \"./types\";\n\nexport const Select = forwardRef(function SelectComponent(\n  {\n    className = \"\",\n    containerClassName = \"\",\n    triggerClassName = \"\",\n    dropdownClassName = \"\",\n    optionClassName = \"\",\n    label,\n    error,\n    helperText,\n    options,\n    value,\n    onChange,\n    placeholder = \"Select...\",\n    disabled,\n    bgClassName = \"bg-background-secondary\",\n    size = \"default\",\n    selectionIndicator = \"check\",\n    ...props\n  }: SelectProps,\n  ref: ForwardedRef<HTMLSelectElement>,\n) {\n  const [open, setOpen] = useState(false);\n  const [visible, setVisible] = useState(false);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const hiddenSelectRef = useRef<HTMLSelectElement>(null);\n  const selectedOptionRef = useRef<HTMLDivElement>(null);\n  const mouseX = useMotionValue(0);\n  const mouseY = useMotionValue(0);\n  const radius = 100;\n  const isCompact = size === \"compact\";\n  const selectedOption = options.find((option) => option.value === value);\n\n  useEffect(() => {\n    if (typeof ref === \"function\") {\n      ref(hiddenSelectRef.current);\n      return;\n    }\n\n    if (ref) {\n      ref.current = hiddenSelectRef.current;\n    }\n  }, [ref]);\n\n  useEffect(() => {\n    const handleClick = (event: MouseEvent) => {\n      if (\n        containerRef.current &&\n        !containerRef.current.contains(event.target as Node)\n      ) {\n        setOpen(false);\n      }\n    };\n\n    if (open) {\n      document.addEventListener(\"mousedown\", handleClick);\n    }\n\n    return () => {\n      document.removeEventListener(\"mousedown\", handleClick);\n    };\n  }, [open]);\n\n  useEffect(() => {\n    if (!open || !selectedOptionRef.current) {\n      return;\n    }\n\n    const frameId = window.requestAnimationFrame(() => {\n      selectedOptionRef.current?.scrollIntoView({ block: \"nearest\" });\n    });\n\n    return () => {\n      window.cancelAnimationFrame(frameId);\n    };\n  }, [open, value]);\n\n  const handleMouseMove = (event: ReactMouseEvent<HTMLDivElement>) => {\n    const { left, top } = event.currentTarget.getBoundingClientRect();\n    mouseX.set(event.clientX - left);\n    mouseY.set(event.clientY - top);\n  };\n\n  const handleSelect = (optionValue: string) => {\n    if (onChange && hiddenSelectRef.current) {\n      const syntheticEvent = {\n        target: { value: optionValue, name: props.name },\n        currentTarget: { value: optionValue, name: props.name },\n      } as ChangeEvent<HTMLSelectElement>;\n\n      onChange(syntheticEvent);\n    }\n\n    setOpen(false);\n  };\n\n  const handleKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n    if (disabled) {\n      return;\n    }\n\n    if (event.key === \"Enter\" || event.key === \" \") {\n      event.preventDefault();\n      setOpen((current) => !current);\n    }\n\n    if (event.key === \"Escape\") {\n      setOpen(false);\n    }\n  };\n\n  return (\n    <div\n      className={mergeClassNames(\n        \"w-full\",\n        isCompact ? \"min-w-0\" : \"min-w-48\",\n        containerClassName,\n      )}\n    >\n      {label ? (\n        <label className=\"mb-2 block text-sm leading-none font-medium text-foreground peer-disabled:cursor-not-allowed peer-disabled:opacity-70\">\n          {label}\n        </label>\n      ) : null}\n\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      <div\n        ref={containerRef}\n        className={mergeClassNames(\"relative w-full\", className)}\n      >\n        <motion.div\n          style={{\n            backgroundImage: disabled\n              ? \"none\"\n              : useMotionTemplate`\n                  radial-gradient(\n                    ${visible ? `${radius}px` : \"0px\"} circle at ${mouseX}px ${mouseY}px,\n                    var(--ds-color-accent),\n                    transparent 90%\n                  )\n                `,\n          }}\n          onMouseMove={!disabled ? handleMouseMove : undefined}\n          onMouseEnter={!disabled ? () => setVisible(true) : undefined}\n          onMouseLeave={!disabled ? () => setVisible(false) : undefined}\n          className={mergeClassNames(\n            \"group/select rounded-lg p-[2px] transition duration-300 hover:border-accent\",\n            disabled\n              ? \"border-none bg-muted\"\n              : error\n                ? \"border-destructive\"\n                : \"border-border\",\n          )}\n        >\n          <div\n            className={mergeClassNames(\n              \"flex w-full cursor-pointer items-center justify-between rounded-md border border-input transition duration-400 ease-in-out\",\n              isCompact ? \"h-9 px-2.5 py-2 text-sm\" : \"h-10 px-3 py-2 text-sm\",\n              bgClassName,\n              disabled ? \"cursor-not-allowed opacity-50\" : \"text-foreground\",\n              error\n                ? \"border-destructive text-destructive focus-visible:ring-destructive\"\n                : \"\",\n              triggerClassName,\n            )}\n            onClick={() => {\n              if (!disabled) {\n                setOpen((current) => !current);\n              }\n            }}\n            onKeyDown={handleKeyDown}\n            role=\"button\"\n            tabIndex={disabled ? -1 : 0}\n            aria-haspopup=\"listbox\"\n            aria-expanded={open}\n          >\n            {selectedOption ? (\n              <span className=\"min-w-0 flex-1 truncate text-foreground\">\n                {selectedOption.label}\n              </span>\n            ) : (\n              <span className=\"min-w-0 flex-1 truncate text-muted-foreground\">\n                {placeholder}\n              </span>\n            )}\n\n            <span\n              className={mergeClassNames(\n                \"ml-2 shrink-0 text-muted-foreground transition-transform duration-300\",\n                open ? \"rotate-180\" : \"rotate-0\",\n              )}\n            >\n              <ChevronDownIcon\n                width={24}\n                height={24}\n                color=\"currentColor\"\n                className={isCompact ? \"h-4 w-4\" : \"h-5 w-5\"}\n              />\n            </span>\n          </div>\n        </motion.div>\n\n        {open && !disabled ? (\n          <div\n            className={mergeClassNames(\n              \"absolute right-0 left-0 z-20 mt-1 flex flex-col overflow-auto rounded-lg border border-border bg-background-secondary shadow-3 backdrop-blur-xl transition\",\n              isCompact ? \"max-h-56\" : \"max-h-60\",\n              dropdownClassName,\n            )}\n          >\n            {options.length === 0 ? (\n              <div className=\"px-3 py-2 text-muted-foreground\">No options</div>\n            ) : null}\n\n            {options.map((option) => (\n              <div\n                key={option.value}\n                ref={option.value === value ? selectedOptionRef : null}\n                className={mergeClassNames(\n                  \"mx-1 my-1 flex cursor-pointer items-center rounded-md text-foreground transition\",\n                  isCompact\n                    ? \"gap-1.5 px-2.5 py-2 text-sm\"\n                    : \"gap-2 px-3 py-2 text-sm\",\n                  option.value === value\n                    ? \"bg-accent-subtle font-semibold text-accent\"\n                    : \"\",\n                  \"hover:bg-accent hover:text-on-accent\",\n                  optionClassName,\n                )}\n                onClick={() => handleSelect(option.value)}\n              >\n                {selectionIndicator === \"check\" ? (\n                  <span\n                    className={mergeClassNames(\n                      \"flex items-center justify-center\",\n                      isCompact ? \"w-4\" : \"w-5\",\n                    )}\n                  >\n                    {option.value === value ? (\n                      <CheckIcon\n                        className=\"text-accent\"\n                        width={isCompact ? 16 : 18}\n                        height={isCompact ? 16 : 18}\n                      />\n                    ) : null}\n                  </span>\n                ) : null}\n\n                <span className=\"min-w-0 flex-1 truncate\">{option.label}</span>\n              </div>\n            ))}\n          </div>\n        ) : null}\n      </div>\n\n      {error ? (\n        <p className=\"mt-1 text-sm font-medium text-destructive\">{error}</p>\n      ) : null}\n      {helperText && !error ? (\n        <p className=\"mt-1 text-sm text-muted-foreground\">{helperText}</p>\n      ) : null}\n    </div>\n  );\n});\n\nSelect.displayName = \"Select\";\n"],"mappings":"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"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"select-CCUSMvfS.cjs","names":[],"sources":["../../src/components/forms/select/Select.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useEffect,\n  useRef,\n  useState,\n  type ChangeEvent,\n  type ForwardedRef,\n  type KeyboardEvent,\n  type MouseEvent as ReactMouseEvent,\n} from \"react\";\nimport { motion, useMotionTemplate, useMotionValue } from \"framer-motion\";\n\nimport { CheckIcon, ChevronDownIcon } from \"../../icons\";\nimport { mergeClassNames } from \"../../../utils\";\nimport type { SelectProps } from \"./types\";\n\nexport const Select = forwardRef(function SelectComponent(\n  {\n    className = \"\",\n    containerClassName = \"\",\n    triggerClassName = \"\",\n    dropdownClassName = \"\",\n    optionClassName = \"\",\n    label,\n    error,\n    helperText,\n    options,\n    value,\n    onChange,\n    placeholder = \"Select...\",\n    disabled,\n    bgClassName = \"bg-background-secondary\",\n    size = \"default\",\n    selectionIndicator = \"check\",\n    ...props\n  }: SelectProps,\n  ref: ForwardedRef<HTMLSelectElement>,\n) {\n  const [open, setOpen] = useState(false);\n  const [visible, setVisible] = useState(false);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const hiddenSelectRef = useRef<HTMLSelectElement>(null);\n  const selectedOptionRef = useRef<HTMLDivElement>(null);\n  const mouseX = useMotionValue(0);\n  const mouseY = useMotionValue(0);\n  const radius = 100;\n  const isCompact = size === \"compact\";\n  const selectedOption = options.find((option) => option.value === value);\n\n  useEffect(() => {\n    if (typeof ref === \"function\") {\n      ref(hiddenSelectRef.current);\n      return;\n    }\n\n    if (ref) {\n      ref.current = hiddenSelectRef.current;\n    }\n  }, [ref]);\n\n  useEffect(() => {\n    const handleClick = (event: MouseEvent) => {\n      if (\n        containerRef.current &&\n        !containerRef.current.contains(event.target as Node)\n      ) {\n        setOpen(false);\n      }\n    };\n\n    if (open) {\n      document.addEventListener(\"mousedown\", handleClick);\n    }\n\n    return () => {\n      document.removeEventListener(\"mousedown\", handleClick);\n    };\n  }, [open]);\n\n  useEffect(() => {\n    if (!open || !selectedOptionRef.current) {\n      return;\n    }\n\n    const frameId = window.requestAnimationFrame(() => {\n      selectedOptionRef.current?.scrollIntoView({ block: \"nearest\" });\n    });\n\n    return () => {\n      window.cancelAnimationFrame(frameId);\n    };\n  }, [open, value]);\n\n  const handleMouseMove = (event: ReactMouseEvent<HTMLDivElement>) => {\n    const { left, top } = event.currentTarget.getBoundingClientRect();\n    mouseX.set(event.clientX - left);\n    mouseY.set(event.clientY - top);\n  };\n\n  const handleSelect = (optionValue: string) => {\n    if (onChange && hiddenSelectRef.current) {\n      const syntheticEvent = {\n        target: { value: optionValue, name: props.name },\n        currentTarget: { value: optionValue, name: props.name },\n      } as ChangeEvent<HTMLSelectElement>;\n\n      onChange(syntheticEvent);\n    }\n\n    setOpen(false);\n  };\n\n  const handleKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n    if (disabled) {\n      return;\n    }\n\n    if (event.key === \"Enter\" || event.key === \" \") {\n      event.preventDefault();\n      setOpen((current) => !current);\n    }\n\n    if (event.key === \"Escape\") {\n      setOpen(false);\n    }\n  };\n\n  return (\n    <div\n      className={mergeClassNames(\n        \"w-full\",\n        isCompact ? \"min-w-0\" : \"min-w-48\",\n        containerClassName,\n      )}\n    >\n      {label ? (\n        <label className=\"mb-2 block text-sm leading-none font-medium text-foreground peer-disabled:cursor-not-allowed peer-disabled:opacity-70\">\n          {label}\n        </label>\n      ) : null}\n\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      <div\n        ref={containerRef}\n        className={mergeClassNames(\"relative w-full\", className)}\n      >\n        <motion.div\n          style={{\n            backgroundImage: disabled\n              ? \"none\"\n              : useMotionTemplate`\n                  radial-gradient(\n                    ${visible ? `${radius}px` : \"0px\"} circle at ${mouseX}px ${mouseY}px,\n                    var(--ds-color-accent),\n                    transparent 90%\n                  )\n                `,\n          }}\n          onMouseMove={!disabled ? handleMouseMove : undefined}\n          onMouseEnter={!disabled ? () => setVisible(true) : undefined}\n          onMouseLeave={!disabled ? () => setVisible(false) : undefined}\n          className={mergeClassNames(\n            \"group/select rounded-lg p-[2px] transition duration-300 hover:border-accent\",\n            disabled\n              ? \"border-none bg-muted\"\n              : error\n                ? \"border-destructive\"\n                : \"border-border\",\n          )}\n        >\n          <div\n            className={mergeClassNames(\n              \"flex w-full cursor-pointer items-center justify-between rounded-md border border-input transition duration-400 ease-in-out\",\n              isCompact ? \"h-9 px-2.5 py-2 text-sm\" : \"h-10 px-3 py-2 text-sm\",\n              bgClassName,\n              disabled ? \"cursor-not-allowed opacity-50\" : \"text-foreground\",\n              error\n                ? \"border-destructive text-destructive focus-visible:ring-destructive\"\n                : \"\",\n              triggerClassName,\n            )}\n            onClick={() => {\n              if (!disabled) {\n                setOpen((current) => !current);\n              }\n            }}\n            onKeyDown={handleKeyDown}\n            role=\"button\"\n            tabIndex={disabled ? -1 : 0}\n            aria-haspopup=\"listbox\"\n            aria-expanded={open}\n          >\n            {selectedOption ? (\n              <span className=\"min-w-0 flex-1 truncate text-foreground\">\n                {selectedOption.label}\n              </span>\n            ) : (\n              <span className=\"min-w-0 flex-1 truncate text-muted-foreground\">\n                {placeholder}\n              </span>\n            )}\n\n            <span\n              className={mergeClassNames(\n                \"ml-2 shrink-0 text-muted-foreground transition-transform duration-300\",\n                open ? \"rotate-180\" : \"rotate-0\",\n              )}\n            >\n              <ChevronDownIcon\n                width={24}\n                height={24}\n                color=\"currentColor\"\n                className={isCompact ? \"h-4 w-4\" : \"h-5 w-5\"}\n              />\n            </span>\n          </div>\n        </motion.div>\n\n        {open && !disabled ? (\n          <div\n            className={mergeClassNames(\n              \"absolute right-0 left-0 z-20 mt-1 flex flex-col overflow-auto rounded-lg border border-border bg-background-secondary shadow-3 backdrop-blur-xl transition\",\n              isCompact ? \"max-h-56\" : \"max-h-60\",\n              dropdownClassName,\n            )}\n          >\n            {options.length === 0 ? (\n              <div className=\"px-3 py-2 text-muted-foreground\">No options</div>\n            ) : null}\n\n            {options.map((option) => (\n              <div\n                key={option.value}\n                ref={option.value === value ? selectedOptionRef : null}\n                className={mergeClassNames(\n                  \"mx-1 my-1 flex cursor-pointer items-center rounded-md text-foreground transition\",\n                  isCompact\n                    ? \"gap-1.5 px-2.5 py-2 text-sm\"\n                    : \"gap-2 px-3 py-2 text-sm\",\n                  option.value === value\n                    ? \"bg-accent-subtle font-semibold text-accent\"\n                    : \"\",\n                  \"hover:bg-accent hover:text-on-accent\",\n                  optionClassName,\n                )}\n                onClick={() => handleSelect(option.value)}\n              >\n                {selectionIndicator === \"check\" ? (\n                  <span\n                    className={mergeClassNames(\n                      \"flex items-center justify-center\",\n                      isCompact ? \"w-4\" : \"w-5\",\n                    )}\n                  >\n                    {option.value === value ? (\n                      <CheckIcon\n                        className=\"text-accent\"\n                        width={isCompact ? 16 : 18}\n                        height={isCompact ? 16 : 18}\n                      />\n                    ) : null}\n                  </span>\n                ) : null}\n\n                <span className=\"min-w-0 flex-1 truncate\">{option.label}</span>\n              </div>\n            ))}\n          </div>\n        ) : null}\n      </div>\n\n      {error ? (\n        <p className=\"mt-1 text-sm font-medium text-destructive\">{error}</p>\n      ) : null}\n      {helperText && !error ? (\n        <p className=\"mt-1 text-sm text-muted-foreground\">{helperText}</p>\n      ) : null}\n    </div>\n  );\n});\n\nSelect.displayName = \"Select\";\n"],"mappings":"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"}

package/dist/chunks/skeleton-BNea1Rcp.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"skeleton-BNea1Rcp.cjs","names":[],"sources":["../../src/components/data-display/skeleton/Skeleton.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef, CSSProperties } from \"react\";\n\nimport { mergeClassNames } from \"../../../utils\";\n\nexport type SkeletonVariant = \"text\" | \"circular\" | \"rectangular\" | \"rounded\";\nexport type SkeletonAnimation = \"pulse\" | \"wave\" | \"none\";\nexport type SkeletonTone =\n  | \"default\"\n  | \"subtle\"\n  | \"accent\"\n  | \"success\"\n  | \"warning\"\n  | \"danger\"\n  | \"info\";\nexport type SkeletonRadius = \"none\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"full\";\nexport type SkeletonSpeed = \"slow\" | \"normal\" | \"fast\";\n\ntype SkeletonCssVariables = CSSProperties &\n  Record<\n    \"--ui-skeleton-base\" | \"--ui-skeleton-highlight\" | \"--ui-skeleton-duration\",\n    string\n  >;\n\nexport interface SkeletonProps extends Omit<\n  ComponentPropsWithoutRef<\"div\">,\n  \"children\"\n> {\n  /** The variant shape of the skeleton */\n  variant?: SkeletonVariant;\n  /** The animation type */\n  animation?: SkeletonAnimation;\n  /** Width of the skeleton */\n  width?: number | string;\n  /** Height of the skeleton */\n  height?: number | string;\n  /** Border radius override */\n  borderRadius?: number | string;\n  /** Semantic radius preset */\n  radius?: SkeletonRadius;\n  /** Semantic tone preset */\n  tone?: SkeletonTone;\n  /** Animation speed preset or custom duration */\n  speed?: SkeletonSpeed | number | string;\n  /** Number of lines for text variant */\n  lines?: number;\n  /** Gap between lines */\n  lineGap?: number | string;\n  /** Whether the last line should be shorter */\n  lastLineWidth?: number | string;\n}\n\nexport interface SkeletonTextProps extends Omit<SkeletonProps, \"variant\"> {\n  /** Number of text lines */\n  lines?: number;\n}\n\nexport interface SkeletonAvatarProps extends Omit<\n  SkeletonProps,\n  \"variant\" | \"width\" | \"height\"\n> {\n  /** Size of the avatar */\n  size?: number | string;\n}\n\nexport interface SkeletonCardProps {\n  /** Whether to show image placeholder */\n  showImage?: boolean;\n  /** Image height */\n  imageHeight?: number | string;\n  /** Number of text lines */\n  lines?: number;\n  /** Whether to show avatar */\n  showAvatar?: boolean;\n  /** Whether to show action buttons */\n  showActions?: boolean;\n  /** Custom className */\n  className?: string;\n  /** Animation type */\n  animation?: SkeletonAnimation;\n  /** Semantic tone preset */\n  tone?: SkeletonTone;\n}\n\nexport interface SkeletonMetricCardProps {\n  /** Whether to show a compact trend badge */\n  showTrend?: boolean;\n  /** Whether to render spark bars */\n  showChart?: boolean;\n  /** Number of spark bars */\n  chartBars?: number;\n  /** Width for the value block */\n  valueWidth?: number | string;\n  /** Custom className */\n  className?: string;\n  /** Animation type */\n  animation?: SkeletonAnimation;\n  /** Semantic tone preset */\n  tone?: SkeletonTone;\n}\n\nconst animationStyles: Record<SkeletonAnimation, string> = {\n  pulse: \"ui-skeleton-pulse\",\n  wave: \"ui-skeleton-wave\",\n  none: \"\",\n};\n\nconst radiusStyles: Record<SkeletonRadius, string> = {\n  none: \"rounded-none\",\n  sm: \"rounded-sm\",\n  md: \"rounded-md\",\n  lg: \"rounded-lg\",\n  xl: \"rounded-xl\",\n  full: \"rounded-full\",\n};\n\nconst variantStyles: Record<SkeletonVariant, SkeletonRadius> = {\n  text: \"sm\",\n  circular: \"full\",\n  rectangular: \"none\",\n  rounded: \"md\",\n};\n\nconst speedStyles: Record<SkeletonSpeed, string> = {\n  slow: \"2.4s\",\n  normal: \"1.6s\",\n  fast: \"1.05s\",\n};\n\nconst toneStyles: Record<SkeletonTone, { base: string; highlight: string }> = {\n  default: {\n    base: \"var(--color-muted)\",\n    highlight:\n      \"color-mix(in oklch, var(--color-muted) 54%, var(--color-background))\",\n  },\n  subtle: {\n    base: \"color-mix(in oklch, var(--color-muted) 72%, var(--color-background))\",\n    highlight:\n      \"color-mix(in oklch, var(--color-muted) 42%, var(--color-background))\",\n  },\n  accent: {\n    base: \"var(--color-accent-subtle)\",\n    highlight:\n      \"color-mix(in oklch, var(--color-accent-subtle) 48%, var(--color-background))\",\n  },\n  success: {\n    base: \"var(--color-success-subtle)\",\n    highlight:\n      \"color-mix(in oklch, var(--color-success-subtle) 48%, var(--color-background))\",\n  },\n  warning: {\n    base: \"var(--color-warning-subtle)\",\n    highlight:\n      \"color-mix(in oklch, var(--color-warning-subtle) 48%, var(--color-background))\",\n  },\n  danger: {\n    base: \"var(--color-danger-subtle)\",\n    highlight:\n      \"color-mix(in oklch, var(--color-danger-subtle) 48%, var(--color-background))\",\n  },\n  info: {\n    base: \"var(--color-info-subtle)\",\n    highlight:\n      \"color-mix(in oklch, var(--color-info-subtle) 48%, var(--color-background))\",\n  },\n};\n\nfunction resolveDimension(value?: number | string): string | undefined {\n  if (typeof value === \"number\") {\n    return `${value}px`;\n  }\n\n  return value;\n}\n\nfunction resolveDuration(value: SkeletonProps[\"speed\"]): string {\n  if (typeof value === \"number\") {\n    return `${value}ms`;\n  }\n\n  if (typeof value === \"string\" && value in speedStyles) {\n    return speedStyles[value as SkeletonSpeed];\n  }\n\n  return value ?? speedStyles.normal;\n}\n\nfunction getDimensionStyle({\n  variant,\n  width,\n  height,\n  borderRadius,\n}: {\n  variant: SkeletonVariant;\n  width?: number | string;\n  height?: number | string;\n  borderRadius?: number | string;\n}): CSSProperties {\n  const nextStyle: CSSProperties = {};\n  const resolvedWidth = resolveDimension(width);\n  const resolvedHeight = resolveDimension(height);\n  const resolvedBorderRadius = resolveDimension(borderRadius);\n\n  if (resolvedWidth) {\n    nextStyle.width = resolvedWidth;\n  } else if (variant === \"text\") {\n    nextStyle.width = \"100%\";\n  }\n\n  if (resolvedHeight) {\n    nextStyle.height = resolvedHeight;\n  } else if (variant === \"text\") {\n    nextStyle.height = \"1em\";\n  } else if (variant === \"circular\") {\n    nextStyle.width = nextStyle.width || \"40px\";\n    nextStyle.height = nextStyle.width;\n  }\n\n  if (resolvedBorderRadius) {\n    nextStyle.borderRadius = resolvedBorderRadius;\n  }\n\n  return nextStyle;\n}\n\n// Base Skeleton Component\nconst Skeleton = forwardRef<HTMLDivElement, SkeletonProps>(\n  (\n    {\n      variant = \"text\",\n      animation = \"pulse\",\n      width,\n      height,\n      borderRadius,\n      radius,\n      tone = \"default\",\n      speed = \"normal\",\n      className,\n      lines = 1,\n      lineGap = 8,\n      lastLineWidth = \"80%\",\n      style,\n      [\"aria-hidden\"]: ariaHidden,\n      ...rest\n    },\n    ref,\n  ) => {\n    const toneStyle = toneStyles[tone];\n    const sharedStyle: SkeletonCssVariables = {\n      \"--ui-skeleton-base\": toneStyle.base,\n      \"--ui-skeleton-highlight\": toneStyle.highlight,\n      \"--ui-skeleton-duration\": resolveDuration(speed),\n      ...style,\n    };\n    const effectiveRadius = radius ?? variantStyles[variant];\n    const sharedClassName = mergeClassNames(\n      \"relative overflow-hidden bg-[var(--ui-skeleton-base)] pointer-events-none select-none shrink-0\",\n      radiusStyles[effectiveRadius],\n      animationStyles[animation],\n    );\n\n    if (variant === \"text\" && lines > 1) {\n      return (\n        <div\n          ref={ref}\n          className={mergeClassNames(\"flex flex-col\", className)}\n          style={{\n            ...style,\n            gap: resolveDimension(lineGap),\n            width: resolveDimension(width) ?? style?.width,\n          }}\n          aria-hidden={ariaHidden ?? true}\n          data-animation={animation}\n          data-tone={tone}\n          {...rest}\n        >\n          {Array.from({ length: lines }).map((_, index) => (\n            <div\n              key={index}\n              className={sharedClassName}\n              style={{\n                ...sharedStyle,\n                ...getDimensionStyle({\n                  variant,\n                  width:\n                    index === lines - 1 ? lastLineWidth : (width ?? \"100%\"),\n                  height,\n                  borderRadius,\n                }),\n              }}\n            />\n          ))}\n        </div>\n      );\n    }\n\n    return (\n      <div\n        ref={ref}\n        className={mergeClassNames(sharedClassName, className)}\n        style={{\n          ...sharedStyle,\n          ...getDimensionStyle({ variant, width, height, borderRadius }),\n        }}\n        aria-hidden={ariaHidden ?? true}\n        data-animation={animation}\n        data-tone={tone}\n        {...rest}\n      />\n    );\n  },\n);\n\nSkeleton.displayName = \"Skeleton\";\n\n// Skeleton Text Component\nconst SkeletonText = forwardRef<HTMLDivElement, SkeletonTextProps>(\n  ({ lines = 3, ...props }, ref) => {\n    return <Skeleton ref={ref} variant=\"text\" lines={lines} {...props} />;\n  },\n);\n\nSkeletonText.displayName = \"SkeletonText\";\n\n// Skeleton Avatar Component\nconst SkeletonAvatar = forwardRef<HTMLDivElement, SkeletonAvatarProps>(\n  ({ size = 40, animation = \"pulse\", className = \"\", ...props }, ref) => {\n    const sizeValue = typeof size === \"number\" ? `${size}px` : size;\n\n    return (\n      <Skeleton\n        ref={ref}\n        variant=\"circular\"\n        width={sizeValue}\n        height={sizeValue}\n        animation={animation}\n        className={className}\n        {...props}\n      />\n    );\n  },\n);\n\nSkeletonAvatar.displayName = \"SkeletonAvatar\";\n\n// Skeleton Button Component\nconst SkeletonButton = forwardRef<\n  HTMLDivElement,\n  Omit<SkeletonProps, \"variant\"> & { size?: \"sm\" | \"md\" | \"lg\" }\n>(({ size = \"md\", animation = \"pulse\", className = \"\", ...props }, ref) => {\n  const sizeStyles = {\n    sm: { width: 80, height: 32 },\n    md: { width: 100, height: 40 },\n    lg: { width: 120, height: 48 },\n  };\n\n  return (\n    <Skeleton\n      ref={ref}\n      variant=\"rounded\"\n      width={sizeStyles[size].width}\n      height={sizeStyles[size].height}\n      animation={animation}\n      className={className}\n      {...props}\n    />\n  );\n});\n\nSkeletonButton.displayName = \"SkeletonButton\";\n\n// Skeleton Image Component\nconst SkeletonImage = forwardRef<\n  HTMLDivElement,\n  Omit<SkeletonProps, \"variant\">\n>(\n  (\n    {\n      width = \"100%\",\n      height = 200,\n      animation = \"pulse\",\n      className = \"\",\n      ...props\n    },\n    ref,\n  ) => {\n    return (\n      <Skeleton\n        ref={ref}\n        variant=\"rounded\"\n        width={width}\n        height={height}\n        animation={animation}\n        className={className}\n        {...props}\n      />\n    );\n  },\n);\n\nSkeletonImage.displayName = \"SkeletonImage\";\n\n// Skeleton Card Component\nconst SkeletonCard = forwardRef<HTMLDivElement, SkeletonCardProps>(\n  (\n    {\n      showImage = true,\n      imageHeight = 200,\n      lines = 3,\n      showAvatar = false,\n      showActions = false,\n      className,\n      animation = \"pulse\",\n      tone = \"default\",\n    },\n    ref,\n  ) => {\n    return (\n      <div\n        ref={ref}\n        className={mergeClassNames(\n          \"overflow-hidden rounded-md border border-border bg-card shadow-sm\",\n          className,\n        )}\n      >\n        {showImage && (\n          <SkeletonImage\n            height={imageHeight}\n            animation={animation}\n            borderRadius={0}\n            tone={tone}\n          />\n        )}\n\n        <div className=\"p-4 flex flex-col gap-4\">\n          {showAvatar && (\n            <div className=\"flex items-center gap-3\">\n              <SkeletonAvatar size={40} animation={animation} tone={tone} />\n              <div className=\"flex-1\">\n                <Skeleton\n                  variant=\"text\"\n                  width=\"60%\"\n                  height={14}\n                  animation={animation}\n                  tone={tone}\n                />\n                <Skeleton\n                  variant=\"text\"\n                  width=\"40%\"\n                  height={12}\n                  animation={animation}\n                  tone={tone}\n                  className=\"mt-2\"\n                />\n              </div>\n            </div>\n          )}\n\n          <SkeletonText\n            lines={lines}\n            animation={animation}\n            height={14}\n            lineGap={10}\n            tone={tone}\n          />\n\n          {showActions && (\n            <div className=\"flex gap-3 mt-2\">\n              <SkeletonButton size=\"sm\" animation={animation} tone={tone} />\n              <SkeletonButton size=\"sm\" animation={animation} tone={tone} />\n            </div>\n          )}\n        </div>\n      </div>\n    );\n  },\n);\n\nSkeletonCard.displayName = \"SkeletonCard\";\n\n// Skeleton Metric Card Component\nconst SkeletonMetricCard = forwardRef<HTMLDivElement, SkeletonMetricCardProps>(\n  (\n    {\n      showTrend = true,\n      showChart = true,\n      chartBars = 7,\n      valueWidth = \"52%\",\n      className,\n      animation = \"wave\",\n      tone = \"accent\",\n    },\n    ref,\n  ) => {\n    const chartHeights = [36, 52, 46, 72, 64, 84, 68, 78];\n\n    return (\n      <div\n        ref={ref}\n        className={mergeClassNames(\n          \"rounded-md border border-border bg-card p-4 shadow-sm\",\n          className,\n        )}\n      >\n        <div className=\"flex items-start justify-between gap-4\">\n          <div className=\"min-w-0 flex-1 space-y-3\">\n            <Skeleton\n              width=\"34%\"\n              height={11}\n              animation={animation}\n              tone=\"subtle\"\n            />\n            <Skeleton\n              width={valueWidth}\n              height={28}\n              animation={animation}\n              tone={tone}\n              radius=\"md\"\n            />\n            <Skeleton\n              width=\"44%\"\n              height={12}\n              animation={animation}\n              tone=\"subtle\"\n            />\n          </div>\n\n          {showTrend ? (\n            <div className=\"rounded-full border border-border bg-surface px-3 py-2\">\n              <Skeleton\n                width={54}\n                height={12}\n                animation={animation}\n                tone=\"subtle\"\n              />\n            </div>\n          ) : null}\n        </div>\n\n        {showChart ? (\n          <div className=\"mt-5 flex h-20 items-end gap-2\">\n            {Array.from({ length: chartBars }).map((_, index) => (\n              <Skeleton\n                key={index}\n                variant=\"rounded\"\n                width=\"100%\"\n                height={`${chartHeights[index % chartHeights.length]}%`}\n                animation={animation}\n                tone={tone}\n                className=\"flex-1\"\n              />\n            ))}\n          </div>\n        ) : null}\n      </div>\n    );\n  },\n);\n\nSkeletonMetricCard.displayName = \"SkeletonMetricCard\";\n\n// Skeleton Table Row Component\nconst SkeletonTableRow = forwardRef<\n  HTMLDivElement,\n  { columns?: number; animation?: SkeletonAnimation; className?: string }\n>(({ columns = 4, animation = \"pulse\", className = \"\" }, ref) => {\n  const sharedWidth =\n    columns <= 1 ? \"100%\" : `${Math.floor(72 / (columns - 1))}%`;\n\n  return (\n    <div ref={ref} className={`flex items-center gap-4 py-3 ${className}`}>\n      {Array.from({ length: columns }).map((_, index) => (\n        <Skeleton\n          key={index}\n          variant=\"text\"\n          width={index === 0 ? \"28%\" : sharedWidth}\n          height={16}\n          animation={animation}\n        />\n      ))}\n    </div>\n  );\n});\n\nSkeletonTableRow.displayName = \"SkeletonTableRow\";\n\n// Skeleton List Item Component\nconst SkeletonListItem = forwardRef<\n  HTMLDivElement,\n  {\n    showAvatar?: boolean;\n    showSecondaryText?: boolean;\n    showAction?: boolean;\n    animation?: SkeletonAnimation;\n    className?: string;\n  }\n>(\n  (\n    {\n      showAvatar = true,\n      showSecondaryText = true,\n      showAction = false,\n      animation = \"pulse\",\n      className = \"\",\n    },\n    ref,\n  ) => {\n    return (\n      <div ref={ref} className={`flex items-center gap-3 py-3 ${className}`}>\n        {showAvatar && <SkeletonAvatar size={48} animation={animation} />}\n        <div className=\"flex-1\">\n          <Skeleton\n            variant=\"text\"\n            width=\"70%\"\n            height={16}\n            animation={animation}\n          />\n          {showSecondaryText && (\n            <Skeleton\n              variant=\"text\"\n              width=\"50%\"\n              height={14}\n              animation={animation}\n              className=\"mt-2\"\n            />\n          )}\n        </div>\n        {showAction && <SkeletonButton size=\"sm\" animation={animation} />}\n      </div>\n    );\n  },\n);\n\nSkeletonListItem.displayName = \"SkeletonListItem\";\n\nexport default Skeleton;\nexport {\n  Skeleton,\n  SkeletonText,\n  SkeletonAvatar,\n  SkeletonButton,\n  SkeletonImage,\n  SkeletonCard,\n  SkeletonMetricCard,\n  SkeletonTableRow,\n  SkeletonListItem,\n};\n"],"mappings":"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"}

package/dist/chunks/skeleton-CtLumdRw.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"skeleton-CtLumdRw.mjs","names":[],"sources":["../../src/components/data-display/skeleton/Skeleton.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef, CSSProperties } from \"react\";\n\nimport { mergeClassNames } from \"../../../utils\";\n\nexport type SkeletonVariant = \"text\" | \"circular\" | \"rectangular\" | \"rounded\";\nexport type SkeletonAnimation = \"pulse\" | \"wave\" | \"none\";\nexport type SkeletonTone =\n  | \"default\"\n  | \"subtle\"\n  | \"accent\"\n  | \"success\"\n  | \"warning\"\n  | \"danger\"\n  | \"info\";\nexport type SkeletonRadius = \"none\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"full\";\nexport type SkeletonSpeed = \"slow\" | \"normal\" | \"fast\";\n\ntype SkeletonCssVariables = CSSProperties &\n  Record<\n    \"--ui-skeleton-base\" | \"--ui-skeleton-highlight\" | \"--ui-skeleton-duration\",\n    string\n  >;\n\nexport interface SkeletonProps extends Omit<\n  ComponentPropsWithoutRef<\"div\">,\n  \"children\"\n> {\n  /** The variant shape of the skeleton */\n  variant?: SkeletonVariant;\n  /** The animation type */\n  animation?: SkeletonAnimation;\n  /** Width of the skeleton */\n  width?: number | string;\n  /** Height of the skeleton */\n  height?: number | string;\n  /** Border radius override */\n  borderRadius?: number | string;\n  /** Semantic radius preset */\n  radius?: SkeletonRadius;\n  /** Semantic tone preset */\n  tone?: SkeletonTone;\n  /** Animation speed preset or custom duration */\n  speed?: SkeletonSpeed | number | string;\n  /** Number of lines for text variant */\n  lines?: number;\n  /** Gap between lines */\n  lineGap?: number | string;\n  /** Whether the last line should be shorter */\n  lastLineWidth?: number | string;\n}\n\nexport interface SkeletonTextProps extends Omit<SkeletonProps, \"variant\"> {\n  /** Number of text lines */\n  lines?: number;\n}\n\nexport interface SkeletonAvatarProps extends Omit<\n  SkeletonProps,\n  \"variant\" | \"width\" | \"height\"\n> {\n  /** Size of the avatar */\n  size?: number | string;\n}\n\nexport interface SkeletonCardProps {\n  /** Whether to show image placeholder */\n  showImage?: boolean;\n  /** Image height */\n  imageHeight?: number | string;\n  /** Number of text lines */\n  lines?: number;\n  /** Whether to show avatar */\n  showAvatar?: boolean;\n  /** Whether to show action buttons */\n  showActions?: boolean;\n  /** Custom className */\n  className?: string;\n  /** Animation type */\n  animation?: SkeletonAnimation;\n  /** Semantic tone preset */\n  tone?: SkeletonTone;\n}\n\nexport interface SkeletonMetricCardProps {\n  /** Whether to show a compact trend badge */\n  showTrend?: boolean;\n  /** Whether to render spark bars */\n  showChart?: boolean;\n  /** Number of spark bars */\n  chartBars?: number;\n  /** Width for the value block */\n  valueWidth?: number | string;\n  /** Custom className */\n  className?: string;\n  /** Animation type */\n  animation?: SkeletonAnimation;\n  /** Semantic tone preset */\n  tone?: SkeletonTone;\n}\n\nconst animationStyles: Record<SkeletonAnimation, string> = {\n  pulse: \"ui-skeleton-pulse\",\n  wave: \"ui-skeleton-wave\",\n  none: \"\",\n};\n\nconst radiusStyles: Record<SkeletonRadius, string> = {\n  none: \"rounded-none\",\n  sm: \"rounded-sm\",\n  md: \"rounded-md\",\n  lg: \"rounded-lg\",\n  xl: \"rounded-xl\",\n  full: \"rounded-full\",\n};\n\nconst variantStyles: Record<SkeletonVariant, SkeletonRadius> = {\n  text: \"sm\",\n  circular: \"full\",\n  rectangular: \"none\",\n  rounded: \"md\",\n};\n\nconst speedStyles: Record<SkeletonSpeed, string> = {\n  slow: \"2.4s\",\n  normal: \"1.6s\",\n  fast: \"1.05s\",\n};\n\nconst toneStyles: Record<SkeletonTone, { base: string; highlight: string }> = {\n  default: {\n    base: \"var(--color-muted)\",\n    highlight:\n      \"color-mix(in oklch, var(--color-muted) 54%, var(--color-background))\",\n  },\n  subtle: {\n    base: \"color-mix(in oklch, var(--color-muted) 72%, var(--color-background))\",\n    highlight:\n      \"color-mix(in oklch, var(--color-muted) 42%, var(--color-background))\",\n  },\n  accent: {\n    base: \"var(--color-accent-subtle)\",\n    highlight:\n      \"color-mix(in oklch, var(--color-accent-subtle) 48%, var(--color-background))\",\n  },\n  success: {\n    base: \"var(--color-success-subtle)\",\n    highlight:\n      \"color-mix(in oklch, var(--color-success-subtle) 48%, var(--color-background))\",\n  },\n  warning: {\n    base: \"var(--color-warning-subtle)\",\n    highlight:\n      \"color-mix(in oklch, var(--color-warning-subtle) 48%, var(--color-background))\",\n  },\n  danger: {\n    base: \"var(--color-danger-subtle)\",\n    highlight:\n      \"color-mix(in oklch, var(--color-danger-subtle) 48%, var(--color-background))\",\n  },\n  info: {\n    base: \"var(--color-info-subtle)\",\n    highlight:\n      \"color-mix(in oklch, var(--color-info-subtle) 48%, var(--color-background))\",\n  },\n};\n\nfunction resolveDimension(value?: number | string): string | undefined {\n  if (typeof value === \"number\") {\n    return `${value}px`;\n  }\n\n  return value;\n}\n\nfunction resolveDuration(value: SkeletonProps[\"speed\"]): string {\n  if (typeof value === \"number\") {\n    return `${value}ms`;\n  }\n\n  if (typeof value === \"string\" && value in speedStyles) {\n    return speedStyles[value as SkeletonSpeed];\n  }\n\n  return value ?? speedStyles.normal;\n}\n\nfunction getDimensionStyle({\n  variant,\n  width,\n  height,\n  borderRadius,\n}: {\n  variant: SkeletonVariant;\n  width?: number | string;\n  height?: number | string;\n  borderRadius?: number | string;\n}): CSSProperties {\n  const nextStyle: CSSProperties = {};\n  const resolvedWidth = resolveDimension(width);\n  const resolvedHeight = resolveDimension(height);\n  const resolvedBorderRadius = resolveDimension(borderRadius);\n\n  if (resolvedWidth) {\n    nextStyle.width = resolvedWidth;\n  } else if (variant === \"text\") {\n    nextStyle.width = \"100%\";\n  }\n\n  if (resolvedHeight) {\n    nextStyle.height = resolvedHeight;\n  } else if (variant === \"text\") {\n    nextStyle.height = \"1em\";\n  } else if (variant === \"circular\") {\n    nextStyle.width = nextStyle.width || \"40px\";\n    nextStyle.height = nextStyle.width;\n  }\n\n  if (resolvedBorderRadius) {\n    nextStyle.borderRadius = resolvedBorderRadius;\n  }\n\n  return nextStyle;\n}\n\n// Base Skeleton Component\nconst Skeleton = forwardRef<HTMLDivElement, SkeletonProps>(\n  (\n    {\n      variant = \"text\",\n      animation = \"pulse\",\n      width,\n      height,\n      borderRadius,\n      radius,\n      tone = \"default\",\n      speed = \"normal\",\n      className,\n      lines = 1,\n      lineGap = 8,\n      lastLineWidth = \"80%\",\n      style,\n      [\"aria-hidden\"]: ariaHidden,\n      ...rest\n    },\n    ref,\n  ) => {\n    const toneStyle = toneStyles[tone];\n    const sharedStyle: SkeletonCssVariables = {\n      \"--ui-skeleton-base\": toneStyle.base,\n      \"--ui-skeleton-highlight\": toneStyle.highlight,\n      \"--ui-skeleton-duration\": resolveDuration(speed),\n      ...style,\n    };\n    const effectiveRadius = radius ?? variantStyles[variant];\n    const sharedClassName = mergeClassNames(\n      \"relative overflow-hidden bg-[var(--ui-skeleton-base)] pointer-events-none select-none shrink-0\",\n      radiusStyles[effectiveRadius],\n      animationStyles[animation],\n    );\n\n    if (variant === \"text\" && lines > 1) {\n      return (\n        <div\n          ref={ref}\n          className={mergeClassNames(\"flex flex-col\", className)}\n          style={{\n            ...style,\n            gap: resolveDimension(lineGap),\n            width: resolveDimension(width) ?? style?.width,\n          }}\n          aria-hidden={ariaHidden ?? true}\n          data-animation={animation}\n          data-tone={tone}\n          {...rest}\n        >\n          {Array.from({ length: lines }).map((_, index) => (\n            <div\n              key={index}\n              className={sharedClassName}\n              style={{\n                ...sharedStyle,\n                ...getDimensionStyle({\n                  variant,\n                  width:\n                    index === lines - 1 ? lastLineWidth : (width ?? \"100%\"),\n                  height,\n                  borderRadius,\n                }),\n              }}\n            />\n          ))}\n        </div>\n      );\n    }\n\n    return (\n      <div\n        ref={ref}\n        className={mergeClassNames(sharedClassName, className)}\n        style={{\n          ...sharedStyle,\n          ...getDimensionStyle({ variant, width, height, borderRadius }),\n        }}\n        aria-hidden={ariaHidden ?? true}\n        data-animation={animation}\n        data-tone={tone}\n        {...rest}\n      />\n    );\n  },\n);\n\nSkeleton.displayName = \"Skeleton\";\n\n// Skeleton Text Component\nconst SkeletonText = forwardRef<HTMLDivElement, SkeletonTextProps>(\n  ({ lines = 3, ...props }, ref) => {\n    return <Skeleton ref={ref} variant=\"text\" lines={lines} {...props} />;\n  },\n);\n\nSkeletonText.displayName = \"SkeletonText\";\n\n// Skeleton Avatar Component\nconst SkeletonAvatar = forwardRef<HTMLDivElement, SkeletonAvatarProps>(\n  ({ size = 40, animation = \"pulse\", className = \"\", ...props }, ref) => {\n    const sizeValue = typeof size === \"number\" ? `${size}px` : size;\n\n    return (\n      <Skeleton\n        ref={ref}\n        variant=\"circular\"\n        width={sizeValue}\n        height={sizeValue}\n        animation={animation}\n        className={className}\n        {...props}\n      />\n    );\n  },\n);\n\nSkeletonAvatar.displayName = \"SkeletonAvatar\";\n\n// Skeleton Button Component\nconst SkeletonButton = forwardRef<\n  HTMLDivElement,\n  Omit<SkeletonProps, \"variant\"> & { size?: \"sm\" | \"md\" | \"lg\" }\n>(({ size = \"md\", animation = \"pulse\", className = \"\", ...props }, ref) => {\n  const sizeStyles = {\n    sm: { width: 80, height: 32 },\n    md: { width: 100, height: 40 },\n    lg: { width: 120, height: 48 },\n  };\n\n  return (\n    <Skeleton\n      ref={ref}\n      variant=\"rounded\"\n      width={sizeStyles[size].width}\n      height={sizeStyles[size].height}\n      animation={animation}\n      className={className}\n      {...props}\n    />\n  );\n});\n\nSkeletonButton.displayName = \"SkeletonButton\";\n\n// Skeleton Image Component\nconst SkeletonImage = forwardRef<\n  HTMLDivElement,\n  Omit<SkeletonProps, \"variant\">\n>(\n  (\n    {\n      width = \"100%\",\n      height = 200,\n      animation = \"pulse\",\n      className = \"\",\n      ...props\n    },\n    ref,\n  ) => {\n    return (\n      <Skeleton\n        ref={ref}\n        variant=\"rounded\"\n        width={width}\n        height={height}\n        animation={animation}\n        className={className}\n        {...props}\n      />\n    );\n  },\n);\n\nSkeletonImage.displayName = \"SkeletonImage\";\n\n// Skeleton Card Component\nconst SkeletonCard = forwardRef<HTMLDivElement, SkeletonCardProps>(\n  (\n    {\n      showImage = true,\n      imageHeight = 200,\n      lines = 3,\n      showAvatar = false,\n      showActions = false,\n      className,\n      animation = \"pulse\",\n      tone = \"default\",\n    },\n    ref,\n  ) => {\n    return (\n      <div\n        ref={ref}\n        className={mergeClassNames(\n          \"overflow-hidden rounded-md border border-border bg-card shadow-sm\",\n          className,\n        )}\n      >\n        {showImage && (\n          <SkeletonImage\n            height={imageHeight}\n            animation={animation}\n            borderRadius={0}\n            tone={tone}\n          />\n        )}\n\n        <div className=\"p-4 flex flex-col gap-4\">\n          {showAvatar && (\n            <div className=\"flex items-center gap-3\">\n              <SkeletonAvatar size={40} animation={animation} tone={tone} />\n              <div className=\"flex-1\">\n                <Skeleton\n                  variant=\"text\"\n                  width=\"60%\"\n                  height={14}\n                  animation={animation}\n                  tone={tone}\n                />\n                <Skeleton\n                  variant=\"text\"\n                  width=\"40%\"\n                  height={12}\n                  animation={animation}\n                  tone={tone}\n                  className=\"mt-2\"\n                />\n              </div>\n            </div>\n          )}\n\n          <SkeletonText\n            lines={lines}\n            animation={animation}\n            height={14}\n            lineGap={10}\n            tone={tone}\n          />\n\n          {showActions && (\n            <div className=\"flex gap-3 mt-2\">\n              <SkeletonButton size=\"sm\" animation={animation} tone={tone} />\n              <SkeletonButton size=\"sm\" animation={animation} tone={tone} />\n            </div>\n          )}\n        </div>\n      </div>\n    );\n  },\n);\n\nSkeletonCard.displayName = \"SkeletonCard\";\n\n// Skeleton Metric Card Component\nconst SkeletonMetricCard = forwardRef<HTMLDivElement, SkeletonMetricCardProps>(\n  (\n    {\n      showTrend = true,\n      showChart = true,\n      chartBars = 7,\n      valueWidth = \"52%\",\n      className,\n      animation = \"wave\",\n      tone = \"accent\",\n    },\n    ref,\n  ) => {\n    const chartHeights = [36, 52, 46, 72, 64, 84, 68, 78];\n\n    return (\n      <div\n        ref={ref}\n        className={mergeClassNames(\n          \"rounded-md border border-border bg-card p-4 shadow-sm\",\n          className,\n        )}\n      >\n        <div className=\"flex items-start justify-between gap-4\">\n          <div className=\"min-w-0 flex-1 space-y-3\">\n            <Skeleton\n              width=\"34%\"\n              height={11}\n              animation={animation}\n              tone=\"subtle\"\n            />\n            <Skeleton\n              width={valueWidth}\n              height={28}\n              animation={animation}\n              tone={tone}\n              radius=\"md\"\n            />\n            <Skeleton\n              width=\"44%\"\n              height={12}\n              animation={animation}\n              tone=\"subtle\"\n            />\n          </div>\n\n          {showTrend ? (\n            <div className=\"rounded-full border border-border bg-surface px-3 py-2\">\n              <Skeleton\n                width={54}\n                height={12}\n                animation={animation}\n                tone=\"subtle\"\n              />\n            </div>\n          ) : null}\n        </div>\n\n        {showChart ? (\n          <div className=\"mt-5 flex h-20 items-end gap-2\">\n            {Array.from({ length: chartBars }).map((_, index) => (\n              <Skeleton\n                key={index}\n                variant=\"rounded\"\n                width=\"100%\"\n                height={`${chartHeights[index % chartHeights.length]}%`}\n                animation={animation}\n                tone={tone}\n                className=\"flex-1\"\n              />\n            ))}\n          </div>\n        ) : null}\n      </div>\n    );\n  },\n);\n\nSkeletonMetricCard.displayName = \"SkeletonMetricCard\";\n\n// Skeleton Table Row Component\nconst SkeletonTableRow = forwardRef<\n  HTMLDivElement,\n  { columns?: number; animation?: SkeletonAnimation; className?: string }\n>(({ columns = 4, animation = \"pulse\", className = \"\" }, ref) => {\n  const sharedWidth =\n    columns <= 1 ? \"100%\" : `${Math.floor(72 / (columns - 1))}%`;\n\n  return (\n    <div ref={ref} className={`flex items-center gap-4 py-3 ${className}`}>\n      {Array.from({ length: columns }).map((_, index) => (\n        <Skeleton\n          key={index}\n          variant=\"text\"\n          width={index === 0 ? \"28%\" : sharedWidth}\n          height={16}\n          animation={animation}\n        />\n      ))}\n    </div>\n  );\n});\n\nSkeletonTableRow.displayName = \"SkeletonTableRow\";\n\n// Skeleton List Item Component\nconst SkeletonListItem = forwardRef<\n  HTMLDivElement,\n  {\n    showAvatar?: boolean;\n    showSecondaryText?: boolean;\n    showAction?: boolean;\n    animation?: SkeletonAnimation;\n    className?: string;\n  }\n>(\n  (\n    {\n      showAvatar = true,\n      showSecondaryText = true,\n      showAction = false,\n      animation = \"pulse\",\n      className = \"\",\n    },\n    ref,\n  ) => {\n    return (\n      <div ref={ref} className={`flex items-center gap-3 py-3 ${className}`}>\n        {showAvatar && <SkeletonAvatar size={48} animation={animation} />}\n        <div className=\"flex-1\">\n          <Skeleton\n            variant=\"text\"\n            width=\"70%\"\n            height={16}\n            animation={animation}\n          />\n          {showSecondaryText && (\n            <Skeleton\n              variant=\"text\"\n              width=\"50%\"\n              height={14}\n              animation={animation}\n              className=\"mt-2\"\n            />\n          )}\n        </div>\n        {showAction && <SkeletonButton size=\"sm\" animation={animation} />}\n      </div>\n    );\n  },\n);\n\nSkeletonListItem.displayName = \"SkeletonListItem\";\n\nexport default Skeleton;\nexport {\n  Skeleton,\n  SkeletonText,\n  SkeletonAvatar,\n  SkeletonButton,\n  SkeletonImage,\n  SkeletonCard,\n  SkeletonMetricCard,\n  SkeletonTableRow,\n  SkeletonListItem,\n};\n"],"mappings":"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"}

package/dist/chunks/spotlight-card-BpZLMOp6.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"spotlight-card-BpZLMOp6.mjs","names":[],"sources":["../../src/components/effects/spotlight-card/SpotlightCard.tsx"],"sourcesContent":["import { useState, useRef } from \"react\";\nimport { motion } from \"framer-motion\";\nimport { mergeClassNames } from \"../../../utils\";\nimport type { SpotlightCardProps } from \"./types\";\n\nconst borderRadiusMap = {\n  sm: \"rounded-sm\",\n  md: \"rounded-md\",\n  lg: \"rounded-lg\",\n  xl: \"rounded-xl\",\n  \"2xl\": \"rounded-2xl\",\n  full: \"rounded-full\",\n};\n\nconst paddingMap = {\n  none: \"\",\n  sm: \"p-3\",\n  md: \"p-5\",\n  lg: \"p-7\",\n  xl: \"p-10\",\n};\n\nconst variantStyles = {\n  glass: `\n    bg-white/60 dark:bg-neutral-900/50\n    backdrop-blur-2xl\n    border border-white/40 dark:border-white/10\n    shadow-xl shadow-neutral-200/30 dark:shadow-neutral-950/50\n  `,\n  solid: `\n    bg-white dark:bg-neutral-900\n    border border-neutral-200 dark:border-neutral-800\n    shadow-lg shadow-neutral-200/50 dark:shadow-neutral-950/50\n  `,\n  outlined: `\n    bg-transparent\n    border-2 border-neutral-200 dark:border-neutral-700\n  `,\n};\n\nexport const SpotlightCard = ({\n  children,\n  className,\n  spotlightColor = \"rgba(115, 103, 240, 0.15)\",\n  spotlightSize = 350,\n  spotlightEnabled = true,\n  variant = \"glass\",\n  borderRadius = \"xl\",\n  padding = \"md\",\n  hoverScale = true,\n  style,\n  onClick,\n}: SpotlightCardProps) => {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const [mousePosition, setMousePosition] = useState({ x: 0, y: 0 });\n  const [isHovered, setIsHovered] = useState(false);\n\n  const handleMouseMove = (e: React.MouseEvent<HTMLDivElement>) => {\n    if (!containerRef.current || !spotlightEnabled) return;\n    const rect = containerRef.current.getBoundingClientRect();\n    setMousePosition({\n      x: e.clientX - rect.left,\n      y: e.clientY - rect.top,\n    });\n  };\n\n  const handleMouseEnter = () => {\n    setIsHovered(true);\n  };\n\n  const handleMouseLeave = () => {\n    setIsHovered(false);\n  };\n\n  const spotlightStyle =\n    spotlightEnabled && isHovered\n      ? {\n          background: `radial-gradient(${spotlightSize}px circle at ${mousePosition.x}px ${mousePosition.y}px, ${spotlightColor}, transparent 80%)`,\n        }\n      : {};\n\n  return (\n    <motion.div\n      ref={containerRef}\n      className={mergeClassNames(\n        \"relative overflow-hidden transition-all duration-300\",\n        borderRadiusMap[borderRadius],\n        paddingMap[padding],\n        variantStyles[variant],\n        onClick && \"cursor-pointer\",\n        className,\n      )}\n      style={style}\n      onMouseMove={handleMouseMove}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n      onClick={onClick}\n      whileHover={hoverScale ? { scale: 1.02 } : undefined}\n      whileTap={onClick ? { scale: 0.98 } : undefined}\n      transition={{ type: \"spring\", stiffness: 400, damping: 25 }}\n    >\n      {/* Spotlight overlay */}\n      {spotlightEnabled && (\n        <motion.div\n          className=\"pointer-events-none absolute inset-0 z-0\"\n          style={spotlightStyle}\n          initial={{ opacity: 0 }}\n          animate={{ opacity: isHovered ? 1 : 0 }}\n          transition={{ duration: 0.3 }}\n        />\n      )}\n\n      {/* Border glow effect */}\n      {spotlightEnabled && isHovered && (\n        <motion.div\n          className={mergeClassNames(\n            \"pointer-events-none absolute inset-0 z-0\",\n            borderRadiusMap[borderRadius],\n          )}\n          style={{\n            background: `radial-gradient(${spotlightSize * 0.6}px circle at ${mousePosition.x}px ${mousePosition.y}px, ${spotlightColor.replace(\"0.15\", \"0.3\")}, transparent 70%)`,\n            filter: \"blur(20px)\",\n          }}\n          initial={{ opacity: 0 }}\n          animate={{ opacity: 1 }}\n          transition={{ duration: 0.2 }}\n        />\n      )}\n\n      {/* Content */}\n      <div className=\"relative z-10\">{children}</div>\n    </motion.div>\n  );\n};\n\nSpotlightCard.displayName = \"SpotlightCard\";\n\nexport default SpotlightCard;\n"],"mappings":";;;;;AAKA,IAAM,kBAAkB;CACtB,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,OAAO;CACP,MAAM;CACP;AAED,IAAM,aAAa;CACjB,MAAM;CACN,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACL;AAED,IAAM,gBAAgB;CACpB,OAAO;;;;;;CAMP,OAAO;;;;;CAKP,UAAU;;;;CAIX;AAED,IAAa,iBAAiB,EAC5B,UACA,WACA,iBAAiB,6BACjB,gBAAgB,KAChB,mBAAmB,MACnB,UAAU,SACV,eAAe,MACf,UAAU,MACV,aAAa,MACb,OACA,cACwB;CACxB,MAAM,eAAe,OAAuB,KAAK;CACjD,MAAM,CAAC,eAAe,oBAAoB,SAAS;EAAE,GAAG;EAAG,GAAG;EAAG,CAAC;CAClE,MAAM,CAAC,WAAW,gBAAgB,SAAS,MAAM;CAEjD,MAAM,mBAAmB,MAAwC;AAC/D,MAAI,CAAC,aAAa,WAAW,CAAC,iBAAkB;EAChD,MAAM,OAAO,aAAa,QAAQ,uBAAuB;AACzD,mBAAiB;GACf,GAAG,EAAE,UAAU,KAAK;GACpB,GAAG,EAAE,UAAU,KAAK;GACrB,CAAC;;CAGJ,MAAM,yBAAyB;AAC7B,eAAa,KAAK;;CAGpB,MAAM,yBAAyB;AAC7B,eAAa,MAAM;;CAGrB,MAAM,iBACJ,oBAAoB,YAChB,EACE,YAAY,mBAAmB,cAAc,eAAe,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,eAAe,qBACvH,GACD,EAAE;AAER,QACE,qBAAC,OAAO,KAAR;EACE,KAAK;EACL,WAAW,gBACT,wDACA,gBAAgB,eAChB,WAAW,UACX,cAAc,UACd,WAAW,kBACX,UACD;EACM;EACP,aAAa;EACb,cAAc;EACd,cAAc;EACL;EACT,YAAY,aAAa,EAAE,OAAO,MAAM,GAAG,KAAA;EAC3C,UAAU,UAAU,EAAE,OAAO,KAAM,GAAG,KAAA;EACtC,YAAY;GAAE,MAAM;GAAU,WAAW;GAAK,SAAS;GAAI;YAjB7D;GAoBG,oBACC,oBAAC,OAAO,KAAR;IACE,WAAU;IACV,OAAO;IACP,SAAS,EAAE,SAAS,GAAG;IACvB,SAAS,EAAE,SAAS,YAAY,IAAI,GAAG;IACvC,YAAY,EAAE,UAAU,IAAK;IAC7B,CAAA;GAIH,oBAAoB,aACnB,oBAAC,OAAO,KAAR;IACE,WAAW,gBACT,4CACA,gBAAgB,cACjB;IACD,OAAO;KACL,YAAY,mBAAmB,gBAAgB,GAAI,eAAe,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,eAAe,QAAQ,QAAQ,MAAM,CAAC;KACnJ,QAAQ;KACT;IACD,SAAS,EAAE,SAAS,GAAG;IACvB,SAAS,EAAE,SAAS,GAAG;IACvB,YAAY,EAAE,UAAU,IAAK;IAC7B,CAAA;GAIJ,oBAAC,OAAD;IAAK,WAAU;IAAiB;IAAe,CAAA;GACpC;;;AAIjB,cAAc,cAAc"}

package/dist/chunks/spotlight-card-DS1dy1W3.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"spotlight-card-DS1dy1W3.cjs","names":[],"sources":["../../src/components/effects/spotlight-card/SpotlightCard.tsx"],"sourcesContent":["import { useState, useRef } from \"react\";\nimport { motion } from \"framer-motion\";\nimport { mergeClassNames } from \"../../../utils\";\nimport type { SpotlightCardProps } from \"./types\";\n\nconst borderRadiusMap = {\n  sm: \"rounded-sm\",\n  md: \"rounded-md\",\n  lg: \"rounded-lg\",\n  xl: \"rounded-xl\",\n  \"2xl\": \"rounded-2xl\",\n  full: \"rounded-full\",\n};\n\nconst paddingMap = {\n  none: \"\",\n  sm: \"p-3\",\n  md: \"p-5\",\n  lg: \"p-7\",\n  xl: \"p-10\",\n};\n\nconst variantStyles = {\n  glass: `\n    bg-white/60 dark:bg-neutral-900/50\n    backdrop-blur-2xl\n    border border-white/40 dark:border-white/10\n    shadow-xl shadow-neutral-200/30 dark:shadow-neutral-950/50\n  `,\n  solid: `\n    bg-white dark:bg-neutral-900\n    border border-neutral-200 dark:border-neutral-800\n    shadow-lg shadow-neutral-200/50 dark:shadow-neutral-950/50\n  `,\n  outlined: `\n    bg-transparent\n    border-2 border-neutral-200 dark:border-neutral-700\n  `,\n};\n\nexport const SpotlightCard = ({\n  children,\n  className,\n  spotlightColor = \"rgba(115, 103, 240, 0.15)\",\n  spotlightSize = 350,\n  spotlightEnabled = true,\n  variant = \"glass\",\n  borderRadius = \"xl\",\n  padding = \"md\",\n  hoverScale = true,\n  style,\n  onClick,\n}: SpotlightCardProps) => {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const [mousePosition, setMousePosition] = useState({ x: 0, y: 0 });\n  const [isHovered, setIsHovered] = useState(false);\n\n  const handleMouseMove = (e: React.MouseEvent<HTMLDivElement>) => {\n    if (!containerRef.current || !spotlightEnabled) return;\n    const rect = containerRef.current.getBoundingClientRect();\n    setMousePosition({\n      x: e.clientX - rect.left,\n      y: e.clientY - rect.top,\n    });\n  };\n\n  const handleMouseEnter = () => {\n    setIsHovered(true);\n  };\n\n  const handleMouseLeave = () => {\n    setIsHovered(false);\n  };\n\n  const spotlightStyle =\n    spotlightEnabled && isHovered\n      ? {\n          background: `radial-gradient(${spotlightSize}px circle at ${mousePosition.x}px ${mousePosition.y}px, ${spotlightColor}, transparent 80%)`,\n        }\n      : {};\n\n  return (\n    <motion.div\n      ref={containerRef}\n      className={mergeClassNames(\n        \"relative overflow-hidden transition-all duration-300\",\n        borderRadiusMap[borderRadius],\n        paddingMap[padding],\n        variantStyles[variant],\n        onClick && \"cursor-pointer\",\n        className,\n      )}\n      style={style}\n      onMouseMove={handleMouseMove}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n      onClick={onClick}\n      whileHover={hoverScale ? { scale: 1.02 } : undefined}\n      whileTap={onClick ? { scale: 0.98 } : undefined}\n      transition={{ type: \"spring\", stiffness: 400, damping: 25 }}\n    >\n      {/* Spotlight overlay */}\n      {spotlightEnabled && (\n        <motion.div\n          className=\"pointer-events-none absolute inset-0 z-0\"\n          style={spotlightStyle}\n          initial={{ opacity: 0 }}\n          animate={{ opacity: isHovered ? 1 : 0 }}\n          transition={{ duration: 0.3 }}\n        />\n      )}\n\n      {/* Border glow effect */}\n      {spotlightEnabled && isHovered && (\n        <motion.div\n          className={mergeClassNames(\n            \"pointer-events-none absolute inset-0 z-0\",\n            borderRadiusMap[borderRadius],\n          )}\n          style={{\n            background: `radial-gradient(${spotlightSize * 0.6}px circle at ${mousePosition.x}px ${mousePosition.y}px, ${spotlightColor.replace(\"0.15\", \"0.3\")}, transparent 70%)`,\n            filter: \"blur(20px)\",\n          }}\n          initial={{ opacity: 0 }}\n          animate={{ opacity: 1 }}\n          transition={{ duration: 0.2 }}\n        />\n      )}\n\n      {/* Content */}\n      <div className=\"relative z-10\">{children}</div>\n    </motion.div>\n  );\n};\n\nSpotlightCard.displayName = \"SpotlightCard\";\n\nexport default SpotlightCard;\n"],"mappings":";;;;;;AAKA,IAAM,kBAAkB;CACtB,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,OAAO;CACP,MAAM;CACP;AAED,IAAM,aAAa;CACjB,MAAM;CACN,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACL;AAED,IAAM,gBAAgB;CACpB,OAAO;;;;;;CAMP,OAAO;;;;;CAKP,UAAU;;;;CAIX;AAED,IAAa,iBAAiB,EAC5B,UACA,WACA,iBAAiB,6BACjB,gBAAgB,KAChB,mBAAmB,MACnB,UAAU,SACV,eAAe,MACf,UAAU,MACV,aAAa,MACb,OACA,cACwB;CACxB,MAAM,gBAAA,GAAA,MAAA,QAAsC,KAAK;CACjD,MAAM,CAAC,eAAe,qBAAA,GAAA,MAAA,UAA6B;EAAE,GAAG;EAAG,GAAG;EAAG,CAAC;CAClE,MAAM,CAAC,WAAW,iBAAA,GAAA,MAAA,UAAyB,MAAM;CAEjD,MAAM,mBAAmB,MAAwC;AAC/D,MAAI,CAAC,aAAa,WAAW,CAAC,iBAAkB;EAChD,MAAM,OAAO,aAAa,QAAQ,uBAAuB;AACzD,mBAAiB;GACf,GAAG,EAAE,UAAU,KAAK;GACpB,GAAG,EAAE,UAAU,KAAK;GACrB,CAAC;;CAGJ,MAAM,yBAAyB;AAC7B,eAAa,KAAK;;CAGpB,MAAM,yBAAyB;AAC7B,eAAa,MAAM;;CAGrB,MAAM,iBACJ,oBAAoB,YAChB,EACE,YAAY,mBAAmB,cAAc,eAAe,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,eAAe,qBACvH,GACD,EAAE;AAER,QACE,iBAAA,GAAA,kBAAA,MAAC,cAAA,OAAO,KAAR;EACE,KAAK;EACL,WAAW,cAAA,gBACT,wDACA,gBAAgB,eAChB,WAAW,UACX,cAAc,UACd,WAAW,kBACX,UACD;EACM;EACP,aAAa;EACb,cAAc;EACd,cAAc;EACL;EACT,YAAY,aAAa,EAAE,OAAO,MAAM,GAAG,KAAA;EAC3C,UAAU,UAAU,EAAE,OAAO,KAAM,GAAG,KAAA;EACtC,YAAY;GAAE,MAAM;GAAU,WAAW;GAAK,SAAS;GAAI;YAjB7D;GAoBG,oBACC,iBAAA,GAAA,kBAAA,KAAC,cAAA,OAAO,KAAR;IACE,WAAU;IACV,OAAO;IACP,SAAS,EAAE,SAAS,GAAG;IACvB,SAAS,EAAE,SAAS,YAAY,IAAI,GAAG;IACvC,YAAY,EAAE,UAAU,IAAK;IAC7B,CAAA;GAIH,oBAAoB,aACnB,iBAAA,GAAA,kBAAA,KAAC,cAAA,OAAO,KAAR;IACE,WAAW,cAAA,gBACT,4CACA,gBAAgB,cACjB;IACD,OAAO;KACL,YAAY,mBAAmB,gBAAgB,GAAI,eAAe,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,eAAe,QAAQ,QAAQ,MAAM,CAAC;KACnJ,QAAQ;KACT;IACD,SAAS,EAAE,SAAS,GAAG;IACvB,SAAS,EAAE,SAAS,GAAG;IACvB,YAAY,EAAE,UAAU,IAAK;IAC7B,CAAA;GAIJ,iBAAA,GAAA,kBAAA,KAAC,OAAD;IAAK,WAAU;IAAiB;IAAe,CAAA;GACpC;;;AAIjB,cAAc,cAAc"}

package/dist/chunks/stepper-D6qQbZdg.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"stepper-D6qQbZdg.cjs","names":[],"sources":["../../src/components/navigation/stepper/Stepper.tsx","../../src/components/navigation/stepper/Stepper1.tsx","../../src/components/navigation/stepper/Stepper2.tsx"],"sourcesContent":["import { motion, AnimatePresence } from \"framer-motion\";\n\nimport { CheckIcon, CloseIcon } from \"../../icons\";\nimport { mergeClassNames } from \"../../../utils\";\nimport type {\n  StepperProps,\n  StepIndicatorProps,\n  StepStatus,\n  StepperSize,\n  StepperVariant,\n} from \"./types\";\n\n// Size configurations for indicators and icons\nconst sizeConfig: Record<\n  StepperSize,\n  { indicator: string; icon: string; text: string; connectorThickness: string }\n> = {\n  sm: {\n    indicator: \"w-8 h-8\",\n    icon: \"w-4 h-4\",\n    text: \"text-xs\",\n    connectorThickness: \"2px\",\n  },\n  md: {\n    indicator: \"w-10 h-10\",\n    icon: \"w-5 h-5\",\n    text: \"text-sm\",\n    connectorThickness: \"2px\",\n  },\n  lg: {\n    indicator: \"w-12 h-12\",\n    icon: \"w-6 h-6\",\n    text: \"text-base\",\n    connectorThickness: \"4px\",\n  },\n};\n\n// Variant styles for the indicator\nconst getVariantStyles = (variant: StepperVariant, status: StepStatus) => {\n  const baseStyles = {\n    default: {\n      completed: \"bg-accent text-on-accent shadow-md shadow-accent/25\",\n      current:\n        \"bg-accent text-on-accent ring-4 ring-focus/40 shadow-lg shadow-accent/30\",\n      upcoming:\n        \"bg-neutral-200 text-neutral-500 dark:bg-neutral-700 dark:text-neutral-400\",\n      error: \"bg-red-500 text-white ring-4 ring-red-500/30\",\n    },\n    glass: {\n      completed:\n        \"bg-accent/85 text-on-accent backdrop-blur-xl border border-accent/30 shadow-lg shadow-accent/20\",\n      current:\n        \"bg-accent/90 text-on-accent backdrop-blur-xl border-2 border-accent ring-4 ring-focus/30 shadow-xl shadow-accent/30\",\n      upcoming:\n        \"bg-white/60 text-neutral-500 backdrop-blur-xl border border-white/40 dark:bg-neutral-800/60 dark:text-neutral-400 dark:border-white/10\",\n      error:\n        \"bg-red-500/80 text-white backdrop-blur-xl border border-red-400/30 ring-4 ring-red-500/20\",\n    },\n    minimal: {\n      completed: \"bg-accent-subtle text-accent\",\n      current: \"bg-accent text-on-accent shadow-sm\",\n      upcoming:\n        \"bg-transparent text-neutral-400 border-2 border-neutral-300 dark:border-neutral-600\",\n      error: \"bg-red-100 text-red-500 dark:bg-red-900/30\",\n    },\n    outlined: {\n      completed: \"bg-transparent text-accent border-2 border-accent\",\n      current: \"bg-accent text-on-accent border-2 border-accent shadow-lg\",\n      upcoming:\n        \"bg-transparent text-neutral-400 border-2 border-neutral-300 dark:border-neutral-600\",\n      error: \"bg-transparent text-red-500 border-2 border-red-500\",\n    },\n  };\n\n  return baseStyles[variant][status];\n};\n\n// Step Indicator Component\nconst StepIndicator = ({\n  step,\n  index,\n  status,\n  size,\n  variant,\n  showNumbers,\n  animated,\n  colors,\n}: StepIndicatorProps) => {\n  const config = sizeConfig[size];\n  const variantStyles = getVariantStyles(variant, status);\n\n  // Custom color overrides\n  const customColorStyle = colors?.[status]\n    ? { backgroundColor: colors[status], borderColor: colors[status] }\n    : undefined;\n\n  const renderContent = () => {\n    if (step.icon) {\n      return <span className={config.icon}>{step.icon}</span>;\n    }\n\n    if (status === \"completed\") {\n      return <CheckIcon className={config.icon} aria-hidden=\"true\" />;\n    }\n\n    if (status === \"error\") {\n      return <CloseIcon className={config.icon} aria-hidden=\"true\" />;\n    }\n\n    if (showNumbers) {\n      return <span className=\"font-semibold\">{index + 1}</span>;\n    }\n\n    return (\n      <span\n        className={mergeClassNames(\n          \"rounded-full bg-current\",\n          size === \"sm\" ? \"w-2 h-2\" : \"w-3 h-3\",\n        )}\n      />\n    );\n  };\n\n  return (\n    <motion.div\n      className={mergeClassNames(\n        \"rounded-full flex items-center justify-center transition-all duration-300\",\n        config.indicator,\n        variantStyles,\n      )}\n      style={customColorStyle}\n      initial={animated ? { scale: 0.8, opacity: 0 } : undefined}\n      animate={animated ? { scale: 1, opacity: 1 } : undefined}\n      whileHover={{ scale: 1.05 }}\n      whileTap={{ scale: 0.95 }}\n      transition={{ type: \"spring\", stiffness: 400, damping: 17 }}\n    >\n      <AnimatePresence mode=\"wait\">\n        <motion.span\n          key={status}\n          initial={animated ? { scale: 0, rotate: -180 } : undefined}\n          animate={animated ? { scale: 1, rotate: 0 } : undefined}\n          exit={animated ? { scale: 0, rotate: 180 } : undefined}\n          transition={{ duration: 0.2 }}\n        >\n          {renderContent()}\n        </motion.span>\n      </AnimatePresence>\n    </motion.div>\n  );\n};\n\n// Main Stepper Component\nexport const Stepper = ({\n  steps,\n  currentStep,\n  onStepClick,\n  orientation = \"horizontal\",\n  size = \"md\",\n  variant = \"glass\",\n  showNumbers = true,\n  clickable = true,\n  showConnector = true,\n  className,\n  connectorClassName,\n  stepClassName,\n  showErrors = false,\n  errorSteps = [],\n  completedSteps,\n  animated = true,\n  colors,\n}: StepperProps) => {\n  const isVertical = orientation === \"vertical\";\n  const config = sizeConfig[size];\n\n  const getStepStatus = (index: number): StepStatus => {\n    if (showErrors && errorSteps.includes(index)) return \"error\";\n    if (completedSteps) {\n      if (completedSteps.includes(index)) return \"completed\";\n      if (index === currentStep) return \"current\";\n      return \"upcoming\";\n    }\n    if (index < currentStep) return \"completed\";\n    if (index === currentStep) return \"current\";\n    return \"upcoming\";\n  };\n\n  const handleStepClick = (index: number) => {\n    if (!clickable || !onStepClick) return;\n    const step = steps[index];\n    if (step.disabled) return;\n\n    // Allow clicking on completed or current steps\n    const status = getStepStatus(index);\n    if (status === \"completed\" || status === \"current\") {\n      onStepClick(index);\n    }\n  };\n\n  return (\n    <div\n      className={mergeClassNames(\n        \"w-full relative\",\n        isVertical ? \"flex flex-col\" : \"flex items-start justify-between\",\n        className,\n      )}\n    >\n      {/* Global Background Continuous Connector */}\n      {showConnector &&\n        (() => {\n          const paddingValue =\n            variant === \"glass\" ||\n            variant === \"outlined\" ||\n            variant === \"minimal\"\n              ? 4\n              : 2;\n          return (\n            <div\n              className={mergeClassNames(\n                \"absolute rounded-full\",\n                variant === \"glass\"\n                  ? \"bg-white/30 dark:bg-white/10 backdrop-blur-sm\"\n                  : \"bg-neutral-200 dark:bg-neutral-700\",\n                connectorClassName,\n              )}\n              style={{\n                ...(isVertical\n                  ? {\n                      // Vertical background line\n                      top: \"0\",\n                      bottom: \"0\",\n                      left: `calc(${paddingValue}px + 1px + ${config.indicator.split(\" \")[0].replace(\"w-\", \"\")} * 0.125rem - ${config.connectorThickness} / 2)`,\n                      width: config.connectorThickness,\n                    }\n                  : {\n                      // Horizontal background line\n                      left: \"0\",\n                      right: \"0\",\n                      top: `calc(${paddingValue}px + 1px + ${config.indicator.split(\" \")[1].replace(\"h-\", \"\")} * 0.125rem - ${config.connectorThickness} / 2)`,\n                      height: config.connectorThickness,\n                    }),\n              }}\n            >\n              {/* Animated fill connector */}\n              {animated ? (\n                <motion.div\n                  className=\"absolute top-0 left-0 bg-accent rounded-full\"\n                  initial={{ [isVertical ? \"height\" : \"width\"]: 0 }}\n                  animate={{\n                    [isVertical ? \"height\" : \"width\"]:\n                      `${steps.length > 1 ? (Math.min(currentStep, steps.length - 1) / (steps.length - 1)) * 100 : 0}%`,\n                  }}\n                  transition={{ duration: 0.4, ease: \"easeOut\" }}\n                  style={{\n                    ...(isVertical ? { width: \"100%\" } : { height: \"100%\" }),\n                    backgroundColor: colors?.connector || colors?.completed,\n                  }}\n                />\n              ) : (\n                <div\n                  className=\"absolute top-0 left-0 bg-accent rounded-full\"\n                  style={{\n                    ...(isVertical\n                      ? {\n                          width: \"100%\",\n                          height: `${steps.length > 1 ? (Math.min(currentStep, steps.length - 1) / (steps.length - 1)) * 100 : 0}%`,\n                        }\n                      : {\n                          height: \"100%\",\n                          width: `${steps.length > 1 ? (Math.min(currentStep, steps.length - 1) / (steps.length - 1)) * 100 : 0}%`,\n                        }),\n                    backgroundColor: colors?.connector || colors?.completed,\n                  }}\n                />\n              )}\n            </div>\n          );\n        })()}\n\n      {steps.map((step, index) => {\n        const status = getStepStatus(index);\n        const isLast = index === steps.length - 1;\n        const isClickable = clickable && !step.disabled; // Keep steps clickable unconditionally for navigation\n        const paddingValue =\n          variant === \"glass\" || variant === \"outlined\" || variant === \"minimal\"\n            ? 4\n            : 2;\n\n        return (\n          <div\n            key={step.id}\n            className={mergeClassNames(\n              \"relative z-10\",\n              isVertical\n                ? \"flex gap-4 pb-8\" // spacing between vertical elements\n                : \"flex flex-1 flex-col items-center\",\n              !isLast && isVertical && \"mb-2\",\n              isVertical && isLast && \"pb-0\",\n              stepClassName,\n            )}\n            style={{\n              // Ensure perfect horizontal distribution\n              ...(!isVertical\n                ? {\n                    flexBasis: 0,\n                    flexGrow: 1,\n                    // Keep first item aligned left, last aligned right, others centered\n                    alignItems:\n                      index === 0\n                        ? \"flex-start\"\n                        : isLast\n                          ? \"flex-end\"\n                          : \"center\",\n                  }\n                : {}),\n            }}\n          >\n            {/* Step Indicator */}\n            <button\n              type=\"button\"\n              onClick={() => handleStepClick(index)}\n              disabled={!isClickable}\n              className={mergeClassNames(\n                \"relative z-10 shrink-0 flex items-center justify-center bg-white dark:bg-neutral-900 rounded-full\", // Mask background line\n                isClickable ? \"cursor-pointer\" : \"cursor-default\",\n                // Horizontal offset logic for end items to align with text\n                !isVertical && index === 0 && \"mx-0\",\n                !isVertical && isLast && \"mx-0\",\n              )}\n              style={{\n                // Adjust the background masking size depending on variant so the line doesn't peek through the edges\n                padding: `${paddingValue}px`,\n              }}\n              aria-current={status === \"current\" ? \"step\" : undefined}\n            >\n              <StepIndicator\n                step={step}\n                index={index}\n                status={status}\n                size={size}\n                variant={variant}\n                showNumbers={showNumbers}\n                animated={animated}\n                colors={colors}\n              />\n            </button>\n\n            {/* Step text content */}\n            <motion.div\n              className={mergeClassNames(\n                \"mt-2\",\n                isVertical ? \"flex-1 pb-6\" : \"text-center px-2\",\n                !isVertical && index === 0 && \"text-left px-0\",\n                !isVertical && isLast && \"text-right px-0\",\n                isVertical && isLast && \"pb-0\",\n              )}\n              style={isVertical ? { marginTop: \"-4px\" } : undefined}\n              initial={animated ? { opacity: 0, y: 10 } : undefined}\n              animate={animated ? { opacity: 1, y: 0 } : undefined}\n              transition={{ delay: index * 0.1 }}\n            >\n              <p\n                className={mergeClassNames(\n                  \"font-medium transition-colors duration-200\",\n                  config.text,\n                  status === \"current\"\n                    ? \"text-accent\"\n                    : status === \"completed\"\n                      ? \"text-neutral-700 dark:text-neutral-200\"\n                      : status === \"error\"\n                        ? \"text-red-500\"\n                        : \"text-neutral-500 dark:text-neutral-400\",\n                )}\n              >\n                {step.title}\n                {step.optional && (\n                  <span className=\"ml-1 text-neutral-400 dark:text-neutral-500 font-normal\">\n                    (Optional)\n                  </span>\n                )}\n              </p>\n              {step.description && (\n                <p\n                  className={mergeClassNames(\n                    \"mt-0.5 text-neutral-500 dark:text-neutral-400\",\n                    size === \"sm\" ? \"text-xs\" : \"text-xs\",\n                  )}\n                >\n                  {step.description}\n                </p>\n              )}\n            </motion.div>\n\n            {/* Step content (for vertical with content) */}\n            {isVertical && step.content && status === \"current\" && (\n              <motion.div\n                initial={{ opacity: 0, height: 0 }}\n                animate={{ opacity: 1, height: \"auto\" }}\n                exit={{ opacity: 0, height: 0 }}\n                className=\"pl-14 pb-4 w-full\"\n              >\n                {step.content}\n              </motion.div>\n            )}\n          </div>\n        );\n      })}\n    </div>\n  );\n};\n\nStepper.displayName = \"Stepper\";\n\nexport default Stepper;\n","import { useSyncExternalStore } from \"react\";\n\nimport { Button } from \"../../forms/button\";\nimport { AlertTriangleIcon, CheckIcon } from \"../../icons\";\nimport { mergeClassNames } from \"../../../utils\";\nimport type { StepperStepsProps, StepperStepsState } from \"./types\";\n\nconst DEFAULT_BREAKPOINT = 1080;\n\nfunction subscribeToMediaQuery(\n  query: string,\n  onStoreChange: () => void,\n): () => void {\n  if (typeof window === \"undefined\") {\n    return () => undefined;\n  }\n\n  const mediaQuery = window.matchMedia(query);\n  mediaQuery.addEventListener(\"change\", onStoreChange);\n\n  return () => mediaQuery.removeEventListener(\"change\", onStoreChange);\n}\n\nfunction getMediaQuerySnapshot(query: string): boolean {\n  if (typeof window === \"undefined\") {\n    return false;\n  }\n\n  return window.matchMedia(query).matches;\n}\n\nfunction getStepColors(\n  state: StepperStepsState,\n  isActive: boolean,\n): {\n  buttonClassName: string;\n  connectorClassName: string;\n  badgeClassName: string;\n} {\n  if (isActive) {\n    return {\n      buttonClassName:\n        \"border-accent bg-accent/12 text-accent shadow-sm shadow-accent/10\",\n      connectorClassName: \"bg-accent\",\n      badgeClassName: \"border-accent bg-accent text-on-accent\",\n    };\n  }\n\n  if (state === \"valid\") {\n    return {\n      buttonClassName:\n        \"border-success bg-success/10 text-success shadow-sm shadow-success/10\",\n      connectorClassName: \"bg-success\",\n      badgeClassName: \"border-success bg-success text-on-accent\",\n    };\n  }\n\n  if (state === \"invalid\") {\n    return {\n      buttonClassName:\n        \"border-red-500 bg-red-500/10 text-red-600 dark:text-red-300\",\n      connectorClassName: \"bg-red-500\",\n      badgeClassName: \"border-red-500 bg-red-500 text-white\",\n    };\n  }\n\n  return {\n    buttonClassName:\n      \"border-border bg-surface text-muted-foreground hover:border-border-strong hover:bg-canvas\",\n    connectorClassName: \"bg-border-strong/70\",\n    badgeClassName: \"border-border bg-background text-muted-foreground\",\n  };\n}\n\nfunction renderStepContent(\n  label: string,\n  icon: StepperStepsProps[\"steps\"][number][\"icon\"],\n  state: StepperStepsState,\n  stepNumber: number,\n  badgeClassName: string,\n) {\n  if (state === \"valid\") {\n    return (\n      <span className=\"flex items-center gap-2\">\n        <CheckIcon className=\"h-5 w-5\" aria-hidden=\"true\" />\n        <span className=\"truncate\">{label}</span>\n      </span>\n    );\n  }\n\n  if (state === \"invalid\") {\n    return (\n      <span className=\"flex items-center gap-2\">\n        <AlertTriangleIcon className=\"h-5 w-5\" aria-hidden=\"true\" />\n        <span className=\"truncate\">{label}</span>\n      </span>\n    );\n  }\n\n  if (icon) {\n    return (\n      <span className=\"flex items-center gap-2\">\n        <span className=\"shrink-0\">{icon}</span>\n        <span className=\"truncate\">{label}</span>\n      </span>\n    );\n  }\n\n  return (\n    <span className=\"flex items-center gap-2\">\n      <span\n        className={mergeClassNames(\n          \"flex h-6 w-6 shrink-0 items-center justify-center rounded-full border text-xs font-semibold\",\n          badgeClassName,\n        )}\n        aria-hidden=\"true\"\n      >\n        {stepNumber}\n      </span>\n      <span className=\"truncate\">{label}</span>\n    </span>\n  );\n}\n\nexport function StepperSteps({\n  steps,\n  currentStep,\n  onStepClick,\n  stepStates = [],\n  orientation = \"responsive\",\n  responsiveBreakpoint = DEFAULT_BREAKPOINT,\n  className,\n  stepClassName,\n  connectorClassName,\n}: StepperStepsProps) {\n  const responsiveQuery = `(max-width: ${responsiveBreakpoint}px)`;\n  const isCompact = useSyncExternalStore(\n    (onStoreChange) => {\n      if (orientation !== \"responsive\") {\n        return () => undefined;\n      }\n\n      return subscribeToMediaQuery(responsiveQuery, onStoreChange);\n    },\n    () =>\n      orientation === \"responsive\"\n        ? getMediaQuerySnapshot(responsiveQuery)\n        : false,\n    () => false,\n  );\n\n  const isVertical =\n    orientation === \"vertical\" || (orientation === \"responsive\" && isCompact);\n\n  return (\n    <div\n      className={mergeClassNames(\n        isVertical\n          ? \"flex w-full flex-col items-start\"\n          : \"flex w-full items-center\",\n        className,\n      )}\n    >\n      {steps.map((step, index) => {\n        const stepNumber = index + 1;\n        const state = stepStates[index] ?? \"untouched\";\n        const isActive = index === currentStep;\n        const isClickable = typeof onStepClick === \"function\" && !isActive;\n        const colors = getStepColors(state, isActive);\n\n        return (\n          <div\n            key={`${step.label}-${stepNumber}`}\n            className={mergeClassNames(\n              isVertical ? \"w-full\" : \"flex min-w-0 flex-1 items-center\",\n            )}\n          >\n            <Button\n              disabled={!isClickable}\n              onClick={() => onStepClick?.(index)}\n              className={mergeClassNames(\n                \"relative z-10 flex min-h-11 items-center justify-center rounded-md border px-4 py-3 text-sm font-medium transition-colors duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus/70 focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-default disabled:opacity-100\",\n                isVertical ? \"w-full\" : \"w-full min-w-0\",\n                colors.buttonClassName,\n                stepClassName,\n              )}\n              aria-current={isActive ? \"step\" : undefined}\n              aria-invalid={state === \"invalid\" ? true : undefined}\n            >\n              {renderStepContent(\n                step.label,\n                step.icon,\n                state,\n                stepNumber,\n                colors.badgeClassName,\n              )}\n            </Button>\n\n            {index < steps.length - 1 ? (\n              isVertical ? (\n                <div\n                  className={mergeClassNames(\n                    \"mx-auto my-2 h-8 w-px rounded-full\",\n                    colors.connectorClassName,\n                    connectorClassName,\n                  )}\n                  aria-hidden=\"true\"\n                />\n              ) : (\n                <div\n                  className={mergeClassNames(\n                    \"mx-3 h-px min-w-6 flex-1 rounded-full\",\n                    colors.connectorClassName,\n                    connectorClassName,\n                  )}\n                  aria-hidden=\"true\"\n                />\n              )\n            ) : null}\n          </div>\n        );\n      })}\n    </div>\n  );\n}\n\nexport default StepperSteps;\n","import {\n  Children,\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { AnimatePresence, motion } from \"framer-motion\";\n\nimport { Button } from \"../../forms/button\";\nimport { CheckIcon } from \"../../icons\";\nimport { mergeClassNames } from \"../../../utils\";\nimport type {\n  StepperWizardIndicatorRenderProps,\n  StepperWizardIndicatorStatus,\n  StepperWizardProps,\n  StepperWizardStepProps,\n} from \"./types\";\n\nconst useIsomorphicLayoutEffect =\n  typeof window === \"undefined\" ? useEffect : useLayoutEffect;\n\nfunction clampStep(step: number, totalSteps: number): number {\n  return Math.min(Math.max(step, 0), totalSteps);\n}\n\nfunction getIndicatorStatus(\n  stepIndex: number,\n  currentStep: number,\n): StepperWizardIndicatorStatus {\n  if (stepIndex === currentStep) {\n    return \"active\";\n  }\n\n  if (stepIndex < currentStep) {\n    return \"complete\";\n  }\n\n  return \"inactive\";\n}\n\nexport function StepperWizard({\n  children,\n  initialStep = 0,\n  currentStep: controlledStep,\n  onStepChange,\n  onFinalStepCompleted,\n  stepCircleContainerClassName,\n  stepContainerClassName,\n  contentClassName,\n  footerClassName,\n  backButtonProps,\n  nextButtonProps,\n  backButtonText = \"Back\",\n  nextButtonText = \"Continue\",\n  completeButtonText = \"Complete\",\n  disableStepIndicators = false,\n  renderStepIndicator,\n  className,\n}: StepperWizardProps) {\n  const stepsArray = Children.toArray(children);\n  const totalSteps = stepsArray.length;\n  const [internalStep, setInternalStep] = useState(() =>\n    clampStep(initialStep, totalSteps),\n  );\n  const [direction, setDirection] = useState(0);\n\n  const currentStep = clampStep(controlledStep ?? internalStep, totalSteps);\n  const isCompleted = currentStep >= totalSteps;\n  const isLastStep = totalSteps > 0 && currentStep === totalSteps - 1;\n\n  const commitStep = useCallback(\n    (nextStep: number) => {\n      const clampedStep = clampStep(nextStep, totalSteps);\n\n      if (controlledStep === undefined) {\n        setInternalStep(clampedStep);\n      }\n\n      if (clampedStep >= totalSteps) {\n        onFinalStepCompleted?.();\n        return;\n      }\n\n      onStepChange?.(clampedStep);\n    },\n    [controlledStep, onFinalStepCompleted, onStepChange, totalSteps],\n  );\n\n  if (totalSteps === 0) {\n    return null;\n  }\n\n  const handleBack = () => {\n    if (currentStep > 0) {\n      setDirection(-1);\n      commitStep(currentStep - 1);\n    }\n  };\n\n  const handleNext = () => {\n    if (!isLastStep) {\n      setDirection(1);\n      commitStep(currentStep + 1);\n    }\n  };\n\n  const handleComplete = () => {\n    setDirection(1);\n    commitStep(totalSteps);\n  };\n\n  const navigateToStep = (stepIndex: number) => {\n    if (stepIndex === currentStep || disableStepIndicators) {\n      return;\n    }\n\n    setDirection(stepIndex > currentStep ? 1 : -1);\n    commitStep(stepIndex);\n  };\n\n  return (\n    <div\n      className={mergeClassNames(\n        \"flex min-h-full w-full flex-1 items-center justify-center p-4\",\n        className,\n      )}\n    >\n      <div\n        className={mergeClassNames(\n          \"mx-auto w-full max-w-3xl rounded-3xl border border-border bg-background shadow-2\",\n          stepCircleContainerClassName,\n        )}\n      >\n        <div\n          className={mergeClassNames(\n            \"flex w-full items-center gap-3 border-b border-border px-6 py-6 sm:px-8\",\n            stepContainerClassName,\n          )}\n        >\n          {stepsArray.map((_, index) => {\n            const status = getIndicatorStatus(index, currentStep);\n            const isClickable = !disableStepIndicators && index !== currentStep;\n            const indicatorProps: StepperWizardIndicatorRenderProps = {\n              stepIndex: index,\n              stepNumber: index + 1,\n              currentStep,\n              status,\n              isClickable,\n              onStepClick: navigateToStep,\n            };\n\n            return (\n              <div\n                key={`wizard-step-${index + 1}`}\n                className=\"flex flex-1 items-center\"\n              >\n                {renderStepIndicator ? (\n                  renderStepIndicator(indicatorProps)\n                ) : (\n                  <WizardStepIndicator {...indicatorProps} />\n                )}\n                {index < totalSteps - 1 ? (\n                  <WizardStepConnector isComplete={currentStep > index} />\n                ) : null}\n              </div>\n            );\n          })}\n        </div>\n\n        <WizardStepContentWrapper\n          isCompleted={isCompleted}\n          currentStep={currentStep}\n          direction={direction}\n          className={mergeClassNames(\"px-6 py-6 sm:px-8\", contentClassName)}\n        >\n          {stepsArray[currentStep]}\n        </WizardStepContentWrapper>\n\n        {!isCompleted ? (\n          <div\n            className={mergeClassNames(\n              \"px-6 pb-6 sm:px-8 sm:pb-8\",\n              footerClassName,\n            )}\n          >\n            <div\n              className={mergeClassNames(\n                \"mt-6 flex gap-3\",\n                currentStep > 0 ? \"justify-between\" : \"justify-end\",\n              )}\n            >\n              {currentStep > 0 ? (\n                <Button\n                  onClick={handleBack}\n                  className=\"rounded-md border-transparent bg-transparent px-3 py-2 text-sm font-medium text-muted-foreground shadow-none hover:bg-surface hover:text-foreground\"\n                  {...backButtonProps}\n                >\n                  {backButtonText}\n                </Button>\n              ) : null}\n              <Button\n                onClick={isLastStep ? handleComplete : handleNext}\n                primary\n                className=\"rounded-full px-4 py-2 text-sm font-semibold shadow-2\"\n                {...nextButtonProps}\n              >\n                {isLastStep ? completeButtonText : nextButtonText}\n              </Button>\n            </div>\n          </div>\n        ) : null}\n      </div>\n    </div>\n  );\n}\n\ninterface WizardStepContentWrapperProps {\n  isCompleted: boolean;\n  currentStep: number;\n  direction: number;\n  children: React.ReactNode;\n  className?: string;\n}\n\nfunction WizardStepContentWrapper({\n  isCompleted,\n  currentStep,\n  direction,\n  children,\n  className,\n}: WizardStepContentWrapperProps) {\n  const [parentHeight, setParentHeight] = useState(0);\n  const handleHeightReady = useCallback((height: number) => {\n    setParentHeight(height);\n  }, []);\n\n  return (\n    <motion.div\n      style={{ position: \"relative\", overflow: \"hidden\" }}\n      animate={{ height: isCompleted ? 0 : parentHeight }}\n      transition={{ type: \"spring\", duration: 0.4 }}\n      className={className}\n    >\n      <AnimatePresence initial={false} mode=\"wait\" custom={direction}>\n        {!isCompleted ? (\n          <WizardSlideTransition\n            key={currentStep}\n            direction={direction}\n            onHeightReady={handleHeightReady}\n          >\n            {children}\n          </WizardSlideTransition>\n        ) : null}\n      </AnimatePresence>\n    </motion.div>\n  );\n}\n\ninterface WizardSlideTransitionProps {\n  children: React.ReactNode;\n  direction: number;\n  onHeightReady: (height: number) => void;\n}\n\nfunction WizardSlideTransition({\n  children,\n  direction,\n  onHeightReady,\n}: WizardSlideTransitionProps) {\n  const containerRef = useRef<HTMLDivElement | null>(null);\n\n  useIsomorphicLayoutEffect(() => {\n    if (containerRef.current) {\n      onHeightReady(containerRef.current.offsetHeight);\n    }\n  }, [children, onHeightReady]);\n\n  return (\n    <motion.div\n      ref={containerRef}\n      custom={direction}\n      variants={wizardStepVariants}\n      initial=\"enter\"\n      animate=\"center\"\n      exit=\"exit\"\n      transition={{ duration: 0.35, ease: \"easeOut\" }}\n      style={{ position: \"absolute\", inset: 0 }}\n    >\n      {children}\n    </motion.div>\n  );\n}\n\nconst wizardStepVariants = {\n  enter: (direction: number) => ({\n    x: direction >= 0 ? \"-100%\" : \"100%\",\n    opacity: 0,\n  }),\n  center: {\n    x: \"0%\",\n    opacity: 1,\n  },\n  exit: (direction: number) => ({\n    x: direction >= 0 ? \"40%\" : \"-40%\",\n    opacity: 0,\n  }),\n};\n\nexport function StepperWizardStep({\n  children,\n  className,\n}: StepperWizardStepProps) {\n  return (\n    <div className={mergeClassNames(\"space-y-4\", className)}>{children}</div>\n  );\n}\n\nfunction WizardStepIndicator({\n  stepIndex,\n  stepNumber,\n  status,\n  isClickable,\n  onStepClick,\n}: StepperWizardIndicatorRenderProps) {\n  return (\n    <motion.button\n      type=\"button\"\n      onClick={() => onStepClick(stepIndex)}\n      className={mergeClassNames(\n        \"relative z-10 flex h-10 w-10 shrink-0 items-center justify-center rounded-full border text-sm font-semibold transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus/70 focus-visible:ring-offset-2 focus-visible:ring-offset-background\",\n        isClickable ? \"cursor-pointer\" : \"cursor-default\",\n      )}\n      animate={status}\n      initial={false}\n      disabled={!isClickable}\n      aria-current={status === \"active\" ? \"step\" : undefined}\n    >\n      <motion.span\n        variants={{\n          inactive: {\n            scale: 1,\n            backgroundColor: \"var(--ds-color-bg-surface)\",\n            borderColor: \"var(--ds-color-border)\",\n            color: \"var(--ds-color-fg-muted)\",\n          },\n          active: {\n            scale: 1,\n            backgroundColor: \"var(--ds-color-accent)\",\n            borderColor: \"var(--ds-color-accent)\",\n            color: \"var(--ds-color-fg-on-accent)\",\n          },\n          complete: {\n            scale: 1,\n            backgroundColor: \"var(--ds-color-accent)\",\n            borderColor: \"var(--ds-color-accent)\",\n            color: \"var(--ds-color-fg-on-accent)\",\n          },\n        }}\n        transition={{ duration: 0.25 }}\n        className=\"flex h-full w-full items-center justify-center rounded-full\"\n      >\n        {status === \"complete\" ? (\n          <AnimatedWizardCheckIcon className=\"h-4 w-4\" />\n        ) : status === \"active\" ? (\n          <span className=\"h-2.5 w-2.5 rounded-full bg-current\" />\n        ) : (\n          <span>{stepNumber}</span>\n        )}\n      </motion.span>\n    </motion.button>\n  );\n}\n\nfunction WizardStepConnector({ isComplete }: { isComplete: boolean }) {\n  return (\n    <div className=\"relative mx-2 h-0.5 flex-1 overflow-hidden rounded-full bg-border\">\n      <motion.div\n        className=\"absolute inset-y-0 left-0 rounded-full bg-accent\"\n        initial={false}\n        animate={isComplete ? \"complete\" : \"incomplete\"}\n        variants={{\n          incomplete: { width: 0 },\n          complete: { width: \"100%\" },\n        }}\n        transition={{ duration: 0.35, ease: \"easeOut\" }}\n      />\n    </div>\n  );\n}\n\nfunction AnimatedWizardCheckIcon({ className }: { className?: string }) {\n  return (\n    <span\n      className={mergeClassNames(\"flex items-center justify-center\", className)}\n    >\n      <CheckIcon className=\"h-full w-full\" aria-hidden=\"true\" />\n    </span>\n  );\n}\n\nexport default StepperWizard;\n"],"mappings":"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"}

package/dist/chunks/stepper-DUknuW2E.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"stepper-DUknuW2E.mjs","names":[],"sources":["../../src/components/navigation/stepper/Stepper.tsx","../../src/components/navigation/stepper/Stepper1.tsx","../../src/components/navigation/stepper/Stepper2.tsx"],"sourcesContent":["import { motion, AnimatePresence } from \"framer-motion\";\n\nimport { CheckIcon, CloseIcon } from \"../../icons\";\nimport { mergeClassNames } from \"../../../utils\";\nimport type {\n  StepperProps,\n  StepIndicatorProps,\n  StepStatus,\n  StepperSize,\n  StepperVariant,\n} from \"./types\";\n\n// Size configurations for indicators and icons\nconst sizeConfig: Record<\n  StepperSize,\n  { indicator: string; icon: string; text: string; connectorThickness: string }\n> = {\n  sm: {\n    indicator: \"w-8 h-8\",\n    icon: \"w-4 h-4\",\n    text: \"text-xs\",\n    connectorThickness: \"2px\",\n  },\n  md: {\n    indicator: \"w-10 h-10\",\n    icon: \"w-5 h-5\",\n    text: \"text-sm\",\n    connectorThickness: \"2px\",\n  },\n  lg: {\n    indicator: \"w-12 h-12\",\n    icon: \"w-6 h-6\",\n    text: \"text-base\",\n    connectorThickness: \"4px\",\n  },\n};\n\n// Variant styles for the indicator\nconst getVariantStyles = (variant: StepperVariant, status: StepStatus) => {\n  const baseStyles = {\n    default: {\n      completed: \"bg-accent text-on-accent shadow-md shadow-accent/25\",\n      current:\n        \"bg-accent text-on-accent ring-4 ring-focus/40 shadow-lg shadow-accent/30\",\n      upcoming:\n        \"bg-neutral-200 text-neutral-500 dark:bg-neutral-700 dark:text-neutral-400\",\n      error: \"bg-red-500 text-white ring-4 ring-red-500/30\",\n    },\n    glass: {\n      completed:\n        \"bg-accent/85 text-on-accent backdrop-blur-xl border border-accent/30 shadow-lg shadow-accent/20\",\n      current:\n        \"bg-accent/90 text-on-accent backdrop-blur-xl border-2 border-accent ring-4 ring-focus/30 shadow-xl shadow-accent/30\",\n      upcoming:\n        \"bg-white/60 text-neutral-500 backdrop-blur-xl border border-white/40 dark:bg-neutral-800/60 dark:text-neutral-400 dark:border-white/10\",\n      error:\n        \"bg-red-500/80 text-white backdrop-blur-xl border border-red-400/30 ring-4 ring-red-500/20\",\n    },\n    minimal: {\n      completed: \"bg-accent-subtle text-accent\",\n      current: \"bg-accent text-on-accent shadow-sm\",\n      upcoming:\n        \"bg-transparent text-neutral-400 border-2 border-neutral-300 dark:border-neutral-600\",\n      error: \"bg-red-100 text-red-500 dark:bg-red-900/30\",\n    },\n    outlined: {\n      completed: \"bg-transparent text-accent border-2 border-accent\",\n      current: \"bg-accent text-on-accent border-2 border-accent shadow-lg\",\n      upcoming:\n        \"bg-transparent text-neutral-400 border-2 border-neutral-300 dark:border-neutral-600\",\n      error: \"bg-transparent text-red-500 border-2 border-red-500\",\n    },\n  };\n\n  return baseStyles[variant][status];\n};\n\n// Step Indicator Component\nconst StepIndicator = ({\n  step,\n  index,\n  status,\n  size,\n  variant,\n  showNumbers,\n  animated,\n  colors,\n}: StepIndicatorProps) => {\n  const config = sizeConfig[size];\n  const variantStyles = getVariantStyles(variant, status);\n\n  // Custom color overrides\n  const customColorStyle = colors?.[status]\n    ? { backgroundColor: colors[status], borderColor: colors[status] }\n    : undefined;\n\n  const renderContent = () => {\n    if (step.icon) {\n      return <span className={config.icon}>{step.icon}</span>;\n    }\n\n    if (status === \"completed\") {\n      return <CheckIcon className={config.icon} aria-hidden=\"true\" />;\n    }\n\n    if (status === \"error\") {\n      return <CloseIcon className={config.icon} aria-hidden=\"true\" />;\n    }\n\n    if (showNumbers) {\n      return <span className=\"font-semibold\">{index + 1}</span>;\n    }\n\n    return (\n      <span\n        className={mergeClassNames(\n          \"rounded-full bg-current\",\n          size === \"sm\" ? \"w-2 h-2\" : \"w-3 h-3\",\n        )}\n      />\n    );\n  };\n\n  return (\n    <motion.div\n      className={mergeClassNames(\n        \"rounded-full flex items-center justify-center transition-all duration-300\",\n        config.indicator,\n        variantStyles,\n      )}\n      style={customColorStyle}\n      initial={animated ? { scale: 0.8, opacity: 0 } : undefined}\n      animate={animated ? { scale: 1, opacity: 1 } : undefined}\n      whileHover={{ scale: 1.05 }}\n      whileTap={{ scale: 0.95 }}\n      transition={{ type: \"spring\", stiffness: 400, damping: 17 }}\n    >\n      <AnimatePresence mode=\"wait\">\n        <motion.span\n          key={status}\n          initial={animated ? { scale: 0, rotate: -180 } : undefined}\n          animate={animated ? { scale: 1, rotate: 0 } : undefined}\n          exit={animated ? { scale: 0, rotate: 180 } : undefined}\n          transition={{ duration: 0.2 }}\n        >\n          {renderContent()}\n        </motion.span>\n      </AnimatePresence>\n    </motion.div>\n  );\n};\n\n// Main Stepper Component\nexport const Stepper = ({\n  steps,\n  currentStep,\n  onStepClick,\n  orientation = \"horizontal\",\n  size = \"md\",\n  variant = \"glass\",\n  showNumbers = true,\n  clickable = true,\n  showConnector = true,\n  className,\n  connectorClassName,\n  stepClassName,\n  showErrors = false,\n  errorSteps = [],\n  completedSteps,\n  animated = true,\n  colors,\n}: StepperProps) => {\n  const isVertical = orientation === \"vertical\";\n  const config = sizeConfig[size];\n\n  const getStepStatus = (index: number): StepStatus => {\n    if (showErrors && errorSteps.includes(index)) return \"error\";\n    if (completedSteps) {\n      if (completedSteps.includes(index)) return \"completed\";\n      if (index === currentStep) return \"current\";\n      return \"upcoming\";\n    }\n    if (index < currentStep) return \"completed\";\n    if (index === currentStep) return \"current\";\n    return \"upcoming\";\n  };\n\n  const handleStepClick = (index: number) => {\n    if (!clickable || !onStepClick) return;\n    const step = steps[index];\n    if (step.disabled) return;\n\n    // Allow clicking on completed or current steps\n    const status = getStepStatus(index);\n    if (status === \"completed\" || status === \"current\") {\n      onStepClick(index);\n    }\n  };\n\n  return (\n    <div\n      className={mergeClassNames(\n        \"w-full relative\",\n        isVertical ? \"flex flex-col\" : \"flex items-start justify-between\",\n        className,\n      )}\n    >\n      {/* Global Background Continuous Connector */}\n      {showConnector &&\n        (() => {\n          const paddingValue =\n            variant === \"glass\" ||\n            variant === \"outlined\" ||\n            variant === \"minimal\"\n              ? 4\n              : 2;\n          return (\n            <div\n              className={mergeClassNames(\n                \"absolute rounded-full\",\n                variant === \"glass\"\n                  ? \"bg-white/30 dark:bg-white/10 backdrop-blur-sm\"\n                  : \"bg-neutral-200 dark:bg-neutral-700\",\n                connectorClassName,\n              )}\n              style={{\n                ...(isVertical\n                  ? {\n                      // Vertical background line\n                      top: \"0\",\n                      bottom: \"0\",\n                      left: `calc(${paddingValue}px + 1px + ${config.indicator.split(\" \")[0].replace(\"w-\", \"\")} * 0.125rem - ${config.connectorThickness} / 2)`,\n                      width: config.connectorThickness,\n                    }\n                  : {\n                      // Horizontal background line\n                      left: \"0\",\n                      right: \"0\",\n                      top: `calc(${paddingValue}px + 1px + ${config.indicator.split(\" \")[1].replace(\"h-\", \"\")} * 0.125rem - ${config.connectorThickness} / 2)`,\n                      height: config.connectorThickness,\n                    }),\n              }}\n            >\n              {/* Animated fill connector */}\n              {animated ? (\n                <motion.div\n                  className=\"absolute top-0 left-0 bg-accent rounded-full\"\n                  initial={{ [isVertical ? \"height\" : \"width\"]: 0 }}\n                  animate={{\n                    [isVertical ? \"height\" : \"width\"]:\n                      `${steps.length > 1 ? (Math.min(currentStep, steps.length - 1) / (steps.length - 1)) * 100 : 0}%`,\n                  }}\n                  transition={{ duration: 0.4, ease: \"easeOut\" }}\n                  style={{\n                    ...(isVertical ? { width: \"100%\" } : { height: \"100%\" }),\n                    backgroundColor: colors?.connector || colors?.completed,\n                  }}\n                />\n              ) : (\n                <div\n                  className=\"absolute top-0 left-0 bg-accent rounded-full\"\n                  style={{\n                    ...(isVertical\n                      ? {\n                          width: \"100%\",\n                          height: `${steps.length > 1 ? (Math.min(currentStep, steps.length - 1) / (steps.length - 1)) * 100 : 0}%`,\n                        }\n                      : {\n                          height: \"100%\",\n                          width: `${steps.length > 1 ? (Math.min(currentStep, steps.length - 1) / (steps.length - 1)) * 100 : 0}%`,\n                        }),\n                    backgroundColor: colors?.connector || colors?.completed,\n                  }}\n                />\n              )}\n            </div>\n          );\n        })()}\n\n      {steps.map((step, index) => {\n        const status = getStepStatus(index);\n        const isLast = index === steps.length - 1;\n        const isClickable = clickable && !step.disabled; // Keep steps clickable unconditionally for navigation\n        const paddingValue =\n          variant === \"glass\" || variant === \"outlined\" || variant === \"minimal\"\n            ? 4\n            : 2;\n\n        return (\n          <div\n            key={step.id}\n            className={mergeClassNames(\n              \"relative z-10\",\n              isVertical\n                ? \"flex gap-4 pb-8\" // spacing between vertical elements\n                : \"flex flex-1 flex-col items-center\",\n              !isLast && isVertical && \"mb-2\",\n              isVertical && isLast && \"pb-0\",\n              stepClassName,\n            )}\n            style={{\n              // Ensure perfect horizontal distribution\n              ...(!isVertical\n                ? {\n                    flexBasis: 0,\n                    flexGrow: 1,\n                    // Keep first item aligned left, last aligned right, others centered\n                    alignItems:\n                      index === 0\n                        ? \"flex-start\"\n                        : isLast\n                          ? \"flex-end\"\n                          : \"center\",\n                  }\n                : {}),\n            }}\n          >\n            {/* Step Indicator */}\n            <button\n              type=\"button\"\n              onClick={() => handleStepClick(index)}\n              disabled={!isClickable}\n              className={mergeClassNames(\n                \"relative z-10 shrink-0 flex items-center justify-center bg-white dark:bg-neutral-900 rounded-full\", // Mask background line\n                isClickable ? \"cursor-pointer\" : \"cursor-default\",\n                // Horizontal offset logic for end items to align with text\n                !isVertical && index === 0 && \"mx-0\",\n                !isVertical && isLast && \"mx-0\",\n              )}\n              style={{\n                // Adjust the background masking size depending on variant so the line doesn't peek through the edges\n                padding: `${paddingValue}px`,\n              }}\n              aria-current={status === \"current\" ? \"step\" : undefined}\n            >\n              <StepIndicator\n                step={step}\n                index={index}\n                status={status}\n                size={size}\n                variant={variant}\n                showNumbers={showNumbers}\n                animated={animated}\n                colors={colors}\n              />\n            </button>\n\n            {/* Step text content */}\n            <motion.div\n              className={mergeClassNames(\n                \"mt-2\",\n                isVertical ? \"flex-1 pb-6\" : \"text-center px-2\",\n                !isVertical && index === 0 && \"text-left px-0\",\n                !isVertical && isLast && \"text-right px-0\",\n                isVertical && isLast && \"pb-0\",\n              )}\n              style={isVertical ? { marginTop: \"-4px\" } : undefined}\n              initial={animated ? { opacity: 0, y: 10 } : undefined}\n              animate={animated ? { opacity: 1, y: 0 } : undefined}\n              transition={{ delay: index * 0.1 }}\n            >\n              <p\n                className={mergeClassNames(\n                  \"font-medium transition-colors duration-200\",\n                  config.text,\n                  status === \"current\"\n                    ? \"text-accent\"\n                    : status === \"completed\"\n                      ? \"text-neutral-700 dark:text-neutral-200\"\n                      : status === \"error\"\n                        ? \"text-red-500\"\n                        : \"text-neutral-500 dark:text-neutral-400\",\n                )}\n              >\n                {step.title}\n                {step.optional && (\n                  <span className=\"ml-1 text-neutral-400 dark:text-neutral-500 font-normal\">\n                    (Optional)\n                  </span>\n                )}\n              </p>\n              {step.description && (\n                <p\n                  className={mergeClassNames(\n                    \"mt-0.5 text-neutral-500 dark:text-neutral-400\",\n                    size === \"sm\" ? \"text-xs\" : \"text-xs\",\n                  )}\n                >\n                  {step.description}\n                </p>\n              )}\n            </motion.div>\n\n            {/* Step content (for vertical with content) */}\n            {isVertical && step.content && status === \"current\" && (\n              <motion.div\n                initial={{ opacity: 0, height: 0 }}\n                animate={{ opacity: 1, height: \"auto\" }}\n                exit={{ opacity: 0, height: 0 }}\n                className=\"pl-14 pb-4 w-full\"\n              >\n                {step.content}\n              </motion.div>\n            )}\n          </div>\n        );\n      })}\n    </div>\n  );\n};\n\nStepper.displayName = \"Stepper\";\n\nexport default Stepper;\n","import { useSyncExternalStore } from \"react\";\n\nimport { Button } from \"../../forms/button\";\nimport { AlertTriangleIcon, CheckIcon } from \"../../icons\";\nimport { mergeClassNames } from \"../../../utils\";\nimport type { StepperStepsProps, StepperStepsState } from \"./types\";\n\nconst DEFAULT_BREAKPOINT = 1080;\n\nfunction subscribeToMediaQuery(\n  query: string,\n  onStoreChange: () => void,\n): () => void {\n  if (typeof window === \"undefined\") {\n    return () => undefined;\n  }\n\n  const mediaQuery = window.matchMedia(query);\n  mediaQuery.addEventListener(\"change\", onStoreChange);\n\n  return () => mediaQuery.removeEventListener(\"change\", onStoreChange);\n}\n\nfunction getMediaQuerySnapshot(query: string): boolean {\n  if (typeof window === \"undefined\") {\n    return false;\n  }\n\n  return window.matchMedia(query).matches;\n}\n\nfunction getStepColors(\n  state: StepperStepsState,\n  isActive: boolean,\n): {\n  buttonClassName: string;\n  connectorClassName: string;\n  badgeClassName: string;\n} {\n  if (isActive) {\n    return {\n      buttonClassName:\n        \"border-accent bg-accent/12 text-accent shadow-sm shadow-accent/10\",\n      connectorClassName: \"bg-accent\",\n      badgeClassName: \"border-accent bg-accent text-on-accent\",\n    };\n  }\n\n  if (state === \"valid\") {\n    return {\n      buttonClassName:\n        \"border-success bg-success/10 text-success shadow-sm shadow-success/10\",\n      connectorClassName: \"bg-success\",\n      badgeClassName: \"border-success bg-success text-on-accent\",\n    };\n  }\n\n  if (state === \"invalid\") {\n    return {\n      buttonClassName:\n        \"border-red-500 bg-red-500/10 text-red-600 dark:text-red-300\",\n      connectorClassName: \"bg-red-500\",\n      badgeClassName: \"border-red-500 bg-red-500 text-white\",\n    };\n  }\n\n  return {\n    buttonClassName:\n      \"border-border bg-surface text-muted-foreground hover:border-border-strong hover:bg-canvas\",\n    connectorClassName: \"bg-border-strong/70\",\n    badgeClassName: \"border-border bg-background text-muted-foreground\",\n  };\n}\n\nfunction renderStepContent(\n  label: string,\n  icon: StepperStepsProps[\"steps\"][number][\"icon\"],\n  state: StepperStepsState,\n  stepNumber: number,\n  badgeClassName: string,\n) {\n  if (state === \"valid\") {\n    return (\n      <span className=\"flex items-center gap-2\">\n        <CheckIcon className=\"h-5 w-5\" aria-hidden=\"true\" />\n        <span className=\"truncate\">{label}</span>\n      </span>\n    );\n  }\n\n  if (state === \"invalid\") {\n    return (\n      <span className=\"flex items-center gap-2\">\n        <AlertTriangleIcon className=\"h-5 w-5\" aria-hidden=\"true\" />\n        <span className=\"truncate\">{label}</span>\n      </span>\n    );\n  }\n\n  if (icon) {\n    return (\n      <span className=\"flex items-center gap-2\">\n        <span className=\"shrink-0\">{icon}</span>\n        <span className=\"truncate\">{label}</span>\n      </span>\n    );\n  }\n\n  return (\n    <span className=\"flex items-center gap-2\">\n      <span\n        className={mergeClassNames(\n          \"flex h-6 w-6 shrink-0 items-center justify-center rounded-full border text-xs font-semibold\",\n          badgeClassName,\n        )}\n        aria-hidden=\"true\"\n      >\n        {stepNumber}\n      </span>\n      <span className=\"truncate\">{label}</span>\n    </span>\n  );\n}\n\nexport function StepperSteps({\n  steps,\n  currentStep,\n  onStepClick,\n  stepStates = [],\n  orientation = \"responsive\",\n  responsiveBreakpoint = DEFAULT_BREAKPOINT,\n  className,\n  stepClassName,\n  connectorClassName,\n}: StepperStepsProps) {\n  const responsiveQuery = `(max-width: ${responsiveBreakpoint}px)`;\n  const isCompact = useSyncExternalStore(\n    (onStoreChange) => {\n      if (orientation !== \"responsive\") {\n        return () => undefined;\n      }\n\n      return subscribeToMediaQuery(responsiveQuery, onStoreChange);\n    },\n    () =>\n      orientation === \"responsive\"\n        ? getMediaQuerySnapshot(responsiveQuery)\n        : false,\n    () => false,\n  );\n\n  const isVertical =\n    orientation === \"vertical\" || (orientation === \"responsive\" && isCompact);\n\n  return (\n    <div\n      className={mergeClassNames(\n        isVertical\n          ? \"flex w-full flex-col items-start\"\n          : \"flex w-full items-center\",\n        className,\n      )}\n    >\n      {steps.map((step, index) => {\n        const stepNumber = index + 1;\n        const state = stepStates[index] ?? \"untouched\";\n        const isActive = index === currentStep;\n        const isClickable = typeof onStepClick === \"function\" && !isActive;\n        const colors = getStepColors(state, isActive);\n\n        return (\n          <div\n            key={`${step.label}-${stepNumber}`}\n            className={mergeClassNames(\n              isVertical ? \"w-full\" : \"flex min-w-0 flex-1 items-center\",\n            )}\n          >\n            <Button\n              disabled={!isClickable}\n              onClick={() => onStepClick?.(index)}\n              className={mergeClassNames(\n                \"relative z-10 flex min-h-11 items-center justify-center rounded-md border px-4 py-3 text-sm font-medium transition-colors duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus/70 focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-default disabled:opacity-100\",\n                isVertical ? \"w-full\" : \"w-full min-w-0\",\n                colors.buttonClassName,\n                stepClassName,\n              )}\n              aria-current={isActive ? \"step\" : undefined}\n              aria-invalid={state === \"invalid\" ? true : undefined}\n            >\n              {renderStepContent(\n                step.label,\n                step.icon,\n                state,\n                stepNumber,\n                colors.badgeClassName,\n              )}\n            </Button>\n\n            {index < steps.length - 1 ? (\n              isVertical ? (\n                <div\n                  className={mergeClassNames(\n                    \"mx-auto my-2 h-8 w-px rounded-full\",\n                    colors.connectorClassName,\n                    connectorClassName,\n                  )}\n                  aria-hidden=\"true\"\n                />\n              ) : (\n                <div\n                  className={mergeClassNames(\n                    \"mx-3 h-px min-w-6 flex-1 rounded-full\",\n                    colors.connectorClassName,\n                    connectorClassName,\n                  )}\n                  aria-hidden=\"true\"\n                />\n              )\n            ) : null}\n          </div>\n        );\n      })}\n    </div>\n  );\n}\n\nexport default StepperSteps;\n","import {\n  Children,\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { AnimatePresence, motion } from \"framer-motion\";\n\nimport { Button } from \"../../forms/button\";\nimport { CheckIcon } from \"../../icons\";\nimport { mergeClassNames } from \"../../../utils\";\nimport type {\n  StepperWizardIndicatorRenderProps,\n  StepperWizardIndicatorStatus,\n  StepperWizardProps,\n  StepperWizardStepProps,\n} from \"./types\";\n\nconst useIsomorphicLayoutEffect =\n  typeof window === \"undefined\" ? useEffect : useLayoutEffect;\n\nfunction clampStep(step: number, totalSteps: number): number {\n  return Math.min(Math.max(step, 0), totalSteps);\n}\n\nfunction getIndicatorStatus(\n  stepIndex: number,\n  currentStep: number,\n): StepperWizardIndicatorStatus {\n  if (stepIndex === currentStep) {\n    return \"active\";\n  }\n\n  if (stepIndex < currentStep) {\n    return \"complete\";\n  }\n\n  return \"inactive\";\n}\n\nexport function StepperWizard({\n  children,\n  initialStep = 0,\n  currentStep: controlledStep,\n  onStepChange,\n  onFinalStepCompleted,\n  stepCircleContainerClassName,\n  stepContainerClassName,\n  contentClassName,\n  footerClassName,\n  backButtonProps,\n  nextButtonProps,\n  backButtonText = \"Back\",\n  nextButtonText = \"Continue\",\n  completeButtonText = \"Complete\",\n  disableStepIndicators = false,\n  renderStepIndicator,\n  className,\n}: StepperWizardProps) {\n  const stepsArray = Children.toArray(children);\n  const totalSteps = stepsArray.length;\n  const [internalStep, setInternalStep] = useState(() =>\n    clampStep(initialStep, totalSteps),\n  );\n  const [direction, setDirection] = useState(0);\n\n  const currentStep = clampStep(controlledStep ?? internalStep, totalSteps);\n  const isCompleted = currentStep >= totalSteps;\n  const isLastStep = totalSteps > 0 && currentStep === totalSteps - 1;\n\n  const commitStep = useCallback(\n    (nextStep: number) => {\n      const clampedStep = clampStep(nextStep, totalSteps);\n\n      if (controlledStep === undefined) {\n        setInternalStep(clampedStep);\n      }\n\n      if (clampedStep >= totalSteps) {\n        onFinalStepCompleted?.();\n        return;\n      }\n\n      onStepChange?.(clampedStep);\n    },\n    [controlledStep, onFinalStepCompleted, onStepChange, totalSteps],\n  );\n\n  if (totalSteps === 0) {\n    return null;\n  }\n\n  const handleBack = () => {\n    if (currentStep > 0) {\n      setDirection(-1);\n      commitStep(currentStep - 1);\n    }\n  };\n\n  const handleNext = () => {\n    if (!isLastStep) {\n      setDirection(1);\n      commitStep(currentStep + 1);\n    }\n  };\n\n  const handleComplete = () => {\n    setDirection(1);\n    commitStep(totalSteps);\n  };\n\n  const navigateToStep = (stepIndex: number) => {\n    if (stepIndex === currentStep || disableStepIndicators) {\n      return;\n    }\n\n    setDirection(stepIndex > currentStep ? 1 : -1);\n    commitStep(stepIndex);\n  };\n\n  return (\n    <div\n      className={mergeClassNames(\n        \"flex min-h-full w-full flex-1 items-center justify-center p-4\",\n        className,\n      )}\n    >\n      <div\n        className={mergeClassNames(\n          \"mx-auto w-full max-w-3xl rounded-3xl border border-border bg-background shadow-2\",\n          stepCircleContainerClassName,\n        )}\n      >\n        <div\n          className={mergeClassNames(\n            \"flex w-full items-center gap-3 border-b border-border px-6 py-6 sm:px-8\",\n            stepContainerClassName,\n          )}\n        >\n          {stepsArray.map((_, index) => {\n            const status = getIndicatorStatus(index, currentStep);\n            const isClickable = !disableStepIndicators && index !== currentStep;\n            const indicatorProps: StepperWizardIndicatorRenderProps = {\n              stepIndex: index,\n              stepNumber: index + 1,\n              currentStep,\n              status,\n              isClickable,\n              onStepClick: navigateToStep,\n            };\n\n            return (\n              <div\n                key={`wizard-step-${index + 1}`}\n                className=\"flex flex-1 items-center\"\n              >\n                {renderStepIndicator ? (\n                  renderStepIndicator(indicatorProps)\n                ) : (\n                  <WizardStepIndicator {...indicatorProps} />\n                )}\n                {index < totalSteps - 1 ? (\n                  <WizardStepConnector isComplete={currentStep > index} />\n                ) : null}\n              </div>\n            );\n          })}\n        </div>\n\n        <WizardStepContentWrapper\n          isCompleted={isCompleted}\n          currentStep={currentStep}\n          direction={direction}\n          className={mergeClassNames(\"px-6 py-6 sm:px-8\", contentClassName)}\n        >\n          {stepsArray[currentStep]}\n        </WizardStepContentWrapper>\n\n        {!isCompleted ? (\n          <div\n            className={mergeClassNames(\n              \"px-6 pb-6 sm:px-8 sm:pb-8\",\n              footerClassName,\n            )}\n          >\n            <div\n              className={mergeClassNames(\n                \"mt-6 flex gap-3\",\n                currentStep > 0 ? \"justify-between\" : \"justify-end\",\n              )}\n            >\n              {currentStep > 0 ? (\n                <Button\n                  onClick={handleBack}\n                  className=\"rounded-md border-transparent bg-transparent px-3 py-2 text-sm font-medium text-muted-foreground shadow-none hover:bg-surface hover:text-foreground\"\n                  {...backButtonProps}\n                >\n                  {backButtonText}\n                </Button>\n              ) : null}\n              <Button\n                onClick={isLastStep ? handleComplete : handleNext}\n                primary\n                className=\"rounded-full px-4 py-2 text-sm font-semibold shadow-2\"\n                {...nextButtonProps}\n              >\n                {isLastStep ? completeButtonText : nextButtonText}\n              </Button>\n            </div>\n          </div>\n        ) : null}\n      </div>\n    </div>\n  );\n}\n\ninterface WizardStepContentWrapperProps {\n  isCompleted: boolean;\n  currentStep: number;\n  direction: number;\n  children: React.ReactNode;\n  className?: string;\n}\n\nfunction WizardStepContentWrapper({\n  isCompleted,\n  currentStep,\n  direction,\n  children,\n  className,\n}: WizardStepContentWrapperProps) {\n  const [parentHeight, setParentHeight] = useState(0);\n  const handleHeightReady = useCallback((height: number) => {\n    setParentHeight(height);\n  }, []);\n\n  return (\n    <motion.div\n      style={{ position: \"relative\", overflow: \"hidden\" }}\n      animate={{ height: isCompleted ? 0 : parentHeight }}\n      transition={{ type: \"spring\", duration: 0.4 }}\n      className={className}\n    >\n      <AnimatePresence initial={false} mode=\"wait\" custom={direction}>\n        {!isCompleted ? (\n          <WizardSlideTransition\n            key={currentStep}\n            direction={direction}\n            onHeightReady={handleHeightReady}\n          >\n            {children}\n          </WizardSlideTransition>\n        ) : null}\n      </AnimatePresence>\n    </motion.div>\n  );\n}\n\ninterface WizardSlideTransitionProps {\n  children: React.ReactNode;\n  direction: number;\n  onHeightReady: (height: number) => void;\n}\n\nfunction WizardSlideTransition({\n  children,\n  direction,\n  onHeightReady,\n}: WizardSlideTransitionProps) {\n  const containerRef = useRef<HTMLDivElement | null>(null);\n\n  useIsomorphicLayoutEffect(() => {\n    if (containerRef.current) {\n      onHeightReady(containerRef.current.offsetHeight);\n    }\n  }, [children, onHeightReady]);\n\n  return (\n    <motion.div\n      ref={containerRef}\n      custom={direction}\n      variants={wizardStepVariants}\n      initial=\"enter\"\n      animate=\"center\"\n      exit=\"exit\"\n      transition={{ duration: 0.35, ease: \"easeOut\" }}\n      style={{ position: \"absolute\", inset: 0 }}\n    >\n      {children}\n    </motion.div>\n  );\n}\n\nconst wizardStepVariants = {\n  enter: (direction: number) => ({\n    x: direction >= 0 ? \"-100%\" : \"100%\",\n    opacity: 0,\n  }),\n  center: {\n    x: \"0%\",\n    opacity: 1,\n  },\n  exit: (direction: number) => ({\n    x: direction >= 0 ? \"40%\" : \"-40%\",\n    opacity: 0,\n  }),\n};\n\nexport function StepperWizardStep({\n  children,\n  className,\n}: StepperWizardStepProps) {\n  return (\n    <div className={mergeClassNames(\"space-y-4\", className)}>{children}</div>\n  );\n}\n\nfunction WizardStepIndicator({\n  stepIndex,\n  stepNumber,\n  status,\n  isClickable,\n  onStepClick,\n}: StepperWizardIndicatorRenderProps) {\n  return (\n    <motion.button\n      type=\"button\"\n      onClick={() => onStepClick(stepIndex)}\n      className={mergeClassNames(\n        \"relative z-10 flex h-10 w-10 shrink-0 items-center justify-center rounded-full border text-sm font-semibold transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus/70 focus-visible:ring-offset-2 focus-visible:ring-offset-background\",\n        isClickable ? \"cursor-pointer\" : \"cursor-default\",\n      )}\n      animate={status}\n      initial={false}\n      disabled={!isClickable}\n      aria-current={status === \"active\" ? \"step\" : undefined}\n    >\n      <motion.span\n        variants={{\n          inactive: {\n            scale: 1,\n            backgroundColor: \"var(--ds-color-bg-surface)\",\n            borderColor: \"var(--ds-color-border)\",\n            color: \"var(--ds-color-fg-muted)\",\n          },\n          active: {\n            scale: 1,\n            backgroundColor: \"var(--ds-color-accent)\",\n            borderColor: \"var(--ds-color-accent)\",\n            color: \"var(--ds-color-fg-on-accent)\",\n          },\n          complete: {\n            scale: 1,\n            backgroundColor: \"var(--ds-color-accent)\",\n            borderColor: \"var(--ds-color-accent)\",\n            color: \"var(--ds-color-fg-on-accent)\",\n          },\n        }}\n        transition={{ duration: 0.25 }}\n        className=\"flex h-full w-full items-center justify-center rounded-full\"\n      >\n        {status === \"complete\" ? (\n          <AnimatedWizardCheckIcon className=\"h-4 w-4\" />\n        ) : status === \"active\" ? (\n          <span className=\"h-2.5 w-2.5 rounded-full bg-current\" />\n        ) : (\n          <span>{stepNumber}</span>\n        )}\n      </motion.span>\n    </motion.button>\n  );\n}\n\nfunction WizardStepConnector({ isComplete }: { isComplete: boolean }) {\n  return (\n    <div className=\"relative mx-2 h-0.5 flex-1 overflow-hidden rounded-full bg-border\">\n      <motion.div\n        className=\"absolute inset-y-0 left-0 rounded-full bg-accent\"\n        initial={false}\n        animate={isComplete ? \"complete\" : \"incomplete\"}\n        variants={{\n          incomplete: { width: 0 },\n          complete: { width: \"100%\" },\n        }}\n        transition={{ duration: 0.35, ease: \"easeOut\" }}\n      />\n    </div>\n  );\n}\n\nfunction AnimatedWizardCheckIcon({ className }: { className?: string }) {\n  return (\n    <span\n      className={mergeClassNames(\"flex items-center justify-center\", className)}\n    >\n      <CheckIcon className=\"h-full w-full\" aria-hidden=\"true\" />\n    </span>\n  );\n}\n\nexport default StepperWizard;\n"],"mappings":"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"}