erp-pro-ui 0.1.2 → 0.1.3

package/dist/chunks/select-WC_kPqUP.cjs

@@ -1,158 +0,0 @@
-require("./chunk-B_GkZjkl.cjs");
-const require_utils = require("./utils-B4SmmY4J.cjs");
-const require_icons = require("./icons-BxIzP2jd.cjs");
-let react = require("react");
-let react_jsx_runtime = require("react/jsx-runtime");
-let framer_motion = require("framer-motion");
-//#region src/components/forms/select/Select.tsx
-var Select = (0, react.forwardRef)(({ className = "", containerClassName = "", triggerClassName = "", label, error, helperText, options, value, onChange, placeholder = "Select...", disabled, bgClassName = "bg-background-secondary", ...props }, ref) => {
-	const [open, setOpen] = (0, react.useState)(false);
-	const [visible, setVisible] = (0, react.useState)(false);
-	const containerRef = (0, react.useRef)(null);
-	const hiddenSelectRef = (0, react.useRef)(null);
-	const mouseX = (0, framer_motion.useMotionValue)(0);
-	const mouseY = (0, framer_motion.useMotionValue)(0);
-	const radius = 100;
-	(0, react.useEffect)(() => {
-		if (ref && typeof ref === "function") ref(hiddenSelectRef.current);
-		else if (ref) ref.current = hiddenSelectRef.current;
-	}, [ref]);
-	(0, react.useEffect)(() => {
-		const handleClick = (e) => {
-			if (containerRef.current && !containerRef.current.contains(e.target)) setOpen(false);
-		};
-		if (open) document.addEventListener("mousedown", handleClick);
-		return () => document.removeEventListener("mousedown", handleClick);
-	}, [open]);
-	const handleMouseMove = (event) => {
-		const { left, top } = event.currentTarget.getBoundingClientRect();
-		mouseX.set(event.clientX - left);
-		mouseY.set(event.clientY - top);
-	};
-	const selectedOption = options.find((opt) => opt.value === value);
-	const handleSelect = (optValue) => {
-		if (onChange && hiddenSelectRef.current) onChange({
-			target: {
-				value: optValue,
-				name: props.name
-			},
-			currentTarget: {
-				value: optValue,
-				name: props.name
-			}
-		});
-		setOpen(false);
-	};
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: require_utils.mergeClassNames("w-full min-w-48", containerClassName),
-		children: [
-			label && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
-				className: "mb-2 block text-sm leading-none font-medium text-foreground peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
-				children: label
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
-				ref: hiddenSelectRef,
-				className: "sr-only",
-				value,
-				onChange,
-				disabled,
-				...props,
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
-					value: "",
-					children: placeholder
-				}), options.map((option) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
-					value: option.value,
-					children: option.label
-				}, option.value))]
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				ref: containerRef,
-				className: require_utils.mergeClassNames("relative w-full", className),
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(framer_motion.motion.div, {
-					style: { backgroundImage: disabled ? "none" : framer_motion.useMotionTemplate`
-                    radial-gradient(
-                      ${visible ? `${radius}px` : "0px"} circle at ${mouseX}px ${mouseY}px,
-                      var(--ds-color-accent),
-                      transparent 90%
-                    )
-                  ` },
-					onMouseMove: !disabled ? handleMouseMove : void 0,
-					onMouseEnter: !disabled ? () => setVisible(true) : void 0,
-					onMouseLeave: !disabled ? () => setVisible(false) : void 0,
-					className: require_utils.mergeClassNames("group/select rounded-lg p-[2px] transition duration-300 hover:border-accent", disabled ? "bg-muted border-none" : error ? "border-destructive" : "border-border"),
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: require_utils.mergeClassNames("shadow-input flex h-10 w-full cursor-pointer items-center justify-between rounded-md border border-input px-3 py-2 text-sm transition duration-400 ease-in-out group-hover/select:shadow-none", bgClassName, disabled ? "cursor-not-allowed opacity-50" : "text-foreground", error && "border-destructive text-destructive focus-visible:ring-destructive", triggerClassName),
-						onClick: () => {
-							if (!disabled) setOpen((o) => !o);
-						},
-						onKeyDown: (event) => {
-							if (disabled) return;
-							if (event.key === "Enter" || event.key === " ") {
-								event.preventDefault();
-								setOpen((current) => !current);
-							}
-							if (event.key === "Escape") setOpen(false);
-						},
-						role: "button",
-						tabIndex: disabled ? -1 : 0,
-						"aria-haspopup": "listbox",
-						"aria-expanded": open,
-						children: [selectedOption ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							className: "flex-1 truncate text-foreground",
-							children: selectedOption.label
-						}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							className: "flex-1 text-muted-foreground",
-							children: placeholder
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							className: require_utils.mergeClassNames("ml-2 text-muted-foreground transition-transform duration-300", open ? "rotate-180" : "rotate-0"),
-							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_icons.ChevronDownIcon, {
-								width: 24,
-								height: 24,
-								color: "currentColor",
-								className: "h-5 w-5"
-							})
-						})]
-					})
-				}), open && !disabled && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					className: require_utils.mergeClassNames("absolute right-0 left-0 z-20 mt-1 flex max-h-60 flex-col overflow-auto rounded-lg border border-border bg-background-secondary shadow-3 backdrop-blur-xl transition"),
-					children: [options.length === 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						className: "px-3 py-2 text-muted-foreground",
-						children: "No options"
-					}), options.map((opt) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: require_utils.mergeClassNames("mx-1 my-1 flex cursor-pointer items-center gap-2 rounded-md px-3 py-2 text-sm text-foreground transition", opt.value === value ? "bg-accent-subtle text-accent font-semibold" : "", "hover:bg-accent hover:text-on-accent"),
-						onClick: () => handleSelect(opt.value),
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							className: "flex w-5 items-center justify-center",
-							children: opt.value === value && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_icons.CheckIcon, {
-								className: "text-accent",
-								width: 18,
-								height: 18
-							})
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							className: "min-w-0 flex-1 truncate",
-							children: opt.label
-						})]
-					}, opt.value))]
-				})]
-			}),
-			error && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-				className: "mt-1 text-sm font-medium text-destructive",
-				children: error
-			}),
-			helperText && !error && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-				className: "mt-1 text-sm text-muted-foreground",
-				children: helperText
-			})
-		]
-	});
-});
-Select.displayName = "Select";
-//#endregion
-Object.defineProperty(exports, "Select", {
-	enumerable: true,
-	get: function() {
-		return Select;
-	}
-});
-
-//# sourceMappingURL=select-WC_kPqUP.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"select-WC_kPqUP.cjs","names":[],"sources":["../../src/components/forms/select/Select.tsx"],"sourcesContent":["import type { SelectProps } from \"./types\";\nimport { forwardRef, useState, useRef, useEffect } from \"react\";\nimport { motion, useMotionTemplate, useMotionValue } from \"framer-motion\";\n\nimport { CheckIcon, ChevronDownIcon } from \"../../icons\";\nimport { mergeClassNames } from \"../../../utils\";\n\nexport const Select = forwardRef<HTMLSelectElement, SelectProps>(\n  (\n    {\n      className = \"\",\n      containerClassName = \"\",\n      triggerClassName = \"\",\n      label,\n      error,\n      helperText,\n      options,\n      value,\n      onChange,\n      placeholder = \"Select...\",\n      disabled,\n      bgClassName = \"bg-background-secondary\",\n      ...props\n    },\n    ref,\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 mouseX = useMotionValue(0);\n    const mouseY = useMotionValue(0);\n    const radius = 100;\n\n    // Combine refs\n    useEffect(() => {\n      if (ref && typeof ref === \"function\") {\n        ref(hiddenSelectRef.current);\n      } else if (ref) {\n        (ref as React.MutableRefObject<HTMLSelectElement | null>).current =\n          hiddenSelectRef.current;\n      }\n    }, [ref]);\n\n    // Close dropdown on outside click\n    useEffect(() => {\n      const handleClick = (e: MouseEvent) => {\n        if (\n          containerRef.current &&\n          !containerRef.current.contains(e.target as Node)\n        ) {\n          setOpen(false);\n        }\n      };\n      if (open) {\n        document.addEventListener(\"mousedown\", handleClick);\n      }\n      return () => document.removeEventListener(\"mousedown\", handleClick);\n    }, [open]);\n\n    const handleMouseMove = (event: React.MouseEvent<HTMLDivElement>) => {\n      const { left, top } = event.currentTarget.getBoundingClientRect();\n      mouseX.set(event.clientX - left);\n      mouseY.set(event.clientY - top);\n    };\n\n    const selectedOption = options.find((opt) => opt.value === value);\n\n    const handleSelect = (optValue: string) => {\n      // Trigger onChange with a synthetic event\n      if (onChange && hiddenSelectRef.current) {\n        const event = {\n          target: { value: optValue, name: props.name },\n          currentTarget: { value: optValue, name: props.name },\n        } as React.ChangeEvent<HTMLSelectElement>;\n        onChange(event);\n      }\n      setOpen(false);\n    };\n\n    return (\n      <div className={mergeClassNames(\"w-full min-w-48\", containerClassName)}>\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        )}\n\n        {/* Hidden native select for form compatibility */}\n        <select\n          ref={hiddenSelectRef}\n          className=\"sr-only\"\n          value={value}\n          onChange={onChange}\n          disabled={disabled}\n          {...props}\n        >\n          <option value=\"\">{placeholder}</option>\n          {options.map((option) => (\n            <option key={option.value} value={option.value}>\n              {option.label}\n            </option>\n          ))}\n        </select>\n\n        {/* Custom styled dropdown */}\n        <div\n          ref={containerRef}\n          className={mergeClassNames(\"relative w-full\", className)}\n        >\n          <motion.div\n            style={{\n              backgroundImage: disabled\n                ? \"none\"\n                : useMotionTemplate`\n                    radial-gradient(\n                      ${\n                        visible ? `${radius}px` : \"0px\"\n                      } 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                ? \"bg-muted border-none\"\n                : error\n                  ? \"border-destructive\"\n                  : \"border-border\",\n            )}\n          >\n            <div\n              className={mergeClassNames(\n                \"shadow-input flex h-10 w-full cursor-pointer items-center justify-between rounded-md border border-input px-3 py-2 text-sm transition duration-400 ease-in-out group-hover/select:shadow-none\",\n                bgClassName,\n                disabled ? \"cursor-not-allowed opacity-50\" : \"text-foreground\",\n                error &&\n                  \"border-destructive text-destructive focus-visible:ring-destructive\",\n                triggerClassName,\n              )}\n              onClick={() => {\n                if (!disabled) {\n                  setOpen((o) => !o);\n                }\n              }}\n              onKeyDown={(event) => {\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              role=\"button\"\n              tabIndex={disabled ? -1 : 0}\n              aria-haspopup=\"listbox\"\n              aria-expanded={open}\n            >\n              {selectedOption ? (\n                <span className=\"flex-1 truncate text-foreground\">\n                  {selectedOption.label}\n                </span>\n              ) : (\n                <span className=\"flex-1 text-muted-foreground\">\n                  {placeholder}\n                </span>\n              )}\n              <span\n                className={mergeClassNames(\n                  \"ml-2 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=\"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 max-h-60 flex-col overflow-auto rounded-lg border border-border bg-background-secondary shadow-3 backdrop-blur-xl transition\",\n              )}\n            >\n              {options.length === 0 && (\n                <div className=\"px-3 py-2 text-muted-foreground\">\n                  No options\n                </div>\n              )}\n              {options.map((opt) => (\n                <div\n                  key={opt.value}\n                  className={mergeClassNames(\n                    \"mx-1 my-1 flex cursor-pointer items-center gap-2 rounded-md px-3 py-2 text-sm text-foreground transition\",\n                    opt.value === value\n                      ? \"bg-accent-subtle text-accent font-semibold\"\n                      : \"\",\n                    \"hover:bg-accent hover:text-on-accent\",\n                  )}\n                  onClick={() => handleSelect(opt.value)}\n                >\n                  <span className=\"flex w-5 items-center justify-center\">\n                    {opt.value === value && (\n                      <CheckIcon\n                        className=\"text-accent\"\n                        width={18}\n                        height={18}\n                      />\n                    )}\n                  </span>\n                  <span className=\"min-w-0 flex-1 truncate\">{opt.label}</span>\n                </div>\n              ))}\n            </div>\n          )}\n        </div>\n\n        {error && (\n          <p className=\"mt-1 text-sm font-medium text-destructive\">{error}</p>\n        )}\n        {helperText && !error && (\n          <p className=\"mt-1 text-sm text-muted-foreground\">{helperText}</p>\n        )}\n      </div>\n    );\n  },\n);\n\nSelect.displayName = \"Select\";\n"],"mappings":"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"}

package/dist/chunks/stepper-D4yQsQB0.mjs

@@ -1,261 +0,0 @@
-import { n as mergeClassNames } from "./utils-ati1KkDb.mjs";
-import { J as CheckIcon, q as CloseIcon } from "./icons-DuumN7z-.mjs";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { AnimatePresence, motion } from "framer-motion";
-//#region src/components/navigation/stepper/Stepper.tsx
-var sizeConfig = {
-	sm: {
-		indicator: "w-8 h-8",
-		icon: "w-4 h-4",
-		text: "text-xs",
-		connectorThickness: "2px"
-	},
-	md: {
-		indicator: "w-10 h-10",
-		icon: "w-5 h-5",
-		text: "text-sm",
-		connectorThickness: "2px"
-	},
-	lg: {
-		indicator: "w-12 h-12",
-		icon: "w-6 h-6",
-		text: "text-base",
-		connectorThickness: "4px"
-	}
-};
-var getVariantStyles = (variant, status) => {
-	return {
-		default: {
-			completed: "bg-accent text-on-accent shadow-md shadow-accent/25",
-			current: "bg-accent text-on-accent ring-4 ring-focus/40 shadow-lg shadow-accent/30",
-			upcoming: "bg-neutral-200 text-neutral-500 dark:bg-neutral-700 dark:text-neutral-400",
-			error: "bg-red-500 text-white ring-4 ring-red-500/30"
-		},
-		glass: {
-			completed: "bg-accent/85 text-on-accent backdrop-blur-xl border border-accent/30 shadow-lg shadow-accent/20",
-			current: "bg-accent/90 text-on-accent backdrop-blur-xl border-2 border-accent ring-4 ring-focus/30 shadow-xl shadow-accent/30",
-			upcoming: "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",
-			error: "bg-red-500/80 text-white backdrop-blur-xl border border-red-400/30 ring-4 ring-red-500/20"
-		},
-		minimal: {
-			completed: "bg-accent-subtle text-accent",
-			current: "bg-accent text-on-accent shadow-sm",
-			upcoming: "bg-transparent text-neutral-400 border-2 border-neutral-300 dark:border-neutral-600",
-			error: "bg-red-100 text-red-500 dark:bg-red-900/30"
-		},
-		outlined: {
-			completed: "bg-transparent text-accent border-2 border-accent",
-			current: "bg-accent text-on-accent border-2 border-accent shadow-lg",
-			upcoming: "bg-transparent text-neutral-400 border-2 border-neutral-300 dark:border-neutral-600",
-			error: "bg-transparent text-red-500 border-2 border-red-500"
-		}
-	}[variant][status];
-};
-var StepIndicator = ({ step, index, status, size, variant, showNumbers, animated, colors }) => {
-	const config = sizeConfig[size];
-	const variantStyles = getVariantStyles(variant, status);
-	const customColorStyle = colors?.[status] ? {
-		backgroundColor: colors[status],
-		borderColor: colors[status]
-	} : void 0;
-	const renderContent = () => {
-		if (step.icon) return /* @__PURE__ */ jsx("span", {
-			className: config.icon,
-			children: step.icon
-		});
-		if (status === "completed") return /* @__PURE__ */ jsx(CheckIcon, {
-			className: config.icon,
-			"aria-hidden": "true"
-		});
-		if (status === "error") return /* @__PURE__ */ jsx(CloseIcon, {
-			className: config.icon,
-			"aria-hidden": "true"
-		});
-		if (showNumbers) return /* @__PURE__ */ jsx("span", {
-			className: "font-semibold",
-			children: index + 1
-		});
-		return /* @__PURE__ */ jsx("span", { className: mergeClassNames("rounded-full bg-current", size === "sm" ? "w-2 h-2" : "w-3 h-3") });
-	};
-	return /* @__PURE__ */ jsx(motion.div, {
-		className: mergeClassNames("rounded-full flex items-center justify-center transition-all duration-300", config.indicator, variantStyles),
-		style: customColorStyle,
-		initial: animated ? {
-			scale: .8,
-			opacity: 0
-		} : void 0,
-		animate: animated ? {
-			scale: 1,
-			opacity: 1
-		} : void 0,
-		whileHover: { scale: 1.05 },
-		whileTap: { scale: .95 },
-		transition: {
-			type: "spring",
-			stiffness: 400,
-			damping: 17
-		},
-		children: /* @__PURE__ */ jsx(AnimatePresence, {
-			mode: "wait",
-			children: /* @__PURE__ */ jsx(motion.span, {
-				initial: animated ? {
-					scale: 0,
-					rotate: -180
-				} : void 0,
-				animate: animated ? {
-					scale: 1,
-					rotate: 0
-				} : void 0,
-				exit: animated ? {
-					scale: 0,
-					rotate: 180
-				} : void 0,
-				transition: { duration: .2 },
-				children: renderContent()
-			}, status)
-		})
-	});
-};
-var Stepper = ({ steps, currentStep, onStepClick, orientation = "horizontal", size = "md", variant = "glass", showNumbers = true, clickable = true, showConnector = true, className, connectorClassName, stepClassName, showErrors = false, errorSteps = [], completedSteps, animated = true, colors }) => {
-	const isVertical = orientation === "vertical";
-	const config = sizeConfig[size];
-	const getStepStatus = (index) => {
-		if (showErrors && errorSteps.includes(index)) return "error";
-		if (completedSteps) {
-			if (completedSteps.includes(index)) return "completed";
-			if (index === currentStep) return "current";
-			return "upcoming";
-		}
-		if (index < currentStep) return "completed";
-		if (index === currentStep) return "current";
-		return "upcoming";
-	};
-	const handleStepClick = (index) => {
-		if (!clickable || !onStepClick) return;
-		if (steps[index].disabled) return;
-		const status = getStepStatus(index);
-		if (status === "completed" || status === "current") onStepClick(index);
-	};
-	return /* @__PURE__ */ jsxs("div", {
-		className: mergeClassNames("w-full relative", isVertical ? "flex flex-col" : "flex items-start justify-between", className),
-		children: [showConnector && (() => {
-			const paddingValue = variant === "glass" || variant === "outlined" || variant === "minimal" ? 4 : 2;
-			return /* @__PURE__ */ jsx("div", {
-				className: mergeClassNames("absolute rounded-full", variant === "glass" ? "bg-white/30 dark:bg-white/10 backdrop-blur-sm" : "bg-neutral-200 dark:bg-neutral-700", connectorClassName),
-				style: { ...isVertical ? {
-					top: "0",
-					bottom: "0",
-					left: `calc(${paddingValue}px + 1px + ${config.indicator.split(" ")[0].replace("w-", "")} * 0.125rem - ${config.connectorThickness} / 2)`,
-					width: config.connectorThickness
-				} : {
-					left: "0",
-					right: "0",
-					top: `calc(${paddingValue}px + 1px + ${config.indicator.split(" ")[1].replace("h-", "")} * 0.125rem - ${config.connectorThickness} / 2)`,
-					height: config.connectorThickness
-				} },
-				children: animated ? /* @__PURE__ */ jsx(motion.div, {
-					className: "absolute top-0 left-0 bg-accent rounded-full",
-					initial: { [isVertical ? "height" : "width"]: 0 },
-					animate: { [isVertical ? "height" : "width"]: `${steps.length > 1 ? Math.min(currentStep, steps.length - 1) / (steps.length - 1) * 100 : 0}%` },
-					transition: {
-						duration: .4,
-						ease: "easeOut"
-					},
-					style: {
-						...isVertical ? { width: "100%" } : { height: "100%" },
-						backgroundColor: colors?.connector || colors?.completed
-					}
-				}) : /* @__PURE__ */ jsx("div", {
-					className: "absolute top-0 left-0 bg-accent rounded-full",
-					style: {
-						...isVertical ? {
-							width: "100%",
-							height: `${steps.length > 1 ? Math.min(currentStep, steps.length - 1) / (steps.length - 1) * 100 : 0}%`
-						} : {
-							height: "100%",
-							width: `${steps.length > 1 ? Math.min(currentStep, steps.length - 1) / (steps.length - 1) * 100 : 0}%`
-						},
-						backgroundColor: colors?.connector || colors?.completed
-					}
-				})
-			});
-		})(), steps.map((step, index) => {
-			const status = getStepStatus(index);
-			const isLast = index === steps.length - 1;
-			const isClickable = clickable && !step.disabled;
-			const paddingValue = variant === "glass" || variant === "outlined" || variant === "minimal" ? 4 : 2;
-			return /* @__PURE__ */ jsxs("div", {
-				className: mergeClassNames("relative z-10", isVertical ? "flex gap-4 pb-8" : "flex flex-1 flex-col items-center", !isLast && isVertical && "mb-2", isVertical && isLast && "pb-0", stepClassName),
-				style: { ...!isVertical ? {
-					flexBasis: 0,
-					flexGrow: 1,
-					alignItems: index === 0 ? "flex-start" : isLast ? "flex-end" : "center"
-				} : {} },
-				children: [
-					/* @__PURE__ */ jsx("button", {
-						type: "button",
-						onClick: () => handleStepClick(index),
-						disabled: !isClickable,
-						className: mergeClassNames("relative z-10 shrink-0 flex items-center justify-center bg-white dark:bg-neutral-900 rounded-full", isClickable ? "cursor-pointer" : "cursor-default", !isVertical && index === 0 && "mx-0", !isVertical && isLast && "mx-0"),
-						style: { padding: `${paddingValue}px` },
-						"aria-current": status === "current" ? "step" : void 0,
-						children: /* @__PURE__ */ jsx(StepIndicator, {
-							step,
-							index,
-							status,
-							size,
-							variant,
-							showNumbers,
-							animated,
-							colors
-						})
-					}),
-					/* @__PURE__ */ jsxs(motion.div, {
-						className: mergeClassNames("mt-2", isVertical ? "flex-1 pb-6" : "text-center px-2", !isVertical && index === 0 && "text-left px-0", !isVertical && isLast && "text-right px-0", isVertical && isLast && "pb-0"),
-						style: isVertical ? { marginTop: "-4px" } : void 0,
-						initial: animated ? {
-							opacity: 0,
-							y: 10
-						} : void 0,
-						animate: animated ? {
-							opacity: 1,
-							y: 0
-						} : void 0,
-						transition: { delay: index * .1 },
-						children: [/* @__PURE__ */ jsxs("p", {
-							className: mergeClassNames("font-medium transition-colors duration-200", config.text, status === "current" ? "text-accent" : status === "completed" ? "text-neutral-700 dark:text-neutral-200" : status === "error" ? "text-red-500" : "text-neutral-500 dark:text-neutral-400"),
-							children: [step.title, step.optional && /* @__PURE__ */ jsx("span", {
-								className: "ml-1 text-neutral-400 dark:text-neutral-500 font-normal",
-								children: "(Optional)"
-							})]
-						}), step.description && /* @__PURE__ */ jsx("p", {
-							className: mergeClassNames("mt-0.5 text-neutral-500 dark:text-neutral-400", size === "sm" ? "text-xs" : "text-xs"),
-							children: step.description
-						})]
-					}),
-					isVertical && step.content && status === "current" && /* @__PURE__ */ jsx(motion.div, {
-						initial: {
-							opacity: 0,
-							height: 0
-						},
-						animate: {
-							opacity: 1,
-							height: "auto"
-						},
-						exit: {
-							opacity: 0,
-							height: 0
-						},
-						className: "pl-14 pb-4 w-full",
-						children: step.content
-					})
-				]
-			}, step.id);
-		})]
-	});
-};
-Stepper.displayName = "Stepper";
-//#endregion
-export { Stepper as t };
-
-//# sourceMappingURL=stepper-D4yQsQB0.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"stepper-D4yQsQB0.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-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"],"mappings":"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"}