@cascivo/react 0.18.0 → 1.1.0

package/dist/node/drawer/drawer.js

@@ -1,96 +1 @@
-"use client";
-
-import e from "./drawer.module.js";
-import { useId as t } from "react";
-import { DismissableLayer as n, FocusScope as r, Portal as i, Presence as a, cn as o, useControllableSignal as s, useDraggable as c, useScrollLock as l, useSignals as u } from "@cascivo/core";
-import { builtin as d, t as f } from "@cascivo/i18n";
-import { jsx as p, jsxs as m } from "react/jsx-runtime";
-//#region ../components/src/drawer/drawer.tsx
-var h = 80;
-function g({ open: g, defaultOpen: _, onOpenChange: v, side: y = "end", size: b, title: x, description: S, children: C, labels: w, className: T, swipeToDismiss: E = !1 }) {
-	u();
-	let [D, O] = s({
-		value: g,
-		defaultValue: _ ?? !1,
-		onChange: v
-	});
-	l(D);
-	let k = y === "top" || y === "bottom" ? "y" : "x", { handleRef: A, offset: j, isDragging: M, reset: N } = c({
-		isDisabled: !E,
-		axis: k,
-		onDragEnd: (e) => {
-			let t = k === "y" ? e.y : e.x, n = y === "end" && t > h || y === "start" && t < -80 || y === "bottom" && t > h || y === "top" && t < -80;
-			N(), n && O(!1);
-		}
-	}), P = t(), F = t(), I = w?.close ?? f(d.drawer.close), L = {
-		...b ? { "--_drawer-size": b } : {},
-		...E ? {
-			"--_drawer-drag-x": `${j.value.x}px`,
-			"--_drawer-drag-y": `${j.value.y}px`
-		} : {}
-	};
-	return /* @__PURE__ */ p(i, { children: /* @__PURE__ */ p(a, {
-		present: D,
-		children: /* @__PURE__ */ p("div", {
-			className: e.overlay,
-			"data-side": y,
-			children: /* @__PURE__ */ p(n, {
-				onDismiss: () => O(!1),
-				children: /* @__PURE__ */ p(r, {
-					trapped: !0,
-					restoreFocus: !0,
-					autoFocus: !0,
-					children: /* @__PURE__ */ m("div", {
-						role: "dialog",
-						"aria-modal": "true",
-						"aria-labelledby": x ? P : void 0,
-						"aria-describedby": S ? F : void 0,
-						"data-side": y,
-						"data-dragging": E && M.value ? "" : void 0,
-						className: o(e.panel, T),
-						style: L,
-						children: [(x || S) && /* @__PURE__ */ m("div", {
-							className: e.header,
-							ref: E ? A : void 0,
-							children: [/* @__PURE__ */ m("div", {
-								className: e.heading,
-								children: [x && /* @__PURE__ */ p("h2", {
-									id: P,
-									className: e.title,
-									children: x
-								}), S && /* @__PURE__ */ p("p", {
-									id: F,
-									className: e.description,
-									children: S
-								})]
-							}), /* @__PURE__ */ p("button", {
-								type: "button",
-								"aria-label": I,
-								onClick: () => O(!1),
-								className: e.close,
-								children: /* @__PURE__ */ p("svg", {
-									"aria-hidden": "true",
-									viewBox: "0 0 16 16",
-									className: e.closeIcon,
-									children: /* @__PURE__ */ p("path", {
-										d: "M4 4l8 8M12 4l-8 8",
-										fill: "none",
-										stroke: "currentColor",
-										strokeWidth: "1.5",
-										strokeLinecap: "round"
-									})
-								})
-							})]
-						}), /* @__PURE__ */ p("div", {
-							className: e.body,
-							"data-cascivo-drawer-body": "",
-							children: C
-						})]
-					})
-				})
-			})
-		})
-	}) });
-}
-//#endregion
-export { g as Drawer };
+"use client";import e from"./drawer.module.js";import{useId as t}from"react";import{DismissableLayer as n,FocusScope as r,Portal as i,Presence as a,cn as o,useControllableSignal as s,useDraggable as c,useScrollLock as l,useSignals as u}from"@cascivo/core";import{builtin as d,t as f}from"@cascivo/i18n";import{jsx as p,jsxs as m}from"react/jsx-runtime";var h=80;function g({open:g,defaultOpen:_,onOpenChange:v,side:y=`end`,size:b,title:x,description:S,children:C,labels:w,className:T,swipeToDismiss:E=!1}){u();let[D,O]=s({value:g,defaultValue:_??!1,onChange:v});l(D);let k=y===`top`||y===`bottom`?`y`:`x`,{handleRef:A,offset:j,isDragging:M,reset:N}=c({isDisabled:!E,axis:k,onDragEnd:e=>{let t=k===`y`?e.y:e.x,n=y===`end`&&t>h||y===`start`&&t<-80||y===`bottom`&&t>h||y===`top`&&t<-80;N(),n&&O(!1)}}),P=t(),F=t(),I=w?.close??f(d.drawer.close),L={...b?{"--_drawer-size":b}:{},...E?{"--_drawer-drag-x":`${j.value.x}px`,"--_drawer-drag-y":`${j.value.y}px`}:{}};return p(i,{children:p(a,{present:D,children:p(`div`,{className:e.overlay,"data-side":y,children:p(n,{onDismiss:()=>O(!1),children:p(r,{trapped:!0,restoreFocus:!0,autoFocus:!0,children:m(`div`,{role:`dialog`,"aria-modal":`true`,"aria-labelledby":x?P:void 0,"aria-describedby":S?F:void 0,"data-side":y,"data-dragging":E&&M.value?``:void 0,className:o(e.panel,T),style:L,children:[(x||S)&&m(`div`,{className:e.header,ref:E?A:void 0,children:[m(`div`,{className:e.heading,children:[x&&p(`h2`,{id:P,className:e.title,children:x}),S&&p(`p`,{id:F,className:e.description,children:S})]}),p(`button`,{type:`button`,"aria-label":I,onClick:()=>O(!1),className:e.close,children:p(`svg`,{"aria-hidden":`true`,viewBox:`0 0 16 16`,className:e.closeIcon,children:p(`path`,{d:`M4 4l8 8M12 4l-8 8`,fill:`none`,stroke:`currentColor`,strokeWidth:`1.5`,strokeLinecap:`round`})})})]}),p(`div`,{className:e.body,"data-cascivo-drawer-body":``,children:C})]})})})})})})}export{g as Drawer};

package/dist/node/drawer/drawer.module.js

@@ -1,13 +1 @@
-var e = {
-	overlay: "_overlay_1q94b_2",
-	panel: "_panel_1q94b_39",
-	header: "_header_1q94b_124",
-	heading: "_heading_1q94b_134",
-	title: "_title_1q94b_140",
-	description: "_description_1q94b_147",
-	close: "_close_1q94b_153",
-	closeIcon: "_closeIcon_1q94b_181",
-	body: "_body_1q94b_186"
-};
-//#endregion
-export { e as default };
+var e={overlay:`_overlay_1q94b_2`,panel:`_panel_1q94b_39`,header:`_header_1q94b_124`,heading:`_heading_1q94b_134`,title:`_title_1q94b_140`,description:`_description_1q94b_147`,close:`_close_1q94b_153`,closeIcon:`_closeIcon_1q94b_181`,body:`_body_1q94b_186`};export{e as default};

package/dist/node/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/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,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/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, 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/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,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/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};