@exegia/corpora-ui 3.0.0 → 4.0.0

package/README.md

@@ -11,10 +11,30 @@ bun run typecheck
 bun run lint
 bun test
 bun run build        # docs site + publishable library
+bun run dev:example  # React consumer on http://127.0.0.1:3001
+bun run check:consumer # pack + isolated consumer typecheck/production build
 ```
 
 ## Project layout
 
+`react/` is the Bun workspace root. `examples/consumer` has its own private
+manifest and shares version definitions through the root catalog. Use one
+`bun install` here; do not install dependencies at the repository root.
+See [the consumer example](examples/consumer/README.md) for development and
+tarball verification.
+
+Focused imports are available from `@exegia/corpora-ui/button`, `/card`,
+`/input`, `/label`, `/state`, `/overlays`, `/shell`, and `/scaffold`.
+Existing root imports continue to work. The consumer example loads its
+Shell/Scaffold reading workspace on demand using those focused layout exports.
+Import `@exegia/corpora-ui/index.css` once for either style. The library builds
+all entrypoints together, sharing component implementations and state.
+
+Mount `ExegiaProvider` once for toast, shared tooltip settings, and portal
+defaults. Pass `store={appStore}` to share arbitrary app atoms with library
+state. Existing Shell/Scaffold panel and drawer layout contexts stay local.
+See [getting started](content/getting-started.mdx) for the provider contract.
+
 - `src/components/ui` — atoms
 - `src/components/composed` — components
 - `src/components/blocks` — blocks

package/dist-lib/autocomplete-DzjspdKa.js

@@ -0,0 +1,151 @@
+import { t as e } from "./utils-BO0qfoA6.js";
+import { Input as t } from "./input.js";
+import { t as n } from "./scroll-area-BNcHlmRX.js";
+import { ChevronsUpDownIcon as r, XIcon as i } from "lucide-react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { Autocomplete as s } from "@base-ui/react/autocomplete";
+//#region src/components/ui/autocomplete.tsx
+var c = s.Root;
+function l({ className: n, showTrigger: c = !1, showClear: l = !1, startAddon: u, size: d, triggerProps: f, clearProps: p, ...m }) {
+	let h = d ?? "default";
+	return /* @__PURE__ */ o(s.InputGroup, {
+		className: "relative not-has-[>*.w-full]:w-fit w-full text-foreground has-disabled:opacity-64",
+		"data-slot": "autocomplete-input-group",
+		children: [
+			u && /* @__PURE__ */ a("div", {
+				"aria-hidden": "true",
+				className: "pointer-events-none absolute inset-y-0 start-px z-10 flex items-center ps-[calc(--spacing(3)-1px)] opacity-80 has-[+[data-size=sm]]:ps-[calc(--spacing(2.5)-1px)] [&_svg:not([class*='size-'])]:size-4.5 sm:[&_svg:not([class*='size-'])]:size-4 [&_svg]:-mx-0.5",
+				"data-slot": "autocomplete-start-addon",
+				children: u
+			}),
+			/* @__PURE__ */ a(s.Input, {
+				className: e(u && "data-[size=sm]:*:data-[slot=autocomplete-input]:ps-[calc(--spacing(7.5)-1px)] *:data-[slot=autocomplete-input]:ps-[calc(--spacing(8.5)-1px)] sm:data-[size=sm]:*:data-[slot=autocomplete-input]:ps-[calc(--spacing(7)-1px)] sm:*:data-[slot=autocomplete-input]:ps-[calc(--spacing(8)-1px)]", h === "sm" ? "has-[+[data-slot=autocomplete-trigger],+[data-slot=autocomplete-clear]]:*:data-[slot=autocomplete-input]:pe-6.5" : "has-[+[data-slot=autocomplete-trigger],+[data-slot=autocomplete-clear]]:*:data-[slot=autocomplete-input]:pe-7", n),
+				"data-slot": "autocomplete-input",
+				render: /* @__PURE__ */ a(t, {
+					nativeInput: !0,
+					size: h
+				}),
+				...m
+			}),
+			c && /* @__PURE__ */ a(S, {
+				className: e("absolute top-1/2 inline-flex size-8 shrink-0 -translate-y-1/2 cursor-pointer items-center justify-center rounded-md border border-transparent opacity-80 outline-none transition-colors pointer-coarse:after:absolute pointer-coarse:after:min-h-11 pointer-coarse:after:min-w-11 hover:opacity-100 has-[+[data-slot=autocomplete-clear]]:hidden sm:size-7 [&_svg:not([class*='size-'])]:size-4.5 sm:[&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0", h === "sm" ? "end-0" : "end-0.5"),
+				...f,
+				children: /* @__PURE__ */ a(s.Icon, {
+					"data-slot": "autocomplete-icon",
+					children: /* @__PURE__ */ a(r, {})
+				})
+			}),
+			l && /* @__PURE__ */ a(y, {
+				className: e("absolute top-1/2 inline-flex size-8 shrink-0 -translate-y-1/2 cursor-pointer items-center justify-center rounded-md border border-transparent opacity-80 outline-none transition-colors pointer-coarse:after:absolute pointer-coarse:after:min-h-11 pointer-coarse:after:min-w-11 hover:opacity-100 has-[+[data-slot=autocomplete-clear]]:hidden sm:size-7 [&_svg:not([class*='size-'])]:size-4.5 sm:[&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0", h === "sm" ? "end-0" : "end-0.5"),
+				...p,
+				children: /* @__PURE__ */ a(i, {})
+			})
+		]
+	});
+}
+function u({ className: t, children: n, side: r = "bottom", sideOffset: i = 4, alignOffset: o, align: c = "start", anchor: l, portalProps: u, ...d }) {
+	return /* @__PURE__ */ a(s.Portal, {
+		...u,
+		children: /* @__PURE__ */ a(s.Positioner, {
+			align: c,
+			alignOffset: o,
+			anchor: l,
+			className: "z-50 select-none",
+			"data-slot": "autocomplete-positioner",
+			side: r,
+			sideOffset: i,
+			children: /* @__PURE__ */ a("span", {
+				className: e("relative flex max-h-full min-w-(--anchor-width) max-w-(--available-width) origin-(--transform-origin) rounded-lg border bg-popover not-dark:bg-clip-padding shadow-lg/5 transition-[scale,opacity] before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-lg)-1px)] before:shadow-[0_1px_--theme(--color-black/4%)] dark:before:shadow-[0_-1px_--theme(--color-white/6%)]", t),
+				children: /* @__PURE__ */ a(s.Popup, {
+					className: "flex max-h-[min(var(--available-height),23rem)] flex-1 flex-col text-foreground",
+					"data-slot": "autocomplete-popup",
+					...d,
+					children: n
+				})
+			})
+		})
+	});
+}
+function d({ className: t, children: n, ...r }) {
+	return /* @__PURE__ */ a(s.Item, {
+		className: e("flex min-h-8 cursor-default select-none items-center rounded-sm px-2 py-1 text-base outline-none data-disabled:pointer-events-none data-highlighted:bg-accent data-highlighted:text-accent-foreground data-disabled:opacity-64 sm:min-h-7 sm:text-sm", t),
+		"data-slot": "autocomplete-item",
+		...r,
+		children: n
+	});
+}
+function f({ className: t, ...n }) {
+	return /* @__PURE__ */ a(s.Separator, {
+		className: e("mx-2 my-1 h-px bg-border last:hidden", t),
+		"data-slot": "autocomplete-separator",
+		...n
+	});
+}
+function p({ className: t, ...n }) {
+	return /* @__PURE__ */ a(s.Group, {
+		className: e("[[role=group]+&]:mt-1.5", t),
+		"data-slot": "autocomplete-group",
+		...n
+	});
+}
+function m({ className: t, ...n }) {
+	return /* @__PURE__ */ a(s.GroupLabel, {
+		className: e("px-2 py-1.5 font-medium text-muted-foreground text-xs", t),
+		"data-slot": "autocomplete-group-label",
+		...n
+	});
+}
+function h({ className: t, ...n }) {
+	return /* @__PURE__ */ a(s.Empty, {
+		className: e("not-empty:p-2 text-center text-base text-muted-foreground sm:text-sm", t),
+		"data-slot": "autocomplete-empty",
+		...n
+	});
+}
+function g({ className: e, ...t }) {
+	return /* @__PURE__ */ a(s.Row, {
+		className: e,
+		"data-slot": "autocomplete-row",
+		...t
+	});
+}
+var _ = s.Value;
+function v({ className: t, ...r }) {
+	return /* @__PURE__ */ a(n, {
+		overscrollContain: !0,
+		scrollbarGutter: !0,
+		scrollFade: !0,
+		children: /* @__PURE__ */ a(s.List, {
+			className: e("not-empty:scroll-py-1 not-empty:p-1 in-data-has-overflow-y:pe-3", t),
+			"data-slot": "autocomplete-list",
+			...r
+		})
+	});
+}
+function y({ className: t, ...n }) {
+	return /* @__PURE__ */ a(s.Clear, {
+		className: e("absolute end-0.5 top-1/2 inline-flex size-8 shrink-0 -translate-y-1/2 cursor-pointer items-center justify-center rounded-md border border-transparent opacity-80 outline-none transition-[color,background-color,box-shadow,opacity] pointer-coarse:after:absolute pointer-coarse:after:min-h-11 pointer-coarse:after:min-w-11 hover:opacity-100 sm:size-7 [&_svg:not([class*='size-'])]:size-4.5 sm:[&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0", t),
+		"data-slot": "autocomplete-clear",
+		...n,
+		children: /* @__PURE__ */ a(i, {})
+	});
+}
+function b({ className: t, ...n }) {
+	return /* @__PURE__ */ a(s.Status, {
+		className: e("px-3 py-2 font-medium text-muted-foreground text-xs empty:m-0 empty:p-0", t),
+		"data-slot": "autocomplete-status",
+		...n
+	});
+}
+var x = s.Collection;
+function S({ className: e, children: t, ...n }) {
+	return /* @__PURE__ */ a(s.Trigger, {
+		className: e,
+		"data-slot": "autocomplete-trigger",
+		...n,
+		children: t
+	});
+}
+var C = s.useFilter;
+//#endregion
+export { C as _, p as a, d as c, s as d, g as f, _ as g, S as h, h as i, v as l, b as m, y as n, m as o, f as p, x as r, l as s, c as t, u };

package/dist-lib/base-CiR7nLAD.js

@@ -0,0 +1,37 @@
+import { t as e } from "./utils-BO0qfoA6.js";
+import { jsx as t } from "react/jsx-runtime";
+import { cva as n } from "class-variance-authority";
+import { Toggle as r } from "@base-ui/react/toggle";
+//#region src/components/ui/toggle/utils.ts
+var i = n("relative inline-flex shrink-0 cursor-pointer select-none items-center justify-center gap-2 whitespace-nowrap rounded-lg border font-medium text-base text-foreground outline-none transition-shadow before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-lg)-1px)] pointer-coarse:after:absolute pointer-coarse:after:size-full pointer-coarse:after:min-h-11 pointer-coarse:after:min-w-11 hover:bg-accent focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-64 data-pressed:bg-input/64 data-pressed:text-accent-foreground sm:text-sm [&_svg:not([class*='opacity-'])]:opacity-80 [&_svg:not([class*='size-'])]:size-4.5 sm:[&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:-mx-0.5 [&_svg]:shrink-0", {
+	defaultVariants: {
+		size: "default",
+		variant: "default"
+	},
+	variants: {
+		size: {
+			default: "h-9 min-w-9 px-[calc(--spacing(2)-1px)] sm:h-8 sm:min-w-8",
+			lg: "h-10 min-w-10 px-[calc(--spacing(2.5)-1px)] sm:h-9 sm:min-w-9",
+			sm: "h-8 min-w-8 px-[calc(--spacing(1.5)-1px)] sm:h-7 sm:min-w-7"
+		},
+		variant: {
+			default: "border-transparent",
+			outline: "border-input bg-background not-dark:bg-clip-padding shadow-xs/5 not-disabled:not-active:not-data-pressed:before:shadow-[0_1px_--theme(--color-black/4%)] dark:bg-input/32 dark:data-pressed:bg-input dark:hover:bg-input/64 dark:not-disabled:not-active:not-data-pressed:before:shadow-[0_-1px_--theme(--color-white/6%)] dark:not-disabled:not-data-pressed:before:shadow-[0_-1px_--theme(--color-white/2%)] [:disabled,:active,[data-pressed]]:shadow-none"
+		}
+	}
+});
+//#endregion
+//#region src/components/ui/toggle/base.tsx
+function a({ className: n, variant: a, size: o, ...s }) {
+	return /* @__PURE__ */ t(r, {
+		className: e(i({
+			className: n,
+			size: o,
+			variant: a
+		})),
+		"data-slot": "toggle",
+		...s
+	});
+}
+//#endregion
+export { i as n, a as t };

package/dist-lib/breadcrumb-DtFOhTfs.js

@@ -0,0 +1,83 @@
+import { t as e } from "./utils-BO0qfoA6.js";
+import { ChevronRight as t, MoreHorizontal as n } from "lucide-react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { mergeProps as a } from "@base-ui/react/merge-props";
+import { useRender as o } from "@base-ui/react/use-render";
+//#region src/components/ui/breadcrumb/base.tsx
+function s({ ...e }) {
+	return /* @__PURE__ */ r("nav", {
+		"aria-label": "breadcrumb",
+		"data-slot": "breadcrumb",
+		...e
+	});
+}
+//#endregion
+//#region src/components/ui/breadcrumb/list.tsx
+function c({ className: t, ...n }) {
+	return /* @__PURE__ */ r("ol", {
+		className: e("wrap-break-word flex flex-wrap items-center gap-1.5 text-muted-foreground text-sm sm:gap-2.5", t),
+		"data-slot": "breadcrumb-list",
+		...n
+	});
+}
+//#endregion
+//#region src/components/ui/breadcrumb/item.tsx
+function l({ className: t, ...n }) {
+	return /* @__PURE__ */ r("li", {
+		className: e("inline-flex items-center gap-1.5", t),
+		"data-slot": "breadcrumb-item",
+		...n
+	});
+}
+//#endregion
+//#region src/components/ui/breadcrumb/link.tsx
+function u({ className: t, render: n, ...r }) {
+	let i = {
+		className: e("transition-colors hover:text-foreground", t),
+		"data-slot": "breadcrumb-link"
+	};
+	return o({
+		defaultTagName: "a",
+		props: a(i, r),
+		render: n
+	});
+}
+//#endregion
+//#region src/components/ui/breadcrumb/page.tsx
+function d({ className: t, ...n }) {
+	return /* @__PURE__ */ r("span", {
+		"aria-current": "page",
+		className: e("font-normal text-foreground", t),
+		"data-slot": "breadcrumb-page",
+		...n
+	});
+}
+//#endregion
+//#region src/components/ui/breadcrumb/separator.tsx
+function f({ children: n, className: i, ...a }) {
+	return /* @__PURE__ */ r("li", {
+		"aria-hidden": "true",
+		className: e("opacity-80 [&>svg]:size-4", i),
+		"data-slot": "breadcrumb-separator",
+		role: "presentation",
+		...a,
+		children: n ?? /* @__PURE__ */ r(t, {})
+	});
+}
+//#endregion
+//#region src/components/ui/breadcrumb/ellipsis.tsx
+function p({ className: e, ...t }) {
+	return /* @__PURE__ */ i("span", {
+		"aria-hidden": "true",
+		className: e,
+		"data-slot": "breadcrumb-ellipsis",
+		role: "presentation",
+		...t,
+		children: [/* @__PURE__ */ r(n, { className: "size-4" }), /* @__PURE__ */ r("span", {
+			className: "sr-only",
+			children: "More"
+		})]
+	});
+}
+//#endregion
+export { l as a, u as i, f as n, c as o, d as r, s, p as t };

package/dist-lib/button-DDBbG_zF.js

@@ -0,0 +1,143 @@
+import { t as e } from "./utils-BO0qfoA6.js";
+import { t } from "./spinner-cwaneGYM.js";
+import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
+import { cva as a } from "class-variance-authority";
+import { Suspense as o, lazy as s } from "react";
+import { mergeProps as c } from "@base-ui/react/merge-props";
+import { useRender as l } from "@base-ui/react/use-render";
+var u = {
+	clear: "bg-white/25 dark:bg-black/25",
+	frosted: "bg-white/55 dark:bg-black/35",
+	subtle: "bg-white/30 dark:bg-white/6",
+	liquid: "bg-white/10 dark:bg-white/4",
+	"liquid-refract": "bg-white/8 dark:bg-white/4"
+}, d = {
+	clear: {
+		frost: 2,
+		saturate: 1.9,
+		strength: .08
+	},
+	frosted: {
+		frost: 16,
+		saturate: 1.6,
+		strength: .08
+	},
+	subtle: {
+		frost: 4,
+		saturate: 1.5,
+		strength: .04
+	},
+	liquid: {
+		frost: 4,
+		saturate: 1.8,
+		strength: .14
+	},
+	"liquid-refract": {
+		frost: 2,
+		saturate: 1.5,
+		strength: .14
+	}
+};
+//#endregion
+//#region src/components/ui/glasscn/lazy-glass-surface.tsx
+function f({ glassVariant: t }) {
+	return /* @__PURE__ */ r("span", {
+		"aria-hidden": "true",
+		"data-glass-fallback": "",
+		className: e("pointer-events-none", u[t]),
+		style: {
+			position: "absolute",
+			inset: 0,
+			borderRadius: "inherit",
+			zIndex: -1,
+			backdropFilter: `blur(${d[t].frost}px)`
+		}
+	});
+}
+var p = s(() => import("./liquid-glass-BrmOha12.js").then((e) => e.r).then(({ GlassSurface: e }) => ({ default: e })).catch(() => ({ default: f })));
+function m(e) {
+	return /* @__PURE__ */ r(o, {
+		fallback: /* @__PURE__ */ r(f, { ...e }),
+		children: /* @__PURE__ */ r(p, { ...e })
+	});
+}
+//#endregion
+//#region src/components/ui/button.tsx
+var h = a("relative inline-flex shrink-0 cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md border font-medium text-base outline-none transition-[scale,box-shadow,width,height,background-color,border-color] [transition-duration:150ms,150ms,300ms,300ms,150ms,150ms] ease-smooth-out active:scale-99 data-pressed:scale-99 motion-reduce:transition-none motion-reduce:active:scale-100 motion-reduce:data-pressed:scale-100 [&_svg]:transition-transform [&_svg]:duration-150 [&_svg]:ease-smooth-out motion-reduce:[&_svg]:transition-none before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-md)-1px)] pointer-coarse:after:absolute pointer-coarse:after:size-full pointer-coarse:after:min-h-11 pointer-coarse:after:min-w-11 focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-64 data-loading:select-none sm:text-sm [&_svg:not([class*='opacity-'])]:opacity-80 [&_svg:not([class*='size-'])]:size-4.5 sm:[&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:-mx-0.5 [&_svg]:shrink-0", {
+	compoundVariants: [{
+		class: "h-auto border-0 px-0 align-middle sm:h-auto",
+		size: [
+			"xs",
+			"sm",
+			"default",
+			"lg",
+			"xl"
+		],
+		variant: "link"
+	}],
+	defaultVariants: {
+		size: "default",
+		variant: "default"
+	},
+	variants: {
+		size: {
+			default: "h-9 px-[calc(--spacing(3)-1px)] sm:h-8",
+			icon: "size-9 sm:size-8",
+			"icon-lg": "size-8 sm:size-8",
+			"icon-sm": "size-7 sm:size-6",
+			"icon-xl": "size-10 sm:size-9 [&_svg:not([class*='size-'])]:size-5 sm:[&_svg:not([class*='size-'])]:size-4.5",
+			"icon-xs": "size-7 rounded-md before:rounded-[calc(var(--radius-md)-1px)] sm:size-6 not-in-data-[slot=input-group]:[&_svg:not([class*='size-'])]:size-4 sm:not-in-data-[slot=input-group]:[&_svg:not([class*='size-'])]:size-3.5",
+			lg: "h-10 px-[calc(--spacing(3.5)-1px)] sm:h-9",
+			sm: "h-8 gap-1.5 px-[calc(--spacing(2.5)-1px)] sm:h-7",
+			xl: "h-11 px-[calc(--spacing(4)-1px)] text-lg sm:h-10 sm:text-base [&_svg:not([class*='size-'])]:size-5 sm:[&_svg:not([class*='size-'])]:size-4.5",
+			xs: "h-7 gap-1 rounded-md px-[calc(--spacing(2)-1px)] text-sm before:rounded-[calc(var(--radius-md)-1px)] sm:h-6 sm:text-xs [&_svg:not([class*='size-'])]:size-4 sm:[&_svg:not([class*='size-'])]:size-3.5"
+		},
+		variant: {
+			default: "inset-shadow-[0_1px_--theme(--color-white/16%)] border-primary bg-primary text-primary-foreground shadow-primary/24 shadow-xs hover:bg-primary/90 data-pressed:bg-primary/90 *:data-[slot=button-loading-indicator]:text-primary-foreground [:active,[data-pressed]]:inset-shadow-[0_1px_--theme(--color-black/8%)] [:disabled,:active,[data-pressed]]:shadow-none disabled:opacity-50!",
+			destructive: "inset-shadow-[0_1px_--theme(--color-white/16%)] border-destructive bg-destructive text-white shadow-destructive/24 shadow-xs hover:bg-destructive/90 data-pressed:bg-destructive/90 *:data-[slot=button-loading-indicator]:text-white [:active,[data-pressed]]:inset-shadow-[0_1px_--theme(--color-black/8%)] [:disabled,:active,[data-pressed]]:shadow-none",
+			"destructive-outline": "border-input bg-popover not-dark:bg-clip-padding text-destructive-foreground shadow-xs/5 not-disabled:not-active:not-data-pressed:before:shadow-[0_1px_--theme(--color-black/4%)] hover:border-destructive/32 hover:bg-destructive/4 data-pressed:border-destructive/32 data-pressed:bg-destructive/4 *:data-[slot=button-loading-indicator]:text-foreground dark:bg-input/32 dark:not-disabled:before:shadow-[0_-1px_--theme(--color-white/2%)] dark:not-disabled:not-active:not-data-pressed:before:shadow-[0_-1px_--theme(--color-white/6%)] [:disabled,:active,[data-pressed]]:shadow-none",
+			ghost: "border-transparent text-foreground hover:bg-accent data-pressed:bg-accent *:data-[slot=button-loading-indicator]:text-foreground",
+			glass: "border-transparent text-foreground *:data-[slot=button-loading-indicator]:text-foreground",
+			link: "border-transparent text-foreground underline-offset-4 hover:underline data-pressed:underline *:data-[slot=button-loading-indicator]:text-foreground",
+			outline: "border-input bg-popover not-dark:bg-clip-padding text-foreground shadow-xs/5 not-disabled:not-active:not-data-pressed:before:shadow-[0_1px_--theme(--color-black/4%)] hover:bg-accent/50 data-pressed:bg-accent/50 *:data-[slot=button-loading-indicator]:text-foreground dark:bg-input/32 dark:data-pressed:bg-input/64 dark:hover:bg-input/64 dark:not-disabled:before:shadow-[0_-1px_--theme(--color-white/2%)] dark:not-disabled:not-active:not-data-pressed:before:shadow-[0_-1px_--theme(--color-white/6%)] [:disabled,:active,[data-pressed]]:shadow-none",
+			secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/90 data-pressed:bg-secondary/90 *:data-[slot=button-loading-indicator]:text-secondary-foreground [:active,[data-pressed]]:bg-secondary/80"
+		}
+	}
+});
+function g({ className: a, variant: o, size: s, render: u, children: d, loading: f = !1, disabled: p, glassVariant: g, sound: _ = !0, ...v }) {
+	let y = !!(f || p), b = u ? void 0 : "button", x = o === "glass" ? g ?? "liquid-refract" : void 0, S = (s ?? "default").startsWith("icon"), C = {
+		children: /* @__PURE__ */ i(n, { children: [
+			x && /* @__PURE__ */ r(m, { glassVariant: x }),
+			!S && /* @__PURE__ */ r("span", {
+				"aria-hidden": !f || void 0,
+				"data-slot": "button-loading-indicator",
+				className: e("pointer-events-none inline-flex shrink-0 items-center overflow-hidden transition-[max-width,margin-inline-start,opacity,filter] duration-300 ease-smooth-out motion-reduce:transition-none", f ? "max-w-6" : e("max-w-0 opacity-0 blur-small", s === "xs" ? "-ms-1" : s === "sm" ? "-ms-1.5" : "-ms-2")),
+				children: /* @__PURE__ */ r(t, { className: f ? void 0 : "animate-none" })
+			}),
+			d,
+			f && S && /* @__PURE__ */ r(t, {
+				className: "pointer-events-none absolute",
+				"data-slot": "button-loading-indicator"
+			})
+		] }),
+		className: e(h({
+			size: s,
+			variant: o
+		}), !S && "hover:[&_svg:not([class*='animate-'])]:scale-101 motion-reduce:hover:[&_svg]:scale-100", f && S && "data-loading:text-transparent", x && e("isolate", "bg-transparent border-0 shadow-none"), a),
+		"aria-disabled": f || void 0,
+		"data-cuelume-press": _ ? "" : void 0,
+		"data-cuelume-release": _ ? "" : void 0,
+		"data-loading": f ? "" : void 0,
+		"data-glass-variant": x,
+		"data-slot": "button",
+		disabled: y,
+		type: b
+	};
+	return l({
+		defaultTagName: "button",
+		props: c(C, v),
+		render: u
+	});
+}
+//#endregion
+export { u as i, h as n, d as r, g as t };

package/dist-lib/button.js

@@ -0,0 +1,3 @@
+"use client";
+import { n as e, t } from "./button-DDBbG_zF.js";
+export { t as Button, e as buttonVariants };

package/dist-lib/calendar-Dyut8HPa.js

@@ -0,0 +1,62 @@
+import { t as e } from "./utils-BO0qfoA6.js";
+import { ChevronLeftIcon as t, ChevronRightIcon as n, ChevronsUpDownIcon as r } from "lucide-react";
+import { jsx as i } from "react/jsx-runtime";
+import { DayPicker as a } from "react-day-picker";
+//#region src/components/ui/calendar/utils.ts
+var o = "relative flex size-(--cell-size) text-base sm:text-sm items-center justify-center rounded-lg text-foreground not-in-data-selected:hover:bg-accent disabled:pointer-events-none disabled:opacity-64 [&_svg:not([class*='opacity-'])]:opacity-80 [&_svg:not([class*='size-'])]:size-4.5 sm:[&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0";
+//#endregion
+//#region src/components/ui/calendar/base.tsx
+function s({ className: s, classNames: c, showOutsideDays: l = !0, components: u, mode: d = "single", ...f }) {
+	let p = {
+		button_next: o,
+		button_previous: o,
+		caption_label: "text-base sm:text-sm font-medium flex items-center gap-2 h-full",
+		day: "size-(--cell-size) text-sm py-px",
+		day_button: e(o, "in-data-disabled:pointer-events-none in-[.range-middle]:rounded-none in-[.range-end:not(.range-start)]:rounded-s-none in-[.range-start:not(.range-end)]:rounded-e-none in-[.range-middle]:in-data-selected:bg-accent in-data-selected:bg-primary in-[.range-middle]:in-data-selected:text-foreground in-data-disabled:text-muted-foreground/72 in-data-outside:text-muted-foreground/72 in-data-selected:in-data-outside:text-primary-foreground in-data-selected:text-primary-foreground in-data-disabled:line-through outline-none in-[[data-selected]:not(.range-middle)]:transition-[color,background-color,border-radius,box-shadow] focus-visible:z-1 focus-visible:ring-[3px] focus-visible:ring-ring/50"),
+		dropdown: "absolute bg-popover inset-0 opacity-0",
+		dropdown_root: "relative has-focus:border-ring has-focus:ring-ring/50 has-focus:ring-[3px] border border-input shadow-xs/5 rounded-lg px-[calc(--spacing(3)-1px)] h-9 sm:h-8 [&_svg:not([class*='opacity-'])]:opacity-80 [&_svg:not([class*='size-'])]:size-4.5 sm:[&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:-me-1",
+		dropdowns: "w-full flex items-center text-base sm:text-sm justify-center h-(--cell-size) gap-1.5 *:[span]:font-medium",
+		hidden: "invisible",
+		month: "w-full",
+		month_caption: "relative mx-(--cell-size) px-1 mb-1 flex h-(--cell-size) items-center justify-center z-2",
+		months: "relative flex flex-col sm:flex-row gap-2",
+		nav: "absolute top-0 flex w-full justify-between z-1",
+		outside: "text-muted-foreground data-selected:bg-accent/50 data-selected:text-muted-foreground",
+		range_end: "range-end",
+		range_middle: "range-middle",
+		range_start: "range-start",
+		today: "*:after:pointer-events-none *:after:absolute *:after:bottom-1 *:after:start-1/2 *:after:z-1 *:after:size-[3px] *:after:-translate-x-1/2 *:after:rounded-full *:after:bg-primary [&[data-selected]:not(.range-middle)>*]:after:bg-background [&[data-disabled]>*]:after:bg-foreground/30 *:after:transition-colors",
+		week_number: "size-(--cell-size) p-0 text-xs font-medium text-muted-foreground/72",
+		weekday: "size-(--cell-size) p-0 text-xs font-medium text-muted-foreground/72"
+	}, m = Object.keys(p).reduce((t, n) => {
+		let r = c?.[n], i = p[n];
+		return t[n] = r ? e(i, r) : i, t;
+	}, { ...p }), h = {
+		Chevron: ({ className: a, orientation: o, ...s }) => o === "left" ? /* @__PURE__ */ i(t, {
+			className: e(a, "rtl:rotate-180"),
+			...s,
+			"aria-hidden": "true"
+		}) : o === "right" ? /* @__PURE__ */ i(n, {
+			className: e(a, "rtl:rotate-180"),
+			...s,
+			"aria-hidden": "true"
+		}) : /* @__PURE__ */ i(r, {
+			className: a,
+			...s,
+			"aria-hidden": "true"
+		}),
+		...u
+	}, g = {
+		className: e("w-fit [--cell-size:--spacing(10)] sm:[--cell-size:--spacing(9)]", s),
+		classNames: m,
+		components: h,
+		"data-slot": "calendar",
+		formatters: { formatMonthDropdown: (e) => e.toLocaleString("default", { month: "short" }) },
+		mode: d,
+		showOutsideDays: l,
+		...f
+	};
+	return /* @__PURE__ */ i(a, { ...g });
+}
+//#endregion
+export { s as t };

package/dist-lib/card.js

@@ -0,0 +1,150 @@
+"use client";
+import { t as e } from "./utils-BO0qfoA6.js";
+import { mergeProps as t } from "@base-ui/react/merge-props";
+import { useRender as n } from "@base-ui/react/use-render";
+//#region src/components/ui/card.tsx
+function r({ className: r, render: i, ...a }) {
+	let o = {
+		className: e("relative flex flex-col rounded-md border bg-card not-dark:bg-clip-padding text-card-foreground shadow-xs/5 before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-md)-1px)] before:shadow-[0_1px_--theme(--color-black/4%)] dark:before:shadow-[0_-1px_--theme(--color-white/6%)]", r),
+		"data-slot": "card"
+	};
+	return n({
+		defaultTagName: "div",
+		props: t(o, a),
+		render: i
+	});
+}
+function i({ className: r, render: i, ...a }) {
+	let o = {
+		className: e("relative flex flex-col rounded-(--frame-radius) border bg-card not-dark:bg-clip-padding text-card-foreground shadow-xs/5 [--clip-bottom:-1rem] [--clip-top:-1rem] [--frame-radius:var(--radius-md)] before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--frame-radius)-1px)] before:bg-muted/72 before:shadow-[0_1px_--theme(--color-black/4%)] has-data-[slot=table-container]:overflow-hidden *:data-[slot=card]:-m-px *:data-[slot=card]:rounded-(--frame-radius) *:data-[slot=table-container]:-m-px *:data-[slot=table-container]:w-[calc(100%+2px)] *:not-first:data-[slot=card]:rounded-t-[calc(var(--frame-radius)-1px)] *:not-last:data-[slot=card]:rounded-b-[calc(var(--frame-radius)-1px)] *:data-[slot=card]:bg-clip-padding *:data-[slot=card]:shadow-none *:data-[slot=card]:before:hidden *:not-first:data-[slot=card]:before:rounded-t-[calc(var(--frame-radius)-2px)] *:not-last:data-[slot=card]:before:rounded-b-[calc(var(--frame-radius)-2px)] dark:before:shadow-[0_-1px_--theme(--color-white/6%)] *:data-[slot=card]:[clip-path:inset(var(--clip-top)_1px_var(--clip-bottom)_1px_round_calc(var(--frame-radius)-1px))] *:data-[slot=card]:last:[--clip-bottom:1px] *:data-[slot=card]:first:[--clip-top:1px]", r),
+		"data-slot": "card-frame"
+	};
+	return n({
+		defaultTagName: "div",
+		props: t(o, a),
+		render: i
+	});
+}
+function a({ className: r, render: i, ...a }) {
+	let o = {
+		className: e("relative flex grid auto-rows-min grid-rows-[auto_auto] flex-col items-start gap-x-4 px-6 py-4 has-data-[slot=card-frame-action]:grid-cols-[1fr_auto]", r),
+		"data-slot": "card-frame-header"
+	};
+	return n({
+		defaultTagName: "div",
+		props: t(o, a),
+		render: i
+	});
+}
+function o({ className: r, render: i, ...a }) {
+	let o = {
+		className: e("self-center font-semibold text-sm", r),
+		"data-slot": "card-frame-title"
+	};
+	return n({
+		defaultTagName: "div",
+		props: t(o, a),
+		render: i
+	});
+}
+function s({ className: r, render: i, ...a }) {
+	let o = {
+		className: e("self-center text-muted-foreground text-sm", r),
+		"data-slot": "card-frame-description"
+	};
+	return n({
+		defaultTagName: "div",
+		props: t(o, a),
+		render: i
+	});
+}
+function c({ className: r, render: i, ...a }) {
+	let o = {
+		className: e("col-start-2 nth-3:row-span-2 nth-3:row-start-1 inline-flex self-center justify-self-end", r),
+		"data-slot": "card-frame-action"
+	};
+	return n({
+		defaultTagName: "div",
+		props: t(o, a),
+		render: i
+	});
+}
+function l({ className: r, render: i, ...a }) {
+	let o = {
+		className: e("px-6 py-4", r),
+		"data-slot": "card-frame-footer"
+	};
+	return n({
+		defaultTagName: "div",
+		props: t(o, a),
+		render: i
+	});
+}
+function u({ className: r, render: i, ...a }) {
+	let o = {
+		className: e("grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 p-6 in-[[data-slot=card]:has(>[data-slot=card-panel])]:pb-4 has-data-[slot=card-action]:grid-cols-[1fr_auto]", r),
+		"data-slot": "card-header"
+	};
+	return n({
+		defaultTagName: "div",
+		props: t(o, a),
+		render: i
+	});
+}
+function d({ className: r, render: i, ...a }) {
+	let o = {
+		className: e("font-heading font-semibold text-lg leading-none", r),
+		"data-slot": "card-title"
+	};
+	return n({
+		defaultTagName: "div",
+		props: t(o, a),
+		render: i
+	});
+}
+function f({ className: r, render: i, ...a }) {
+	let o = {
+		className: e("text-muted-foreground text-sm", r),
+		"data-slot": "card-description"
+	};
+	return n({
+		defaultTagName: "div",
+		props: t(o, a),
+		render: i
+	});
+}
+function p({ className: r, render: i, ...a }) {
+	let o = {
+		className: e("col-start-2 row-span-2 row-start-1 inline-flex self-start justify-self-end", r),
+		"data-slot": "card-action"
+	};
+	return n({
+		defaultTagName: "div",
+		props: t(o, a),
+		render: i
+	});
+}
+function m({ className: r, render: i, ...a }) {
+	let o = {
+		className: e("flex-1 p-6 in-[[data-slot=card]:has(>[data-slot=card-header]:not(.border-b))]:pt-0 in-[[data-slot=card]:has(>[data-slot=card-footer]:not(.border-t))]:pb-0", r),
+		"data-slot": "card-panel"
+	};
+	return n({
+		defaultTagName: "div",
+		props: t(o, a),
+		render: i
+	});
+}
+function h({ className: r, render: i, ...a }) {
+	let o = {
+		className: e("flex items-center p-6 in-[[data-slot=card]:has(>[data-slot=card-panel])]:pt-4", r),
+		"data-slot": "card-footer"
+	};
+	return n({
+		defaultTagName: "div",
+		props: t(o, a),
+		render: i
+	});
+}
+//#endregion
+export { r as Card, p as CardAction, m as CardContent, m as CardPanel, f as CardDescription, h as CardFooter, i as CardFrame, c as CardFrameAction, s as CardFrameDescription, l as CardFrameFooter, a as CardFrameHeader, o as CardFrameTitle, u as CardHeader, d as CardTitle };