@bzync/rui 0.0.3

package/dist/components/file-upload.js

@@ -0,0 +1,173 @@
+"use client";
+import { t as e } from "../cn-DpgY2leY.js";
+import { o as t } from "../component-styles-Ce56hn9T.js";
+import { AnimatePresence as n, motion as r } from "framer-motion";
+import { forwardRef as i, useId as a, useRef as o, useState as s } from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region src/components/file-upload.tsx
+var u = i(({ className: i, label: u, hint: d, error: f, accept: p, maxSizeMB: m, onFilesChange: h, disabled: g, multiple: _, id: v, ...y }, b) => {
+	let [x, S] = s(!1), [C, w] = s([]), [T, E] = s(""), D = o(null), O = a(), k = v ?? O, A = `${k}-message`, j = m && (m >= 1024 ? `${m / 1024}GB` : `${m}MB`);
+	function M(e) {
+		if (!e) return;
+		let t = Array.from(e);
+		if (m) {
+			let e = t.find((e) => e.size > m * 1024 * 1024);
+			if (e) {
+				E(`${e.name} exceeds ${j}`);
+				return;
+			}
+		}
+		E("");
+		let n = _ ? [...C, ...t] : t;
+		w(n), h?.(n);
+	}
+	function N(e) {
+		let t = C.filter((t, n) => n !== e);
+		w(t), h?.(t);
+	}
+	function P(e) {
+		e.preventDefault(), S(!1), !g && M(e.dataTransfer.files);
+	}
+	let F = f ?? T;
+	return /* @__PURE__ */ l("div", {
+		className: e(t, i),
+		children: [
+			u && /* @__PURE__ */ c("label", {
+				htmlFor: k,
+				className: "text-sm font-medium leading-5 text-foreground",
+				children: u
+			}),
+			/* @__PURE__ */ l("label", {
+				htmlFor: k,
+				onDragOver: (e) => {
+					e.preventDefault(), g || S(!0);
+				},
+				onDragLeave: () => S(!1),
+				onDrop: P,
+				className: e("relative flex flex-col items-center justify-center gap-2 rounded-[var(--radius-lg)] border border-dashed px-4 py-7 text-center cursor-pointer transition-colors focus-within:ring-2 focus-within:ring-focus-ring/25", x ? "border-accent-500/60 bg-accent-500/6" : F ? "border-red-500/40 bg-red-500/4" : "border-border-strong bg-surface-muted/50 hover:border-accent-500/60 hover:bg-muted", g && "opacity-50 cursor-not-allowed pointer-events-none"),
+				children: [
+					/* @__PURE__ */ c("input", {
+						ref: (e) => {
+							D.current = e, typeof b == "function" ? b(e) : b && (b.current = e);
+						},
+						type: "file",
+						id: k,
+						accept: p,
+						multiple: _,
+						disabled: g,
+						"aria-invalid": F ? !0 : void 0,
+						"aria-describedby": F || d ? A : void 0,
+						className: "sr-only",
+						onChange: (e) => M(e.target.files),
+						...y
+					}),
+					/* @__PURE__ */ l("svg", {
+						width: "24",
+						height: "24",
+						viewBox: "0 0 24 24",
+						fill: "none",
+						stroke: "currentColor",
+						strokeWidth: "1.5",
+						strokeLinecap: "round",
+						strokeLinejoin: "round",
+						className: "text-muted-foreground",
+						children: [
+							/* @__PURE__ */ c("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
+							/* @__PURE__ */ c("polyline", { points: "17 8 12 3 7 8" }),
+							/* @__PURE__ */ c("line", {
+								x1: "12",
+								y1: "3",
+								x2: "12",
+								y2: "15"
+							})
+						]
+					}),
+					/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ l("p", {
+						className: "text-sm font-medium text-foreground",
+						children: ["Drop files here or ", /* @__PURE__ */ c("span", {
+							className: "text-accent-700 dark:text-accent-300",
+							children: "browse"
+						})]
+					}), (p || m) && /* @__PURE__ */ c("p", {
+						className: "mt-0.5 text-xs text-muted-foreground",
+						children: [p && `Accepts ${p}`, j && `Max ${j}`].filter(Boolean).join(" · ")
+					})] })
+				]
+			}),
+			/* @__PURE__ */ c(n, {
+				initial: !1,
+				children: C.length > 0 && /* @__PURE__ */ c(r.ul, {
+					initial: {
+						opacity: 0,
+						height: 0
+					},
+					animate: {
+						opacity: 1,
+						height: "auto"
+					},
+					exit: {
+						opacity: 0,
+						height: 0
+					},
+					className: "flex flex-col gap-1 overflow-hidden",
+					children: C.map((t, n) => /* @__PURE__ */ l("li", {
+						className: "flex items-center gap-2 rounded-[var(--radius-md)] border border-border bg-surface-muted px-3 py-2",
+						children: [
+							/* @__PURE__ */ l("svg", {
+								width: "14",
+								height: "14",
+								viewBox: "0 0 24 24",
+								fill: "none",
+								stroke: "currentColor",
+								strokeWidth: "2",
+								strokeLinecap: "round",
+								strokeLinejoin: "round",
+								className: "text-slate-400 shrink-0",
+								children: [/* @__PURE__ */ c("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }), /* @__PURE__ */ c("polyline", { points: "14 2 14 8 20 8" })]
+							}),
+							/* @__PURE__ */ c("span", {
+								className: "min-w-0 flex-1 truncate text-xs text-foreground",
+								children: t.name
+							}),
+							/* @__PURE__ */ l("span", {
+								className: "shrink-0 text-[10px] text-muted-foreground",
+								children: [(t.size / 1024).toFixed(0), "KB"]
+							}),
+							/* @__PURE__ */ c("button", {
+								type: "button",
+								onClick: () => N(n),
+								"aria-label": `Remove ${t.name}`,
+								className: e("shrink-0 rounded-sm text-muted-foreground hover:text-destructive transition-colors", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring/35 focus-visible:ring-offset-2 focus-visible:ring-offset-bg"),
+								children: /* @__PURE__ */ c("svg", {
+									width: "12",
+									height: "12",
+									viewBox: "0 0 24 24",
+									fill: "none",
+									stroke: "currentColor",
+									strokeWidth: "2.5",
+									strokeLinecap: "round",
+									strokeLinejoin: "round",
+									children: /* @__PURE__ */ c("path", { d: "M18 6 6 18M6 6l12 12" })
+								})
+							})
+						]
+					}, `${t.name}-${n}`))
+				})
+			}),
+			F && /* @__PURE__ */ c("p", {
+				id: A,
+				"aria-live": "polite",
+				className: "text-xs leading-5 text-destructive",
+				children: F
+			}),
+			d && !F && /* @__PURE__ */ c("p", {
+				id: A,
+				className: "text-xs leading-5 text-muted-foreground",
+				children: d
+			})
+		]
+	});
+});
+u.displayName = "FileUpload";
+//#endregion
+export { u as FileUpload };

package/dist/components/form-field.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../cn-BdjraxxU.cjs"),t=require("../component-styles-TkZ7v6Ef.cjs");let n=require("react/jsx-runtime");function r({label:r,hint:i,error:a,required:o,htmlFor:s,className:c,children:l,...u}){return(0,n.jsxs)(`div`,{className:e.t(t.o,c),...u,children:[r&&(0,n.jsxs)(`label`,{htmlFor:s,className:e.t(`flex items-center gap-1`,`text-sm font-medium leading-5 text-foreground`),children:[r,o&&(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(`span`,{"aria-hidden":`true`,className:`text-destructive`,children:`*`}),(0,n.jsx)(`span`,{className:`sr-only`,children:` (required)`})]})]}),l,a&&(0,n.jsx)(`p`,{"aria-live":`polite`,className:`text-xs leading-5 text-destructive`,children:a}),i&&!a&&(0,n.jsx)(`p`,{className:`text-xs leading-5 text-muted-foreground`,children:i})]})}exports.FormField=r;

package/dist/components/form-field.d.ts

@@ -0,0 +1,10 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export interface FormFieldProps extends HTMLAttributes<HTMLDivElement> {
+    label?: ReactNode;
+    hint?: ReactNode;
+    error?: string;
+    required?: boolean;
+    htmlFor?: string;
+    children: ReactNode;
+}
+export declare function FormField({ label, hint, error, required, htmlFor, className, children, ...props }: FormFieldProps): import("react").JSX.Element;

package/dist/components/form-field.js

@@ -0,0 +1,36 @@
+import { t as e } from "../cn-DpgY2leY.js";
+import { o as t } from "../component-styles-Ce56hn9T.js";
+import { Fragment as n, jsx as r, jsxs as i } 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),
+		...f,
+		children: [
+			a && /* @__PURE__ */ i("label", {
+				htmlFor: l,
+				className: e("flex items-center gap-1", "text-sm font-medium leading-5 text-foreground"),
+				children: [a, c && /* @__PURE__ */ i(n, { children: [/* @__PURE__ */ r("span", {
+					"aria-hidden": "true",
+					className: "text-destructive",
+					children: "*"
+				}), /* @__PURE__ */ r("span", {
+					className: "sr-only",
+					children: " (required)"
+				})] })]
+			}),
+			d,
+			s && /* @__PURE__ */ r("p", {
+				"aria-live": "polite",
+				className: "text-xs leading-5 text-destructive",
+				children: s
+			}),
+			o && !s && /* @__PURE__ */ r("p", {
+				className: "text-xs leading-5 text-muted-foreground",
+				children: o
+			})
+		]
+	});
+}
+//#endregion
+export { a as FormField };

package/dist/components/info-button.cjs

@@ -0,0 +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;

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

@@ -0,0 +1,4 @@
+export declare function InfoButton({ onClick, label }: {
+    onClick: () => void;
+    label: string;
+}): import("react").JSX.Element;

package/dist/components/info-button.js

@@ -0,0 +1,32 @@
+"use client";
+import { jsx as e, jsxs as t } 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" })
+			]
+		})
+	});
+}
+//#endregion
+export { n as InfoButton };

package/dist/components/input.cjs

@@ -0,0 +1 @@
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../cn-BdjraxxU.cjs"),t=require("../component-styles-TkZ7v6Ef.cjs");let n=require("react"),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-sm font-medium 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-sm font-medium 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;

package/dist/components/input.d.ts

@@ -0,0 +1,19 @@
+import { InputHTMLAttributes, ReactNode, CSSProperties } from 'react';
+type InputSize = "sm" | "md" | "lg";
+export interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "prefix" | "suffix" | "size"> {
+    label?: string;
+    hint?: string;
+    error?: string;
+    prefix?: ReactNode;
+    suffix?: ReactNode;
+    size?: InputSize;
+    /** Slot customization — end-to-end */
+    wrapperClassName?: string;
+    wrapperStyle?: CSSProperties;
+    inputClassName?: string;
+    labelClassName?: string;
+    hintClassName?: string;
+    unstyled?: boolean;
+}
+export declare const Input: import('react').ForwardRefExoticComponent<InputProps & import('react').RefAttributes<HTMLInputElement>>;
+export {};

package/dist/components/input.js

@@ -0,0 +1,117 @@
+"use client";
+import { t as e } from "../cn-DpgY2leY.js";
+import { o as t, t as n } from "../component-styles-Ce56hn9T.js";
+import { forwardRef as r, useId as i } from "react";
+import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/components/input.tsx
+var c = {
+	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"
+	}
+}, l = r(({ className: r, wrapperClassName: l, wrapperStyle: u, inputClassName: d, labelClassName: f, hintClassName: p, unstyled: m = !1, label: h, hint: g, error: _, prefix: v, suffix: y, size: b = "md", id: x, autoComplete: S = "on", style: C, required: w, ...T }, E) => {
+	let D = i(), O = x ?? D, k = `${O}-message`, A = c[b];
+	return m ? /* @__PURE__ */ s("div", {
+		className: e(t, l),
+		style: u,
+		children: [
+			h && /* @__PURE__ */ s("label", {
+				htmlFor: O,
+				className: e("text-sm font-medium leading-5 text-foreground", f),
+				children: [h, w && /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o("span", {
+					"aria-hidden": "true",
+					className: "ml-1 text-destructive",
+					children: "*"
+				}), /* @__PURE__ */ o("span", {
+					className: "sr-only",
+					children: " (required)"
+				})] })]
+			}),
+			/* @__PURE__ */ o("input", {
+				ref: E,
+				id: O,
+				required: w,
+				"aria-invalid": _ ? !0 : void 0,
+				"aria-describedby": _ || g ? k : void 0,
+				autoComplete: S,
+				className: e(d, r),
+				style: C,
+				...T
+			}),
+			_ && /* @__PURE__ */ o("p", {
+				id: k,
+				"aria-live": "polite",
+				className: e("text-xs leading-5 text-destructive", p),
+				children: _
+			}),
+			g && !_ && /* @__PURE__ */ o("p", {
+				id: k,
+				className: e("text-xs leading-5 text-muted-foreground", p),
+				children: g
+			})
+		]
+	}) : /* @__PURE__ */ s("div", {
+		className: e(t, l),
+		style: u,
+		children: [
+			h && /* @__PURE__ */ s("label", {
+				htmlFor: O,
+				className: e("text-sm font-medium leading-5 text-foreground", f),
+				children: [h, w && /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o("span", {
+					"aria-hidden": "true",
+					className: "ml-1 text-destructive",
+					children: "*"
+				}), /* @__PURE__ */ o("span", {
+					className: "sr-only",
+					children: " (required)"
+				})] })]
+			}),
+			/* @__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"),
+				children: [
+					v && /* @__PURE__ */ o("span", {
+						className: e("text-slate-400 dark:text-slate-500 shrink-0", A.text),
+						children: v
+					}),
+					/* @__PURE__ */ o("input", {
+						ref: E,
+						id: O,
+						required: w,
+						"aria-invalid": _ ? !0 : void 0,
+						"aria-describedby": _ || g ? k : void 0,
+						autoComplete: S,
+						className: e("flex-1 min-w-0 bg-transparent outline-none", "text-foreground placeholder:text-muted-foreground", "disabled:cursor-not-allowed disabled:opacity-50", A.text, d, r),
+						style: C,
+						...T
+					}),
+					y && /* @__PURE__ */ o("span", {
+						className: e("text-slate-400 dark:text-slate-500 shrink-0", A.text),
+						children: y
+					})
+				]
+			}),
+			_ && /* @__PURE__ */ o("p", {
+				id: k,
+				"aria-live": "polite",
+				className: e("text-xs leading-5 text-destructive", p),
+				children: _
+			}),
+			g && !_ && /* @__PURE__ */ o("p", {
+				id: k,
+				className: e("text-xs leading-5 text-muted-foreground", p),
+				children: g
+			})
+		]
+	});
+});
+l.displayName = "Input";
+//#endregion
+export { l as Input };

package/dist/components/kbd.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../cn-BdjraxxU.cjs");let t=require("react/jsx-runtime");function n({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.d.ts

@@ -0,0 +1,6 @@
+import { HTMLAttributes } from 'react';
+export interface KbdProps extends HTMLAttributes<HTMLElement> {
+    keys: string | string[];
+    size?: "sm" | "md";
+}
+export declare function Kbd({ keys, size, className, ...props }: KbdProps): import("react").JSX.Element;

package/dist/components/kbd.js

@@ -0,0 +1,16 @@
+import { t as e } from "../cn-DpgY2leY.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/components/kbd.tsx
+function n({ keys: n, size: r = "sm", className: i, ...a }) {
+	let o = Array.isArray(n) ? n : [n];
+	return /* @__PURE__ */ t("span", {
+		className: e("inline-flex items-center gap-0.5", i),
+		...a,
+		children: o.map((n, i) => /* @__PURE__ */ t("kbd", {
+			className: e("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))
+	});
+}
+//#endregion
+export { n as Kbd };

package/dist/components/label.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../cn-BdjraxxU.cjs"),t=require("../component-styles-TkZ7v6Ef.cjs");let n=require("react/jsx-runtime");function r({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.d.ts

@@ -0,0 +1,6 @@
+import { LabelHTMLAttributes } from 'react';
+export interface LabelProps extends LabelHTMLAttributes<HTMLLabelElement> {
+    required?: boolean;
+    hint?: string;
+}
+export declare function Label({ className, children, required, hint, ...props }: LabelProps): import("react").JSX.Element;

package/dist/components/label.js

@@ -0,0 +1,31 @@
+import { t as e } from "../cn-DpgY2leY.js";
+import { a as t } from "../component-styles-Ce56hn9T.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 }) {
+	return /* @__PURE__ */ i("label", {
+		className: e("flex items-center gap-1.5 select-none", t, a),
+		...l,
+		children: [
+			/* @__PURE__ */ r("span", { children: o }),
+			s && /* @__PURE__ */ i(n, { children: [/* @__PURE__ */ r("span", {
+				"aria-hidden": "true",
+				className: "text-destructive leading-none",
+				children: "*"
+			}), /* @__PURE__ */ r("span", {
+				className: "sr-only",
+				children: " (required)"
+			})] }),
+			c && /* @__PURE__ */ i("span", {
+				className: "font-normal text-muted-foreground",
+				children: [
+					"(",
+					c,
+					")"
+				]
+			})
+		]
+	});
+}
+//#endregion
+export { a as Label };

package/dist/components/layout.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../cn-BdjraxxU.cjs");let t=require("react/jsx-runtime");function n({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.d.ts

@@ -0,0 +1,51 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export interface AppShellProps extends HTMLAttributes<HTMLDivElement> {
+    /** Prevent the shell itself from scrolling and let AppShellMain own overflow. */
+    fixed?: boolean;
+}
+/** Root frame for application layouts. Compose it with Sidebar and AppShellBody. */
+export declare function AppShell({ fixed, className, children, ...props }: AppShellProps): import("react").JSX.Element;
+/** Vertical region beside a sidebar. Usually contains a topbar, main, and footer. */
+export declare function AppShellBody({ className, children, ...props }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
+export interface AppShellMainProps extends HTMLAttributes<HTMLElement> {
+    scrollable?: boolean;
+}
+export declare function AppShellMain({ scrollable, className, children, ...props }: AppShellMainProps): import("react").JSX.Element;
+export interface LayoutBarProps extends HTMLAttributes<HTMLElement> {
+    sticky?: boolean;
+}
+/** General-purpose application header; Topbar can be used inside it for navigation controls. */
+export declare function AppShellHeader({ sticky, className, children, ...props }: LayoutBarProps): import("react").JSX.Element;
+/** Page or application footer with safe-area padding. */
+export declare function Footer({ sticky, className, children, ...props }: LayoutBarProps): import("react").JSX.Element;
+type ContainerSize = "sm" | "md" | "lg" | "xl" | "full";
+export interface ContainerProps extends HTMLAttributes<HTMLDivElement> {
+    size?: ContainerSize;
+    gutter?: boolean;
+}
+/** Centers content and provides consistent responsive page gutters. */
+export declare function Container({ size, gutter, className, children, ...props }: ContainerProps): import("react").JSX.Element;
+export interface PageHeaderProps extends Omit<HTMLAttributes<HTMLDivElement>, "title"> {
+    title: ReactNode;
+    /** Heading level for SEO hierarchy; defaults to h1 (one per page) */
+    as?: "h1" | "h2" | "h3" | "div";
+    description?: ReactNode;
+    eyebrow?: ReactNode;
+    breadcrumbs?: ReactNode;
+    actions?: ReactNode;
+}
+/** Standard page heading with optional breadcrumbs, supporting copy, and actions. */
+export declare function PageHeader({ title, description, eyebrow, breadcrumbs, actions, as: Tag, className, ...props }: PageHeaderProps): import("react").JSX.Element;
+export interface StackProps extends HTMLAttributes<HTMLDivElement> {
+    gap?: "none" | "xs" | "sm" | "md" | "lg" | "xl";
+}
+/** Vertical spacing primitive for page sections and forms. */
+export declare function Stack({ gap, className, children, ...props }: StackProps): import("react").JSX.Element;
+export interface InlineProps extends StackProps {
+    wrap?: boolean;
+    align?: "start" | "center" | "end" | "stretch";
+    justify?: "start" | "center" | "end" | "between";
+}
+/** Horizontal spacing primitive for toolbars, actions, and metadata. */
+export declare function Inline({ gap, wrap, align, justify, className, children, ...props }: InlineProps): import("react").JSX.Element;
+export {};

package/dist/components/layout.js

@@ -0,0 +1,117 @@
+import { t as e } from "../cn-DpgY2leY.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 }) {
+	return /* @__PURE__ */ t("div", {
+		className: e("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 i({ className: n, children: r, ...i }) {
+	return /* @__PURE__ */ t("div", {
+		className: e("flex min-w-0 flex-1 flex-col", n),
+		...i,
+		children: r
+	});
+}
+function a({ scrollable: n = !1, className: r, children: i, ...a }) {
+	return /* @__PURE__ */ t("main", {
+		className: e("min-w-0 flex-1", n && "overflow-y-auto", r),
+		...a,
+		children: i
+	});
+}
+function o({ sticky: n = !1, className: r, children: i, ...a }) {
+	return /* @__PURE__ */ t("header", {
+		className: e("z-30 shrink-0", n && "sticky top-0", r),
+		...a,
+		children: i
+	});
+}
+function s({ sticky: n = !1, className: r, children: i, ...a }) {
+	return /* @__PURE__ */ t("footer", {
+		className: e("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 c = {
+	sm: "max-w-3xl",
+	md: "max-w-5xl",
+	lg: "max-w-7xl",
+	xl: "max-w-screen-2xl",
+	full: "max-w-none"
+};
+function l({ size: n = "lg", gutter: r = !0, className: i, children: a, ...o }) {
+	return /* @__PURE__ */ t("div", {
+		className: e("mx-auto w-full", c[n], r && "px-4 sm:px-6 lg:px-8", i),
+		...o,
+		children: a
+	});
+}
+function u({ title: r, description: i, eyebrow: a, breadcrumbs: o, actions: s, as: c = "h1", className: l, ...u }) {
+	return /* @__PURE__ */ n("div", {
+		className: e("flex flex-col gap-4 sm:flex-row sm:items-end sm:justify-between", l),
+		...u,
+		children: [/* @__PURE__ */ n("div", {
+			className: "min-w-0",
+			children: [
+				o && /* @__PURE__ */ t("div", {
+					className: "mb-3",
+					children: o
+				}),
+				a && /* @__PURE__ */ t("div", {
+					className: "mb-1 text-xs font-semibold uppercase tracking-wider text-accent-600 dark:text-accent-400",
+					children: a
+				}),
+				/* @__PURE__ */ t(c, {
+					className: "text-2xl font-semibold tracking-[-0.02em] text-foreground",
+					children: r
+				}),
+				i && /* @__PURE__ */ t("div", {
+					className: "mt-1.5 max-w-3xl text-sm leading-6 text-muted-foreground",
+					children: i
+				})
+			]
+		}), s && /* @__PURE__ */ t("div", {
+			className: "flex shrink-0 flex-wrap items-center gap-2",
+			children: s
+		})]
+	});
+}
+var d = {
+	none: "gap-0",
+	xs: "gap-1",
+	sm: "gap-2",
+	md: "gap-4",
+	lg: "gap-6",
+	xl: "gap-8"
+};
+function f({ gap: n = "md", className: r, children: i, ...a }) {
+	return /* @__PURE__ */ t("div", {
+		className: e("flex flex-col", d[n], r),
+		...a,
+		children: i
+	});
+}
+var p = {
+	start: "items-start",
+	center: "items-center",
+	end: "items-end",
+	stretch: "items-stretch"
+}, m = {
+	start: "justify-start",
+	center: "justify-center",
+	end: "justify-end",
+	between: "justify-between"
+};
+function h({ gap: n = "md", wrap: r = !0, align: i = "center", justify: a = "start", className: o, children: s, ...c }) {
+	return /* @__PURE__ */ t("div", {
+		className: e("flex", d[n], r && "flex-wrap", p[i], m[a], o),
+		...c,
+		children: s
+	});
+}
+//#endregion
+export { r as AppShell, i as AppShellBody, o as AppShellHeader, a as AppShellMain, l as Container, s as Footer, h as Inline, u as PageHeader, f as Stack };