@bzync/rui 0.0.4 → 0.0.8

package/dist/{component-styles-Bgy44fc8.js → component-styles-C2CbHEEA.js}

@@ -3,10 +3,10 @@ var e = "flex w-full flex-col gap-1.5", t = "text-xs font-semibold leading-5 tex
 	"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/15",
+	"focus-within:border-accent-500 focus-within:outline-none focus-within:ring-[3px] focus-within:ring-focus-ring/25",
 	"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 = [
+].join(" "), a = "border-destructive/60 hover:border-destructive/70 focus-within:border-destructive focus-within:ring-destructive/25", o = "focus-ring", 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",

package/dist/component-styles-DY4wigiq.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-[3px] focus-within:ring-focus-ring/25`,`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/25`,n=`focus-ring`,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-xs font-semibold 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

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

@@ -1,6 +1,6 @@
 "use client";
-import { t as e } from "../cn-DpgY2leY.js";
-import { s as t } from "../component-styles-Bgy44fc8.js";
+import { t as e } from "../cn-BJyZJP-y.js";
+import { s as t } from "../component-styles-C2CbHEEA.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";

package/dist/components/alert.cjs

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

@@ -1,6 +1,6 @@
 "use client";
-import { t as e } from "../cn-DpgY2leY.js";
-import "../component-styles-Bgy44fc8.js";
+import { t as e } from "../cn-BJyZJP-y.js";
+import "../component-styles-C2CbHEEA.js";
 import { motion as t } from "framer-motion";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
 //#region src/components/alert.tsx
@@ -145,7 +145,7 @@ function o({ variant: o = "info", title: s, icon: c, className: l, children: u,
 				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),
+				className: e("shrink-0 mt-0.5 rounded-sm opacity-60 hover:opacity-100 transition-opacity cursor-pointer", "focus-ring", m.icon),
 				children: /* @__PURE__ */ r("svg", {
 					width: "14",
 					height: "14",

package/dist/components/aspect-ratio.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../cn-B6R3HKzx.cjs");let t=require("react"),n=require("react/jsx-runtime");var r=(0,t.forwardRef)(({ratio:t=16/9,className:r,style:i,...a},o)=>{let s=Number.isFinite(t)&&t>0?t:16/9,c={aspectRatio:s,...i};return(0,n.jsx)(`div`,{ref:o,"data-ratio":s,className:e.t(`relative w-full overflow-hidden`,r),style:c,...a})});r.displayName=`AspectRatio`,exports.AspectRatio=r;

package/dist/components/aspect-ratio.d.ts

@@ -0,0 +1,5 @@
+import { HTMLAttributes } from 'react';
+export interface AspectRatioProps extends HTMLAttributes<HTMLDivElement> {
+    ratio?: number;
+}
+export declare const AspectRatio: import('react').ForwardRefExoticComponent<AspectRatioProps & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/aspect-ratio.js

@@ -0,0 +1,20 @@
+import { t as e } from "../cn-BJyZJP-y.js";
+import { forwardRef as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/aspect-ratio.tsx
+var r = t(({ ratio: t = 16 / 9, className: r, style: i, ...a }, o) => {
+	let s = Number.isFinite(t) && t > 0 ? t : 16 / 9, c = {
+		aspectRatio: s,
+		...i
+	};
+	return /* @__PURE__ */ n("div", {
+		ref: o,
+		"data-ratio": s,
+		className: e("relative w-full overflow-hidden", r),
+		style: c,
+		...a
+	});
+});
+r.displayName = "AspectRatio";
+//#endregion
+export { r as AspectRatio };

package/dist/components/auth-backdrop.cjs

@@ -1 +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;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../cn-B6R3HKzx.cjs");let t=require("react"),n=require("react/jsx-runtime");var r=(0,t.forwardRef)(({className:t,...r},i)=>(0,n.jsx)(`div`,{ref:i,"aria-hidden":`true`,className:e.t(`pointer-events-none fixed inset-0 -z-10 bg-accent-500/[0.03] dark:bg-blue-400/[0.04]`,t),...r}));r.displayName=`AuthBackdrop`,exports.AuthBackdrop=r;

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

@@ -1,7 +1,10 @@
+import { HTMLAttributes } from 'react';
+export interface AuthBackdropProps extends HTMLAttributes<HTMLDivElement> {
+}
 /**
  * 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;
+export declare const AuthBackdrop: import('react').ForwardRefExoticComponent<AuthBackdropProps & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/auth-backdrop.js

@@ -1,10 +1,14 @@
-import { jsx as e } from "react/jsx-runtime";
+"use client";
+import { t as e } from "../cn-BJyZJP-y.js";
+import { forwardRef as t } from "react";
+import { jsx as n } 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]"
-	});
-}
+var r = t(({ className: t, ...r }, i) => /* @__PURE__ */ n("div", {
+	ref: i,
+	"aria-hidden": "true",
+	className: e("pointer-events-none fixed inset-0 -z-10 bg-accent-500/[0.03] dark:bg-blue-400/[0.04]", t),
+	...r
+}));
+r.displayName = "AuthBackdrop";
 //#endregion
-export { t as AuthBackdrop };
+export { r as AuthBackdrop };

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

@@ -1,7 +1,7 @@
 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, }: {
+export declare function AutocompleteDropdown<V>({ listRef, listId, open, pos, multiple, loading, filtered, emptyMessage, activeIdx, setActiveIdx, inputText, selectedValues, singleValue, onSelectSingle, onToggleMulti, className, optionClassName, loadingClassName, emptyClassName, }: {
     listRef: RefObject<HTMLUListElement | null>;
     listId: string;
     open: boolean;
@@ -18,4 +18,7 @@ export declare function AutocompleteDropdown<V>({ listRef, listId, open, pos, mu
     onSelectSingle: (opt: AutocompleteOption<V>) => void;
     onToggleMulti: (opt: AutocompleteOption<V>) => void;
     className?: string;
+    optionClassName?: string;
+    loadingClassName?: string;
+    emptyClassName?: string;
 }): import('react').ReactPortal | null;

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

@@ -1,6 +1,6 @@
 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, }: {
+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, className, inputClassName, }: {
     inputRef: (node: HTMLInputElement | null) => void;
     inputId: string;
     listId: string;
@@ -22,4 +22,6 @@ export declare function MultiTrigger<V>({ inputRef, inputId, listId, open, activ
     onClearAll: () => void;
     messageId?: string;
     inputProps?: Omit<InputHTMLAttributes<HTMLInputElement>, "id" | "value" | "onChange" | "onFocus" | "onKeyDown" | "disabled" | "prefix">;
+    className?: string;
+    inputClassName?: string;
 }): import("react").JSX.Element;

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

@@ -1,5 +1,5 @@
 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, }: {
+export declare function SingleTrigger({ inputRef, inputId, listId, open, activeIdx, inputText, prefix, placeholder, disabled, error, loading, showClear, onInputChange, onFocus, onKeyDown, onClear, messageId, inputProps, className, inputClassName, }: {
     inputRef: React.Ref<HTMLInputElement>;
     inputId: string;
     listId: string;
@@ -18,4 +18,6 @@ export declare function SingleTrigger({ inputRef, inputId, listId, open, activeI
     onClear: () => void;
     messageId?: string;
     inputProps?: Omit<InputHTMLAttributes<HTMLInputElement>, "id" | "value" | "onChange" | "onFocus" | "onKeyDown" | "disabled" | "prefix">;
+    className?: string;
+    inputClassName?: string;
 }): import("react").JSX.Element;

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

@@ -18,6 +18,21 @@ export interface AutocompletePropsBase<V = string> extends Omit<InputHTMLAttribu
     loading?: boolean;
     emptyMessage?: string;
     maxVisible?: number;
+    /** Styles the component root. */
+    wrapperClassName?: string;
+    /** Styles the input control surface. */
+    triggerClassName?: string;
+    /** Styles the native text input. */
+    inputClassName?: string;
+    labelClassName?: string;
+    messageClassName?: string;
+    /** Styles the portalled options list. */
+    listClassName?: string;
+    optionClassName?: string;
+    loadingClassName?: string;
+    emptyClassName?: string;
+    /** Removes the default component chrome while preserving behavior. */
+    unstyled?: boolean;
 }
 export interface AutocompletePropsSingle<V = string> extends AutocompletePropsBase<V> {
     multiple?: false;

package/dist/components/autocomplete.cjs

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

package/dist/components/autocomplete.js

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

package/dist/components/avatar-group.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../cn-B6R3HKzx.cjs");let t=require("react"),n=require("react/jsx-runtime");var r={tight:`-space-x-3`,normal:`-space-x-2`,loose:`-space-x-1`},i={xs:`size-6 text-[9px]`,sm:`size-8 text-[10px]`,md:`size-9 text-xs`,lg:`size-11 text-xs`,xl:`size-14 text-sm`},a=(0,t.forwardRef)(({spacing:t=`normal`,className:i,children:a,...o},s)=>(0,n.jsx)(`div`,{ref:s,role:`group`,className:e.t(`flex w-fit max-w-full items-center justify-start overflow-x-auto overscroll-x-contain px-0.5 py-0.5 scrollbar-none [&>*]:shrink-0 [&>*]:ring-2 [&>*]:ring-surface`,r[t],i),...o,children:a}));a.displayName=`AvatarGroup`;var o=(0,t.forwardRef)(({count:t,size:r=`md`,label:a,className:o,...s},c)=>{let l=Number.isFinite(t)?Math.max(0,Math.floor(t)):0,u=a??`${l} more people`;return(0,n.jsxs)(`span`,{ref:c,"aria-label":u,className:e.t(`inline-flex shrink-0 items-center justify-center rounded-full bg-surface-muted font-semibold text-muted-foreground`,i[r],o),...s,children:[`+`,l]})});o.displayName=`AvatarGroupOverflow`,exports.AvatarGroup=a,exports.AvatarGroupOverflow=o;

package/dist/components/avatar-group.d.ts

@@ -0,0 +1,14 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export type AvatarGroupSpacing = "tight" | "normal" | "loose";
+export type AvatarGroupOverflowSize = "xs" | "sm" | "md" | "lg" | "xl";
+export interface AvatarGroupProps extends HTMLAttributes<HTMLDivElement> {
+    spacing?: AvatarGroupSpacing;
+    children: ReactNode;
+}
+export declare const AvatarGroup: import('react').ForwardRefExoticComponent<AvatarGroupProps & import('react').RefAttributes<HTMLDivElement>>;
+export interface AvatarGroupOverflowProps extends HTMLAttributes<HTMLSpanElement> {
+    count: number;
+    size?: AvatarGroupOverflowSize;
+    label?: string;
+}
+export declare const AvatarGroupOverflow: import('react').ForwardRefExoticComponent<AvatarGroupOverflowProps & import('react').RefAttributes<HTMLSpanElement>>;

package/dist/components/avatar-group.js

@@ -0,0 +1,35 @@
+import { t as e } from "../cn-BJyZJP-y.js";
+import { forwardRef as t } from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/avatar-group.tsx
+var i = {
+	tight: "-space-x-3",
+	normal: "-space-x-2",
+	loose: "-space-x-1"
+}, a = {
+	xs: "size-6 text-[9px]",
+	sm: "size-8 text-[10px]",
+	md: "size-9 text-xs",
+	lg: "size-11 text-xs",
+	xl: "size-14 text-sm"
+}, o = t(({ spacing: t = "normal", className: r, children: a, ...o }, s) => /* @__PURE__ */ n("div", {
+	ref: s,
+	role: "group",
+	className: e("flex w-fit max-w-full items-center justify-start overflow-x-auto overscroll-x-contain px-0.5 py-0.5 scrollbar-none [&>*]:shrink-0 [&>*]:ring-2 [&>*]:ring-surface", i[t], r),
+	...o,
+	children: a
+}));
+o.displayName = "AvatarGroup";
+var s = t(({ count: t, size: n = "md", label: i, className: o, ...s }, c) => {
+	let l = Number.isFinite(t) ? Math.max(0, Math.floor(t)) : 0, u = i ?? `${l} more people`;
+	return /* @__PURE__ */ r("span", {
+		ref: c,
+		"aria-label": u,
+		className: e("inline-flex shrink-0 items-center justify-center rounded-full bg-surface-muted font-semibold text-muted-foreground", a[n], o),
+		...s,
+		children: ["+", l]
+	});
+});
+s.displayName = "AvatarGroupOverflow";
+//#endregion
+export { o as AvatarGroup, s as AvatarGroupOverflow };

package/dist/components/avatar.cjs

@@ -1 +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;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../cn-B6R3HKzx.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-accent-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.js

@@ -1,4 +1,4 @@
-import { t as e } from "../cn-DpgY2leY.js";
+import { t as e } from "../cn-BJyZJP-y.js";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 //#region src/components/avatar.tsx
 var r = {
@@ -19,7 +19,7 @@ var r = {
 	away: "bg-amber-400",
 	busy: "bg-red-400"
 }, o = [
-	"bg-blue-600",
+	"bg-accent-600",
 	"bg-violet-600",
 	"bg-emerald-600",
 	"bg-rose-600",

package/dist/components/badge.cjs

@@ -1 +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-[var(--radius-sm)] 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;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../cn-B6R3HKzx.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-[var(--radius-sm)] 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.js

@@ -1,4 +1,4 @@
-import { t as e } from "../cn-DpgY2leY.js";
+import { t as e } from "../cn-BJyZJP-y.js";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 //#region src/components/badge.tsx
 var r = {

package/dist/components/billing-interval-toggle.cjs

@@ -1 +1 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../cn-BdjraxxU.cjs");let t=require("react/jsx-runtime");var n=[{value:`monthly`,label:`Monthly`},{value:`quarterly`,label:`Quarterly`},{value:`yearly`,label:`Annually`}];function r({value:r,onChange:i,options:a=n,disabled:o=!1,size:s=`sm`,className:c}){let l=s===`lg`;return(0,t.jsx)(`div`,{className:e.t(`inline-flex items-center rounded-lg border border-black/[0.08] dark:border-white/[0.08]`,l?`rounded-xl bg-black/[0.025] dark:bg-white/[0.025] p-0.5 gap-0.5 sm:p-1 sm:gap-1`:`bg-black/[0.02] dark:bg-white/[0.03] p-0.5`,c),children:a.map(n=>{let a=r===n.value;return(0,t.jsxs)(`button`,{type:`button`,onClick:()=>!o&&i(n.value),disabled:o,className:e.t(`flex items-center justify-center rounded-md font-medium transition-[background-color,border-color,opacity,transform] duration-200`,`focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring/35`,l?`flex-col gap-0.5 px-2 py-1.5 text-[11px] rounded-lg sm:flex-row sm:gap-2 sm:px-4 sm:py-2 sm:text-sm`:`px-3 py-1 text-xs`,o&&`opacity-50 cursor-not-allowed`,a?l?`bg-primary text-primary-foreground shadow-xs`:`bg-white dark:bg-white/10 text-slate-900 dark:text-white shadow-sm`:`text-slate-500 dark:text-slate-400 hover:text-slate-900 dark:hover:text-white`),children:[n.label,n.badge&&(0,t.jsx)(`span`,{className:e.t(`rounded-full px-1 py-0.5 text-[9px] font-bold border transition-colors sm:px-1.5 sm:text-[10px]`,a?`bg-white/[0.18] text-white border-white/25`:`bg-green-500/[0.12] text-green-600 dark:text-green-400 border-green-500/20`),children:n.badge})]},n.value)})})}exports.BillingIntervalToggle=r;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../cn-B6R3HKzx.cjs");let t=require("react"),n=require("react/jsx-runtime");var r=[{value:`monthly`,label:`Monthly`},{value:`quarterly`,label:`Quarterly`},{value:`yearly`,label:`Annually`}],i=(0,t.forwardRef)(({value:t,onChange:i,options:a=r,disabled:o=!1,size:s=`sm`,className:c,"aria-label":l=`Billing interval`,...u},d)=>{let f=s===`lg`;return(0,n.jsx)(`div`,{ref:d,role:`group`,"aria-label":l,className:e.t(`isolate inline-flex max-w-full items-center border border-border bg-surface-muted shadow-inner`,f?`gap-1 rounded-xl p-1`:`gap-0.5 rounded-lg p-0.5`,c),...u,children:a.map(r=>{let a=t===r.value;return(0,n.jsxs)(`button`,{type:`button`,onClick:()=>!o&&i(r.value),disabled:o,"aria-pressed":a,"data-state":a?`active`:`inactive`,className:e.t(`relative flex min-w-0 cursor-pointer items-center justify-center rounded-md font-medium`,`transition-[background-color,color,box-shadow,opacity] duration-200`,`focus-visible:z-10 focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-focus-ring/35 focus-visible:ring-offset-1 focus-visible:ring-offset-surface-muted`,f?`min-h-10 gap-1 rounded-lg px-2 py-2 text-xs sm:gap-2 sm:px-4 sm:text-sm`:`min-h-7 gap-1.5 px-3 py-1 text-xs`,o&&`cursor-not-allowed opacity-50`,a?f?`bg-primary text-primary-foreground shadow-sm ring-1 ring-primary/20`:`bg-surface text-foreground shadow-sm ring-1 ring-border`:`text-muted-foreground hover:bg-surface/70 hover:text-foreground`),children:[r.label,r.badge&&(0,n.jsx)(`span`,{className:e.t(`whitespace-nowrap rounded-full border px-1.5 py-0.5 text-[10px] font-bold leading-none transition-colors`,a&&f?`border-primary-foreground/25 bg-primary-foreground/15 text-primary-foreground`:`border-success/25 bg-success/10 text-success`),children:r.badge})]},r.value)})})});i.displayName=`BillingIntervalToggle`,exports.BillingIntervalToggle=i;

package/dist/components/billing-interval-toggle.d.ts

@@ -1,18 +1,16 @@
+import { HTMLAttributes } from 'react';
 export type BillingInterval = "monthly" | "quarterly" | "yearly";
 export interface BillingIntervalToggleOption {
     value: BillingInterval;
     label: string;
     badge?: string;
 }
-export interface BillingIntervalToggleProps {
+export interface BillingIntervalToggleProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange"> {
     value: BillingInterval;
     onChange: (interval: BillingInterval) => void;
     options?: BillingIntervalToggleOption[];
     disabled?: boolean;
-    /** "sm" (default) matches the subtle inline pill used in onboarding/billing
-     * pages; "lg" matches the bolder blue-accent pill used on the marketing
-     * pricing section. */
+    /** Controls the density and selected-state emphasis. */
     size?: "sm" | "lg";
-    className?: string;
 }
-export declare function BillingIntervalToggle({ value, onChange, options, disabled, size, className, }: BillingIntervalToggleProps): import("react").JSX.Element;
+export declare const BillingIntervalToggle: import('react').ForwardRefExoticComponent<BillingIntervalToggleProps & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/billing-interval-toggle.js

@@ -1,8 +1,9 @@
 "use client";
-import { t as e } from "../cn-DpgY2leY.js";
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { t as e } from "../cn-BJyZJP-y.js";
+import { forwardRef as t } from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
 //#region src/components/billing-interval-toggle.tsx
-var r = [
+var i = [
 	{
 		value: "monthly",
 		label: "Monthly"
@@ -15,25 +16,31 @@ var r = [
 		value: "yearly",
 		label: "Annually"
 	}
-];
-function i({ value: i, onChange: a, options: o = r, disabled: s = !1, size: c = "sm", className: l }) {
-	let u = c === "lg";
-	return /* @__PURE__ */ t("div", {
-		className: e("inline-flex items-center rounded-lg border border-black/[0.08] dark:border-white/[0.08]", u ? "rounded-xl bg-black/[0.025] dark:bg-white/[0.025] p-0.5 gap-0.5 sm:p-1 sm:gap-1" : "bg-black/[0.02] dark:bg-white/[0.03] p-0.5", l),
-		children: o.map((r) => {
-			let o = i === r.value;
-			return /* @__PURE__ */ n("button", {
+], a = t(({ value: t, onChange: a, options: o = i, disabled: s = !1, size: c = "sm", className: l, "aria-label": u = "Billing interval", ...d }, f) => {
+	let p = c === "lg";
+	return /* @__PURE__ */ n("div", {
+		ref: f,
+		role: "group",
+		"aria-label": u,
+		className: e("isolate inline-flex max-w-full items-center border border-border bg-surface-muted shadow-inner", p ? "gap-1 rounded-xl p-1" : "gap-0.5 rounded-lg p-0.5", l),
+		...d,
+		children: o.map((i) => {
+			let o = t === i.value;
+			return /* @__PURE__ */ r("button", {
 				type: "button",
-				onClick: () => !s && a(r.value),
+				onClick: () => !s && a(i.value),
 				disabled: s,
-				className: e("flex items-center justify-center rounded-md font-medium transition-[background-color,border-color,opacity,transform] duration-200", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring/35", u ? "flex-col gap-0.5 px-2 py-1.5 text-[11px] rounded-lg sm:flex-row sm:gap-2 sm:px-4 sm:py-2 sm:text-sm" : "px-3 py-1 text-xs", s && "opacity-50 cursor-not-allowed", o ? u ? "bg-primary text-primary-foreground shadow-xs" : "bg-white dark:bg-white/10 text-slate-900 dark:text-white shadow-sm" : "text-slate-500 dark:text-slate-400 hover:text-slate-900 dark:hover:text-white"),
-				children: [r.label, r.badge && /* @__PURE__ */ t("span", {
-					className: e("rounded-full px-1 py-0.5 text-[9px] font-bold border transition-colors sm:px-1.5 sm:text-[10px]", o ? "bg-white/[0.18] text-white border-white/25" : "bg-green-500/[0.12] text-green-600 dark:text-green-400 border-green-500/20"),
-					children: r.badge
+				"aria-pressed": o,
+				"data-state": o ? "active" : "inactive",
+				className: e("relative flex min-w-0 cursor-pointer items-center justify-center rounded-md font-medium", "transition-[background-color,color,box-shadow,opacity] duration-200", "focus-visible:z-10 focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-focus-ring/35 focus-visible:ring-offset-1 focus-visible:ring-offset-surface-muted", p ? "min-h-10 gap-1 rounded-lg px-2 py-2 text-xs sm:gap-2 sm:px-4 sm:text-sm" : "min-h-7 gap-1.5 px-3 py-1 text-xs", s && "cursor-not-allowed opacity-50", o ? p ? "bg-primary text-primary-foreground shadow-sm ring-1 ring-primary/20" : "bg-surface text-foreground shadow-sm ring-1 ring-border" : "text-muted-foreground hover:bg-surface/70 hover:text-foreground"),
+				children: [i.label, i.badge && /* @__PURE__ */ n("span", {
+					className: e("whitespace-nowrap rounded-full border px-1.5 py-0.5 text-[10px] font-bold leading-none transition-colors", o && p ? "border-primary-foreground/25 bg-primary-foreground/15 text-primary-foreground" : "border-success/25 bg-success/10 text-success"),
+					children: i.badge
 				})]
-			}, r.value);
+			}, i.value);
 		})
 	});
-}
+});
+a.displayName = "BillingIntervalToggle";
 //#endregion
-export { i as BillingIntervalToggle };
+export { a as BillingIntervalToggle };

package/dist/components/blockquote.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../cn-B6R3HKzx.cjs");require("../component-styles-DY4wigiq.cjs");let t=require("react"),n=require("react/jsx-runtime");var r={default:`border-l-border-strong bg-transparent`,accent:`border-l-accent-500 bg-accent-50/60 dark:bg-accent-900/15`,subtle:`border-l-border bg-surface-muted`},i={sm:`px-4 py-3 text-sm leading-6`,md:`px-5 py-4 text-base leading-7`,lg:`px-6 py-5 text-lg leading-8`},a=(0,t.forwardRef)(({variant:t=`default`,size:a=`md`,source:o,sourceHref:s,className:c,children:l,...u},d)=>(0,n.jsxs)(`blockquote`,{ref:d,className:e.t(`min-w-0 break-words rounded-r-[var(--radius-lg)] border-l-4 text-foreground`,r[t],i[a],c),...u,children:[(0,n.jsx)(`div`,{children:l}),o&&(0,n.jsxs)(`footer`,{className:`mt-2 text-xs font-medium text-muted-foreground`,children:[(0,n.jsx)(`span`,{"aria-hidden":`true`,children:`— `}),s?(0,n.jsx)(`a`,{href:s,className:e.t(`rounded-sm underline decoration-border-strong underline-offset-4 hover:text-foreground`,`focus-ring`),children:o}):o]})]}));a.displayName=`Blockquote`,exports.Blockquote=a;

package/dist/components/blockquote.d.ts

@@ -0,0 +1,10 @@
+import { BlockquoteHTMLAttributes, ReactNode } from 'react';
+export type BlockquoteVariant = "default" | "accent" | "subtle";
+export type BlockquoteSize = "sm" | "md" | "lg";
+export interface BlockquoteProps extends BlockquoteHTMLAttributes<HTMLQuoteElement> {
+    variant?: BlockquoteVariant;
+    size?: BlockquoteSize;
+    source?: ReactNode;
+    sourceHref?: string;
+}
+export declare const Blockquote: import('react').ForwardRefExoticComponent<BlockquoteProps & import('react').RefAttributes<HTMLQuoteElement>>;

package/dist/components/blockquote.js

@@ -0,0 +1,32 @@
+import { t as e } from "../cn-BJyZJP-y.js";
+import "../component-styles-C2CbHEEA.js";
+import { forwardRef as t } from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/blockquote.tsx
+var i = {
+	default: "border-l-border-strong bg-transparent",
+	accent: "border-l-accent-500 bg-accent-50/60 dark:bg-accent-900/15",
+	subtle: "border-l-border bg-surface-muted"
+}, a = {
+	sm: "px-4 py-3 text-sm leading-6",
+	md: "px-5 py-4 text-base leading-7",
+	lg: "px-6 py-5 text-lg leading-8"
+}, o = t(({ variant: t = "default", size: o = "md", source: s, sourceHref: c, className: l, children: u, ...d }, f) => /* @__PURE__ */ r("blockquote", {
+	ref: f,
+	className: e("min-w-0 break-words rounded-r-[var(--radius-lg)] border-l-4 text-foreground", i[t], a[o], l),
+	...d,
+	children: [/* @__PURE__ */ n("div", { children: u }), s && /* @__PURE__ */ r("footer", {
+		className: "mt-2 text-xs font-medium text-muted-foreground",
+		children: [/* @__PURE__ */ n("span", {
+			"aria-hidden": "true",
+			children: "— "
+		}), c ? /* @__PURE__ */ n("a", {
+			href: c,
+			className: e("rounded-sm underline decoration-border-strong underline-offset-4 hover:text-foreground", "focus-ring"),
+			children: s
+		}) : s]
+	})]
+}));
+o.displayName = "Blockquote";
+//#endregion
+export { o as Blockquote };

package/dist/components/breadcrumb.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../cn-BdjraxxU.cjs"),t=require("../component-styles-DOUctc8_.cjs");let n=require("react/jsx-runtime");var r=()=>(0,n.jsx)(`svg`,{width:`12`,height:`12`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,className:`text-slate-400`,children:(0,n.jsx)(`path`,{d:`m9 18 6-6-6-6`})});function i({items:i,separator:a,className:o,...s}){return(0,n.jsx)(`nav`,{"aria-label":`Breadcrumb`,className:e.t(`flex min-w-0`,o),...s,children:(0,n.jsx)(`ol`,{className:`flex min-w-0 items-center gap-1.5 overflow-x-auto`,children:i.map((o,s)=>{let c=s===i.length-1;return(0,n.jsxs)(`li`,{className:`flex items-center gap-1.5`,children:[s>0&&(0,n.jsx)(`span`,{className:`flex items-center shrink-0`,children:a??(0,n.jsx)(r,{})}),o.href&&!c?(0,n.jsxs)(`a`,{href:o.href,className:e.t(`flex items-center gap-1 rounded-sm text-sm text-muted-foreground hover:text-foreground transition-colors`,t.s),children:[o.icon&&(0,n.jsx)(`span`,{className:`shrink-0`,children:o.icon}),o.label]}):(0,n.jsxs)(`span`,{className:e.t(`flex items-center gap-1 text-sm`,c?`text-foreground font-medium`:`text-muted-foreground`),"aria-current":c?`page`:void 0,children:[o.icon&&(0,n.jsx)(`span`,{className:`shrink-0`,children:o.icon}),o.label]})]},s)})})})}exports.Breadcrumb=i;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../cn-B6R3HKzx.cjs"),t=require("../component-styles-DY4wigiq.cjs");let n=require("react/jsx-runtime");var r=()=>(0,n.jsx)(`svg`,{width:`12`,height:`12`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,className:`text-slate-400`,children:(0,n.jsx)(`path`,{d:`m9 18 6-6-6-6`})});function i({items:i,separator:a,className:o,...s}){return(0,n.jsx)(`nav`,{"aria-label":`Breadcrumb`,className:e.t(`flex min-w-0`,o),...s,children:(0,n.jsx)(`ol`,{className:`flex min-w-0 items-center gap-1.5 overflow-x-auto`,children:i.map((o,s)=>{let c=s===i.length-1;return(0,n.jsxs)(`li`,{className:`flex items-center gap-1.5`,children:[s>0&&(0,n.jsx)(`span`,{className:`flex items-center shrink-0`,children:a??(0,n.jsx)(r,{})}),o.href&&!c?(0,n.jsxs)(`a`,{href:o.href,className:e.t(`flex items-center gap-1 rounded-sm text-sm text-muted-foreground hover:text-foreground transition-colors`,t.s),children:[o.icon&&(0,n.jsx)(`span`,{className:`shrink-0`,children:o.icon}),o.label]}):(0,n.jsxs)(`span`,{className:e.t(`flex items-center gap-1 text-sm`,c?`text-foreground font-medium`:`text-muted-foreground`),"aria-current":c?`page`:void 0,children:[o.icon&&(0,n.jsx)(`span`,{className:`shrink-0`,children:o.icon}),o.label]})]},s)})})})}exports.Breadcrumb=i;

package/dist/components/breadcrumb.js

@@ -1,5 +1,5 @@
-import { t as e } from "../cn-DpgY2leY.js";
-import { s as t } from "../component-styles-Bgy44fc8.js";
+import { t as e } from "../cn-BJyZJP-y.js";
+import { s as t } from "../component-styles-C2CbHEEA.js";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
 //#region src/components/breadcrumb.tsx
 var i = () => /* @__PURE__ */ n("svg", {

package/dist/components/button-group.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../cn-B6R3HKzx.cjs");let t=require("react"),n=require("react/jsx-runtime");var r={horizontal:[`max-w-full flex-row items-center overflow-x-auto overscroll-x-contain p-0.5 scrollbar-none [&>*]:shrink-0`,`[&>*:not(:first-child)]:-ml-px [&>*:not(:first-child)]:rounded-l-none`,`[&>*:not(:last-child)]:rounded-r-none`].join(` `),vertical:[`flex-col items-stretch`,`[&>*:not(:first-child)]:-mt-px [&>*:not(:first-child)]:rounded-t-none`,`[&>*:not(:last-child)]:rounded-b-none`].join(` `)},i=(0,t.forwardRef)(({orientation:t=`horizontal`,className:i,children:a,...o},s)=>(0,n.jsx)(`div`,{ref:s,role:`group`,"data-orientation":t,className:e.t(`inline-flex w-fit [&>*:focus-visible]:relative [&>*:focus-visible]:z-10`,r[t],i),...o,children:a}));i.displayName=`ButtonGroup`,exports.ButtonGroup=i;

package/dist/components/button-group.d.ts

@@ -0,0 +1,7 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export type ButtonGroupOrientation = "horizontal" | "vertical";
+export interface ButtonGroupProps extends HTMLAttributes<HTMLDivElement> {
+    orientation?: ButtonGroupOrientation;
+    children: ReactNode;
+}
+export declare const ButtonGroup: import('react').ForwardRefExoticComponent<ButtonGroupProps & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/button-group.js

@@ -0,0 +1,26 @@
+import { t as e } from "../cn-BJyZJP-y.js";
+import { forwardRef as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/button-group.tsx
+var r = {
+	horizontal: [
+		"max-w-full flex-row items-center overflow-x-auto overscroll-x-contain p-0.5 scrollbar-none [&>*]:shrink-0",
+		"[&>*:not(:first-child)]:-ml-px [&>*:not(:first-child)]:rounded-l-none",
+		"[&>*:not(:last-child)]:rounded-r-none"
+	].join(" "),
+	vertical: [
+		"flex-col items-stretch",
+		"[&>*:not(:first-child)]:-mt-px [&>*:not(:first-child)]:rounded-t-none",
+		"[&>*:not(:last-child)]:rounded-b-none"
+	].join(" ")
+}, i = t(({ orientation: t = "horizontal", className: i, children: a, ...o }, s) => /* @__PURE__ */ n("div", {
+	ref: s,
+	role: "group",
+	"data-orientation": t,
+	className: e("inline-flex w-fit [&>*:focus-visible]:relative [&>*:focus-visible]:z-10", r[t], i),
+	...o,
+	children: a
+}));
+i.displayName = "ButtonGroup";
+//#endregion
+export { i as ButtonGroup };

package/dist/components/button.cjs

@@ -1 +1 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../cn-BdjraxxU.cjs"),t=require("../component-styles-DOUctc8_.cjs");let n=require("react"),r=require("react/jsx-runtime");var i={primary:[`bg-primary hover:bg-primary-hover active:bg-primary-hover`,`text-primary-foreground font-semibold`,`border border-primary shadow-xs`].join(` `),secondary:[`bg-surface hover:bg-surface-muted active:bg-muted`,`text-foreground font-medium`,`border border-border hover:border-border-strong shadow-xs`].join(` `),ghost:[`bg-transparent`,`hover:bg-muted active:bg-surface-muted`,`text-muted-foreground font-medium hover:text-foreground`].join(` `),outline:[`bg-transparent`,`border border-border-strong hover:border-foreground/35`,`text-foreground font-medium hover:bg-muted`].join(` `),destructive:[`bg-destructive hover:bg-destructive-hover active:bg-destructive-hover`,`text-destructive-foreground font-semibold`,`border border-transparent shadow-xs`].join(` `),link:`h-auto bg-transparent p-0 text-accent-700 underline-offset-4 hover:underline dark:text-accent-300`},a={sm:`h-8 px-3 text-xs rounded-[var(--radius-md)] gap-1.5`,md:`h-9 px-4 text-sm rounded-[var(--radius-lg)] gap-2`,lg:`h-10 px-5 text-sm rounded-[var(--radius-lg)] gap-2.5`,icon:`size-9 rounded-[var(--radius-md)] p-0`},o=(0,n.forwardRef)(({className:n,variant:o=`primary`,size:s=`md`,loading:c=!1,icon:l,iconPosition:u=`left`,variantClassName:d,unstyled:f=!1,children:p,disabled:m,type:h=`button`,...g},_)=>{let v=m||c;return f?(0,r.jsx)(`button`,{ref:_,type:h,disabled:v,className:e.t(n,d),...g,children:c?`Loading…`:p}):(0,r.jsxs)(`button`,{ref:_,type:h,"data-loading":c||void 0,className:e.t(`inline-flex items-center justify-center cursor-pointer select-none whitespace-nowrap`,`transition-[color,background-color,border-color,box-shadow] duration-150`,`disabled:opacity-40 disabled:cursor-not-allowed`,t.s,i[o],d,a[s],n),disabled:v,"aria-busy":c||void 0,...g,children:[c&&(0,r.jsxs)(`svg`,{className:`animate-spin shrink-0 w-3.5 h-3.5`,viewBox:`0 0 24 24`,fill:`none`,"aria-hidden":`true`,children:[(0,r.jsx)(`circle`,{className:`opacity-25`,cx:`12`,cy:`12`,r:`10`,stroke:`currentColor`,strokeWidth:`4`}),(0,r.jsx)(`path`,{className:`opacity-75`,fill:`currentColor`,d:`M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z`})]}),!c&&l&&u===`left`&&(0,r.jsx)(`span`,{className:`shrink-0`,children:l}),p&&(0,r.jsx)(`span`,{children:p}),!c&&l&&u===`right`&&(0,r.jsx)(`span`,{className:`shrink-0`,children:l})]})});o.displayName=`Button`;var s=(0,n.memo)(o);exports.Button=s,exports.buttonSizes=a,exports.buttonVariants=i;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../cn-B6R3HKzx.cjs"),t=require("../component-styles-DY4wigiq.cjs"),n=require("./slot.cjs");let r=require("react"),i=require("react/jsx-runtime");var a={primary:[`bg-primary hover:bg-primary-hover active:bg-primary-hover`,`text-primary-foreground font-semibold`,`border border-primary shadow-xs`].join(` `),secondary:[`bg-surface hover:bg-surface-muted active:bg-muted`,`text-foreground font-medium`,`border border-border hover:border-border-strong shadow-xs`].join(` `),ghost:[`bg-transparent`,`hover:bg-muted active:bg-surface-muted`,`text-muted-foreground font-medium hover:text-foreground`].join(` `),outline:[`bg-transparent`,`border border-border-strong hover:border-foreground/35`,`text-foreground font-medium hover:bg-muted`].join(` `),destructive:[`bg-destructive hover:bg-destructive-hover active:bg-destructive-hover`,`text-destructive-foreground font-semibold`,`border border-transparent shadow-xs`].join(` `),link:`h-auto bg-transparent p-0 text-accent-700 underline-offset-4 hover:underline dark:text-accent-300`},o={sm:`h-8 px-3 text-xs rounded-[var(--radius-md)] gap-1.5`,md:`h-9 px-4 text-sm rounded-[var(--radius-lg)] gap-2`,lg:`h-10 px-5 text-sm rounded-[var(--radius-lg)] gap-2.5`,icon:`size-9 rounded-[var(--radius-md)] p-0`},s=(0,r.forwardRef)(({className:r,variant:s=`primary`,size:c=`md`,loading:l=!1,icon:u,iconPosition:d=`left`,variantClassName:f,unstyled:p=!1,asChild:m=!1,children:h,disabled:g,type:_=`button`,...v},y)=>{let b=g||l,x=l&&h!=null&&h!==``;if(p)return m?(0,i.jsx)(n.Slot,{ref:y,className:e.t(r,f),...v,children:h}):(0,i.jsx)(`button`,{ref:y,type:_,disabled:b,className:e.t(r,f),...v,children:l?`Loading…`:h});let S=e.t(`inline-flex items-center justify-center cursor-pointer select-none whitespace-nowrap`,`transition-[color,background-color,border-color,box-shadow] duration-150`,`disabled:opacity-40 disabled:cursor-not-allowed`,t.s,a[s],f,o[c],x&&`relative`,r);return m?(0,i.jsx)(n.Slot,{ref:y,className:S,"data-loading":l||void 0,"aria-busy":l||void 0,"aria-disabled":b||void 0,...v,children:h}):(0,i.jsx)(`button`,{ref:y,type:_,"data-loading":l||void 0,className:S,disabled:b,"aria-busy":l||void 0,...v,children:x?(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)(`span`,{className:`invisible inline-flex items-center gap-2`,children:[u&&d===`left`&&(0,i.jsx)(`span`,{className:`shrink-0 w-3.5 h-3.5`}),(0,i.jsx)(`span`,{children:h}),u&&d===`right`&&(0,i.jsx)(`span`,{className:`shrink-0 w-3.5 h-3.5`})]}),(0,i.jsx)(`span`,{className:`absolute inset-0 inline-flex items-center justify-center`,children:(0,i.jsxs)(`svg`,{className:`animate-spin w-3.5 h-3.5`,viewBox:`0 0 24 24`,fill:`none`,"aria-hidden":`true`,children:[(0,i.jsx)(`circle`,{className:`opacity-25`,cx:`12`,cy:`12`,r:`10`,stroke:`currentColor`,strokeWidth:`4`}),(0,i.jsx)(`path`,{className:`opacity-75`,fill:`currentColor`,d:`M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z`})]})})]}):(0,i.jsxs)(i.Fragment,{children:[l&&(0,i.jsxs)(`svg`,{className:`animate-spin shrink-0 w-3.5 h-3.5`,viewBox:`0 0 24 24`,fill:`none`,"aria-hidden":`true`,children:[(0,i.jsx)(`circle`,{className:`opacity-25`,cx:`12`,cy:`12`,r:`10`,stroke:`currentColor`,strokeWidth:`4`}),(0,i.jsx)(`path`,{className:`opacity-75`,fill:`currentColor`,d:`M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z`})]}),!l&&u&&d===`left`&&(0,i.jsx)(`span`,{className:`shrink-0`,children:u}),h&&(0,i.jsx)(`span`,{children:h}),!l&&u&&d===`right`&&(0,i.jsx)(`span`,{className:`shrink-0`,children:u})]})})});s.displayName=`Button`;var c=(0,r.memo)(s);exports.Button=c,exports.buttonSizes=o,exports.buttonVariants=a;

package/dist/components/button.d.ts

@@ -11,6 +11,8 @@ export interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement
     /** End-to-end override */
     variantClassName?: string;
     unstyled?: boolean;
+    /** When true, merges props onto the single child via Slot (Radix-style). */
+    asChild?: boolean;
 }
 export declare const buttonVariants: Record<ButtonVariant, string>;
 export declare const buttonSizes: Record<ButtonSize, string>;