@cascivo/react 1.0.0 → 1.2.0

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

@@ -0,0 +1 @@
+function enabledIndexes(e){let t=[];return e.forEach((e,n)=>{e.disabled||t.push(n)}),t}function moveActive(e,t,n){let r=enabledIndexes(n);if(r.length===0)return-1;let i=r.indexOf(e);return i===-1?t>0?r[0]:r[r.length-1]:r[(i+t+r.length)%r.length]}function firstActive(e){return enabledIndexes(e)[0]??-1}function lastActive(e){let t=enabledIndexes(e);return t[t.length-1]??-1}function pageActive(e,t,n){let r=enabledIndexes(n);if(r.length===0)return-1;let i=r.indexOf(e),a=i===-1?t>0?-1:r.length:i;return r[Math.min(Math.max(a+t*10,0),r.length-1)]}function clampActive(e,t){return e>=0&&e<t.length&&!t[e]?.disabled?e:firstActive(t)}export{clampActive,firstActive,lastActive,moveActive,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 l,focusElement as u,useControllableSignal as ae,useSignal as d,useSignalEffect as f,useSignals as oe}from"@cascivo/core";import{builtin as p,t as m}from"@cascivo/i18n";import{jsx as h,jsxs as g}from"react/jsx-runtime";function mergeDescribedBy(...e){return e.filter(Boolean).join(` `)||void 0}function MultiSelect({options:_,value:se,defaultValue:ce,onValueChange:le,placeholder:ue,label:v,ariaLabel:y,hint:b,error:x,display:S=`count`,disabled:C=!1,clearable:de=!1,selectAll:fe=!1,max:w,creatable:pe=!1,onCreate:me,loading:T=!1,onSearchChange:E,filter:D,searchable:O=!0,size:he=`md`,name:k,labels:A,className:ge,id:_e,"aria-labelledby":ve,"aria-describedby":ye,"aria-invalid":be,...xe}){oe();let j=e({placement:`bottom`}),M=ie(),N=_e??`${M}-trigger`,P=`${M}-listbox`,F=`${M}-panel`,Se=`${M}-search`,optionId=e=>`${M}-option-${e}`,I=d(``),L=d(-1),R=c(null),z=c(null),B=c(null),[V,Ce]=ae({value:se,defaultValue:ce??[],onChange:le}),H=j.isOpen.value,U=V.value,W=w!==void 0&&U.length>=w,G=I.value,K=re(o(_,O?G:``,D)),q=pe&&G.trim()!==``&&ne(_,G.trim()),J=q?K.length:-1,we=ee(K),Te=ue??A?.placeholder??m(p.multiSelect.placeholder),Y=A?.search??m(p.multiSelect.search),Ee=A?.noResults??m(p.multiSelect.noResults),De=A?.loading??m(p.multiSelect.loading),Oe=A?.label??v??y??m(p.multiSelect.label),ke=A?.clear??m(p.multiSelect.clear),Ae=A?.selectAll??m(p.multiSelect.selectAll),je=A?.clearAll??m(p.multiSelect.clearAll),removeLabel=e=>A?.remove?A.remove.replaceAll(`{label}`,e):m(p.multiSelect.remove,{label:e}),createLabel=e=>A?.create?A.create.replaceAll(`{label}`,e):m(p.multiSelect.create,{label:e}),Me=U.flatMap(e=>{let t=_.find(t=>t.value===e);return t?[t]:[{value:e,label:e}]}),X=U.length===0?Te:A?.selected?A.selected(U.length):m(p.multiSelect.selected,{count:String(U.length)}),Z=c(!1);f(()=>{if(j.isOpen.value){L.value=-1;let e=setTimeout(()=>u(O?z.current:R.current),0);return Z.current=!0,()=>clearTimeout(e)}I.value=``,Z.current&&(Z.current=!1,u(B.current))}),f(()=>{let e=L.value;if(!j.isOpen.value||e<0)return;let t=R.current?.querySelector(`#${CSS.escape(optionId(e))}`);t&&typeof t.scrollIntoView==`function`&&t.scrollIntoView({block:`nearest`})});function commit(e){Ce(e)}function toggleOption(e){let t=V.value;if(t.includes(e)){commit(t.filter(t=>t!==e));return}w!==void 0&&t.length>=w||commit([...t,e])}function activate(e){if(e===J&&q){me?.(G.trim()),I.value=``,E?.(``);return}let t=K[e];t&&!t.disabled&&toggleOption(t.value)}function setActive(e){L.value=e}function handleKeyDown(e){let t=[...K.map(e=>({...e,disabled:e.disabled||W&&!U.includes(e.value)})),...q?[{value:``,label:G}]:[]];switch(e.key){case`ArrowDown`:e.preventDefault(),setActive(i(L.value,1,t));break;case`ArrowUp`:e.preventDefault(),setActive(i(L.value,-1,t));break;case`Home`:e.preventDefault(),setActive(n(t));break;case`End`:e.preventDefault(),setActive(r(t));break;case`PageDown`:e.preventDefault(),setActive(a(L.value,1,t));break;case`PageUp`:e.preventDefault(),setActive(a(L.value,-1,t));break;case`Enter`:L.value>=0&&(e.preventDefault(),activate(L.value));break;case` `:!O&&L.value>=0&&(e.preventDefault(),activate(L.value));break;case`Escape`:e.preventDefault(),e.stopPropagation(),j.close();break;case`Backspace`:S===`chips`&&G===``&&V.value.length>0&&(e.preventDefault(),commit(V.value.slice(0,-1)));break}}function handleTriggerKeyDown(e){C||(e.key===`ArrowDown`||e.key===`ArrowUp`||e.key===`Enter`||e.key===` `)&&(e.preventDefault(),j.open())}let Q=_.filter(e=>!e.disabled).map(e=>e.value),$=Q.length>0&&Q.every(e=>U.includes(e)),Ne=mergeDescribedBy(x?`${M}-error`:b?`${M}-hint`:void 0,ye);function renderOption(e,t){let n=U.includes(e.value),r=e.disabled||W&&!n;return g(`div`,{id:optionId(t),role:`option`,"aria-selected":n,"aria-disabled":r||void 0,"data-active":t===L.value?``:void 0,"data-selected":n?``:void 0,"data-disabled":r?``:void 0,className:s.option,onMouseDown:e=>e.preventDefault(),onClick:()=>{r||toggleOption(e.value)},onMouseEnter:()=>{r||setActive(t)},children:[h(`span`,{className:s.checkbox,"aria-hidden":`true`}),h(`span`,{className:s[`option-label`],children:te(e.label,O?G:``).map((e,t)=>e.match?h(`mark`,{className:s.match,children:e.text},t):h(`span`,{children:e.text},t))})]},e.value)}return g(`div`,{className:l(s.wrapper,ge),"data-state":x?`error`:H?`open`:`closed`,"data-size":he,...xe,children:[v&&h(`label`,{className:s.label,htmlFor:N,children:v}),g(`div`,{className:s.field,"data-display":S,children:[S===`chips`&&Me.map(e=>g(`span`,{className:s.chip,children:[h(`span`,{className:s[`chip-label`],children:e.label}),h(`button`,{type:`button`,className:s[`chip-remove`],"aria-label":removeLabel(e.label),disabled:C,onClick:()=>commit(V.value.filter(t=>t!==e.value))})]},e.value)),g(`button`,{ref:e=>{B.current=e,j.triggerRef.current=e},id:N,type:`button`,className:s.trigger,"aria-haspopup":`listbox`,"aria-expanded":H,"aria-controls":F,"aria-labelledby":ve,"aria-label":y,"aria-invalid":x?!0:be,"aria-describedby":Ne,disabled:C,style:{anchorName:j.anchorName},onClick:()=>{C||j.toggle()},onKeyDown:handleTriggerKeyDown,children:[h(`span`,{className:s[`trigger-label`],"data-empty":U.length===0?``:void 0,children:S===`chips`&&U.length>0?h(`span`,{className:s[`sr-only`],children:X}):X}),h(`span`,{className:s.chevron,"aria-hidden":`true`})]}),de&&U.length>0&&!C&&h(`button`,{type:`button`,className:s.clear,"aria-label":ke,onClick:()=>commit([]),children:h(`span`,{className:s[`clear-glyph`],"aria-hidden":`true`})})]}),k!==void 0&&U.map(e=>h(`input`,{type:`hidden`,name:k,value:e},e)),g(`div`,{ref:j.popoverRef,id:F,popover:`auto`,className:s.panel,style:{positionAnchor:j.anchorName},tabIndex:-1,children:[O&&h(`div`,{className:s[`search-row`],children:h(`input`,{ref:z,id:Se,type:`text`,role:`combobox`,className:s.search,placeholder:Y,"aria-label":Y,"aria-expanded":H,"aria-controls":P,"aria-autocomplete":`list`,"aria-activedescendant":H&&L.value>=0?optionId(L.value):void 0,autoComplete:`off`,value:G,onChange:e=>{I.value=e.currentTarget.value,E?.(e.currentTarget.value),L.value=t(-1,o(_,e.currentTarget.value,D))},onKeyDown:handleKeyDown})}),fe&&Q.length>0&&h(`button`,{type:`button`,className:s[`select-all`],onMouseDown:e=>e.preventDefault(),onClick:()=>commit($?[]:w===void 0?Q:Q.slice(0,w)),children:$?je:Ae}),g(`div`,{ref:R,role:`listbox`,id:P,"aria-multiselectable":`true`,"aria-label":Oe,"aria-busy":T||void 0,"aria-activedescendant":!O&&H&&L.value>=0?optionId(L.value):void 0,tabIndex:O?-1:0,className:s.options,onKeyDown:O?void 0:handleKeyDown,children:[we.map(e=>e.label===void 0?e.entries.map(({option:e,index:t})=>renderOption(e,t)):g(`div`,{role:`group`,"aria-label":e.label,className:s.group,children:[h(`span`,{className:s[`group-label`],"aria-hidden":`true`,children:e.label}),e.entries.map(({option:e,index:t})=>renderOption(e,t))]},e.label)),q&&h(`div`,{id:optionId(J),role:`option`,"aria-selected":!1,"data-active":J===L.value?``:void 0,className:l(s.option,s.create),onMouseDown:e=>e.preventDefault(),onClick:()=>activate(J),onMouseEnter:()=>setActive(J),children:createLabel(G.trim())})]}),T?h(`div`,{className:s.status,role:`status`,children:De}):K.length===0&&!q?h(`div`,{className:s.status,role:`status`,children:Ee}):null]}),h(`span`,{className:s[`sr-only`],role:`status`,"aria-live":`polite`,children:H?m(p.multiSelect.selectionChanged,{count:String(U.length),total:String(_.length)}):``}),x&&h(`span`,{id:`${M}-error`,className:s.error,role:`alert`,children:x}),!x&&b&&h(`span`,{id:`${M}-hint`,className:s.hint,children:b})]})}export{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 foldChar(e){return(e.normalize(`NFD`)[0]??e).toLowerCase()}function fold(e){return Array.from(e,foldChar)}function defaultMatch(e,t){let n=fold(t).join(``);return n===``?!0:fold(e.label).join(``).includes(n)||fold(e.value).join(``).includes(n)}function filterOptions(e,t,n){let r=n??defaultMatch;return t===``&&!n?e:e.filter(e=>r(e,t))}function highlightSegments(e,t){let n=fold(t).join(``);if(n===``)return[{text:e,match:!1}];let r=Array.from(e),i=fold(e).join(``).indexOf(n);if(i===-1)return[{text:e,match:!1}];let a=Array.from(t).length,o=[],s=r.slice(0,i).join(``),c=r.slice(i,i+a).join(``),l=r.slice(i+a).join(``);return s!==``&&o.push({text:s,match:!1}),o.push({text:c,match:!0}),l!==``&&o.push({text:l,match:!1}),o}function groupOptions(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 orderByGroup(e){return groupOptions(e).flatMap(e=>e.entries.map(e=>e.option))}function isNewLabel(e,t){let n=fold(t).join(``);return n===``?!1:!e.some(e=>fold(e.label).join(``)===n)}export{filterOptions,groupOptions,highlightSegments,isNewLabel,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, label: o, orientation: s = "horizontal", className: c }) {
-	d();
-	let p = t(), m = u(null), g = l({
-		orientation: s,
-		loop: !0
-	});
-	return /* @__PURE__ */ f("nav", {
-		"aria-label": i ?? r ?? o,
-		className: a(e.nav, c),
-		"data-orientation": s,
-		children: /* @__PURE__ */ f("ul", {
-			role: "list",
-			className: e.list,
-			children: n.map((e, t) => /* @__PURE__ */ 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 /* @__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 NavigationMenu({items:n,"aria-label":r,ariaLabel:i,label:o,orientation:s=`horizontal`,className:c}){d();let p=t(),m=u(null),h=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(NavigationMenuEntry,{item:e,baseId:p,openId:m,itemProps:h.getItemProps(t)},e.id))})})}function NavigationMenuEntry({item:t,baseId:r,openId:a,itemProps:l}){d();let u=n(null),m=n(null),h=t.content!=null,g=a.value===t.id,_=`${r}-panel-${t.id}`,{anchorStyle:v,floatingStyle:y}=c({anchorRef:u,floatingRef:m,placement:`bottom-start`,enabled:g}),{ref:b,onKeyDown:x,...S}=l;if(!h){let n=s();return f(`li`,{className:e.item,children:f(n,{ref:e=>b(e),href:t.href,className:e.link,onKeyDown:x,...S,children:t.label})})}return p(`li`,{className:e.item,children:[f(`button`,{ref:e=>{u.current=e,b(e)},type:`button`,"aria-expanded":g,"aria-controls":_,"data-state":g?`open`:`closed`,className:e.trigger,style:v,onClick:()=>{a.value=g?null:t.id},onKeyDown:e=>{x(e),!e.defaultPrevented&&e.key===`Escape`&&(a.value=null)},...S,children:t.label}),f(i,{present:g,children:f(NavigationMenuPanel,{panelId:_,floatingRef:m,floatingStyle:y,onClose:()=>{a.value=null,o(u.current)},children:t.content})})]})}function NavigationMenuPanel({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{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};

package/dist/node/notification/notification.js

@@ -1,140 +1 @@
-"use client";
-
-import e from "./notification.module.js";
-import { useRef as t } from "react";
-import { Presence as n, cn as r, normalizeTone as i, useSignal as a, useSignals as o } from "@cascivo/core";
-import { builtin as s, t as c } from "@cascivo/i18n";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
-//#region ../components/src/notification/notification.tsx
-var d = {
-	neutral: "neutral",
-	info: "info",
-	success: "success",
-	warning: "warning",
-	danger: "error"
-}, f = new Set(["warning", "error"]), p = 160;
-function m({ variant: e }) {
-	return e === "success" ? /* @__PURE__ */ u("svg", {
-		viewBox: "0 0 20 20",
-		width: "20",
-		height: "20",
-		fill: "none",
-		"aria-hidden": "true",
-		children: [/* @__PURE__ */ l("circle", {
-			cx: "10",
-			cy: "10",
-			r: "8",
-			stroke: "currentColor",
-			strokeWidth: "1.5"
-		}), /* @__PURE__ */ l("path", {
-			d: "M6.5 10.5l2.5 2.5 4.5-5",
-			stroke: "currentColor",
-			strokeWidth: "1.5",
-			strokeLinecap: "round",
-			strokeLinejoin: "round"
-		})]
-	}) : e === "warning" ? /* @__PURE__ */ u("svg", {
-		viewBox: "0 0 20 20",
-		width: "20",
-		height: "20",
-		fill: "none",
-		"aria-hidden": "true",
-		children: [/* @__PURE__ */ l("path", {
-			d: "M10 2.5L18.5 17H1.5L10 2.5z",
-			stroke: "currentColor",
-			strokeWidth: "1.5",
-			strokeLinejoin: "round"
-		}), /* @__PURE__ */ l("path", {
-			d: "M10 8v3.5M10 14h.01",
-			stroke: "currentColor",
-			strokeWidth: "1.5",
-			strokeLinecap: "round"
-		})]
-	}) : e === "error" ? /* @__PURE__ */ u("svg", {
-		viewBox: "0 0 20 20",
-		width: "20",
-		height: "20",
-		fill: "none",
-		"aria-hidden": "true",
-		children: [/* @__PURE__ */ l("circle", {
-			cx: "10",
-			cy: "10",
-			r: "8",
-			stroke: "currentColor",
-			strokeWidth: "1.5"
-		}), /* @__PURE__ */ l("path", {
-			d: "M10 6v4.5M10 13.5h.01",
-			stroke: "currentColor",
-			strokeWidth: "1.5",
-			strokeLinecap: "round"
-		})]
-	}) : /* @__PURE__ */ u("svg", {
-		viewBox: "0 0 20 20",
-		width: "20",
-		height: "20",
-		fill: "none",
-		"aria-hidden": "true",
-		children: [/* @__PURE__ */ l("circle", {
-			cx: "10",
-			cy: "10",
-			r: "8",
-			stroke: "currentColor",
-			strokeWidth: "1.5"
-		}), /* @__PURE__ */ l("path", {
-			d: "M10 9v5M10 6.5h.01",
-			stroke: "currentColor",
-			strokeWidth: "1.5",
-			strokeLinecap: "round"
-		})]
-	});
-}
-function h({ title: h, description: g, variant: _ = "info", dismissible: v = !1, onDismiss: y, actions: b, icon: x, labels: S, className: C, ...w }) {
-	o();
-	let T = d[i(_)] ?? _, E = a(!0), D = t(y);
-	D.current = y;
-	let O = v || y !== void 0, k = () => {
-		E.value = !1, setTimeout(() => D.current?.(), p);
-	};
-	return /* @__PURE__ */ l(n, {
-		present: E,
-		children: /* @__PURE__ */ u("div", {
-			role: f.has(T) ? "alert" : "status",
-			"data-variant": T,
-			className: r(e.notification, C),
-			...w,
-			children: [
-				/* @__PURE__ */ l("span", {
-					className: e.icon,
-					"aria-hidden": "true",
-					children: x ?? /* @__PURE__ */ l(m, { variant: T })
-				}),
-				/* @__PURE__ */ u("div", {
-					className: e.body,
-					children: [
-						/* @__PURE__ */ l("div", {
-							className: e.title,
-							children: h
-						}),
-						g && /* @__PURE__ */ l("div", {
-							className: e.description,
-							children: g
-						}),
-						b && /* @__PURE__ */ l("div", {
-							className: e.actions,
-							children: b
-						})
-					]
-				}),
-				O && /* @__PURE__ */ l("button", {
-					type: "button",
-					className: e.dismiss,
-					"aria-label": S?.dismiss ?? c(s.notification.dismiss),
-					onClick: k,
-					children: "✕"
-				})
-			]
-		})
-	});
-}
-//#endregion
-export { h as Notification };
+"use client";import e from"./notification.module.js";import{useRef as t}from"react";import{Presence as n,cn as r,normalizeTone as i,useSignal as a,useSignals as o}from"@cascivo/core";import{builtin as s,t as c}from"@cascivo/i18n";import{jsx as l,jsxs as u}from"react/jsx-runtime";var d={neutral:`neutral`,info:`info`,success:`success`,warning:`warning`,danger:`error`},f=new Set([`warning`,`error`]),p=160;function VariantIcon({variant:e}){return e===`success`?u(`svg`,{viewBox:`0 0 20 20`,width:`20`,height:`20`,fill:`none`,"aria-hidden":`true`,children:[l(`circle`,{cx:`10`,cy:`10`,r:`8`,stroke:`currentColor`,strokeWidth:`1.5`}),l(`path`,{d:`M6.5 10.5l2.5 2.5 4.5-5`,stroke:`currentColor`,strokeWidth:`1.5`,strokeLinecap:`round`,strokeLinejoin:`round`})]}):e===`warning`?u(`svg`,{viewBox:`0 0 20 20`,width:`20`,height:`20`,fill:`none`,"aria-hidden":`true`,children:[l(`path`,{d:`M10 2.5L18.5 17H1.5L10 2.5z`,stroke:`currentColor`,strokeWidth:`1.5`,strokeLinejoin:`round`}),l(`path`,{d:`M10 8v3.5M10 14h.01`,stroke:`currentColor`,strokeWidth:`1.5`,strokeLinecap:`round`})]}):e===`error`?u(`svg`,{viewBox:`0 0 20 20`,width:`20`,height:`20`,fill:`none`,"aria-hidden":`true`,children:[l(`circle`,{cx:`10`,cy:`10`,r:`8`,stroke:`currentColor`,strokeWidth:`1.5`}),l(`path`,{d:`M10 6v4.5M10 13.5h.01`,stroke:`currentColor`,strokeWidth:`1.5`,strokeLinecap:`round`})]}):u(`svg`,{viewBox:`0 0 20 20`,width:`20`,height:`20`,fill:`none`,"aria-hidden":`true`,children:[l(`circle`,{cx:`10`,cy:`10`,r:`8`,stroke:`currentColor`,strokeWidth:`1.5`}),l(`path`,{d:`M10 9v5M10 6.5h.01`,stroke:`currentColor`,strokeWidth:`1.5`,strokeLinecap:`round`})]})}function Notification({title:m,description:h,variant:g=`info`,dismissible:_=!1,onDismiss:v,actions:y,icon:b,labels:x,className:S,...C}){o();let w=d[i(g)]??g,T=a(!0),E=t(v);E.current=v;let D=_||v!==void 0,dismiss=()=>{T.value=!1,setTimeout(()=>E.current?.(),p)};return l(n,{present:T,children:u(`div`,{role:f.has(w)?`alert`:`status`,"data-variant":w,className:r(e.notification,S),...C,children:[l(`span`,{className:e.icon,"aria-hidden":`true`,children:b??l(VariantIcon,{variant:w})}),u(`div`,{className:e.body,children:[l(`div`,{className:e.title,children:m}),h&&l(`div`,{className:e.description,children:h}),y&&l(`div`,{className:e.actions,children:y})]}),D&&l(`button`,{type:`button`,className:e.dismiss,"aria-label":x?.dismiss??c(s.notification.dismiss),onClick:dismiss,children:`✕`})]})})}export{Notification};

package/dist/node/notification/notification.module.js

@@ -1,11 +1 @@
-var e = {
-	notification: "_notification_imxvx_2",
-	icon: "_icon_imxvx_65",
-	body: "_body_imxvx_86",
-	title: "_title_imxvx_94",
-	description: "_description_imxvx_100",
-	actions: "_actions_imxvx_106",
-	dismiss: "_dismiss_imxvx_113"
-};
-//#endregion
-export { e as default };
+var e={notification:`_notification_imxvx_2`,icon:`_icon_imxvx_65`,body:`_body_imxvx_86`,title:`_title_imxvx_94`,description:`_description_imxvx_100`,actions:`_actions_imxvx_106`,dismiss:`_dismiss_imxvx_113`};export{e as default};

package/dist/node/number-input/number-input.js

@@ -1,148 +1 @@
-"use client";
-
-import e from "./number-input.module.js";
-import { forwardRef as t } from "react";
-import { cn as n, createMachine as r, useMachine as i, useSignal as a, useSignals as o } from "@cascivo/core";
-import { builtin as s, t as c } from "@cascivo/i18n";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
-//#region ../components/src/number-input/number-input.tsx
-var d = r({
-	initial: "idle",
-	states: {
-		idle: { on: { FOCUS: "focused" } },
-		focused: { on: { BLUR: "idle" } }
-	}
-});
-function f(e, t, n) {
-	let r = e;
-	return t !== void 0 && (r = Math.max(r, t)), n !== void 0 && (r = Math.min(r, n)), r;
-}
-function p(e) {
-	let t = String(e), n = t.indexOf(".");
-	return n === -1 ? 0 : t.length - n - 1;
-}
-function m(e, t) {
-	let n = 10 ** t;
-	return Math.round(e * n) / n;
-}
-function h(e) {
-	let t = e.trim();
-	if (t === "") return null;
-	let n = Number(t);
-	return Number.isFinite(n) ? n : null;
-}
-var g = t(function({ value: t, defaultValue: r, onValueChange: g, min: _, max: v, step: y = 1, precision: b, formatOptions: x, label: S, hint: C, error: w, size: T = "md", disabled: E, incrementLabel: D, decrementLabel: O, className: k, id: A, onFocus: j, onBlur: M, onKeyDown: N, ariaLabel: P, ...F }, I) {
-	o();
-	let L = D ?? c(s.numberInput.increment), R = O ?? c(s.numberInput.decrement), [z, B] = i(d), V = t !== void 0, H = a(r ?? null), U = a(""), W = V ? t : H.value, G = A ?? (S ? `cascade-number-input-${S.toLowerCase().replace(/\s+/g, "-")}` : void 0), K = (e) => {
-		V || (H.value = e), U.value = e == null ? "" : String(e), e !== W && g?.(e);
-	}, q = () => {
-		let e = h(U.value);
-		e != null && (e = f(e, _, v), b !== void 0 && (e = m(e, b))), K(e);
-	}, J = (e) => {
-		let t = (z.value === "focused" ? h(U.value) : W) ?? 0, n = b ?? Math.max(p(y), p(t));
-		K(f(m(t + e * y, n), _, v));
-	}, Y = z.value === "focused" ? U.value : ((e) => e == null ? "" : x ? new Intl.NumberFormat(void 0, x).format(e) : String(e))(W), X = W != null && v !== void 0 && W >= v, Z = W != null && _ !== void 0 && W <= _;
-	return /* @__PURE__ */ u("div", {
-		className: n(e.wrapper, k),
-		"data-state": w ? "error" : z.value,
-		"data-size": T,
-		children: [
-			S && /* @__PURE__ */ l("label", {
-				className: e.label,
-				htmlFor: G,
-				children: S
-			}),
-			/* @__PURE__ */ u("div", {
-				className: e.field,
-				children: [/* @__PURE__ */ l("input", {
-					id: G,
-					type: "text",
-					inputMode: "decimal",
-					autoComplete: "off",
-					role: "spinbutton",
-					className: e.input,
-					value: Y,
-					disabled: E,
-					"aria-valuenow": W ?? void 0,
-					"aria-valuemin": _,
-					"aria-valuemax": v,
-					"aria-invalid": w ? !0 : void 0,
-					"aria-describedby": w ? `${G}-error` : C ? `${G}-hint` : void 0,
-					onChange: (e) => {
-						U.value = e.target.value;
-					},
-					onFocus: (e) => {
-						U.value = W == null ? "" : String(W), B("FOCUS"), j?.(e);
-					},
-					onBlur: (e) => {
-						q(), B("BLUR"), M?.(e);
-					},
-					onKeyDown: (e) => {
-						e.key === "ArrowUp" ? (e.preventDefault(), J(1)) : e.key === "ArrowDown" ? (e.preventDefault(), J(-1)) : e.key === "Enter" && q(), N?.(e);
-					},
-					ref: I,
-					...F,
-					"aria-label": F["aria-label"] ?? P
-				}), /* @__PURE__ */ u("div", {
-					className: e.steppers,
-					children: [/* @__PURE__ */ l("button", {
-						type: "button",
-						className: e.stepper,
-						"aria-label": L,
-						tabIndex: -1,
-						disabled: E || X,
-						onMouseDown: (e) => e.preventDefault(),
-						onClick: () => J(1),
-						children: /* @__PURE__ */ l("svg", {
-							viewBox: "0 0 10 10",
-							"aria-hidden": "true",
-							focusable: "false",
-							children: /* @__PURE__ */ l("path", {
-								d: "M2 6.5 5 3.5 8 6.5",
-								fill: "none",
-								stroke: "currentColor",
-								strokeWidth: "1.5",
-								strokeLinecap: "round",
-								strokeLinejoin: "round"
-							})
-						})
-					}), /* @__PURE__ */ l("button", {
-						type: "button",
-						className: e.stepper,
-						"aria-label": R,
-						tabIndex: -1,
-						disabled: E || Z,
-						onMouseDown: (e) => e.preventDefault(),
-						onClick: () => J(-1),
-						children: /* @__PURE__ */ l("svg", {
-							viewBox: "0 0 10 10",
-							"aria-hidden": "true",
-							focusable: "false",
-							children: /* @__PURE__ */ l("path", {
-								d: "M2 3.5 5 6.5 8 3.5",
-								fill: "none",
-								stroke: "currentColor",
-								strokeWidth: "1.5",
-								strokeLinecap: "round",
-								strokeLinejoin: "round"
-							})
-						})
-					})]
-				})]
-			}),
-			w && /* @__PURE__ */ l("span", {
-				id: `${G}-error`,
-				className: e.error,
-				role: "alert",
-				children: w
-			}),
-			!w && C && /* @__PURE__ */ l("span", {
-				id: `${G}-hint`,
-				className: e.hint,
-				children: C
-			})
-		]
-	});
-});
-//#endregion
-export { g as NumberInput };
+"use client";import e from"./number-input.module.js";import{forwardRef as t}from"react";import{cn as n,createMachine as r,useMachine as i,useSignal as a,useSignals as o}from"@cascivo/core";import{builtin as s,t as c}from"@cascivo/i18n";import{jsx as l,jsxs as u}from"react/jsx-runtime";var d=r({initial:`idle`,states:{idle:{on:{FOCUS:`focused`}},focused:{on:{BLUR:`idle`}}}});function clamp(e,t,n){let r=e;return t!==void 0&&(r=Math.max(r,t)),n!==void 0&&(r=Math.min(r,n)),r}function decimalsOf(e){let t=String(e),n=t.indexOf(`.`);return n===-1?0:t.length-n-1}function roundTo(e,t){let n=10**t;return Math.round(e*n)/n}function parseText(e){let t=e.trim();if(t===``)return null;let n=Number(t);return Number.isFinite(n)?n:null}var f=t(function({value:t,defaultValue:r,onValueChange:f,min:p,max:m,step:h=1,precision:g,formatOptions:_,label:v,hint:y,error:b,size:x=`md`,disabled:S,incrementLabel:C,decrementLabel:w,className:T,id:E,onFocus:D,onBlur:O,onKeyDown:k,ariaLabel:A,...j},M){o();let N=C??c(s.numberInput.increment),P=w??c(s.numberInput.decrement),[F,I]=i(d),L=t!==void 0,R=a(r??null),z=a(``),B=L?t:R.value,V=E??(v?`cascade-number-input-${v.toLowerCase().replace(/\s+/g,`-`)}`:void 0),setValue=e=>{L||(R.value=e),z.value=e==null?``:String(e),e!==B&&f?.(e)},commitText=()=>{let e=parseText(z.value);e!=null&&(e=clamp(e,p,m),g!==void 0&&(e=roundTo(e,g))),setValue(e)},stepBy=e=>{let t=(F.value===`focused`?parseText(z.value):B)??0,n=g??Math.max(decimalsOf(h),decimalsOf(t));setValue(clamp(roundTo(t+e*h,n),p,m))},H=F.value===`focused`?z.value:(e=>e==null?``:_?new Intl.NumberFormat(void 0,_).format(e):String(e))(B),U=B!=null&&m!==void 0&&B>=m,W=B!=null&&p!==void 0&&B<=p;return u(`div`,{className:n(e.wrapper,T),"data-state":b?`error`:F.value,"data-size":x,children:[v&&l(`label`,{className:e.label,htmlFor:V,children:v}),u(`div`,{className:e.field,children:[l(`input`,{id:V,type:`text`,inputMode:`decimal`,autoComplete:`off`,role:`spinbutton`,className:e.input,value:H,disabled:S,"aria-valuenow":B??void 0,"aria-valuemin":p,"aria-valuemax":m,"aria-invalid":b?!0:void 0,"aria-describedby":b?`${V}-error`:y?`${V}-hint`:void 0,onChange:e=>{z.value=e.target.value},onFocus:e=>{z.value=B==null?``:String(B),I(`FOCUS`),D?.(e)},onBlur:e=>{commitText(),I(`BLUR`),O?.(e)},onKeyDown:e=>{e.key===`ArrowUp`?(e.preventDefault(),stepBy(1)):e.key===`ArrowDown`?(e.preventDefault(),stepBy(-1)):e.key===`Enter`&&commitText(),k?.(e)},ref:M,...j,"aria-label":j[`aria-label`]??A}),u(`div`,{className:e.steppers,children:[l(`button`,{type:`button`,className:e.stepper,"aria-label":N,tabIndex:-1,disabled:S||U,onMouseDown:e=>e.preventDefault(),onClick:()=>stepBy(1),children:l(`svg`,{viewBox:`0 0 10 10`,"aria-hidden":`true`,focusable:`false`,children:l(`path`,{d:`M2 6.5 5 3.5 8 6.5`,fill:`none`,stroke:`currentColor`,strokeWidth:`1.5`,strokeLinecap:`round`,strokeLinejoin:`round`})})}),l(`button`,{type:`button`,className:e.stepper,"aria-label":P,tabIndex:-1,disabled:S||W,onMouseDown:e=>e.preventDefault(),onClick:()=>stepBy(-1),children:l(`svg`,{viewBox:`0 0 10 10`,"aria-hidden":`true`,focusable:`false`,children:l(`path`,{d:`M2 3.5 5 6.5 8 3.5`,fill:`none`,stroke:`currentColor`,strokeWidth:`1.5`,strokeLinecap:`round`,strokeLinejoin:`round`})})})]})]}),b&&l(`span`,{id:`${V}-error`,className:e.error,role:`alert`,children:b}),!b&&y&&l(`span`,{id:`${V}-hint`,className:e.hint,children:y})]})});export{f as NumberInput};

package/dist/node/number-input/number-input.module.js

@@ -1,12 +1 @@
-var e = {
-	wrapper: "_wrapper_aavdw_2",
-	label: "_label_aavdw_31",
-	field: "_field_aavdw_39",
-	input: "_input_aavdw_43",
-	steppers: "_steppers_aavdw_88",
-	stepper: "_stepper_aavdw_88",
-	error: "_error_aavdw_135",
-	hint: "_hint_aavdw_142"
-};
-//#endregion
-export { e as default };
+var e={wrapper:`_wrapper_aavdw_2`,label:`_label_aavdw_31`,field:`_field_aavdw_39`,input:`_input_aavdw_43`,steppers:`_steppers_aavdw_88`,stepper:`_stepper_aavdw_88`,error:`_error_aavdw_135`,hint:`_hint_aavdw_142`};export{e as default};