@cascivo/react 0.18.0 → 1.1.0

package/dist/node/file-uploader/file-uploader.js

@@ -1,122 +1 @@
-"use client";
-
-import { Spinner as e } from "../spinner/spinner.js";
-import t from "./file-uploader.module.js";
-import { useRef as n } from "react";
-import { cn as r, useSignal as i, useSignals as a } from "@cascivo/core";
-import { builtin as o, t as s } from "@cascivo/i18n";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
-//#region ../components/src/file-uploader/file-uploader.tsx
-function u(e, t) {
-	let n = t.split(",").map((e) => e.trim()).filter(Boolean);
-	return n.length === 0 ? !0 : n.some((t) => t.startsWith(".") ? e.name.toLowerCase().endsWith(t.toLowerCase()) : t.endsWith("/*") ? e.type.startsWith(t.slice(0, -1)) : e.type === t);
-}
-function d(e) {
-	return e >= 1024 * 1024 ? `${(e / (1024 * 1024)).toFixed(1)} MB` : e >= 1024 ? `${(e / 1024).toFixed(1)} KB` : `${e} B`;
-}
-function f({ files: f = [], onFilesAdded: p, onRemove: m, multiple: h = !1, accept: g, maxSize: _, onRejected: v, label: y, hint: b, labels: x, disabled: S = !1, className: C }) {
-	a();
-	let w = n(null), T = i(!1), E = y ?? x?.label ?? s(o.fileUploader.label), D = x?.drop ?? s(o.fileUploader.drop), O = x?.uploading ?? s(o.fileUploader.uploading), k = x?.complete ?? s(o.fileUploader.complete), A = x?.error ?? s(o.fileUploader.error), j = (e) => x?.remove ? x.remove.replace("{name}", e) : s(o.fileUploader.remove, { name: e }), M = `cascade-uploader-${E.toLowerCase().replace(/\s+/g, "-")}`, N = `${M}-label`, P = `${M}-hint`, F = (e) => {
-		if (!e || e.length === 0) return;
-		let t = h ? Array.from(e) : Array.from(e).slice(0, 1), n = [], r = [], i = [];
-		for (let e of t) g && !u(e, g) ? r.push(e) : _ !== void 0 && e.size > _ ? i.push(e) : n.push(e);
-		r.length > 0 && v?.(r, "type"), i.length > 0 && v?.(i, "size"), n.length > 0 && p?.(n);
-	};
-	return /* @__PURE__ */ l("div", {
-		className: r(t.uploader, C),
-		children: [
-			/* @__PURE__ */ c("span", {
-				id: N,
-				className: t.label,
-				children: E
-			}),
-			/* @__PURE__ */ c("input", {
-				ref: w,
-				type: "file",
-				className: t.input,
-				tabIndex: -1,
-				"aria-hidden": "true",
-				multiple: h,
-				accept: g,
-				disabled: S,
-				onChange: (e) => {
-					F(e.target.files), e.target.value = "";
-				}
-			}),
-			/* @__PURE__ */ c("button", {
-				type: "button",
-				className: t.zone,
-				"data-state": T.value ? "dragover" : "idle",
-				disabled: S,
-				"aria-describedby": b ? `${N} ${P}` : N,
-				onClick: () => w.current?.click(),
-				onDragEnter: (e) => {
-					e.preventDefault(), S || (T.value = !0);
-				},
-				onDragOver: (e) => e.preventDefault(),
-				onDragLeave: () => {
-					T.value = !1;
-				},
-				onDrop: (e) => {
-					e.preventDefault(), T.value = !1, !S && F(e.dataTransfer.files);
-				},
-				children: D
-			}),
-			b && /* @__PURE__ */ c("span", {
-				id: P,
-				className: t.hint,
-				children: b
-			}),
-			f.length > 0 && /* @__PURE__ */ c("ul", {
-				className: t.list,
-				"aria-live": "polite",
-				children: f.map((n) => /* @__PURE__ */ l("li", {
-					className: t.file,
-					"data-state": n.status,
-					children: [
-						/* @__PURE__ */ l("span", {
-							className: t.status,
-							children: [
-								n.status === "uploading" && /* @__PURE__ */ c(e, {
-									size: "sm",
-									label: O
-								}),
-								n.status === "complete" && /* @__PURE__ */ c("span", {
-									className: t["glyph-complete"],
-									"aria-label": k,
-									children: "✓"
-								}),
-								n.status === "error" && /* @__PURE__ */ c("span", {
-									className: t["glyph-error"],
-									"aria-label": A,
-									children: "✕"
-								})
-							]
-						}),
-						/* @__PURE__ */ c("span", {
-							className: t.name,
-							children: n.name
-						}),
-						n.size !== void 0 && /* @__PURE__ */ c("span", {
-							className: t.size,
-							children: d(n.size)
-						}),
-						/* @__PURE__ */ c("button", {
-							type: "button",
-							className: t.remove,
-							"aria-label": j(n.name),
-							onClick: () => m?.(n.id),
-							children: "✕"
-						}),
-						n.status === "error" && n.errorMessage && /* @__PURE__ */ c("span", {
-							className: t["error-message"],
-							children: n.errorMessage
-						})
-					]
-				}, n.id))
-			})
-		]
-	});
-}
-//#endregion
-export { f as FileUploader };
+"use client";import{Spinner as e}from"../spinner/spinner.js";import t from"./file-uploader.module.js";import{useRef as n}from"react";import{cn as r,useId as i,useSignal as a,useSignals as o}from"@cascivo/core";import{builtin as s,currentLocale as c,t as l}from"@cascivo/i18n";import{jsx as u,jsxs as d}from"react/jsx-runtime";function f(e,t){let n=t.split(`,`).map(e=>e.trim()).filter(Boolean);return n.length===0?!0:n.some(t=>t.startsWith(`.`)?e.name.toLowerCase().endsWith(t.toLowerCase()):t.endsWith(`/*`)?e.type.startsWith(t.slice(0,-1)):e.type===t)}function p(e,t){let[n,r]=e>=1024*1024?[e/(1024*1024),`megabyte`]:e>=1024?[e/1024,`kilobyte`]:[e,`byte`];try{return new Intl.NumberFormat(t,{style:`unit`,unit:r,unitDisplay:`short`,maximumFractionDigits:r===`byte`?0:1}).format(n)}catch{return new Intl.NumberFormat(t,{maximumFractionDigits:r===`byte`?0:1}).format(n)}}function m(e,t,n,r){return e.some(e=>e.status===`error`)?r:e.some(e=>e.status===`uploading`)?t:n}function h({files:h=[],onFilesAdded:g,onRemove:_,multiple:v=!1,accept:y,maxSize:b,onRejected:x,label:S,ariaLabel:C,hint:w,labels:T,disabled:E=!1,className:D}){o();let O=c(),k=n(null),A=a(!1),j=S??T?.label??l(s.fileUploader.label),M=T?.drop??l(s.fileUploader.drop),N=T?.uploading??l(s.fileUploader.uploading),P=T?.complete??l(s.fileUploader.complete),F=T?.error??l(s.fileUploader.error),I=e=>T?.remove?T.remove.replaceAll(`{name}`,e):l(s.fileUploader.remove,{name:e}),L=i(`cascivo-uploader`),R=`${L}-label`,z=`${L}-hint`,B=`${L}-status`,V=e=>{if(!e||e.length===0)return;let t=v?Array.from(e):Array.from(e).slice(0,1),n=[],r=[],i=[];for(let e of t)y&&!f(e,y)?r.push(e):b!==void 0&&e.size>b?i.push(e):n.push(e);r.length>0&&x?.(r,`type`),i.length>0&&x?.(i,`size`),n.length>0&&g?.(n)};return d(`div`,{className:r(t.uploader,D),children:[u(`span`,{id:R,className:t.label,children:j}),u(`input`,{ref:k,type:`file`,className:t.input,tabIndex:-1,"aria-labelledby":R,multiple:v,accept:y,disabled:E,onChange:e=>{V(e.target.files),e.target.value=``}}),u(`button`,{type:`button`,className:t.zone,"data-state":A.value?`dragover`:`idle`,disabled:E,"aria-labelledby":C?void 0:R,"aria-label":C,"aria-describedby":w?z:void 0,onClick:()=>k.current?.click(),onDragEnter:e=>{e.preventDefault(),E||(A.value=!0)},onDragOver:e=>{e.preventDefault(),E||(e.dataTransfer.dropEffect=`copy`)},onDragLeave:e=>{e.currentTarget.contains(e.relatedTarget)||(A.value=!1)},onDrop:e=>{e.preventDefault(),A.value=!1,!E&&V(e.dataTransfer.files)},children:u(`span`,{className:t.zoneText,children:M})}),w&&u(`span`,{id:z,className:t.hint,children:w}),u(`span`,{id:B,className:t.srOnly,role:`status`,"aria-live":`polite`,children:h.length>0?l(s.fileUploader.status,{count:h.length,state:m(h,N,P,F)}):``}),h.length>0&&u(`ul`,{className:t.list,children:h.map(n=>d(`li`,{className:t.file,"data-state":n.status,children:[d(`span`,{className:t.status,children:[n.status===`uploading`&&u(e,{size:`sm`,label:N}),n.status===`complete`&&u(`span`,{className:t[`glyph-complete`],role:`img`,"aria-label":P,children:`✓`}),n.status===`error`&&u(`span`,{className:t[`glyph-error`],role:`img`,"aria-label":F,children:`✕`})]}),u(`span`,{className:t.name,children:n.name}),n.size!==void 0&&u(`span`,{className:t.size,children:p(n.size,O)}),u(`button`,{type:`button`,className:t.remove,"aria-label":I(n.name),disabled:E,onClick:()=>_?.(n.id),children:`✕`}),n.status===`error`&&n.errorMessage&&u(`span`,{className:t[`error-message`],role:`alert`,children:n.errorMessage})]},n.id))})]})}export{h as FileUploader};

package/dist/node/file-uploader/file-uploader.module.js

@@ -1,18 +1 @@
-var e = {
-	uploader: "_uploader_c3mm3_2",
-	label: "_label_c3mm3_13",
-	input: "_input_c3mm3_19",
-	zone: "_zone_c3mm3_28",
-	hint: "_hint_c3mm3_61",
-	list: "_list_c3mm3_66",
-	file: "_file_c3mm3_75",
-	status: "_status_c3mm3_92",
-	"glyph-complete": "_glyph-complete_c3mm3_98",
-	"glyph-error": "_glyph-error_c3mm3_102",
-	name: "_name_c3mm3_106",
-	size: "_size_c3mm3_113",
-	remove: "_remove_c3mm3_119",
-	"error-message": "_error-message_c3mm3_139"
-};
-//#endregion
-export { e as default };
+var e={uploader:`_uploader_d2bk6_2`,label:`_label_d2bk6_13`,input:`_input_d2bk6_19`,zone:`_zone_d2bk6_28`,hint:`_hint_d2bk6_61`,list:`_list_d2bk6_66`,file:`_file_d2bk6_75`,status:`_status_d2bk6_92`,"glyph-complete":`_glyph-complete_d2bk6_98`,"glyph-error":`_glyph-error_d2bk6_102`,name:`_name_d2bk6_106`,size:`_size_d2bk6_113`,remove:`_remove_d2bk6_119`,"error-message":`_error-message_d2bk6_139`,zoneText:`_zoneText_d2bk6_148`,srOnly:`_srOnly_d2bk6_152`};export{e as default};

package/dist/node/filter/filter.js

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

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

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

package/dist/node/form/form.js

@@ -1,95 +1 @@
-"use client";
-
-import e from "./form.module.js";
-import { batch as t, cn as n, signal as r, useSignal as i, useSignals as a } from "@cascivo/core";
-import { jsx as o } from "react/jsx-runtime";
-//#region ../components/src/form/form.tsx
-function s(e) {
-	let t = e[0];
-	return t === void 0 ? "" : String(typeof t == "string" || typeof t == "number" ? t : t.key);
-}
-async function c(e, t) {
-	let n = await e["~standard"].validate(t);
-	if (!("issues" in n) || n.issues === void 0) return {};
-	let r = {};
-	for (let e of n.issues) {
-		let t = e.path && e.path.length > 0 ? s(e.path) : "";
-		t && !(t in r) && (r[t] = e.message);
-	}
-	return r;
-}
-function l(e) {
-	let n = r({ ...e.initialValues }), i = r({}), a = r({}), o = r(!1), s = async (t) => {
-		let n = {};
-		return e.schema && (n = await c(e.schema, t)), Object.keys(n).length === 0 && e.validate && (n = await e.validate(t)), n;
-	}, l = 0, u = (t, r) => {
-		if (n.value = {
-			...n.value,
-			[t]: r
-		}, !e.validateOnChange) return;
-		let a = ++l;
-		s(n.value).then((e) => {
-			if (a !== l) return;
-			let n = { ...i.value }, r = e[t];
-			r === void 0 ? delete n[t] : n[t] = r, i.value = n;
-		});
-	};
-	return {
-		values: n,
-		errors: i,
-		touched: a,
-		submitting: o,
-		setValue: u,
-		field(e) {
-			return {
-				get value() {
-					return n.value[e];
-				},
-				onChange: (t) => u(e, t),
-				onBlur: () => {
-					a.value = {
-						...a.value,
-						[e]: !0
-					};
-				},
-				get error() {
-					return i.value[e];
-				}
-			};
-		},
-		async submit(r) {
-			o.value = !0;
-			try {
-				let o = await s(n.value), c = Object.fromEntries(Object.keys(e.initialValues).map((e) => [e, !0]));
-				t(() => {
-					i.value = o, a.value = c;
-				}), Object.keys(o).length === 0 && await r(n.value);
-			} finally {
-				o.value = !1;
-			}
-		},
-		reset() {
-			t(() => {
-				n.value = { ...e.initialValues }, i.value = {}, a.value = {};
-			});
-		}
-	};
-}
-function u(e) {
-	a();
-	let t = i(null);
-	return t.peek() === null && (t.value = l(e)), t.peek();
-}
-function d({ form: t, onValid: r, children: i, className: a, ...s }) {
-	return /* @__PURE__ */ o("form", {
-		noValidate: !0,
-		className: n(e.form, a),
-		onSubmit: (e) => {
-			e.preventDefault(), t.submit(r);
-		},
-		...s,
-		children: i
-	});
-}
-//#endregion
-export { d as Form, l as createForm, u as useForm };
+"use client";import e from"./form.module.js";import{batch as t,cn as n,signal as r,useSignal as i,useSignals as a}from"@cascivo/core";import{jsx as o}from"react/jsx-runtime";function s(e){let t=e[0];return t===void 0?``:String(typeof t==`string`||typeof t==`number`?t:t.key)}async function c(e,t){let n=await e[`~standard`].validate(t);if(!(`issues`in n)||n.issues===void 0)return{};let r={};for(let e of n.issues){let t=e.path&&e.path.length>0?s(e.path):``;t&&!(t in r)&&(r[t]=e.message)}return r}function l(e){let n=r({...e.initialValues}),i=r({}),a=r({}),o=r(!1),s=async t=>{let n={};return e.schema&&(n=await c(e.schema,t)),Object.keys(n).length===0&&e.validate&&(n=await e.validate(t)),n},l=0,u=(t,r)=>{if(n.value={...n.value,[t]:r},!e.validateOnChange)return;let a=++l;s(n.value).then(e=>{if(a!==l)return;let n={...i.value},r=e[t];r===void 0?delete n[t]:n[t]=r,i.value=n})};return{values:n,errors:i,touched:a,submitting:o,setValue:u,field(e){return{get value(){return n.value[e]},onChange:t=>u(e,t),onBlur:()=>{a.value={...a.value,[e]:!0}},get error(){return i.value[e]}}},async submit(r){o.value=!0;try{let o=await s(n.value),c=Object.fromEntries(Object.keys(e.initialValues).map(e=>[e,!0]));t(()=>{i.value=o,a.value=c}),Object.keys(o).length===0&&await r(n.value)}finally{o.value=!1}},reset(){t(()=>{n.value={...e.initialValues},i.value={},a.value={}})}}}function u(e){a();let t=i(null);return t.peek()===null&&(t.value=l(e)),t.peek()}function d({form:t,onValid:r,children:i,className:a,...s}){return o(`form`,{noValidate:!0,className:n(e.form,a),onSubmit:e=>{e.preventDefault(),t.submit(r)},...s,children:i})}export{d as Form,l as createForm,u as useForm};

package/dist/node/form/form.module.js

@@ -1,3 +1 @@
-var e = { form: "_form_1mtxl_2" };
-//#endregion
-export { e as default };
+var e={form:`_form_1mtxl_2`};export{e as default};

package/dist/node/header/header.js

@@ -1,44 +1 @@
-"use client";
-
-import e from "./header.module.js";
-import { cn as t, getLinkComponent as n, useSignals as r } from "@cascivo/core";
-import { builtin as i, t as a } from "@cascivo/i18n";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-//#region ../components/src/header/header.tsx
-function c({ brand: c, links: l, actions: u, sticky: d = !1, labels: f, className: p, ...m }) {
-	r();
-	let h = n(), g = f?.nav ?? a(i.header.nav);
-	return /* @__PURE__ */ s("header", {
-		role: "banner",
-		"data-sticky": d || void 0,
-		className: t(e.header, p),
-		...m,
-		children: [
-			c && /* @__PURE__ */ o("div", {
-				className: e.brand,
-				children: c
-			}),
-			l && l.length > 0 && /* @__PURE__ */ o("nav", {
-				"aria-label": g,
-				className: e.nav,
-				children: /* @__PURE__ */ o("ul", {
-					className: e.list,
-					children: l.map((t, n) => /* @__PURE__ */ o("li", { children: /* @__PURE__ */ o(h, {
-						href: t.href,
-						"aria-current": t.active ? "page" : void 0,
-						"data-state": t.active ? "active" : void 0,
-						className: e.link,
-						children: t.label
-					}) }, t.id ?? `${n}-${t.href}`))
-				})
-			}),
-			/* @__PURE__ */ o("div", { className: e.spacer }),
-			u && /* @__PURE__ */ o("div", {
-				className: e.actions,
-				children: u
-			})
-		]
-	});
-}
-//#endregion
-export { c as Header };
+"use client";import e from"./header.module.js";import{cn as t,getLinkComponent as n,useSignals as r}from"@cascivo/core";import{builtin as i,t as a}from"@cascivo/i18n";import{jsx as o,jsxs as s}from"react/jsx-runtime";function c({brand:c,links:l,actions:u,sticky:d=!1,labels:f,className:p,...m}){r();let h=n(),g=f?.nav??a(i.header.nav);return s(`header`,{role:`banner`,"data-sticky":d||void 0,className:t(e.header,p),...m,children:[c&&o(`div`,{className:e.brand,children:c}),l&&l.length>0&&o(`nav`,{"aria-label":g,className:e.nav,children:o(`ul`,{className:e.list,children:l.map((t,n)=>o(`li`,{children:o(h,{href:t.href,"aria-current":t.active?`page`:void 0,"data-state":t.active?`active`:void 0,className:e.link,children:t.label})},t.id??`${n}-${t.href}`))})}),o(`div`,{className:e.spacer}),u&&o(`div`,{className:e.actions,children:u})]})}export{c as Header};

package/dist/node/header/header.module.js

@@ -1,11 +1 @@
-var e = {
-	header: "_header_1n9di_2",
-	brand: "_brand_1n9di_20",
-	nav: "_nav_1n9di_35",
-	list: "_list_1n9di_39",
-	link: "_link_1n9di_48",
-	spacer: "_spacer_1n9di_80",
-	actions: "_actions_1n9di_84"
-};
-//#endregion
-export { e as default };
+var e={header:`_header_1n9di_2`,brand:`_brand_1n9di_20`,nav:`_nav_1n9di_35`,list:`_list_1n9di_39`,link:`_link_1n9di_48`,spacer:`_spacer_1n9di_80`,actions:`_actions_1n9di_84`};export{e as default};

package/dist/node/header-panel/header-panel.js

@@ -1,72 +1 @@
-"use client";
-
-import e from "./header-panel.module.js";
-import { useRef as t } from "react";
-import { cn as n, focusElement as r, useEffectPropSignal as i, useSignalEffect 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/header-panel/header-panel.tsx
-function d({ open: d, onClose: f, label: p, children: m, labels: h, className: g }) {
-	o();
-	let _ = t(null), v = t(null), y = i(d), b = t(f);
-	return b.current = f, a(() => {
-		let e = _.current;
-		if (e) if (y.value) {
-			v.current = document.activeElement;
-			try {
-				e.showPopover();
-			} catch {}
-			e.focus();
-		} else {
-			try {
-				e.hidePopover();
-			} catch {}
-			r(v.current), v.current = null;
-		}
-	}), a(() => {
-		let e = _.current;
-		if (!e) return;
-		let t = (e) => {
-			let t = "newState" in e ? e.newState === "closed" : !0;
-			y.peek() && t && b.current();
-		};
-		return e.addEventListener("toggle", t), () => e.removeEventListener("toggle", t);
-	}), /* @__PURE__ */ u("div", {
-		ref: _,
-		popover: "auto",
-		role: "region",
-		"aria-label": p,
-		tabIndex: -1,
-		"data-state": d ? "open" : "closed",
-		className: n(e.panel, g),
-		children: [/* @__PURE__ */ u("div", {
-			className: e.header,
-			children: [/* @__PURE__ */ l("span", {
-				className: e.title,
-				children: p
-			}), /* @__PURE__ */ l("button", {
-				type: "button",
-				"aria-label": h?.close ?? c(s.headerPanel.close),
-				className: e.close,
-				onClick: () => b.current(),
-				children: /* @__PURE__ */ l("svg", {
-					viewBox: "0 0 16 16",
-					width: "14",
-					height: "14",
-					"aria-hidden": "true",
-					children: /* @__PURE__ */ l("path", {
-						d: "M4 4l8 8M12 4l-8 8",
-						stroke: "currentColor",
-						strokeWidth: "1.5",
-						strokeLinecap: "round"
-					})
-				})
-			})]
-		}), /* @__PURE__ */ l("div", {
-			className: e.body,
-			children: m
-		})]
-	});
-}
-//#endregion
-export { d as HeaderPanel };
+"use client";import e from"./header-panel.module.js";import{useRef as t}from"react";import{cn as n,focusElement as r,useEffectPropSignal as i,useSignalEffect 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";function d({open:d,onClose:f,label:p,children:m,labels:h,className:g}){o();let _=t(null),v=t(null),y=i(d),b=t(f);return b.current=f,a(()=>{let e=_.current;if(e)if(y.value){v.current=document.activeElement;try{e.showPopover()}catch{}e.focus()}else{try{e.hidePopover()}catch{}r(v.current),v.current=null}}),a(()=>{let e=_.current;if(!e)return;let t=e=>{let t=`newState`in e?e.newState===`closed`:!0;y.peek()&&t&&b.current()};return e.addEventListener(`toggle`,t),()=>e.removeEventListener(`toggle`,t)}),u(`div`,{ref:_,popover:`auto`,role:`region`,"aria-label":p,tabIndex:-1,"data-state":d?`open`:`closed`,className:n(e.panel,g),children:[u(`div`,{className:e.header,children:[l(`span`,{className:e.title,children:p}),l(`button`,{type:`button`,"aria-label":h?.close??c(s.headerPanel.close),className:e.close,onClick:()=>b.current(),children:l(`svg`,{viewBox:`0 0 16 16`,width:`14`,height:`14`,"aria-hidden":`true`,children:l(`path`,{d:`M4 4l8 8M12 4l-8 8`,stroke:`currentColor`,strokeWidth:`1.5`,strokeLinecap:`round`})})})]}),l(`div`,{className:e.body,children:m})]})}export{d as HeaderPanel};

package/dist/node/header-panel/header-panel.module.js

@@ -1,9 +1 @@
-var e = {
-	panel: "_panel_gsmp3_2",
-	header: "_header_gsmp3_41",
-	title: "_title_gsmp3_50",
-	close: "_close_gsmp3_57",
-	body: "_body_gsmp3_80"
-};
-//#endregion
-export { e as default };
+var e={panel:`_panel_gsmp3_2`,header:`_header_gsmp3_41`,title:`_title_gsmp3_50`,close:`_close_gsmp3_57`,body:`_body_gsmp3_80`};export{e as default};

package/dist/node/heading/heading.js

@@ -1,22 +1 @@
-import e from "./heading.module.js";
-import { cn as t } from "@cascivo/core/pure";
-import { jsx as n } from "react/jsx-runtime";
-//#region ../components/src/heading/heading.tsx
-var r = {
-	1: "2xl",
-	2: "xl",
-	3: "lg",
-	4: "md",
-	5: "sm",
-	6: "sm"
-};
-function i({ level: i = 2, size: a, className: o, children: s, ...c }) {
-	return /* @__PURE__ */ n(`h${i}`, {
-		"data-size": a ?? r[i],
-		className: t(e.heading, o),
-		...c,
-		children: s
-	});
-}
-//#endregion
-export { i as Heading };
+import e from"./heading.module.js";import{cn as t}from"@cascivo/core/pure";import{jsx as n}from"react/jsx-runtime";var r={1:`2xl`,2:`xl`,3:`lg`,4:`md`,5:`sm`,6:`sm`};function i({level:i=2,size:a,className:o,children:s,...c}){return n(`h${i}`,{"data-size":a??r[i],className:t(e.heading,o),...c,children:s})}export{i as Heading};

package/dist/node/heading/heading.module.js

@@ -1,3 +1 @@
-var e = { heading: "_heading_1mlcc_2" };
-//#endregion
-export { e as default };
+var e={heading:`_heading_1osin_2`};export{e as default};

package/dist/node/hover-card/hover-card.js

@@ -1,84 +1 @@
-"use client";
-
-import { usePopover as e } from "../popover/use-popover.js";
-import t from "./hover-card.module.js";
-import { createContext as n, useRef as r } from "react";
-import { useSignalEffect as i, useSignals as a } from "@cascivo/core";
-import { jsx as o } from "react/jsx-runtime";
-//#region ../components/src/hover-card/hover-card.tsx
-var s = n(null);
-function c({ children: t, openDelay: n = 300, closeDelay: a = 100 }) {
-	let c = e(), l = r(void 0), u = r(void 0), d = r(n);
-	d.current = n;
-	let f = r(a);
-	f.current = a;
-	let p = {
-		...c,
-		open: () => {
-			clearTimeout(u.current), l.current = setTimeout(() => {
-				c.isOpen.value = !0;
-			}, d.current);
-		},
-		close: () => {
-			clearTimeout(l.current), u.current = setTimeout(() => {
-				c.isOpen.value = !1;
-			}, f.current);
-		}
-	};
-	return i(() => () => {
-		clearTimeout(l.current), clearTimeout(u.current);
-	}), /* @__PURE__ */ o(s.Provider, {
-		value: p,
-		children: t
-	});
-}
-function l({ ctx: e, children: n }) {
-	a();
-	let { triggerRef: r, anchorName: i, open: s, close: c } = e;
-	return /* @__PURE__ */ o("span", {
-		ref: r,
-		style: { anchorName: i },
-		onMouseEnter: s,
-		onMouseLeave: c,
-		onFocus: s,
-		onBlur: c,
-		className: t.trigger,
-		children: n
-	});
-}
-function u({ children: e }) {
-	return /* @__PURE__ */ o(s.Consumer, { children: (t) => {
-		if (!t) throw Error("HoverCardTrigger must be inside <HoverCard>");
-		return /* @__PURE__ */ o(l, {
-			ctx: t,
-			children: e
-		});
-	} });
-}
-function d({ ctx: e, children: n, className: r }) {
-	a();
-	let { popoverRef: i, anchorName: s, isOpen: c, open: l, close: u } = e;
-	return /* @__PURE__ */ o("div", {
-		ref: i,
-		popover: "auto",
-		role: "complementary",
-		"data-state": c.value ? "open" : "closed",
-		style: { positionAnchor: s },
-		onMouseEnter: l,
-		onMouseLeave: u,
-		className: [t.content, r].filter(Boolean).join(" "),
-		children: n
-	});
-}
-function f({ children: e, className: t }) {
-	return /* @__PURE__ */ o(s.Consumer, { children: (n) => {
-		if (!n) throw Error("HoverCardContent must be inside <HoverCard>");
-		return /* @__PURE__ */ o(d, {
-			ctx: n,
-			...t !== void 0 && { className: t },
-			children: e
-		});
-	} });
-}
-//#endregion
-export { c as HoverCard, f as HoverCardContent, u as HoverCardTrigger };
+"use client";import{usePopover as e}from"../popover/use-popover.js";import t from"./hover-card.module.js";import{createContext as n,useRef as r}from"react";import{useSignalEffect as i,useSignals as a}from"@cascivo/core";import{jsx as o}from"react/jsx-runtime";var s=n(null);function c({children:t,openDelay:n=300,closeDelay:a=100}){let c=e(),l=r(void 0),u=r(void 0),d=r(n);d.current=n;let f=r(a);f.current=a;let p={...c,open:()=>{clearTimeout(u.current),l.current=setTimeout(()=>{c.isOpen.value=!0},d.current)},close:()=>{clearTimeout(l.current),u.current=setTimeout(()=>{c.isOpen.value=!1},f.current)}};return i(()=>()=>{clearTimeout(l.current),clearTimeout(u.current)}),o(s.Provider,{value:p,children:t})}function l({ctx:e,children:n}){a();let{triggerRef:r,anchorName:i,open:s,close:c}=e;return o(`span`,{ref:r,style:{anchorName:i},onMouseEnter:s,onMouseLeave:c,onFocus:s,onBlur:c,className:t.trigger,children:n})}function u({children:e}){return o(s.Consumer,{children:t=>{if(!t)throw Error(`HoverCardTrigger must be inside <HoverCard>`);return o(l,{ctx:t,children:e})}})}function d({ctx:e,children:n,className:r}){a();let{popoverRef:i,anchorName:s,isOpen:c,open:l,close:u}=e;return o(`div`,{ref:i,popover:`auto`,role:`complementary`,"data-state":c.value?`open`:`closed`,style:{positionAnchor:s},onMouseEnter:l,onMouseLeave:u,className:[t.content,r].filter(Boolean).join(` `),children:n})}function f({children:e,className:t}){return o(s.Consumer,{children:n=>{if(!n)throw Error(`HoverCardContent must be inside <HoverCard>`);return o(d,{ctx:n,...t!==void 0&&{className:t},children:e})}})}export{c as HoverCard,f as HoverCardContent,u as HoverCardTrigger};

package/dist/node/hover-card/hover-card.module.js

@@ -1,6 +1 @@
-var e = {
-	trigger: "_trigger_p0sib_2",
-	content: "_content_p0sib_7"
-};
-//#endregion
-export { e as default };
+var e={trigger:`_trigger_1nu6v_2`,content:`_content_1nu6v_7`};export{e as default};

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

@@ -1,19 +1 @@
-import e from "./icon-button.module.js";
-import { Slot as t, cn as n } from "@cascivo/core/pure";
-import { forwardRef as r } from "react";
-import { jsx as i } from "react/jsx-runtime";
-//#region ../components/src/icon-button/icon-button.tsx
-var a = r(function({ label: r, ariaLabel: a, icon: o, size: s = "md", variant: c = "ghost", asChild: l = !1, className: u, children: d, ...f }, p) {
-	return /* @__PURE__ */ i(l ? t : "button", {
-		type: l ? void 0 : "button",
-		"aria-label": r ?? a,
-		"data-size": s,
-		"data-variant": c,
-		className: n(e.iconButton, u),
-		ref: p,
-		...f,
-		children: d ?? o
-	});
-});
-//#endregion
-export { a as IconButton };
+import e from"./icon-button.module.js";import{Slot as t,cn as n}from"@cascivo/core/pure";import{forwardRef as r}from"react";import{jsx as i}from"react/jsx-runtime";var a=r(function({label:r,ariaLabel:a,icon:o,size:s=`md`,variant:c=`ghost`,asChild:l=!1,className:u,children:d,...f},p){return i(l?t:`button`,{type:l?void 0:`button`,"aria-label":r??a,"data-size":s,"data-variant":c,className:n(e.iconButton,u),ref:p,...f,children:d??o})});export{a as IconButton};

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

@@ -1,3 +1 @@
-var e = { iconButton: "_iconButton_1f9hf_2" };
-//#endregion
-export { e as default };
+var e={iconButton:`_iconButton_1f9hf_2`};export{e as default};