@bzync/rui 0.0.3

package/dist/component-styles-Ce56hn9T.js

@@ -0,0 +1,16 @@
+//#region src/lib/component-styles.ts
+var e = "flex w-full flex-col gap-1.5", t = "text-sm font-medium leading-5 text-foreground", n = "text-xs leading-5 text-muted-foreground", r = "text-xs leading-5 text-destructive", i = [
+	"border border-border bg-surface text-foreground shadow-xs",
+	"transition-[border-color,box-shadow,background-color] duration-150",
+	"hover:border-border-strong",
+	"focus-within:border-accent-500 focus-within:outline-none focus-within:ring-2 focus-within:ring-focus-ring/20",
+	"has-[:disabled]:cursor-not-allowed has-[:disabled]:bg-surface-muted has-[:disabled]:opacity-60",
+	"has-[:read-only]:bg-surface-muted"
+].join(" "), a = "border-destructive/60 hover:border-destructive/70 focus-within:border-destructive focus-within:ring-destructive/20", o = "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring/35 focus-visible:ring-offset-2 focus-visible:ring-offset-bg", s = [
+	"inline-flex size-8 shrink-0 items-center justify-center rounded-md",
+	"text-muted-foreground transition-colors hover:bg-muted hover:text-foreground",
+	"disabled:pointer-events-none disabled:opacity-40",
+	o
+].join(" ");
+//#endregion
+export { t as a, s as c, r as i, a as n, e as o, n as r, o as s, i as t };

package/dist/component-styles-TkZ7v6Ef.cjs

@@ -0,0 +1 @@
+var e=[`border border-border bg-surface text-foreground shadow-xs`,`transition-[border-color,box-shadow,background-color] duration-150`,`hover:border-border-strong`,`focus-within:border-accent-500 focus-within:outline-none focus-within:ring-2 focus-within:ring-focus-ring/20`,`has-[:disabled]:cursor-not-allowed has-[:disabled]:bg-surface-muted has-[:disabled]:opacity-60`,`has-[:read-only]:bg-surface-muted`].join(` `),t=`border-destructive/60 hover:border-destructive/70 focus-within:border-destructive focus-within:ring-destructive/20`,n=`focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring/35 focus-visible:ring-offset-2 focus-visible:ring-offset-bg`,r=[`inline-flex size-8 shrink-0 items-center justify-center rounded-md`,`text-muted-foreground transition-colors hover:bg-muted hover:text-foreground`,`disabled:pointer-events-none disabled:opacity-40`,n].join(` `);Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return`text-sm font-medium leading-5 text-foreground`}}),Object.defineProperty(exports,"c",{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return`text-xs leading-5 text-destructive`}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return t}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return`flex w-full flex-col gap-1.5`}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return`text-xs leading-5 text-muted-foreground`}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return n}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return e}});

package/dist/components/accordion.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");function a({items:a,multiple:o=!1,defaultOpen:s=[],className:c,...l}){let[u,d]=(0,r.useState)(new Set(s)),f=(0,r.useId)();function p(e){d(t=>{let n=new Set(t);return n.has(e)?n.delete(e):(o||n.clear(),n.add(e)),n})}return(0,i.jsx)(`div`,{className:e.t(`flex flex-col divide-y divide-border`,c),...l,children:a.map(r=>{let a=u.has(r.id),o=encodeURIComponent(r.id),s=`${f}-trigger-${o}`,c=`${f}-panel-${o}`;return(0,i.jsxs)(`div`,{children:[(0,i.jsxs)(`button`,{type:`button`,id:s,"aria-expanded":a,"aria-controls":c,disabled:r.disabled,onClick:()=>p(r.id),className:e.t(`flex items-center justify-between w-full py-3.5 text-left gap-3 transition-colors`,`text-foreground hover:text-foreground`,t.s,r.disabled&&`opacity-40 cursor-not-allowed`),children:[(0,i.jsx)(`span`,{className:`flex-1 min-w-0`,children:r.trigger}),(0,i.jsx)(n.motion.span,{animate:{rotate:a?180:0},transition:{duration:.2},className:`shrink-0 text-slate-500`,children:(0,i.jsx)(`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:`m6 9 6 6 6-6`})})})]}),(0,i.jsx)(n.AnimatePresence,{initial:!1,children:a&&(0,i.jsx)(n.motion.div,{id:c,role:`region`,"aria-labelledby":s,initial:{height:0,opacity:0},animate:{height:`auto`,opacity:1},exit:{height:0,opacity:0},transition:{duration:.2,ease:`easeInOut`},className:`overflow-hidden`,children:(0,i.jsx)(`div`,{className:`pb-4 text-sm leading-6 text-muted-foreground`,children:r.content})})})]},r.id)})})}function o({open:e,onOpenChange:t,defaultOpen:a=!1,trigger:o,children:s,className:c}){let[l,u]=(0,r.useState)(a),d=(0,r.useId)(),f=e??l;function p(){let n=!f;e===void 0&&u(n),t?.(n)}return(0,i.jsxs)(`div`,{className:c,children:[(0,i.jsx)(`button`,{type:`button`,onClick:p,"aria-expanded":f,"aria-controls":d,className:`block w-full cursor-pointer text-left`,children:o}),(0,i.jsx)(n.AnimatePresence,{initial:!1,children:f&&(0,i.jsx)(n.motion.div,{id:d,initial:{height:0,opacity:0},animate:{height:`auto`,opacity:1},exit:{height:0,opacity:0},transition:{duration:.2,ease:`easeInOut`},className:`overflow-hidden`,children:s})})]})}exports.Accordion=a,exports.Collapsible=o;

package/dist/components/accordion.d.ts

@@ -0,0 +1,22 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export interface AccordionItem {
+    id: string;
+    trigger: ReactNode;
+    content: ReactNode;
+    disabled?: boolean;
+}
+export interface AccordionProps extends HTMLAttributes<HTMLDivElement> {
+    items: AccordionItem[];
+    multiple?: boolean;
+    defaultOpen?: string[];
+}
+export declare function Accordion({ items, multiple, defaultOpen, className, ...props }: AccordionProps): import("react").JSX.Element;
+export interface CollapsibleProps {
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    defaultOpen?: boolean;
+    trigger: ReactNode;
+    children: ReactNode;
+    className?: string;
+}
+export declare function Collapsible({ open: controlledOpen, onOpenChange, defaultOpen, trigger, children, className, }: CollapsibleProps): import("react").JSX.Element;

package/dist/components/accordion.js

@@ -0,0 +1,122 @@
+"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 { useId as i, useState as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/components/accordion.tsx
+function c({ items: c, multiple: l = !1, defaultOpen: u = [], className: d, ...f }) {
+	let [p, m] = a(new Set(u)), h = i();
+	function g(e) {
+		m((t) => {
+			let n = new Set(t);
+			return n.has(e) ? n.delete(e) : (l || n.clear(), n.add(e)), n;
+		});
+	}
+	return /* @__PURE__ */ o("div", {
+		className: e("flex flex-col divide-y divide-border", d),
+		...f,
+		children: c.map((i) => {
+			let a = p.has(i.id), c = encodeURIComponent(i.id), l = `${h}-trigger-${c}`, u = `${h}-panel-${c}`;
+			return /* @__PURE__ */ s("div", { children: [/* @__PURE__ */ s("button", {
+				type: "button",
+				id: l,
+				"aria-expanded": a,
+				"aria-controls": u,
+				disabled: i.disabled,
+				onClick: () => g(i.id),
+				className: e("flex items-center justify-between w-full py-3.5 text-left gap-3 transition-colors", "text-foreground hover:text-foreground", t, i.disabled && "opacity-40 cursor-not-allowed"),
+				children: [/* @__PURE__ */ o("span", {
+					className: "flex-1 min-w-0",
+					children: i.trigger
+				}), /* @__PURE__ */ o(r.span, {
+					animate: { rotate: a ? 180 : 0 },
+					transition: { duration: .2 },
+					className: "shrink-0 text-slate-500",
+					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__ */ o("path", { d: "m6 9 6 6 6-6" })
+					})
+				})]
+			}), /* @__PURE__ */ o(n, {
+				initial: !1,
+				children: a && /* @__PURE__ */ o(r.div, {
+					id: u,
+					role: "region",
+					"aria-labelledby": l,
+					initial: {
+						height: 0,
+						opacity: 0
+					},
+					animate: {
+						height: "auto",
+						opacity: 1
+					},
+					exit: {
+						height: 0,
+						opacity: 0
+					},
+					transition: {
+						duration: .2,
+						ease: "easeInOut"
+					},
+					className: "overflow-hidden",
+					children: /* @__PURE__ */ o("div", {
+						className: "pb-4 text-sm leading-6 text-muted-foreground",
+						children: i.content
+					})
+				})
+			})] }, i.id);
+		})
+	});
+}
+function l({ open: e, onOpenChange: t, defaultOpen: c = !1, trigger: l, children: u, className: d }) {
+	let [f, p] = a(c), m = i(), h = e ?? f;
+	function g() {
+		let n = !h;
+		e === void 0 && p(n), t?.(n);
+	}
+	return /* @__PURE__ */ s("div", {
+		className: d,
+		children: [/* @__PURE__ */ o("button", {
+			type: "button",
+			onClick: g,
+			"aria-expanded": h,
+			"aria-controls": m,
+			className: "block w-full cursor-pointer text-left",
+			children: l
+		}), /* @__PURE__ */ o(n, {
+			initial: !1,
+			children: h && /* @__PURE__ */ o(r.div, {
+				id: m,
+				initial: {
+					height: 0,
+					opacity: 0
+				},
+				animate: {
+					height: "auto",
+					opacity: 1
+				},
+				exit: {
+					height: 0,
+					opacity: 0
+				},
+				transition: {
+					duration: .2,
+					ease: "easeInOut"
+				},
+				className: "overflow-hidden",
+				children: u
+			})
+		})]
+	});
+}
+//#endregion
+export { c as Accordion, l as Collapsible };

package/dist/components/alert.cjs

@@ -0,0 +1 @@
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../cn-BdjraxxU.cjs");require("../component-styles-TkZ7v6Ef.cjs");let t=require("framer-motion"),n=require("react/jsx-runtime");var r={info:{container:`bg-sky-500/[0.07] dark:bg-sky-500/[0.09] border-sky-400/25 dark:border-sky-500/20`,accent:`bg-sky-500`,icon:`text-sky-600 dark:text-sky-400`,title:`text-sky-900 dark:text-sky-100`,body:`text-sky-800/90 dark:text-sky-200/70`},success:{container:`bg-emerald-500/[0.07] dark:bg-emerald-500/[0.09] border-emerald-400/25 dark:border-emerald-500/20`,accent:`bg-emerald-500`,icon:`text-emerald-600 dark:text-emerald-400`,title:`text-emerald-900 dark:text-emerald-100`,body:`text-emerald-800/90 dark:text-emerald-200/70`},warning:{container:`bg-amber-500/[0.07] dark:bg-amber-500/[0.09] border-amber-400/30 dark:border-amber-500/20`,accent:`bg-amber-500`,icon:`text-amber-600 dark:text-amber-400`,title:`text-amber-900 dark:text-amber-100`,body:`text-amber-800/90 dark:text-amber-200/70`},error:{container:`bg-red-500/[0.07] dark:bg-red-500/[0.09] border-red-400/25 dark:border-red-500/20`,accent:`bg-red-500`,icon:`text-red-600 dark:text-red-400`,title:`text-red-900 dark:text-red-100`,body:`text-red-800/90 dark:text-red-200/70`}},i={info:(0,n.jsxs)(`svg`,{width:`16`,height:`16`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:[(0,n.jsx)(`circle`,{cx:`12`,cy:`12`,r:`10`}),(0,n.jsx)(`path`,{d:`M12 16v-4`}),(0,n.jsx)(`path`,{d:`M12 8h.01`})]}),success:(0,n.jsxs)(`svg`,{width:`16`,height:`16`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:[(0,n.jsx)(`path`,{d:`M22 11.08V12a10 10 0 1 1-5.93-9.14`}),(0,n.jsx)(`path`,{d:`m9 11 3 3L22 4`})]}),warning:(0,n.jsxs)(`svg`,{width:`16`,height:`16`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:[(0,n.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,n.jsx)(`path`,{d:`M12 9v4`}),(0,n.jsx)(`path`,{d:`M12 17h.01`})]}),error:(0,n.jsxs)(`svg`,{width:`16`,height:`16`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:[(0,n.jsx)(`circle`,{cx:`12`,cy:`12`,r:`10`}),(0,n.jsx)(`path`,{d:`m15 9-6 6`}),(0,n.jsx)(`path`,{d:`m9 9 6 6`})]})};function a({variant:a=`info`,title:o,icon:s,className:c,children:l,dismissable:u=!1,onDismiss:d,...f}){let p=r[a],m=s??i[a],h=a===`error`||a===`warning`?`alert`:`status`;return(0,n.jsxs)(t.motion.div,{initial:{opacity:0,y:-5},animate:{opacity:1,y:0},transition:{duration:.18,ease:[.16,1,.3,1]},role:h,className:e.t(`relative flex gap-3 rounded-[var(--radius-lg)] border overflow-hidden pl-4 pr-4 py-3.5`,p.container,c),...f,children:[(0,n.jsx)(`span`,{className:e.t(`absolute left-0 inset-y-0 w-[3px]`,p.accent),"aria-hidden":`true`}),(0,n.jsx)(`span`,{className:e.t(`shrink-0 mt-0.5`,p.icon),children:m}),(0,n.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[o&&(0,n.jsx)(`p`,{className:e.t(`text-sm font-semibold leading-snug mb-0.5`,p.title),children:o}),l&&(0,n.jsx)(`div`,{className:e.t(`text-sm leading-relaxed`,p.body),children:l})]}),u&&(0,n.jsx)(`button`,{type:`button`,onClick:d,"aria-label":`Dismiss`,className:e.t(`shrink-0 mt-0.5 rounded-sm opacity-60 hover:opacity-100 transition-opacity cursor-pointer`,`focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring/35 focus-visible:ring-offset-2 focus-visible:ring-offset-bg`,p.icon),children:(0,n.jsxs)(`svg`,{width:`14`,height:`14`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2.5`,strokeLinecap:`round`,strokeLinejoin:`round`,children:[(0,n.jsx)(`path`,{d:`M18 6 6 18`}),(0,n.jsx)(`path`,{d:`m6 6 12 12`})]})})]})}exports.Alert=a;

package/dist/components/alert.d.ts

@@ -0,0 +1,13 @@
+import { HTMLMotionProps } from 'framer-motion';
+import { ReactNode } from 'react';
+type Variant = "info" | "success" | "warning" | "error";
+export interface AlertProps extends Omit<HTMLMotionProps<"div">, "title" | "children"> {
+    variant?: Variant;
+    title?: string;
+    icon?: ReactNode;
+    children?: ReactNode;
+    dismissable?: boolean;
+    onDismiss?: () => void;
+}
+export declare function Alert({ variant, title, icon, className, children, dismissable, onDismiss, ...props }: AlertProps): import("react").JSX.Element;
+export {};

package/dist/components/alert.js

@@ -0,0 +1,165 @@
+"use client";
+import { t as e } from "../cn-DpgY2leY.js";
+import "../component-styles-Ce56hn9T.js";
+import { motion as t } from "framer-motion";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/alert.tsx
+var i = {
+	info: {
+		container: "bg-sky-500/[0.07] dark:bg-sky-500/[0.09] border-sky-400/25 dark:border-sky-500/20",
+		accent: "bg-sky-500",
+		icon: "text-sky-600 dark:text-sky-400",
+		title: "text-sky-900 dark:text-sky-100",
+		body: "text-sky-800/90 dark:text-sky-200/70"
+	},
+	success: {
+		container: "bg-emerald-500/[0.07] dark:bg-emerald-500/[0.09] border-emerald-400/25 dark:border-emerald-500/20",
+		accent: "bg-emerald-500",
+		icon: "text-emerald-600 dark:text-emerald-400",
+		title: "text-emerald-900 dark:text-emerald-100",
+		body: "text-emerald-800/90 dark:text-emerald-200/70"
+	},
+	warning: {
+		container: "bg-amber-500/[0.07] dark:bg-amber-500/[0.09] border-amber-400/30 dark:border-amber-500/20",
+		accent: "bg-amber-500",
+		icon: "text-amber-600 dark:text-amber-400",
+		title: "text-amber-900 dark:text-amber-100",
+		body: "text-amber-800/90 dark:text-amber-200/70"
+	},
+	error: {
+		container: "bg-red-500/[0.07] dark:bg-red-500/[0.09] border-red-400/25 dark:border-red-500/20",
+		accent: "bg-red-500",
+		icon: "text-red-600 dark:text-red-400",
+		title: "text-red-900 dark:text-red-100",
+		body: "text-red-800/90 dark:text-red-200/70"
+	}
+}, a = {
+	info: /* @__PURE__ */ r("svg", {
+		width: "16",
+		height: "16",
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		children: [
+			/* @__PURE__ */ n("circle", {
+				cx: "12",
+				cy: "12",
+				r: "10"
+			}),
+			/* @__PURE__ */ n("path", { d: "M12 16v-4" }),
+			/* @__PURE__ */ n("path", { d: "M12 8h.01" })
+		]
+	}),
+	success: /* @__PURE__ */ r("svg", {
+		width: "16",
+		height: "16",
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		children: [/* @__PURE__ */ n("path", { d: "M22 11.08V12a10 10 0 1 1-5.93-9.14" }), /* @__PURE__ */ n("path", { d: "m9 11 3 3L22 4" })]
+	}),
+	warning: /* @__PURE__ */ r("svg", {
+		width: "16",
+		height: "16",
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		children: [
+			/* @__PURE__ */ n("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__ */ n("path", { d: "M12 9v4" }),
+			/* @__PURE__ */ n("path", { d: "M12 17h.01" })
+		]
+	}),
+	error: /* @__PURE__ */ r("svg", {
+		width: "16",
+		height: "16",
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		children: [
+			/* @__PURE__ */ n("circle", {
+				cx: "12",
+				cy: "12",
+				r: "10"
+			}),
+			/* @__PURE__ */ n("path", { d: "m15 9-6 6" }),
+			/* @__PURE__ */ n("path", { d: "m9 9 6 6" })
+		]
+	})
+};
+function o({ variant: o = "info", title: s, icon: c, className: l, children: u, dismissable: d = !1, onDismiss: f, ...p }) {
+	let m = i[o], h = c ?? a[o], g = o === "error" || o === "warning" ? "alert" : "status";
+	return /* @__PURE__ */ r(t.div, {
+		initial: {
+			opacity: 0,
+			y: -5
+		},
+		animate: {
+			opacity: 1,
+			y: 0
+		},
+		transition: {
+			duration: .18,
+			ease: [
+				.16,
+				1,
+				.3,
+				1
+			]
+		},
+		role: g,
+		className: e("relative flex gap-3 rounded-[var(--radius-lg)] border overflow-hidden pl-4 pr-4 py-3.5", m.container, l),
+		...p,
+		children: [
+			/* @__PURE__ */ n("span", {
+				className: e("absolute left-0 inset-y-0 w-[3px]", m.accent),
+				"aria-hidden": "true"
+			}),
+			/* @__PURE__ */ n("span", {
+				className: e("shrink-0 mt-0.5", m.icon),
+				children: h
+			}),
+			/* @__PURE__ */ r("div", {
+				className: "min-w-0 flex-1",
+				children: [s && /* @__PURE__ */ n("p", {
+					className: e("text-sm font-semibold leading-snug mb-0.5", m.title),
+					children: s
+				}), u && /* @__PURE__ */ n("div", {
+					className: e("text-sm leading-relaxed", m.body),
+					children: u
+				})]
+			}),
+			d && /* @__PURE__ */ n("button", {
+				type: "button",
+				onClick: f,
+				"aria-label": "Dismiss",
+				className: e("shrink-0 mt-0.5 rounded-sm opacity-60 hover:opacity-100 transition-opacity cursor-pointer", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring/35 focus-visible:ring-offset-2 focus-visible:ring-offset-bg", m.icon),
+				children: /* @__PURE__ */ r("svg", {
+					width: "14",
+					height: "14",
+					viewBox: "0 0 24 24",
+					fill: "none",
+					stroke: "currentColor",
+					strokeWidth: "2.5",
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					children: [/* @__PURE__ */ n("path", { d: "M18 6 6 18" }), /* @__PURE__ */ n("path", { d: "m6 6 12 12" })]
+				})
+			})
+		]
+	});
+}
+//#endregion
+export { o as Alert };

package/dist/components/auth-backdrop.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require("react/jsx-runtime");function t(){return(0,e.jsx)(`div`,{"aria-hidden":`true`,className:`pointer-events-none fixed inset-0 -z-10 bg-accent-500/[0.03] dark:bg-blue-400/[0.04]`})}exports.AuthBackdrop=t;

package/dist/components/auth-backdrop.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Flat, restrained backdrop for auth pages (login, register, forgot/reset
+ * password, onboarding). Replaces the old per-page blurred-blob + dot-grid
+ * treatment with a single flat tint — no gradient, no blur filters, no
+ * mouse tracking, no glass.
+ */
+export declare function AuthBackdrop(): import("react").JSX.Element;

package/dist/components/auth-backdrop.js

@@ -0,0 +1,10 @@
+import { jsx as e } from "react/jsx-runtime";
+//#region src/components/auth-backdrop.tsx
+function t() {
+	return /* @__PURE__ */ e("div", {
+		"aria-hidden": "true",
+		className: "pointer-events-none fixed inset-0 -z-10 bg-accent-500/[0.03] dark:bg-blue-400/[0.04]"
+	});
+}
+//#endregion
+export { t as AuthBackdrop };

package/dist/components/autocomplete/dropdown.d.ts

@@ -0,0 +1,21 @@
+import { RefObject } from 'react';
+import { AutocompleteOption } from './types';
+import { MenuPos } from '../select/types';
+export declare function AutocompleteDropdown<V>({ listRef, listId, open, pos, multiple, loading, filtered, emptyMessage, activeIdx, setActiveIdx, inputText, selectedValues, singleValue, onSelectSingle, onToggleMulti, className, }: {
+    listRef: RefObject<HTMLUListElement | null>;
+    listId: string;
+    open: boolean;
+    pos: MenuPos | null;
+    multiple: boolean | undefined;
+    loading: boolean;
+    filtered: AutocompleteOption<V>[];
+    emptyMessage: string;
+    activeIdx: number;
+    setActiveIdx: (i: number) => void;
+    inputText: string;
+    selectedValues: V[];
+    singleValue: V | null | undefined;
+    onSelectSingle: (opt: AutocompleteOption<V>) => void;
+    onToggleMulti: (opt: AutocompleteOption<V>) => void;
+    className?: string;
+}): import('react').ReactPortal | null;

package/dist/components/autocomplete/icons.d.ts

@@ -0,0 +1,8 @@
+export declare const XIcon: ({ size }: {
+    size?: number;
+}) => import("react").JSX.Element;
+export declare const SpinnerIcon: () => import("react").JSX.Element;
+export declare function Highlight({ text, query }: {
+    text: string;
+    query: string;
+}): import("react").JSX.Element;

package/dist/components/autocomplete/multi-trigger.d.ts

@@ -0,0 +1,25 @@
+import { InputHTMLAttributes, KeyboardEvent, ReactNode } from 'react';
+import { AutocompleteOption } from './types';
+export declare function MultiTrigger<V>({ inputRef, inputId, listId, open, activeIdx, inputText, prefix, placeholder, disabled, error, loading, showClear, selected, onContainerClick, onInputChange, onFocus, onKeyDown, onRemove, onClearAll, messageId, inputProps, }: {
+    inputRef: (node: HTMLInputElement | null) => void;
+    inputId: string;
+    listId: string;
+    open: boolean;
+    activeIdx: number;
+    inputText: string;
+    prefix?: ReactNode;
+    placeholder?: string;
+    disabled?: boolean;
+    error?: string;
+    loading: boolean;
+    showClear: boolean;
+    selected: AutocompleteOption<V>[];
+    onContainerClick: () => void;
+    onInputChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    onFocus: () => void;
+    onKeyDown: (e: KeyboardEvent<HTMLInputElement>) => void;
+    onRemove: (opt: AutocompleteOption<V>) => void;
+    onClearAll: () => void;
+    messageId?: string;
+    inputProps?: Omit<InputHTMLAttributes<HTMLInputElement>, "id" | "value" | "onChange" | "onFocus" | "onKeyDown" | "disabled" | "prefix">;
+}): import("react").JSX.Element;

package/dist/components/autocomplete/single-trigger.d.ts

@@ -0,0 +1,21 @@
+import { InputHTMLAttributes, KeyboardEvent, ReactNode } from 'react';
+export declare function SingleTrigger({ inputRef, inputId, listId, open, activeIdx, inputText, prefix, placeholder, disabled, error, loading, showClear, onInputChange, onFocus, onKeyDown, onClear, messageId, inputProps, }: {
+    inputRef: React.Ref<HTMLInputElement>;
+    inputId: string;
+    listId: string;
+    open: boolean;
+    activeIdx: number;
+    inputText: string;
+    prefix?: ReactNode;
+    placeholder?: string;
+    disabled?: boolean;
+    error?: string;
+    loading: boolean;
+    showClear: boolean;
+    onInputChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    onFocus: () => void;
+    onKeyDown: (e: KeyboardEvent<HTMLInputElement>) => void;
+    onClear: () => void;
+    messageId?: string;
+    inputProps?: Omit<InputHTMLAttributes<HTMLInputElement>, "id" | "value" | "onChange" | "onFocus" | "onKeyDown" | "disabled" | "prefix">;
+}): import("react").JSX.Element;

package/dist/components/autocomplete/types.d.ts

@@ -0,0 +1,34 @@
+import { InputHTMLAttributes, ReactNode } from 'react';
+export interface AutocompleteOption<V = string> {
+    value: V;
+    label: string;
+    description?: string;
+    icon?: ReactNode;
+    disabled?: boolean;
+}
+export interface AutocompletePropsBase<V = string> extends Omit<InputHTMLAttributes<HTMLInputElement>, "value" | "onChange" | "onSelect" | "prefix"> {
+    options: AutocompleteOption<V>[];
+    inputValue?: string;
+    onInputChange?: (value: string) => void;
+    label?: string;
+    hint?: string;
+    error?: string;
+    prefix?: ReactNode;
+    clearable?: boolean;
+    loading?: boolean;
+    emptyMessage?: string;
+    maxVisible?: number;
+}
+export interface AutocompletePropsSingle<V = string> extends AutocompletePropsBase<V> {
+    multiple?: false;
+    value?: V | null;
+    onSelect?: (option: AutocompleteOption<V>) => void;
+    onDeselect?: never;
+}
+export interface AutocompletePropsMulti<V = string> extends AutocompletePropsBase<V> {
+    multiple: true;
+    value?: V[];
+    onSelect?: (option: AutocompleteOption<V>, allSelected: AutocompleteOption<V>[]) => void;
+    onDeselect?: (option: AutocompleteOption<V>, allSelected: AutocompleteOption<V>[]) => void;
+}
+export type AutocompleteProps<V = string> = AutocompletePropsSingle<V> | AutocompletePropsMulti<V>;

package/dist/components/autocomplete.cjs

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

package/dist/components/autocomplete.d.ts

@@ -0,0 +1,5 @@
+import { AutocompleteProps } from './autocomplete/types';
+export type { AutocompleteOption, AutocompleteProps, AutocompletePropsSingle, AutocompletePropsMulti, } from './autocomplete/types';
+export declare const Autocomplete: <V = string>(props: AutocompleteProps<V> & {
+    ref?: React.Ref<HTMLInputElement>;
+}) => React.ReactElement;

package/dist/components/autocomplete.js

@@ -0,0 +1,3 @@
+"use client";
+import { t as e } from "../autocomplete-CfbfpcO4.js";
+export { e as Autocomplete };

package/dist/components/avatar.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-6 h-6 text-[10px]`,sm:`w-8 h-8 text-xs`,md:`w-9 h-9 text-sm`,lg:`w-11 h-11 text-base`,xl:`w-14 h-14 text-lg`},r={xs:`w-1.5 h-1.5 border`,sm:`w-2 h-2 border`,md:`w-2.5 h-2.5 border-2`,lg:`w-3 h-3 border-2`,xl:`w-3.5 h-3.5 border-2`},i={online:`bg-emerald-400`,offline:`bg-slate-500`,away:`bg-amber-400`,busy:`bg-red-400`},a=[`bg-blue-600`,`bg-violet-600`,`bg-emerald-600`,`bg-rose-600`,`bg-amber-600`,`bg-cyan-600`,`bg-pink-600`,`bg-teal-600`];function o(e){return e.split(` `).slice(0,2).map(e=>e[0]?.toUpperCase()??``).join(``)}function s(e){return a[[...e].reduce((e,t)=>e+t.charCodeAt(0),0)%a.length]}function c({src:a,name:c,alt:l,size:u=`md`,status:d,loading:f=`lazy`,decoding:p=`async`,referrerPolicy:m=`no-referrer`,className:h,...g}){let _=c?s(c):`bg-slate-600`,v=c?o(c):`?`;return(0,t.jsxs)(`div`,{className:e.t(`relative inline-flex shrink-0 rounded-full`,h),...g,children:[(0,t.jsx)(`div`,{className:e.t(`rounded-full overflow-hidden flex items-center justify-center font-semibold text-white`,n[u],!a&&_),children:a?(0,t.jsx)(`img`,{src:a,alt:l??c??``,loading:f,decoding:p,referrerPolicy:m,className:`w-full h-full object-cover`}):(0,t.jsx)(`span`,{children:v})}),d&&(0,t.jsx)(`span`,{className:e.t(`absolute bottom-0 right-0 rounded-full border-white dark:border-navy-900`,r[u],i[d])})]})}exports.Avatar=c;

package/dist/components/avatar.d.ts

@@ -0,0 +1,17 @@
+import { HTMLAttributes } from 'react';
+type Size = "xs" | "sm" | "md" | "lg" | "xl";
+type Status = "online" | "offline" | "away" | "busy";
+export interface AvatarProps extends HTMLAttributes<HTMLDivElement> {
+    src?: string;
+    name?: string;
+    /** Accessible name for the image; defaults to name or empty for decorative */
+    alt?: string;
+    size?: Size;
+    status?: Status;
+    /** Defaults to lazy to avoid CLS/LCP penalties */
+    loading?: "eager" | "lazy";
+    decoding?: "async" | "auto" | "sync";
+    referrerPolicy?: React.ImgHTMLAttributes<HTMLImageElement>["referrerPolicy"];
+}
+export declare function Avatar({ src, name, alt, size, status, loading, decoding, referrerPolicy, className, ...props }: AvatarProps): import("react").JSX.Element;
+export {};

package/dist/components/avatar.js

@@ -0,0 +1,56 @@
+import { t as e } from "../cn-DpgY2leY.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/components/avatar.tsx
+var r = {
+	xs: "w-6 h-6 text-[10px]",
+	sm: "w-8 h-8 text-xs",
+	md: "w-9 h-9 text-sm",
+	lg: "w-11 h-11 text-base",
+	xl: "w-14 h-14 text-lg"
+}, i = {
+	xs: "w-1.5 h-1.5 border",
+	sm: "w-2 h-2 border",
+	md: "w-2.5 h-2.5 border-2",
+	lg: "w-3 h-3 border-2",
+	xl: "w-3.5 h-3.5 border-2"
+}, a = {
+	online: "bg-emerald-400",
+	offline: "bg-slate-500",
+	away: "bg-amber-400",
+	busy: "bg-red-400"
+}, o = [
+	"bg-blue-600",
+	"bg-violet-600",
+	"bg-emerald-600",
+	"bg-rose-600",
+	"bg-amber-600",
+	"bg-cyan-600",
+	"bg-pink-600",
+	"bg-teal-600"
+];
+function s(e) {
+	return e.split(" ").slice(0, 2).map((e) => e[0]?.toUpperCase() ?? "").join("");
+}
+function c(e) {
+	return o[[...e].reduce((e, t) => e + t.charCodeAt(0), 0) % o.length];
+}
+function l({ src: o, name: l, alt: u, size: d = "md", status: f, loading: p = "lazy", decoding: m = "async", referrerPolicy: h = "no-referrer", className: g, ..._ }) {
+	let v = l ? c(l) : "bg-slate-600", y = l ? s(l) : "?";
+	return /* @__PURE__ */ n("div", {
+		className: e("relative inline-flex shrink-0 rounded-full", g),
+		..._,
+		children: [/* @__PURE__ */ t("div", {
+			className: e("rounded-full overflow-hidden flex items-center justify-center font-semibold text-white", r[d], !o && v),
+			children: o ? /* @__PURE__ */ t("img", {
+				src: o,
+				alt: u ?? l ?? "",
+				loading: p,
+				decoding: m,
+				referrerPolicy: h,
+				className: "w-full h-full object-cover"
+			}) : /* @__PURE__ */ t("span", { children: y })
+		}), f && /* @__PURE__ */ t("span", { className: e("absolute bottom-0 right-0 rounded-full border-white dark:border-navy-900", i[d], a[f]) })]
+	});
+}
+//#endregion
+export { l as Avatar };

package/dist/components/badge.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={default:`bg-accent-50 dark:bg-accent-500/[0.12] text-accent-600 dark:text-accent-400 border-accent-200/80 dark:border-accent-500/20`,success:`bg-emerald-50 dark:bg-emerald-500/[0.12] text-emerald-700 dark:text-emerald-400 border-emerald-200/80 dark:border-emerald-500/20`,warning:`bg-amber-50 dark:bg-amber-500/[0.12] text-amber-700 dark:text-amber-400 border-amber-200/80 dark:border-amber-500/20`,error:`bg-red-50 dark:bg-red-500/[0.12] text-danger dark:text-red-400 border-red-200/80 dark:border-red-500/20`,info:`bg-sky-50 dark:bg-sky-500/[0.12] text-sky-700 dark:text-sky-400 border-sky-200/80 dark:border-sky-500/20`,muted:`bg-black/[0.05] dark:bg-white/[0.07] text-slate-600 dark:text-slate-400 border-black/[0.08] dark:border-white/[0.09]`},r={sm:`px-1.5 py-px text-[10.5px] gap-1 font-medium tracking-[-0.01em]`,md:`px-2 py-0.5 text-[11.5px] gap-1.5 font-medium tracking-[-0.01em]`,lg:`px-2.5 py-1 text-xs gap-1.5 font-medium tracking-[-0.01em]`},i={default:`bg-accent-400`,success:`bg-emerald-400`,warning:`bg-amber-400`,error:`bg-red-400`,info:`bg-sky-400`,muted:`bg-slate-500`};function a({variant:a=`default`,dot:o=!1,size:s=`md`,variants:c,className:l,children:u,...d}){let f=c?.[a]??n[a];return(0,t.jsxs)(`span`,{className:e.t(`inline-flex items-center rounded-full font-medium border leading-none whitespace-nowrap`,f,r[s],l),...d,children:[o&&(0,t.jsx)(`span`,{className:e.t(`w-1.5 h-1.5 rounded-full shrink-0`,i[a])}),u]})}exports.Badge=a,exports.badgeVariants=n;

package/dist/components/badge.d.ts

@@ -0,0 +1,12 @@
+import { HTMLAttributes } from 'react';
+export type BadgeVariant = "default" | "success" | "warning" | "error" | "info" | "muted";
+export type BadgeSize = "sm" | "md" | "lg";
+export interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {
+    variant?: BadgeVariant;
+    dot?: boolean;
+    size?: BadgeSize;
+    /** Override or extend variant map — enables end-to-end customization */
+    variants?: Partial<Record<BadgeVariant, string>>;
+}
+export declare const badgeVariants: Record<BadgeVariant, string>;
+export declare function Badge({ variant, dot, size, variants, className, children, ...props }: BadgeProps): import("react").JSX.Element;

package/dist/components/badge.js

@@ -0,0 +1,32 @@
+import { t as e } from "../cn-DpgY2leY.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/components/badge.tsx
+var r = {
+	default: "bg-accent-50 dark:bg-accent-500/[0.12] text-accent-600 dark:text-accent-400 border-accent-200/80 dark:border-accent-500/20",
+	success: "bg-emerald-50 dark:bg-emerald-500/[0.12] text-emerald-700 dark:text-emerald-400 border-emerald-200/80 dark:border-emerald-500/20",
+	warning: "bg-amber-50 dark:bg-amber-500/[0.12] text-amber-700 dark:text-amber-400 border-amber-200/80 dark:border-amber-500/20",
+	error: "bg-red-50 dark:bg-red-500/[0.12] text-danger dark:text-red-400 border-red-200/80 dark:border-red-500/20",
+	info: "bg-sky-50 dark:bg-sky-500/[0.12] text-sky-700 dark:text-sky-400 border-sky-200/80 dark:border-sky-500/20",
+	muted: "bg-black/[0.05] dark:bg-white/[0.07] text-slate-600 dark:text-slate-400 border-black/[0.08] dark:border-white/[0.09]"
+}, i = {
+	sm: "px-1.5 py-px text-[10.5px] gap-1 font-medium tracking-[-0.01em]",
+	md: "px-2 py-0.5 text-[11.5px] gap-1.5 font-medium tracking-[-0.01em]",
+	lg: "px-2.5 py-1 text-xs gap-1.5 font-medium tracking-[-0.01em]"
+}, a = {
+	default: "bg-accent-400",
+	success: "bg-emerald-400",
+	warning: "bg-amber-400",
+	error: "bg-red-400",
+	info: "bg-sky-400",
+	muted: "bg-slate-500"
+};
+function o({ variant: o = "default", dot: s = !1, size: c = "md", variants: l, className: u, children: d, ...f }) {
+	let p = l?.[o] ?? r[o];
+	return /* @__PURE__ */ n("span", {
+		className: e("inline-flex items-center rounded-full font-medium border leading-none whitespace-nowrap", p, i[c], u),
+		...f,
+		children: [s && /* @__PURE__ */ t("span", { className: e("w-1.5 h-1.5 rounded-full shrink-0", a[o]) }), d]
+	});
+}
+//#endregion
+export { o as Badge, r as badgeVariants };