erp-pro-ui 0.1.1 → 0.1.2

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

@@ -1 +0,0 @@
-{"version":3,"file":"stepper-BDz6PkjV.cjs","names":[],"sources":["../../src/components/navigation/stepper/Stepper.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-primary text-white shadow-md shadow-primary/30\",\n      current:\n        \"bg-primary text-white ring-4 ring-primary/30 shadow-lg shadow-primary/40\",\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-primary/80 text-white backdrop-blur-xl border border-primary/30 shadow-lg shadow-primary/20\",\n      current:\n        \"bg-primary/90 text-white backdrop-blur-xl border-2 border-primary ring-4 ring-primary/20 shadow-xl shadow-primary/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-primary/10 text-primary dark:bg-primary/20\",\n      current: \"bg-primary text-white 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-primary border-2 border-primary\",\n      current: \"bg-primary text-white border-2 border-primary 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-primary 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-primary 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 flex-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-primary dark:text-primary-400\"\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"],"mappings":"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"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"stepper-uz8iRzlY.mjs","names":[],"sources":["../../src/components/navigation/stepper/Stepper.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-primary text-white shadow-md shadow-primary/30\",\n      current:\n        \"bg-primary text-white ring-4 ring-primary/30 shadow-lg shadow-primary/40\",\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-primary/80 text-white backdrop-blur-xl border border-primary/30 shadow-lg shadow-primary/20\",\n      current:\n        \"bg-primary/90 text-white backdrop-blur-xl border-2 border-primary ring-4 ring-primary/20 shadow-xl shadow-primary/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-primary/10 text-primary dark:bg-primary/20\",\n      current: \"bg-primary text-white 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-primary border-2 border-primary\",\n      current: \"bg-primary text-white border-2 border-primary 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-primary 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-primary 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 flex-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-primary dark:text-primary-400\"\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"],"mappings":"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"}

package/dist/chunks/switch-DYLavKgf.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"switch-DYLavKgf.mjs","names":[],"sources":["../../src/components/forms/switch/Switch.tsx"],"sourcesContent":["import { forwardRef, useId } from \"react\";\n\nimport type { SwitchProps } from \"./types\";\n\nconst sanitizeId = (value: string) => value.replace(/[^a-zA-Z0-9_-]/g, \"-\");\n\nexport const Switch = forwardRef<HTMLInputElement, SwitchProps>(\n  ({ className = \"\", label, error, id, checked, ...props }, ref) => {\n    const generatedId = useId();\n    const switchId = id || `switch-${sanitizeId(generatedId)}`;\n    const containerClasses = `flex items-center space-x-2 ${className}`\n      .trim()\n      .replace(/\\s+/g, \" \");\n\n    return (\n      <div className={containerClasses}>\n        <label\n          htmlFor={switchId}\n          className={`\n            relative inline-flex h-6 w-11 cursor-pointer items-center rounded-full transition-colors duration-200\n            focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background\n            disabled:cursor-not-allowed disabled:opacity-50\n            ${checked ? \"bg-primary\" : \"bg-zinc-300 dark:bg-zinc-600\"}\n          `\n            .trim()\n            .replace(/\\s+/g, \" \")}\n        >\n          <input\n            ref={ref}\n            type=\"checkbox\"\n            id={switchId}\n            className=\"sr-only\"\n            checked={checked}\n            {...props}\n          />\n          <span\n            className={`\n              pointer-events-none\n              inline-block\n              h-4\n              w-4\n              transform\n              rounded-full\n              bg-white\n              shadow-lg\n              ring-0\n              transition-transform\n              duration-300\n              ease-in-out\n              ${checked ? \"translate-x-6\" : \"translate-x-1\"}\n            `\n              .trim()\n              .replace(/\\s+/g, \" \")}\n          />\n        </label>\n        {label && (\n          <label\n            htmlFor={switchId}\n            className=\"text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 cursor-pointer\"\n          >\n            {label}\n          </label>\n        )}\n        {error && (\n          <p className=\"text-sm font-medium text-destructive mt-1\">{error}</p>\n        )}\n      </div>\n    );\n  },\n);\n\nSwitch.displayName = \"Switch\";\n"],"mappings":";;;AAIA,IAAM,cAAc,UAAkB,MAAM,QAAQ,mBAAmB,IAAI;AAE3E,IAAa,SAAS,YACnB,EAAE,YAAY,IAAI,OAAO,OAAO,IAAI,SAAS,GAAG,SAAS,QAAQ;CAChE,MAAM,cAAc,OAAO;CAC3B,MAAM,WAAW,MAAM,UAAU,WAAW,YAAY;AAKxD,QACE,qBAAC,OAAD;EAAK,WALkB,+BAA+B,YACrD,MAAM,CACN,QAAQ,QAAQ,IAAI;YAGrB;GACE,qBAAC,SAAD;IACE,SAAS;IACT,WAAW;;;;cAIP,UAAU,eAAe,+BAA+B;YAEzD,MAAM,CACN,QAAQ,QAAQ,IAAI;cATzB,CAWE,oBAAC,SAAD;KACO;KACL,MAAK;KACL,IAAI;KACJ,WAAU;KACD;KACT,GAAI;KACJ,CAAA,EACF,oBAAC,QAAD,EACE,WAAW;;;;;;;;;;;;;gBAaP,UAAU,kBAAkB,gBAAgB;cAE7C,MAAM,CACN,QAAQ,QAAQ,IAAI,EACvB,CAAA,CACI;;GACP,SACC,oBAAC,SAAD;IACE,SAAS;IACT,WAAU;cAET;IACK,CAAA;GAET,SACC,oBAAC,KAAD;IAAG,WAAU;cAA6C;IAAU,CAAA;GAElE;;EAGX;AAED,OAAO,cAAc"}

package/dist/chunks/switch-y8oWcyLp.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"switch-y8oWcyLp.cjs","names":[],"sources":["../../src/components/forms/switch/Switch.tsx"],"sourcesContent":["import { forwardRef, useId } from \"react\";\n\nimport type { SwitchProps } from \"./types\";\n\nconst sanitizeId = (value: string) => value.replace(/[^a-zA-Z0-9_-]/g, \"-\");\n\nexport const Switch = forwardRef<HTMLInputElement, SwitchProps>(\n  ({ className = \"\", label, error, id, checked, ...props }, ref) => {\n    const generatedId = useId();\n    const switchId = id || `switch-${sanitizeId(generatedId)}`;\n    const containerClasses = `flex items-center space-x-2 ${className}`\n      .trim()\n      .replace(/\\s+/g, \" \");\n\n    return (\n      <div className={containerClasses}>\n        <label\n          htmlFor={switchId}\n          className={`\n            relative inline-flex h-6 w-11 cursor-pointer items-center rounded-full transition-colors duration-200\n            focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background\n            disabled:cursor-not-allowed disabled:opacity-50\n            ${checked ? \"bg-primary\" : \"bg-zinc-300 dark:bg-zinc-600\"}\n          `\n            .trim()\n            .replace(/\\s+/g, \" \")}\n        >\n          <input\n            ref={ref}\n            type=\"checkbox\"\n            id={switchId}\n            className=\"sr-only\"\n            checked={checked}\n            {...props}\n          />\n          <span\n            className={`\n              pointer-events-none\n              inline-block\n              h-4\n              w-4\n              transform\n              rounded-full\n              bg-white\n              shadow-lg\n              ring-0\n              transition-transform\n              duration-300\n              ease-in-out\n              ${checked ? \"translate-x-6\" : \"translate-x-1\"}\n            `\n              .trim()\n              .replace(/\\s+/g, \" \")}\n          />\n        </label>\n        {label && (\n          <label\n            htmlFor={switchId}\n            className=\"text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 cursor-pointer\"\n          >\n            {label}\n          </label>\n        )}\n        {error && (\n          <p className=\"text-sm font-medium text-destructive mt-1\">{error}</p>\n        )}\n      </div>\n    );\n  },\n);\n\nSwitch.displayName = \"Switch\";\n"],"mappings":";;;;AAIA,IAAM,cAAc,UAAkB,MAAM,QAAQ,mBAAmB,IAAI;AAE3E,IAAa,UAAA,GAAA,MAAA,aACV,EAAE,YAAY,IAAI,OAAO,OAAO,IAAI,SAAS,GAAG,SAAS,QAAQ;CAChE,MAAM,eAAA,GAAA,MAAA,QAAqB;CAC3B,MAAM,WAAW,MAAM,UAAU,WAAW,YAAY;AAKxD,QACE,iBAAA,GAAA,kBAAA,MAAC,OAAD;EAAK,WALkB,+BAA+B,YACrD,MAAM,CACN,QAAQ,QAAQ,IAAI;YAGrB;GACE,iBAAA,GAAA,kBAAA,MAAC,SAAD;IACE,SAAS;IACT,WAAW;;;;cAIP,UAAU,eAAe,+BAA+B;YAEzD,MAAM,CACN,QAAQ,QAAQ,IAAI;cATzB,CAWE,iBAAA,GAAA,kBAAA,KAAC,SAAD;KACO;KACL,MAAK;KACL,IAAI;KACJ,WAAU;KACD;KACT,GAAI;KACJ,CAAA,EACF,iBAAA,GAAA,kBAAA,KAAC,QAAD,EACE,WAAW;;;;;;;;;;;;;gBAaP,UAAU,kBAAkB,gBAAgB;cAE7C,MAAM,CACN,QAAQ,QAAQ,IAAI,EACvB,CAAA,CACI;;GACP,SACC,iBAAA,GAAA,kBAAA,KAAC,SAAD;IACE,SAAS;IACT,WAAU;cAET;IACK,CAAA;GAET,SACC,iBAAA,GAAA,kBAAA,KAAC,KAAD;IAAG,WAAU;cAA6C;IAAU,CAAA;GAElE;;EAGX;AAED,OAAO,cAAc"}

package/dist/chunks/textarea-BWkUVpm3.cjs

@@ -1,66 +0,0 @@
-require("./chunk-B_GkZjkl.cjs");
-let react = require("react");
-let react_jsx_runtime = require("react/jsx-runtime");
-//#region src/components/forms/textarea/Textarea.tsx
-var Textarea = (0, react.forwardRef)(({ className = "", label, error, helperText, ...props }, ref) => {
-	const textareaClasses = `
-      flex
-      min-h-[80px]
-      w-full
-      rounded-md
-      border
-      border-neutral-300
-      dark:border-neutral-600
-      bg-white
-      dark:bg-neutral-700
-      px-3
-      py-2
-      text-sm
-      text-neutral-900
-      dark:text-white
-      transition-all
-      duration-200
-      placeholder:text-neutral-500
-      dark:placeholder:text-neutral-400
-      focus-visible:outline-none
-      focus-visible:ring-2
-      focus-visible:ring-primary
-      disabled:cursor-not-allowed
-      disabled:opacity-50
-      resize-none
-      ${error ? "border-red-500 focus-visible:ring-red-500" : ""}
-      ${className}
-    `.trim().replace(/\s+/g, " ");
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: "w-full",
-		children: [
-			label && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
-				className: "text-sm font-medium text-neutral-700 dark:text-neutral-200 leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 mb-2 block",
-				children: label
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", {
-				ref,
-				className: textareaClasses,
-				...props
-			}),
-			error && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-				className: "text-sm font-medium text-red-500 dark:text-red-400 mt-1",
-				children: error
-			}),
-			helperText && !error && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-				className: "text-sm text-neutral-500 dark:text-neutral-400 mt-1",
-				children: helperText
-			})
-		]
-	});
-});
-Textarea.displayName = "Textarea";
-//#endregion
-Object.defineProperty(exports, "Textarea", {
-	enumerable: true,
-	get: function() {
-		return Textarea;
-	}
-});
-
-//# sourceMappingURL=textarea-BWkUVpm3.cjs.map

package/dist/chunks/textarea-BWkUVpm3.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"textarea-BWkUVpm3.cjs","names":[],"sources":["../../src/components/forms/textarea/Textarea.tsx"],"sourcesContent":["import type { TextareaProps } from \"./types\";\nimport { forwardRef } from \"react\";\n\nexport const Textarea = forwardRef<HTMLTextAreaElement, TextareaProps>(\n  ({ className = \"\", label, error, helperText, ...props }, ref) => {\n    const textareaClasses = `\n      flex\n      min-h-[80px]\n      w-full\n      rounded-md\n      border\n      border-neutral-300\n      dark:border-neutral-600\n      bg-white\n      dark:bg-neutral-700\n      px-3\n      py-2\n      text-sm\n      text-neutral-900\n      dark:text-white\n      transition-all\n      duration-200\n      placeholder:text-neutral-500\n      dark:placeholder:text-neutral-400\n      focus-visible:outline-none\n      focus-visible:ring-2\n      focus-visible:ring-primary\n      disabled:cursor-not-allowed\n      disabled:opacity-50\n      resize-none\n      ${error ? \"border-red-500 focus-visible:ring-red-500\" : \"\"}\n      ${className}\n    `\n      .trim()\n      .replace(/\\s+/g, \" \");\n\n    return (\n      <div className=\"w-full\">\n        {label && (\n          <label className=\"text-sm font-medium text-neutral-700 dark:text-neutral-200 leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 mb-2 block\">\n            {label}\n          </label>\n        )}\n        <textarea ref={ref} className={textareaClasses} {...props} />\n        {error && (\n          <p className=\"text-sm font-medium text-red-500 dark:text-red-400 mt-1\">\n            {error}\n          </p>\n        )}\n        {helperText && !error && (\n          <p className=\"text-sm text-neutral-500 dark:text-neutral-400 mt-1\">\n            {helperText}\n          </p>\n        )}\n      </div>\n    );\n  },\n);\n\nTextarea.displayName = \"Textarea\";\n"],"mappings":";;;;AAGA,IAAa,YAAA,GAAA,MAAA,aACV,EAAE,YAAY,IAAI,OAAO,OAAO,YAAY,GAAG,SAAS,QAAQ;CAC/D,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;QAyBpB,QAAQ,8CAA8C,GAAG;QACzD,UAAU;MAEX,MAAM,CACN,QAAQ,QAAQ,IAAI;AAEvB,QACE,iBAAA,GAAA,kBAAA,MAAC,OAAD;EAAK,WAAU;YAAf;GACG,SACC,iBAAA,GAAA,kBAAA,KAAC,SAAD;IAAO,WAAU;cACd;IACK,CAAA;GAEV,iBAAA,GAAA,kBAAA,KAAC,YAAD;IAAe;IAAK,WAAW;IAAiB,GAAI;IAAS,CAAA;GAC5D,SACC,iBAAA,GAAA,kBAAA,KAAC,KAAD;IAAG,WAAU;cACV;IACC,CAAA;GAEL,cAAc,CAAC,SACd,iBAAA,GAAA,kBAAA,KAAC,KAAD;IAAG,WAAU;cACV;IACC,CAAA;GAEF;;EAGX;AAED,SAAS,cAAc"}

package/dist/chunks/textarea-Bxqe70TW.mjs

@@ -1,60 +0,0 @@
-import { forwardRef } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/forms/textarea/Textarea.tsx
-var Textarea = forwardRef(({ className = "", label, error, helperText, ...props }, ref) => {
-	const textareaClasses = `
-      flex
-      min-h-[80px]
-      w-full
-      rounded-md
-      border
-      border-neutral-300
-      dark:border-neutral-600
-      bg-white
-      dark:bg-neutral-700
-      px-3
-      py-2
-      text-sm
-      text-neutral-900
-      dark:text-white
-      transition-all
-      duration-200
-      placeholder:text-neutral-500
-      dark:placeholder:text-neutral-400
-      focus-visible:outline-none
-      focus-visible:ring-2
-      focus-visible:ring-primary
-      disabled:cursor-not-allowed
-      disabled:opacity-50
-      resize-none
-      ${error ? "border-red-500 focus-visible:ring-red-500" : ""}
-      ${className}
-    `.trim().replace(/\s+/g, " ");
-	return /* @__PURE__ */ jsxs("div", {
-		className: "w-full",
-		children: [
-			label && /* @__PURE__ */ jsx("label", {
-				className: "text-sm font-medium text-neutral-700 dark:text-neutral-200 leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 mb-2 block",
-				children: label
-			}),
-			/* @__PURE__ */ jsx("textarea", {
-				ref,
-				className: textareaClasses,
-				...props
-			}),
-			error && /* @__PURE__ */ jsx("p", {
-				className: "text-sm font-medium text-red-500 dark:text-red-400 mt-1",
-				children: error
-			}),
-			helperText && !error && /* @__PURE__ */ jsx("p", {
-				className: "text-sm text-neutral-500 dark:text-neutral-400 mt-1",
-				children: helperText
-			})
-		]
-	});
-});
-Textarea.displayName = "Textarea";
-//#endregion
-export { Textarea as t };
-
-//# sourceMappingURL=textarea-Bxqe70TW.mjs.map

package/dist/chunks/textarea-Bxqe70TW.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"textarea-Bxqe70TW.mjs","names":[],"sources":["../../src/components/forms/textarea/Textarea.tsx"],"sourcesContent":["import type { TextareaProps } from \"./types\";\nimport { forwardRef } from \"react\";\n\nexport const Textarea = forwardRef<HTMLTextAreaElement, TextareaProps>(\n  ({ className = \"\", label, error, helperText, ...props }, ref) => {\n    const textareaClasses = `\n      flex\n      min-h-[80px]\n      w-full\n      rounded-md\n      border\n      border-neutral-300\n      dark:border-neutral-600\n      bg-white\n      dark:bg-neutral-700\n      px-3\n      py-2\n      text-sm\n      text-neutral-900\n      dark:text-white\n      transition-all\n      duration-200\n      placeholder:text-neutral-500\n      dark:placeholder:text-neutral-400\n      focus-visible:outline-none\n      focus-visible:ring-2\n      focus-visible:ring-primary\n      disabled:cursor-not-allowed\n      disabled:opacity-50\n      resize-none\n      ${error ? \"border-red-500 focus-visible:ring-red-500\" : \"\"}\n      ${className}\n    `\n      .trim()\n      .replace(/\\s+/g, \" \");\n\n    return (\n      <div className=\"w-full\">\n        {label && (\n          <label className=\"text-sm font-medium text-neutral-700 dark:text-neutral-200 leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 mb-2 block\">\n            {label}\n          </label>\n        )}\n        <textarea ref={ref} className={textareaClasses} {...props} />\n        {error && (\n          <p className=\"text-sm font-medium text-red-500 dark:text-red-400 mt-1\">\n            {error}\n          </p>\n        )}\n        {helperText && !error && (\n          <p className=\"text-sm text-neutral-500 dark:text-neutral-400 mt-1\">\n            {helperText}\n          </p>\n        )}\n      </div>\n    );\n  },\n);\n\nTextarea.displayName = \"Textarea\";\n"],"mappings":";;;AAGA,IAAa,WAAW,YACrB,EAAE,YAAY,IAAI,OAAO,OAAO,YAAY,GAAG,SAAS,QAAQ;CAC/D,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;QAyBpB,QAAQ,8CAA8C,GAAG;QACzD,UAAU;MAEX,MAAM,CACN,QAAQ,QAAQ,IAAI;AAEvB,QACE,qBAAC,OAAD;EAAK,WAAU;YAAf;GACG,SACC,oBAAC,SAAD;IAAO,WAAU;cACd;IACK,CAAA;GAEV,oBAAC,YAAD;IAAe;IAAK,WAAW;IAAiB,GAAI;IAAS,CAAA;GAC5D,SACC,oBAAC,KAAD;IAAG,WAAU;cACV;IACC,CAAA;GAEL,cAAc,CAAC,SACd,oBAAC,KAAD;IAAG,WAAU;cACV;IACC,CAAA;GAEF;;EAGX;AAED,SAAS,cAAc"}

package/dist/chunks/theme-Bwu0HKqZ.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"theme-Bwu0HKqZ.mjs","names":[],"sources":["../../src/foundations/theme/ThemeProvider.tsx"],"sourcesContent":["import { createContext, useContext, useLayoutEffect, useState } from \"react\";\nimport type { ReactNode } from \"react\";\n\nexport type ThemeModeType = \"light\" | \"dark\";\nexport type ThemeColorType = \"purple\" | \"teal\" | \"yellow\" | \"green\";\n\nexport interface UseThemeType {\n  mode: ThemeModeType;\n  theme: ThemeColorType;\n  colorScheme: `${ThemeColorType}-${ThemeModeType}`;\n  setMode: (mode: ThemeModeType) => void;\n  toggleMode: () => void;\n  setTheme: (theme: ThemeColorType) => void;\n}\n\nconst ThemeContext = createContext<UseThemeType | null>(null);\n\nconst MODE_STORAGE_KEY = \"erp-pro-ui:mode\";\nconst THEME_STORAGE_KEY = \"erp-pro-ui:theme\";\n\nfunction getStoredMode(): ThemeModeType | null {\n  if (typeof window === \"undefined\") {\n    return null;\n  }\n\n  const mode =\n    localStorage.getItem(MODE_STORAGE_KEY) ?? localStorage.getItem(\"mode\");\n  return mode === \"light\" || mode === \"dark\" ? mode : null;\n}\n\nfunction getStoredTheme(): ThemeColorType | null {\n  if (typeof window === \"undefined\") {\n    return null;\n  }\n\n  const theme =\n    localStorage.getItem(THEME_STORAGE_KEY) ?? localStorage.getItem(\"theme\");\n  return theme === \"purple\" ||\n    theme === \"teal\" ||\n    theme === \"yellow\" ||\n    theme === \"green\"\n    ? theme\n    : null;\n}\n\nexport function ThemeProvider({ children }: { children: ReactNode }) {\n  const [mode, setMode] = useState<ThemeModeType>(\n    () => getStoredMode() ?? \"dark\",\n  );\n  const [theme, setTheme] = useState<ThemeColorType>(\n    () => getStoredTheme() ?? \"purple\",\n  );\n\n  useLayoutEffect(() => {\n    const colorScheme = `${theme}-${mode}`;\n\n    document.documentElement.setAttribute(\"data-theme\", colorScheme);\n    document.documentElement.setAttribute(\"data-mode\", mode);\n    document.documentElement.style.colorScheme = mode;\n\n    localStorage.setItem(MODE_STORAGE_KEY, mode);\n    localStorage.setItem(THEME_STORAGE_KEY, theme);\n    localStorage.setItem(\"mode\", mode);\n    localStorage.setItem(\"theme\", theme);\n\n    if (mode === \"dark\") {\n      document.documentElement.classList.add(\"dark\");\n    } else {\n      document.documentElement.classList.remove(\"dark\");\n    }\n  }, [mode, theme]);\n\n  const toggleMode = () =>\n    setMode((previousMode) => (previousMode === \"light\" ? \"dark\" : \"light\"));\n\n  const value: UseThemeType = {\n    mode,\n    theme,\n    colorScheme: `${theme}-${mode}` as const,\n    setMode,\n    toggleMode,\n    setTheme,\n  };\n\n  return (\n    <ThemeContext.Provider value={value}>{children}</ThemeContext.Provider>\n  );\n}\n\nexport function useThemeContext() {\n  const context = useContext(ThemeContext);\n\n  if (!context) {\n    throw new Error(\"useThemeContext must be used within a ThemeProvider\");\n  }\n\n  return context;\n}\n"],"mappings":";;;AAeA,IAAM,eAAe,cAAmC,KAAK;AAE7D,IAAM,mBAAmB;AACzB,IAAM,oBAAoB;AAE1B,SAAS,gBAAsC;AAC7C,KAAI,OAAO,WAAW,YACpB,QAAO;CAGT,MAAM,OACJ,aAAa,QAAQ,iBAAiB,IAAI,aAAa,QAAQ,OAAO;AACxE,QAAO,SAAS,WAAW,SAAS,SAAS,OAAO;;AAGtD,SAAS,iBAAwC;AAC/C,KAAI,OAAO,WAAW,YACpB,QAAO;CAGT,MAAM,QACJ,aAAa,QAAQ,kBAAkB,IAAI,aAAa,QAAQ,QAAQ;AAC1E,QAAO,UAAU,YACf,UAAU,UACV,UAAU,YACV,UAAU,UACR,QACA;;AAGN,SAAgB,cAAc,EAAE,YAAqC;CACnE,MAAM,CAAC,MAAM,WAAW,eAChB,eAAe,IAAI,OAC1B;CACD,MAAM,CAAC,OAAO,YAAY,eAClB,gBAAgB,IAAI,SAC3B;AAED,uBAAsB;EACpB,MAAM,cAAc,GAAG,MAAM,GAAG;AAEhC,WAAS,gBAAgB,aAAa,cAAc,YAAY;AAChE,WAAS,gBAAgB,aAAa,aAAa,KAAK;AACxD,WAAS,gBAAgB,MAAM,cAAc;AAE7C,eAAa,QAAQ,kBAAkB,KAAK;AAC5C,eAAa,QAAQ,mBAAmB,MAAM;AAC9C,eAAa,QAAQ,QAAQ,KAAK;AAClC,eAAa,QAAQ,SAAS,MAAM;AAEpC,MAAI,SAAS,OACX,UAAS,gBAAgB,UAAU,IAAI,OAAO;MAE9C,UAAS,gBAAgB,UAAU,OAAO,OAAO;IAElD,CAAC,MAAM,MAAM,CAAC;CAEjB,MAAM,mBACJ,SAAS,iBAAkB,iBAAiB,UAAU,SAAS,QAAS;CAE1E,MAAM,QAAsB;EAC1B;EACA;EACA,aAAa,GAAG,MAAM,GAAG;EACzB;EACA;EACA;EACD;AAED,QACE,oBAAC,aAAa,UAAd;EAA8B;EAAQ;EAAiC,CAAA;;AAI3E,SAAgB,kBAAkB;CAChC,MAAM,UAAU,WAAW,aAAa;AAExC,KAAI,CAAC,QACH,OAAM,IAAI,MAAM,sDAAsD;AAGxE,QAAO"}

package/dist/chunks/theme-CBtWIFMT.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"theme-CBtWIFMT.cjs","names":[],"sources":["../../src/foundations/theme/ThemeProvider.tsx"],"sourcesContent":["import { createContext, useContext, useLayoutEffect, useState } from \"react\";\nimport type { ReactNode } from \"react\";\n\nexport type ThemeModeType = \"light\" | \"dark\";\nexport type ThemeColorType = \"purple\" | \"teal\" | \"yellow\" | \"green\";\n\nexport interface UseThemeType {\n  mode: ThemeModeType;\n  theme: ThemeColorType;\n  colorScheme: `${ThemeColorType}-${ThemeModeType}`;\n  setMode: (mode: ThemeModeType) => void;\n  toggleMode: () => void;\n  setTheme: (theme: ThemeColorType) => void;\n}\n\nconst ThemeContext = createContext<UseThemeType | null>(null);\n\nconst MODE_STORAGE_KEY = \"erp-pro-ui:mode\";\nconst THEME_STORAGE_KEY = \"erp-pro-ui:theme\";\n\nfunction getStoredMode(): ThemeModeType | null {\n  if (typeof window === \"undefined\") {\n    return null;\n  }\n\n  const mode =\n    localStorage.getItem(MODE_STORAGE_KEY) ?? localStorage.getItem(\"mode\");\n  return mode === \"light\" || mode === \"dark\" ? mode : null;\n}\n\nfunction getStoredTheme(): ThemeColorType | null {\n  if (typeof window === \"undefined\") {\n    return null;\n  }\n\n  const theme =\n    localStorage.getItem(THEME_STORAGE_KEY) ?? localStorage.getItem(\"theme\");\n  return theme === \"purple\" ||\n    theme === \"teal\" ||\n    theme === \"yellow\" ||\n    theme === \"green\"\n    ? theme\n    : null;\n}\n\nexport function ThemeProvider({ children }: { children: ReactNode }) {\n  const [mode, setMode] = useState<ThemeModeType>(\n    () => getStoredMode() ?? \"dark\",\n  );\n  const [theme, setTheme] = useState<ThemeColorType>(\n    () => getStoredTheme() ?? \"purple\",\n  );\n\n  useLayoutEffect(() => {\n    const colorScheme = `${theme}-${mode}`;\n\n    document.documentElement.setAttribute(\"data-theme\", colorScheme);\n    document.documentElement.setAttribute(\"data-mode\", mode);\n    document.documentElement.style.colorScheme = mode;\n\n    localStorage.setItem(MODE_STORAGE_KEY, mode);\n    localStorage.setItem(THEME_STORAGE_KEY, theme);\n    localStorage.setItem(\"mode\", mode);\n    localStorage.setItem(\"theme\", theme);\n\n    if (mode === \"dark\") {\n      document.documentElement.classList.add(\"dark\");\n    } else {\n      document.documentElement.classList.remove(\"dark\");\n    }\n  }, [mode, theme]);\n\n  const toggleMode = () =>\n    setMode((previousMode) => (previousMode === \"light\" ? \"dark\" : \"light\"));\n\n  const value: UseThemeType = {\n    mode,\n    theme,\n    colorScheme: `${theme}-${mode}` as const,\n    setMode,\n    toggleMode,\n    setTheme,\n  };\n\n  return (\n    <ThemeContext.Provider value={value}>{children}</ThemeContext.Provider>\n  );\n}\n\nexport function useThemeContext() {\n  const context = useContext(ThemeContext);\n\n  if (!context) {\n    throw new Error(\"useThemeContext must be used within a ThemeProvider\");\n  }\n\n  return context;\n}\n"],"mappings":";;;;AAeA,IAAM,gBAAA,GAAA,MAAA,eAAkD,KAAK;AAE7D,IAAM,mBAAmB;AACzB,IAAM,oBAAoB;AAE1B,SAAS,gBAAsC;AAC7C,KAAI,OAAO,WAAW,YACpB,QAAO;CAGT,MAAM,OACJ,aAAa,QAAQ,iBAAiB,IAAI,aAAa,QAAQ,OAAO;AACxE,QAAO,SAAS,WAAW,SAAS,SAAS,OAAO;;AAGtD,SAAS,iBAAwC;AAC/C,KAAI,OAAO,WAAW,YACpB,QAAO;CAGT,MAAM,QACJ,aAAa,QAAQ,kBAAkB,IAAI,aAAa,QAAQ,QAAQ;AAC1E,QAAO,UAAU,YACf,UAAU,UACV,UAAU,YACV,UAAU,UACR,QACA;;AAGN,SAAgB,cAAc,EAAE,YAAqC;CACnE,MAAM,CAAC,MAAM,YAAA,GAAA,MAAA,gBACL,eAAe,IAAI,OAC1B;CACD,MAAM,CAAC,OAAO,aAAA,GAAA,MAAA,gBACN,gBAAgB,IAAI,SAC3B;AAED,EAAA,GAAA,MAAA,uBAAsB;EACpB,MAAM,cAAc,GAAG,MAAM,GAAG;AAEhC,WAAS,gBAAgB,aAAa,cAAc,YAAY;AAChE,WAAS,gBAAgB,aAAa,aAAa,KAAK;AACxD,WAAS,gBAAgB,MAAM,cAAc;AAE7C,eAAa,QAAQ,kBAAkB,KAAK;AAC5C,eAAa,QAAQ,mBAAmB,MAAM;AAC9C,eAAa,QAAQ,QAAQ,KAAK;AAClC,eAAa,QAAQ,SAAS,MAAM;AAEpC,MAAI,SAAS,OACX,UAAS,gBAAgB,UAAU,IAAI,OAAO;MAE9C,UAAS,gBAAgB,UAAU,OAAO,OAAO;IAElD,CAAC,MAAM,MAAM,CAAC;CAEjB,MAAM,mBACJ,SAAS,iBAAkB,iBAAiB,UAAU,SAAS,QAAS;CAE1E,MAAM,QAAsB;EAC1B;EACA;EACA,aAAa,GAAG,MAAM,GAAG;EACzB;EACA;EACA;EACD;AAED,QACE,iBAAA,GAAA,kBAAA,KAAC,aAAa,UAAd;EAA8B;EAAQ;EAAiC,CAAA;;AAI3E,SAAgB,kBAAkB;CAChC,MAAM,WAAA,GAAA,MAAA,YAAqB,aAAa;AAExC,KAAI,CAAC,QACH,OAAM,IAAI,MAAM,sDAAsD;AAGxE,QAAO"}

package/dist/chunks/toast-C8JRhbSo.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"toast-C8JRhbSo.mjs","names":[],"sources":["../../src/components/overlays/toast/Toast.tsx"],"sourcesContent":["import {\n  createContext,\n  useContext,\n  useState,\n  useCallback,\n  useRef,\n  useEffect,\n  forwardRef,\n} from \"react\";\nimport { motion, AnimatePresence } from \"framer-motion\";\nimport {\n  AlertTriangleIcon,\n  CheckCircleIcon,\n  CloseIcon,\n  InfoCircleIcon,\n  LoaderIcon,\n  XCircleIcon,\n} from \"../../icons\";\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport type ToastType =\n  | \"success\"\n  | \"error\"\n  | \"warning\"\n  | \"info\"\n  | \"default\"\n  | \"loading\";\nexport type ToastPosition =\n  | \"top-left\"\n  | \"top-center\"\n  | \"top-right\"\n  | \"bottom-left\"\n  | \"bottom-center\"\n  | \"bottom-right\";\n\nexport interface ToastAction {\n  label: string;\n  onClick: () => void;\n}\n\nexport interface Toast {\n  id: string;\n  type: ToastType;\n  title?: string;\n  description?: string;\n  duration?: number;\n  icon?: React.ReactNode;\n  action?: ToastAction;\n  dismissible?: boolean;\n  onDismiss?: () => void;\n  onAutoClose?: () => void;\n  promise?: {\n    loading: string;\n    success: string | ((data: unknown) => string);\n    error: string | ((error: unknown) => string);\n  };\n}\n\nexport interface ToastOptions {\n  type?: ToastType;\n  title?: string;\n  description?: string;\n  duration?: number;\n  icon?: React.ReactNode;\n  action?: ToastAction;\n  dismissible?: boolean;\n  onDismiss?: () => void;\n  onAutoClose?: () => void;\n}\n\nexport interface ToastContextValue {\n  toasts: Toast[];\n  toast: (options: ToastOptions | string) => string;\n  success: (options: ToastOptions | string) => string;\n  error: (options: ToastOptions | string) => string;\n  warning: (options: ToastOptions | string) => string;\n  info: (options: ToastOptions | string) => string;\n  loading: (options: ToastOptions | string) => string;\n  promise: <T>(\n    promise: Promise<T>,\n    options: {\n      loading: string;\n      success: string | ((data: T) => string);\n      error: string | ((error: unknown) => string);\n    },\n  ) => Promise<T>;\n  dismiss: (id: string) => void;\n  dismissAll: () => void;\n  update: (id: string, options: Partial<ToastOptions>) => void;\n}\n\nexport interface ToastProviderProps {\n  children: React.ReactNode;\n  /** Default position for toasts */\n  position?: ToastPosition;\n  /** Default duration in milliseconds */\n  duration?: number;\n  /** Maximum number of visible toasts */\n  maxToasts?: number;\n  /** Gap between toasts */\n  gap?: number;\n  /** Whether toasts are dismissible by default */\n  dismissible?: boolean;\n  /** Custom className for the toast container */\n  containerClassName?: string;\n}\n\nexport interface ToastItemProps {\n  toast: Toast;\n  onDismiss: (id: string) => void;\n  position: ToastPosition;\n}\n\n// ============================================================================\n// Context\n// ============================================================================\n\nconst ToastContext = createContext<ToastContextValue | null>(null);\n\nexport const useToast = (): ToastContextValue => {\n  const context = useContext(ToastContext);\n  if (!context) {\n    throw new Error(\"useToast must be used within a ToastProvider\");\n  }\n  return context;\n};\n\n// ============================================================================\n// Styles\n// ============================================================================\n\nconst typeStyles: Record<\n  ToastType,\n  { bg: string; icon: string; iconBg: string }\n> = {\n  success: {\n    bg: \"bg-white dark:bg-neutral-800 border-green-200 dark:border-green-800\",\n    icon: \"text-green-500\",\n    iconBg: \"bg-green-100 dark:bg-green-900/30\",\n  },\n  error: {\n    bg: \"bg-white dark:bg-neutral-800 border-red-200 dark:border-red-800\",\n    icon: \"text-red-500\",\n    iconBg: \"bg-red-100 dark:bg-red-900/30\",\n  },\n  warning: {\n    bg: \"bg-white dark:bg-neutral-800 border-amber-200 dark:border-amber-800\",\n    icon: \"text-amber-500\",\n    iconBg: \"bg-amber-100 dark:bg-amber-900/30\",\n  },\n  info: {\n    bg: \"bg-white dark:bg-neutral-800 border-blue-200 dark:border-blue-800\",\n    icon: \"text-blue-500\",\n    iconBg: \"bg-blue-100 dark:bg-blue-900/30\",\n  },\n  default: {\n    bg: \"bg-white dark:bg-neutral-800 border-neutral-200 dark:border-neutral-700\",\n    icon: \"text-neutral-500\",\n    iconBg: \"bg-neutral-100 dark:bg-neutral-700\",\n  },\n  loading: {\n    bg: \"bg-white dark:bg-neutral-800 border-neutral-200 dark:border-neutral-700\",\n    icon: \"text-primary-500\",\n    iconBg: \"bg-primary-100 dark:bg-primary-900/30\",\n  },\n};\n\nconst positionStyles: Record<ToastPosition, string> = {\n  \"top-left\": \"top-4 left-4\",\n  \"top-center\": \"top-4 left-1/2 -translate-x-1/2\",\n  \"top-right\": \"top-4 right-4\",\n  \"bottom-left\": \"bottom-4 left-4\",\n  \"bottom-center\": \"bottom-4 left-1/2 -translate-x-1/2\",\n  \"bottom-right\": \"bottom-4 right-4\",\n};\n\nconst getMotionVariants = (position: ToastPosition) => {\n  const isTop = position.startsWith(\"top\");\n  const isCenter = position.includes(\"center\");\n  const isLeft = position.includes(\"left\");\n\n  return {\n    initial: {\n      opacity: 0,\n      y: isTop ? -20 : 20,\n      x: isCenter ? 0 : isLeft ? -20 : 20,\n      scale: 0.95,\n    },\n    animate: {\n      opacity: 1,\n      y: 0,\n      x: 0,\n      scale: 1,\n    },\n    exit: {\n      opacity: 0,\n      y: isTop ? -20 : 20,\n      scale: 0.95,\n      transition: { duration: 0.15 },\n    },\n  };\n};\n\n// ============================================================================\n// Toast Item Component\n// ============================================================================\n\nconst ToastItem = forwardRef<HTMLDivElement, ToastItemProps>(\n  ({ toast, onDismiss, position }, ref) => {\n    const {\n      type,\n      title,\n      description,\n      icon,\n      action,\n      dismissible = true,\n      duration,\n    } = toast;\n    const timerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n    const [progress, setProgress] = useState(100);\n    const [isPaused, setIsPaused] = useState(false);\n\n    const defaultIcons: Record<ToastType, React.ReactNode> = {\n      success: <CheckCircleIcon className=\"w-5 h-5\" aria-hidden=\"true\" />,\n      error: <XCircleIcon className=\"w-5 h-5\" aria-hidden=\"true\" />,\n      warning: <AlertTriangleIcon className=\"w-5 h-5\" aria-hidden=\"true\" />,\n      info: <InfoCircleIcon className=\"w-5 h-5\" aria-hidden=\"true\" />,\n      loading: (\n        <LoaderIcon className=\"w-5 h-5 animate-spin\" aria-hidden=\"true\" />\n      ),\n      default: null,\n    };\n\n    // Auto-dismiss timer with progress\n    useEffect(() => {\n      if (duration && duration > 0 && type !== \"loading\") {\n        const startTime = Date.now();\n        const interval = 50;\n\n        const updateProgress = () => {\n          if (isPaused) return;\n\n          const elapsed = Date.now() - startTime;\n          const remaining = Math.max(0, 100 - (elapsed / duration) * 100);\n          setProgress(remaining);\n\n          if (remaining <= 0) {\n            toast.onAutoClose?.();\n            onDismiss(toast.id);\n          }\n        };\n\n        timerRef.current = setInterval(updateProgress, interval);\n\n        return () => {\n          if (timerRef.current) {\n            clearInterval(timerRef.current);\n          }\n        };\n      }\n    }, [duration, toast.id, type, isPaused, onDismiss, toast]);\n\n    const handleMouseEnter = () => setIsPaused(true);\n    const handleMouseLeave = () => setIsPaused(false);\n\n    const styles = typeStyles[type];\n    const displayIcon = icon ?? defaultIcons[type];\n    const variants = getMotionVariants(position);\n\n    return (\n      <motion.div\n        ref={ref}\n        layout\n        initial={variants.initial}\n        animate={variants.animate}\n        exit={variants.exit}\n        transition={{ type: \"spring\", stiffness: 400, damping: 30 }}\n        onMouseEnter={handleMouseEnter}\n        onMouseLeave={handleMouseLeave}\n        className={`\n          relative flex items-start gap-3 p-4 pr-10\n          rounded-lg shadow-lg border min-w-[320px] max-w-[420px]\n          overflow-hidden\n          ${styles.bg}\n        `}\n        role=\"alert\"\n        aria-live=\"polite\"\n      >\n        {/* Progress bar */}\n        {duration && duration > 0 && type !== \"loading\" && (\n          <div className=\"absolute bottom-0 left-0 right-0 h-1 bg-neutral-100 dark:bg-neutral-700\">\n            <motion.div\n              className={`h-full ${\n                type === \"success\"\n                  ? \"bg-green-500\"\n                  : type === \"error\"\n                    ? \"bg-red-500\"\n                    : type === \"warning\"\n                      ? \"bg-amber-500\"\n                      : type === \"info\"\n                        ? \"bg-blue-500\"\n                        : \"bg-neutral-400\"\n              }`}\n              style={{ width: `${progress}%` }}\n              transition={{ duration: 0.05 }}\n            />\n          </div>\n        )}\n\n        {/* Icon */}\n        {displayIcon && (\n          <div\n            className={`flex-shrink-0 p-1.5 rounded-full ${styles.iconBg} ${styles.icon}`}\n          >\n            {displayIcon}\n          </div>\n        )}\n\n        {/* Content */}\n        <div className=\"flex-1 min-w-0\">\n          {title && (\n            <p className=\"font-semibold text-neutral-900 dark:text-white text-sm\">\n              {title}\n            </p>\n          )}\n          {description && (\n            <p\n              className={`text-sm text-neutral-600 dark:text-neutral-300 ${\n                title ? \"mt-1\" : \"\"\n              }`}\n            >\n              {description}\n            </p>\n          )}\n          {action && (\n            <button\n              onClick={() => {\n                action.onClick();\n                onDismiss(toast.id);\n              }}\n              className=\"mt-2 text-sm font-medium text-primary-600 dark:text-primary-400 hover:underline\"\n            >\n              {action.label}\n            </button>\n          )}\n        </div>\n\n        {/* Dismiss button */}\n        {dismissible && (\n          <button\n            onClick={() => {\n              toast.onDismiss?.();\n              onDismiss(toast.id);\n            }}\n            className=\"absolute top-3 right-3 p-1 rounded-full text-neutral-400 hover:text-neutral-600 dark:text-neutral-500 dark:hover:text-neutral-300 hover:bg-neutral-100 dark:hover:bg-neutral-700 transition-colors\"\n            aria-label=\"Dismiss\"\n          >\n            <CloseIcon className=\"w-4 h-4\" aria-hidden=\"true\" />\n          </button>\n        )}\n      </motion.div>\n    );\n  },\n);\n\nToastItem.displayName = \"ToastItem\";\n\n// ============================================================================\n// Toast Provider Component\n// ============================================================================\n\nexport const ToastProvider: React.FC<ToastProviderProps> = ({\n  children,\n  position = \"bottom-right\",\n  duration = 5000,\n  maxToasts = 5,\n  gap = 12,\n  dismissible = true,\n  containerClassName = \"\",\n}) => {\n  const [toasts, setToasts] = useState<Toast[]>([]);\n  const toastIdCounter = useRef(0);\n\n  const generateId = () => {\n    toastIdCounter.current += 1;\n    return `toast-${toastIdCounter.current}-${Date.now()}`;\n  };\n\n  const addToast = useCallback(\n    (options: ToastOptions | string, type: ToastType = \"default\"): string => {\n      const id = generateId();\n      const toastOptions: ToastOptions =\n        typeof options === \"string\" ? { description: options } : options;\n\n      const newToast: Toast = {\n        id,\n        type: toastOptions.type ?? type,\n        title: toastOptions.title,\n        description: toastOptions.description,\n        duration: toastOptions.duration ?? duration,\n        icon: toastOptions.icon,\n        action: toastOptions.action,\n        dismissible: toastOptions.dismissible ?? dismissible,\n        onDismiss: toastOptions.onDismiss,\n        onAutoClose: toastOptions.onAutoClose,\n      };\n\n      setToasts((prev) => {\n        const updated = [...prev, newToast];\n        // Keep only the last maxToasts\n        return updated.slice(-maxToasts);\n      });\n\n      return id;\n    },\n    [duration, dismissible, maxToasts],\n  );\n\n  const dismiss = useCallback((id: string) => {\n    setToasts((prev) => prev.filter((t) => t.id !== id));\n  }, []);\n\n  const dismissAll = useCallback(() => {\n    setToasts([]);\n  }, []);\n\n  const update = useCallback((id: string, options: Partial<ToastOptions>) => {\n    setToasts((prev) =>\n      prev.map((t) =>\n        t.id === id\n          ? {\n              ...t,\n              ...options,\n              type: options.type ?? t.type,\n            }\n          : t,\n      ),\n    );\n  }, []);\n\n  const toast = useCallback(\n    (options: ToastOptions | string) => addToast(options, \"default\"),\n    [addToast],\n  );\n\n  const success = useCallback(\n    (options: ToastOptions | string) => addToast(options, \"success\"),\n    [addToast],\n  );\n\n  const error = useCallback(\n    (options: ToastOptions | string) => addToast(options, \"error\"),\n    [addToast],\n  );\n\n  const warning = useCallback(\n    (options: ToastOptions | string) => addToast(options, \"warning\"),\n    [addToast],\n  );\n\n  const info = useCallback(\n    (options: ToastOptions | string) => addToast(options, \"info\"),\n    [addToast],\n  );\n\n  const loading = useCallback(\n    (options: ToastOptions | string) => {\n      const toastOptions: ToastOptions =\n        typeof options === \"string\" ? { description: options } : options;\n      return addToast(\n        { ...toastOptions, duration: 0, dismissible: false },\n        \"loading\",\n      );\n    },\n    [addToast],\n  );\n\n  const promise = useCallback(\n    async <T,>(\n      promiseToResolve: Promise<T>,\n      options: {\n        loading: string;\n        success: string | ((data: T) => string);\n        error: string | ((error: unknown) => string);\n      },\n    ): Promise<T> => {\n      const id = loading(options.loading);\n\n      try {\n        const result = await promiseToResolve;\n        const successMessage =\n          typeof options.success === \"function\"\n            ? options.success(result)\n            : options.success;\n        update(id, {\n          type: \"success\",\n          description: successMessage,\n          duration,\n          dismissible: true,\n        });\n        return result;\n      } catch (err) {\n        const errorMessage =\n          typeof options.error === \"function\"\n            ? options.error(err)\n            : options.error;\n        update(id, {\n          type: \"error\",\n          description: errorMessage,\n          duration,\n          dismissible: true,\n        });\n        throw err;\n      }\n    },\n    [loading, update, duration],\n  );\n\n  const contextValue: ToastContextValue = {\n    toasts,\n    toast,\n    success,\n    error,\n    warning,\n    info,\n    loading,\n    promise,\n    dismiss,\n    dismissAll,\n    update,\n  };\n\n  const isTop = position.startsWith(\"top\");\n\n  return (\n    <ToastContext.Provider value={contextValue}>\n      {children}\n      <div\n        className={`fixed z-[100] flex flex-col pointer-events-none ${positionStyles[position]} ${containerClassName}`}\n        style={{ gap: `${gap}px` }}\n      >\n        <AnimatePresence mode=\"popLayout\">\n          {(isTop ? toasts : [...toasts].reverse()).map((t) => (\n            <div key={t.id} className=\"pointer-events-auto\">\n              <ToastItem toast={t} onDismiss={dismiss} position={position} />\n            </div>\n          ))}\n        </AnimatePresence>\n      </div>\n    </ToastContext.Provider>\n  );\n};\n\n// ============================================================================\n// Standalone toast function (for use without hooks)\n// ============================================================================\n\nlet globalToast: ToastContextValue | null = null;\n\nexport const setGlobalToast = (toastContext: ToastContextValue) => {\n  globalToast = toastContext;\n};\n\nexport const toastStandalone = {\n  show: (options: ToastOptions | string) => globalToast?.toast(options),\n  success: (options: ToastOptions | string) => globalToast?.success(options),\n  error: (options: ToastOptions | string) => globalToast?.error(options),\n  warning: (options: ToastOptions | string) => globalToast?.warning(options),\n  info: (options: ToastOptions | string) => globalToast?.info(options),\n  loading: (options: ToastOptions | string) => globalToast?.loading(options),\n  promise: <T,>(\n    promise: Promise<T>,\n    options: {\n      loading: string;\n      success: string | ((data: T) => string);\n      error: string | ((error: unknown) => string);\n    },\n  ) => globalToast?.promise(promise, options),\n  dismiss: (id: string) => globalToast?.dismiss(id),\n  dismissAll: () => globalToast?.dismissAll(),\n};\n\n// ============================================================================\n// Exports\n// ============================================================================\n\nexport default ToastProvider;\nexport { ToastItem };\n"],"mappings":"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"}

package/dist/chunks/toast-DWOwpD2F.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"toast-DWOwpD2F.cjs","names":[],"sources":["../../src/components/overlays/toast/Toast.tsx"],"sourcesContent":["import {\n  createContext,\n  useContext,\n  useState,\n  useCallback,\n  useRef,\n  useEffect,\n  forwardRef,\n} from \"react\";\nimport { motion, AnimatePresence } from \"framer-motion\";\nimport {\n  AlertTriangleIcon,\n  CheckCircleIcon,\n  CloseIcon,\n  InfoCircleIcon,\n  LoaderIcon,\n  XCircleIcon,\n} from \"../../icons\";\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport type ToastType =\n  | \"success\"\n  | \"error\"\n  | \"warning\"\n  | \"info\"\n  | \"default\"\n  | \"loading\";\nexport type ToastPosition =\n  | \"top-left\"\n  | \"top-center\"\n  | \"top-right\"\n  | \"bottom-left\"\n  | \"bottom-center\"\n  | \"bottom-right\";\n\nexport interface ToastAction {\n  label: string;\n  onClick: () => void;\n}\n\nexport interface Toast {\n  id: string;\n  type: ToastType;\n  title?: string;\n  description?: string;\n  duration?: number;\n  icon?: React.ReactNode;\n  action?: ToastAction;\n  dismissible?: boolean;\n  onDismiss?: () => void;\n  onAutoClose?: () => void;\n  promise?: {\n    loading: string;\n    success: string | ((data: unknown) => string);\n    error: string | ((error: unknown) => string);\n  };\n}\n\nexport interface ToastOptions {\n  type?: ToastType;\n  title?: string;\n  description?: string;\n  duration?: number;\n  icon?: React.ReactNode;\n  action?: ToastAction;\n  dismissible?: boolean;\n  onDismiss?: () => void;\n  onAutoClose?: () => void;\n}\n\nexport interface ToastContextValue {\n  toasts: Toast[];\n  toast: (options: ToastOptions | string) => string;\n  success: (options: ToastOptions | string) => string;\n  error: (options: ToastOptions | string) => string;\n  warning: (options: ToastOptions | string) => string;\n  info: (options: ToastOptions | string) => string;\n  loading: (options: ToastOptions | string) => string;\n  promise: <T>(\n    promise: Promise<T>,\n    options: {\n      loading: string;\n      success: string | ((data: T) => string);\n      error: string | ((error: unknown) => string);\n    },\n  ) => Promise<T>;\n  dismiss: (id: string) => void;\n  dismissAll: () => void;\n  update: (id: string, options: Partial<ToastOptions>) => void;\n}\n\nexport interface ToastProviderProps {\n  children: React.ReactNode;\n  /** Default position for toasts */\n  position?: ToastPosition;\n  /** Default duration in milliseconds */\n  duration?: number;\n  /** Maximum number of visible toasts */\n  maxToasts?: number;\n  /** Gap between toasts */\n  gap?: number;\n  /** Whether toasts are dismissible by default */\n  dismissible?: boolean;\n  /** Custom className for the toast container */\n  containerClassName?: string;\n}\n\nexport interface ToastItemProps {\n  toast: Toast;\n  onDismiss: (id: string) => void;\n  position: ToastPosition;\n}\n\n// ============================================================================\n// Context\n// ============================================================================\n\nconst ToastContext = createContext<ToastContextValue | null>(null);\n\nexport const useToast = (): ToastContextValue => {\n  const context = useContext(ToastContext);\n  if (!context) {\n    throw new Error(\"useToast must be used within a ToastProvider\");\n  }\n  return context;\n};\n\n// ============================================================================\n// Styles\n// ============================================================================\n\nconst typeStyles: Record<\n  ToastType,\n  { bg: string; icon: string; iconBg: string }\n> = {\n  success: {\n    bg: \"bg-white dark:bg-neutral-800 border-green-200 dark:border-green-800\",\n    icon: \"text-green-500\",\n    iconBg: \"bg-green-100 dark:bg-green-900/30\",\n  },\n  error: {\n    bg: \"bg-white dark:bg-neutral-800 border-red-200 dark:border-red-800\",\n    icon: \"text-red-500\",\n    iconBg: \"bg-red-100 dark:bg-red-900/30\",\n  },\n  warning: {\n    bg: \"bg-white dark:bg-neutral-800 border-amber-200 dark:border-amber-800\",\n    icon: \"text-amber-500\",\n    iconBg: \"bg-amber-100 dark:bg-amber-900/30\",\n  },\n  info: {\n    bg: \"bg-white dark:bg-neutral-800 border-blue-200 dark:border-blue-800\",\n    icon: \"text-blue-500\",\n    iconBg: \"bg-blue-100 dark:bg-blue-900/30\",\n  },\n  default: {\n    bg: \"bg-white dark:bg-neutral-800 border-neutral-200 dark:border-neutral-700\",\n    icon: \"text-neutral-500\",\n    iconBg: \"bg-neutral-100 dark:bg-neutral-700\",\n  },\n  loading: {\n    bg: \"bg-white dark:bg-neutral-800 border-neutral-200 dark:border-neutral-700\",\n    icon: \"text-primary-500\",\n    iconBg: \"bg-primary-100 dark:bg-primary-900/30\",\n  },\n};\n\nconst positionStyles: Record<ToastPosition, string> = {\n  \"top-left\": \"top-4 left-4\",\n  \"top-center\": \"top-4 left-1/2 -translate-x-1/2\",\n  \"top-right\": \"top-4 right-4\",\n  \"bottom-left\": \"bottom-4 left-4\",\n  \"bottom-center\": \"bottom-4 left-1/2 -translate-x-1/2\",\n  \"bottom-right\": \"bottom-4 right-4\",\n};\n\nconst getMotionVariants = (position: ToastPosition) => {\n  const isTop = position.startsWith(\"top\");\n  const isCenter = position.includes(\"center\");\n  const isLeft = position.includes(\"left\");\n\n  return {\n    initial: {\n      opacity: 0,\n      y: isTop ? -20 : 20,\n      x: isCenter ? 0 : isLeft ? -20 : 20,\n      scale: 0.95,\n    },\n    animate: {\n      opacity: 1,\n      y: 0,\n      x: 0,\n      scale: 1,\n    },\n    exit: {\n      opacity: 0,\n      y: isTop ? -20 : 20,\n      scale: 0.95,\n      transition: { duration: 0.15 },\n    },\n  };\n};\n\n// ============================================================================\n// Toast Item Component\n// ============================================================================\n\nconst ToastItem = forwardRef<HTMLDivElement, ToastItemProps>(\n  ({ toast, onDismiss, position }, ref) => {\n    const {\n      type,\n      title,\n      description,\n      icon,\n      action,\n      dismissible = true,\n      duration,\n    } = toast;\n    const timerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n    const [progress, setProgress] = useState(100);\n    const [isPaused, setIsPaused] = useState(false);\n\n    const defaultIcons: Record<ToastType, React.ReactNode> = {\n      success: <CheckCircleIcon className=\"w-5 h-5\" aria-hidden=\"true\" />,\n      error: <XCircleIcon className=\"w-5 h-5\" aria-hidden=\"true\" />,\n      warning: <AlertTriangleIcon className=\"w-5 h-5\" aria-hidden=\"true\" />,\n      info: <InfoCircleIcon className=\"w-5 h-5\" aria-hidden=\"true\" />,\n      loading: (\n        <LoaderIcon className=\"w-5 h-5 animate-spin\" aria-hidden=\"true\" />\n      ),\n      default: null,\n    };\n\n    // Auto-dismiss timer with progress\n    useEffect(() => {\n      if (duration && duration > 0 && type !== \"loading\") {\n        const startTime = Date.now();\n        const interval = 50;\n\n        const updateProgress = () => {\n          if (isPaused) return;\n\n          const elapsed = Date.now() - startTime;\n          const remaining = Math.max(0, 100 - (elapsed / duration) * 100);\n          setProgress(remaining);\n\n          if (remaining <= 0) {\n            toast.onAutoClose?.();\n            onDismiss(toast.id);\n          }\n        };\n\n        timerRef.current = setInterval(updateProgress, interval);\n\n        return () => {\n          if (timerRef.current) {\n            clearInterval(timerRef.current);\n          }\n        };\n      }\n    }, [duration, toast.id, type, isPaused, onDismiss, toast]);\n\n    const handleMouseEnter = () => setIsPaused(true);\n    const handleMouseLeave = () => setIsPaused(false);\n\n    const styles = typeStyles[type];\n    const displayIcon = icon ?? defaultIcons[type];\n    const variants = getMotionVariants(position);\n\n    return (\n      <motion.div\n        ref={ref}\n        layout\n        initial={variants.initial}\n        animate={variants.animate}\n        exit={variants.exit}\n        transition={{ type: \"spring\", stiffness: 400, damping: 30 }}\n        onMouseEnter={handleMouseEnter}\n        onMouseLeave={handleMouseLeave}\n        className={`\n          relative flex items-start gap-3 p-4 pr-10\n          rounded-lg shadow-lg border min-w-[320px] max-w-[420px]\n          overflow-hidden\n          ${styles.bg}\n        `}\n        role=\"alert\"\n        aria-live=\"polite\"\n      >\n        {/* Progress bar */}\n        {duration && duration > 0 && type !== \"loading\" && (\n          <div className=\"absolute bottom-0 left-0 right-0 h-1 bg-neutral-100 dark:bg-neutral-700\">\n            <motion.div\n              className={`h-full ${\n                type === \"success\"\n                  ? \"bg-green-500\"\n                  : type === \"error\"\n                    ? \"bg-red-500\"\n                    : type === \"warning\"\n                      ? \"bg-amber-500\"\n                      : type === \"info\"\n                        ? \"bg-blue-500\"\n                        : \"bg-neutral-400\"\n              }`}\n              style={{ width: `${progress}%` }}\n              transition={{ duration: 0.05 }}\n            />\n          </div>\n        )}\n\n        {/* Icon */}\n        {displayIcon && (\n          <div\n            className={`flex-shrink-0 p-1.5 rounded-full ${styles.iconBg} ${styles.icon}`}\n          >\n            {displayIcon}\n          </div>\n        )}\n\n        {/* Content */}\n        <div className=\"flex-1 min-w-0\">\n          {title && (\n            <p className=\"font-semibold text-neutral-900 dark:text-white text-sm\">\n              {title}\n            </p>\n          )}\n          {description && (\n            <p\n              className={`text-sm text-neutral-600 dark:text-neutral-300 ${\n                title ? \"mt-1\" : \"\"\n              }`}\n            >\n              {description}\n            </p>\n          )}\n          {action && (\n            <button\n              onClick={() => {\n                action.onClick();\n                onDismiss(toast.id);\n              }}\n              className=\"mt-2 text-sm font-medium text-primary-600 dark:text-primary-400 hover:underline\"\n            >\n              {action.label}\n            </button>\n          )}\n        </div>\n\n        {/* Dismiss button */}\n        {dismissible && (\n          <button\n            onClick={() => {\n              toast.onDismiss?.();\n              onDismiss(toast.id);\n            }}\n            className=\"absolute top-3 right-3 p-1 rounded-full text-neutral-400 hover:text-neutral-600 dark:text-neutral-500 dark:hover:text-neutral-300 hover:bg-neutral-100 dark:hover:bg-neutral-700 transition-colors\"\n            aria-label=\"Dismiss\"\n          >\n            <CloseIcon className=\"w-4 h-4\" aria-hidden=\"true\" />\n          </button>\n        )}\n      </motion.div>\n    );\n  },\n);\n\nToastItem.displayName = \"ToastItem\";\n\n// ============================================================================\n// Toast Provider Component\n// ============================================================================\n\nexport const ToastProvider: React.FC<ToastProviderProps> = ({\n  children,\n  position = \"bottom-right\",\n  duration = 5000,\n  maxToasts = 5,\n  gap = 12,\n  dismissible = true,\n  containerClassName = \"\",\n}) => {\n  const [toasts, setToasts] = useState<Toast[]>([]);\n  const toastIdCounter = useRef(0);\n\n  const generateId = () => {\n    toastIdCounter.current += 1;\n    return `toast-${toastIdCounter.current}-${Date.now()}`;\n  };\n\n  const addToast = useCallback(\n    (options: ToastOptions | string, type: ToastType = \"default\"): string => {\n      const id = generateId();\n      const toastOptions: ToastOptions =\n        typeof options === \"string\" ? { description: options } : options;\n\n      const newToast: Toast = {\n        id,\n        type: toastOptions.type ?? type,\n        title: toastOptions.title,\n        description: toastOptions.description,\n        duration: toastOptions.duration ?? duration,\n        icon: toastOptions.icon,\n        action: toastOptions.action,\n        dismissible: toastOptions.dismissible ?? dismissible,\n        onDismiss: toastOptions.onDismiss,\n        onAutoClose: toastOptions.onAutoClose,\n      };\n\n      setToasts((prev) => {\n        const updated = [...prev, newToast];\n        // Keep only the last maxToasts\n        return updated.slice(-maxToasts);\n      });\n\n      return id;\n    },\n    [duration, dismissible, maxToasts],\n  );\n\n  const dismiss = useCallback((id: string) => {\n    setToasts((prev) => prev.filter((t) => t.id !== id));\n  }, []);\n\n  const dismissAll = useCallback(() => {\n    setToasts([]);\n  }, []);\n\n  const update = useCallback((id: string, options: Partial<ToastOptions>) => {\n    setToasts((prev) =>\n      prev.map((t) =>\n        t.id === id\n          ? {\n              ...t,\n              ...options,\n              type: options.type ?? t.type,\n            }\n          : t,\n      ),\n    );\n  }, []);\n\n  const toast = useCallback(\n    (options: ToastOptions | string) => addToast(options, \"default\"),\n    [addToast],\n  );\n\n  const success = useCallback(\n    (options: ToastOptions | string) => addToast(options, \"success\"),\n    [addToast],\n  );\n\n  const error = useCallback(\n    (options: ToastOptions | string) => addToast(options, \"error\"),\n    [addToast],\n  );\n\n  const warning = useCallback(\n    (options: ToastOptions | string) => addToast(options, \"warning\"),\n    [addToast],\n  );\n\n  const info = useCallback(\n    (options: ToastOptions | string) => addToast(options, \"info\"),\n    [addToast],\n  );\n\n  const loading = useCallback(\n    (options: ToastOptions | string) => {\n      const toastOptions: ToastOptions =\n        typeof options === \"string\" ? { description: options } : options;\n      return addToast(\n        { ...toastOptions, duration: 0, dismissible: false },\n        \"loading\",\n      );\n    },\n    [addToast],\n  );\n\n  const promise = useCallback(\n    async <T,>(\n      promiseToResolve: Promise<T>,\n      options: {\n        loading: string;\n        success: string | ((data: T) => string);\n        error: string | ((error: unknown) => string);\n      },\n    ): Promise<T> => {\n      const id = loading(options.loading);\n\n      try {\n        const result = await promiseToResolve;\n        const successMessage =\n          typeof options.success === \"function\"\n            ? options.success(result)\n            : options.success;\n        update(id, {\n          type: \"success\",\n          description: successMessage,\n          duration,\n          dismissible: true,\n        });\n        return result;\n      } catch (err) {\n        const errorMessage =\n          typeof options.error === \"function\"\n            ? options.error(err)\n            : options.error;\n        update(id, {\n          type: \"error\",\n          description: errorMessage,\n          duration,\n          dismissible: true,\n        });\n        throw err;\n      }\n    },\n    [loading, update, duration],\n  );\n\n  const contextValue: ToastContextValue = {\n    toasts,\n    toast,\n    success,\n    error,\n    warning,\n    info,\n    loading,\n    promise,\n    dismiss,\n    dismissAll,\n    update,\n  };\n\n  const isTop = position.startsWith(\"top\");\n\n  return (\n    <ToastContext.Provider value={contextValue}>\n      {children}\n      <div\n        className={`fixed z-[100] flex flex-col pointer-events-none ${positionStyles[position]} ${containerClassName}`}\n        style={{ gap: `${gap}px` }}\n      >\n        <AnimatePresence mode=\"popLayout\">\n          {(isTop ? toasts : [...toasts].reverse()).map((t) => (\n            <div key={t.id} className=\"pointer-events-auto\">\n              <ToastItem toast={t} onDismiss={dismiss} position={position} />\n            </div>\n          ))}\n        </AnimatePresence>\n      </div>\n    </ToastContext.Provider>\n  );\n};\n\n// ============================================================================\n// Standalone toast function (for use without hooks)\n// ============================================================================\n\nlet globalToast: ToastContextValue | null = null;\n\nexport const setGlobalToast = (toastContext: ToastContextValue) => {\n  globalToast = toastContext;\n};\n\nexport const toastStandalone = {\n  show: (options: ToastOptions | string) => globalToast?.toast(options),\n  success: (options: ToastOptions | string) => globalToast?.success(options),\n  error: (options: ToastOptions | string) => globalToast?.error(options),\n  warning: (options: ToastOptions | string) => globalToast?.warning(options),\n  info: (options: ToastOptions | string) => globalToast?.info(options),\n  loading: (options: ToastOptions | string) => globalToast?.loading(options),\n  promise: <T,>(\n    promise: Promise<T>,\n    options: {\n      loading: string;\n      success: string | ((data: T) => string);\n      error: string | ((error: unknown) => string);\n    },\n  ) => globalToast?.promise(promise, options),\n  dismiss: (id: string) => globalToast?.dismiss(id),\n  dismissAll: () => globalToast?.dismissAll(),\n};\n\n// ============================================================================\n// Exports\n// ============================================================================\n\nexport default ToastProvider;\nexport { ToastItem };\n"],"mappings":"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"}