@bzync/rui 0.0.3

package/dist/components/number-input.js

@@ -0,0 +1,142 @@
+"use client";
+import { t as e } from "../cn-DpgY2leY.js";
+import { o as t, t as n } from "../component-styles-Ce56hn9T.js";
+import { forwardRef as r, useEffect as i, useId as a, useRef as o, useState as s } from "react";
+import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
+//#region src/components/number-input.tsx
+var d = {
+	sm: {
+		wrap: "h-7 text-xs",
+		btn: "w-6",
+		input: "w-16"
+	},
+	md: {
+		wrap: "h-9 text-sm",
+		btn: "w-8",
+		input: "w-20"
+	},
+	lg: {
+		wrap: "h-11 text-sm",
+		btn: "w-9",
+		input: "w-24"
+	}
+}, f = r(({ className: r, label: f, hint: p, error: m, size: h = "md", min: g = -Infinity, max: _ = Infinity, step: v = 1, value: y, defaultValue: b = 0, onChange: x, disabled: S, id: C, autoComplete: w = "on", fullWidth: T = !1, formatDisplay: E, onFocus: D, onBlur: O, onKeyDown: k, required: A, ...j }, M) => {
+	let N = a(), P = C ?? N, F = `${P}-message`, [I, L] = s(b), R = y ?? I, z = d[h], B = v.toString().includes(".") ? v.toString().split(".")[1].length : 0, V = (e) => B > 0 ? Math.round(e * 10 ** B) / 10 ** B : Math.round(e), H = (e) => Math.min(_, Math.max(g, e));
+	function U(e) {
+		let t = H(V(e));
+		y === void 0 && L(t), x?.(t), G(String(t));
+	}
+	i(() => {
+		y !== void 0 && L(y);
+	}, [y]);
+	let [W, G] = s(() => String(R)), K = o(!1);
+	i(() => {
+		K.current || G(String(R));
+	}, [R]);
+	function q(e) {
+		G(e);
+	}
+	function J(e) {
+		K.current = !1;
+		let t = Number(W);
+		U(Number.isNaN(t) ? R : t), O?.(e);
+	}
+	function Y(e) {
+		k?.(e), !e.defaultPrevented && e.key === "Enter" && e.currentTarget.blur();
+	}
+	return /* @__PURE__ */ u("div", {
+		className: e(t, !T && "w-auto", r),
+		children: [
+			f && /* @__PURE__ */ u("label", {
+				htmlFor: P,
+				className: "text-sm font-medium leading-5 text-foreground",
+				children: [f, A && /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l("span", {
+					"aria-hidden": "true",
+					className: "ml-1 text-destructive",
+					children: "*"
+				}), /* @__PURE__ */ l("span", {
+					className: "sr-only",
+					children: " (required)"
+				})] })]
+			}),
+			/* @__PURE__ */ u("div", {
+				className: e("inline-flex items-center overflow-hidden rounded-[var(--radius-md)]", n, z.wrap, T && "flex w-full", m && "border-destructive/60 hover:border-destructive/70 focus-within:border-destructive focus-within:ring-destructive/20", S && "opacity-50"),
+				children: [
+					/* @__PURE__ */ l("button", {
+						type: "button",
+						"aria-label": f ? `Decrease ${f}` : "Decrease value",
+						tabIndex: -1,
+						disabled: S || R <= g,
+						onClick: () => U(R - v),
+						className: e("flex items-center justify-center shrink-0 border-r border-border", "text-muted-foreground hover:bg-muted hover:text-foreground", "disabled:opacity-40 disabled:cursor-not-allowed transition-colors", z.btn),
+						children: /* @__PURE__ */ l("svg", {
+							width: "10",
+							height: "10",
+							viewBox: "0 0 24 24",
+							fill: "none",
+							stroke: "currentColor",
+							strokeWidth: "3",
+							strokeLinecap: "round",
+							children: /* @__PURE__ */ l("path", { d: "M5 12h14" })
+						})
+					}),
+					/* @__PURE__ */ l("input", {
+						ref: M,
+						type: "number",
+						id: P,
+						required: A,
+						"aria-invalid": m ? !0 : void 0,
+						"aria-describedby": m || p ? F : void 0,
+						"aria-valuetext": E?.(R),
+						autoComplete: w,
+						min: Number.isFinite(g) ? g : void 0,
+						max: Number.isFinite(_) ? _ : void 0,
+						step: v,
+						value: W,
+						disabled: S,
+						onFocus: (e) => {
+							K.current = !0, D?.(e);
+						},
+						onChange: (e) => q(e.target.value),
+						onBlur: J,
+						onKeyDown: Y,
+						className: e("flex-1 text-center bg-transparent text-foreground outline-none tabular-nums", "[appearance:textfield] [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none", "disabled:cursor-not-allowed", T ? "min-w-0" : z.input),
+						...j
+					}),
+					/* @__PURE__ */ l("button", {
+						type: "button",
+						"aria-label": f ? `Increase ${f}` : "Increase value",
+						tabIndex: -1,
+						disabled: S || R >= _,
+						onClick: () => U(R + v),
+						className: e("flex items-center justify-center shrink-0 border-l border-border", "text-muted-foreground hover:bg-muted hover:text-foreground", "disabled:opacity-40 disabled:cursor-not-allowed transition-colors", z.btn),
+						children: /* @__PURE__ */ l("svg", {
+							width: "10",
+							height: "10",
+							viewBox: "0 0 24 24",
+							fill: "none",
+							stroke: "currentColor",
+							strokeWidth: "3",
+							strokeLinecap: "round",
+							children: /* @__PURE__ */ l("path", { d: "M12 5v14M5 12h14" })
+						})
+					})
+				]
+			}),
+			m && /* @__PURE__ */ l("p", {
+				id: F,
+				"aria-live": "polite",
+				className: "text-xs leading-5 text-destructive",
+				children: m
+			}),
+			p && !m && /* @__PURE__ */ l("p", {
+				id: F,
+				className: "text-xs leading-5 text-muted-foreground",
+				children: p
+			})
+		]
+	});
+});
+f.displayName = "NumberInput";
+//#endregion
+export { f as NumberInput };

package/dist/components/otp-input.cjs

@@ -0,0 +1 @@
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../cn-BdjraxxU.cjs");let t=require("react"),n=require("react/jsx-runtime");function r({length:r=6,value:i,onChange:a,onComplete:o,label:s,hint:c,error:l,disabled:u,className:d,masked:f=!1}){let p=(0,t.useId)(),[m,h]=(0,t.useState)(``),g=(i??m).split(``).slice(0,r),_=(0,t.useRef)([]);function v(e){i===void 0&&h(e),a?.(e),e.length===r&&o?.(e)}function y(e,t){if(!/^\d*$/.test(t))return;let n=g.slice();n[e]=t.slice(-1),v(n.join(``).slice(0,r)),t&&e<r-1&&_.current[e+1]?.focus()}function b(e,t){if(t.key===`Backspace`){if(g[e]){let t=g.slice();t[e]=``,v(t.join(``))}else e>0&&_.current[e-1]?.focus()}else t.key===`ArrowLeft`&&e>0?_.current[e-1]?.focus():t.key===`ArrowRight`&&e<r-1&&_.current[e+1]?.focus()}function x(e){e.preventDefault();let t=e.clipboardData.getData(`text`).replace(/\D/g,``).slice(0,r);v(t),_.current[Math.min(t.length,r-1)]?.focus()}return(0,n.jsxs)(`div`,{className:e.t(`flex flex-col gap-1.5`,d),children:[s&&(0,n.jsx)(`label`,{htmlFor:`${p}-0`,className:`text-sm font-medium text-slate-600 dark:text-slate-300`,children:s}),(0,n.jsx)(`div`,{className:`flex items-center gap-2`,children:Array.from({length:r}).map((t,r)=>(0,n.jsx)(`input`,{ref:e=>{_.current[r]=e},id:`${p}-${r}`,name:`${p}-${r}`,type:f?`password`:`text`,inputMode:`numeric`,pattern:`\\d*`,maxLength:1,autoComplete:r===0?`one-time-code`:`off`,value:g[r]??``,disabled:u,onChange:e=>y(r,e.target.value),onKeyDown:e=>b(r,e),onPaste:x,onFocus:e=>e.target.select(),className:e.t(`w-10 h-12 text-center text-lg font-semibold rounded-lg border bg-black/4 dark:bg-white/4`,`text-gray-900 dark:text-white outline-none transition-colors`,`focus:ring-2 focus:ring-accent-500/30`,l?`border-red-500/40 focus:border-red-500/50`:`border-slate-300 dark:border-white/10 focus:border-accent-500/40`,u&&`opacity-50 cursor-not-allowed`)},r))}),l&&(0,n.jsx)(`p`,{className:`text-xs text-red-400`,children:l}),c&&!l&&(0,n.jsx)(`p`,{className:`text-xs text-slate-500`,children:c})]})}exports.OtpInput=r;

package/dist/components/otp-input.d.ts

@@ -0,0 +1,13 @@
+export interface OtpInputProps {
+    length?: number;
+    value?: string;
+    onChange?: (value: string) => void;
+    onComplete?: (value: string) => void;
+    label?: string;
+    hint?: string;
+    error?: string;
+    disabled?: boolean;
+    className?: string;
+    masked?: boolean;
+}
+export declare function OtpInput({ length, value: controlledValue, onChange, onComplete, label, hint, error, disabled, className, masked, }: OtpInputProps): import("react").JSX.Element;

package/dist/components/otp-input.js

@@ -0,0 +1,71 @@
+"use client";
+import { t as e } from "../cn-DpgY2leY.js";
+import { useId as t, useRef as n, useState as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/otp-input.tsx
+function o({ length: o = 6, value: s, onChange: c, onComplete: l, label: u, hint: d, error: f, disabled: p, className: m, masked: h = !1 }) {
+	let g = t(), [_, v] = r(""), y = (s ?? _).split("").slice(0, o), b = n([]);
+	function x(e) {
+		s === void 0 && v(e), c?.(e), e.length === o && l?.(e);
+	}
+	function S(e, t) {
+		if (!/^\d*$/.test(t)) return;
+		let n = y.slice();
+		n[e] = t.slice(-1), x(n.join("").slice(0, o)), t && e < o - 1 && b.current[e + 1]?.focus();
+	}
+	function C(e, t) {
+		if (t.key === "Backspace") {
+			if (y[e]) {
+				let t = y.slice();
+				t[e] = "", x(t.join(""));
+			} else e > 0 && b.current[e - 1]?.focus();
+		} else t.key === "ArrowLeft" && e > 0 ? b.current[e - 1]?.focus() : t.key === "ArrowRight" && e < o - 1 && b.current[e + 1]?.focus();
+	}
+	function w(e) {
+		e.preventDefault();
+		let t = e.clipboardData.getData("text").replace(/\D/g, "").slice(0, o);
+		x(t), b.current[Math.min(t.length, o - 1)]?.focus();
+	}
+	return /* @__PURE__ */ a("div", {
+		className: e("flex flex-col gap-1.5", m),
+		children: [
+			u && /* @__PURE__ */ i("label", {
+				htmlFor: `${g}-0`,
+				className: "text-sm font-medium text-slate-600 dark:text-slate-300",
+				children: u
+			}),
+			/* @__PURE__ */ i("div", {
+				className: "flex items-center gap-2",
+				children: Array.from({ length: o }).map((t, n) => /* @__PURE__ */ i("input", {
+					ref: (e) => {
+						b.current[n] = e;
+					},
+					id: `${g}-${n}`,
+					name: `${g}-${n}`,
+					type: h ? "password" : "text",
+					inputMode: "numeric",
+					pattern: "\\d*",
+					maxLength: 1,
+					autoComplete: n === 0 ? "one-time-code" : "off",
+					value: y[n] ?? "",
+					disabled: p,
+					onChange: (e) => S(n, e.target.value),
+					onKeyDown: (e) => C(n, e),
+					onPaste: w,
+					onFocus: (e) => e.target.select(),
+					className: e("w-10 h-12 text-center text-lg font-semibold rounded-lg border bg-black/4 dark:bg-white/4", "text-gray-900 dark:text-white outline-none transition-colors", "focus:ring-2 focus:ring-accent-500/30", f ? "border-red-500/40 focus:border-red-500/50" : "border-slate-300 dark:border-white/10 focus:border-accent-500/40", p && "opacity-50 cursor-not-allowed")
+				}, n))
+			}),
+			f && /* @__PURE__ */ i("p", {
+				className: "text-xs text-red-400",
+				children: f
+			}),
+			d && !f && /* @__PURE__ */ i("p", {
+				className: "text-xs text-slate-500",
+				children: d
+			})
+		]
+	});
+}
+//#endregion
+export { o as OtpInput };

package/dist/components/pagination.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/jsx-runtime");function r(e,t){return Array.from({length:t-e+1},(t,n)=>e+n)}function i(e,t,n){if(t<=7)return r(1,t);let i=Math.max(2,e-n),a=Math.min(t-1,e+n),o=i>2,s=a<t-1;return!o&&s?[...r(1,3+n*2),`…`,t]:o&&!s?[1,`…`,...r(t-2-n*2,t)]:[1,`…`,...r(i,a),`…`,t]}var a=(0,n.jsx)(`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:`m15 18-6-6 6-6`})}),o=(0,n.jsx)(`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:`m9 18 6-6-6-6`})});function s({page:r,totalPages:s,onPageChange:c,siblingCount:l=1,className:u}){if(s<=1)return null;let d=i(r,s,l);function f(i,a,o,s=!1){return(0,n.jsx)(`button`,{type:`button`,disabled:o,onClick:()=>!o&&c(a),"aria-current":s?`page`:void 0,"aria-label":typeof i==`number`?`Page ${i}`:a<r?`Previous page`:`Next page`,className:e.t(`flex items-center justify-center min-w-8 h-8 px-2 rounded-[var(--radius-md)] border text-sm font-medium transition-colors`,t.s,s?`border-accent-200 bg-accent-50 text-accent-700 dark:border-accent-500/20 dark:bg-accent-500/15 dark:text-accent-300`:`border-transparent text-muted-foreground hover:bg-muted hover:text-foreground`,o&&`opacity-40 cursor-not-allowed pointer-events-none`),children:i},typeof i==`number`?i:`${i}-${a}`)}return(0,n.jsxs)(`nav`,{className:e.t(`flex items-center gap-1`,u),"aria-label":`Pagination`,children:[f(a,r-1,r<=1),d.map((e,t)=>e===`…`?(0,n.jsx)(`span`,{className:`flex items-end justify-center w-8 h-8 text-slate-500 text-sm pb-1`,children:`…`},`dots-${t}`):f(e,e,!1,e===r)),f(o,r+1,r>=s)]})}exports.Pagination=s;

package/dist/components/pagination.d.ts

@@ -0,0 +1,8 @@
+export interface PaginationProps {
+    page: number;
+    totalPages: number;
+    onPageChange: (page: number) => void;
+    siblingCount?: number;
+    className?: string;
+}
+export declare function Pagination({ page, totalPages, onPageChange, siblingCount, className, }: PaginationProps): import("react").JSX.Element | null;

package/dist/components/pagination.js

@@ -0,0 +1,77 @@
+"use client";
+import { t as e } from "../cn-DpgY2leY.js";
+import { s as t } from "../component-styles-Ce56hn9T.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/pagination.tsx
+function i(e, t) {
+	return Array.from({ length: t - e + 1 }, (t, n) => e + n);
+}
+function a(e, t, n) {
+	if (t <= 7) return i(1, t);
+	let r = Math.max(2, e - n), a = Math.min(t - 1, e + n), o = r > 2, s = a < t - 1;
+	return !o && s ? [
+		...i(1, 3 + n * 2),
+		"…",
+		t
+	] : o && !s ? [
+		1,
+		"…",
+		...i(t - 2 - n * 2, t)
+	] : [
+		1,
+		"…",
+		...i(r, a),
+		"…",
+		t
+	];
+}
+var o = /* @__PURE__ */ n("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: "m15 18-6-6 6-6" })
+}), s = /* @__PURE__ */ n("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: "m9 18 6-6-6-6" })
+});
+function c({ page: i, totalPages: c, onPageChange: l, siblingCount: u = 1, className: d }) {
+	if (c <= 1) return null;
+	let f = a(i, c, u);
+	function p(r, a, o, s = !1) {
+		return /* @__PURE__ */ n("button", {
+			type: "button",
+			disabled: o,
+			onClick: () => !o && l(a),
+			"aria-current": s ? "page" : void 0,
+			"aria-label": typeof r == "number" ? `Page ${r}` : a < i ? "Previous page" : "Next page",
+			className: e("flex items-center justify-center min-w-8 h-8 px-2 rounded-[var(--radius-md)] border text-sm font-medium transition-colors", t, s ? "border-accent-200 bg-accent-50 text-accent-700 dark:border-accent-500/20 dark:bg-accent-500/15 dark:text-accent-300" : "border-transparent text-muted-foreground hover:bg-muted hover:text-foreground", o && "opacity-40 cursor-not-allowed pointer-events-none"),
+			children: r
+		}, typeof r == "number" ? r : `${r}-${a}`);
+	}
+	return /* @__PURE__ */ r("nav", {
+		className: e("flex items-center gap-1", d),
+		"aria-label": "Pagination",
+		children: [
+			p(o, i - 1, i <= 1),
+			f.map((e, t) => e === "…" ? /* @__PURE__ */ n("span", {
+				className: "flex items-end justify-center w-8 h-8 text-slate-500 text-sm pb-1",
+				children: "…"
+			}, `dots-${t}`) : p(e, e, !1, e === i)),
+			p(s, i + 1, i >= c)
+		]
+	});
+}
+//#endregion
+export { c as Pagination };

package/dist/components/popover.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");var i={top:{container:`bottom-full mb-2`,initial:{y:4}},bottom:{container:`top-full mt-2`,initial:{y:-4}},left:{container:`right-full mr-2`,initial:{x:4}},right:{container:`left-full ml-2`,initial:{x:-4}}},a={top:{start:`left-0`,center:`left-1/2 -translate-x-1/2`,end:`right-0`},bottom:{start:`left-0`,center:`left-1/2 -translate-x-1/2`,end:`right-0`},left:{start:`top-0`,center:`top-1/2 -translate-y-1/2`,end:`bottom-0`},right:{start:`top-0`,center:`top-1/2 -translate-y-1/2`,end:`bottom-0`}};function o({trigger:o,children:s,side:c=`bottom`,align:l=`start`,className:u,open:d,onOpenChange:f,ariaLabel:p=`Popover`}){let[m,h]=(0,n.useState)(!1),g=d??m,_=(0,n.useRef)(null),v=(0,n.useId)();function y(){let e=!g;d===void 0&&h(e),f?.(e)}function b(){d===void 0&&h(!1),f?.(!1)}(0,n.useEffect)(()=>{function e(e){_.current?.contains(e.target)||b()}function t(e){e.key===`Escape`&&g&&(e.preventDefault(),b(),_.current?.querySelector(`[aria-haspopup="dialog"]`)?.focus())}return document.addEventListener(`mousedown`,e),document.addEventListener(`keydown`,t),()=>{document.removeEventListener(`mousedown`,e),document.removeEventListener(`keydown`,t)}},[v,g]);let{container:x,initial:S}=i[c],C=a[c][l],w=(0,n.isValidElement)(o)?(0,n.cloneElement)(o,{"aria-haspopup":`dialog`,"aria-expanded":g,"aria-controls":v,onClick:e=>{o.props.onClick?.(e),e.defaultPrevented||y()}}):(0,r.jsx)(`button`,{type:`button`,"aria-haspopup":`dialog`,"aria-expanded":g,"aria-controls":v,onClick:y,children:o});return(0,r.jsxs)(`div`,{ref:_,className:`relative inline-flex`,children:[w,(0,r.jsx)(t.AnimatePresence,{children:g&&(0,r.jsx)(t.motion.div,{id:v,role:`dialog`,"aria-label":p,initial:{opacity:0,...S},animate:{opacity:1,y:0,x:0},exit:{opacity:0,...S},transition:{duration:.13},className:e.t(`absolute z-50 min-w-[180px] rounded-[var(--radius-lg)] border border-border bg-surface-raised shadow-floating`,x,C,u),children:s})})]})}function s({className:t,children:n,...i}){return(0,r.jsx)(`div`,{className:e.t(`p-3`,t),...i,children:n})}exports.Popover=o,exports.PopoverContent=s;

package/dist/components/popover.d.ts

@@ -0,0 +1,16 @@
+import { HTMLAttributes, ReactNode } from 'react';
+type PopoverSide = "top" | "bottom" | "left" | "right";
+type PopoverAlign = "start" | "center" | "end";
+export interface PopoverProps {
+    trigger: ReactNode;
+    children: ReactNode;
+    side?: PopoverSide;
+    align?: PopoverAlign;
+    className?: string;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    ariaLabel?: string;
+}
+export declare function Popover({ trigger, children, side, align, className, open: controlledOpen, onOpenChange, ariaLabel, }: PopoverProps): import("react").JSX.Element;
+export declare function PopoverContent({ className, children, ...props }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
+export {};

package/dist/components/popover.js

@@ -0,0 +1,115 @@
+"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, useId as o, useRef as s, useState as c } from "react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+//#region src/components/popover.tsx
+var d = {
+	top: {
+		container: "bottom-full mb-2",
+		initial: { y: 4 }
+	},
+	bottom: {
+		container: "top-full mt-2",
+		initial: { y: -4 }
+	},
+	left: {
+		container: "right-full mr-2",
+		initial: { x: 4 }
+	},
+	right: {
+		container: "left-full ml-2",
+		initial: { x: -4 }
+	}
+}, f = {
+	top: {
+		start: "left-0",
+		center: "left-1/2 -translate-x-1/2",
+		end: "right-0"
+	},
+	bottom: {
+		start: "left-0",
+		center: "left-1/2 -translate-x-1/2",
+		end: "right-0"
+	},
+	left: {
+		start: "top-0",
+		center: "top-1/2 -translate-y-1/2",
+		end: "bottom-0"
+	},
+	right: {
+		start: "top-0",
+		center: "top-1/2 -translate-y-1/2",
+		end: "bottom-0"
+	}
+};
+function p({ trigger: p, children: m, side: h = "bottom", align: g = "start", className: _, open: v, onOpenChange: y, ariaLabel: b = "Popover" }) {
+	let [x, S] = c(!1), C = v ?? x, w = s(null), T = o();
+	function E() {
+		let e = !C;
+		v === void 0 && S(e), y?.(e);
+	}
+	function D() {
+		v === void 0 && S(!1), y?.(!1);
+	}
+	a(() => {
+		function e(e) {
+			w.current?.contains(e.target) || D();
+		}
+		function t(e) {
+			e.key === "Escape" && C && (e.preventDefault(), D(), w.current?.querySelector("[aria-haspopup=\"dialog\"]")?.focus());
+		}
+		return document.addEventListener("mousedown", e), document.addEventListener("keydown", t), () => {
+			document.removeEventListener("mousedown", e), document.removeEventListener("keydown", t);
+		};
+	}, [T, C]);
+	let { container: O, initial: k } = d[h], A = f[h][g], j = i(p) ? r(p, {
+		"aria-haspopup": "dialog",
+		"aria-expanded": C,
+		"aria-controls": T,
+		onClick: (e) => {
+			p.props.onClick?.(e), e.defaultPrevented || E();
+		}
+	}) : /* @__PURE__ */ l("button", {
+		type: "button",
+		"aria-haspopup": "dialog",
+		"aria-expanded": C,
+		"aria-controls": T,
+		onClick: E,
+		children: p
+	});
+	return /* @__PURE__ */ u("div", {
+		ref: w,
+		className: "relative inline-flex",
+		children: [j, /* @__PURE__ */ l(t, { children: C && /* @__PURE__ */ l(n.div, {
+			id: T,
+			role: "dialog",
+			"aria-label": b,
+			initial: {
+				opacity: 0,
+				...k
+			},
+			animate: {
+				opacity: 1,
+				y: 0,
+				x: 0
+			},
+			exit: {
+				opacity: 0,
+				...k
+			},
+			transition: { duration: .13 },
+			className: e("absolute z-50 min-w-[180px] rounded-[var(--radius-lg)] border border-border bg-surface-raised shadow-floating", O, A, _),
+			children: m
+		}) })]
+	});
+}
+function m({ className: t, children: n, ...r }) {
+	return /* @__PURE__ */ l("div", {
+		className: e("p-3", t),
+		...r,
+		children: n
+	});
+}
+//#endregion
+export { p as Popover, m as PopoverContent };

package/dist/components/progressbar.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/jsx-runtime");var r={default:`bg-black/6 dark:bg-white/6`,success:`bg-emerald-500/10`,warning:`bg-amber-500/10`,error:`bg-red-500/10`,info:`bg-sky-500/10`},i={default:`bg-accent-500`,success:`bg-emerald-500`,warning:`bg-amber-500`,error:`bg-red-500`,info:`bg-sky-500`},a={default:`text-accent-400`,success:`text-emerald-400`,warning:`text-amber-400`,error:`text-red-400`,info:`text-sky-400`},o={xs:`h-1`,sm:`h-1.5`,md:`h-2`,lg:`h-3`};function s({value:s=0,variant:c=`default`,size:l=`md`,label:u,showValue:d=!1,indeterminate:f=!1,steps:p,animated:m=!0,className:h,...g}){let _=Math.min(100,Math.max(0,s)),v=u!==void 0||d;if(p!==void 0&&p>0){let s=Math.round(_/100*p);return(0,n.jsxs)(`div`,{className:e.t(`flex flex-col gap-1.5`,h),...g,children:[v&&(0,n.jsxs)(`div`,{className:`flex items-center justify-between gap-2`,children:[u&&(0,n.jsx)(`span`,{className:`text-xs text-slate-500 dark:text-slate-400`,children:u}),d&&(0,n.jsxs)(`span`,{className:e.t(`text-xs font-medium tabular-nums ml-auto`,a[c]),children:[s,`/`,p]})]}),(0,n.jsx)(`div`,{className:`flex gap-1`,children:Array.from({length:p}).map((a,u)=>(0,n.jsx)(t.motion.div,{className:e.t(`flex-1 rounded-full`,o[l],u<s?i[c]:r[c]),initial:m?{opacity:.4}:void 0,animate:m?{opacity:1}:void 0,transition:{delay:u*.04,duration:.2}},u))})]})}return(0,n.jsxs)(`div`,{className:e.t(`flex flex-col gap-1.5`,h),...g,children:[v&&(0,n.jsxs)(`div`,{className:`flex items-center justify-between gap-2`,children:[u&&(0,n.jsx)(`span`,{className:`text-xs text-slate-500 dark:text-slate-400`,children:u}),d&&!f&&(0,n.jsxs)(`span`,{className:e.t(`text-xs font-medium tabular-nums ml-auto`,a[c]),children:[_,`%`]})]}),(0,n.jsx)(`div`,{role:`progressbar`,"aria-valuenow":f?void 0:_,"aria-valuemin":0,"aria-valuemax":100,className:e.t(`w-full overflow-hidden rounded-full`,o[l],r[c]),children:f?(0,n.jsx)(t.motion.div,{className:e.t(`h-full w-1/3 rounded-full`,i[c]),animate:{x:[`-100%`,`400%`]},transition:{duration:1.4,repeat:1/0,ease:`easeInOut`}}):(0,n.jsx)(t.motion.div,{className:e.t(`h-full rounded-full`,i[c]),initial:m?{width:0}:{width:`${_}%`},animate:{width:`${_}%`},transition:{duration:.5,ease:[.25,.46,.45,.94]}})})]})}exports.Progressbar=s;

package/dist/components/progressbar.d.ts

@@ -0,0 +1,15 @@
+import { HTMLAttributes } from 'react';
+export type ProgressVariant = "default" | "success" | "warning" | "error" | "info";
+export type ProgressSize = "xs" | "sm" | "md" | "lg";
+export interface ProgressbarProps extends Omit<HTMLAttributes<HTMLDivElement>, "children"> {
+    value?: number;
+    variant?: ProgressVariant;
+    size?: ProgressSize;
+    label?: string;
+    showValue?: boolean;
+    indeterminate?: boolean;
+    /** Render as segmented steps instead of a continuous bar */
+    steps?: number;
+    animated?: boolean;
+}
+export declare function Progressbar({ value, variant, size, label, showValue, indeterminate, steps, animated, className, ...props }: ProgressbarProps): import("react").JSX.Element;

package/dist/components/progressbar.js

@@ -0,0 +1,108 @@
+"use client";
+import { t as e } from "../cn-DpgY2leY.js";
+import { motion as t } from "framer-motion";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/progressbar.tsx
+var i = {
+	default: "bg-black/6 dark:bg-white/6",
+	success: "bg-emerald-500/10",
+	warning: "bg-amber-500/10",
+	error: "bg-red-500/10",
+	info: "bg-sky-500/10"
+}, a = {
+	default: "bg-accent-500",
+	success: "bg-emerald-500",
+	warning: "bg-amber-500",
+	error: "bg-red-500",
+	info: "bg-sky-500"
+}, o = {
+	default: "text-accent-400",
+	success: "text-emerald-400",
+	warning: "text-amber-400",
+	error: "text-red-400",
+	info: "text-sky-400"
+}, s = {
+	xs: "h-1",
+	sm: "h-1.5",
+	md: "h-2",
+	lg: "h-3"
+};
+function c({ value: c = 0, variant: l = "default", size: u = "md", label: d, showValue: f = !1, indeterminate: p = !1, steps: m, animated: h = !0, className: g, ..._ }) {
+	let v = Math.min(100, Math.max(0, c)), y = d !== void 0 || f;
+	if (m !== void 0 && m > 0) {
+		let c = Math.round(v / 100 * m);
+		return /* @__PURE__ */ r("div", {
+			className: e("flex flex-col gap-1.5", g),
+			..._,
+			children: [y && /* @__PURE__ */ r("div", {
+				className: "flex items-center justify-between gap-2",
+				children: [d && /* @__PURE__ */ n("span", {
+					className: "text-xs text-slate-500 dark:text-slate-400",
+					children: d
+				}), f && /* @__PURE__ */ r("span", {
+					className: e("text-xs font-medium tabular-nums ml-auto", o[l]),
+					children: [
+						c,
+						"/",
+						m
+					]
+				})]
+			}), /* @__PURE__ */ n("div", {
+				className: "flex gap-1",
+				children: Array.from({ length: m }).map((r, o) => /* @__PURE__ */ n(t.div, {
+					className: e("flex-1 rounded-full", s[u], o < c ? a[l] : i[l]),
+					initial: h ? { opacity: .4 } : void 0,
+					animate: h ? { opacity: 1 } : void 0,
+					transition: {
+						delay: o * .04,
+						duration: .2
+					}
+				}, o))
+			})]
+		});
+	}
+	return /* @__PURE__ */ r("div", {
+		className: e("flex flex-col gap-1.5", g),
+		..._,
+		children: [y && /* @__PURE__ */ r("div", {
+			className: "flex items-center justify-between gap-2",
+			children: [d && /* @__PURE__ */ n("span", {
+				className: "text-xs text-slate-500 dark:text-slate-400",
+				children: d
+			}), f && !p && /* @__PURE__ */ r("span", {
+				className: e("text-xs font-medium tabular-nums ml-auto", o[l]),
+				children: [v, "%"]
+			})]
+		}), /* @__PURE__ */ n("div", {
+			role: "progressbar",
+			"aria-valuenow": p ? void 0 : v,
+			"aria-valuemin": 0,
+			"aria-valuemax": 100,
+			className: e("w-full overflow-hidden rounded-full", s[u], i[l]),
+			children: p ? /* @__PURE__ */ n(t.div, {
+				className: e("h-full w-1/3 rounded-full", a[l]),
+				animate: { x: ["-100%", "400%"] },
+				transition: {
+					duration: 1.4,
+					repeat: Infinity,
+					ease: "easeInOut"
+				}
+			}) : /* @__PURE__ */ n(t.div, {
+				className: e("h-full rounded-full", a[l]),
+				initial: h ? { width: 0 } : { width: `${v}%` },
+				animate: { width: `${v}%` },
+				transition: {
+					duration: .5,
+					ease: [
+						.25,
+						.46,
+						.45,
+						.94
+					]
+				}
+			})
+		})]
+	});
+}
+//#endregion
+export { c as Progressbar };

package/dist/components/radio.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(`Radio must be inside <RadioGroup>`);return e}function s({name:n,value:o,onChange:s,disabled:c,label:l,hint:u,error:d,orientation:f=`vertical`,className:p,children:m}){let h=(0,r.useId)(),g=n??h,_=`${g}-label`,v=`${g}-message`;return(0,i.jsxs)(`div`,{className:e.t(t.o,p),children:[l&&(0,i.jsx)(`p`,{id:_,className:`text-sm font-medium leading-5 text-foreground`,children:l}),(0,i.jsx)(a.Provider,{value:{name:g,value:o,onChange:s,disabled:c},children:(0,i.jsx)(`div`,{role:`radiogroup`,"aria-labelledby":l?_:void 0,"aria-invalid":d?!0:void 0,"aria-describedby":d||u?v:void 0,className:e.t(`flex gap-2`,f===`vertical`?`flex-col`:`flex-row flex-wrap`),children:m})}),d&&(0,i.jsx)(`p`,{id:v,"aria-live":`polite`,className:`text-xs leading-5 text-destructive`,children:d}),u&&!d&&(0,i.jsx)(`p`,{id:v,className:`text-xs leading-5 text-muted-foreground`,children:u})]})}function c({value:t,label:a,description:s,disabled:c,className:l}){let{name:u,value:d,onChange:f,disabled:p}=o(),m=(0,r.useId)(),h=d===t,g=c??p;return(0,i.jsxs)(`label`,{htmlFor:m,className:e.t(`flex items-start gap-2.5 cursor-pointer`,g&&`cursor-not-allowed opacity-50`,l),children:[(0,i.jsxs)(`div`,{className:`relative mt-0.5 shrink-0 w-4 h-4`,children:[(0,i.jsx)(`input`,{type:`radio`,id:m,name:u,value:t,checked:h,disabled:g,onChange:()=>f(t),className:`peer absolute inset-0 z-10 h-full w-full cursor-pointer opacity-0 disabled:cursor-not-allowed`}),(0,i.jsx)(`div`,{className:e.t(`w-4 h-4 rounded-full border-2 flex items-center justify-center transition-colors duration-[120ms] peer-focus-visible:ring-2 peer-focus-visible:ring-focus-ring/35 peer-focus-visible:ring-offset-2 peer-focus-visible:ring-offset-bg`,h?`bg-primary border-primary`:`bg-transparent border-black/25 dark:border-white/25`),children:h&&(0,i.jsx)(n.motion.span,{initial:{scale:0},animate:{scale:1},transition:{type:`spring`,stiffness:600,damping:30},className:`w-1.5 h-1.5 rounded-full bg-white`})})]}),(a||s)&&(0,i.jsxs)(`div`,{className:`min-w-0`,children:[a&&(0,i.jsx)(`p`,{className:`text-sm font-medium text-foreground leading-snug`,children:a}),s&&(0,i.jsx)(`p`,{className:`mt-0.5 text-xs text-muted-foreground`,children:s})]})]})}exports.Radio=c,exports.RadioGroup=s;

package/dist/components/radio.d.ts

@@ -0,0 +1,22 @@
+import { ReactNode } from 'react';
+export interface RadioGroupProps {
+    name?: string;
+    value: string;
+    onChange: (value: string) => void;
+    disabled?: boolean;
+    label?: string;
+    hint?: string;
+    error?: string;
+    orientation?: "vertical" | "horizontal";
+    className?: string;
+    children: ReactNode;
+}
+export declare function RadioGroup({ name: externalName, value, onChange, disabled, label, hint, error, orientation, className, children, }: RadioGroupProps): import("react").JSX.Element;
+export interface RadioProps {
+    value: string;
+    label?: string;
+    description?: string;
+    disabled?: boolean;
+    className?: string;
+}
+export declare function Radio({ value, label, description, disabled: localDisabled, className }: RadioProps): import("react").JSX.Element;