@cascivo/react 1.0.0 → 1.2.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,110 +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(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 /* @__PURE__ */ f("div", {
-		ref: S,
-		className: e.root,
-		children: [I, /* @__PURE__ */ 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) ? /* @__PURE__ */ 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 && /* @__PURE__ */ d("span", {
-					className: e.icon,
-					"aria-hidden": "true",
-					children: t.icon
-				}), t.label]
-			}, t.value) : /* @__PURE__ */ d("div", {
-				role: "separator",
-				className: e.separator
-			}, `sep-${n}`))
-		})]
-	});
-}
-//#endregion
-export { h 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 isMenuItem(e){return!(`kind`in e)}function Dropdown({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})=>isMenuItem(e)&&!e.disabled).map(({index:e})=>e),setOpen=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 handleToggle=e=>{e.newState===`closed`&&setOpen(!1)};return e.addEventListener(`toggle`,handleToggle),()=>e.removeEventListener(`toggle`,handleToggle)});let selectAt=e=>{let t=m[e];!t||!isMenuItem(t)||t.disabled||(h?.(t.value),setOpen(!1),a(S.current))},moveActive=e=>{k.length!==0&&(T.value=k[(k.indexOf(T.value)+e+k.length)%k.length]??-1)},handleMenuKeyDown=e=>{switch(e.key){case`ArrowDown`:e.preventDefault(),moveActive(1);break;case`ArrowUp`:e.preventDefault(),moveActive(-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(),setOpen(!1),a(S.current);break;case`Enter`:case` `:e.preventDefault(),selectAt(T.value);break}},A=i,j=t(A,{ref:r(S,A.props.ref),onClick:e=>{A.props.onClick?.(e),setOpen(!D)},"aria-haspopup":`menu`,"aria-expanded":D});return f(`div`,{ref:x,className:e.root,children:[j,d(`div`,{ref:C,popover:`auto`,role:`menu`,"data-placement":g,"data-state":D?`open`:`closed`,className:e.menu,onKeyDown:handleMenuKeyDown,children:m.map((t,n)=>isMenuItem(t)?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:()=>selectAt(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{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,76 +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, id: h, "aria-labelledby": g, "aria-describedby": _, "aria-invalid": v, ...y }) {
-	a();
-	let b = r(!1), x = r(c), S = t(null), C = t(p);
-	C.current = p;
-	let w = t(l);
-	w.current = l;
-	let T = {
-		id: h,
-		"aria-labelledby": g,
-		"aria-describedby": _,
-		"aria-invalid": v
-	};
-	b.value || (x.value = c), i(() => {
-		if (b.value) {
-			let e = S.current;
-			e && (e.focus(), e.select());
-		}
-	});
-	function E() {
-		w.current(x.value), b.value = !1;
-	}
-	function D() {
-		x.value = c, b.value = !1, C.current?.();
-	}
-	return b.value ? /* @__PURE__ */ o("div", {
-		className: n(e.wrapper, e.editing, m),
-		...y,
-		children: /* @__PURE__ */ o("input", {
-			ref: S,
-			className: e.input,
-			...T,
-			value: x.value,
-			onChange: (e) => {
-				x.value = e.currentTarget.value;
-			},
-			onKeyDown: (e) => {
-				e.key === "Enter" ? (e.preventDefault(), E()) : e.key === "Escape" && (e.preventDefault(), D());
-			},
-			onBlur: () => {
-				f ? E() : D();
-			}
-		})
-	}) : /* @__PURE__ */ o("div", {
-		className: n(e.wrapper, m),
-		"data-disabled": d ? "" : void 0,
-		...y,
-		children: /* @__PURE__ */ s("button", {
-			type: "button",
-			className: e.preview,
-			...T,
-			disabled: d,
-			onClick: () => {
-				d || (b.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 focusOnMount(e){e&&(e.focus(),e.select())}function Editable({value:s,onValueChange:c,placeholder:l,disabled:u=!1,submitOnBlur:d=!0,onCancel:f,className:p,id:m,"aria-label":h,"aria-labelledby":g,"aria-describedby":_,"aria-invalid":v,tabIndex:y,...b}){i();let x=r(!1),S=r(s),C=t(f);C.current=f;let w=t(c);w.current=c;let T={id:m,"aria-label":h,"aria-labelledby":g,"aria-describedby":_,"aria-invalid":v,tabIndex:y};x.value||(S.value=s);function confirm(){w.current(S.value),x.value=!1}function cancel(){S.value=s,x.value=!1,C.current?.()}return x.value?a(`div`,{className:n(e.wrapper,e.editing,p),...b,children:a(`input`,{ref:focusOnMount,className:e.input,...T,value:S.value,onChange:e=>{S.value=e.currentTarget.value},onKeyDown:e=>{e.key===`Enter`?(e.preventDefault(),confirm()):e.key===`Escape`&&(e.preventDefault(),cancel())},onBlur:()=>{d?confirm():cancel()}})}):a(`div`,{className:n(e.wrapper,p),"data-disabled":u?``:void 0,...b,children:o(`button`,{type:`button`,className:e.preview,...T,disabled:u,onClick:()=>{u||(x.value=!0)},children:[a(`span`,{className:e[`preview-text`],children:s||a(`span`,{className:e.placeholder,children:l})}),a(`span`,{className:e[`edit-icon`],"aria-hidden":`true`})]})})}export{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 EmptyState({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{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, 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 = /* @__PURE__ */ 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: /* @__PURE__ */ d("span", {
-			className: e.icon,
-			"aria-hidden": "true",
-			children: p
-		})
-	});
-	return C ? /* @__PURE__ */ d(r, {
-		onDismiss: () => T(!1),
-		escapeDismisses: w.value,
-		disableOutsidePointer: !w.value,
-		children: /* @__PURE__ */ f("div", {
-			className: a(e.root, S),
-			"data-position": v,
-			children: [/* @__PURE__ */ d(i, {
-				present: w,
-				children: /* @__PURE__ */ 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 /* @__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: () => j(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);
-					})
-				})
-			}), M]
-		})
-	}) : /* @__PURE__ */ d("div", {
-		className: a(e.root, S),
-		"data-position": v,
-		children: M
-	});
-}
-//#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 Fab({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 selectAction=e=>{e.disabled||(e.onSelect(),T(!1))},j=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:()=>selectAction(t),children:[d(`span`,{className:e.actionLabel,children:t.label}),d(`span`,{className:e.actionIcon,"aria-hidden":`true`,children:t.icon})]})},t.id??n)})})}),j]})}):d(`div`,{className:a(e.root,S),"data-position":v,children:j})}export{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,53 +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.`));
-}
-var f = /* @__PURE__ */ 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 /* @__PURE__ */ c("div", {
-		className: n(t.field, y),
-		"data-disabled": g ? "" : void 0,
-		children: [
-			l && /* @__PURE__ */ s(e, {
-				id: T,
-				htmlFor: S,
-				required: h,
-				disabled: g,
-				children: l
-			}),
-			O,
-			b && /* @__PURE__ */ s("p", {
-				id: C,
-				className: t.description,
-				children: b
-			}),
-			m && /* @__PURE__ */ s("p", {
-				id: w,
-				role: "alert",
-				className: t.error,
-				children: m
-			})
-		]
-	});
-}
-//#endregion
-export { m 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 isDev(){return globalThis.process?.env?.NODE_ENV!==`production`}function warnIfDoubleLabel(e,t){if(!isDev()||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 u=new Set;function warnIfDoubleHint(e,t){if(!isDev()||e==null||t.props.hint==null)return;let n=String(e);u.has(n)||(u.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 Field({label:l,description:u,hint:d,error:f,required:p=!1,disabled:m=!1,id:h,children:g,className:_}){let v=u??d,y=r(`cascade-field`),b=h??y,x=`${b}-description`,S=`${b}-error`,C=`${b}-label`,w=[v?x:null,f?S:null].filter(Boolean).join(` `)||void 0,T={id:b};l!=null&&(T[`aria-labelledby`]=C),w&&(T[`aria-describedby`]=w),f&&(T[`aria-invalid`]=!0),(m||g.props.disabled)&&(T.disabled=!0),o(g)&&(warnIfDoubleLabel(l,g),warnIfDoubleHint(v,g));let E=o(g)?a(i.only(g),T):g;return c(`div`,{className:n(t.field,_),"data-disabled":m?``:void 0,children:[l&&s(e,{id:C,htmlFor:b,required:p,disabled:m,children:l}),E,v&&s(`p`,{id:x,className:t.description,children:v}),f&&s(`p`,{id:S,role:`alert`,className:t.error,children:f})]})}export{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,123 +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, ariaLabel: b, hint: x, labels: S, disabled: C = !1, className: w }) {
-	a();
-	let T = n(null), E = i(!1), D = y ?? S?.label ?? s(o.fileUploader.label), O = S?.drop ?? s(o.fileUploader.drop), k = S?.uploading ?? s(o.fileUploader.uploading), A = S?.complete ?? s(o.fileUploader.complete), j = S?.error ?? s(o.fileUploader.error), M = (e) => S?.remove ? S.remove.replace("{name}", e) : s(o.fileUploader.remove, { name: e }), N = `cascade-uploader-${D.toLowerCase().replace(/\s+/g, "-")}`, P = `${N}-label`, F = `${N}-hint`, I = (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, w),
-		children: [
-			/* @__PURE__ */ c("span", {
-				id: P,
-				className: t.label,
-				children: D
-			}),
-			/* @__PURE__ */ c("input", {
-				ref: T,
-				type: "file",
-				className: t.input,
-				tabIndex: -1,
-				"aria-hidden": "true",
-				multiple: h,
-				accept: g,
-				disabled: C,
-				onChange: (e) => {
-					I(e.target.files), e.target.value = "";
-				}
-			}),
-			/* @__PURE__ */ c("button", {
-				type: "button",
-				className: t.zone,
-				"data-state": E.value ? "dragover" : "idle",
-				disabled: C,
-				"aria-label": b,
-				"aria-describedby": x ? `${P} ${F}` : P,
-				onClick: () => T.current?.click(),
-				onDragEnter: (e) => {
-					e.preventDefault(), C || (E.value = !0);
-				},
-				onDragOver: (e) => e.preventDefault(),
-				onDragLeave: () => {
-					E.value = !1;
-				},
-				onDrop: (e) => {
-					e.preventDefault(), E.value = !1, !C && I(e.dataTransfer.files);
-				},
-				children: O
-			}),
-			x && /* @__PURE__ */ c("span", {
-				id: F,
-				className: t.hint,
-				children: x
-			}),
-			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: k
-								}),
-								n.status === "complete" && /* @__PURE__ */ c("span", {
-									className: t["glyph-complete"],
-									"aria-label": A,
-									children: "✓"
-								}),
-								n.status === "error" && /* @__PURE__ */ c("span", {
-									className: t["glyph-error"],
-									"aria-label": j,
-									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": M(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 matchesAccept(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 formatSize(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 statusSummary(e,t,n,r){return e.some(e=>e.status===`error`)?r:e.some(e=>e.status===`uploading`)?t:n}function FileUploader({files:f=[],onFilesAdded:p,onRemove:m,multiple:h=!1,accept:g,maxSize:_,onRejected:v,label:y,ariaLabel:b,hint:x,labels:S,disabled:C=!1,className:w}){o();let T=c(),E=n(null),D=a(!1),O=y??S?.label??l(s.fileUploader.label),k=S?.drop??l(s.fileUploader.drop),A=S?.uploading??l(s.fileUploader.uploading),j=S?.complete??l(s.fileUploader.complete),M=S?.error??l(s.fileUploader.error),resolveRemove=e=>S?.remove?S.remove.replaceAll(`{name}`,e):l(s.fileUploader.remove,{name:e}),N=i(`cascivo-uploader`),P=`${N}-label`,F=`${N}-hint`,I=`${N}-status`,processFiles=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&&!matchesAccept(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 d(`div`,{className:r(t.uploader,w),children:[u(`span`,{id:P,className:t.label,children:O}),u(`input`,{ref:E,type:`file`,className:t.input,tabIndex:-1,"aria-labelledby":P,multiple:h,accept:g,disabled:C,onChange:e=>{processFiles(e.target.files),e.target.value=``}}),u(`button`,{type:`button`,className:t.zone,"data-state":D.value?`dragover`:`idle`,disabled:C,"aria-labelledby":b?void 0:P,"aria-label":b,"aria-describedby":x?F:void 0,onClick:()=>E.current?.click(),onDragEnter:e=>{e.preventDefault(),C||(D.value=!0)},onDragOver:e=>{e.preventDefault(),C||(e.dataTransfer.dropEffect=`copy`)},onDragLeave:e=>{e.currentTarget.contains(e.relatedTarget)||(D.value=!1)},onDrop:e=>{e.preventDefault(),D.value=!1,!C&&processFiles(e.dataTransfer.files)},children:u(`span`,{className:t.zoneText,children:k})}),x&&u(`span`,{id:F,className:t.hint,children:x}),u(`span`,{id:I,className:t.srOnly,role:`status`,"aria-live":`polite`,children:f.length>0?l(s.fileUploader.status,{count:f.length,state:statusSummary(f,A,j,M)}):``}),f.length>0&&u(`ul`,{className:t.list,children:f.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:A}),n.status===`complete`&&u(`span`,{className:t[`glyph-complete`],role:`img`,"aria-label":j,children:`✓`}),n.status===`error`&&u(`span`,{className:t[`glyph-error`],role:`img`,"aria-label":M,children:`✕`})]}),u(`span`,{className:t.name,children:n.name}),n.size!==void 0&&u(`span`,{className:t.size,children:formatSize(n.size,T)}),u(`button`,{type:`button`,className:t.remove,"aria-label":resolveRemove(n.name),disabled:C,onClick:()=>m?.(n.id),children:`✕`}),n.status===`error`&&n.errorMessage&&u(`span`,{className:t[`error-message`],role:`alert`,children:n.errorMessage})]},n.id))})]})}export{FileUploader};