@cascivo/react 0.18.0 → 1.1.0

package/dist/swap/swap.css

@@ -1 +1 @@
-@layer cascivo.component{._swap_77yf0_2{cursor:pointer;background:0 0;border:none;grid-template-areas:"swap";padding:0;display:inline-grid;position:relative;overflow:hidden}._swap_77yf0_2:focus-visible{outline:var(--cascivo-ring-width) solid var(--cascivo-ring-color);outline-offset:2px;border-radius:var(--cascivo-radius-control)}._on_77yf0_19,._off_77yf0_20{transition-property:transform,opacity;transition-duration:.2s;transition-timing-function:var(--cascivo-ease-out);grid-area:swap;justify-content:center;align-items:center;display:flex}._swap_77yf0_2[data-mode=rotate] ._on_77yf0_19{opacity:1;transform:rotate(0)}._swap_77yf0_2[data-mode=rotate] ._off_77yf0_20{opacity:0;transform:rotate(-90deg)}._swap_77yf0_2[data-mode=rotate][data-checked] ._on_77yf0_19{opacity:0;transform:rotate(90deg)}._swap_77yf0_2[data-mode=rotate][data-checked] ._off_77yf0_20{opacity:1;transform:rotate(0)}._swap_77yf0_2[data-mode=flip] ._on_77yf0_19{opacity:1;transform:rotateY(0)}._swap_77yf0_2[data-mode=flip] ._off_77yf0_20{opacity:0;transform:rotateY(180deg)}._swap_77yf0_2[data-mode=flip][data-checked] ._on_77yf0_19{opacity:0;transform:rotateY(-180deg)}._swap_77yf0_2[data-mode=flip][data-checked] ._off_77yf0_20{opacity:1;transform:rotateY(0)}}
+@layer cascivo.component{._swap_1t0gz_2{cursor:pointer;background:0 0;border:none;grid-template-areas:"swap";padding:0;display:inline-grid;position:relative;overflow:hidden}._swap_1t0gz_2:focus-visible{outline:var(--cascivo-ring-width) solid var(--cascivo-ring-color);outline-offset:2px;border-radius:var(--cascivo-radius-control)}._on_1t0gz_19,._off_1t0gz_20{transition-property:transform,opacity;transition-duration:var(--cascivo-duration-200);transition-timing-function:var(--cascivo-ease-out);grid-area:swap;justify-content:center;align-items:center;display:flex}._swap_1t0gz_2[data-mode=rotate] ._on_1t0gz_19{opacity:1;transform:rotate(0)}._swap_1t0gz_2[data-mode=rotate] ._off_1t0gz_20{opacity:0;transform:rotate(-90deg)}._swap_1t0gz_2[data-mode=rotate][data-checked] ._on_1t0gz_19{opacity:0;transform:rotate(90deg)}._swap_1t0gz_2[data-mode=rotate][data-checked] ._off_1t0gz_20{opacity:1;transform:rotate(0)}._swap_1t0gz_2[data-mode=flip] ._on_1t0gz_19{opacity:1;transform:rotateY(0)}._swap_1t0gz_2[data-mode=flip] ._off_1t0gz_20{opacity:0;transform:rotateY(180deg)}._swap_1t0gz_2[data-mode=flip][data-checked] ._on_1t0gz_19{opacity:0;transform:rotateY(-180deg)}._swap_1t0gz_2[data-mode=flip][data-checked] ._off_1t0gz_20{opacity:1;transform:rotateY(0)}}

package/dist/swap/swap.js

@@ -1,36 +1 @@
-"use client";
-
-import e from "./swap.module.js";
-import { useControllableSignal as t, useSignals as n } from "@cascivo/core";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-//#region ../components/src/swap/swap.tsx
-function a({ on: a, off: o, checked: s = !1, onValueChange: c, onChange: l, mode: u = "rotate", className: d, ariaLabel: f, ...p }) {
-	n();
-	let [m] = t({ value: s });
-	function h() {
-		let e = !m.value;
-		(c ?? l)?.(e);
-	}
-	return /* @__PURE__ */ i("button", {
-		type: "button",
-		role: "switch",
-		"aria-checked": m.value,
-		className: [e.swap, d].filter(Boolean).join(" "),
-		"data-checked": m.value || void 0,
-		"data-mode": u,
-		onClick: h,
-		...p,
-		...f === void 0 ? {} : { "aria-label": f },
-		children: [/* @__PURE__ */ r("span", {
-			className: e.on,
-			"aria-hidden": "true",
-			children: a
-		}), /* @__PURE__ */ r("span", {
-			className: e.off,
-			"aria-hidden": "true",
-			children: o
-		})]
-	});
-}
-//#endregion
-export { a as Swap };
+"use client";import e from"./swap.module.js";import{useControllableSignal as t,useSignals as n}from"@cascivo/core";import{jsx as r,jsxs as i}from"react/jsx-runtime";function a({on:a,off:o,checked:s=!1,onValueChange:c,mode:l=`rotate`,className:u,ariaLabel:d,label:f,...p}){n();let[m]=t({value:s});function h(){let e=!m.value;c?.(e)}return i(`button`,{type:`button`,role:`switch`,"aria-checked":m.value,className:[e.swap,u].filter(Boolean).join(` `),"data-checked":m.value||void 0,"data-mode":l,onClick:h,...p,...(d??f)===void 0?{}:{"aria-label":d??f},children:[r(`span`,{className:e.on,"aria-hidden":`true`,children:a}),r(`span`,{className:e.off,"aria-hidden":`true`,children:o})]})}export{a as Swap};

package/dist/swap/swap.module.js

@@ -1,8 +1,2 @@
 import './swap.css';
-var e = {
-	swap: "_swap_77yf0_2",
-	on: "_on_77yf0_19",
-	off: "_off_77yf0_20"
-};
-//#endregion
-export { e as default };
+var e={swap:`_swap_1t0gz_2`,on:`_on_1t0gz_19`,off:`_off_1t0gz_20`};export{e as default};

package/dist/swipe-item/swipe-item.js

@@ -1,62 +1 @@
-"use client";
-
-import e from "./swipe-item.module.js";
-import { cn as t, useDraggable as n, useSignal as r, useSignals as i } from "@cascivo/core";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-//#region ../components/src/swipe-item/swipe-item.tsx
-var s = 72, c = 100;
-function l({ children: l, leadingActions: u = [], trailingActions: d = [], className: f }) {
-	i();
-	let p = r(0), m = r("closed"), h = u.length * s, g = d.length * s, { handleRef: _, offset: v, velocity: y, isDragging: b, reset: x } = n({
-		axis: "x",
-		onDragEnd: (e) => {
-			let t = y.value.x, n = p.value + e.x;
-			x();
-			let r = n + t * c, i = 0;
-			h > 0 && r > h / 2 ? i = h : g > 0 && r < -g / 2 && (i = -g), p.value = i, m.value = i > 0 ? "leading" : i < 0 ? "trailing" : "closed";
-		}
-	}), S = (e) => {
-		p.value = e === "leading" ? h : -g, m.value = e;
-	}, C = () => {
-		p.value = 0, m.value = "closed", x();
-	}, w = (e) => {
-		e.onSelect(), C();
-	}, T = Math.max(-g, Math.min(h, p.value + v.value.x)), E = (n, r) => /* @__PURE__ */ a("div", {
-		className: t(e.panel, e[n]),
-		children: r.map((t, r) => /* @__PURE__ */ o("button", {
-			type: "button",
-			"data-destructive": t.destructive ? "" : void 0,
-			className: e.action,
-			onFocus: () => S(n),
-			onClick: () => w(t),
-			children: [t.icon && /* @__PURE__ */ a("span", {
-				className: e.actionIcon,
-				"aria-hidden": "true",
-				children: t.icon
-			}), /* @__PURE__ */ a("span", {
-				className: e.actionLabel,
-				children: t.label
-			})]
-		}, t.id ?? `${r}-${t.label}`))
-	});
-	return /* @__PURE__ */ o("div", {
-		className: t(e.root, f),
-		"data-state": m.value,
-		onKeyDown: (e) => {
-			e.key === "Escape" && m.value !== "closed" && C();
-		},
-		children: [
-			u.length > 0 && E("leading", u),
-			d.length > 0 && E("trailing", d),
-			/* @__PURE__ */ a("div", {
-				ref: _,
-				className: e.content,
-				"data-dragging": b.value ? "" : void 0,
-				style: { transform: `translateX(${T}px)` },
-				children: l
-			})
-		]
-	});
-}
-//#endregion
-export { l as SwipeItem };
+"use client";import e from"./swipe-item.module.js";import{cn as t,useDraggable as n,useSignal as r,useSignals as i}from"@cascivo/core";import{jsx as a,jsxs as o}from"react/jsx-runtime";var s=72,c=100;function l({children:l,leadingActions:u=[],trailingActions:d=[],className:f}){i();let p=r(0),m=r(`closed`),h=u.length*s,g=d.length*s,{handleRef:_,offset:v,velocity:y,isDragging:b,reset:x}=n({axis:`x`,onDragEnd:e=>{let t=y.value.x,n=p.value+e.x;x();let r=n+t*c,i=0;h>0&&r>h/2?i=h:g>0&&r<-g/2&&(i=-g),p.value=i,m.value=i>0?`leading`:i<0?`trailing`:`closed`}}),S=e=>{p.value=e===`leading`?h:-g,m.value=e},C=()=>{p.value=0,m.value=`closed`,x()},w=e=>{e.onSelect(),C()},T=Math.max(-g,Math.min(h,p.value+v.value.x)),E=(n,r)=>a(`div`,{className:t(e.panel,e[n]),children:r.map((t,r)=>o(`button`,{type:`button`,"data-destructive":t.destructive?``:void 0,className:e.action,onFocus:()=>S(n),onClick:()=>w(t),children:[t.icon&&a(`span`,{className:e.actionIcon,"aria-hidden":`true`,children:t.icon}),a(`span`,{className:e.actionLabel,children:t.label})]},t.id??`${r}-${t.label}`))});return o(`div`,{className:t(e.root,f),"data-state":m.value,onKeyDown:e=>{e.key===`Escape`&&m.value!==`closed`&&C()},children:[u.length>0&&E(`leading`,u),d.length>0&&E(`trailing`,d),a(`div`,{ref:_,className:e.content,"data-dragging":b.value?``:void 0,style:{transform:`translateX(${T}px)`},children:l})]})}export{l as SwipeItem};

package/dist/swipe-item/swipe-item.module.js

@@ -1,13 +1,2 @@
 import './swipe-item.css';
-var e = {
-	root: "_root_3ykmd_2",
-	panel: "_panel_3ykmd_8",
-	leading: "_leading_3ykmd_14",
-	trailing: "_trailing_3ykmd_18",
-	content: "_content_3ykmd_22",
-	action: "_action_3ykmd_37",
-	actionIcon: "_actionIcon_3ykmd_64",
-	actionLabel: "_actionLabel_3ykmd_70"
-};
-//#endregion
-export { e as default };
+var e={root:`_root_3ykmd_2`,panel:`_panel_3ykmd_8`,leading:`_leading_3ykmd_14`,trailing:`_trailing_3ykmd_18`,content:`_content_3ykmd_22`,action:`_action_3ykmd_37`,actionIcon:`_actionIcon_3ykmd_64`,actionLabel:`_actionLabel_3ykmd_70`};export{e as default};

package/dist/switcher/switcher.js

@@ -1,32 +1 @@
-"use client";
-
-import e from "./switcher.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/switcher/switcher.tsx
-function c({ items: c, label: l, className: u }) {
-	r();
-	let d = n();
-	return /* @__PURE__ */ o("ul", {
-		"aria-label": l ?? a(i.switcher.label),
-		className: t(e.switcher, u),
-		children: c.map((t, n) => "divider" in t ? /* @__PURE__ */ o("li", { children: /* @__PURE__ */ o("span", {
-			role: "separator",
-			"aria-orientation": "horizontal",
-			className: e.divider
-		}) }, `divider-${n}`) : /* @__PURE__ */ o("li", { children: /* @__PURE__ */ s(d, {
-			href: t.href,
-			"aria-current": t.active ? "page" : void 0,
-			"data-state": t.active ? "active" : void 0,
-			className: e.item,
-			children: [t.icon && /* @__PURE__ */ o("span", {
-				className: e.icon,
-				"aria-hidden": "true",
-				children: t.icon
-			}), t.label]
-		}) }, t.id ?? t.href))
-	});
-}
-//#endregion
-export { c as Switcher };
+"use client";import e from"./switcher.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({items:c,label:l,ariaLabel:u,className:d}){r();let f=n();return o(`ul`,{"aria-label":u??l??a(i.switcher.label),className:t(e.switcher,d),children:c.map((t,n)=>`divider`in t?o(`li`,{children:o(`span`,{role:`separator`,"aria-orientation":`horizontal`,className:e.divider})},`divider-${n}`):o(`li`,{children:s(f,{href:t.href,"aria-current":t.active?`page`:void 0,"data-state":t.active?`active`:void 0,className:e.item,children:[t.icon&&o(`span`,{className:e.icon,"aria-hidden":`true`,children:t.icon}),t.label]})},t.id??t.href))})}export{c as Switcher};

package/dist/switcher/switcher.module.js

@@ -1,9 +1,2 @@
 import './switcher.css';
-var e = {
-	switcher: "_switcher_13sqi_2",
-	item: "_item_13sqi_11",
-	icon: "_icon_13sqi_43",
-	divider: "_divider_13sqi_50"
-};
-//#endregion
-export { e as default };
+var e={switcher:`_switcher_13sqi_2`,item:`_item_13sqi_11`,icon:`_icon_13sqi_43`,divider:`_divider_13sqi_50`};export{e as default};

package/dist/tabs/tabs.js

@@ -1,98 +1 @@
-"use client";
-
-import e from "./tabs.module.js";
-import { createContext as t, forwardRef as n, useId as r, useRef as i } from "react";
-import { Slot as a, cn as o, useControllableSignal as s, useSignals as c } from "@cascivo/core";
-import { jsx as l } from "react/jsx-runtime";
-//#region ../components/src/tabs/tabs.tsx
-var u = t(null);
-function d({ defaultValue: t, value: n, onValueChange: i, className: a, children: c }) {
-	let d = r(), [f] = s({
-		value: n,
-		defaultValue: t ?? ""
-	}), p = {
-		active: f,
-		baseId: d,
-		setValue: (e) => {
-			n === void 0 && (f.value = e), i?.(e);
-		}
-	};
-	return /* @__PURE__ */ l(u.Provider, {
-		value: p,
-		children: /* @__PURE__ */ l("div", {
-			className: o(e.tabs, a),
-			children: c
-		})
-	});
-}
-function f({ className: t, children: n, ...r }) {
-	let a = i(null);
-	return /* @__PURE__ */ l(u.Consumer, { children: (i) => /* @__PURE__ */ l("div", {
-		ref: a,
-		role: "tablist",
-		className: o(e.list, t),
-		onKeyDown: (e) => {
-			if (!i || ![
-				"ArrowRight",
-				"ArrowLeft",
-				"Home",
-				"End"
-			].includes(e.key)) return;
-			let t = Array.from(a.current?.querySelectorAll("[role=\"tab\"]:not([disabled])") ?? []);
-			if (t.length === 0) return;
-			e.preventDefault();
-			let n = t.findIndex((e) => e.dataset.value === i.active.value), r = n;
-			e.key === "ArrowRight" ? r = (n + 1) % t.length : e.key === "ArrowLeft" ? r = (n - 1 + t.length) % t.length : e.key === "Home" ? r = 0 : e.key === "End" && (r = t.length - 1);
-			let o = t[r];
-			o?.focus(), o?.dataset.value && i.setValue(o.dataset.value);
-		},
-		...r,
-		children: n
-	}) });
-}
-var p = n(function(e, t) {
-	return /* @__PURE__ */ l(u.Consumer, { children: (n) => n ? /* @__PURE__ */ l(m, {
-		store: n,
-		buttonRef: t,
-		...e
-	}) : null });
-});
-function m({ store: t, value: n, className: r, children: i, disabled: s, buttonRef: u, asChild: d = !1, ...f }) {
-	c();
-	let p = t.active.value === n;
-	return /* @__PURE__ */ l(d ? a : "button", {
-		type: d ? void 0 : "button",
-		role: "tab",
-		id: `${t.baseId}-trigger-${n}`,
-		"aria-selected": p,
-		"aria-controls": `${t.baseId}-content-${n}`,
-		tabIndex: p ? 0 : -1,
-		"data-state": p ? "active" : "inactive",
-		"data-value": n,
-		...d ? { "aria-disabled": s || void 0 } : { disabled: s },
-		className: o(e.trigger, r),
-		onClick: () => t.setValue(n),
-		ref: u,
-		...f,
-		children: i
-	});
-}
-function h(e) {
-	return /* @__PURE__ */ l(u.Consumer, { children: (t) => t ? /* @__PURE__ */ l(g, {
-		store: t,
-		...e
-	}) : null });
-}
-function g({ store: t, value: n, className: r, children: i, ...a }) {
-	return c(), t.active.value === n ? /* @__PURE__ */ l("div", {
-		role: "tabpanel",
-		id: `${t.baseId}-content-${n}`,
-		"aria-labelledby": `${t.baseId}-trigger-${n}`,
-		tabIndex: 0,
-		className: o(e.content, r),
-		...a,
-		children: i
-	}) : null;
-}
-//#endregion
-export { d as Tabs, h as TabsContent, f as TabsList, p as TabsTrigger };
+"use client";import e from"./tabs.module.js";import{createContext as t,forwardRef as n,useId as r,useRef as i}from"react";import{Slot as a,cn as o,useControllableSignal as s,useSignals as c}from"@cascivo/core";import{jsx as l}from"react/jsx-runtime";var u=t(null);function d({defaultValue:t,value:n,onValueChange:i,className:a,children:c}){let d=r(),[f]=s({value:n,defaultValue:t??``}),p={active:f,baseId:d,setValue:e=>{n===void 0&&(f.value=e),i?.(e)}};return l(u.Provider,{value:p,children:l(`div`,{className:o(e.tabs,a),children:c})})}function f({className:t,children:n,...r}){let a=i(null);return l(u.Consumer,{children:i=>l(`div`,{ref:a,role:`tablist`,className:o(e.list,t),onKeyDown:e=>{if(!i||![`ArrowRight`,`ArrowLeft`,`Home`,`End`].includes(e.key))return;let t=Array.from(a.current?.querySelectorAll(`[role="tab"]:not([disabled])`)??[]);if(t.length===0)return;e.preventDefault();let n=t.findIndex(e=>e.dataset.value===i.active.value),r=n;e.key===`ArrowRight`?r=(n+1)%t.length:e.key===`ArrowLeft`?r=(n-1+t.length)%t.length:e.key===`Home`?r=0:e.key===`End`&&(r=t.length-1);let o=t[r];o?.focus(),o?.dataset.value&&i.setValue(o.dataset.value)},...r,children:n})})}var p=n(function(e,t){return l(u.Consumer,{children:n=>n?l(m,{store:n,buttonRef:t,...e}):null})});function m({store:t,value:n,className:r,children:i,disabled:s,buttonRef:u,asChild:d=!1,...f}){c();let p=t.active.value===n;return l(d?a:`button`,{type:d?void 0:`button`,role:`tab`,id:`${t.baseId}-trigger-${n}`,"aria-selected":p,"aria-controls":`${t.baseId}-content-${n}`,tabIndex:p?0:-1,"data-state":p?`active`:`inactive`,"data-value":n,...d?{"aria-disabled":s||void 0}:{disabled:s},className:o(e.trigger,r),onClick:()=>t.setValue(n),ref:u,...f,children:i})}function h(e){return l(u.Consumer,{children:t=>t?l(g,{store:t,...e}):null})}function g({store:t,value:n,className:r,children:i,...a}){return c(),t.active.value===n?l(`div`,{role:`tabpanel`,id:`${t.baseId}-content-${n}`,"aria-labelledby":`${t.baseId}-trigger-${n}`,tabIndex:0,className:o(e.content,r),...a,children:i}):null}export{d as Tabs,h as TabsContent,f as TabsList,p as TabsTrigger};

package/dist/tabs/tabs.module.js

@@ -1,9 +1,2 @@
 import './tabs.css';
-var e = {
-	tabs: "_tabs_1i48y_2",
-	list: "_list_1i48y_8",
-	trigger: "_trigger_1i48y_20",
-	content: "_content_1i48y_68"
-};
-//#endregion
-export { e as default };
+var e={tabs:`_tabs_1i48y_2`,list:`_list_1i48y_8`,trigger:`_trigger_1i48y_20`,content:`_content_1i48y_68`};export{e as default};

package/dist/tag/tag.js

@@ -1,33 +1 @@
-"use client";
-
-import e from "./tag.module.js";
-import { cn as t, normalizeTone 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/tag/tag.tsx
-var c = {
-	neutral: "default",
-	info: "info",
-	success: "success",
-	warning: "warning",
-	danger: "error"
-};
-function l({ variant: l = "default", size: u = "md", onDismiss: d, dismissLabel: f, className: p, children: m, ...h }) {
-	r();
-	let g = f ?? a(i.tag.dismiss);
-	return /* @__PURE__ */ s("span", {
-		"data-variant": c[n(l)] ?? l,
-		"data-size": u,
-		className: t(e.tag, p),
-		...h,
-		children: [m, d && /* @__PURE__ */ o("button", {
-			type: "button",
-			className: e.dismiss,
-			"aria-label": g,
-			onClick: d,
-			children: "✕"
-		})]
-	});
-}
-//#endregion
-export { l as Tag };
+"use client";import e from"./tag.module.js";import{cn as t,normalizeTone 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";var c={neutral:`default`,info:`info`,success:`success`,warning:`warning`,danger:`error`};function l({variant:l=`default`,size:u=`md`,onDismiss:d,dismissLabel:f,className:p,children:m,...h}){r();let g=f??a(i.tag.dismiss);return s(`span`,{"data-variant":c[n(l)]??l,"data-size":u,className:t(e.tag,p),...h,children:[m,d&&o(`button`,{type:`button`,className:e.dismiss,"aria-label":g,onClick:d,children:`✕`})]})}export{l as Tag};

package/dist/tag/tag.module.js

@@ -1,7 +1,2 @@
 import './tag.css';
-var e = {
-	tag: "_tag_1idve_2",
-	dismiss: "_dismiss_1idve_57"
-};
-//#endregion
-export { e as default };
+var e={tag:`_tag_1idve_2`,dismiss:`_dismiss_1idve_57`};export{e as default};

package/dist/tags-input/tags-input.js

@@ -1,64 +1 @@
-"use client";
-
-import e from "./tags-input.module.js";
-import { useRef as t } from "react";
-import { cn as n, focusElement 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/tags-input/tags-input.tsx
-function u({ value: u, onValueChange: d, placeholder: f, validate: p, max: m, disabled: h = !1, className: g, ..._ }) {
-	a();
-	let v = i(""), y = t(null);
-	function b(e) {
-		let t = e.trim();
-		t && (m !== void 0 && u.length >= m || u.includes(t) || p && !p(t) || (d([...u, t]), v.value = ""));
-	}
-	function x(e) {
-		d(u.filter((t, n) => n !== e));
-	}
-	let S = f ?? s(o.tagsInput.placeholder);
-	return /* @__PURE__ */ l("div", {
-		className: n(e.wrapper, g),
-		"data-disabled": h ? "" : void 0,
-		onClick: () => r(y.current),
-		..._,
-		children: [u.map((t, n) => {
-			let r = p ? !p(t) : !1;
-			return /* @__PURE__ */ l("span", {
-				className: e.tag,
-				"data-state": r ? "invalid" : void 0,
-				children: [t, /* @__PURE__ */ c("button", {
-					type: "button",
-					className: e.dismiss,
-					"aria-label": s(o.tagsInput.remove, { tag: t }),
-					disabled: h,
-					onClick: (e) => {
-						e.stopPropagation(), x(n);
-					},
-					children: /* @__PURE__ */ c("span", {
-						"aria-hidden": "true",
-						children: "×"
-					})
-				})]
-			}, n);
-		}), /* @__PURE__ */ c("input", {
-			ref: y,
-			className: e.input,
-			value: v.value,
-			"aria-label": s(o.tagsInput.label),
-			placeholder: u.length === 0 ? S : void 0,
-			disabled: h,
-			onChange: (e) => {
-				v.value = e.currentTarget.value;
-			},
-			onKeyDown: (e) => {
-				e.key === "Enter" || e.key === "," ? (e.preventDefault(), b(v.value)) : e.key === "Backspace" && !v.value && x(u.length - 1);
-			},
-			onBlur: () => {
-				v.value && b(v.value);
-			}
-		})]
-	});
-}
-//#endregion
-export { u as TagsInput };
+"use client";import e from"./tags-input.module.js";import{useRef as t}from"react";import{cn as n,focusElement 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";function u({value:u,onValueChange:d,placeholder:f,validate:p,max:m,disabled:h=!1,className:g,id:_,ariaLabel:v,label:y,"aria-labelledby":b,"aria-describedby":x,"aria-invalid":S,...C}){a();let w=i(``),T=t(null),E=v??y??(b===void 0?s(o.tagsInput.label):void 0);function D(e){let t=e.trim();t&&(m!==void 0&&u.length>=m||u.includes(t)||p&&!p(t)||(d([...u,t]),w.value=``))}function O(e){d(u.filter((t,n)=>n!==e))}let k=f??s(o.tagsInput.placeholder);return l(`div`,{className:n(e.wrapper,g),"data-disabled":h?``:void 0,onClick:()=>r(T.current),...C,children:[u.map((t,n)=>{let r=p?!p(t):!1;return l(`span`,{className:e.tag,"data-state":r?`invalid`:void 0,children:[t,c(`button`,{type:`button`,className:e.dismiss,"aria-label":s(o.tagsInput.remove,{tag:t}),disabled:h,onClick:e=>{e.stopPropagation(),O(n)},children:c(`span`,{"aria-hidden":`true`,children:`×`})})]},n)}),c(`input`,{ref:T,className:e.input,value:w.value,id:_,"aria-labelledby":b,"aria-describedby":x,"aria-invalid":S,"aria-label":E,placeholder:u.length===0?k:void 0,disabled:h,onChange:e=>{w.value=e.currentTarget.value},onKeyDown:e=>{e.key===`Enter`||e.key===`,`?(e.preventDefault(),D(w.value)):e.key===`Backspace`&&!w.value&&O(u.length-1)},onBlur:()=>{w.value&&D(w.value)}})]})}export{u as TagsInput};

package/dist/tags-input/tags-input.module.js

@@ -1,9 +1,2 @@
 import './tags-input.css';
-var e = {
-	wrapper: "_wrapper_1w754_2",
-	tag: "_tag_1w754_32",
-	dismiss: "_dismiss_1w754_59",
-	input: "_input_1w754_89"
-};
-//#endregion
-export { e as default };
+var e={wrapper:`_wrapper_1w754_2`,tag:`_tag_1w754_32`,dismiss:`_dismiss_1w754_59`,input:`_input_1w754_89`};export{e as default};

package/dist/text/text.css

@@ -1 +1 @@
-@layer cascivo.component{._text_18h86_2{font-family:var(--cascivo-font-sans);line-height:var(--cascivo-leading-normal);color:var(--cascivo-color-text);margin:0}._text_18h86_2[data-size=sm]{font-size:var(--cascivo-text-sm)}._text_18h86_2[data-size=md]{font-size:var(--cascivo-text-base)}._text_18h86_2[data-size=lg]{font-size:var(--cascivo-text-lg)}._text_18h86_2[data-weight=normal]{font-weight:var(--cascivo-font-normal)}._text_18h86_2[data-weight=medium]{font-weight:var(--cascivo-font-medium)}._text_18h86_2[data-weight=semibold]{font-weight:var(--cascivo-font-semibold)}._text_18h86_2[data-muted]{color:var(--cascivo-color-text-subtle)}}
+@layer cascivo.component{._text_1ewix_2{font-family:var(--cascivo-font-sans);line-height:var(--cascivo-leading-normal);color:var(--cascivo-color-text);margin:0}@supports (text-box-trim:trim-both){._text_1ewix_2{text-box-trim:trim-both;text-box-edge:text text}}._text_1ewix_2[data-size=sm]{font-size:var(--cascivo-text-sm)}._text_1ewix_2[data-size=md]{font-size:var(--cascivo-text-base)}._text_1ewix_2[data-size=lg]{font-size:var(--cascivo-text-lg)}._text_1ewix_2[data-weight=normal]{font-weight:var(--cascivo-font-normal)}._text_1ewix_2[data-weight=medium]{font-weight:var(--cascivo-font-medium)}._text_1ewix_2[data-weight=semibold]{font-weight:var(--cascivo-font-semibold)}._text_1ewix_2[data-muted]{color:var(--cascivo-color-text-subtle)}}

package/dist/text/text.js

@@ -1,16 +1 @@
-import e from "./text.module.js";
-import { cn as t } from "@cascivo/core/pure";
-import { jsx as n } from "react/jsx-runtime";
-//#region ../components/src/text/text.tsx
-function r({ as: r = "p", size: i = "md", weight: a = "normal", muted: o = !1, className: s, children: c, ...l }) {
-	return /* @__PURE__ */ n(r, {
-		"data-size": i,
-		"data-weight": a,
-		"data-muted": o ? "" : void 0,
-		className: t(e.text, s),
-		...l,
-		children: c
-	});
-}
-//#endregion
-export { r as Text };
+import e from"./text.module.js";import{cn as t}from"@cascivo/core/pure";import{jsx as n}from"react/jsx-runtime";function r({as:r=`p`,size:i=`md`,weight:a=`normal`,muted:o=!1,className:s,children:c,...l}){return n(r,{"data-size":i,"data-weight":a,"data-muted":o?``:void 0,className:t(e.text,s),...l,children:c})}export{r as Text};

package/dist/text/text.module.js

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

package/dist/textarea/textarea.css

@@ -1 +1 @@
-@layer cascivo.component{._wrapper_xbrwe_2{gap:var(--cascivo-space-1);flex-direction:column;display:flex}._wrapper_xbrwe_2[data-resize=none] ._textarea_xbrwe_7{resize:none}._wrapper_xbrwe_2[data-resize=vertical] ._textarea_xbrwe_7{resize:vertical}._wrapper_xbrwe_2[data-resize=both] ._textarea_xbrwe_7{resize:both}._label_xbrwe_18{font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);font-weight:var(--cascivo-font-medium);color:var(--cascivo-color-text);line-height:var(--cascivo-leading-snug)}._textarea_xbrwe_7{width:100%;min-block-size:4rem;padding-inline:var(--cascivo-space-4);padding-block:var(--cascivo-space-3);font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);line-height:var(--cascivo-leading-normal);color:var(--cascivo-color-text);background-color:var(--cascivo-color-surface);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-field);transition:border-color var(--cascivo-duration-150) var(--cascivo-ease-out), box-shadow var(--cascivo-duration-150) var(--cascivo-ease-out);outline:none}._textarea_xbrwe_7::placeholder{color:var(--cascivo-color-text-muted)}._textarea_xbrwe_7:hover:not(:disabled):not(:focus){border-color:var(--cascivo-color-border-strong)}._textarea_xbrwe_7:focus{border-color:var(--cascivo-color-accent);box-shadow:var(--cascivo-focus-ring)}._textarea_xbrwe_7:disabled{opacity:.5;cursor:not-allowed;background-color:var(--cascivo-color-bg-subtle)}._wrapper_xbrwe_2[data-state=error] ._textarea_xbrwe_7{border-color:var(--cascivo-color-destructive)}._wrapper_xbrwe_2[data-state=error] ._textarea_xbrwe_7:focus{box-shadow:0 0 0 3px rgb(from var(--cascivo-color-destructive) r g b / .3)}._error_xbrwe_71{font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);color:var(--cascivo-color-destructive);line-height:var(--cascivo-leading-snug)}._hint_xbrwe_78{font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text-subtle);line-height:var(--cascivo-leading-snug)}@media (pointer:coarse){._textarea_xbrwe_7{min-block-size:var(--cascivo-target-min-coarse,2.75rem)}}}@media (forced-colors:active){._textarea_xbrwe_7{color:fieldtext;background-color:field;border:1px solid fieldtext}._textarea_xbrwe_7:focus{outline-offset:2px;outline:2px solid highlight}}
+@layer cascivo.component{._wrapper_1lzlk_2{gap:var(--cascivo-space-1);flex-direction:column;display:flex}._wrapper_1lzlk_2[data-resize=none] ._textarea_1lzlk_7{resize:none}._wrapper_1lzlk_2[data-resize=vertical] ._textarea_1lzlk_7{resize:vertical}._wrapper_1lzlk_2[data-resize=both] ._textarea_1lzlk_7{resize:both}._wrapper_1lzlk_2[data-autosize] ._textarea_1lzlk_7{min-block-size:calc(var(--_rows,4) * 1lh + var(--cascivo-space-3) * 2 + 2px);max-block-size:var(--cascivo-textarea-max-block-size,20lh)}@supports (field-sizing:content){._wrapper_1lzlk_2[data-autosize] ._textarea_1lzlk_7{field-sizing:content}}._label_1lzlk_47{font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);font-weight:var(--cascivo-font-medium);color:var(--cascivo-color-text);line-height:var(--cascivo-leading-snug)}._textarea_1lzlk_7{width:100%;min-block-size:4rem;padding-inline:var(--cascivo-space-4);padding-block:var(--cascivo-space-3);font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);line-height:var(--cascivo-leading-normal);color:var(--cascivo-color-text);background-color:var(--cascivo-color-surface);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-field);transition:border-color var(--cascivo-duration-150) var(--cascivo-ease-out), box-shadow var(--cascivo-duration-150) var(--cascivo-ease-out);outline:none}._textarea_1lzlk_7::placeholder{color:var(--cascivo-color-text-muted)}._textarea_1lzlk_7:hover:not(:disabled):not(:focus){border-color:var(--cascivo-color-border-strong)}._textarea_1lzlk_7:focus{border-color:var(--cascivo-color-accent);box-shadow:var(--cascivo-focus-ring)}._textarea_1lzlk_7:disabled{opacity:.5;cursor:not-allowed;background-color:var(--cascivo-color-bg-subtle)}._wrapper_1lzlk_2[data-state=error] ._textarea_1lzlk_7{border-color:var(--cascivo-color-destructive)}._wrapper_1lzlk_2[data-state=error] ._textarea_1lzlk_7:focus{box-shadow:0 0 0 3px rgb(from var(--cascivo-color-destructive) r g b / .3)}._error_1lzlk_100{font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);color:var(--cascivo-color-destructive);line-height:var(--cascivo-leading-snug)}._hint_1lzlk_107{font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text-subtle);line-height:var(--cascivo-leading-snug)}@media (pointer:coarse){._textarea_1lzlk_7{min-block-size:var(--cascivo-target-min-coarse,2.75rem)}}}@media (forced-colors:active){._textarea_1lzlk_7{color:fieldtext;background-color:field;border:1px solid fieldtext}._textarea_1lzlk_7:focus{outline-offset:2px;outline:2px solid highlight}}

package/dist/textarea/textarea.js

@@ -1,57 +1 @@
-"use client";
-
-import e from "./textarea.module.js";
-import { forwardRef as t } from "react";
-import { cn as n, createMachine as r, useMachine as i } from "@cascivo/core";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-//#region ../components/src/textarea/textarea.tsx
-var s = r({
-	initial: "idle",
-	states: {
-		idle: { on: { FOCUS: "focused" } },
-		focused: { on: { BLUR: "idle" } }
-	}
-}), c = t(function({ label: t, hint: r, error: c, resize: l = "vertical", rows: u = 4, className: d, id: f, onFocus: p, onBlur: m, ...h }, g) {
-	let [_, v] = i(s), y = f ?? (t ? `cascade-textarea-${t.toLowerCase().replace(/\s+/g, "-")}` : void 0);
-	return /* @__PURE__ */ o("div", {
-		className: n(e.wrapper, d),
-		"data-state": c ? "error" : _.value,
-		"data-resize": l,
-		children: [
-			t && /* @__PURE__ */ a("label", {
-				className: e.label,
-				htmlFor: y,
-				children: t
-			}),
-			/* @__PURE__ */ a("textarea", {
-				ref: g,
-				id: y,
-				rows: u,
-				"aria-multiline": "true",
-				className: e.textarea,
-				"aria-invalid": c ? !0 : void 0,
-				"aria-describedby": c ? `${y}-error` : r ? `${y}-hint` : void 0,
-				onFocus: (e) => {
-					v("FOCUS"), p?.(e);
-				},
-				onBlur: (e) => {
-					v("BLUR"), m?.(e);
-				},
-				...h
-			}),
-			c && /* @__PURE__ */ a("span", {
-				id: `${y}-error`,
-				className: e.error,
-				role: "alert",
-				children: c
-			}),
-			!c && r && /* @__PURE__ */ a("span", {
-				id: `${y}-hint`,
-				className: e.hint,
-				children: r
-			})
-		]
-	});
-});
-//#endregion
-export { c as Textarea };
+"use client";import e from"./textarea.module.js";import{forwardRef as t}from"react";import{cn as n,createMachine as r,useMachine as i}from"@cascivo/core";import{jsx as a,jsxs as o}from"react/jsx-runtime";var s=r({initial:`idle`,states:{idle:{on:{FOCUS:`focused`}},focused:{on:{BLUR:`idle`}}}}),c=t(function({label:t,hint:r,error:c,resize:l=`vertical`,autosize:u=!1,rows:d=4,ariaLabel:f,className:p,id:m,onFocus:h,onBlur:g,..._},v){let[y,b]=i(s),x=m??(t?`cascade-textarea-${t.toLowerCase().replace(/\s+/g,`-`)}`:void 0);return o(`div`,{className:n(e.wrapper,p),"data-state":c?`error`:y.value,"data-resize":l,"data-autosize":u?``:void 0,style:u?{"--_rows":String(d)}:void 0,children:[t&&a(`label`,{className:e.label,htmlFor:x,children:t}),a(`textarea`,{ref:v,id:x,rows:d,"aria-multiline":`true`,className:e.textarea,"aria-invalid":c?!0:void 0,"aria-describedby":c?`${x}-error`:r?`${x}-hint`:void 0,onFocus:e=>{b(`FOCUS`),h?.(e)},onBlur:e=>{b(`BLUR`),g?.(e)},..._,"aria-label":_[`aria-label`]??f}),c&&a(`span`,{id:`${x}-error`,className:e.error,role:`alert`,children:c}),!c&&r&&a(`span`,{id:`${x}-hint`,className:e.hint,children:r})]})});export{c as Textarea};

package/dist/textarea/textarea.module.js

@@ -1,10 +1,2 @@
 import './textarea.css';
-var e = {
-	wrapper: "_wrapper_xbrwe_2",
-	textarea: "_textarea_xbrwe_7",
-	label: "_label_xbrwe_18",
-	error: "_error_xbrwe_71",
-	hint: "_hint_xbrwe_78"
-};
-//#endregion
-export { e as default };
+var e={wrapper:`_wrapper_1lzlk_2`,textarea:`_textarea_1lzlk_7`,label:`_label_1lzlk_47`,error:`_error_1lzlk_100`,hint:`_hint_1lzlk_107`};export{e as default};

package/dist/tile/tile.css

@@ -1 +1 @@
-@layer cascivo.component{._tile_cxt7m_2{gap:var(--cascivo-space-3);padding:var(--cascivo-space-4);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-surface);background:var(--cascivo-color-bg);color:var(--cascivo-color-text);cursor:pointer;transition:border-color var(--cascivo-duration-150) var(--cascivo-ease-out), background-color var(--cascivo-duration-150) var(--cascivo-ease-out);align-items:flex-start;text-decoration:none;display:flex}._tile_cxt7m_2:hover:not([data-disabled]){border-color:var(--cascivo-color-border-strong)}._tile_cxt7m_2:focus-visible{box-shadow:var(--cascivo-focus-ring);outline:none}._tile_cxt7m_2[data-selected]{border-color:var(--cascivo-color-accent);background:color-mix(in oklch, var(--cascivo-color-accent) 4%, var(--cascivo-color-bg))}._tile_cxt7m_2[data-disabled]{opacity:.5;cursor:not-allowed}._icon_cxt7m_38{block-size:1.5rem;inline-size:1.5rem;color:var(--cascivo-color-text-muted);flex:none;place-items:center;display:grid}._tile_cxt7m_2[data-selected] ._icon_cxt7m_38{color:var(--cascivo-color-accent)}._body_cxt7m_51{gap:var(--cascivo-space-1);font-size:var(--cascivo-text-sm);flex-direction:column;display:flex}}
+@layer cascivo.component{._tile_1j8fr_2{gap:var(--cascivo-space-3);padding:var(--cascivo-space-4);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-surface);background:var(--cascivo-color-bg);color:var(--cascivo-color-text);cursor:pointer;transition:border-color var(--cascivo-duration-150) var(--cascivo-ease-out), background-color var(--cascivo-duration-150) var(--cascivo-ease-out), translate var(--cascivo-duration-150) var(--cascivo-ease-out), box-shadow var(--cascivo-duration-150) var(--cascivo-ease-out);align-items:flex-start;text-decoration:none;display:flex}@media (hover:hover){._tile_1j8fr_2:hover:not([data-disabled]){box-shadow:var(--cascivo-shadow-md);translate:0 -2px}}._tile_1j8fr_2:hover:not([data-disabled]){border-color:var(--cascivo-color-border-strong)}._tile_1j8fr_2:focus-visible{box-shadow:var(--cascivo-focus-ring);outline:none}._tile_1j8fr_2[data-selected]{border-color:var(--cascivo-color-accent);background:color-mix(in oklch, var(--cascivo-color-accent) 4%, var(--cascivo-color-bg))}._tile_1j8fr_2[data-disabled]{opacity:.5;cursor:not-allowed}._icon_1j8fr_51{block-size:1.5rem;inline-size:1.5rem;color:var(--cascivo-color-text-muted);flex:none;place-items:center;display:grid}._tile_1j8fr_2[data-selected] ._icon_1j8fr_51{color:var(--cascivo-color-accent-text)}._body_1j8fr_64{gap:var(--cascivo-space-1);font-size:var(--cascivo-text-sm);flex-direction:column;display:flex}}

package/dist/tile/tile.js

@@ -1,39 +1 @@
-"use client";
-
-import e from "./tile.module.js";
-import { Slot as t, cn as n, useControllableSignal as r, useSignals as i } from "@cascivo/core";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-//#region ../components/src/tile/tile.tsx
-function s({ value: s, selected: c, defaultSelected: l, onSelect: u, selectable: d = "single", disabled: f, icon: p, asChild: m, children: h, className: g }) {
-	i();
-	let [_, v] = r({
-		value: c,
-		defaultValue: l ?? !1,
-		onChange: () => u?.(s)
-	}), y = () => {
-		f || v(d === "multi" ? !_.value : !0);
-	};
-	return /* @__PURE__ */ o(m ? t : "div", {
-		role: d === "multi" ? "checkbox" : "radio",
-		"aria-checked": _.value,
-		"aria-disabled": f || void 0,
-		tabIndex: f ? -1 : 0,
-		"data-selected": _.value || void 0,
-		"data-disabled": f || void 0,
-		className: n(e.tile, g),
-		onClick: y,
-		onKeyDown: (e) => {
-			(e.key === " " || e.key === "Enter") && (e.preventDefault(), y());
-		},
-		children: [p && /* @__PURE__ */ a("span", {
-			className: e.icon,
-			"aria-hidden": "true",
-			children: p
-		}), /* @__PURE__ */ a("span", {
-			className: e.body,
-			children: h
-		})]
-	});
-}
-//#endregion
-export { s as Tile };
+"use client";import e from"./tile.module.js";import{Slot as t,cn as n,useControllableSignal as r,useSignals as i}from"@cascivo/core";import{jsx as a,jsxs as o}from"react/jsx-runtime";function s({value:s,selected:c,defaultSelected:l,onSelect:u,selectable:d=`single`,disabled:f,icon:p,asChild:m,children:h,className:g}){i();let[_,v]=r({value:c,defaultValue:l??!1,onChange:()=>u?.(s)}),y=()=>{f||v(d===`multi`?!_.value:!0)};return o(m?t:`div`,{role:d===`multi`?`checkbox`:`radio`,"aria-checked":_.value,"aria-disabled":f||void 0,tabIndex:f?-1:0,"data-selected":_.value||void 0,"data-disabled":f||void 0,className:n(e.tile,g),onClick:y,onKeyDown:e=>{(e.key===` `||e.key===`Enter`)&&(e.preventDefault(),y())},children:[p&&a(`span`,{className:e.icon,"aria-hidden":`true`,children:p}),a(`span`,{className:e.body,children:h})]})}export{s as Tile};

package/dist/tile/tile.module.js

@@ -1,8 +1,2 @@
 import './tile.css';
-var e = {
-	tile: "_tile_cxt7m_2",
-	icon: "_icon_cxt7m_38",
-	body: "_body_cxt7m_51"
-};
-//#endregion
-export { e as default };
+var e={tile:`_tile_1j8fr_2`,icon:`_icon_1j8fr_51`,body:`_body_1j8fr_64`};export{e as default};