@bzync/rui 0.0.3

package/dist/components/datepicker.js

@@ -0,0 +1,267 @@
+"use client";
+import { t as e } from "../cn-DpgY2leY.js";
+import { c as t, o as n, t as r } from "../component-styles-Ce56hn9T.js";
+import { AnimatePresence as i, motion as a } from "framer-motion";
+import { useEffect as o, useId as s, useRef as c, useState as l } from "react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+//#region src/components/datepicker.tsx
+var f = [
+	"Su",
+	"Mo",
+	"Tu",
+	"We",
+	"Th",
+	"Fr",
+	"Sa"
+], p = [
+	"January",
+	"February",
+	"March",
+	"April",
+	"May",
+	"June",
+	"July",
+	"August",
+	"September",
+	"October",
+	"November",
+	"December"
+];
+function m(e) {
+	return `${p[e.getMonth()].slice(0, 3)} ${e.getDate()}, ${e.getFullYear()}`;
+}
+function h(e, t) {
+	return new Date(e, t + 1, 0).getDate();
+}
+function g(e, t) {
+	return new Date(e, t, 1).getDay();
+}
+function _(e, t) {
+	return e.getFullYear() === t.getFullYear() && e.getMonth() === t.getMonth() && e.getDate() === t.getDate();
+}
+function v({ value: v, onChange: y, label: b, hint: x, error: S, placeholder: C = "Select date…", disabled: w, clearable: T = !0, minDate: E, maxDate: D, className: O }) {
+	let [k, A] = l(null), j = v === void 0 ? k : v, M = /* @__PURE__ */ new Date(), [N, P] = l(!1), [F, I] = l((j ?? M).getFullYear()), [L, R] = l((j ?? M).getMonth()), z = c(null), B = s(), V = `${B}-message`;
+	function H(e) {
+		v === void 0 && A(e), y?.(e), P(!1);
+	}
+	function U(e) {
+		e.stopPropagation(), v === void 0 && A(null), y?.(null);
+	}
+	function W() {
+		L === 0 ? (R(11), I((e) => e - 1)) : R((e) => e - 1);
+	}
+	function G() {
+		L === 11 ? (R(0), I((e) => e + 1)) : R((e) => e + 1);
+	}
+	o(() => {
+		function e(e) {
+			z.current?.contains(e.target) || P(!1);
+		}
+		function t(e) {
+			e.key === "Escape" && P(!1);
+		}
+		return document.addEventListener("mousedown", e), document.addEventListener("keydown", t), () => {
+			document.removeEventListener("mousedown", e), document.removeEventListener("keydown", t);
+		};
+	}, []);
+	let K = h(F, L), q = g(F, L), J = [...Array(q).fill(null), ...Array.from({ length: K }, (e, t) => t + 1)];
+	return /* @__PURE__ */ d("div", {
+		ref: z,
+		className: e("relative", n, O),
+		children: [
+			b && /* @__PURE__ */ u("label", {
+				htmlFor: B,
+				className: "text-sm font-medium leading-5 text-foreground",
+				children: b
+			}),
+			/* @__PURE__ */ d("button", {
+				type: "button",
+				id: B,
+				"aria-expanded": N,
+				"aria-haspopup": "dialog",
+				"aria-invalid": S ? !0 : void 0,
+				"aria-describedby": S || x ? V : void 0,
+				disabled: w,
+				onClick: () => P((e) => !e),
+				className: e("flex h-9 w-full items-center gap-2 rounded-[var(--radius-md)] px-3 text-left outline-none", r, "focus:border-accent-500 focus:ring-2 focus:ring-focus-ring/20", S && "border-destructive/60 hover:border-destructive/70 focus-within:border-destructive focus-within:ring-destructive/20", w && "opacity-50 cursor-not-allowed"),
+				children: [
+					/* @__PURE__ */ d("svg", {
+						width: "14",
+						height: "14",
+						viewBox: "0 0 24 24",
+						fill: "none",
+						stroke: "currentColor",
+						strokeWidth: "2",
+						strokeLinecap: "round",
+						strokeLinejoin: "round",
+						className: "text-slate-500 shrink-0",
+						children: [
+							/* @__PURE__ */ u("rect", {
+								width: "18",
+								height: "18",
+								x: "3",
+								y: "4",
+								rx: "2",
+								ry: "2"
+							}),
+							/* @__PURE__ */ u("line", {
+								x1: "16",
+								x2: "16",
+								y1: "2",
+								y2: "6"
+							}),
+							/* @__PURE__ */ u("line", {
+								x1: "8",
+								x2: "8",
+								y1: "2",
+								y2: "6"
+							}),
+							/* @__PURE__ */ u("line", {
+								x1: "3",
+								x2: "21",
+								y1: "10",
+								y2: "10"
+							})
+						]
+					}),
+					/* @__PURE__ */ u("span", {
+						className: e("flex-1 text-sm truncate", j ? "text-foreground" : "text-muted-foreground"),
+						children: j ? m(j) : C
+					}),
+					T && j && !w && /* @__PURE__ */ u("span", {
+						role: "button",
+						tabIndex: -1,
+						onClick: U,
+						className: "shrink-0 text-slate-500 hover:text-slate-700 dark:hover:text-slate-300 transition-colors",
+						children: /* @__PURE__ */ u("svg", {
+							width: "10",
+							height: "10",
+							viewBox: "0 0 24 24",
+							fill: "none",
+							stroke: "currentColor",
+							strokeWidth: "3",
+							strokeLinecap: "round",
+							strokeLinejoin: "round",
+							children: /* @__PURE__ */ u("path", { d: "M18 6 6 18M6 6l12 12" })
+						})
+					})
+				]
+			}),
+			/* @__PURE__ */ u(i, { children: N && /* @__PURE__ */ d(a.div, {
+				initial: {
+					opacity: 0,
+					y: -4,
+					scaleY: .97
+				},
+				animate: {
+					opacity: 1,
+					y: 0,
+					scaleY: 1
+				},
+				exit: {
+					opacity: 0,
+					y: -4,
+					scaleY: .97
+				},
+				transition: { duration: .13 },
+				style: { originY: 0 },
+				role: "dialog",
+				"aria-label": "Choose date",
+				className: "absolute left-0 top-full z-50 mt-1.5 w-[min(18rem,calc(100vw-2rem))] rounded-[var(--radius-lg)] border border-border bg-surface-raised p-3 shadow-floating",
+				children: [
+					/* @__PURE__ */ d("div", {
+						className: "flex items-center justify-between mb-3",
+						children: [
+							/* @__PURE__ */ u("button", {
+								type: "button",
+								onClick: W,
+								"aria-label": "Previous month",
+								className: e(t, "size-7"),
+								children: /* @__PURE__ */ u("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: "m15 18-6-6 6-6" })
+								})
+							}),
+							/* @__PURE__ */ d("span", {
+								"aria-live": "polite",
+								className: "text-sm font-semibold text-foreground",
+								children: [
+									p[L],
+									" ",
+									F
+								]
+							}),
+							/* @__PURE__ */ u("button", {
+								type: "button",
+								onClick: G,
+								"aria-label": "Next month",
+								className: e(t, "size-7"),
+								children: /* @__PURE__ */ u("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: "m9 18 6-6-6-6" })
+								})
+							})
+						]
+					}),
+					/* @__PURE__ */ u("div", {
+						className: "grid grid-cols-7 gap-0.5 mb-1",
+						children: f.map((e) => /* @__PURE__ */ u("div", {
+							"aria-hidden": "true",
+							className: "text-center text-[10px] font-semibold text-muted-foreground py-1",
+							children: e
+						}, e))
+					}),
+					/* @__PURE__ */ u("div", {
+						className: "grid grid-cols-7 gap-0.5",
+						children: J.map((t, n) => {
+							if (!t) return /* @__PURE__ */ u("div", {}, `empty-${n}`);
+							let r = new Date(F, L, t), i = j ? _(r, j) : !1, a = _(r, M), o = E && r < E || D && r > D;
+							return /* @__PURE__ */ u("button", {
+								type: "button",
+								disabled: !!o,
+								onClick: () => H(r),
+								"aria-label": r.toLocaleDateString(void 0, {
+									weekday: "long",
+									year: "numeric",
+									month: "long",
+									day: "numeric"
+								}),
+								"aria-pressed": i,
+								"aria-current": a ? "date" : void 0,
+								className: e("h-8 w-full rounded-md text-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring/35", i ? "bg-primary text-primary-foreground font-medium" : a ? "border border-accent-500/40 text-accent-400 hover:bg-accent-500/10" : "text-slate-700 dark:text-slate-200 hover:bg-black/6 dark:hover:bg-white/6", o && "opacity-30 cursor-not-allowed"),
+								children: t
+							}, t);
+						})
+					})
+				]
+			}) }),
+			S && /* @__PURE__ */ u("p", {
+				id: V,
+				"aria-live": "polite",
+				className: "text-xs leading-5 text-destructive",
+				children: S
+			}),
+			x && !S && /* @__PURE__ */ u("p", {
+				id: V,
+				className: "text-xs leading-5 text-muted-foreground",
+				children: x
+			})
+		]
+	});
+}
+//#endregion
+export { v as DatePicker };

package/dist/components/drawer.cjs

@@ -0,0 +1 @@
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../drawer-Cbuh6qdL.cjs");exports.Drawer=e.t;

package/dist/components/drawer.d.ts

@@ -0,0 +1,18 @@
+import { ReactNode } from 'react';
+export interface DrawerProps {
+    open: boolean;
+    onClose: () => void;
+    position?: "left" | "right" | "bottom";
+    title?: ReactNode;
+    children: ReactNode;
+    width?: number | string;
+    className?: string;
+    overlayClassName?: string;
+    panelClassName?: string;
+    unstyled?: boolean;
+    ariaLabel?: string;
+    closeAriaLabel?: string;
+    closeOnEscape?: boolean;
+    closeOnOverlayClick?: boolean;
+}
+export declare function Drawer({ open, onClose, position, title, children, width, className, overlayClassName, panelClassName, unstyled, ariaLabel, closeAriaLabel, closeOnEscape, closeOnOverlayClick, }: DrawerProps): import('react').ReactPortal | null;

package/dist/components/drawer.js

@@ -0,0 +1,3 @@
+"use client";
+import { t as e } from "../drawer-CqkVZT9Y.js";
+export { e as Drawer };

package/dist/components/dropdown-menu.cjs

@@ -0,0 +1 @@
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../cn-BdjraxxU.cjs");let t=require("framer-motion"),n=require("react"),r=require("react/jsx-runtime");function i(e){return`items`in e}var a={bottom:`top-full mt-1.5`,top:`bottom-full mb-1.5`},o={start:`left-0`,end:`right-0`,center:`left-1/2 -translate-x-1/2`},s={bottom:{y:-4},top:{y:4}};function c({trigger:c,items:l,side:u=`bottom`,align:d=`start`,className:f,ariaLabel:p=`Actions menu`}){let[m,h]=(0,n.useState)(!1),g=(0,n.useRef)(null),_=(0,n.useRef)(null);(0,n.useEffect)(()=>{function e(e){g.current?.contains(e.target)||h(!1)}return document.addEventListener(`mousedown`,e),()=>document.removeEventListener(`mousedown`,e)},[]),(0,n.useEffect)(()=>{m&&_.current?.querySelector(`[role="menuitem"]:not(:disabled)`)?.focus()},[m]);function v(){h(!1),g.current?.querySelector(`[aria-haspopup="menu"]`)?.focus()}function y(e){let t=Array.from(_.current?.querySelectorAll(`[role="menuitem"]:not(:disabled)`)??[]),n=t.indexOf(document.activeElement);e.key===`Escape`?(e.preventDefault(),v()):[`ArrowDown`,`ArrowUp`,`Home`,`End`].includes(e.key)&&t.length>0&&(e.preventDefault(),t[e.key===`Home`?0:e.key===`End`?t.length-1:(Math.max(n,0)+(e.key===`ArrowDown`?1:-1)+t.length)%t.length]?.focus())}function b(t,n){return(0,r.jsxs)(`button`,{type:`button`,disabled:t.disabled,role:`menuitem`,onClick:()=>{t.disabled||(t.onClick?.(),h(!1))},className:e.t(`flex min-h-9 items-center gap-2.5 w-full px-3 py-2 text-sm rounded-md transition-colors text-left focus-visible:outline-none focus-visible:bg-surface-muted`,t.destructive?`text-destructive hover:bg-destructive/10`:`text-foreground hover:bg-surface-muted`,t.disabled&&`opacity-40 cursor-not-allowed pointer-events-none`),children:[t.icon&&(0,r.jsx)(`span`,{className:e.t(`shrink-0`,t.destructive?`text-red-400`:`text-slate-500 dark:text-slate-400`),children:t.icon}),(0,r.jsx)(`span`,{className:`flex-1 min-w-0 truncate`,children:t.label}),t.shortcut&&(0,r.jsx)(`span`,{className:`text-[10px] text-slate-500 shrink-0 font-mono`,children:t.shortcut})]},n)}let x=(0,n.isValidElement)(c)?(0,n.cloneElement)(c,{"aria-haspopup":`menu`,"aria-expanded":m,onClick:e=>{c.props.onClick?.(e),e.defaultPrevented||h(e=>!e)}}):(0,r.jsx)(`button`,{type:`button`,"aria-haspopup":`menu`,"aria-expanded":m,onClick:()=>h(e=>!e),children:c});return(0,r.jsxs)(`div`,{ref:g,className:`relative inline-flex`,children:[x,(0,r.jsx)(t.AnimatePresence,{children:m&&(0,r.jsx)(t.motion.div,{ref:_,role:`menu`,"aria-label":p,onKeyDown:y,initial:{opacity:0,scaleY:.96,...s[u]},animate:{opacity:1,scaleY:1,y:0},exit:{opacity:0,scaleY:.96,...s[u]},transition:{duration:.13},style:{originY:u===`bottom`?0:1},className:e.t(`absolute z-50 min-w-[180px] rounded-[var(--radius-lg)] border border-border bg-surface-raised shadow-floating`,`p-1`,a[u],o[d],f),children:l.map((e,t)=>i(e)?(0,r.jsxs)(`div`,{children:[t>0&&(0,r.jsx)(`div`,{role:`separator`,className:`my-1 border-t border-border`}),e.group&&(0,r.jsx)(`p`,{className:`px-3 pt-1.5 pb-1 text-xs font-medium text-muted-foreground`,children:e.group}),e.items.map((e,t)=>b(e,t))]},t):b(e,t))})})]})}exports.DropdownMenu=c;

package/dist/components/dropdown-menu.d.ts

@@ -0,0 +1,26 @@
+import { ReactNode } from 'react';
+export interface DropdownMenuItem {
+    label: string;
+    icon?: ReactNode;
+    shortcut?: string;
+    destructive?: boolean;
+    disabled?: boolean;
+    onClick?: () => void;
+}
+export interface DropdownMenuGroup {
+    group?: string;
+    items: DropdownMenuItem[];
+}
+export type DropdownMenuSection = DropdownMenuItem | DropdownMenuGroup;
+type Side = "bottom" | "top";
+type Align = "start" | "end" | "center";
+export interface DropdownMenuProps {
+    trigger: ReactNode;
+    items: DropdownMenuSection[];
+    side?: Side;
+    align?: Align;
+    className?: string;
+    ariaLabel?: string;
+}
+export declare function DropdownMenu({ trigger, items, side, align, className, ariaLabel, }: DropdownMenuProps): import("react").JSX.Element;
+export {};

package/dist/components/dropdown-menu.js

@@ -0,0 +1,122 @@
+"use client";
+import { t as e } from "../cn-DpgY2leY.js";
+import { AnimatePresence as t, motion as n } from "framer-motion";
+import { cloneElement as r, isValidElement 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/dropdown-menu.tsx
+function u(e) {
+	return "items" in e;
+}
+var d = {
+	bottom: "top-full mt-1.5",
+	top: "bottom-full mb-1.5"
+}, f = {
+	start: "left-0",
+	end: "right-0",
+	center: "left-1/2 -translate-x-1/2"
+}, p = {
+	bottom: { y: -4 },
+	top: { y: 4 }
+};
+function m({ trigger: m, items: h, side: g = "bottom", align: _ = "start", className: v, ariaLabel: y = "Actions menu" }) {
+	let [b, x] = s(!1), S = o(null), C = o(null);
+	a(() => {
+		function e(e) {
+			S.current?.contains(e.target) || x(!1);
+		}
+		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+	}, []), a(() => {
+		b && C.current?.querySelector("[role=\"menuitem\"]:not(:disabled)")?.focus();
+	}, [b]);
+	function w() {
+		x(!1), S.current?.querySelector("[aria-haspopup=\"menu\"]")?.focus();
+	}
+	function T(e) {
+		let t = Array.from(C.current?.querySelectorAll("[role=\"menuitem\"]:not(:disabled)") ?? []), n = t.indexOf(document.activeElement);
+		e.key === "Escape" ? (e.preventDefault(), w()) : [
+			"ArrowDown",
+			"ArrowUp",
+			"Home",
+			"End"
+		].includes(e.key) && t.length > 0 && (e.preventDefault(), t[e.key === "Home" ? 0 : e.key === "End" ? t.length - 1 : (Math.max(n, 0) + (e.key === "ArrowDown" ? 1 : -1) + t.length) % t.length]?.focus());
+	}
+	function E(t, n) {
+		return /* @__PURE__ */ l("button", {
+			type: "button",
+			disabled: t.disabled,
+			role: "menuitem",
+			onClick: () => {
+				t.disabled || (t.onClick?.(), x(!1));
+			},
+			className: e("flex min-h-9 items-center gap-2.5 w-full px-3 py-2 text-sm rounded-md transition-colors text-left focus-visible:outline-none focus-visible:bg-surface-muted", t.destructive ? "text-destructive hover:bg-destructive/10" : "text-foreground hover:bg-surface-muted", t.disabled && "opacity-40 cursor-not-allowed pointer-events-none"),
+			children: [
+				t.icon && /* @__PURE__ */ c("span", {
+					className: e("shrink-0", t.destructive ? "text-red-400" : "text-slate-500 dark:text-slate-400"),
+					children: t.icon
+				}),
+				/* @__PURE__ */ c("span", {
+					className: "flex-1 min-w-0 truncate",
+					children: t.label
+				}),
+				t.shortcut && /* @__PURE__ */ c("span", {
+					className: "text-[10px] text-slate-500 shrink-0 font-mono",
+					children: t.shortcut
+				})
+			]
+		}, n);
+	}
+	let D = i(m) ? r(m, {
+		"aria-haspopup": "menu",
+		"aria-expanded": b,
+		onClick: (e) => {
+			m.props.onClick?.(e), e.defaultPrevented || x((e) => !e);
+		}
+	}) : /* @__PURE__ */ c("button", {
+		type: "button",
+		"aria-haspopup": "menu",
+		"aria-expanded": b,
+		onClick: () => x((e) => !e),
+		children: m
+	});
+	return /* @__PURE__ */ l("div", {
+		ref: S,
+		className: "relative inline-flex",
+		children: [D, /* @__PURE__ */ c(t, { children: b && /* @__PURE__ */ c(n.div, {
+			ref: C,
+			role: "menu",
+			"aria-label": y,
+			onKeyDown: T,
+			initial: {
+				opacity: 0,
+				scaleY: .96,
+				...p[g]
+			},
+			animate: {
+				opacity: 1,
+				scaleY: 1,
+				y: 0
+			},
+			exit: {
+				opacity: 0,
+				scaleY: .96,
+				...p[g]
+			},
+			transition: { duration: .13 },
+			style: { originY: g === "bottom" ? 0 : 1 },
+			className: e("absolute z-50 min-w-[180px] rounded-[var(--radius-lg)] border border-border bg-surface-raised shadow-floating", "p-1", d[g], f[_], v),
+			children: h.map((e, t) => u(e) ? /* @__PURE__ */ l("div", { children: [
+				t > 0 && /* @__PURE__ */ c("div", {
+					role: "separator",
+					className: "my-1 border-t border-border"
+				}),
+				e.group && /* @__PURE__ */ c("p", {
+					className: "px-3 pt-1.5 pb-1 text-xs font-medium text-muted-foreground",
+					children: e.group
+				}),
+				e.items.map((e, t) => E(e, t))
+			] }, t) : E(e, t))
+		}) })]
+	});
+}
+//#endregion
+export { m as DropdownMenu };

package/dist/components/empty-state.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:{wrap:`py-6`,icon:`w-5 h-5`,title:`text-sm`,desc:`text-xs`,iconWrap:`w-8 h-8`},md:{wrap:`py-10`,icon:`w-6 h-6`,title:`text-base`,desc:`text-sm`,iconWrap:`w-9 h-9`},lg:{wrap:`py-12`,icon:`w-7 h-7`,title:`text-lg`,desc:`text-sm`,iconWrap:`w-10 h-10`}},r=({className:e})=>(0,t.jsxs)(`svg`,{className:e,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`1.5`,strokeLinecap:`round`,strokeLinejoin:`round`,children:[(0,t.jsx)(`circle`,{cx:`11`,cy:`11`,r:`8`}),(0,t.jsx)(`path`,{d:`m21 21-4.35-4.35`})]});function i({icon:i,title:a,description:o,action:s,className:c,size:l=`md`}){let u=n[l];return(0,t.jsxs)(`div`,{className:e.t(`flex flex-col items-center justify-center text-center px-4`,u.wrap,c),children:[(0,t.jsx)(`div`,{className:e.t(`mb-3 flex items-center justify-center text-muted-foreground`,u.iconWrap),children:i?(0,t.jsx)(`span`,{className:e.t(`inline-flex items-center justify-center text-muted-foreground`,u.icon),children:i}):(0,t.jsx)(r,{className:e.t(`text-muted-foreground`,u.icon)})}),(0,t.jsx)(`p`,{className:e.t(`font-semibold text-foreground`,u.title),children:a}),o&&(0,t.jsx)(`p`,{className:e.t(`mt-1.5 max-w-sm leading-5 text-muted-foreground`,u.desc),children:o}),s&&(0,t.jsx)(`div`,{className:`mt-4`,children:s})]})}exports.EmptyState=i;

package/dist/components/empty-state.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+export interface EmptyStateProps {
+    icon?: ReactNode;
+    title: string;
+    description?: string;
+    action?: ReactNode;
+    className?: string;
+    size?: "sm" | "md" | "lg";
+}
+export declare function EmptyState({ icon, title, description, action, className, size, }: EmptyStateProps): import("react").JSX.Element;

package/dist/components/empty-state.js

@@ -0,0 +1,68 @@
+import { t as e } from "../cn-DpgY2leY.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/components/empty-state.tsx
+var r = {
+	sm: {
+		wrap: "py-6",
+		icon: "w-5 h-5",
+		title: "text-sm",
+		desc: "text-xs",
+		iconWrap: "w-8 h-8"
+	},
+	md: {
+		wrap: "py-10",
+		icon: "w-6 h-6",
+		title: "text-base",
+		desc: "text-sm",
+		iconWrap: "w-9 h-9"
+	},
+	lg: {
+		wrap: "py-12",
+		icon: "w-7 h-7",
+		title: "text-lg",
+		desc: "text-sm",
+		iconWrap: "w-10 h-10"
+	}
+}, i = ({ className: e }) => /* @__PURE__ */ n("svg", {
+	className: e,
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	strokeWidth: "1.5",
+	strokeLinecap: "round",
+	strokeLinejoin: "round",
+	children: [/* @__PURE__ */ t("circle", {
+		cx: "11",
+		cy: "11",
+		r: "8"
+	}), /* @__PURE__ */ t("path", { d: "m21 21-4.35-4.35" })]
+});
+function a({ icon: a, title: o, description: s, action: c, className: l, size: u = "md" }) {
+	let d = r[u];
+	return /* @__PURE__ */ n("div", {
+		className: e("flex flex-col items-center justify-center text-center px-4", d.wrap, l),
+		children: [
+			/* @__PURE__ */ t("div", {
+				className: e("mb-3 flex items-center justify-center text-muted-foreground", d.iconWrap),
+				children: a ? /* @__PURE__ */ t("span", {
+					className: e("inline-flex items-center justify-center text-muted-foreground", d.icon),
+					children: a
+				}) : /* @__PURE__ */ t(i, { className: e("text-muted-foreground", d.icon) })
+			}),
+			/* @__PURE__ */ t("p", {
+				className: e("font-semibold text-foreground", d.title),
+				children: o
+			}),
+			s && /* @__PURE__ */ t("p", {
+				className: e("mt-1.5 max-w-sm leading-5 text-muted-foreground", d.desc),
+				children: s
+			}),
+			c && /* @__PURE__ */ t("div", {
+				className: "mt-4",
+				children: c
+			})
+		]
+	});
+}
+//#endregion
+export { a as EmptyState };

package/dist/components/error-state.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../cn-BdjraxxU.cjs"),t=require("./button.cjs");let n=require("react/jsx-runtime");function r({title:r=`Something went wrong`,description:i=`An unexpected error occurred. Please try again.`,error:a,onRetry:o,action:s,className:c}){let l=a instanceof Error?a.message:a;return(0,n.jsxs)(`div`,{role:`alert`,className:e.t(`flex flex-col items-center justify-center text-center px-4 py-10`,c),children:[(0,n.jsx)(`div`,{className:`mb-3 flex size-9 items-center justify-center text-destructive`,children:(0,n.jsxs)(`svg`,{"aria-hidden":`true`,width:`22`,height:`22`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`1.75`,strokeLinecap:`round`,strokeLinejoin:`round`,children:[(0,n.jsx)(`circle`,{cx:`12`,cy:`12`,r:`10`}),(0,n.jsx)(`line`,{x1:`12`,y1:`8`,x2:`12`,y2:`12`}),(0,n.jsx)(`line`,{x1:`12`,y1:`16`,x2:`12.01`,y2:`16`})]})}),(0,n.jsx)(`p`,{className:`text-base font-semibold text-foreground`,children:r}),(0,n.jsx)(`p`,{className:`mt-1.5 max-w-sm text-sm leading-5 text-muted-foreground`,children:i}),l&&(0,n.jsx)(`p`,{className:`mt-3 max-w-sm break-all rounded-md border border-destructive/20 bg-destructive/5 px-3 py-2 font-mono text-xs text-destructive`,children:l}),(o||s)&&(0,n.jsxs)(`div`,{className:`mt-5 flex items-center gap-3`,children:[o&&(0,n.jsx)(t.Button,{variant:`outline`,size:`sm`,onClick:o,icon:(0,n.jsxs)(`svg`,{width:`13`,height:`13`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2.5`,strokeLinecap:`round`,strokeLinejoin:`round`,children:[(0,n.jsx)(`path`,{d:`M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8`}),(0,n.jsx)(`path`,{d:`M3 3v5h5`})]}),children:`Try again`}),s]})]})}exports.ErrorState=r;

package/dist/components/error-state.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+export interface ErrorStateProps {
+    title?: string;
+    description?: string;
+    error?: string | Error;
+    onRetry?: () => void;
+    action?: ReactNode;
+    className?: string;
+}
+export declare function ErrorState({ title, description, error, onRetry, action, className, }: ErrorStateProps): import("react").JSX.Element;

package/dist/components/error-state.js

@@ -0,0 +1,80 @@
+import { t as e } from "../cn-DpgY2leY.js";
+import { Button as t } from "./button.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/error-state.tsx
+function i({ title: i = "Something went wrong", description: a = "An unexpected error occurred. Please try again.", error: o, onRetry: s, action: c, className: l }) {
+	let u = o instanceof Error ? o.message : o;
+	return /* @__PURE__ */ r("div", {
+		role: "alert",
+		className: e("flex flex-col items-center justify-center text-center px-4 py-10", l),
+		children: [
+			/* @__PURE__ */ n("div", {
+				className: "mb-3 flex size-9 items-center justify-center text-destructive",
+				children: /* @__PURE__ */ r("svg", {
+					"aria-hidden": "true",
+					width: "22",
+					height: "22",
+					viewBox: "0 0 24 24",
+					fill: "none",
+					stroke: "currentColor",
+					strokeWidth: "1.75",
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					children: [
+						/* @__PURE__ */ n("circle", {
+							cx: "12",
+							cy: "12",
+							r: "10"
+						}),
+						/* @__PURE__ */ n("line", {
+							x1: "12",
+							y1: "8",
+							x2: "12",
+							y2: "12"
+						}),
+						/* @__PURE__ */ n("line", {
+							x1: "12",
+							y1: "16",
+							x2: "12.01",
+							y2: "16"
+						})
+					]
+				})
+			}),
+			/* @__PURE__ */ n("p", {
+				className: "text-base font-semibold text-foreground",
+				children: i
+			}),
+			/* @__PURE__ */ n("p", {
+				className: "mt-1.5 max-w-sm text-sm leading-5 text-muted-foreground",
+				children: a
+			}),
+			u && /* @__PURE__ */ n("p", {
+				className: "mt-3 max-w-sm break-all rounded-md border border-destructive/20 bg-destructive/5 px-3 py-2 font-mono text-xs text-destructive",
+				children: u
+			}),
+			(s || c) && /* @__PURE__ */ r("div", {
+				className: "mt-5 flex items-center gap-3",
+				children: [s && /* @__PURE__ */ n(t, {
+					variant: "outline",
+					size: "sm",
+					onClick: s,
+					icon: /* @__PURE__ */ r("svg", {
+						width: "13",
+						height: "13",
+						viewBox: "0 0 24 24",
+						fill: "none",
+						stroke: "currentColor",
+						strokeWidth: "2.5",
+						strokeLinecap: "round",
+						strokeLinejoin: "round",
+						children: [/* @__PURE__ */ n("path", { d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8" }), /* @__PURE__ */ n("path", { d: "M3 3v5h5" })]
+					}),
+					children: "Try again"
+				}), c]
+			})
+		]
+	});
+}
+//#endregion
+export { i as ErrorState };

package/dist/components/file-upload.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.forwardRef)(({className:a,label:o,hint:s,error:c,accept:l,maxSizeMB:u,onFilesChange:d,disabled:f,multiple:p,id:m,...h},g)=>{let[_,v]=(0,r.useState)(!1),[y,b]=(0,r.useState)([]),[x,S]=(0,r.useState)(``),C=(0,r.useRef)(null),w=(0,r.useId)(),T=m??w,E=`${T}-message`,D=u&&(u>=1024?`${u/1024}GB`:`${u}MB`);function O(e){if(!e)return;let t=Array.from(e);if(u){let e=t.find(e=>e.size>u*1024*1024);if(e){S(`${e.name} exceeds ${D}`);return}}S(``);let n=p?[...y,...t]:t;b(n),d?.(n)}function k(e){let t=y.filter((t,n)=>n!==e);b(t),d?.(t)}function A(e){e.preventDefault(),v(!1),!f&&O(e.dataTransfer.files)}let j=c??x;return(0,i.jsxs)(`div`,{className:e.t(t.o,a),children:[o&&(0,i.jsx)(`label`,{htmlFor:T,className:`text-sm font-medium leading-5 text-foreground`,children:o}),(0,i.jsxs)(`label`,{htmlFor:T,onDragOver:e=>{e.preventDefault(),f||v(!0)},onDragLeave:()=>v(!1),onDrop:A,className:e.t(`relative flex flex-col items-center justify-center gap-2 rounded-[var(--radius-lg)] border border-dashed px-4 py-7 text-center cursor-pointer transition-colors focus-within:ring-2 focus-within:ring-focus-ring/25`,_?`border-accent-500/60 bg-accent-500/6`:j?`border-red-500/40 bg-red-500/4`:`border-border-strong bg-surface-muted/50 hover:border-accent-500/60 hover:bg-muted`,f&&`opacity-50 cursor-not-allowed pointer-events-none`),children:[(0,i.jsx)(`input`,{ref:e=>{C.current=e,typeof g==`function`?g(e):g&&(g.current=e)},type:`file`,id:T,accept:l,multiple:p,disabled:f,"aria-invalid":j?!0:void 0,"aria-describedby":j||s?E:void 0,className:`sr-only`,onChange:e=>O(e.target.files),...h}),(0,i.jsxs)(`svg`,{width:`24`,height:`24`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`1.5`,strokeLinecap:`round`,strokeLinejoin:`round`,className:`text-muted-foreground`,children:[(0,i.jsx)(`path`,{d:`M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4`}),(0,i.jsx)(`polyline`,{points:`17 8 12 3 7 8`}),(0,i.jsx)(`line`,{x1:`12`,y1:`3`,x2:`12`,y2:`15`})]}),(0,i.jsxs)(`div`,{children:[(0,i.jsxs)(`p`,{className:`text-sm font-medium text-foreground`,children:[`Drop files here or `,(0,i.jsx)(`span`,{className:`text-accent-700 dark:text-accent-300`,children:`browse`})]}),(l||u)&&(0,i.jsx)(`p`,{className:`mt-0.5 text-xs text-muted-foreground`,children:[l&&`Accepts ${l}`,D&&`Max ${D}`].filter(Boolean).join(` · `)})]})]}),(0,i.jsx)(n.AnimatePresence,{initial:!1,children:y.length>0&&(0,i.jsx)(n.motion.ul,{initial:{opacity:0,height:0},animate:{opacity:1,height:`auto`},exit:{opacity:0,height:0},className:`flex flex-col gap-1 overflow-hidden`,children:y.map((t,n)=>(0,i.jsxs)(`li`,{className:`flex items-center gap-2 rounded-[var(--radius-md)] border border-border bg-surface-muted px-3 py-2`,children:[(0,i.jsxs)(`svg`,{width:`14`,height:`14`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,className:`text-slate-400 shrink-0`,children:[(0,i.jsx)(`path`,{d:`M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z`}),(0,i.jsx)(`polyline`,{points:`14 2 14 8 20 8`})]}),(0,i.jsx)(`span`,{className:`min-w-0 flex-1 truncate text-xs text-foreground`,children:t.name}),(0,i.jsxs)(`span`,{className:`shrink-0 text-[10px] text-muted-foreground`,children:[(t.size/1024).toFixed(0),`KB`]}),(0,i.jsx)(`button`,{type:`button`,onClick:()=>k(n),"aria-label":`Remove ${t.name}`,className:e.t(`shrink-0 rounded-sm text-muted-foreground hover:text-destructive transition-colors`,`focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring/35 focus-visible:ring-offset-2 focus-visible:ring-offset-bg`),children:(0,i.jsx)(`svg`,{width:`12`,height:`12`,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 18M6 6l12 12`})})})]},`${t.name}-${n}`))})}),j&&(0,i.jsx)(`p`,{id:E,"aria-live":`polite`,className:`text-xs leading-5 text-destructive`,children:j}),s&&!j&&(0,i.jsx)(`p`,{id:E,className:`text-xs leading-5 text-muted-foreground`,children:s})]})});a.displayName=`FileUpload`,exports.FileUpload=a;

package/dist/components/file-upload.d.ts

@@ -0,0 +1,10 @@
+import { InputHTMLAttributes } from 'react';
+export interface FileUploadProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "type"> {
+    label?: string;
+    hint?: string;
+    error?: string;
+    accept?: string;
+    maxSizeMB?: number;
+    onFilesChange?: (files: File[]) => void;
+}
+export declare const FileUpload: import('react').ForwardRefExoticComponent<FileUploadProps & import('react').RefAttributes<HTMLInputElement>>;