@cascivo/react 0.3.3 → 0.3.7

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

@@ -0,0 +1,84 @@
+"use client";
+
+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";
+//#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);
+	d.current = r;
+	let f = o(a);
+	f.current = a;
+	let p = {
+		...c,
+		open: () => {
+			clearTimeout(u.current), l.current = setTimeout(() => {
+				c.isOpen.value = !0;
+			}, d.current);
+		},
+		close: () => {
+			clearTimeout(l.current), u.current = setTimeout(() => {
+				c.isOpen.value = !1;
+			}, f.current);
+		}
+	};
+	return n(() => () => {
+		clearTimeout(l.current), clearTimeout(u.current);
+	}), /* @__PURE__ */ i(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 },
+		onMouseEnter: s,
+		onMouseLeave: c,
+		onFocus: s,
+		onBlur: c,
+		className: t.trigger,
+		children: n
+	});
+}
+function u({ children: e }) {
+	return /* @__PURE__ */ i(s.Consumer, { children: (t) => {
+		if (!t) throw Error("HoverCardTrigger must be inside <HoverCard>");
+		return /* @__PURE__ */ i(l, {
+			ctx: t,
+			children: e
+		});
+	} });
+}
+function d({ ctx: e, children: n, className: a }) {
+	r();
+	let { popoverRef: o, anchorName: s, isOpen: c, open: l, close: u } = e;
+	return /* @__PURE__ */ i("div", {
+		ref: o,
+		popover: "auto",
+		role: "complementary",
+		"data-state": c.value ? "open" : "closed",
+		style: { positionAnchor: s },
+		onMouseEnter: l,
+		onMouseLeave: u,
+		className: [t.content, a].filter(Boolean).join(" "),
+		children: n
+	});
+}
+function f({ children: e, className: t }) {
+	return /* @__PURE__ */ i(s.Consumer, { children: (n) => {
+		if (!n) throw Error("HoverCardContent must be inside <HoverCard>");
+		return /* @__PURE__ */ i(d, {
+			ctx: n,
+			...t !== void 0 && { className: t },
+			children: e
+		});
+	} });
+}
+//#endregion
+export { c as HoverCard, f as HoverCardContent, u as HoverCardTrigger };

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

@@ -0,0 +1,9 @@
+"use client";
+
+import './hover-card.css';
+var e = {
+	trigger: "_trigger_p0sib_2",
+	content: "_content_p0sib_7"
+};
+//#endregion
+export { e as default };

package/dist/icon-button/icon-button.css

@@ -0,0 +1 @@
+@layer cascivo.component{._iconButton_13zh2_2{aspect-ratio:1;font-family:var(--cascivo-font-sans);line-height:var(--cascivo-leading-none);cursor:pointer;border-radius:var(--cascivo-button-radius,var(--cascivo-radius-control));color:var(--cascivo-color-text);transition:background-color var(--cascivo-duration-150) var(--cascivo-ease-out), color var(--cascivo-duration-150) var(--cascivo-ease-out), box-shadow var(--cascivo-duration-150) var(--cascivo-ease-out);background-color:#0000;border:1px solid #0000;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}._iconButton_13zh2_2:focus-visible{box-shadow:var(--cascivo-focus-ring);outline:none}._iconButton_13zh2_2:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}._iconButton_13zh2_2[data-size=sm]{block-size:var(--cascivo-control-height-sm);inline-size:var(--cascivo-control-height-sm);font-size:var(--cascivo-text-sm)}._iconButton_13zh2_2[data-size=md]{block-size:var(--cascivo-control-height-md);inline-size:var(--cascivo-control-height-md);font-size:var(--cascivo-text-base)}._iconButton_13zh2_2[data-size=lg]{block-size:var(--cascivo-control-height-lg);inline-size:var(--cascivo-control-height-lg);font-size:var(--cascivo-text-lg)}._iconButton_13zh2_2[data-variant=ghost]:hover:not(:disabled){background-color:var(--cascivo-color-bg-subtle)}._iconButton_13zh2_2[data-variant=outline]{border-color:var(--cascivo-color-border);background-color:var(--cascivo-color-surface)}._iconButton_13zh2_2[data-variant=outline]:hover:not(:disabled){background-color:var(--cascivo-color-bg-subtle)}._iconButton_13zh2_2[data-variant=filled]{background-color:var(--cascivo-color-primary);color:var(--cascivo-color-primary-fg)}._iconButton_13zh2_2[data-variant=filled]:hover:not(:disabled){background-color:var(--cascivo-color-primary-hover)}._iconButton_13zh2_2[data-variant=filled]:active:not(:disabled){background-color:var(--cascivo-color-primary-active)}}@media (forced-colors:active){._iconButton_13zh2_2{border:1px solid buttontext}._iconButton_13zh2_2:focus-visible{outline-offset:2px;outline:2px solid highlight}._iconButton_13zh2_2:disabled{color:graytext;border-color:graytext}}

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

@@ -0,0 +1,21 @@
+"use client";
+
+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";
+//#region ../components/src/icon-button/icon-button.tsx
+var a = i(function({ label: i, icon: a, size: o = "md", variant: s = "ghost", asChild: c = !1, className: l, children: u, ...d }, f) {
+	return /* @__PURE__ */ r(c ? t : "button", {
+		type: c ? void 0 : "button",
+		"aria-label": i,
+		"data-size": o,
+		"data-variant": s,
+		className: n(e.iconButton, l),
+		ref: f,
+		...d,
+		children: u ?? a
+	});
+});
+//#endregion
+export { a as IconButton };

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

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

package/dist/image/image.css

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

package/dist/image/image.js

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

package/dist/image/image.module.js

@@ -0,0 +1,12 @@
+"use client";
+
+import './image.css';
+var e = {
+	wrapper: "_wrapper_1cf1d_2",
+	image: "_image_1cf1d_28",
+	placeholder: "_placeholder_1cf1d_47",
+	"cascade-image-shimmer": "_cascade-image-shimmer_1cf1d_1",
+	fallback: "_fallback_1cf1d_66"
+};
+//#endregion
+export { e as default };

package/dist/indicator/indicator.css

@@ -0,0 +1 @@
+@layer cascivo.component{._indicator_12iz3_2{display:inline-flex;position:relative}._overlay_12iz3_7{z-index:1;pointer-events:none;position:absolute}._indicator_12iz3_2[data-placement=top-start] ._overlay_12iz3_7{inset-block-start:0;inset-inline-start:0;transform:translate(-25%,-25%)}._indicator_12iz3_2[data-placement=top-end] ._overlay_12iz3_7{inset-block-start:0;inset-inline-end:0;transform:translate(25%,-25%)}._indicator_12iz3_2[data-placement=bottom-start] ._overlay_12iz3_7{inset-block-end:0;inset-inline-start:0;transform:translate(-25%,25%)}._indicator_12iz3_2[data-placement=bottom-end] ._overlay_12iz3_7{inset-block-end:0;inset-inline-end:0;transform:translate(25%,25%)}}

package/dist/indicator/indicator.js

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

package/dist/indicator/indicator.module.js

@@ -0,0 +1,9 @@
+"use client";
+
+import './indicator.css';
+var e = {
+	indicator: "_indicator_12iz3_2",
+	overlay: "_overlay_12iz3_7"
+};
+//#endregion
+export { e as default };

package/dist/inline-loading/inline-loading.css

@@ -0,0 +1 @@
+@layer cascivo.component{._inline-loading_h27o5_2{align-items:center;gap:var(--cascivo-space-2);font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);line-height:var(--cascivo-leading-none);color:var(--cascivo-color-text);display:inline-flex}._inline-loading_h27o5_2[data-status=finished]{color:var(--cascivo-color-success-foreground,var(--cascivo-color-success))}._inline-loading_h27o5_2[data-status=error]{color:var(--cascivo-color-destructive)}._indicator_h27o5_20{flex-shrink:0;justify-content:center;align-items:center;block-size:1rem;inline-size:1rem;display:inline-flex}._spinner_h27o5_29{color:var(--cascivo-color-text-muted)}._icon_h27o5_33{opacity:1;block-size:1rem;inline-size:1rem}@starting-style{._icon_h27o5_33{opacity:0}}._icon_h27o5_33{transition:opacity var(--cascivo-motion-enter)}._label_h27o5_46{color:inherit}}@media (forced-colors:active){._inline-loading_h27o5_2[data-status=finished],._inline-loading_h27o5_2[data-status=error]{color:canvastext}}

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

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

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

@@ -0,0 +1,12 @@
+"use client";
+
+import './inline-loading.css';
+var e = {
+	"inline-loading": "_inline-loading_h27o5_2",
+	indicator: "_indicator_h27o5_20",
+	spinner: "_spinner_h27o5_29",
+	icon: "_icon_h27o5_33",
+	label: "_label_h27o5_46"
+};
+//#endregion
+export { e as default };

package/dist/input/input.css

@@ -0,0 +1 @@
+@layer cascivo.component{._wrapper_ao79u_2{gap:var(--cascivo-space-1);flex-direction:column;display:flex}._wrapper_ao79u_2[data-size=sm]{--_input-height:var(--cascivo-control-height-sm);--_input-font:var(--cascivo-text-sm);--_input-px:var(--cascivo-space-3)}._wrapper_ao79u_2[data-size=md]{--_input-height:var(--cascivo-control-height-md);--_input-font:var(--cascivo-text-sm);--_input-px:var(--cascivo-space-4)}._wrapper_ao79u_2[data-size=lg]{--_input-height:var(--cascivo-control-height-lg);--_input-font:var(--cascivo-text-base);--_input-px:var(--cascivo-space-4)}._label_ao79u_26{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)}._input_ao79u_34{width:100%;height:var(--_input-height,2.5rem);padding-inline:var(--_input-px,var(--cascivo-space-4));font-family:var(--cascivo-font-sans);font-size:var(--_input-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_ao79u_34::placeholder{color:var(--cascivo-color-text-muted)}._input_ao79u_34:hover:not(:disabled):not(:focus){border-color:var(--cascivo-color-border-strong)}._input_ao79u_34:focus{border-color:var(--cascivo-color-accent);box-shadow:var(--cascivo-focus-ring)}._input_ao79u_34:disabled{opacity:.5;cursor:not-allowed;background-color:var(--cascivo-color-bg-subtle)}._wrapper_ao79u_2[data-state=error] ._input_ao79u_34{border-color:var(--cascivo-color-destructive)}._wrapper_ao79u_2[data-state=error] ._input_ao79u_34:focus{box-shadow:0 0 0 3px rgb(from var(--cascivo-color-destructive) r g b / .3)}._error_ao79u_77{font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);color:var(--cascivo-color-destructive);line-height:var(--cascivo-leading-snug)}._hint_ao79u_84{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){._wrapper_ao79u_2[data-size=sm] ._input_ao79u_34,._wrapper_ao79u_2[data-size=md] ._input_ao79u_34{min-block-size:var(--cascivo-target-min-coarse,2.75rem)}}}@media (forced-colors:active){._input_ao79u_34{color:fieldtext;background-color:field;border:1px solid fieldtext}._input_ao79u_34:focus{outline-offset:2px;outline:2px solid highlight}}

package/dist/input/input.js

@@ -0,0 +1,54 @@
+"use client";
+
+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";
+//#region ../components/src/input/input.tsx
+var o = 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", {
+		className: t(e.wrapper, u),
+		"data-state": c ? "error" : h.value,
+		"data-size": l,
+		children: [
+			n && /* @__PURE__ */ i("label", {
+				className: e.label,
+				htmlFor: _,
+				children: n
+			}),
+			/* @__PURE__ */ i("input", {
+				id: _,
+				className: e.input,
+				"aria-invalid": c ? !0 : void 0,
+				"aria-describedby": c ? `${_}-error` : s ? `${_}-hint` : void 0,
+				onFocus: (e) => {
+					g("FOCUS"), f?.(e);
+				},
+				onBlur: (e) => {
+					g("BLUR"), p?.(e);
+				},
+				...m
+			}),
+			c && /* @__PURE__ */ i("span", {
+				id: `${_}-error`,
+				className: e.error,
+				role: "alert",
+				children: c
+			}),
+			!c && s && /* @__PURE__ */ i("span", {
+				id: `${_}-hint`,
+				className: e.hint,
+				children: s
+			})
+		]
+	});
+}
+//#endregion
+export { s as Input };

package/dist/input/input.module.js

@@ -0,0 +1,12 @@
+"use client";
+
+import './input.css';
+var e = {
+	wrapper: "_wrapper_ao79u_2",
+	label: "_label_ao79u_26",
+	input: "_input_ao79u_34",
+	error: "_error_ao79u_77",
+	hint: "_hint_ao79u_84"
+};
+//#endregion
+export { e as default };

package/dist/input-group/input-group.css

@@ -0,0 +1 @@
+@layer cascivo.component{._input-group_n9tv2_2{align-items:stretch;width:100%;display:flex}._input-group_n9tv2_2[data-has-prefix] ._input-wrap_n9tv2_8>*{border-start-start-radius:0;border-end-start-radius:0}._input-group_n9tv2_2[data-has-suffix] ._input-wrap_n9tv2_8>*{border-start-end-radius:0;border-end-end-radius:0}._input-group_n9tv2_2[data-has-prefix] ._addon_n9tv2_18[data-position=prefix]{border-inline-end:none;border-start-end-radius:0;border-end-end-radius:0}._input-group_n9tv2_2[data-has-suffix] ._addon_n9tv2_18[data-position=suffix]{border-inline-start:none;border-start-start-radius:0;border-end-start-radius:0}._input-wrap_n9tv2_8{flex:1;min-width:0}._input-wrap_n9tv2_8>*{width:100%}._addon_n9tv2_18{padding-inline:var(--cascivo-space-3);font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text-subtle);background-color:var(--cascivo-color-bg-subtle);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-field);white-space:nowrap;flex-shrink:0;align-items:center;display:inline-flex}._input-group_n9tv2_2:has(._inline-addon_n9tv2_55){border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-field,var(--cascivo-radius-control));background:var(--cascivo-color-bg);align-items:center;transition:border-color .12s,box-shadow .12s;display:flex}._input-group_n9tv2_2:has(._inline-addon_n9tv2_55):focus-within{border-color:var(--cascivo-color-accent);box-shadow:var(--cascivo-focus-ring)}._input-group_n9tv2_2:has(._inline-addon_n9tv2_55) ._input-wrap_n9tv2_8 input{box-shadow:none;background:0 0;border:none;outline:none}._inline-addon_n9tv2_55{color:var(--cascivo-color-text-subtle);pointer-events:none;align-items:center;display:inline-flex}._inline-addon_n9tv2_55[data-align=inline-start]{order:-1;padding-inline-start:var(--cascivo-space-3)}._inline-addon_n9tv2_55[data-align=inline-end]{order:1;padding-inline-end:var(--cascivo-space-3)}._inline-addon_n9tv2_55 svg{block-size:1rem;inline-size:1rem}._button-group_n9tv2_101{align-items:stretch;display:inline-flex}._button-group_n9tv2_101>:not(:first-child){border-start-start-radius:0;border-end-start-radius:0;margin-inline-start:-1px}._button-group_n9tv2_101>:not(:last-child){border-start-end-radius:0;border-end-end-radius:0}._button-group_n9tv2_101>:focus-visible{z-index:1;position:relative}}

package/dist/input-group/input-group.js

@@ -0,0 +1,41 @@
+"use client";
+
+import e from "./input-group.module.js";
+import { cn as t } from "@cascivo/core";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region ../components/src/input-group/input-group.tsx
+function i({ align: r = "inline-start", children: i, className: a, ...o }) {
+	return /* @__PURE__ */ n("span", {
+		className: t(e["inline-addon"], a),
+		"data-align": r,
+		"aria-hidden": "true",
+		...o,
+		children: i
+	});
+}
+function a({ prefix: i, suffix: a, children: o, className: s, ...c }) {
+	return /* @__PURE__ */ r("div", {
+		className: t(e["input-group"], s),
+		"data-has-prefix": i ? "" : void 0,
+		"data-has-suffix": a ? "" : void 0,
+		...c,
+		children: [
+			i && /* @__PURE__ */ n("span", {
+				className: e.addon,
+				"data-position": "prefix",
+				children: i
+			}),
+			/* @__PURE__ */ n("span", {
+				className: e["input-wrap"],
+				children: o
+			}),
+			a && /* @__PURE__ */ n("span", {
+				className: e.addon,
+				"data-position": "suffix",
+				children: a
+			})
+		]
+	});
+}
+//#endregion
+export { a as InputGroup, i as InputGroupAddon };

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

@@ -0,0 +1,12 @@
+"use client";
+
+import './input-group.css';
+var e = {
+	"input-group": "_input-group_n9tv2_2",
+	"input-wrap": "_input-wrap_n9tv2_8",
+	addon: "_addon_n9tv2_18",
+	"inline-addon": "_inline-addon_n9tv2_55",
+	"button-group": "_button-group_n9tv2_101"
+};
+//#endregion
+export { e as default };

package/dist/item/item.css

@@ -0,0 +1 @@
+@layer cascivo.component{._item_1uxrt_2{align-items:center;gap:var(--cascivo-space-3);box-sizing:border-box;inline-size:100%;font-family:var(--cascivo-font-sans);color:var(--cascivo-color-text);border-radius:var(--cascivo-radius-item);grid-template-columns:auto 1fr auto;display:grid}._item_1uxrt_2[data-size=sm]{padding-inline:var(--cascivo-space-3);padding-block:var(--cascivo-space-2);font-size:var(--cascivo-text-xs)}._item_1uxrt_2[data-size=md]{padding-inline:var(--cascivo-space-4);padding-block:var(--cascivo-space-3);font-size:var(--cascivo-text-sm)}._item_1uxrt_2[data-variant=muted]{background-color:var(--cascivo-color-bg-subtle)}._media_1uxrt_30{color:var(--cascivo-color-text-subtle);flex:none;justify-content:center;align-items:center;display:inline-flex}._content_1uxrt_38{gap:var(--cascivo-space-1);flex-direction:column;min-inline-size:0;display:flex}._title_1uxrt_45{font-weight:var(--cascivo-font-medium);line-height:var(--cascivo-leading-tight);color:var(--cascivo-color-text)}._description_1uxrt_51{font-size:var(--cascivo-text-xs);color:var(--cascivo-color-text-subtle);line-height:var(--cascivo-leading-normal);margin:0}._actions_1uxrt_58{align-items:center;gap:var(--cascivo-space-2);flex:none;display:inline-flex}}

package/dist/item/item.js

@@ -0,0 +1,52 @@
+"use client";
+
+import e from "./item.module.js";
+import { Slot as t, cn as n } from "@cascivo/core";
+import { jsx as r } from "react/jsx-runtime";
+//#region ../components/src/item/item.tsx
+function i({ asChild: i = !1, variant: a = "default", size: o = "md", className: s, children: c, ...l }) {
+	return /* @__PURE__ */ r(i ? t : "div", {
+		"data-variant": a,
+		"data-size": o,
+		className: n(e.item, s),
+		...l,
+		children: c
+	});
+}
+function a({ className: t, children: i, ...a }) {
+	return /* @__PURE__ */ r("div", {
+		className: n(e.media, t),
+		...a,
+		children: i
+	});
+}
+function o({ className: t, children: i, ...a }) {
+	return /* @__PURE__ */ r("div", {
+		className: n(e.content, t),
+		...a,
+		children: i
+	});
+}
+function s({ className: t, children: i, ...a }) {
+	return /* @__PURE__ */ r("div", {
+		className: n(e.title, t),
+		...a,
+		children: i
+	});
+}
+function c({ className: t, children: i, ...a }) {
+	return /* @__PURE__ */ r("p", {
+		className: n(e.description, t),
+		...a,
+		children: i
+	});
+}
+function l({ className: t, children: i, ...a }) {
+	return /* @__PURE__ */ r("div", {
+		className: n(e.actions, t),
+		...a,
+		children: i
+	});
+}
+//#endregion
+export { i as Item, l as ItemActions, o as ItemContent, c as ItemDescription, a as ItemMedia, s as ItemTitle };

package/dist/item/item.module.js

@@ -0,0 +1,13 @@
+"use client";
+
+import './item.css';
+var e = {
+	item: "_item_1uxrt_2",
+	media: "_media_1uxrt_30",
+	content: "_content_1uxrt_38",
+	title: "_title_1uxrt_45",
+	description: "_description_1uxrt_51",
+	actions: "_actions_1uxrt_58"
+};
+//#endregion
+export { e as default };

package/dist/join/join.css

@@ -0,0 +1 @@
+@layer cascivo.component{._join_qgqwu_2{display:inline-flex}._join_qgqwu_2[data-orientation=horizontal]{flex-direction:row}._join_qgqwu_2[data-orientation=vertical]{flex-direction:column}._join_qgqwu_2[data-orientation=horizontal]>:first-child:not(:last-child){border-start-end-radius:0!important;border-end-end-radius:0!important}._join_qgqwu_2[data-orientation=horizontal]>:last-child:not(:first-child){border-start-start-radius:0!important;border-end-start-radius:0!important}._join_qgqwu_2[data-orientation=horizontal]>:not(:first-child):not(:last-child){border-radius:0!important}._join_qgqwu_2[data-orientation=vertical]>:first-child:not(:last-child){border-end-end-radius:0!important;border-end-start-radius:0!important}._join_qgqwu_2[data-orientation=vertical]>:last-child:not(:first-child){border-start-start-radius:0!important;border-start-end-radius:0!important}._join_qgqwu_2[data-orientation=vertical]>:not(:first-child):not(:last-child){border-radius:0!important}._join_qgqwu_2[data-orientation=horizontal]>:not(:first-child){border-inline-start-width:0}._join_qgqwu_2[data-orientation=vertical]>:not(:first-child){border-block-start-width:0}}

package/dist/join/join.js

@@ -0,0 +1,14 @@
+"use client";
+
+import e from "./join.module.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region ../components/src/join/join.tsx
+function n({ children: n, orientation: r = "horizontal", className: i }) {
+	return /* @__PURE__ */ t("div", {
+		className: [e.join, i].filter(Boolean).join(" "),
+		"data-orientation": r,
+		children: n
+	});
+}
+//#endregion
+export { n as Join };

package/dist/join/join.module.js

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

package/dist/kbd/kbd.css

@@ -0,0 +1 @@
+@layer cascivo.component{._kbd_fz6em_2{font-family:var(--cascivo-font-mono);font-weight:var(--cascivo-font-medium);color:var(--cascivo-color-text-subtle);background-color:var(--cascivo-color-surface-raised);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-indicator);box-shadow:inset 0 -1px 0 var(--cascivo-color-border-strong);white-space:nowrap;justify-content:center;align-items:center;line-height:1;display:inline-flex}._kbd_fz6em_2[data-size=sm]{min-inline-size:1.25rem;padding-block:var(--cascivo-space-0);padding-inline:var(--cascivo-space-1);font-size:var(--cascivo-text-xs);block-size:1.25rem}._kbd_fz6em_2[data-size=md]{min-inline-size:1.5rem;padding-block:var(--cascivo-space-1);padding-inline:var(--cascivo-space-2);font-size:var(--cascivo-text-sm);block-size:1.5rem}}

package/dist/kbd/kbd.js

@@ -0,0 +1,16 @@
+"use client";
+
+import e from "./kbd.module.js";
+import { cn as t } from "@cascivo/core";
+import { jsx as n } from "react/jsx-runtime";
+//#region ../components/src/kbd/kbd.tsx
+function r({ size: r = "md", className: i, children: a, ...o }) {
+	return /* @__PURE__ */ n("kbd", {
+		"data-size": r,
+		className: t(e.kbd, i),
+		...o,
+		children: a
+	});
+}
+//#endregion
+export { r as Kbd };

package/dist/kbd/kbd.module.js

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

package/dist/label/label.css

@@ -0,0 +1 @@
+@layer cascivo.component{._label_qztdi_2{align-items:center;gap:var(--cascivo-space-1);font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);font-weight:var(--cascivo-font-medium);line-height:var(--cascivo-leading-snug);color:var(--cascivo-color-text);display:inline-flex}._label_qztdi_2[data-disabled]{opacity:.5;cursor:not-allowed}._marker_qztdi_18{color:var(--cascivo-color-destructive);line-height:var(--cascivo-leading-none)}._srOnly_qztdi_23{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}@media (forced-colors:active){._label_qztdi_2[data-disabled]{color:graytext}}

package/dist/label/label.js

@@ -0,0 +1,25 @@
+"use client";
+
+import e from "./label.module.js";
+import { Slot as t, cn as n } from "@cascivo/core";
+import { builtin as r, t as i } from "@cascivo/i18n";
+import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region ../components/src/label/label.tsx
+function c({ asChild: c = !1, required: l = !1, disabled: u = !1, className: d, children: f, labels: p, ...m }) {
+	let h = c ? t : "label", g = p?.required ?? i(r.label.required), _ = l ? /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o("span", {
+		className: e.marker,
+		"aria-hidden": "true",
+		children: "*"
+	}), /* @__PURE__ */ o("span", {
+		className: e.srOnly,
+		children: g
+	})] }) : null;
+	return /* @__PURE__ */ o(h, {
+		"data-disabled": u ? "" : void 0,
+		className: n(e.label, d),
+		...m,
+		children: _ ? /* @__PURE__ */ s(a, { children: [f, _] }) : f
+	});
+}
+//#endregion
+export { c as Label };

package/dist/label/label.module.js

@@ -0,0 +1,10 @@
+"use client";
+
+import './label.css';
+var e = {
+	label: "_label_qztdi_2",
+	marker: "_marker_qztdi_18",
+	srOnly: "_srOnly_qztdi_23"
+};
+//#endregion
+export { e as default };