@cascivo/react 1.0.0 → 1.2.0

package/dist/notification/notification.js

@@ -1,140 +1 @@
-"use client";
-
-import e from "./notification.module.js";
-import { useRef as t } from "react";
-import { Presence as n, cn as r, normalizeTone as i, useSignal 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/notification/notification.tsx
-var d = {
-	neutral: "neutral",
-	info: "info",
-	success: "success",
-	warning: "warning",
-	danger: "error"
-}, f = new Set(["warning", "error"]), p = 160;
-function m({ variant: e }) {
-	return e === "success" ? /* @__PURE__ */ u("svg", {
-		viewBox: "0 0 20 20",
-		width: "20",
-		height: "20",
-		fill: "none",
-		"aria-hidden": "true",
-		children: [/* @__PURE__ */ l("circle", {
-			cx: "10",
-			cy: "10",
-			r: "8",
-			stroke: "currentColor",
-			strokeWidth: "1.5"
-		}), /* @__PURE__ */ l("path", {
-			d: "M6.5 10.5l2.5 2.5 4.5-5",
-			stroke: "currentColor",
-			strokeWidth: "1.5",
-			strokeLinecap: "round",
-			strokeLinejoin: "round"
-		})]
-	}) : e === "warning" ? /* @__PURE__ */ u("svg", {
-		viewBox: "0 0 20 20",
-		width: "20",
-		height: "20",
-		fill: "none",
-		"aria-hidden": "true",
-		children: [/* @__PURE__ */ l("path", {
-			d: "M10 2.5L18.5 17H1.5L10 2.5z",
-			stroke: "currentColor",
-			strokeWidth: "1.5",
-			strokeLinejoin: "round"
-		}), /* @__PURE__ */ l("path", {
-			d: "M10 8v3.5M10 14h.01",
-			stroke: "currentColor",
-			strokeWidth: "1.5",
-			strokeLinecap: "round"
-		})]
-	}) : e === "error" ? /* @__PURE__ */ u("svg", {
-		viewBox: "0 0 20 20",
-		width: "20",
-		height: "20",
-		fill: "none",
-		"aria-hidden": "true",
-		children: [/* @__PURE__ */ l("circle", {
-			cx: "10",
-			cy: "10",
-			r: "8",
-			stroke: "currentColor",
-			strokeWidth: "1.5"
-		}), /* @__PURE__ */ l("path", {
-			d: "M10 6v4.5M10 13.5h.01",
-			stroke: "currentColor",
-			strokeWidth: "1.5",
-			strokeLinecap: "round"
-		})]
-	}) : /* @__PURE__ */ u("svg", {
-		viewBox: "0 0 20 20",
-		width: "20",
-		height: "20",
-		fill: "none",
-		"aria-hidden": "true",
-		children: [/* @__PURE__ */ l("circle", {
-			cx: "10",
-			cy: "10",
-			r: "8",
-			stroke: "currentColor",
-			strokeWidth: "1.5"
-		}), /* @__PURE__ */ l("path", {
-			d: "M10 9v5M10 6.5h.01",
-			stroke: "currentColor",
-			strokeWidth: "1.5",
-			strokeLinecap: "round"
-		})]
-	});
-}
-function h({ title: h, description: g, variant: _ = "info", dismissible: v = !1, onDismiss: y, actions: b, icon: x, labels: S, className: C, ...w }) {
-	o();
-	let T = d[i(_)] ?? _, E = a(!0), D = t(y);
-	D.current = y;
-	let O = v || y !== void 0, k = () => {
-		E.value = !1, setTimeout(() => D.current?.(), p);
-	};
-	return /* @__PURE__ */ l(n, {
-		present: E,
-		children: /* @__PURE__ */ u("div", {
-			role: f.has(T) ? "alert" : "status",
-			"data-variant": T,
-			className: r(e.notification, C),
-			...w,
-			children: [
-				/* @__PURE__ */ l("span", {
-					className: e.icon,
-					"aria-hidden": "true",
-					children: x ?? /* @__PURE__ */ l(m, { variant: T })
-				}),
-				/* @__PURE__ */ u("div", {
-					className: e.body,
-					children: [
-						/* @__PURE__ */ l("div", {
-							className: e.title,
-							children: h
-						}),
-						g && /* @__PURE__ */ l("div", {
-							className: e.description,
-							children: g
-						}),
-						b && /* @__PURE__ */ l("div", {
-							className: e.actions,
-							children: b
-						})
-					]
-				}),
-				O && /* @__PURE__ */ l("button", {
-					type: "button",
-					className: e.dismiss,
-					"aria-label": S?.dismiss ?? c(s.notification.dismiss),
-					onClick: k,
-					children: "✕"
-				})
-			]
-		})
-	});
-}
-//#endregion
-export { h as Notification };
+"use client";import e from"./notification.module.js";import{useRef as t}from"react";import{Presence as n,cn as r,normalizeTone as i,useSignal 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";var d={neutral:`neutral`,info:`info`,success:`success`,warning:`warning`,danger:`error`},f=new Set([`warning`,`error`]),p=160;function VariantIcon({variant:e}){return e===`success`?u(`svg`,{viewBox:`0 0 20 20`,width:`20`,height:`20`,fill:`none`,"aria-hidden":`true`,children:[l(`circle`,{cx:`10`,cy:`10`,r:`8`,stroke:`currentColor`,strokeWidth:`1.5`}),l(`path`,{d:`M6.5 10.5l2.5 2.5 4.5-5`,stroke:`currentColor`,strokeWidth:`1.5`,strokeLinecap:`round`,strokeLinejoin:`round`})]}):e===`warning`?u(`svg`,{viewBox:`0 0 20 20`,width:`20`,height:`20`,fill:`none`,"aria-hidden":`true`,children:[l(`path`,{d:`M10 2.5L18.5 17H1.5L10 2.5z`,stroke:`currentColor`,strokeWidth:`1.5`,strokeLinejoin:`round`}),l(`path`,{d:`M10 8v3.5M10 14h.01`,stroke:`currentColor`,strokeWidth:`1.5`,strokeLinecap:`round`})]}):e===`error`?u(`svg`,{viewBox:`0 0 20 20`,width:`20`,height:`20`,fill:`none`,"aria-hidden":`true`,children:[l(`circle`,{cx:`10`,cy:`10`,r:`8`,stroke:`currentColor`,strokeWidth:`1.5`}),l(`path`,{d:`M10 6v4.5M10 13.5h.01`,stroke:`currentColor`,strokeWidth:`1.5`,strokeLinecap:`round`})]}):u(`svg`,{viewBox:`0 0 20 20`,width:`20`,height:`20`,fill:`none`,"aria-hidden":`true`,children:[l(`circle`,{cx:`10`,cy:`10`,r:`8`,stroke:`currentColor`,strokeWidth:`1.5`}),l(`path`,{d:`M10 9v5M10 6.5h.01`,stroke:`currentColor`,strokeWidth:`1.5`,strokeLinecap:`round`})]})}function Notification({title:m,description:h,variant:g=`info`,dismissible:_=!1,onDismiss:v,actions:y,icon:b,labels:x,className:S,...C}){o();let w=d[i(g)]??g,T=a(!0),E=t(v);E.current=v;let D=_||v!==void 0,dismiss=()=>{T.value=!1,setTimeout(()=>E.current?.(),p)};return l(n,{present:T,children:u(`div`,{role:f.has(w)?`alert`:`status`,"data-variant":w,className:r(e.notification,S),...C,children:[l(`span`,{className:e.icon,"aria-hidden":`true`,children:b??l(VariantIcon,{variant:w})}),u(`div`,{className:e.body,children:[l(`div`,{className:e.title,children:m}),h&&l(`div`,{className:e.description,children:h}),y&&l(`div`,{className:e.actions,children:y})]}),D&&l(`button`,{type:`button`,className:e.dismiss,"aria-label":x?.dismiss??c(s.notification.dismiss),onClick:dismiss,children:`✕`})]})})}export{Notification};

package/dist/notification/notification.module.js

@@ -1,12 +1,2 @@
 import './notification.css';
-var e = {
-	notification: "_notification_imxvx_2",
-	icon: "_icon_imxvx_65",
-	body: "_body_imxvx_86",
-	title: "_title_imxvx_94",
-	description: "_description_imxvx_100",
-	actions: "_actions_imxvx_106",
-	dismiss: "_dismiss_imxvx_113"
-};
-//#endregion
-export { e as default };
+var e={notification:`_notification_imxvx_2`,icon:`_icon_imxvx_65`,body:`_body_imxvx_86`,title:`_title_imxvx_94`,description:`_description_imxvx_100`,actions:`_actions_imxvx_106`,dismiss:`_dismiss_imxvx_113`};export{e as default};

package/dist/number-input/number-input.js

@@ -1,148 +1 @@
-"use client";
-
-import e from "./number-input.module.js";
-import { forwardRef as t } from "react";
-import { cn as n, createMachine as r, useMachine as i, useSignal 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/number-input/number-input.tsx
-var d = r({
-	initial: "idle",
-	states: {
-		idle: { on: { FOCUS: "focused" } },
-		focused: { on: { BLUR: "idle" } }
-	}
-});
-function f(e, t, n) {
-	let r = e;
-	return t !== void 0 && (r = Math.max(r, t)), n !== void 0 && (r = Math.min(r, n)), r;
-}
-function p(e) {
-	let t = String(e), n = t.indexOf(".");
-	return n === -1 ? 0 : t.length - n - 1;
-}
-function m(e, t) {
-	let n = 10 ** t;
-	return Math.round(e * n) / n;
-}
-function h(e) {
-	let t = e.trim();
-	if (t === "") return null;
-	let n = Number(t);
-	return Number.isFinite(n) ? n : null;
-}
-var g = t(function({ value: t, defaultValue: r, onValueChange: g, min: _, max: v, step: y = 1, precision: b, formatOptions: x, label: S, hint: C, error: w, size: T = "md", disabled: E, incrementLabel: D, decrementLabel: O, className: k, id: A, onFocus: j, onBlur: M, onKeyDown: N, ariaLabel: P, ...F }, I) {
-	o();
-	let L = D ?? c(s.numberInput.increment), R = O ?? c(s.numberInput.decrement), [z, B] = i(d), V = t !== void 0, H = a(r ?? null), U = a(""), W = V ? t : H.value, G = A ?? (S ? `cascade-number-input-${S.toLowerCase().replace(/\s+/g, "-")}` : void 0), K = (e) => {
-		V || (H.value = e), U.value = e == null ? "" : String(e), e !== W && g?.(e);
-	}, q = () => {
-		let e = h(U.value);
-		e != null && (e = f(e, _, v), b !== void 0 && (e = m(e, b))), K(e);
-	}, J = (e) => {
-		let t = (z.value === "focused" ? h(U.value) : W) ?? 0, n = b ?? Math.max(p(y), p(t));
-		K(f(m(t + e * y, n), _, v));
-	}, Y = z.value === "focused" ? U.value : ((e) => e == null ? "" : x ? new Intl.NumberFormat(void 0, x).format(e) : String(e))(W), X = W != null && v !== void 0 && W >= v, Z = W != null && _ !== void 0 && W <= _;
-	return /* @__PURE__ */ u("div", {
-		className: n(e.wrapper, k),
-		"data-state": w ? "error" : z.value,
-		"data-size": T,
-		children: [
-			S && /* @__PURE__ */ l("label", {
-				className: e.label,
-				htmlFor: G,
-				children: S
-			}),
-			/* @__PURE__ */ u("div", {
-				className: e.field,
-				children: [/* @__PURE__ */ l("input", {
-					id: G,
-					type: "text",
-					inputMode: "decimal",
-					autoComplete: "off",
-					role: "spinbutton",
-					className: e.input,
-					value: Y,
-					disabled: E,
-					"aria-valuenow": W ?? void 0,
-					"aria-valuemin": _,
-					"aria-valuemax": v,
-					"aria-invalid": w ? !0 : void 0,
-					"aria-describedby": w ? `${G}-error` : C ? `${G}-hint` : void 0,
-					onChange: (e) => {
-						U.value = e.target.value;
-					},
-					onFocus: (e) => {
-						U.value = W == null ? "" : String(W), B("FOCUS"), j?.(e);
-					},
-					onBlur: (e) => {
-						q(), B("BLUR"), M?.(e);
-					},
-					onKeyDown: (e) => {
-						e.key === "ArrowUp" ? (e.preventDefault(), J(1)) : e.key === "ArrowDown" ? (e.preventDefault(), J(-1)) : e.key === "Enter" && q(), N?.(e);
-					},
-					ref: I,
-					...F,
-					"aria-label": F["aria-label"] ?? P
-				}), /* @__PURE__ */ u("div", {
-					className: e.steppers,
-					children: [/* @__PURE__ */ l("button", {
-						type: "button",
-						className: e.stepper,
-						"aria-label": L,
-						tabIndex: -1,
-						disabled: E || X,
-						onMouseDown: (e) => e.preventDefault(),
-						onClick: () => J(1),
-						children: /* @__PURE__ */ l("svg", {
-							viewBox: "0 0 10 10",
-							"aria-hidden": "true",
-							focusable: "false",
-							children: /* @__PURE__ */ l("path", {
-								d: "M2 6.5 5 3.5 8 6.5",
-								fill: "none",
-								stroke: "currentColor",
-								strokeWidth: "1.5",
-								strokeLinecap: "round",
-								strokeLinejoin: "round"
-							})
-						})
-					}), /* @__PURE__ */ l("button", {
-						type: "button",
-						className: e.stepper,
-						"aria-label": R,
-						tabIndex: -1,
-						disabled: E || Z,
-						onMouseDown: (e) => e.preventDefault(),
-						onClick: () => J(-1),
-						children: /* @__PURE__ */ l("svg", {
-							viewBox: "0 0 10 10",
-							"aria-hidden": "true",
-							focusable: "false",
-							children: /* @__PURE__ */ l("path", {
-								d: "M2 3.5 5 6.5 8 3.5",
-								fill: "none",
-								stroke: "currentColor",
-								strokeWidth: "1.5",
-								strokeLinecap: "round",
-								strokeLinejoin: "round"
-							})
-						})
-					})]
-				})]
-			}),
-			w && /* @__PURE__ */ l("span", {
-				id: `${G}-error`,
-				className: e.error,
-				role: "alert",
-				children: w
-			}),
-			!w && C && /* @__PURE__ */ l("span", {
-				id: `${G}-hint`,
-				className: e.hint,
-				children: C
-			})
-		]
-	});
-});
-//#endregion
-export { g as NumberInput };
+"use client";import e from"./number-input.module.js";import{forwardRef as t}from"react";import{cn as n,createMachine as r,useMachine as i,useSignal 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";var d=r({initial:`idle`,states:{idle:{on:{FOCUS:`focused`}},focused:{on:{BLUR:`idle`}}}});function clamp(e,t,n){let r=e;return t!==void 0&&(r=Math.max(r,t)),n!==void 0&&(r=Math.min(r,n)),r}function decimalsOf(e){let t=String(e),n=t.indexOf(`.`);return n===-1?0:t.length-n-1}function roundTo(e,t){let n=10**t;return Math.round(e*n)/n}function parseText(e){let t=e.trim();if(t===``)return null;let n=Number(t);return Number.isFinite(n)?n:null}var f=t(function({value:t,defaultValue:r,onValueChange:f,min:p,max:m,step:h=1,precision:g,formatOptions:_,label:v,hint:y,error:b,size:x=`md`,disabled:S,incrementLabel:C,decrementLabel:w,className:T,id:E,onFocus:D,onBlur:O,onKeyDown:k,ariaLabel:A,...j},M){o();let N=C??c(s.numberInput.increment),P=w??c(s.numberInput.decrement),[F,I]=i(d),L=t!==void 0,R=a(r??null),z=a(``),B=L?t:R.value,V=E??(v?`cascade-number-input-${v.toLowerCase().replace(/\s+/g,`-`)}`:void 0),setValue=e=>{L||(R.value=e),z.value=e==null?``:String(e),e!==B&&f?.(e)},commitText=()=>{let e=parseText(z.value);e!=null&&(e=clamp(e,p,m),g!==void 0&&(e=roundTo(e,g))),setValue(e)},stepBy=e=>{let t=(F.value===`focused`?parseText(z.value):B)??0,n=g??Math.max(decimalsOf(h),decimalsOf(t));setValue(clamp(roundTo(t+e*h,n),p,m))},H=F.value===`focused`?z.value:(e=>e==null?``:_?new Intl.NumberFormat(void 0,_).format(e):String(e))(B),U=B!=null&&m!==void 0&&B>=m,W=B!=null&&p!==void 0&&B<=p;return u(`div`,{className:n(e.wrapper,T),"data-state":b?`error`:F.value,"data-size":x,children:[v&&l(`label`,{className:e.label,htmlFor:V,children:v}),u(`div`,{className:e.field,children:[l(`input`,{id:V,type:`text`,inputMode:`decimal`,autoComplete:`off`,role:`spinbutton`,className:e.input,value:H,disabled:S,"aria-valuenow":B??void 0,"aria-valuemin":p,"aria-valuemax":m,"aria-invalid":b?!0:void 0,"aria-describedby":b?`${V}-error`:y?`${V}-hint`:void 0,onChange:e=>{z.value=e.target.value},onFocus:e=>{z.value=B==null?``:String(B),I(`FOCUS`),D?.(e)},onBlur:e=>{commitText(),I(`BLUR`),O?.(e)},onKeyDown:e=>{e.key===`ArrowUp`?(e.preventDefault(),stepBy(1)):e.key===`ArrowDown`?(e.preventDefault(),stepBy(-1)):e.key===`Enter`&&commitText(),k?.(e)},ref:M,...j,"aria-label":j[`aria-label`]??A}),u(`div`,{className:e.steppers,children:[l(`button`,{type:`button`,className:e.stepper,"aria-label":N,tabIndex:-1,disabled:S||U,onMouseDown:e=>e.preventDefault(),onClick:()=>stepBy(1),children:l(`svg`,{viewBox:`0 0 10 10`,"aria-hidden":`true`,focusable:`false`,children:l(`path`,{d:`M2 6.5 5 3.5 8 6.5`,fill:`none`,stroke:`currentColor`,strokeWidth:`1.5`,strokeLinecap:`round`,strokeLinejoin:`round`})})}),l(`button`,{type:`button`,className:e.stepper,"aria-label":P,tabIndex:-1,disabled:S||W,onMouseDown:e=>e.preventDefault(),onClick:()=>stepBy(-1),children:l(`svg`,{viewBox:`0 0 10 10`,"aria-hidden":`true`,focusable:`false`,children:l(`path`,{d:`M2 3.5 5 6.5 8 3.5`,fill:`none`,stroke:`currentColor`,strokeWidth:`1.5`,strokeLinecap:`round`,strokeLinejoin:`round`})})})]})]}),b&&l(`span`,{id:`${V}-error`,className:e.error,role:`alert`,children:b}),!b&&y&&l(`span`,{id:`${V}-hint`,className:e.hint,children:y})]})});export{f as NumberInput};

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

@@ -1,13 +1,2 @@
 import './number-input.css';
-var e = {
-	wrapper: "_wrapper_aavdw_2",
-	label: "_label_aavdw_31",
-	field: "_field_aavdw_39",
-	input: "_input_aavdw_43",
-	steppers: "_steppers_aavdw_88",
-	stepper: "_stepper_aavdw_88",
-	error: "_error_aavdw_135",
-	hint: "_hint_aavdw_142"
-};
-//#endregion
-export { e as default };
+var e={wrapper:`_wrapper_aavdw_2`,label:`_label_aavdw_31`,field:`_field_aavdw_39`,input:`_input_aavdw_43`,steppers:`_steppers_aavdw_88`,stepper:`_stepper_aavdw_88`,error:`_error_aavdw_135`,hint:`_hint_aavdw_142`};export{e as default};

package/dist/otp-input/otp-input.js

@@ -1,70 +1 @@
-"use client";
-
-import e from "./otp-input.module.js";
-import { useRef as t } from "react";
-import { cn as n, useSignal as r, useSignals as i } from "@cascivo/core";
-import { builtin as a, t as o } from "@cascivo/i18n";
-import { jsx as s } from "react/jsx-runtime";
-//#region ../components/src/otp-input/otp-input.tsx
-function c({ length: c = 6, value: l, onValueChange: u, disabled: d = !1, type: f = "numeric", className: p, ...m }) {
-	i();
-	let h = r(Array.from({ length: c }, (e, t) => l[t] ?? "")), g = t([]), _ = Array.from({ length: c }, (e, t) => l[t] ?? "");
-	JSON.stringify(h.value) !== JSON.stringify(_) && (h.value = _);
-	function v(e) {
-		u(e.join("")), h.value = e;
-	}
-	function y(e) {
-		let t = Math.max(0, Math.min(c - 1, e));
-		g.current[t]?.focus();
-	}
-	function b(e, t) {
-		if (!(f === "numeric" ? /^\d$/ : /^[a-zA-Z0-9]$/).test(t)) return;
-		let n = [...h.value];
-		n[e] = t, v(n), e < c - 1 && y(e + 1);
-	}
-	function x(e, t) {
-		if (t.key === "Backspace") {
-			t.preventDefault();
-			let n = [...h.value];
-			n[e] ? (n[e] = "", v(n)) : e > 0 && (n[e - 1] = "", v(n), y(e - 1));
-		} else t.key === "ArrowLeft" ? (t.preventDefault(), y(e - 1)) : t.key === "ArrowRight" && (t.preventDefault(), y(e + 1));
-	}
-	function S(e, t) {
-		let n = t.clipboardData.getData("text").replace(/\s/g, "").slice(0, c - e);
-		if (!(f === "numeric" ? /^\d+$/ : /^[a-zA-Z0-9]+$/).test(n)) return;
-		t.preventDefault();
-		let r = [...h.value];
-		for (let t = 0; t < n.length; t++) e + t < c && (r[e + t] = n[t] ?? "");
-		v(r), y(Math.min(e + n.length, c - 1));
-	}
-	let C = o(a.otpInput.label);
-	return /* @__PURE__ */ s("div", {
-		className: n(e.wrapper, p),
-		role: "group",
-		"aria-label": C,
-		...m,
-		children: h.value.map((t, n) => /* @__PURE__ */ s("input", {
-			ref: (e) => {
-				g.current[n] = e;
-			},
-			type: f === "numeric" ? "tel" : "text",
-			inputMode: f === "numeric" ? "numeric" : "text",
-			className: e.slot,
-			value: t,
-			maxLength: 1,
-			"aria-label": o(a.otpInput.digit, { n: String(n + 1) }),
-			autoComplete: n === 0 ? "one-time-code" : "off",
-			disabled: d,
-			"data-filled": t ? "" : void 0,
-			onChange: (e) => {
-				let t = e.currentTarget.value.slice(-1);
-				t && b(n, t);
-			},
-			onKeyDown: (e) => x(n, e),
-			onPaste: (e) => S(n, e),
-			onFocus: (e) => e.currentTarget.select()
-		}, n))
-	});
-}
-//#endregion
-export { c as OtpInput };
+"use client";import e from"./otp-input.module.js";import{useRef as t}from"react";import{cn as n,useSignal as r,useSignals as i}from"@cascivo/core";import{builtin as a,t as o}from"@cascivo/i18n";import{jsx as s}from"react/jsx-runtime";function OtpInput({length:c=6,value:l,onValueChange:u,disabled:d=!1,type:f=`numeric`,className:p,...m}){i();let h=r(Array.from({length:c},(e,t)=>l[t]??``)),g=t([]),_=Array.from({length:c},(e,t)=>l[t]??``);JSON.stringify(h.value)!==JSON.stringify(_)&&(h.value=_);function notifyChange(e){u(e.join(``)),h.value=e}function focusSlot(e){let t=Math.max(0,Math.min(c-1,e));g.current[t]?.focus()}function handleInput(e,t){if(!(f===`numeric`?/^\d$/:/^[a-zA-Z0-9]$/).test(t))return;let n=[...h.value];n[e]=t,notifyChange(n),e<c-1&&focusSlot(e+1)}function handleKeyDown(e,t){if(t.key===`Backspace`){t.preventDefault();let n=[...h.value];n[e]?(n[e]=``,notifyChange(n)):e>0&&(n[e-1]=``,notifyChange(n),focusSlot(e-1))}else t.key===`ArrowLeft`?(t.preventDefault(),focusSlot(e-1)):t.key===`ArrowRight`&&(t.preventDefault(),focusSlot(e+1))}function handlePaste(e,t){let n=t.clipboardData.getData(`text`).replace(/\s/g,``).slice(0,c-e);if(!(f===`numeric`?/^\d+$/:/^[a-zA-Z0-9]+$/).test(n))return;t.preventDefault();let r=[...h.value];for(let t=0;t<n.length;t++)e+t<c&&(r[e+t]=n[t]??``);notifyChange(r),focusSlot(Math.min(e+n.length,c-1))}let v=o(a.otpInput.label);return s(`div`,{className:n(e.wrapper,p),role:`group`,"aria-label":v,...m,children:h.value.map((t,n)=>s(`input`,{ref:e=>{g.current[n]=e},type:f===`numeric`?`tel`:`text`,inputMode:f===`numeric`?`numeric`:`text`,className:e.slot,value:t,maxLength:1,"aria-label":o(a.otpInput.digit,{n:String(n+1)}),autoComplete:n===0?`one-time-code`:`off`,disabled:d,"data-filled":t?``:void 0,onChange:e=>{let t=e.currentTarget.value.slice(-1);t&&handleInput(n,t)},onKeyDown:e=>handleKeyDown(n,e),onPaste:e=>handlePaste(n,e),onFocus:e=>e.currentTarget.select()},n))})}export{OtpInput};

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

@@ -1,7 +1,2 @@
 import './otp-input.css';
-var e = {
-	wrapper: "_wrapper_k67bx_2",
-	slot: "_slot_k67bx_12"
-};
-//#endregion
-export { e as default };
+var e={wrapper:`_wrapper_k67bx_2`,slot:`_slot_k67bx_12`};export{e as default};

package/dist/overflow-menu/overflow-menu.js

@@ -1,70 +1 @@
-"use client";
-
-import { Dropdown as e } from "../dropdown/dropdown.js";
-import t from "./overflow-menu.module.js";
-import { cn as n, useSignals as r } from "@cascivo/core";
-import { builtin as i, t as a } from "@cascivo/i18n";
-import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
-//#region ../components/src/overflow-menu/overflow-menu.tsx
-function l(e) {
-	let t = e.value ?? e.id;
-	if (t === void 0) throw Error(`OverflowMenu: item "${e.label}" has neither \`value\` nor \`id\`. One of them is required — it is what \`onSelect\` receives.`);
-	return t;
-}
-function u() {
-	return /* @__PURE__ */ c("svg", {
-		viewBox: "0 0 16 16",
-		width: "16",
-		height: "16",
-		fill: "currentColor",
-		"aria-hidden": "true",
-		children: [
-			/* @__PURE__ */ s("circle", {
-				cx: "8",
-				cy: "3",
-				r: "1.5"
-			}),
-			/* @__PURE__ */ s("circle", {
-				cx: "8",
-				cy: "8",
-				r: "1.5"
-			}),
-			/* @__PURE__ */ s("circle", {
-				cx: "8",
-				cy: "13",
-				r: "1.5"
-			})
-		]
-	});
-}
-function d({ items: d, onSelect: f, placement: p = "bottom-end", ariaLabel: m, label: h, size: g = "md", disabled: _ = !1, className: v }) {
-	r();
-	let y = m ?? h ?? a(i.overflowMenu.trigger), b = d.map((e) => {
-		let n = {
-			label: e.label,
-			value: l(e)
-		};
-		return e.disabled !== void 0 && (n.disabled = e.disabled), e.destructive ? n.icon = /* @__PURE__ */ c(o, { children: [e.icon, /* @__PURE__ */ s("span", {
-			className: t["destructive-flag"],
-			"aria-hidden": "true"
-		})] }) : e.icon !== void 0 && (n.icon = e.icon), n;
-	});
-	return /* @__PURE__ */ s("div", {
-		className: n(t.root, v),
-		children: /* @__PURE__ */ s(e, {
-			items: b,
-			onSelect: (e) => f?.(e),
-			placement: p,
-			trigger: /* @__PURE__ */ s("button", {
-				type: "button",
-				className: t.trigger,
-				"data-size": g,
-				disabled: _,
-				"aria-label": y,
-				children: /* @__PURE__ */ s(u, {})
-			})
-		})
-	});
-}
-//#endregion
-export { d as OverflowMenu };
+"use client";import{Dropdown as e}from"../dropdown/dropdown.js";import t from"./overflow-menu.module.js";import{cn as n,useSignals as r}from"@cascivo/core";import{builtin as i,t as a}from"@cascivo/i18n";import{Fragment as o,jsx as s,jsxs as c}from"react/jsx-runtime";function identityOf(e){let t=e.value??e.id;if(t===void 0)throw Error(`OverflowMenu: item "${e.label}" has neither \`value\` nor \`id\`. One of them is required — it is what \`onSelect\` receives.`);return t}function KebabIcon(){return c(`svg`,{viewBox:`0 0 16 16`,width:`16`,height:`16`,fill:`currentColor`,"aria-hidden":`true`,children:[s(`circle`,{cx:`8`,cy:`3`,r:`1.5`}),s(`circle`,{cx:`8`,cy:`8`,r:`1.5`}),s(`circle`,{cx:`8`,cy:`13`,r:`1.5`})]})}function OverflowMenu({items:l,onSelect:u,placement:d=`bottom-end`,ariaLabel:f,label:p,size:m=`md`,disabled:h=!1,tabIndex:g,className:_}){r();let v=f??p??a(i.overflowMenu.trigger),y=l.map(e=>{let n={label:e.label,value:identityOf(e)};return e.disabled!==void 0&&(n.disabled=e.disabled),e.destructive?n.icon=c(o,{children:[e.icon,s(`span`,{className:t[`destructive-flag`],"aria-hidden":`true`})]}):e.icon!==void 0&&(n.icon=e.icon),n});return s(`div`,{className:n(t.root,_),children:s(e,{items:y,onSelect:e=>u?.(e),placement:d,trigger:s(`button`,{type:`button`,className:t.trigger,"data-size":m,disabled:h,tabIndex:g,"aria-label":v,children:s(KebabIcon,{})})})})}export{OverflowMenu};

package/dist/overflow-menu/overflow-menu.module.js

@@ -1,8 +1,2 @@
 import './overflow-menu.css';
-var e = {
-	root: "_root_14jtg_2",
-	trigger: "_trigger_14jtg_6",
-	"destructive-flag": "_destructive-flag_14jtg_49"
-};
-//#endregion
-export { e as default };
+var e={root:`_root_14jtg_2`,trigger:`_trigger_14jtg_6`,"destructive-flag":`_destructive-flag_14jtg_49`};export{e as default};

package/dist/pagination/pagination.js

@@ -1,92 +1 @@
-"use client";
-
-import e from "./pagination.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, jsxs as o } from "react/jsx-runtime";
-//#region ../components/src/pagination/pagination.tsx
-var s = [
-	10,
-	25,
-	50,
-	100
-];
-function c({ page: c, pageSize: l, totalItems: u, onPageChange: d, onPageSizeChange: f, pageSizeOptions: p = s, labels: m, className: h }) {
-	n();
-	let g = Math.max(1, Math.ceil(u / l)), _ = Math.min(Math.max(c, 1), g), v = u === 0 ? 0 : (_ - 1) * l + 1, y = Math.min(_ * l, u), b = m?.nav ?? i(r.pagination.nav), x = m?.itemsPerPage ?? i(r.pagination.itemsPerPage), S = m?.pageOf?.(_, g) ?? i(r.pagination.pageOf, {
-		page: _,
-		total: g
-	}), C = m?.range?.(v, y, u) ?? i(r.pagination.range, {
-		start: v,
-		end: y,
-		total: u
-	}), w = m?.previous ?? i(r.pagination.previous), T = m?.next ?? i(r.pagination.next);
-	return /* @__PURE__ */ o("nav", {
-		"aria-label": b,
-		className: t(e.pagination, h),
-		children: [
-			f && /* @__PURE__ */ o("label", {
-				className: e.group,
-				children: [/* @__PURE__ */ a("span", {
-					className: e.label,
-					children: x
-				}), /* @__PURE__ */ a("select", {
-					className: e.select,
-					value: l,
-					onChange: (e) => f(Number(e.target.value)),
-					children: p.map((e) => /* @__PURE__ */ a("option", {
-						value: e,
-						children: e
-					}, e))
-				})]
-			}),
-			/* @__PURE__ */ a("span", {
-				className: e.range,
-				children: C
-			}),
-			/* @__PURE__ */ o("div", {
-				className: e.group,
-				children: [/* @__PURE__ */ a("select", {
-					className: e.select,
-					"aria-label": S,
-					value: _,
-					onChange: (e) => d(Number(e.target.value)),
-					children: Array.from({ length: g }, (e, t) => /* @__PURE__ */ a("option", {
-						value: t + 1,
-						children: t + 1
-					}, t + 1))
-				}), /* @__PURE__ */ a("span", {
-					className: e.label,
-					"aria-hidden": "true",
-					children: S
-				})]
-			}),
-			/* @__PURE__ */ o("div", {
-				className: e.buttons,
-				children: [/* @__PURE__ */ a("button", {
-					type: "button",
-					className: e.button,
-					"aria-label": w,
-					disabled: _ <= 1,
-					onClick: () => d(_ - 1),
-					children: /* @__PURE__ */ a("span", {
-						"aria-hidden": "true",
-						children: "‹"
-					})
-				}), /* @__PURE__ */ a("button", {
-					type: "button",
-					className: e.button,
-					"aria-label": T,
-					disabled: _ >= g,
-					onClick: () => d(_ + 1),
-					children: /* @__PURE__ */ a("span", {
-						"aria-hidden": "true",
-						children: "›"
-					})
-				})]
-			})
-		]
-	});
-}
-//#endregion
-export { c as Pagination };
+"use client";import e from"./pagination.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,jsxs as o}from"react/jsx-runtime";var s=[10,25,50,100];function Pagination({page:c,pageSize:l,totalItems:u,onPageChange:d,onPageSizeChange:f,pageSizeOptions:p=s,labels:m,className:h}){n();let g=Math.max(1,Math.ceil(u/l)),_=Math.min(Math.max(c,1),g),v=u===0?0:(_-1)*l+1,y=Math.min(_*l,u),b=m?.nav??i(r.pagination.nav),x=m?.itemsPerPage??i(r.pagination.itemsPerPage),S=m?.pageOf?.(_,g)??i(r.pagination.pageOf,{page:_,total:g}),C=m?.range?.(v,y,u)??i(r.pagination.range,{start:v,end:y,total:u}),w=m?.previous??i(r.pagination.previous),T=m?.next??i(r.pagination.next);return o(`nav`,{"aria-label":b,className:t(e.pagination,h),children:[f&&o(`label`,{className:e.group,children:[a(`span`,{className:e.label,children:x}),a(`select`,{className:e.select,value:l,onChange:e=>f(Number(e.target.value)),children:p.map(e=>a(`option`,{value:e,children:e},e))})]}),a(`span`,{className:e.range,children:C}),o(`div`,{className:e.group,children:[a(`select`,{className:e.select,"aria-label":S,value:_,onChange:e=>d(Number(e.target.value)),children:Array.from({length:g},(e,t)=>a(`option`,{value:t+1,children:t+1},t+1))}),a(`span`,{className:e.label,"aria-hidden":`true`,children:S})]}),o(`div`,{className:e.buttons,children:[a(`button`,{type:`button`,className:e.button,"aria-label":w,disabled:_<=1,onClick:()=>d(_-1),children:a(`span`,{"aria-hidden":`true`,children:`‹`})}),a(`button`,{type:`button`,className:e.button,"aria-label":T,disabled:_>=g,onClick:()=>d(_+1),children:a(`span`,{"aria-hidden":`true`,children:`›`})})]})]})}export{Pagination};

package/dist/pagination/pagination.module.js

@@ -1,12 +1,2 @@
 import './pagination.css';
-var e = {
-	pagination: "_pagination_1rt7c_2",
-	group: "_group_1rt7c_13",
-	label: "_label_1rt7c_19",
-	range: "_range_1rt7c_25",
-	select: "_select_1rt7c_35",
-	buttons: "_buttons_1rt7c_70",
-	button: "_button_1rt7c_70"
-};
-//#endregion
-export { e as default };
+var e={pagination:`_pagination_1rt7c_2`,group:`_group_1rt7c_13`,label:`_label_1rt7c_19`,range:`_range_1rt7c_25`,select:`_select_1rt7c_35`,buttons:`_buttons_1rt7c_70`,button:`_button_1rt7c_70`};export{e as default};