@m5kdev/web-ui 0.8.7 → 0.8.9

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectChips.js","names":["Button","Checkbox"],"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,iBAAA,GAAA,kBAAA,KAACA,cAAAA,QAAD;GAEE,cACE,iBAAA,GAAA,kBAAA,KAACC,cAAAA,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/SelectChips.mjs

@@ -1,5 +1,5 @@
-import { jsx } from "react/jsx-runtime";
 import { Button, Checkbox } from "@heroui/react";
+import { jsx } from "react/jsx-runtime";
 //#region src/components/SelectChips.tsx
 function SelectChips({ items, selectedItems, onSelectionChange, buttonProps }) {
 	return items.map((item) => {

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

@@ -0,0 +1,18 @@
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { ReactNode } from "react";
+
+//#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

@@ -0,0 +1,20 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../_virtual/_rolldown/runtime.js");
+const require_src_components_ui_sidebar = require("./ui/sidebar.js");
+let react_jsx_runtime = require("react/jsx-runtime");
+let react_router = require("react-router");
+//#region src/components/SidebarItem.tsx
+function SidebarItem({ label, icon, link, badge }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src_components_ui_sidebar.SidebarMenuItem, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src_components_ui_sidebar.SidebarMenuButton, {
+		asChild: true,
+		tooltip: label,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_router.Link, {
+			to: link,
+			children: [icon, badge ? badge : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: label })]
+		})
+	}) });
+}
+//#endregion
+exports.SidebarItem = SidebarItem;
+
+//# sourceMappingURL=SidebarItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarItem.js","names":["SidebarMenuItem","SidebarMenuButton","Link"],"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,iBAAA,GAAA,kBAAA,KAACA,kCAAAA,iBAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,KAACC,kCAAAA,mBAAD;EAAmB,SAAA;EAAQ,SAAS;YAClC,iBAAA,GAAA,kBAAA,MAACC,aAAAA,MAAD;GAAM,IAAI;aAAV,CACG,MACA,QAAQ,QAAQ,iBAAA,GAAA,kBAAA,KAAC,QAAD,EAAA,UAAO,OAAa,CAAA,CAChC;;EACW,CAAA,EACJ,CAAA"}

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

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

@@ -0,0 +1,204 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../_virtual/_rolldown/runtime.js");
+const require_src_lib_utils = require("../lib/utils.js");
+const require_src_components_ui_separator = require("./ui/separator.js");
+const require_src_components_ui_badge = require("./ui/badge.js");
+let react_jsx_runtime = require("react/jsx-runtime");
+let lucide_react = require("lucide-react");
+//#region src/components/Steps.tsx
+const Steps = ({ steps, className, onStepClick }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("nav", {
+		"aria-label": "Progress",
+		className: require_src_lib_utils.cn("w-full", className),
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("ol", {
+			className: "lg:hidden space-y-6",
+			children: steps.map((step, stepIdx) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
+				className: "relative",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "flex items-start",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "flex-shrink-0",
+						children: step.status === "completed" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							onClick: () => onStepClick?.(stepIdx),
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src_components_ui_badge.Badge, {
+								variant: "default",
+								className: "h-10 w-10 rounded-full p-0 flex items-center justify-center",
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Check, { className: "h-5 w-5" })
+							})
+						}) : step.status === "current" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src_components_ui_badge.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__ */ (0, react_jsx_runtime.jsx)(require_src_components_ui_badge.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__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "ml-4 min-w-0 flex-1",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: require_src_lib_utils.cn("text-sm font-medium", step.status === "completed" || step.status === "current" ? "text-foreground" : "text-muted-foreground"),
+							children: step.title
+						}), step.description && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: require_src_lib_utils.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__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: "absolute left-5 top-10 -ml-px mt-2 h-6",
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src_components_ui_separator.Separator, {
+						orientation: "vertical",
+						className: require_src_lib_utils.cn("h-full", step.status === "completed" ? "bg-primary" : "bg-muted-foreground/20")
+					})
+				})]
+			}, step.id))
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ol", {
+			className: "hidden lg:flex items-center justify-between",
+			children: steps.map((step, stepIdx) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
+				className: "relative flex flex-col items-center flex-1",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "relative z-10 flex-shrink-0",
+						children: step.status === "completed" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							onClick: () => onStepClick?.(stepIdx),
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src_components_ui_badge.Badge, {
+								variant: "default",
+								className: "h-10 w-10 rounded-full p-0 flex items-center justify-center",
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Check, { className: "h-5 w-5" })
+							})
+						}) : step.status === "current" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src_components_ui_badge.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__ */ (0, react_jsx_runtime.jsx)(require_src_components_ui_badge.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__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "mt-3 text-center max-w-32",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: require_src_lib_utils.cn("text-sm font-medium", step.status === "completed" || step.status === "current" ? "text-foreground" : "text-muted-foreground"),
+							children: step.title
+						}), step.description && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: require_src_lib_utils.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__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "absolute left-1/2 top-5 w-full h-0.5 -z-10",
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src_components_ui_separator.Separator, {
+							orientation: "horizontal",
+							className: require_src_lib_utils.cn("w-full", step.status === "completed" ? "bg-primary" : "bg-muted-foreground/20")
+						})
+					})
+				]
+			}, step.id))
+		})]
+	});
+};
+const VerticalSteps = ({ steps, className }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("nav", {
+		"aria-label": "Progress",
+		className: require_src_lib_utils.cn("", className),
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ol", {
+			className: "space-y-6",
+			children: steps.map((step, stepIdx) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
+				className: "relative",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "flex items-start",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "flex-shrink-0",
+						children: step.status === "completed" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src_components_ui_badge.Badge, {
+							variant: "default",
+							className: "h-10 w-10 rounded-full p-0 flex items-center justify-center",
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Check, { className: "h-5 w-5" })
+						}) : step.status === "current" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src_components_ui_badge.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__ */ (0, react_jsx_runtime.jsx)(require_src_components_ui_badge.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__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "ml-4 min-w-0 flex-1",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: require_src_lib_utils.cn("text-sm font-medium", step.status === "completed" || step.status === "current" ? "text-foreground" : "text-muted-foreground"),
+							children: step.title
+						}), step.description && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: require_src_lib_utils.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__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: "absolute left-5 top-10 -ml-px mt-2 h-6",
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src_components_ui_separator.Separator, {
+						orientation: "vertical",
+						className: require_src_lib_utils.cn("h-full", step.status === "completed" ? "bg-primary" : "bg-muted-foreground/20")
+					})
+				})]
+			}, step.id))
+		})
+	});
+};
+const HorizontalSteps = ({ steps, className }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("nav", {
+		"aria-label": "Progress",
+		className: require_src_lib_utils.cn("w-full", className),
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ol", {
+			className: "flex items-center justify-between",
+			children: steps.map((step, stepIdx) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
+				className: "relative flex flex-col items-center flex-1",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "relative z-10 flex-shrink-0",
+						children: step.status === "completed" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src_components_ui_badge.Badge, {
+							variant: "default",
+							className: "h-10 w-10 rounded-full p-0 flex items-center justify-center",
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Check, { className: "h-5 w-5" })
+						}) : step.status === "current" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src_components_ui_badge.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__ */ (0, react_jsx_runtime.jsx)(require_src_components_ui_badge.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__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "mt-3 text-center max-w-32",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: require_src_lib_utils.cn("text-sm font-medium", step.status === "completed" || step.status === "current" ? "text-foreground" : "text-muted-foreground"),
+							children: step.title
+						}), step.description && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: require_src_lib_utils.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__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "absolute left-1/2 top-5 w-full h-0.5 -z-10",
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src_components_ui_separator.Separator, {
+							orientation: "horizontal",
+							className: require_src_lib_utils.cn("w-full", step.status === "completed" ? "bg-primary" : "bg-muted-foreground/20")
+						})
+					})
+				]
+			}, step.id))
+		})
+	});
+};
+Steps.displayName = "Steps";
+VerticalSteps.displayName = "VerticalSteps";
+HorizontalSteps.displayName = "HorizontalSteps";
+//#endregion
+exports.HorizontalSteps = HorizontalSteps;
+exports.Steps = Steps;
+exports.VerticalSteps = VerticalSteps;
+
+//# sourceMappingURL=Steps.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Steps.js","names":["cn","Badge","Check","Separator"],"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/Steps.mjs

@@ -1,8 +1,8 @@
 import { cn } from "../lib/utils.mjs";
 import { Separator } from "./ui/separator.mjs";
 import { Badge } from "./ui/badge.mjs";
-import { Check } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { Check } from "lucide-react";
 //#region src/components/Steps.tsx
 const Steps = ({ steps, className, onStepClick }) => {
 	return /* @__PURE__ */ jsxs("nav", {

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

@@ -1,5 +1,5 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { SelectProps } from "@heroui/react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/TablerIconPicker.d.ts
 declare function TablerIconPicker({

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

@@ -0,0 +1,13 @@
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { SelectProps } from "@heroui/react";
+
+//#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