@cascivo/react 0.18.0 → 1.1.0

package/dist/node/menu-button/menu-button.js

@@ -1,92 +1 @@
-"use client";
-
-import e from "./menu-button.module.js";
-import { useId as t, useRef as n } from "react";
-import { DismissableLayer as r, cn as i, focusElement as a, useAnchorPosition as o, useSignal as s, useSignalEffect as c, useSignals as l } from "@cascivo/core";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
-//#region ../components/src/menu-button/menu-button.tsx
-function f(e, t) {
-	if (!e) return;
-	let n = e.querySelectorAll("[role=\"menuitem\"]:not([aria-disabled=\"true\"])");
-	n[t < 0 ? n.length - 1 : t % n.length]?.focus();
-}
-function p({ label: p, items: m, variant: h = "secondary", size: g = "md", disabled: _ = !1, align: v = "start", labels: y, className: b }) {
-	l();
-	let x = s(!1), S = n(null), C = n(null), w = t(), { anchorStyle: T, floatingStyle: E } = o({
-		anchorRef: S,
-		floatingRef: C,
-		placement: v === "end" ? "bottom-end" : "bottom-start",
-		enabled: x
-	});
-	c(() => {
-		x.value && f(C.current, 0);
-	});
-	function D(e) {
-		_ || (x.value = !0, queueMicrotask(() => f(C.current, e)));
-	}
-	function O(e) {
-		x.value = !1, e && a(S.current);
-	}
-	function k(e) {
-		e.key === "ArrowDown" || e.key === "Enter" || e.key === " " ? (e.preventDefault(), D(0)) : e.key === "ArrowUp" && (e.preventDefault(), D(-1));
-	}
-	function A(e) {
-		if (e.key === "ArrowDown") {
-			e.preventDefault();
-			let t = e.currentTarget.nextElementSibling;
-			t ? t.focus() : f(C.current, 0);
-		} else if (e.key === "ArrowUp") {
-			e.preventDefault();
-			let t = e.currentTarget.previousElementSibling;
-			t ? t.focus() : f(C.current, -1);
-		} else e.key === "Escape" ? (e.preventDefault(), O(!0)) : e.key === "Tab" && O(!1);
-	}
-	function j(e) {
-		e.disabled || (e.onSelect?.(), O(!0));
-	}
-	return /* @__PURE__ */ d("div", {
-		className: i(e.root, b),
-		children: [/* @__PURE__ */ u("button", {
-			ref: S,
-			type: "button",
-			className: e.trigger,
-			"data-variant": h,
-			"data-size": g,
-			disabled: _,
-			"aria-haspopup": "menu",
-			"aria-expanded": x.value,
-			"aria-controls": w,
-			...y?.open !== void 0 && { "aria-label": y.open },
-			style: T,
-			onClick: () => {
-				x.value ? O(!1) : D(0);
-			},
-			onKeyDown: k,
-			children: p
-		}), x.value ? /* @__PURE__ */ u(r, {
-			onDismiss: () => O(!0),
-			children: /* @__PURE__ */ u("div", {
-				ref: C,
-				id: w,
-				role: "menu",
-				"data-state": "open",
-				"data-align": v,
-				className: e.menu,
-				style: E,
-				children: m.map((t) => /* @__PURE__ */ u("div", {
-					role: "menuitem",
-					tabIndex: -1,
-					"aria-disabled": t.disabled,
-					className: e.item,
-					onClick: () => j(t),
-					onKeyDown: (e) => {
-						e.key === "Enter" || e.key === " " ? (e.preventDefault(), j(t)) : A(e);
-					},
-					children: t.label
-				}, t.id))
-			})
-		}) : null]
-	});
-}
-//#endregion
-export { p as MenuButton };
+"use client";import e from"./menu-button.module.js";import{useId as t,useRef as n}from"react";import{DismissableLayer as r,cn as i,focusElement as a,useAnchorPosition as o,useSignal as s,useSignalEffect as c,useSignals as l}from"@cascivo/core";import{jsx as u,jsxs as d}from"react/jsx-runtime";function f(e,t){if(!e)return;let n=e.querySelectorAll(`[role="menuitem"]:not([aria-disabled="true"])`);n[t<0?n.length-1:t%n.length]?.focus()}function p({label:p,items:m,variant:h=`secondary`,size:g=`md`,disabled:_=!1,align:v=`start`,labels:y,className:b}){l();let x=s(!1),S=n(null),C=n(null),w=t(),{anchorStyle:T,floatingStyle:E}=o({anchorRef:S,floatingRef:C,placement:v===`end`?`bottom-end`:`bottom-start`,enabled:x});c(()=>{x.value&&f(C.current,0)});function D(e){_||(x.value=!0,queueMicrotask(()=>f(C.current,e)))}function O(e){x.value=!1,e&&a(S.current)}function k(e){e.key===`ArrowDown`||e.key===`Enter`||e.key===` `?(e.preventDefault(),D(0)):e.key===`ArrowUp`&&(e.preventDefault(),D(-1))}function A(e){if(e.key===`ArrowDown`){e.preventDefault();let t=e.currentTarget.nextElementSibling;t?t.focus():f(C.current,0)}else if(e.key===`ArrowUp`){e.preventDefault();let t=e.currentTarget.previousElementSibling;t?t.focus():f(C.current,-1)}else e.key===`Escape`?(e.preventDefault(),O(!0)):e.key===`Tab`&&O(!1)}function j(e){e.disabled||(e.onSelect?.(),O(!0))}return d(`div`,{className:i(e.root,b),children:[u(`button`,{ref:S,type:`button`,className:e.trigger,"data-variant":h,"data-size":g,disabled:_,"aria-haspopup":`menu`,"aria-expanded":x.value,"aria-controls":w,...y?.open!==void 0&&{"aria-label":y.open},style:T,onClick:()=>{x.value?O(!1):D(0)},onKeyDown:k,children:p}),x.value?u(r,{onDismiss:()=>O(!0),children:u(`div`,{ref:C,id:w,role:`menu`,"data-state":`open`,"data-align":v,className:e.menu,style:E,children:m.map(t=>u(`div`,{role:`menuitem`,tabIndex:-1,"aria-disabled":t.disabled,className:e.item,onClick:()=>j(t),onKeyDown:e=>{e.key===`Enter`||e.key===` `?(e.preventDefault(),j(t)):A(e)},children:t.label},t.id))})}):null]})}export{p as MenuButton};

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

@@ -1,8 +1 @@
-var e = {
-	root: "_root_rzxsi_2",
-	trigger: "_trigger_rzxsi_7",
-	menu: "_menu_rzxsi_82",
-	item: "_item_rzxsi_104"
-};
-//#endregion
-export { e as default };
+var e={root:`_root_rzxsi_2`,trigger:`_trigger_rzxsi_7`,menu:`_menu_rzxsi_82`,item:`_item_rzxsi_104`};export{e as default};

package/dist/node/menubar/menubar.js

@@ -1,103 +1 @@
-"use client";
-
-import e from "./menubar.module.js";
-import { useId as t, useRef as n } from "react";
-import { DismissableLayer as r, Presence as i, cn as a, focusElement as o, useAnchorPosition as s, useRovingFocus as c, useSignal as l, useSignals as u } from "@cascivo/core";
-import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
-//#region ../components/src/menubar/menubar.tsx
-function m({ menus: n, ariaLabel: r, "aria-label": i, className: o }) {
-	u();
-	let s = t(), d = l(null), p = c({
-		orientation: "horizontal",
-		loop: !0
-	});
-	return /* @__PURE__ */ f("div", {
-		role: "menubar",
-		"aria-label": r ?? i,
-		className: a(e.menubar, o),
-		children: n.map((e, t) => /* @__PURE__ */ f(h, {
-			menu: e,
-			index: t,
-			baseId: s,
-			openId: d,
-			itemProps: p.getItemProps(t)
-		}, e.id))
-	});
-}
-function h({ menu: t, baseId: r, openId: a, itemProps: c }) {
-	u();
-	let l = n(null), m = n(null), h = a.value === t.id, _ = `${r}-menu-${t.id}`, { anchorStyle: v, floatingStyle: y } = s({
-		anchorRef: l,
-		floatingRef: m,
-		placement: "bottom-start",
-		enabled: h
-	}), b = () => {
-		(m.current?.querySelector("[role=\"menuitem\"]:not([aria-disabled=\"true\"])"))?.focus();
-	}, x = (e) => {
-		c.onKeyDown(e), !e.defaultPrevented && (e.key === "ArrowDown" || e.key === "Enter" || e.key === " " ? (e.preventDefault(), a.value = t.id, requestAnimationFrame(b)) : e.key === "Escape" && (a.value = null));
-	}, { ref: S, onKeyDown: C, ...w } = c;
-	return /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f("button", {
-		ref: (e) => {
-			l.current = e, S(e);
-		},
-		type: "button",
-		role: "menuitem",
-		"aria-haspopup": "menu",
-		"aria-expanded": h,
-		"aria-controls": _,
-		"data-state": h ? "open" : "closed",
-		className: e.trigger,
-		style: v,
-		onClick: () => {
-			a.value = h ? null : t.id;
-		},
-		onKeyDown: x,
-		...w,
-		children: t.label
-	}), /* @__PURE__ */ f(i, {
-		present: h,
-		children: /* @__PURE__ */ f(g, {
-			menu: t,
-			menuId: _,
-			floatingRef: m,
-			floatingStyle: y,
-			onClose: () => {
-				a.value = null, o(l.current);
-			}
-		})
-	})] });
-}
-function g({ menu: t, menuId: n, floatingRef: i, floatingStyle: a, onClose: o }) {
-	let s = (e) => {
-		let t = Array.from(i.current?.querySelectorAll("[role=\"menuitem\"]:not([aria-disabled=\"true\"])") ?? []);
-		if (t.length === 0) return;
-		let n = t.indexOf(e.currentTarget);
-		e.key === "ArrowDown" ? (e.preventDefault(), t[(n + 1) % t.length]?.focus()) : e.key === "ArrowUp" ? (e.preventDefault(), t[(n - 1 + t.length) % t.length]?.focus()) : e.key === "Home" ? (e.preventDefault(), t[0]?.focus()) : e.key === "End" && (e.preventDefault(), t[t.length - 1]?.focus());
-	};
-	return /* @__PURE__ */ f(r, {
-		onDismiss: o,
-		children: /* @__PURE__ */ f("div", {
-			ref: i,
-			id: n,
-			role: "menu",
-			"aria-label": typeof t.label == "string" ? t.label : void 0,
-			className: e.panel,
-			style: a,
-			children: t.items.map((t) => /* @__PURE__ */ f("div", {
-				role: "menuitem",
-				tabIndex: -1,
-				"aria-disabled": t.disabled,
-				className: e.item,
-				onClick: () => {
-					t.disabled || (t.onSelect?.(), o());
-				},
-				onKeyDown: (e) => {
-					t.disabled || (e.key === "Enter" || e.key === " " ? (e.preventDefault(), t.onSelect?.(), o()) : s(e));
-				},
-				children: t.label
-			}, t.id))
-		})
-	});
-}
-//#endregion
-export { m as Menubar };
+"use client";import e from"./menubar.module.js";import{useId as t,useRef as n}from"react";import{DismissableLayer as r,Presence as i,cn as a,focusElement as o,useAnchorPosition as s,useRovingFocus as c,useSignal as l,useSignals as u}from"@cascivo/core";import{Fragment as d,jsx as f,jsxs as p}from"react/jsx-runtime";function m({menus:n,ariaLabel:r,"aria-label":i,className:o}){u();let s=t(),d=l(null),p=c({orientation:`horizontal`,loop:!0});return f(`div`,{role:`menubar`,"aria-label":r??i,className:a(e.menubar,o),children:n.map((e,t)=>f(h,{menu:e,index:t,baseId:s,openId:d,itemProps:p.getItemProps(t)},e.id))})}function h({menu:t,baseId:r,openId:a,itemProps:c}){u();let l=n(null),m=n(null),h=a.value===t.id,_=`${r}-menu-${t.id}`,{anchorStyle:v,floatingStyle:y}=s({anchorRef:l,floatingRef:m,placement:`bottom-start`,enabled:h}),b=()=>{(m.current?.querySelector(`[role="menuitem"]:not([aria-disabled="true"])`))?.focus()},x=e=>{c.onKeyDown(e),!e.defaultPrevented&&(e.key===`ArrowDown`||e.key===`Enter`||e.key===` `?(e.preventDefault(),a.value=t.id,requestAnimationFrame(b)):e.key===`Escape`&&(a.value=null))},{ref:S,onKeyDown:C,...w}=c;return p(d,{children:[f(`button`,{ref:e=>{l.current=e,S(e)},type:`button`,role:`menuitem`,"aria-haspopup":`menu`,"aria-expanded":h,"aria-controls":_,"data-state":h?`open`:`closed`,className:e.trigger,style:v,onClick:()=>{a.value=h?null:t.id},onKeyDown:x,...w,children:t.label}),f(i,{present:h,children:f(g,{menu:t,menuId:_,floatingRef:m,floatingStyle:y,onClose:()=>{a.value=null,o(l.current)}})})]})}function g({menu:t,menuId:n,floatingRef:i,floatingStyle:a,onClose:o}){let s=e=>{let t=Array.from(i.current?.querySelectorAll(`[role="menuitem"]:not([aria-disabled="true"])`)??[]);if(t.length===0)return;let n=t.indexOf(e.currentTarget);e.key===`ArrowDown`?(e.preventDefault(),t[(n+1)%t.length]?.focus()):e.key===`ArrowUp`?(e.preventDefault(),t[(n-1+t.length)%t.length]?.focus()):e.key===`Home`?(e.preventDefault(),t[0]?.focus()):e.key===`End`&&(e.preventDefault(),t[t.length-1]?.focus())};return f(r,{onDismiss:o,children:f(`div`,{ref:i,id:n,role:`menu`,"aria-label":typeof t.label==`string`?t.label:void 0,className:e.panel,style:a,children:t.items.map(t=>f(`div`,{role:`menuitem`,tabIndex:-1,"aria-disabled":t.disabled,className:e.item,onClick:()=>{t.disabled||(t.onSelect?.(),o())},onKeyDown:e=>{t.disabled||(e.key===`Enter`||e.key===` `?(e.preventDefault(),t.onSelect?.(),o()):s(e))},children:t.label},t.id))})})}export{m as Menubar};

package/dist/node/menubar/menubar.module.js

@@ -1,8 +1 @@
-var e = {
-	menubar: "_menubar_1fs00_2",
-	trigger: "_trigger_1fs00_12",
-	panel: "_panel_1fs00_35",
-	item: "_item_1fs00_66"
-};
-//#endregion
-export { e as default };
+var e={menubar:`_menubar_1fs00_2`,trigger:`_trigger_1fs00_12`,panel:`_panel_1fs00_35`,item:`_item_1fs00_66`};export{e as default};

package/dist/node/modal/modal.js

@@ -1,76 +1 @@
-"use client";
-
-import e from "./modal.module.js";
-import { useRef as t } from "react";
-import { cn as n, useDraggable as r, useEffectPropSignal as i, useId as a, useSignalEffect as o, useSignals as s } from "@cascivo/core";
-import { builtin as c, t as l } from "@cascivo/i18n";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
-//#region ../components/src/modal/modal.tsx
-function f({ open: f = !1, onClose: p, title: m, description: h, children: g, footer: _, className: v, size: y = "md", draggable: b = !1 }) {
-	s();
-	let x = t(null), S = t(p);
-	S.current = p;
-	let C = a("cascivo-modal-title"), w = a("cascivo-modal-desc"), { handleRef: T, offset: E } = r({ isDisabled: !b }), D = b ? {
-		"--modal-x": `${E.value.x}px`,
-		"--modal-y": `${E.value.y}px`
-	} : void 0, O = i(f);
-	return o(() => {
-		let e = x.current;
-		e && (O.value ? e.open || e.showModal() : e.open && e.close());
-	}), o(() => {
-		let e = x.current;
-		if (!e) return;
-		let t = () => S.current?.();
-		return e.addEventListener("close", t), () => e.removeEventListener("close", t);
-	}), /* @__PURE__ */ u("dialog", {
-		ref: x,
-		"data-size": y,
-		"data-draggable": b || void 0,
-		className: n(e.dialog, v),
-		style: D,
-		onClick: (e) => {
-			e.target === x.current && x.current?.close();
-		},
-		"aria-labelledby": m ? C : void 0,
-		"aria-describedby": h ? w : void 0,
-		children: /* @__PURE__ */ d("div", {
-			className: e.panel,
-			children: [
-				(m || p) && /* @__PURE__ */ d("div", {
-					className: e.header,
-					ref: b ? (e) => {
-						T.current = e;
-					} : void 0,
-					children: [m && /* @__PURE__ */ u("h2", {
-						id: C,
-						className: e.title,
-						children: m
-					}), p && /* @__PURE__ */ u("button", {
-						type: "button",
-						className: e.close,
-						onClick: () => x.current?.close(),
-						"aria-label": l(c.modal.close),
-						children: "✕"
-					})]
-				}),
-				h && /* @__PURE__ */ u("p", {
-					id: w,
-					className: e.description,
-					children: h
-				}),
-				/* @__PURE__ */ u("div", {
-					className: e.body,
-					"data-cascivo-modal-body": "",
-					children: g
-				}),
-				_ && /* @__PURE__ */ u("div", {
-					className: e.footer,
-					"data-cascivo-modal-footer": "",
-					children: _
-				})
-			]
-		})
-	});
-}
-//#endregion
-export { f as Modal };
+"use client";import e from"./modal.module.js";import{useRef as t}from"react";import{cn as n,useDraggable as r,useEffectPropSignal as i,useId as a,useSignalEffect as o,useSignals as s}from"@cascivo/core";import{builtin as c,t as l}from"@cascivo/i18n";import{jsx as u,jsxs as d}from"react/jsx-runtime";function f({open:f=!1,onClose:p,title:m,description:h,children:g,footer:_,className:v,size:y=`md`,draggable:b=!1}){s();let x=t(null),S=t(p);S.current=p;let C=a(`cascivo-modal-title`),w=a(`cascivo-modal-desc`),{handleRef:T,offset:E}=r({isDisabled:!b}),D=b?{"--modal-x":`${E.value.x}px`,"--modal-y":`${E.value.y}px`}:void 0,O=i(f);return o(()=>{let e=x.current;e&&(O.value?e.open||e.showModal():e.open&&e.close())}),o(()=>{let e=x.current;if(!e)return;let t=()=>S.current?.();return e.addEventListener(`close`,t),()=>e.removeEventListener(`close`,t)}),u(`dialog`,{ref:x,"data-size":y,"data-draggable":b||void 0,className:n(e.dialog,v),style:D,onClick:e=>{e.target===x.current&&x.current?.close()},"aria-labelledby":m?C:void 0,"aria-describedby":h?w:void 0,children:d(`div`,{className:e.panel,children:[(m||p)&&d(`div`,{className:e.header,ref:b?e=>{T.current=e}:void 0,children:[m&&u(`h2`,{id:C,className:e.title,children:m}),p&&u(`button`,{type:`button`,className:e.close,onClick:()=>x.current?.close(),"aria-label":l(c.modal.close),children:`✕`})]}),h&&u(`p`,{id:w,className:e.description,children:h}),u(`div`,{className:e.body,"data-cascivo-modal-body":``,children:g}),_&&u(`div`,{className:e.footer,"data-cascivo-modal-footer":``,children:_})]})})}export{f as Modal};

package/dist/node/modal/modal.module.js

@@ -1,12 +1 @@
-var e = {
-	dialog: "_dialog_hywey_2",
-	panel: "_panel_hywey_69",
-	header: "_header_hywey_79",
-	title: "_title_hywey_101",
-	close: "_close_hywey_110",
-	description: "_description_hywey_138",
-	body: "_body_hywey_148",
-	footer: "_footer_hywey_166"
-};
-//#endregion
-export { e as default };
+var e={dialog:`_dialog_flqt0_2`,panel:`_panel_flqt0_69`,header:`_header_flqt0_79`,title:`_title_flqt0_101`,close:`_close_flqt0_110`,description:`_description_flqt0_138`,body:`_body_flqt0_148`,footer:`_footer_flqt0_166`};export{e as default};

package/dist/node/multi-select/list-nav.js

@@ -0,0 +1 @@
+function e(e){let t=[];return e.forEach((e,n)=>{e.disabled||t.push(n)}),t}function t(t,n,r){let i=e(r);if(i.length===0)return-1;let a=i.indexOf(t);return a===-1?n>0?i[0]:i[i.length-1]:i[(a+n+i.length)%i.length]}function n(t){return e(t)[0]??-1}function r(t){let n=e(t);return n[n.length-1]??-1}function i(t,n,r){let i=e(r);if(i.length===0)return-1;let a=i.indexOf(t),o=a===-1?n>0?-1:i.length:a;return i[Math.min(Math.max(o+n*10,0),i.length-1)]}function a(e,t){return e>=0&&e<t.length&&!t[e]?.disabled?e:n(t)}export{a as clampActive,n as firstActive,r as lastActive,t as moveActive,i as pageActive};

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

@@ -1,106 +1 @@
-"use client";
-
-import { usePopover as e } from "../popover/use-popover.js";
-import t from "./multi-select.module.js";
-import { useRef as n } from "react";
-import { cn as r, focusElement as i, useComputed as a, useSignal as o, useSignalEffect as s, useSignals as c } from "@cascivo/core";
-import { builtin as l, t as u } from "@cascivo/i18n";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
-//#region ../components/src/multi-select/multi-select.tsx
-function p({ options: p, value: m, onValueChange: h, placeholder: g, disabled: _ = !1, labels: v, className: y, ...b }) {
-	c();
-	let x = e({ placement: "bottom" }), S = o(""), C = o(-1), w = n(null), T = n(null), E = a(() => {
-		let e = S.value.toLowerCase();
-		return e ? p.filter((t) => t.label.toLowerCase().includes(e)) : p;
-	});
-	s(() => {
-		x.isOpen.value ? (C.value = -1, setTimeout(() => i(T.current), 0)) : S.value = "";
-	}), s(() => {
-		let e = w.current;
-		if (!e || !x.isOpen.value) return;
-		let t = (e) => {
-			let t = E.value;
-			if (e.key === "ArrowDown") e.preventDefault(), C.value = Math.min(C.value + 1, t.length - 1);
-			else if (e.key === "ArrowUp") e.preventDefault(), C.value = Math.max(C.value - 1, -1);
-			else if (e.key === " " || e.key === "Enter") {
-				let n = t[C.value];
-				n && !n.disabled && (e.preventDefault(), D(n.value));
-			} else e.key === "Escape" && x.close();
-		};
-		return e.addEventListener("keydown", t), () => e.removeEventListener("keydown", t);
-	});
-	function D(e) {
-		m.includes(e) ? h(m.filter((t) => t !== e)) : h([...m, e]);
-	}
-	let O = m.length === 0 ? g ?? v?.placeholder ?? u(l.multiSelect.placeholder) : v?.selected ? v.selected(m.length) : u(l.multiSelect.selected, { count: String(m.length) }), k = v?.search ?? u(l.multiSelect.search), A = v?.noResults ?? u(l.multiSelect.noResults);
-	return /* @__PURE__ */ f("div", {
-		className: r(t.wrapper, y),
-		...b,
-		children: [/* @__PURE__ */ f("button", {
-			ref: x.triggerRef,
-			type: "button",
-			className: t.trigger,
-			"aria-haspopup": "listbox",
-			"aria-expanded": x.isOpen.value,
-			disabled: _,
-			style: { anchorName: x.anchorName },
-			onClick: () => x.toggle(),
-			children: [/* @__PURE__ */ d("span", {
-				className: t["trigger-label"],
-				children: O
-			}), /* @__PURE__ */ d("span", {
-				className: t.chevron,
-				"aria-hidden": "true"
-			})]
-		}), /* @__PURE__ */ f("div", {
-			ref: x.popoverRef,
-			popover: "auto",
-			className: t.panel,
-			style: { positionAnchor: x.anchorName },
-			tabIndex: -1,
-			children: [/* @__PURE__ */ d("div", {
-				className: t["search-row"],
-				children: /* @__PURE__ */ d("input", {
-					ref: T,
-					type: "search",
-					className: t.search,
-					placeholder: k,
-					value: S.value,
-					onChange: (e) => {
-						S.value = e.currentTarget.value, C.value = -1;
-					}
-				})
-			}), /* @__PURE__ */ d("div", {
-				ref: w,
-				role: "listbox",
-				"aria-multiselectable": "true",
-				"aria-label": v?.label ?? u(l.multiSelect.label),
-				className: t.options,
-				children: E.value.length === 0 ? /* @__PURE__ */ d("div", {
-					className: t["no-results"],
-					children: A
-				}) : E.value.map((e, n) => /* @__PURE__ */ f("div", {
-					role: "option",
-					"aria-selected": m.includes(e.value),
-					"aria-disabled": e.disabled,
-					"data-active": n === C.value ? "" : void 0,
-					"data-selected": m.includes(e.value) ? "" : void 0,
-					"data-disabled": e.disabled ? "" : void 0,
-					className: t.option,
-					onMouseDown: (t) => {
-						t.preventDefault(), e.disabled || D(e.value);
-					},
-					onMouseEnter: () => {
-						C.value = n;
-					},
-					children: [/* @__PURE__ */ d("span", {
-						className: t.checkbox,
-						"aria-hidden": "true"
-					}), e.label]
-				}, e.value))
-			})]
-		})]
-	});
-}
-//#endregion
-export { p as MultiSelect };
+"use client";import{usePopover as e}from"../popover/use-popover.js";import{clampActive as t,firstActive as n,lastActive as r,moveActive as i,pageActive as a}from"./list-nav.js";import{filterOptions as o,groupOptions as ee,highlightSegments as te,isNewLabel as ne,orderByGroup as re}from"./option-list.js";import s from"./multi-select.module.js";import{useId as ie,useRef as c}from"react";import{cn as ae,focusElement as oe,useControllableSignal as se,useSignal as ce,useSignalEffect as l,useSignals as le}from"@cascivo/core";import{builtin as u,t as d}from"@cascivo/i18n";import{jsx as f,jsxs as p}from"react/jsx-runtime";function ue(...e){return e.filter(Boolean).join(` `)||void 0}function m({options:m,value:de,defaultValue:fe,onValueChange:pe,placeholder:me,label:h,ariaLabel:g,hint:_,error:v,display:y=`count`,disabled:b=!1,clearable:he=!1,selectAll:ge=!1,max:x,creatable:_e=!1,onCreate:ve,loading:S=!1,onSearchChange:C,filter:w,searchable:T=!0,size:ye=`md`,name:E,labels:D,className:be,id:xe,"aria-labelledby":Se,"aria-describedby":Ce,"aria-invalid":we,...Te}){le();let O=e({placement:`bottom`}),k=ie(),A=xe??`${k}-trigger`,j=`${k}-listbox`,M=`${k}-panel`,Ee=`${k}-search`,N=e=>`${k}-option-${e}`,P=ce(``),F=ce(-1),I=c(null),L=c(null),R=c(null),[z,De]=se({value:de,defaultValue:fe??[],onChange:pe}),B=O.isOpen.value,V=z.value,H=x!==void 0&&V.length>=x,U=P.value,W=re(o(m,T?U:``,w)),G=_e&&U.trim()!==``&&ne(m,U.trim()),K=G?W.length:-1,Oe=ee(W),ke=me??D?.placeholder??d(u.multiSelect.placeholder),q=D?.search??d(u.multiSelect.search),Ae=D?.noResults??d(u.multiSelect.noResults),je=D?.loading??d(u.multiSelect.loading),Me=D?.label??h??g??d(u.multiSelect.label),Ne=D?.clear??d(u.multiSelect.clear),Pe=D?.selectAll??d(u.multiSelect.selectAll),Fe=D?.clearAll??d(u.multiSelect.clearAll),Ie=e=>D?.remove?D.remove.replaceAll(`{label}`,e):d(u.multiSelect.remove,{label:e}),Le=e=>D?.create?D.create.replaceAll(`{label}`,e):d(u.multiSelect.create,{label:e}),Re=V.flatMap(e=>{let t=m.find(t=>t.value===e);return t?[t]:[{value:e,label:e}]}),ze=V.length===0?ke:D?.selected?D.selected(V.length):d(u.multiSelect.selected,{count:String(V.length)}),J=c(!1);l(()=>{if(O.isOpen.value){F.value=-1;let e=setTimeout(()=>oe(T?L.current:I.current),0);return J.current=!0,()=>clearTimeout(e)}P.value=``,J.current&&(J.current=!1,oe(R.current))}),l(()=>{let e=F.value;if(!O.isOpen.value||e<0)return;let t=I.current?.querySelector(`#${CSS.escape(N(e))}`);t&&typeof t.scrollIntoView==`function`&&t.scrollIntoView({block:`nearest`})});function Y(e){De(e)}function Be(e){let t=z.value;if(t.includes(e)){Y(t.filter(t=>t!==e));return}x!==void 0&&t.length>=x||Y([...t,e])}function X(e){if(e===K&&G){ve?.(U.trim()),P.value=``,C?.(``);return}let t=W[e];t&&!t.disabled&&Be(t.value)}function Z(e){F.value=e}function Ve(e){let t=[...W.map(e=>({...e,disabled:e.disabled||H&&!V.includes(e.value)})),...G?[{value:``,label:U}]:[]];switch(e.key){case`ArrowDown`:e.preventDefault(),Z(i(F.value,1,t));break;case`ArrowUp`:e.preventDefault(),Z(i(F.value,-1,t));break;case`Home`:e.preventDefault(),Z(n(t));break;case`End`:e.preventDefault(),Z(r(t));break;case`PageDown`:e.preventDefault(),Z(a(F.value,1,t));break;case`PageUp`:e.preventDefault(),Z(a(F.value,-1,t));break;case`Enter`:F.value>=0&&(e.preventDefault(),X(F.value));break;case` `:!T&&F.value>=0&&(e.preventDefault(),X(F.value));break;case`Escape`:e.preventDefault(),e.stopPropagation(),O.close();break;case`Backspace`:y===`chips`&&U===``&&z.value.length>0&&(e.preventDefault(),Y(z.value.slice(0,-1)));break}}function He(e){b||(e.key===`ArrowDown`||e.key===`ArrowUp`||e.key===`Enter`||e.key===` `)&&(e.preventDefault(),O.open())}let Q=m.filter(e=>!e.disabled).map(e=>e.value),Ue=Q.length>0&&Q.every(e=>V.includes(e)),We=ue(v?`${k}-error`:_?`${k}-hint`:void 0,Ce);function $(e,t){let n=V.includes(e.value),r=e.disabled||H&&!n;return p(`div`,{id:N(t),role:`option`,"aria-selected":n,"aria-disabled":r||void 0,"data-active":t===F.value?``:void 0,"data-selected":n?``:void 0,"data-disabled":r?``:void 0,className:s.option,onMouseDown:e=>e.preventDefault(),onClick:()=>{r||Be(e.value)},onMouseEnter:()=>{r||Z(t)},children:[f(`span`,{className:s.checkbox,"aria-hidden":`true`}),f(`span`,{className:s[`option-label`],children:te(e.label,T?U:``).map((e,t)=>e.match?f(`mark`,{className:s.match,children:e.text},t):f(`span`,{children:e.text},t))})]},e.value)}return p(`div`,{className:ae(s.wrapper,be),"data-state":v?`error`:B?`open`:`closed`,"data-size":ye,...Te,children:[h&&f(`label`,{className:s.label,htmlFor:A,children:h}),p(`div`,{className:s.field,"data-display":y,children:[y===`chips`&&Re.map(e=>p(`span`,{className:s.chip,children:[f(`span`,{className:s[`chip-label`],children:e.label}),f(`button`,{type:`button`,className:s[`chip-remove`],"aria-label":Ie(e.label),disabled:b,onClick:()=>Y(z.value.filter(t=>t!==e.value))})]},e.value)),p(`button`,{ref:e=>{R.current=e,O.triggerRef.current=e},id:A,type:`button`,className:s.trigger,"aria-haspopup":`listbox`,"aria-expanded":B,"aria-controls":M,"aria-labelledby":Se,"aria-label":g,"aria-invalid":v?!0:we,"aria-describedby":We,disabled:b,style:{anchorName:O.anchorName},onClick:()=>{b||O.toggle()},onKeyDown:He,children:[f(`span`,{className:s[`trigger-label`],"data-empty":V.length===0?``:void 0,children:y===`chips`&&V.length>0?f(`span`,{className:s[`sr-only`],children:ze}):ze}),f(`span`,{className:s.chevron,"aria-hidden":`true`})]}),he&&V.length>0&&!b&&f(`button`,{type:`button`,className:s.clear,"aria-label":Ne,onClick:()=>Y([]),children:f(`span`,{className:s[`clear-glyph`],"aria-hidden":`true`})})]}),E!==void 0&&V.map(e=>f(`input`,{type:`hidden`,name:E,value:e},e)),p(`div`,{ref:O.popoverRef,id:M,popover:`auto`,className:s.panel,style:{positionAnchor:O.anchorName},tabIndex:-1,children:[T&&f(`div`,{className:s[`search-row`],children:f(`input`,{ref:L,id:Ee,type:`text`,role:`combobox`,className:s.search,placeholder:q,"aria-label":q,"aria-expanded":B,"aria-controls":j,"aria-autocomplete":`list`,"aria-activedescendant":B&&F.value>=0?N(F.value):void 0,autoComplete:`off`,value:U,onChange:e=>{P.value=e.currentTarget.value,C?.(e.currentTarget.value),F.value=t(-1,o(m,e.currentTarget.value,w))},onKeyDown:Ve})}),ge&&Q.length>0&&f(`button`,{type:`button`,className:s[`select-all`],onMouseDown:e=>e.preventDefault(),onClick:()=>Y(Ue?[]:x===void 0?Q:Q.slice(0,x)),children:Ue?Fe:Pe}),p(`div`,{ref:I,role:`listbox`,id:j,"aria-multiselectable":`true`,"aria-label":Me,"aria-busy":S||void 0,"aria-activedescendant":!T&&B&&F.value>=0?N(F.value):void 0,tabIndex:T?-1:0,className:s.options,onKeyDown:T?void 0:Ve,children:[Oe.map(e=>e.label===void 0?e.entries.map(({option:e,index:t})=>$(e,t)):p(`div`,{role:`group`,"aria-label":e.label,className:s.group,children:[f(`span`,{className:s[`group-label`],"aria-hidden":`true`,children:e.label}),e.entries.map(({option:e,index:t})=>$(e,t))]},e.label)),G&&f(`div`,{id:N(K),role:`option`,"aria-selected":!1,"data-active":K===F.value?``:void 0,className:ae(s.option,s.create),onMouseDown:e=>e.preventDefault(),onClick:()=>X(K),onMouseEnter:()=>Z(K),children:Le(U.trim())})]}),S?f(`div`,{className:s.status,role:`status`,children:je}):W.length===0&&!G?f(`div`,{className:s.status,role:`status`,children:Ae}):null]}),f(`span`,{className:s[`sr-only`],role:`status`,"aria-live":`polite`,children:B?d(u.multiSelect.selectionChanged,{count:String(V.length),total:String(m.length)}):``}),v&&f(`span`,{id:`${k}-error`,className:s.error,role:`alert`,children:v}),!v&&_&&f(`span`,{id:`${k}-hint`,className:s.hint,children:_})]})}export{m as MultiSelect};

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

@@ -1,15 +1 @@
-var e = {
-	wrapper: "_wrapper_o9vhb_2",
-	trigger: "_trigger_o9vhb_12",
-	"trigger-label": "_trigger-label_o9vhb_51",
-	chevron: "_chevron_o9vhb_63",
-	panel: "_panel_o9vhb_83",
-	"search-row": "_search-row_o9vhb_128",
-	search: "_search_o9vhb_128",
-	options: "_options_o9vhb_149",
-	option: "_option_o9vhb_149",
-	checkbox: "_checkbox_o9vhb_177",
-	"no-results": "_no-results_o9vhb_192"
-};
-//#endregion
-export { e as default };
+var e={wrapper:`_wrapper_1vodk_2`,label:`_label_1vodk_14`,field:`_field_1vodk_21`,trigger:`_trigger_1vodk_37`,"trigger-label":`_trigger-label_1vodk_103`,chip:`_chip_1vodk_116`,"chip-label":`_chip-label_1vodk_130`,"chip-remove":`_chip-remove_1vodk_136`,clear:`_clear_1vodk_161`,"clear-glyph":`_clear-glyph_1vodk_181`,chevron:`_chevron_1vodk_193`,panel:`_panel_1vodk_213`,"search-row":`_search-row_1vodk_266`,search:`_search_1vodk_266`,"select-all":`_select-all_1vodk_287`,options:`_options_1vodk_308`,group:`_group_1vodk_318`,"group-label":`_group-label_1vodk_322`,option:`_option_1vodk_308`,"option-label":`_option-label_1vodk_360`,match:`_match_1vodk_367`,create:`_create_1vodk_374`,checkbox:`_checkbox_1vodk_379`,status:`_status_1vodk_402`,error:`_error_1vodk_411`,hint:`_hint_1vodk_412`,"sr-only":`_sr-only_1vodk_425`};export{e as default};

package/dist/node/multi-select/option-list.js

@@ -0,0 +1 @@
+function e(e){return(e.normalize(`NFD`)[0]??e).toLowerCase()}function t(t){return Array.from(t,e)}function n(e,n){let r=t(n).join(``);return r===``?!0:t(e.label).join(``).includes(r)||t(e.value).join(``).includes(r)}function r(e,t,r){let i=r??n;return t===``&&!r?e:e.filter(e=>i(e,t))}function i(e,n){let r=t(n).join(``);if(r===``)return[{text:e,match:!1}];let i=Array.from(e),a=t(e).join(``).indexOf(r);if(a===-1)return[{text:e,match:!1}];let o=Array.from(n).length,s=[],c=i.slice(0,a).join(``),l=i.slice(a,a+o).join(``),u=i.slice(a+o).join(``);return c!==``&&s.push({text:c,match:!1}),s.push({text:l,match:!0}),u!==``&&s.push({text:u,match:!1}),s}function a(e){let t=[],n=new Map;return e.forEach((e,r)=>{let i=e.group,a=n.get(i);a||(a={label:i,entries:[]},n.set(i,a),t.push(a)),a.entries.push({option:e,index:r})}),t.sort((e,t)=>Number(e.label!==void 0)-Number(t.label!==void 0))}function o(e){return a(e).flatMap(e=>e.entries.map(e=>e.option))}function s(e,n){let r=t(n).join(``);return r===``?!1:!e.some(e=>t(e.label).join(``)===r)}export{r as filterOptions,a as groupOptions,i as highlightSegments,s as isNewLabel,o as orderByGroup};

package/dist/node/native-select/native-select.js

@@ -1,37 +1 @@
-import e from "./native-select.module.js";
-import { cn as t } from "@cascivo/core/pure";
-import { forwardRef as n } from "react";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-//#region ../components/src/native-select/native-select.tsx
-var a = n(function({ options: n, children: a, size: o = "md", invalid: s, disabled: c, placeholder: l, value: u, defaultValue: d, className: f, ...p }, m) {
-	let h = u !== void 0, g = l !== void 0;
-	return /* @__PURE__ */ i("div", {
-		className: t(e.root, f),
-		"data-size": o,
-		"data-invalid": s || void 0,
-		children: [/* @__PURE__ */ i("select", {
-			ref: m,
-			className: e.select,
-			disabled: c,
-			"aria-invalid": s || void 0,
-			value: u,
-			defaultValue: !h && g ? d ?? "" : d,
-			...p,
-			children: [g && /* @__PURE__ */ r("option", {
-				value: "",
-				disabled: !0,
-				hidden: !0,
-				children: l
-			}), n ? n.map((e) => /* @__PURE__ */ r("option", {
-				value: e.value,
-				disabled: e.disabled,
-				children: e.label
-			}, e.value)) : a]
-		}), /* @__PURE__ */ r("span", {
-			className: e.chevron,
-			"aria-hidden": "true"
-		})]
-	});
-});
-//#endregion
-export { a as NativeSelect };
+import e from"./native-select.module.js";import{cn as t}from"@cascivo/core/pure";import{forwardRef as n}from"react";import{jsx as r,jsxs as i}from"react/jsx-runtime";var a=n(function({options:n,children:a,size:o=`md`,invalid:s,disabled:c,placeholder:l,value:u,defaultValue:d,className:f,...p},m){let h=u!==void 0,g=l!==void 0;return i(`div`,{className:t(e.root,f),"data-size":o,"data-invalid":s||void 0,children:[i(`select`,{ref:m,className:e.select,disabled:c,"aria-invalid":s||void 0,value:u,defaultValue:!h&&g?d??``:d,...p,children:[g&&r(`option`,{value:``,disabled:!0,hidden:!0,children:l}),n?n.map(e=>r(`option`,{value:e.value,disabled:e.disabled,children:e.label},e.value)):a]}),r(`span`,{className:e.chevron,"aria-hidden":`true`})]})});export{a as NativeSelect};

package/dist/node/native-select/native-select.module.js

@@ -1,7 +1 @@
-var e = {
-	root: "_root_1s4kv_2",
-	select: "_select_1s4kv_24",
-	chevron: "_chevron_1s4kv_66"
-};
-//#endregion
-export { e as default };
+var e={root:`_root_1g3i3_2`,select:`_select_1g3i3_24`,chevron:`_chevron_1g3i3_66`};export{e as default};

package/dist/node/navigation-menu/navigation-menu.js

@@ -1,99 +1 @@
-"use client";
-
-import e from "./navigation-menu.module.js";
-import { useId as t, useRef as n } from "react";
-import { DismissableLayer as r, Presence as i, cn as a, focusElement as o, getLinkComponent as s, useAnchorPosition as c, useRovingFocus as l, useSignal as u, useSignals as d } from "@cascivo/core";
-import { jsx as f, jsxs as p } from "react/jsx-runtime";
-//#region ../components/src/navigation-menu/navigation-menu.tsx
-function m({ items: n, "aria-label": r, ariaLabel: i, orientation: o = "horizontal", className: s }) {
-	d();
-	let c = t(), p = u(null), m = l({
-		orientation: o,
-		loop: !0
-	});
-	return /* @__PURE__ */ f("nav", {
-		"aria-label": i ?? r,
-		className: a(e.nav, s),
-		"data-orientation": o,
-		children: /* @__PURE__ */ f("ul", {
-			role: "list",
-			className: e.list,
-			children: n.map((e, t) => /* @__PURE__ */ f(h, {
-				item: e,
-				baseId: c,
-				openId: p,
-				itemProps: m.getItemProps(t)
-			}, e.id))
-		})
-	});
-}
-function h({ item: t, baseId: r, openId: a, itemProps: l }) {
-	d();
-	let u = n(null), m = n(null), h = t.content != null, _ = a.value === t.id, v = `${r}-panel-${t.id}`, { anchorStyle: y, floatingStyle: b } = c({
-		anchorRef: u,
-		floatingRef: m,
-		placement: "bottom-start",
-		enabled: _
-	}), { ref: x, onKeyDown: S, ...C } = l;
-	if (!h) {
-		let n = s();
-		return /* @__PURE__ */ f("li", {
-			className: e.item,
-			children: /* @__PURE__ */ f(n, {
-				ref: (e) => x(e),
-				href: t.href,
-				className: e.link,
-				onKeyDown: S,
-				...C,
-				children: t.label
-			})
-		});
-	}
-	return /* @__PURE__ */ p("li", {
-		className: e.item,
-		children: [/* @__PURE__ */ f("button", {
-			ref: (e) => {
-				u.current = e, x(e);
-			},
-			type: "button",
-			"aria-expanded": _,
-			"aria-controls": v,
-			"data-state": _ ? "open" : "closed",
-			className: e.trigger,
-			style: y,
-			onClick: () => {
-				a.value = _ ? null : t.id;
-			},
-			onKeyDown: (e) => {
-				S(e), !e.defaultPrevented && e.key === "Escape" && (a.value = null);
-			},
-			...C,
-			children: t.label
-		}), /* @__PURE__ */ f(i, {
-			present: _,
-			children: /* @__PURE__ */ f(g, {
-				panelId: v,
-				floatingRef: m,
-				floatingStyle: b,
-				onClose: () => {
-					a.value = null, o(u.current);
-				},
-				children: t.content
-			})
-		})]
-	});
-}
-function g({ panelId: t, floatingRef: n, floatingStyle: i, onClose: a, children: o }) {
-	return /* @__PURE__ */ f(r, {
-		onDismiss: a,
-		children: /* @__PURE__ */ f("div", {
-			ref: n,
-			id: t,
-			className: e.panel,
-			style: i,
-			children: o
-		})
-	});
-}
-//#endregion
-export { m as NavigationMenu };
+"use client";import e from"./navigation-menu.module.js";import{useId as t,useRef as n}from"react";import{DismissableLayer as r,Presence as i,cn as a,focusElement as o,getLinkComponent as s,useAnchorPosition as c,useRovingFocus as l,useSignal as u,useSignals as d}from"@cascivo/core";import{jsx as f,jsxs as p}from"react/jsx-runtime";function m({items:n,"aria-label":r,ariaLabel:i,label:o,orientation:s=`horizontal`,className:c}){d();let p=t(),m=u(null),g=l({orientation:s,loop:!0});return f(`nav`,{"aria-label":i??r??o,className:a(e.nav,c),"data-orientation":s,children:f(`ul`,{role:`list`,className:e.list,children:n.map((e,t)=>f(h,{item:e,baseId:p,openId:m,itemProps:g.getItemProps(t)},e.id))})})}function h({item:t,baseId:r,openId:a,itemProps:l}){d();let u=n(null),m=n(null),h=t.content!=null,_=a.value===t.id,v=`${r}-panel-${t.id}`,{anchorStyle:y,floatingStyle:b}=c({anchorRef:u,floatingRef:m,placement:`bottom-start`,enabled:_}),{ref:x,onKeyDown:S,...C}=l;if(!h){let n=s();return f(`li`,{className:e.item,children:f(n,{ref:e=>x(e),href:t.href,className:e.link,onKeyDown:S,...C,children:t.label})})}return p(`li`,{className:e.item,children:[f(`button`,{ref:e=>{u.current=e,x(e)},type:`button`,"aria-expanded":_,"aria-controls":v,"data-state":_?`open`:`closed`,className:e.trigger,style:y,onClick:()=>{a.value=_?null:t.id},onKeyDown:e=>{S(e),!e.defaultPrevented&&e.key===`Escape`&&(a.value=null)},...C,children:t.label}),f(i,{present:_,children:f(g,{panelId:v,floatingRef:m,floatingStyle:b,onClose:()=>{a.value=null,o(u.current)},children:t.content})})]})}function g({panelId:t,floatingRef:n,floatingStyle:i,onClose:a,children:o}){return f(r,{onDismiss:a,children:f(`div`,{ref:n,id:t,className:e.panel,style:i,children:o})})}export{m as NavigationMenu};

package/dist/node/navigation-menu/navigation-menu.module.js

@@ -1,10 +1 @@
-var e = {
-	nav: "_nav_1k4lc_2",
-	list: "_list_1k4lc_6",
-	item: "_item_1k4lc_20",
-	link: "_link_1k4lc_24",
-	trigger: "_trigger_1k4lc_25",
-	panel: "_panel_1k4lc_50"
-};
-//#endregion
-export { e as default };
+var e={nav:`_nav_1k4lc_2`,list:`_list_1k4lc_6`,item:`_item_1k4lc_20`,link:`_link_1k4lc_24`,trigger:`_trigger_1k4lc_25`,panel:`_panel_1k4lc_50`};export{e as default};