@cascivo/react 1.0.0 → 1.1.0

package/dist/node/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 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/node/dropdown/dropdown.module.js

@@ -1,9 +1 @@
-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/node/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 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/node/editable/editable.module.js

@@ -1,11 +1 @@
-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/node/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/node/empty-state/empty-state.module.js

@@ -1,9 +1 @@
-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/node/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 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/node/fab/fab.module.js

@@ -1,12 +1 @@
-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/node/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 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/node/field/field.module.js

@@ -1,7 +1 @@
-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/node/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 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/node/file-uploader/file-uploader.module.js

@@ -1,18 +1 @@
-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/node/filter/filter.js

@@ -1,35 +1 @@
-"use client";
-
-import e from "./filter.module.js";
-import { useControllableSignal as t, useSignals as n } from "@cascivo/core";
-import { jsx as r } from "react/jsx-runtime";
-//#region ../components/src/filter/filter.tsx
-function i({ options: i, value: a, defaultValue: o = [], onValueChange: s, multi: c = !1, multiple: l, variant: u = "pill", className: d, ariaLabel: f, label: p, ...m }) {
-	n();
-	let h = l ?? c, [g, _] = t({
-		value: a,
-		defaultValue: o,
-		onChange: s
-	});
-	function v(e) {
-		let t = g.value, n;
-		n = h ? t.includes(e) ? t.filter((t) => t !== e) : [...t, e] : t.includes(e) ? [] : [e], _(n);
-	}
-	return /* @__PURE__ */ r("div", {
-		role: "group",
-		className: [e.filter, d].filter(Boolean).join(" "),
-		"data-variant": u,
-		"aria-label": m["aria-label"] ?? f ?? p,
-		...m,
-		children: i.map((t) => /* @__PURE__ */ r("button", {
-			type: "button",
-			className: e.item,
-			"data-selected": g.value.includes(t.value) || void 0,
-			onClick: () => v(t.value),
-			"aria-pressed": g.value.includes(t.value),
-			children: t.label
-		}, t.value))
-	});
-}
-//#endregion
-export { i as Filter };
+"use client";import e from"./filter.module.js";import{useControllableSignal as t,useSignals as n}from"@cascivo/core";import{jsx as r}from"react/jsx-runtime";function i({options:i,value:a,defaultValue:o=[],onValueChange:s,multi:c=!1,multiple:l,variant:u=`pill`,className:d,ariaLabel:f,label:p,...m}){n();let h=l??c,[g,_]=t({value:a,defaultValue:o,onChange:s});function v(e){let t=g.value,n;n=h?t.includes(e)?t.filter(t=>t!==e):[...t,e]:t.includes(e)?[]:[e],_(n)}return r(`div`,{role:`group`,className:[e.filter,d].filter(Boolean).join(` `),"data-variant":u,"aria-label":m[`aria-label`]??f??p,...m,children:i.map(t=>r(`button`,{type:`button`,className:e.item,"data-selected":g.value.includes(t.value)||void 0,onClick:()=>v(t.value),"aria-pressed":g.value.includes(t.value),children:t.label},t.value))})}export{i as Filter};

package/dist/node/filter/filter.module.js

@@ -1,6 +1 @@
-var e = {
-	filter: "_filter_uq1vv_2",
-	item: "_item_uq1vv_8"
-};
-//#endregion
-export { e as default };
+var e={filter:`_filter_pmke0_2`,item:`_item_pmke0_8`};export{e as default};