@cascivo/react 0.9.0 → 0.10.0

package/dist/node/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/node/input-group/input-group.module.js

@@ -0,0 +1,11 @@
+"use client";
+
+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/node/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/node/item/item.module.js

@@ -0,0 +1,12 @@
+"use client";
+
+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/node/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/node/join/join.module.js

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

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

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

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

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

package/dist/node/layouts/src/auto-grid/auto-grid.js

@@ -0,0 +1,19 @@
+"use client";
+
+import e from "./auto-grid.module.js";
+import { cn as t } from "@cascivo/core";
+import { jsx as n } from "react/jsx-runtime";
+//#region ../layouts/src/auto-grid/auto-grid.tsx
+function r({ min: r = "16rem", gap: i = 4, className: a, style: o, ...s }) {
+	return /* @__PURE__ */ n("div", {
+		className: t(e["auto-grid"], a),
+		style: {
+			"--_min": r,
+			"--_gap": `var(--cascivo-space-${i})`,
+			...o
+		},
+		...s
+	});
+}
+//#endregion
+export { r as AutoGrid };

package/dist/node/layouts/src/auto-grid/auto-grid.module.js

@@ -0,0 +1,6 @@
+"use client";
+
+//#region ../layouts/src/auto-grid/auto-grid.module.css
+var e = { "auto-grid": "_auto-grid_v8cqo_2" };
+//#endregion
+export { e as default };

package/dist/node/layouts/src/center/center.js

@@ -0,0 +1,18 @@
+"use client";
+
+import e from "./center.module.js";
+import { cn as t } from "@cascivo/core";
+import { jsx as n } from "react/jsx-runtime";
+//#region ../layouts/src/center/center.tsx
+function r({ maxWidth: r = "48rem", className: i, style: a, ...o }) {
+	return /* @__PURE__ */ n("div", {
+		className: t(e.center, i),
+		style: {
+			"--_center-max": r,
+			...a
+		},
+		...o
+	});
+}
+//#endregion
+export { r as Center };

package/dist/node/layouts/src/center/center.module.js

@@ -0,0 +1,5 @@
+"use client";
+
+var e = { center: "_center_1euo8_2" };
+//#endregion
+export { e as default };

package/dist/node/layouts/src/columns/columns.js

@@ -0,0 +1,23 @@
+"use client";
+
+import e from "./columns.module.js";
+import { cn as t } from "@cascivo/core";
+import { jsx as n } from "react/jsx-runtime";
+//#region ../layouts/src/columns/columns.tsx
+function r({ count: r = 2, gap: i = 4, className: a, style: o, children: s, ...c }) {
+	return /* @__PURE__ */ n("div", {
+		className: t(e["columns-container"], a),
+		style: {
+			"--_cols": String(r),
+			"--_gap": `var(--cascivo-space-${i})`,
+			...o
+		},
+		...c,
+		children: /* @__PURE__ */ n("div", {
+			className: e.columns,
+			children: s
+		})
+	});
+}
+//#endregion
+export { r as Columns };

package/dist/node/layouts/src/columns/columns.module.js

@@ -0,0 +1,8 @@
+"use client";
+
+var e = {
+	"columns-container": "_columns-container_1efih_2",
+	columns: "_columns_1efih_2"
+};
+//#endregion
+export { e as default };

package/dist/node/layouts/src/flex/flex.js

@@ -0,0 +1,22 @@
+"use client";
+
+import e from "./flex.module.js";
+import { cn as t } from "@cascivo/core";
+import { jsx as n } from "react/jsx-runtime";
+//#region ../layouts/src/flex/flex.tsx
+function r({ direction: r = "vertical", gap: i = 4, align: a, justify: o, wrap: s = !1, className: c, style: l, ...u }) {
+	return /* @__PURE__ */ n("div", {
+		className: t(e.flex, c),
+		"data-direction": r,
+		"data-wrap": s ? "" : void 0,
+		style: {
+			"--_flex-gap": `var(--cascivo-space-${i})`,
+			...a ? { alignItems: a === "start" || a === "end" ? `flex-${a}` : a } : {},
+			...o ? { justifyContent: o === "between" ? "space-between" : o === "start" || o === "end" ? `flex-${o}` : o } : {},
+			...l
+		},
+		...u
+	});
+}
+//#endregion
+export { r as Flex };

package/dist/node/layouts/src/flex/flex.module.js

@@ -0,0 +1,5 @@
+"use client";
+
+var e = { flex: "_flex_1cngp_2" };
+//#endregion
+export { e as default };

package/dist/node/layouts/src/grid/grid.js

@@ -0,0 +1,57 @@
+"use client";
+
+import e from "./grid.module.js";
+import { cn as t } from "@cascivo/core";
+import { jsx as n } from "react/jsx-runtime";
+//#region ../layouts/src/grid/grid.tsx
+function r(e) {
+	return typeof e == "object" && !!e;
+}
+function i(e, t) {
+	if (t === void 0) return {};
+	if (!r(t)) return { [e]: String(t) };
+	let n = {};
+	t.base !== void 0 && (n[e] = String(t.base));
+	for (let r of [
+		"sm",
+		"md",
+		"lg",
+		"xl"
+	]) {
+		let i = t[r];
+		i !== void 0 && (n[`${e}-${r}`] = String(i));
+	}
+	return n;
+}
+function a({ cols: a = 12, gap: o = 4, align: s, justify: c, className: l, style: u, children: d, ...f }) {
+	return /* @__PURE__ */ n("div", {
+		className: t(e["grid-container"], l),
+		style: {
+			...i("--_grid-cols", a),
+			"--_grid-gap": `var(--cascivo-space-${o})`,
+			...s ? { "--_grid-align": s } : {},
+			...c ? { "--_grid-justify": c } : {},
+			...u
+		},
+		...f,
+		children: /* @__PURE__ */ n("div", {
+			className: e.grid,
+			"data-responsive": r(a) ? "" : void 0,
+			children: d
+		})
+	});
+}
+function o({ span: a, className: o, style: s, ...c }) {
+	let l = a !== void 0 && r(a);
+	return /* @__PURE__ */ n("div", {
+		className: t(e["grid-item"], o),
+		"data-responsive": l ? "" : void 0,
+		style: {
+			...i("--_span", a),
+			...s
+		},
+		...c
+	});
+}
+//#endregion
+export { a as Grid, o as GridItem };

package/dist/node/layouts/src/grid/grid.module.js

@@ -0,0 +1,9 @@
+"use client";
+
+var e = {
+	"grid-container": "_grid-container_qly9o_5",
+	grid: "_grid_qly9o_2",
+	"grid-item": "_grid-item_qly9o_55"
+};
+//#endregion
+export { e as default };

package/dist/node/layouts/src/spacer/spacer.js

@@ -0,0 +1,19 @@
+"use client";
+
+import e from "./spacer.module.js";
+import { cn as t } from "@cascivo/core";
+import { jsx as n } from "react/jsx-runtime";
+//#region ../layouts/src/spacer/spacer.tsx
+function r({ size: r = 4, className: i, style: a, ...o }) {
+	return /* @__PURE__ */ n("div", {
+		role: "none",
+		className: t(e.spacer, i),
+		style: {
+			"--_spacer-size": `var(--cascivo-space-${r})`,
+			...a
+		},
+		...o
+	});
+}
+//#endregion
+export { r as Spacer };

package/dist/node/layouts/src/spacer/spacer.module.js

@@ -0,0 +1,5 @@
+"use client";
+
+var e = { spacer: "_spacer_9ie78_2" };
+//#endregion
+export { e as default };

package/dist/node/link/link.js

@@ -0,0 +1,22 @@
+"use client";
+
+import e from "./link.module.js";
+import { cn as t } from "@cascivo/core";
+import { jsx as n } from "react/jsx-runtime";
+//#region ../components/src/link/link.tsx
+function r({ variant: r = "standalone", size: i = "md", external: a = !1, className: o, children: s, ...c }) {
+	return /* @__PURE__ */ n("a", {
+		"data-variant": r,
+		"data-size": i,
+		"data-external": a || void 0,
+		className: t(e.link, o),
+		...a ? {
+			target: "_blank",
+			rel: "noreferrer"
+		} : {},
+		...c,
+		children: s
+	});
+}
+//#endregion
+export { r as Link };

package/dist/node/link/link.module.js

@@ -0,0 +1,5 @@
+"use client";
+
+var e = { link: "_link_6dwxn_2" };
+//#endregion
+export { e as default };

package/dist/node/list/list.js

@@ -0,0 +1,23 @@
+"use client";
+
+import e from "./list.module.js";
+import { cn as t } from "@cascivo/core";
+import { jsx as n } from "react/jsx-runtime";
+//#region ../components/src/list/list.tsx
+function r({ as: r = "ul", marker: i, className: a, children: o, ...s }) {
+	return /* @__PURE__ */ n(r, {
+		"data-marker": i ?? (r === "ol" ? "decimal" : "disc"),
+		className: t(e.list, a),
+		...s,
+		children: o
+	});
+}
+function i({ className: r, children: i, ...a }) {
+	return /* @__PURE__ */ n("li", {
+		className: t(e.item, r),
+		...a,
+		children: i
+	});
+}
+//#endregion
+export { r as List, i as ListItem };

package/dist/node/list/list.module.js

@@ -0,0 +1,8 @@
+"use client";
+
+var e = {
+	list: "_list_96m5o_2",
+	item: "_item_96m5o_24"
+};
+//#endregion
+export { e as default };

package/dist/node/log-viewer/log-viewer.js

@@ -0,0 +1,184 @@
+"use client";
+
+import e from "./log-viewer.module.js";
+import { VisuallyHidden as t, cn as n, useClipboard as r, useComputed as i, useControllableSignal as a, useResizeObserver as o, useSignal as s, useSignalEffect as c, useSignals as l } from "@cascivo/core";
+import { builtin as u, t as d } from "@cascivo/i18n";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { Fragment as m } from "react";
+//#region ../components/src/log-viewer/log-viewer.tsx
+var h = {
+	30: "black",
+	31: "red",
+	32: "green",
+	33: "yellow",
+	34: "blue",
+	35: "magenta",
+	36: "cyan",
+	37: "white",
+	90: "bright-black",
+	91: "red",
+	92: "green",
+	93: "yellow",
+	94: "blue",
+	95: "magenta",
+	96: "cyan",
+	97: "white"
+};
+function g(e) {
+	if (!e.includes("\x1B[")) return [{ text: e }];
+	try {
+		let t = [], n = /\[([0-9;]*)m/g, r = 0, i, a = !1, o;
+		for (; (o = n.exec(e)) !== null;) {
+			o.index > r && t.push({
+				text: e.slice(r, o.index),
+				color: i,
+				bold: a
+			});
+			for (let e of o[1].split(";")) {
+				let t = Number(e || "0");
+				t === 0 ? (i = void 0, a = !1) : t === 1 ? a = !0 : t === 22 ? a = !1 : h[t] && (i = h[t]);
+			}
+			r = n.lastIndex;
+		}
+		return r < e.length && t.push({
+			text: e.slice(r),
+			color: i,
+			bold: a
+		}), t.length > 0 ? t : [{ text: e }];
+	} catch {
+		return [{ text: e }];
+	}
+}
+function _(e, t, n) {
+	if (!t) return e;
+	let r = e.toLowerCase(), i = t.toLowerCase(), a = [], o = 0, s = r.indexOf(i, o), c = 0;
+	for (; s !== -1;) s > o && a.push(e.slice(o, s)), a.push(/* @__PURE__ */ f("mark", { children: e.slice(s, s + i.length) }, `${n}-${c++}`)), o = s + i.length, s = r.indexOf(i, o);
+	return o < e.length && a.push(e.slice(o)), a;
+}
+function v(t, n, r) {
+	return (n ? g(t.text) : [{ text: t.text }]).map((n, i) => /* @__PURE__ */ f("span", {
+		"data-ansi": n.color,
+		style: n.bold ? { fontWeight: 700 } : void 0,
+		className: n.color ? e.ansi : void 0,
+		children: _(n.text, r, `${String(t.id)}-${i}`)
+	}, i));
+}
+function y({ lines: h, rowHeight: g = 20, overscan: _ = 8, follow: y, onFollowChange: b, ansi: x = !1, search: S, maxHeight: C = "24rem", labels: w, className: T, ...E }) {
+	l();
+	let D = {
+		searchPlaceholder: w?.searchPlaceholder ?? d(u.logViewer.search),
+		follow: w?.follow ?? d(u.logViewer.follow),
+		paused: w?.paused ?? d(u.logViewer.paused),
+		copy: w?.copy ?? d(u.logViewer.copy),
+		copied: w?.copied ?? d(u.logViewer.copied),
+		empty: w?.empty ?? d(u.logViewer.empty),
+		label: d(u.logViewer.label)
+	}, O = s(Array.isArray(h) ? h : []);
+	Array.isArray(h) && (O.value = h);
+	let k = Array.isArray(h) ? O : h, { ref: A, size: j } = o(), M = s(0), [N, P] = a({
+		value: y,
+		defaultValue: !0,
+		onChange: b
+	}), F = s(S ?? ""), { copied: I, copy: L } = r(), R = i(() => {
+		let e = k.value, t = e.length, n = j.value?.height ?? 320, r = Math.max(0, t * g - n), i = N.value ? r : M.value, a = Math.floor(i / g), o = Math.ceil(n / g) + _ * 2, s = Math.max(0, a - _), c = Math.min(t, s + o);
+		return {
+			total: t,
+			start: s,
+			end: c,
+			rows: e.slice(s, c)
+		};
+	}), z = i(() => {
+		let e = F.value.trim().toLowerCase();
+		if (!e) return 0;
+		let t = 0;
+		for (let n of k.value) n.text.toLowerCase().includes(e) && t++;
+		return t;
+	});
+	c(() => {
+		if (k.value, !N.value) return;
+		let e = A.current;
+		e && (e.scrollTop = e.scrollHeight);
+	});
+	let B = (e) => {
+		let t = e.currentTarget;
+		M.value = t.scrollTop, P(t.scrollHeight - t.clientHeight - t.scrollTop <= g);
+	}, V = R.value, H = F.value.trim();
+	return /* @__PURE__ */ p("div", {
+		className: n(e.root, T),
+		...E,
+		children: [
+			/* @__PURE__ */ p("div", {
+				className: e.toolbar,
+				children: [
+					/* @__PURE__ */ f("input", {
+						type: "search",
+						className: e.search,
+						placeholder: D.searchPlaceholder,
+						"aria-label": D.searchPlaceholder,
+						value: F.value,
+						onInput: (e) => {
+							F.value = e.currentTarget.value;
+						}
+					}),
+					H ? /* @__PURE__ */ f("span", {
+						className: e.count,
+						"aria-live": "polite",
+						children: d(u.logViewer.matches, { count: z.value })
+					}) : null,
+					/* @__PURE__ */ f("span", { className: e.spacer }),
+					/* @__PURE__ */ f("button", {
+						type: "button",
+						className: e.toggle,
+						"aria-pressed": N.value,
+						onClick: () => {
+							let e = !N.value;
+							if (P(e), e) {
+								let e = A.current;
+								e && (e.scrollTop = e.scrollHeight);
+							}
+						},
+						children: N.value ? D.follow : D.paused
+					}),
+					/* @__PURE__ */ f("button", {
+						type: "button",
+						className: e.copy,
+						onClick: () => void L(k.value.map((e) => e.text).join("\n")),
+						children: I.value ? D.copied : D.copy
+					})
+				]
+			}),
+			/* @__PURE__ */ f("div", {
+				ref: A,
+				className: e.scroll,
+				role: "log",
+				"aria-live": "polite",
+				"aria-label": D.label,
+				tabIndex: 0,
+				style: { maxBlockSize: C },
+				onScroll: B,
+				children: V.total === 0 ? /* @__PURE__ */ f("div", {
+					className: e.empty,
+					children: D.empty
+				}) : /* @__PURE__ */ f("div", {
+					className: e.sizer,
+					style: { blockSize: V.total * g },
+					children: V.rows.map((t, n) => /* @__PURE__ */ f(m, { children: /* @__PURE__ */ f("div", {
+						className: e.line,
+						"data-level": t.level,
+						style: {
+							insetBlockStart: (V.start + n) * g,
+							blockSize: g
+						},
+						children: v(t, x, H)
+					}) }, t.id))
+				})
+			}),
+			/* @__PURE__ */ f(t, {
+				"aria-live": "polite",
+				children: d(u.logViewer.lines, { count: V.total })
+			})
+		]
+	});
+}
+//#endregion
+export { y as LogViewer };