@bzync/rui 0.0.3

package/dist/components/spinner.js

@@ -0,0 +1,31 @@
+import { t as e } from "../cn-DpgY2leY.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/components/spinner.tsx
+var r = {
+	xs: "w-3 h-3",
+	sm: "w-4 h-4",
+	md: "w-5 h-5",
+	lg: "w-7 h-7"
+};
+function i({ size: i = "md", className: a }) {
+	return /* @__PURE__ */ n("svg", {
+		className: e("animate-spin text-accent-500 dark:text-accent-400", r[i], a),
+		viewBox: "0 0 24 24",
+		fill: "none",
+		"aria-label": "Loading",
+		children: [/* @__PURE__ */ t("circle", {
+			className: "opacity-20",
+			cx: "12",
+			cy: "12",
+			r: "10",
+			stroke: "currentColor",
+			strokeWidth: "3"
+		}), /* @__PURE__ */ t("path", {
+			className: "opacity-80",
+			fill: "currentColor",
+			d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z"
+		})]
+	});
+}
+//#endregion
+export { i as Spinner };

package/dist/components/stat.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={up:{color:`text-emerald-400`,icon:(0,t.jsx)(`svg`,{width:`12`,height:`12`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2.5`,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,t.jsx)(`path`,{d:`m18 15-6-6-6 6`})})},down:{color:`text-red-400`,icon:(0,t.jsx)(`svg`,{width:`12`,height:`12`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2.5`,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,t.jsx)(`path`,{d:`m6 9 6 6 6-6`})})},neutral:{color:`text-slate-500`,icon:(0,t.jsx)(`svg`,{width:`12`,height:`12`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2.5`,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,t.jsx)(`path`,{d:`M5 12h14`})})}};function r({label:r,value:i,unit:a,valueClassName:o,trend:s,trendValue:c,icon:l,description:u,action:d,className:f,...p}){return(0,t.jsxs)(`div`,{className:e.t(`flex flex-col gap-1 rounded-xl border border-black/[0.08] dark:border-white/[0.08] bg-white dark:bg-navy-900 p-4 shadow-sm shadow-black/[0.04] dark:shadow-none`,f),...p,children:[(0,t.jsxs)(`div`,{className:`flex items-start justify-between gap-2`,children:[(0,t.jsx)(`p`,{className:`text-[11px] font-semibold text-slate-500 dark:text-slate-400 uppercase tracking-[0.07em]`,children:r}),(0,t.jsxs)(`span`,{className:`flex items-center gap-1.5 shrink-0`,children:[d,l&&(0,t.jsx)(`span`,{className:`text-slate-400 dark:text-slate-500`,children:l})]})]}),(0,t.jsxs)(`div`,{className:`flex items-baseline gap-1.5 mt-1.5`,children:[(0,t.jsx)(`span`,{className:e.t(`text-[26px] font-semibold tabular-nums text-slate-900 dark:text-white leading-none tracking-tight`,o),children:i}),a&&(0,t.jsx)(`span`,{className:`text-sm text-slate-500`,children:a})]}),(s||u)&&(0,t.jsxs)(`div`,{className:`flex items-center gap-1.5 mt-1`,children:[s&&c&&(0,t.jsxs)(`span`,{className:e.t(`flex items-center gap-0.5 text-xs font-medium`,n[s].color),children:[n[s].icon,c]}),u&&(0,t.jsx)(`span`,{className:`text-xs text-slate-500`,children:u})]})]})}exports.Stat=r;

package/dist/components/stat.d.ts

@@ -0,0 +1,18 @@
+import { HTMLAttributes, ReactNode } from 'react';
+type Trend = "up" | "down" | "neutral";
+export interface StatProps extends HTMLAttributes<HTMLDivElement> {
+    label: string;
+    value: string | number;
+    unit?: string;
+    valueClassName?: string;
+    trend?: Trend;
+    trendValue?: string;
+    icon?: ReactNode;
+    description?: string;
+    /** Rendered next to the icon in the header row — e.g. a small toggle.
+     * Clicks inside it are not stopped from bubbling; wrap with
+     * `onClick={(e) => e.stopPropagation()}` if the Stat sits inside a link. */
+    action?: ReactNode;
+}
+export declare function Stat({ label, value, unit, valueClassName, trend, trendValue, icon, description, action, className, ...props }: StatProps): import("react").JSX.Element;
+export {};

package/dist/components/stat.js

@@ -0,0 +1,90 @@
+import { t as e } from "../cn-DpgY2leY.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/components/stat.tsx
+var r = {
+	up: {
+		color: "text-emerald-400",
+		icon: /* @__PURE__ */ t("svg", {
+			width: "12",
+			height: "12",
+			viewBox: "0 0 24 24",
+			fill: "none",
+			stroke: "currentColor",
+			strokeWidth: "2.5",
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			children: /* @__PURE__ */ t("path", { d: "m18 15-6-6-6 6" })
+		})
+	},
+	down: {
+		color: "text-red-400",
+		icon: /* @__PURE__ */ t("svg", {
+			width: "12",
+			height: "12",
+			viewBox: "0 0 24 24",
+			fill: "none",
+			stroke: "currentColor",
+			strokeWidth: "2.5",
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			children: /* @__PURE__ */ t("path", { d: "m6 9 6 6 6-6" })
+		})
+	},
+	neutral: {
+		color: "text-slate-500",
+		icon: /* @__PURE__ */ t("svg", {
+			width: "12",
+			height: "12",
+			viewBox: "0 0 24 24",
+			fill: "none",
+			stroke: "currentColor",
+			strokeWidth: "2.5",
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			children: /* @__PURE__ */ t("path", { d: "M5 12h14" })
+		})
+	}
+};
+function i({ label: i, value: a, unit: o, valueClassName: s, trend: c, trendValue: l, icon: u, description: d, action: f, className: p, ...m }) {
+	return /* @__PURE__ */ n("div", {
+		className: e("flex flex-col gap-1 rounded-xl border border-black/[0.08] dark:border-white/[0.08] bg-white dark:bg-navy-900 p-4 shadow-sm shadow-black/[0.04] dark:shadow-none", p),
+		...m,
+		children: [
+			/* @__PURE__ */ n("div", {
+				className: "flex items-start justify-between gap-2",
+				children: [/* @__PURE__ */ t("p", {
+					className: "text-[11px] font-semibold text-slate-500 dark:text-slate-400 uppercase tracking-[0.07em]",
+					children: i
+				}), /* @__PURE__ */ n("span", {
+					className: "flex items-center gap-1.5 shrink-0",
+					children: [f, u && /* @__PURE__ */ t("span", {
+						className: "text-slate-400 dark:text-slate-500",
+						children: u
+					})]
+				})]
+			}),
+			/* @__PURE__ */ n("div", {
+				className: "flex items-baseline gap-1.5 mt-1.5",
+				children: [/* @__PURE__ */ t("span", {
+					className: e("text-[26px] font-semibold tabular-nums text-slate-900 dark:text-white leading-none tracking-tight", s),
+					children: a
+				}), o && /* @__PURE__ */ t("span", {
+					className: "text-sm text-slate-500",
+					children: o
+				})]
+			}),
+			(c || d) && /* @__PURE__ */ n("div", {
+				className: "flex items-center gap-1.5 mt-1",
+				children: [c && l && /* @__PURE__ */ n("span", {
+					className: e("flex items-center gap-0.5 text-xs font-medium", r[c].color),
+					children: [r[c].icon, l]
+				}), d && /* @__PURE__ */ t("span", {
+					className: "text-xs text-slate-500",
+					children: d
+				})]
+			})
+		]
+	});
+}
+//#endregion
+export { i as Stat };

package/dist/components/status-dot.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={online:`bg-emerald-400`,offline:`bg-slate-500`,idle:`bg-amber-400`,busy:`bg-red-400`,error:`bg-red-500`,pending:`bg-sky-400`},r={sm:`w-1.5 h-1.5`,md:`w-2 h-2`,lg:`w-2.5 h-2.5`};function i({status:i,label:a,pulse:o=!1,size:s=`md`,className:c}){return(0,t.jsxs)(`span`,{className:e.t(`inline-flex items-center gap-1.5`,c),children:[(0,t.jsxs)(`span`,{className:`relative flex items-center justify-center`,children:[o&&(i===`online`||i===`pending`)&&(0,t.jsx)(`span`,{className:e.t(`absolute inline-flex rounded-full opacity-75 animate-ping`,n[i],r[s])}),(0,t.jsx)(`span`,{className:e.t(`relative inline-flex rounded-full`,n[i],r[s])})]}),a&&(0,t.jsx)(`span`,{className:`text-sm text-slate-600 dark:text-slate-300`,children:a})]})}exports.StatusDot=i;

package/dist/components/status-dot.d.ts

@@ -0,0 +1,10 @@
+type Status = "online" | "offline" | "idle" | "busy" | "error" | "pending";
+export interface StatusDotProps {
+    status: Status;
+    label?: string;
+    pulse?: boolean;
+    size?: "sm" | "md" | "lg";
+    className?: string;
+}
+export declare function StatusDot({ status, label, pulse, size, className }: StatusDotProps): import("react").JSX.Element;
+export {};

package/dist/components/status-dot.js

@@ -0,0 +1,29 @@
+import { t as e } from "../cn-DpgY2leY.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/components/status-dot.tsx
+var r = {
+	online: "bg-emerald-400",
+	offline: "bg-slate-500",
+	idle: "bg-amber-400",
+	busy: "bg-red-400",
+	error: "bg-red-500",
+	pending: "bg-sky-400"
+}, i = {
+	sm: "w-1.5 h-1.5",
+	md: "w-2 h-2",
+	lg: "w-2.5 h-2.5"
+};
+function a({ status: a, label: o, pulse: s = !1, size: c = "md", className: l }) {
+	return /* @__PURE__ */ n("span", {
+		className: e("inline-flex items-center gap-1.5", l),
+		children: [/* @__PURE__ */ n("span", {
+			className: "relative flex items-center justify-center",
+			children: [s && (a === "online" || a === "pending") && /* @__PURE__ */ t("span", { className: e("absolute inline-flex rounded-full opacity-75 animate-ping", r[a], i[c]) }), /* @__PURE__ */ t("span", { className: e("relative inline-flex rounded-full", r[a], i[c]) })]
+		}), o && /* @__PURE__ */ t("span", {
+			className: "text-sm text-slate-600 dark:text-slate-300",
+			children: o
+		})]
+	});
+}
+//#endregion
+export { a as StatusDot };

package/dist/components/stepper.cjs

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

package/dist/components/stepper.d.ts

@@ -0,0 +1,11 @@
+export interface StepperStep {
+    label: string;
+    description?: string;
+}
+export interface StepperProps {
+    steps: StepperStep[];
+    current: number;
+    orientation?: "horizontal" | "vertical";
+    className?: string;
+}
+export declare function Stepper({ steps, current, orientation, className }: StepperProps): import("react").JSX.Element;

package/dist/components/stepper.js

@@ -0,0 +1,67 @@
+import { t as e } from "../cn-DpgY2leY.js";
+import { Fragment as t, jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/stepper.tsx
+function i({ steps: i, current: a, orientation: o = "horizontal", className: s }) {
+	return /* @__PURE__ */ n("div", {
+		className: e(o === "vertical" ? "flex flex-col gap-0" : "flex items-start gap-0 min-w-0 overflow-x-auto", s),
+		children: i.map((s, c) => {
+			let l = c < a, u = c === a, d = c === i.length - 1;
+			return /* @__PURE__ */ n("div", {
+				className: e(o === "vertical" ? "flex gap-3" : "flex flex-col items-center flex-1"),
+				children: o === "horizontal" ? /* @__PURE__ */ r(t, { children: [/* @__PURE__ */ r("div", {
+					className: "flex items-center w-full",
+					children: [/* @__PURE__ */ n("div", {
+						className: e("w-8 h-8 rounded-full flex items-center justify-center shrink-0 text-sm font-semibold border-2 transition-colors", l ? "bg-primary border-primary text-primary-foreground" : u ? "border-accent-500 text-accent-400 bg-accent-500/10" : "border-black/15 dark:border-white/15 text-slate-500"),
+						children: l ? /* @__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: "m20 6-11 11-5-5" })
+						}) : c + 1
+					}), !d && /* @__PURE__ */ n("div", { className: e("flex-1 h-0.5 mx-2 rounded-full transition-colors", l ? "bg-primary" : "bg-border") })]
+				}), /* @__PURE__ */ r("div", {
+					className: "mt-2 text-center px-1",
+					children: [/* @__PURE__ */ n("p", {
+						className: e("text-xs font-medium", u ? "text-gray-900 dark:text-white" : "text-slate-500"),
+						children: s.label
+					}), s.description && /* @__PURE__ */ n("p", {
+						className: "text-[10px] text-slate-500 mt-0.5",
+						children: s.description
+					})]
+				})] }) : /* @__PURE__ */ r(t, { children: [/* @__PURE__ */ r("div", {
+					className: "flex flex-col items-center",
+					children: [/* @__PURE__ */ n("div", {
+						className: e("w-8 h-8 rounded-full flex items-center justify-center shrink-0 text-sm font-semibold border-2 transition-colors", l ? "bg-primary border-primary text-primary-foreground" : u ? "border-accent-500 text-accent-400 bg-accent-500/10" : "border-black/15 dark:border-white/15 text-slate-500"),
+						children: l ? /* @__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: "m20 6-11 11-5-5" })
+						}) : c + 1
+					}), !d && /* @__PURE__ */ n("div", { className: e("w-0.5 flex-1 min-h-8 my-1 rounded-full", l ? "bg-primary" : "bg-border") })]
+				}), /* @__PURE__ */ r("div", {
+					className: "pb-6",
+					children: [/* @__PURE__ */ n("p", {
+						className: e("text-sm font-medium leading-none mt-1.5", u ? "text-gray-900 dark:text-white" : "text-slate-500"),
+						children: s.label
+					}), s.description && /* @__PURE__ */ n("p", {
+						className: "text-xs text-slate-500 mt-1",
+						children: s.description
+					})]
+				})] })
+			}, c);
+		})
+	});
+}
+//#endregion
+export { i as Stepper };

package/dist/components/switch.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={sm:{w:36,h:20,thumb:14,gap:3},md:{w:44,h:24,thumb:18,gap:3}},a=(0,n.forwardRef)(({className:a,label:o,description:s,size:c=`md`,checked:l,defaultChecked:u,onChange:d,onCheckedChange:f,disabled:p,id:m,...h},g)=>{let[_,v]=(0,n.useState)(l===void 0?u??!1:l);(0,n.useEffect)(()=>{l!==void 0&&v(l)},[l]);let y=(0,n.useId)(),b=m??y,x=i[c],S=_?x.w-x.thumb-x.gap:x.gap;return(0,r.jsxs)(`label`,{htmlFor:b,className:e.t(`flex items-start gap-3 cursor-pointer`,p&&`cursor-not-allowed opacity-50`,a),children:[(0,r.jsxs)(`div`,{className:`relative mt-0.5 shrink-0`,style:{width:x.w,height:x.h},children:[(0,r.jsx)(`input`,{ref:g,type:`checkbox`,id:b,className:`peer absolute inset-0 z-10 h-full w-full cursor-pointer opacity-0 disabled:cursor-not-allowed`,checked:_,disabled:p,onChange:e=>{l===void 0&&v(e.target.checked),d?.(e),f?.(e.target.checked)},...h}),(0,r.jsx)(`div`,{className:e.t(`rounded-full w-full h-full border transition-all duration-200 peer-focus-visible:ring-2 peer-focus-visible:ring-focus-ring/35 peer-focus-visible:ring-offset-2 peer-focus-visible:ring-offset-bg`,_?`bg-primary border-primary`:`bg-muted border-border-strong`)}),(0,r.jsx)(t.motion.span,{className:`absolute rounded-full bg-white shadow-md shadow-black/20`,style:{width:x.thumb,height:x.thumb,top:x.gap,boxShadow:`0 1px 4px rgba(0,0,0,0.22), 0 0 0 0.5px rgba(0,0,0,0.06)`},animate:{x:S},transition:{type:`spring`,stiffness:600,damping:35}})]}),(o||s)&&(0,r.jsxs)(`div`,{className:`min-w-0`,children:[o&&(0,r.jsx)(`p`,{className:`text-sm font-medium text-foreground`,children:o}),s&&(0,r.jsx)(`p`,{className:`mt-0.5 text-xs text-muted-foreground`,children:s})]})]})});a.displayName=`Switch`,exports.Switch=a;

package/dist/components/switch.d.ts

@@ -0,0 +1,8 @@
+import { InputHTMLAttributes } from 'react';
+export interface SwitchProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "type"> {
+    label?: string;
+    description?: string;
+    size?: "sm" | "md";
+    onCheckedChange?: (checked: boolean) => void;
+}
+export declare const Switch: import('react').ForwardRefExoticComponent<SwitchProps & import('react').RefAttributes<HTMLInputElement>>;

package/dist/components/switch.js

@@ -0,0 +1,79 @@
+"use client";
+import { t as e } from "../cn-DpgY2leY.js";
+import { motion as t } from "framer-motion";
+import { forwardRef as n, useEffect as r, useId as i, useState as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/components/switch.tsx
+var c = {
+	sm: {
+		w: 36,
+		h: 20,
+		thumb: 14,
+		gap: 3
+	},
+	md: {
+		w: 44,
+		h: 24,
+		thumb: 18,
+		gap: 3
+	}
+}, l = n(({ className: n, label: l, description: u, size: d = "md", checked: f, defaultChecked: p, onChange: m, onCheckedChange: h, disabled: g, id: _, ...v }, y) => {
+	let [b, x] = a(f === void 0 ? p ?? !1 : f);
+	r(() => {
+		f !== void 0 && x(f);
+	}, [f]);
+	let S = i(), C = _ ?? S, w = c[d], T = b ? w.w - w.thumb - w.gap : w.gap;
+	return /* @__PURE__ */ s("label", {
+		htmlFor: C,
+		className: e("flex items-start gap-3 cursor-pointer", g && "cursor-not-allowed opacity-50", n),
+		children: [/* @__PURE__ */ s("div", {
+			className: "relative mt-0.5 shrink-0",
+			style: {
+				width: w.w,
+				height: w.h
+			},
+			children: [
+				/* @__PURE__ */ o("input", {
+					ref: y,
+					type: "checkbox",
+					id: C,
+					className: "peer absolute inset-0 z-10 h-full w-full cursor-pointer opacity-0 disabled:cursor-not-allowed",
+					checked: b,
+					disabled: g,
+					onChange: (e) => {
+						f === void 0 && x(e.target.checked), m?.(e), h?.(e.target.checked);
+					},
+					...v
+				}),
+				/* @__PURE__ */ o("div", { className: e("rounded-full w-full h-full border transition-all duration-200 peer-focus-visible:ring-2 peer-focus-visible:ring-focus-ring/35 peer-focus-visible:ring-offset-2 peer-focus-visible:ring-offset-bg", b ? "bg-primary border-primary" : "bg-muted border-border-strong") }),
+				/* @__PURE__ */ o(t.span, {
+					className: "absolute rounded-full bg-white shadow-md shadow-black/20",
+					style: {
+						width: w.thumb,
+						height: w.thumb,
+						top: w.gap,
+						boxShadow: "0 1px 4px rgba(0,0,0,0.22), 0 0 0 0.5px rgba(0,0,0,0.06)"
+					},
+					animate: { x: T },
+					transition: {
+						type: "spring",
+						stiffness: 600,
+						damping: 35
+					}
+				})
+			]
+		}), (l || u) && /* @__PURE__ */ s("div", {
+			className: "min-w-0",
+			children: [l && /* @__PURE__ */ o("p", {
+				className: "text-sm font-medium text-foreground",
+				children: l
+			}), u && /* @__PURE__ */ o("p", {
+				className: "mt-0.5 text-xs text-muted-foreground",
+				children: u
+			})]
+		})]
+	});
+});
+l.displayName = "Switch";
+//#endregion
+export { l as Switch };

package/dist/components/table.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../cn-BdjraxxU.cjs");let t=require("react/jsx-runtime");function n({className:n,containerClassName:r,scrollAreaClassName:i,density:a=`comfortable`,children:o,...s}){return(0,t.jsx)(`div`,{className:e.t(`w-full overflow-hidden rounded-[var(--radius-lg)] border border-border bg-surface`,r),children:(0,t.jsx)(`div`,{className:e.t(`w-full overflow-x-auto overscroll-x-contain scrollbar-thin`,i),children:(0,t.jsx)(`table`,{"data-density":a,className:e.t(`group/table w-full border-collapse text-sm`,n),...s,children:o})})})}function r({className:n,children:r,...i}){return(0,t.jsx)(`thead`,{className:e.t(`border-b border-border bg-surface-muted`,n),...i,children:r})}function i({className:n,children:r,...i}){return(0,t.jsx)(`tbody`,{className:e.t(`divide-y divide-border`,n),...i,children:r})}function a({className:n,children:r,...i}){return(0,t.jsx)(`tr`,{className:e.t(`transition-colors duration-100 hover:bg-surface-muted aria-selected:bg-accent-50/70 dark:aria-selected:bg-accent-500/10`,n),...i,children:r})}function o({className:n,children:r,...i}){return(0,t.jsx)(`th`,{className:e.t(`px-4 py-2.5 text-left text-xs font-medium text-muted-foreground whitespace-nowrap group-data-[density=compact]/table:px-3 group-data-[density=compact]/table:py-2`,n),...i,children:r})}function s({className:n,children:r,...i}){return(0,t.jsx)(`td`,{className:e.t(`px-4 py-3 text-sm text-foreground whitespace-nowrap group-data-[density=compact]/table:px-3 group-data-[density=compact]/table:py-2`,n),...i,children:r})}exports.Table=n,exports.TableBody=i,exports.TableCell=s,exports.TableHead=o,exports.TableHeader=r,exports.TableRow=a;

package/dist/components/table.d.ts

@@ -0,0 +1,12 @@
+import { HTMLAttributes, TdHTMLAttributes, ThHTMLAttributes } from 'react';
+export interface TableProps extends HTMLAttributes<HTMLTableElement> {
+    containerClassName?: string;
+    scrollAreaClassName?: string;
+    density?: "compact" | "comfortable";
+}
+export declare function Table({ className, containerClassName, scrollAreaClassName, density, children, ...props }: TableProps): import("react").JSX.Element;
+export declare function TableHeader({ className, children, ...props }: HTMLAttributes<HTMLTableSectionElement>): import("react").JSX.Element;
+export declare function TableBody({ className, children, ...props }: HTMLAttributes<HTMLTableSectionElement>): import("react").JSX.Element;
+export declare function TableRow({ className, children, ...props }: HTMLAttributes<HTMLTableRowElement>): import("react").JSX.Element;
+export declare function TableHead({ className, children, ...props }: ThHTMLAttributes<HTMLTableCellElement>): import("react").JSX.Element;
+export declare function TableCell({ className, children, ...props }: TdHTMLAttributes<HTMLTableCellElement>): import("react").JSX.Element;

package/dist/components/table.js

@@ -0,0 +1,54 @@
+import { t as e } from "../cn-DpgY2leY.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/components/table.tsx
+function n({ className: n, containerClassName: r, scrollAreaClassName: i, density: a = "comfortable", children: o, ...s }) {
+	return /* @__PURE__ */ t("div", {
+		className: e("w-full overflow-hidden rounded-[var(--radius-lg)] border border-border bg-surface", r),
+		children: /* @__PURE__ */ t("div", {
+			className: e("w-full overflow-x-auto overscroll-x-contain scrollbar-thin", i),
+			children: /* @__PURE__ */ t("table", {
+				"data-density": a,
+				className: e("group/table w-full border-collapse text-sm", n),
+				...s,
+				children: o
+			})
+		})
+	});
+}
+function r({ className: n, children: r, ...i }) {
+	return /* @__PURE__ */ t("thead", {
+		className: e("border-b border-border bg-surface-muted", n),
+		...i,
+		children: r
+	});
+}
+function i({ className: n, children: r, ...i }) {
+	return /* @__PURE__ */ t("tbody", {
+		className: e("divide-y divide-border", n),
+		...i,
+		children: r
+	});
+}
+function a({ className: n, children: r, ...i }) {
+	return /* @__PURE__ */ t("tr", {
+		className: e("transition-colors duration-100 hover:bg-surface-muted aria-selected:bg-accent-50/70 dark:aria-selected:bg-accent-500/10", n),
+		...i,
+		children: r
+	});
+}
+function o({ className: n, children: r, ...i }) {
+	return /* @__PURE__ */ t("th", {
+		className: e("px-4 py-2.5 text-left text-xs font-medium text-muted-foreground whitespace-nowrap group-data-[density=compact]/table:px-3 group-data-[density=compact]/table:py-2", n),
+		...i,
+		children: r
+	});
+}
+function s({ className: n, children: r, ...i }) {
+	return /* @__PURE__ */ t("td", {
+		className: e("px-4 py-3 text-sm text-foreground whitespace-nowrap group-data-[density=compact]/table:px-3 group-data-[density=compact]/table:py-2", n),
+		...i,
+		children: r
+	});
+}
+//#endregion
+export { n as Table, i as TableBody, s as TableCell, o as TableHead, r as TableHeader, a as TableRow };

package/dist/components/tabs.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(`Tabs subcomponents must be inside <Tabs>`);return e}function s({defaultValue:t,value:n,children:o,className:s,orientation:c=`horizontal`,onChange:l}){let[u,d]=(0,r.useState)(t),f=n??u,p=(0,r.useId)();return(0,i.jsx)(a.Provider,{value:{active:f,setActive:e=>{n===void 0&&d(e),l?.(e)},orientation:c,tabsId:p},children:(0,i.jsx)(`div`,{className:e.t(c===`vertical`?`flex flex-col gap-4 sm:flex-row`:`flex flex-col`,s),children:o})})}function c({className:t,children:n,...r}){let{orientation:a}=o();return(0,i.jsx)(`div`,{className:e.t(`rounded-[var(--radius-md)] border border-border bg-surface-muted p-1`,a===`vertical`?`flex flex-row sm:flex-col gap-0.5 w-full sm:w-36 sm:shrink-0 overflow-x-auto`:`flex items-center gap-0.5 overflow-x-auto max-w-full scrollbar-none`,t),role:`tablist`,...r,children:n})}function l({value:r,className:a,children:s,icon:c,onKeyDown:l,...u}){let{active:d,setActive:f,orientation:p,tabsId:m}=o(),h=d===r,g=encodeURIComponent(r),_=`${m}-tab-${g}`,v=`${m}-panel-${g}`;function y(e){if(l?.(e),e.defaultPrevented||!(p===`vertical`?[`ArrowUp`,`ArrowDown`]:[`ArrowLeft`,`ArrowRight`]).includes(e.key)&&e.key!==`Home`&&e.key!==`End`)return;let t=e.currentTarget.closest(`[role="tablist"]`),n=Array.from(t?.querySelectorAll(`[role="tab"]:not(:disabled)`)??[]),r=n.indexOf(e.currentTarget);if(r<0||n.length===0)return;e.preventDefault();let i=e.key===`Home`?0:e.key===`End`?n.length-1:(r+(e.key===`ArrowRight`||e.key===`ArrowDown`?1:-1)+n.length)%n.length;n[i]?.focus(),n[i]?.click()}return(0,i.jsxs)(`button`,{role:`tab`,type:`button`,id:_,"aria-controls":v,"aria-selected":h,tabIndex:h?0:-1,onClick:()=>f(r),onKeyDown:y,className:e.t(`relative text-sm font-medium cursor-pointer transition-colors`,p===`vertical`?`flex items-center gap-2 w-full px-3 py-2 rounded-md text-left`:`px-3 py-1.5 rounded-md`,t.s,h?`text-foreground`:`text-muted-foreground hover:text-foreground`,a),...u,children:[h&&(0,i.jsx)(n.motion.span,{layoutId:`tab-bg-${m}`,className:`absolute inset-0 rounded-md border border-border bg-surface shadow-xs`,transition:{type:`spring`,stiffness:450,damping:32}}),c&&(0,i.jsx)(`span`,{className:`relative z-10 shrink-0 opacity-70`,children:c}),(0,i.jsx)(`span`,{className:`relative z-10`,children:s})]})}function u({value:t,className:r,children:a,...s}){let{active:c,orientation:l,tabsId:u}=o(),d=encodeURIComponent(t);return(0,i.jsx)(n.AnimatePresence,{mode:`wait`,children:c===t&&(0,i.jsx)(n.motion.div,{initial:l===`vertical`?{opacity:0,x:6}:{opacity:0,y:4},animate:l===`vertical`?{opacity:1,x:0}:{opacity:1,y:0},exit:l===`vertical`?{opacity:0,x:-6}:{opacity:0,y:-4},transition:{duration:.15},role:`tabpanel`,id:`${u}-panel-${d}`,"aria-labelledby":`${u}-tab-${d}`,tabIndex:0,className:e.t(l===`vertical`?`flex-1 min-w-0`:`mt-4`,r),...s,children:a},t)})}exports.Tabs=s,exports.TabsContent=u,exports.TabsList=c,exports.TabsTrigger=l;

package/dist/components/tabs.d.ts

@@ -0,0 +1,22 @@
+import { HTMLMotionProps } from 'framer-motion';
+import { HTMLAttributes, ButtonHTMLAttributes, ReactNode } from 'react';
+export interface TabsProps {
+    defaultValue: string;
+    value?: string;
+    children: ReactNode;
+    className?: string;
+    orientation?: "horizontal" | "vertical";
+    onChange?: (value: string) => void;
+}
+export declare function Tabs({ defaultValue, value, children, className, orientation, onChange, }: TabsProps): import("react").JSX.Element;
+export declare function TabsList({ className, children, ...props }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
+export interface TabsTriggerProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    value: string;
+    icon?: ReactNode;
+}
+export declare function TabsTrigger({ value, className, children, icon, onKeyDown, ...props }: TabsTriggerProps): import("react").JSX.Element;
+export interface TabsContentProps extends Omit<HTMLMotionProps<"div">, "children"> {
+    value: string;
+    children?: ReactNode;
+}
+export declare function TabsContent({ value, className, children, ...props }: TabsContentProps): import("react").JSX.Element;

package/dist/components/tabs.js

@@ -0,0 +1,120 @@
+"use client";
+import { t as e } from "../cn-DpgY2leY.js";
+import { s as t } from "../component-styles-Ce56hn9T.js";
+import { AnimatePresence as n, motion as r } from "framer-motion";
+import { createContext as i, useContext as a, useId as o, useState as s } from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region src/components/tabs.tsx
+var u = i(null);
+function d() {
+	let e = a(u);
+	if (!e) throw Error("Tabs subcomponents must be inside <Tabs>");
+	return e;
+}
+function f({ defaultValue: t, value: n, children: r, className: i, orientation: a = "horizontal", onChange: l }) {
+	let [d, f] = s(t), p = n ?? d, m = o();
+	return /* @__PURE__ */ c(u.Provider, {
+		value: {
+			active: p,
+			setActive: (e) => {
+				n === void 0 && f(e), l?.(e);
+			},
+			orientation: a,
+			tabsId: m
+		},
+		children: /* @__PURE__ */ c("div", {
+			className: e(a === "vertical" ? "flex flex-col gap-4 sm:flex-row" : "flex flex-col", i),
+			children: r
+		})
+	});
+}
+function p({ className: t, children: n, ...r }) {
+	let { orientation: i } = d();
+	return /* @__PURE__ */ c("div", {
+		className: e("rounded-[var(--radius-md)] border border-border bg-surface-muted p-1", i === "vertical" ? "flex flex-row sm:flex-col gap-0.5 w-full sm:w-36 sm:shrink-0 overflow-x-auto" : "flex items-center gap-0.5 overflow-x-auto max-w-full scrollbar-none", t),
+		role: "tablist",
+		...r,
+		children: n
+	});
+}
+function m({ value: n, className: i, children: a, icon: o, onKeyDown: s, ...u }) {
+	let { active: f, setActive: p, orientation: m, tabsId: h } = d(), g = f === n, _ = encodeURIComponent(n), v = `${h}-tab-${_}`, y = `${h}-panel-${_}`;
+	function b(e) {
+		if (s?.(e), e.defaultPrevented || !(m === "vertical" ? ["ArrowUp", "ArrowDown"] : ["ArrowLeft", "ArrowRight"]).includes(e.key) && e.key !== "Home" && e.key !== "End") return;
+		let t = e.currentTarget.closest("[role=\"tablist\"]"), n = Array.from(t?.querySelectorAll("[role=\"tab\"]:not(:disabled)") ?? []), r = n.indexOf(e.currentTarget);
+		if (r < 0 || n.length === 0) return;
+		e.preventDefault();
+		let i = e.key === "Home" ? 0 : e.key === "End" ? n.length - 1 : (r + (e.key === "ArrowRight" || e.key === "ArrowDown" ? 1 : -1) + n.length) % n.length;
+		n[i]?.focus(), n[i]?.click();
+	}
+	return /* @__PURE__ */ l("button", {
+		role: "tab",
+		type: "button",
+		id: v,
+		"aria-controls": y,
+		"aria-selected": g,
+		tabIndex: g ? 0 : -1,
+		onClick: () => p(n),
+		onKeyDown: b,
+		className: e("relative text-sm font-medium cursor-pointer transition-colors", m === "vertical" ? "flex items-center gap-2 w-full px-3 py-2 rounded-md text-left" : "px-3 py-1.5 rounded-md", t, g ? "text-foreground" : "text-muted-foreground hover:text-foreground", i),
+		...u,
+		children: [
+			g && /* @__PURE__ */ c(r.span, {
+				layoutId: `tab-bg-${h}`,
+				className: "absolute inset-0 rounded-md border border-border bg-surface shadow-xs",
+				transition: {
+					type: "spring",
+					stiffness: 450,
+					damping: 32
+				}
+			}),
+			o && /* @__PURE__ */ c("span", {
+				className: "relative z-10 shrink-0 opacity-70",
+				children: o
+			}),
+			/* @__PURE__ */ c("span", {
+				className: "relative z-10",
+				children: a
+			})
+		]
+	});
+}
+function h({ value: t, className: i, children: a, ...o }) {
+	let { active: s, orientation: l, tabsId: u } = d(), f = encodeURIComponent(t);
+	return /* @__PURE__ */ c(n, {
+		mode: "wait",
+		children: s === t && /* @__PURE__ */ c(r.div, {
+			initial: l === "vertical" ? {
+				opacity: 0,
+				x: 6
+			} : {
+				opacity: 0,
+				y: 4
+			},
+			animate: l === "vertical" ? {
+				opacity: 1,
+				x: 0
+			} : {
+				opacity: 1,
+				y: 0
+			},
+			exit: l === "vertical" ? {
+				opacity: 0,
+				x: -6
+			} : {
+				opacity: 0,
+				y: -4
+			},
+			transition: { duration: .15 },
+			role: "tabpanel",
+			id: `${u}-panel-${f}`,
+			"aria-labelledby": `${u}-tab-${f}`,
+			tabIndex: 0,
+			className: e(l === "vertical" ? "flex-1 min-w-0" : "mt-4", i),
+			...o,
+			children: a
+		}, t)
+	});
+}
+//#endregion
+export { f as Tabs, h as TabsContent, p as TabsList, m as TabsTrigger };

package/dist/components/tag.cjs

@@ -0,0 +1 @@
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../cn-BdjraxxU.cjs");let t=require("react/jsx-runtime");var n={default:`bg-black/8 dark:bg-white/8 text-slate-700 dark:text-slate-200 border-black/12 dark:border-white/12`,success:`bg-emerald-500/12 text-emerald-400 border-emerald-500/20`,warning:`bg-amber-500/12 text-amber-400 border-amber-500/20`,error:`bg-red-500/12 text-red-400 border-red-500/20`,info:`bg-sky-500/12 text-sky-400 border-sky-500/20`},r={default:`text-slate-500 hover:text-slate-700 dark:hover:text-slate-200`,success:`text-emerald-400 hover:text-emerald-300`,warning:`text-amber-400 hover:text-amber-300`,error:`text-red-400 hover:text-red-300`,info:`text-sky-400 hover:text-sky-300`},i={sm:`px-2 py-0.5 text-xs gap-1 rounded-md`,md:`px-2.5 py-1 text-xs gap-1.5 rounded-lg`};function a({variant:a=`default`,size:o=`md`,onRemove:s,icon:c,disabled:l,className:u,children:d,...f}){return(0,t.jsxs)(`span`,{className:e.t(`inline-flex items-center font-medium border transition-colors`,n[a],i[o],l&&`opacity-50`,u),...f,children:[c&&(0,t.jsx)(`span`,{className:`shrink-0 w-3 h-3 flex items-center justify-center`,children:c}),(0,t.jsx)(`span`,{className:`truncate`,children:d}),s&&!l&&(0,t.jsx)(`button`,{type:`button`,tabIndex:-1,onClick:e=>{e.stopPropagation(),s()},className:e.t(`shrink-0 ml-0.5 transition-colors cursor-pointer`,r[a]),"aria-label":`Remove${typeof d==`string`?` ${d}`:``}`,children:(0,t.jsx)(`svg`,{width:`10`,height:`10`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`3`,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,t.jsx)(`path`,{d:`M18 6 6 18M6 6l12 12`})})})]})}exports.Tag=a;

package/dist/components/tag.d.ts

@@ -0,0 +1,12 @@
+import { HTMLAttributes, ReactNode } from 'react';
+type TagVariant = "default" | "success" | "warning" | "error" | "info";
+type TagSize = "sm" | "md";
+export interface TagProps extends HTMLAttributes<HTMLSpanElement> {
+    variant?: TagVariant;
+    size?: TagSize;
+    onRemove?: () => void;
+    icon?: ReactNode;
+    disabled?: boolean;
+}
+export declare function Tag({ variant, size, onRemove, icon, disabled, className, children, ...props }: TagProps): import("react").JSX.Element;
+export {};