@cascivo/react 0.11.1 → 0.13.0

package/dist/input/input.css

@@ -1 +1 @@
-@layer cascivo.component{._wrapper_ao79u_2{gap:var(--cascivo-space-1);flex-direction:column;display:flex}._wrapper_ao79u_2[data-size=sm]{--_input-height:var(--cascivo-control-height-sm);--_input-font:var(--cascivo-text-sm);--_input-px:var(--cascivo-space-3)}._wrapper_ao79u_2[data-size=md]{--_input-height:var(--cascivo-control-height-md);--_input-font:var(--cascivo-text-sm);--_input-px:var(--cascivo-space-4)}._wrapper_ao79u_2[data-size=lg]{--_input-height:var(--cascivo-control-height-lg);--_input-font:var(--cascivo-text-base);--_input-px:var(--cascivo-space-4)}._label_ao79u_26{font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);font-weight:var(--cascivo-font-medium);color:var(--cascivo-color-text);line-height:var(--cascivo-leading-snug)}._input_ao79u_34{width:100%;height:var(--_input-height,2.5rem);padding-inline:var(--_input-px,var(--cascivo-space-4));font-family:var(--cascivo-font-sans);font-size:var(--_input-font,var(--cascivo-text-sm));color:var(--cascivo-color-text);background-color:var(--cascivo-color-surface);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-field);transition:border-color var(--cascivo-duration-150) var(--cascivo-ease-out), box-shadow var(--cascivo-duration-150) var(--cascivo-ease-out);outline:none}._input_ao79u_34::placeholder{color:var(--cascivo-color-text-muted)}._input_ao79u_34:hover:not(:disabled):not(:focus){border-color:var(--cascivo-color-border-strong)}._input_ao79u_34:focus{border-color:var(--cascivo-color-accent);box-shadow:var(--cascivo-focus-ring)}._input_ao79u_34:disabled{opacity:.5;cursor:not-allowed;background-color:var(--cascivo-color-bg-subtle)}._wrapper_ao79u_2[data-state=error] ._input_ao79u_34{border-color:var(--cascivo-color-destructive)}._wrapper_ao79u_2[data-state=error] ._input_ao79u_34:focus{box-shadow:0 0 0 3px rgb(from var(--cascivo-color-destructive) r g b / .3)}._error_ao79u_77{font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);color:var(--cascivo-color-destructive);line-height:var(--cascivo-leading-snug)}._hint_ao79u_84{font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text-subtle);line-height:var(--cascivo-leading-snug)}@media (pointer:coarse){._wrapper_ao79u_2[data-size=sm] ._input_ao79u_34,._wrapper_ao79u_2[data-size=md] ._input_ao79u_34{min-block-size:var(--cascivo-target-min-coarse,2.75rem)}}}@media (forced-colors:active){._input_ao79u_34{color:fieldtext;background-color:field;border:1px solid fieldtext}._input_ao79u_34:focus{outline-offset:2px;outline:2px solid highlight}}
+@layer cascivo.component{._wrapper_swdj6_2{gap:var(--cascivo-space-1);flex-direction:column;min-inline-size:0;display:flex}._wrapper_swdj6_2[data-size=sm]{--_input-height:var(--cascivo-control-height-sm);--_input-font:var(--cascivo-text-sm);--_input-px:var(--cascivo-space-3)}._wrapper_swdj6_2[data-size=md]{--_input-height:var(--cascivo-control-height-md);--_input-font:var(--cascivo-text-sm);--_input-px:var(--cascivo-space-4)}._wrapper_swdj6_2[data-size=lg]{--_input-height:var(--cascivo-control-height-lg);--_input-font:var(--cascivo-text-base);--_input-px:var(--cascivo-space-4)}._label_swdj6_30{font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);font-weight:var(--cascivo-font-medium);color:var(--cascivo-color-text);line-height:var(--cascivo-leading-snug)}._input_swdj6_38{width:100%;height:var(--_input-height,2.5rem);padding-inline:var(--_input-px,var(--cascivo-space-4));font-family:var(--cascivo-font-sans);font-size:var(--_input-font,var(--cascivo-text-sm));color:var(--cascivo-color-text);background-color:var(--cascivo-color-surface);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-field);transition:border-color var(--cascivo-duration-150) var(--cascivo-ease-out), box-shadow var(--cascivo-duration-150) var(--cascivo-ease-out);outline:none}._input_swdj6_38::placeholder{color:var(--cascivo-color-text-muted)}._input_swdj6_38:hover:not(:disabled):not(:focus){border-color:var(--cascivo-color-border-strong)}._input_swdj6_38:focus{border-color:var(--cascivo-color-accent);box-shadow:var(--cascivo-focus-ring)}._input_swdj6_38:disabled{opacity:.5;cursor:not-allowed;background-color:var(--cascivo-color-bg-subtle)}._wrapper_swdj6_2[data-state=error] ._input_swdj6_38{border-color:var(--cascivo-color-destructive)}._wrapper_swdj6_2[data-state=error] ._input_swdj6_38:focus{box-shadow:0 0 0 3px rgb(from var(--cascivo-color-destructive) r g b / .3)}._error_swdj6_81{font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);color:var(--cascivo-color-destructive);line-height:var(--cascivo-leading-snug)}._hint_swdj6_88{font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text-subtle);line-height:var(--cascivo-leading-snug)}@media (pointer:coarse){._wrapper_swdj6_2[data-size=sm] ._input_swdj6_38,._wrapper_swdj6_2[data-size=md] ._input_swdj6_38{min-block-size:var(--cascivo-target-min-coarse,2.75rem)}}}@media (forced-colors:active){._input_swdj6_38{color:fieldtext;background-color:field;border:1px solid fieldtext}._input_swdj6_38:focus{outline-offset:2px;outline:2px solid highlight}}

package/dist/input/input.module.js

@@ -2,11 +2,11 @@
 
 import './input.css';
 var e = {
-	wrapper: "_wrapper_ao79u_2",
-	label: "_label_ao79u_26",
-	input: "_input_ao79u_34",
-	error: "_error_ao79u_77",
-	hint: "_hint_ao79u_84"
+	wrapper: "_wrapper_swdj6_2",
+	label: "_label_swdj6_30",
+	input: "_input_swdj6_38",
+	error: "_error_swdj6_81",
+	hint: "_hint_swdj6_88"
 };
 //#endregion
 export { e as default };

package/dist/item/item.css

@@ -1 +1 @@
-@layer cascivo.component{._item_1uxrt_2{align-items:center;gap:var(--cascivo-space-3);box-sizing:border-box;inline-size:100%;font-family:var(--cascivo-font-sans);color:var(--cascivo-color-text);border-radius:var(--cascivo-radius-item);grid-template-columns:auto 1fr auto;display:grid}._item_1uxrt_2[data-size=sm]{padding-inline:var(--cascivo-space-3);padding-block:var(--cascivo-space-2);font-size:var(--cascivo-text-xs)}._item_1uxrt_2[data-size=md]{padding-inline:var(--cascivo-space-4);padding-block:var(--cascivo-space-3);font-size:var(--cascivo-text-sm)}._item_1uxrt_2[data-variant=muted]{background-color:var(--cascivo-color-bg-subtle)}._media_1uxrt_30{color:var(--cascivo-color-text-subtle);flex:none;justify-content:center;align-items:center;display:inline-flex}._content_1uxrt_38{gap:var(--cascivo-space-1);flex-direction:column;min-inline-size:0;display:flex}._title_1uxrt_45{font-weight:var(--cascivo-font-medium);line-height:var(--cascivo-leading-tight);color:var(--cascivo-color-text)}._description_1uxrt_51{font-size:var(--cascivo-text-xs);color:var(--cascivo-color-text-subtle);line-height:var(--cascivo-leading-normal);margin:0}._actions_1uxrt_58{align-items:center;gap:var(--cascivo-space-2);flex:none;display:inline-flex}}
+@layer cascivo.component{._item_e9n8e_2{align-items:center;gap:var(--cascivo-space-3);box-sizing:border-box;inline-size:100%;font-family:var(--cascivo-font-sans);color:var(--cascivo-color-text);border-radius:var(--cascivo-radius-item);grid-template-columns:auto 1fr auto;text-decoration:none;display:grid}._item_e9n8e_2[data-size=sm]{padding-inline:var(--cascivo-space-3);padding-block:var(--cascivo-space-2);font-size:var(--cascivo-text-xs)}._item_e9n8e_2[data-size=md]{padding-inline:var(--cascivo-space-4);padding-block:var(--cascivo-space-3);font-size:var(--cascivo-text-sm)}._item_e9n8e_2[data-variant=muted]{background-color:var(--cascivo-color-bg-subtle)}._media_e9n8e_32{color:var(--cascivo-color-text-subtle);flex:none;justify-content:center;align-items:center;display:inline-flex}._content_e9n8e_40{gap:var(--cascivo-space-1);flex-direction:column;min-inline-size:0;display:flex}._title_e9n8e_47{font-weight:var(--cascivo-font-medium);line-height:var(--cascivo-leading-tight);color:var(--cascivo-color-text)}._description_e9n8e_53{font-size:var(--cascivo-text-xs);color:var(--cascivo-color-text-subtle);line-height:var(--cascivo-leading-normal);margin:0}._actions_e9n8e_60{align-items:center;gap:var(--cascivo-space-2);flex:none;display:inline-flex}}

package/dist/item/item.module.js

@@ -2,12 +2,12 @@
 
 import './item.css';
 var e = {
-	item: "_item_1uxrt_2",
-	media: "_media_1uxrt_30",
-	content: "_content_1uxrt_38",
-	title: "_title_1uxrt_45",
-	description: "_description_1uxrt_51",
-	actions: "_actions_1uxrt_58"
+	item: "_item_e9n8e_2",
+	media: "_media_e9n8e_32",
+	content: "_content_e9n8e_40",
+	title: "_title_e9n8e_47",
+	description: "_description_e9n8e_53",
+	actions: "_actions_e9n8e_60"
 };
 //#endregion
 export { e as default };

package/dist/layouts/src/page-header/page-header.css

@@ -0,0 +1 @@
+@layer cascivo.component{._header_e7nyb_2{gap:var(--cascivo-space-2);flex-direction:column;display:flex}._breadcrumb_e7nyb_8{color:var(--cascivo-color-text-muted)}._row_e7nyb_12{justify-content:space-between;align-items:center;gap:var(--cascivo-space-4);flex-wrap:wrap;display:flex}._title_e7nyb_20{font-size:var(--cascivo-font-size-2xl,1.5rem);font-weight:var(--cascivo-font-weight-bold,700);color:var(--cascivo-color-text);margin:0;line-height:1.2}._actions_e7nyb_28{align-items:center;gap:var(--cascivo-space-2);flex-shrink:0;display:flex}._description_e7nyb_35{color:var(--cascivo-color-text-muted);font-size:var(--cascivo-font-size-sm);margin:0}}

package/dist/layouts/src/page-header/page-header.js

@@ -0,0 +1,33 @@
+"use client";
+
+import e from "./page-header.module.js";
+import { cn as t } from "@cascivo/core";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region ../layouts/src/page-header/page-header.tsx
+function i({ title: i, description: a, breadcrumb: o, actions: s, className: c }) {
+	return /* @__PURE__ */ r("header", {
+		className: t(e.header, c),
+		children: [
+			o && /* @__PURE__ */ n("div", {
+				className: e.breadcrumb,
+				children: o
+			}),
+			/* @__PURE__ */ r("div", {
+				className: e.row,
+				children: [/* @__PURE__ */ n("h1", {
+					className: e.title,
+					children: i
+				}), s && /* @__PURE__ */ n("div", {
+					className: e.actions,
+					children: s
+				})]
+			}),
+			a && /* @__PURE__ */ n("p", {
+				className: e.description,
+				children: a
+			})
+		]
+	});
+}
+//#endregion
+export { i as PageHeader };

package/dist/layouts/src/page-header/page-header.module.js

@@ -0,0 +1,13 @@
+"use client";
+
+import './page-header.css';
+var e = {
+	header: "_header_e7nyb_2",
+	breadcrumb: "_breadcrumb_e7nyb_8",
+	row: "_row_e7nyb_12",
+	title: "_title_e7nyb_20",
+	actions: "_actions_e7nyb_28",
+	description: "_description_e7nyb_35"
+};
+//#endregion
+export { e as default };

package/dist/link/link.js

@@ -1,22 +1,22 @@
 "use client";
 
 import e from "./link.module.js";
-import { cn as t } from "@cascivo/core";
-import { jsx as n } from "react/jsx-runtime";
+import { Slot as t, cn as n } from "@cascivo/core";
+import { jsx as r } from "react/jsx-runtime";
 //#region ../components/src/link/link.tsx
-function r({ variant: r = "standalone", size: i = "md", external: a = !1, className: o, children: s, ...c }) {
-	return /* @__PURE__ */ n("a", {
-		"data-variant": r,
-		"data-size": i,
-		"data-external": a || void 0,
-		className: t(e.link, o),
-		...a ? {
+function i({ variant: i = "standalone", size: a = "md", external: o = !1, asChild: s = !1, className: c, children: l, ...u }) {
+	return /* @__PURE__ */ r(s ? t : "a", {
+		"data-variant": i,
+		"data-size": a,
+		"data-external": o || void 0,
+		className: n(e.link, c),
+		...o ? {
 			target: "_blank",
 			rel: "noreferrer"
 		} : {},
-		...c,
-		children: s
+		...u,
+		children: l
 	});
 }
 //#endregion
-export { r as Link };
+export { i as Link };

package/dist/modal/modal.js

@@ -1,7 +1,7 @@
 "use client";
 
 import e from "./modal.module.js";
-import { cn as t, useDraggable as n, useId as r, useSignal as i, useSignalEffect as a, useSignals as o } from "@cascivo/core";
+import { cn as t, useDraggable as n, useEffectPropSignal as r, useId as i, useSignalEffect as a, useSignals as o } from "@cascivo/core";
 import { builtin as s, t as c } from "@cascivo/i18n";
 import { jsx as l, jsxs as u } from "react/jsx-runtime";
 import { useRef as d } from "react";
@@ -10,11 +10,11 @@ function f({ open: f = !1, onClose: p, title: m, description: h, children: g, cl
 	o();
 	let b = d(null), x = d(p);
 	x.current = p;
-	let S = r("cascivo-modal-title"), C = r("cascivo-modal-desc"), { handleRef: w, offset: T } = n({ isDisabled: !y }), E = y ? {
+	let S = i("cascivo-modal-title"), C = i("cascivo-modal-desc"), { handleRef: w, offset: T } = n({ isDisabled: !y }), E = y ? {
 		"--modal-x": `${T.value.x}px`,
 		"--modal-y": `${T.value.y}px`
-	} : void 0, D = i(f);
-	return D.value = f, a(() => {
+	} : void 0, D = r(f);
+	return a(() => {
 		let e = b.current;
 		e && (D.value ? e.open || e.showModal() : e.open && e.close());
 	}), a(() => {

package/dist/multi-select/multi-select.css

@@ -1 +1 @@
-@layer cascivo.component{._wrapper_nkk1l_2{width:100%;display:inline-block;position:relative}._trigger_nkk1l_8{width:100%;height:2.5rem;padding-inline:var(--cascivo-space-4);font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text);background-color:var(--cascivo-color-surface);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-field);cursor:pointer;text-align:start;transition:border-color var(--cascivo-duration-150) var(--cascivo-ease-out);justify-content:space-between;align-items:center;display:flex}._trigger_nkk1l_8:hover:not(:disabled){border-color:var(--cascivo-color-border-strong)}._trigger_nkk1l_8:focus-visible{border-color:var(--cascivo-color-accent);box-shadow:var(--cascivo-focus-ring);outline:none}._trigger_nkk1l_8:disabled{opacity:.5;cursor:not-allowed;background-color:var(--cascivo-color-bg-subtle)}._trigger_nkk1l_8[aria-expanded=true]{border-color:var(--cascivo-color-accent);box-shadow:var(--cascivo-focus-ring)}._trigger-label_nkk1l_47{text-overflow:ellipsis;white-space:nowrap;color:var(--cascivo-color-text-muted);overflow:hidden}._chevron_nkk1l_59{width:1rem;height:1rem;background-color:var(--cascivo-color-text-muted);transition:transform var(--cascivo-duration-150) var(--cascivo-ease-out);flex-shrink:0;margin-inline-start:var(--cascivo-space-2);display:block;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}._trigger_nkk1l_8[aria-expanded=true] ._chevron_nkk1l_59{transform:rotate(180deg)}._panel_nkk1l_79{position-area:block-end span-inline-end;position-try-fallbacks:--bottom-start, block-start span-inline-end;padding:var(--cascivo-space-1);background-color:var(--cascivo-color-surface);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-overlay);min-width:12rem;max-height:16rem;box-shadow:var(--cascivo-shadow-md);opacity:0;transition:opacity var(--cascivo-motion-enter), translate var(--cascivo-motion-enter), display var(--cascivo-motion-enter) allow-discrete, overlay var(--cascivo-motion-enter) allow-discrete;flex-direction:column;margin-block-start:var(--cascivo-space-1);display:flex;overflow:hidden;translate:0 -.25rem}._panel_nkk1l_79:popover-open{opacity:1;translate:0}@starting-style{._panel_nkk1l_79:popover-open{opacity:0;translate:0 -.25rem}}._search-row_nkk1l_117{padding-block-end:var(--cascivo-space-1)}._search_nkk1l_117{width:100%;height:2rem;padding-inline:var(--cascivo-space-3);font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text);background-color:var(--cascivo-color-bg-subtle);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-field);outline:none}._search_nkk1l_117:focus{border-color:var(--cascivo-color-accent)}._options_nkk1l_138{flex:1;overflow-y:auto}._option_nkk1l_138{align-items:center;gap:var(--cascivo-space-2);padding-block:var(--cascivo-space-1-5);padding-inline:var(--cascivo-space-2);font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text);border-radius:var(--cascivo-radius-item);cursor:pointer;-webkit-user-select:none;user-select:none;display:flex}._option_nkk1l_138[data-active]{background-color:var(--cascivo-color-bg-subtle)}._option_nkk1l_138[data-disabled]{opacity:.5;cursor:not-allowed}._checkbox_nkk1l_166{border:1.5px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-indicator);background-color:var(--cascivo-color-surface);width:1rem;height:1rem;transition:background-color var(--cascivo-duration-100) var(--cascivo-ease-out);flex-shrink:0}._option_nkk1l_138[data-selected] ._checkbox_nkk1l_166{background-color:var(--cascivo-color-accent);border-color:var(--cascivo-color-accent)}._no-results_nkk1l_181{padding-block:var(--cascivo-space-3);padding-inline:var(--cascivo-space-2);font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text-muted);text-align:center}}
+@layer cascivo.component{._wrapper_1r5fv_2{min-inline-size:0;width:100%;display:inline-block;position:relative}._trigger_1r5fv_12{width:100%;height:2.5rem;padding-inline:var(--cascivo-space-4);font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text);background-color:var(--cascivo-color-surface);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-field);cursor:pointer;text-align:start;transition:border-color var(--cascivo-duration-150) var(--cascivo-ease-out);justify-content:space-between;align-items:center;display:flex}._trigger_1r5fv_12:hover:not(:disabled){border-color:var(--cascivo-color-border-strong)}._trigger_1r5fv_12:focus-visible{border-color:var(--cascivo-color-accent);box-shadow:var(--cascivo-focus-ring);outline:none}._trigger_1r5fv_12:disabled{opacity:.5;cursor:not-allowed;background-color:var(--cascivo-color-bg-subtle)}._trigger_1r5fv_12[aria-expanded=true]{border-color:var(--cascivo-color-accent);box-shadow:var(--cascivo-focus-ring)}._trigger-label_1r5fv_51{text-overflow:ellipsis;white-space:nowrap;color:var(--cascivo-color-text-muted);overflow:hidden}._chevron_1r5fv_63{width:1rem;height:1rem;background-color:var(--cascivo-color-text-muted);transition:transform var(--cascivo-duration-150) var(--cascivo-ease-out);flex-shrink:0;margin-inline-start:var(--cascivo-space-2);display:block;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}._trigger_1r5fv_12[aria-expanded=true] ._chevron_1r5fv_63{transform:rotate(180deg)}._panel_1r5fv_83{position-area:block-end span-inline-end;position-try-fallbacks:--bottom-start, block-start span-inline-end;padding:var(--cascivo-space-1);background-color:var(--cascivo-color-surface);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-overlay);min-width:12rem;max-height:16rem;box-shadow:var(--cascivo-shadow-md);opacity:0;transition:opacity var(--cascivo-motion-enter), translate var(--cascivo-motion-enter), display var(--cascivo-motion-enter) allow-discrete, overlay var(--cascivo-motion-enter) allow-discrete;flex-direction:column;margin-block-start:var(--cascivo-space-1);display:flex;overflow:hidden;translate:0 -.25rem}._panel_1r5fv_83:popover-open{opacity:1;translate:0}@starting-style{._panel_1r5fv_83:popover-open{opacity:0;translate:0 -.25rem}}._search-row_1r5fv_121{padding-block-end:var(--cascivo-space-1)}._search_1r5fv_121{width:100%;height:2rem;padding-inline:var(--cascivo-space-3);font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text);background-color:var(--cascivo-color-bg-subtle);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-field);outline:none}._search_1r5fv_121:focus{border-color:var(--cascivo-color-accent)}._options_1r5fv_142{flex:1;overflow-y:auto}._option_1r5fv_142{align-items:center;gap:var(--cascivo-space-2);padding-block:var(--cascivo-space-1-5);padding-inline:var(--cascivo-space-2);font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text);border-radius:var(--cascivo-radius-item);cursor:pointer;-webkit-user-select:none;user-select:none;display:flex}._option_1r5fv_142[data-active]{background-color:var(--cascivo-color-bg-subtle)}._option_1r5fv_142[data-disabled]{opacity:.5;cursor:not-allowed}._checkbox_1r5fv_170{border:1.5px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-indicator);background-color:var(--cascivo-color-surface);width:1rem;height:1rem;transition:background-color var(--cascivo-duration-100) var(--cascivo-ease-out);flex-shrink:0}._option_1r5fv_142[data-selected] ._checkbox_1r5fv_170{background-color:var(--cascivo-color-accent);border-color:var(--cascivo-color-accent)}._no-results_1r5fv_185{padding-block:var(--cascivo-space-3);padding-inline:var(--cascivo-space-2);font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text-muted);text-align:center}}

package/dist/multi-select/multi-select.module.js

@@ -2,17 +2,17 @@
 
 import './multi-select.css';
 var e = {
-	wrapper: "_wrapper_nkk1l_2",
-	trigger: "_trigger_nkk1l_8",
-	"trigger-label": "_trigger-label_nkk1l_47",
-	chevron: "_chevron_nkk1l_59",
-	panel: "_panel_nkk1l_79",
-	"search-row": "_search-row_nkk1l_117",
-	search: "_search_nkk1l_117",
-	options: "_options_nkk1l_138",
-	option: "_option_nkk1l_138",
-	checkbox: "_checkbox_nkk1l_166",
-	"no-results": "_no-results_nkk1l_181"
+	wrapper: "_wrapper_1r5fv_2",
+	trigger: "_trigger_1r5fv_12",
+	"trigger-label": "_trigger-label_1r5fv_51",
+	chevron: "_chevron_1r5fv_63",
+	panel: "_panel_1r5fv_83",
+	"search-row": "_search-row_1r5fv_121",
+	search: "_search_1r5fv_121",
+	options: "_options_1r5fv_142",
+	option: "_option_1r5fv_142",
+	checkbox: "_checkbox_1r5fv_170",
+	"no-results": "_no-results_1r5fv_185"
 };
 //#endregion
 export { e as default };

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

@@ -1,15 +1,13 @@
 "use client";
 
 import e from "./alert-dialog.module.js";
-import { useId as t, useSignal as n, useSignalEffect as r } from "@cascivo/core";
+import { useEffectPropSignal as t, useId as n, useSignalEffect 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";
 import { useRef as c } from "react";
 //#region ../components/src/alert-dialog/alert-dialog.tsx
 function l({ open: l, title: u, description: d, onConfirm: f, onCancel: p, labels: m, variant: h = "default" }) {
-	let g = c(null), _ = t("cascivo-alert-dialog-title"), v = t("cascivo-alert-dialog-desc"), y = n(l);
-	y.value = l;
-	let b = c(null), x = c(p);
+	let g = c(null), _ = n("cascivo-alert-dialog-title"), v = n("cascivo-alert-dialog-desc"), y = t(l), b = c(null), x = c(p);
 	x.current = p;
 	let S = c(f);
 	return S.current = f, r(() => {

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

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

package/dist/node/badge/badge.js

@@ -1,17 +1,24 @@
 "use client";
 
 import e from "./badge.module.js";
-import { cn as t } from "@cascivo/core";
-import { jsx as n } from "react/jsx-runtime";
+import { cn as t, normalizeTone as n } from "@cascivo/core";
+import { jsx as r } from "react/jsx-runtime";
 //#region ../components/src/badge/badge.tsx
-function r({ variant: r = "default", size: i = "md", className: a, children: o, ...s }) {
-	return /* @__PURE__ */ n("span", {
-		"data-variant": r,
-		"data-size": i,
-		className: t(e.badge, a),
-		...s,
-		children: o
+var i = {
+	neutral: "default",
+	info: "info",
+	success: "success",
+	warning: "warning",
+	danger: "destructive"
+};
+function a({ variant: a = "default", size: o = "md", className: s, children: c, ...l }) {
+	return /* @__PURE__ */ r("span", {
+		"data-variant": i[n(a)] ?? a,
+		"data-size": o,
+		className: t(e.badge, s),
+		...l,
+		children: c
 	});
 }
 //#endregion
-export { r as Badge };
+export { a as Badge };

package/dist/node/button/button.module.js

@@ -1,5 +1,5 @@
 "use client";
 
-var e = { button: "_button_11p57_2" };
+var e = { button: "_button_131qn_2" };
 //#endregion
 export { e as default };

package/dist/node/card/card.js

@@ -2,9 +2,9 @@
 
 import e from "./card.module.js";
 import { cn as t } from "@cascivo/core";
-import { jsx as n } from "react/jsx-runtime";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
 //#region ../components/src/card/card.tsx
-function r({ variant: r = "default", padding: i = "md", className: a, children: o, ...s }) {
+function i({ variant: r = "default", padding: i = "md", className: a, children: o, ...s }) {
 	return /* @__PURE__ */ n("div", {
 		"data-variant": r,
 		"data-padding": i,
@@ -13,28 +13,38 @@ function r({ variant: r = "default", padding: i = "md", className: a, children:
 		children: o
 	});
 }
-function i({ className: r, children: i, ...a }) {
-	return /* @__PURE__ */ n("div", {
-		className: t(e.header, r),
-		...a,
-		children: i
+function a({ actions: i, className: a, children: o, ...s }) {
+	return i === void 0 ? /* @__PURE__ */ n("div", {
+		className: t(e.header, a),
+		...s,
+		children: o
+	}) : /* @__PURE__ */ r("div", {
+		className: t(e.header, e.headerRow, a),
+		...s,
+		children: [/* @__PURE__ */ n("div", {
+			className: e.headerMain,
+			children: o
+		}), /* @__PURE__ */ n("div", {
+			className: e.headerActions,
+			children: i
+		})]
 	});
 }
-function a({ className: r, children: i, ...a }) {
+function o({ className: r, children: i, ...a }) {
 	return /* @__PURE__ */ n("h3", {
 		className: t(e.title, r),
 		...a,
 		children: i
 	});
 }
-function o({ className: r, children: i, ...a }) {
+function s({ className: r, children: i, ...a }) {
 	return /* @__PURE__ */ n("div", {
 		className: t(e.content, r),
 		...a,
 		children: i
 	});
 }
-function s({ className: r, children: i, ...a }) {
+function c({ className: r, children: i, ...a }) {
 	return /* @__PURE__ */ n("div", {
 		className: t(e.footer, r),
 		...a,
@@ -42,4 +52,4 @@ function s({ className: r, children: i, ...a }) {
 	});
 }
 //#endregion
-export { r as Card, o as CardContent, s as CardFooter, i as CardHeader, a as CardTitle };
+export { i as Card, s as CardContent, c as CardFooter, a as CardHeader, o as CardTitle };

package/dist/node/card/card.module.js

@@ -1,11 +1,14 @@
 "use client";
 
 var e = {
-	card: "_card_16415_2",
-	header: "_header_16415_35",
-	title: "_title_16415_46",
-	content: "_content_16415_55",
-	footer: "_footer_16415_63"
+	card: "_card_ssezx_2",
+	header: "_header_ssezx_12",
+	content: "_content_ssezx_12",
+	footer: "_footer_ssezx_12",
+	headerRow: "_headerRow_ssezx_67",
+	headerMain: "_headerMain_ssezx_75",
+	headerActions: "_headerActions_ssezx_82",
+	title: "_title_ssezx_90"
 };
 //#endregion
 export { e as default };

package/dist/node/checkbox/checkbox.js

@@ -1,13 +1,13 @@
 "use client";
 
 import e from "./checkbox.module.js";
-import { cn as t, useSignal as n, useSignalEffect as r } from "@cascivo/core";
+import { cn as t, useEffectPropSignal as n, useSignalEffect as r } from "@cascivo/core";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
 import { useRef as o } from "react";
 //#region ../components/src/checkbox/checkbox.tsx
 function s({ label: s, indeterminate: c = !1, className: l, id: u, disabled: d, ...f }) {
 	let p = o(null), m = n(c);
-	m.value = c, r(() => {
+	r(() => {
 		p.current && (p.current.indeterminate = m.value);
 	});
 	let h = u ?? (s ? `cascade-checkbox-${s.toLowerCase().replace(/\s+/g, "-")}` : void 0);

package/dist/node/combobox/combobox.module.js

@@ -1,21 +1,21 @@
 "use client";
 
 var e = {
-	wrapper: "_wrapper_bi94t_2",
-	label: "_label_bi94t_10",
-	field: "_field_bi94t_16",
-	trigger: "_trigger_bi94t_22",
-	value: "_value_bi94t_70",
-	placeholder: "_placeholder_bi94t_76",
-	chevron: "_chevron_bi94t_80",
-	clear: "_clear_bi94t_96",
-	listbox: "_listbox_bi94t_122",
-	searchWrapper: "_searchWrapper_bi94t_156",
-	search: "_search_bi94t_156",
-	option: "_option_bi94t_178",
-	empty: "_empty_bi94t_201",
-	error: "_error_bi94t_208",
-	hint: "_hint_bi94t_213"
+	wrapper: "_wrapper_11nor_2",
+	label: "_label_11nor_14",
+	field: "_field_11nor_20",
+	trigger: "_trigger_11nor_26",
+	value: "_value_11nor_74",
+	placeholder: "_placeholder_11nor_80",
+	chevron: "_chevron_11nor_84",
+	clear: "_clear_11nor_100",
+	listbox: "_listbox_11nor_126",
+	searchWrapper: "_searchWrapper_11nor_160",
+	search: "_search_11nor_160",
+	option: "_option_11nor_182",
+	empty: "_empty_11nor_205",
+	error: "_error_11nor_212",
+	hint: "_hint_11nor_217"
 };
 //#endregion
 export { e as default };