@cascivo/react 1.0.0 → 1.2.0

package/README.md

@@ -1,7 +1,7 @@
 <!-- generated by scripts/readme/generate.ts — edit readme.body.md, not this file -->
 
 <div align="center">
-  <a href="https://cascivo.com"><img src="https://cascivo.com/favicon.svg" width="72" height="72" alt="cascivo logo"></a>
+  <a href="https://cascivo.com"><img src="https://cascivo.com/logo-mark-img-accent.svg" width="72" height="72" alt="cascivo logo"></a>
   <h1>@cascivo/react</h1>
   <p><strong>Prebuilt cascivo design system components — use without copying source. @cascivo/themes installs with it; pair with @cascivo/charts (data-viz) and @cascivo/icons. Docs offline: npx @cascivo/docs</strong></p>
 
@@ -251,7 +251,7 @@ routing break after adding one of these, check that the import resolves to
 
 ## Component index
 
-197 components, exported from `@cascivo/react`. Full props, examples, and live demos at [cascivo.com/docs](https://cascivo.com/docs).
+198 components, exported from `@cascivo/react`. Full props, examples, and live demos at [cascivo.com/docs](https://cascivo.com/docs).
 
 ### Inputs
 
@@ -276,7 +276,7 @@ routing break after adding one of these, check that the import resolves to
 - **Input** — Text input field with optional label, hint, and error state
 - **InputGroup** — Prefix/suffix addon wrapper for Input; InputGroupAddon renders inline icons/units inside the field border; ButtonGroup collapses adjacent button borders
 - **Label** — Accessible caption for a form control
-- **MultiSelect** — Searchable multi-value select with popover listbox
+- **MultiSelect** — Searchable multi-value select with a popover listbox, chips and grouping
 - **NativeSelect** — A styled native <select> that keeps platform form/keyboard behavior with a custom chevron and focus ring
 - **NumberInput** — Numeric input with stepper buttons, clamping, precision, and locale formatting
 - **OtpInput** — Segmented one-time code input
@@ -336,6 +336,7 @@ routing break after adding one of these, check that the import resolves to
 - **Kbd** — Displays a keyboard key or shortcut
 - **List** — Styled unordered or ordered list with ListItem
 - **LoginPage** — Authentication login page with email and password form.
+- **Logo** — The cascivo mark and its sanctioned lockups, as inline SVG
 - **LogViewer** — Virtualized monospace console for high-frequency log and stream output
 - **NotificationCenter** — A list of notification alerts with a mark-all-read action.
 - **PageWithBreadcrumb** — A centered content page with a breadcrumb navigation and page header.
@@ -483,4 +484,4 @@ pnpm add @cascivo/react
 
 [cascivo.com](https://cascivo.com) · [Docs](https://cascivo.com/docs) · [Storybook](https://storybook.cascivo.com) · [GitHub](https://github.com/cascivo/cascivo) · AI agents: read [`llms.txt`](https://cascivo.com/llms.txt) (install steps + component index, plain text) or use [`@cascivo/mcp`](https://github.com/cascivo/cascivo/tree/main/packages/mcp) and [`registry.json`](https://github.com/cascivo/cascivo/blob/main/registry.json) · MIT
 
-<div align="center"><a href="https://cascivo.com"><img src="https://cascivo.com/favicon.svg" width="28" height="28" alt="cascivo"></a></div>
+<div align="center"><a href="https://cascivo.com"><img src="https://cascivo.com/logo-mark-img.svg" width="28" height="28" alt="cascivo"></a></div>

package/dist/accordion/accordion.js

@@ -1,114 +1 @@
-"use client";
-
-import e from "./accordion.module.js";
-import { createContext as t, forwardRef as n, useId as r, useRef as i } from "react";
-import { cn as a, useControllableSignal as o, useSignalEffect as s, useSignals as c } from "@cascivo/core";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
-//#region ../components/src/accordion/accordion.tsx
-var d = t(null), f = t(null);
-function p(e) {
-	return e === void 0 ? [] : Array.isArray(e) ? e : [e];
-}
-function m({ type: t = "single", defaultValue: n, value: i, onValueChange: s, className: c, children: u }) {
-	let f = r(), [m] = o({
-		value: i === void 0 ? void 0 : p(i),
-		defaultValue: p(n)
-	}), h = {
-		open: m,
-		baseId: f,
-		type: t,
-		toggle: (e, n) => {
-			let r = m.value, a;
-			a = t === "multiple" ? n ? [...new Set([...r, e])] : r.filter((t) => t !== e) : n ? [e] : [], i === void 0 && (m.value = a), s?.(t === "multiple" ? a : a[0] ?? "");
-		}
-	};
-	return /* @__PURE__ */ l(d.Provider, {
-		value: h,
-		children: /* @__PURE__ */ l("div", {
-			"data-type": t,
-			className: a(e.accordion, c),
-			children: u
-		})
-	});
-}
-function h({ value: e, className: t, children: n, ...r }) {
-	return /* @__PURE__ */ l(f.Provider, {
-		value: { value: e },
-		children: /* @__PURE__ */ l(d.Consumer, { children: (i) => i ? /* @__PURE__ */ l(g, {
-			store: i,
-			value: e,
-			className: t,
-			...r,
-			children: n
-		}) : null })
-	});
-}
-function g({ store: t, value: n, className: r, children: o, ...u }) {
-	c();
-	let d = i(null), f = t.open.value.includes(n);
-	return s(() => {
-		let e = d.current, r = t.open.value.includes(n);
-		e && e.open !== r && (e.open = r);
-	}), /* @__PURE__ */ l("details", {
-		ref: d,
-		open: f,
-		...t.type === "single" ? { name: t.baseId } : {},
-		"data-value": n,
-		"data-state": f ? "open" : "closed",
-		className: a(e.item, r),
-		onToggle: (e) => {
-			let r = e.currentTarget;
-			r.open !== t.open.value.includes(n) && t.toggle(n, r.open);
-			let i = t.open.value.includes(n);
-			r.open !== i && (r.open = i);
-		},
-		...u,
-		children: o
-	});
-}
-var _ = n(function(e, t) {
-	return /* @__PURE__ */ l(d.Consumer, { children: (n) => /* @__PURE__ */ l(f.Consumer, { children: (r) => n && r ? /* @__PURE__ */ l(v, {
-		store: n,
-		item: r,
-		summaryRef: t,
-		...e
-	}) : null }) });
-});
-function v({ store: t, item: n, className: r, children: i, summaryRef: o, ...s }) {
-	c();
-	let d = t.open.value.includes(n.value);
-	return /* @__PURE__ */ u("summary", {
-		id: `${t.baseId}-trigger-${n.value}`,
-		"aria-controls": `${t.baseId}-content-${n.value}`,
-		"data-state": d ? "open" : "closed",
-		className: a(e.trigger, r),
-		ref: o,
-		...s,
-		children: [/* @__PURE__ */ l("h3", {
-			className: e.heading,
-			children: i
-		}), /* @__PURE__ */ l("span", {
-			className: e.indicator,
-			"aria-hidden": "true"
-		})]
-	});
-}
-function y(e) {
-	return /* @__PURE__ */ l(d.Consumer, { children: (t) => /* @__PURE__ */ l(f.Consumer, { children: (n) => t && n ? /* @__PURE__ */ l(b, {
-		store: t,
-		item: n,
-		...e
-	}) : null }) });
-}
-function b({ store: t, item: n, className: r, children: i, ...o }) {
-	return /* @__PURE__ */ l("div", {
-		role: "region",
-		id: `${t.baseId}-content-${n.value}`,
-		"aria-labelledby": `${t.baseId}-trigger-${n.value}`,
-		className: a(e.content, r),
-		...o,
-		children: i
-	});
-}
-//#endregion
-export { m as Accordion, y as AccordionContent, h as AccordionItem, _ as AccordionTrigger };
+"use client";import e from"./accordion.module.js";import{createContext as t,forwardRef as n,useId as r,useRef as i}from"react";import{cn as a,useControllableSignal as o,useSignalEffect as s,useSignals as c}from"@cascivo/core";import{jsx as l,jsxs as u}from"react/jsx-runtime";var d=t(null),f=t(null);function toArray(e){return e===void 0?[]:Array.isArray(e)?e:[e]}function Accordion({type:t=`single`,defaultValue:n,value:i,onValueChange:s,className:c,children:u}){let f=r(),[p]=o({value:i===void 0?void 0:toArray(i),defaultValue:toArray(n)}),m={open:p,baseId:f,type:t,toggle:(e,n)=>{let r=p.value,a;a=t===`multiple`?n?[...new Set([...r,e])]:r.filter(t=>t!==e):n?[e]:[],i===void 0&&(p.value=a),s?.(t===`multiple`?a:a[0]??``)}};return l(d.Provider,{value:m,children:l(`div`,{"data-type":t,className:a(e.accordion,c),children:u})})}function AccordionItem({value:e,className:t,children:n,...r}){return l(f.Provider,{value:{value:e},children:l(d.Consumer,{children:i=>i?l(AccordionItemDetails,{store:i,value:e,className:t,...r,children:n}):null})})}function AccordionItemDetails({store:t,value:n,className:r,children:o,...u}){c();let d=i(null),f=t.open.value.includes(n);return s(()=>{let e=d.current,r=t.open.value.includes(n);e&&e.open!==r&&(e.open=r)}),l(`details`,{ref:d,open:f,...t.type===`single`?{name:t.baseId}:{},"data-value":n,"data-state":f?`open`:`closed`,className:a(e.item,r),onToggle:e=>{let r=e.currentTarget;r.open!==t.open.value.includes(n)&&t.toggle(n,r.open);let i=t.open.value.includes(n);r.open!==i&&(r.open=i)},...u,children:o})}var p=n(function(e,t){return l(d.Consumer,{children:n=>l(f.Consumer,{children:r=>n&&r?l(AccordionTriggerInner,{store:n,item:r,summaryRef:t,...e}):null})})});function AccordionTriggerInner({store:t,item:n,className:r,children:i,summaryRef:o,...s}){c();let d=t.open.value.includes(n.value);return u(`summary`,{id:`${t.baseId}-trigger-${n.value}`,"aria-controls":`${t.baseId}-content-${n.value}`,"data-state":d?`open`:`closed`,className:a(e.trigger,r),ref:o,...s,children:[l(`h3`,{className:e.heading,children:i}),l(`span`,{className:e.indicator,"aria-hidden":`true`})]})}function AccordionContent(e){return l(d.Consumer,{children:t=>l(f.Consumer,{children:n=>t&&n?l(AccordionContentInner,{store:t,item:n,...e}):null})})}function AccordionContentInner({store:t,item:n,className:r,children:i,...o}){return l(`div`,{role:`region`,id:`${t.baseId}-content-${n.value}`,"aria-labelledby":`${t.baseId}-trigger-${n.value}`,className:a(e.content,r),...o,children:i})}export{Accordion,AccordionContent,AccordionItem,p as AccordionTrigger};

package/dist/accordion/accordion.module.js

@@ -1,11 +1,2 @@
 import './accordion.css';
-var e = {
-	accordion: "_accordion_1t08g_2",
-	item: "_item_1t08g_10",
-	heading: "_heading_1t08g_16",
-	trigger: "_trigger_1t08g_22",
-	indicator: "_indicator_1t08g_54",
-	content: "_content_1t08g_92"
-};
-//#endregion
-export { e as default };
+var e={accordion:`_accordion_1t08g_2`,item:`_item_1t08g_10`,heading:`_heading_1t08g_16`,trigger:`_trigger_1t08g_22`,indicator:`_indicator_1t08g_54`,content:`_content_1t08g_92`};export{e as default};

package/dist/action-sheet/action-sheet.css

@@ -1 +1 @@
-@layer cascivo.component{._overlay_17irl_2{z-index:var(--cascivo-z-overlay,50);padding:var(--cascivo-space-3);opacity:1;transition:opacity var(--cascivo-motion-enter);background-color:#0006;flex-direction:column;justify-content:flex-end;align-items:center;padding-block-end:calc(var(--cascivo-space-3) + env(safe-area-inset-bottom,0px));display:flex;position:fixed;inset:0}._overlay_17irl_2[data-state=closed]{opacity:0;transition:opacity var(--cascivo-motion-exit)}@starting-style{._overlay_17irl_2[data-state=open]{opacity:0}}._sheet_17irl_28{gap:var(--cascivo-space-2);inline-size:100%;max-inline-size:32rem;transition:translate var(--cascivo-motion-enter);flex-direction:column;display:flex;translate:0}._overlay_17irl_2[data-state=closed] ._sheet_17irl_28{transition:translate var(--cascivo-motion-exit);translate:0 100%}@starting-style{._overlay_17irl_2[data-state=open] ._sheet_17irl_28{translate:0 100%}}._group_17irl_50{background:var(--cascivo-color-surface);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-overlay);box-shadow:var(--cascivo-shadow-overlay);flex-direction:column;display:flex;overflow:hidden}._heading_17irl_60{padding:var(--cascivo-space-4) var(--cascivo-space-6);text-align:center;border-block-end:1px solid var(--cascivo-color-border)}._title_17irl_66{font-size:var(--cascivo-text-sm);font-weight:var(--cascivo-font-semibold);color:var(--cascivo-color-text);margin:0}._description_17irl_73{margin:var(--cascivo-space-1) 0 0;font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text-subtle)}._item_17irl_79{min-block-size:3rem;inline-size:100%;padding:var(--cascivo-space-3) var(--cascivo-space-6);font-size:var(--cascivo-text-base);color:var(--cascivo-color-accent);cursor:pointer;transition:background-color var(--cascivo-duration-150) var(--cascivo-ease-out);background:0 0;border:none;justify-content:center;align-items:center;display:flex}._item_17irl_79+._item_17irl_79{border-block-start:1px solid var(--cascivo-color-border)}._item_17irl_79:hover{background-color:var(--cascivo-color-bg-subtle)}._item_17irl_79:focus-visible{box-shadow:var(--cascivo-focus-ring);z-index:1;outline:none;position:relative}._item_17irl_79[aria-disabled=true]{color:var(--cascivo-color-text-muted);cursor:not-allowed}._item_17irl_79[data-destructive]{color:var(--cascivo-color-destructive)}._cancel_17irl_119{font-weight:var(--cascivo-font-semibold);color:var(--cascivo-color-text)}@media (prefers-reduced-motion:reduce){._sheet_17irl_28{transition:none}}}
+@layer cascivo.component{._overlay_zjdn9_2{z-index:var(--cascivo-z-overlay,50);padding:var(--cascivo-space-3);opacity:1;transition:opacity var(--cascivo-motion-enter);background-color:#0006;flex-direction:column;justify-content:flex-end;align-items:center;padding-block-end:calc(var(--cascivo-space-3) + env(safe-area-inset-bottom,0px));display:flex;position:fixed;inset:0}._overlay_zjdn9_2[data-state=closed]{opacity:0;transition:opacity var(--cascivo-motion-exit)}@starting-style{._overlay_zjdn9_2[data-state=open]{opacity:0}}._sheet_zjdn9_28{gap:var(--cascivo-space-2);inline-size:100%;max-inline-size:32rem;transition:translate var(--cascivo-motion-enter);flex-direction:column;display:flex;translate:0}._overlay_zjdn9_2[data-state=closed] ._sheet_zjdn9_28{transition:translate var(--cascivo-motion-exit);translate:0 100%}@starting-style{._overlay_zjdn9_2[data-state=open] ._sheet_zjdn9_28{translate:0 100%}}._group_zjdn9_50{background:var(--cascivo-color-surface);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-overlay);box-shadow:var(--cascivo-shadow-overlay);flex-direction:column;display:flex;overflow:hidden}._heading_zjdn9_60{padding:var(--cascivo-space-4) var(--cascivo-space-6);text-align:center;border-block-end:1px solid var(--cascivo-color-border)}._title_zjdn9_66{font-size:var(--cascivo-text-sm);font-weight:var(--cascivo-font-semibold);color:var(--cascivo-color-text);margin:0}._description_zjdn9_73{margin:var(--cascivo-space-1) 0 0;font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text-subtle)}._item_zjdn9_79{min-block-size:3rem;inline-size:100%;padding:var(--cascivo-space-3) var(--cascivo-space-6);font-size:var(--cascivo-text-base);color:var(--cascivo-color-accent-text);cursor:pointer;transition:background-color var(--cascivo-duration-150) var(--cascivo-ease-out);background:0 0;border:none;justify-content:center;align-items:center;display:flex}._item_zjdn9_79+._item_zjdn9_79{border-block-start:1px solid var(--cascivo-color-border)}._item_zjdn9_79:hover{background-color:var(--cascivo-color-bg-subtle)}._item_zjdn9_79:focus-visible{box-shadow:var(--cascivo-focus-ring);z-index:1;outline:none;position:relative}._item_zjdn9_79[aria-disabled=true]{color:var(--cascivo-color-text-muted);cursor:not-allowed}._item_zjdn9_79[data-destructive]{color:var(--cascivo-color-destructive)}._cancel_zjdn9_119{font-weight:var(--cascivo-font-semibold);color:var(--cascivo-color-text)}@media (prefers-reduced-motion:reduce){._sheet_zjdn9_28{transition:none}}}

package/dist/action-sheet/action-sheet.js

@@ -1,91 +1 @@
-"use client";
-
-import e from "./action-sheet.module.js";
-import { useId as t } from "react";
-import { DismissableLayer as n, FocusScope as r, Portal as i, Presence as a, cn as o, useControllableSignal as s, useRovingFocus as c, useSignals as l } from "@cascivo/core";
-import { builtin as u, t as d } from "@cascivo/i18n";
-import { jsx as f, jsxs as p } from "react/jsx-runtime";
-//#region ../components/src/action-sheet/action-sheet.tsx
-function m({ open: m, defaultOpen: h, onOpenChange: g, actions: _, title: v, description: y, showCancel: b = !0, labels: x, className: S }) {
-	l();
-	let [C, w] = s({
-		value: m,
-		defaultValue: h ?? !1,
-		onChange: g
-	}), T = c({
-		orientation: "vertical",
-		loop: !0
-	}), E = t(), D = t(), O = x?.cancel ?? d(u.actionSheet.cancel), k = x?.label ?? d(u.actionSheet.label), A = (e) => {
-		e.disabled || (e.onSelect(), w(!1));
-	}, j = _.length;
-	return /* @__PURE__ */ f(i, { children: /* @__PURE__ */ f(a, {
-		present: C,
-		children: /* @__PURE__ */ f("div", {
-			className: e.overlay,
-			children: /* @__PURE__ */ f(n, {
-				onDismiss: () => w(!1),
-				children: /* @__PURE__ */ f(r, {
-					trapped: !0,
-					restoreFocus: !0,
-					autoFocus: !0,
-					children: /* @__PURE__ */ p("div", {
-						role: "menu",
-						"aria-label": v ? void 0 : k,
-						"aria-labelledby": v ? E : void 0,
-						"aria-describedby": y ? D : void 0,
-						className: o(e.sheet, S),
-						children: [/* @__PURE__ */ p("div", {
-							className: e.group,
-							children: [(v || y) && /* @__PURE__ */ p("div", {
-								className: e.heading,
-								role: "presentation",
-								children: [v && /* @__PURE__ */ f("p", {
-									id: E,
-									className: e.title,
-									children: v
-								}), y && /* @__PURE__ */ f("p", {
-									id: D,
-									className: e.description,
-									children: y
-								})]
-							}), _.map((t, n) => {
-								let r = T.getItemProps(n);
-								return /* @__PURE__ */ f("button", {
-									ref: r.ref,
-									type: "button",
-									role: "menuitem",
-									tabIndex: r.tabIndex,
-									"aria-disabled": t.disabled || void 0,
-									"data-destructive": t.destructive ? "" : void 0,
-									className: e.item,
-									onKeyDown: r.onKeyDown,
-									onFocus: r.onFocus,
-									onClick: () => A(t),
-									children: t.label
-								}, t.id ?? n);
-							})]
-						}), b && /* @__PURE__ */ f("div", {
-							className: e.group,
-							children: (() => {
-								let t = T.getItemProps(j);
-								return /* @__PURE__ */ f("button", {
-									ref: t.ref,
-									type: "button",
-									role: "menuitem",
-									tabIndex: t.tabIndex,
-									className: o(e.item, e.cancel),
-									onKeyDown: t.onKeyDown,
-									onFocus: t.onFocus,
-									onClick: () => w(!1),
-									children: O
-								});
-							})()
-						})]
-					})
-				})
-			})
-		})
-	}) });
-}
-//#endregion
-export { m as ActionSheet };
+"use client";import e from"./action-sheet.module.js";import{useId as t}from"react";import{DismissableLayer as n,FocusScope as r,Portal as i,Presence as a,cn as o,useControllableSignal as s,useRovingFocus as c,useSignals as l}from"@cascivo/core";import{builtin as u,t as d}from"@cascivo/i18n";import{jsx as f,jsxs as p}from"react/jsx-runtime";function ActionSheet({open:m,defaultOpen:h,onOpenChange:g,actions:_,title:v,description:y,showCancel:b=!0,labels:x,className:S}){l();let[C,w]=s({value:m,defaultValue:h??!1,onChange:g}),T=c({orientation:`vertical`,loop:!0}),E=t(),D=t(),O=x?.cancel??d(u.actionSheet.cancel),k=x?.label??d(u.actionSheet.label),select=e=>{e.disabled||(e.onSelect(),w(!1))},A=_.length;return f(i,{children:f(a,{present:C,children:f(`div`,{className:e.overlay,children:f(n,{onDismiss:()=>w(!1),children:f(r,{trapped:!0,restoreFocus:!0,autoFocus:!0,children:p(`div`,{role:`menu`,"aria-label":v?void 0:k,"aria-labelledby":v?E:void 0,"aria-describedby":y?D:void 0,className:o(e.sheet,S),children:[p(`div`,{className:e.group,children:[(v||y)&&p(`div`,{className:e.heading,role:`presentation`,children:[v&&f(`p`,{id:E,className:e.title,children:v}),y&&f(`p`,{id:D,className:e.description,children:y})]}),_.map((t,n)=>{let r=T.getItemProps(n);return f(`button`,{ref:r.ref,type:`button`,role:`menuitem`,tabIndex:r.tabIndex,"aria-disabled":t.disabled||void 0,"data-destructive":t.destructive?``:void 0,className:e.item,onKeyDown:r.onKeyDown,onFocus:r.onFocus,onClick:()=>select(t),children:t.label},t.id??n)})]}),b&&f(`div`,{className:e.group,children:(()=>{let t=T.getItemProps(A);return f(`button`,{ref:t.ref,type:`button`,role:`menuitem`,tabIndex:t.tabIndex,className:o(e.item,e.cancel),onKeyDown:t.onKeyDown,onFocus:t.onFocus,onClick:()=>w(!1),children:O})})()})]})})})})})})}export{ActionSheet};

package/dist/action-sheet/action-sheet.module.js

@@ -1,13 +1,2 @@
 import './action-sheet.css';
-var e = {
-	overlay: "_overlay_17irl_2",
-	sheet: "_sheet_17irl_28",
-	group: "_group_17irl_50",
-	heading: "_heading_17irl_60",
-	title: "_title_17irl_66",
-	description: "_description_17irl_73",
-	item: "_item_17irl_79",
-	cancel: "_cancel_17irl_119"
-};
-//#endregion
-export { e as default };
+var e={overlay:`_overlay_zjdn9_2`,sheet:`_sheet_zjdn9_28`,group:`_group_zjdn9_50`,heading:`_heading_zjdn9_60`,title:`_title_zjdn9_66`,description:`_description_zjdn9_73`,item:`_item_zjdn9_79`,cancel:`_cancel_zjdn9_119`};export{e as default};

package/dist/alert/alert.js

@@ -1,55 +1 @@
-"use client";
-
-import e from "./alert.module.js";
-import { cn as t, useSignal as n, useSignals as r } from "@cascivo/core";
-import { builtin as i, t as a } from "@cascivo/i18n";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-//#region ../components/src/alert/alert.tsx
-var c = new Set(["warning", "destructive"]);
-function l({ variant: l = "default", title: u, icon: d, dismissible: f = !1, onDismiss: p, action: m, className: h, children: g, ..._ }) {
-	r();
-	let v = n(!1);
-	return v.value ? null : /* @__PURE__ */ s("div", {
-		role: c.has(l) ? "alert" : "status",
-		"data-variant": l,
-		className: t(e.alert, h),
-		..._,
-		children: [
-			d && /* @__PURE__ */ o("span", {
-				className: e.icon,
-				"aria-hidden": "true",
-				children: d
-			}),
-			/* @__PURE__ */ s("div", {
-				className: e.body,
-				children: [
-					u && /* @__PURE__ */ o("div", {
-						className: e.title,
-						children: u
-					}),
-					g && /* @__PURE__ */ o("div", {
-						className: e.content,
-						children: g
-					}),
-					m && /* @__PURE__ */ o("button", {
-						type: "button",
-						className: e.action,
-						onClick: m.onClick,
-						children: m.label
-					})
-				]
-			}),
-			f && /* @__PURE__ */ o("button", {
-				type: "button",
-				className: e.dismiss,
-				"aria-label": a(i.alert.dismiss),
-				onClick: () => {
-					v.value = !0, p?.();
-				},
-				children: "✕"
-			})
-		]
-	});
-}
-//#endregion
-export { l as Alert };
+"use client";import e from"./alert.module.js";import{cn as t,useSignal as n,useSignals as r}from"@cascivo/core";import{builtin as i,t as a}from"@cascivo/i18n";import{jsx as o,jsxs as s}from"react/jsx-runtime";var c=new Set([`warning`,`destructive`]);function Alert({variant:l=`default`,title:u,icon:d,dismissible:f=!1,onDismiss:p,action:m,className:h,children:g,..._}){r();let v=n(!1);return v.value?null:s(`div`,{role:c.has(l)?`alert`:`status`,"data-variant":l,className:t(e.alert,h),..._,children:[d&&o(`span`,{className:e.icon,"aria-hidden":`true`,children:d}),s(`div`,{className:e.body,children:[u&&o(`div`,{className:e.title,children:u}),g&&o(`div`,{className:e.content,children:g}),m&&o(`button`,{type:`button`,className:e.action,onClick:m.onClick,children:m.label})]}),f&&o(`button`,{type:`button`,className:e.dismiss,"aria-label":a(i.alert.dismiss),onClick:()=>{v.value=!0,p?.()},children:`✕`})]})}export{Alert};

package/dist/alert/alert.module.js

@@ -1,12 +1,2 @@
 import './alert.css';
-var e = {
-	alert: "_alert_a2dn2_2",
-	icon: "_icon_a2dn2_18",
-	title: "_title_a2dn2_19",
-	body: "_body_a2dn2_90",
-	content: "_content_a2dn2_104",
-	action: "_action_a2dn2_110",
-	dismiss: "_dismiss_a2dn2_149"
-};
-//#endregion
-export { e as default };
+var e={alert:`_alert_a2dn2_2`,icon:`_icon_a2dn2_18`,title:`_title_a2dn2_19`,body:`_body_a2dn2_90`,content:`_content_a2dn2_104`,action:`_action_a2dn2_110`,dismiss:`_dismiss_a2dn2_149`};export{e as default};

package/dist/alert-dialog/alert-dialog.css

@@ -1 +1 @@
-@layer cascivo.component{._dialog_zou3k_2{opacity:1;width:fit-content;height:fit-content;transition:opacity var(--cascivo-motion-enter), scale var(--cascivo-motion-enter), display var(--cascivo-motion-enter) allow-discrete, overlay var(--cascivo-motion-enter) allow-discrete;background:0 0;border:none;margin:auto;padding:0;position:fixed;inset:0;scale:1}@starting-style{._dialog_zou3k_2{opacity:0;scale:.95}}._dialog_zou3k_2[data-state=closed]{opacity:0;transition:opacity var(--cascivo-motion-exit), scale var(--cascivo-motion-exit), display var(--cascivo-motion-exit) allow-discrete, overlay var(--cascivo-motion-exit) allow-discrete;scale:.95}._dialog_zou3k_2::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:1;transition:opacity var(--cascivo-motion-enter), display var(--cascivo-motion-enter) allow-discrete, overlay var(--cascivo-motion-enter) allow-discrete;background-color:#00000080}@starting-style{._dialog_zou3k_2::backdrop{opacity:0}}._dialog_zou3k_2[data-state=closed]::backdrop{opacity:0;transition:opacity var(--cascivo-motion-exit), display var(--cascivo-motion-exit) allow-discrete, overlay var(--cascivo-motion-exit) allow-discrete}._content_zou3k_58{width:28rem;max-width:calc(100vw - var(--cascivo-space-8));background:var(--cascivo-color-surface);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-overlay);box-shadow:var(--cascivo-shadow-overlay);padding:var(--cascivo-space-6);gap:var(--cascivo-space-2);flex-direction:column;display:flex}._title_zou3k_71{font-size:var(--cascivo-text-lg);font-weight:var(--cascivo-font-semibold);color:var(--cascivo-color-text);margin:0}._description_zou3k_78{font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text-subtle);margin:0}._actions_zou3k_84{justify-content:flex-end;gap:var(--cascivo-space-2);margin-block-start:var(--cascivo-space-4);display:flex}@media (width<=40rem){._dialog_zou3k_2{max-block-size:90dvh;margin:0;inset-block-end:0;inset-inline:0}._content_zou3k_58{inline-size:100%;max-width:100%;max-block-size:90dvh;border-start-start-radius:var(--cascivo-radius-overlay);border-start-end-radius:var(--cascivo-radius-overlay);border-end-end-radius:0;border-end-start-radius:0;padding-block-end:env(safe-area-inset-bottom,0);overflow-y:auto}}@media (prefers-reduced-motion:reduce){._dialog_zou3k_2,._dialog_zou3k_2[data-state=closed]{transition:none}}._cancel_zou3k_123,._confirm_zou3k_124{padding:var(--cascivo-space-2) var(--cascivo-space-4);border-radius:var(--cascivo-radius-control);font-size:var(--cascivo-text-sm);font-weight:var(--cascivo-font-medium);cursor:pointer;transition:background-color var(--cascivo-duration-150) var(--cascivo-ease-out), color var(--cascivo-duration-150) var(--cascivo-ease-out);border:1px solid #0000}:is(._cancel_zou3k_123,._confirm_zou3k_124):focus-visible{box-shadow:var(--cascivo-focus-ring);outline:none}._cancel_zou3k_123{background:var(--cascivo-color-bg-subtle);color:var(--cascivo-color-text);border-color:var(--cascivo-color-border)}._cancel_zou3k_123:hover{background:var(--cascivo-color-bg-subtle)}._confirm_zou3k_124{background:var(--cascivo-color-accent);color:var(--cascivo-color-text-on-accent)}._confirm_zou3k_124:hover{opacity:.9}[data-variant=destructive] ._confirm_zou3k_124{background:var(--cascivo-color-destructive);color:var(--cascivo-color-text-on-destructive)}}
+@layer cascivo.component{._dialog_9e1wf_2{opacity:1;width:fit-content;height:fit-content;transition:opacity var(--cascivo-motion-enter), scale var(--cascivo-motion-enter), display var(--cascivo-motion-enter) allow-discrete, overlay var(--cascivo-motion-enter) allow-discrete;background:0 0;border:none;margin:auto;padding:0;position:fixed;inset:0;scale:1}@starting-style{._dialog_9e1wf_2{opacity:0;scale:.95}}._dialog_9e1wf_2[data-state=closed]{opacity:0;transition:opacity var(--cascivo-motion-exit), scale var(--cascivo-motion-exit), display var(--cascivo-motion-exit) allow-discrete, overlay var(--cascivo-motion-exit) allow-discrete;scale:.95}._dialog_9e1wf_2::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:1;transition:opacity var(--cascivo-motion-enter), display var(--cascivo-motion-enter) allow-discrete, overlay var(--cascivo-motion-enter) allow-discrete;background-color:#00000080}@starting-style{._dialog_9e1wf_2::backdrop{opacity:0}}._dialog_9e1wf_2[data-state=closed]::backdrop{opacity:0;transition:opacity var(--cascivo-motion-exit), display var(--cascivo-motion-exit) allow-discrete, overlay var(--cascivo-motion-exit) allow-discrete}._content_9e1wf_58{width:28rem;max-width:calc(100vw - var(--cascivo-space-8));background:var(--cascivo-color-surface);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-overlay);box-shadow:var(--cascivo-shadow-overlay);padding:var(--cascivo-space-6);gap:var(--cascivo-space-2);flex-direction:column;display:flex}._title_9e1wf_71{font-size:var(--cascivo-text-lg);font-weight:var(--cascivo-font-semibold);color:var(--cascivo-color-text);margin:0}._description_9e1wf_78{font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text-subtle);margin:0}._actions_9e1wf_84{justify-content:flex-end;gap:var(--cascivo-space-2);margin-block-start:var(--cascivo-space-4);display:flex}@media (width<=40rem){._dialog_9e1wf_2{max-block-size:90dvh;margin:0;inset-block-end:0;inset-inline:0}._content_9e1wf_58{inline-size:100%;max-width:100%;max-block-size:90dvh;border-start-start-radius:var(--cascivo-radius-overlay);border-start-end-radius:var(--cascivo-radius-overlay);border-end-end-radius:0;border-end-start-radius:0;padding-block-end:env(safe-area-inset-bottom,0);overflow-y:auto}}@media (prefers-reduced-motion:reduce){._dialog_9e1wf_2,._dialog_9e1wf_2[data-state=closed]{transition:none}}._cancel_9e1wf_126,._confirm_9e1wf_127{padding:var(--cascivo-space-2) var(--cascivo-space-4);border-radius:var(--cascivo-radius-control);font-size:var(--cascivo-text-sm);font-weight:var(--cascivo-font-medium);cursor:pointer;transition:background-color var(--cascivo-duration-150) var(--cascivo-ease-out), color var(--cascivo-duration-150) var(--cascivo-ease-out);border:1px solid #0000}:is(._cancel_9e1wf_126,._confirm_9e1wf_127):focus-visible{box-shadow:var(--cascivo-focus-ring);outline:none}._cancel_9e1wf_126{background:var(--cascivo-color-bg-subtle);color:var(--cascivo-color-text);border-color:var(--cascivo-color-border)}._cancel_9e1wf_126:hover{background:var(--cascivo-color-bg-subtle)}._confirm_9e1wf_127{background:var(--cascivo-color-accent);color:var(--cascivo-color-text-on-accent)}._confirm_9e1wf_127:hover{opacity:.9}[data-variant=destructive] ._confirm_9e1wf_127{background:var(--cascivo-color-destructive);color:var(--cascivo-color-text-on-destructive)}}

package/dist/alert-dialog/alert-dialog.js

@@ -1,66 +1 @@
-"use client";
-
-import e from "./alert-dialog.module.js";
-import { useRef as t } from "react";
-import { focusElement as n, useEffectPropSignal as r, useId as i, useSignalEffect as a } from "@cascivo/core";
-import { builtin as o, t as s } from "@cascivo/i18n";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
-//#region ../components/src/alert-dialog/alert-dialog.tsx
-function u({ open: u, title: d, description: f, onConfirm: p, onCancel: m, labels: h, variant: g = "default" }) {
-	let _ = t(null), v = i("cascivo-alert-dialog-title"), y = i("cascivo-alert-dialog-desc"), b = r(u), x = t(null), S = t(m);
-	S.current = m;
-	let C = t(p);
-	return C.current = p, a(() => {
-		let e = _.current;
-		if (e) if (b.value) {
-			try {
-				e.showPopover();
-			} catch {}
-			requestAnimationFrame(() => n(x.current));
-		} else try {
-			e.hidePopover();
-		} catch {}
-	}), /* @__PURE__ */ c("div", {
-		ref: _,
-		popover: "manual",
-		role: "alertdialog",
-		"aria-modal": "true",
-		"aria-labelledby": v,
-		"aria-describedby": y,
-		"data-state": u ? "open" : "closed",
-		"data-variant": g,
-		className: e.dialog,
-		children: /* @__PURE__ */ l("div", {
-			className: e.content,
-			children: [
-				/* @__PURE__ */ c("p", {
-					id: v,
-					className: e.title,
-					children: d
-				}),
-				/* @__PURE__ */ c("p", {
-					id: y,
-					className: e.description,
-					children: f
-				}),
-				/* @__PURE__ */ l("div", {
-					className: e.actions,
-					children: [/* @__PURE__ */ c("button", {
-						ref: x,
-						type: "button",
-						className: e.cancel,
-						onClick: () => S.current(),
-						children: h?.cancel ?? s(o.alertDialog.cancel)
-					}), /* @__PURE__ */ c("button", {
-						type: "button",
-						className: e.confirm,
-						onClick: () => C.current(),
-						children: h?.confirm ?? s(o.alertDialog.confirm)
-					})]
-				})
-			]
-		})
-	});
-}
-//#endregion
-export { u as AlertDialog };
+"use client";import e from"./alert-dialog.module.js";import{useRef as t}from"react";import{focusElement as n,useEffectPropSignal as r,useId as i,useSignalEffect as a}from"@cascivo/core";import{builtin as o,t as s}from"@cascivo/i18n";import{jsx as c,jsxs as l}from"react/jsx-runtime";function AlertDialog({open:u,title:d,description:f,onConfirm:p,onCancel:m,labels:h,variant:g=`default`}){let _=t(null),v=i(`cascivo-alert-dialog-title`),y=i(`cascivo-alert-dialog-desc`),b=r(u),x=t(null),S=t(m);S.current=m;let C=t(p);return C.current=p,a(()=>{let e=_.current;if(e)if(b.value){try{e.showPopover()}catch{}requestAnimationFrame(()=>n(x.current))}else try{e.hidePopover()}catch{}}),c(`div`,{ref:_,popover:`manual`,role:`alertdialog`,"aria-modal":`true`,"aria-labelledby":v,"aria-describedby":y,"data-state":u?`open`:`closed`,"data-variant":g,className:e.dialog,children:l(`div`,{className:e.content,children:[c(`p`,{id:v,className:e.title,children:d}),c(`p`,{id:y,className:e.description,children:f}),l(`div`,{className:e.actions,children:[c(`button`,{ref:x,type:`button`,className:e.cancel,onClick:()=>S.current(),children:h?.cancel??s(o.alertDialog.cancel)}),c(`button`,{type:`button`,className:e.confirm,onClick:()=>C.current(),children:h?.confirm??s(o.alertDialog.confirm)})]})]})})}export{AlertDialog};

package/dist/alert-dialog/alert-dialog.module.js

@@ -1,12 +1,2 @@
 import './alert-dialog.css';
-var e = {
-	dialog: "_dialog_zou3k_2",
-	content: "_content_zou3k_58",
-	title: "_title_zou3k_71",
-	description: "_description_zou3k_78",
-	actions: "_actions_zou3k_84",
-	cancel: "_cancel_zou3k_123",
-	confirm: "_confirm_zou3k_124"
-};
-//#endregion
-export { e as default };
+var e={dialog:`_dialog_9e1wf_2`,content:`_content_9e1wf_58`,title:`_title_9e1wf_71`,description:`_description_9e1wf_78`,actions:`_actions_9e1wf_84`,cancel:`_cancel_9e1wf_126`,confirm:`_confirm_9e1wf_127`};export{e as default};

package/dist/app-shell/app-shell.css

@@ -1 +1 @@
-@layer cascivo.component{._shell_pf33o_4{box-sizing:border-box;block-size:100dvh;font-family:var(--cascivo-font-sans);color:var(--cascivo-color-foreground);background-color:var(--cascivo-color-background);flex-direction:column;display:flex;overflow:hidden}._header_pf33o_16{z-index:var(--cascivo-z-raised);flex:none}._body_pf33o_21{flex:auto;min-block-size:0;display:flex;position:relative}._navWrapper_pf33o_32{z-index:var(--cascivo-z-overlay);block-size:100%;transition:transform var(--cascivo-motion-emphasis);position:absolute;inset-block:0;inset-inline-start:0;overflow:hidden;transform:translate(-100%)}._navWrapper_pf33o_32[data-open=true]{transform:translate(0)}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) ._navWrapper_pf33o_32{transform:translate(100%)}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) ._navWrapper_pf33o_32[data-open=true]{transform:translate(0)}._navInner_pf33o_58{block-size:100%;inline-size:var(--cascivo-shell-panel-inline-size,20rem);display:flex}._navInner_pf33o_58>*{flex:auto;min-block-size:0}._scrim_pf33o_70{z-index:var(--cascivo-z-dropdown);opacity:0;visibility:hidden;transition:opacity var(--cascivo-motion-emphasis), visibility var(--cascivo-motion-emphasis);background-color:oklch(0% 0 0/.4);position:absolute;inset:0}._scrim_pf33o_70[data-open=true]{opacity:1;visibility:visible}._main_pf33o_87{min-inline-size:0;padding:var(--cascivo-space-6);flex:auto;overflow-y:auto}._main_pf33o_87[data-padding=none]{padding:0}._main_pf33o_87[data-padding="1"]{padding:var(--cascivo-space-1)}._main_pf33o_87[data-padding="2"]{padding:var(--cascivo-space-2)}._main_pf33o_87[data-padding="3"]{padding:var(--cascivo-space-3)}._main_pf33o_87[data-padding="4"]{padding:var(--cascivo-space-4)}._main_pf33o_87[data-padding="5"]{padding:var(--cascivo-space-5)}._main_pf33o_87[data-padding="6"]{padding:var(--cascivo-space-6)}._main_pf33o_87[data-padding="8"]{padding:var(--cascivo-space-8)}._main_pf33o_87[data-padding="10"]{padding:var(--cascivo-space-10)}._main_pf33o_87[data-padding="12"]{padding:var(--cascivo-space-12)}._footer_pf33o_128{flex:none}@media (width>=64rem){._navWrapper_pf33o_32{z-index:auto;inline-size:var(--cascivo-shell-aside-inline-size,18rem);transition:inline-size var(--cascivo-motion-emphasis);flex-shrink:0;position:static;transform:none}._navWrapper_pf33o_32[data-open=false]{inline-size:0}._navInner_pf33o_58{inline-size:var(--cascivo-shell-aside-inline-size,18rem)}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) ._navWrapper_pf33o_32{transform:none}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) ._navWrapper_pf33o_32[data-open=true]{transform:none}._scrim_pf33o_70{display:none}}}
+@layer cascivo.component{._shell_tpp3j_4{box-sizing:border-box;block-size:100dvh;font-family:var(--cascivo-font-sans);color:var(--cascivo-color-foreground);background-color:var(--cascivo-color-background);flex-direction:column;display:flex;overflow:hidden}._header_tpp3j_16{z-index:var(--cascivo-z-raised);flex:none}._body_tpp3j_21{flex:auto;min-block-size:0;display:flex;position:relative}._navWrapper_tpp3j_32{z-index:var(--cascivo-z-overlay);block-size:100%;transition:transform var(--cascivo-motion-emphasis);position:absolute;inset-block:0;inset-inline-start:0;overflow:hidden;transform:translate(-100%)}._navWrapper_tpp3j_32[data-open=true]{transform:translate(0)}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) ._navWrapper_tpp3j_32{transform:translate(100%)}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) ._navWrapper_tpp3j_32[data-open=true]{transform:translate(0)}._navInner_tpp3j_58{block-size:100%;inline-size:var(--cascivo-shell-panel-inline-size,20rem);display:flex}._navInner_tpp3j_58>*{flex:auto;min-block-size:0}._navInner_tpp3j_58:has(>[data-state=collapsed]){inline-size:var(--cascivo-sidenav-rail-inline-size,4rem)}._scrim_tpp3j_84{z-index:var(--cascivo-z-dropdown);opacity:0;visibility:hidden;transition:opacity var(--cascivo-motion-emphasis), visibility var(--cascivo-motion-emphasis);background-color:oklch(0% 0 0/.4);position:absolute;inset:0}._scrim_tpp3j_84[data-open=true]{opacity:1;visibility:visible}._main_tpp3j_101{min-inline-size:0;padding:var(--cascivo-space-6);flex:auto;overflow-y:auto}._main_tpp3j_101[data-padding=none]{padding:0}._main_tpp3j_101[data-padding="1"]{padding:var(--cascivo-space-1)}._main_tpp3j_101[data-padding="2"]{padding:var(--cascivo-space-2)}._main_tpp3j_101[data-padding="3"]{padding:var(--cascivo-space-3)}._main_tpp3j_101[data-padding="4"]{padding:var(--cascivo-space-4)}._main_tpp3j_101[data-padding="5"]{padding:var(--cascivo-space-5)}._main_tpp3j_101[data-padding="6"]{padding:var(--cascivo-space-6)}._main_tpp3j_101[data-padding="8"]{padding:var(--cascivo-space-8)}._main_tpp3j_101[data-padding="10"]{padding:var(--cascivo-space-10)}._main_tpp3j_101[data-padding="12"]{padding:var(--cascivo-space-12)}._footer_tpp3j_142{flex:none}@media (width>=64rem){._navWrapper_tpp3j_32{z-index:auto;inline-size:var(--cascivo-shell-aside-inline-size,18rem);transition:inline-size var(--cascivo-motion-emphasis);flex-shrink:0;position:static;transform:none}._navWrapper_tpp3j_32:has(>._navInner_tpp3j_58>[data-state=collapsed]){inline-size:var(--cascivo-sidenav-rail-inline-size,4rem)}:is(._navWrapper_tpp3j_32[data-open=false],._navWrapper_tpp3j_32[data-open=false]:has(>._navInner_tpp3j_58>[data-state=collapsed])){inline-size:0}._navInner_tpp3j_58{inline-size:var(--cascivo-shell-aside-inline-size,18rem);transition:inline-size var(--cascivo-motion-emphasis)}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) ._navWrapper_tpp3j_32{transform:none}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) ._navWrapper_tpp3j_32[data-open=true]{transform:none}._scrim_tpp3j_84{display:none}}}

package/dist/app-shell/app-shell.js

@@ -1,85 +1 @@
-"use client";
-
-import e from "./app-shell.module.js";
-import { cloneElement as t, isValidElement as n, useRef as r } from "react";
-import { cn as i, useControllableSignal as a, useSignalEffect as o, useSignals as s } from "@cascivo/core";
-import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
-//#region ../components/src/app-shell/app-shell.tsx
-function d({ header: d, nav: f, children: p, footer: m, open: h, defaultOpen: g, onOpenChange: _, padding: v = 6, className: y, ...b }) {
-	s();
-	let x = h !== void 0, [S] = a({
-		value: h,
-		defaultValue: g ?? !0
-	}), C = r(null), w = r(null);
-	function T(e) {
-		x || (S.value = e), _?.(e);
-	}
-	function E() {
-		typeof document < "u" && (w.current = document.activeElement), T(!S.value);
-	}
-	o(() => {
-		x || g !== void 0 || typeof window > "u" || typeof window.matchMedia != "function" || window.matchMedia("(max-width: 63.999rem)").matches && (S.value = !1);
-	}), o(() => {
-		if (!S.value || typeof document > "u") return;
-		let e = (e) => {
-			e.key === "Escape" && T(!1);
-		};
-		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
-	}), o(() => {
-		let e = C.current;
-		if (e) if (S.value) e.removeAttribute("inert");
-		else {
-			e.setAttribute("inert", "");
-			let t = w.current;
-			t && e.contains(document.activeElement) && t.focus();
-		}
-	});
-	let D = n(d) && f ? t(d, {
-		onMenuClick: E,
-		menuExpanded: S.value
-	}) : d;
-	return /* @__PURE__ */ u("div", {
-		className: i(e.shell, y),
-		"data-open": S.value,
-		...b,
-		children: [
-			/* @__PURE__ */ l("div", {
-				className: e.header,
-				children: D
-			}),
-			/* @__PURE__ */ u("div", {
-				className: e.body,
-				children: [f && /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l("div", {
-					ref: C,
-					className: e.navWrapper,
-					"data-open": S.value,
-					"data-testid": "app-shell-nav",
-					"data-cascivo-appshell-nav": "",
-					children: /* @__PURE__ */ l("div", {
-						className: e.navInner,
-						children: f
-					})
-				}), /* @__PURE__ */ l("div", {
-					className: e.scrim,
-					"data-open": S.value,
-					"data-testid": "app-shell-scrim",
-					"aria-hidden": "true",
-					onClick: () => T(!1)
-				})] }), /* @__PURE__ */ l("main", {
-					id: "cascade-main",
-					tabIndex: -1,
-					className: e.main,
-					"data-cascivo-appshell-main": "",
-					"data-padding": v === "none" ? "none" : String(v),
-					children: p
-				})]
-			}),
-			m && /* @__PURE__ */ l("div", {
-				className: e.footer,
-				children: m
-			})
-		]
-	});
-}
-//#endregion
-export { d as AppShell };
+"use client";import e from"./app-shell.module.js";import{cloneElement as t,isValidElement as n,useRef as r}from"react";import{cn as i,useControllableSignal as a,useSignalEffect as o,useSignals as s}from"@cascivo/core";import{Fragment as c,jsx as l,jsxs as u}from"react/jsx-runtime";function AppShell({header:d,nav:f,children:p,footer:m,open:h,defaultOpen:g,onOpenChange:_,padding:v=6,className:y,...b}){s();let x=h!==void 0,[S]=a({value:h,defaultValue:g??!0}),C=r(null),w=r(null);function setOpen(e){x||(S.value=e),_?.(e)}function toggle(){typeof document<`u`&&(w.current=document.activeElement),setOpen(!S.value)}o(()=>{x||g!==void 0||typeof window>`u`||typeof window.matchMedia!=`function`||window.matchMedia(`(max-width: 63.999rem)`).matches&&(S.value=!1)}),o(()=>{if(!S.value||typeof document>`u`)return;let onKey=e=>{e.key===`Escape`&&setOpen(!1)};return document.addEventListener(`keydown`,onKey),()=>document.removeEventListener(`keydown`,onKey)}),o(()=>{let e=C.current;if(e)if(S.value)e.removeAttribute(`inert`);else{e.setAttribute(`inert`,``);let t=w.current;t&&e.contains(document.activeElement)&&t.focus()}});let T=n(d)&&f?t(d,{onMenuClick:toggle,menuExpanded:S.value}):d;return u(`div`,{className:i(e.shell,y),"data-open":S.value,...b,children:[l(`div`,{className:e.header,children:T}),u(`div`,{className:e.body,children:[f&&u(c,{children:[l(`div`,{ref:C,className:e.navWrapper,"data-open":S.value,"data-testid":`app-shell-nav`,"data-cascivo-appshell-nav":``,children:l(`div`,{className:e.navInner,children:f})}),l(`div`,{className:e.scrim,"data-open":S.value,"data-testid":`app-shell-scrim`,"aria-hidden":`true`,onClick:()=>setOpen(!1)})]}),l(`main`,{id:`cascade-main`,tabIndex:-1,className:e.main,"data-cascivo-appshell-main":``,"data-padding":v===`none`?`none`:String(v),children:p})]}),m&&l(`div`,{className:e.footer,children:m})]})}export{AppShell};

package/dist/app-shell/app-shell.module.js

@@ -1,13 +1,2 @@
 import './app-shell.css';
-var e = {
-	shell: "_shell_pf33o_4",
-	header: "_header_pf33o_16",
-	body: "_body_pf33o_21",
-	navWrapper: "_navWrapper_pf33o_32",
-	navInner: "_navInner_pf33o_58",
-	scrim: "_scrim_pf33o_70",
-	main: "_main_pf33o_87",
-	footer: "_footer_pf33o_128"
-};
-//#endregion
-export { e as default };
+var e={shell:`_shell_tpp3j_4`,header:`_header_tpp3j_16`,body:`_body_tpp3j_21`,navWrapper:`_navWrapper_tpp3j_32`,navInner:`_navInner_tpp3j_58`,scrim:`_scrim_tpp3j_84`,main:`_main_tpp3j_101`,footer:`_footer_tpp3j_142`};export{e as default};

package/dist/aspect-ratio/aspect-ratio.js

@@ -1,20 +1 @@
-import e from "./aspect-ratio.module.js";
-import { cn as t } from "@cascivo/core/pure";
-import { jsx as n } from "react/jsx-runtime";
-//#region ../components/src/aspect-ratio/aspect-ratio.tsx
-function r({ ratio: r = 16 / 9, className: i, style: a, children: o, ...s }) {
-	return /* @__PURE__ */ n("div", {
-		className: t(e.root, i),
-		style: {
-			"--cascivo-aspect-ratio": r,
-			...a
-		},
-		...s,
-		children: /* @__PURE__ */ n("div", {
-			className: e.inner,
-			children: o
-		})
-	});
-}
-//#endregion
-export { r as AspectRatio };
+import e from"./aspect-ratio.module.js";import{cn as t}from"@cascivo/core/pure";import{jsx as n}from"react/jsx-runtime";function AspectRatio({ratio:r=16/9,className:i,style:a,children:o,...s}){return n(`div`,{className:t(e.root,i),style:{"--cascivo-aspect-ratio":r,...a},...s,children:n(`div`,{className:e.inner,children:o})})}export{AspectRatio};

package/dist/aspect-ratio/aspect-ratio.module.js

@@ -1,7 +1,2 @@
 import './aspect-ratio.css';
-var e = {
-	root: "_root_5ltw4_2",
-	inner: "_inner_5ltw4_8"
-};
-//#endregion
-export { e as default };
+var e={root:`_root_5ltw4_2`,inner:`_inner_5ltw4_8`};export{e as default};