tembro 3.1.17 → 4.0.0

package/dist/src/components/overlay/alert-dialog.js

@@ -1,7 +1,7 @@
 "use client";
 import { Button as e } from "../ui/button/index.js";
-import { Input as t } from "../ui/input/index.js";
-import { Dialog as n, DialogClose as r, DialogContent as i, DialogDescription as a, DialogFooter as o, DialogHeader as s, DialogTitle as c } from "../ui/dialog/index.js";
+import { Dialog as t, DialogClose as n, DialogContent as r, DialogDescription as i, DialogFooter as a, DialogHeader as o, DialogTitle as s } from "../ui/dialog/index.js";
+import { Input as c } from "../ui/input/index.js";
 import * as l from "react";
 import { AlertTriangleIcon as u } from "lucide-react";
 import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
@@ -34,17 +34,17 @@ function m({ title: m = "Are you sure?", description: h, icon: g = /* @__PURE__
 			}
 		}
 	};
-	return /* @__PURE__ */ p(n, {
+	return /* @__PURE__ */ p(t, {
 		onOpenChange: Y,
 		...L,
-		children: [M, /* @__PURE__ */ p(i, { children: [
-			/* @__PURE__ */ p(s, { children: [
+		children: [M, /* @__PURE__ */ p(r, { children: [
+			/* @__PURE__ */ p(o, { children: [
 				/* @__PURE__ */ f("div", {
 					className: "mb-3 inline-flex size-11 items-center justify-center rounded-2xl border border-destructive/20 bg-destructive/10 text-destructive [&_svg]:size-5",
 					children: g
 				}),
-				/* @__PURE__ */ f(c, { children: m }),
-				h ? /* @__PURE__ */ f(a, { children: h }) : null
+				/* @__PURE__ */ f(s, { children: m }),
+				h ? /* @__PURE__ */ f(i, { children: h }) : null
 			] }),
 			G ? /* @__PURE__ */ p("div", {
 				className: "grid gap-2.5",
@@ -64,7 +64,7 @@ function m({ title: m = "Are you sure?", description: h, icon: g = /* @__PURE__
 							" to continue."
 						] })
 					})]
-				}), /* @__PURE__ */ f(t, {
+				}), /* @__PURE__ */ f(c, {
 					value: B,
 					onValueChange: V,
 					placeholder: T ?? C,
@@ -86,7 +86,7 @@ function m({ title: m = "Are you sure?", description: h, icon: g = /* @__PURE__
 				className: "rounded-2xl border border-destructive/20 bg-destructive/8 px-3.5 py-3 text-sm leading-6 text-destructive",
 				children: H
 			}) : null,
-			/* @__PURE__ */ p(o, { children: [/* @__PURE__ */ f(r, { render: () => /* @__PURE__ */ f(e, {
+			/* @__PURE__ */ p(a, { children: [/* @__PURE__ */ f(n, { render: () => /* @__PURE__ */ f(e, {
 				type: "button",
 				variant: b,
 				disabled: W,

package/dist/src/components/patterns/empty-state.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/button/index.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("lucide-react"),a=require("react/jsx-runtime");function o(e,t){return e.href?(0,a.jsx)(`a`,{className:n.buttonVariants({variant:e.variant??t}),href:e.href,children:e.label}):(0,a.jsx)(n.Button,{type:`button`,variant:e.variant??t,onClick:e.onClick,children:e.label})}function s(e){return e===`error`?(0,a.jsx)(i.AlertCircleIcon,{"data-icon":`inline-start`}):(0,a.jsx)(i.SearchXIcon,{"data-icon":`inline-start`})}function c({className:e,tone:n=`empty`,title:r,description:i,icon:c,primaryAction:l,secondaryAction:u,compact:d=!1,...f}){return(0,a.jsxs)(`div`,{"data-slot":`empty-state`,"data-tone":n,"data-compact":d||void 0,role:n===`error`?`alert`:`status`,className:t.cn(`flex flex-col items-center justify-center rounded-xl border bg-card text-center text-card-foreground shadow-sm`,d?`gap-3 p-5`:`min-h-64 gap-4 p-8`,e),...f,children:[(0,a.jsx)(`div`,{"data-slot":`empty-state-icon`,className:`flex size-12 items-center justify-center rounded-full border bg-muted text-muted-foreground`,children:c??s(n)}),(r||i)&&(0,a.jsxs)(`div`,{"data-slot":`empty-state-content`,className:`grid max-w-md gap-1`,children:[r&&(0,a.jsx)(`h2`,{className:`text-base font-semibold tracking-tight`,children:r}),i&&(0,a.jsx)(`p`,{className:`text-sm leading-6 text-muted-foreground`,children:i})]}),(l||u)&&(0,a.jsxs)(`div`,{"data-slot":`empty-state-actions`,className:`flex flex-wrap items-center justify-center gap-2`,children:[u?o(u,`outline`):null,l?o(l,`default`):null]})]})}function l(e){return(0,a.jsx)(c,{tone:`error`,...e})}exports.EmptyState=c,exports.ErrorState=l;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../ui/button/index.cjs"),n=require("../feedback/state-view.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime");function a(e,n){return e.href?(0,i.jsx)(`a`,{className:t.buttonVariants({variant:e.variant??n}),href:e.href,children:e.label}):(0,i.jsx)(t.Button,{type:`button`,variant:e.variant??n,onClick:e.onClick,children:e.label})}function o({tone:e=`empty`,primaryAction:t,secondaryAction:r,compact:o=!1,...s}){let c=t||r?(0,i.jsxs)(i.Fragment,{children:[r?a(r,`outline`):null,t?a(t,`default`):null]}):void 0;return(0,i.jsx)(n.StateView,{status:e,size:o?`compact`:`default`,actions:c,slot:`empty-state`,...s})}function s(e){return(0,i.jsx)(o,{tone:`error`,...e})}exports.EmptyState=o,exports.ErrorState=s;

package/dist/src/components/patterns/empty-state.js

@@ -1,62 +1,35 @@
-import { cn as e } from "../../lib/utils.js";
-import { Button as t, buttonVariants as n } from "../ui/button/index.js";
+import { Button as e, buttonVariants as t } from "../ui/button/index.js";
+import { StateView as n } from "../feedback/state-view.js";
 import "react";
-import { AlertCircleIcon as r, SearchXIcon as i } from "lucide-react";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
 //#region src/components/patterns/empty-state.tsx
-function s(e, r) {
-	return e.href ? /* @__PURE__ */ a("a", {
-		className: n({ variant: e.variant ?? r }),
-		href: e.href,
-		children: e.label
-	}) : /* @__PURE__ */ a(t, {
+function o(n, r) {
+	return n.href ? /* @__PURE__ */ i("a", {
+		className: t({ variant: n.variant ?? r }),
+		href: n.href,
+		children: n.label
+	}) : /* @__PURE__ */ i(e, {
 		type: "button",
-		variant: e.variant ?? r,
-		onClick: e.onClick,
-		children: e.label
+		variant: n.variant ?? r,
+		onClick: n.onClick,
+		children: n.label
 	});
 }
-function c(e) {
-	return a(e === "error" ? r : i, { "data-icon": "inline-start" });
-}
-function l({ className: t, tone: n = "empty", title: r, description: i, icon: l, primaryAction: u, secondaryAction: d, compact: f = !1, ...p }) {
-	return /* @__PURE__ */ o("div", {
-		"data-slot": "empty-state",
-		"data-tone": n,
-		"data-compact": f || void 0,
-		role: n === "error" ? "alert" : "status",
-		className: e("flex flex-col items-center justify-center rounded-xl border bg-card text-center text-card-foreground shadow-sm", f ? "gap-3 p-5" : "min-h-64 gap-4 p-8", t),
-		...p,
-		children: [
-			/* @__PURE__ */ a("div", {
-				"data-slot": "empty-state-icon",
-				className: "flex size-12 items-center justify-center rounded-full border bg-muted text-muted-foreground",
-				children: l ?? c(n)
-			}),
-			(r || i) && /* @__PURE__ */ o("div", {
-				"data-slot": "empty-state-content",
-				className: "grid max-w-md gap-1",
-				children: [r && /* @__PURE__ */ a("h2", {
-					className: "text-base font-semibold tracking-tight",
-					children: r
-				}), i && /* @__PURE__ */ a("p", {
-					className: "text-sm leading-6 text-muted-foreground",
-					children: i
-				})]
-			}),
-			(u || d) && /* @__PURE__ */ o("div", {
-				"data-slot": "empty-state-actions",
-				className: "flex flex-wrap items-center justify-center gap-2",
-				children: [d ? s(d, "outline") : null, u ? s(u, "default") : null]
-			})
-		]
+function s({ tone: e = "empty", primaryAction: t, secondaryAction: s, compact: c = !1, ...l }) {
+	let u = t || s ? /* @__PURE__ */ a(r, { children: [s ? o(s, "outline") : null, t ? o(t, "default") : null] }) : void 0;
+	return /* @__PURE__ */ i(n, {
+		status: e,
+		size: c ? "compact" : "default",
+		actions: u,
+		slot: "empty-state",
+		...l
 	});
 }
-function u(e) {
-	return /* @__PURE__ */ a(l, {
+function c(e) {
+	return /* @__PURE__ */ i(s, {
 		tone: "error",
 		...e
 	});
 }
 //#endregion
-export { l as EmptyState, u as ErrorState };
+export { s as EmptyState, c as ErrorState };

package/dist/src/components/patterns/form-builder.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/button/index.cjs"),r=require("../form/form-input.cjs"),i=require("../form/form-select.cjs"),a=require("../form/form-switch.cjs"),o=require("../form/form-textarea.cjs"),s=require("../form/form-date-range-input.cjs");let c=require("react");c=e.__toESM(c,1);let l=require("react/jsx-runtime");var u={compact:`gap-3`,default:`gap-4`,comfortable:`gap-6`},d={1:`grid-cols-1`,2:`grid-cols-1 md:grid-cols-2`,3:`grid-cols-1 md:grid-cols-2 xl:grid-cols-3`,4:`grid-cols-1 md:grid-cols-2 xl:grid-cols-4`},f={1:`col-span-1`,2:`md:col-span-2`,3:`xl:col-span-3`,4:`xl:col-span-4`,full:`col-span-full`};function p(e){let{id:t,hidden:n,className:r,colSpan:i,props:a}=e;return{base:{id:t,hidden:n,className:r,colSpan:i},props:a}}function m(e){let{base:t,props:n}=p(e);return{...t,type:`input`,props:n}}function h(e){let{base:t,props:n}=p(e);return{...t,type:`textarea`,props:n}}function g(e){let{base:t,props:n}=p(e);return{...t,type:`select`,props:n}}function _(e){let{base:t,props:n}=p(e);return{...t,type:`async-select`,props:n}}function v(e){let{base:t,props:n}=p(e);return{...t,type:`switch`,props:n}}function y(e){let{base:t,props:n}=p(e);return{...t,type:`number`,props:n}}function b(e){let{base:t,props:n}=p(e);return{...t,type:`phone`,props:n}}function x(e){let{base:t,props:n}=p(e);return{...t,type:`date`,props:n}}function S(e){let{base:t,props:n}=p(e);return{...t,type:`date-range`,props:n}}function C(e){let{id:t,hidden:n,className:r,colSpan:i,render:a}=e;return{id:t,hidden:n,className:r,colSpan:i,type:`custom`,render:a}}function w(e){return e}function T(e,t){let n=r.FormInput,l=i.FormSelect,u=o.FormTextarea,d=a.FormSwitch,f=s.FormDateRangeInput;switch(e.type){case`custom`:return e.render(t);case`input`:return c.createElement(n,{control:t.control,disabled:t.disabled,readOnly:t.readOnly,...e.props});case`textarea`:return c.createElement(u,{control:t.control,disabled:t.disabled,readOnly:t.readOnly,...e.props});case`select`:return c.createElement(l,{control:t.control,disabled:t.disabled,...e.props});case`async-select`:return c.createElement(l,{control:t.control,disabled:t.disabled,kind:`async`,...e.props});case`switch`:return c.createElement(d,{control:t.control,disabled:t.disabled,...e.props});case`number`:return c.createElement(n,{control:t.control,disabled:t.disabled,readOnly:t.readOnly,kind:`number`,...e.props});case`phone`:return c.createElement(n,{control:t.control,disabled:t.disabled,readOnly:t.readOnly,kind:`phone`,...e.props});case`date`:return c.createElement(n,{control:t.control,disabled:t.disabled,readOnly:t.readOnly,kind:`date`,...e.props});case`date-range`:return c.createElement(f,{control:t.control,fromInputProps:{disabled:t.disabled,readOnly:t.readOnly},toInputProps:{disabled:t.disabled,readOnly:t.readOnly},...e.props});default:return null}}function E({fields:e,sections:t}){return t?.length?t:[{id:`default`,fields:e??[]}]}function D({className:e,control:r,fields:i,sections:a,layout:o=`grid`,density:s=`default`,columns:p=2,disabled:m,readOnly:h,footer:g,submitLabel:_,resetLabel:v,onResetClick:y,isSubmitting:b,sectionClassName:x,fieldClassName:S,footerClassName:C,...w}){let D=E({fields:i,sections:a}),O=c.useMemo(()=>({control:r,disabled:m,readOnly:h}),[r,m,h]);return(0,l.jsxs)(`form`,{"data-slot":`form-builder`,className:t.cn(`grid`,u[s],e),...w,children:[D.filter(e=>!e.hidden).map(e=>(0,l.jsxs)(`section`,{"data-slot":`form-builder-section`,className:t.cn(`grid gap-4`,e.className,x),children:[(e.title||e.description||e.actions)&&(0,l.jsxs)(`div`,{"data-slot":`form-builder-section-header`,className:`flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between`,children:[(0,l.jsxs)(`div`,{className:`min-w-0 space-y-1`,children:[e.title&&(0,l.jsx)(`h2`,{className:`text-base font-semibold leading-none tracking-tight`,children:e.title}),e.description&&(0,l.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:e.description})]}),e.actions&&(0,l.jsx)(`div`,{className:`flex shrink-0 flex-wrap items-center gap-2`,children:e.actions})]}),(0,l.jsx)(`div`,{"data-slot":`form-builder-fields`,"data-layout":o,className:t.cn(`grid`,u[s],o===`grid`?d[p]:`grid-cols-1`),children:e.fields.filter(e=>!e.hidden).map(e=>(0,l.jsx)(`div`,{"data-slot":`form-builder-field`,className:t.cn(e.colSpan&&f[e.colSpan],e.className,S),children:T(e,O)},e.id))})]},e.id)),(g||_||v)&&(0,l.jsx)(`div`,{"data-slot":`form-builder-footer`,className:t.cn(`flex flex-wrap items-center justify-end gap-2`,C),children:g??(0,l.jsxs)(l.Fragment,{children:[v&&(0,l.jsx)(n.Button,{type:`button`,variant:`outline`,disabled:m||b,onClick:y,children:v}),_&&(0,l.jsx)(n.Button,{type:`submit`,disabled:m||b,children:_})]})})]})}exports.FormBuilder=D,exports.asyncSelectField=_,exports.customField=C,exports.dateField=x,exports.dateRangeField=S,exports.formSection=w,exports.inputField=m,exports.numberField=y,exports.phoneField=b,exports.renderFormBuilderField=T,exports.selectField=g,exports.switchField=v,exports.textareaField=h;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/button/index.cjs"),r=require("../form/form-date-range-input.cjs"),i=require("../form/form-input.cjs"),a=require("../form/form-select.cjs"),o=require("../form/form-switch.cjs"),s=require("../form/form-textarea.cjs");let c=require("react");c=e.__toESM(c,1);let l=require("react/jsx-runtime");var u={compact:`gap-3`,default:`gap-4`,comfortable:`gap-6`},d={1:`grid-cols-1`,2:`grid-cols-1 md:grid-cols-2`,3:`grid-cols-1 md:grid-cols-2 xl:grid-cols-3`,4:`grid-cols-1 md:grid-cols-2 xl:grid-cols-4`},f={1:`col-span-1`,2:`md:col-span-2`,3:`xl:col-span-3`,4:`xl:col-span-4`,full:`col-span-full`};function p(e){let{id:t,hidden:n,className:r,colSpan:i,props:a}=e;return{base:{id:t,hidden:n,className:r,colSpan:i},props:a}}function m(e){let{base:t,props:n}=p(e);return{...t,type:`input`,props:n}}function h(e){let{base:t,props:n}=p(e);return{...t,type:`textarea`,props:n}}function g(e){let{base:t,props:n}=p(e);return{...t,type:`select`,props:n}}function _(e){let{base:t,props:n}=p(e);return{...t,type:`async-select`,props:n}}function v(e){let{base:t,props:n}=p(e);return{...t,type:`switch`,props:n}}function y(e){let{base:t,props:n}=p(e);return{...t,type:`number`,props:n}}function b(e){let{base:t,props:n}=p(e);return{...t,type:`phone`,props:n}}function x(e){let{base:t,props:n}=p(e);return{...t,type:`date`,props:n}}function S(e){let{base:t,props:n}=p(e);return{...t,type:`date-range`,props:n}}function C(e){let{id:t,hidden:n,className:r,colSpan:i,render:a}=e;return{id:t,hidden:n,className:r,colSpan:i,type:`custom`,render:a}}function w(e){return e}function T(e,t){let n=i.FormInput,l=a.FormSelect,u=s.FormTextarea,d=o.FormSwitch,f=r.FormDateRangeInput;switch(e.type){case`custom`:return e.render(t);case`input`:return c.createElement(n,{control:t.control,disabled:t.disabled,readOnly:t.readOnly,...e.props});case`textarea`:return c.createElement(u,{control:t.control,disabled:t.disabled,readOnly:t.readOnly,...e.props});case`select`:return c.createElement(l,{control:t.control,disabled:t.disabled,...e.props});case`async-select`:return c.createElement(l,{control:t.control,disabled:t.disabled,kind:`async`,...e.props});case`switch`:return c.createElement(d,{control:t.control,disabled:t.disabled,...e.props});case`number`:return c.createElement(n,{control:t.control,disabled:t.disabled,readOnly:t.readOnly,kind:`number`,...e.props});case`phone`:return c.createElement(n,{control:t.control,disabled:t.disabled,readOnly:t.readOnly,kind:`phone`,...e.props});case`date`:return c.createElement(n,{control:t.control,disabled:t.disabled,readOnly:t.readOnly,kind:`date`,...e.props});case`date-range`:return c.createElement(f,{control:t.control,fromInputProps:{disabled:t.disabled,readOnly:t.readOnly},toInputProps:{disabled:t.disabled,readOnly:t.readOnly},...e.props});default:return null}}function E({fields:e,sections:t}){return t?.length?t:[{id:`default`,fields:e??[]}]}function D({className:e,control:r,fields:i,sections:a,layout:o=`grid`,density:s=`default`,columns:p=2,disabled:m,readOnly:h,footer:g,submitLabel:_,resetLabel:v,onResetClick:y,isSubmitting:b,sectionClassName:x,fieldClassName:S,footerClassName:C,...w}){let D=E({fields:i,sections:a}),O=c.useMemo(()=>({control:r,disabled:m,readOnly:h}),[r,m,h]);return(0,l.jsxs)(`form`,{"data-slot":`form-builder`,className:t.cn(`grid`,u[s],e),...w,children:[D.filter(e=>!e.hidden).map(e=>(0,l.jsxs)(`section`,{"data-slot":`form-builder-section`,className:t.cn(`grid gap-4`,e.className,x),children:[(e.title||e.description||e.actions)&&(0,l.jsxs)(`div`,{"data-slot":`form-builder-section-header`,className:`flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between`,children:[(0,l.jsxs)(`div`,{className:`min-w-0 space-y-1`,children:[e.title&&(0,l.jsx)(`h2`,{className:`text-base font-semibold leading-none tracking-tight`,children:e.title}),e.description&&(0,l.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:e.description})]}),e.actions&&(0,l.jsx)(`div`,{className:`flex shrink-0 flex-wrap items-center gap-2`,children:e.actions})]}),(0,l.jsx)(`div`,{"data-slot":`form-builder-fields`,"data-layout":o,className:t.cn(`grid`,u[s],o===`grid`?d[p]:`grid-cols-1`),children:e.fields.filter(e=>!e.hidden).map(e=>(0,l.jsx)(`div`,{"data-slot":`form-builder-field`,className:t.cn(e.colSpan&&f[e.colSpan],e.className,S),children:T(e,O)},e.id))})]},e.id)),(g||_||v)&&(0,l.jsx)(`div`,{"data-slot":`form-builder-footer`,className:t.cn(`flex flex-wrap items-center justify-end gap-2`,C),children:g??(0,l.jsxs)(l.Fragment,{children:[v&&(0,l.jsx)(n.Button,{type:`button`,variant:`outline`,disabled:m||b,onClick:y,children:v}),_&&(0,l.jsx)(n.Button,{type:`submit`,disabled:m||b,children:_})]})})]})}exports.FormBuilder=D,exports.asyncSelectField=_,exports.customField=C,exports.dateField=x,exports.dateRangeField=S,exports.formSection=w,exports.inputField=m,exports.numberField=y,exports.phoneField=b,exports.renderFormBuilderField=T,exports.selectField=g,exports.switchField=v,exports.textareaField=h;

package/dist/src/components/patterns/form-builder.js

@@ -1,10 +1,10 @@
 import { cn as e } from "../../lib/utils.js";
 import { Button as t } from "../ui/button/index.js";
-import { FormInput as n } from "../form/form-input.js";
-import { FormSelect as r } from "../form/form-select.js";
-import { FormSwitch as i } from "../form/form-switch.js";
-import { FormTextarea as a } from "../form/form-textarea.js";
-import { FormDateRangeInput as o } from "../form/form-date-range-input.js";
+import { FormDateRangeInput as n } from "../form/form-date-range-input.js";
+import { FormInput as r } from "../form/form-input.js";
+import { FormSelect as i } from "../form/form-select.js";
+import { FormSwitch as a } from "../form/form-switch.js";
+import { FormTextarea as o } from "../form/form-textarea.js";
 import * as s from "react";
 import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
 //#region src/components/patterns/form-builder.tsx
@@ -123,7 +123,7 @@ function T(e) {
 	return e;
 }
 function E(e, t) {
-	let c = n, l = r, u = a, d = i, f = o;
+	let c = r, l = i, u = o, d = a, f = n;
 	switch (e.type) {
 		case "custom": return e.render(t);
 		case "input": return s.createElement(c, {

package/dist/src/components/patterns/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./form-builder.cjs"),t=require("./resource-page.cjs"),n=require("./resource-detail-page.cjs"),r=require("./empty-state.cjs"),i=require("./page-toolbar.cjs"),a=require("./bulk-action-bar.cjs"),o=require("./detail-layout.cjs"),s=require("./settings-page.cjs"),c=require("./data-view.cjs");exports.BulkActionBar=a.BulkActionBar,exports.DataView=c.DataView,exports.DetailLayout=o.DetailLayout,exports.EmptyState=r.EmptyState,exports.ErrorState=r.ErrorState,exports.FormBuilder=e.FormBuilder,exports.PageToolbar=i.PageToolbar,exports.ResourceDetailPage=n.ResourceDetailPage,exports.ResourcePage=t.ResourcePage,exports.ResourcePageSection=t.ResourcePageSection,exports.SettingsPage=s.SettingsPage,exports.asyncSelectField=e.asyncSelectField,exports.customField=e.customField,exports.dateField=e.dateField,exports.dateRangeField=e.dateRangeField,exports.formSection=e.formSection,exports.inputField=e.inputField,exports.numberField=e.numberField,exports.phoneField=e.phoneField,exports.renderFormBuilderField=e.renderFormBuilderField,exports.selectField=e.selectField,exports.switchField=e.switchField,exports.textareaField=e.textareaField;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./bulk-action-bar.cjs"),t=require("./empty-state.cjs"),n=require("./page-toolbar.cjs"),r=require("./data-view.cjs"),i=require("./detail-layout.cjs"),a=require("./form-builder.cjs"),o=require("./resource-page.cjs"),s=require("./resource-detail-page.cjs"),c=require("./settings-page.cjs");exports.BulkActionBar=e.BulkActionBar,exports.DataView=r.DataView,exports.DetailLayout=i.DetailLayout,exports.EmptyState=t.EmptyState,exports.ErrorState=t.ErrorState,exports.FormBuilder=a.FormBuilder,exports.PageToolbar=n.PageToolbar,exports.ResourceDetailPage=s.ResourceDetailPage,exports.ResourcePage=o.ResourcePage,exports.ResourcePageSection=o.ResourcePageSection,exports.SettingsPage=c.SettingsPage,exports.asyncSelectField=a.asyncSelectField,exports.customField=a.customField,exports.dateField=a.dateField,exports.dateRangeField=a.dateRangeField,exports.formSection=a.formSection,exports.inputField=a.inputField,exports.numberField=a.numberField,exports.phoneField=a.phoneField,exports.renderFormBuilderField=a.renderFormBuilderField,exports.selectField=a.selectField,exports.switchField=a.switchField,exports.textareaField=a.textareaField;

package/dist/src/components/patterns/index.js

@@ -1,10 +1,10 @@
-import { FormBuilder as e, asyncSelectField as t, customField as n, dateField as r, dateRangeField as i, formSection as a, inputField as o, numberField as s, phoneField as c, renderFormBuilderField as l, selectField as u, switchField as d, textareaField as f } from "./form-builder.js";
-import { ResourcePage as p, ResourcePageSection as m } from "./resource-page.js";
-import { ResourceDetailPage as h } from "./resource-detail-page.js";
-import { EmptyState as g, ErrorState as _ } from "./empty-state.js";
-import { PageToolbar as v } from "./page-toolbar.js";
-import { BulkActionBar as y } from "./bulk-action-bar.js";
-import { DetailLayout as b } from "./detail-layout.js";
-import { SettingsPage as x } from "./settings-page.js";
-import { DataView as S } from "./data-view.js";
-export { y as BulkActionBar, S as DataView, b as DetailLayout, g as EmptyState, _ as ErrorState, e as FormBuilder, v as PageToolbar, h as ResourceDetailPage, p as ResourcePage, m as ResourcePageSection, x as SettingsPage, t as asyncSelectField, n as customField, r as dateField, i as dateRangeField, a as formSection, o as inputField, s as numberField, c as phoneField, l as renderFormBuilderField, u as selectField, d as switchField, f as textareaField };
+import { BulkActionBar as e } from "./bulk-action-bar.js";
+import { EmptyState as t, ErrorState as n } from "./empty-state.js";
+import { PageToolbar as r } from "./page-toolbar.js";
+import { DataView as i } from "./data-view.js";
+import { DetailLayout as a } from "./detail-layout.js";
+import { FormBuilder as o, asyncSelectField as s, customField as c, dateField as l, dateRangeField as u, formSection as d, inputField as f, numberField as p, phoneField as m, renderFormBuilderField as h, selectField as g, switchField as _, textareaField as v } from "./form-builder.js";
+import { ResourcePage as y, ResourcePageSection as b } from "./resource-page.js";
+import { ResourceDetailPage as x } from "./resource-detail-page.js";
+import { SettingsPage as S } from "./settings-page.js";
+export { e as BulkActionBar, i as DataView, a as DetailLayout, t as EmptyState, n as ErrorState, o as FormBuilder, r as PageToolbar, x as ResourceDetailPage, y as ResourcePage, b as ResourcePageSection, S as SettingsPage, s as asyncSelectField, c as customField, l as dateField, u as dateRangeField, d as formSection, f as inputField, p as numberField, m as phoneField, h as renderFormBuilderField, g as selectField, _ as switchField, v as textareaField };

package/dist/src/components/patterns/public.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./form-builder.cjs"),t=require("./resource-page.cjs"),n=require("./resource-detail-page.cjs"),r=require("./empty-state.cjs"),i=require("./page-toolbar.cjs"),a=require("./bulk-action-bar.cjs"),o=require("./detail-layout.cjs"),s=require("./settings-page.cjs"),c=require("./data-view.cjs");exports.BulkActionBar=a.BulkActionBar,exports.DataView=c.DataView,exports.DetailLayout=o.DetailLayout,exports.EmptyState=r.EmptyState,exports.ErrorState=r.ErrorState,exports.FormBuilder=e.FormBuilder,exports.PageToolbar=i.PageToolbar,exports.ResourceDetailPage=n.ResourceDetailPage,exports.ResourcePage=t.ResourcePage,exports.ResourcePageSection=t.ResourcePageSection,exports.SettingsPage=s.SettingsPage,exports.asyncSelectField=e.asyncSelectField,exports.customField=e.customField,exports.dateField=e.dateField,exports.dateRangeField=e.dateRangeField,exports.formSection=e.formSection,exports.inputField=e.inputField,exports.numberField=e.numberField,exports.phoneField=e.phoneField,exports.renderFormBuilderField=e.renderFormBuilderField,exports.selectField=e.selectField,exports.switchField=e.switchField,exports.textareaField=e.textareaField;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./bulk-action-bar.cjs"),t=require("./empty-state.cjs"),n=require("./page-toolbar.cjs"),r=require("./data-view.cjs"),i=require("./detail-layout.cjs"),a=require("./form-builder.cjs"),o=require("./resource-page.cjs"),s=require("./resource-detail-page.cjs"),c=require("./settings-page.cjs");exports.BulkActionBar=e.BulkActionBar,exports.DataView=r.DataView,exports.DetailLayout=i.DetailLayout,exports.EmptyState=t.EmptyState,exports.ErrorState=t.ErrorState,exports.FormBuilder=a.FormBuilder,exports.PageToolbar=n.PageToolbar,exports.ResourceDetailPage=s.ResourceDetailPage,exports.ResourcePage=o.ResourcePage,exports.ResourcePageSection=o.ResourcePageSection,exports.SettingsPage=c.SettingsPage,exports.asyncSelectField=a.asyncSelectField,exports.customField=a.customField,exports.dateField=a.dateField,exports.dateRangeField=a.dateRangeField,exports.formSection=a.formSection,exports.inputField=a.inputField,exports.numberField=a.numberField,exports.phoneField=a.phoneField,exports.renderFormBuilderField=a.renderFormBuilderField,exports.selectField=a.selectField,exports.switchField=a.switchField,exports.textareaField=a.textareaField;

package/dist/src/components/patterns/public.js

@@ -1,10 +1,10 @@
-import { FormBuilder as e, asyncSelectField as t, customField as n, dateField as r, dateRangeField as i, formSection as a, inputField as o, numberField as s, phoneField as c, renderFormBuilderField as l, selectField as u, switchField as d, textareaField as f } from "./form-builder.js";
-import { ResourcePage as p, ResourcePageSection as m } from "./resource-page.js";
-import { ResourceDetailPage as h } from "./resource-detail-page.js";
-import { EmptyState as g, ErrorState as _ } from "./empty-state.js";
-import { PageToolbar as v } from "./page-toolbar.js";
-import { BulkActionBar as y } from "./bulk-action-bar.js";
-import { DetailLayout as b } from "./detail-layout.js";
-import { SettingsPage as x } from "./settings-page.js";
-import { DataView as S } from "./data-view.js";
-export { y as BulkActionBar, S as DataView, b as DetailLayout, g as EmptyState, _ as ErrorState, e as FormBuilder, v as PageToolbar, h as ResourceDetailPage, p as ResourcePage, m as ResourcePageSection, x as SettingsPage, t as asyncSelectField, n as customField, r as dateField, i as dateRangeField, a as formSection, o as inputField, s as numberField, c as phoneField, l as renderFormBuilderField, u as selectField, d as switchField, f as textareaField };
+import { BulkActionBar as e } from "./bulk-action-bar.js";
+import { EmptyState as t, ErrorState as n } from "./empty-state.js";
+import { PageToolbar as r } from "./page-toolbar.js";
+import { DataView as i } from "./data-view.js";
+import { DetailLayout as a } from "./detail-layout.js";
+import { FormBuilder as o, asyncSelectField as s, customField as c, dateField as l, dateRangeField as u, formSection as d, inputField as f, numberField as p, phoneField as m, renderFormBuilderField as h, selectField as g, switchField as _, textareaField as v } from "./form-builder.js";
+import { ResourcePage as y, ResourcePageSection as b } from "./resource-page.js";
+import { ResourceDetailPage as x } from "./resource-detail-page.js";
+import { SettingsPage as S } from "./settings-page.js";
+export { e as BulkActionBar, i as DataView, a as DetailLayout, t as EmptyState, n as ErrorState, o as FormBuilder, r as PageToolbar, x as ResourceDetailPage, y as ResourcePage, b as ResourcePageSection, S as SettingsPage, s as asyncSelectField, c as customField, l as dateField, u as dateRangeField, d as formSection, f as inputField, p as numberField, m as phoneField, h as renderFormBuilderField, g as selectField, _ as switchField, v as textareaField };

package/dist/src/components/patterns/resource-page.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../data-table/data-table.cjs"),r=require("../layout/page-header.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime");function o({className:e,title:n,description:r,actions:i,headerClassName:o,bodyClassName:s,children:c,...l}){return(0,a.jsxs)(`section`,{"data-slot":`resource-page-section`,className:t.cn(`rounded-xl border bg-card text-card-foreground shadow-sm`,e),...l,children:[(n||r||i)&&(0,a.jsxs)(`div`,{"data-slot":`resource-page-section-header`,className:t.cn(`flex flex-col gap-3 border-b p-4 sm:flex-row sm:items-start sm:justify-between`,o),children:[(0,a.jsxs)(`div`,{className:`min-w-0 space-y-1`,children:[n&&(0,a.jsx)(`h2`,{className:`text-base font-semibold leading-none tracking-tight`,children:n}),r&&(0,a.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:r})]}),i&&(0,a.jsx)(`div`,{className:`flex shrink-0 flex-wrap items-center gap-2`,children:i})]}),(0,a.jsx)(`div`,{"data-slot":`resource-page-section-body`,className:t.cn(`p-4`,s),children:c})]})}var s={compact:`gap-3`,default:`gap-4`,comfortable:`gap-6`};function c({className:e,title:i,description:o,eyebrow:c,actions:l,breadcrumbs:u,stats:d,filters:f,tabs:p,table:m,children:h,aside:g,footer:_,headerProps:v,density:y=`default`,pageHeaderClassName:b,toolbarClassName:x,contentClassName:S,asideClassName:C,...w}){let T=!!(i||o||c||l),E=!!(f||p),D=!!(h||m);return(0,a.jsxs)(`div`,{"data-slot":`resource-page`,"data-density":y,className:t.cn(`grid min-w-0`,s[y],e),...w,children:[u&&(0,a.jsx)(`div`,{"data-slot":`resource-page-breadcrumbs`,children:u}),T&&(0,a.jsx)(r.PageHeader,{"data-slot":`resource-page-header`,eyebrow:c,title:i,description:o,actions:l,className:b,...v}),d&&(0,a.jsx)(`div`,{"data-slot":`resource-page-stats`,children:d}),E&&(0,a.jsxs)(`div`,{"data-slot":`resource-page-toolbar`,className:t.cn(`grid gap-3`,x),children:[p&&(0,a.jsx)(`div`,{"data-slot":`resource-page-tabs`,children:p}),f&&(0,a.jsx)(`div`,{"data-slot":`resource-page-filters`,children:f})]}),(D||g)&&(0,a.jsxs)(`div`,{"data-slot":`resource-page-content`,className:t.cn(`grid min-w-0 gap-4`,g&&`xl:grid-cols-[minmax(0,1fr)_20rem]`,S),children:[(0,a.jsxs)(`div`,{"data-slot":`resource-page-main`,className:`grid min-w-0 gap-4`,children:[h,m&&(0,a.jsx)(n.DataTable,{...m})]}),g&&(0,a.jsx)(`aside`,{"data-slot":`resource-page-aside`,className:t.cn(`min-w-0`,C),children:g})]}),_&&(0,a.jsx)(`div`,{"data-slot":`resource-page-footer`,children:_})]})}exports.ResourcePage=c,exports.ResourcePageSection=o;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../data-table/data-table.cjs"),r=require("../layout/section.cjs"),i=require("../layout/page-header.cjs");let a=require("react");a=e.__toESM(a,1);let o=require("react/jsx-runtime");function s({className:e,title:t,description:n,actions:i,headerClassName:a,bodyClassName:s,children:c,...l}){return(0,o.jsx)(r.Section,{"data-slot":`resource-page-section`,variant:`panel`,title:t,description:n,actions:i,headerClassName:a,bodyClassName:s,className:e,...l,children:c})}var c={compact:`gap-3`,default:`gap-4`,comfortable:`gap-6`};function l({className:e,title:r,description:a,eyebrow:s,actions:l,breadcrumbs:u,stats:d,filters:f,tabs:p,table:m,children:h,aside:g,footer:_,headerProps:v,density:y=`default`,pageHeaderClassName:b,toolbarClassName:x,contentClassName:S,asideClassName:C,asideWidth:w=`20rem`,style:T,...E}){let D=!!(r||a||s||l),O=!!(f||p),k=!!(h||m);return(0,o.jsxs)(`div`,{"data-slot":`resource-page`,"data-density":y,className:t.cn(`grid min-w-0`,c[y],e),style:{"--resource-aside-width":w,...T},...E,children:[u&&(0,o.jsx)(`div`,{"data-slot":`resource-page-breadcrumbs`,children:u}),D&&(0,o.jsx)(i.PageHeader,{"data-slot":`resource-page-header`,eyebrow:s,title:r,description:a,actions:l,className:b,...v}),d&&(0,o.jsx)(`div`,{"data-slot":`resource-page-stats`,children:d}),O&&(0,o.jsxs)(`div`,{"data-slot":`resource-page-toolbar`,className:t.cn(`grid gap-3`,x),children:[p&&(0,o.jsx)(`div`,{"data-slot":`resource-page-tabs`,children:p}),f&&(0,o.jsx)(`div`,{"data-slot":`resource-page-filters`,children:f})]}),(k||g)&&(0,o.jsxs)(`div`,{"data-slot":`resource-page-content`,className:t.cn(`grid min-w-0 gap-4`,g&&`xl:grid-cols-[minmax(0,1fr)_var(--resource-aside-width)]`,S),children:[(0,o.jsxs)(`div`,{"data-slot":`resource-page-main`,className:`grid min-w-0 gap-4`,children:[h,m&&(0,o.jsx)(n.DataTable,{...m})]}),g&&(0,o.jsx)(`aside`,{"data-slot":`resource-page-aside`,className:t.cn(`min-w-0`,C),children:g})]}),_&&(0,o.jsx)(`div`,{"data-slot":`resource-page-footer`,children:_})]})}exports.ResourcePage=l,exports.ResourcePageSection=s;

package/dist/src/components/patterns/resource-page.js

@@ -1,92 +1,83 @@
 import { cn as e } from "../../lib/utils.js";
 import { DataTable as t } from "../data-table/data-table.js";
-import { PageHeader as n } from "../layout/page-header.js";
+import { Section as n } from "../layout/section.js";
+import { PageHeader as r } from "../layout/page-header.js";
 import "react";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
 //#region src/components/patterns/resource-page.tsx
-function a({ className: t, title: n, description: a, actions: o, headerClassName: s, bodyClassName: c, children: l, ...u }) {
-	return /* @__PURE__ */ i("section", {
+function o({ className: e, title: t, description: r, actions: a, headerClassName: o, bodyClassName: s, children: c, ...l }) {
+	return /* @__PURE__ */ i(n, {
 		"data-slot": "resource-page-section",
-		className: e("rounded-xl border bg-card text-card-foreground shadow-sm", t),
-		...u,
-		children: [(n || a || o) && /* @__PURE__ */ i("div", {
-			"data-slot": "resource-page-section-header",
-			className: e("flex flex-col gap-3 border-b p-4 sm:flex-row sm:items-start sm:justify-between", s),
-			children: [/* @__PURE__ */ i("div", {
-				className: "min-w-0 space-y-1",
-				children: [n && /* @__PURE__ */ r("h2", {
-					className: "text-base font-semibold leading-none tracking-tight",
-					children: n
-				}), a && /* @__PURE__ */ r("p", {
-					className: "text-sm text-muted-foreground",
-					children: a
-				})]
-			}), o && /* @__PURE__ */ r("div", {
-				className: "flex shrink-0 flex-wrap items-center gap-2",
-				children: o
-			})]
-		}), /* @__PURE__ */ r("div", {
-			"data-slot": "resource-page-section-body",
-			className: e("p-4", c),
-			children: l
-		})]
+		variant: "panel",
+		title: t,
+		description: r,
+		actions: a,
+		headerClassName: o,
+		bodyClassName: s,
+		className: e,
+		...l,
+		children: c
 	});
 }
-var o = {
+var s = {
 	compact: "gap-3",
 	default: "gap-4",
 	comfortable: "gap-6"
 };
-function s({ className: a, title: s, description: c, eyebrow: l, actions: u, breadcrumbs: d, stats: f, filters: p, tabs: m, table: h, children: g, aside: _, footer: v, headerProps: y, density: b = "default", pageHeaderClassName: x, toolbarClassName: S, contentClassName: C, asideClassName: w, ...T }) {
-	let E = !!(s || c || l || u), D = !!(p || m), O = !!(g || h);
-	return /* @__PURE__ */ i("div", {
+function c({ className: n, title: o, description: c, eyebrow: l, actions: u, breadcrumbs: d, stats: f, filters: p, tabs: m, table: h, children: g, aside: _, footer: v, headerProps: y, density: b = "default", pageHeaderClassName: x, toolbarClassName: S, contentClassName: C, asideClassName: w, asideWidth: T = "20rem", style: E, ...D }) {
+	let O = !!(o || c || l || u), k = !!(p || m), A = !!(g || h);
+	return /* @__PURE__ */ a("div", {
 		"data-slot": "resource-page",
 		"data-density": b,
-		className: e("grid min-w-0", o[b], a),
-		...T,
+		className: e("grid min-w-0", s[b], n),
+		style: {
+			"--resource-aside-width": T,
+			...E
+		},
+		...D,
 		children: [
-			d && /* @__PURE__ */ r("div", {
+			d && /* @__PURE__ */ i("div", {
 				"data-slot": "resource-page-breadcrumbs",
 				children: d
 			}),
-			E && /* @__PURE__ */ r(n, {
+			O && /* @__PURE__ */ i(r, {
 				"data-slot": "resource-page-header",
 				eyebrow: l,
-				title: s,
+				title: o,
 				description: c,
 				actions: u,
 				className: x,
 				...y
 			}),
-			f && /* @__PURE__ */ r("div", {
+			f && /* @__PURE__ */ i("div", {
 				"data-slot": "resource-page-stats",
 				children: f
 			}),
-			D && /* @__PURE__ */ i("div", {
+			k && /* @__PURE__ */ a("div", {
 				"data-slot": "resource-page-toolbar",
 				className: e("grid gap-3", S),
-				children: [m && /* @__PURE__ */ r("div", {
+				children: [m && /* @__PURE__ */ i("div", {
 					"data-slot": "resource-page-tabs",
 					children: m
-				}), p && /* @__PURE__ */ r("div", {
+				}), p && /* @__PURE__ */ i("div", {
 					"data-slot": "resource-page-filters",
 					children: p
 				})]
 			}),
-			(O || _) && /* @__PURE__ */ i("div", {
+			(A || _) && /* @__PURE__ */ a("div", {
 				"data-slot": "resource-page-content",
-				className: e("grid min-w-0 gap-4", _ && "xl:grid-cols-[minmax(0,1fr)_20rem]", C),
-				children: [/* @__PURE__ */ i("div", {
+				className: e("grid min-w-0 gap-4", _ && "xl:grid-cols-[minmax(0,1fr)_var(--resource-aside-width)]", C),
+				children: [/* @__PURE__ */ a("div", {
 					"data-slot": "resource-page-main",
 					className: "grid min-w-0 gap-4",
-					children: [g, h && /* @__PURE__ */ r(t, { ...h })]
-				}), _ && /* @__PURE__ */ r("aside", {
+					children: [g, h && /* @__PURE__ */ i(t, { ...h })]
+				}), _ && /* @__PURE__ */ i("aside", {
 					"data-slot": "resource-page-aside",
 					className: e("min-w-0", w),
 					children: _
 				})]
 			}),
-			v && /* @__PURE__ */ r("div", {
+			v && /* @__PURE__ */ i("div", {
 				"data-slot": "resource-page-footer",
 				children: v
 			})
@@ -94,4 +85,4 @@ function s({ className: a, title: s, description: c, eyebrow: l, actions: u, bre
 	});
 }
 //#endregion
-export { s as ResourcePage, a as ResourcePageSection };
+export { c as ResourcePage, o as ResourcePageSection };

package/dist/src/components/ui/badge/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("lucide-react"),i=require("class-variance-authority"),a=require("react/jsx-runtime"),o=require("@base-ui/react/merge-props"),s=require("@base-ui/react/use-render");var c=(0,i.cva)(`group/badge inline-flex w-fit shrink-0 items-center justify-center whitespace-nowrap outline-none [&>svg]:pointer-events-none`,{variants:{variant:{default:``,secondary:``,destructive:``,soft:``,outline:``,ghost:``,link:``},tone:{neutral:``,info:``,success:``,warning:``,danger:``,muted:``},size:{sm:``,default:``,lg:``},dot:{true:``,false:``}},defaultVariants:{variant:`default`,tone:`neutral`,size:`default`,dot:!1}});function l({className:e,variant:n=`default`,tone:i=`neutral`,size:l=`default`,dot:u=!1,label:d,count:f,status:p,removable:m=!1,onRemove:h,removeLabel:g=`Remove badge`,leftIcon:_,rightIcon:v,children:y,render:b,...x}){let S=p??i,C=d??y,w=u||p===`success`||p===`warning`||p===`danger`||p===`info`;return(0,s.useRender)({defaultTagName:`span`,props:(0,o.mergeProps)({className:t.cn(c({variant:n,tone:S,size:l,dot:w}),e),children:(0,a.jsxs)(a.Fragment,{children:[w?(0,a.jsx)(`span`,{"data-slot":`badge-dot`}):null,_?(0,a.jsx)(`span`,{"data-icon":`inline-start`,"data-slot":`badge-icon`,className:`inline-flex shrink-0 items-center`,children:_}):null,C?(0,a.jsx)(`span`,{"data-slot":`badge-label`,children:C}):null,f==null?null:(0,a.jsx)(`span`,{"data-slot":`badge-count`,children:f}),v?(0,a.jsx)(`span`,{"data-icon":`inline-end`,"data-slot":`badge-icon`,className:`inline-flex shrink-0 items-center`,children:v}):null,m?(0,a.jsx)(`button`,{type:`button`,"data-slot":`badge-remove`,"aria-label":g,onClick:e=>{e.preventDefault(),e.stopPropagation(),h?.()},children:(0,a.jsx)(r.XIcon,{"data-icon":`remove`})}):null]})},{"data-variant":n??`default`,"data-tone":S??`neutral`,"data-size":l??`default`,"data-removable":m||void 0},x),render:b,state:{slot:`badge`,variant:n,tone:S,size:l,dot:w}})}exports.Badge=l,exports.badgeVariants=c;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("lucide-react"),i=require("class-variance-authority"),a=require("react/jsx-runtime"),o=require("@base-ui/react/merge-props"),s=require("@base-ui/react/use-render");var c=(0,i.cva)(`group/badge inline-flex w-fit shrink-0 items-center justify-center whitespace-nowrap outline-none [&>svg]:pointer-events-none`,{variants:{variant:{default:``,secondary:``,destructive:``,soft:``,outline:``,ghost:``,link:``},tone:{neutral:``,info:``,success:``,warning:``,danger:``,muted:``},size:{sm:``,default:``,lg:``},dot:{true:``,false:``}},defaultVariants:{variant:`default`,tone:`neutral`,size:`default`,dot:!1}});function l({className:e,variant:n=`default`,tone:i=`neutral`,size:l=`default`,dot:u=!1,label:d,count:f,status:p,removable:m=!1,selected:h=!1,onRemove:g,removeLabel:_=`Remove badge`,leftIcon:v,rightIcon:y,children:b,render:x,onKeyDown:S,...C}){let w=p??i,T=d??b,E=u||p===`success`||p===`warning`||p===`danger`||p===`info`;return(0,s.useRender)({defaultTagName:`span`,props:(0,o.mergeProps)({className:t.cn(c({variant:n,tone:w,size:l,dot:E}),h&&`ring-2 ring-ring/45 ring-offset-1`,e),tabIndex:m?0:void 0,onKeyDown:e=>{m&&(e.key===`Backspace`||e.key===`Delete`)&&(e.preventDefault(),g?.()),S?.(e)},children:(0,a.jsxs)(a.Fragment,{children:[E?(0,a.jsx)(`span`,{"data-slot":`badge-dot`}):null,v?(0,a.jsx)(`span`,{"data-icon":`inline-start`,"data-slot":`badge-icon`,className:`inline-flex shrink-0 items-center`,children:v}):null,T?(0,a.jsx)(`span`,{"data-slot":`badge-label`,children:T}):null,f==null?null:(0,a.jsx)(`span`,{"data-slot":`badge-count`,children:f}),y?(0,a.jsx)(`span`,{"data-icon":`inline-end`,"data-slot":`badge-icon`,className:`inline-flex shrink-0 items-center`,children:y}):null,m?(0,a.jsx)(`button`,{type:`button`,"data-slot":`badge-remove`,"aria-label":_,onClick:e=>{e.preventDefault(),e.stopPropagation(),g?.()},children:(0,a.jsx)(r.XIcon,{"data-icon":`remove`})}):null]})},{"data-variant":n??`default`,"data-tone":w??`neutral`,"data-size":l??`default`,"data-removable":m||void 0,"data-selected":h||void 0},C),render:x,state:{slot:`badge`,variant:n,tone:w,size:l,dot:E}})}exports.Badge=l,exports.badgeVariants=c;

package/dist/src/components/ui/badge/index.js

@@ -42,62 +42,67 @@ var c = n("group/badge inline-flex w-fit shrink-0 items-center justify-center wh
 		dot: !1
 	}
 });
-function l({ className: n, variant: l = "default", tone: u = "neutral", size: d = "default", dot: f = !1, label: p, count: m, status: h, removable: g = !1, onRemove: _, removeLabel: v = "Remove badge", leftIcon: y, rightIcon: b, children: x, render: S, ...C }) {
-	let w = h ?? u, T = p ?? x, E = f || h === "success" || h === "warning" || h === "danger" || h === "info";
+function l({ className: n, variant: l = "default", tone: u = "neutral", size: d = "default", dot: f = !1, label: p, count: m, status: h, removable: g = !1, selected: _ = !1, onRemove: v, removeLabel: y = "Remove badge", leftIcon: b, rightIcon: x, children: S, render: C, onKeyDown: w, ...T }) {
+	let E = h ?? u, D = p ?? S, O = f || h === "success" || h === "warning" || h === "danger" || h === "info";
 	return s({
 		defaultTagName: "span",
 		props: o({
 			className: e(c({
 				variant: l,
-				tone: w,
+				tone: E,
 				size: d,
-				dot: E
-			}), n),
+				dot: O
+			}), _ && "ring-2 ring-ring/45 ring-offset-1", n),
+			tabIndex: g ? 0 : void 0,
+			onKeyDown: (e) => {
+				g && (e.key === "Backspace" || e.key === "Delete") && (e.preventDefault(), v?.()), w?.(e);
+			},
 			children: /* @__PURE__ */ a(r, { children: [
-				E ? /* @__PURE__ */ i("span", { "data-slot": "badge-dot" }) : null,
-				y ? /* @__PURE__ */ i("span", {
+				O ? /* @__PURE__ */ i("span", { "data-slot": "badge-dot" }) : null,
+				b ? /* @__PURE__ */ i("span", {
 					"data-icon": "inline-start",
 					"data-slot": "badge-icon",
 					className: "inline-flex shrink-0 items-center",
-					children: y
+					children: b
 				}) : null,
-				T ? /* @__PURE__ */ i("span", {
+				D ? /* @__PURE__ */ i("span", {
 					"data-slot": "badge-label",
-					children: T
+					children: D
 				}) : null,
 				m == null ? null : /* @__PURE__ */ i("span", {
 					"data-slot": "badge-count",
 					children: m
 				}),
-				b ? /* @__PURE__ */ i("span", {
+				x ? /* @__PURE__ */ i("span", {
 					"data-icon": "inline-end",
 					"data-slot": "badge-icon",
 					className: "inline-flex shrink-0 items-center",
-					children: b
+					children: x
 				}) : null,
 				g ? /* @__PURE__ */ i("button", {
 					type: "button",
 					"data-slot": "badge-remove",
-					"aria-label": v,
+					"aria-label": y,
 					onClick: (e) => {
-						e.preventDefault(), e.stopPropagation(), _?.();
+						e.preventDefault(), e.stopPropagation(), v?.();
 					},
 					children: /* @__PURE__ */ i(t, { "data-icon": "remove" })
 				}) : null
 			] })
 		}, {
 			"data-variant": l ?? "default",
-			"data-tone": w ?? "neutral",
+			"data-tone": E ?? "neutral",
 			"data-size": d ?? "default",
-			"data-removable": g || void 0
-		}, C),
-		render: S,
+			"data-removable": g || void 0,
+			"data-selected": _ || void 0
+		}, T),
+		render: C,
 		state: {
 			slot: "badge",
 			variant: l,
-			tone: w,
+			tone: E,
 			size: d,
-			dot: E
+			dot: O
 		}
 	});
 }

package/dist/src/components/ui/command/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../lib/utils.cjs"),n=require("../input/group.cjs"),r=require("../dialog/index.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("lucide-react"),o=require("react/jsx-runtime"),s=require("cmdk");function c({className:e,...n}){return(0,o.jsx)(s.Command,{"data-slot":`command`,className:t.cn(`flex size-full flex-col overflow-hidden rounded-[var(--radius-3xl)]! border border-border/80 bg-[linear-gradient(180deg,color-mix(in_oklch,var(--popover),white_10%),var(--popover))] p-2 text-popover-foreground shadow-[0_24px_80px_rgba(15,23,42,0.18)] backdrop-blur`,e),...n})}function l({title:e=`Command Palette`,description:n=`Search for a command to run...`,children:i,className:a,showCloseButton:s=!1,...c}){return(0,o.jsxs)(r.Dialog,{...c,children:[(0,o.jsxs)(r.DialogHeader,{className:`sr-only`,children:[(0,o.jsx)(r.DialogTitle,{children:e}),(0,o.jsx)(r.DialogDescription,{children:n})]}),(0,o.jsx)(r.DialogContent,{className:t.cn(`top-1/3 translate-y-0 overflow-hidden rounded-[var(--radius-3xl)]! border-border/80 bg-[linear-gradient(180deg,color-mix(in_oklch,var(--popover),white_10%),var(--popover))] p-0 shadow-[0_28px_90px_rgba(15,23,42,0.24)] backdrop-blur`,a),showCloseButton:s,children:i})]})}function u({className:e,...r}){return(0,o.jsx)(`div`,{"data-slot":`command-input-wrapper`,className:`p-1 pb-0`,children:(0,o.jsxs)(n.InputGroup,{className:`h-11! rounded-full! border-border/80 bg-[linear-gradient(180deg,color-mix(in_oklch,var(--background),white_12%),var(--background))] shadow-[inset_0_1px_0_rgba(255,255,255,0.14),0_1px_0_rgba(255,255,255,0.05)]! *:data-[slot=input-group-addon]:pl-3!`,children:[(0,o.jsx)(s.Command.Input,{"data-slot":`command-input`,className:t.cn(`w-full text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50`,e),...r}),(0,o.jsx)(n.InputGroupAddon,{children:(0,o.jsx)(a.SearchIcon,{className:`size-4 shrink-0 opacity-50`})})]})})}function d({className:e,...n}){return(0,o.jsx)(s.Command.List,{"data-slot":`command-list`,className:t.cn(`no-scrollbar max-h-72 scroll-py-1 overflow-x-hidden overflow-y-auto outline-none`,e),...n})}function f({className:e,...n}){return(0,o.jsx)(s.Command.Empty,{"data-slot":`command-empty`,className:t.cn(`py-6 text-center text-sm`,e),...n})}function p({className:e,...n}){return(0,o.jsx)(s.Command.Group,{"data-slot":`command-group`,className:t.cn(`overflow-hidden p-1 text-foreground **:[[cmdk-group-heading]]:px-2 **:[[cmdk-group-heading]]:py-2 **:[[cmdk-group-heading]]:text-[11px] **:[[cmdk-group-heading]]:font-semibold **:[[cmdk-group-heading]]:uppercase **:[[cmdk-group-heading]]:tracking-[0.22em] **:[[cmdk-group-heading]]:text-muted-foreground`,e),...n})}function m({className:e,...n}){return(0,o.jsx)(s.Command.Separator,{"data-slot":`command-separator`,className:t.cn(`-mx-1 h-px bg-border`,e),...n})}function h({className:e,children:n,...r}){return(0,o.jsxs)(s.Command.Item,{"data-slot":`command-item`,className:t.cn(`group/command-item relative flex cursor-default items-center gap-2 rounded-[min(var(--radius-xl),16px)] border border-transparent px-3 py-2.5 text-sm outline-hidden select-none in-data-[slot=dialog-content]:rounded-[min(var(--radius-xl),16px)]! data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 data-selected:border-border/70 data-selected:bg-muted/55 data-selected:text-foreground data-selected:shadow-[inset_0_1px_0_rgba(255,255,255,0.12)] [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 data-selected:*:[svg]:text-foreground`,e),...r,children:[n,(0,o.jsx)(a.CheckIcon,{className:`ml-auto opacity-0 group-has-data-[slot=command-shortcut]/command-item:hidden group-data-[checked=true]/command-item:opacity-100`})]})}function g({className:e,...n}){return(0,o.jsx)(`span`,{"data-slot":`command-shortcut`,className:t.cn(`ml-auto text-xs tracking-widest text-muted-foreground group-data-selected/command-item:text-foreground`,e),...n})}exports.Command=c,exports.CommandDialog=l,exports.CommandEmpty=f,exports.CommandGroup=p,exports.CommandInput=u,exports.CommandItem=h,exports.CommandList=d,exports.CommandSeparator=m,exports.CommandShortcut=g;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../lib/utils.cjs"),n=require("../dialog/index.cjs"),r=require("../input/group.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("lucide-react"),o=require("react/jsx-runtime"),s=require("cmdk");function c({className:e,...n}){return(0,o.jsx)(s.Command,{"data-slot":`command`,className:t.cn(`flex size-full flex-col overflow-hidden rounded-[var(--radius-3xl)]! border border-border/80 bg-[linear-gradient(180deg,color-mix(in_oklch,var(--popover),white_10%),var(--popover))] p-2 text-popover-foreground shadow-[0_24px_80px_rgba(15,23,42,0.18)] backdrop-blur`,e),...n})}function l({title:e=`Command Palette`,description:r=`Search for a command to run...`,children:i,className:a,showCloseButton:s=!1,...c}){return(0,o.jsxs)(n.Dialog,{...c,children:[(0,o.jsxs)(n.DialogHeader,{className:`sr-only`,children:[(0,o.jsx)(n.DialogTitle,{children:e}),(0,o.jsx)(n.DialogDescription,{children:r})]}),(0,o.jsx)(n.DialogContent,{className:t.cn(`top-1/3 translate-y-0 overflow-hidden rounded-[var(--radius-3xl)]! border-border/80 bg-[linear-gradient(180deg,color-mix(in_oklch,var(--popover),white_10%),var(--popover))] p-0 shadow-[0_28px_90px_rgba(15,23,42,0.24)] backdrop-blur`,a),showCloseButton:s,children:i})]})}function u({className:e,...n}){return(0,o.jsx)(`div`,{"data-slot":`command-input-wrapper`,className:`p-1 pb-0`,children:(0,o.jsxs)(r.InputGroup,{className:`h-11! rounded-full! border-border/80 bg-[linear-gradient(180deg,color-mix(in_oklch,var(--background),white_12%),var(--background))] shadow-[inset_0_1px_0_rgba(255,255,255,0.14),0_1px_0_rgba(255,255,255,0.05)]! *:data-[slot=input-group-addon]:pl-3!`,children:[(0,o.jsx)(s.Command.Input,{"data-slot":`command-input`,className:t.cn(`w-full text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50`,e),...n}),(0,o.jsx)(r.InputGroupAddon,{children:(0,o.jsx)(a.SearchIcon,{className:`size-4 shrink-0 opacity-50`})})]})})}function d({className:e,...n}){return(0,o.jsx)(s.Command.List,{"data-slot":`command-list`,className:t.cn(`no-scrollbar max-h-72 scroll-py-1 overflow-x-hidden overflow-y-auto outline-none`,e),...n})}function f({className:e,...n}){return(0,o.jsx)(s.Command.Empty,{"data-slot":`command-empty`,className:t.cn(`py-6 text-center text-sm`,e),...n})}function p({className:e,...n}){return(0,o.jsx)(s.Command.Group,{"data-slot":`command-group`,className:t.cn(`overflow-hidden p-1 text-foreground **:[[cmdk-group-heading]]:px-2 **:[[cmdk-group-heading]]:py-2 **:[[cmdk-group-heading]]:text-[11px] **:[[cmdk-group-heading]]:font-semibold **:[[cmdk-group-heading]]:uppercase **:[[cmdk-group-heading]]:tracking-[0.22em] **:[[cmdk-group-heading]]:text-muted-foreground`,e),...n})}function m({className:e,...n}){return(0,o.jsx)(s.Command.Separator,{"data-slot":`command-separator`,className:t.cn(`-mx-1 h-px bg-border`,e),...n})}function h({className:e,children:n,...r}){return(0,o.jsxs)(s.Command.Item,{"data-slot":`command-item`,className:t.cn(`group/command-item relative flex cursor-default items-center gap-2 rounded-[min(var(--radius-xl),16px)] border border-transparent px-3 py-2.5 text-sm outline-hidden select-none in-data-[slot=dialog-content]:rounded-[min(var(--radius-xl),16px)]! data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 data-selected:border-border/70 data-selected:bg-muted/55 data-selected:text-foreground data-selected:shadow-[inset_0_1px_0_rgba(255,255,255,0.12)] [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 data-selected:*:[svg]:text-foreground`,e),...r,children:[n,(0,o.jsx)(a.CheckIcon,{className:`ml-auto opacity-0 group-has-data-[slot=command-shortcut]/command-item:hidden group-data-[checked=true]/command-item:opacity-100`})]})}function g({className:e,...n}){return(0,o.jsx)(`span`,{"data-slot":`command-shortcut`,className:t.cn(`ml-auto text-xs tracking-widest text-muted-foreground group-data-selected/command-item:text-foreground`,e),...n})}exports.Command=c,exports.CommandDialog=l,exports.CommandEmpty=f,exports.CommandGroup=p,exports.CommandInput=u,exports.CommandItem=h,exports.CommandList=d,exports.CommandSeparator=m,exports.CommandShortcut=g;

package/dist/src/components/ui/command/index.js

@@ -1,6 +1,6 @@
 import { cn as e } from "../../../lib/utils.js";
-import { InputGroup as t, InputGroupAddon as n } from "../input/group.js";
-import { Dialog as r, DialogContent as i, DialogDescription as a, DialogHeader as o, DialogTitle as s } from "../dialog/index.js";
+import { Dialog as t, DialogContent as n, DialogDescription as r, DialogHeader as i, DialogTitle as a } from "../dialog/index.js";
+import { InputGroup as o, InputGroupAddon as s } from "../input/group.js";
 import "react";
 import { CheckIcon as c, SearchIcon as l } from "lucide-react";
 import { jsx as u, jsxs as d } from "react/jsx-runtime";
@@ -13,30 +13,30 @@ function p({ className: t, ...n }) {
 		...n
 	});
 }
-function m({ title: t = "Command Palette", description: n = "Search for a command to run...", children: c, className: l, showCloseButton: f = !1, ...p }) {
-	return /* @__PURE__ */ d(r, {
+function m({ title: o = "Command Palette", description: s = "Search for a command to run...", children: c, className: l, showCloseButton: f = !1, ...p }) {
+	return /* @__PURE__ */ d(t, {
 		...p,
-		children: [/* @__PURE__ */ d(o, {
+		children: [/* @__PURE__ */ d(i, {
 			className: "sr-only",
-			children: [/* @__PURE__ */ u(s, { children: t }), /* @__PURE__ */ u(a, { children: n })]
-		}), /* @__PURE__ */ u(i, {
+			children: [/* @__PURE__ */ u(a, { children: o }), /* @__PURE__ */ u(r, { children: s })]
+		}), /* @__PURE__ */ u(n, {
 			className: e("top-1/3 translate-y-0 overflow-hidden rounded-[var(--radius-3xl)]! border-border/80 bg-[linear-gradient(180deg,color-mix(in_oklch,var(--popover),white_10%),var(--popover))] p-0 shadow-[0_28px_90px_rgba(15,23,42,0.24)] backdrop-blur", l),
 			showCloseButton: f,
 			children: c
 		})]
 	});
 }
-function h({ className: r, ...i }) {
+function h({ className: t, ...n }) {
 	return /* @__PURE__ */ u("div", {
 		"data-slot": "command-input-wrapper",
 		className: "p-1 pb-0",
-		children: /* @__PURE__ */ d(t, {
+		children: /* @__PURE__ */ d(o, {
 			className: "h-11! rounded-full! border-border/80 bg-[linear-gradient(180deg,color-mix(in_oklch,var(--background),white_12%),var(--background))] shadow-[inset_0_1px_0_rgba(255,255,255,0.14),0_1px_0_rgba(255,255,255,0.05)]! *:data-[slot=input-group-addon]:pl-3!",
 			children: [/* @__PURE__ */ u(f.Input, {
 				"data-slot": "command-input",
-				className: e("w-full text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50", r),
-				...i
-			}), /* @__PURE__ */ u(n, { children: /* @__PURE__ */ u(l, { className: "size-4 shrink-0 opacity-50" }) })]
+				className: e("w-full text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50", t),
+				...n
+			}), /* @__PURE__ */ u(s, { children: /* @__PURE__ */ u(l, { className: "size-4 shrink-0 opacity-50" }) })]
 		})
 	});
 }