@bzync/rui 0.0.5 → 0.0.8

package/dist/components/form-field.js

@@ -1,36 +1,71 @@
-import { t as e } from "../cn-DpgY2leY.js";
-import { o as t } from "../component-styles-Bgy44fc8.js";
-import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
+import { t as e } from "../cn-BJyZJP-y.js";
+import { a as t, i as n, o as r, r as i } from "../component-styles-C2CbHEEA.js";
+import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region src/components/form-field.tsx
-function a({ label: a, hint: o, error: s, required: c, htmlFor: l, className: u, children: d, ...f }) {
-	return /* @__PURE__ */ i("div", {
-		className: e(t, u),
+function c({ label: t, hint: n, error: i, required: c, htmlFor: l, className: u, children: d, ...f }) {
+	return /* @__PURE__ */ s("div", {
+		className: e(r, u),
 		...f,
 		children: [
-			a && /* @__PURE__ */ i("label", {
+			t && /* @__PURE__ */ s("label", {
 				htmlFor: l,
 				className: e("flex items-center gap-1", "text-xs font-semibold leading-5 text-foreground"),
-				children: [a, c && /* @__PURE__ */ i(n, { children: [/* @__PURE__ */ r("span", {
+				children: [t, c && /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o("span", {
 					"aria-hidden": "true",
 					className: "text-destructive",
 					children: "*"
-				}), /* @__PURE__ */ r("span", {
+				}), /* @__PURE__ */ o("span", {
 					className: "sr-only",
 					children: " (required)"
 				})] })]
 			}),
 			d,
-			s && /* @__PURE__ */ r("p", {
+			i && /* @__PURE__ */ o("p", {
 				"aria-live": "polite",
 				className: "text-xs leading-5 text-destructive",
-				children: s
+				children: i
 			}),
-			o && !s && /* @__PURE__ */ r("p", {
+			n && !i && /* @__PURE__ */ o("p", {
 				className: "text-xs leading-5 text-muted-foreground",
-				children: o
+				children: n
 			})
 		]
 	});
 }
+var l = c;
+function u({ className: n, children: r, required: i, htmlFor: c, ...l }) {
+	return /* @__PURE__ */ s("label", {
+		htmlFor: c,
+		className: e("flex items-center gap-1", t, n),
+		...l,
+		children: [r, i && /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o("span", {
+			"aria-hidden": "true",
+			className: "text-destructive",
+			children: " *"
+		}), /* @__PURE__ */ o("span", {
+			className: "sr-only",
+			children: " (required)"
+		})] })]
+	});
+}
+function d({ className: t, ...n }) {
+	return /* @__PURE__ */ o("p", {
+		className: e(i, t),
+		...n
+	});
+}
+function f({ className: t, ...r }) {
+	return /* @__PURE__ */ o("p", {
+		"aria-live": "polite",
+		className: e(n, t),
+		...r
+	});
+}
+function p({ className: t, ...n }) {
+	return /* @__PURE__ */ o("div", {
+		className: e("flex flex-col gap-1.5", t),
+		...n
+	});
+}
 //#endregion
-export { a as FormField };
+export { l as Field, p as FieldContent, d as FieldDescription, f as FieldError, u as FieldLabel, c as FormField };

package/dist/components/info-button.cjs

@@ -1 +1 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require("react/jsx-runtime");function t({onClick:t,label:n}){return(0,e.jsx)(`button`,{type:`button`,onClick:t,className:`text-slate-400 hover:text-slate-600 dark:hover:text-slate-300 transition-colors`,"aria-label":n,children:(0,e.jsxs)(`svg`,{width:`13`,height:`13`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:[(0,e.jsx)(`circle`,{cx:`12`,cy:`12`,r:`10`}),(0,e.jsx)(`path`,{d:`M12 16v-4`}),(0,e.jsx)(`path`,{d:`M12 8h.01`})]})})}exports.InfoButton=t;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../cn-B6R3HKzx.cjs"),t=require("../component-styles-DY4wigiq.cjs");let n=require("react"),r=require("react/jsx-runtime");var i=(0,n.forwardRef)(({label:n,className:i,type:a=`button`,...o},s)=>(0,r.jsx)(`button`,{ref:s,type:a,className:e.t(t.c,i),"aria-label":n,...o,children:(0,r.jsxs)(`svg`,{width:`15`,height:`15`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,"aria-hidden":`true`,children:[(0,r.jsx)(`circle`,{cx:`12`,cy:`12`,r:`10`}),(0,r.jsx)(`path`,{d:`M12 16v-4`}),(0,r.jsx)(`path`,{d:`M12 8h.01`})]})}));i.displayName=`InfoButton`,exports.InfoButton=i;

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

@@ -1,4 +1,6 @@
-export declare function InfoButton({ onClick, label }: {
-    onClick: () => void;
+import { ButtonHTMLAttributes } from 'react';
+export interface InfoButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children" | "aria-label"> {
+    /** Describes the information that opens; used as the accessible button name. */
     label: string;
-}): import("react").JSX.Element;
+}
+export declare const InfoButton: import('react').ForwardRefExoticComponent<InfoButtonProps & import('react').RefAttributes<HTMLButtonElement>>;

package/dist/components/info-button.js

@@ -1,32 +1,36 @@
 "use client";
-import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import { t as e } from "../cn-BJyZJP-y.js";
+import { c as t } from "../component-styles-C2CbHEEA.js";
+import { forwardRef as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
 //#region src/components/info-button.tsx
-function n({ onClick: n, label: r }) {
-	return /* @__PURE__ */ e("button", {
-		type: "button",
-		onClick: n,
-		className: "text-slate-400 hover:text-slate-600 dark:hover:text-slate-300 transition-colors",
-		"aria-label": r,
-		children: /* @__PURE__ */ t("svg", {
-			width: "13",
-			height: "13",
-			viewBox: "0 0 24 24",
-			fill: "none",
-			stroke: "currentColor",
-			strokeWidth: "2",
-			strokeLinecap: "round",
-			strokeLinejoin: "round",
-			children: [
-				/* @__PURE__ */ e("circle", {
-					cx: "12",
-					cy: "12",
-					r: "10"
-				}),
-				/* @__PURE__ */ e("path", { d: "M12 16v-4" }),
-				/* @__PURE__ */ e("path", { d: "M12 8h.01" })
-			]
-		})
-	});
-}
+var a = n(({ label: n, className: a, type: o = "button", ...s }, c) => /* @__PURE__ */ r("button", {
+	ref: c,
+	type: o,
+	className: e(t, a),
+	"aria-label": n,
+	...s,
+	children: /* @__PURE__ */ i("svg", {
+		width: "15",
+		height: "15",
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		"aria-hidden": "true",
+		children: [
+			/* @__PURE__ */ r("circle", {
+				cx: "12",
+				cy: "12",
+				r: "10"
+			}),
+			/* @__PURE__ */ r("path", { d: "M12 16v-4" }),
+			/* @__PURE__ */ r("path", { d: "M12 8h.01" })
+		]
+	})
+}));
+a.displayName = "InfoButton";
 //#endregion
-export { n as InfoButton };
+export { a as InfoButton };

package/dist/components/input.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={sm:{wrap:`h-7 px-2 gap-1.5`,text:`text-xs`},md:{wrap:`h-9 px-3 gap-2`,text:`text-sm`},lg:{wrap:`h-10 px-3.5 gap-2.5`,text:`text-sm`}},a=(0,n.forwardRef)(({className:a,wrapperClassName:o,wrapperStyle:s,inputClassName:c,labelClassName:l,hintClassName:u,unstyled:d=!1,label:f,hint:p,error:m,prefix:h,suffix:g,size:_=`md`,id:v,autoComplete:y=`on`,style:b,required:x,...S},C)=>{let w=(0,n.useId)(),T=v??w,E=`${T}-message`,D=i[_];return d?(0,r.jsxs)(`div`,{className:e.t(t.o,o),style:s,children:[f&&(0,r.jsxs)(`label`,{htmlFor:T,className:e.t(`text-xs font-semibold leading-5 text-foreground`,l),children:[f,x&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(`span`,{"aria-hidden":`true`,className:`ml-1 text-destructive`,children:`*`}),(0,r.jsx)(`span`,{className:`sr-only`,children:` (required)`})]})]}),(0,r.jsx)(`input`,{ref:C,id:T,required:x,"aria-invalid":m?!0:void 0,"aria-describedby":m||p?E:void 0,autoComplete:y,className:e.t(c,a),style:b,...S}),m&&(0,r.jsx)(`p`,{id:E,"aria-live":`polite`,className:e.t(`text-xs leading-5 text-destructive`,u),children:m}),p&&!m&&(0,r.jsx)(`p`,{id:E,className:e.t(`text-xs leading-5 text-muted-foreground`,u),children:p})]}):(0,r.jsxs)(`div`,{className:e.t(t.o,o),style:s,children:[f&&(0,r.jsxs)(`label`,{htmlFor:T,className:e.t(`text-xs font-semibold leading-5 text-foreground`,l),children:[f,x&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(`span`,{"aria-hidden":`true`,className:`ml-1 text-destructive`,children:`*`}),(0,r.jsx)(`span`,{className:`sr-only`,children:` (required)`})]})]}),(0,r.jsxs)(`div`,{className:e.t(`flex items-center rounded-[var(--radius-md)]`,D.wrap,t.t,m&&`border-destructive/60 hover:border-destructive/70 focus-within:border-destructive focus-within:ring-destructive/20`),children:[h&&(0,r.jsx)(`span`,{className:e.t(`text-slate-400 dark:text-slate-500 shrink-0`,D.text),children:h}),(0,r.jsx)(`input`,{ref:C,id:T,required:x,"aria-invalid":m?!0:void 0,"aria-describedby":m||p?E:void 0,autoComplete:y,className:e.t(`flex-1 min-w-0 bg-transparent outline-none`,`text-foreground placeholder:text-muted-foreground`,`disabled:cursor-not-allowed disabled:opacity-50`,D.text,c,a),style:b,...S}),g&&(0,r.jsx)(`span`,{className:e.t(`text-slate-400 dark:text-slate-500 shrink-0`,D.text),children:g})]}),m&&(0,r.jsx)(`p`,{id:E,"aria-live":`polite`,className:e.t(`text-xs leading-5 text-destructive`,u),children:m}),p&&!m&&(0,r.jsx)(`p`,{id:E,className:e.t(`text-xs leading-5 text-muted-foreground`,u),children:p})]})});a.displayName=`Input`,exports.Input=a;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../cn-B6R3HKzx.cjs"),t=require("../component-styles-DY4wigiq.cjs");let n=require("react"),r=require("react/jsx-runtime");var i={sm:{wrap:`h-7 px-2 gap-1.5`,text:`text-xs`},md:{wrap:`h-9 px-3 gap-2`,text:`text-sm`},lg:{wrap:`h-10 px-3.5 gap-2.5`,text:`text-sm`}},a=(0,n.forwardRef)(({className:a,wrapperClassName:o,wrapperStyle:s,inputClassName:c,labelClassName:l,hintClassName:u,unstyled:d=!1,label:f,hint:p,error:m,prefix:h,suffix:g,size:_=`md`,id:v,autoComplete:y=`on`,style:b,required:x,...S},C)=>{let w=(0,n.useId)(),T=v??w,E=`${T}-message`,D=i[_];return d?(0,r.jsxs)(`div`,{className:e.t(t.o,o),style:s,children:[f&&(0,r.jsxs)(`label`,{htmlFor:T,className:e.t(`text-xs font-semibold leading-5 text-foreground`,l),children:[f,x&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(`span`,{"aria-hidden":`true`,className:`ml-1 text-destructive`,children:`*`}),(0,r.jsx)(`span`,{className:`sr-only`,children:` (required)`})]})]}),(0,r.jsx)(`input`,{ref:C,id:T,required:x,"aria-invalid":m?!0:void 0,"aria-describedby":m||p?E:void 0,autoComplete:y,className:e.t(c,a),style:b,...S}),m&&(0,r.jsx)(`p`,{id:E,"aria-live":`polite`,className:e.t(`text-xs leading-5 text-destructive`,u),children:m}),p&&!m&&(0,r.jsx)(`p`,{id:E,className:e.t(`text-xs leading-5 text-muted-foreground`,u),children:p})]}):(0,r.jsxs)(`div`,{className:e.t(t.o,o),style:s,children:[f&&(0,r.jsxs)(`label`,{htmlFor:T,className:e.t(`text-xs font-semibold leading-5 text-foreground`,l),children:[f,x&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(`span`,{"aria-hidden":`true`,className:`ml-1 text-destructive`,children:`*`}),(0,r.jsx)(`span`,{className:`sr-only`,children:` (required)`})]})]}),(0,r.jsxs)(`div`,{className:e.t(`flex items-center rounded-[var(--radius-md)]`,D.wrap,t.t,m&&`border-destructive/60 hover:border-destructive/70 focus-within:border-destructive focus-within:ring-destructive/25`),children:[h&&(0,r.jsx)(`span`,{className:e.t(`text-slate-400 dark:text-slate-500 shrink-0`,D.text),children:h}),(0,r.jsx)(`input`,{ref:C,id:T,required:x,"aria-invalid":m?!0:void 0,"aria-describedby":m||p?E:void 0,autoComplete:y,className:e.t(`flex-1 min-w-0 bg-transparent outline-none`,`text-foreground placeholder:text-muted-foreground`,`disabled:cursor-not-allowed disabled:opacity-50`,D.text,c,a),style:b,...S}),g&&(0,r.jsx)(`span`,{className:e.t(`text-slate-400 dark:text-slate-500 shrink-0`,D.text),children:g})]}),m&&(0,r.jsx)(`p`,{id:E,"aria-live":`polite`,className:e.t(`text-xs leading-5 text-destructive`,u),children:m}),p&&!m&&(0,r.jsx)(`p`,{id:E,className:e.t(`text-xs leading-5 text-muted-foreground`,u),children:p})]})});a.displayName=`Input`,exports.Input=a;

package/dist/components/input.js

@@ -1,6 +1,6 @@
 "use client";
-import { t as e } from "../cn-DpgY2leY.js";
-import { o as t, t as n } from "../component-styles-Bgy44fc8.js";
+import { t as e } from "../cn-BJyZJP-y.js";
+import { o as t, t as n } from "../component-styles-C2CbHEEA.js";
 import { forwardRef as r, useId as i } from "react";
 import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region src/components/input.tsx
@@ -75,7 +75,7 @@ var c = {
 				})] })]
 			}),
 			/* @__PURE__ */ s("div", {
-				className: e("flex items-center rounded-[var(--radius-md)]", A.wrap, n, _ && "border-destructive/60 hover:border-destructive/70 focus-within:border-destructive focus-within:ring-destructive/20"),
+				className: e("flex items-center rounded-[var(--radius-md)]", A.wrap, n, _ && "border-destructive/60 hover:border-destructive/70 focus-within:border-destructive focus-within:ring-destructive/25"),
 				children: [
 					v && /* @__PURE__ */ o("span", {
 						className: e("text-slate-400 dark:text-slate-500 shrink-0", A.text),

package/dist/components/kbd.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../cn-BdjraxxU.cjs");let t=require("react/jsx-runtime");function n({keys:n,size:r=`sm`,className:i,...a}){let o=Array.isArray(n)?n:[n];return(0,t.jsx)(`span`,{className:e.t(`inline-flex items-center gap-0.5`,i),...a,children:o.map((n,i)=>(0,t.jsx)(`kbd`,{className:e.t(`inline-flex items-center justify-center font-mono font-medium rounded border`,`bg-black/6 dark:bg-white/6 border-black/15 dark:border-white/15`,`text-slate-600 dark:text-slate-400`,r===`sm`?`px-1.5 py-0.5 text-[10px] min-w-[18px] h-[18px]`:`px-2 py-1 text-xs min-w-[22px] h-[22px]`),children:n},i))})}exports.Kbd=n;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../cn-B6R3HKzx.cjs");let t=require("react/jsx-runtime");function n({keys:n,size:r=`sm`,className:i,...a}){let o=Array.isArray(n)?n:[n];return(0,t.jsx)(`span`,{className:e.t(`inline-flex items-center gap-0.5`,i),...a,children:o.map((n,i)=>(0,t.jsx)(`kbd`,{className:e.t(`inline-flex items-center justify-center font-mono font-medium rounded border`,`bg-black/6 dark:bg-white/6 border-black/15 dark:border-white/15`,`text-slate-600 dark:text-slate-400`,r===`sm`?`px-1.5 py-0.5 text-[10px] min-w-[18px] h-[18px]`:`px-2 py-1 text-xs min-w-[22px] h-[22px]`),children:n},i))})}exports.Kbd=n;

package/dist/components/kbd.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 } from "react/jsx-runtime";
 //#region src/components/kbd.tsx
 function n({ keys: n, size: r = "sm", className: i, ...a }) {

package/dist/components/label.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");function r({className:r,children:i,required:a,hint:o,...s}){return(0,n.jsxs)(`label`,{className:e.t(`flex items-center gap-1.5 select-none`,t.a,r),...s,children:[(0,n.jsx)(`span`,{children:i}),a&&(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(`span`,{"aria-hidden":`true`,className:`text-destructive leading-none`,children:`*`}),(0,n.jsx)(`span`,{className:`sr-only`,children:` (required)`})]}),o&&(0,n.jsxs)(`span`,{className:`font-normal text-muted-foreground`,children:[`(`,o,`)`]})]})}exports.Label=r;
+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");function r({className:r,children:i,required:a,hint:o,...s}){return(0,n.jsxs)(`label`,{className:e.t(`flex items-center gap-1.5 select-none`,t.a,r),...s,children:[(0,n.jsx)(`span`,{children:i}),a&&(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(`span`,{"aria-hidden":`true`,className:`text-destructive leading-none`,children:`*`}),(0,n.jsx)(`span`,{className:`sr-only`,children:` (required)`})]}),o&&(0,n.jsxs)(`span`,{className:`font-normal text-muted-foreground`,children:[`(`,o,`)`]})]})}exports.Label=r;

package/dist/components/label.js

@@ -1,5 +1,5 @@
-import { t as e } from "../cn-DpgY2leY.js";
-import { a as t } from "../component-styles-Bgy44fc8.js";
+import { t as e } from "../cn-BJyZJP-y.js";
+import { a as t } from "../component-styles-C2CbHEEA.js";
 import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
 //#region src/components/label.tsx
 function a({ className: a, children: o, required: s, hint: c, ...l }) {

package/dist/components/layout.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../cn-BdjraxxU.cjs");let t=require("react/jsx-runtime");function n({fixed:n=!1,className:r,children:i,...a}){return(0,t.jsx)(`div`,{className:e.t(`portal-shell flex min-h-dvh w-full bg-bg text-foreground`,n&&`h-dvh min-h-0 overflow-hidden`,r),...a,children:i})}function r({className:n,children:r,...i}){return(0,t.jsx)(`div`,{className:e.t(`flex min-w-0 flex-1 flex-col`,n),...i,children:r})}function i({scrollable:n=!1,className:r,children:i,...a}){return(0,t.jsx)(`main`,{className:e.t(`min-w-0 flex-1`,n&&`overflow-y-auto`,r),...a,children:i})}function a({sticky:n=!1,className:r,children:i,...a}){return(0,t.jsx)(`header`,{className:e.t(`z-30 shrink-0`,n&&`sticky top-0`,r),...a,children:i})}function o({sticky:n=!1,className:r,children:i,...a}){return(0,t.jsx)(`footer`,{className:e.t(`shrink-0 border-t border-border bg-bg/95 px-4 py-4 text-sm text-muted-foreground`,n&&`sticky bottom-0 z-30`,r),...a,children:i})}var s={sm:`max-w-3xl`,md:`max-w-5xl`,lg:`max-w-7xl`,xl:`max-w-screen-2xl`,full:`max-w-none`};function c({size:n=`lg`,gutter:r=!0,className:i,children:a,...o}){return(0,t.jsx)(`div`,{className:e.t(`mx-auto w-full`,s[n],r&&`px-4 sm:px-6 lg:px-8`,i),...o,children:a})}function l({title:n,description:r,eyebrow:i,breadcrumbs:a,actions:o,as:s=`h1`,className:c,...l}){return(0,t.jsxs)(`div`,{className:e.t(`flex flex-col gap-4 sm:flex-row sm:items-end sm:justify-between`,c),...l,children:[(0,t.jsxs)(`div`,{className:`min-w-0`,children:[a&&(0,t.jsx)(`div`,{className:`mb-3`,children:a}),i&&(0,t.jsx)(`div`,{className:`mb-1 text-xs font-semibold uppercase tracking-wider text-accent-600 dark:text-accent-400`,children:i}),(0,t.jsx)(s,{className:`text-2xl font-semibold tracking-[-0.02em] text-foreground`,children:n}),r&&(0,t.jsx)(`div`,{className:`mt-1.5 max-w-3xl text-sm leading-6 text-muted-foreground`,children:r})]}),o&&(0,t.jsx)(`div`,{className:`flex shrink-0 flex-wrap items-center gap-2`,children:o})]})}var u={none:`gap-0`,xs:`gap-1`,sm:`gap-2`,md:`gap-4`,lg:`gap-6`,xl:`gap-8`};function d({gap:n=`md`,className:r,children:i,...a}){return(0,t.jsx)(`div`,{className:e.t(`flex flex-col`,u[n],r),...a,children:i})}var f={start:`items-start`,center:`items-center`,end:`items-end`,stretch:`items-stretch`},p={start:`justify-start`,center:`justify-center`,end:`justify-end`,between:`justify-between`};function m({gap:n=`md`,wrap:r=!0,align:i=`center`,justify:a=`start`,className:o,children:s,...c}){return(0,t.jsx)(`div`,{className:e.t(`flex`,u[n],r&&`flex-wrap`,f[i],p[a],o),...c,children:s})}exports.AppShell=n,exports.AppShellBody=r,exports.AppShellHeader=a,exports.AppShellMain=i,exports.Container=c,exports.Footer=o,exports.Inline=m,exports.PageHeader=l,exports.Stack=d;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../cn-B6R3HKzx.cjs");let t=require("react/jsx-runtime");function n({fixed:n=!1,className:r,children:i,...a}){return(0,t.jsx)(`div`,{className:e.t(`portal-shell flex min-h-dvh w-full bg-bg text-foreground`,n&&`h-dvh min-h-0 overflow-hidden`,r),...a,children:i})}function r({className:n,children:r,...i}){return(0,t.jsx)(`div`,{className:e.t(`flex min-w-0 flex-1 flex-col`,n),...i,children:r})}function i({scrollable:n=!1,className:r,children:i,...a}){return(0,t.jsx)(`main`,{className:e.t(`min-w-0 flex-1`,n&&`overflow-y-auto`,r),...a,children:i})}function a({sticky:n=!1,className:r,children:i,...a}){return(0,t.jsx)(`header`,{className:e.t(`z-30 shrink-0`,n&&`sticky top-0`,r),...a,children:i})}function o({sticky:n=!1,className:r,children:i,...a}){return(0,t.jsx)(`footer`,{className:e.t(`shrink-0 border-t border-border bg-bg/95 px-4 py-4 text-sm text-muted-foreground`,n&&`sticky bottom-0 z-30`,r),...a,children:i})}var s={sm:`max-w-3xl`,md:`max-w-5xl`,lg:`max-w-7xl`,xl:`max-w-screen-2xl`,full:`max-w-none`};function c({size:n=`lg`,gutter:r=!0,className:i,children:a,...o}){return(0,t.jsx)(`div`,{className:e.t(`mx-auto w-full`,s[n],r&&`px-4 sm:px-6 lg:px-8`,i),...o,children:a})}function l({title:n,description:r,eyebrow:i,breadcrumbs:a,actions:o,as:s=`h1`,className:c,...l}){return(0,t.jsxs)(`div`,{className:e.t(`flex flex-col gap-4 sm:flex-row sm:items-end sm:justify-between`,c),...l,children:[(0,t.jsxs)(`div`,{className:`min-w-0`,children:[a&&(0,t.jsx)(`div`,{className:`mb-3`,children:a}),i&&(0,t.jsx)(`div`,{className:`mb-1 text-xs font-semibold uppercase tracking-wider text-accent-600 dark:text-accent-400`,children:i}),(0,t.jsx)(s,{className:`text-2xl font-semibold tracking-[-0.02em] text-foreground`,children:n}),r&&(0,t.jsx)(`div`,{className:`mt-1.5 max-w-3xl text-sm leading-6 text-muted-foreground`,children:r})]}),o&&(0,t.jsx)(`div`,{className:`flex shrink-0 flex-wrap items-center gap-2`,children:o})]})}var u={none:`gap-0`,xs:`gap-1`,sm:`gap-2`,md:`gap-4`,lg:`gap-6`,xl:`gap-8`};function d({gap:n=`md`,className:r,children:i,...a}){return(0,t.jsx)(`div`,{className:e.t(`flex flex-col`,u[n],r),...a,children:i})}var f={start:`items-start`,center:`items-center`,end:`items-end`,stretch:`items-stretch`},p={start:`justify-start`,center:`justify-center`,end:`justify-end`,between:`justify-between`};function m({gap:n=`md`,wrap:r=!0,align:i=`center`,justify:a=`start`,className:o,children:s,...c}){return(0,t.jsx)(`div`,{className:e.t(`flex`,u[n],r&&`flex-wrap`,f[i],p[a],o),...c,children:s})}exports.AppShell=n,exports.AppShellBody=r,exports.AppShellHeader=a,exports.AppShellMain=i,exports.Container=c,exports.Footer=o,exports.Inline=m,exports.PageHeader=l,exports.Stack=d;

package/dist/components/layout.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/layout.tsx
 function r({ fixed: n = !1, className: r, children: i, ...a }) {

package/dist/components/link.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:`text-accent-400 hover:text-accent-300`,muted:`text-slate-500 hover:text-slate-700 dark:hover:text-slate-200`,underline:`text-slate-700 dark:text-slate-200 underline underline-offset-2 decoration-black/25 dark:decoration-white/25 hover:decoration-black/50 dark:hover:decoration-white/50`};function r({children:r,className:i,external:a,icon:o,variant:s=`default`,externalRel:c,...l}){return(0,t.jsxs)(`a`,{target:a?`_blank`:void 0,rel:a?c??`noopener noreferrer`:void 0,referrerPolicy:a?`strict-origin-when-cross-origin`:void 0,className:e.t(`inline-flex items-center gap-1 transition-colors cursor-pointer`,n[s],i),...l,children:[r,o&&(0,t.jsx)(`span`,{className:`shrink-0`,"aria-hidden":`true`,children:o}),a&&!o&&(0,t.jsxs)(`svg`,{"aria-hidden":`true`,width:`11`,height:`11`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:[(0,t.jsx)(`path`,{d:`M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6`}),(0,t.jsx)(`polyline`,{points:`15 3 21 3 21 9`}),(0,t.jsx)(`line`,{x1:`10`,y1:`14`,x2:`21`,y2:`3`})]})]})}exports.Link=r;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../cn-B6R3HKzx.cjs");let t=require("react/jsx-runtime");var n={default:`text-accent-400 hover:text-accent-300`,muted:`text-slate-500 hover:text-slate-700 dark:hover:text-slate-200`,underline:`text-slate-700 dark:text-slate-200 underline underline-offset-2 decoration-black/25 dark:decoration-white/25 hover:decoration-black/50 dark:hover:decoration-white/50`};function r({children:r,className:i,external:a,icon:o,variant:s=`default`,externalRel:c,...l}){return(0,t.jsxs)(`a`,{target:a?`_blank`:void 0,rel:a?c??`noopener noreferrer`:void 0,referrerPolicy:a?`strict-origin-when-cross-origin`:void 0,className:e.t(`inline-flex items-center gap-1 transition-colors cursor-pointer`,n[s],i),...l,children:[r,o&&(0,t.jsx)(`span`,{className:`shrink-0`,"aria-hidden":`true`,children:o}),a&&!o&&(0,t.jsxs)(`svg`,{"aria-hidden":`true`,width:`11`,height:`11`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:[(0,t.jsx)(`path`,{d:`M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6`}),(0,t.jsx)(`polyline`,{points:`15 3 21 3 21 9`}),(0,t.jsx)(`line`,{x1:`10`,y1:`14`,x2:`21`,y2:`3`})]})]})}exports.Link=r;

package/dist/components/link.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/link.tsx
 var r = {

package/dist/components/list.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../cn-BdjraxxU.cjs");let t=require("react/jsx-runtime");function n({divided:n=!0,className:r,children:i,...a}){return(0,t.jsx)(`ul`,{className:e.t(n&&`divide-y divide-black/8 dark:divide-white/8`,r),...a,children:i})}function r({icon:n,trailing:r,description:i,href:a,active:o,className:s,children:c,onClick:l,...u}){let d=(0,t.jsxs)(`div`,{className:e.t(`flex items-center gap-3 px-3 py-2.5 transition-colors rounded-lg`,(!!a||!!l)&&`cursor-pointer hover:bg-black/4 dark:hover:bg-white/4`,o&&`bg-accent-500/8 text-accent-400`),children:[n&&(0,t.jsx)(`span`,{className:`shrink-0 text-slate-500 dark:text-slate-400`,children:n}),(0,t.jsxs)(`div`,{className:`flex-1 min-w-0`,children:[(0,t.jsx)(`p`,{className:e.t(`text-sm font-medium truncate`,o?`text-accent-400`:`text-slate-700 dark:text-slate-200`),children:c}),i&&(0,t.jsx)(`p`,{className:`text-xs text-slate-500 mt-0.5 truncate`,children:i})]}),r&&(0,t.jsx)(`span`,{className:`shrink-0 text-slate-500`,children:r})]});return(0,t.jsx)(`li`,{className:e.t(s),onClick:l,...u,children:a?(0,t.jsx)(`a`,{href:a,children:d}):d})}exports.List=n,exports.ListItem=r;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../cn-B6R3HKzx.cjs");let t=require("react/jsx-runtime");function n({divided:n=!0,className:r,children:i,...a}){return(0,t.jsx)(`ul`,{className:e.t(n&&`divide-y divide-black/8 dark:divide-white/8`,r),...a,children:i})}function r({icon:n,trailing:r,description:i,href:a,active:o,className:s,children:c,onClick:l,...u}){let d=(0,t.jsxs)(`div`,{className:e.t(`flex items-center gap-3 px-3 py-2.5 transition-colors rounded-lg`,(!!a||!!l)&&`cursor-pointer hover:bg-black/4 dark:hover:bg-white/4`,o&&`bg-accent-500/8 text-accent-400`),children:[n&&(0,t.jsx)(`span`,{className:`shrink-0 text-slate-500 dark:text-slate-400`,children:n}),(0,t.jsxs)(`div`,{className:`flex-1 min-w-0`,children:[(0,t.jsx)(`p`,{className:e.t(`text-sm font-medium truncate`,o?`text-accent-400`:`text-slate-700 dark:text-slate-200`),children:c}),i&&(0,t.jsx)(`p`,{className:`text-xs text-slate-500 mt-0.5 truncate`,children:i})]}),r&&(0,t.jsx)(`span`,{className:`shrink-0 text-slate-500`,children:r})]});return(0,t.jsx)(`li`,{className:e.t(s),onClick:l,...u,children:a?(0,t.jsx)(`a`,{href:a,children:d}):d})}exports.List=n,exports.ListItem=r;

package/dist/components/list.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/list.tsx
 function r({ divided: n = !0, className: r, children: i, ...a }) {

package/dist/components/modal.cjs

@@ -1 +1 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../cn-BdjraxxU.cjs"),t=require("../component-styles-DOUctc8_.cjs"),n=require("../use-event-callback-Du9_9eAi.cjs"),r=require("../focus-DmG6Ge7X.cjs");let i=require("framer-motion"),a=require("react"),o=require("react/jsx-runtime");var s={sm:`max-w-[380px]`,md:`max-w-[480px]`,lg:`max-w-[560px]`,xl:`max-w-[640px]`,"2xl":`max-w-[720px]`,"7xl":`max-w-3xl`,full:`max-w-[calc(100vw-2rem)]`};function c({open:c,onClose:l,children:u,className:d,overlayClassName:f,panelClassName:p,size:m=`md`,title:h,description:g,icon:_,showCloseButton:v=!0,closeAriaLabel:y=`Close dialog`,scrollable:b=!1,unstyled:x=!1,ariaLabel:S=`Dialog`,closeOnEscape:C=!0,closeOnOverlayClick:w=!0}){let T=(0,a.useRef)(null),E=(0,a.useRef)(null),D=(0,a.useRef)(c),O=(0,a.useId)(),k=(0,a.useId)(),A=n.t(l);return c&&!D.current&&typeof document<`u`&&document.activeElement instanceof HTMLElement&&(E.current=document.activeElement),D.current=c,(0,a.useEffect)(()=>{if(c)return;let e=e=>{e.target instanceof HTMLElement&&(E.current=e.target)};return!E.current&&document.activeElement instanceof HTMLElement&&(E.current=document.activeElement),document.addEventListener(`focusin`,e),()=>document.removeEventListener(`focusin`,e)},[c]),(0,a.useEffect)(()=>{if(!c)return;!E.current&&document.activeElement instanceof HTMLElement&&(E.current=document.activeElement);let e=document.body.style.overflow,t=e=>{if(e.key===`Escape`&&C){e.preventDefault(),A();return}if(e.key!==`Tab`||!T.current)return;let t=r.t(T.current);if(t.length===0){e.preventDefault(),T.current.focus();return}let n=t[0],i=t[t.length-1];e.shiftKey&&document.activeElement===n?(e.preventDefault(),i.focus()):!e.shiftKey&&document.activeElement===i&&(e.preventDefault(),n.focus())};document.addEventListener(`keydown`,t),document.body.style.overflow=`hidden`;let n=()=>{(T.current?.querySelector(`[data-autofocus]`)??T.current?.querySelector(`[data-modal-content] a[href],[data-modal-content] button:not([disabled]),[data-modal-content] input:not([disabled]),[data-modal-content] select:not([disabled]),[data-modal-content] textarea:not([disabled]),[data-modal-content] [tabindex]:not([tabindex="-1"])`)??T.current?.querySelector(`a[href],button:not([disabled]),input:not([disabled]),select:not([disabled]),textarea:not([disabled]),[tabindex]:not([tabindex="-1"])`)??T.current)?.focus()};n();let i=window.setTimeout(n,0);return()=>{window.clearTimeout(i),document.removeEventListener(`keydown`,t),document.body.style.overflow=e}},[C,c,A]),(0,a.useEffect)(()=>{if(c||!E.current)return;let e=E.current,t=window.setTimeout(()=>e.focus(),240);return()=>window.clearTimeout(t)},[c]),x?c?(0,o.jsx)(`div`,{ref:T,role:`dialog`,"aria-modal":`true`,className:e.t(d,p),children:u}):null:(0,o.jsx)(i.AnimatePresence,{onExitComplete:()=>{let e=E.current;E.current=null,window.setTimeout(()=>e?.focus(),0)},children:c&&(0,o.jsxs)(`div`,{className:`fixed inset-0 z-50 flex items-center justify-center p-4 sm:p-6`,children:[(0,o.jsx)(i.motion.div,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:{duration:.2},className:e.t(`absolute inset-0 bg-overlay`,f),onClick:w?A:void 0}),(0,o.jsxs)(i.motion.div,{ref:T,initial:{opacity:0,scale:.98,y:10},animate:{opacity:1,scale:1,y:0},exit:{opacity:0,scale:.98,y:10},transition:{duration:.22,ease:[.16,1,.3,1]},role:`dialog`,"aria-modal":`true`,"aria-labelledby":h?O:void 0,"aria-describedby":g?k:void 0,"aria-label":h?void 0:S,tabIndex:-1,className:e.t(`relative w-full overflow-hidden flex flex-col`,`rounded-[var(--radius-xl)] border border-border bg-surface-raised shadow-overlay`,`max-h-[min(90dvh,720px)]`,s[m],p,d),children:[h&&(0,o.jsxs)(`div`,{className:`flex items-start justify-between gap-4 border-b border-border px-5 pb-3 pt-4 sm:px-6 shrink-0`,children:[(0,o.jsxs)(`div`,{className:`flex gap-3.5 min-w-0 flex-1`,children:[_&&(0,o.jsx)(`div`,{className:`mt-0.5 shrink-0 text-muted-foreground [&_svg]:size-5`,"aria-hidden":`true`,children:_}),(0,o.jsxs)(`div`,{className:`min-w-0 flex-1 pt-0.5`,children:[(0,o.jsx)(`h2`,{id:O,className:`text-base font-semibold leading-6 text-foreground`,children:h}),g&&(0,o.jsx)(`p`,{id:k,className:`mt-1 text-sm leading-5 text-muted-foreground`,children:g})]})]}),v&&(0,o.jsx)(`button`,{type:`button`,"data-modal-close":!0,"aria-label":y,onClick:A,className:t.c,children:(0,o.jsx)(`svg`,{width:`14`,height:`14`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,o.jsx)(`path`,{d:`M18 6 6 18M6 6l12 12`})})})]}),!h&&v&&(0,o.jsx)(`button`,{type:`button`,"data-modal-close":!0,"aria-label":y,onClick:A,className:e.t(`absolute right-4 top-4 z-10`,t.c),children:(0,o.jsx)(`svg`,{width:`14`,height:`14`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,o.jsx)(`path`,{d:`M18 6 6 18M6 6l12 12`})})}),(0,o.jsx)(`div`,{"data-modal-content":!0,className:e.t(`px-5 py-4 sm:px-6 flex-1`,b?`overflow-y-auto overscroll-contain`:`overflow-y-auto`),children:u})]})]})})}function l({className:t,children:n,...r}){return(0,o.jsx)(`div`,{className:e.t(`px-5 pt-4 pb-3 sm:px-6 border-b border-border shrink-0`,t),...r,children:n})}function u({as:t=`h2`,className:n,children:r,...i}){return(0,o.jsx)(t,{className:e.t(`text-base font-semibold leading-6 text-foreground`,n),...i,children:r})}function d({className:t,children:n,...r}){return(0,o.jsx)(`p`,{className:e.t(`mt-1 text-sm leading-5 text-muted-foreground`,t),...r,children:n})}function f({className:t,scrollable:n=!1,children:r,...i}){return(0,o.jsx)(`div`,{"data-modal-content":!0,className:e.t(`px-5 py-4 sm:px-6`,n&&`overflow-y-auto flex-1 overscroll-contain`,t),...i,children:r})}function p({className:t,children:n,...r}){return(0,o.jsx)(`div`,{className:e.t(`flex flex-wrap items-center justify-end gap-2 border-t border-border px-5 pb-4 pt-3 sm:px-6 max-sm:flex-col-reverse max-sm:items-stretch`,t),...r,children:n})}exports.Modal=c,exports.ModalBody=f,exports.ModalDescription=d,exports.ModalFooter=p,exports.ModalHeader=l,exports.ModalTitle=u;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../cn-B6R3HKzx.cjs"),t=require("../component-styles-DY4wigiq.cjs"),n=require("../use-event-callback-Du9_9eAi.cjs"),r=require("../motion-B2shivEB.cjs"),i=require("../use-focus-trap-CPLT49gN.cjs");let a=require("framer-motion"),o=require("react"),s=require("react/jsx-runtime");var c={sm:`max-w-[380px]`,md:`max-w-[480px]`,lg:`max-w-[560px]`,xl:`max-w-[640px]`,"2xl":`max-w-[720px]`,"7xl":`max-w-3xl`,full:`max-w-[calc(100vw-2rem)]`};function l({open:l,onClose:u,children:d,className:f,overlayClassName:p,panelClassName:m,containerClassName:h,headerClassName:g,iconClassName:_,titleClassName:v,descriptionClassName:y,closeButtonClassName:b,contentClassName:x,size:S=`md`,title:C,description:w,icon:T,showCloseButton:E=!0,closeAriaLabel:D=`Close dialog`,scrollable:O=!1,unstyled:k=!1,ariaLabel:A=`Dialog`,closeOnEscape:j=!0,closeOnOverlayClick:M=!0}){let N=(0,o.useRef)(null),P=(0,o.useId)(),F=(0,o.useId)(),I=n.t(u),{previouslyFocusedRef:L,restoreNow:R}=i.n(l);return i.t(N,{active:l,onEscape:I,closeOnEscape:j}),k?l?(0,s.jsx)(`div`,{ref:N,role:`dialog`,"aria-modal":`true`,className:e.t(f,m),children:d}):null:(0,s.jsx)(a.AnimatePresence,{onExitComplete:R,children:l&&(0,s.jsxs)(`div`,{className:e.t(`fixed inset-0 z-50 flex items-center justify-center p-4 sm:p-6`,h),children:[(0,s.jsx)(a.motion.div,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:r.n.overlay,className:e.t(`absolute inset-0 bg-overlay`,p),onClick:M?I:void 0}),(0,s.jsxs)(a.motion.div,{ref:N,initial:{opacity:0,scale:.98,y:10},animate:{opacity:1,scale:1,y:0},exit:{opacity:0,scale:.98,y:10},transition:r.n.panelEnter,role:`dialog`,"aria-modal":`true`,"aria-labelledby":C?P:void 0,"aria-describedby":w?F:void 0,"aria-label":C?void 0:A,tabIndex:-1,className:e.t(`relative w-full overflow-hidden flex flex-col`,`rounded-[var(--radius-xl)] border border-border bg-surface-raised shadow-overlay`,`max-h-[min(90dvh,720px)]`,c[S],m,f),children:[C&&(0,s.jsxs)(`div`,{className:e.t(`flex items-start justify-between gap-4 border-b border-border px-5 pb-3 pt-4 sm:px-6 shrink-0`,g),children:[(0,s.jsxs)(`div`,{className:`flex gap-3.5 min-w-0 flex-1`,children:[T&&(0,s.jsx)(`div`,{className:e.t(`mt-0.5 shrink-0 text-muted-foreground [&_svg]:size-5`,_),"aria-hidden":`true`,children:T}),(0,s.jsxs)(`div`,{className:`min-w-0 flex-1 pt-0.5`,children:[(0,s.jsx)(`h2`,{id:P,className:e.t(`text-base font-semibold leading-6 text-foreground`,v),children:C}),w&&(0,s.jsx)(`p`,{id:F,className:e.t(`mt-1 text-sm leading-5 text-muted-foreground`,y),children:w})]})]}),E&&(0,s.jsx)(`button`,{type:`button`,"data-modal-close":!0,"aria-label":D,onClick:I,className:e.t(t.c,b),children:(0,s.jsx)(`svg`,{width:`14`,height:`14`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,s.jsx)(`path`,{d:`M18 6 6 18M6 6l12 12`})})})]}),!C&&E&&(0,s.jsx)(`button`,{type:`button`,"data-modal-close":!0,"aria-label":D,onClick:I,className:e.t(`absolute right-4 top-4 z-10`,t.c,b),children:(0,s.jsx)(`svg`,{width:`14`,height:`14`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,s.jsx)(`path`,{d:`M18 6 6 18M6 6l12 12`})})}),(0,s.jsx)(`div`,{"data-modal-content":!0,className:e.t(`px-5 py-4 sm:px-6 flex-1`,O?`overflow-y-auto overscroll-contain`:`overflow-y-auto`,x),children:d})]})]})})}function u({className:t,children:n,...r}){return(0,s.jsx)(`div`,{className:e.t(`px-5 pt-4 pb-3 sm:px-6 border-b border-border shrink-0`,t),...r,children:n})}function d({as:t=`h2`,className:n,children:r,...i}){return(0,s.jsx)(t,{className:e.t(`text-base font-semibold leading-6 text-foreground`,n),...i,children:r})}function f({className:t,children:n,...r}){return(0,s.jsx)(`p`,{className:e.t(`mt-1 text-sm leading-5 text-muted-foreground`,t),...r,children:n})}function p({className:t,scrollable:n=!1,children:r,...i}){return(0,s.jsx)(`div`,{"data-modal-content":!0,className:e.t(`px-5 py-4 sm:px-6`,n&&`overflow-y-auto flex-1 overscroll-contain`,t),...i,children:r})}function m({className:t,children:n,...r}){return(0,s.jsx)(`div`,{className:e.t(`flex flex-wrap items-center justify-end gap-2 border-t border-border px-5 pb-4 pt-3 sm:px-6 max-sm:flex-col-reverse max-sm:items-stretch`,t),...r,children:n})}exports.Modal=l,exports.ModalBody=p,exports.ModalDescription=f,exports.ModalFooter=m,exports.ModalHeader=u,exports.ModalTitle=d;

package/dist/components/modal.d.ts

@@ -6,6 +6,13 @@ export interface ModalProps {
     className?: string;
     overlayClassName?: string;
     panelClassName?: string;
+    containerClassName?: string;
+    headerClassName?: string;
+    iconClassName?: string;
+    titleClassName?: string;
+    descriptionClassName?: string;
+    closeButtonClassName?: string;
+    contentClassName?: string;
     size?: "sm" | "md" | "lg" | "xl" | "2xl" | "7xl" | "full";
     title?: string;
     description?: string;
@@ -18,7 +25,7 @@ export interface ModalProps {
     closeOnEscape?: boolean;
     closeOnOverlayClick?: boolean;
 }
-export declare function Modal({ open, onClose, children, className, overlayClassName, panelClassName, size, title, description, icon, showCloseButton, closeAriaLabel, scrollable, unstyled, ariaLabel, closeOnEscape, closeOnOverlayClick, }: ModalProps): import("react").JSX.Element | null;
+export declare function Modal({ open, onClose, children, className, overlayClassName, panelClassName, containerClassName, headerClassName, iconClassName, titleClassName, descriptionClassName, closeButtonClassName, contentClassName, size, title, description, icon, showCloseButton, closeAriaLabel, scrollable, unstyled, ariaLabel, closeOnEscape, closeOnOverlayClick, }: ModalProps): import("react").JSX.Element | null;
 export declare function ModalHeader({ className, children, ...props }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
 export declare function ModalTitle({ as: Tag, className, children, ...props }: HTMLAttributes<HTMLHeadingElement> & {
     as?: "h1" | "h2" | "h3" | "div";