@cascivo/react 0.18.0 → 1.1.0

package/dist/skeleton/skeleton.js

@@ -1,23 +1 @@
-import e from "./skeleton.module.js";
-import { cn as t } from "@cascivo/core/pure";
-import { jsx as n } from "react/jsx-runtime";
-//#region ../components/src/skeleton/skeleton.tsx
-function r({ variant: r = "text", width: i, height: a, lines: o = 1, className: s, style: c, ...l }) {
-	let u = {
-		...i !== void 0 && { "--cascivo-skeleton-width": i },
-		...a !== void 0 && { "--cascivo-skeleton-height": a }
-	};
-	return /* @__PURE__ */ n("div", {
-		"aria-hidden": "true",
-		"data-variant": r,
-		className: t(e.skeleton, s),
-		style: {
-			...u,
-			...c
-		},
-		...l,
-		children: r === "text" && Array.from({ length: o }, (t, r) => /* @__PURE__ */ n("span", { className: e.line }, r))
-	});
-}
-//#endregion
-export { r as Skeleton };
+import e from"./skeleton.module.js";import{cn as t}from"@cascivo/core/pure";import{jsx as n}from"react/jsx-runtime";function r({variant:r=`text`,width:i,height:a,lines:o=1,className:s,style:c,...l}){let u={...i!==void 0&&{"--cascivo-skeleton-width":i},...a!==void 0&&{"--cascivo-skeleton-height":a}};return n(`div`,{"aria-hidden":`true`,"data-variant":r,className:t(e.skeleton,s),style:{...u,...c},...l,children:r===`text`&&Array.from({length:o},(t,r)=>n(`span`,{className:e.line},r))})}export{r as Skeleton};

package/dist/skeleton/skeleton.module.js

@@ -1,8 +1,2 @@
 import './skeleton.css';
-var e = {
-	skeleton: "_skeleton_14kv6_2",
-	line: "_line_14kv6_23",
-	"cascade-shimmer": "_cascade-shimmer_14kv6_1"
-};
-//#endregion
-export { e as default };
+var e={skeleton:`_skeleton_1a3ar_2`,line:`_line_1a3ar_23`};export{e as default};

package/dist/skip-nav/skip-nav.js

@@ -1,28 +1 @@
-"use client";
-
-import e from "./skip-nav.module.js";
-import { forwardRef as t } from "react";
-import { cn as n, useSignals as r } from "@cascivo/core";
-import { builtin as i, t as a } from "@cascivo/i18n";
-import { jsx as o } from "react/jsx-runtime";
-//#region ../components/src/skip-nav/skip-nav.tsx
-var s = "cascade-skip-target", c = t(function({ targetId: t = s, labels: c, className: l, ...u }, d) {
-	r();
-	let f = c?.label ?? a(i.skipNav.label);
-	return /* @__PURE__ */ o("a", {
-		ref: d,
-		href: `#${t}`,
-		className: n(e.link, l),
-		...u,
-		children: f
-	});
-});
-function l({ id: e = s, ...t }) {
-	return /* @__PURE__ */ o("div", {
-		id: e,
-		tabIndex: -1,
-		...t
-	});
-}
-//#endregion
-export { c as SkipNavLink, l as SkipNavTarget };
+"use client";import e from"./skip-nav.module.js";import{forwardRef as t}from"react";import{cn as n,useSignals as r}from"@cascivo/core";import{builtin as i,t as a}from"@cascivo/i18n";import{jsx as o}from"react/jsx-runtime";var s=`cascade-skip-target`,c=t(function({targetId:t=s,labels:c,className:l,...u},d){r();let f=c?.label??a(i.skipNav.label);return o(`a`,{ref:d,href:`#${t}`,className:n(e.link,l),...u,children:f})});function l({id:e=s,...t}){return o(`div`,{id:e,tabIndex:-1,...t})}export{c as SkipNavLink,l as SkipNavTarget};

package/dist/skip-nav/skip-nav.module.js

@@ -1,4 +1,2 @@
 import './skip-nav.css';
-var e = { link: "_link_19qpc_2" };
-//#endregion
-export { e as default };
+var e={link:`_link_19qpc_2`};export{e as default};

package/dist/slider/slider.js

@@ -1,29 +1 @@
-import e from "./slider.module.js";
-import { cn as t } from "@cascivo/core/pure";
-import { forwardRef as n } from "react";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-//#region ../components/src/slider/slider.tsx
-var a = n(function({ label: n, className: a, id: o, min: s = 0, max: c = 100, step: l = 1, disabled: u, ...d }, f) {
-	let p = o ?? (n ? `cascade-slider-${n.toLowerCase().replace(/\s+/g, "-")}` : void 0);
-	return /* @__PURE__ */ i("div", {
-		className: t(e.wrapper, a),
-		"data-disabled": u || void 0,
-		children: [n && /* @__PURE__ */ r("label", {
-			className: e.label,
-			htmlFor: p,
-			children: n
-		}), /* @__PURE__ */ r("input", {
-			id: p,
-			type: "range",
-			min: s,
-			max: c,
-			step: l,
-			disabled: u,
-			className: e.slider,
-			ref: f,
-			...d
-		})]
-	});
-});
-//#endregion
-export { a as Slider };
+import e from"./slider.module.js";import{cn as t}from"@cascivo/core/pure";import{forwardRef as n}from"react";import{jsx as r,jsxs as i}from"react/jsx-runtime";var a=n(function({label:n,ariaLabel:a,className:o,id:s,min:c=0,max:l=100,step:u=1,disabled:d,...f},p){let m=s??(n?`cascade-slider-${n.toLowerCase().replace(/\s+/g,`-`)}`:void 0);return i(`div`,{className:t(e.wrapper,o),"data-disabled":d||void 0,children:[n&&r(`label`,{className:e.label,htmlFor:m,children:n}),r(`input`,{id:m,type:`range`,min:c,max:l,step:u,disabled:d,className:e.slider,ref:p,...f,"aria-label":f[`aria-label`]??a})]})});export{a as Slider};

package/dist/slider/slider.module.js

@@ -1,8 +1,2 @@
 import './slider.css';
-var e = {
-	wrapper: "_wrapper_vzj57_2",
-	label: "_label_vzj57_13",
-	slider: "_slider_vzj57_21"
-};
-//#endregion
-export { e as default };
+var e={wrapper:`_wrapper_vzj57_2`,label:`_label_vzj57_13`,slider:`_slider_vzj57_21`};export{e as default};

package/dist/spinner/spinner.css

@@ -1 +1 @@
-@layer cascivo.component{._spinner_a8uzh_2{box-sizing:border-box;border-style:solid;border-color:currentColor;border-radius:var(--cascivo-radius-full);border-block-start-color:#0000;animation:.6s linear infinite _cascade-spin_a8uzh_1;display:inline-block}._spinner_a8uzh_2[data-size=sm]{border-width:2px;width:1rem;height:1rem}._spinner_a8uzh_2[data-size=md]{border-width:2px;width:1.5rem;height:1.5rem}._spinner_a8uzh_2[data-size=lg]{border-width:3px;width:2rem;height:2rem}@keyframes _cascade-spin_a8uzh_1{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){._spinner_a8uzh_2{animation-duration:1.5s}}}
+@layer cascivo.component{._spinner_1hspk_2{box-sizing:border-box;border-style:solid;border-color:currentColor;border-radius:var(--cascivo-radius-full);border-block-start-color:#0000;animation:.6s linear infinite cascivo-spin;display:inline-block}._spinner_1hspk_2[data-size=sm]{border-width:2px;width:1rem;height:1rem}._spinner_1hspk_2[data-size=md]{border-width:2px;width:1.5rem;height:1.5rem}._spinner_1hspk_2[data-size=lg]{border-width:3px;width:2rem;height:2rem}@media (prefers-reduced-motion:reduce){._spinner_1hspk_2{animation-duration:1.5s}}}

package/dist/spinner/spinner.js

@@ -1,18 +1 @@
-"use client";
-
-import e from "./spinner.module.js";
-import { cn as t, useSignals as n } from "@cascivo/core";
-import { builtin as r, t as i } from "@cascivo/i18n";
-import { jsx as a } from "react/jsx-runtime";
-//#region ../components/src/spinner/spinner.tsx
-function o({ size: o = "md", label: s, className: c, ...l }) {
-	return n(), /* @__PURE__ */ a("span", {
-		role: "status",
-		"aria-label": s ?? i(r.spinner.label),
-		"data-size": o,
-		className: t(e.spinner, c),
-		...l
-	});
-}
-//#endregion
-export { o as Spinner };
+"use client";import e from"./spinner.module.js";import{cn as t,useSignals as n}from"@cascivo/core";import{builtin as r,t as i}from"@cascivo/i18n";import{jsx as a}from"react/jsx-runtime";function o({size:o=`md`,label:s,ariaLabel:c,className:l,...u}){return n(),a(`span`,{role:`status`,"aria-label":c??s??i(r.spinner.label),"data-size":o,className:t(e.spinner,l),...u})}export{o as Spinner};

package/dist/spinner/spinner.module.js

@@ -1,7 +1,2 @@
 import './spinner.css';
-var e = {
-	spinner: "_spinner_a8uzh_2",
-	"cascade-spin": "_cascade-spin_a8uzh_1"
-};
-//#endregion
-export { e as default };
+var e={spinner:`_spinner_1hspk_2`};export{e as default};

package/dist/stack/stack.js

@@ -1,17 +1 @@
-import e from "./stack.module.js";
-import { jsx as t } from "react/jsx-runtime";
-//#region ../components/src/stack/stack.tsx
-function n({ children: n, offset: r = 4, className: i }) {
-	let a = Array.isArray(n) ? n : [n];
-	return /* @__PURE__ */ t("div", {
-		className: [e.stack, i].filter(Boolean).join(" "),
-		style: { "--cascivo-stack-offset": `${r}px` },
-		children: a.map((n, r) => /* @__PURE__ */ t("div", {
-			className: e.layer,
-			style: { "--cascivo-stack-index": r },
-			children: n
-		}, r))
-	});
-}
-//#endregion
-export { n as Stack };
+import e from"./stack.module.js";import{jsx as t}from"react/jsx-runtime";function n({children:n,offset:r=4,className:i}){let a=Array.isArray(n)?n:[n];return t(`div`,{className:[e.stack,i].filter(Boolean).join(` `),style:{"--cascivo-stack-offset":`${r}px`},children:a.map((n,r)=>t(`div`,{className:e.layer,style:{"--cascivo-stack-index":r},children:n},r))})}export{n as Stack};

package/dist/stack/stack.module.js

@@ -1,7 +1,2 @@
 import './stack.css';
-var e = {
-	stack: "_stack_2ay4v_2",
-	layer: "_layer_2ay4v_8"
-};
-//#endregion
-export { e as default };
+var e={stack:`_stack_2ay4v_2`,layer:`_layer_2ay4v_8`};export{e as default};

package/dist/stat/stat.js

@@ -1,41 +1 @@
-import e from "./stat.module.js";
-import { cn as t, sentimentOf as n } from "@cascivo/core/pure";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-//#region ../components/src/stat/stat.tsx
-function a({ label: a, value: o, delta: s, trend: c = "flat", goodDirection: l = "up", helpText: u, card: d = !1, visual: f, className: p, ...m }) {
-	return /* @__PURE__ */ i("div", {
-		"data-card": d || void 0,
-		className: t(e.stat, p),
-		...m,
-		children: [
-			/* @__PURE__ */ r("span", {
-				className: e.label,
-				children: a
-			}),
-			/* @__PURE__ */ r("span", {
-				className: e.value,
-				children: o
-			}),
-			s && /* @__PURE__ */ i("span", {
-				"data-trend": c,
-				"data-sentiment": n(c, l),
-				className: e.delta,
-				children: [/* @__PURE__ */ r("span", {
-					"aria-hidden": "true",
-					className: e.arrow,
-					children: c === "up" ? "▲" : c === "down" ? "▼" : "–"
-				}), s]
-			}),
-			u && /* @__PURE__ */ r("span", {
-				className: e.help,
-				children: u
-			}),
-			f && /* @__PURE__ */ r("span", {
-				className: e.visual,
-				children: f
-			})
-		]
-	});
-}
-//#endregion
-export { a as Stat };
+import e from"./stat.module.js";import{cn as t,sentimentOf as n}from"@cascivo/core/pure";import{jsx as r,jsxs as i}from"react/jsx-runtime";function a({label:a,value:o,delta:s,trend:c=`flat`,goodDirection:l=`up`,helpText:u,card:d=!1,visual:f,className:p,...m}){return i(`div`,{"data-card":d||void 0,className:t(e.stat,p),...m,children:[r(`span`,{className:e.label,children:a}),r(`span`,{className:e.value,children:o}),s&&i(`span`,{"data-trend":c,"data-sentiment":n(c,l),className:e.delta,children:[r(`span`,{"aria-hidden":`true`,className:e.arrow,children:c===`up`?`▲`:c===`down`?`▼`:`–`}),s]}),u&&r(`span`,{className:e.help,children:u}),f&&r(`span`,{className:e.visual,children:f})]})}export{a as Stat};

package/dist/stat/stat.module.js

@@ -1,12 +1,2 @@
 import './stat.css';
-var e = {
-	stat: "_stat_mwa4g_2",
-	label: "_label_mwa4g_20",
-	value: "_value_mwa4g_26",
-	delta: "_delta_mwa4g_34",
-	arrow: "_arrow_mwa4g_57",
-	help: "_help_mwa4g_62",
-	visual: "_visual_mwa4g_68"
-};
-//#endregion
-export { e as default };
+var e={stat:`_stat_mwa4g_2`,label:`_label_mwa4g_20`,value:`_value_mwa4g_26`,delta:`_delta_mwa4g_34`,arrow:`_arrow_mwa4g_57`,help:`_help_mwa4g_62`,visual:`_visual_mwa4g_68`};export{e as default};

package/dist/status/status.css

@@ -1 +1 @@
-@layer cascivo.component{._status_u4gep_2{align-items:center;gap:var(--cascivo-space-2);font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text);line-height:var(--cascivo-leading-tight);display:inline-flex}._status_u4gep_2[data-status=success] ._dot_u4gep_11{background-color:var(--cascivo-color-success)}._status_u4gep_2[data-status=warning] ._dot_u4gep_11{background-color:var(--cascivo-color-warning)}._status_u4gep_2[data-status=error] ._dot_u4gep_11{background-color:var(--cascivo-color-error)}._status_u4gep_2[data-status=info] ._dot_u4gep_11{background-color:var(--cascivo-color-info)}._status_u4gep_2[data-status=neutral] ._dot_u4gep_11{background-color:var(--cascivo-color-text-muted)}._dot_u4gep_11{border-radius:var(--cascivo-radius-full);flex-shrink:0;block-size:.5rem;inline-size:.5rem}@media (prefers-reduced-motion:no-preference){._status_u4gep_2[data-pulse] ._dot_u4gep_11{animation:_cascade-status-pulse_u4gep_1 2s var(--cascivo-ease-in-out) infinite}}@keyframes _cascade-status-pulse_u4gep_1{0%,to{opacity:1}50%{opacity:.4}}}
+@layer cascivo.component{._status_1j3cg_2{align-items:center;gap:var(--cascivo-space-2);font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text);line-height:var(--cascivo-leading-tight);display:inline-flex}._status_1j3cg_2[data-status=success] ._dot_1j3cg_11{background-color:var(--cascivo-color-success)}._status_1j3cg_2[data-status=warning] ._dot_1j3cg_11{background-color:var(--cascivo-color-warning)}._status_1j3cg_2[data-status=error] ._dot_1j3cg_11{background-color:var(--cascivo-color-error)}._status_1j3cg_2[data-status=info] ._dot_1j3cg_11{background-color:var(--cascivo-color-info)}._status_1j3cg_2[data-status=neutral] ._dot_1j3cg_11{background-color:var(--cascivo-color-text-muted)}._dot_1j3cg_11{border-radius:var(--cascivo-radius-full);flex-shrink:0;block-size:.5rem;inline-size:.5rem}@media (prefers-reduced-motion:no-preference){._status_1j3cg_2[data-pulse] ._dot_1j3cg_11{animation:cascivo-pulse 2s var(--cascivo-ease-in-out) infinite}}}

package/dist/status/status.js

@@ -1,25 +1 @@
-import e from "./status.module.js";
-import { cn as t, normalizeTone as n } from "@cascivo/core/pure";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-//#region ../components/src/status/status.tsx
-var a = {
-	neutral: "neutral",
-	info: "info",
-	success: "success",
-	warning: "warning",
-	danger: "error"
-};
-function o({ status: o = "neutral", pulse: s = !1, className: c, children: l, ...u }) {
-	return /* @__PURE__ */ i("span", {
-		"data-status": a[n(o)] ?? o,
-		"data-pulse": s ? "" : void 0,
-		className: t(e.status, c),
-		...u,
-		children: [/* @__PURE__ */ r("span", {
-			"aria-hidden": "true",
-			className: e.dot
-		}), l]
-	});
-}
-//#endregion
-export { o as Status };
+import e from"./status.module.js";import{cn as t,normalizeTone as n}from"@cascivo/core/pure";import{jsx as r,jsxs as i}from"react/jsx-runtime";var a={neutral:`neutral`,info:`info`,success:`success`,warning:`warning`,danger:`error`};function o({status:o=`neutral`,pulse:s=!1,className:c,children:l,...u}){return i(`span`,{"data-status":a[n(o)]??o,"data-pulse":s?``:void 0,className:t(e.status,c),...u,children:[r(`span`,{"aria-hidden":`true`,className:e.dot}),l]})}export{o as Status};

package/dist/status/status.module.js

@@ -1,8 +1,2 @@
 import './status.css';
-var e = {
-	status: "_status_u4gep_2",
-	dot: "_dot_u4gep_11",
-	"cascade-status-pulse": "_cascade-status-pulse_u4gep_1"
-};
-//#endregion
-export { e as default };
+var e={status:`_status_1j3cg_2`,dot:`_dot_1j3cg_11`};export{e as default};

package/dist/steps/steps.css

@@ -1 +1 @@
-@layer cascivo.component{._steps_1u41q_2{gap:0;margin:0;padding:0;list-style:none;display:flex}._steps_1u41q_2[data-orientation=horizontal]{flex-direction:row;align-items:center}._steps_1u41q_2[data-orientation=vertical]{flex-direction:column}._step_1u41q_2{flex:1;align-items:center;gap:.5rem;display:flex;position:relative}._step_1u41q_2:not(:last-child):after{content:"";background-color:var(--cascivo-border-default);flex:1;block-size:1px}._steps_1u41q_2[data-orientation=vertical] ._step_1u41q_2:not(:last-child):after{flex:none;block-size:calc(100% - 1.5rem);inline-size:1px;position:absolute;inset-block-start:2rem;inset-inline-start:.75rem}._circle_1u41q_42{border-radius:var(--cascivo-radius-full);border:2px solid var(--cascivo-border-default);background-color:var(--cascivo-color-surface);block-size:1.5rem;inline-size:1.5rem;color:var(--cascivo-color-text-muted);transition:background-color .15s var(--cascivo-ease-out), border-color .15s var(--cascivo-ease-out);flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:600;display:flex}._step_1u41q_2[data-state=active] ._circle_1u41q_42{background-color:var(--cascivo-color-accent);border-color:var(--cascivo-color-accent);color:var(--cascivo-color-accent-content)}._step_1u41q_2[data-state=complete] ._circle_1u41q_42{background-color:var(--cascivo-color-success);border-color:var(--cascivo-color-success);color:var(--cascivo-color-success-content)}._step_1u41q_2[data-state=error] ._circle_1u41q_42{background-color:var(--cascivo-color-error);border-color:var(--cascivo-color-error);color:var(--cascivo-color-error-content)}._step_1u41q_2[data-state=complete]:not(:last-child):after{background-color:var(--cascivo-color-success)}._label_1u41q_82{color:var(--cascivo-color-text-subtle);font-size:.875rem}._step_1u41q_2[data-state=active] ._label_1u41q_82{color:var(--cascivo-color-text);font-weight:500}._step_1u41q_2[data-state=complete] ._label_1u41q_82{color:var(--cascivo-color-text-subtle)}._step_1u41q_2[data-state=error] ._label_1u41q_82{color:var(--cascivo-color-destructive-foreground)}}
+@layer cascivo.component{._steps_2penk_2{gap:0;margin:0;padding:0;list-style:none;display:flex}._steps_2penk_2[data-orientation=horizontal]{flex-direction:row;align-items:center}._steps_2penk_2[data-orientation=vertical]{flex-direction:column}._step_2penk_2{flex:1;align-items:center;gap:.5rem;display:flex;position:relative}._step_2penk_2:not(:last-child):after{content:"";background-color:var(--cascivo-border-default);flex:1;block-size:1px}._steps_2penk_2[data-orientation=vertical] ._step_2penk_2:not(:last-child):after{flex:none;block-size:calc(100% - 1.5rem);inline-size:1px;position:absolute;inset-block-start:2rem;inset-inline-start:.75rem}._circle_2penk_42{border-radius:var(--cascivo-radius-full);border:2px solid var(--cascivo-border-default);background-color:var(--cascivo-color-surface);block-size:1.5rem;inline-size:1.5rem;color:var(--cascivo-color-text-muted);transition:background-color var(--cascivo-duration-150) var(--cascivo-ease-out), border-color var(--cascivo-duration-150) var(--cascivo-ease-out);flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:600;display:flex}._step_2penk_2[data-state=active] ._circle_2penk_42{background-color:var(--cascivo-color-accent);border-color:var(--cascivo-color-accent);color:var(--cascivo-color-accent-content)}._step_2penk_2[data-state=complete] ._circle_2penk_42{background-color:var(--cascivo-color-success);border-color:var(--cascivo-color-success);color:var(--cascivo-color-success-content)}._step_2penk_2[data-state=error] ._circle_2penk_42{background-color:var(--cascivo-color-error);border-color:var(--cascivo-color-error);color:var(--cascivo-color-error-content)}._step_2penk_2[data-state=complete]:not(:last-child):after{background-color:var(--cascivo-color-success)}._label_2penk_82{color:var(--cascivo-color-text-subtle);font-size:.875rem}._step_2penk_2[data-state=active] ._label_2penk_82{color:var(--cascivo-color-text);font-weight:500}._step_2penk_2[data-state=complete] ._label_2penk_82{color:var(--cascivo-color-text-subtle)}._step_2penk_2[data-state=error] ._label_2penk_82{color:var(--cascivo-color-destructive-foreground)}}

package/dist/steps/steps.js

@@ -1,35 +1 @@
-"use client";
-
-import e from "./steps.module.js";
-import { normalizeProgress as t, useSignal as n, useSignals as r } from "@cascivo/core";
-import { builtin as i, t as a } from "@cascivo/i18n";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-//#region ../components/src/steps/steps.tsx
-function c({ steps: c, activeStep: l, orientation: u = "horizontal", className: d, ariaLabel: f }) {
-	r();
-	let p = n(l ?? 0);
-	p.value = l ?? p.value;
-	let m = f ?? a(i.steps.label);
-	return /* @__PURE__ */ o("ol", {
-		className: [e.steps, d].filter(Boolean).join(" "),
-		"data-orientation": u,
-		"aria-label": m,
-		children: c.map((n, r) => {
-			let i = n.state ? t(n.state) : r < p.value ? "complete" : r === p.value ? "active" : "pending";
-			return /* @__PURE__ */ s("li", {
-				className: e.step,
-				"data-state": i,
-				"aria-current": i === "active" ? "step" : void 0,
-				children: [/* @__PURE__ */ o("div", {
-					className: e.circle,
-					children: i === "complete" ? "✓" : i === "error" ? "✕" : r + 1
-				}), /* @__PURE__ */ o("span", {
-					className: e.label,
-					children: n.label
-				})]
-			}, r);
-		})
-	});
-}
-//#endregion
-export { c as Steps };
+"use client";import e from"./steps.module.js";import{normalizeProgress as t,useSignal as n,useSignals as r}from"@cascivo/core";import{builtin as i,t as a}from"@cascivo/i18n";import{jsx as o,jsxs as s}from"react/jsx-runtime";function c({steps:c,items:l,activeStep:u,orientation:d=`horizontal`,className:f,ariaLabel:p,label:m}){r();let h=l??c??[],g=n(u??0);g.value=u??g.value;let _=p??m??a(i.steps.label);return o(`ol`,{className:[e.steps,f].filter(Boolean).join(` `),"data-orientation":d,"aria-label":_,children:h.map((n,r)=>{let i=n.state?t(n.state):r<g.value?`complete`:r===g.value?`active`:`pending`;return s(`li`,{className:e.step,"data-state":i,"aria-current":i===`active`?`step`:void 0,children:[o(`div`,{className:e.circle,children:i===`complete`?`✓`:i===`error`?`✕`:r+1}),o(`span`,{className:e.label,children:n.label})]},n.id??r)})})}export{c as Steps};

package/dist/steps/steps.module.js

@@ -1,9 +1,2 @@
 import './steps.css';
-var e = {
-	steps: "_steps_1u41q_2",
-	step: "_step_1u41q_2",
-	circle: "_circle_1u41q_42",
-	label: "_label_1u41q_82"
-};
-//#endregion
-export { e as default };
+var e={steps:`_steps_2penk_2`,step:`_step_2penk_2`,circle:`_circle_2penk_42`,label:`_label_2penk_82`};export{e as default};

package/dist/structured-list/structured-list.js

@@ -1,102 +1 @@
-"use client";
-
-import e from "./structured-list.module.js";
-import { useId as t } from "react";
-import { cn as n, useControllableSignal as r, useRovingFocus as i, useSignals as a } from "@cascivo/core";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-//#region ../components/src/structured-list/structured-list.tsx
-function c(t) {
-	let { items: r, headers: i, selectable: a = !1, className: c, ariaLabel: u, "aria-label": d } = t;
-	return a ? /* @__PURE__ */ o(l, { ...t }) : /* @__PURE__ */ s("div", {
-		role: "table",
-		"aria-label": d ?? u,
-		className: n(e.list, c),
-		children: [i && /* @__PURE__ */ o("div", {
-			role: "row",
-			className: e.headerRow,
-			children: i.map((t, n) => /* @__PURE__ */ o("div", {
-				role: "columnheader",
-				className: e.headerCell,
-				children: t
-			}, n))
-		}), /* @__PURE__ */ o("div", {
-			role: "rowgroup",
-			className: e.body,
-			children: r.map((t) => /* @__PURE__ */ o("div", {
-				role: "row",
-				className: e.row,
-				children: t.cells.map((t, n) => /* @__PURE__ */ o("div", {
-					role: "cell",
-					className: e.cell,
-					children: t
-				}, n))
-			}, t.id))
-		})]
-	});
-}
-function l({ items: c, headers: l, value: u, defaultValue: d, onSelect: f, className: p, ariaLabel: m, "aria-label": h }) {
-	let g = h ?? m;
-	a();
-	let _ = t(), [v, y] = r({
-		value: u,
-		defaultValue: d ?? c.find((e) => e.selected)?.id ?? "",
-		onChange: f
-	}), b = i({
-		orientation: "vertical",
-		loop: !1
-	}), x = (e) => {
-		y(e);
-	};
-	return /* @__PURE__ */ s("div", {
-		role: "radiogroup",
-		"aria-label": g,
-		className: n(e.list, e.selectable, p),
-		children: [l && /* @__PURE__ */ s("div", {
-			className: e.headerRow,
-			children: [/* @__PURE__ */ o("div", {
-				className: e.headerCell,
-				"aria-hidden": "true"
-			}), l.map((t, n) => /* @__PURE__ */ o("div", {
-				className: e.headerCell,
-				children: t
-			}, n))]
-		}), /* @__PURE__ */ o("div", {
-			className: e.body,
-			children: c.map((t, n) => {
-				let r = v.value === t.id, { ref: i, ...a } = b.getItemProps(n);
-				return /* @__PURE__ */ s("div", {
-					role: "radio",
-					"aria-checked": r,
-					"aria-labelledby": `${_}-${t.id}-label`,
-					"data-selected": r || void 0,
-					className: e.row,
-					ref: i,
-					...a,
-					onClick: () => x(t.id),
-					onKeyDown: (e) => {
-						a.onKeyDown(e), (e.key === "Enter" || e.key === " ") && (e.preventDefault(), x(t.id));
-					},
-					children: [
-						/* @__PURE__ */ o("div", {
-							className: e.cell,
-							"aria-hidden": "true",
-							children: /* @__PURE__ */ o("span", { className: e.indicator })
-						}),
-						/* @__PURE__ */ o("div", {
-							className: e.cell,
-							id: `${_}-${t.id}-label`,
-							children: t.cells[0]
-						}),
-						t.cells.slice(1).map((t, n) => /* @__PURE__ */ o("div", {
-							role: "cell",
-							className: e.cell,
-							children: t
-						}, n))
-					]
-				}, t.id);
-			})
-		})]
-	});
-}
-//#endregion
-export { c as StructuredList };
+"use client";import e from"./structured-list.module.js";import{useId as t}from"react";import{cn as n,useControllableSignal as r,useRovingFocus as i,useSignals as a}from"@cascivo/core";import{jsx as o,jsxs as s}from"react/jsx-runtime";function c(t){let{items:r,headers:i,selectable:a=!1,className:c,ariaLabel:u,label:d,"aria-label":f}=t;return a?o(l,{...t}):s(`div`,{role:`table`,"aria-label":f??u??d,className:n(e.list,c),children:[i&&o(`div`,{role:`row`,className:e.headerRow,children:i.map((t,n)=>o(`div`,{role:`columnheader`,className:e.headerCell,children:t},n))}),o(`div`,{role:`rowgroup`,className:e.body,children:r.map(t=>o(`div`,{role:`row`,className:e.row,children:t.cells.map((t,n)=>o(`div`,{role:`cell`,className:e.cell,children:t},n))},t.id))})]})}function l({items:c,headers:l,value:u,defaultValue:d,onSelect:f,className:p,ariaLabel:m,"aria-label":h,label:g}){let _=h??m??g;a();let v=t(),[y,b]=r({value:u,defaultValue:d??c.find(e=>e.selected)?.id??``,onChange:f}),x=i({orientation:`vertical`,loop:!1}),S=e=>{b(e)};return s(`div`,{role:`radiogroup`,"aria-label":_,className:n(e.list,e.selectable,p),children:[l&&s(`div`,{className:e.headerRow,children:[o(`div`,{className:e.headerCell,"aria-hidden":`true`}),l.map((t,n)=>o(`div`,{className:e.headerCell,children:t},n))]}),o(`div`,{className:e.body,children:c.map((t,n)=>{let r=y.value===t.id,{ref:i,...a}=x.getItemProps(n);return s(`div`,{role:`radio`,"aria-checked":r,"aria-labelledby":`${v}-${t.id}-label`,"data-selected":r||void 0,className:e.row,ref:i,...a,onClick:()=>S(t.id),onKeyDown:e=>{a.onKeyDown(e),(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),S(t.id))},children:[o(`div`,{className:e.cell,"aria-hidden":`true`,children:o(`span`,{className:e.indicator})}),o(`div`,{className:e.cell,id:`${v}-${t.id}-label`,children:t.cells[0]}),t.cells.slice(1).map((t,n)=>o(`div`,{role:`cell`,className:e.cell,children:t},n))]},t.id)})})]})}export{c as StructuredList};

package/dist/structured-list/structured-list.module.js

@@ -1,13 +1,2 @@
 import './structured-list.css';
-var e = {
-	list: "_list_t5qxi_2",
-	headerRow: "_headerRow_t5qxi_12",
-	headerCell: "_headerCell_t5qxi_19",
-	body: "_body_t5qxi_28",
-	row: "_row_t5qxi_33",
-	cell: "_cell_t5qxi_44",
-	selectable: "_selectable_t5qxi_52",
-	indicator: "_indicator_t5qxi_77"
-};
-//#endregion
-export { e as default };
+var e={list:`_list_t5qxi_2`,headerRow:`_headerRow_t5qxi_12`,headerCell:`_headerCell_t5qxi_19`,body:`_body_t5qxi_28`,row:`_row_t5qxi_33`,cell:`_cell_t5qxi_44`,selectable:`_selectable_t5qxi_52`,indicator:`_indicator_t5qxi_77`};export{e as default};