@bzync/rui 0.0.5 → 0.0.9

package/dist/components/slot.d.ts

@@ -0,0 +1,12 @@
+import { HTMLAttributes, ReactNode } from 'react';
+/**
+ * Slot — merges props onto its single child (Radix-style asChild pattern).
+ * Use for polymorphic composition without unsafe `as` strings.
+ *
+ * Example:
+ *   <Button asChild><a href="/dashboard">Dashboard</a></Button>
+ */
+export interface SlotProps extends HTMLAttributes<HTMLElement> {
+    children?: ReactNode;
+}
+export declare const Slot: import('react').ForwardRefExoticComponent<SlotProps & import('react').RefAttributes<HTMLElement>>;

package/dist/components/slot.js

@@ -0,0 +1,16 @@
+"use client";
+import { t as e } from "../cn-BJyZJP-y.js";
+import { cloneElement as t, forwardRef as n, isValidElement as r } from "react";
+//#region src/components/slot.tsx
+var i = n(({ children: n, ...i }, a) => {
+	if (!r(n)) return null;
+	let o = n.props, s = e(o.className, i.className), c = {
+		...o,
+		...i,
+		className: s || void 0
+	};
+	return a && (c.ref = a), t(n, c);
+});
+i.displayName = "Slot";
+//#endregion
+export { i as Slot };

package/dist/components/snackbar-viewport.cjs

@@ -0,0 +1 @@
+"use client";const e=require("../cn-B6R3HKzx.cjs"),t=require("../component-styles-DY4wigiq.cjs"),n=require("../motion-B2shivEB.cjs");let r=require("framer-motion"),i=require("react/jsx-runtime");var a={default:{bg:`border-border bg-surface-raised`,icon:null},info:{bg:`bg-sky-500/[0.09] dark:bg-sky-500/[0.12] border-sky-500/25`,icon:(0,i.jsxs)(`svg`,{width:`15`,height:`15`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,className:`text-sky-400`,children:[(0,i.jsx)(`circle`,{cx:`12`,cy:`12`,r:`10`}),(0,i.jsx)(`path`,{d:`M12 16v-4`}),(0,i.jsx)(`path`,{d:`M12 8h.01`})]})},success:{bg:`bg-emerald-500/[0.09] dark:bg-emerald-500/[0.12] border-emerald-500/25`,icon:(0,i.jsxs)(`svg`,{width:`15`,height:`15`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,className:`text-emerald-400`,children:[(0,i.jsx)(`path`,{d:`M22 11.08V12a10 10 0 1 1-5.93-9.14`}),(0,i.jsx)(`path`,{d:`m9 11 3 3L22 4`})]})},warning:{bg:`bg-amber-500/[0.09] dark:bg-amber-500/[0.12] border-amber-500/25`,icon:(0,i.jsxs)(`svg`,{width:`15`,height:`15`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,className:`text-amber-400`,children:[(0,i.jsx)(`path`,{d:`m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3`}),(0,i.jsx)(`path`,{d:`M12 9v4`}),(0,i.jsx)(`path`,{d:`M12 17h.01`})]})},error:{bg:`bg-red-500/[0.09] dark:bg-red-500/[0.12] border-red-500/25`,icon:(0,i.jsxs)(`svg`,{width:`15`,height:`15`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,className:`text-red-400`,children:[(0,i.jsx)(`circle`,{cx:`12`,cy:`12`,r:`10`}),(0,i.jsx)(`path`,{d:`m15 9-6 6`}),(0,i.jsx)(`path`,{d:`m9 9 6 6`})]})}},o={"top-left":`top-32 left-3 sm:top-4 sm:left-4`,"top-center":`top-32 left-1/2 -translate-x-1/2 sm:top-4`,"top-right":`top-32 right-3 sm:top-4 sm:right-4`,"bottom-left":`bottom-3 left-3 sm:bottom-4 sm:left-4`,"bottom-center":`bottom-3 left-1/2 -translate-x-1/2 sm:bottom-4`,"bottom-right":`bottom-3 right-3 sm:bottom-4 sm:right-4`},s={"top-left":{x:-14},"top-center":{y:-14},"top-right":{x:14},"bottom-left":{x:-14},"bottom-center":{y:14},"bottom-right":{x:14}};function c({items:c,position:l,className:u,toastClassName:d,onDismiss:f}){let p=s[l];return(0,i.jsx)(`div`,{role:`region`,"aria-label":`Notifications`,"aria-live":`polite`,className:e.t(`fixed z-[100] flex flex-col gap-2 pointer-events-none`,o[l],u),children:(0,i.jsx)(r.AnimatePresence,{mode:`popLayout`,children:c.map(o=>{let{bg:s,icon:c}=a[o.variant??`default`];return(0,i.jsxs)(r.motion.div,{layout:!0,initial:{...p,opacity:0,scale:.95},animate:{x:0,y:0,opacity:1,scale:1},exit:{opacity:0,scale:.92},transition:n.t.spring.snappy,className:e.t(`pointer-events-auto flex items-start gap-3 rounded-[var(--radius-lg)] border px-4 py-3`,`w-[calc(100vw-1.5rem)] max-w-sm shadow-floating sm:w-auto sm:min-w-[280px]`,s,d,o.className),children:[c&&(0,i.jsx)(`span`,{className:`shrink-0 mt-0.5`,children:c}),(0,i.jsxs)(`div`,{className:`flex-1 min-w-0`,children:[(0,i.jsx)(`div`,{className:`text-sm leading-snug text-foreground`,children:o.message}),o.action&&(0,i.jsx)(`button`,{type:`button`,onClick:()=>{o.action.onClick(),f(o.id)},className:e.t(`mt-1.5 text-xs font-semibold text-accent-600 dark:text-accent-400 hover:text-accent-700 dark:hover:text-accent-300 transition-colors`,o.actionClassName),children:o.action.label})]}),(0,i.jsx)(`button`,{type:`button`,onClick:()=>f(o.id),"aria-label":`Dismiss`,className:e.t(`mt-0.5 shrink-0 text-muted-foreground transition-colors hover:text-foreground`,t.s),children:(0,i.jsxs)(`svg`,{width:`14`,height:`14`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2.5`,strokeLinecap:`round`,strokeLinejoin:`round`,children:[(0,i.jsx)(`path`,{d:`M18 6 6 18`}),(0,i.jsx)(`path`,{d:`m6 6 12 12`})]})})]},o.id)})})})}module.exports=c;

package/dist/components/snackbar-viewport.d.ts

@@ -0,0 +1,27 @@
+import { ReactNode } from 'react';
+import { SnackbarPosition, SnackbarVariant } from './snackbar';
+interface SnackbarItem {
+    id: string;
+    message: ReactNode;
+    variant?: SnackbarVariant;
+    className?: string;
+    actionClassName?: string;
+    action?: {
+        label: string;
+        onClick: () => void;
+    };
+}
+export interface SnackbarViewportProps {
+    items: SnackbarItem[];
+    position: SnackbarPosition;
+    className?: string;
+    toastClassName?: string;
+    onDismiss: (id: string) => void;
+}
+/**
+ * The framer-motion-backed toast stack for {@link SnackbarProvider}, split into
+ * its own async chunk so the motion runtime stays off the initial critical
+ * path — it loads the first time a toast is shown, not on page load.
+ */
+export default function SnackbarViewport({ items, position, className, toastClassName, onDismiss, }: SnackbarViewportProps): import("react").JSX.Element;
+export {};

package/dist/components/snackbar-viewport.js

@@ -0,0 +1,181 @@
+"use client";
+import { t as e } from "../cn-BJyZJP-y.js";
+import { s as t } from "../component-styles-C2CbHEEA.js";
+import { t as n } from "../motion-gnRzFS5f.js";
+import { AnimatePresence as r, motion as i } from "framer-motion";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/components/snackbar-viewport.tsx
+var s = {
+	default: {
+		bg: "border-border bg-surface-raised",
+		icon: null
+	},
+	info: {
+		bg: "bg-sky-500/[0.09] dark:bg-sky-500/[0.12] border-sky-500/25",
+		icon: /* @__PURE__ */ o("svg", {
+			width: "15",
+			height: "15",
+			viewBox: "0 0 24 24",
+			fill: "none",
+			stroke: "currentColor",
+			strokeWidth: "2",
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			className: "text-sky-400",
+			children: [
+				/* @__PURE__ */ a("circle", {
+					cx: "12",
+					cy: "12",
+					r: "10"
+				}),
+				/* @__PURE__ */ a("path", { d: "M12 16v-4" }),
+				/* @__PURE__ */ a("path", { d: "M12 8h.01" })
+			]
+		})
+	},
+	success: {
+		bg: "bg-emerald-500/[0.09] dark:bg-emerald-500/[0.12] border-emerald-500/25",
+		icon: /* @__PURE__ */ o("svg", {
+			width: "15",
+			height: "15",
+			viewBox: "0 0 24 24",
+			fill: "none",
+			stroke: "currentColor",
+			strokeWidth: "2",
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			className: "text-emerald-400",
+			children: [/* @__PURE__ */ a("path", { d: "M22 11.08V12a10 10 0 1 1-5.93-9.14" }), /* @__PURE__ */ a("path", { d: "m9 11 3 3L22 4" })]
+		})
+	},
+	warning: {
+		bg: "bg-amber-500/[0.09] dark:bg-amber-500/[0.12] border-amber-500/25",
+		icon: /* @__PURE__ */ o("svg", {
+			width: "15",
+			height: "15",
+			viewBox: "0 0 24 24",
+			fill: "none",
+			stroke: "currentColor",
+			strokeWidth: "2",
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			className: "text-amber-400",
+			children: [
+				/* @__PURE__ */ a("path", { d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3" }),
+				/* @__PURE__ */ a("path", { d: "M12 9v4" }),
+				/* @__PURE__ */ a("path", { d: "M12 17h.01" })
+			]
+		})
+	},
+	error: {
+		bg: "bg-red-500/[0.09] dark:bg-red-500/[0.12] border-red-500/25",
+		icon: /* @__PURE__ */ o("svg", {
+			width: "15",
+			height: "15",
+			viewBox: "0 0 24 24",
+			fill: "none",
+			stroke: "currentColor",
+			strokeWidth: "2",
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			className: "text-red-400",
+			children: [
+				/* @__PURE__ */ a("circle", {
+					cx: "12",
+					cy: "12",
+					r: "10"
+				}),
+				/* @__PURE__ */ a("path", { d: "m15 9-6 6" }),
+				/* @__PURE__ */ a("path", { d: "m9 9 6 6" })
+			]
+		})
+	}
+}, c = {
+	"top-left": "top-32 left-3 sm:top-4 sm:left-4",
+	"top-center": "top-32 left-1/2 -translate-x-1/2 sm:top-4",
+	"top-right": "top-32 right-3 sm:top-4 sm:right-4",
+	"bottom-left": "bottom-3 left-3 sm:bottom-4 sm:left-4",
+	"bottom-center": "bottom-3 left-1/2 -translate-x-1/2 sm:bottom-4",
+	"bottom-right": "bottom-3 right-3 sm:bottom-4 sm:right-4"
+}, l = {
+	"top-left": { x: -14 },
+	"top-center": { y: -14 },
+	"top-right": { x: 14 },
+	"bottom-left": { x: -14 },
+	"bottom-center": { y: 14 },
+	"bottom-right": { x: 14 }
+};
+function u({ items: u, position: d, className: f, toastClassName: p, onDismiss: m }) {
+	let h = l[d];
+	return /* @__PURE__ */ a("div", {
+		role: "region",
+		"aria-label": "Notifications",
+		"aria-live": "polite",
+		className: e("fixed z-[100] flex flex-col gap-2 pointer-events-none", c[d], f),
+		children: /* @__PURE__ */ a(r, {
+			mode: "popLayout",
+			children: u.map((r) => {
+				let { bg: c, icon: l } = s[r.variant ?? "default"];
+				return /* @__PURE__ */ o(i.div, {
+					layout: !0,
+					initial: {
+						...h,
+						opacity: 0,
+						scale: .95
+					},
+					animate: {
+						x: 0,
+						y: 0,
+						opacity: 1,
+						scale: 1
+					},
+					exit: {
+						opacity: 0,
+						scale: .92
+					},
+					transition: n.spring.snappy,
+					className: e("pointer-events-auto flex items-start gap-3 rounded-[var(--radius-lg)] border px-4 py-3", "w-[calc(100vw-1.5rem)] max-w-sm shadow-floating sm:w-auto sm:min-w-[280px]", c, p, r.className),
+					children: [
+						l && /* @__PURE__ */ a("span", {
+							className: "shrink-0 mt-0.5",
+							children: l
+						}),
+						/* @__PURE__ */ o("div", {
+							className: "flex-1 min-w-0",
+							children: [/* @__PURE__ */ a("div", {
+								className: "text-sm leading-snug text-foreground",
+								children: r.message
+							}), r.action && /* @__PURE__ */ a("button", {
+								type: "button",
+								onClick: () => {
+									r.action.onClick(), m(r.id);
+								},
+								className: e("mt-1.5 text-xs font-semibold text-accent-600 dark:text-accent-400 hover:text-accent-700 dark:hover:text-accent-300 transition-colors", r.actionClassName),
+								children: r.action.label
+							})]
+						}),
+						/* @__PURE__ */ a("button", {
+							type: "button",
+							onClick: () => m(r.id),
+							"aria-label": "Dismiss",
+							className: e("mt-0.5 shrink-0 text-muted-foreground transition-colors hover:text-foreground", t),
+							children: /* @__PURE__ */ o("svg", {
+								width: "14",
+								height: "14",
+								viewBox: "0 0 24 24",
+								fill: "none",
+								stroke: "currentColor",
+								strokeWidth: "2.5",
+								strokeLinecap: "round",
+								strokeLinejoin: "round",
+								children: [/* @__PURE__ */ a("path", { d: "M18 6 6 18" }), /* @__PURE__ */ a("path", { d: "m6 6 12 12" })]
+							})
+						})
+					]
+				}, r.id);
+			})
+		})
+	});
+}
+//#endregion
+export { u as default };

package/dist/components/snackbar.cjs

@@ -1 +1 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../cn-BdjraxxU.cjs"),t=require("../component-styles-DOUctc8_.cjs");let n=require("framer-motion"),r=require("react"),i=require("react/jsx-runtime");var a=(0,r.createContext)(null);function o(){let e=(0,r.useContext)(a);if(!e)throw Error(`useSnackbar must be inside <SnackbarProvider>`);return e}var s={default:{bg:`border-border bg-surface-raised`,icon:null},info:{bg:`bg-sky-500/[0.09] dark:bg-sky-500/[0.12] border-sky-500/25`,icon:(0,i.jsxs)(`svg`,{width:`15`,height:`15`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,className:`text-sky-400`,children:[(0,i.jsx)(`circle`,{cx:`12`,cy:`12`,r:`10`}),(0,i.jsx)(`path`,{d:`M12 16v-4`}),(0,i.jsx)(`path`,{d:`M12 8h.01`})]})},success:{bg:`bg-emerald-500/[0.09] dark:bg-emerald-500/[0.12] border-emerald-500/25`,icon:(0,i.jsxs)(`svg`,{width:`15`,height:`15`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,className:`text-emerald-400`,children:[(0,i.jsx)(`path`,{d:`M22 11.08V12a10 10 0 1 1-5.93-9.14`}),(0,i.jsx)(`path`,{d:`m9 11 3 3L22 4`})]})},warning:{bg:`bg-amber-500/[0.09] dark:bg-amber-500/[0.12] border-amber-500/25`,icon:(0,i.jsxs)(`svg`,{width:`15`,height:`15`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,className:`text-amber-400`,children:[(0,i.jsx)(`path`,{d:`m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3`}),(0,i.jsx)(`path`,{d:`M12 9v4`}),(0,i.jsx)(`path`,{d:`M12 17h.01`})]})},error:{bg:`bg-red-500/[0.09] dark:bg-red-500/[0.12] border-red-500/25`,icon:(0,i.jsxs)(`svg`,{width:`15`,height:`15`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,className:`text-red-400`,children:[(0,i.jsx)(`circle`,{cx:`12`,cy:`12`,r:`10`}),(0,i.jsx)(`path`,{d:`m15 9-6 6`}),(0,i.jsx)(`path`,{d:`m9 9 6 6`})]})}},c={"top-left":`top-32 left-3 sm:top-4 sm:left-4`,"top-center":`top-32 left-1/2 -translate-x-1/2 sm:top-4`,"top-right":`top-32 right-3 sm:top-4 sm:right-4`,"bottom-left":`bottom-3 left-3 sm:bottom-4 sm:left-4`,"bottom-center":`bottom-3 left-1/2 -translate-x-1/2 sm:bottom-4`,"bottom-right":`bottom-3 right-3 sm:bottom-4 sm:right-4`},l={"top-left":{x:-14},"top-center":{y:-14},"top-right":{x:14},"bottom-left":{x:-14},"bottom-center":{y:14},"bottom-right":{x:14}};function u({children:o,position:u=`bottom-right`,maxVisible:d=5}){let[f,p]=(0,r.useState)([]),m=(0,r.useRef)({});(0,r.useEffect)(()=>()=>Object.values(m.current).forEach(clearTimeout),[]);let h=(0,r.useCallback)(e=>{clearTimeout(m.current[e]),delete m.current[e],p(t=>t.filter(t=>t.id!==e))},[]),g=(0,r.useCallback)(()=>{Object.values(m.current).forEach(clearTimeout),m.current={},p([])},[]),_=(0,r.useCallback)(e=>{let t=e.id??Math.random().toString(36).slice(2,9);p(n=>{let r=e.id?n.findIndex(e=>e.id===t):-1;if(r===-1)return[{...e,id:t},...n].slice(0,d);let i=[...n];return i[r]={...e,id:t},i}),clearTimeout(m.current[t]);let n=e.duration??4e3;return n>0&&(m.current[t]=setTimeout(()=>h(t),n)),t},[h,d]),v=l[u];return(0,i.jsxs)(a.Provider,{value:{show:_,dismiss:h,dismissAll:g},children:[o,(0,i.jsx)(`div`,{role:`region`,"aria-label":`Notifications`,"aria-live":`polite`,className:e.t(`fixed z-[100] flex flex-col gap-2 pointer-events-none`,c[u]),children:(0,i.jsx)(n.AnimatePresence,{mode:`popLayout`,children:f.map(r=>{let{bg:a,icon:o}=s[r.variant??`default`];return(0,i.jsxs)(n.motion.div,{layout:!0,initial:{...v,opacity:0,scale:.95},animate:{x:0,y:0,opacity:1,scale:1},exit:{opacity:0,scale:.92},transition:{type:`spring`,stiffness:400,damping:30},className:e.t(`pointer-events-auto flex items-start gap-3 rounded-[var(--radius-lg)] border px-4 py-3`,`w-[calc(100vw-1.5rem)] max-w-sm shadow-floating sm:w-auto sm:min-w-[280px]`,a),children:[o&&(0,i.jsx)(`span`,{className:`shrink-0 mt-0.5`,children:o}),(0,i.jsxs)(`div`,{className:`flex-1 min-w-0`,children:[(0,i.jsx)(`div`,{className:`text-sm leading-snug text-foreground`,children:r.message}),r.action&&(0,i.jsx)(`button`,{type:`button`,onClick:()=>{r.action.onClick(),h(r.id)},className:`mt-1.5 text-xs font-semibold text-accent-600 dark:text-accent-400 hover:text-accent-700 dark:hover:text-accent-300 transition-colors`,children:r.action.label})]}),(0,i.jsx)(`button`,{type:`button`,onClick:()=>h(r.id),"aria-label":`Dismiss`,className:e.t(`mt-0.5 shrink-0 text-muted-foreground transition-colors hover:text-foreground`,t.s),children:(0,i.jsxs)(`svg`,{width:`14`,height:`14`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2.5`,strokeLinecap:`round`,strokeLinejoin:`round`,children:[(0,i.jsx)(`path`,{d:`M18 6 6 18`}),(0,i.jsx)(`path`,{d:`m6 6 12 12`})]})})]},r.id)})})})]})}exports.SnackbarProvider=u,exports.useSnackbar=o;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require("react"),t=require("react/jsx-runtime");var n=(0,e.lazy)(()=>Promise.resolve().then(()=>require("./snackbar-viewport.cjs"))),r=(0,e.createContext)(null);function i(){let t=(0,e.useContext)(r);if(!t)throw Error(`useSnackbar must be inside <SnackbarProvider>`);return t}function a({children:i,position:a=`bottom-right`,maxVisible:o=5,className:s,toastClassName:c}){let[l,u]=(0,e.useState)([]),[d,f]=(0,e.useState)(!1),p=(0,e.useRef)({});(0,e.useEffect)(()=>()=>Object.values(p.current).forEach(clearTimeout),[]),(0,e.useEffect)(()=>{l.length>0&&f(!0)},[l.length]);let m=(0,e.useCallback)(e=>{clearTimeout(p.current[e]),delete p.current[e],u(t=>t.filter(t=>t.id!==e))},[]),h=(0,e.useCallback)(()=>{Object.values(p.current).forEach(clearTimeout),p.current={},u([])},[]),g=(0,e.useCallback)(e=>{let t=e.id??Math.random().toString(36).slice(2,9);u(n=>{let r=e.id?n.findIndex(e=>e.id===t):-1;if(r===-1)return[{...e,id:t},...n].slice(0,o);let i=[...n];return i[r]={...e,id:t},i}),clearTimeout(p.current[t]);let n=e.duration??4e3;return n>0&&(p.current[t]=setTimeout(()=>m(t),n)),t},[m,o]);return(0,t.jsxs)(r.Provider,{value:{show:g,dismiss:m,dismissAll:h},children:[i,d&&(0,t.jsx)(e.Suspense,{fallback:null,children:(0,t.jsx)(n,{items:l,position:a,className:s,toastClassName:c,onDismiss:m})})]})}exports.SnackbarProvider=a,exports.useSnackbar=i;

package/dist/components/snackbar.d.ts

@@ -4,6 +4,8 @@ export type SnackbarPosition = "top-left" | "top-center" | "top-right" | "bottom
 export interface SnackbarOptions {
     message: ReactNode;
     variant?: SnackbarVariant;
+    className?: string;
+    actionClassName?: string;
     /** Auto-dismiss delay in ms. Set to 0 to persist until dismissed. Default: 4000 */
     duration?: number;
     action?: {
@@ -30,6 +32,8 @@ export interface SnackbarProviderProps {
     children: ReactNode;
     position?: SnackbarPosition;
     maxVisible?: number;
+    className?: string;
+    toastClassName?: string;
 }
-export declare function SnackbarProvider({ children, position, maxVisible, }: SnackbarProviderProps): import("react").JSX.Element;
+export declare function SnackbarProvider({ children, position, maxVisible, className, toastClassName, }: SnackbarProviderProps): import("react").JSX.Element;
 export {};

package/dist/components/snackbar.js

@@ -1,220 +1,56 @@
 "use client";
-import { t as e } from "../cn-DpgY2leY.js";
-import { s as t } from "../component-styles-Bgy44fc8.js";
-import { AnimatePresence as n, motion as r } from "framer-motion";
-import { createContext as i, useCallback as a, useContext as o, useEffect as s, useRef as c, useState as l } from "react";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { Suspense as e, createContext as t, lazy as n, useCallback as r, useContext as i, useEffect as a, useRef as o, useState as s } from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
 //#region src/components/snackbar.tsx
-var f = i(null);
-function p() {
-	let e = o(f);
+var u = n(() => import("./snackbar-viewport.js")), d = t(null);
+function f() {
+	let e = i(d);
 	if (!e) throw Error("useSnackbar must be inside <SnackbarProvider>");
 	return e;
 }
-var m = {
-	default: {
-		bg: "border-border bg-surface-raised",
-		icon: null
-	},
-	info: {
-		bg: "bg-sky-500/[0.09] dark:bg-sky-500/[0.12] border-sky-500/25",
-		icon: /* @__PURE__ */ d("svg", {
-			width: "15",
-			height: "15",
-			viewBox: "0 0 24 24",
-			fill: "none",
-			stroke: "currentColor",
-			strokeWidth: "2",
-			strokeLinecap: "round",
-			strokeLinejoin: "round",
-			className: "text-sky-400",
-			children: [
-				/* @__PURE__ */ u("circle", {
-					cx: "12",
-					cy: "12",
-					r: "10"
-				}),
-				/* @__PURE__ */ u("path", { d: "M12 16v-4" }),
-				/* @__PURE__ */ u("path", { d: "M12 8h.01" })
-			]
-		})
-	},
-	success: {
-		bg: "bg-emerald-500/[0.09] dark:bg-emerald-500/[0.12] border-emerald-500/25",
-		icon: /* @__PURE__ */ d("svg", {
-			width: "15",
-			height: "15",
-			viewBox: "0 0 24 24",
-			fill: "none",
-			stroke: "currentColor",
-			strokeWidth: "2",
-			strokeLinecap: "round",
-			strokeLinejoin: "round",
-			className: "text-emerald-400",
-			children: [/* @__PURE__ */ u("path", { d: "M22 11.08V12a10 10 0 1 1-5.93-9.14" }), /* @__PURE__ */ u("path", { d: "m9 11 3 3L22 4" })]
-		})
-	},
-	warning: {
-		bg: "bg-amber-500/[0.09] dark:bg-amber-500/[0.12] border-amber-500/25",
-		icon: /* @__PURE__ */ d("svg", {
-			width: "15",
-			height: "15",
-			viewBox: "0 0 24 24",
-			fill: "none",
-			stroke: "currentColor",
-			strokeWidth: "2",
-			strokeLinecap: "round",
-			strokeLinejoin: "round",
-			className: "text-amber-400",
-			children: [
-				/* @__PURE__ */ u("path", { d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3" }),
-				/* @__PURE__ */ u("path", { d: "M12 9v4" }),
-				/* @__PURE__ */ u("path", { d: "M12 17h.01" })
-			]
-		})
-	},
-	error: {
-		bg: "bg-red-500/[0.09] dark:bg-red-500/[0.12] border-red-500/25",
-		icon: /* @__PURE__ */ d("svg", {
-			width: "15",
-			height: "15",
-			viewBox: "0 0 24 24",
-			fill: "none",
-			stroke: "currentColor",
-			strokeWidth: "2",
-			strokeLinecap: "round",
-			strokeLinejoin: "round",
-			className: "text-red-400",
-			children: [
-				/* @__PURE__ */ u("circle", {
-					cx: "12",
-					cy: "12",
-					r: "10"
-				}),
-				/* @__PURE__ */ u("path", { d: "m15 9-6 6" }),
-				/* @__PURE__ */ u("path", { d: "m9 9 6 6" })
-			]
-		})
-	}
-}, h = {
-	"top-left": "top-32 left-3 sm:top-4 sm:left-4",
-	"top-center": "top-32 left-1/2 -translate-x-1/2 sm:top-4",
-	"top-right": "top-32 right-3 sm:top-4 sm:right-4",
-	"bottom-left": "bottom-3 left-3 sm:bottom-4 sm:left-4",
-	"bottom-center": "bottom-3 left-1/2 -translate-x-1/2 sm:bottom-4",
-	"bottom-right": "bottom-3 right-3 sm:bottom-4 sm:right-4"
-}, g = {
-	"top-left": { x: -14 },
-	"top-center": { y: -14 },
-	"top-right": { x: 14 },
-	"bottom-left": { x: -14 },
-	"bottom-center": { y: 14 },
-	"bottom-right": { x: 14 }
-};
-function _({ children: i, position: o = "bottom-right", maxVisible: p = 5 }) {
-	let [_, v] = l([]), y = c({});
-	s(() => () => Object.values(y.current).forEach(clearTimeout), []);
-	let b = a((e) => {
-		clearTimeout(y.current[e]), delete y.current[e], v((t) => t.filter((t) => t.id !== e));
-	}, []), x = a(() => {
-		Object.values(y.current).forEach(clearTimeout), y.current = {}, v([]);
-	}, []), S = a((e) => {
+function p({ children: t, position: n = "bottom-right", maxVisible: i = 5, className: f, toastClassName: p }) {
+	let [m, h] = s([]), [g, _] = s(!1), v = o({});
+	a(() => () => Object.values(v.current).forEach(clearTimeout), []), a(() => {
+		m.length > 0 && _(!0);
+	}, [m.length]);
+	let y = r((e) => {
+		clearTimeout(v.current[e]), delete v.current[e], h((t) => t.filter((t) => t.id !== e));
+	}, []), b = r(() => {
+		Object.values(v.current).forEach(clearTimeout), v.current = {}, h([]);
+	}, []), x = r((e) => {
 		let t = e.id ?? Math.random().toString(36).slice(2, 9);
-		v((n) => {
+		h((n) => {
 			let r = e.id ? n.findIndex((e) => e.id === t) : -1;
 			if (r === -1) return [{
 				...e,
 				id: t
-			}, ...n].slice(0, p);
-			let i = [...n];
-			return i[r] = {
+			}, ...n].slice(0, i);
+			let a = [...n];
+			return a[r] = {
 				...e,
 				id: t
-			}, i;
-		}), clearTimeout(y.current[t]);
+			}, a;
+		}), clearTimeout(v.current[t]);
 		let n = e.duration ?? 4e3;
-		return n > 0 && (y.current[t] = setTimeout(() => b(t), n)), t;
-	}, [b, p]), C = g[o];
-	return /* @__PURE__ */ d(f.Provider, {
+		return n > 0 && (v.current[t] = setTimeout(() => y(t), n)), t;
+	}, [y, i]);
+	return /* @__PURE__ */ l(d.Provider, {
 		value: {
-			show: S,
-			dismiss: b,
-			dismissAll: x
+			show: x,
+			dismiss: y,
+			dismissAll: b
 		},
-		children: [i, /* @__PURE__ */ u("div", {
-			role: "region",
-			"aria-label": "Notifications",
-			"aria-live": "polite",
-			className: e("fixed z-[100] flex flex-col gap-2 pointer-events-none", h[o]),
-			children: /* @__PURE__ */ u(n, {
-				mode: "popLayout",
-				children: _.map((n) => {
-					let { bg: i, icon: a } = m[n.variant ?? "default"];
-					return /* @__PURE__ */ d(r.div, {
-						layout: !0,
-						initial: {
-							...C,
-							opacity: 0,
-							scale: .95
-						},
-						animate: {
-							x: 0,
-							y: 0,
-							opacity: 1,
-							scale: 1
-						},
-						exit: {
-							opacity: 0,
-							scale: .92
-						},
-						transition: {
-							type: "spring",
-							stiffness: 400,
-							damping: 30
-						},
-						className: e("pointer-events-auto flex items-start gap-3 rounded-[var(--radius-lg)] border px-4 py-3", "w-[calc(100vw-1.5rem)] max-w-sm shadow-floating sm:w-auto sm:min-w-[280px]", i),
-						children: [
-							a && /* @__PURE__ */ u("span", {
-								className: "shrink-0 mt-0.5",
-								children: a
-							}),
-							/* @__PURE__ */ d("div", {
-								className: "flex-1 min-w-0",
-								children: [/* @__PURE__ */ u("div", {
-									className: "text-sm leading-snug text-foreground",
-									children: n.message
-								}), n.action && /* @__PURE__ */ u("button", {
-									type: "button",
-									onClick: () => {
-										n.action.onClick(), b(n.id);
-									},
-									className: "mt-1.5 text-xs font-semibold text-accent-600 dark:text-accent-400 hover:text-accent-700 dark:hover:text-accent-300 transition-colors",
-									children: n.action.label
-								})]
-							}),
-							/* @__PURE__ */ u("button", {
-								type: "button",
-								onClick: () => b(n.id),
-								"aria-label": "Dismiss",
-								className: e("mt-0.5 shrink-0 text-muted-foreground transition-colors hover:text-foreground", t),
-								children: /* @__PURE__ */ d("svg", {
-									width: "14",
-									height: "14",
-									viewBox: "0 0 24 24",
-									fill: "none",
-									stroke: "currentColor",
-									strokeWidth: "2.5",
-									strokeLinecap: "round",
-									strokeLinejoin: "round",
-									children: [/* @__PURE__ */ u("path", { d: "M18 6 6 18" }), /* @__PURE__ */ u("path", { d: "m6 6 12 12" })]
-								})
-							})
-						]
-					}, n.id);
-				})
+		children: [t, g && /* @__PURE__ */ c(e, {
+			fallback: null,
+			children: /* @__PURE__ */ c(u, {
+				items: m,
+				position: n,
+				className: f,
+				toastClassName: p,
+				onDismiss: y
 			})
 		})]
 	});
 }
 //#endregion
-export { _ as SnackbarProvider, p as useSnackbar };
+export { p as SnackbarProvider, f as useSnackbar };

package/dist/components/spinner.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../cn-BdjraxxU.cjs");let t=require("react/jsx-runtime");var n={xs:`w-3 h-3`,sm:`w-4 h-4`,md:`w-5 h-5`,lg:`w-7 h-7`};function r({size:r=`md`,className:i}){return(0,t.jsxs)(`svg`,{className:e.t(`animate-spin text-accent-500 dark:text-accent-400`,n[r],i),viewBox:`0 0 24 24`,fill:`none`,"aria-label":`Loading`,children:[(0,t.jsx)(`circle`,{className:`opacity-20`,cx:`12`,cy:`12`,r:`10`,stroke:`currentColor`,strokeWidth:`3`}),(0,t.jsx)(`path`,{className:`opacity-80`,fill:`currentColor`,d:`M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z`})]})}exports.Spinner=r;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../cn-B6R3HKzx.cjs");let t=require("react/jsx-runtime");var n={xs:`w-3 h-3`,sm:`w-4 h-4`,md:`w-5 h-5`,lg:`w-7 h-7`};function r({size:r=`md`,className:i}){return(0,t.jsxs)(`svg`,{className:e.t(`animate-spin text-accent-500 dark:text-accent-400`,n[r],i),viewBox:`0 0 24 24`,fill:`none`,"aria-label":`Loading`,children:[(0,t.jsx)(`circle`,{className:`opacity-20`,cx:`12`,cy:`12`,r:`10`,stroke:`currentColor`,strokeWidth:`3`}),(0,t.jsx)(`path`,{className:`opacity-80`,fill:`currentColor`,d:`M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z`})]})}exports.Spinner=r;

package/dist/components/spinner.js

@@ -1,4 +1,4 @@
-import { t as e } from "../cn-DpgY2leY.js";
+import { t as e } from "../cn-BJyZJP-y.js";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 //#region src/components/spinner.tsx
 var r = {

package/dist/components/stat.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../cn-BdjraxxU.cjs");let t=require("react/jsx-runtime");var n={up:{color:`text-emerald-700 dark:text-emerald-400`,icon:(0,t.jsx)(`svg`,{width:`12`,height:`12`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2.5`,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,t.jsx)(`path`,{d:`m18 15-6-6-6 6`})})},down:{color:`text-red-700 dark:text-red-400`,icon:(0,t.jsx)(`svg`,{width:`12`,height:`12`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2.5`,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,t.jsx)(`path`,{d:`m6 9 6 6 6-6`})})},neutral:{color:`text-muted-foreground`,icon:(0,t.jsx)(`svg`,{width:`12`,height:`12`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2.5`,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,t.jsx)(`path`,{d:`M5 12h14`})})}};function r({label:r,value:i,unit:a,valueClassName:o,trend:s,trendValue:c,icon:l,description:u,action:d,className:f,...p}){return(0,t.jsxs)(`div`,{className:e.t(`flex flex-col gap-1 rounded-[var(--radius-xl)] border border-border bg-surface p-4 shadow-xs`,f),...p,children:[(0,t.jsxs)(`div`,{className:`flex items-start justify-between gap-2`,children:[(0,t.jsx)(`p`,{className:`text-[11px] font-semibold text-muted-foreground uppercase tracking-[0.06em]`,children:r}),(0,t.jsxs)(`span`,{className:`flex items-center gap-1.5 shrink-0`,children:[d,l&&(0,t.jsx)(`span`,{className:`text-muted-foreground`,children:l})]})]}),(0,t.jsxs)(`div`,{className:`flex items-baseline gap-1.5 mt-1.5`,children:[(0,t.jsx)(`span`,{className:e.t(`text-[26px] font-semibold tabular-nums text-foreground leading-none tracking-tight`,o),children:i}),a&&(0,t.jsx)(`span`,{className:`text-sm text-muted-foreground`,children:a})]}),(s||u)&&(0,t.jsxs)(`div`,{className:`flex items-center gap-1.5 mt-1`,children:[s&&c&&(0,t.jsxs)(`span`,{className:e.t(`flex items-center gap-0.5 text-xs font-medium`,n[s].color),children:[n[s].icon,c]}),u&&(0,t.jsx)(`span`,{className:`text-xs text-slate-500`,children:u})]})]})}exports.Stat=r;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../cn-B6R3HKzx.cjs");let t=require("react/jsx-runtime");var n={up:{color:`text-emerald-700 dark:text-emerald-400`,icon:(0,t.jsx)(`svg`,{width:`12`,height:`12`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2.5`,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,t.jsx)(`path`,{d:`m18 15-6-6-6 6`})})},down:{color:`text-red-700 dark:text-red-400`,icon:(0,t.jsx)(`svg`,{width:`12`,height:`12`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2.5`,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,t.jsx)(`path`,{d:`m6 9 6 6 6-6`})})},neutral:{color:`text-muted-foreground`,icon:(0,t.jsx)(`svg`,{width:`12`,height:`12`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2.5`,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,t.jsx)(`path`,{d:`M5 12h14`})})}};function r({label:r,value:i,unit:a,valueClassName:o,trend:s,trendValue:c,icon:l,description:u,action:d,className:f,...p}){return(0,t.jsxs)(`div`,{className:e.t(`flex flex-col gap-1 rounded-[var(--radius-xl)] border border-border bg-surface p-4 shadow-xs`,f),...p,children:[(0,t.jsxs)(`div`,{className:`flex items-start justify-between gap-2`,children:[(0,t.jsx)(`p`,{className:`text-[11px] font-semibold text-muted-foreground uppercase tracking-[0.06em]`,children:r}),(0,t.jsxs)(`span`,{className:`flex items-center gap-1.5 shrink-0`,children:[d,l&&(0,t.jsx)(`span`,{className:`text-muted-foreground`,children:l})]})]}),(0,t.jsxs)(`div`,{className:`flex items-baseline gap-1.5 mt-1.5`,children:[(0,t.jsx)(`span`,{className:e.t(`text-[26px] font-semibold tabular-nums text-foreground leading-none tracking-tight`,o),children:i}),a&&(0,t.jsx)(`span`,{className:`text-sm text-muted-foreground`,children:a})]}),(s||u)&&(0,t.jsxs)(`div`,{className:`flex items-center gap-1.5 mt-1`,children:[s&&c&&(0,t.jsxs)(`span`,{className:e.t(`flex items-center gap-0.5 text-xs font-medium`,n[s].color),children:[n[s].icon,c]}),u&&(0,t.jsx)(`span`,{className:`text-xs text-slate-500`,children:u})]})]})}exports.Stat=r;

package/dist/components/stat.js

@@ -1,4 +1,4 @@
-import { t as e } from "../cn-DpgY2leY.js";
+import { t as e } from "../cn-BJyZJP-y.js";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 //#region src/components/stat.tsx
 var r = {

package/dist/components/status-dot.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../cn-BdjraxxU.cjs");let t=require("react/jsx-runtime");var n={online:`bg-emerald-400`,offline:`bg-slate-500`,idle:`bg-amber-400`,busy:`bg-red-400`,error:`bg-red-500`,pending:`bg-sky-400`},r={sm:`w-1.5 h-1.5`,md:`w-2 h-2`,lg:`w-2.5 h-2.5`};function i({status:i,label:a,pulse:o=!1,size:s=`md`,className:c}){return(0,t.jsxs)(`span`,{className:e.t(`inline-flex items-center gap-1.5`,c),children:[(0,t.jsxs)(`span`,{className:`relative flex items-center justify-center`,children:[o&&(i===`online`||i===`pending`)&&(0,t.jsx)(`span`,{className:e.t(`absolute inline-flex rounded-full opacity-75 animate-ping`,n[i],r[s])}),(0,t.jsx)(`span`,{className:e.t(`relative inline-flex rounded-full`,n[i],r[s])})]}),a&&(0,t.jsx)(`span`,{className:`text-sm text-slate-600 dark:text-slate-300`,children:a})]})}exports.StatusDot=i;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../cn-B6R3HKzx.cjs");let t=require("react/jsx-runtime");var n={online:`bg-emerald-400`,offline:`bg-slate-500`,idle:`bg-amber-400`,busy:`bg-red-400`,error:`bg-red-500`,pending:`bg-sky-400`},r={sm:`w-1.5 h-1.5`,md:`w-2 h-2`,lg:`w-2.5 h-2.5`};function i({status:i,label:a,pulse:o=!1,size:s=`md`,className:c}){return(0,t.jsxs)(`span`,{className:e.t(`inline-flex items-center gap-1.5`,c),children:[(0,t.jsxs)(`span`,{className:`relative flex items-center justify-center`,children:[o&&(i===`online`||i===`pending`)&&(0,t.jsx)(`span`,{className:e.t(`absolute inline-flex rounded-full opacity-75 animate-ping`,n[i],r[s])}),(0,t.jsx)(`span`,{className:e.t(`relative inline-flex rounded-full`,n[i],r[s])})]}),a&&(0,t.jsx)(`span`,{className:`text-sm text-slate-600 dark:text-slate-300`,children:a})]})}exports.StatusDot=i;

package/dist/components/status-dot.js

@@ -1,4 +1,4 @@
-import { t as e } from "../cn-DpgY2leY.js";
+import { t as e } from "../cn-BJyZJP-y.js";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 //#region src/components/status-dot.tsx
 var r = {

package/dist/components/stepper.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../cn-BdjraxxU.cjs");let t=require("react/jsx-runtime");function n({steps:n,current:r,orientation:i=`horizontal`,className:a}){return(0,t.jsx)(`div`,{className:e.t(i===`vertical`?`flex flex-col gap-0`:`flex items-start gap-0 min-w-0 overflow-x-auto`,a),children:n.map((a,o)=>{let s=o<r,c=o===r,l=o===n.length-1;return(0,t.jsx)(`div`,{className:e.t(i===`vertical`?`flex gap-3`:`flex flex-col items-center flex-1`),children:i===`horizontal`?(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)(`div`,{className:`flex items-center w-full`,children:[(0,t.jsx)(`div`,{className:e.t(`w-8 h-8 rounded-full flex items-center justify-center shrink-0 text-sm font-semibold border-2 transition-colors`,s?`bg-primary border-primary text-primary-foreground`:c?`border-accent-500 text-accent-400 bg-accent-500/10`:`border-black/15 dark:border-white/15 text-slate-500`),children:s?(0,t.jsx)(`svg`,{width:`14`,height:`14`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2.5`,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,t.jsx)(`path`,{d:`m20 6-11 11-5-5`})}):o+1}),!l&&(0,t.jsx)(`div`,{className:e.t(`flex-1 h-0.5 mx-2 rounded-full transition-colors`,s?`bg-primary`:`bg-border`)})]}),(0,t.jsxs)(`div`,{className:`mt-2 text-center px-1`,children:[(0,t.jsx)(`p`,{className:e.t(`text-xs font-medium`,c?`text-gray-900 dark:text-white`:`text-slate-500`),children:a.label}),a.description&&(0,t.jsx)(`p`,{className:`text-[10px] text-slate-500 mt-0.5`,children:a.description})]})]}):(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)(`div`,{className:`flex flex-col items-center`,children:[(0,t.jsx)(`div`,{className:e.t(`w-8 h-8 rounded-full flex items-center justify-center shrink-0 text-sm font-semibold border-2 transition-colors`,s?`bg-primary border-primary text-primary-foreground`:c?`border-accent-500 text-accent-400 bg-accent-500/10`:`border-black/15 dark:border-white/15 text-slate-500`),children:s?(0,t.jsx)(`svg`,{width:`14`,height:`14`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2.5`,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,t.jsx)(`path`,{d:`m20 6-11 11-5-5`})}):o+1}),!l&&(0,t.jsx)(`div`,{className:e.t(`w-0.5 flex-1 min-h-8 my-1 rounded-full`,s?`bg-primary`:`bg-border`)})]}),(0,t.jsxs)(`div`,{className:`pb-6`,children:[(0,t.jsx)(`p`,{className:e.t(`text-sm font-medium leading-none mt-1.5`,c?`text-gray-900 dark:text-white`:`text-slate-500`),children:a.label}),a.description&&(0,t.jsx)(`p`,{className:`text-xs text-slate-500 mt-1`,children:a.description})]})]})},o)})})}exports.Stepper=n;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../cn-B6R3HKzx.cjs");let t=require("react/jsx-runtime");function n({steps:n,current:r,orientation:i=`horizontal`,className:a}){return(0,t.jsx)(`div`,{className:e.t(i===`vertical`?`flex flex-col gap-0`:`flex items-start gap-0 min-w-0 overflow-x-auto`,a),children:n.map((a,o)=>{let s=o<r,c=o===r,l=o===n.length-1;return(0,t.jsx)(`div`,{className:e.t(i===`vertical`?`flex gap-3`:`flex flex-col items-center flex-1`),children:i===`horizontal`?(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)(`div`,{className:`flex items-center w-full`,children:[(0,t.jsx)(`div`,{className:e.t(`w-8 h-8 rounded-full flex items-center justify-center shrink-0 text-sm font-semibold border-2 transition-colors`,s?`bg-primary border-primary text-primary-foreground`:c?`border-accent-500 text-accent-400 bg-accent-500/10`:`border-border-strong text-muted-foreground`),children:s?(0,t.jsx)(`svg`,{width:`14`,height:`14`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2.5`,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,t.jsx)(`path`,{d:`m20 6-11 11-5-5`})}):o+1}),!l&&(0,t.jsx)(`div`,{className:e.t(`flex-1 h-0.5 mx-2 rounded-full transition-colors`,s?`bg-primary`:`bg-border`)})]}),(0,t.jsxs)(`div`,{className:`mt-2 text-center px-1`,children:[(0,t.jsx)(`p`,{className:e.t(`text-xs font-medium`,c?`text-foreground`:`text-muted-foreground`),children:a.label}),a.description&&(0,t.jsx)(`p`,{className:`text-[10px] text-slate-500 mt-0.5`,children:a.description})]})]}):(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)(`div`,{className:`flex flex-col items-center`,children:[(0,t.jsx)(`div`,{className:e.t(`w-8 h-8 rounded-full flex items-center justify-center shrink-0 text-sm font-semibold border-2 transition-colors`,s?`bg-primary border-primary text-primary-foreground`:c?`border-accent-500 text-accent-400 bg-accent-500/10`:`border-border-strong text-muted-foreground`),children:s?(0,t.jsx)(`svg`,{width:`14`,height:`14`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2.5`,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,t.jsx)(`path`,{d:`m20 6-11 11-5-5`})}):o+1}),!l&&(0,t.jsx)(`div`,{className:e.t(`w-0.5 flex-1 min-h-8 my-1 rounded-full`,s?`bg-primary`:`bg-border`)})]}),(0,t.jsxs)(`div`,{className:`pb-6`,children:[(0,t.jsx)(`p`,{className:e.t(`text-sm font-medium leading-none mt-1.5`,c?`text-foreground`:`text-muted-foreground`),children:a.label}),a.description&&(0,t.jsx)(`p`,{className:`text-xs text-slate-500 mt-1`,children:a.description})]})]})},o)})})}exports.Stepper=n;