@cascivo/react 0.14.0 → 0.16.1

package/dist/index.js

@@ -1,2 +1 @@
-'use client';
 export * from './react/src/index.js';

package/dist/indicator/indicator.js

@@ -1,5 +1,3 @@
-"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

package/dist/indicator/indicator.module.js

@@ -1,5 +1,3 @@
-"use client";
-
 import './indicator.css';
 var e = {
 	indicator: "_indicator_12iz3_2",

package/dist/infinite-scroll/infinite-scroll.css

@@ -0,0 +1 @@
+@layer cascivo.component{._root_50go8_2{padding-block:var(--cascivo-space-4);justify-content:center;align-items:center;display:flex}._status_50go8_9{align-items:center;gap:var(--cascivo-space-2);color:var(--cascivo-color-text-muted);font-size:var(--cascivo-text-ui);display:inline-flex}._button_50go8_17{padding-inline:var(--cascivo-space-4);padding-block:var(--cascivo-space-2);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-md);color:var(--cascivo-color-foreground);font:inherit;font-size:var(--cascivo-text-ui);cursor:pointer;background:0 0;justify-content:center;align-items:center;display:inline-flex}._button_50go8_17:hover{background:var(--cascivo-color-surface-2)}._button_50go8_17:focus-visible{outline:var(--cascivo-ring-width) solid var(--cascivo-ring-color);outline-offset:2px}@media (pointer:coarse){._button_50go8_17{min-block-size:var(--cascivo-target-min-coarse,2.75rem)}}}

package/dist/infinite-scroll/infinite-scroll.js

@@ -0,0 +1,49 @@
+"use client";
+
+import { Spinner as e } from "../spinner/spinner.js";
+import t from "./infinite-scroll.module.js";
+import { useRef as n } from "react";
+import { cn as r, useSignal as i, useSignalEffect as a, useSignals as o } from "@cascivo/core";
+import { builtin as s, t as c } from "@cascivo/i18n";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+//#region ../components/src/infinite-scroll/infinite-scroll.tsx
+function d({ onLoadMore: d, disabled: f = !1, rootMargin: p = "200px", labels: m, className: h }) {
+	o();
+	let g = n(null), _ = i(!1), v = n(d);
+	v.current = d;
+	let y = n(f);
+	y.current = f;
+	let b = () => {
+		_.value || y.current || (_.value = !0, Promise.resolve(v.current()).then(() => {
+			_.value = !1;
+		}, () => {
+			_.value = !1;
+		}));
+	}, x = n(b);
+	return x.current = b, a(() => {
+		let e = g.current;
+		if (!e || f || typeof IntersectionObserver > "u") return;
+		let t = new IntersectionObserver((e) => {
+			e.some((e) => e.isIntersecting) && x.current();
+		}, { rootMargin: p });
+		return t.observe(e), () => t.disconnect();
+	}), f ? null : /* @__PURE__ */ l("div", {
+		ref: g,
+		className: r(t.root, h),
+		children: _.value ? /* @__PURE__ */ u("span", {
+			className: t.status,
+			role: "status",
+			children: [/* @__PURE__ */ l(e, {
+				size: "sm",
+				"aria-hidden": "true"
+			}), m?.loading ?? c(s.infiniteScroll.loading)]
+		}) : /* @__PURE__ */ l("button", {
+			type: "button",
+			className: t.button,
+			onClick: b,
+			children: m?.loadMore ?? c(s.infiniteScroll.loadMore)
+		})
+	});
+}
+//#endregion
+export { d as InfiniteScroll };

package/dist/infinite-scroll/infinite-scroll.module.js

@@ -0,0 +1,8 @@
+import './infinite-scroll.css';
+var e = {
+	root: "_root_50go8_2",
+	status: "_status_50go8_9",
+	button: "_button_50go8_17"
+};
+//#endregion
+export { e as default };

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

@@ -1,8 +1,6 @@
-"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 { cn as n } from "@cascivo/core/pure";
 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

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

@@ -1,5 +1,3 @@
-"use client";
-
 import './inline-loading.css';
 var e = {
 	"inline-loading": "_inline-loading_h27o5_2",

package/dist/input/input.js

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

package/dist/input/input.module.js

@@ -1,5 +1,3 @@
-"use client";
-
 import './input.css';
 var e = {
 	wrapper: "_wrapper_swdj6_2",

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

@@ -1,7 +1,5 @@
-"use client";
-
 import e from "./input-group.module.js";
-import { cn as t } from "@cascivo/core";
+import { cn as t } from "@cascivo/core/pure";
 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 }) {

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

@@ -1,5 +1,3 @@
-"use client";
-
 import './input-group.css';
 var e = {
 	"input-group": "_input-group_n9tv2_2",

package/dist/item/item.js

@@ -1,7 +1,5 @@
-"use client";
-
 import e from "./item.module.js";
-import { Slot as t, cn as n } from "@cascivo/core";
+import { Slot as t, cn as n } from "@cascivo/core/pure";
 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 }) {

package/dist/item/item.module.js

@@ -1,5 +1,3 @@
-"use client";
-
 import './item.css';
 var e = {
 	item: "_item_e9n8e_2",

package/dist/join/join.js

@@ -1,5 +1,3 @@
-"use client";
-
 import e from "./join.module.js";
 import { jsx as t } from "react/jsx-runtime";
 //#region ../components/src/join/join.tsx

package/dist/join/join.module.js

@@ -1,5 +1,3 @@
-"use client";
-
 import './join.css';
 var e = { join: "_join_qgqwu_2" };
 //#endregion

package/dist/kbd/kbd.js

@@ -1,7 +1,5 @@
-"use client";
-
 import e from "./kbd.module.js";
-import { cn as t } from "@cascivo/core";
+import { cn as t } from "@cascivo/core/pure";
 import { jsx as n } from "react/jsx-runtime";
 //#region ../components/src/kbd/kbd.tsx
 function r({ size: r = "md", className: i, children: a, ...o }) {

package/dist/kbd/kbd.module.js

@@ -1,5 +1,3 @@
-"use client";
-
 import './kbd.css';
 var e = { kbd: "_kbd_fz6em_2" };
 //#endregion

package/dist/label/label.js

@@ -1,7 +1,5 @@
-"use client";
-
 import e from "./label.module.js";
-import { Slot as t, cn as n } from "@cascivo/core";
+import { Slot as t, cn as n } from "@cascivo/core/pure";
 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

package/dist/label/label.module.js

@@ -1,5 +1,3 @@
-"use client";
-
 import './label.css';
 var e = {
 	label: "_label_qztdi_2",

package/dist/large-title-header/large-title-header.css

@@ -0,0 +1 @@
+@layer cascivo.component{._root_1fozn_6{background:var(--cascivo-color-surface);block-size:100%;overflow-y:auto}._bar_1fozn_12{z-index:var(--cascivo-z-raised);align-items:center;gap:var(--cascivo-space-2);min-block-size:var(--cascivo-target-min-coarse,2.75rem);padding-inline:var(--cascivo-space-4);background:var(--cascivo-color-surface);border-block-end:1px solid #0000;padding-block-start:env(safe-area-inset-top,0px);display:flex;position:sticky;inset-block-start:0}._slot_1fozn_29{align-items:center;gap:var(--cascivo-space-1);flex:1 0 0;min-inline-size:0;display:flex}._slotEnd_1fozn_37{justify-content:flex-end}._compactTitle_1fozn_41{min-inline-size:0;font-size:var(--cascivo-text-ui);font-weight:var(--cascivo-font-semibold);color:var(--cascivo-color-foreground);text-overflow:ellipsis;white-space:nowrap;flex:0 auto;display:none;overflow:hidden}._largeTitle_1fozn_56{padding-inline:var(--cascivo-space-4);padding-block:var(--cascivo-space-2) var(--cascivo-space-4);font-size:var(--cascivo-text-heading-lg);font-weight:var(--cascivo-font-bold);line-height:var(--cascivo-leading-tight);color:var(--cascivo-color-foreground);letter-spacing:-.02em;margin:0}@supports (animation-timeline:scroll()){._compactTitle_1fozn_41{opacity:0;animation:linear both _cascivo-large-title-reveal_1fozn_1;animation-timeline:scroll();animation-range:0 var(--_collapse,48px);display:block}._bar_1fozn_12{animation:linear both _cascivo-large-title-hairline_1fozn_1;animation-timeline:scroll();animation-range:0 var(--_collapse,48px)}@media (prefers-reduced-motion:reduce){._compactTitle_1fozn_41,._bar_1fozn_12{animation-timing-function:step-end}}}@keyframes _cascivo-large-title-reveal_1fozn_1{to{opacity:1}}@keyframes _cascivo-large-title-hairline_1fozn_1{to{border-block-end-color:var(--cascivo-border-subtle)}}}

package/dist/large-title-header/large-title-header.js

@@ -0,0 +1,38 @@
+import e from "./large-title-header.module.js";
+import { cn as t } from "@cascivo/core";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region ../components/src/large-title-header/large-title-header.tsx
+function i({ title: i, children: a, leading: o, actions: s, level: c = 1, collapseDistance: l = 48, className: u }) {
+	let d = `h${c}`, f = { "--_collapse": `${l}px` };
+	return /* @__PURE__ */ r("div", {
+		className: t(e.root, u),
+		style: f,
+		children: [
+			/* @__PURE__ */ r("div", {
+				className: e.bar,
+				children: [
+					/* @__PURE__ */ n("div", {
+						className: e.slot,
+						children: o
+					}),
+					/* @__PURE__ */ n("span", {
+						"aria-hidden": "true",
+						className: e.compactTitle,
+						children: i
+					}),
+					/* @__PURE__ */ n("div", {
+						className: t(e.slot, e.slotEnd),
+						children: s
+					})
+				]
+			}),
+			/* @__PURE__ */ n(d, {
+				className: e.largeTitle,
+				children: i
+			}),
+			a
+		]
+	});
+}
+//#endregion
+export { i as LargeTitleHeader };

package/dist/large-title-header/large-title-header.module.js

@@ -0,0 +1,13 @@
+import './large-title-header.css';
+var e = {
+	root: "_root_1fozn_6",
+	bar: "_bar_1fozn_12",
+	slot: "_slot_1fozn_29",
+	slotEnd: "_slotEnd_1fozn_37",
+	compactTitle: "_compactTitle_1fozn_41",
+	largeTitle: "_largeTitle_1fozn_56",
+	"cascivo-large-title-reveal": "_cascivo-large-title-reveal_1fozn_1",
+	"cascivo-large-title-hairline": "_cascivo-large-title-hairline_1fozn_1"
+};
+//#endregion
+export { e as default };

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

@@ -1,7 +1,5 @@
-"use client";
-
 import e from "./auto-grid.module.js";
-import { cn as t } from "@cascivo/core";
+import { cn as t } from "@cascivo/core/pure";
 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 }) {

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

@@ -1,5 +1,3 @@
-"use client";
-
 import './auto-grid.css';
 //#region ../layouts/src/auto-grid/auto-grid.module.css
 var e = { "auto-grid": "_auto-grid_v8cqo_2" };

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

@@ -1,7 +1,5 @@
-"use client";
-
 import e from "./center.module.js";
-import { cn as t } from "@cascivo/core";
+import { cn as t } from "@cascivo/core/pure";
 import { jsx as n } from "react/jsx-runtime";
 //#region ../layouts/src/center/center.tsx
 function r({ maxWidth: r = "48rem", className: i, style: a, ...o }) {

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

@@ -1,5 +1,3 @@
-"use client";
-
 import './center.css';
 var e = { center: "_center_1euo8_2" };
 //#endregion

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

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

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

@@ -1,5 +1,3 @@
-"use client";
-
 import './columns.css';
 var e = {
 	"columns-container": "_columns-container_1efih_2",

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

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

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

@@ -1,5 +1,3 @@
-"use client";
-
 import './flex.css';
 var e = { flex: "_flex_1cngp_2" };
 //#endregion

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

@@ -1,7 +1,5 @@
-"use client";
-
 import e from "./grid.module.js";
-import { cn as t } from "@cascivo/core";
+import { cn as t } from "@cascivo/core/pure";
 import { jsx as n } from "react/jsx-runtime";
 //#region ../layouts/src/grid/grid.tsx
 function r(e) {

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

@@ -1,5 +1,3 @@
-"use client";
-
 import './grid.css';
 var e = {
 	"grid-container": "_grid-container_qly9o_5",

package/dist/layouts/src/page-header/page-header.css

@@ -1 +1 @@
-@layer cascivo.component{._header_e7nyb_2{gap:var(--cascivo-space-2);flex-direction:column;display:flex}._breadcrumb_e7nyb_8{color:var(--cascivo-color-text-muted)}._row_e7nyb_12{justify-content:space-between;align-items:center;gap:var(--cascivo-space-4);flex-wrap:wrap;display:flex}._title_e7nyb_20{font-size:var(--cascivo-font-size-2xl,1.5rem);font-weight:var(--cascivo-font-weight-bold,700);color:var(--cascivo-color-text);margin:0;line-height:1.2}._actions_e7nyb_28{align-items:center;gap:var(--cascivo-space-2);flex-shrink:0;display:flex}._description_e7nyb_35{color:var(--cascivo-color-text-muted);font-size:var(--cascivo-font-size-sm);margin:0}}
+@layer cascivo.component{._header_18phh_2{gap:var(--cascivo-space-2);flex-direction:column;display:flex}._breadcrumb_18phh_8{color:var(--cascivo-color-text-muted)}._row_18phh_12{justify-content:space-between;align-items:center;gap:var(--cascivo-space-4);flex-wrap:wrap;display:flex}._title_18phh_20{font-size:var(--cascivo-text-2xl,1.5rem);font-weight:var(--cascivo-font-bold,700);color:var(--cascivo-color-text);margin:0;line-height:1.2}._actions_18phh_28{align-items:center;gap:var(--cascivo-space-2);flex-shrink:0;display:flex}._description_18phh_35{color:var(--cascivo-color-text-muted);font-size:var(--cascivo-text-sm);margin:0}}

package/dist/layouts/src/page-header/page-header.js

@@ -1,7 +1,5 @@
-"use client";
-
 import e from "./page-header.module.js";
-import { cn as t } from "@cascivo/core";
+import { cn as t } from "@cascivo/core/pure";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
 //#region ../layouts/src/page-header/page-header.tsx
 function i({ title: i, description: a, breadcrumb: o, actions: s, className: c }) {

package/dist/layouts/src/page-header/page-header.module.js

@@ -1,13 +1,11 @@
-"use client";
-
 import './page-header.css';
 var e = {
-	header: "_header_e7nyb_2",
-	breadcrumb: "_breadcrumb_e7nyb_8",
-	row: "_row_e7nyb_12",
-	title: "_title_e7nyb_20",
-	actions: "_actions_e7nyb_28",
-	description: "_description_e7nyb_35"
+	header: "_header_18phh_2",
+	breadcrumb: "_breadcrumb_18phh_8",
+	row: "_row_18phh_12",
+	title: "_title_18phh_20",
+	actions: "_actions_18phh_28",
+	description: "_description_18phh_35"
 };
 //#endregion
 export { e as default };

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

@@ -1,7 +1,5 @@
-"use client";
-
 import e from "./spacer.module.js";
-import { cn as t } from "@cascivo/core";
+import { cn as t } from "@cascivo/core/pure";
 import { jsx as n } from "react/jsx-runtime";
 //#region ../layouts/src/spacer/spacer.tsx
 function r({ size: r = 4, className: i, style: a, ...o }) {

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

@@ -1,5 +1,3 @@
-"use client";
-
 import './spacer.css';
 var e = { spacer: "_spacer_9ie78_2" };
 //#endregion

package/dist/link/link.css

@@ -1 +1 @@
-@layer cascivo.component{._link_6dwxn_2{color:var(--cascivo-link-color,var(--cascivo-color-accent));cursor:pointer;border-radius:var(--cascivo-radius-item);text-underline-offset:.2em;transition:color var(--cascivo-duration-150) var(--cascivo-ease-out)}._link_6dwxn_2:hover{color:var(--cascivo-color-accent-hover)}._link_6dwxn_2:active{color:var(--cascivo-color-accent-active)}._link_6dwxn_2:focus-visible{box-shadow:var(--cascivo-focus-ring);outline:none}._link_6dwxn_2[data-variant=standalone]{font-family:var(--cascivo-font-sans);font-weight:var(--cascivo-font-medium);text-decoration:none}._link_6dwxn_2[data-variant=standalone]:hover{text-decoration:underline}._link_6dwxn_2[data-variant=standalone][data-size=sm]{font-size:var(--cascivo-text-sm)}._link_6dwxn_2[data-variant=standalone][data-size=md]{font-size:var(--cascivo-text-base)}._link_6dwxn_2[data-variant=standalone][data-size=lg]{font-size:var(--cascivo-text-lg)}._link_6dwxn_2[data-variant=inline]{font:inherit;text-decoration:underline}._link_6dwxn_2[data-external]:after{content:"↗" / "";margin-inline-start:var(--cascivo-space-1);font-size:.8em}}
+@layer cascivo.component{._link_14poz_2{color:var(--cascivo-link-color,var(--cascivo-color-accent));cursor:pointer;border-radius:var(--cascivo-radius-item);text-underline-offset:.2em;transition:color var(--cascivo-duration-150) var(--cascivo-ease-out)}._link_14poz_2:hover{color:var(--cascivo-color-accent-hover)}._link_14poz_2:active{color:var(--cascivo-color-accent-active)}._link_14poz_2:focus-visible{box-shadow:var(--cascivo-focus-ring);outline:none}._link_14poz_2[data-variant=standalone]{font-family:var(--cascivo-font-sans);font-weight:var(--cascivo-font-medium);text-decoration:none}._link_14poz_2[data-variant=standalone]:hover{text-decoration:underline}._link_14poz_2[data-variant=standalone][data-size=sm]{font-size:var(--cascivo-text-sm)}._link_14poz_2[data-variant=standalone][data-size=md]{font-size:var(--cascivo-text-base)}._link_14poz_2[data-variant=standalone][data-size=lg]{font-size:var(--cascivo-text-lg)}._link_14poz_2[data-variant=inline]{font:inherit;text-decoration:underline}._link_14poz_2[data-external]:not(:has(>svg:last-child)):after{content:"↗" / "";margin-inline-start:var(--cascivo-space-1);font-size:.8em}}

package/dist/link/link.js

@@ -1,7 +1,5 @@
-"use client";
-
 import e from "./link.module.js";
-import { Slot as t, cn as n } from "@cascivo/core";
+import { Slot as t, cn as n } from "@cascivo/core/pure";
 import { forwardRef as r } from "react";
 import { jsx as i } from "react/jsx-runtime";
 //#region ../components/src/link/link.tsx

package/dist/link/link.module.js

@@ -1,6 +1,4 @@
-"use client";
-
 import './link.css';
-var e = { link: "_link_6dwxn_2" };
+var e = { link: "_link_14poz_2" };
 //#endregion
 export { e as default };

package/dist/list/list.js

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

package/dist/list/list.module.js

@@ -1,5 +1,3 @@
-"use client";
-
 import './list.css';
 var e = {
 	list: "_list_96m5o_2",

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

@@ -1,8 +1,8 @@
 "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 { Fragment as u } from "react";
+import { Fragment as t } from "react";
+import { VisuallyHidden as n, cn as r, useClipboard as i, useComputed as a, useControllableSignal as o, useResizeObserver as s, useSignal as c, useSignalEffect as l, useSignals as u } from "@cascivo/core";
 import { builtin as d, t as f } from "@cascivo/i18n";
 import { jsx as p, jsxs as m } from "react/jsx-runtime";
 //#region ../components/src/log-viewer/log-viewer.tsx
@@ -64,7 +64,7 @@ function v(t, n, r) {
 	}, 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();
+	u();
 	let D = {
 		searchPlaceholder: w?.searchPlaceholder ?? f(d.logViewer.search),
 		follow: w?.follow ?? f(d.logViewer.follow),
@@ -73,13 +73,13 @@ function y({ lines: h, rowHeight: g = 20, overscan: _ = 8, follow: y, onFollowCh
 		copied: w?.copied ?? f(d.logViewer.copied),
 		empty: w?.empty ?? f(d.logViewer.empty),
 		label: f(d.logViewer.label)
-	}, O = s(Array.isArray(h) ? h : []);
+	}, O = c(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({
+	let k = Array.isArray(h) ? O : h, { ref: A, size: j } = s(), M = c(0), [N, P] = o({
 		value: y,
 		defaultValue: !0,
 		onChange: b
-	}), F = s(S ?? ""), { copied: I, copy: L } = r(), R = i(() => {
+	}), F = c(S ?? ""), { copied: I, copy: L } = i(), R = a(() => {
 		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,
@@ -87,14 +87,14 @@ function y({ lines: h, rowHeight: g = 20, overscan: _ = 8, follow: y, onFollowCh
 			end: c,
 			rows: e.slice(s, c)
 		};
-	}), z = i(() => {
+	}), z = a(() => {
 		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(() => {
+	l(() => {
 		if (k.value, !N.value) return;
 		let e = A.current;
 		e && (e.scrollTop = e.scrollHeight);
@@ -104,7 +104,7 @@ function y({ lines: h, rowHeight: g = 20, overscan: _ = 8, follow: y, onFollowCh
 		M.value = t.scrollTop, P(t.scrollHeight - t.clientHeight - t.scrollTop <= g);
 	}, V = R.value, H = F.value.trim();
 	return /* @__PURE__ */ m("div", {
-		className: n(e.root, T),
+		className: r(e.root, T),
 		...E,
 		children: [
 			/* @__PURE__ */ m("div", {
@@ -162,18 +162,18 @@ function y({ lines: h, rowHeight: g = 20, overscan: _ = 8, follow: y, onFollowCh
 				}) : /* @__PURE__ */ p("div", {
 					className: e.sizer,
 					style: { blockSize: V.total * g },
-					children: V.rows.map((t, n) => /* @__PURE__ */ p(u, { children: /* @__PURE__ */ p("div", {
+					children: V.rows.map((n, r) => /* @__PURE__ */ p(t, { children: /* @__PURE__ */ p("div", {
 						className: e.line,
-						"data-level": t.level,
+						"data-level": n.level,
 						style: {
-							insetBlockStart: (V.start + n) * g,
+							insetBlockStart: (V.start + r) * g,
 							blockSize: g
 						},
-						children: v(t, x, H)
-					}) }, t.id))
+						children: v(n, x, H)
+					}) }, n.id))
 				})
 			}),
-			/* @__PURE__ */ p(t, {
+			/* @__PURE__ */ p(n, {
 				"aria-live": "polite",
 				children: f(d.logViewer.lines, { count: V.total })
 			})

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

@@ -1,5 +1,3 @@
-"use client";
-
 import './log-viewer.css';
 var e = {
 	root: "_root_1mutf_2",