@cascivo/react 0.3.4 → 0.3.8

package/dist/swap/swap.css

@@ -0,0 +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)}}

package/dist/swap/swap.js

@@ -0,0 +1,36 @@
+"use client";
+
+import e from "./swap.module.js";
+import { useSignal 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, onChange: c, mode: l = "rotate", className: u, ...d }) {
+	n();
+	let f = t(s);
+	f.value = s;
+	function p() {
+		let e = !f.value;
+		c?.(e);
+	}
+	return /* @__PURE__ */ i("button", {
+		type: "button",
+		role: "switch",
+		"aria-checked": f.value,
+		className: [e.swap, u].filter(Boolean).join(" "),
+		"data-checked": f.value || void 0,
+		"data-mode": l,
+		onClick: p,
+		...d,
+		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 };

package/dist/swap/swap.module.js

@@ -0,0 +1,10 @@
+"use client";
+
+import './swap.css';
+var e = {
+	swap: "_swap_77yf0_2",
+	on: "_on_77yf0_19",
+	off: "_off_77yf0_20"
+};
+//#endregion
+export { e as default };

package/dist/swipe-item/swipe-item.css

@@ -0,0 +1 @@
+@layer cascivo.component{._root_3ykmd_2{background:var(--cascivo-color-surface);position:relative;overflow:hidden}._panel_3ykmd_8{display:flex;position:absolute;inset-block:0}._leading_3ykmd_14{inset-inline-start:0}._trailing_3ykmd_18{inset-inline-end:0}._content_3ykmd_22{min-block-size:var(--cascivo-target-min-coarse,2.75rem);background:var(--cascivo-color-surface);touch-action:pan-y;transition:transform var(--cascivo-motion-enter);align-items:center;display:flex;position:relative}._content_3ykmd_22[data-dragging]{transition:none}._action_3ykmd_37{justify-content:center;align-items:center;gap:var(--cascivo-space-1);inline-size:4.5rem;padding-inline:var(--cascivo-space-2);font-size:var(--cascivo-text-xs);color:var(--cascivo-color-accent-content);background:var(--cascivo-color-accent);cursor:pointer;border:none;flex-direction:column;display:flex}._action_3ykmd_37:focus-visible{box-shadow:var(--cascivo-focus-ring);z-index:1;outline:none}._action_3ykmd_37[data-destructive]{color:var(--cascivo-color-text-on-destructive);background:var(--cascivo-color-destructive)}._actionIcon_3ykmd_64{block-size:1.25rem;inline-size:1.25rem;display:inline-flex}._actionLabel_3ykmd_70{white-space:nowrap}@media (prefers-reduced-motion:reduce){._content_3ykmd_22{transition:none}}}

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

@@ -0,0 +1,62 @@
+"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) => /* @__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.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 };

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

@@ -0,0 +1,15 @@
+"use client";
+
+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 };

package/dist/switcher/switcher.css

@@ -0,0 +1 @@
+@layer cascivo.component{._switcher_1f5vq_2{padding:0;padding-inline:var(--cascivo-space-2);flex-direction:column;margin:0;list-style:none;display:flex}._item_1f5vq_11{align-items:center;gap:var(--cascivo-space-3);padding-block:var(--cascivo-space-3);padding-inline:var(--cascivo-space-4);font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);border-radius:var(--cascivo-radius-item);color:var(--cascivo-color-text-subtle);transition:color var(--cascivo-duration-150) var(--cascivo-ease-out), background-color var(--cascivo-duration-150) var(--cascivo-ease-out);text-decoration:none;display:flex}._item_1f5vq_11:hover{background:var(--cascivo-color-bg-subtle);color:var(--cascivo-color-text)}._item_1f5vq_11:focus-visible{box-shadow:var(--cascivo-focus-ring);outline:none}._item_1f5vq_11[data-state=active]{background:var(--cascivo-color-active-bg);color:var(--cascivo-color-text);font-weight:var(--cascivo-font-medium)}._icon_1f5vq_43{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}._divider_1f5vq_50{block-size:0;margin-block:var(--cascivo-space-2);border-block-start:1px solid var(--cascivo-color-border)}}

package/dist/switcher/switcher.js

@@ -0,0 +1,29 @@
+"use client";
+
+import e from "./switcher.module.js";
+import { cn as t, useSignals as n } from "@cascivo/core";
+import { builtin as r, t as i } from "@cascivo/i18n";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region ../components/src/switcher/switcher.tsx
+function s({ items: s, label: c, className: l }) {
+	return n(), /* @__PURE__ */ a("ul", {
+		"aria-label": c ?? i(r.switcher.label),
+		className: t(e.switcher, l),
+		children: s.map((t, n) => "divider" in t ? /* @__PURE__ */ a("li", {
+			role: "separator",
+			className: e.divider
+		}, `divider-${n}`) : /* @__PURE__ */ a("li", { children: /* @__PURE__ */ o("a", {
+			href: t.href,
+			"aria-current": t.active ? "page" : void 0,
+			"data-state": t.active ? "active" : void 0,
+			className: e.item,
+			children: [t.icon && /* @__PURE__ */ a("span", {
+				className: e.icon,
+				"aria-hidden": "true",
+				children: t.icon
+			}), t.label]
+		}) }, t.href))
+	});
+}
+//#endregion
+export { s as Switcher };

package/dist/switcher/switcher.module.js

@@ -0,0 +1,11 @@
+"use client";
+
+import './switcher.css';
+var e = {
+	switcher: "_switcher_1f5vq_2",
+	item: "_item_1f5vq_11",
+	icon: "_icon_1f5vq_43",
+	divider: "_divider_1f5vq_50"
+};
+//#endregion
+export { e as default };

package/dist/tabs/tabs.css

@@ -0,0 +1 @@
+@layer cascivo.component{._tabs_1i48y_2{gap:var(--cascivo-space-4);flex-direction:column;display:flex}._list_1i48y_8{gap:var(--cascivo-space-1);border-block-end:1px solid var(--cascivo-color-border);scroll-snap-type:x proximity;scrollbar-width:thin;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;flex-wrap:nowrap;display:flex;overflow-x:auto}._trigger_1i48y_20{padding-inline:var(--cascivo-space-3);padding-block:var(--cascivo-space-2);font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);font-weight:var(--cascivo-font-medium);color:var(--cascivo-color-text-subtle);cursor:pointer;transition:color var(--cascivo-duration-150) var(--cascivo-ease-out);background:0 0;border:none;position:relative}._trigger_1i48y_20:after{content:"";background-color:var(--cascivo-color-accent);block-size:2px;transition:scale var(--cascivo-duration-150) var(--cascivo-ease-out);position:absolute;inset-block-end:-1px;inset-inline:0;scale:0 1}._trigger_1i48y_20:hover:not(:disabled){color:var(--cascivo-color-text)}._trigger_1i48y_20:focus-visible{box-shadow:var(--cascivo-focus-ring);border-radius:var(--cascivo-radius-control);outline:none}._trigger_1i48y_20:disabled{opacity:.5;cursor:not-allowed}._trigger_1i48y_20[data-state=active]{color:var(--cascivo-color-text)}._trigger_1i48y_20[data-state=active]:after{scale:1}._content_1i48y_68{font-family:var(--cascivo-font-sans);color:var(--cascivo-color-text)}._content_1i48y_68:focus-visible{box-shadow:var(--cascivo-focus-ring);border-radius:var(--cascivo-radius-control);outline:none}}@media (forced-colors:active){._list_1i48y_8{border-block-end:1px solid buttontext}._trigger_1i48y_20[data-state=active]{border-block-end:2px solid highlight}._trigger_1i48y_20:focus-visible{outline-offset:2px;outline:2px solid highlight}}

package/dist/tabs/tabs.js

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

package/dist/tabs/tabs.module.js

@@ -0,0 +1,11 @@
+"use client";
+
+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 };

package/dist/tag/tag.css

@@ -0,0 +1 @@
+@layer cascivo.component{._tag_9ufpk_2{align-items:center;gap:var(--cascivo-space-1);font-family:var(--cascivo-font-sans);font-weight:var(--cascivo-font-medium);border-radius:var(--cascivo-radius-badge);white-space:nowrap;display:inline-flex}._tag_9ufpk_2[data-size=sm]{padding-inline:var(--cascivo-space-2);padding-block:var(--cascivo-space-1);font-size:var(--cascivo-text-xs);line-height:1}._tag_9ufpk_2[data-size=md]{padding-inline:var(--cascivo-space-3);padding-block:var(--cascivo-space-1);font-size:var(--cascivo-text-xs);line-height:var(--cascivo-leading-normal)}._tag_9ufpk_2[data-variant=default]{background-color:var(--cascivo-color-bg-subtle);color:var(--cascivo-color-text-subtle)}._tag_9ufpk_2[data-variant=info]{background-color:var(--cascivo-color-info-subtle);color:var(--cascivo-color-info)}._tag_9ufpk_2[data-variant=success]{background-color:var(--cascivo-color-success-subtle);color:var(--cascivo-color-success)}._tag_9ufpk_2[data-variant=warning]{background-color:var(--cascivo-color-warning-subtle);color:var(--cascivo-color-warning)}._tag_9ufpk_2[data-variant=error]{background-color:var(--cascivo-color-destructive-subtle);color:var(--cascivo-color-destructive)}._dismiss_9ufpk_51{color:currentColor;font-size:inherit;cursor:pointer;border-radius:var(--cascivo-radius-full);opacity:.7;transition:opacity var(--cascivo-duration-150) var(--cascivo-ease-out);background:0 0;border:none;justify-content:center;align-items:center;margin-inline-end:calc(-1 * var(--cascivo-space-1));padding:0;line-height:1;display:inline-flex}._dismiss_9ufpk_51:hover{opacity:1}._dismiss_9ufpk_51:focus-visible{box-shadow:var(--cascivo-focus-ring);opacity:1;outline:none}}

package/dist/tag/tag.js

@@ -0,0 +1,26 @@
+"use client";
+
+import e from "./tag.module.js";
+import { cn as t, useSignals as n } from "@cascivo/core";
+import { builtin as r, t as i } from "@cascivo/i18n";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region ../components/src/tag/tag.tsx
+function s({ variant: s = "default", size: c = "md", onDismiss: l, dismissLabel: u, className: d, children: f, ...p }) {
+	n();
+	let m = u ?? i(r.tag.dismiss);
+	return /* @__PURE__ */ o("span", {
+		"data-variant": s,
+		"data-size": c,
+		className: t(e.tag, d),
+		...p,
+		children: [f, l && /* @__PURE__ */ a("button", {
+			type: "button",
+			className: e.dismiss,
+			"aria-label": m,
+			onClick: l,
+			children: "✕"
+		})]
+	});
+}
+//#endregion
+export { s as Tag };

package/dist/tag/tag.module.js

@@ -0,0 +1,9 @@
+"use client";
+
+import './tag.css';
+var e = {
+	tag: "_tag_9ufpk_2",
+	dismiss: "_dismiss_9ufpk_51"
+};
+//#endregion
+export { e as default };

package/dist/tags-input/tags-input.css

@@ -0,0 +1 @@
+@layer cascivo.component{._wrapper_1ftmq_2{gap:var(--cascivo-space-1);min-height:2.5rem;padding:var(--cascivo-space-2);background-color:var(--cascivo-color-surface);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-field);cursor:text;transition:border-color var(--cascivo-duration-150) var(--cascivo-ease-out), box-shadow var(--cascivo-duration-150) var(--cascivo-ease-out);flex-wrap:wrap;display:flex}._wrapper_1ftmq_2:focus-within{border-color:var(--cascivo-color-accent);box-shadow:var(--cascivo-focus-ring)}._wrapper_1ftmq_2[data-disabled]{opacity:.5;cursor:not-allowed;background-color:var(--cascivo-color-bg-subtle)}._tag_1ftmq_28{align-items:center;gap:var(--cascivo-space-1);padding-block:var(--cascivo-space-0-5);padding-inline:var(--cascivo-space-2);font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text);background-color:var(--cascivo-color-bg-subtle);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-full);line-height:1.25;display:inline-flex}._tag_1ftmq_28[data-state=invalid]{color:var(--cascivo-color-destructive);background-color:rgb(from var(--cascivo-color-destructive) r g b / .08);border-color:var(--cascivo-color-destructive)}._dismiss_1ftmq_49{border-radius:var(--cascivo-radius-full);width:1rem;height:1rem;color:var(--cascivo-color-text-muted);cursor:pointer;font-size:var(--cascivo-text-sm);background:0 0;border:none;justify-content:center;align-items:center;padding:0;line-height:1;display:inline-flex}._dismiss_1ftmq_49:hover{color:var(--cascivo-color-text);background-color:var(--cascivo-color-border)}._dismiss_1ftmq_49:focus-visible{outline:2px solid var(--cascivo-color-accent);outline-offset:1px}._dismiss_1ftmq_49:disabled{cursor:not-allowed}._input_1ftmq_79{min-width:4rem;font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text);background:0 0;border:none;outline:none;flex:1}._input_1ftmq_79::placeholder{color:var(--cascivo-color-text-muted)}._input_1ftmq_79:disabled{cursor:not-allowed}}

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

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

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

@@ -0,0 +1,11 @@
+"use client";
+
+import './tags-input.css';
+var e = {
+	wrapper: "_wrapper_1ftmq_2",
+	tag: "_tag_1ftmq_28",
+	dismiss: "_dismiss_1ftmq_49",
+	input: "_input_1ftmq_79"
+};
+//#endregion
+export { e as default };

package/dist/text/text.css

@@ -0,0 +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)}}

package/dist/text/text.js

@@ -0,0 +1,18 @@
+"use client";
+
+import e from "./text.module.js";
+import { cn as t } from "@cascivo/core";
+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 };

package/dist/text/text.module.js

@@ -0,0 +1,6 @@
+"use client";
+
+import './text.css';
+var e = { text: "_text_18h86_2" };
+//#endregion
+export { e as default };

package/dist/textarea/textarea.css

@@ -0,0 +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}}

package/dist/textarea/textarea.js

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

package/dist/textarea/textarea.module.js

@@ -0,0 +1,12 @@
+"use client";
+
+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 };

package/dist/tile/tile.css

@@ -0,0 +1 @@
+@layer cascivo.component{._tile_1wkku_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;display:flex}._tile_1wkku_2:hover:not([data-disabled]){border-color:var(--cascivo-color-border-strong)}._tile_1wkku_2:focus-visible{box-shadow:var(--cascivo-focus-ring);outline:none}._tile_1wkku_2[data-selected]{border-color:var(--cascivo-color-accent);background:color-mix(in oklch, var(--cascivo-color-accent) 4%, var(--cascivo-color-bg))}._tile_1wkku_2[data-disabled]{opacity:.5;cursor:not-allowed}._icon_1wkku_36{block-size:1.5rem;inline-size:1.5rem;color:var(--cascivo-color-text-muted);flex:none;place-items:center;display:grid}._tile_1wkku_2[data-selected] ._icon_1wkku_36{color:var(--cascivo-color-accent)}._body_1wkku_49{gap:var(--cascivo-space-1);font-size:var(--cascivo-text-sm);flex-direction:column;display:flex}}

package/dist/tile/tile.js

@@ -0,0 +1,39 @@
+"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 };

package/dist/tile/tile.module.js

@@ -0,0 +1,10 @@
+"use client";
+
+import './tile.css';
+var e = {
+	tile: "_tile_1wkku_2",
+	icon: "_icon_1wkku_36",
+	body: "_body_1wkku_49"
+};
+//#endregion
+export { e as default };

package/dist/time-picker/time-picker.css

@@ -0,0 +1 @@
+@layer cascivo.component{._wrapper_shh6w_2{gap:var(--cascivo-space-1);font-family:var(--cascivo-font-sans);flex-direction:column;display:flex}._wrapper_shh6w_2[data-size=sm]{--_height:2rem;--_font:var(--cascivo-text-sm);--_px:var(--cascivo-space-3)}._wrapper_shh6w_2[data-size=md]{--_height:2.5rem;--_font:var(--cascivo-text-sm);--_px:var(--cascivo-space-4)}._wrapper_shh6w_2[data-size=lg]{--_height:3rem;--_font:var(--cascivo-text-base);--_px:var(--cascivo-space-4)}._label_shh6w_25{font-size:var(--cascivo-text-sm);font-weight:var(--cascivo-font-medium);color:var(--cascivo-color-text);line-height:var(--cascivo-leading-snug)}._input_shh6w_32{block-size:var(--_height,2.5rem);padding-inline:var(--_px,var(--cascivo-space-4));font-family:var(--cascivo-font-sans);font-size:var(--_font,var(--cascivo-text-sm));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}._input_shh6w_32:hover:not(:disabled):not(:focus-visible){border-color:var(--cascivo-color-border-strong)}._input_shh6w_32:focus-visible{border-color:var(--cascivo-color-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--cascivo-color-accent) 20%, transparent)}._input_shh6w_32:disabled{opacity:.5;cursor:not-allowed;background-color:var(--cascivo-color-bg-subtle)}._wrapper_shh6w_2[data-state=error] ._input_shh6w_32{border-color:var(--cascivo-color-danger)}._error_shh6w_66{font-size:var(--cascivo-text-xs);color:var(--cascivo-color-danger)}._hint_shh6w_71{font-size:var(--cascivo-text-xs);color:var(--cascivo-color-text-muted)}}

package/dist/time-picker/time-picker.js

@@ -0,0 +1,62 @@
+"use client";
+
+import e from "./time-picker.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/time-picker/time-picker.tsx
+var s = n({
+	initial: "idle",
+	states: {
+		idle: { on: { FOCUS: "focused" } },
+		focused: { on: { BLUR: "idle" } }
+	}
+});
+function c({ value: n, defaultValue: c, onChange: l, min: u, max: d, step: f, label: p, hint: m, error: h, size: g = "md", className: _, id: v, onFocus: y, onBlur: b, ...x }) {
+	i();
+	let [S, C] = r(s), w = v ?? (p ? `cascade-time-picker-${p.toLowerCase().replace(/\s+/g, "-")}` : void 0);
+	return /* @__PURE__ */ o("div", {
+		className: t(e.wrapper, _),
+		"data-state": h ? "error" : S.value,
+		"data-size": g,
+		children: [
+			p && /* @__PURE__ */ a("label", {
+				className: e.label,
+				htmlFor: w,
+				children: p
+			}),
+			/* @__PURE__ */ a("input", {
+				id: w,
+				type: "time",
+				className: e.input,
+				value: n,
+				defaultValue: c,
+				min: u,
+				max: d,
+				step: f,
+				"aria-invalid": h ? !0 : void 0,
+				"aria-describedby": h ? `${w}-error` : m ? `${w}-hint` : void 0,
+				onChange: (e) => l?.(e.target.value),
+				onFocus: (e) => {
+					C("FOCUS"), y?.(e);
+				},
+				onBlur: (e) => {
+					C("BLUR"), b?.(e);
+				},
+				...x
+			}),
+			h && /* @__PURE__ */ a("span", {
+				id: `${w}-error`,
+				className: e.error,
+				role: "alert",
+				children: h
+			}),
+			!h && m && /* @__PURE__ */ a("span", {
+				id: `${w}-hint`,
+				className: e.hint,
+				children: m
+			})
+		]
+	});
+}
+//#endregion
+export { c as TimePicker };