tembro 4.2.1 → 5.0.0

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

@@ -1,263 +0,0 @@
-import { cn as e } from "../../lib/utils.js";
-import { Button as t } from "../ui/button/index.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
-var d = {
-	compact: "gap-3",
-	default: "gap-4",
-	comfortable: "gap-6"
-}, f = {
-	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"
-}, p = {
-	1: "col-span-1",
-	2: "md:col-span-2",
-	3: "xl:col-span-3",
-	4: "xl:col-span-4",
-	full: "col-span-full"
-};
-function m(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 h(e) {
-	let { base: t, props: n } = m(e);
-	return {
-		...t,
-		type: "input",
-		props: n
-	};
-}
-function g(e) {
-	let { base: t, props: n } = m(e);
-	return {
-		...t,
-		type: "textarea",
-		props: n
-	};
-}
-function _(e) {
-	let { base: t, props: n } = m(e);
-	return {
-		...t,
-		type: "select",
-		props: n
-	};
-}
-function v(e) {
-	let { base: t, props: n } = m(e);
-	return {
-		...t,
-		type: "async-select",
-		props: n
-	};
-}
-function y(e) {
-	let { base: t, props: n } = m(e);
-	return {
-		...t,
-		type: "switch",
-		props: n
-	};
-}
-function b(e) {
-	let { base: t, props: n } = m(e);
-	return {
-		...t,
-		type: "number",
-		props: n
-	};
-}
-function x(e) {
-	let { base: t, props: n } = m(e);
-	return {
-		...t,
-		type: "phone",
-		props: n
-	};
-}
-function S(e) {
-	let { base: t, props: n } = m(e);
-	return {
-		...t,
-		type: "date",
-		props: n
-	};
-}
-function C(e) {
-	let { base: t, props: n } = m(e);
-	return {
-		...t,
-		type: "date-range",
-		props: n
-	};
-}
-function w(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 T(e) {
-	return e;
-}
-function E(e, t) {
-	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, {
-			control: t.control,
-			disabled: t.disabled,
-			readOnly: t.readOnly,
-			...e.props
-		});
-		case "textarea": return s.createElement(u, {
-			control: t.control,
-			disabled: t.disabled,
-			readOnly: t.readOnly,
-			...e.props
-		});
-		case "select": return s.createElement(l, {
-			control: t.control,
-			disabled: t.disabled,
-			...e.props
-		});
-		case "async-select": return s.createElement(l, {
-			control: t.control,
-			disabled: t.disabled,
-			kind: "async",
-			...e.props
-		});
-		case "switch": return s.createElement(d, {
-			control: t.control,
-			disabled: t.disabled,
-			...e.props
-		});
-		case "number": return s.createElement(c, {
-			control: t.control,
-			disabled: t.disabled,
-			readOnly: t.readOnly,
-			kind: "number",
-			...e.props
-		});
-		case "phone": return s.createElement(c, {
-			control: t.control,
-			disabled: t.disabled,
-			readOnly: t.readOnly,
-			kind: "phone",
-			...e.props
-		});
-		case "date": return s.createElement(c, {
-			control: t.control,
-			disabled: t.disabled,
-			readOnly: t.readOnly,
-			kind: "date",
-			...e.props
-		});
-		case "date-range": return s.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 D({ fields: e, sections: t }) {
-	return t?.length ? t : [{
-		id: "default",
-		fields: e ?? []
-	}];
-}
-function O({ className: n, control: r, fields: i, sections: a, layout: o = "grid", density: m = "default", columns: h = 2, disabled: g, readOnly: _, footer: v, submitLabel: y, resetLabel: b, onResetClick: x, isSubmitting: S, sectionClassName: C, fieldClassName: w, footerClassName: T, ...O }) {
-	let k = D({
-		fields: i,
-		sections: a
-	}), A = s.useMemo(() => ({
-		control: r,
-		disabled: g,
-		readOnly: _
-	}), [
-		r,
-		g,
-		_
-	]);
-	return /* @__PURE__ */ u("form", {
-		"data-slot": "form-builder",
-		className: e("grid", d[m], n),
-		...O,
-		children: [k.filter((e) => !e.hidden).map((t) => /* @__PURE__ */ u("section", {
-			"data-slot": "form-builder-section",
-			className: e("grid gap-4", t.className, C),
-			children: [(t.title || t.description || t.actions) && /* @__PURE__ */ u("div", {
-				"data-slot": "form-builder-section-header",
-				className: "flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between",
-				children: [/* @__PURE__ */ u("div", {
-					className: "min-w-0 space-y-1",
-					children: [t.title && /* @__PURE__ */ l("h2", {
-						className: "text-base font-semibold leading-none tracking-tight",
-						children: t.title
-					}), t.description && /* @__PURE__ */ l("p", {
-						className: "text-sm text-muted-foreground",
-						children: t.description
-					})]
-				}), t.actions && /* @__PURE__ */ l("div", {
-					className: "flex shrink-0 flex-wrap items-center gap-2",
-					children: t.actions
-				})]
-			}), /* @__PURE__ */ l("div", {
-				"data-slot": "form-builder-fields",
-				"data-layout": o,
-				className: e("grid", d[m], o === "grid" ? f[h] : "grid-cols-1"),
-				children: t.fields.filter((e) => !e.hidden).map((t) => /* @__PURE__ */ l("div", {
-					"data-slot": "form-builder-field",
-					className: e(t.colSpan && p[t.colSpan], t.className, w),
-					children: E(t, A)
-				}, t.id))
-			})]
-		}, t.id)), (v || y || b) && /* @__PURE__ */ l("div", {
-			"data-slot": "form-builder-footer",
-			className: e("flex flex-wrap items-center justify-end gap-2", T),
-			children: v ?? /* @__PURE__ */ u(c, { children: [b && /* @__PURE__ */ l(t, {
-				type: "button",
-				variant: "outline",
-				disabled: g || S,
-				onClick: x,
-				children: b
-			}), y && /* @__PURE__ */ l(t, {
-				type: "submit",
-				disabled: g || S,
-				children: y
-			})] })
-		})]
-	});
-}
-//#endregion
-export { O as FormBuilder, v as asyncSelectField, w as customField, S as dateField, C as dateRangeField, T as formSection, h as inputField, b as numberField, x as phoneField, E as renderFormBuilderField, _ as selectField, y as switchField, g as textareaField };

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

@@ -1 +0,0 @@
-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("react/jsx-runtime");function i({className:e,search:n,filters:i,viewOptions:a,actions:o,summary:s,sticky:c=!1,children:l,...u}){let d=!!(n||i||l),f=!!(s||a||o);return!d&&!f?null:(0,r.jsx)(`div`,{"data-slot":`page-toolbar`,"data-sticky":c||void 0,className:t.cn(`flex flex-col gap-3 rounded-xl border bg-card p-3 shadow-sm`,c&&`sticky top-0 z-10`,e),...u,children:(0,r.jsxs)(`div`,{className:`flex flex-col gap-3 lg:flex-row lg:items-center lg:justify-between`,children:[d&&(0,r.jsxs)(`div`,{"data-slot":`page-toolbar-primary`,className:`flex min-w-0 flex-1 flex-col gap-2 sm:flex-row sm:items-center`,children:[n&&(0,r.jsx)(`div`,{className:`min-w-0 flex-1`,children:n}),i,l]}),f&&(0,r.jsxs)(`div`,{"data-slot":`page-toolbar-secondary`,className:`flex shrink-0 flex-wrap items-center gap-2`,children:[s&&(0,r.jsx)(`div`,{className:`text-sm text-muted-foreground`,children:s}),a,o]})]})})}exports.PageToolbar=i;

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

@@ -1,41 +0,0 @@
-import { cn as e } from "../../lib/utils.js";
-import "react";
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
-//#region src/components/patterns/page-toolbar.tsx
-function r({ className: r, search: i, filters: a, viewOptions: o, actions: s, summary: c, sticky: l = !1, children: u, ...d }) {
-	let f = !!(i || a || u), p = !!(c || o || s);
-	return !f && !p ? null : /* @__PURE__ */ t("div", {
-		"data-slot": "page-toolbar",
-		"data-sticky": l || void 0,
-		className: e("flex flex-col gap-3 rounded-xl border bg-card p-3 shadow-sm", l && "sticky top-0 z-10", r),
-		...d,
-		children: /* @__PURE__ */ n("div", {
-			className: "flex flex-col gap-3 lg:flex-row lg:items-center lg:justify-between",
-			children: [f && /* @__PURE__ */ n("div", {
-				"data-slot": "page-toolbar-primary",
-				className: "flex min-w-0 flex-1 flex-col gap-2 sm:flex-row sm:items-center",
-				children: [
-					i && /* @__PURE__ */ t("div", {
-						className: "min-w-0 flex-1",
-						children: i
-					}),
-					a,
-					u
-				]
-			}), p && /* @__PURE__ */ n("div", {
-				"data-slot": "page-toolbar-secondary",
-				className: "flex shrink-0 flex-wrap items-center gap-2",
-				children: [
-					c && /* @__PURE__ */ t("div", {
-						className: "text-sm text-muted-foreground",
-						children: c
-					}),
-					o,
-					s
-				]
-			})]
-		})
-	});
-}
-//#endregion
-export { r as PageToolbar };

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

@@ -1 +0,0 @@
-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("../display/description-list.cjs"),i=require("../layout/page-header.cjs");let a=require("react");a=e.__toESM(a,1);let o=require("react/jsx-runtime");var s={compact:`gap-3`,default:`gap-4`,comfortable:`gap-6`};function c({className:e,title:a,description:c,eyebrow:l,actions:u,breadcrumbs:d,status:f,summary:p,meta:m,sections:h,children:g,aside:_,footer:v,backLabel:y=`Back`,onBack:b,headerProps:x,density:S=`default`,pageHeaderClassName:C,contentClassName:w,asideClassName:T,sectionClassName:E,...D}){let O=h?.filter(e=>!e.hidden)??[],k=!!(a||c||l||u||b),A=b||u?(0,o.jsxs)(o.Fragment,{children:[b&&(0,o.jsx)(n.Button,{type:`button`,variant:`outline`,onClick:b,children:y}),u]}):void 0,j=!!(g||O.length>0);return(0,o.jsxs)(`div`,{"data-slot":`resource-detail-page`,"data-density":S,className:t.cn(`grid min-w-0`,s[S],e),...D,children:[d&&(0,o.jsx)(`div`,{"data-slot":`resource-detail-page-breadcrumbs`,children:d}),k&&(0,o.jsx)(i.PageHeader,{"data-slot":`resource-detail-page-header`,eyebrow:l,title:a,description:c,actions:A,className:C,...x}),(f||p||m)&&(0,o.jsxs)(`div`,{"data-slot":`resource-detail-page-summary`,className:`grid gap-3 lg:grid-cols-[minmax(0,1fr)_auto]`,children:[(0,o.jsxs)(`div`,{className:`grid min-w-0 gap-3`,children:[f&&(0,o.jsx)(`div`,{"data-slot":`resource-detail-page-status`,children:f}),p&&(0,o.jsx)(`div`,{"data-slot":`resource-detail-page-summary-content`,children:p})]}),m&&(0,o.jsx)(`div`,{"data-slot":`resource-detail-page-meta`,className:`min-w-0 lg:w-80`,children:m})]}),(j||_)&&(0,o.jsxs)(`div`,{"data-slot":`resource-detail-page-content`,className:t.cn(`grid min-w-0 gap-4`,_&&`xl:grid-cols-[minmax(0,1fr)_20rem]`,w),children:[(0,o.jsxs)(`div`,{"data-slot":`resource-detail-page-main`,className:`grid min-w-0 gap-4`,children:[g,O.map(e=>(0,o.jsxs)(`section`,{"data-slot":`resource-detail-page-section`,className:t.cn(`rounded-xl border bg-card text-card-foreground shadow-sm`,e.className,E),children:[(e.title||e.description||e.actions)&&(0,o.jsxs)(`div`,{className:`flex flex-col gap-3 border-b p-4 sm:flex-row sm:items-start sm:justify-between`,children:[(0,o.jsxs)(`div`,{className:`min-w-0 space-y-1`,children:[e.title&&(0,o.jsx)(`h2`,{className:`text-base font-semibold leading-none tracking-tight`,children:e.title}),e.description&&(0,o.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:e.description})]}),e.actions&&(0,o.jsx)(`div`,{className:`flex shrink-0 flex-wrap items-center gap-2`,children:e.actions})]}),(0,o.jsx)(`div`,{className:t.cn(`p-4`,e.bodyClassName),children:e.children??(e.items?(0,o.jsx)(r.DescriptionList,{items:e.items}):null)})]},e.id))]}),_&&(0,o.jsx)(`aside`,{"data-slot":`resource-detail-page-aside`,className:t.cn(`min-w-0`,T),children:_})]}),v&&(0,o.jsx)(`div`,{"data-slot":`resource-detail-page-footer`,children:v})]})}exports.ResourceDetailPage=c;

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

@@ -1,100 +0,0 @@
-import { cn as e } from "../../lib/utils.js";
-import { Button as t } from "../ui/button/index.js";
-import { DescriptionList as n } from "../display/description-list.js";
-import { PageHeader as r } from "../layout/page-header.js";
-import "react";
-import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
-//#region src/components/patterns/resource-detail-page.tsx
-var s = {
-	compact: "gap-3",
-	default: "gap-4",
-	comfortable: "gap-6"
-};
-function c({ className: c, title: l, description: u, eyebrow: d, actions: f, breadcrumbs: p, status: m, summary: h, meta: g, sections: _, children: v, aside: y, footer: b, backLabel: x = "Back", onBack: S, headerProps: C, density: w = "default", pageHeaderClassName: T, contentClassName: E, asideClassName: D, sectionClassName: O, ...k }) {
-	let A = _?.filter((e) => !e.hidden) ?? [], j = !!(l || u || d || f || S), M = S || f ? /* @__PURE__ */ o(i, { children: [S && /* @__PURE__ */ a(t, {
-		type: "button",
-		variant: "outline",
-		onClick: S,
-		children: x
-	}), f] }) : void 0, N = !!(v || A.length > 0);
-	return /* @__PURE__ */ o("div", {
-		"data-slot": "resource-detail-page",
-		"data-density": w,
-		className: e("grid min-w-0", s[w], c),
-		...k,
-		children: [
-			p && /* @__PURE__ */ a("div", {
-				"data-slot": "resource-detail-page-breadcrumbs",
-				children: p
-			}),
-			j && /* @__PURE__ */ a(r, {
-				"data-slot": "resource-detail-page-header",
-				eyebrow: d,
-				title: l,
-				description: u,
-				actions: M,
-				className: T,
-				...C
-			}),
-			(m || h || g) && /* @__PURE__ */ o("div", {
-				"data-slot": "resource-detail-page-summary",
-				className: "grid gap-3 lg:grid-cols-[minmax(0,1fr)_auto]",
-				children: [/* @__PURE__ */ o("div", {
-					className: "grid min-w-0 gap-3",
-					children: [m && /* @__PURE__ */ a("div", {
-						"data-slot": "resource-detail-page-status",
-						children: m
-					}), h && /* @__PURE__ */ a("div", {
-						"data-slot": "resource-detail-page-summary-content",
-						children: h
-					})]
-				}), g && /* @__PURE__ */ a("div", {
-					"data-slot": "resource-detail-page-meta",
-					className: "min-w-0 lg:w-80",
-					children: g
-				})]
-			}),
-			(N || y) && /* @__PURE__ */ o("div", {
-				"data-slot": "resource-detail-page-content",
-				className: e("grid min-w-0 gap-4", y && "xl:grid-cols-[minmax(0,1fr)_20rem]", E),
-				children: [/* @__PURE__ */ o("div", {
-					"data-slot": "resource-detail-page-main",
-					className: "grid min-w-0 gap-4",
-					children: [v, A.map((t) => /* @__PURE__ */ o("section", {
-						"data-slot": "resource-detail-page-section",
-						className: e("rounded-xl border bg-card text-card-foreground shadow-sm", t.className, O),
-						children: [(t.title || t.description || t.actions) && /* @__PURE__ */ o("div", {
-							className: "flex flex-col gap-3 border-b p-4 sm:flex-row sm:items-start sm:justify-between",
-							children: [/* @__PURE__ */ o("div", {
-								className: "min-w-0 space-y-1",
-								children: [t.title && /* @__PURE__ */ a("h2", {
-									className: "text-base font-semibold leading-none tracking-tight",
-									children: t.title
-								}), t.description && /* @__PURE__ */ a("p", {
-									className: "text-sm text-muted-foreground",
-									children: t.description
-								})]
-							}), t.actions && /* @__PURE__ */ a("div", {
-								className: "flex shrink-0 flex-wrap items-center gap-2",
-								children: t.actions
-							})]
-						}), /* @__PURE__ */ a("div", {
-							className: e("p-4", t.bodyClassName),
-							children: t.children ?? (t.items ? /* @__PURE__ */ a(n, { items: t.items }) : null)
-						})]
-					}, t.id))]
-				}), y && /* @__PURE__ */ a("aside", {
-					"data-slot": "resource-detail-page-aside",
-					className: e("min-w-0", D),
-					children: y
-				})]
-			}),
-			b && /* @__PURE__ */ a("div", {
-				"data-slot": "resource-detail-page-footer",
-				children: b
-			})
-		]
-	});
-}
-//#endregion
-export { c as ResourceDetailPage };

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

@@ -1 +0,0 @@
-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,88 +0,0 @@
-import { cn as e } from "../../lib/utils.js";
-import { DataTable as t } from "../data-table/data-table.js";
-import { Section as n } from "../layout/section.js";
-import { PageHeader as r } from "../layout/page-header.js";
-import "react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-//#region src/components/patterns/resource-page.tsx
-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",
-		variant: "panel",
-		title: t,
-		description: r,
-		actions: a,
-		headerClassName: o,
-		bodyClassName: s,
-		className: e,
-		...l,
-		children: c
-	});
-}
-var s = {
-	compact: "gap-3",
-	default: "gap-4",
-	comfortable: "gap-6"
-};
-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", s[b], n),
-		style: {
-			"--resource-aside-width": T,
-			...E
-		},
-		...D,
-		children: [
-			d && /* @__PURE__ */ i("div", {
-				"data-slot": "resource-page-breadcrumbs",
-				children: d
-			}),
-			O && /* @__PURE__ */ i(r, {
-				"data-slot": "resource-page-header",
-				eyebrow: l,
-				title: o,
-				description: c,
-				actions: u,
-				className: x,
-				...y
-			}),
-			f && /* @__PURE__ */ i("div", {
-				"data-slot": "resource-page-stats",
-				children: f
-			}),
-			k && /* @__PURE__ */ a("div", {
-				"data-slot": "resource-page-toolbar",
-				className: e("grid gap-3", S),
-				children: [m && /* @__PURE__ */ i("div", {
-					"data-slot": "resource-page-tabs",
-					children: m
-				}), p && /* @__PURE__ */ i("div", {
-					"data-slot": "resource-page-filters",
-					children: p
-				})]
-			}),
-			(A || _) && /* @__PURE__ */ a("div", {
-				"data-slot": "resource-page-content",
-				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__ */ i(t, { ...h })]
-				}), _ && /* @__PURE__ */ i("aside", {
-					"data-slot": "resource-page-aside",
-					className: e("min-w-0", w),
-					children: _
-				})]
-			}),
-			v && /* @__PURE__ */ i("div", {
-				"data-slot": "resource-page-footer",
-				children: v
-			})
-		]
-	});
-}
-//#endregion
-export { c as ResourcePage, o as ResourcePageSection };

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

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/tabs/index.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime");function a({className:e,title:r,description:a,actions:o,sections:s,defaultValue:c,value:l,onValueChange:u,navClassName:d,contentClassName:f,...p}){let m=s.find(e=>!e.disabled),h=c??m?.value,g=!!(r||a||o);return(0,i.jsxs)(`div`,{"data-slot":`settings-page`,className:t.cn(`grid min-w-0 gap-5`,e),...p,children:[g&&(0,i.jsxs)(`div`,{"data-slot":`settings-page-header`,className:`flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between`,children:[(0,i.jsxs)(`div`,{className:`grid min-w-0 gap-1`,children:[r&&(0,i.jsx)(`h1`,{className:`text-2xl font-semibold tracking-tight`,children:r}),a&&(0,i.jsx)(`p`,{className:`max-w-3xl text-sm leading-6 text-muted-foreground`,children:a})]}),o&&(0,i.jsx)(`div`,{className:`flex shrink-0 flex-wrap items-center gap-2`,children:o})]}),(0,i.jsx)(n.Tabs,{value:l,defaultValue:h,onValueChange:u,children:(0,i.jsxs)(`div`,{className:`grid gap-4 lg:grid-cols-[16rem_minmax(0,1fr)]`,children:[(0,i.jsx)(n.TabsList,{className:t.cn(`h-auto w-full flex-col items-stretch justify-start gap-1 p-1`,d),children:s.map(e=>(0,i.jsx)(n.TabsTrigger,{value:e.value,disabled:e.disabled,className:`w-full justify-start`,children:(0,i.jsxs)(`span`,{className:`grid min-w-0 gap-0.5 text-left`,children:[(0,i.jsx)(`span`,{className:`truncate`,children:e.label}),e.description&&(0,i.jsx)(`span`,{className:`truncate text-xs font-normal text-muted-foreground`,children:e.description})]})},e.value))}),(0,i.jsx)(`div`,{"data-slot":`settings-page-content`,className:t.cn(`min-w-0`,f),children:s.map(e=>(0,i.jsx)(n.TabsContent,{value:e.value,children:e.content},e.value))})]})})]})}exports.SettingsPage=a;

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

@@ -1,64 +0,0 @@
-import { cn as e } from "../../lib/utils.js";
-import { Tabs as t, TabsContent as n, TabsList as r, TabsTrigger as i } from "../ui/tabs/index.js";
-import "react";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-//#region src/components/patterns/settings-page.tsx
-function s({ className: s, title: c, description: l, actions: u, sections: d, defaultValue: f, value: p, onValueChange: m, navClassName: h, contentClassName: g, ..._ }) {
-	let v = d.find((e) => !e.disabled), y = f ?? v?.value, b = !!(c || l || u);
-	return /* @__PURE__ */ o("div", {
-		"data-slot": "settings-page",
-		className: e("grid min-w-0 gap-5", s),
-		..._,
-		children: [b && /* @__PURE__ */ o("div", {
-			"data-slot": "settings-page-header",
-			className: "flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between",
-			children: [/* @__PURE__ */ o("div", {
-				className: "grid min-w-0 gap-1",
-				children: [c && /* @__PURE__ */ a("h1", {
-					className: "text-2xl font-semibold tracking-tight",
-					children: c
-				}), l && /* @__PURE__ */ a("p", {
-					className: "max-w-3xl text-sm leading-6 text-muted-foreground",
-					children: l
-				})]
-			}), u && /* @__PURE__ */ a("div", {
-				className: "flex shrink-0 flex-wrap items-center gap-2",
-				children: u
-			})]
-		}), /* @__PURE__ */ a(t, {
-			value: p,
-			defaultValue: y,
-			onValueChange: m,
-			children: /* @__PURE__ */ o("div", {
-				className: "grid gap-4 lg:grid-cols-[16rem_minmax(0,1fr)]",
-				children: [/* @__PURE__ */ a(r, {
-					className: e("h-auto w-full flex-col items-stretch justify-start gap-1 p-1", h),
-					children: d.map((e) => /* @__PURE__ */ a(i, {
-						value: e.value,
-						disabled: e.disabled,
-						className: "w-full justify-start",
-						children: /* @__PURE__ */ o("span", {
-							className: "grid min-w-0 gap-0.5 text-left",
-							children: [/* @__PURE__ */ a("span", {
-								className: "truncate",
-								children: e.label
-							}), e.description && /* @__PURE__ */ a("span", {
-								className: "truncate text-xs font-normal text-muted-foreground",
-								children: e.description
-							})]
-						})
-					}, e.value))
-				}), /* @__PURE__ */ a("div", {
-					"data-slot": "settings-page-content",
-					className: e("min-w-0", g),
-					children: d.map((e) => /* @__PURE__ */ a(n, {
-						value: e.value,
-						children: e.content
-					}, e.value))
-				})]
-			})
-		})]
-	});
-}
-//#endregion
-export { s as SettingsPage };

package/packages/cli/vendor/src/components/patterns/bulk-action-bar.tsx

@@ -1,53 +0,0 @@
-import * as React from "react"
-import { XIcon } from "lucide-react"
-
-import { Button } from "@/components/ui/button"
-import { cn } from "@/lib/utils"
-
-export type BulkActionBarProps = React.ComponentProps<"div"> & {
-  selectedCount: number
-  selectedLabel?: (count: number) => React.ReactNode
-  actions?: React.ReactNode
-  clearLabel?: React.ReactNode
-  onClear?: () => void
-}
-
-function BulkActionBar({
-  className,
-  selectedCount,
-  selectedLabel = (count) => `${count} selected`,
-  actions,
-  clearLabel = "Clear",
-  onClear,
-  children,
-  ...props
-}: BulkActionBarProps) {
-  if (selectedCount <= 0) return null
-
-  return (
-    <div
-      data-slot="bulk-action-bar"
-      className={cn(
-        "flex flex-col gap-3 rounded-xl border bg-card p-3 shadow-sm sm:flex-row sm:items-center sm:justify-between",
-        className
-      )}
-      {...props}
-    >
-      <div data-slot="bulk-action-bar-count" className="text-sm font-medium">
-        {selectedLabel(selectedCount)}
-      </div>
-      <div data-slot="bulk-action-bar-actions" className="flex flex-wrap items-center gap-2">
-        {children}
-        {actions}
-        {onClear && (
-          <Button type="button" variant="ghost" size="sm" onClick={onClear}>
-            <XIcon data-icon="inline-start" />
-            {clearLabel}
-          </Button>
-        )}
-      </div>
-    </div>
-  )
-}
-
-export { BulkActionBar }