tembro 1.0.0

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

@@ -0,0 +1,100 @@
+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);
+	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: /* @__PURE__ */ o(i, { children: [S && /* @__PURE__ */ a(t, {
+					type: "button",
+					variant: "outline",
+					onClick: S,
+					children: x
+				}), f] }),
+				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
+				})]
+			}),
+			/* @__PURE__ */ o("div", {
+				"data-slot": "resource-detail-page-content",
+				className: e("grid min-w-0 gap-4 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/components/patterns/resource-page.cjs

@@ -0,0 +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=!!(u||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 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;

package/dist/components/patterns/resource-page.d.ts

@@ -0,0 +1,34 @@
+import * as React from "react";
+import { type DataTableProps } from "@/components/data-table/data-table";
+import { type PageHeaderProps } from "@/components/layout/page-header";
+export type ResourcePageDensity = "default" | "compact" | "comfortable";
+export type ResourcePageSectionProps = React.ComponentProps<"section"> & {
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    actions?: React.ReactNode;
+    headerClassName?: string;
+    bodyClassName?: string;
+};
+declare function ResourcePageSection({ className, title, description, actions, headerClassName, bodyClassName, children, ...props }: ResourcePageSectionProps): React.JSX.Element;
+export type ResourcePageProps<TData, TValue = unknown> = Omit<React.ComponentProps<"div">, "children"> & {
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    eyebrow?: React.ReactNode;
+    actions?: React.ReactNode;
+    breadcrumbs?: React.ReactNode;
+    stats?: React.ReactNode;
+    filters?: React.ReactNode;
+    tabs?: React.ReactNode;
+    table?: DataTableProps<TData, TValue>;
+    children?: React.ReactNode;
+    aside?: React.ReactNode;
+    footer?: React.ReactNode;
+    headerProps?: Omit<PageHeaderProps, "title" | "description" | "actions" | "eyebrow">;
+    density?: ResourcePageDensity;
+    pageHeaderClassName?: string;
+    toolbarClassName?: string;
+    contentClassName?: string;
+    asideClassName?: string;
+};
+declare function ResourcePage<TData, TValue = unknown>({ className, title, description, eyebrow, actions, breadcrumbs, stats, filters, tabs, table, children, aside, footer, headerProps, density, pageHeaderClassName, toolbarClassName, contentClassName, asideClassName, ...props }: ResourcePageProps<TData, TValue>): React.JSX.Element;
+export { ResourcePage, ResourcePageSection };

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

@@ -0,0 +1,97 @@
+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 "react";
+import { jsx as r, jsxs as i } 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", {
+		"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
+		})]
+	});
+}
+var o = {
+	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 = !!(d || p || m), O = !!(g || h);
+	return /* @__PURE__ */ i("div", {
+		"data-slot": "resource-page",
+		"data-density": b,
+		className: e("grid min-w-0", o[b], a),
+		...T,
+		children: [
+			d && /* @__PURE__ */ r("div", {
+				"data-slot": "resource-page-breadcrumbs",
+				children: d
+			}),
+			E && /* @__PURE__ */ r(n, {
+				"data-slot": "resource-page-header",
+				eyebrow: l,
+				title: s,
+				description: c,
+				actions: u,
+				className: x,
+				...y
+			}),
+			f && /* @__PURE__ */ r("div", {
+				"data-slot": "resource-page-stats",
+				children: f
+			}),
+			D && /* @__PURE__ */ i("div", {
+				"data-slot": "resource-page-toolbar",
+				className: e("grid gap-3", S),
+				children: [m && /* @__PURE__ */ r("div", {
+					"data-slot": "resource-page-tabs",
+					children: m
+				}), p && /* @__PURE__ */ r("div", {
+					"data-slot": "resource-page-filters",
+					children: p
+				})]
+			}),
+			(O || _) && /* @__PURE__ */ i("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", {
+					"data-slot": "resource-page-main",
+					className: "grid min-w-0 gap-4",
+					children: [g, h && /* @__PURE__ */ r(t, { ...h })]
+				}), _ && /* @__PURE__ */ r("aside", {
+					"data-slot": "resource-page-aside",
+					className: e("min-w-0", w),
+					children: _
+				})]
+			}),
+			v && /* @__PURE__ */ r("div", {
+				"data-slot": "resource-page-footer",
+				children: v
+			})
+		]
+	});
+}
+//#endregion
+export { s as ResourcePage, a as ResourcePageSection };

package/dist/components/theme-provider.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../_virtual/_rolldown/runtime.cjs");let t=require("react");t=e.__toESM(t,1);let n=require("react/jsx-runtime");var r=`azamat-ui-theme`,i=t.createContext(null);function a(){if(typeof window>`u`)return`light`;let e=window.localStorage.getItem(r);return e===`light`||e===`dark`?e:window.matchMedia(`(prefers-color-scheme: dark)`).matches?`dark`:`light`}function o({children:e}){let[o,s]=t.useState(a);t.useEffect(()=>{let e=window.document.documentElement;e.classList.toggle(`dark`,o===`dark`),e.style.colorScheme=o,window.localStorage.setItem(r,o)},[o]);let c=t.useCallback(e=>{s(e)},[]),l=t.useCallback(()=>{s(e=>e===`dark`?`light`:`dark`)},[]),u=t.useMemo(()=>({theme:o,setTheme:c,toggleTheme:l}),[o,c,l]);return(0,n.jsx)(i.Provider,{value:u,children:e})}function s(){let e=t.useContext(i);if(!e)throw Error(`useTheme must be used within ThemeProvider`);return e}exports.ThemeProvider=o,exports.useTheme=s;

package/dist/components/theme-provider.d.ts

@@ -0,0 +1,12 @@
+import * as React from "react";
+type ThemeMode = "light" | "dark";
+type ThemeContextValue = {
+    theme: ThemeMode;
+    setTheme: (theme: ThemeMode) => void;
+    toggleTheme: () => void;
+};
+export declare function ThemeProvider({ children }: {
+    children: React.ReactNode;
+}): React.JSX.Element;
+export declare function useTheme(): ThemeContextValue;
+export {};

package/dist/components/theme-provider.js

@@ -0,0 +1,40 @@
+import * as e from "react";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/components/theme-provider.tsx
+var n = "azamat-ui-theme", r = e.createContext(null);
+function i() {
+	if (typeof window > "u") return "light";
+	let e = window.localStorage.getItem(n);
+	return e === "light" || e === "dark" ? e : window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+}
+function a({ children: a }) {
+	let [o, s] = e.useState(i);
+	e.useEffect(() => {
+		let e = window.document.documentElement;
+		e.classList.toggle("dark", o === "dark"), e.style.colorScheme = o, window.localStorage.setItem(n, o);
+	}, [o]);
+	let c = e.useCallback((e) => {
+		s(e);
+	}, []), l = e.useCallback(() => {
+		s((e) => e === "dark" ? "light" : "dark");
+	}, []), u = e.useMemo(() => ({
+		theme: o,
+		setTheme: c,
+		toggleTheme: l
+	}), [
+		o,
+		c,
+		l
+	]);
+	return /* @__PURE__ */ t(r.Provider, {
+		value: u,
+		children: a
+	});
+}
+function o() {
+	let t = e.useContext(r);
+	if (!t) throw Error("useTheme must be used within ThemeProvider");
+	return t;
+}
+//#endregion
+export { a as ThemeProvider, o as useTheme };

package/dist/components/ui/accordion/index.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../collapse/index.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime");function i(e){return(0,r.jsx)(t.CollapseGroup,{"data-slot":`accordion`,...e})}function a(e){return(0,r.jsx)(t.Collapse,{"data-slot":`accordion-root`,...e})}function o(e){return(0,r.jsx)(t.CollapseTrigger,{"data-slot":`accordion-trigger`,...e})}function s(e){return(0,r.jsx)(t.CollapseContent,{"data-slot":`accordion-content`,...e})}exports.Accordion=i,exports.AccordionContent=s,exports.AccordionRoot=a,exports.AccordionTrigger=o;

package/dist/components/ui/accordion/index.d.ts

@@ -0,0 +1,12 @@
+import * as React from "react";
+import { type CollapseGroupProps, type CollapseItem, type CollapseProps, type CollapseTriggerProps } from "../collapse";
+export type AccordionItem = CollapseItem;
+export type AccordionProps = CollapseGroupProps;
+export type AccordionRootProps = CollapseProps;
+export type AccordionTriggerProps = CollapseTriggerProps;
+export type AccordionContentProps = React.ComponentProps<"div">;
+declare function Accordion(props: AccordionProps): React.JSX.Element;
+declare function AccordionRoot(props: AccordionRootProps): React.JSX.Element;
+declare function AccordionTrigger(props: AccordionTriggerProps): React.JSX.Element;
+declare function AccordionContent(props: AccordionContentProps): React.JSX.Element;
+export { Accordion, AccordionContent, AccordionRoot, AccordionTrigger, };

package/dist/components/ui/accordion/index.js

@@ -0,0 +1,30 @@
+import { Collapse as e, CollapseContent as t, CollapseGroup as n, CollapseTrigger as r } from "../collapse/index.js";
+import "react";
+import { jsx as i } from "react/jsx-runtime";
+//#region src/components/ui/accordion/index.tsx
+function a(e) {
+	return /* @__PURE__ */ i(n, {
+		"data-slot": "accordion",
+		...e
+	});
+}
+function o(t) {
+	return /* @__PURE__ */ i(e, {
+		"data-slot": "accordion-root",
+		...t
+	});
+}
+function s(e) {
+	return /* @__PURE__ */ i(r, {
+		"data-slot": "accordion-trigger",
+		...e
+	});
+}
+function c(e) {
+	return /* @__PURE__ */ i(t, {
+		"data-slot": "accordion-content",
+		...e
+	});
+}
+//#endregion
+export { a as Accordion, c as AccordionContent, o as AccordionRoot, s as AccordionTrigger };

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

@@ -0,0 +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 gap-1.5 whitespace-nowrap rounded-[var(--radius-md)] border border-[color:color-mix(in_oklch,var(--border),var(--foreground)_6%)] bg-[color:color-mix(in_oklch,var(--muted),var(--background)_36%)] font-semibold tracking-[0.01em] text-foreground shadow-[inset_0_1px_0_color-mix(in_oklch,white,transparent_34%)] transition-[background-color,border-color,color,box-shadow,transform] focus-visible:ring-0 focus-visible:shadow-[0_0_0_1px_var(--aui-focus-ring,var(--ring)),0_0_0_5px_var(--aui-focus-ring-soft,transparent)] has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-invalid:border-destructive [&>svg]:pointer-events-none [&>svg]:size-3!`,{variants:{variant:{default:`border-[color:color-mix(in_oklch,var(--primary),transparent_48%)] bg-[color:color-mix(in_oklch,var(--primary),transparent_78%)] text-[color:color-mix(in_oklch,var(--primary),black_24%)] dark:text-[color:color-mix(in_oklch,var(--primary),white_36%)]`,secondary:`border-[color:color-mix(in_oklch,var(--border),var(--foreground)_10%)] bg-[color:color-mix(in_oklch,var(--muted),var(--background)_8%)] text-foreground`,destructive:`border-[color:color-mix(in_oklch,var(--destructive),transparent_52%)] bg-[color:color-mix(in_oklch,var(--destructive),transparent_82%)] text-[color:color-mix(in_oklch,var(--destructive),black_16%)] dark:text-[color:color-mix(in_oklch,var(--destructive),white_38%)]`,outline:`bg-[color:color-mix(in_oklch,var(--background),var(--muted)_6%)] text-foreground shadow-none`,ghost:`border-transparent bg-[color:color-mix(in_oklch,var(--muted),transparent_76%)] text-muted-foreground shadow-none`,link:`border-transparent bg-transparent p-0 text-primary shadow-none underline-offset-4`},tone:{neutral:``,info:`border-[color:color-mix(in_oklch,var(--aui-info,var(--primary)),transparent_64%)] bg-[color:color-mix(in_oklch,var(--aui-info,var(--primary)),transparent_82%)] text-[color:color-mix(in_oklch,var(--aui-info,var(--primary)),black_18%)] dark:text-[color:color-mix(in_oklch,var(--aui-info,var(--primary)),white_48%)]`,success:`border-[color:color-mix(in_oklch,var(--aui-success,var(--primary)),transparent_56%)] bg-[color:color-mix(in_oklch,var(--aui-success,var(--primary)),transparent_78%)] text-[color:color-mix(in_oklch,var(--aui-success,var(--primary)),black_14%)] dark:text-[color:color-mix(in_oklch,var(--aui-success,var(--primary)),white_40%)]`,warning:`border-[color:color-mix(in_oklch,var(--aui-warning,var(--primary)),transparent_52%)] bg-[color:color-mix(in_oklch,var(--aui-warning,var(--primary)),transparent_72%)] text-[color:color-mix(in_oklch,var(--aui-warning-foreground,var(--foreground)),black_6%)] dark:text-[color:color-mix(in_oklch,var(--aui-warning,var(--primary)),white_30%)]`,danger:`border-[color:color-mix(in_oklch,var(--destructive),transparent_56%)] bg-[color:color-mix(in_oklch,var(--destructive),transparent_80%)] text-[color:color-mix(in_oklch,var(--destructive),black_14%)] dark:text-[color:color-mix(in_oklch,var(--destructive),white_38%)]`,muted:`border-[color:color-mix(in_oklch,var(--border),var(--foreground)_8%)] bg-[color:color-mix(in_oklch,var(--muted),var(--background)_18%)] text-muted-foreground`},size:{sm:`min-h-5 px-2.5 py-0.5 text-[0.64rem]`,default:`min-h-6 px-3 py-1 text-[0.7rem]`,lg:`min-h-7 px-3.5 py-1 text-[0.78rem]`},dot:{true:`pl-2`,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`,className:`size-1.5 rounded-full bg-current opacity-75`}):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`,className:`inline-flex min-w-5 items-center justify-center rounded-full bg-[color:color-mix(in_oklch,currentColor,transparent_88%)] px-1.5 py-0.5 text-[0.72em] font-semibold`,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?.()},className:`inline-flex size-4 shrink-0 items-center justify-center rounded-full bg-[color:color-mix(in_oklch,currentColor,transparent_90%)] opacity-80 transition hover:opacity-100`,children:(0,a.jsx)(r.XIcon,{className:`size-3`})}):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;

package/dist/components/ui/badge/index.d.ts

@@ -0,0 +1,21 @@
+import * as React from "react";
+import { useRender } from "@base-ui/react/use-render";
+import { type VariantProps } from "class-variance-authority";
+declare const badgeVariants: (props?: ({
+    variant?: "default" | "outline" | "secondary" | "ghost" | "destructive" | "link" | null | undefined;
+    tone?: "warning" | "neutral" | "info" | "success" | "danger" | "muted" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+    dot?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type BadgeProps = useRender.ComponentProps<"span"> & VariantProps<typeof badgeVariants> & {
+    label?: React.ReactNode;
+    count?: React.ReactNode;
+    status?: "neutral" | "info" | "success" | "warning" | "danger" | "muted";
+    removable?: boolean;
+    onRemove?: () => void;
+    removeLabel?: string;
+    leftIcon?: React.ReactNode;
+    rightIcon?: React.ReactNode;
+};
+declare function Badge({ className, variant, tone, size, dot, label, count, status, removable, onRemove, removeLabel, leftIcon, rightIcon, children, render, ...props }: BadgeProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+export { Badge, badgeVariants, type BadgeProps };

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

@@ -0,0 +1,109 @@
+import { cn as e } from "../../../lib/utils.js";
+import "react";
+import { XIcon as t } from "lucide-react";
+import { cva as n } from "class-variance-authority";
+import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
+import { mergeProps as o } from "@base-ui/react/merge-props";
+import { useRender as s } from "@base-ui/react/use-render";
+//#region src/components/ui/badge/index.tsx
+var c = n("group/badge inline-flex w-fit shrink-0 items-center justify-center gap-1.5 whitespace-nowrap rounded-[var(--radius-md)] border border-[color:color-mix(in_oklch,var(--border),var(--foreground)_6%)] bg-[color:color-mix(in_oklch,var(--muted),var(--background)_36%)] font-semibold tracking-[0.01em] text-foreground shadow-[inset_0_1px_0_color-mix(in_oklch,white,transparent_34%)] transition-[background-color,border-color,color,box-shadow,transform] focus-visible:ring-0 focus-visible:shadow-[0_0_0_1px_var(--aui-focus-ring,var(--ring)),0_0_0_5px_var(--aui-focus-ring-soft,transparent)] has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-invalid:border-destructive [&>svg]:pointer-events-none [&>svg]:size-3!", {
+	variants: {
+		variant: {
+			default: "border-[color:color-mix(in_oklch,var(--primary),transparent_48%)] bg-[color:color-mix(in_oklch,var(--primary),transparent_78%)] text-[color:color-mix(in_oklch,var(--primary),black_24%)] dark:text-[color:color-mix(in_oklch,var(--primary),white_36%)]",
+			secondary: "border-[color:color-mix(in_oklch,var(--border),var(--foreground)_10%)] bg-[color:color-mix(in_oklch,var(--muted),var(--background)_8%)] text-foreground",
+			destructive: "border-[color:color-mix(in_oklch,var(--destructive),transparent_52%)] bg-[color:color-mix(in_oklch,var(--destructive),transparent_82%)] text-[color:color-mix(in_oklch,var(--destructive),black_16%)] dark:text-[color:color-mix(in_oklch,var(--destructive),white_38%)]",
+			outline: "bg-[color:color-mix(in_oklch,var(--background),var(--muted)_6%)] text-foreground shadow-none",
+			ghost: "border-transparent bg-[color:color-mix(in_oklch,var(--muted),transparent_76%)] text-muted-foreground shadow-none",
+			link: "border-transparent bg-transparent p-0 text-primary shadow-none underline-offset-4"
+		},
+		tone: {
+			neutral: "",
+			info: "border-[color:color-mix(in_oklch,var(--aui-info,var(--primary)),transparent_64%)] bg-[color:color-mix(in_oklch,var(--aui-info,var(--primary)),transparent_82%)] text-[color:color-mix(in_oklch,var(--aui-info,var(--primary)),black_18%)] dark:text-[color:color-mix(in_oklch,var(--aui-info,var(--primary)),white_48%)]",
+			success: "border-[color:color-mix(in_oklch,var(--aui-success,var(--primary)),transparent_56%)] bg-[color:color-mix(in_oklch,var(--aui-success,var(--primary)),transparent_78%)] text-[color:color-mix(in_oklch,var(--aui-success,var(--primary)),black_14%)] dark:text-[color:color-mix(in_oklch,var(--aui-success,var(--primary)),white_40%)]",
+			warning: "border-[color:color-mix(in_oklch,var(--aui-warning,var(--primary)),transparent_52%)] bg-[color:color-mix(in_oklch,var(--aui-warning,var(--primary)),transparent_72%)] text-[color:color-mix(in_oklch,var(--aui-warning-foreground,var(--foreground)),black_6%)] dark:text-[color:color-mix(in_oklch,var(--aui-warning,var(--primary)),white_30%)]",
+			danger: "border-[color:color-mix(in_oklch,var(--destructive),transparent_56%)] bg-[color:color-mix(in_oklch,var(--destructive),transparent_80%)] text-[color:color-mix(in_oklch,var(--destructive),black_14%)] dark:text-[color:color-mix(in_oklch,var(--destructive),white_38%)]",
+			muted: "border-[color:color-mix(in_oklch,var(--border),var(--foreground)_8%)] bg-[color:color-mix(in_oklch,var(--muted),var(--background)_18%)] text-muted-foreground"
+		},
+		size: {
+			sm: "min-h-5 px-2.5 py-0.5 text-[0.64rem]",
+			default: "min-h-6 px-3 py-1 text-[0.7rem]",
+			lg: "min-h-7 px-3.5 py-1 text-[0.78rem]"
+		},
+		dot: {
+			true: "pl-2",
+			false: ""
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		tone: "neutral",
+		size: "default",
+		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";
+	return s({
+		defaultTagName: "span",
+		props: o({
+			className: e(c({
+				variant: l,
+				tone: w,
+				size: d,
+				dot: E
+			}), n),
+			children: /* @__PURE__ */ a(r, { children: [
+				E ? /* @__PURE__ */ i("span", {
+					"data-slot": "badge-dot",
+					className: "size-1.5 rounded-full bg-current opacity-75"
+				}) : null,
+				y ? /* @__PURE__ */ i("span", {
+					"data-icon": "inline-start",
+					"data-slot": "badge-icon",
+					className: "inline-flex shrink-0 items-center",
+					children: y
+				}) : null,
+				T ? /* @__PURE__ */ i("span", {
+					"data-slot": "badge-label",
+					children: T
+				}) : null,
+				m == null ? null : /* @__PURE__ */ i("span", {
+					"data-slot": "badge-count",
+					className: "inline-flex min-w-5 items-center justify-center rounded-full bg-[color:color-mix(in_oklch,currentColor,transparent_88%)] px-1.5 py-0.5 text-[0.72em] font-semibold",
+					children: m
+				}),
+				b ? /* @__PURE__ */ i("span", {
+					"data-icon": "inline-end",
+					"data-slot": "badge-icon",
+					className: "inline-flex shrink-0 items-center",
+					children: b
+				}) : null,
+				g ? /* @__PURE__ */ i("button", {
+					type: "button",
+					"data-slot": "badge-remove",
+					"aria-label": v,
+					onClick: (e) => {
+						e.preventDefault(), e.stopPropagation(), _?.();
+					},
+					className: "inline-flex size-4 shrink-0 items-center justify-center rounded-full bg-[color:color-mix(in_oklch,currentColor,transparent_90%)] opacity-80 transition hover:opacity-100",
+					children: /* @__PURE__ */ i(t, { className: "size-3" })
+				}) : null
+			] })
+		}, {
+			"data-variant": l ?? "default",
+			"data-tone": w ?? "neutral",
+			"data-size": d ?? "default",
+			"data-removable": g || void 0
+		}, C),
+		render: S,
+		state: {
+			slot: "badge",
+			variant: l,
+			tone: w,
+			size: d,
+			dot: E
+		}
+	});
+}
+//#endregion
+export { l as Badge, c as badgeVariants };

package/dist/components/ui/button/index.cjs

@@ -0,0 +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("@base-ui/react/button"),i=require("class-variance-authority"),a=require("react/jsx-runtime");var o=(0,i.cva)(`group/button inline-flex shrink-0 items-center justify-center rounded-[var(--aui-control-radius,var(--radius-lg))] border border-[color:var(--aui-control-border-strong,var(--border))] bg-[color:var(--aui-control-surface,var(--background))] bg-clip-padding text-sm font-semibold text-foreground whitespace-nowrap shadow-[var(--aui-control-shadow,0_1px_2px_rgba(15,23,42,0.04))] transition-[transform,background-color,border-color,color,box-shadow,opacity] outline-none select-none hover:border-[color:var(--aui-control-hover-border,var(--ring))] hover:bg-[color:var(--aui-control-surface-hover,var(--muted))] focus-visible:ring-0 focus-visible:shadow-[var(--aui-control-shadow,0_1px_2px_rgba(15,23,42,0.04)),0_0_0_1px_var(--aui-focus-ring,var(--ring)),0_0_0_5px_var(--aui-focus-ring-soft,transparent)] active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:cursor-not-allowed disabled:translate-y-0 disabled:border-[color:color-mix(in_oklch,var(--border),transparent_24%)] disabled:bg-[color:var(--aui-control-surface-disabled,var(--muted))] disabled:text-muted-foreground disabled:shadow-none disabled:opacity-100 aria-disabled:pointer-events-none aria-disabled:cursor-not-allowed aria-disabled:translate-y-0 aria-disabled:opacity-100 aria-invalid:border-destructive [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,{variants:{variant:{default:`border-[color:color-mix(in_oklch,var(--primary),black_10%)] bg-primary text-primary-foreground shadow-[var(--aui-button-primary-shadow,0_10px_24px_rgba(16,185,129,0.18))] hover:border-[color:color-mix(in_oklch,var(--primary),black_18%)] hover:bg-[color:color-mix(in_oklch,var(--primary),white_8%)]`,outline:`bg-[color:var(--aui-control-surface,var(--background))] text-foreground shadow-none`,secondary:`border-[color:color-mix(in_oklch,var(--border),var(--foreground)_6%)] bg-secondary text-secondary-foreground shadow-none`,ghost:`border-transparent bg-transparent shadow-none`,destructive:`border-[color:color-mix(in_oklch,var(--destructive),black_8%)] bg-destructive text-[color:var(--aui-danger-foreground,var(--primary-foreground))] shadow-[var(--aui-button-danger-shadow,0_10px_24px_rgba(239,68,68,0.16))] hover:border-[color:color-mix(in_oklch,var(--destructive),black_16%)] hover:bg-[color:color-mix(in_oklch,var(--destructive),white_6%)]`,warning:`border-[color:color-mix(in_oklch,var(--aui-warning,var(--primary)),transparent_52%)] bg-[color:color-mix(in_oklch,var(--aui-warning,var(--primary)),transparent_78%)] text-[color:var(--aui-warning-foreground,var(--foreground))] shadow-none hover:bg-[color:color-mix(in_oklch,var(--aui-warning,var(--primary)),transparent_70%)]`,link:`rounded-none border-transparent bg-transparent p-0 text-primary shadow-none underline-offset-4 hover:bg-transparent hover:text-[color:color-mix(in_oklch,var(--primary),black_10%)]`},size:{default:`h-9 gap-1.5 px-3.5 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3`,xs:`h-7 gap-1 rounded-[var(--radius-sm)] px-2.5 text-xs in-data-[slot=button-group]:rounded-[var(--radius-sm)] has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2 [&_svg:not([class*='size-'])]:size-3`,sm:`h-8 gap-1 rounded-[var(--radius-md)] px-3.5 text-[0.82rem] in-data-[slot=button-group]:rounded-[var(--radius-md)] has-data-[icon=inline-end]:pr-2.5 has-data-[icon=inline-start]:pl-2.5 [&_svg:not([class*='size-'])]:size-3.5`,md:`h-9 gap-1.5 px-3.5 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3`,lg:`h-10 gap-1.5 px-4 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3`,xl:`h-11 gap-2 px-5 text-base has-data-[icon=inline-end]:pr-4 has-data-[icon=inline-start]:pl-4`,icon:`size-9`,"icon-xs":`size-7 rounded-[var(--radius-sm)] in-data-[slot=button-group]:rounded-[var(--radius-sm)] [&_svg:not([class*='size-'])]:size-3`,"icon-sm":`size-8 rounded-[var(--radius-md)] in-data-[slot=button-group]:rounded-[var(--radius-md)]`,"icon-lg":`size-10`}},defaultVariants:{variant:`default`,size:`default`}});function s({className:e,variant:n=`default`,size:i=`default`,disabled:s,loading:c=!1,loadingLabel:l=`Loading`,leftIcon:u,rightIcon:d,children:f,...p}){return(0,a.jsxs)(r.Button,{"data-slot":`button`,"data-variant":n??`default`,"data-size":i??`default`,"data-loading":c||void 0,disabled:s||c,"aria-busy":c||void 0,className:t.cn(o({variant:n,size:i,className:e})),...p,children:[c?(0,a.jsx)(`span`,{"data-slot":`button-spinner`,"aria-hidden":`true`,className:`size-4 animate-spin rounded-full border-2 border-current border-t-transparent opacity-80`}):u?(0,a.jsx)(`span`,{"data-icon":`inline-start`,"data-slot":`button-icon`,className:`inline-flex shrink-0 items-center justify-center`,children:u}):null,f?(0,a.jsx)(`span`,{"data-slot":`button-label`,children:c?l:f}):null,!c&&d?(0,a.jsx)(`span`,{"data-icon":`inline-end`,"data-slot":`button-icon`,className:`inline-flex shrink-0 items-center justify-center`,children:d}):null]})}exports.Button=s,exports.buttonVariants=o;

package/dist/components/ui/button/index.d.ts

@@ -0,0 +1,15 @@
+import * as React from "react";
+import { Button as ButtonPrimitive } from "@base-ui/react/button";
+import { type VariantProps } from "class-variance-authority";
+declare const buttonVariants: (props?: ({
+    variant?: "default" | "outline" | "secondary" | "ghost" | "destructive" | "warning" | "link" | null | undefined;
+    size?: "default" | "xs" | "sm" | "md" | "lg" | "xl" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type ButtonProps = ButtonPrimitive.Props & VariantProps<typeof buttonVariants> & {
+    loading?: boolean;
+    loadingLabel?: string;
+    leftIcon?: React.ReactNode;
+    rightIcon?: React.ReactNode;
+};
+declare function Button({ className, variant, size, disabled, loading, loadingLabel, leftIcon, rightIcon, children, ...props }: ButtonProps): React.JSX.Element;
+export { Button, buttonVariants };

package/dist/components/ui/button/index.js

@@ -0,0 +1,75 @@
+import { cn as e } from "../../../lib/utils.js";
+import "react";
+import { Button as t } from "@base-ui/react/button";
+import { cva as n } from "class-variance-authority";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/ui/button/index.tsx
+var a = n("group/button inline-flex shrink-0 items-center justify-center rounded-[var(--aui-control-radius,var(--radius-lg))] border border-[color:var(--aui-control-border-strong,var(--border))] bg-[color:var(--aui-control-surface,var(--background))] bg-clip-padding text-sm font-semibold text-foreground whitespace-nowrap shadow-[var(--aui-control-shadow,0_1px_2px_rgba(15,23,42,0.04))] transition-[transform,background-color,border-color,color,box-shadow,opacity] outline-none select-none hover:border-[color:var(--aui-control-hover-border,var(--ring))] hover:bg-[color:var(--aui-control-surface-hover,var(--muted))] focus-visible:ring-0 focus-visible:shadow-[var(--aui-control-shadow,0_1px_2px_rgba(15,23,42,0.04)),0_0_0_1px_var(--aui-focus-ring,var(--ring)),0_0_0_5px_var(--aui-focus-ring-soft,transparent)] active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:cursor-not-allowed disabled:translate-y-0 disabled:border-[color:color-mix(in_oklch,var(--border),transparent_24%)] disabled:bg-[color:var(--aui-control-surface-disabled,var(--muted))] disabled:text-muted-foreground disabled:shadow-none disabled:opacity-100 aria-disabled:pointer-events-none aria-disabled:cursor-not-allowed aria-disabled:translate-y-0 aria-disabled:opacity-100 aria-invalid:border-destructive [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {
+	variants: {
+		variant: {
+			default: "border-[color:color-mix(in_oklch,var(--primary),black_10%)] bg-primary text-primary-foreground shadow-[var(--aui-button-primary-shadow,0_10px_24px_rgba(16,185,129,0.18))] hover:border-[color:color-mix(in_oklch,var(--primary),black_18%)] hover:bg-[color:color-mix(in_oklch,var(--primary),white_8%)]",
+			outline: "bg-[color:var(--aui-control-surface,var(--background))] text-foreground shadow-none",
+			secondary: "border-[color:color-mix(in_oklch,var(--border),var(--foreground)_6%)] bg-secondary text-secondary-foreground shadow-none",
+			ghost: "border-transparent bg-transparent shadow-none",
+			destructive: "border-[color:color-mix(in_oklch,var(--destructive),black_8%)] bg-destructive text-[color:var(--aui-danger-foreground,var(--primary-foreground))] shadow-[var(--aui-button-danger-shadow,0_10px_24px_rgba(239,68,68,0.16))] hover:border-[color:color-mix(in_oklch,var(--destructive),black_16%)] hover:bg-[color:color-mix(in_oklch,var(--destructive),white_6%)]",
+			warning: "border-[color:color-mix(in_oklch,var(--aui-warning,var(--primary)),transparent_52%)] bg-[color:color-mix(in_oklch,var(--aui-warning,var(--primary)),transparent_78%)] text-[color:var(--aui-warning-foreground,var(--foreground))] shadow-none hover:bg-[color:color-mix(in_oklch,var(--aui-warning,var(--primary)),transparent_70%)]",
+			link: "rounded-none border-transparent bg-transparent p-0 text-primary shadow-none underline-offset-4 hover:bg-transparent hover:text-[color:color-mix(in_oklch,var(--primary),black_10%)]"
+		},
+		size: {
+			default: "h-9 gap-1.5 px-3.5 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3",
+			xs: "h-7 gap-1 rounded-[var(--radius-sm)] px-2.5 text-xs in-data-[slot=button-group]:rounded-[var(--radius-sm)] has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2 [&_svg:not([class*='size-'])]:size-3",
+			sm: "h-8 gap-1 rounded-[var(--radius-md)] px-3.5 text-[0.82rem] in-data-[slot=button-group]:rounded-[var(--radius-md)] has-data-[icon=inline-end]:pr-2.5 has-data-[icon=inline-start]:pl-2.5 [&_svg:not([class*='size-'])]:size-3.5",
+			md: "h-9 gap-1.5 px-3.5 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3",
+			lg: "h-10 gap-1.5 px-4 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3",
+			xl: "h-11 gap-2 px-5 text-base has-data-[icon=inline-end]:pr-4 has-data-[icon=inline-start]:pl-4",
+			icon: "size-9",
+			"icon-xs": "size-7 rounded-[var(--radius-sm)] in-data-[slot=button-group]:rounded-[var(--radius-sm)] [&_svg:not([class*='size-'])]:size-3",
+			"icon-sm": "size-8 rounded-[var(--radius-md)] in-data-[slot=button-group]:rounded-[var(--radius-md)]",
+			"icon-lg": "size-10"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
+});
+function o({ className: n, variant: o = "default", size: s = "default", disabled: c, loading: l = !1, loadingLabel: u = "Loading", leftIcon: d, rightIcon: f, children: p, ...m }) {
+	return /* @__PURE__ */ i(t, {
+		"data-slot": "button",
+		"data-variant": o ?? "default",
+		"data-size": s ?? "default",
+		"data-loading": l || void 0,
+		disabled: c || l,
+		"aria-busy": l || void 0,
+		className: e(a({
+			variant: o,
+			size: s,
+			className: n
+		})),
+		...m,
+		children: [
+			l ? /* @__PURE__ */ r("span", {
+				"data-slot": "button-spinner",
+				"aria-hidden": "true",
+				className: "size-4 animate-spin rounded-full border-2 border-current border-t-transparent opacity-80"
+			}) : d ? /* @__PURE__ */ r("span", {
+				"data-icon": "inline-start",
+				"data-slot": "button-icon",
+				className: "inline-flex shrink-0 items-center justify-center",
+				children: d
+			}) : null,
+			p ? /* @__PURE__ */ r("span", {
+				"data-slot": "button-label",
+				children: l ? u : p
+			}) : null,
+			!l && f ? /* @__PURE__ */ r("span", {
+				"data-icon": "inline-end",
+				"data-slot": "button-icon",
+				className: "inline-flex shrink-0 items-center justify-center",
+				children: f
+			}) : null
+		]
+	});
+}
+//#endregion
+export { o as Button, a as buttonVariants };

package/dist/components/ui/card/index.cjs

@@ -0,0 +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("class-variance-authority"),i=require("react/jsx-runtime");var a=(0,r.cva)(`group/card flex flex-col gap-(--card-spacing) overflow-hidden rounded-[var(--aui-card-radius,var(--radius-xl))] border py-(--card-spacing) text-sm text-card-foreground transition-[background-color,border-color,box-shadow,transform,opacity] [--card-spacing:--spacing(5)] has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0 *:[img:first-child]:rounded-t-[var(--aui-card-radius,var(--radius-xl))] *:[img:last-child]:rounded-b-[var(--aui-card-radius,var(--radius-xl))]`,{variants:{variant:{default:``,elevated:``,outline:``,soft:``,ghost:`border-transparent bg-transparent shadow-none ring-0`},size:{sm:`[--card-spacing:--spacing(4)] data-[has-footer=true]:pb-0`,default:`[--card-spacing:--spacing(5)]`,lg:`[--card-spacing:--spacing(6)]`},density:{compact:`text-xs`,default:`text-sm`,comfortable:`text-base`},tone:{neutral:``,info:``,success:``,warning:``,danger:``},interactive:{true:`cursor-pointer focus-visible:outline-none focus-visible:ring-0`,false:``},selected:{true:``,false:``},disabled:{true:`pointer-events-none opacity-55`,false:``}},defaultVariants:{variant:`default`,size:`default`,density:`default`,tone:`neutral`,interactive:!1,selected:!1,disabled:!1}});function o(e){return e.eyebrow!=null||e.title!=null||e.description!=null||e.badge!=null||e.action!=null||e.media!=null||e.content!=null||e.footer!=null}function s({className:e,variant:n,size:r,density:s,tone:m,interactive:h,selected:g,disabled:_,tabIndex:v,eyebrow:y,title:b,description:x,badge:S,action:C,media:w,content:T,footer:E,headerClassName:D,titleClassName:O,descriptionClassName:k,contentClassName:A,footerClassName:j,children:M,...N}){let P=o({eyebrow:y,title:b,description:x,badge:S,action:C,media:w,content:T,footer:E}),F=T??M,I=y!=null||b!=null||x!=null||S!=null||C!=null,L=E!=null;return(0,i.jsx)(`div`,{"data-slot":`card`,"data-surface":P||void 0,"data-size":r??`default`,"data-variant":n??`default`,"data-tone":m??`neutral`,"data-density":s??`default`,"data-interactive":h||void 0,"data-selected":g||void 0,"data-disabled":_||void 0,"data-has-footer":L||void 0,"aria-disabled":_||void 0,tabIndex:h&&!_?v??0:v,className:t.cn(a({variant:n,size:r,density:s,tone:m,interactive:h,selected:g,disabled:_}),e),...N,children:P?(0,i.jsxs)(i.Fragment,{children:[w,I?(0,i.jsxs)(c,{className:D,children:[(0,i.jsxs)(`div`,{className:`min-w-0 space-y-1`,children:[y==null?null:(0,i.jsx)(`div`,{className:`text-[11px] font-semibold uppercase tracking-[0.18em] text-muted-foreground/80`,children:y}),b==null?null:(0,i.jsx)(l,{className:O,children:b}),x==null?null:(0,i.jsx)(u,{className:k,children:x})]}),S!=null||C!=null?(0,i.jsxs)(d,{className:`flex items-center gap-2`,children:[S,C]}):null]}):null,F==null?null:(0,i.jsx)(f,{className:A,children:F}),L?(0,i.jsx)(p,{className:j,children:E}):null]}):M})}function c({className:e,...n}){return(0,i.jsx)(`div`,{"data-slot":`card-header`,className:t.cn(`group/card-header @container/card-header grid auto-rows-min items-start gap-1.5 rounded-t-[var(--aui-card-radius,var(--radius-xl))] px-(--card-spacing) has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-(--card-spacing)`,e),...n})}function l({className:e,...n}){return(0,i.jsx)(`div`,{"data-slot":`card-title`,className:t.cn(`font-heading text-[1.05rem] leading-snug font-semibold tracking-tight group-data-[size=sm]/card:text-sm group-data-[size=lg]/card:text-xl`,e),...n})}function u({className:e,...n}){return(0,i.jsx)(`div`,{"data-slot":`card-description`,className:t.cn(`text-sm leading-6 text-muted-foreground`,e),...n})}function d({className:e,...n}){return(0,i.jsx)(`div`,{"data-slot":`card-action`,className:t.cn(`col-start-2 row-span-2 row-start-1 self-start justify-self-end`,e),...n})}function f({className:e,...n}){return(0,i.jsx)(`div`,{"data-slot":`card-content`,className:t.cn(`px-(--card-spacing)`,e),...n})}function p({className:e,...n}){return(0,i.jsx)(`div`,{"data-slot":`card-footer`,className:t.cn(`flex items-center rounded-b-[var(--aui-card-radius,var(--radius-xl))] border-t border-border/60 bg-muted/22 p-(--card-spacing)`,e),...n})}exports.Card=s,exports.CardAction=d,exports.CardContent=f,exports.CardDescription=u,exports.CardFooter=p,exports.CardHeader=c,exports.CardTitle=l,exports.cardVariants=a;