@cascivo/react 1.0.0 → 1.2.0

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 pathHead(e){let t=e[0];return t===void 0?``:String(typeof t==`string`||typeof t==`number`?t:t.key)}async function runSchema(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?pathHead(e.path):``;t&&!(t in r)&&(r[t]=e.message)}return r}function createForm(e){let n=r({...e.initialValues}),i=r({}),a=r({}),o=r(!1),validateValues=async t=>{let n={};return e.schema&&(n=await runSchema(e.schema,t)),Object.keys(n).length===0&&e.validate&&(n=await e.validate(t)),n},s=0,setValue=(t,r)=>{if(n.value={...n.value,[t]:r},!e.validateOnChange)return;let a=++s;validateValues(n.value).then(e=>{if(a!==s)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,field(e){return{get value(){return n.value[e]},onChange:t=>setValue(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 validateValues(n.value),s=Object.fromEntries(Object.keys(e.initialValues).map(e=>[e,!0]));t(()=>{i.value=o,a.value=s}),Object.keys(o).length===0&&await r(n.value)}finally{o.value=!1}},reset(){t(()=>{n.value={...e.initialValues},i.value={},a.value={}})}}}function useForm(e){a();let t=i(null);return t.peek()===null&&(t.value=createForm(e)),t.peek()}function Form({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{Form,createForm,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 Header({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{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 HeaderPanel({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 handler=e=>{let t=`newState`in e?e.newState===`closed`:!0;y.peek()&&t&&b.current()};return e.addEventListener(`toggle`,handler),()=>e.removeEventListener(`toggle`,handler)}),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{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 Heading({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{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 HoverCard({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 HoverCardTriggerInner({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 HoverCardTrigger({children:e}){return o(s.Consumer,{children:t=>{if(!t)throw Error(`HoverCardTrigger must be inside <HoverCard>`);return o(HoverCardTriggerInner,{ctx:t,children:e})}})}function HoverCardContentInner({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 HoverCardContent({children:e,className:t}){return o(s.Consumer,{children:n=>{if(!n)throw Error(`HoverCardContent must be inside <HoverCard>`);return o(HoverCardContentInner,{ctx:n,...t!==void 0&&{className:t},children:e})}})}export{HoverCard,HoverCardContent,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};

package/dist/node/image/image.js

@@ -1,64 +1 @@
-"use client";
-
-import e from "./image.module.js";
-import { cn as t, createMachine as n, useMachine as r, useSignals as i } from "@cascivo/core";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-//#region ../components/src/image/image.tsx
-var s = n({
-	initial: "loading",
-	states: {
-		loading: { on: {
-			LOADED: "loaded",
-			ERROR: "error"
-		} },
-		loaded: {},
-		error: {}
-	}
-});
-function c({ src: n, alt: c = "", fallbackSrc: l, width: u, height: d, radius: f = "md", zoom: p = !1, removeWrapper: m = !1, isBlurred: h = !1, className: g, style: _, ...v }) {
-	i();
-	let [y, b] = r(s), x = y.value === "error", S = x && !l, C = x && l ? l : n, w = {
-		...u !== void 0 && { inlineSize: u },
-		...d !== void 0 && { blockSize: d }
-	};
-	return m ? /* @__PURE__ */ a("img", {
-		className: t(e.image, g),
-		src: C,
-		alt: c,
-		onLoad: () => b("LOADED"),
-		onError: () => b("ERROR"),
-		style: {
-			...w,
-			..._
-		},
-		...v
-	}) : /* @__PURE__ */ o("span", {
-		"data-state": y.value,
-		"data-radius": f,
-		"data-zoom": p || void 0,
-		"data-blurred": h || void 0,
-		className: t(e.wrapper, g),
-		style: {
-			...w,
-			..._
-		},
-		role: S ? "img" : void 0,
-		"aria-label": S ? c : void 0,
-		children: [y.value === "loading" && /* @__PURE__ */ a("span", {
-			className: e.placeholder,
-			"aria-hidden": "true"
-		}), S ? /* @__PURE__ */ a("span", {
-			className: e.fallback,
-			"aria-hidden": "true"
-		}) : /* @__PURE__ */ a("img", {
-			className: e.image,
-			src: C,
-			alt: c,
-			onLoad: () => b("LOADED"),
-			onError: () => b("ERROR"),
-			...v
-		})]
-	});
-}
-//#endregion
-export { c as Image };
+"use client";import e from"./image.module.js";import{cn as t,createMachine as n,useMachine as r,useSignals as i}from"@cascivo/core";import{jsx as a,jsxs as o}from"react/jsx-runtime";var s=n({initial:`loading`,states:{loading:{on:{LOADED:`loaded`,ERROR:`error`}},loaded:{},error:{}}});function Image({src:n,alt:c=``,fallbackSrc:l,width:u,height:d,radius:f=`md`,zoom:p=!1,removeWrapper:m=!1,isBlurred:h=!1,className:g,style:_,...v}){i();let[y,b]=r(s),x=y.value===`error`,S=x&&!l,C=x&&l?l:n,w={...u!==void 0&&{inlineSize:u},...d!==void 0&&{blockSize:d}};return m?a(`img`,{className:t(e.image,g),src:C,alt:c,onLoad:()=>b(`LOADED`),onError:()=>b(`ERROR`),style:{...w,..._},...v}):o(`span`,{"data-state":y.value,"data-radius":f,"data-zoom":p||void 0,"data-blurred":h||void 0,className:t(e.wrapper,g),style:{...w,..._},role:S?`img`:void 0,"aria-label":S?c:void 0,children:[y.value===`loading`&&a(`span`,{className:e.placeholder,"aria-hidden":`true`}),S?a(`span`,{className:e.fallback,"aria-hidden":`true`}):a(`img`,{className:e.image,src:C,alt:c,onLoad:()=>b(`LOADED`),onError:()=>b(`ERROR`),...v})]})}export{Image};

package/dist/node/image/image.module.js

@@ -1,9 +1 @@
-var e = {
-	wrapper: "_wrapper_1cf1d_2",
-	image: "_image_1cf1d_28",
-	placeholder: "_placeholder_1cf1d_47",
-	"cascade-image-shimmer": "_cascade-image-shimmer_1cf1d_1",
-	fallback: "_fallback_1cf1d_66"
-};
-//#endregion
-export { e as default };
+var e={wrapper:`_wrapper_192mo_2`,image:`_image_192mo_28`,placeholder:`_placeholder_192mo_47`,fallback:`_fallback_192mo_82`};export{e as default};

package/dist/node/indicator/indicator.js

@@ -1,16 +1 @@
-import e from "./indicator.module.js";
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
-//#region ../components/src/indicator/indicator.tsx
-function r({ children: r, overlay: i, placement: a = "top-end", className: o }) {
-	return /* @__PURE__ */ n("div", {
-		className: [e.indicator, o].filter(Boolean).join(" "),
-		"data-placement": a,
-		children: [r, /* @__PURE__ */ t("div", {
-			className: e.overlay,
-			"aria-hidden": !0,
-			children: i
-		})]
-	});
-}
-//#endregion
-export { r as Indicator };
+import e from"./indicator.module.js";import{jsx as t,jsxs as n}from"react/jsx-runtime";function Indicator({children:r,overlay:i,placement:a=`top-end`,className:o}){return n(`div`,{className:[e.indicator,o].filter(Boolean).join(` `),"data-placement":a,children:[r,t(`div`,{className:e.overlay,"aria-hidden":!0,children:i})]})}export{Indicator};

package/dist/node/indicator/indicator.module.js

@@ -1,6 +1 @@
-var e = {
-	indicator: "_indicator_12iz3_2",
-	overlay: "_overlay_12iz3_7"
-};
-//#endregion
-export { e as default };
+var e={indicator:`_indicator_12iz3_2`,overlay:`_overlay_12iz3_7`};export{e as default};

package/dist/node/infinite-scroll/infinite-scroll.js

@@ -1,49 +1 @@
-"use client";
-
-import { Spinner as e } from "../spinner/spinner.js";
-import t from "./infinite-scroll.module.js";
-import { useRef as n } from "react";
-import { cn as r, useSignal 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/infinite-scroll/infinite-scroll.tsx
-function d({ onLoadMore: d, disabled: f = !1, rootMargin: p = "200px", labels: m, className: h }) {
-	o();
-	let g = n(null), _ = i(!1), v = n(d);
-	v.current = d;
-	let y = n(f);
-	y.current = f;
-	let b = () => {
-		_.value || y.current || (_.value = !0, Promise.resolve(v.current()).then(() => {
-			_.value = !1;
-		}, () => {
-			_.value = !1;
-		}));
-	}, x = n(b);
-	return x.current = b, a(() => {
-		let e = g.current;
-		if (!e || f || typeof IntersectionObserver > "u") return;
-		let t = new IntersectionObserver((e) => {
-			e.some((e) => e.isIntersecting) && x.current();
-		}, { rootMargin: p });
-		return t.observe(e), () => t.disconnect();
-	}), f ? null : /* @__PURE__ */ l("div", {
-		ref: g,
-		className: r(t.root, h),
-		children: _.value ? /* @__PURE__ */ u("span", {
-			className: t.status,
-			role: "status",
-			children: [/* @__PURE__ */ l(e, {
-				size: "sm",
-				"aria-hidden": "true"
-			}), m?.loading ?? c(s.infiniteScroll.loading)]
-		}) : /* @__PURE__ */ l("button", {
-			type: "button",
-			className: t.button,
-			onClick: b,
-			children: m?.loadMore ?? c(s.infiniteScroll.loadMore)
-		})
-	});
-}
-//#endregion
-export { d as InfiniteScroll };
+"use client";import{Spinner as e}from"../spinner/spinner.js";import t from"./infinite-scroll.module.js";import{useRef as n}from"react";import{cn as r,useSignal 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 InfiniteScroll({onLoadMore:d,disabled:f=!1,rootMargin:p=`200px`,labels:m,className:h}){o();let g=n(null),_=i(!1),v=n(d);v.current=d;let y=n(f);y.current=f;let load=()=>{_.value||y.current||(_.value=!0,Promise.resolve(v.current()).then(()=>{_.value=!1},()=>{_.value=!1}))},b=n(load);return b.current=load,a(()=>{let e=g.current;if(!e||f||typeof IntersectionObserver>`u`)return;let t=new IntersectionObserver(e=>{e.some(e=>e.isIntersecting)&&b.current()},{rootMargin:p});return t.observe(e),()=>t.disconnect()}),f?null:l(`div`,{ref:g,className:r(t.root,h),children:_.value?u(`span`,{className:t.status,role:`status`,children:[l(e,{size:`sm`,"aria-hidden":`true`}),m?.loading??c(s.infiniteScroll.loading)]}):l(`button`,{type:`button`,className:t.button,onClick:load,children:m?.loadMore??c(s.infiniteScroll.loadMore)})})}export{InfiniteScroll};

package/dist/node/infinite-scroll/infinite-scroll.module.js

@@ -1,7 +1 @@
-var e = {
-	root: "_root_50go8_2",
-	status: "_status_50go8_9",
-	button: "_button_50go8_17"
-};
-//#endregion
-export { e as default };
+var e={root:`_root_50go8_2`,status:`_status_50go8_9`,button:`_button_50go8_17`};export{e as default};

package/dist/node/inline-loading/inline-loading.js

@@ -1,74 +1 @@
-import { Spinner as e } from "../spinner/spinner.js";
-import t from "./inline-loading.module.js";
-import { cn as n } from "@cascivo/core/pure";
-import { builtin as r, t as i } from "@cascivo/i18n";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-//#region ../components/src/inline-loading/inline-loading.tsx
-function s(e, t) {
-	switch (e) {
-		case "active": return t?.active ?? i(r.inlineLoading.active);
-		case "finished": return t?.finished ?? i(r.inlineLoading.finished);
-		case "error": return t?.error ?? i(r.inlineLoading.error);
-		default: return "";
-	}
-}
-function c({ status: n }) {
-	return n === "active" ? /* @__PURE__ */ a(e, {
-		size: "sm",
-		className: t.spinner
-	}) : n === "finished" ? /* @__PURE__ */ a("svg", {
-		className: t.icon,
-		viewBox: "0 0 16 16",
-		width: "16",
-		height: "16",
-		fill: "none",
-		"aria-hidden": "true",
-		children: /* @__PURE__ */ a("path", {
-			d: "M3.5 8.5l3 3 6-7",
-			stroke: "currentColor",
-			strokeWidth: "1.75",
-			strokeLinecap: "round",
-			strokeLinejoin: "round"
-		})
-	}) : n === "error" ? /* @__PURE__ */ o("svg", {
-		className: t.icon,
-		viewBox: "0 0 16 16",
-		width: "16",
-		height: "16",
-		fill: "none",
-		"aria-hidden": "true",
-		children: [/* @__PURE__ */ a("path", {
-			d: "M8 4.5v4M8 11h.01",
-			stroke: "currentColor",
-			strokeWidth: "1.75",
-			strokeLinecap: "round",
-			strokeLinejoin: "round"
-		}), /* @__PURE__ */ a("circle", {
-			cx: "8",
-			cy: "8",
-			r: "6.25",
-			stroke: "currentColor",
-			strokeWidth: "1.5"
-		})]
-	}) : null;
-}
-function l({ status: e, label: r, labels: i, className: l, ...u }) {
-	let d = r ?? s(e, i);
-	return /* @__PURE__ */ o("div", {
-		role: "status",
-		"aria-live": "polite",
-		"data-status": e,
-		className: n(t["inline-loading"], l),
-		...u,
-		children: [/* @__PURE__ */ a("span", {
-			className: t.indicator,
-			"aria-hidden": "true",
-			children: /* @__PURE__ */ a(c, { status: e })
-		}), d && /* @__PURE__ */ a("span", {
-			className: t.label,
-			children: d
-		})]
-	});
-}
-//#endregion
-export { l as InlineLoading };
+import{Spinner as e}from"../spinner/spinner.js";import t from"./inline-loading.module.js";import{cn as n}from"@cascivo/core/pure";import{builtin as r,t as i}from"@cascivo/i18n";import{jsx as a,jsxs as o}from"react/jsx-runtime";function defaultLabel(e,t){switch(e){case`active`:return t?.active??i(r.inlineLoading.active);case`finished`:return t?.finished??i(r.inlineLoading.finished);case`error`:return t?.error??i(r.inlineLoading.error);default:return``}}function StatusIcon({status:n}){return n===`active`?a(e,{size:`sm`,className:t.spinner}):n===`finished`?a(`svg`,{className:t.icon,viewBox:`0 0 16 16`,width:`16`,height:`16`,fill:`none`,"aria-hidden":`true`,children:a(`path`,{d:`M3.5 8.5l3 3 6-7`,stroke:`currentColor`,strokeWidth:`1.75`,strokeLinecap:`round`,strokeLinejoin:`round`})}):n===`error`?o(`svg`,{className:t.icon,viewBox:`0 0 16 16`,width:`16`,height:`16`,fill:`none`,"aria-hidden":`true`,children:[a(`path`,{d:`M8 4.5v4M8 11h.01`,stroke:`currentColor`,strokeWidth:`1.75`,strokeLinecap:`round`,strokeLinejoin:`round`}),a(`circle`,{cx:`8`,cy:`8`,r:`6.25`,stroke:`currentColor`,strokeWidth:`1.5`})]}):null}function InlineLoading({status:e,label:r,labels:i,className:s,...c}){let l=r??defaultLabel(e,i);return o(`div`,{role:`status`,"aria-live":`polite`,"data-status":e,className:n(t[`inline-loading`],s),...c,children:[a(`span`,{className:t.indicator,"aria-hidden":`true`,children:a(StatusIcon,{status:e})}),l&&a(`span`,{className:t.label,children:l})]})}export{InlineLoading};

package/dist/node/inline-loading/inline-loading.module.js

@@ -1,9 +1 @@
-var e = {
-	"inline-loading": "_inline-loading_h27o5_2",
-	indicator: "_indicator_h27o5_20",
-	spinner: "_spinner_h27o5_29",
-	icon: "_icon_h27o5_33",
-	label: "_label_h27o5_46"
-};
-//#endregion
-export { e as default };
+var e={"inline-loading":`_inline-loading_h27o5_2`,indicator:`_indicator_h27o5_20`,spinner:`_spinner_h27o5_29`,icon:`_icon_h27o5_33`,label:`_label_h27o5_46`};export{e as default};