@cascivo/react 0.18.0 → 1.1.0

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

@@ -1,147 +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, onChange: _, min: v, max: y, step: b = 1, precision: x, formatOptions: S, label: C, hint: w, error: T, size: E = "md", disabled: D, incrementLabel: O, decrementLabel: k, className: A, id: j, onFocus: M, onBlur: N, onKeyDown: P, ...F }, I) {
-	o();
-	let L = O ?? c(s.numberInput.increment), R = k ?? c(s.numberInput.decrement), [z, B] = i(d), V = t !== void 0, H = a(r ?? null), U = a(""), W = V ? t : H.value, G = j ?? (C ? `cascade-number-input-${C.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, y), x !== void 0 && (e = m(e, x))), K(e);
-	}, J = (e) => {
-		let t = (z.value === "focused" ? h(U.value) : W) ?? 0, n = x ?? Math.max(p(b), p(t));
-		K(f(m(t + e * b, n), v, y));
-	}, Y = z.value === "focused" ? U.value : ((e) => e == null ? "" : S ? new Intl.NumberFormat(void 0, S).format(e) : String(e))(W), X = W != null && y !== void 0 && W >= y, Z = W != null && v !== void 0 && W <= v;
-	return /* @__PURE__ */ u("div", {
-		className: n(e.wrapper, A),
-		"data-state": T ? "error" : z.value,
-		"data-size": E,
-		children: [
-			C && /* @__PURE__ */ l("label", {
-				className: e.label,
-				htmlFor: G,
-				children: C
-			}),
-			/* @__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: D,
-					"aria-valuenow": W ?? void 0,
-					"aria-valuemin": v,
-					"aria-valuemax": y,
-					"aria-invalid": T ? !0 : void 0,
-					"aria-describedby": T ? `${G}-error` : w ? `${G}-hint` : void 0,
-					onChange: (e) => {
-						U.value = e.target.value;
-					},
-					onFocus: (e) => {
-						U.value = W == null ? "" : String(W), B("FOCUS"), M?.(e);
-					},
-					onBlur: (e) => {
-						q(), B("BLUR"), N?.(e);
-					},
-					onKeyDown: (e) => {
-						e.key === "ArrowUp" ? (e.preventDefault(), J(1)) : e.key === "ArrowDown" ? (e.preventDefault(), J(-1)) : e.key === "Enter" && q(), P?.(e);
-					},
-					ref: I,
-					...F
-				}), /* @__PURE__ */ u("div", {
-					className: e.steppers,
-					children: [/* @__PURE__ */ l("button", {
-						type: "button",
-						className: e.stepper,
-						"aria-label": L,
-						tabIndex: -1,
-						disabled: D || 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: D || 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"
-							})
-						})
-					})]
-				})]
-			}),
-			T && /* @__PURE__ */ l("span", {
-				id: `${G}-error`,
-				className: e.error,
-				role: "alert",
-				children: T
-			}),
-			!T && w && /* @__PURE__ */ l("span", {
-				id: `${G}-hint`,
-				className: e.hint,
-				children: w
-			})
-		]
-	});
-});
-//#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 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 u(`div`,{className:n(e.wrapper,k),"data-state":w?`error`:z.value,"data-size":T,children:[S&&l(`label`,{className:e.label,htmlFor:G,children:S}),u(`div`,{className:e.field,children:[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}),u(`div`,{className:e.steppers,children:[l(`button`,{type:`button`,className:e.stepper,"aria-label":L,tabIndex:-1,disabled:E||X,onMouseDown:e=>e.preventDefault(),onClick:()=>J(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":R,tabIndex:-1,disabled:E||Z,onMouseDown:e=>e.preventDefault(),onClick:()=>J(-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`})})})]})]}),w&&l(`span`,{id:`${G}-error`,className:e.error,role:`alert`,children:w}),!w&&C&&l(`span`,{id:`${G}-hint`,className:e.hint,children:C})]})});export{g 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 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 s(`div`,{className:n(e.wrapper,p),role:`group`,"aria-label":C,...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&&b(n,t)},onKeyDown:e=>x(n,e),onPaste:e=>S(n,e),onFocus:e=>e.currentTarget.select()},n))})}export{c as 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, size: h = "md", disabled: g = !1, className: _ }) {
-	r();
-	let v = m ?? a(i.overflowMenu.trigger), y = 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, _),
-		children: /* @__PURE__ */ s(e, {
-			items: y,
-			onSelect: (e) => f?.(e),
-			placement: p,
-			trigger: /* @__PURE__ */ s("button", {
-				type: "button",
-				className: t.trigger,
-				"data-size": h,
-				disabled: g,
-				"aria-label": v,
-				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 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 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 d({items:d,onSelect:f,placement:p=`bottom-end`,ariaLabel:m,label:h,size:g=`md`,disabled:_=!1,tabIndex:v,className:y}){r();let b=m??h??a(i.overflowMenu.trigger),x=d.map(e=>{let n={label:e.label,value:l(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,y),children:s(e,{items:x,onSelect:e=>f?.(e),placement:p,trigger:s(`button`,{type:`button`,className:t.trigger,"data-size":g,disabled:_,tabIndex:v,"aria-label":b,children:s(u,{})})})})}export{d as 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 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 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{c as 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};

package/dist/password-input/password-input.js

@@ -1,81 +1 @@
-"use client";
-
-import e from "./password-input.module.js";
-import { forwardRef as t, useId as n } from "react";
-import { cn as r, useSignal as i, useSignals as a } from "@cascivo/core";
-import { builtin as o, t as s } from "@cascivo/i18n";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
-//#region ../components/src/password-input/password-input.tsx
-function u(e) {
-	if (!e) return {
-		score: 0,
-		label: "weak"
-	};
-	let t = 0;
-	return /[a-z]/.test(e) && t++, /[A-Z]/.test(e) && t++, /[0-9]/.test(e) && t++, /[^a-zA-Z0-9]/.test(e) && t++, e.length >= 12 && (t = Math.min(4, t + 1)), t = Math.min(4, t), {
-		score: t,
-		label: [
-			"weak",
-			"weak",
-			"fair",
-			"good",
-			"strong"
-		][t]
-	};
-}
-var d = t(function({ showStrengthMeter: t = !1, size: d = "md", labels: f, className: p, id: m, value: h, defaultValue: g, onChange: _, ...v }, y) {
-	a();
-	let b = i(!1), x = i(typeof h == "string" ? h : typeof g == "string" ? g : "");
-	typeof h == "string" && (x.value = h);
-	let S = n(), C = m ?? `cascade-password-${S}`, w = t ? u(x.value) : null, T = b.value ? f?.hide ?? s(o.passwordInput.hide) : f?.reveal ?? s(o.passwordInput.reveal), E = w ? f?.strengthLabel ? f.strengthLabel(w.label) : s(o.passwordInput.strengthLabel, { level: w.label }) : void 0;
-	return /* @__PURE__ */ l("div", {
-		className: r(e.wrapper, p),
-		"data-size": d,
-		"data-revealed": b.value ? "" : void 0,
-		children: [/* @__PURE__ */ l("div", {
-			className: e["input-row"],
-			children: [/* @__PURE__ */ c("input", {
-				ref: y,
-				...v,
-				id: C,
-				type: b.value ? "text" : "password",
-				className: e.input,
-				value: h,
-				defaultValue: g,
-				onChange: (e) => {
-					typeof h != "string" && (x.value = e.currentTarget.value), _?.(e);
-				}
-			}), /* @__PURE__ */ c("button", {
-				type: "button",
-				className: e["reveal-btn"],
-				"aria-label": T,
-				onClick: () => {
-					b.value = !b.value;
-				},
-				children: /* @__PURE__ */ c("span", {
-					className: e["reveal-icon"],
-					"aria-hidden": "true"
-				})
-			})]
-		}), t && w && /* @__PURE__ */ c("div", {
-			className: e["strength-meter"],
-			role: "meter",
-			"aria-label": E,
-			"aria-valuenow": w.score,
-			"aria-valuemin": 0,
-			"aria-valuemax": 4,
-			"data-strength": w.label,
-			children: [
-				0,
-				1,
-				2,
-				3
-			].map((t) => /* @__PURE__ */ c("div", {
-				className: e["strength-segment"],
-				"data-filled": t < w.score ? "" : void 0
-			}, t))
-		})]
-	});
-});
-//#endregion
-export { d as PasswordInput };
+"use client";import e from"./password-input.module.js";import{forwardRef as t,useId as n}from"react";import{cn as r,useSignal as i,useSignals as a}from"@cascivo/core";import{builtin as o,t as s}from"@cascivo/i18n";import{jsx as c,jsxs as l}from"react/jsx-runtime";function u(e){if(!e)return{score:0,label:`weak`};let t=0;return/[a-z]/.test(e)&&t++,/[A-Z]/.test(e)&&t++,/[0-9]/.test(e)&&t++,/[^a-zA-Z0-9]/.test(e)&&t++,e.length>=12&&(t=Math.min(4,t+1)),t=Math.min(4,t),{score:t,label:[`weak`,`weak`,`fair`,`good`,`strong`][t]}}var d=t(function({showStrengthMeter:t=!1,size:d=`md`,labels:f,className:p,id:m,value:h,defaultValue:g,onChange:_,...v},y){a();let b=i(!1),x=i(typeof h==`string`?h:typeof g==`string`?g:``);typeof h==`string`&&(x.value=h);let S=n(),C=m??`cascade-password-${S}`,w=t?u(x.value):null,T=b.value?f?.hide??s(o.passwordInput.hide):f?.reveal??s(o.passwordInput.reveal),E=w?f?.strengthLabel?f.strengthLabel(w.label):s(o.passwordInput.strengthLabel,{level:w.label}):void 0;return l(`div`,{className:r(e.wrapper,p),"data-size":d,"data-revealed":b.value?``:void 0,children:[l(`div`,{className:e[`input-row`],children:[c(`input`,{ref:y,...v,id:C,type:b.value?`text`:`password`,className:e.input,value:h,defaultValue:g,onChange:e=>{typeof h!=`string`&&(x.value=e.currentTarget.value),_?.(e)}}),c(`button`,{type:`button`,className:e[`reveal-btn`],"aria-label":T,onClick:()=>{b.value=!b.value},children:c(`span`,{className:e[`reveal-icon`],"aria-hidden":`true`})})]}),t&&w&&c(`div`,{className:e[`strength-meter`],role:`meter`,"aria-label":E,"aria-valuenow":w.score,"aria-valuemin":0,"aria-valuemax":4,"data-strength":w.label,children:[0,1,2,3].map(t=>c(`div`,{className:e[`strength-segment`],"data-filled":t<w.score?``:void 0},t))})]})});export{d as PasswordInput};

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

@@ -1,12 +1,2 @@
 import './password-input.css';
-var e = {
-	wrapper: "_wrapper_19052_2",
-	"input-row": "_input-row_19052_30",
-	input: "_input_19052_30",
-	"reveal-btn": "_reveal-btn_19052_72",
-	"reveal-icon": "_reveal-icon_19052_98",
-	"strength-meter": "_strength-meter_19052_118",
-	"strength-segment": "_strength-segment_19052_139"
-};
-//#endregion
-export { e as default };
+var e={wrapper:`_wrapper_19052_2`,"input-row":`_input-row_19052_30`,input:`_input_19052_30`,"reveal-btn":`_reveal-btn_19052_72`,"reveal-icon":`_reveal-icon_19052_98`,"strength-meter":`_strength-meter_19052_118`,"strength-segment":`_strength-segment_19052_139`};export{e as default};

package/dist/popover/popover.js

@@ -1,51 +1 @@
-"use client";
-
-import { usePopover as e } from "./use-popover.js";
-import t from "./popover.module.js";
-import { createContext as n } from "react";
-import { Slot as r, useSignals as i } from "@cascivo/core";
-import { jsx as a } from "react/jsx-runtime";
-//#region ../components/src/popover/popover.tsx
-var o = n(null);
-function s({ children: t, ...n }) {
-	let r = e(n);
-	return /* @__PURE__ */ a(o.Provider, {
-		value: r,
-		children: t
-	});
-}
-function c({ children: e, asChild: n = !1 }) {
-	i();
-	let s = n ? r : "button";
-	return /* @__PURE__ */ a(o.Consumer, { children: (r) => {
-		if (!r) throw Error("PopoverTrigger must be used inside <Popover>");
-		let { triggerRef: i, toggle: o, anchorName: c, isOpen: l } = r;
-		return /* @__PURE__ */ a(s, {
-			ref: i,
-			type: n ? void 0 : "button",
-			"aria-expanded": l.value,
-			"aria-haspopup": "dialog",
-			style: { anchorName: c },
-			onClick: o,
-			className: t.trigger,
-			children: e
-		});
-	} });
-}
-function l({ children: e, className: n }) {
-	return i(), /* @__PURE__ */ a(o.Consumer, { children: (r) => {
-		if (!r) throw Error("PopoverContent must be used inside <Popover>");
-		let { popoverRef: i, anchorName: o, isOpen: s } = r;
-		return /* @__PURE__ */ a("div", {
-			ref: i,
-			popover: "auto",
-			role: "dialog",
-			"data-state": s.value ? "open" : "closed",
-			style: { positionAnchor: o },
-			className: [t.content, n].filter(Boolean).join(" "),
-			children: e
-		});
-	} });
-}
-//#endregion
-export { s as Popover, l as PopoverContent, c as PopoverTrigger };
+"use client";import{usePopover as e}from"./use-popover.js";import t from"./popover.module.js";import{createContext as n}from"react";import{Slot as r,useSignals as i}from"@cascivo/core";import{jsx as a}from"react/jsx-runtime";var o=n(null);function s({children:t,...n}){let r=e(n);return a(o.Provider,{value:r,children:t})}function c({children:e,asChild:n=!1}){i();let s=n?r:`button`;return a(o.Consumer,{children:r=>{if(!r)throw Error(`PopoverTrigger must be used inside <Popover>`);let{triggerRef:i,toggle:o,anchorName:c,isOpen:l}=r;return a(s,{ref:i,type:n?void 0:`button`,"aria-expanded":l.value,"aria-haspopup":`dialog`,style:{anchorName:c},onClick:o,className:t.trigger,children:e})}})}function l({children:e,className:n}){return i(),a(o.Consumer,{children:r=>{if(!r)throw Error(`PopoverContent must be used inside <Popover>`);let{popoverRef:i,anchorName:o,isOpen:s}=r;return a(`div`,{ref:i,popover:`auto`,role:`dialog`,"data-state":s.value?`open`:`closed`,style:{positionAnchor:o},className:[t.content,n].filter(Boolean).join(` `),children:e})}})}export{s as Popover,l as PopoverContent,c as PopoverTrigger};

package/dist/popover/popover.module.js

@@ -1,7 +1,2 @@
 import './popover.css';
-var e = {
-	trigger: "_trigger_13tp0_2",
-	content: "_content_13tp0_11"
-};
-//#endregion
-export { e as default };
+var e={trigger:`_trigger_13tp0_2`,content:`_content_13tp0_11`};export{e as default};