@cascivo/react 1.0.0 → 1.1.0

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

@@ -1,19 +1,2 @@
 import './file-uploader.css';
-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/filter/filter.css

@@ -1 +1 @@
-@layer cascivo.component{._filter_uq1vv_2{flex-wrap:wrap;gap:.375rem;display:flex}._item_uq1vv_8{border-radius:var(--cascivo-radius-full);border:1px solid var(--cascivo-border-default);color:var(--cascivo-color-text-subtle);cursor:pointer;transition:background-color .1s var(--cascivo-ease-out), color .1s var(--cascivo-ease-out), border-color .1s var(--cascivo-ease-out);background-color:#0000;align-items:center;padding-block:.25rem;padding-inline:.75rem;font-size:.875rem;display:inline-flex}._item_uq1vv_8:hover{background-color:var(--cascivo-color-active-bg);color:var(--cascivo-color-text)}._item_uq1vv_8[data-selected]{background-color:var(--cascivo-color-accent);border-color:var(--cascivo-color-accent);color:var(--cascivo-color-accent-content)}._item_uq1vv_8:focus-visible{outline:var(--cascivo-ring-width) solid var(--cascivo-ring-color);outline-offset:2px}._filter_uq1vv_2[data-variant=outline] ._item_uq1vv_8[data-selected]{border-color:var(--cascivo-color-accent);color:var(--cascivo-color-accent);background-color:#0000}}
+@layer cascivo.component{._filter_pmke0_2{flex-wrap:wrap;gap:.375rem;display:flex}._item_pmke0_8{border-radius:var(--cascivo-radius-full);border:1px solid var(--cascivo-border-default);color:var(--cascivo-color-text-subtle);cursor:pointer;transition:background-color var(--cascivo-duration-100) var(--cascivo-ease-out), color var(--cascivo-duration-100) var(--cascivo-ease-out), border-color var(--cascivo-duration-100) var(--cascivo-ease-out);background-color:#0000;align-items:center;padding-block:.25rem;padding-inline:.75rem;font-size:.875rem;display:inline-flex}._item_pmke0_8:hover{background-color:var(--cascivo-color-active-bg);color:var(--cascivo-color-text)}._item_pmke0_8[data-selected]{background-color:var(--cascivo-color-accent);border-color:var(--cascivo-color-accent);color:var(--cascivo-color-accent-content)}._item_pmke0_8:focus-visible{outline:var(--cascivo-ring-width) solid var(--cascivo-ring-color);outline-offset:2px}._filter_pmke0_2[data-variant=outline] ._item_pmke0_8[data-selected]{border-color:var(--cascivo-color-accent);color:var(--cascivo-color-accent-text);background-color:#0000}}

package/dist/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, 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 /* @__PURE__ */ 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) => /* @__PURE__ */ 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))
-	});
-}
-//#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/filter/filter.module.js

@@ -1,7 +1,2 @@
 import './filter.css';
-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/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/form/form.module.js

@@ -1,4 +1,2 @@
 import './form.css';
-var e = { form: "_form_1mtxl_2" };
-//#endregion
-export { e as default };
+var e={form:`_form_1mtxl_2`};export{e as default};

package/dist/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/header/header.module.js

@@ -1,12 +1,2 @@
 import './header.css';
-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/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/header-panel/header-panel.module.js

@@ -1,10 +1,2 @@
 import './header-panel.css';
-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/heading/heading.css

@@ -1 +1 @@
-@layer cascivo.component{._heading_1mlcc_2{font-family:var(--cascivo-font-display);font-weight:var(--cascivo-font-semibold);line-height:var(--cascivo-leading-tight);color:var(--cascivo-color-text);text-wrap:balance;margin:0}._heading_1mlcc_2[data-size=sm]{font-size:var(--cascivo-text-base)}._heading_1mlcc_2[data-size=md]{font-size:var(--cascivo-text-lg)}._heading_1mlcc_2[data-size=lg]{font-size:var(--cascivo-text-xl)}._heading_1mlcc_2[data-size=xl]{font-size:var(--cascivo-text-2xl);letter-spacing:var(--cascivo-tracking-tight)}._heading_1mlcc_2[data-size="2xl"]{font-size:var(--cascivo-text-3xl);letter-spacing:var(--cascivo-tracking-tight)}}
+@layer cascivo.component{._heading_1osin_2{font-family:var(--cascivo-font-display);font-weight:var(--cascivo-font-semibold);line-height:var(--cascivo-leading-tight);color:var(--cascivo-color-text);text-wrap:balance;margin:0}@supports (text-box-trim:trim-both){._heading_1osin_2{text-box-trim:trim-both;text-box-edge:text text}}._heading_1osin_2[data-size=sm]{font-size:var(--cascivo-text-base)}._heading_1osin_2[data-size=md]{font-size:var(--cascivo-text-lg)}._heading_1osin_2[data-size=lg]{font-size:var(--cascivo-text-xl)}._heading_1osin_2[data-size=xl]{font-size:var(--cascivo-text-2xl);letter-spacing:var(--cascivo-tracking-tight)}._heading_1osin_2[data-size="2xl"]{font-size:var(--cascivo-text-3xl);letter-spacing:var(--cascivo-tracking-tight)}}

package/dist/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/heading/heading.module.js

@@ -1,4 +1,2 @@
 import './heading.css';
-var e = { heading: "_heading_1mlcc_2" };
-//#endregion
-export { e as default };
+var e={heading:`_heading_1osin_2`};export{e as default};

package/dist/hover-card/hover-card.css

@@ -1 +1 @@
-@layer cascivo.component{._trigger_p0sib_2{cursor:default;display:inline}._content_p0sib_7{padding:var(--cascivo-space-4);background:var(--cascivo-color-surface);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-overlay);width:18rem;box-shadow:var(--cascivo-shadow-md);margin:0;position:fixed;inset:auto}@supports (anchor-name:--a){._content_p0sib_7{position-try-fallbacks:flip-block, flip-inline, flip-block flip-inline;inset-block-start:anchor(end);inset-inline-start:anchor(start)}}._content_p0sib_7{opacity:1;transition:opacity var(--cascivo-motion-enter), translate var(--cascivo-motion-enter), display var(--cascivo-motion-enter) allow-discrete, overlay var(--cascivo-motion-enter) allow-discrete;translate:0}@starting-style{._content_p0sib_7{opacity:0;translate:0 calc(-1 * var(--cascivo-space-2))}}._content_p0sib_7[data-state=closed]{opacity:0;translate:0 calc(-1 * var(--cascivo-space-2));transition:opacity var(--cascivo-motion-exit), translate var(--cascivo-motion-exit), display var(--cascivo-motion-exit) allow-discrete, overlay var(--cascivo-motion-exit) allow-discrete}}
+@layer cascivo.component{._trigger_1nu6v_2{cursor:default;display:inline}._content_1nu6v_7{padding:var(--cascivo-space-4);background:var(--cascivo-color-surface);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-overlay);width:18rem;box-shadow:var(--cascivo-shadow-md);margin:0;position:fixed;inset:auto}@supports (anchor-name:--a){._content_1nu6v_7{position-try-fallbacks:flip-block, flip-inline, flip-block flip-inline;position-visibility:anchors-visible;inset-block-start:anchor(end);inset-inline-start:anchor(start)}}._content_1nu6v_7{opacity:1;transition:opacity var(--cascivo-motion-enter), translate var(--cascivo-motion-enter), display var(--cascivo-motion-enter) allow-discrete, overlay var(--cascivo-motion-enter) allow-discrete;translate:0}@starting-style{._content_1nu6v_7{opacity:0;translate:0 calc(-1 * var(--cascivo-space-2))}}._content_1nu6v_7[data-state=closed]{opacity:0;translate:0 calc(-1 * var(--cascivo-space-2));transition:opacity var(--cascivo-motion-exit), translate var(--cascivo-motion-exit), display var(--cascivo-motion-exit) allow-discrete, overlay var(--cascivo-motion-exit) allow-discrete}}

package/dist/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/hover-card/hover-card.module.js

@@ -1,7 +1,2 @@
 import './hover-card.css';
-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/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/icon-button/icon-button.module.js

@@ -1,4 +1,2 @@
 import './icon-button.css';
-var e = { iconButton: "_iconButton_1f9hf_2" };
-//#endregion
-export { e as default };
+var e={iconButton:`_iconButton_1f9hf_2`};export{e as default};

package/dist/image/image.css

@@ -1 +1 @@
-@layer cascivo.component{._wrapper_1cf1d_2{border-radius:var(--cascivo-radius-md);background-color:var(--cascivo-color-bg-subtle);flex-shrink:0;line-height:0;display:inline-block;position:relative;overflow:hidden}._wrapper_1cf1d_2[data-radius=none]{border-radius:var(--cascivo-radius-none)}._wrapper_1cf1d_2[data-radius=sm]{border-radius:var(--cascivo-radius-sm)}._wrapper_1cf1d_2[data-radius=md]{border-radius:var(--cascivo-radius-md)}._wrapper_1cf1d_2[data-radius=lg]{border-radius:var(--cascivo-radius-lg)}._wrapper_1cf1d_2[data-radius=full]{border-radius:var(--cascivo-radius-full)}._image_1cf1d_28{object-fit:cover;border-radius:inherit;opacity:1;block-size:100%;inline-size:100%;display:block}._wrapper_1cf1d_2[data-state=loading] ._image_1cf1d_28{opacity:0}._wrapper_1cf1d_2[data-state=loaded] ._image_1cf1d_28,._wrapper_1cf1d_2[data-state=error] ._image_1cf1d_28{opacity:1;transition:opacity .3s}._placeholder_1cf1d_47{background-color:var(--cascivo-color-border);background-image:linear-gradient(90deg, var(--cascivo-color-border) 25%, var(--cascivo-color-bg-subtle) 50%, var(--cascivo-color-border) 75%);background-size:200% 100%;animation:1.5s linear infinite _cascade-image-shimmer_1cf1d_1;position:absolute;inset:0}._wrapper_1cf1d_2[data-blurred] ._placeholder_1cf1d_47{filter:blur(.5rem)}._fallback_1cf1d_66{block-size:100%;inline-size:100%;min-inline-size:var(--cascivo-space-12);min-block-size:var(--cascivo-space-12);background-color:var(--cascivo-color-bg-subtle);display:block}._wrapper_1cf1d_2[data-zoom] ._image_1cf1d_28{transition:transform .3s,opacity .3s;transform:scale(1)}._wrapper_1cf1d_2[data-zoom]:hover ._image_1cf1d_28{transform:scale(1.05)}@keyframes _cascade-image-shimmer_1cf1d_1{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){._placeholder_1cf1d_47{background-image:none;animation:none}._wrapper_1cf1d_2[data-state=loaded] ._image_1cf1d_28,._wrapper_1cf1d_2[data-state=error] ._image_1cf1d_28,._wrapper_1cf1d_2[data-zoom] ._image_1cf1d_28,._wrapper_1cf1d_2[data-zoom]:hover ._image_1cf1d_28{transition:none;transform:none}}}
+@layer cascivo.component{._wrapper_192mo_2{border-radius:var(--cascivo-radius-md);background-color:var(--cascivo-color-bg-subtle);flex-shrink:0;line-height:0;display:inline-block;position:relative;overflow:hidden}._wrapper_192mo_2[data-radius=none]{border-radius:var(--cascivo-radius-none)}._wrapper_192mo_2[data-radius=sm]{border-radius:var(--cascivo-radius-sm)}._wrapper_192mo_2[data-radius=md]{border-radius:var(--cascivo-radius-md)}._wrapper_192mo_2[data-radius=lg]{border-radius:var(--cascivo-radius-lg)}._wrapper_192mo_2[data-radius=full]{border-radius:var(--cascivo-radius-full)}._image_192mo_28{object-fit:cover;border-radius:inherit;opacity:1;block-size:100%;inline-size:100%;display:block}._wrapper_192mo_2[data-state=loading] ._image_192mo_28{opacity:0}._wrapper_192mo_2[data-state=loaded] ._image_192mo_28,._wrapper_192mo_2[data-state=error] ._image_192mo_28{opacity:1;transition:opacity var(--cascivo-duration-300) var(--cascivo-ease-out)}._placeholder_192mo_47{background-color:var(--cascivo-color-border);position:absolute;inset:0;overflow:hidden}._placeholder_192mo_47:after{content:"";background-image:linear-gradient(90deg, transparent, var(--cascivo-color-bg-subtle), transparent);position:absolute;inset:0;translate:-100%}@media (prefers-reduced-motion:no-preference){._placeholder_192mo_47:after{animation:cascivo-shimmer var(--cascivo-duration-loop) linear infinite}}._wrapper_192mo_2[data-blurred] ._placeholder_192mo_47{filter:blur(.5rem)}._fallback_192mo_82{block-size:100%;inline-size:100%;min-inline-size:var(--cascivo-space-12);min-block-size:var(--cascivo-space-12);background-color:var(--cascivo-color-bg-subtle);display:block}._wrapper_192mo_2[data-zoom] ._image_192mo_28{transition:transform .3s,opacity .3s;transform:scale(1)}._wrapper_192mo_2[data-zoom]:hover ._image_192mo_28{transform:scale(1.05)}@media (prefers-reduced-motion:reduce){._wrapper_192mo_2[data-state=loaded] ._image_192mo_28,._wrapper_192mo_2[data-state=error] ._image_192mo_28,._wrapper_192mo_2[data-zoom] ._image_192mo_28,._wrapper_192mo_2[data-zoom]:hover ._image_192mo_28{transition:none;transform:none}}}

package/dist/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 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?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{c as Image};

package/dist/image/image.module.js

@@ -1,10 +1,2 @@
 import './image.css';
-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};