@cascivo/react 0.13.0 → 0.14.0

package/dist/node/fab/fab.js

@@ -1,65 +1,65 @@
 "use client";
 
 import e from "./fab.module.js";
-import { DismissableLayer as t, Presence as n, cn as r, useControllableSignal as i, useRovingFocus as a, useSignalEffect as o, useSignals as s } from "@cascivo/core";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
-import { useId as u, useRef as d } from "react";
+import { DismissableLayer as t, Presence as n, cn as r, focusElement as i, useControllableSignal as a, useRovingFocus as o, useSignalEffect as s, useSignals as c } from "@cascivo/core";
+import { useId as l, useRef as u } from "react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
 //#region ../components/src/fab/fab.tsx
-function f({ children: f, label: p, onClick: m, actions: h, position: g = "bottom-end", open: _, defaultOpen: v, onOpenChange: y, className: b }) {
-	s();
-	let x = h != null && h.length > 0, [S, C] = i({
-		value: _,
-		defaultValue: v ?? !1,
-		onChange: y
-	}), w = a({
+function p({ children: p, label: m, onClick: h, actions: g, position: _ = "bottom-end", open: v, defaultOpen: y, onOpenChange: b, className: x }) {
+	c();
+	let S = g != null && g.length > 0, [C, w] = a({
+		value: v,
+		defaultValue: y ?? !1,
+		onChange: b
+	}), T = o({
 		orientation: "vertical",
 		loop: !0
-	}), T = d(null), E = d(null), D = u(), O = d(!1);
-	o(() => {
-		let e = x && S.value;
-		e && !O.current ? E.current?.querySelector("[role=\"menuitem\"]:not([aria-disabled=\"true\"])")?.focus() : !e && O.current && T.current?.focus(), O.current = e;
+	}), E = u(null), D = u(null), O = l(), k = u(!1);
+	s(() => {
+		let e = S && C.value;
+		e && !k.current ? D.current?.querySelector("[role=\"menuitem\"]:not([aria-disabled=\"true\"])")?.focus() : !e && k.current && i(E.current), k.current = e;
 	});
-	let k = (e) => {
-		e.disabled || (e.onSelect(), C(!1));
-	}, A = /* @__PURE__ */ c("button", {
-		ref: T,
+	let A = (e) => {
+		e.disabled || (e.onSelect(), w(!1));
+	}, j = /* @__PURE__ */ d("button", {
+		ref: E,
 		type: "button",
-		"aria-label": p,
+		"aria-label": m,
 		className: e.fab,
-		...x ? {
+		...S ? {
 			"aria-haspopup": "menu",
-			"aria-expanded": S.value,
-			"aria-controls": D,
-			"data-state": S.value ? "open" : "closed",
-			onClick: () => C(!S.value)
-		} : { onClick: m },
-		children: /* @__PURE__ */ c("span", {
+			"aria-expanded": C.value,
+			"aria-controls": O,
+			"data-state": C.value ? "open" : "closed",
+			onClick: () => w(!C.value)
+		} : { onClick: h },
+		children: /* @__PURE__ */ d("span", {
 			className: e.icon,
 			"aria-hidden": "true",
-			children: f
+			children: p
 		})
 	});
-	return x ? /* @__PURE__ */ c(t, {
-		onDismiss: () => C(!1),
-		escapeDismisses: S.value,
-		disableOutsidePointer: !S.value,
-		children: /* @__PURE__ */ l("div", {
-			className: r(e.root, b),
-			"data-position": g,
-			children: [/* @__PURE__ */ c(n, {
-				present: S,
-				children: /* @__PURE__ */ c("menu", {
-					ref: E,
-					id: D,
+	return S ? /* @__PURE__ */ d(t, {
+		onDismiss: () => w(!1),
+		escapeDismisses: C.value,
+		disableOutsidePointer: !C.value,
+		children: /* @__PURE__ */ f("div", {
+			className: r(e.root, x),
+			"data-position": _,
+			children: [/* @__PURE__ */ d(n, {
+				present: C,
+				children: /* @__PURE__ */ d("menu", {
+					ref: D,
+					id: O,
 					role: "menu",
-					"aria-label": p,
+					"aria-label": m,
 					className: e.dial,
-					children: h.map((t, n) => {
-						let r = w.getItemProps(n);
-						return /* @__PURE__ */ c("li", {
+					children: g.map((t, n) => {
+						let r = T.getItemProps(n);
+						return /* @__PURE__ */ d("li", {
 							role: "presentation",
 							className: e.dialItem,
-							children: /* @__PURE__ */ l("button", {
+							children: /* @__PURE__ */ f("button", {
 								ref: r.ref,
 								type: "button",
 								role: "menuitem",
@@ -68,11 +68,11 @@ function f({ children: f, label: p, onClick: m, actions: h, position: g = "botto
 								className: e.action,
 								onKeyDown: r.onKeyDown,
 								onFocus: r.onFocus,
-								onClick: () => k(t),
-								children: [/* @__PURE__ */ c("span", {
+								onClick: () => A(t),
+								children: [/* @__PURE__ */ d("span", {
 									className: e.actionLabel,
 									children: t.label
-								}), /* @__PURE__ */ c("span", {
+								}), /* @__PURE__ */ d("span", {
 									className: e.actionIcon,
 									"aria-hidden": "true",
 									children: t.icon
@@ -81,13 +81,13 @@ function f({ children: f, label: p, onClick: m, actions: h, position: g = "botto
 						}, t.id ?? n);
 					})
 				})
-			}), A]
+			}), j]
 		})
-	}) : /* @__PURE__ */ c("div", {
-		className: r(e.root, b),
-		"data-position": g,
-		children: A
+	}) : /* @__PURE__ */ d("div", {
+		className: r(e.root, x),
+		"data-position": _,
+		children: j
 	});
 }
 //#endregion
-export { f as Fab };
+export { p as Fab };

package/dist/node/field/field.js

@@ -3,8 +3,8 @@
 import { Label as e } from "../label/label.js";
 import t from "./field.module.js";
 import { cn as n, useId as r } from "@cascivo/core";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-import { Children as o, cloneElement as s, isValidElement as c } from "react";
+import { Children as i, cloneElement as a, isValidElement as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
 //#region ../components/src/field/field.tsx
 var l = /* @__PURE__ */ new Set();
 function u() {
@@ -17,25 +17,25 @@ function d(e, t) {
 }
 function f({ label: l, description: u, error: f, required: p = !1, disabled: m = !1, id: h, children: g, className: _ }) {
 	let v = r("cascade-field"), y = h ?? v, b = `${y}-description`, x = `${y}-error`, S = [u ? b : null, f ? x : null].filter(Boolean).join(" ") || void 0, C = { id: y };
-	S && (C["aria-describedby"] = S), f && (C["aria-invalid"] = !0), (m || g.props.disabled) && (C.disabled = !0), c(g) && d(l, g);
-	let w = c(g) ? s(o.only(g), C) : g;
-	return /* @__PURE__ */ a("div", {
+	S && (C["aria-describedby"] = S), f && (C["aria-invalid"] = !0), (m || g.props.disabled) && (C.disabled = !0), o(g) && d(l, g);
+	let w = o(g) ? a(i.only(g), C) : g;
+	return /* @__PURE__ */ c("div", {
 		className: n(t.field, _),
 		"data-disabled": m ? "" : void 0,
 		children: [
-			l && /* @__PURE__ */ i(e, {
+			l && /* @__PURE__ */ s(e, {
 				htmlFor: y,
 				required: p,
 				disabled: m,
 				children: l
 			}),
 			w,
-			u && /* @__PURE__ */ i("p", {
+			u && /* @__PURE__ */ s("p", {
 				id: b,
 				className: t.description,
 				children: u
 			}),
-			f && /* @__PURE__ */ i("p", {
+			f && /* @__PURE__ */ s("p", {
 				id: x,
 				role: "alert",
 				className: t.error,

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

@@ -3,9 +3,9 @@
 import { Spinner as e } from "../spinner/spinner.js";
 import t from "./file-uploader.module.js";
 import { cn as n, useSignal as r, useSignals as i } from "@cascivo/core";
-import { builtin as a, t as o } from "@cascivo/i18n";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
-import { useRef as l } from "react";
+import { useRef as a } from "react";
+import { builtin as o, t as s } from "@cascivo/i18n";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
 //#region ../components/src/file-uploader/file-uploader.tsx
 function u(e, t) {
 	let n = t.split(",").map((e) => e.trim()).filter(Boolean);
@@ -16,21 +16,21 @@ function d(e) {
 }
 function f({ files: f = [], onFilesAdded: p, onRemove: m, multiple: h = !1, accept: g, maxSize: _, onRejected: v, label: y, hint: b, labels: x, disabled: S = !1, className: C }) {
 	i();
-	let w = l(null), T = r(!1), E = y ?? x?.label ?? o(a.fileUploader.label), D = x?.drop ?? o(a.fileUploader.drop), O = x?.uploading ?? o(a.fileUploader.uploading), k = x?.complete ?? o(a.fileUploader.complete), A = x?.error ?? o(a.fileUploader.error), j = (e) => x?.remove ? x.remove.replace("{name}", e) : o(a.fileUploader.remove, { name: e }), M = `cascade-uploader-${E.toLowerCase().replace(/\s+/g, "-")}`, N = `${M}-label`, P = `${M}-hint`, F = (e) => {
+	let w = a(null), T = r(!1), E = y ?? x?.label ?? s(o.fileUploader.label), D = x?.drop ?? s(o.fileUploader.drop), O = x?.uploading ?? s(o.fileUploader.uploading), k = x?.complete ?? s(o.fileUploader.complete), A = x?.error ?? s(o.fileUploader.error), j = (e) => x?.remove ? x.remove.replace("{name}", e) : s(o.fileUploader.remove, { name: e }), M = `cascade-uploader-${E.toLowerCase().replace(/\s+/g, "-")}`, N = `${M}-label`, P = `${M}-hint`, F = (e) => {
 		if (!e || e.length === 0) return;
 		let t = h ? Array.from(e) : Array.from(e).slice(0, 1), n = [], r = [], i = [];
 		for (let e of t) g && !u(e, g) ? r.push(e) : _ !== void 0 && e.size > _ ? i.push(e) : n.push(e);
 		r.length > 0 && v?.(r, "type"), i.length > 0 && v?.(i, "size"), n.length > 0 && p?.(n);
 	};
-	return /* @__PURE__ */ c("div", {
+	return /* @__PURE__ */ l("div", {
 		className: n(t.uploader, C),
 		children: [
-			/* @__PURE__ */ s("span", {
+			/* @__PURE__ */ c("span", {
 				id: N,
 				className: t.label,
 				children: E
 			}),
-			/* @__PURE__ */ s("input", {
+			/* @__PURE__ */ c("input", {
 				ref: w,
 				type: "file",
 				className: t.input,
@@ -43,7 +43,7 @@ function f({ files: f = [], onFilesAdded: p, onRemove: m, multiple: h = !1, acce
 					F(e.target.files), e.target.value = "";
 				}
 			}),
-			/* @__PURE__ */ s("button", {
+			/* @__PURE__ */ c("button", {
 				type: "button",
 				className: t.zone,
 				"data-state": T.value ? "dragover" : "idle",
@@ -62,53 +62,53 @@ function f({ files: f = [], onFilesAdded: p, onRemove: m, multiple: h = !1, acce
 				},
 				children: D
 			}),
-			b && /* @__PURE__ */ s("span", {
+			b && /* @__PURE__ */ c("span", {
 				id: P,
 				className: t.hint,
 				children: b
 			}),
-			f.length > 0 && /* @__PURE__ */ s("ul", {
+			f.length > 0 && /* @__PURE__ */ c("ul", {
 				className: t.list,
 				"aria-live": "polite",
-				children: f.map((n) => /* @__PURE__ */ c("li", {
+				children: f.map((n) => /* @__PURE__ */ l("li", {
 					className: t.file,
 					"data-state": n.status,
 					children: [
-						/* @__PURE__ */ c("span", {
+						/* @__PURE__ */ l("span", {
 							className: t.status,
 							children: [
-								n.status === "uploading" && /* @__PURE__ */ s(e, {
+								n.status === "uploading" && /* @__PURE__ */ c(e, {
 									size: "sm",
 									label: O
 								}),
-								n.status === "complete" && /* @__PURE__ */ s("span", {
+								n.status === "complete" && /* @__PURE__ */ c("span", {
 									className: t["glyph-complete"],
 									"aria-label": k,
 									children: "✓"
 								}),
-								n.status === "error" && /* @__PURE__ */ s("span", {
+								n.status === "error" && /* @__PURE__ */ c("span", {
 									className: t["glyph-error"],
 									"aria-label": A,
 									children: "✕"
 								})
 							]
 						}),
-						/* @__PURE__ */ s("span", {
+						/* @__PURE__ */ c("span", {
 							className: t.name,
 							children: n.name
 						}),
-						n.size !== void 0 && /* @__PURE__ */ s("span", {
+						n.size !== void 0 && /* @__PURE__ */ c("span", {
 							className: t.size,
 							children: d(n.size)
 						}),
-						/* @__PURE__ */ s("button", {
+						/* @__PURE__ */ c("button", {
 							type: "button",
 							className: t.remove,
 							"aria-label": j(n.name),
 							onClick: () => m?.(n.id),
 							children: "✕"
 						}),
-						n.status === "error" && n.errorMessage && /* @__PURE__ */ s("span", {
+						n.status === "error" && n.errorMessage && /* @__PURE__ */ c("span", {
 							className: t["error-message"],
 							children: n.errorMessage
 						})

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

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

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

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

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

@@ -2,13 +2,13 @@
 
 import e from "./icon-button.module.js";
 import { Slot as t, cn as n } from "@cascivo/core";
-import { jsx as r } from "react/jsx-runtime";
-import { forwardRef as i } from "react";
+import { forwardRef as r } from "react";
+import { jsx as i } from "react/jsx-runtime";
 //#region ../components/src/icon-button/icon-button.tsx
-var a = i(function({ label: i, ariaLabel: a, icon: o, size: s = "md", variant: c = "ghost", asChild: l = !1, className: u, children: d, ...f }, p) {
-	return /* @__PURE__ */ r(l ? t : "button", {
+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": i ?? a,
+		"aria-label": r ?? a,
 		"data-size": s,
 		"data-variant": c,
 		className: n(e.iconButton, u),

package/dist/node/input/input.js

@@ -2,53 +2,54 @@
 
 import e from "./input.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";
+import { forwardRef as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
 //#region ../components/src/input/input.tsx
-var o = n({
+var s = n({
 	initial: "idle",
 	states: {
 		idle: { on: { FOCUS: "focused" } },
 		focused: { on: { BLUR: "idle" } }
 	}
-});
-function s({ label: n, hint: s, error: c, size: l = "md", className: u, id: d, onFocus: f, onBlur: p, ...m }) {
-	let [h, g] = r(o), _ = d ?? (n ? `cascade-input-${n.toLowerCase().replace(/\s+/g, "-")}` : void 0);
-	return /* @__PURE__ */ a("div", {
+}), c = i(function({ label: n, hint: i, error: c, size: l = "md", className: u, id: d, onFocus: f, onBlur: p, ...m }, h) {
+	let [g, _] = r(s), v = d ?? (n ? `cascade-input-${n.toLowerCase().replace(/\s+/g, "-")}` : void 0);
+	return /* @__PURE__ */ o("div", {
 		className: t(e.wrapper, u),
-		"data-state": c ? "error" : h.value,
+		"data-state": c ? "error" : g.value,
 		"data-size": l,
 		children: [
-			n && /* @__PURE__ */ i("label", {
+			n && /* @__PURE__ */ a("label", {
 				className: e.label,
-				htmlFor: _,
+				htmlFor: v,
 				children: n
 			}),
-			/* @__PURE__ */ i("input", {
-				id: _,
+			/* @__PURE__ */ a("input", {
+				ref: h,
+				id: v,
 				className: e.input,
 				"aria-invalid": c ? !0 : void 0,
-				"aria-describedby": c ? `${_}-error` : s ? `${_}-hint` : void 0,
+				"aria-describedby": c ? `${v}-error` : i ? `${v}-hint` : void 0,
 				onFocus: (e) => {
-					g("FOCUS"), f?.(e);
+					_("FOCUS"), f?.(e);
 				},
 				onBlur: (e) => {
-					g("BLUR"), p?.(e);
+					_("BLUR"), p?.(e);
 				},
 				...m
 			}),
-			c && /* @__PURE__ */ i("span", {
-				id: `${_}-error`,
+			c && /* @__PURE__ */ a("span", {
+				id: `${v}-error`,
 				className: e.error,
 				role: "alert",
 				children: c
 			}),
-			!c && s && /* @__PURE__ */ i("span", {
-				id: `${_}-hint`,
+			!c && i && /* @__PURE__ */ a("span", {
+				id: `${v}-hint`,
 				className: e.hint,
-				children: s
+				children: i
 			})
 		]
 	});
-}
+});
 //#endregion
-export { s as Input };
+export { c as Input };

package/dist/node/link/link.js

@@ -2,11 +2,12 @@
 
 import e from "./link.module.js";
 import { Slot as t, cn as n } from "@cascivo/core";
-import { jsx as r } from "react/jsx-runtime";
+import { forwardRef as r } from "react";
+import { jsx as i } from "react/jsx-runtime";
 //#region ../components/src/link/link.tsx
-function i({ variant: i = "standalone", size: a = "md", external: o = !1, asChild: s = !1, className: c, children: l, ...u }) {
-	return /* @__PURE__ */ r(s ? t : "a", {
-		"data-variant": i,
+var a = r(function({ variant: r = "standalone", size: a = "md", external: o = !1, asChild: s = !1, className: c, children: l, ...u }, d) {
+	return /* @__PURE__ */ i(s ? t : "a", {
+		"data-variant": r,
 		"data-size": a,
 		"data-external": o || void 0,
 		className: n(e.link, c),
@@ -14,9 +15,10 @@ function i({ variant: i = "standalone", size: a = "md", external: o = !1, asChil
 			target: "_blank",
 			rel: "noreferrer"
 		} : {},
+		ref: d,
 		...u,
 		children: l
 	});
-}
+});
 //#endregion
-export { i as Link };
+export { a as Link };