@cascivo/react 0.18.0 → 1.1.0

package/dist/dropdown/dropdown.css

@@ -1 +1 @@
-@layer cascivo.component{._root_3wuq6_2{display:inline-flex;position:relative}._menu_3wuq6_7{z-index:var(--cascivo-z-dropdown);min-inline-size:10rem;max-inline-size:calc(100vw - var(--cascivo-space-4,1rem));padding:var(--cascivo-space-1);background-color:var(--cascivo-color-surface-overlay);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-overlay);box-shadow:var(--cascivo-shadow-overlay);opacity:0;visibility:hidden;transition:opacity var(--cascivo-motion-enter), translate var(--cascivo-motion-enter), visibility var(--cascivo-motion-enter);position:absolute;inset-block-start:calc(100% + var(--cascivo-space-1));translate:0 -.25rem}._menu_3wuq6_7[data-placement=bottom-start]{inset-inline-start:0}._menu_3wuq6_7[data-placement=bottom-end]{inset-inline-end:0}._menu_3wuq6_7[data-state=open]{opacity:1;visibility:visible;translate:0}@starting-style{._menu_3wuq6_7[data-state=open]{opacity:0;translate:0 -.25rem}}@supports (anchor-name:--a) and (position-anchor:--a){._menu_3wuq6_7{position-anchor:var(--cascivo-dropdown-anchor,--dropdown-trigger);position:fixed;inset:auto}._menu_3wuq6_7[data-placement=bottom-start]{inset-area:block-end span-inline-start;inset-inline-start:0}._menu_3wuq6_7[data-placement=bottom-end]{inset-area:block-end span-inline-end;inset-inline-end:0}@media (prefers-reduced-motion:no-preference){._menu_3wuq6_7{transition:opacity var(--cascivo-motion-enter), translate var(--cascivo-motion-enter), visibility var(--cascivo-motion-enter), display var(--cascivo-motion-enter) allow-discrete, overlay var(--cascivo-motion-enter) allow-discrete}@starting-style{._menu_3wuq6_7[data-state=open]{opacity:0;translate:0 -.25rem}}}}._item_3wuq6_83{align-items:center;gap:var(--cascivo-space-2);inline-size:100%;padding-inline:var(--cascivo-space-3);padding-block:var(--cascivo-space-2);font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);text-align:start;color:var(--cascivo-color-text);border-radius:var(--cascivo-radius-item);cursor:pointer;background:0 0;border:none;display:flex}._item_3wuq6_83:hover:not(:disabled),._item_3wuq6_83:focus-visible{background-color:var(--cascivo-color-bg-subtle);outline:none}._item_3wuq6_83:disabled{opacity:.5;cursor:not-allowed}._icon_3wuq6_111{color:var(--cascivo-color-text-muted);align-items:center;display:inline-flex}._separator_3wuq6_117{block-size:1px;margin-block:var(--cascivo-space-1);background-color:var(--cascivo-color-border)}}@media (forced-colors:active){._menu_3wuq6_7{border:1px solid buttontext}._item_3wuq6_83:focus-visible{outline-offset:2px;outline:2px solid highlight}}
+@layer cascivo.component{._root_431yi_2{display:inline-flex;position:relative}._menu_431yi_7{z-index:var(--cascivo-z-dropdown);min-inline-size:10rem;max-inline-size:calc(100vw - var(--cascivo-space-4,1rem));padding:var(--cascivo-space-1);background-color:var(--cascivo-color-surface-overlay);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-overlay);box-shadow:var(--cascivo-shadow-overlay);opacity:0;visibility:hidden;transition:opacity var(--cascivo-motion-enter), translate var(--cascivo-motion-enter), visibility var(--cascivo-motion-enter);position:absolute;inset-block-start:calc(100% + var(--cascivo-space-1));translate:0 -.25rem}._menu_431yi_7[data-placement=bottom-start]{inset-inline-start:0}._menu_431yi_7[data-placement=bottom-end]{inset-inline-end:0}._menu_431yi_7[data-state=open]{opacity:1;visibility:visible;translate:0}@starting-style{._menu_431yi_7[data-state=open]{opacity:0;translate:0 -.25rem}}@supports (anchor-name:--a) and (position-anchor:--a){._menu_431yi_7{position-anchor:var(--cascivo-dropdown-anchor,--dropdown-trigger);min-inline-size:max(10rem, anchor-size(self-inline));position:fixed;inset:auto}._menu_431yi_7[data-placement=bottom-start]{position-area:block-end span-inline-start;inset-inline-start:0}._menu_431yi_7[data-placement=bottom-end]{position-area:block-end span-inline-end;inset-inline-end:0}@media (prefers-reduced-motion:no-preference){._menu_431yi_7{transition:opacity var(--cascivo-motion-enter), translate var(--cascivo-motion-enter), visibility var(--cascivo-motion-enter), display var(--cascivo-motion-enter) allow-discrete, overlay var(--cascivo-motion-enter) allow-discrete}@starting-style{._menu_431yi_7[data-state=open]{opacity:0;translate:0 -.25rem}}}}._item_431yi_88{align-items:center;gap:var(--cascivo-space-2);inline-size:100%;padding-inline:var(--cascivo-space-3);padding-block:var(--cascivo-space-2);font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);text-align:start;color:var(--cascivo-color-text);border-radius:var(--cascivo-radius-item);cursor:pointer;background:0 0;border:none;display:flex}._item_431yi_88:hover:not(:disabled),._item_431yi_88:focus-visible{background-color:var(--cascivo-color-bg-subtle);outline:none}._item_431yi_88:disabled{opacity:.5;cursor:not-allowed}._icon_431yi_116{color:var(--cascivo-color-text-muted);align-items:center;display:inline-flex}._separator_431yi_122{block-size:1px;margin-block:var(--cascivo-space-1);background-color:var(--cascivo-color-border)}}@media (forced-colors:active){._menu_431yi_7{border:1px solid buttontext}._item_431yi_88:focus-visible{outline-offset:2px;outline:2px solid highlight}}

package/dist/dropdown/dropdown.js

@@ -1,107 +1 @@
-"use client";
-
-import e from "./dropdown.module.js";
-import { cloneElement as t, useRef as n } from "react";
-import { composeRefs as r, createMachine as i, focusElement as a, useEffectPropSignal as o, useMachine as s, useSignal as c, useSignalEffect as l, useSignals as u } from "@cascivo/core";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
-//#region ../components/src/dropdown/dropdown.tsx
-var p = i({
-	initial: "closed",
-	states: {
-		closed: { on: { OPEN: "open" } },
-		open: { on: { CLOSE: "closed" } }
-	}
-});
-function m({ trigger: i, items: m, onSelect: h, placement: g = "bottom-start", open: _, onOpenChange: v }) {
-	u();
-	let [y, b] = s(p), x = n(null), S = n(null), C = n(null), w = n([]), T = c(-1), E = _ !== void 0, D = E ? _ : y.value === "open", O = o(D), k = m.map((e, t) => ({
-		item: e,
-		index: t
-	})).filter(({ item: e }) => !e.separator && !e.disabled).map(({ index: e }) => e), A = (e) => {
-		E || b(e ? "OPEN" : "CLOSE"), v?.(e);
-	};
-	l(() => {
-		let e = T.value;
-		O.value && e >= 0 && w.current[e]?.focus();
-	}), l(() => {
-		O.value ? T.value = k[0] ?? -1 : T.value = -1;
-	}), l(() => {
-		O.value ? C.current?.showPopover() : C.current?.hidePopover();
-	}), l(() => {
-		let e = C.current;
-		if (!e) return;
-		let t = (e) => {
-			e.newState === "closed" && A(!1);
-		};
-		return e.addEventListener("toggle", t), () => e.removeEventListener("toggle", t);
-	});
-	let j = (e) => {
-		let t = m[e];
-		!t || t.separator || t.disabled || (h?.(t.value), A(!1), a(S.current));
-	}, M = (e) => {
-		k.length !== 0 && (T.value = k[(k.indexOf(T.value) + e + k.length) % k.length] ?? -1);
-	}, N = (e) => {
-		switch (e.key) {
-			case "ArrowDown":
-				e.preventDefault(), M(1);
-				break;
-			case "ArrowUp":
-				e.preventDefault(), M(-1);
-				break;
-			case "Home":
-				e.preventDefault(), T.value = k[0] ?? -1;
-				break;
-			case "End":
-				e.preventDefault(), T.value = k[k.length - 1] ?? -1;
-				break;
-			case "Escape":
-				e.preventDefault(), A(!1), a(S.current);
-				break;
-			case "Enter":
-			case " ":
-				e.preventDefault(), j(T.value);
-				break;
-		}
-	}, P = i, F = t(P, {
-		ref: r(S, P.props.ref),
-		onClick: (e) => {
-			P.props.onClick?.(e), A(!D);
-		},
-		"aria-haspopup": "menu",
-		"aria-expanded": D
-	});
-	return /* @__PURE__ */ f("div", {
-		ref: x,
-		className: e.root,
-		children: [F, /* @__PURE__ */ d("div", {
-			ref: C,
-			popover: "auto",
-			role: "menu",
-			"data-placement": g,
-			"data-state": D ? "open" : "closed",
-			className: e.menu,
-			onKeyDown: N,
-			children: m.map((t, n) => t.separator ? /* @__PURE__ */ d("div", {
-				role: "separator",
-				className: e.separator
-			}, `sep-${n}`) : /* @__PURE__ */ f("button", {
-				type: "button",
-				role: "menuitem",
-				ref: (e) => {
-					w.current[n] = e;
-				},
-				tabIndex: T.value === n ? 0 : -1,
-				disabled: t.disabled,
-				className: e.item,
-				onClick: () => j(n),
-				children: [t.icon && /* @__PURE__ */ d("span", {
-					className: e.icon,
-					"aria-hidden": "true",
-					children: t.icon
-				}), t.label]
-			}, t.value))
-		})]
-	});
-}
-//#endregion
-export { m as Dropdown };
+"use client";import e from"./dropdown.module.js";import{cloneElement as t,useRef as n}from"react";import{composeRefs as r,createMachine as i,focusElement as a,useEffectPropSignal as o,useMachine as s,useSignal as c,useSignalEffect as l,useSignals as u}from"@cascivo/core";import{jsx as d,jsxs as f}from"react/jsx-runtime";var p=i({initial:`closed`,states:{closed:{on:{OPEN:`open`}},open:{on:{CLOSE:`closed`}}}});function m(e){return!(`kind`in e)}function h({trigger:i,items:h,onSelect:g,placement:_=`bottom-start`,open:v,onOpenChange:y}){u();let[b,x]=s(p),S=n(null),C=n(null),w=n(null),T=n([]),E=c(-1),D=v!==void 0,O=D?v:b.value===`open`,k=o(O),A=h.map((e,t)=>({item:e,index:t})).filter(({item:e})=>m(e)&&!e.disabled).map(({index:e})=>e),j=e=>{D||x(e?`OPEN`:`CLOSE`),y?.(e)};l(()=>{let e=E.value;k.value&&e>=0&&T.current[e]?.focus()}),l(()=>{k.value?E.value=A[0]??-1:E.value=-1}),l(()=>{k.value?w.current?.showPopover():w.current?.hidePopover()}),l(()=>{let e=w.current;if(!e)return;let t=e=>{e.newState===`closed`&&j(!1)};return e.addEventListener(`toggle`,t),()=>e.removeEventListener(`toggle`,t)});let M=e=>{let t=h[e];!t||!m(t)||t.disabled||(g?.(t.value),j(!1),a(C.current))},N=e=>{A.length!==0&&(E.value=A[(A.indexOf(E.value)+e+A.length)%A.length]??-1)},P=e=>{switch(e.key){case`ArrowDown`:e.preventDefault(),N(1);break;case`ArrowUp`:e.preventDefault(),N(-1);break;case`Home`:e.preventDefault(),E.value=A[0]??-1;break;case`End`:e.preventDefault(),E.value=A[A.length-1]??-1;break;case`Escape`:e.preventDefault(),j(!1),a(C.current);break;case`Enter`:case` `:e.preventDefault(),M(E.value);break}},F=i,I=t(F,{ref:r(C,F.props.ref),onClick:e=>{F.props.onClick?.(e),j(!O)},"aria-haspopup":`menu`,"aria-expanded":O});return f(`div`,{ref:S,className:e.root,children:[I,d(`div`,{ref:w,popover:`auto`,role:`menu`,"data-placement":_,"data-state":O?`open`:`closed`,className:e.menu,onKeyDown:P,children:h.map((t,n)=>m(t)?f(`button`,{type:`button`,role:`menuitem`,ref:e=>{T.current[n]=e},tabIndex:E.value===n?0:-1,disabled:t.disabled,className:e.item,onClick:()=>M(n),children:[t.icon&&d(`span`,{className:e.icon,"aria-hidden":`true`,children:t.icon}),t.label]},t.value):d(`div`,{role:`separator`,className:e.separator},`sep-${n}`))})]})}export{h as Dropdown};

package/dist/dropdown/dropdown.module.js

@@ -1,10 +1,2 @@
 import './dropdown.css';
-var e = {
-	root: "_root_3wuq6_2",
-	menu: "_menu_3wuq6_7",
-	item: "_item_3wuq6_83",
-	icon: "_icon_3wuq6_111",
-	separator: "_separator_3wuq6_117"
-};
-//#endregion
-export { e as default };
+var e={root:`_root_431yi_2`,menu:`_menu_431yi_7`,item:`_item_431yi_88`,icon:`_icon_431yi_116`,separator:`_separator_431yi_122`};export{e as default};

package/dist/editable/editable.js

@@ -1,67 +1 @@
-"use client";
-
-import e from "./editable.module.js";
-import { useRef as t } from "react";
-import { cn as n, useSignal as r, useSignalEffect as i, useSignals as a } from "@cascivo/core";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-//#region ../components/src/editable/editable.tsx
-function c({ value: c, onValueChange: l, placeholder: u, disabled: d = !1, submitOnBlur: f = !0, onCancel: p, className: m, ...h }) {
-	a();
-	let g = r(!1), _ = r(c), v = t(null), y = t(p);
-	y.current = p;
-	let b = t(l);
-	b.current = l, g.value || (_.value = c), i(() => {
-		if (g.value) {
-			let e = v.current;
-			e && (e.focus(), e.select());
-		}
-	});
-	function x() {
-		b.current(_.value), g.value = !1;
-	}
-	function S() {
-		_.value = c, g.value = !1, y.current?.();
-	}
-	return g.value ? /* @__PURE__ */ o("div", {
-		className: n(e.wrapper, e.editing, m),
-		...h,
-		children: /* @__PURE__ */ o("input", {
-			ref: v,
-			className: e.input,
-			value: _.value,
-			onChange: (e) => {
-				_.value = e.currentTarget.value;
-			},
-			onKeyDown: (e) => {
-				e.key === "Enter" ? (e.preventDefault(), x()) : e.key === "Escape" && (e.preventDefault(), S());
-			},
-			onBlur: () => {
-				f ? x() : S();
-			}
-		})
-	}) : /* @__PURE__ */ o("div", {
-		className: n(e.wrapper, m),
-		"data-disabled": d ? "" : void 0,
-		...h,
-		children: /* @__PURE__ */ s("button", {
-			type: "button",
-			className: e.preview,
-			disabled: d,
-			onClick: () => {
-				d || (g.value = !0);
-			},
-			children: [/* @__PURE__ */ o("span", {
-				className: e["preview-text"],
-				children: c || /* @__PURE__ */ o("span", {
-					className: e.placeholder,
-					children: u
-				})
-			}), /* @__PURE__ */ o("span", {
-				className: e["edit-icon"],
-				"aria-hidden": "true"
-			})]
-		})
-	});
-}
-//#endregion
-export { c as Editable };
+"use client";import e from"./editable.module.js";import{useRef as t}from"react";import{cn as n,useSignal as r,useSignals as i}from"@cascivo/core";import{jsx as a,jsxs as o}from"react/jsx-runtime";function s(e){e&&(e.focus(),e.select())}function c({value:c,onValueChange:l,placeholder:u,disabled:d=!1,submitOnBlur:f=!0,onCancel:p,className:m,id:h,"aria-label":g,"aria-labelledby":_,"aria-describedby":v,"aria-invalid":y,tabIndex:b,...x}){i();let S=r(!1),C=r(c),w=t(p);w.current=p;let T=t(l);T.current=l;let E={id:h,"aria-label":g,"aria-labelledby":_,"aria-describedby":v,"aria-invalid":y,tabIndex:b};S.value||(C.value=c);function D(){T.current(C.value),S.value=!1}function O(){C.value=c,S.value=!1,w.current?.()}return S.value?a(`div`,{className:n(e.wrapper,e.editing,m),...x,children:a(`input`,{ref:s,className:e.input,...E,value:C.value,onChange:e=>{C.value=e.currentTarget.value},onKeyDown:e=>{e.key===`Enter`?(e.preventDefault(),D()):e.key===`Escape`&&(e.preventDefault(),O())},onBlur:()=>{f?D():O()}})}):a(`div`,{className:n(e.wrapper,m),"data-disabled":d?``:void 0,...x,children:o(`button`,{type:`button`,className:e.preview,...E,disabled:d,onClick:()=>{d||(S.value=!0)},children:[a(`span`,{className:e[`preview-text`],children:c||a(`span`,{className:e.placeholder,children:u})}),a(`span`,{className:e[`edit-icon`],"aria-hidden":`true`})]})})}export{c as Editable};

package/dist/editable/editable.module.js

@@ -1,12 +1,2 @@
 import './editable.css';
-var e = {
-	wrapper: "_wrapper_17cwn_2",
-	preview: "_preview_17cwn_8",
-	"preview-text": "_preview-text_17cwn_42",
-	placeholder: "_placeholder_17cwn_46",
-	"edit-icon": "_edit-icon_17cwn_50",
-	editing: "_editing_17cwn_69",
-	input: "_input_17cwn_70"
-};
-//#endregion
-export { e as default };
+var e={wrapper:`_wrapper_17cwn_2`,preview:`_preview_17cwn_8`,"preview-text":`_preview-text_17cwn_42`,placeholder:`_placeholder_17cwn_46`,"edit-icon":`_edit-icon_17cwn_50`,editing:`_editing_17cwn_69`,input:`_input_17cwn_70`};export{e as default};

package/dist/empty-state/empty-state.js

@@ -1,32 +1 @@
-import e from "./empty-state.module.js";
-import { cn as t } from "@cascivo/core/pure";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-//#region ../components/src/empty-state/empty-state.tsx
-function i({ icon: i, title: a, description: o, action: s, size: c = "md", className: l, ...u }) {
-	return /* @__PURE__ */ r("div", {
-		"data-size": c,
-		className: t(e["empty-state"], l),
-		...u,
-		children: [
-			i && /* @__PURE__ */ n("span", {
-				className: e.icon,
-				"aria-hidden": "true",
-				children: i
-			}),
-			/* @__PURE__ */ n("h3", {
-				className: e.title,
-				children: a
-			}),
-			o && /* @__PURE__ */ n("p", {
-				className: e.description,
-				children: o
-			}),
-			s && /* @__PURE__ */ n("div", {
-				className: e.action,
-				children: s
-			})
-		]
-	});
-}
-//#endregion
-export { i as EmptyState };
+import e from"./empty-state.module.js";import{cn as t}from"@cascivo/core/pure";import{jsx as n,jsxs as r}from"react/jsx-runtime";function i({icon:i,title:a,description:o,action:s,size:c=`md`,className:l,...u}){return r(`div`,{"data-size":c,className:t(e[`empty-state`],l),...u,children:[i&&n(`span`,{className:e.icon,"aria-hidden":`true`,children:i}),n(`h3`,{className:e.title,children:a}),o&&n(`p`,{className:e.description,children:o}),s&&n(`div`,{className:e.action,children:s})]})}export{i as EmptyState};

package/dist/empty-state/empty-state.module.js

@@ -1,10 +1,2 @@
 import './empty-state.css';
-var e = {
-	"empty-state": "_empty-state_1wem6_2",
-	icon: "_icon_1wem6_18",
-	title: "_title_1wem6_39",
-	description: "_description_1wem6_50",
-	action: "_action_1wem6_62"
-};
-//#endregion
-export { e as default };
+var e={"empty-state":`_empty-state_1wem6_2`,icon:`_icon_1wem6_18`,title:`_title_1wem6_39`,description:`_description_1wem6_50`,action:`_action_1wem6_62`};export{e as default};

package/dist/fab/fab.css

@@ -1 +1 @@
-@layer cascivo.component{._root_142gl_2{z-index:var(--cascivo-z-dropdown,30);gap:var(--cascivo-space-3);flex-direction:column;display:flex;position:fixed;inset-block-end:calc(var(--cascivo-space-6) + env(safe-area-inset-bottom,0px))}._root_142gl_2[data-position=bottom-end]{align-items:flex-end;inset-inline-end:calc(var(--cascivo-space-6) + env(safe-area-inset-right,0px))}._root_142gl_2[data-position=bottom-start]{align-items:flex-start;inset-inline-start:calc(var(--cascivo-space-6) + env(safe-area-inset-left,0px))}._fab_142gl_21{block-size:3.5rem;inline-size:3.5rem;color:var(--cascivo-color-accent-content);background:var(--cascivo-color-accent);border-radius:var(--cascivo-radius-full,9999px);box-shadow:var(--cascivo-shadow-overlay);cursor:pointer;transition:background-color var(--cascivo-duration-150) var(--cascivo-ease-out), box-shadow var(--cascivo-duration-150) var(--cascivo-ease-out);border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}._fab_142gl_21:hover{background:var(--cascivo-color-accent-hover,var(--cascivo-color-accent))}._fab_142gl_21:focus-visible{box-shadow:var(--cascivo-focus-ring);outline:none}._icon_142gl_48{block-size:1.5rem;inline-size:1.5rem;transition:rotate var(--cascivo-motion-emphasis,.2s var(--cascivo-ease-out));display:inline-flex}._fab_142gl_21[data-state=open] ._icon_142gl_48{rotate:45deg}._dial_142gl_60{gap:var(--cascivo-space-2);align-items:inherit;opacity:1;transition:opacity var(--cascivo-motion-enter), translate var(--cascivo-motion-enter);flex-direction:column;margin:0;padding:0;list-style:none;display:flex;translate:0}._dial_142gl_60[data-state=closed]{opacity:0;translate:0 var(--cascivo-space-3);transition:opacity var(--cascivo-motion-exit), translate var(--cascivo-motion-exit)}@starting-style{._dial_142gl_60[data-state=open]{opacity:0;translate:0 var(--cascivo-space-3)}}._dialItem_142gl_91{display:flex}._action_142gl_95{align-items:center;gap:var(--cascivo-space-3);min-block-size:var(--cascivo-target-min-coarse,2.75rem);padding-block:var(--cascivo-space-2);padding-inline:var(--cascivo-space-4);color:var(--cascivo-color-text);background:var(--cascivo-color-surface);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-full,9999px);box-shadow:var(--cascivo-shadow-overlay);cursor:pointer;transition:background-color var(--cascivo-duration-150) var(--cascivo-ease-out);display:inline-flex}._root_142gl_2[data-position=bottom-start] ._action_142gl_95{flex-direction:row-reverse}._action_142gl_95:hover{background:var(--cascivo-color-bg-subtle)}._action_142gl_95:focus-visible{box-shadow:var(--cascivo-focus-ring);outline:none}._action_142gl_95[aria-disabled=true]{color:var(--cascivo-color-text-muted);cursor:not-allowed}._actionLabel_142gl_129{font-size:var(--cascivo-text-sm);white-space:nowrap}._actionIcon_142gl_134{block-size:1.25rem;inline-size:1.25rem;color:var(--cascivo-color-accent);display:inline-flex}@media (prefers-reduced-motion:reduce){._dial_142gl_60,._icon_142gl_48{transition:none}}}
+@layer cascivo.component{._root_1padz_2{z-index:var(--cascivo-z-dropdown,30);gap:var(--cascivo-space-3);flex-direction:column;display:flex;position:fixed;inset-block-end:calc(var(--cascivo-space-6) + env(safe-area-inset-bottom,0px))}._root_1padz_2[data-position=bottom-end]{align-items:flex-end;inset-inline-end:calc(var(--cascivo-space-6) + env(safe-area-inset-right,0px))}._root_1padz_2[data-position=bottom-start]{align-items:flex-start;inset-inline-start:calc(var(--cascivo-space-6) + env(safe-area-inset-left,0px))}._fab_1padz_21{block-size:3.5rem;inline-size:3.5rem;color:var(--cascivo-color-accent-content);background:var(--cascivo-color-accent);border-radius:var(--cascivo-radius-full,9999px);box-shadow:var(--cascivo-shadow-overlay);cursor:pointer;transition:background-color var(--cascivo-duration-150) var(--cascivo-ease-out), box-shadow var(--cascivo-duration-150) var(--cascivo-ease-out);border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}._fab_1padz_21:hover{background:var(--cascivo-color-accent-hover,var(--cascivo-color-accent))}._fab_1padz_21:focus-visible{box-shadow:var(--cascivo-focus-ring);outline:none}._icon_1padz_48{block-size:1.5rem;inline-size:1.5rem;transition:rotate var(--cascivo-motion-emphasis,.2s var(--cascivo-ease-out));display:inline-flex}._fab_1padz_21[data-state=open] ._icon_1padz_48{rotate:45deg}._dial_1padz_60{gap:var(--cascivo-space-2);align-items:inherit;opacity:1;transition:opacity var(--cascivo-motion-enter), translate var(--cascivo-motion-enter);flex-direction:column;margin:0;padding:0;list-style:none;display:flex;translate:0}._dial_1padz_60[data-state=closed]{opacity:0;translate:0 var(--cascivo-space-3);transition:opacity var(--cascivo-motion-exit), translate var(--cascivo-motion-exit)}@starting-style{._dial_1padz_60[data-state=open]{opacity:0;translate:0 var(--cascivo-space-3)}}._dialItem_1padz_91{display:flex}._action_1padz_95{align-items:center;gap:var(--cascivo-space-3);min-block-size:var(--cascivo-target-min-coarse,2.75rem);padding-block:var(--cascivo-space-2);padding-inline:var(--cascivo-space-4);color:var(--cascivo-color-text);background:var(--cascivo-color-surface);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-full,9999px);box-shadow:var(--cascivo-shadow-overlay);cursor:pointer;transition:background-color var(--cascivo-duration-150) var(--cascivo-ease-out);display:inline-flex}._root_1padz_2[data-position=bottom-start] ._action_1padz_95{flex-direction:row-reverse}._action_1padz_95:hover{background:var(--cascivo-color-bg-subtle)}._action_1padz_95:focus-visible{box-shadow:var(--cascivo-focus-ring);outline:none}._action_1padz_95[aria-disabled=true]{color:var(--cascivo-color-text-muted);cursor:not-allowed}._actionLabel_1padz_129{font-size:var(--cascivo-text-sm);white-space:nowrap}._actionIcon_1padz_134{block-size:1.25rem;inline-size:1.25rem;color:var(--cascivo-color-accent-text);display:inline-flex}@media (prefers-reduced-motion:reduce){._dial_1padz_60,._icon_1padz_48{transition:none}}}

package/dist/fab/fab.js

@@ -1,93 +1 @@
-"use client";
-
-import e from "./fab.module.js";
-import { useId as t, useRef as n } from "react";
-import { DismissableLayer as r, Presence as i, cn as a, focusElement as o, useControllableSignal as s, useRovingFocus as c, useSignalEffect as l, useSignals as u } from "@cascivo/core";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
-//#region ../components/src/fab/fab.tsx
-function p({ children: p, label: m, onClick: h, actions: g, position: _ = "bottom-end", open: v, defaultOpen: y, onOpenChange: b, className: x }) {
-	u();
-	let S = g != null && g.length > 0, [C, w] = s({
-		value: v,
-		defaultValue: y ?? !1,
-		onChange: b
-	}), T = c({
-		orientation: "vertical",
-		loop: !0
-	}), E = n(null), D = n(null), O = t(), k = n(!1);
-	l(() => {
-		let e = S && C.value;
-		e && !k.current ? D.current?.querySelector("[role=\"menuitem\"]:not([aria-disabled=\"true\"])")?.focus() : !e && k.current && o(E.current), k.current = e;
-	});
-	let A = (e) => {
-		e.disabled || (e.onSelect(), w(!1));
-	}, j = /* @__PURE__ */ d("button", {
-		ref: E,
-		type: "button",
-		"aria-label": m,
-		className: e.fab,
-		...S ? {
-			"aria-haspopup": "menu",
-			"aria-expanded": C.value,
-			"aria-controls": O,
-			"data-state": C.value ? "open" : "closed",
-			onClick: () => w(!C.value)
-		} : { onClick: h },
-		children: /* @__PURE__ */ d("span", {
-			className: e.icon,
-			"aria-hidden": "true",
-			children: p
-		})
-	});
-	return S ? /* @__PURE__ */ d(r, {
-		onDismiss: () => w(!1),
-		escapeDismisses: C.value,
-		disableOutsidePointer: !C.value,
-		children: /* @__PURE__ */ f("div", {
-			className: a(e.root, x),
-			"data-position": _,
-			children: [/* @__PURE__ */ d(i, {
-				present: C,
-				children: /* @__PURE__ */ d("menu", {
-					ref: D,
-					id: O,
-					role: "menu",
-					"aria-label": m,
-					className: e.dial,
-					children: g.map((t, n) => {
-						let r = T.getItemProps(n);
-						return /* @__PURE__ */ d("li", {
-							role: "presentation",
-							className: e.dialItem,
-							children: /* @__PURE__ */ f("button", {
-								ref: r.ref,
-								type: "button",
-								role: "menuitem",
-								tabIndex: r.tabIndex,
-								"aria-disabled": t.disabled || void 0,
-								className: e.action,
-								onKeyDown: r.onKeyDown,
-								onFocus: r.onFocus,
-								onClick: () => A(t),
-								children: [/* @__PURE__ */ d("span", {
-									className: e.actionLabel,
-									children: t.label
-								}), /* @__PURE__ */ d("span", {
-									className: e.actionIcon,
-									"aria-hidden": "true",
-									children: t.icon
-								})]
-							})
-						}, t.id ?? n);
-					})
-				})
-			}), j]
-		})
-	}) : /* @__PURE__ */ d("div", {
-		className: a(e.root, x),
-		"data-position": _,
-		children: j
-	});
-}
-//#endregion
-export { p as Fab };
+"use client";import e from"./fab.module.js";import{useId as t,useRef as n}from"react";import{DismissableLayer as r,Presence as i,cn as a,focusElement as o,useControllableSignal as s,useRovingFocus as c,useSignalEffect as l,useSignals as u}from"@cascivo/core";import{jsx as d,jsxs as f}from"react/jsx-runtime";function p({children:p,ariaLabel:m,label:h,onClick:g,actions:_,position:v=`bottom-end`,open:y,defaultOpen:b,onOpenChange:x,className:S}){u();let C=_!=null&&_.length>0,[w,T]=s({value:y,defaultValue:b??!1,onChange:x}),E=c({orientation:`vertical`,loop:!0}),D=n(null),O=n(null),k=t(),A=n(!1);l(()=>{let e=C&&w.value;e&&!A.current?O.current?.querySelector(`[role="menuitem"]:not([aria-disabled="true"])`)?.focus():!e&&A.current&&o(D.current),A.current=e});let j=e=>{e.disabled||(e.onSelect(),T(!1))},M=d(`button`,{ref:D,type:`button`,"aria-label":h??m,className:e.fab,...C?{"aria-haspopup":`menu`,"aria-expanded":w.value,"aria-controls":k,"data-state":w.value?`open`:`closed`,onClick:()=>T(!w.value)}:{onClick:g},children:d(`span`,{className:e.icon,"aria-hidden":`true`,children:p})});return C?d(r,{onDismiss:()=>T(!1),escapeDismisses:w.value,disableOutsidePointer:!w.value,children:f(`div`,{className:a(e.root,S),"data-position":v,children:[d(i,{present:w,children:d(`menu`,{ref:O,id:k,role:`menu`,"aria-label":h??m,className:e.dial,children:_.map((t,n)=>{let r=E.getItemProps(n);return d(`li`,{role:`presentation`,className:e.dialItem,children:f(`button`,{ref:r.ref,type:`button`,role:`menuitem`,tabIndex:r.tabIndex,"aria-disabled":t.disabled||void 0,className:e.action,onKeyDown:r.onKeyDown,onFocus:r.onFocus,onClick:()=>j(t),children:[d(`span`,{className:e.actionLabel,children:t.label}),d(`span`,{className:e.actionIcon,"aria-hidden":`true`,children:t.icon})]})},t.id??n)})})}),M]})}):d(`div`,{className:a(e.root,S),"data-position":v,children:M})}export{p as Fab};

package/dist/fab/fab.module.js

@@ -1,13 +1,2 @@
 import './fab.css';
-var e = {
-	root: "_root_142gl_2",
-	fab: "_fab_142gl_21",
-	icon: "_icon_142gl_48",
-	dial: "_dial_142gl_60",
-	dialItem: "_dialItem_142gl_91",
-	action: "_action_142gl_95",
-	actionLabel: "_actionLabel_142gl_129",
-	actionIcon: "_actionIcon_142gl_134"
-};
-//#endregion
-export { e as default };
+var e={root:`_root_1padz_2`,fab:`_fab_1padz_21`,icon:`_icon_1padz_48`,dial:`_dial_1padz_60`,dialItem:`_dialItem_1padz_91`,action:`_action_1padz_95`,actionLabel:`_actionLabel_1padz_129`,actionIcon:`_actionIcon_1padz_134`};export{e as default};

package/dist/field/field.css

@@ -1 +1 @@
-@layer cascivo.component{._field_1y14o_2{gap:var(--cascivo-space-2);font-family:var(--cascivo-font-sans);align-content:start;display:grid}._field_1y14o_2[data-disabled]{opacity:.5}._description_1y14o_20{font-size:var(--cascivo-text-sm);line-height:var(--cascivo-leading-snug);color:var(--cascivo-color-text-muted);margin:0}._error_1y14o_27{font-size:var(--cascivo-text-sm);line-height:var(--cascivo-leading-snug);color:var(--cascivo-color-destructive);margin:0}}@media (forced-colors:active){._error_1y14o_27{color:buttontext}}
+@layer cascivo.component{._field_zrdph_2{gap:var(--cascivo-space-2);font-family:var(--cascivo-font-sans);align-content:start;display:grid}._field_zrdph_2[data-disabled]{opacity:.5}._field_zrdph_2:has(:disabled){opacity:.5}._field_zrdph_2:has(:user-invalid) label{color:var(--cascivo-color-destructive)}._description_zrdph_50{font-size:var(--cascivo-text-sm);line-height:var(--cascivo-leading-snug);color:var(--cascivo-color-text-muted);margin:0}._error_zrdph_57{font-size:var(--cascivo-text-sm);line-height:var(--cascivo-leading-snug);color:var(--cascivo-color-destructive);margin:0}}@media (forced-colors:active){._error_zrdph_57{color:buttontext}}

package/dist/field/field.js

@@ -1,46 +1 @@
-import { Label as e } from "../label/label.js";
-import t from "./field.module.js";
-import { cn as n, useId as r } from "@cascivo/core/pure";
-import { Children as i, cloneElement as a, isValidElement as o } from "react";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
-//#region ../components/src/field/field.tsx
-var l = /* @__PURE__ */ new Set();
-function u() {
-	return globalThis.process?.env?.NODE_ENV !== "production";
-}
-function d(e, t) {
-	if (!u() || e == null || t.props.label == null) return;
-	let n = String(e);
-	l.has(n) || (l.add(n), console.warn(`cascivo Field: both the Field and its child control define a \`label\` (${n}). Omit the child's \`label\` inside a Field — it renders a second <label> for the same control. The Field owns the label.`));
-}
-function f({ label: l, description: u, error: f, required: p = !1, disabled: m = !1, id: h, children: g, className: _ }) {
-	let v = r("cascade-field"), y = h ?? v, b = `${y}-description`, x = `${y}-error`, S = [u ? b : null, f ? x : null].filter(Boolean).join(" ") || void 0, C = { id: y };
-	S && (C["aria-describedby"] = S), f && (C["aria-invalid"] = !0), (m || g.props.disabled) && (C.disabled = !0), o(g) && d(l, g);
-	let w = o(g) ? a(i.only(g), C) : g;
-	return /* @__PURE__ */ c("div", {
-		className: n(t.field, _),
-		"data-disabled": m ? "" : void 0,
-		children: [
-			l && /* @__PURE__ */ s(e, {
-				htmlFor: y,
-				required: p,
-				disabled: m,
-				children: l
-			}),
-			w,
-			u && /* @__PURE__ */ s("p", {
-				id: b,
-				className: t.description,
-				children: u
-			}),
-			f && /* @__PURE__ */ s("p", {
-				id: x,
-				role: "alert",
-				className: t.error,
-				children: f
-			})
-		]
-	});
-}
-//#endregion
-export { f as Field };
+import{Label as e}from"../label/label.js";import t from"./field.module.js";import{cn as n,useId as r}from"@cascivo/core/pure";import{Children as i,cloneElement as a,isValidElement as o}from"react";import{jsx as s,jsxs as c}from"react/jsx-runtime";var l=new Set;function u(){return globalThis.process?.env?.NODE_ENV!==`production`}function d(e,t){if(!u()||e==null||t.props.label==null)return;let n=String(e);l.has(n)||(l.add(n),console.warn(`cascivo Field: both the Field and its child control define a \`label\` (${n}). Omit the child's \`label\` inside a Field — it renders a second <label> for the same control. The Field owns the label.`))}var f=new Set;function p(e,t){if(!u()||e==null||t.props.hint==null)return;let n=String(e);f.has(n)||(f.add(n),console.warn(`cascivo Field: both the Field and its child control define supporting text (${n}). Omit the child's \`hint\` inside a Field — the Field owns it, and only the Field's is wired into aria-describedby.`))}function m({label:l,description:u,hint:f,error:m,required:h=!1,disabled:g=!1,id:_,children:v,className:y}){let b=u??f,x=r(`cascade-field`),S=_??x,C=`${S}-description`,w=`${S}-error`,T=`${S}-label`,E=[b?C:null,m?w:null].filter(Boolean).join(` `)||void 0,D={id:S};l!=null&&(D[`aria-labelledby`]=T),E&&(D[`aria-describedby`]=E),m&&(D[`aria-invalid`]=!0),(g||v.props.disabled)&&(D.disabled=!0),o(v)&&(d(l,v),p(b,v));let O=o(v)?a(i.only(v),D):v;return c(`div`,{className:n(t.field,y),"data-disabled":g?``:void 0,children:[l&&s(e,{id:T,htmlFor:S,required:h,disabled:g,children:l}),O,b&&s(`p`,{id:C,className:t.description,children:b}),m&&s(`p`,{id:w,role:`alert`,className:t.error,children:m})]})}export{m as Field};

package/dist/field/field.module.js

@@ -1,8 +1,2 @@
 import './field.css';
-var e = {
-	field: "_field_1y14o_2",
-	description: "_description_1y14o_20",
-	error: "_error_1y14o_27"
-};
-//#endregion
-export { e as default };
+var e={field:`_field_zrdph_2`,description:`_description_zrdph_50`,error:`_error_zrdph_57`};export{e as default};

package/dist/file-uploader/file-uploader.css

@@ -1 +1 @@
-@layer cascivo.component{._uploader_c3mm3_2{gap:var(--cascivo-space-2);flex-direction:column;inline-size:100%;min-inline-size:0;display:flex}._label_c3mm3_13{font-size:var(--cascivo-text-sm);font-weight:var(--cascivo-font-medium);color:var(--cascivo-color-text)}._input_c3mm3_19{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}._zone_c3mm3_28{padding:var(--cascivo-space-8) var(--cascivo-space-4);border:2px dashed var(--cascivo-color-border);border-radius:var(--cascivo-radius-surface);background:var(--cascivo-color-surface);color:var(--cascivo-color-text-muted);font-size:var(--cascivo-text-sm);cursor:pointer;transition:border-color var(--cascivo-duration-150) var(--cascivo-ease-out), background var(--cascivo-duration-150) var(--cascivo-ease-out);text-align:center;justify-content:center;align-items:center;inline-size:100%;display:flex}._zone_c3mm3_28:hover:not(:disabled),._zone_c3mm3_28[data-state=dragover]{border-color:var(--cascivo-color-accent);background:var(--cascivo-color-accent-subtle)}._zone_c3mm3_28:disabled{opacity:.5;cursor:not-allowed}._hint_c3mm3_61{font-size:var(--cascivo-text-xs);color:var(--cascivo-color-text-muted)}._list_c3mm3_66{gap:var(--cascivo-space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}._file_c3mm3_75{align-items:center;gap:var(--cascivo-space-2);padding:var(--cascivo-space-2) var(--cascivo-space-3);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-surface);background:var(--cascivo-color-surface);font-size:var(--cascivo-text-sm);grid-template-columns:auto 1fr auto auto;grid-template-areas:"status name size remove""status error error error";display:grid}._file_c3mm3_75[data-state=error]{border-color:var(--cascivo-color-destructive)}._status_c3mm3_92{grid-area:status;align-items:center;display:flex}._glyph-complete_c3mm3_98{color:var(--cascivo-color-success-foreground)}._glyph-error_c3mm3_102{color:var(--cascivo-color-destructive)}._name_c3mm3_106{text-overflow:ellipsis;white-space:nowrap;grid-area:name;overflow:hidden}._size_c3mm3_113{color:var(--cascivo-color-text-muted);font-size:var(--cascivo-text-xs);grid-area:size}._remove_c3mm3_119{padding:var(--cascivo-space-1);border-radius:var(--cascivo-radius-control);color:var(--cascivo-color-text-muted);cursor:pointer;font-size:var(--cascivo-text-xs);background:0 0;border:none;grid-area:remove;justify-content:center;align-items:center;line-height:1;display:flex}._remove_c3mm3_119:hover{color:var(--cascivo-color-destructive);background:var(--cascivo-color-destructive-subtle)}._error-message_c3mm3_139{font-size:var(--cascivo-text-xs);color:var(--cascivo-color-destructive);grid-area:error}}
+@layer cascivo.component{._uploader_d2bk6_2{gap:var(--cascivo-space-2);flex-direction:column;inline-size:100%;min-inline-size:0;display:flex}._label_d2bk6_13{font-size:var(--cascivo-text-sm);font-weight:var(--cascivo-font-medium);color:var(--cascivo-color-text)}._input_d2bk6_19{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}._zone_d2bk6_28{padding:var(--cascivo-space-8) var(--cascivo-space-4);border:2px dashed var(--cascivo-color-border);border-radius:var(--cascivo-radius-surface);background:var(--cascivo-color-surface);color:var(--cascivo-color-text-muted);font-size:var(--cascivo-text-sm);cursor:pointer;transition:border-color var(--cascivo-duration-150) var(--cascivo-ease-out), background var(--cascivo-duration-150) var(--cascivo-ease-out);text-align:center;justify-content:center;align-items:center;inline-size:100%;display:flex}._zone_d2bk6_28:hover:not(:disabled),._zone_d2bk6_28[data-state=dragover]{border-color:var(--cascivo-color-accent);background:var(--cascivo-color-accent-subtle)}._zone_d2bk6_28:disabled{opacity:.5;cursor:not-allowed}._hint_d2bk6_61{font-size:var(--cascivo-text-xs);color:var(--cascivo-color-text-muted)}._list_d2bk6_66{gap:var(--cascivo-space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}._file_d2bk6_75{align-items:center;gap:var(--cascivo-space-2);padding:var(--cascivo-space-2) var(--cascivo-space-3);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-surface);background:var(--cascivo-color-surface);font-size:var(--cascivo-text-sm);grid-template-columns:auto 1fr auto auto;grid-template-areas:"status name size remove""status error error error";display:grid}._file_d2bk6_75[data-state=error]{border-color:var(--cascivo-color-destructive)}._status_d2bk6_92{grid-area:status;align-items:center;display:flex}._glyph-complete_d2bk6_98{color:var(--cascivo-color-success-foreground)}._glyph-error_d2bk6_102{color:var(--cascivo-color-destructive)}._name_d2bk6_106{text-overflow:ellipsis;white-space:nowrap;grid-area:name;overflow:hidden}._size_d2bk6_113{color:var(--cascivo-color-text-muted);font-size:var(--cascivo-text-xs);grid-area:size}._remove_d2bk6_119{padding:var(--cascivo-space-1);border-radius:var(--cascivo-radius-control);color:var(--cascivo-color-text-muted);cursor:pointer;font-size:var(--cascivo-text-xs);background:0 0;border:none;grid-area:remove;justify-content:center;align-items:center;line-height:1;display:flex}._remove_d2bk6_119:hover{color:var(--cascivo-color-destructive);background:var(--cascivo-color-destructive-subtle)}._error-message_d2bk6_139{font-size:var(--cascivo-text-xs);color:var(--cascivo-color-destructive);grid-area:error}._zoneText_d2bk6_148{pointer-events:none}._srOnly_d2bk6_152{clip-path:inset(50%);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (pointer:coarse){._remove_d2bk6_119{min-inline-size:var(--cascivo-target-min-coarse,2.75rem);min-block-size:var(--cascivo-target-min-coarse,2.75rem)}}}@media (forced-colors:active){._zone_d2bk6_28[data-state=dragover]{outline-offset:-2px;outline:2px solid highlight}._zone_d2bk6_28:disabled{color:graytext}._file_d2bk6_75[data-state=error] ._glyph-error_d2bk6_102,._error-message_d2bk6_139{color:canvastext;forced-color-adjust:none}._zone_d2bk6_28:focus-visible,._remove_d2bk6_119:focus-visible{outline-offset:1px;outline:2px solid highlight}}

package/dist/file-uploader/file-uploader.js

@@ -1,122 +1 @@
-"use client";
-
-import { Spinner as e } from "../spinner/spinner.js";
-import t from "./file-uploader.module.js";
-import { useRef as n } from "react";
-import { cn as r, useSignal as i, useSignals 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/file-uploader/file-uploader.tsx
-function u(e, t) {
-	let n = t.split(",").map((e) => e.trim()).filter(Boolean);
-	return n.length === 0 ? !0 : n.some((t) => t.startsWith(".") ? e.name.toLowerCase().endsWith(t.toLowerCase()) : t.endsWith("/*") ? e.type.startsWith(t.slice(0, -1)) : e.type === t);
-}
-function d(e) {
-	return e >= 1024 * 1024 ? `${(e / (1024 * 1024)).toFixed(1)} MB` : e >= 1024 ? `${(e / 1024).toFixed(1)} KB` : `${e} B`;
-}
-function f({ files: f = [], onFilesAdded: p, onRemove: m, multiple: h = !1, accept: g, maxSize: _, onRejected: v, label: y, hint: b, labels: x, disabled: S = !1, className: C }) {
-	a();
-	let w = n(null), T = i(!1), E = y ?? x?.label ?? s(o.fileUploader.label), D = x?.drop ?? s(o.fileUploader.drop), O = x?.uploading ?? s(o.fileUploader.uploading), k = x?.complete ?? s(o.fileUploader.complete), A = x?.error ?? s(o.fileUploader.error), j = (e) => x?.remove ? x.remove.replace("{name}", e) : s(o.fileUploader.remove, { name: e }), M = `cascade-uploader-${E.toLowerCase().replace(/\s+/g, "-")}`, N = `${M}-label`, P = `${M}-hint`, F = (e) => {
-		if (!e || e.length === 0) return;
-		let t = h ? Array.from(e) : Array.from(e).slice(0, 1), n = [], r = [], i = [];
-		for (let e of t) g && !u(e, g) ? r.push(e) : _ !== void 0 && e.size > _ ? i.push(e) : n.push(e);
-		r.length > 0 && v?.(r, "type"), i.length > 0 && v?.(i, "size"), n.length > 0 && p?.(n);
-	};
-	return /* @__PURE__ */ l("div", {
-		className: r(t.uploader, C),
-		children: [
-			/* @__PURE__ */ c("span", {
-				id: N,
-				className: t.label,
-				children: E
-			}),
-			/* @__PURE__ */ c("input", {
-				ref: w,
-				type: "file",
-				className: t.input,
-				tabIndex: -1,
-				"aria-hidden": "true",
-				multiple: h,
-				accept: g,
-				disabled: S,
-				onChange: (e) => {
-					F(e.target.files), e.target.value = "";
-				}
-			}),
-			/* @__PURE__ */ c("button", {
-				type: "button",
-				className: t.zone,
-				"data-state": T.value ? "dragover" : "idle",
-				disabled: S,
-				"aria-describedby": b ? `${N} ${P}` : N,
-				onClick: () => w.current?.click(),
-				onDragEnter: (e) => {
-					e.preventDefault(), S || (T.value = !0);
-				},
-				onDragOver: (e) => e.preventDefault(),
-				onDragLeave: () => {
-					T.value = !1;
-				},
-				onDrop: (e) => {
-					e.preventDefault(), T.value = !1, !S && F(e.dataTransfer.files);
-				},
-				children: D
-			}),
-			b && /* @__PURE__ */ c("span", {
-				id: P,
-				className: t.hint,
-				children: b
-			}),
-			f.length > 0 && /* @__PURE__ */ c("ul", {
-				className: t.list,
-				"aria-live": "polite",
-				children: f.map((n) => /* @__PURE__ */ l("li", {
-					className: t.file,
-					"data-state": n.status,
-					children: [
-						/* @__PURE__ */ l("span", {
-							className: t.status,
-							children: [
-								n.status === "uploading" && /* @__PURE__ */ c(e, {
-									size: "sm",
-									label: O
-								}),
-								n.status === "complete" && /* @__PURE__ */ c("span", {
-									className: t["glyph-complete"],
-									"aria-label": k,
-									children: "✓"
-								}),
-								n.status === "error" && /* @__PURE__ */ c("span", {
-									className: t["glyph-error"],
-									"aria-label": A,
-									children: "✕"
-								})
-							]
-						}),
-						/* @__PURE__ */ c("span", {
-							className: t.name,
-							children: n.name
-						}),
-						n.size !== void 0 && /* @__PURE__ */ c("span", {
-							className: t.size,
-							children: d(n.size)
-						}),
-						/* @__PURE__ */ c("button", {
-							type: "button",
-							className: t.remove,
-							"aria-label": j(n.name),
-							onClick: () => m?.(n.id),
-							children: "✕"
-						}),
-						n.status === "error" && n.errorMessage && /* @__PURE__ */ c("span", {
-							className: t["error-message"],
-							children: n.errorMessage
-						})
-					]
-				}, n.id))
-			})
-		]
-	});
-}
-//#endregion
-export { f as FileUploader };
+"use client";import{Spinner as e}from"../spinner/spinner.js";import t from"./file-uploader.module.js";import{useRef as n}from"react";import{cn as r,useId as i,useSignal as a,useSignals as o}from"@cascivo/core";import{builtin as s,currentLocale as c,t as l}from"@cascivo/i18n";import{jsx as u,jsxs as d}from"react/jsx-runtime";function f(e,t){let n=t.split(`,`).map(e=>e.trim()).filter(Boolean);return n.length===0?!0:n.some(t=>t.startsWith(`.`)?e.name.toLowerCase().endsWith(t.toLowerCase()):t.endsWith(`/*`)?e.type.startsWith(t.slice(0,-1)):e.type===t)}function p(e,t){let[n,r]=e>=1024*1024?[e/(1024*1024),`megabyte`]:e>=1024?[e/1024,`kilobyte`]:[e,`byte`];try{return new Intl.NumberFormat(t,{style:`unit`,unit:r,unitDisplay:`short`,maximumFractionDigits:r===`byte`?0:1}).format(n)}catch{return new Intl.NumberFormat(t,{maximumFractionDigits:r===`byte`?0:1}).format(n)}}function m(e,t,n,r){return e.some(e=>e.status===`error`)?r:e.some(e=>e.status===`uploading`)?t:n}function h({files:h=[],onFilesAdded:g,onRemove:_,multiple:v=!1,accept:y,maxSize:b,onRejected:x,label:S,ariaLabel:C,hint:w,labels:T,disabled:E=!1,className:D}){o();let O=c(),k=n(null),A=a(!1),j=S??T?.label??l(s.fileUploader.label),M=T?.drop??l(s.fileUploader.drop),N=T?.uploading??l(s.fileUploader.uploading),P=T?.complete??l(s.fileUploader.complete),F=T?.error??l(s.fileUploader.error),I=e=>T?.remove?T.remove.replaceAll(`{name}`,e):l(s.fileUploader.remove,{name:e}),L=i(`cascivo-uploader`),R=`${L}-label`,z=`${L}-hint`,B=`${L}-status`,V=e=>{if(!e||e.length===0)return;let t=v?Array.from(e):Array.from(e).slice(0,1),n=[],r=[],i=[];for(let e of t)y&&!f(e,y)?r.push(e):b!==void 0&&e.size>b?i.push(e):n.push(e);r.length>0&&x?.(r,`type`),i.length>0&&x?.(i,`size`),n.length>0&&g?.(n)};return d(`div`,{className:r(t.uploader,D),children:[u(`span`,{id:R,className:t.label,children:j}),u(`input`,{ref:k,type:`file`,className:t.input,tabIndex:-1,"aria-labelledby":R,multiple:v,accept:y,disabled:E,onChange:e=>{V(e.target.files),e.target.value=``}}),u(`button`,{type:`button`,className:t.zone,"data-state":A.value?`dragover`:`idle`,disabled:E,"aria-labelledby":C?void 0:R,"aria-label":C,"aria-describedby":w?z:void 0,onClick:()=>k.current?.click(),onDragEnter:e=>{e.preventDefault(),E||(A.value=!0)},onDragOver:e=>{e.preventDefault(),E||(e.dataTransfer.dropEffect=`copy`)},onDragLeave:e=>{e.currentTarget.contains(e.relatedTarget)||(A.value=!1)},onDrop:e=>{e.preventDefault(),A.value=!1,!E&&V(e.dataTransfer.files)},children:u(`span`,{className:t.zoneText,children:M})}),w&&u(`span`,{id:z,className:t.hint,children:w}),u(`span`,{id:B,className:t.srOnly,role:`status`,"aria-live":`polite`,children:h.length>0?l(s.fileUploader.status,{count:h.length,state:m(h,N,P,F)}):``}),h.length>0&&u(`ul`,{className:t.list,children:h.map(n=>d(`li`,{className:t.file,"data-state":n.status,children:[d(`span`,{className:t.status,children:[n.status===`uploading`&&u(e,{size:`sm`,label:N}),n.status===`complete`&&u(`span`,{className:t[`glyph-complete`],role:`img`,"aria-label":P,children:`✓`}),n.status===`error`&&u(`span`,{className:t[`glyph-error`],role:`img`,"aria-label":F,children:`✕`})]}),u(`span`,{className:t.name,children:n.name}),n.size!==void 0&&u(`span`,{className:t.size,children:p(n.size,O)}),u(`button`,{type:`button`,className:t.remove,"aria-label":I(n.name),disabled:E,onClick:()=>_?.(n.id),children:`✕`}),n.status===`error`&&n.errorMessage&&u(`span`,{className:t[`error-message`],role:`alert`,children:n.errorMessage})]},n.id))})]})}export{h as FileUploader};

package/dist/file-uploader/file-uploader.module.js

@@ -1,19 +1,2 @@
 import './file-uploader.css';
-var e = {
-	uploader: "_uploader_c3mm3_2",
-	label: "_label_c3mm3_13",
-	input: "_input_c3mm3_19",
-	zone: "_zone_c3mm3_28",
-	hint: "_hint_c3mm3_61",
-	list: "_list_c3mm3_66",
-	file: "_file_c3mm3_75",
-	status: "_status_c3mm3_92",
-	"glyph-complete": "_glyph-complete_c3mm3_98",
-	"glyph-error": "_glyph-error_c3mm3_102",
-	name: "_name_c3mm3_106",
-	size: "_size_c3mm3_113",
-	remove: "_remove_c3mm3_119",
-	"error-message": "_error-message_c3mm3_139"
-};
-//#endregion
-export { e as default };
+var e={uploader:`_uploader_d2bk6_2`,label:`_label_d2bk6_13`,input:`_input_d2bk6_19`,zone:`_zone_d2bk6_28`,hint:`_hint_d2bk6_61`,list:`_list_d2bk6_66`,file:`_file_d2bk6_75`,status:`_status_d2bk6_92`,"glyph-complete":`_glyph-complete_d2bk6_98`,"glyph-error":`_glyph-error_d2bk6_102`,name:`_name_d2bk6_106`,size:`_size_d2bk6_113`,remove:`_remove_d2bk6_119`,"error-message":`_error-message_d2bk6_139`,zoneText:`_zoneText_d2bk6_148`,srOnly:`_srOnly_d2bk6_152`};export{e as default};

package/dist/filter/filter.css

@@ -1 +1 @@
-@layer cascivo.component{._filter_uq1vv_2{flex-wrap:wrap;gap:.375rem;display:flex}._item_uq1vv_8{border-radius:var(--cascivo-radius-full);border:1px solid var(--cascivo-border-default);color:var(--cascivo-color-text-subtle);cursor:pointer;transition:background-color .1s var(--cascivo-ease-out), color .1s var(--cascivo-ease-out), border-color .1s var(--cascivo-ease-out);background-color:#0000;align-items:center;padding-block:.25rem;padding-inline:.75rem;font-size:.875rem;display:inline-flex}._item_uq1vv_8:hover{background-color:var(--cascivo-color-active-bg);color:var(--cascivo-color-text)}._item_uq1vv_8[data-selected]{background-color:var(--cascivo-color-accent);border-color:var(--cascivo-color-accent);color:var(--cascivo-color-accent-content)}._item_uq1vv_8:focus-visible{outline:var(--cascivo-ring-width) solid var(--cascivo-ring-color);outline-offset:2px}._filter_uq1vv_2[data-variant=outline] ._item_uq1vv_8[data-selected]{border-color:var(--cascivo-color-accent);color:var(--cascivo-color-accent);background-color:#0000}}
+@layer cascivo.component{._filter_pmke0_2{flex-wrap:wrap;gap:.375rem;display:flex}._item_pmke0_8{border-radius:var(--cascivo-radius-full);border:1px solid var(--cascivo-border-default);color:var(--cascivo-color-text-subtle);cursor:pointer;transition:background-color var(--cascivo-duration-100) var(--cascivo-ease-out), color var(--cascivo-duration-100) var(--cascivo-ease-out), border-color var(--cascivo-duration-100) var(--cascivo-ease-out);background-color:#0000;align-items:center;padding-block:.25rem;padding-inline:.75rem;font-size:.875rem;display:inline-flex}._item_pmke0_8:hover{background-color:var(--cascivo-color-active-bg);color:var(--cascivo-color-text)}._item_pmke0_8[data-selected]{background-color:var(--cascivo-color-accent);border-color:var(--cascivo-color-accent);color:var(--cascivo-color-accent-content)}._item_pmke0_8:focus-visible{outline:var(--cascivo-ring-width) solid var(--cascivo-ring-color);outline-offset:2px}._filter_pmke0_2[data-variant=outline] ._item_pmke0_8[data-selected]{border-color:var(--cascivo-color-accent);color:var(--cascivo-color-accent-text);background-color:#0000}}