@bzync/rui 0.0.3

package/dist/components/seo.js

@@ -0,0 +1,64 @@
+import { t as e } from "../cn-DpgY2leY.js";
+import { Fragment as t, jsx as n } from "react/jsx-runtime";
+//#region src/components/seo.tsx
+function r({ alt: t, loading: r = "lazy", decoding: i = "async", className: a, width: o, height: s, style: c, ...l }) {
+	return (!t || t.trim() === "") && console.warn("[rtui SeoImage] alt text is required for SEO and accessibility. Provide a descriptive alt."), /* @__PURE__ */ n("img", {
+		alt: t,
+		loading: r,
+		decoding: i,
+		width: o,
+		height: s,
+		className: e(o && s ? "h-auto" : void 0, a),
+		style: o && s ? {
+			aspectRatio: `${o}/${s}`,
+			...c
+		} : c,
+		...l
+	});
+}
+function i({ data: e, id: r }) {
+	let i = Array.isArray(e) ? e : [e];
+	return /* @__PURE__ */ n(t, { children: i.map((e, t) => /* @__PURE__ */ n("script", {
+		id: r && i.length === 1 ? r : void 0,
+		type: "application/ld+json",
+		dangerouslySetInnerHTML: { __html: JSON.stringify(e).replace(/</g, "\\u003c") }
+	}, r ? `${r}-${t}` : t)) });
+}
+function a({ items: e, id: t = "breadcrumb-jsonld" }) {
+	let r = {
+		"@context": "https://schema.org",
+		"@type": "BreadcrumbList",
+		itemListElement: e.map((e, t) => ({
+			"@type": "ListItem",
+			position: t + 1,
+			name: e.name,
+			...e.item ? { item: e.item } : {}
+		}))
+	};
+	return /* @__PURE__ */ n(i, {
+		data: r,
+		id: t
+	});
+}
+function o({ headline: e, description: t, url: r, image: a, authorName: o, datePublished: s, dateModified: c, id: l = "article-jsonld" }) {
+	let u = {
+		"@context": "https://schema.org",
+		"@type": "Article",
+		headline: e,
+		...t ? { description: t } : {},
+		...r ? { url: r } : {},
+		...a ? { image: a } : {},
+		...o ? { author: {
+			"@type": "Person",
+			name: o
+		} } : {},
+		...s ? { datePublished: s } : {},
+		...c ? { dateModified: c } : {}
+	};
+	return /* @__PURE__ */ n(i, {
+		data: u,
+		id: l
+	});
+}
+//#endregion
+export { o as ArticleJsonLd, a as BreadcrumbJsonLd, r as SeoImage, i as StructuredData };

package/dist/components/separator.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../cn-BdjraxxU.cjs");let t=require("react/jsx-runtime");function n({orientation:n=`horizontal`,label:r,className:i,...a}){return n===`vertical`?(0,t.jsx)(`div`,{className:e.t(`w-px self-stretch bg-black/8 dark:bg-white/8`,i),...a}):r?(0,t.jsxs)(`div`,{className:e.t(`flex items-center gap-3`,i),...a,children:[(0,t.jsx)(`div`,{className:`flex-1 h-px bg-black/8 dark:bg-white/8`}),(0,t.jsx)(`span`,{className:`text-xs text-slate-500 font-medium shrink-0`,children:r}),(0,t.jsx)(`div`,{className:`flex-1 h-px bg-black/8 dark:bg-white/8`})]}):(0,t.jsx)(`div`,{className:e.t(`h-px w-full bg-black/8 dark:bg-white/8`,i),...a})}exports.Separator=n;

package/dist/components/separator.d.ts

@@ -0,0 +1,6 @@
+import { HTMLAttributes } from 'react';
+export interface SeparatorProps extends HTMLAttributes<HTMLDivElement> {
+    orientation?: "horizontal" | "vertical";
+    label?: string;
+}
+export declare function Separator({ orientation, label, className, ...props }: SeparatorProps): import("react").JSX.Element;

package/dist/components/separator.js

@@ -0,0 +1,25 @@
+import { t as e } from "../cn-DpgY2leY.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/components/separator.tsx
+function r({ orientation: r = "horizontal", label: i, className: a, ...o }) {
+	return r === "vertical" ? /* @__PURE__ */ t("div", {
+		className: e("w-px self-stretch bg-black/8 dark:bg-white/8", a),
+		...o
+	}) : i ? /* @__PURE__ */ n("div", {
+		className: e("flex items-center gap-3", a),
+		...o,
+		children: [
+			/* @__PURE__ */ t("div", { className: "flex-1 h-px bg-black/8 dark:bg-white/8" }),
+			/* @__PURE__ */ t("span", {
+				className: "text-xs text-slate-500 font-medium shrink-0",
+				children: i
+			}),
+			/* @__PURE__ */ t("div", { className: "flex-1 h-px bg-black/8 dark:bg-white/8" })
+		]
+	}) : /* @__PURE__ */ t("div", {
+		className: e("h-px w-full bg-black/8 dark:bg-white/8", a),
+		...o
+	});
+}
+//#endregion
+export { r as Separator };

package/dist/components/skeleton.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../cn-BdjraxxU.cjs");let t=require("react/jsx-runtime");var n={sm:`rounded-sm`,md:`rounded-md`,lg:`rounded-lg`,full:`rounded-full`};function r({className:r,width:i,height:a,rounded:o=`md`,style:s,...c}){return(0,t.jsx)(`div`,{className:e.t(`animate-pulse bg-muted`,n[o],r),style:{width:i,height:a,...s},"aria-hidden":`true`,...c})}function i({lines:n=3,className:i,lastLineWidth:a=`60%`}){return(0,t.jsx)(`div`,{className:e.t(`space-y-2`,i),"aria-hidden":`true`,children:Array.from({length:n}).map((e,i)=>(0,t.jsx)(r,{height:14,width:i===n-1?a:`100%`},i))})}var a={sm:32,md:36,lg:44};function o({size:e=`md`,className:n}){let i=a[e];return(0,t.jsx)(r,{width:i,height:i,rounded:`full`,className:n})}function s({lines:n=3,hasAvatar:i=!1,hasFooter:a=!1,className:s}){return(0,t.jsxs)(`div`,{className:e.t(`rounded-[var(--radius-lg)] border border-border bg-surface`,s),"aria-hidden":`true`,children:[(0,t.jsxs)(`div`,{className:`flex items-center gap-3 border-b border-border px-5 py-4`,children:[i&&(0,t.jsx)(o,{}),(0,t.jsxs)(`div`,{className:`flex-1 space-y-1.5`,children:[(0,t.jsx)(r,{height:14,width:`40%`}),(0,t.jsx)(r,{height:11,width:`25%`})]})]}),(0,t.jsx)(`div`,{className:`px-5 py-4 space-y-2.5`,children:Array.from({length:n}).map((e,i)=>(0,t.jsx)(r,{height:13,width:i===n-1?`65%`:`100%`},i))}),a&&(0,t.jsxs)(`div`,{className:`flex items-center gap-2 border-t border-border px-5 py-3.5`,children:[(0,t.jsx)(r,{height:28,width:72,rounded:`lg`}),(0,t.jsx)(r,{height:28,width:72,rounded:`lg`})]})]})}function c({hasBreadcrumb:n=!0,hasAction:i=!0,className:a}){return(0,t.jsxs)(`div`,{className:e.t(`w-full px-4 py-3 sm:px-6 sm:py-4`,`bg-surface/90`,`border-b border-border`,`sticky top-0 z-30`,a),"aria-hidden":`true`,children:[n&&(0,t.jsxs)(`div`,{className:`flex items-center gap-1.5 mb-2.5`,children:[(0,t.jsx)(r,{height:10,width:72}),(0,t.jsx)(r,{height:10,width:6,rounded:`full`}),(0,t.jsx)(r,{height:10,width:52})]}),(0,t.jsxs)(`div`,{className:`flex items-center justify-between gap-4`,children:[(0,t.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,t.jsx)(r,{height:18,width:148}),(0,t.jsx)(r,{height:11,width:196})]}),i&&(0,t.jsx)(r,{height:30,width:100,rounded:`lg`})]})]})}function l({rows:n=5,cols:i=4,className:a}){return(0,t.jsxs)(`div`,{className:e.t(`overflow-hidden rounded-[var(--radius-lg)] border border-border`,a),"aria-hidden":`true`,children:[(0,t.jsx)(`div`,{className:`flex items-center gap-4 border-b border-border bg-surface-muted px-4 py-3`,children:Array.from({length:i}).map((e,n)=>(0,t.jsx)(r,{height:11,width:`${50+n*13%50}px`},n))}),Array.from({length:n}).map((e,n)=>(0,t.jsx)(`div`,{className:`flex items-center gap-4 border-b border-border px-4 py-3 last:border-none`,children:Array.from({length:i}).map((e,i)=>(0,t.jsx)(r,{height:13,width:`${55+(n+i)*11%45}%`},i))},n))]})}exports.Skeleton=r,exports.SkeletonAvatar=o,exports.SkeletonCard=s,exports.SkeletonTable=l,exports.SkeletonText=i,exports.SkeletonTopbar=c;

package/dist/components/skeleton.d.ts

@@ -0,0 +1,37 @@
+import { HTMLAttributes } from 'react';
+export interface SkeletonProps extends HTMLAttributes<HTMLDivElement> {
+    width?: string | number;
+    height?: string | number;
+    rounded?: "sm" | "md" | "lg" | "full";
+}
+export declare function Skeleton({ className, width, height, rounded, style, ...props }: SkeletonProps): import("react").JSX.Element;
+export interface SkeletonTextProps {
+    lines?: number;
+    className?: string;
+    lastLineWidth?: string;
+}
+export declare function SkeletonText({ lines, className, lastLineWidth, }: SkeletonTextProps): import("react").JSX.Element;
+export interface SkeletonAvatarProps {
+    size?: "sm" | "md" | "lg";
+    className?: string;
+}
+export declare function SkeletonAvatar({ size, className }: SkeletonAvatarProps): import("react").JSX.Element;
+export interface SkeletonCardProps {
+    lines?: number;
+    hasAvatar?: boolean;
+    hasFooter?: boolean;
+    className?: string;
+}
+export declare function SkeletonCard({ lines, hasAvatar, hasFooter, className, }: SkeletonCardProps): import("react").JSX.Element;
+export interface SkeletonTopbarProps {
+    hasBreadcrumb?: boolean;
+    hasAction?: boolean;
+    className?: string;
+}
+export declare function SkeletonTopbar({ hasBreadcrumb, hasAction, className, }: SkeletonTopbarProps): import("react").JSX.Element;
+export interface SkeletonTableProps {
+    rows?: number;
+    cols?: number;
+    className?: string;
+}
+export declare function SkeletonTable({ rows, cols, className, }: SkeletonTableProps): import("react").JSX.Element;

package/dist/components/skeleton.js

@@ -0,0 +1,146 @@
+import { t as e } from "../cn-DpgY2leY.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/components/skeleton.tsx
+var r = {
+	sm: "rounded-sm",
+	md: "rounded-md",
+	lg: "rounded-lg",
+	full: "rounded-full"
+};
+function i({ className: n, width: i, height: a, rounded: o = "md", style: s, ...c }) {
+	return /* @__PURE__ */ t("div", {
+		className: e("animate-pulse bg-muted", r[o], n),
+		style: {
+			width: i,
+			height: a,
+			...s
+		},
+		"aria-hidden": "true",
+		...c
+	});
+}
+function a({ lines: n = 3, className: r, lastLineWidth: a = "60%" }) {
+	return /* @__PURE__ */ t("div", {
+		className: e("space-y-2", r),
+		"aria-hidden": "true",
+		children: Array.from({ length: n }).map((e, r) => /* @__PURE__ */ t(i, {
+			height: 14,
+			width: r === n - 1 ? a : "100%"
+		}, r))
+	});
+}
+var o = {
+	sm: 32,
+	md: 36,
+	lg: 44
+};
+function s({ size: e = "md", className: n }) {
+	let r = o[e];
+	return /* @__PURE__ */ t(i, {
+		width: r,
+		height: r,
+		rounded: "full",
+		className: n
+	});
+}
+function c({ lines: r = 3, hasAvatar: a = !1, hasFooter: o = !1, className: c }) {
+	return /* @__PURE__ */ n("div", {
+		className: e("rounded-[var(--radius-lg)] border border-border bg-surface", c),
+		"aria-hidden": "true",
+		children: [
+			/* @__PURE__ */ n("div", {
+				className: "flex items-center gap-3 border-b border-border px-5 py-4",
+				children: [a && /* @__PURE__ */ t(s, {}), /* @__PURE__ */ n("div", {
+					className: "flex-1 space-y-1.5",
+					children: [/* @__PURE__ */ t(i, {
+						height: 14,
+						width: "40%"
+					}), /* @__PURE__ */ t(i, {
+						height: 11,
+						width: "25%"
+					})]
+				})]
+			}),
+			/* @__PURE__ */ t("div", {
+				className: "px-5 py-4 space-y-2.5",
+				children: Array.from({ length: r }).map((e, n) => /* @__PURE__ */ t(i, {
+					height: 13,
+					width: n === r - 1 ? "65%" : "100%"
+				}, n))
+			}),
+			o && /* @__PURE__ */ n("div", {
+				className: "flex items-center gap-2 border-t border-border px-5 py-3.5",
+				children: [/* @__PURE__ */ t(i, {
+					height: 28,
+					width: 72,
+					rounded: "lg"
+				}), /* @__PURE__ */ t(i, {
+					height: 28,
+					width: 72,
+					rounded: "lg"
+				})]
+			})
+		]
+	});
+}
+function l({ hasBreadcrumb: r = !0, hasAction: a = !0, className: o }) {
+	return /* @__PURE__ */ n("div", {
+		className: e("w-full px-4 py-3 sm:px-6 sm:py-4", "bg-surface/90", "border-b border-border", "sticky top-0 z-30", o),
+		"aria-hidden": "true",
+		children: [r && /* @__PURE__ */ n("div", {
+			className: "flex items-center gap-1.5 mb-2.5",
+			children: [
+				/* @__PURE__ */ t(i, {
+					height: 10,
+					width: 72
+				}),
+				/* @__PURE__ */ t(i, {
+					height: 10,
+					width: 6,
+					rounded: "full"
+				}),
+				/* @__PURE__ */ t(i, {
+					height: 10,
+					width: 52
+				})
+			]
+		}), /* @__PURE__ */ n("div", {
+			className: "flex items-center justify-between gap-4",
+			children: [/* @__PURE__ */ n("div", {
+				className: "space-y-1.5",
+				children: [/* @__PURE__ */ t(i, {
+					height: 18,
+					width: 148
+				}), /* @__PURE__ */ t(i, {
+					height: 11,
+					width: 196
+				})]
+			}), a && /* @__PURE__ */ t(i, {
+				height: 30,
+				width: 100,
+				rounded: "lg"
+			})]
+		})]
+	});
+}
+function u({ rows: r = 5, cols: a = 4, className: o }) {
+	return /* @__PURE__ */ n("div", {
+		className: e("overflow-hidden rounded-[var(--radius-lg)] border border-border", o),
+		"aria-hidden": "true",
+		children: [/* @__PURE__ */ t("div", {
+			className: "flex items-center gap-4 border-b border-border bg-surface-muted px-4 py-3",
+			children: Array.from({ length: a }).map((e, n) => /* @__PURE__ */ t(i, {
+				height: 11,
+				width: `${50 + n * 13 % 50}px`
+			}, n))
+		}), Array.from({ length: r }).map((e, n) => /* @__PURE__ */ t("div", {
+			className: "flex items-center gap-4 border-b border-border px-4 py-3 last:border-none",
+			children: Array.from({ length: a }).map((e, r) => /* @__PURE__ */ t(i, {
+				height: 13,
+				width: `${55 + (n + r) * 11 % 45}%`
+			}, r))
+		}, n))]
+	});
+}
+//#endregion
+export { i as Skeleton, s as SkeletonAvatar, c as SkeletonCard, u as SkeletonTable, a as SkeletonText, l as SkeletonTopbar };

package/dist/components/slider.cjs

@@ -0,0 +1 @@
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../cn-BdjraxxU.cjs"),t=require("../component-styles-TkZ7v6Ef.cjs");let n=require("react"),r=require("react/jsx-runtime");var i=(0,n.forwardRef)(({className:i,label:a,hint:o,error:s,showValue:c=!0,formatValue:l,min:u=0,max:d=100,step:f=1,value:p,defaultValue:m,onChange:h,disabled:g,id:_,...v},y)=>{let b=(0,n.useId)(),x=_??b,S=`${x}-message`,[C,w]=(0,n.useState)(Number(p??m??u));(0,n.useEffect)(()=>{p!==void 0&&w(Number(p))},[p]);let T=Number(p??C),E=d===u?0:Math.min(100,Math.max(0,(T-u)/(d-u)*100)),D=l?l(T):String(T);return(0,r.jsxs)(`div`,{className:e.t(t.o,i),children:[(a||c)&&(0,r.jsxs)(`div`,{className:`flex items-center justify-between`,children:[a&&(0,r.jsx)(`label`,{htmlFor:x,className:`text-sm font-medium leading-5 text-foreground`,children:a}),c&&(0,r.jsx)(`output`,{htmlFor:x,className:`text-sm font-medium tabular-nums text-foreground`,children:D})]}),(0,r.jsxs)(`div`,{className:`relative flex items-center h-5`,children:[(0,r.jsx)(`div`,{className:`absolute inset-x-0 h-1.5 rounded-full bg-muted`,children:(0,r.jsx)(`div`,{className:`absolute left-0 top-0 h-full rounded-full bg-accent-500`,style:{width:`${E}%`}})}),(0,r.jsx)(`input`,{ref:y,type:`range`,id:x,min:u,max:d,step:f,value:T,disabled:g,"aria-invalid":s?!0:void 0,"aria-describedby":s||o?S:void 0,"aria-valuetext":D,onChange:e=>{let t=Number(e.target.value);p===void 0&&w(t),h?.(e)},className:e.t(`relative w-full appearance-none bg-transparent cursor-pointer`,`focus-visible:outline-none focus-visible:[&::-webkit-slider-thumb]:ring-4 focus-visible:[&::-webkit-slider-thumb]:ring-focus-ring/25`,`disabled:cursor-not-allowed disabled:opacity-50`,`[&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:w-4 [&::-webkit-slider-thumb]:h-4`,`[&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:bg-white`,`[&::-webkit-slider-thumb]:border-2 [&::-webkit-slider-thumb]:border-accent-500`,`[&::-webkit-slider-thumb]:shadow-sm`,`[&::-moz-range-thumb]:w-4 [&::-moz-range-thumb]:h-4 [&::-moz-range-thumb]:rounded-full`,`[&::-moz-range-thumb]:bg-white [&::-moz-range-thumb]:border-2 [&::-moz-range-thumb]:border-accent-500`,`[&::-moz-range-thumb]:shadow-md`),...v})]}),s&&(0,r.jsx)(`p`,{id:S,"aria-live":`polite`,className:`text-xs leading-5 text-destructive`,children:s}),o&&!s&&(0,r.jsx)(`p`,{id:S,className:`text-xs leading-5 text-muted-foreground`,children:o})]})});i.displayName=`Slider`,exports.Slider=i;

package/dist/components/slider.d.ts

@@ -0,0 +1,12 @@
+import { InputHTMLAttributes } from 'react';
+export interface SliderProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "size"> {
+    label?: string;
+    hint?: string;
+    error?: string;
+    showValue?: boolean;
+    formatValue?: (v: number) => string;
+    min?: number;
+    max?: number;
+    step?: number;
+}
+export declare const Slider: import('react').ForwardRefExoticComponent<SliderProps & import('react').RefAttributes<HTMLInputElement>>;

package/dist/components/slider.js

@@ -0,0 +1,72 @@
+"use client";
+import { t as e } from "../cn-DpgY2leY.js";
+import { o as t } from "../component-styles-Ce56hn9T.js";
+import { forwardRef as n, useEffect as r, useId as i, useState as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/components/slider.tsx
+var c = n(({ className: n, label: c, hint: l, error: u, showValue: d = !0, formatValue: f, min: p = 0, max: m = 100, step: h = 1, value: g, defaultValue: _, onChange: v, disabled: y, id: b, ...x }, S) => {
+	let C = i(), w = b ?? C, T = `${w}-message`, [E, D] = a(Number(g ?? _ ?? p));
+	r(() => {
+		g !== void 0 && D(Number(g));
+	}, [g]);
+	let O = Number(g ?? E), k = m === p ? 0 : Math.min(100, Math.max(0, (O - p) / (m - p) * 100)), A = f ? f(O) : String(O);
+	return /* @__PURE__ */ s("div", {
+		className: e(t, n),
+		children: [
+			(c || d) && /* @__PURE__ */ s("div", {
+				className: "flex items-center justify-between",
+				children: [c && /* @__PURE__ */ o("label", {
+					htmlFor: w,
+					className: "text-sm font-medium leading-5 text-foreground",
+					children: c
+				}), d && /* @__PURE__ */ o("output", {
+					htmlFor: w,
+					className: "text-sm font-medium tabular-nums text-foreground",
+					children: A
+				})]
+			}),
+			/* @__PURE__ */ s("div", {
+				className: "relative flex items-center h-5",
+				children: [/* @__PURE__ */ o("div", {
+					className: "absolute inset-x-0 h-1.5 rounded-full bg-muted",
+					children: /* @__PURE__ */ o("div", {
+						className: "absolute left-0 top-0 h-full rounded-full bg-accent-500",
+						style: { width: `${k}%` }
+					})
+				}), /* @__PURE__ */ o("input", {
+					ref: S,
+					type: "range",
+					id: w,
+					min: p,
+					max: m,
+					step: h,
+					value: O,
+					disabled: y,
+					"aria-invalid": u ? !0 : void 0,
+					"aria-describedby": u || l ? T : void 0,
+					"aria-valuetext": A,
+					onChange: (e) => {
+						let t = Number(e.target.value);
+						g === void 0 && D(t), v?.(e);
+					},
+					className: e("relative w-full appearance-none bg-transparent cursor-pointer", "focus-visible:outline-none focus-visible:[&::-webkit-slider-thumb]:ring-4 focus-visible:[&::-webkit-slider-thumb]:ring-focus-ring/25", "disabled:cursor-not-allowed disabled:opacity-50", "[&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:w-4 [&::-webkit-slider-thumb]:h-4", "[&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:bg-white", "[&::-webkit-slider-thumb]:border-2 [&::-webkit-slider-thumb]:border-accent-500", "[&::-webkit-slider-thumb]:shadow-sm", "[&::-moz-range-thumb]:w-4 [&::-moz-range-thumb]:h-4 [&::-moz-range-thumb]:rounded-full", "[&::-moz-range-thumb]:bg-white [&::-moz-range-thumb]:border-2 [&::-moz-range-thumb]:border-accent-500", "[&::-moz-range-thumb]:shadow-md"),
+					...x
+				})]
+			}),
+			u && /* @__PURE__ */ o("p", {
+				id: T,
+				"aria-live": "polite",
+				className: "text-xs leading-5 text-destructive",
+				children: u
+			}),
+			l && !u && /* @__PURE__ */ o("p", {
+				id: T,
+				className: "text-xs leading-5 text-muted-foreground",
+				children: l
+			})
+		]
+	});
+});
+c.displayName = "Slider";
+//#endregion
+export { c as Slider };

package/dist/components/snackbar.cjs

@@ -0,0 +1 @@
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../cn-BdjraxxU.cjs"),t=require("../component-styles-TkZ7v6Ef.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;

package/dist/components/snackbar.d.ts

@@ -0,0 +1,35 @@
+import { ReactNode } from 'react';
+export type SnackbarVariant = "default" | "info" | "success" | "warning" | "error";
+export type SnackbarPosition = "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right";
+export interface SnackbarOptions {
+    message: ReactNode;
+    variant?: SnackbarVariant;
+    /** Auto-dismiss delay in ms. Set to 0 to persist until dismissed. Default: 4000 */
+    duration?: number;
+    action?: {
+        label: string;
+        onClick: () => void;
+    };
+    /**
+     * Stable id for deduplication — if a toast with this id is already
+     * showing, calling show() again with the same id replaces it in place
+     * (and resets its dismiss timer) instead of stacking a second copy.
+     * Without an id, every call always adds a new toast, even if the
+     * message is identical to one already on screen (e.g. two components
+     * independently failing the same request in the same render pass).
+     */
+    id?: string;
+}
+interface SnackbarContextValue {
+    show: (opts: SnackbarOptions) => string;
+    dismiss: (id: string) => void;
+    dismissAll: () => void;
+}
+export declare function useSnackbar(): SnackbarContextValue;
+export interface SnackbarProviderProps {
+    children: ReactNode;
+    position?: SnackbarPosition;
+    maxVisible?: number;
+}
+export declare function SnackbarProvider({ children, position, maxVisible, }: SnackbarProviderProps): import("react").JSX.Element;
+export {};

package/dist/components/snackbar.js

@@ -0,0 +1,220 @@
+"use client";
+import { t as e } from "../cn-DpgY2leY.js";
+import { s as t } from "../component-styles-Ce56hn9T.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";
+//#region src/components/snackbar.tsx
+var f = i(null);
+function p() {
+	let e = o(f);
+	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) => {
+		let t = e.id ?? Math.random().toString(36).slice(2, 9);
+		v((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] = {
+				...e,
+				id: t
+			}, i;
+		}), clearTimeout(y.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, {
+		value: {
+			show: S,
+			dismiss: b,
+			dismissAll: x
+		},
+		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);
+				})
+			})
+		})]
+	});
+}
+//#endregion
+export { _ as SnackbarProvider, p as useSnackbar };

package/dist/components/spinner.cjs

@@ -0,0 +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;

package/dist/components/spinner.d.ts

@@ -0,0 +1,7 @@
+type Size = "xs" | "sm" | "md" | "lg";
+export interface SpinnerProps {
+    size?: Size;
+    className?: string;
+}
+export declare function Spinner({ size, className }: SpinnerProps): import("react").JSX.Element;
+export {};