@m5kdev/web-ui 0.6.0 → 0.8.0

package/dist/src/components/PageAlert.js

@@ -1,48 +1,76 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cva } from "class-variance-authority";
+import { cn } from "../lib/utils.js";
+import * as React$1 from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { AlertCircle, AlertTriangle, CheckCircle, Info, X } from "lucide-react";
-import * as React from "react";
 import { useTranslation } from "react-i18next";
-import { cn } from "../lib/utils";
+import { cva } from "class-variance-authority";
+//#region src/components/PageAlert.tsx
 const pageAlertVariants = cva("relative w-full border-b px-4 py-3 text-sm transition-all duration-300 ease-in-out", {
-    variants: {
-        variant: {
-            default: "bg-background border-border text-foreground",
-            info: "bg-blue-50 border-blue-200 text-blue-900 dark:bg-blue-950/50 dark:border-blue-800 dark:text-blue-100",
-            success: "bg-green-50 border-green-200 text-green-900 dark:bg-green-950/50 dark:border-green-800 dark:text-green-100",
-            warning: "bg-yellow-50 border-yellow-200 text-yellow-900 dark:bg-yellow-950/50 dark:border-yellow-800 dark:text-yellow-100",
-            destructive: "bg-red-50 border-red-200 text-red-900 dark:bg-red-950/50 dark:border-red-800 dark:text-red-100",
-        },
-    },
-    defaultVariants: {
-        variant: "default",
-    },
+	variants: { variant: {
+		default: "bg-background border-border text-foreground",
+		info: "bg-blue-50 border-blue-200 text-blue-900 dark:bg-blue-950/50 dark:border-blue-800 dark:text-blue-100",
+		success: "bg-green-50 border-green-200 text-green-900 dark:bg-green-950/50 dark:border-green-800 dark:text-green-100",
+		warning: "bg-yellow-50 border-yellow-200 text-yellow-900 dark:bg-yellow-950/50 dark:border-yellow-800 dark:text-yellow-100",
+		destructive: "bg-red-50 border-red-200 text-red-900 dark:bg-red-950/50 dark:border-red-800 dark:text-red-100"
+	} },
+	defaultVariants: { variant: "default" }
 });
 const iconMap = {
-    default: Info,
-    info: Info,
-    success: CheckCircle,
-    warning: AlertTriangle,
-    destructive: AlertCircle,
+	default: Info,
+	info: Info,
+	success: CheckCircle,
+	warning: AlertTriangle,
+	destructive: AlertCircle
 };
-const PageAlert = React.forwardRef(({ className, variant = "default", title, description, icon, dismissible = true, defaultOpen = true, onDismiss, children, ...props }, ref) => {
-    const { t } = useTranslation();
-    const [isOpen, setIsOpen] = React.useState(defaultOpen);
-    const [isAnimatingOut, setIsAnimatingOut] = React.useState(false);
-    const IconComponent = icon || iconMap[variant || "default"];
-    const handleDismiss = React.useCallback(() => {
-        setIsAnimatingOut(true);
-        // Wait for animation to complete before removing from DOM
-        setTimeout(() => {
-            setIsOpen(false);
-            onDismiss?.();
-        }, 300); // Match the animation duration
-    }, [onDismiss]);
-    if (!isOpen) {
-        return null;
-    }
-    const content = (_jsx("div", { ref: ref, role: "alert", className: cn(pageAlertVariants({ variant }), isAnimatingOut && "transform -translate-y-full opacity-0", className), ...props, children: _jsxs("div", { className: "flex items-start gap-3", children: [IconComponent && _jsx(IconComponent, { className: "h-4 w-4 mt-0.5 flex-shrink-0" }), _jsxs("div", { className: "flex-1 min-w-0", children: [title && _jsx("div", { className: "font-medium leading-none tracking-tight mb-1", children: title }), description && _jsx("div", { className: "text-sm opacity-90 leading-relaxed", children: description }), children] }), dismissible && (_jsx("button", { type: "button", onClick: handleDismiss, className: "flex-shrink-0 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none", "aria-label": t("web-ui:alert.dismissLabel"), children: _jsx(X, { className: "h-4 w-4" }) }))] }) }));
-    return content;
+const PageAlert = React$1.forwardRef(({ className, variant = "default", title, description, icon, dismissible = true, defaultOpen = true, onDismiss, children, ...props }, ref) => {
+	const { t } = useTranslation();
+	const [isOpen, setIsOpen] = React$1.useState(defaultOpen);
+	const [isAnimatingOut, setIsAnimatingOut] = React$1.useState(false);
+	const IconComponent = icon || iconMap[variant || "default"];
+	const handleDismiss = React$1.useCallback(() => {
+		setIsAnimatingOut(true);
+		setTimeout(() => {
+			setIsOpen(false);
+			onDismiss?.();
+		}, 300);
+	}, [onDismiss]);
+	if (!isOpen) return null;
+	return /* @__PURE__ */ jsx("div", {
+		ref,
+		role: "alert",
+		className: cn(pageAlertVariants({ variant }), isAnimatingOut && "transform -translate-y-full opacity-0", className),
+		...props,
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "flex items-start gap-3",
+			children: [
+				IconComponent && /* @__PURE__ */ jsx(IconComponent, { className: "h-4 w-4 mt-0.5 flex-shrink-0" }),
+				/* @__PURE__ */ jsxs("div", {
+					className: "flex-1 min-w-0",
+					children: [
+						title && /* @__PURE__ */ jsx("div", {
+							className: "font-medium leading-none tracking-tight mb-1",
+							children: title
+						}),
+						description && /* @__PURE__ */ jsx("div", {
+							className: "text-sm opacity-90 leading-relaxed",
+							children: description
+						}),
+						children
+					]
+				}),
+				dismissible && /* @__PURE__ */ jsx("button", {
+					type: "button",
+					onClick: handleDismiss,
+					className: "flex-shrink-0 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
+					"aria-label": t("web-ui:alert.dismissLabel"),
+					children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4" })
+				})
+			]
+		})
+	});
 });
 PageAlert.displayName = "PageAlert";
+//#endregion
 export { PageAlert };
+
+//# sourceMappingURL=PageAlert.js.map

package/dist/src/components/PageAlert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageAlert.js","names":["React"],"sources":["../../../src/components/PageAlert.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\r\nimport { AlertCircle, AlertTriangle, CheckCircle, Info, X } from \"lucide-react\";\r\nimport * as React from \"react\";\r\nimport { useTranslation } from \"react-i18next\";\r\n\r\nimport { cn } from \"../lib/utils\";\r\n\r\nconst pageAlertVariants = cva(\r\n  \"relative w-full border-b px-4 py-3 text-sm transition-all duration-300 ease-in-out\",\r\n  {\r\n    variants: {\r\n      variant: {\r\n        default: \"bg-background border-border text-foreground\",\r\n        info: \"bg-blue-50 border-blue-200 text-blue-900 dark:bg-blue-950/50 dark:border-blue-800 dark:text-blue-100\",\r\n        success:\r\n          \"bg-green-50 border-green-200 text-green-900 dark:bg-green-950/50 dark:border-green-800 dark:text-green-100\",\r\n        warning:\r\n          \"bg-yellow-50 border-yellow-200 text-yellow-900 dark:bg-yellow-950/50 dark:border-yellow-800 dark:text-yellow-100\",\r\n        destructive:\r\n          \"bg-red-50 border-red-200 text-red-900 dark:bg-red-950/50 dark:border-red-800 dark:text-red-100\",\r\n      },\r\n    },\r\n    defaultVariants: {\r\n      variant: \"default\",\r\n    },\r\n  }\r\n);\r\n\r\nconst iconMap = {\r\n  default: Info,\r\n  info: Info,\r\n  success: CheckCircle,\r\n  warning: AlertTriangle,\r\n  destructive: AlertCircle,\r\n} as const;\r\n\r\ninterface PageAlertProps\r\n  extends React.ComponentProps<\"div\">,\r\n    VariantProps<typeof pageAlertVariants> {\r\n  title?: string;\r\n  description?: React.ReactNode;\r\n  icon?: React.ComponentType<{ className?: string }>;\r\n  dismissible?: boolean;\r\n  defaultOpen?: boolean;\r\n  onDismiss?: () => void;\r\n  children?: React.ReactNode;\r\n}\r\n\r\nconst PageAlert = React.forwardRef<HTMLDivElement, PageAlertProps>(\r\n  (\r\n    {\r\n      className,\r\n      variant = \"default\",\r\n      title,\r\n      description,\r\n      icon,\r\n      dismissible = true,\r\n      defaultOpen = true,\r\n      onDismiss,\r\n      children,\r\n      ...props\r\n    },\r\n    ref\r\n  ) => {\r\n    const { t } = useTranslation();\r\n    const [isOpen, setIsOpen] = React.useState(defaultOpen);\r\n    const [isAnimatingOut, setIsAnimatingOut] = React.useState(false);\r\n    const IconComponent = icon || iconMap[variant || \"default\"];\r\n\r\n    const handleDismiss = React.useCallback(() => {\r\n      setIsAnimatingOut(true);\r\n      // Wait for animation to complete before removing from DOM\r\n      setTimeout(() => {\r\n        setIsOpen(false);\r\n        onDismiss?.();\r\n      }, 300); // Match the animation duration\r\n    }, [onDismiss]);\r\n\r\n    if (!isOpen) {\r\n      return null;\r\n    }\r\n\r\n    const content = (\r\n      <div\r\n        ref={ref}\r\n        role=\"alert\"\r\n        className={cn(\r\n          pageAlertVariants({ variant }),\r\n          isAnimatingOut && \"transform -translate-y-full opacity-0\",\r\n          className\r\n        )}\r\n        {...props}\r\n      >\r\n        <div className=\"flex items-start gap-3\">\r\n          {IconComponent && <IconComponent className=\"h-4 w-4 mt-0.5 flex-shrink-0\" />}\r\n          <div className=\"flex-1 min-w-0\">\r\n            {title && <div className=\"font-medium leading-none tracking-tight mb-1\">{title}</div>}\r\n            {description && <div className=\"text-sm opacity-90 leading-relaxed\">{description}</div>}\r\n            {children}\r\n          </div>\r\n          {dismissible && (\r\n            <button\r\n              type=\"button\"\r\n              onClick={handleDismiss}\r\n              className=\"flex-shrink-0 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none\"\r\n              aria-label={t(\"web-ui:alert.dismissLabel\")}\r\n            >\r\n              <X className=\"h-4 w-4\" />\r\n            </button>\r\n          )}\r\n        </div>\r\n      </div>\r\n    );\r\n\r\n    return content;\r\n  }\r\n);\r\n\r\nPageAlert.displayName = \"PageAlert\";\r\n\r\nexport { PageAlert, type PageAlertProps };\r\n"],"mappings":";;;;;;;AAOA,MAAM,oBAAoB,IACxB,sFACA;CACE,UAAU,EACR,SAAS;EACP,SAAS;EACT,MAAM;EACN,SACE;EACF,SACE;EACF,aACE;EACH,EACF;CACD,iBAAiB,EACf,SAAS,WACV;CACF,CACF;AAED,MAAM,UAAU;CACd,SAAS;CACT,MAAM;CACN,SAAS;CACT,SAAS;CACT,aAAa;CACd;AAcD,MAAM,YAAYA,QAAM,YAEpB,EACE,WACA,UAAU,WACV,OACA,aACA,MACA,cAAc,MACd,cAAc,MACd,WACA,UACA,GAAG,SAEL,QACG;CACH,MAAM,EAAE,MAAM,gBAAgB;CAC9B,MAAM,CAAC,QAAQ,aAAaA,QAAM,SAAS,YAAY;CACvD,MAAM,CAAC,gBAAgB,qBAAqBA,QAAM,SAAS,MAAM;CACjE,MAAM,gBAAgB,QAAQ,QAAQ,WAAW;CAEjD,MAAM,gBAAgBA,QAAM,kBAAkB;AAC5C,oBAAkB,KAAK;AAEvB,mBAAiB;AACf,aAAU,MAAM;AAChB,gBAAa;KACZ,IAAI;IACN,CAAC,UAAU,CAAC;AAEf,KAAI,CAAC,OACH,QAAO;AAmCT,QA/BE,oBAAC,OAAD;EACO;EACL,MAAK;EACL,WAAW,GACT,kBAAkB,EAAE,SAAS,CAAC,EAC9B,kBAAkB,yCAClB,UACD;EACD,GAAI;YAEJ,qBAAC,OAAD;GAAK,WAAU;aAAf;IACG,iBAAiB,oBAAC,eAAD,EAAe,WAAU,gCAAiC,CAAA;IAC5E,qBAAC,OAAD;KAAK,WAAU;eAAf;MACG,SAAS,oBAAC,OAAD;OAAK,WAAU;iBAAgD;OAAY,CAAA;MACpF,eAAe,oBAAC,OAAD;OAAK,WAAU;iBAAsC;OAAkB,CAAA;MACtF;MACG;;IACL,eACC,oBAAC,UAAD;KACE,MAAK;KACL,SAAS;KACT,WAAU;KACV,cAAY,EAAE,4BAA4B;eAE1C,oBAAC,GAAD,EAAG,WAAU,WAAY,CAAA;KAClB,CAAA;IAEP;;EACF,CAAA;EAKX;AAED,UAAU,cAAc"}

package/dist/src/components/SelectChips.d.ts

@@ -1,10 +1,21 @@
-import { type ButtonProps } from "@heroui/react";
-export declare function SelectChips({ items, selectedItems, onSelectionChange, buttonProps, }: {
-    items: string[] | {
-        label: string;
-        value: string;
-    }[];
-    selectedItems: string[];
-    onSelectionChange: (items: string[]) => void;
-    buttonProps?: ButtonProps;
-}): import("react/jsx-runtime").JSX.Element[];
+import { ButtonProps } from "@heroui/react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/SelectChips.d.ts
+declare function SelectChips({
+  items,
+  selectedItems,
+  onSelectionChange,
+  buttonProps
+}: {
+  items: string[] | {
+    label: string;
+    value: string;
+  }[];
+  selectedItems: string[];
+  onSelectionChange: (items: string[]) => void;
+  buttonProps?: ButtonProps;
+}): _$react_jsx_runtime0.JSX.Element[];
+//#endregion
+export { SelectChips };
+//# sourceMappingURL=SelectChips.d.ts.map

package/dist/src/components/SelectChips.js

@@ -1,11 +1,23 @@
-import { jsx as _jsx } from "react/jsx-runtime";
 import { Button, Checkbox } from "@heroui/react";
-export function SelectChips({ items, selectedItems, onSelectionChange, buttonProps, }) {
-    return items.map((item) => {
-        const value = typeof item === "string" ? item : item.value;
-        const label = typeof item === "string" ? item : item.label;
-        return (_jsx(Button, { startContent: _jsx(Checkbox, { isSelected: selectedItems.includes(value), isReadOnly: true, style: { pointerEvents: "none" } }), onPress: () => onSelectionChange(selectedItems.includes(value)
-                ? selectedItems.filter((i) => i !== value)
-                : [...selectedItems, value]), ...buttonProps, children: label }, value));
-    });
+import { jsx } from "react/jsx-runtime";
+//#region src/components/SelectChips.tsx
+function SelectChips({ items, selectedItems, onSelectionChange, buttonProps }) {
+	return items.map((item) => {
+		const value = typeof item === "string" ? item : item.value;
+		const label = typeof item === "string" ? item : item.label;
+		return /* @__PURE__ */ jsx(Button, {
+			startContent: /* @__PURE__ */ jsx(Checkbox, {
+				isSelected: selectedItems.includes(value),
+				isReadOnly: true,
+				style: { pointerEvents: "none" }
+			}),
+			onPress: () => onSelectionChange(selectedItems.includes(value) ? selectedItems.filter((i) => i !== value) : [...selectedItems, value]),
+			...buttonProps,
+			children: label
+		}, value);
+	});
 }
+//#endregion
+export { SelectChips };
+
+//# sourceMappingURL=SelectChips.js.map

package/dist/src/components/SelectChips.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectChips.js","names":[],"sources":["../../../src/components/SelectChips.tsx"],"sourcesContent":["import { Button, type ButtonProps, Checkbox } from \"@heroui/react\";\r\n\r\nexport function SelectChips({\r\n  items,\r\n  selectedItems,\r\n  onSelectionChange,\r\n  buttonProps,\r\n}: {\r\n  items: string[] | { label: string; value: string }[];\r\n  selectedItems: string[];\r\n  onSelectionChange: (items: string[]) => void;\r\n  buttonProps?: ButtonProps;\r\n}) {\r\n  return items.map((item) => {\r\n    const value = typeof item === \"string\" ? item : item.value;\r\n    const label = typeof item === \"string\" ? item : item.label;\r\n    return (\r\n      <Button\r\n        key={value}\r\n        startContent={\r\n          <Checkbox\r\n            isSelected={selectedItems.includes(value)}\r\n            isReadOnly\r\n            style={{ pointerEvents: \"none\" }}\r\n          />\r\n        }\r\n        onPress={() =>\r\n          onSelectionChange(\r\n            selectedItems.includes(value)\r\n              ? selectedItems.filter((i) => i !== value)\r\n              : [...selectedItems, value]\r\n          )\r\n        }\r\n        {...buttonProps}\r\n      >\r\n        {label}\r\n      </Button>\r\n    );\r\n  });\r\n}\r\n"],"mappings":";;;AAEA,SAAgB,YAAY,EAC1B,OACA,eACA,mBACA,eAMC;AACD,QAAO,MAAM,KAAK,SAAS;EACzB,MAAM,QAAQ,OAAO,SAAS,WAAW,OAAO,KAAK;EACrD,MAAM,QAAQ,OAAO,SAAS,WAAW,OAAO,KAAK;AACrD,SACE,oBAAC,QAAD;GAEE,cACE,oBAAC,UAAD;IACE,YAAY,cAAc,SAAS,MAAM;IACzC,YAAA;IACA,OAAO,EAAE,eAAe,QAAQ;IAChC,CAAA;GAEJ,eACE,kBACE,cAAc,SAAS,MAAM,GACzB,cAAc,QAAQ,MAAM,MAAM,MAAM,GACxC,CAAC,GAAG,eAAe,MAAM,CAC9B;GAEH,GAAI;aAEH;GACM,EAlBF,MAkBE;GAEX"}

package/dist/src/components/SidebarItem.d.ts

@@ -1,7 +1,18 @@
-import type { ReactNode } from "react";
-export declare function SidebarItem({ label, icon, link, badge, }: {
-    label: string;
-    icon: ReactNode;
-    link: string;
-    badge?: ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
+import { ReactNode } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/SidebarItem.d.ts
+declare function SidebarItem({
+  label,
+  icon,
+  link,
+  badge
+}: {
+  label: string;
+  icon: ReactNode;
+  link: string;
+  badge?: ReactNode;
+}): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { SidebarItem };
+//# sourceMappingURL=SidebarItem.d.ts.map

package/dist/src/components/SidebarItem.js

@@ -1,6 +1,18 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { SidebarMenuButton, SidebarMenuItem } from "./ui/sidebar.js";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Link } from "react-router";
-import { SidebarMenuButton, SidebarMenuItem } from "./ui/sidebar";
-export function SidebarItem({ label, icon, link, badge, }) {
-    return (_jsx(SidebarMenuItem, { children: _jsx(SidebarMenuButton, { asChild: true, tooltip: label, children: _jsxs(Link, { to: link, children: [icon, badge ? badge : _jsx("span", { children: label })] }) }) }));
+//#region src/components/SidebarItem.tsx
+function SidebarItem({ label, icon, link, badge }) {
+	return /* @__PURE__ */ jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsx(SidebarMenuButton, {
+		asChild: true,
+		tooltip: label,
+		children: /* @__PURE__ */ jsxs(Link, {
+			to: link,
+			children: [icon, badge ? badge : /* @__PURE__ */ jsx("span", { children: label })]
+		})
+	}) });
 }
+//#endregion
+export { SidebarItem };
+
+//# sourceMappingURL=SidebarItem.js.map

package/dist/src/components/SidebarItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarItem.js","names":[],"sources":["../../../src/components/SidebarItem.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\r\nimport { Link } from \"react-router\";\r\nimport { SidebarMenuButton, SidebarMenuItem } from \"./ui/sidebar\";\r\n\r\nexport function SidebarItem({\r\n  label,\r\n  icon,\r\n  link,\r\n  badge,\r\n}: {\r\n  label: string;\r\n  icon: ReactNode;\r\n  link: string;\r\n  badge?: ReactNode;\r\n}) {\r\n  return (\r\n    <SidebarMenuItem>\r\n      <SidebarMenuButton asChild tooltip={label}>\r\n        <Link to={link}>\r\n          {icon}\r\n          {badge ? badge : <span>{label}</span>}\r\n        </Link>\r\n      </SidebarMenuButton>\r\n    </SidebarMenuItem>\r\n  );\r\n}\r\n"],"mappings":";;;;AAIA,SAAgB,YAAY,EAC1B,OACA,MACA,MACA,SAMC;AACD,QACE,oBAAC,iBAAD,EAAA,UACE,oBAAC,mBAAD;EAAmB,SAAA;EAAQ,SAAS;YAClC,qBAAC,MAAD;GAAM,IAAI;aAAV,CACG,MACA,QAAQ,QAAQ,oBAAC,QAAD,EAAA,UAAO,OAAa,CAAA,CAChC;;EACW,CAAA,EACJ,CAAA"}

package/dist/src/components/Steps.d.ts

@@ -1,19 +1,24 @@
-import type React from "react";
-export interface Step {
-    id: string;
-    title: string;
-    description?: string;
-    status: "completed" | "current" | "upcoming";
+import React from "react";
+
+//#region src/components/Steps.d.ts
+interface Step {
+  id: string;
+  title: string;
+  description?: string;
+  status: "completed" | "current" | "upcoming";
 }
-export interface StepsProps {
-    steps: Step[];
-    className?: string;
-    onStepClick?: (step: number) => void;
+interface StepsProps {
+  steps: Step[];
+  className?: string;
+  onStepClick?: (step: number) => void;
 }
-export declare const Steps: React.FC<StepsProps>;
-export declare const VerticalSteps: React.FC<StepsProps>;
-export interface HorizontalStepsProps {
-    steps: Step[];
-    className?: string;
+declare const Steps: React.FC<StepsProps>;
+declare const VerticalSteps: React.FC<StepsProps>;
+interface HorizontalStepsProps {
+  steps: Step[];
+  className?: string;
 }
-export declare const HorizontalSteps: React.FC<HorizontalStepsProps>;
+declare const HorizontalSteps: React.FC<HorizontalStepsProps>;
+//#endregion
+export { HorizontalSteps, HorizontalStepsProps, Step, Steps, StepsProps, VerticalSteps };
+//# sourceMappingURL=Steps.d.ts.map

package/dist/src/components/Steps.js

@@ -1,34 +1,200 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../lib/utils.js";
+import { Separator } from "./ui/separator.js";
+import { Badge } from "./ui/badge.js";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Check } from "lucide-react";
-import { Badge } from "./ui/badge";
-import { Separator } from "./ui/separator";
-import { cn } from "../lib/utils";
-export const Steps = ({ steps, className, onStepClick }) => {
-    return (_jsxs("nav", { "aria-label": "Progress", className: cn("w-full", className), children: [_jsx("ol", { className: "lg:hidden space-y-6", children: steps.map((step, stepIdx) => (_jsxs("li", { className: "relative", children: [_jsxs("div", { className: "flex items-start", children: [_jsx("div", { className: "flex-shrink-0", children: step.status === "completed" ? (_jsx("button", { type: "button", onClick: () => onStepClick?.(stepIdx), children: _jsx(Badge, { variant: "default", className: "h-10 w-10 rounded-full p-0 flex items-center justify-center", children: _jsx(Check, { className: "h-5 w-5" }) }) })) : step.status === "current" ? (_jsx(Badge, { variant: "default", className: "h-10 w-10 rounded-full p-0 flex items-center justify-center text-sm font-medium", children: stepIdx + 1 })) : (_jsx(Badge, { variant: "outline", className: "h-10 w-10 rounded-full p-0 flex items-center justify-center text-sm font-medium bg-background", children: stepIdx + 1 })) }), _jsxs("div", { className: "ml-4 min-w-0 flex-1", children: [_jsx("p", { className: cn("text-sm font-medium", step.status === "completed" || step.status === "current"
-                                                ? "text-foreground"
-                                                : "text-muted-foreground"), children: step.title }), step.description && (_jsx("p", { className: cn("text-sm mt-1", step.status === "completed" || step.status === "current"
-                                                ? "text-muted-foreground"
-                                                : "text-muted-foreground/60"), children: step.description }))] })] }), stepIdx !== steps.length - 1 && (_jsx("div", { className: "absolute left-5 top-10 -ml-px mt-2 h-6", children: _jsx(Separator, { orientation: "vertical", className: cn("h-full", step.status === "completed" ? "bg-primary" : "bg-muted-foreground/20") }) }))] }, step.id))) }), _jsx("ol", { className: "hidden lg:flex items-center justify-between", children: steps.map((step, stepIdx) => (_jsxs("li", { className: "relative flex flex-col items-center flex-1", children: [_jsx("div", { className: "relative z-10 flex-shrink-0", children: step.status === "completed" ? (_jsx("button", { type: "button", onClick: () => onStepClick?.(stepIdx), children: _jsx(Badge, { variant: "default", className: "h-10 w-10 rounded-full p-0 flex items-center justify-center", children: _jsx(Check, { className: "h-5 w-5" }) }) })) : step.status === "current" ? (_jsx(Badge, { variant: "default", className: "h-10 w-10 rounded-full p-0 flex items-center justify-center text-sm font-medium", children: stepIdx + 1 })) : (_jsx(Badge, { variant: "outline", className: "h-10 w-10 rounded-full p-0 flex items-center justify-center text-sm font-medium bg-background", children: stepIdx + 1 })) }), _jsxs("div", { className: "mt-3 text-center max-w-32", children: [_jsx("p", { className: cn("text-sm font-medium", step.status === "completed" || step.status === "current"
-                                        ? "text-foreground"
-                                        : "text-muted-foreground"), children: step.title }), step.description && (_jsx("p", { className: cn("text-xs mt-1", step.status === "completed" || step.status === "current"
-                                        ? "text-muted-foreground"
-                                        : "text-muted-foreground/60"), children: step.description }))] }), stepIdx !== steps.length - 1 && (_jsx("div", { className: "absolute left-1/2 top-5 w-full h-0.5 -z-10", children: _jsx(Separator, { orientation: "horizontal", className: cn("w-full", step.status === "completed" ? "bg-primary" : "bg-muted-foreground/20") }) }))] }, step.id))) })] }));
+//#region src/components/Steps.tsx
+const Steps = ({ steps, className, onStepClick }) => {
+	return /* @__PURE__ */ jsxs("nav", {
+		"aria-label": "Progress",
+		className: cn("w-full", className),
+		children: [/* @__PURE__ */ jsx("ol", {
+			className: "lg:hidden space-y-6",
+			children: steps.map((step, stepIdx) => /* @__PURE__ */ jsxs("li", {
+				className: "relative",
+				children: [/* @__PURE__ */ jsxs("div", {
+					className: "flex items-start",
+					children: [/* @__PURE__ */ jsx("div", {
+						className: "flex-shrink-0",
+						children: step.status === "completed" ? /* @__PURE__ */ jsx("button", {
+							type: "button",
+							onClick: () => onStepClick?.(stepIdx),
+							children: /* @__PURE__ */ jsx(Badge, {
+								variant: "default",
+								className: "h-10 w-10 rounded-full p-0 flex items-center justify-center",
+								children: /* @__PURE__ */ jsx(Check, { className: "h-5 w-5" })
+							})
+						}) : step.status === "current" ? /* @__PURE__ */ jsx(Badge, {
+							variant: "default",
+							className: "h-10 w-10 rounded-full p-0 flex items-center justify-center text-sm font-medium",
+							children: stepIdx + 1
+						}) : /* @__PURE__ */ jsx(Badge, {
+							variant: "outline",
+							className: "h-10 w-10 rounded-full p-0 flex items-center justify-center text-sm font-medium bg-background",
+							children: stepIdx + 1
+						})
+					}), /* @__PURE__ */ jsxs("div", {
+						className: "ml-4 min-w-0 flex-1",
+						children: [/* @__PURE__ */ jsx("p", {
+							className: cn("text-sm font-medium", step.status === "completed" || step.status === "current" ? "text-foreground" : "text-muted-foreground"),
+							children: step.title
+						}), step.description && /* @__PURE__ */ jsx("p", {
+							className: cn("text-sm mt-1", step.status === "completed" || step.status === "current" ? "text-muted-foreground" : "text-muted-foreground/60"),
+							children: step.description
+						})]
+					})]
+				}), stepIdx !== steps.length - 1 && /* @__PURE__ */ jsx("div", {
+					className: "absolute left-5 top-10 -ml-px mt-2 h-6",
+					children: /* @__PURE__ */ jsx(Separator, {
+						orientation: "vertical",
+						className: cn("h-full", step.status === "completed" ? "bg-primary" : "bg-muted-foreground/20")
+					})
+				})]
+			}, step.id))
+		}), /* @__PURE__ */ jsx("ol", {
+			className: "hidden lg:flex items-center justify-between",
+			children: steps.map((step, stepIdx) => /* @__PURE__ */ jsxs("li", {
+				className: "relative flex flex-col items-center flex-1",
+				children: [
+					/* @__PURE__ */ jsx("div", {
+						className: "relative z-10 flex-shrink-0",
+						children: step.status === "completed" ? /* @__PURE__ */ jsx("button", {
+							type: "button",
+							onClick: () => onStepClick?.(stepIdx),
+							children: /* @__PURE__ */ jsx(Badge, {
+								variant: "default",
+								className: "h-10 w-10 rounded-full p-0 flex items-center justify-center",
+								children: /* @__PURE__ */ jsx(Check, { className: "h-5 w-5" })
+							})
+						}) : step.status === "current" ? /* @__PURE__ */ jsx(Badge, {
+							variant: "default",
+							className: "h-10 w-10 rounded-full p-0 flex items-center justify-center text-sm font-medium",
+							children: stepIdx + 1
+						}) : /* @__PURE__ */ jsx(Badge, {
+							variant: "outline",
+							className: "h-10 w-10 rounded-full p-0 flex items-center justify-center text-sm font-medium bg-background",
+							children: stepIdx + 1
+						})
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "mt-3 text-center max-w-32",
+						children: [/* @__PURE__ */ jsx("p", {
+							className: cn("text-sm font-medium", step.status === "completed" || step.status === "current" ? "text-foreground" : "text-muted-foreground"),
+							children: step.title
+						}), step.description && /* @__PURE__ */ jsx("p", {
+							className: cn("text-xs mt-1", step.status === "completed" || step.status === "current" ? "text-muted-foreground" : "text-muted-foreground/60"),
+							children: step.description
+						})]
+					}),
+					stepIdx !== steps.length - 1 && /* @__PURE__ */ jsx("div", {
+						className: "absolute left-1/2 top-5 w-full h-0.5 -z-10",
+						children: /* @__PURE__ */ jsx(Separator, {
+							orientation: "horizontal",
+							className: cn("w-full", step.status === "completed" ? "bg-primary" : "bg-muted-foreground/20")
+						})
+					})
+				]
+			}, step.id))
+		})]
+	});
 };
-// Keep the individual components for specific use cases
-export const VerticalSteps = ({ steps, className }) => {
-    return (_jsx("nav", { "aria-label": "Progress", className: cn("", className), children: _jsx("ol", { className: "space-y-6", children: steps.map((step, stepIdx) => (_jsxs("li", { className: "relative", children: [_jsxs("div", { className: "flex items-start", children: [_jsx("div", { className: "flex-shrink-0", children: step.status === "completed" ? (_jsx(Badge, { variant: "default", className: "h-10 w-10 rounded-full p-0 flex items-center justify-center", children: _jsx(Check, { className: "h-5 w-5" }) })) : step.status === "current" ? (_jsx(Badge, { variant: "default", className: "h-10 w-10 rounded-full p-0 flex items-center justify-center text-sm font-medium", children: stepIdx + 1 })) : (_jsx(Badge, { variant: "outline", className: "h-10 w-10 rounded-full p-0 flex items-center justify-center text-sm font-medium bg-background", children: stepIdx + 1 })) }), _jsxs("div", { className: "ml-4 min-w-0 flex-1", children: [_jsx("p", { className: cn("text-sm font-medium", step.status === "completed" || step.status === "current"
-                                            ? "text-foreground"
-                                            : "text-muted-foreground"), children: step.title }), step.description && (_jsx("p", { className: cn("text-sm mt-1", step.status === "completed" || step.status === "current"
-                                            ? "text-muted-foreground"
-                                            : "text-muted-foreground/60"), children: step.description }))] })] }), stepIdx !== steps.length - 1 && (_jsx("div", { className: "absolute left-5 top-10 -ml-px mt-2 h-6", children: _jsx(Separator, { orientation: "vertical", className: cn("h-full", step.status === "completed" ? "bg-primary" : "bg-muted-foreground/20") }) }))] }, step.id))) }) }));
+const VerticalSteps = ({ steps, className }) => {
+	return /* @__PURE__ */ jsx("nav", {
+		"aria-label": "Progress",
+		className: cn("", className),
+		children: /* @__PURE__ */ jsx("ol", {
+			className: "space-y-6",
+			children: steps.map((step, stepIdx) => /* @__PURE__ */ jsxs("li", {
+				className: "relative",
+				children: [/* @__PURE__ */ jsxs("div", {
+					className: "flex items-start",
+					children: [/* @__PURE__ */ jsx("div", {
+						className: "flex-shrink-0",
+						children: step.status === "completed" ? /* @__PURE__ */ jsx(Badge, {
+							variant: "default",
+							className: "h-10 w-10 rounded-full p-0 flex items-center justify-center",
+							children: /* @__PURE__ */ jsx(Check, { className: "h-5 w-5" })
+						}) : step.status === "current" ? /* @__PURE__ */ jsx(Badge, {
+							variant: "default",
+							className: "h-10 w-10 rounded-full p-0 flex items-center justify-center text-sm font-medium",
+							children: stepIdx + 1
+						}) : /* @__PURE__ */ jsx(Badge, {
+							variant: "outline",
+							className: "h-10 w-10 rounded-full p-0 flex items-center justify-center text-sm font-medium bg-background",
+							children: stepIdx + 1
+						})
+					}), /* @__PURE__ */ jsxs("div", {
+						className: "ml-4 min-w-0 flex-1",
+						children: [/* @__PURE__ */ jsx("p", {
+							className: cn("text-sm font-medium", step.status === "completed" || step.status === "current" ? "text-foreground" : "text-muted-foreground"),
+							children: step.title
+						}), step.description && /* @__PURE__ */ jsx("p", {
+							className: cn("text-sm mt-1", step.status === "completed" || step.status === "current" ? "text-muted-foreground" : "text-muted-foreground/60"),
+							children: step.description
+						})]
+					})]
+				}), stepIdx !== steps.length - 1 && /* @__PURE__ */ jsx("div", {
+					className: "absolute left-5 top-10 -ml-px mt-2 h-6",
+					children: /* @__PURE__ */ jsx(Separator, {
+						orientation: "vertical",
+						className: cn("h-full", step.status === "completed" ? "bg-primary" : "bg-muted-foreground/20")
+					})
+				})]
+			}, step.id))
+		})
+	});
 };
-export const HorizontalSteps = ({ steps, className }) => {
-    return (_jsx("nav", { "aria-label": "Progress", className: cn("w-full", className), children: _jsx("ol", { className: "flex items-center justify-between", children: steps.map((step, stepIdx) => (_jsxs("li", { className: "relative flex flex-col items-center flex-1", children: [_jsx("div", { className: "relative z-10 flex-shrink-0", children: step.status === "completed" ? (_jsx(Badge, { variant: "default", className: "h-10 w-10 rounded-full p-0 flex items-center justify-center", children: _jsx(Check, { className: "h-5 w-5" }) })) : step.status === "current" ? (_jsx(Badge, { variant: "default", className: "h-10 w-10 rounded-full p-0 flex items-center justify-center text-sm font-medium", children: stepIdx + 1 })) : (_jsx(Badge, { variant: "outline", className: "h-10 w-10 rounded-full p-0 flex items-center justify-center text-sm font-medium bg-background", children: stepIdx + 1 })) }), _jsxs("div", { className: "mt-3 text-center max-w-32", children: [_jsx("p", { className: cn("text-sm font-medium", step.status === "completed" || step.status === "current"
-                                    ? "text-foreground"
-                                    : "text-muted-foreground"), children: step.title }), step.description && (_jsx("p", { className: cn("text-xs mt-1", step.status === "completed" || step.status === "current"
-                                    ? "text-muted-foreground"
-                                    : "text-muted-foreground/60"), children: step.description }))] }), stepIdx !== steps.length - 1 && (_jsx("div", { className: "absolute left-1/2 top-5 w-full h-0.5 -z-10", children: _jsx(Separator, { orientation: "horizontal", className: cn("w-full", step.status === "completed" ? "bg-primary" : "bg-muted-foreground/20") }) }))] }, step.id))) }) }));
+const HorizontalSteps = ({ steps, className }) => {
+	return /* @__PURE__ */ jsx("nav", {
+		"aria-label": "Progress",
+		className: cn("w-full", className),
+		children: /* @__PURE__ */ jsx("ol", {
+			className: "flex items-center justify-between",
+			children: steps.map((step, stepIdx) => /* @__PURE__ */ jsxs("li", {
+				className: "relative flex flex-col items-center flex-1",
+				children: [
+					/* @__PURE__ */ jsx("div", {
+						className: "relative z-10 flex-shrink-0",
+						children: step.status === "completed" ? /* @__PURE__ */ jsx(Badge, {
+							variant: "default",
+							className: "h-10 w-10 rounded-full p-0 flex items-center justify-center",
+							children: /* @__PURE__ */ jsx(Check, { className: "h-5 w-5" })
+						}) : step.status === "current" ? /* @__PURE__ */ jsx(Badge, {
+							variant: "default",
+							className: "h-10 w-10 rounded-full p-0 flex items-center justify-center text-sm font-medium",
+							children: stepIdx + 1
+						}) : /* @__PURE__ */ jsx(Badge, {
+							variant: "outline",
+							className: "h-10 w-10 rounded-full p-0 flex items-center justify-center text-sm font-medium bg-background",
+							children: stepIdx + 1
+						})
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "mt-3 text-center max-w-32",
+						children: [/* @__PURE__ */ jsx("p", {
+							className: cn("text-sm font-medium", step.status === "completed" || step.status === "current" ? "text-foreground" : "text-muted-foreground"),
+							children: step.title
+						}), step.description && /* @__PURE__ */ jsx("p", {
+							className: cn("text-xs mt-1", step.status === "completed" || step.status === "current" ? "text-muted-foreground" : "text-muted-foreground/60"),
+							children: step.description
+						})]
+					}),
+					stepIdx !== steps.length - 1 && /* @__PURE__ */ jsx("div", {
+						className: "absolute left-1/2 top-5 w-full h-0.5 -z-10",
+						children: /* @__PURE__ */ jsx(Separator, {
+							orientation: "horizontal",
+							className: cn("w-full", step.status === "completed" ? "bg-primary" : "bg-muted-foreground/20")
+						})
+					})
+				]
+			}, step.id))
+		})
+	});
 };
 Steps.displayName = "Steps";
 VerticalSteps.displayName = "VerticalSteps";
 HorizontalSteps.displayName = "HorizontalSteps";
+//#endregion
+export { HorizontalSteps, Steps, VerticalSteps };
+
+//# sourceMappingURL=Steps.js.map

package/dist/src/components/Steps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Steps.js","names":[],"sources":["../../../src/components/Steps.tsx"],"sourcesContent":["import { Check } from \"lucide-react\";\r\nimport type React from \"react\";\r\nimport { Badge } from \"./ui/badge\";\r\nimport { Separator } from \"./ui/separator\";\r\nimport { cn } from \"../lib/utils\";\r\n\r\nexport interface Step {\r\n  id: string;\r\n  title: string;\r\n  description?: string;\r\n  status: \"completed\" | \"current\" | \"upcoming\";\r\n}\r\n\r\nexport interface StepsProps {\r\n  steps: Step[];\r\n  className?: string;\r\n  onStepClick?: (step: number) => void;\r\n}\r\n\r\nexport const Steps: React.FC<StepsProps> = ({ steps, className, onStepClick }) => {\r\n  return (\r\n    <nav aria-label=\"Progress\" className={cn(\"w-full\", className)}>\r\n      {/* Vertical layout for mobile/tablet */}\r\n      <ol className=\"lg:hidden space-y-6\">\r\n        {steps.map((step, stepIdx) => (\r\n          <li key={step.id} className=\"relative\">\r\n            <div className=\"flex items-start\">\r\n              {/* Step indicator */}\r\n              <div className=\"flex-shrink-0\">\r\n                {step.status === \"completed\" ? (\r\n                  <button type=\"button\" onClick={() => onStepClick?.(stepIdx)}>\r\n                    <Badge\r\n                      variant=\"default\"\r\n                      className=\"h-10 w-10 rounded-full p-0 flex items-center justify-center\"\r\n                    >\r\n                      <Check className=\"h-5 w-5\" />\r\n                    </Badge>\r\n                  </button>\r\n                ) : step.status === \"current\" ? (\r\n                  <Badge\r\n                    variant=\"default\"\r\n                    className=\"h-10 w-10 rounded-full p-0 flex items-center justify-center text-sm font-medium\"\r\n                  >\r\n                    {stepIdx + 1}\r\n                  </Badge>\r\n                ) : (\r\n                  <Badge\r\n                    variant=\"outline\"\r\n                    className=\"h-10 w-10 rounded-full p-0 flex items-center justify-center text-sm font-medium bg-background\"\r\n                  >\r\n                    {stepIdx + 1}\r\n                  </Badge>\r\n                )}\r\n              </div>\r\n\r\n              {/* Step content */}\r\n              <div className=\"ml-4 min-w-0 flex-1\">\r\n                <p\r\n                  className={cn(\r\n                    \"text-sm font-medium\",\r\n                    step.status === \"completed\" || step.status === \"current\"\r\n                      ? \"text-foreground\"\r\n                      : \"text-muted-foreground\"\r\n                  )}\r\n                >\r\n                  {step.title}\r\n                </p>\r\n                {step.description && (\r\n                  <p\r\n                    className={cn(\r\n                      \"text-sm mt-1\",\r\n                      step.status === \"completed\" || step.status === \"current\"\r\n                        ? \"text-muted-foreground\"\r\n                        : \"text-muted-foreground/60\"\r\n                    )}\r\n                  >\r\n                    {step.description}\r\n                  </p>\r\n                )}\r\n              </div>\r\n            </div>\r\n\r\n            {/* Connecting line - vertical */}\r\n            {stepIdx !== steps.length - 1 && (\r\n              <div className=\"absolute left-5 top-10 -ml-px mt-2 h-6\">\r\n                <Separator\r\n                  orientation=\"vertical\"\r\n                  className={cn(\r\n                    \"h-full\",\r\n                    step.status === \"completed\" ? \"bg-primary\" : \"bg-muted-foreground/20\"\r\n                  )}\r\n                />\r\n              </div>\r\n            )}\r\n          </li>\r\n        ))}\r\n      </ol>\r\n\r\n      {/* Horizontal layout for desktop */}\r\n      <ol className=\"hidden lg:flex items-center justify-between\">\r\n        {steps.map((step, stepIdx) => (\r\n          <li key={step.id} className=\"relative flex flex-col items-center flex-1\">\r\n            {/* Step indicator */}\r\n            <div className=\"relative z-10 flex-shrink-0\">\r\n              {step.status === \"completed\" ? (\r\n                <button type=\"button\" onClick={() => onStepClick?.(stepIdx)}>\r\n                  <Badge\r\n                    variant=\"default\"\r\n                    className=\"h-10 w-10 rounded-full p-0 flex items-center justify-center\"\r\n                  >\r\n                    <Check className=\"h-5 w-5\" />\r\n                  </Badge>\r\n                </button>\r\n              ) : step.status === \"current\" ? (\r\n                <Badge\r\n                  variant=\"default\"\r\n                  className=\"h-10 w-10 rounded-full p-0 flex items-center justify-center text-sm font-medium\"\r\n                >\r\n                  {stepIdx + 1}\r\n                </Badge>\r\n              ) : (\r\n                <Badge\r\n                  variant=\"outline\"\r\n                  className=\"h-10 w-10 rounded-full p-0 flex items-center justify-center text-sm font-medium bg-background\"\r\n                >\r\n                  {stepIdx + 1}\r\n                </Badge>\r\n              )}\r\n            </div>\r\n\r\n            {/* Step content */}\r\n            <div className=\"mt-3 text-center max-w-32\">\r\n              <p\r\n                className={cn(\r\n                  \"text-sm font-medium\",\r\n                  step.status === \"completed\" || step.status === \"current\"\r\n                    ? \"text-foreground\"\r\n                    : \"text-muted-foreground\"\r\n                )}\r\n              >\r\n                {step.title}\r\n              </p>\r\n              {step.description && (\r\n                <p\r\n                  className={cn(\r\n                    \"text-xs mt-1\",\r\n                    step.status === \"completed\" || step.status === \"current\"\r\n                      ? \"text-muted-foreground\"\r\n                      : \"text-muted-foreground/60\"\r\n                  )}\r\n                >\r\n                  {step.description}\r\n                </p>\r\n              )}\r\n            </div>\r\n\r\n            {/* Connecting line - horizontal */}\r\n            {stepIdx !== steps.length - 1 && (\r\n              <div className=\"absolute left-1/2 top-5 w-full h-0.5 -z-10\">\r\n                <Separator\r\n                  orientation=\"horizontal\"\r\n                  className={cn(\r\n                    \"w-full\",\r\n                    step.status === \"completed\" ? \"bg-primary\" : \"bg-muted-foreground/20\"\r\n                  )}\r\n                />\r\n              </div>\r\n            )}\r\n          </li>\r\n        ))}\r\n      </ol>\r\n    </nav>\r\n  );\r\n};\r\n\r\n// Keep the individual components for specific use cases\r\nexport const VerticalSteps: React.FC<StepsProps> = ({ steps, className }) => {\r\n  return (\r\n    <nav aria-label=\"Progress\" className={cn(\"\", className)}>\r\n      <ol className=\"space-y-6\">\r\n        {steps.map((step, stepIdx) => (\r\n          <li key={step.id} className=\"relative\">\r\n            <div className=\"flex items-start\">\r\n              {/* Step indicator */}\r\n              <div className=\"flex-shrink-0\">\r\n                {step.status === \"completed\" ? (\r\n                  <Badge\r\n                    variant=\"default\"\r\n                    className=\"h-10 w-10 rounded-full p-0 flex items-center justify-center\"\r\n                  >\r\n                    <Check className=\"h-5 w-5\" />\r\n                  </Badge>\r\n                ) : step.status === \"current\" ? (\r\n                  <Badge\r\n                    variant=\"default\"\r\n                    className=\"h-10 w-10 rounded-full p-0 flex items-center justify-center text-sm font-medium\"\r\n                  >\r\n                    {stepIdx + 1}\r\n                  </Badge>\r\n                ) : (\r\n                  <Badge\r\n                    variant=\"outline\"\r\n                    className=\"h-10 w-10 rounded-full p-0 flex items-center justify-center text-sm font-medium bg-background\"\r\n                  >\r\n                    {stepIdx + 1}\r\n                  </Badge>\r\n                )}\r\n              </div>\r\n\r\n              {/* Step content */}\r\n              <div className=\"ml-4 min-w-0 flex-1\">\r\n                <p\r\n                  className={cn(\r\n                    \"text-sm font-medium\",\r\n                    step.status === \"completed\" || step.status === \"current\"\r\n                      ? \"text-foreground\"\r\n                      : \"text-muted-foreground\"\r\n                  )}\r\n                >\r\n                  {step.title}\r\n                </p>\r\n                {step.description && (\r\n                  <p\r\n                    className={cn(\r\n                      \"text-sm mt-1\",\r\n                      step.status === \"completed\" || step.status === \"current\"\r\n                        ? \"text-muted-foreground\"\r\n                        : \"text-muted-foreground/60\"\r\n                    )}\r\n                  >\r\n                    {step.description}\r\n                  </p>\r\n                )}\r\n              </div>\r\n            </div>\r\n\r\n            {/* Connecting line */}\r\n            {stepIdx !== steps.length - 1 && (\r\n              <div className=\"absolute left-5 top-10 -ml-px mt-2 h-6\">\r\n                <Separator\r\n                  orientation=\"vertical\"\r\n                  className={cn(\r\n                    \"h-full\",\r\n                    step.status === \"completed\" ? \"bg-primary\" : \"bg-muted-foreground/20\"\r\n                  )}\r\n                />\r\n              </div>\r\n            )}\r\n          </li>\r\n        ))}\r\n      </ol>\r\n    </nav>\r\n  );\r\n};\r\n\r\nexport interface HorizontalStepsProps {\r\n  steps: Step[];\r\n  className?: string;\r\n}\r\n\r\nexport const HorizontalSteps: React.FC<HorizontalStepsProps> = ({ steps, className }) => {\r\n  return (\r\n    <nav aria-label=\"Progress\" className={cn(\"w-full\", className)}>\r\n      <ol className=\"flex items-center justify-between\">\r\n        {steps.map((step, stepIdx) => (\r\n          <li key={step.id} className=\"relative flex flex-col items-center flex-1\">\r\n            {/* Step indicator */}\r\n            <div className=\"relative z-10 flex-shrink-0\">\r\n              {step.status === \"completed\" ? (\r\n                <Badge\r\n                  variant=\"default\"\r\n                  className=\"h-10 w-10 rounded-full p-0 flex items-center justify-center\"\r\n                >\r\n                  <Check className=\"h-5 w-5\" />\r\n                </Badge>\r\n              ) : step.status === \"current\" ? (\r\n                <Badge\r\n                  variant=\"default\"\r\n                  className=\"h-10 w-10 rounded-full p-0 flex items-center justify-center text-sm font-medium\"\r\n                >\r\n                  {stepIdx + 1}\r\n                </Badge>\r\n              ) : (\r\n                <Badge\r\n                  variant=\"outline\"\r\n                  className=\"h-10 w-10 rounded-full p-0 flex items-center justify-center text-sm font-medium bg-background\"\r\n                >\r\n                  {stepIdx + 1}\r\n                </Badge>\r\n              )}\r\n            </div>\r\n\r\n            {/* Step content */}\r\n            <div className=\"mt-3 text-center max-w-32\">\r\n              <p\r\n                className={cn(\r\n                  \"text-sm font-medium\",\r\n                  step.status === \"completed\" || step.status === \"current\"\r\n                    ? \"text-foreground\"\r\n                    : \"text-muted-foreground\"\r\n                )}\r\n              >\r\n                {step.title}\r\n              </p>\r\n              {step.description && (\r\n                <p\r\n                  className={cn(\r\n                    \"text-xs mt-1\",\r\n                    step.status === \"completed\" || step.status === \"current\"\r\n                      ? \"text-muted-foreground\"\r\n                      : \"text-muted-foreground/60\"\r\n                  )}\r\n                >\r\n                  {step.description}\r\n                </p>\r\n              )}\r\n            </div>\r\n\r\n            {/* Connecting line */}\r\n            {stepIdx !== steps.length - 1 && (\r\n              <div className=\"absolute left-1/2 top-5 w-full h-0.5 -z-10\">\r\n                <Separator\r\n                  orientation=\"horizontal\"\r\n                  className={cn(\r\n                    \"w-full\",\r\n                    step.status === \"completed\" ? \"bg-primary\" : \"bg-muted-foreground/20\"\r\n                  )}\r\n                />\r\n              </div>\r\n            )}\r\n          </li>\r\n        ))}\r\n      </ol>\r\n    </nav>\r\n  );\r\n};\r\n\r\nSteps.displayName = \"Steps\";\r\nVerticalSteps.displayName = \"VerticalSteps\";\r\nHorizontalSteps.displayName = \"HorizontalSteps\";\r\n"],"mappings":"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"}

package/dist/src/components/TablerIconPicker.d.ts

@@ -1,2 +1,13 @@
-import { type SelectProps } from "@heroui/react";
-export declare function TablerIconPicker({ value, onSelectionChange, isVirtualized, ...props }: Omit<SelectProps, "children">): import("react/jsx-runtime").JSX.Element;
+import { SelectProps } from "@heroui/react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/TablerIconPicker.d.ts
+declare function TablerIconPicker({
+  value,
+  onSelectionChange,
+  isVirtualized,
+  ...props
+}: Omit<SelectProps, "children">): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { TablerIconPicker };
+//# sourceMappingURL=TablerIconPicker.d.ts.map