@cascivo/react 1.0.0 → 1.2.0

package/dist/node/log-viewer/log-viewer.js

@@ -1,184 +1,2 @@
-"use client";
-
-import e from "./log-viewer.module.js";
-import { Fragment as t } from "react";
-import { VisuallyHidden as n, cn as r, useClipboard as i, useComputed as a, useControllableSignal as o, useResizeObserver as s, useSignal as c, useSignalEffect 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/log-viewer/log-viewer.tsx
-var h = {
-	30: "black",
-	31: "red",
-	32: "green",
-	33: "yellow",
-	34: "blue",
-	35: "magenta",
-	36: "cyan",
-	37: "white",
-	90: "bright-black",
-	91: "red",
-	92: "green",
-	93: "yellow",
-	94: "blue",
-	95: "magenta",
-	96: "cyan",
-	97: "white"
-};
-function g(e) {
-	if (!e.includes("\x1B[")) return [{ text: e }];
-	try {
-		let t = [], n = /\[([0-9;]*)m/g, r = 0, i, a = !1, o;
-		for (; (o = n.exec(e)) !== null;) {
-			o.index > r && t.push({
-				text: e.slice(r, o.index),
-				color: i,
-				bold: a
-			});
-			for (let e of o[1].split(";")) {
-				let t = Number(e || "0");
-				t === 0 ? (i = void 0, a = !1) : t === 1 ? a = !0 : t === 22 ? a = !1 : h[t] && (i = h[t]);
-			}
-			r = n.lastIndex;
-		}
-		return r < e.length && t.push({
-			text: e.slice(r),
-			color: i,
-			bold: a
-		}), t.length > 0 ? t : [{ text: e }];
-	} catch {
-		return [{ text: e }];
-	}
-}
-function _(e, t, n) {
-	if (!t) return e;
-	let r = e.toLowerCase(), i = t.toLowerCase(), a = [], o = 0, s = r.indexOf(i, o), c = 0;
-	for (; s !== -1;) s > o && a.push(e.slice(o, s)), a.push(/* @__PURE__ */ p("mark", { children: e.slice(s, s + i.length) }, `${n}-${c++}`)), o = s + i.length, s = r.indexOf(i, o);
-	return o < e.length && a.push(e.slice(o)), a;
-}
-function v(t, n, r) {
-	return (n ? g(t.text) : [{ text: t.text }]).map((n, i) => /* @__PURE__ */ p("span", {
-		"data-ansi": n.color,
-		style: n.bold ? { fontWeight: 700 } : void 0,
-		className: n.color ? e.ansi : void 0,
-		children: _(n.text, r, `${String(t.id)}-${i}`)
-	}, i));
-}
-function y({ lines: h, rowHeight: g = 20, overscan: _ = 8, follow: y, onFollowChange: b, ansi: x = !1, search: S, maxHeight: C = "24rem", labels: w, className: T, ...E }) {
-	u();
-	let D = {
-		searchPlaceholder: w?.searchPlaceholder ?? f(d.logViewer.search),
-		follow: w?.follow ?? f(d.logViewer.follow),
-		paused: w?.paused ?? f(d.logViewer.paused),
-		copy: w?.copy ?? f(d.logViewer.copy),
-		copied: w?.copied ?? f(d.logViewer.copied),
-		empty: w?.empty ?? f(d.logViewer.empty),
-		label: f(d.logViewer.label)
-	}, O = c(Array.isArray(h) ? h : []);
-	Array.isArray(h) && (O.value = h);
-	let k = Array.isArray(h) ? O : h, { ref: A, size: j } = s(), M = c(0), [N, P] = o({
-		value: y,
-		defaultValue: !0,
-		onChange: b
-	}), F = c(S ?? ""), { copied: I, copy: L } = i(), R = a(() => {
-		let e = k.value, t = e.length, n = j.value?.height ?? 320, r = Math.max(0, t * g - n), i = N.value ? r : M.value, a = Math.floor(i / g), o = Math.ceil(n / g) + _ * 2, s = Math.max(0, a - _), c = Math.min(t, s + o);
-		return {
-			total: t,
-			start: s,
-			end: c,
-			rows: e.slice(s, c)
-		};
-	}), z = a(() => {
-		let e = F.value.trim().toLowerCase();
-		if (!e) return 0;
-		let t = 0;
-		for (let n of k.value) n.text.toLowerCase().includes(e) && t++;
-		return t;
-	});
-	l(() => {
-		if (k.value, !N.value) return;
-		let e = A.current;
-		e && (e.scrollTop = e.scrollHeight);
-	});
-	let B = (e) => {
-		let t = e.currentTarget;
-		M.value = t.scrollTop, P(t.scrollHeight - t.clientHeight - t.scrollTop <= g);
-	}, V = R.value, H = F.value.trim();
-	return /* @__PURE__ */ m("div", {
-		className: r(e.root, T),
-		...E,
-		children: [
-			/* @__PURE__ */ m("div", {
-				className: e.toolbar,
-				children: [
-					/* @__PURE__ */ p("input", {
-						type: "search",
-						className: e.search,
-						placeholder: D.searchPlaceholder,
-						"aria-label": D.searchPlaceholder,
-						value: F.value,
-						onInput: (e) => {
-							F.value = e.currentTarget.value;
-						}
-					}),
-					H ? /* @__PURE__ */ p("span", {
-						className: e.count,
-						"aria-live": "polite",
-						children: f(d.logViewer.matches, { count: z.value })
-					}) : null,
-					/* @__PURE__ */ p("span", { className: e.spacer }),
-					/* @__PURE__ */ p("button", {
-						type: "button",
-						className: e.toggle,
-						"aria-pressed": N.value,
-						onClick: () => {
-							let e = !N.value;
-							if (P(e), e) {
-								let e = A.current;
-								e && (e.scrollTop = e.scrollHeight);
-							}
-						},
-						children: N.value ? D.follow : D.paused
-					}),
-					/* @__PURE__ */ p("button", {
-						type: "button",
-						className: e.copy,
-						onClick: () => void L(k.value.map((e) => e.text).join("\n")),
-						children: I.value ? D.copied : D.copy
-					})
-				]
-			}),
-			/* @__PURE__ */ p("div", {
-				ref: A,
-				className: e.scroll,
-				role: "log",
-				"aria-live": "polite",
-				"aria-label": D.label,
-				tabIndex: 0,
-				style: { maxBlockSize: C },
-				onScroll: B,
-				children: V.total === 0 ? /* @__PURE__ */ p("div", {
-					className: e.empty,
-					children: D.empty
-				}) : /* @__PURE__ */ p("div", {
-					className: e.sizer,
-					style: { blockSize: V.total * g },
-					children: V.rows.map((n, r) => /* @__PURE__ */ p(t, { children: /* @__PURE__ */ p("div", {
-						className: e.line,
-						"data-level": n.level,
-						style: {
-							insetBlockStart: (V.start + r) * g,
-							blockSize: g
-						},
-						children: v(n, x, H)
-					}) }, n.id))
-				})
-			}),
-			/* @__PURE__ */ p(n, {
-				"aria-live": "polite",
-				children: f(d.logViewer.lines, { count: V.total })
-			})
-		]
-	});
-}
-//#endregion
-export { y as LogViewer };
+"use client";import e from"./log-viewer.module.js";import{Fragment as t}from"react";import{VisuallyHidden as n,cn as r,useClipboard as i,useComputed as a,useControllableSignal as o,useResizeObserver as s,useSignal as c,useSignalEffect as l,useSignals as u}from"@cascivo/core";import{builtin as d,t as f}from"@cascivo/i18n";import{Fragment as p,jsx as m,jsxs as h}from"react/jsx-runtime";var g={30:`black`,31:`red`,32:`green`,33:`yellow`,34:`blue`,35:`magenta`,36:`cyan`,37:`white`,90:`bright-black`,91:`red`,92:`green`,93:`yellow`,94:`blue`,95:`magenta`,96:`cyan`,97:`white`};function parseAnsi(e){if(!e.includes(`\x1B[`))return[{text:e}];try{let t=[],n=/\[([0-9;]*)m/g,r=0,i,a=!1,o;for(;(o=n.exec(e))!==null;){o.index>r&&t.push({text:e.slice(r,o.index),color:i,bold:a});for(let e of o[1].split(`;`)){let t=Number(e||`0`);t===0?(i=void 0,a=!1):t===1?a=!0:t===22?a=!1:g[t]&&(i=g[t])}r=n.lastIndex}return r<e.length&&t.push({text:e.slice(r),color:i,bold:a}),t.length>0?t:[{text:e}]}catch{return[{text:e}]}}function highlight(e,t,n){if(!t)return e;let r=e.toLowerCase(),i=t.toLowerCase(),a=[],o=0,s=r.indexOf(i,o),c=0;for(;s!==-1;)s>o&&a.push(e.slice(o,s)),a.push(m(`mark`,{children:e.slice(s,s+i.length)},`${n}-${c++}`)),o=s+i.length,s=r.indexOf(i,o);return o<e.length&&a.push(e.slice(o)),a}function renderLine(t,n,r){let i=n?parseAnsi(t.text):[{text:t.text}];return h(p,{children:[t.timestamp!==void 0&&m(`span`,{className:e.timestamp,children:t.timestamp}),i.map((n,i)=>m(`span`,{"data-ansi":n.color,style:n.bold?{fontWeight:700}:void 0,className:n.color?e.ansi:void 0,children:highlight(n.text,r,`${String(t.id)}-${i}`)},i))]})}function LogViewer({lines:p,rowHeight:g=20,overscan:_=8,follow:v,onFollowChange:y,ansi:b=!1,search:x,maxHeight:S=`24rem`,timestampWidth:C=`6.5rem`,labels:w,className:T,...E}){u();let D={searchPlaceholder:w?.searchPlaceholder??f(d.logViewer.search),follow:w?.follow??f(d.logViewer.follow),paused:w?.paused??f(d.logViewer.paused),copy:w?.copy??f(d.logViewer.copy),copied:w?.copied??f(d.logViewer.copied),empty:w?.empty??f(d.logViewer.empty),label:f(d.logViewer.label)},O=c(Array.isArray(p)?p:[]);Array.isArray(p)&&(O.value=p);let k=Array.isArray(p)?O:p,{ref:A,size:j}=s(),M=c(0),[N,P]=o({value:v,defaultValue:!0,onChange:y}),F=c(x??``),{copied:I,copy:L}=i(),R=a(()=>{let e=k.value,t=e.length,n=j.value?.height??320,r=Math.max(0,t*g-n),i=N.value?r:M.value,a=Math.floor(i/g),o=Math.ceil(n/g)+_*2,s=Math.max(0,a-_),c=Math.min(t,s+o);return{total:t,start:s,end:c,rows:e.slice(s,c)}}),z=a(()=>{let e=F.value.trim().toLowerCase();if(!e)return 0;let t=0;for(let n of k.value)n.text.toLowerCase().includes(e)&&t++;return t});l(()=>{if(k.value,!N.value)return;let e=A.current;e&&(e.scrollTop=e.scrollHeight)});let onScroll=e=>{let t=e.currentTarget;M.value=t.scrollTop,P(t.scrollHeight-t.clientHeight-t.scrollTop<=g)},B=R.value,V=F.value.trim();return h(`div`,{className:r(e.root,T),style:{"--_timestamp-width":C},...E,children:[h(`div`,{className:e.toolbar,children:[m(`input`,{type:`search`,className:e.search,placeholder:D.searchPlaceholder,"aria-label":D.searchPlaceholder,value:F.value,onInput:e=>{F.value=e.currentTarget.value}}),V?m(`span`,{className:e.count,"aria-live":`polite`,children:f(d.logViewer.matches,{count:z.value})}):null,m(`span`,{className:e.spacer}),m(`button`,{type:`button`,className:e.toggle,"aria-pressed":N.value,onClick:()=>{let e=!N.value;if(P(e),e){let e=A.current;e&&(e.scrollTop=e.scrollHeight)}},children:N.value?D.follow:D.paused}),m(`button`,{type:`button`,className:e.copy,onClick:()=>void L(k.value.map(e=>e.text).join(`
+`)),children:I.value?D.copied:D.copy})]}),m(`div`,{ref:A,className:e.scroll,role:`log`,"aria-live":`polite`,"aria-label":D.label,tabIndex:0,style:{maxBlockSize:S},onScroll,children:B.total===0?m(`div`,{className:e.empty,children:D.empty}):m(`div`,{className:e.sizer,style:{blockSize:B.total*g},children:B.rows.map((n,r)=>m(t,{children:m(`div`,{className:e.line,"data-level":n.level,style:{insetBlockStart:(B.start+r)*g,blockSize:g},children:renderLine(n,b,V)})},n.id))})}),m(n,{"aria-live":`polite`,children:f(d.logViewer.lines,{count:B.total})})]})}export{LogViewer};

package/dist/node/log-viewer/log-viewer.module.js

@@ -1,16 +1 @@
-var e = {
-	root: "_root_1mutf_2",
-	toolbar: "_toolbar_1mutf_11",
-	search: "_search_1mutf_20",
-	count: "_count_1mutf_33",
-	spacer: "_spacer_1mutf_38",
-	toggle: "_toggle_1mutf_42",
-	copy: "_copy_1mutf_43",
-	scroll: "_scroll_1mutf_81",
-	sizer: "_sizer_1mutf_96",
-	line: "_line_1mutf_101",
-	ansi: "_ansi_1mutf_128",
-	empty: "_empty_1mutf_149"
-};
-//#endregion
-export { e as default };
+var e={root:`_root_p7fwz_2`,toolbar:`_toolbar_p7fwz_11`,search:`_search_p7fwz_20`,count:`_count_p7fwz_33`,spacer:`_spacer_p7fwz_38`,toggle:`_toggle_p7fwz_42`,copy:`_copy_p7fwz_43`,scroll:`_scroll_p7fwz_81`,sizer:`_sizer_p7fwz_96`,line:`_line_p7fwz_101`,timestamp:`_timestamp_p7fwz_112`,ansi:`_ansi_p7fwz_137`,empty:`_empty_p7fwz_158`};export{e as default};

package/dist/node/menu/menu.js

@@ -1,126 +1 @@
-"use client";
-
-import { usePopover as e } from "../popover/use-popover.js";
-import t from "./menu.module.js";
-import { Children as n, createContext as r, isValidElement as i } from "react";
-import { useSignalEffect as a, useSignals as o, useTypeahead as s } from "@cascivo/core";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
-//#region ../components/src/menu/menu.tsx
-var u = r(null);
-function d({ ctx: e, children: n }) {
-	o();
-	let { popoverRef: r, anchorName: i, isOpen: l } = e, u = () => {
-		let e = r.current;
-		return e ? Array.from(e.querySelectorAll("[role=\"menuitem\"]:not([aria-disabled=\"true\"])")) : [];
-	}, d = (e) => {
-		let t = u();
-		t.length !== 0 && t[e(t, t.indexOf(document.activeElement))]?.focus();
-	}, f = s({ onMatch: (e) => {
-		u().find((t) => (t.textContent ?? "").trim().toLowerCase().startsWith(e))?.focus();
-	} });
-	return a(() => {
-		if (!l.value) return;
-		let e = r.current;
-		e && e.querySelector("[role=\"menuitem\"]:not([aria-disabled=\"true\"])")?.focus();
-	}), /* @__PURE__ */ c("div", {
-		ref: r,
-		popover: "auto",
-		role: "menu",
-		"data-state": l.value ? "open" : "closed",
-		style: { positionAnchor: i },
-		className: t.panel,
-		onKeyDown: (e) => {
-			switch (e.key) {
-				case "ArrowDown":
-					e.preventDefault(), d((e, t) => t < 0 ? 0 : (t + 1) % e.length);
-					break;
-				case "ArrowUp":
-					e.preventDefault(), d((e, t) => t < 0 ? e.length - 1 : (t - 1 + e.length) % e.length);
-					break;
-				case "Home":
-					e.preventDefault(), d(() => 0);
-					break;
-				case "End":
-					e.preventDefault(), d((e) => e.length - 1);
-					break;
-				default: f.onKeyDown(e);
-			}
-		},
-		children: n
-	});
-}
-function f({ children: e }) {
-	return /* @__PURE__ */ c(u.Consumer, { children: (t) => {
-		if (!t) throw Error("MenuPanel must be inside <Menu>");
-		return /* @__PURE__ */ c(d, {
-			ctx: t,
-			children: e
-		});
-	} });
-}
-function p() {
-	return globalThis.process?.env?.NODE_ENV !== "production";
-}
-function m({ children: t }) {
-	let r = e(), a = n.toArray(t), o = a.find((e) => i(e) && e.type === g), s = a.filter((e) => e !== o);
-	if (o === void 0 && p()) throw Error("<Menu> requires a <MenuTrigger> child. It is matched by component identity, so it may appear in any order — but it must be a direct child, not wrapped in a fragment or another component.");
-	return /* @__PURE__ */ l(u.Provider, {
-		value: r,
-		children: [o, /* @__PURE__ */ c(f, { children: s })]
-	});
-}
-function h({ ctx: e, children: n, ariaLabel: r, "aria-label": i }) {
-	o();
-	let { triggerRef: a, toggle: s, anchorName: l, isOpen: u } = e;
-	return /* @__PURE__ */ c("button", {
-		ref: a,
-		type: "button",
-		"aria-haspopup": "menu",
-		"aria-expanded": u.value,
-		"aria-label": r ?? i,
-		style: { anchorName: l },
-		onClick: s,
-		className: t.trigger,
-		children: n
-	});
-}
-function g({ children: e, ariaLabel: t, "aria-label": n }) {
-	let r = t ?? n;
-	return /* @__PURE__ */ c(u.Consumer, { children: (t) => {
-		if (!t) throw Error("MenuTrigger must be inside <Menu>");
-		return /* @__PURE__ */ c(h, {
-			ctx: t,
-			...r !== void 0 && { ariaLabel: r },
-			children: e
-		});
-	} });
-}
-function _({ children: e, onSelect: n, disabled: r }) {
-	return /* @__PURE__ */ c(u.Consumer, { children: (i) => {
-		if (!i) throw Error("MenuItem must be inside <Menu>");
-		let { close: a } = i;
-		function o() {
-			r || (n(), a());
-		}
-		function s(e) {
-			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.stopPropagation(), o());
-		}
-		return /* @__PURE__ */ c("div", {
-			role: "menuitem",
-			tabIndex: r ? -1 : 0,
-			"aria-disabled": r,
-			onClick: o,
-			onKeyDown: s,
-			className: t.item,
-			children: e
-		});
-	} });
-}
-function v() {
-	return /* @__PURE__ */ c("div", {
-		role: "separator",
-		className: t.separator
-	});
-}
-//#endregion
-export { m as Menu, _ as MenuItem, v as MenuSeparator, g as MenuTrigger };
+"use client";import{usePopover as e}from"../popover/use-popover.js";import t from"./menu.module.js";import{Children as n,createContext as r,isValidElement as i}from"react";import{useSignalEffect as a,useSignals as o,useTypeahead as s}from"@cascivo/core";import{jsx as c,jsxs as l}from"react/jsx-runtime";var u=r(null);function MenuPanelInner({ctx:e,children:n}){o();let{popoverRef:r,anchorName:i,isOpen:l}=e,enabledItems=()=>{let e=r.current;return e?Array.from(e.querySelectorAll(`[role="menuitem"]:not([aria-disabled="true"])`)):[]},focusItem=e=>{let t=enabledItems();t.length!==0&&t[e(t,t.indexOf(document.activeElement))]?.focus()},u=s({onMatch:e=>{enabledItems().find(t=>(t.textContent??``).trim().toLowerCase().startsWith(e))?.focus()}});return a(()=>{if(!l.value)return;let e=r.current;e&&e.querySelector(`[role="menuitem"]:not([aria-disabled="true"])`)?.focus()}),c(`div`,{ref:r,popover:`auto`,role:`menu`,"data-state":l.value?`open`:`closed`,style:{positionAnchor:i},className:t.panel,onKeyDown:e=>{switch(e.key){case`ArrowDown`:e.preventDefault(),focusItem((e,t)=>t<0?0:(t+1)%e.length);break;case`ArrowUp`:e.preventDefault(),focusItem((e,t)=>t<0?e.length-1:(t-1+e.length)%e.length);break;case`Home`:e.preventDefault(),focusItem(()=>0);break;case`End`:e.preventDefault(),focusItem(e=>e.length-1);break;default:u.onKeyDown(e)}},children:n})}function MenuPanel({children:e}){return c(u.Consumer,{children:t=>{if(!t)throw Error(`MenuPanel must be inside <Menu>`);return c(MenuPanelInner,{ctx:t,children:e})}})}function isDev(){return globalThis.process?.env?.NODE_ENV!==`production`}function Menu({children:t}){let r=e(),a=n.toArray(t),o=a.find(e=>i(e)&&e.type===MenuTrigger),s=a.filter(e=>e!==o);if(o===void 0&&isDev())throw Error(`<Menu> requires a <MenuTrigger> child. It is matched by component identity, so it may appear in any order — but it must be a direct child, not wrapped in a fragment or another component.`);return l(u.Provider,{value:r,children:[o,c(MenuPanel,{children:s})]})}function MenuTriggerInner({ctx:e,children:n,ariaLabel:r,"aria-label":i}){o();let{triggerRef:a,toggle:s,anchorName:l,isOpen:u}=e;return c(`button`,{ref:a,type:`button`,"aria-haspopup":`menu`,"aria-expanded":u.value,"aria-label":r??i,style:{anchorName:l},onClick:s,className:t.trigger,children:n})}function MenuTrigger({children:e,ariaLabel:t,"aria-label":n}){let r=t??n;return c(u.Consumer,{children:t=>{if(!t)throw Error(`MenuTrigger must be inside <Menu>`);return c(MenuTriggerInner,{ctx:t,...r!==void 0&&{ariaLabel:r},children:e})}})}function MenuItem({children:e,onSelect:n,disabled:r}){return c(u.Consumer,{children:i=>{if(!i)throw Error(`MenuItem must be inside <Menu>`);let{close:a}=i;function handleClick(){r||(n(),a())}function handleKeyDown(e){(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),e.stopPropagation(),handleClick())}return c(`div`,{role:`menuitem`,tabIndex:r?-1:0,"aria-disabled":r,onClick:handleClick,onKeyDown:handleKeyDown,className:t.item,children:e})}})}function MenuSeparator(){return c(`div`,{role:`separator`,className:t.separator})}export{Menu,MenuItem,MenuSeparator,MenuTrigger};

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

@@ -1,8 +1 @@
-var e = {
-	trigger: "_trigger_11vpw_2",
-	panel: "_panel_11vpw_25",
-	item: "_item_11vpw_69",
-	separator: "_separator_11vpw_92"
-};
-//#endregion
-export { e as default };
+var e={trigger:`_trigger_11vpw_2`,panel:`_panel_11vpw_25`,item:`_item_11vpw_69`,separator:`_separator_11vpw_92`};export{e as default};

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 focusItem(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 MenuButton({label:f,items:p,variant:m=`secondary`,size:h=`md`,disabled:g=!1,align:_=`start`,labels:v,className:y}){l();let b=s(!1),x=n(null),S=n(null),C=t(),{anchorStyle:w,floatingStyle:T}=o({anchorRef:x,floatingRef:S,placement:_===`end`?`bottom-end`:`bottom-start`,enabled:b});c(()=>{b.value&&focusItem(S.current,0)});function openMenu(e){g||(b.value=!0,queueMicrotask(()=>focusItem(S.current,e)))}function close(e){b.value=!1,e&&a(x.current)}function handleTriggerKeyDown(e){e.key===`ArrowDown`||e.key===`Enter`||e.key===` `?(e.preventDefault(),openMenu(0)):e.key===`ArrowUp`&&(e.preventDefault(),openMenu(-1))}function handleItemKeyDown(e){if(e.key===`ArrowDown`){e.preventDefault();let t=e.currentTarget.nextElementSibling;t?t.focus():focusItem(S.current,0)}else if(e.key===`ArrowUp`){e.preventDefault();let t=e.currentTarget.previousElementSibling;t?t.focus():focusItem(S.current,-1)}else e.key===`Escape`?(e.preventDefault(),close(!0)):e.key===`Tab`&&close(!1)}function select(e){e.disabled||(e.onSelect?.(),close(!0))}return d(`div`,{className:i(e.root,y),children:[u(`button`,{ref:x,type:`button`,className:e.trigger,"data-variant":m,"data-size":h,disabled:g,"aria-haspopup":`menu`,"aria-expanded":b.value,"aria-controls":C,...v?.open!==void 0&&{"aria-label":v.open},style:w,onClick:()=>{b.value?close(!1):openMenu(0)},onKeyDown:handleTriggerKeyDown,children:f}),b.value?u(r,{onDismiss:()=>close(!0),children:u(`div`,{ref:S,id:C,role:`menu`,"data-state":`open`,"data-align":_,className:e.menu,style:T,children:p.map(t=>u(`div`,{role:`menuitem`,tabIndex:-1,"aria-disabled":t.disabled,className:e.item,onClick:()=>select(t),onKeyDown:e=>{e.key===`Enter`||e.key===` `?(e.preventDefault(),select(t)):handleItemKeyDown(e)},children:t.label},t.id))})}):null]})}export{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 Menubar({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(MenubarTrigger,{menu:e,index:t,baseId:s,openId:d,itemProps:p.getItemProps(t)},e.id))})}function MenubarTrigger({menu:t,baseId:r,openId:a,itemProps:c}){u();let l=n(null),m=n(null),h=a.value===t.id,g=`${r}-menu-${t.id}`,{anchorStyle:_,floatingStyle:v}=s({anchorRef:l,floatingRef:m,placement:`bottom-start`,enabled:h}),focusFirstItem=()=>{(m.current?.querySelector(`[role="menuitem"]:not([aria-disabled="true"])`))?.focus()},handleKeyDown=e=>{c.onKeyDown(e),!e.defaultPrevented&&(e.key===`ArrowDown`||e.key===`Enter`||e.key===` `?(e.preventDefault(),a.value=t.id,requestAnimationFrame(focusFirstItem)):e.key===`Escape`&&(a.value=null))},{ref:y,onKeyDown:b,...x}=c;return p(d,{children:[f(`button`,{ref:e=>{l.current=e,y(e)},type:`button`,role:`menuitem`,"aria-haspopup":`menu`,"aria-expanded":h,"aria-controls":g,"data-state":h?`open`:`closed`,className:e.trigger,style:_,onClick:()=>{a.value=h?null:t.id},onKeyDown:handleKeyDown,...x,children:t.label}),f(i,{present:h,children:f(MenubarPanel,{menu:t,menuId:g,floatingRef:m,floatingStyle:v,onClose:()=>{a.value=null,o(l.current)}})})]})}function MenubarPanel({menu:t,menuId:n,floatingRef:i,floatingStyle:a,onClose:o}){let handleItemKeyDown=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()):handleItemKeyDown(e))},children:t.label},t.id))})})}export{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 Modal({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 handler=()=>S.current?.();return e.addEventListener(`close`,handler),()=>e.removeEventListener(`close`,handler)}),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{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};