@cascivo/react 0.18.0 → 1.1.0

package/dist/node/textarea/textarea.js

@@ -1,57 +1 @@
-"use client";
-
-import e from "./textarea.module.js";
-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/textarea/textarea.tsx
-var s = r({
-	initial: "idle",
-	states: {
-		idle: { on: { FOCUS: "focused" } },
-		focused: { on: { BLUR: "idle" } }
-	}
-}), c = t(function({ label: t, hint: r, error: c, resize: l = "vertical", rows: u = 4, className: d, id: f, onFocus: p, onBlur: m, ...h }, g) {
-	let [_, v] = i(s), y = f ?? (t ? `cascade-textarea-${t.toLowerCase().replace(/\s+/g, "-")}` : void 0);
-	return /* @__PURE__ */ o("div", {
-		className: n(e.wrapper, d),
-		"data-state": c ? "error" : _.value,
-		"data-resize": l,
-		children: [
-			t && /* @__PURE__ */ a("label", {
-				className: e.label,
-				htmlFor: y,
-				children: t
-			}),
-			/* @__PURE__ */ a("textarea", {
-				ref: g,
-				id: y,
-				rows: u,
-				"aria-multiline": "true",
-				className: e.textarea,
-				"aria-invalid": c ? !0 : void 0,
-				"aria-describedby": c ? `${y}-error` : r ? `${y}-hint` : void 0,
-				onFocus: (e) => {
-					v("FOCUS"), p?.(e);
-				},
-				onBlur: (e) => {
-					v("BLUR"), m?.(e);
-				},
-				...h
-			}),
-			c && /* @__PURE__ */ a("span", {
-				id: `${y}-error`,
-				className: e.error,
-				role: "alert",
-				children: c
-			}),
-			!c && r && /* @__PURE__ */ a("span", {
-				id: `${y}-hint`,
-				className: e.hint,
-				children: r
-			})
-		]
-	});
-});
-//#endregion
-export { c as Textarea };
+"use client";import e from"./textarea.module.js";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";var s=r({initial:`idle`,states:{idle:{on:{FOCUS:`focused`}},focused:{on:{BLUR:`idle`}}}}),c=t(function({label:t,hint:r,error:c,resize:l=`vertical`,autosize:u=!1,rows:d=4,ariaLabel:f,className:p,id:m,onFocus:h,onBlur:g,..._},v){let[y,b]=i(s),x=m??(t?`cascade-textarea-${t.toLowerCase().replace(/\s+/g,`-`)}`:void 0);return o(`div`,{className:n(e.wrapper,p),"data-state":c?`error`:y.value,"data-resize":l,"data-autosize":u?``:void 0,style:u?{"--_rows":String(d)}:void 0,children:[t&&a(`label`,{className:e.label,htmlFor:x,children:t}),a(`textarea`,{ref:v,id:x,rows:d,"aria-multiline":`true`,className:e.textarea,"aria-invalid":c?!0:void 0,"aria-describedby":c?`${x}-error`:r?`${x}-hint`:void 0,onFocus:e=>{b(`FOCUS`),h?.(e)},onBlur:e=>{b(`BLUR`),g?.(e)},..._,"aria-label":_[`aria-label`]??f}),c&&a(`span`,{id:`${x}-error`,className:e.error,role:`alert`,children:c}),!c&&r&&a(`span`,{id:`${x}-hint`,className:e.hint,children:r})]})});export{c as Textarea};

package/dist/node/textarea/textarea.module.js

@@ -1,9 +1 @@
-var e = {
-	wrapper: "_wrapper_xbrwe_2",
-	textarea: "_textarea_xbrwe_7",
-	label: "_label_xbrwe_18",
-	error: "_error_xbrwe_71",
-	hint: "_hint_xbrwe_78"
-};
-//#endregion
-export { e as default };
+var e={wrapper:`_wrapper_1lzlk_2`,textarea:`_textarea_1lzlk_7`,label:`_label_1lzlk_47`,error:`_error_1lzlk_100`,hint:`_hint_1lzlk_107`};export{e as default};

package/dist/node/tile/tile.js

@@ -1,39 +1 @@
-"use client";
-
-import e from "./tile.module.js";
-import { Slot as t, cn as n, useControllableSignal as r, useSignals as i } from "@cascivo/core";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-//#region ../components/src/tile/tile.tsx
-function s({ value: s, selected: c, defaultSelected: l, onSelect: u, selectable: d = "single", disabled: f, icon: p, asChild: m, children: h, className: g }) {
-	i();
-	let [_, v] = r({
-		value: c,
-		defaultValue: l ?? !1,
-		onChange: () => u?.(s)
-	}), y = () => {
-		f || v(d === "multi" ? !_.value : !0);
-	};
-	return /* @__PURE__ */ o(m ? t : "div", {
-		role: d === "multi" ? "checkbox" : "radio",
-		"aria-checked": _.value,
-		"aria-disabled": f || void 0,
-		tabIndex: f ? -1 : 0,
-		"data-selected": _.value || void 0,
-		"data-disabled": f || void 0,
-		className: n(e.tile, g),
-		onClick: y,
-		onKeyDown: (e) => {
-			(e.key === " " || e.key === "Enter") && (e.preventDefault(), y());
-		},
-		children: [p && /* @__PURE__ */ a("span", {
-			className: e.icon,
-			"aria-hidden": "true",
-			children: p
-		}), /* @__PURE__ */ a("span", {
-			className: e.body,
-			children: h
-		})]
-	});
-}
-//#endregion
-export { s as Tile };
+"use client";import e from"./tile.module.js";import{Slot as t,cn as n,useControllableSignal as r,useSignals as i}from"@cascivo/core";import{jsx as a,jsxs as o}from"react/jsx-runtime";function s({value:s,selected:c,defaultSelected:l,onSelect:u,selectable:d=`single`,disabled:f,icon:p,asChild:m,children:h,className:g}){i();let[_,v]=r({value:c,defaultValue:l??!1,onChange:()=>u?.(s)}),y=()=>{f||v(d===`multi`?!_.value:!0)};return o(m?t:`div`,{role:d===`multi`?`checkbox`:`radio`,"aria-checked":_.value,"aria-disabled":f||void 0,tabIndex:f?-1:0,"data-selected":_.value||void 0,"data-disabled":f||void 0,className:n(e.tile,g),onClick:y,onKeyDown:e=>{(e.key===` `||e.key===`Enter`)&&(e.preventDefault(),y())},children:[p&&a(`span`,{className:e.icon,"aria-hidden":`true`,children:p}),a(`span`,{className:e.body,children:h})]})}export{s as Tile};

package/dist/node/tile/tile.module.js

@@ -1,7 +1 @@
-var e = {
-	tile: "_tile_cxt7m_2",
-	icon: "_icon_cxt7m_38",
-	body: "_body_cxt7m_51"
-};
-//#endregion
-export { e as default };
+var e={tile:`_tile_1j8fr_2`,icon:`_icon_1j8fr_51`,body:`_body_1j8fr_64`};export{e as default};

package/dist/node/time-picker/time-picker.js

@@ -1,63 +1 @@
-"use client";
-
-import e from "./time-picker.module.js";
-import { forwardRef as t } from "react";
-import { cn as n, createMachine as r, useMachine as i, useSignals as a } from "@cascivo/core";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-//#region ../components/src/time-picker/time-picker.tsx
-var c = r({
-	initial: "idle",
-	states: {
-		idle: { on: { FOCUS: "focused" } },
-		focused: { on: { BLUR: "idle" } }
-	}
-}), l = t(function({ value: t, defaultValue: r, onValueChange: l, onChange: u, min: d, max: f, step: p, label: m, hint: h, error: g, size: _ = "md", className: v, id: y, onFocus: b, onBlur: x, ...S }, C) {
-	a();
-	let [w, T] = i(c), E = y ?? (m ? `cascade-time-picker-${m.toLowerCase().replace(/\s+/g, "-")}` : void 0);
-	return /* @__PURE__ */ s("div", {
-		className: n(e.wrapper, v),
-		"data-state": g ? "error" : w.value,
-		"data-size": _,
-		children: [
-			m && /* @__PURE__ */ o("label", {
-				className: e.label,
-				htmlFor: E,
-				children: m
-			}),
-			/* @__PURE__ */ o("input", {
-				id: E,
-				type: "time",
-				className: e.input,
-				value: t,
-				defaultValue: r,
-				min: d,
-				max: f,
-				step: p,
-				"aria-invalid": g ? !0 : void 0,
-				"aria-describedby": g ? `${E}-error` : h ? `${E}-hint` : void 0,
-				onChange: (e) => (l ?? u)?.(e.target.value),
-				onFocus: (e) => {
-					T("FOCUS"), b?.(e);
-				},
-				onBlur: (e) => {
-					T("BLUR"), x?.(e);
-				},
-				ref: C,
-				...S
-			}),
-			g && /* @__PURE__ */ o("span", {
-				id: `${E}-error`,
-				className: e.error,
-				role: "alert",
-				children: g
-			}),
-			!g && h && /* @__PURE__ */ o("span", {
-				id: `${E}-hint`,
-				className: e.hint,
-				children: h
-			})
-		]
-	});
-});
-//#endregion
-export { l as TimePicker };
+"use client";import e from"./time-picker.module.js";import{forwardRef as t}from"react";import{cn as n,createMachine as r,useMachine as i,useSignals as a}from"@cascivo/core";import{jsx as o,jsxs as s}from"react/jsx-runtime";var c=r({initial:`idle`,states:{idle:{on:{FOCUS:`focused`}},focused:{on:{BLUR:`idle`}}}}),l=t(function({value:t,defaultValue:r,onValueChange:l,min:u,max:d,step:f,label:p,hint:m,error:h,size:g=`md`,className:_,id:v,onFocus:y,onBlur:b,ariaLabel:x,...S},C){a();let[w,T]=i(c),E=v??(p?`cascade-time-picker-${p.toLowerCase().replace(/\s+/g,`-`)}`:void 0);return s(`div`,{className:n(e.wrapper,_),"data-state":h?`error`:w.value,"data-size":g,children:[p&&o(`label`,{className:e.label,htmlFor:E,children:p}),o(`input`,{id:E,type:`time`,className:e.input,value:t,defaultValue:r,min:u,max:d,step:f,"aria-invalid":h?!0:void 0,"aria-describedby":h?`${E}-error`:m?`${E}-hint`:void 0,onChange:e=>l?.(e.target.value),onFocus:e=>{T(`FOCUS`),y?.(e)},onBlur:e=>{T(`BLUR`),b?.(e)},ref:C,...S,"aria-label":S[`aria-label`]??x}),h&&o(`span`,{id:`${E}-error`,className:e.error,role:`alert`,children:h}),!h&&m&&o(`span`,{id:`${E}-hint`,className:e.hint,children:m})]})});export{l as TimePicker};

package/dist/node/time-picker/time-picker.module.js

@@ -1,9 +1 @@
-var e = {
-	wrapper: "_wrapper_gwf19_2",
-	label: "_label_gwf19_29",
-	input: "_input_gwf19_36",
-	error: "_error_gwf19_70",
-	hint: "_hint_gwf19_75"
-};
-//#endregion
-export { e as default };
+var e={wrapper:`_wrapper_gwf19_2`,label:`_label_gwf19_29`,input:`_input_gwf19_36`,error:`_error_gwf19_70`,hint:`_hint_gwf19_75`};export{e as default};

package/dist/node/timeline/timeline.js

@@ -1,55 +1 @@
-import e from "./timeline.module.js";
-import { cn as t, normalizeProgress as n, normalizeTone as r } from "@cascivo/core/pure";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-//#region ../components/src/timeline/timeline.tsx
-var o = {
-	pending: "upcoming",
-	active: "current",
-	complete: "complete",
-	error: "error"
-}, s = {
-	neutral: "neutral",
-	info: "info",
-	success: "success",
-	warning: "warning",
-	danger: "danger"
-};
-function c({ items: c, orientation: l = "vertical", className: u, ...d }) {
-	return /* @__PURE__ */ i("ol", {
-		"data-orientation": l,
-		className: t(e.list, u),
-		...d,
-		children: c.map((t) => {
-			let c = n(t.status ?? "pending");
-			return /* @__PURE__ */ a("li", {
-				"data-status": o[c] ?? "upcoming",
-				"data-tone": t.tone ? s[r(t.tone)] ?? t.tone : void 0,
-				"aria-current": c === "active" ? "step" : void 0,
-				className: e.item,
-				children: [/* @__PURE__ */ i("span", {
-					className: e.marker,
-					"aria-hidden": "true",
-					children: t.icon ?? (c === "error" ? "✕" : null)
-				}), /* @__PURE__ */ a("div", {
-					className: e.content,
-					children: [
-						/* @__PURE__ */ i("div", {
-							className: e.title,
-							children: t.title
-						}),
-						t.time ? /* @__PURE__ */ i("time", {
-							className: e.time,
-							children: t.time
-						}) : null,
-						t.description ? /* @__PURE__ */ i("div", {
-							className: e.description,
-							children: t.description
-						}) : null
-					]
-				})]
-			}, t.id);
-		})
-	});
-}
-//#endregion
-export { c as Timeline };
+import e from"./timeline.module.js";import{cn as t,normalizeProgress as n,normalizeTone as r}from"@cascivo/core/pure";import{jsx as i,jsxs as a}from"react/jsx-runtime";var o={pending:`upcoming`,active:`current`,complete:`complete`,error:`error`},s={neutral:`neutral`,info:`info`,success:`success`,warning:`warning`,danger:`danger`};function c({items:c,orientation:l=`vertical`,className:u,...d}){return i(`ol`,{"data-orientation":l,className:t(e.list,u),...d,children:c.map(t=>{let c=n(t.status??`pending`);return a(`li`,{"data-status":o[c]??`upcoming`,"data-tone":t.tone?s[r(t.tone)]??t.tone:void 0,"aria-current":c===`active`?`step`:void 0,className:e.item,children:[i(`span`,{className:e.marker,"aria-hidden":`true`,children:t.icon??(c===`error`?`✕`:null)}),a(`div`,{className:e.content,children:[i(`div`,{className:e.title,children:t.title}),t.time?i(`time`,{className:e.time,children:t.time}):null,t.description?i(`div`,{className:e.description,children:t.description}):null]})]},t.id)})})}export{c as Timeline};

package/dist/node/timeline/timeline.module.js

@@ -1,11 +1 @@
-var e = {
-	list: "_list_4utvf_2",
-	item: "_item_4utvf_21",
-	marker: "_marker_4utvf_63",
-	content: "_content_4utvf_137",
-	title: "_title_4utvf_144",
-	time: "_time_4utvf_151",
-	description: "_description_4utvf_156"
-};
-//#endregion
-export { e as default };
+var e={list:`_list_4utvf_2`,item:`_item_4utvf_21`,marker:`_marker_4utvf_63`,content:`_content_4utvf_137`,title:`_title_4utvf_144`,time:`_time_4utvf_151`,description:`_description_4utvf_156`};export{e as default};

package/dist/node/toast/toast.js

@@ -1,85 +1 @@
-"use client";
-
-import e from "./toast.module.js";
-import { useRef as t } from "react";
-import { createMachine as n, signal as r, useMachine as i, useSignalEffect as a, useSignals as o } from "@cascivo/core";
-import { builtin as s, t as c } from "@cascivo/i18n";
-import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
-//#region ../components/src/toast/toast.tsx
-var f = 5e3, p = 160, m = 0, h = r([]);
-function g(e) {
-	h.value = [...h.value, {
-		id: m++,
-		...e
-	}];
-}
-function _(e) {
-	h.value = h.value.filter((t) => t.id !== e);
-}
-function v({ children: t }) {
-	o();
-	let n = h.value.slice(-3);
-	return /* @__PURE__ */ d(l, { children: [t, /* @__PURE__ */ u("div", {
-		className: e.viewport,
-		role: "region",
-		"aria-label": c(s.toast.region),
-		children: n.map((e) => /* @__PURE__ */ u(b, {
-			toast: e,
-			onDismiss: () => _(e.id)
-		}, e.id))
-	})] });
-}
-var y = n({
-	initial: "visible",
-	states: {
-		visible: { on: { DISMISS: "dismissing" } },
-		dismissing: { on: { END: "gone" } }
-	}
-});
-function b({ toast: n, onDismiss: r }) {
-	o();
-	let [l, m] = i(y), h = t(r);
-	h.current = r;
-	let g = n.duration ?? f, _ = n.variant === "destructive";
-	return a(() => {
-		let e = l.value;
-		if (e === "visible") {
-			let e = setTimeout(() => m("DISMISS"), g);
-			return () => clearTimeout(e);
-		}
-		if (e === "dismissing") {
-			let e = setTimeout(() => h.current(), p);
-			return () => clearTimeout(e);
-		}
-	}), /* @__PURE__ */ d("div", {
-		role: _ ? "alert" : "status",
-		"aria-live": _ ? "assertive" : "polite",
-		"data-variant": n.variant ?? "default",
-		"data-state": l.value,
-		className: e.toast,
-		children: [/* @__PURE__ */ d("div", {
-			className: e.body,
-			children: [/* @__PURE__ */ u("div", {
-				className: e.title,
-				children: n.title
-			}), n.description && /* @__PURE__ */ u("div", {
-				className: e.description,
-				children: n.description
-			})]
-		}), /* @__PURE__ */ u("button", {
-			type: "button",
-			className: e.close,
-			"aria-label": c(s.toast.dismiss),
-			onClick: () => m("DISMISS"),
-			children: "✕"
-		})]
-	});
-}
-function x() {
-	return { toast: g };
-}
-function S() {
-	h.value = [];
-}
-//#endregion
-export { v as ToastProvider, S as dismissAllToasts, x as useToast };
+"use client";import e from"./toast.module.js";import{useRef as t}from"react";import{createMachine as n,signal as r,useMachine as i,useSignalEffect as a,useSignals as o}from"@cascivo/core";import{builtin as s,t as c}from"@cascivo/i18n";import{Fragment as l,jsx as u,jsxs as d}from"react/jsx-runtime";var f=5e3,p=160,m=0,h=r([]);function g(e){h.value=[...h.value,{id:m++,...e}]}function _(e){h.value=h.value.filter(t=>t.id!==e)}function v({children:t}){o();let n=h.value.slice(-3);return d(l,{children:[t,u(`div`,{className:e.viewport,role:`region`,"aria-label":c(s.toast.region),children:n.map(e=>u(b,{toast:e,onDismiss:()=>_(e.id)},e.id))})]})}var y=n({initial:`visible`,states:{visible:{on:{DISMISS:`dismissing`}},dismissing:{on:{END:`gone`}}}});function b({toast:n,onDismiss:r}){o();let[l,m]=i(y),h=t(r);h.current=r;let g=n.duration??f,_=n.variant===`destructive`;return a(()=>{let e=l.value;if(e===`visible`){let e=setTimeout(()=>m(`DISMISS`),g);return()=>clearTimeout(e)}if(e===`dismissing`){let e=setTimeout(()=>h.current(),p);return()=>clearTimeout(e)}}),d(`div`,{role:_?`alert`:`status`,"aria-live":_?`assertive`:`polite`,"data-variant":n.variant??`default`,"data-state":l.value,className:e.toast,children:[d(`div`,{className:e.body,children:[u(`div`,{className:e.title,children:n.title}),n.description&&u(`div`,{className:e.description,children:n.description})]}),u(`button`,{type:`button`,className:e.close,"aria-label":c(s.toast.dismiss),onClick:()=>m(`DISMISS`),children:`✕`})]})}function x(){return{toast:g}}function S(){h.value=[]}export{v as ToastProvider,S as dismissAllToasts,x as useToast};

package/dist/node/toast/toast.module.js

@@ -1,11 +1 @@
-var e = {
-	viewport: "_viewport_cshyp_2",
-	toast: "_toast_cshyp_23",
-	icon: "_icon_cshyp_62",
-	title: "_title_cshyp_63",
-	body: "_body_cshyp_92",
-	description: "_description_cshyp_108",
-	close: "_close_cshyp_115"
-};
-//#endregion
-export { e as default };
+var e={viewport:`_viewport_1gnpp_2`,toast:`_toast_1gnpp_24`,icon:`_icon_1gnpp_63`,title:`_title_1gnpp_64`,body:`_body_1gnpp_93`,description:`_description_1gnpp_109`,close:`_close_1gnpp_116`};export{e as default};

package/dist/node/toc/toc.js

@@ -1,43 +1 @@
-"use client";
-
-import e from "./toc.module.js";
-import { useRef as t } from "react";
-import { cn as n, useControllableSignal as r, useSignalEffect as i, useSignals as a } from "@cascivo/core";
-import { builtin as o, t as s } from "@cascivo/i18n";
-import { jsx as c } from "react/jsx-runtime";
-//#region ../components/src/toc/toc.tsx
-function l({ items: l, activeId: u, onActiveChange: d, labels: f, className: p }) {
-	a();
-	let m = u !== void 0, [h] = r({
-		value: u,
-		defaultValue: l[0]?.id ?? ""
-	}), g = t(d);
-	return g.current = d, i(() => {
-		if (m || typeof document > "u" || typeof IntersectionObserver > "u") return;
-		let e = l.map((e) => document.getElementById(e.id)).filter((e) => e !== null);
-		if (e.length === 0) return;
-		let t = /* @__PURE__ */ new Set(), n = new IntersectionObserver((e) => {
-			for (let n of e) n.isIntersecting ? t.add(n.target.id) : t.delete(n.target.id);
-			let n = l.find((e) => t.has(e.id));
-			n && n.id !== h.value && (h.value = n.id, g.current?.(n.id));
-		}, {
-			rootMargin: "0px 0px -70% 0px",
-			threshold: 0
-		});
-		for (let t of e) n.observe(t);
-		return () => n.disconnect();
-	}), /* @__PURE__ */ c("nav", {
-		"aria-label": f?.nav ?? s(o.toc.nav),
-		className: n(e.toc, p),
-		children: /* @__PURE__ */ c("ol", { children: l.map((e) => /* @__PURE__ */ c("li", {
-			style: { "--toc-level": e.level ?? 2 },
-			children: /* @__PURE__ */ c("a", {
-				href: `#${e.id}`,
-				"aria-current": e.id === h.value ? "location" : void 0,
-				children: e.label
-			})
-		}, e.id)) })
-	});
-}
-//#endregion
-export { l as Toc };
+"use client";import e from"./toc.module.js";import{useRef as t}from"react";import{cn as n,useControllableSignal as r,useSignalEffect as i,useSignals as a}from"@cascivo/core";import{builtin as o,t as s}from"@cascivo/i18n";import{jsx as c}from"react/jsx-runtime";function l({items:l,activeId:u,onActiveChange:d,labels:f,className:p}){a();let m=u!==void 0,[h]=r({value:u,defaultValue:l[0]?.id??``}),g=t(d);return g.current=d,i(()=>{if(m||typeof document>`u`||typeof IntersectionObserver>`u`)return;let e=l.map(e=>document.getElementById(e.id)).filter(e=>e!==null);if(e.length===0)return;let t=new Set,n=new IntersectionObserver(e=>{for(let n of e)n.isIntersecting?t.add(n.target.id):t.delete(n.target.id);let n=l.find(e=>t.has(e.id));n&&n.id!==h.value&&(h.value=n.id,g.current?.(n.id))},{rootMargin:`0px 0px -70% 0px`,threshold:0});for(let t of e)n.observe(t);return()=>n.disconnect()}),c(`nav`,{"aria-label":f?.nav??s(o.toc.nav),className:n(e.toc,p),children:c(`ol`,{children:l.map(e=>c(`li`,{style:{"--toc-level":e.level??2},children:c(`a`,{href:`#${e.id}`,"aria-current":e.id===h.value?`location`:void 0,children:e.label})},e.id))})})}export{l as Toc};

package/dist/node/toc/toc.module.js

@@ -1,3 +1 @@
-var e = { toc: "_toc_1w9fk_2" };
-//#endregion
-export { e as default };
+var e={toc:`_toc_1jgqp_2`};export{e as default};

package/dist/node/toc/use-toc-from-region.js

@@ -1,18 +1 @@
-"use client";
-
-import { useSignal as e, useSignalEffect as t, useSignals as n } from "@cascivo/core";
-//#region ../components/src/toc/use-toc-from-region.ts
-function r(r, i = {}) {
-	n();
-	let a = i.selector ?? "h2, h3, h4", o = e([]);
-	return t(() => {
-		let e = r.current;
-		e && (o.value = Array.from(e.querySelectorAll(a)).filter((e) => e.id !== "").map((e) => ({
-			id: e.id,
-			label: e.textContent?.trim() ?? "",
-			level: Number(e.tagName.slice(1)) || 2
-		})));
-	}), o;
-}
-//#endregion
-export { r as useTocFromRegion };
+"use client";import{useSignal as e,useSignalEffect as t,useSignals as n}from"@cascivo/core";function r(r,i={}){n();let a=i.selector??`h2, h3, h4`,o=e([]);return t(()=>{let e=r.current;e&&(o.value=Array.from(e.querySelectorAll(a)).filter(e=>e.id!==``).map(e=>({id:e.id,label:e.textContent?.trim()??``,level:Number(e.tagName.slice(1))||2})))}),o}export{r as useTocFromRegion};

package/dist/node/toggle/toggle.js

@@ -1,41 +1 @@
-"use client";
-
-import e from "./toggle.module.js";
-import { forwardRef as t } from "react";
-import { cn as n, createMachine as r, useMachine as i, useSignals as a } from "@cascivo/core";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-//#region ../components/src/toggle/toggle.tsx
-var c = t(function({ checked: t, defaultChecked: c = !1, onValueChange: l, onChange: u, label: d, size: f = "md", className: p, disabled: m, ...h }, g) {
-	a();
-	let [_, v] = i(r({
-		initial: c ? "on" : "off",
-		states: {
-			off: { on: { TOGGLE: "on" } },
-			on: { on: { TOGGLE: "off" } }
-		}
-	})), y = t !== void 0, b = y ? t : _.value === "on";
-	return /* @__PURE__ */ s("button", {
-		type: "button",
-		role: "switch",
-		"aria-checked": b,
-		"data-state": b ? "on" : "off",
-		"data-size": f,
-		disabled: m,
-		className: n(e.toggle, p),
-		onClick: () => {
-			y || v("TOGGLE"), (l ?? u)?.(!b);
-		},
-		ref: g,
-		...h,
-		children: [/* @__PURE__ */ o("span", {
-			className: e.track,
-			"aria-hidden": "true",
-			children: /* @__PURE__ */ o("span", { className: e.thumb })
-		}), d && /* @__PURE__ */ o("span", {
-			className: e.label,
-			children: d
-		})]
-	});
-});
-//#endregion
-export { c as Toggle };
+"use client";import e from"./toggle.module.js";import{forwardRef as t}from"react";import{cn as n,createMachine as r,useMachine as i,useSignals as a}from"@cascivo/core";import{jsx as o,jsxs as s}from"react/jsx-runtime";var c=t(function({checked:t,defaultChecked:c=!1,onValueChange:l,label:u,size:d=`md`,className:f,disabled:p,ariaLabel:m,...h},g){a();let[_,v]=i(r({initial:c?`on`:`off`,states:{off:{on:{TOGGLE:`on`}},on:{on:{TOGGLE:`off`}}}})),y=t!==void 0,b=y?t:_.value===`on`;return s(`button`,{type:`button`,role:`switch`,"aria-checked":b,"data-state":b?`on`:`off`,"data-size":d,disabled:p,className:n(e.toggle,f),onClick:()=>{y||v(`TOGGLE`),l?.(!b)},ref:g,...h,"aria-label":h[`aria-label`]??m,children:[o(`span`,{className:e.track,"aria-hidden":`true`,children:o(`span`,{className:e.thumb})}),u&&o(`span`,{className:e.label,children:u})]})});export{c as Toggle};

package/dist/node/toggle/toggle.module.js

@@ -1,8 +1 @@
-var e = {
-	toggle: "_toggle_1vvuo_2",
-	track: "_track_1vvuo_33",
-	thumb: "_thumb_1vvuo_53",
-	label: "_label_1vvuo_66"
-};
-//#endregion
-export { e as default };
+var e={toggle:`_toggle_1vvuo_2`,track:`_track_1vvuo_33`,thumb:`_thumb_1vvuo_53`,label:`_label_1vvuo_66`};export{e as default};

package/dist/node/toggle-group/toggle-group.js

@@ -1,55 +1 @@
-"use client";
-
-import e from "./toggle-group.module.js";
-import { forwardRef 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/toggle-group/toggle-group.tsx
-function c(e, t) {
-	return Array.isArray(e) ? e.includes(t) : e === t;
-}
-var l = t(function({ type: t, value: l, defaultValue: u, onValueChange: d, items: f, orientation: p = "horizontal", size: m = "md", disabled: h = !1, className: g, ..._ }, v) {
-	a();
-	let [y, b] = r({
-		value: l,
-		defaultValue: u ?? (t === "multiple" ? [] : ""),
-		onChange: d
-	}), x = i({
-		orientation: p,
-		loop: !0
-	}), S = (e) => {
-		let n = y.value;
-		if (t === "multiple") {
-			let t = Array.isArray(n) ? n : [];
-			b(t.includes(e) ? t.filter((t) => t !== e) : [...t, e]);
-		} else b(n === e ? "" : e);
-	};
-	return /* @__PURE__ */ o("div", {
-		role: t === "single" ? "radiogroup" : "group",
-		"data-orientation": p,
-		"data-size": m,
-		className: n(e.toggleGroup, g),
-		ref: v,
-		..._,
-		children: f.map((n, r) => {
-			let i = c(y.value, n.value), a = h || n.disabled, { ref: l, ...u } = x.getItemProps(r);
-			return /* @__PURE__ */ s("button", {
-				type: "button",
-				...t === "single" ? {
-					role: "radio",
-					"aria-checked": i
-				} : { "aria-pressed": i },
-				...u,
-				ref: l,
-				"data-state": i ? "on" : "off",
-				disabled: a,
-				"aria-label": n.icon && !n.label ? n.value : void 0,
-				className: e.item,
-				onClick: () => S(n.value),
-				children: [n.icon, n.label && /* @__PURE__ */ o("span", { children: n.label })]
-			}, n.value);
-		})
-	});
-});
-//#endregion
-export { l as ToggleGroup };
+"use client";import e from"./toggle-group.module.js";import{forwardRef 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(e,t){return Array.isArray(e)?e.includes(t):e===t}var l=t(function({type:t,value:l,defaultValue:u,onValueChange:d,items:f,orientation:p=`horizontal`,size:m=`md`,disabled:h=!1,className:g,..._},v){a();let[y,b]=r({value:l,defaultValue:u??(t===`multiple`?[]:``),onChange:d}),x=i({orientation:p,loop:!0}),S=e=>{let n=y.value;if(t===`multiple`){let t=Array.isArray(n)?n:[];b(t.includes(e)?t.filter(t=>t!==e):[...t,e])}else b(n===e?``:e)};return o(`div`,{role:t===`single`?`radiogroup`:`group`,"data-orientation":p,"data-size":m,className:n(e.toggleGroup,g),ref:v,..._,children:f.map((n,r)=>{let i=c(y.value,n.value),a=h||n.disabled,{ref:l,...u}=x.getItemProps(r);return s(`button`,{type:`button`,...t===`single`?{role:`radio`,"aria-checked":i}:{"aria-pressed":i},...u,ref:l,"data-state":i?`on`:`off`,disabled:a,"aria-label":n.icon&&!n.label?n.value:void 0,className:e.item,onClick:()=>S(n.value),children:[n.icon,n.label&&o(`span`,{children:n.label})]},n.value)})})});export{l as ToggleGroup};

package/dist/node/toggle-group/toggle-group.module.js

@@ -1,6 +1 @@
-var e = {
-	toggleGroup: "_toggleGroup_s4o5x_2",
-	item: "_item_s4o5x_33"
-};
-//#endregion
-export { e as default };
+var e={toggleGroup:`_toggleGroup_s4o5x_2`,item:`_item_s4o5x_33`};export{e as default};

package/dist/node/toggletip/toggletip.js

@@ -1,49 +1 @@
-"use client";
-
-import e from "./toggletip.module.js";
-import { useId as t, useRef as n } from "react";
-import { DismissableLayer as r, cn as i, useAnchorPosition as a, useControllableSignal as o, useSignals as s } from "@cascivo/core";
-import { builtin as c, t as l } from "@cascivo/i18n";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
-//#region ../components/src/toggletip/toggletip.tsx
-function f({ trigger: f, children: p, placement: m = "top", defaultOpen: h = !1, open: g, onOpenChange: _, labels: v, className: y }) {
-	s();
-	let [b, x] = o({
-		...g !== void 0 && { value: g },
-		defaultValue: h,
-		..._ && { onChange: _ }
-	}), S = n(null), C = n(null), w = t(), { anchorStyle: T, floatingStyle: E } = a({
-		anchorRef: S,
-		floatingRef: C,
-		placement: m,
-		enabled: b
-	});
-	return /* @__PURE__ */ d("span", {
-		className: i(e.root, y),
-		children: [/* @__PURE__ */ u("button", {
-			ref: S,
-			type: "button",
-			className: e.trigger,
-			"aria-expanded": b.value,
-			"aria-controls": w,
-			"aria-label": v?.label ?? l(c.toggletip.label),
-			style: T,
-			onClick: () => x(!b.value),
-			children: f
-		}), b.value ? /* @__PURE__ */ u(r, {
-			onDismiss: () => x(!1),
-			children: /* @__PURE__ */ u("div", {
-				ref: C,
-				id: w,
-				role: "status",
-				"data-state": "open",
-				"data-placement": m,
-				className: e.bubble,
-				style: E,
-				children: p
-			})
-		}) : null]
-	});
-}
-//#endregion
-export { f as Toggletip };
+"use client";import e from"./toggletip.module.js";import{useId as t,useRef as n}from"react";import{DismissableLayer as r,cn as i,useAnchorPosition as a,useControllableSignal as o,useSignals as s}from"@cascivo/core";import{builtin as c,t as l}from"@cascivo/i18n";import{jsx as u,jsxs as d}from"react/jsx-runtime";function f({trigger:f,children:p,placement:m=`top`,defaultOpen:h=!1,open:g,onOpenChange:_,labels:v,className:y}){s();let[b,x]=o({...g!==void 0&&{value:g},defaultValue:h,..._&&{onChange:_}}),S=n(null),C=n(null),w=t(),{anchorStyle:T,floatingStyle:E}=a({anchorRef:S,floatingRef:C,placement:m,enabled:b});return d(`span`,{className:i(e.root,y),children:[u(`button`,{ref:S,type:`button`,className:e.trigger,"aria-expanded":b.value,"aria-controls":w,"aria-label":v?.label??l(c.toggletip.label),style:T,onClick:()=>x(!b.value),children:f}),b.value?u(r,{onDismiss:()=>x(!1),children:u(`div`,{ref:C,id:w,role:`status`,"data-state":`open`,"data-placement":m,className:e.bubble,style:E,children:p})}):null]})}export{f as Toggletip};

package/dist/node/toggletip/toggletip.module.js

@@ -1,7 +1 @@
-var e = {
-	root: "_root_1t09l_2",
-	trigger: "_trigger_1t09l_7",
-	bubble: "_bubble_1t09l_28"
-};
-//#endregion
-export { e as default };
+var e={root:`_root_1t09l_2`,trigger:`_trigger_1t09l_7`,bubble:`_bubble_1t09l_28`};export{e as default};