@cascivo/react 1.0.0 → 1.1.0

package/dist/node/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/node/otp-input/otp-input.module.js

@@ -1,6 +1 @@
-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/node/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 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/node/overflow-menu/overflow-menu.module.js

@@ -1,7 +1 @@
-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/node/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/node/pagination/pagination.module.js

@@ -1,11 +1 @@
-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/node/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/node/password-input/password-input.module.js

@@ -1,11 +1 @@
-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/node/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/node/popover/popover.module.js

@@ -1,6 +1 @@
-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};

package/dist/node/popover/use-popover.js

@@ -1,55 +1 @@
-import { useRef as e } from "react";
-import { useId as t, useSignal as n, useSignalEffect as r } from "@cascivo/core";
-//#region ../components/src/popover/use-popover.ts
-var i = typeof CSS < "u" && typeof CSS.supports == "function" && CSS.supports("anchor-name: --cascivo-a");
-function a(a = {}) {
-	let o = `--${t("cascivo-popover")}`, s = e(null), c = e(null), l = n(a.open ?? !1);
-	a.open !== void 0 && (l.value = a.open);
-	let u = e(a.onOpenChange);
-	u.current = a.onOpenChange;
-	let d = e(a.placement);
-	d.current = a.placement;
-	let f = e(a.offset);
-	return f.current = a.offset, r(() => {
-		let e = l.value;
-		u.current?.(e);
-		let t = c.current;
-		if (t) {
-			if (e) try {
-				t.showPopover();
-			} catch {}
-			else try {
-				t.hidePopover();
-			} catch {}
-			if (!i && e) {
-				let e = s.current;
-				if (!e) return;
-				let n = e.getBoundingClientRect(), r = d.current ?? "bottom", i = f.current ?? 4;
-				r === "bottom" ? (t.style.top = `${n.bottom + i + window.scrollY}px`, t.style.left = `${n.left + window.scrollX}px`) : r === "top" ? (t.style.top = `${n.top - i + window.scrollY}px`, t.style.left = `${n.left + window.scrollX}px`, t.style.transform = "translateY(-100%)") : r === "left" ? (t.style.top = `${n.top + window.scrollY}px`, t.style.left = `${n.left - i + window.scrollX}px`, t.style.transform = "translateX(-100%)") : r === "right" && (t.style.top = `${n.top + window.scrollY}px`, t.style.left = `${n.right + i + window.scrollX}px`);
-			}
-		}
-	}), r(() => {
-		let e = c.current;
-		if (!e) return;
-		let t = (e) => {
-			e.newState === "closed" && (l.value = !1);
-		};
-		return e.addEventListener("toggle", t), () => e.removeEventListener("toggle", t);
-	}), {
-		triggerRef: s,
-		popoverRef: c,
-		isOpen: l,
-		anchorName: o,
-		open: () => {
-			l.value = !0;
-		},
-		close: () => {
-			l.value = !1;
-		},
-		toggle: () => {
-			l.value = !l.value;
-		}
-	};
-}
-//#endregion
-export { a as usePopover };
+import{useRef as e}from"react";import{useId as t,useSignal as n,useSignalEffect as r}from"@cascivo/core";var i=typeof CSS<`u`&&typeof CSS.supports==`function`&&CSS.supports(`anchor-name: --cascivo-a`);function a(a={}){let o=`--${t(`cascivo-popover`)}`,s=e(null),c=e(null),l=n(a.open??!1);a.open!==void 0&&(l.value=a.open);let u=e(a.onOpenChange);u.current=a.onOpenChange;let d=e(a.placement);d.current=a.placement;let f=e(a.offset);return f.current=a.offset,r(()=>{let e=l.value;u.current?.(e);let t=c.current;if(t){if(e)try{t.showPopover()}catch{}else try{t.hidePopover()}catch{}if(!i&&e){let e=s.current;if(!e)return;let n=e.getBoundingClientRect(),r=d.current??`bottom`,i=f.current??4;r===`bottom`?(t.style.top=`${n.bottom+i+window.scrollY}px`,t.style.left=`${n.left+window.scrollX}px`):r===`top`?(t.style.top=`${n.top-i+window.scrollY}px`,t.style.left=`${n.left+window.scrollX}px`,t.style.transform=`translateY(-100%)`):r===`left`?(t.style.top=`${n.top+window.scrollY}px`,t.style.left=`${n.left-i+window.scrollX}px`,t.style.transform=`translateX(-100%)`):r===`right`&&(t.style.top=`${n.top+window.scrollY}px`,t.style.left=`${n.right+i+window.scrollX}px`)}}}),r(()=>{let e=c.current;if(!e)return;let t=e=>{e.newState===`closed`&&(l.value=!1)};return e.addEventListener(`toggle`,t),()=>e.removeEventListener(`toggle`,t)}),{triggerRef:s,popoverRef:c,isOpen:l,anchorName:o,open:()=>{l.value=!0},close:()=>{l.value=!1},toggle:()=>{l.value=!l.value}}}export{a as usePopover};

package/dist/node/progress/progress.js

@@ -1,16 +1 @@
-import e from "./progress.module.js";
-import { jsx as t } from "react/jsx-runtime";
-//#region ../components/src/progress/progress.tsx
-function n({ value: n, variant: r = "primary", size: i = "md", className: a, ariaLabel: o, label: s, ...c }) {
-	return /* @__PURE__ */ t("progress", {
-		"aria-label": c["aria-label"] ?? o ?? s,
-		className: [e.progress, a].filter(Boolean).join(" "),
-		"data-variant": r,
-		"data-size": i,
-		value: n,
-		max: n === void 0 ? void 0 : 100,
-		...c
-	});
-}
-//#endregion
-export { n as Progress };
+import e from"./progress.module.js";import{jsx as t}from"react/jsx-runtime";function n({value:n,variant:r=`primary`,size:i=`md`,className:a,ariaLabel:o,label:s,...c}){return t(`progress`,{"aria-label":c[`aria-label`]??o??s,className:[e.progress,a].filter(Boolean).join(` `),"data-variant":r,"data-size":i,value:n,max:n===void 0?void 0:100,...c})}export{n as Progress};

package/dist/node/progress/progress.module.js

@@ -1,6 +1 @@
-var e = {
-	progress: "_progress_1xlox_2",
-	"cascivo-progress-indeterminate": "_cascivo-progress-indeterminate_1xlox_1"
-};
-//#endregion
-export { e as default };
+var e={progress:`_progress_k7xjt_2`,"cascivo-progress-indeterminate":`_cascivo-progress-indeterminate_k7xjt_1`};export{e as default};

package/dist/node/progress-bar/progress-bar.js

@@ -1,42 +1 @@
-import e from "./progress-bar.module.js";
-import { cn as t } from "@cascivo/core/pure";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-//#region ../components/src/progress-bar/progress-bar.tsx
-function i({ value: i, max: a = 100, label: o, helperText: s, size: c = "md", status: l = "active", className: u }) {
-	let d = i === void 0, f = d ? 0 : Math.min(Math.max(i, 0), a), p = a > 0 ? f / a * 100 : 0, m = o ? `cascade-progress-${o.toLowerCase().replace(/\s+/g, "-")}` : void 0, h = l === "success" ? "✓" : l === "error" ? "✕" : null;
-	return /* @__PURE__ */ r("div", {
-		"data-status": l,
-		"data-size": c,
-		"data-state": d ? "indeterminate" : void 0,
-		className: t(e.progress, u),
-		children: [
-			o && /* @__PURE__ */ r("span", {
-				id: m,
-				className: e.label,
-				children: [o, h && /* @__PURE__ */ n("span", {
-					className: e.glyph,
-					"aria-hidden": "true",
-					children: h
-				})]
-			}),
-			/* @__PURE__ */ n("div", {
-				role: "progressbar",
-				"aria-valuemin": 0,
-				"aria-valuemax": a,
-				"aria-valuenow": d ? void 0 : f,
-				"aria-labelledby": m,
-				className: e.track,
-				children: /* @__PURE__ */ n("div", {
-					className: e.fill,
-					style: d ? void 0 : { "--cascivo-progress-value": `${p}%` }
-				})
-			}),
-			s && /* @__PURE__ */ n("span", {
-				className: e.helper,
-				children: s
-			})
-		]
-	});
-}
-//#endregion
-export { i as ProgressBar };
+import e from"./progress-bar.module.js";import{cn as t}from"@cascivo/core/pure";import{jsx as n,jsxs as r}from"react/jsx-runtime";function i({value:i,max:a=100,label:o,helperText:s,size:c=`md`,status:l=`active`,className:u}){let d=i===void 0,f=d?0:Math.min(Math.max(i,0),a),p=a>0?f/a*100:0,m=o?`cascade-progress-${o.toLowerCase().replace(/\s+/g,`-`)}`:void 0,h=l===`success`?`✓`:l===`error`?`✕`:null;return r(`div`,{"data-status":l,"data-size":c,"data-state":d?`indeterminate`:void 0,className:t(e.progress,u),children:[o&&r(`span`,{id:m,className:e.label,children:[o,h&&n(`span`,{className:e.glyph,"aria-hidden":`true`,children:h})]}),n(`div`,{role:`progressbar`,"aria-valuemin":0,"aria-valuemax":a,"aria-valuenow":d?void 0:f,"aria-labelledby":m,className:e.track,children:n(`div`,{className:e.fill,style:d?void 0:{"--cascivo-progress-value":`${p}%`}})}),s&&n(`span`,{className:e.helper,children:s})]})}export{i as ProgressBar};

package/dist/node/progress-bar/progress-bar.module.js

@@ -1,11 +1 @@
-var e = {
-	progress: "_progress_16ha1_2",
-	"cascade-progress-sweep": "_cascade-progress-sweep_16ha1_1",
-	fill: "_fill_16ha1_9",
-	glyph: "_glyph_16ha1_13",
-	track: "_track_16ha1_28",
-	label: "_label_16ha1_44",
-	helper: "_helper_16ha1_77"
-};
-//#endregion
-export { e as default };
+var e={progress:`_progress_18bzs_2`,fill:`_fill_18bzs_9`,glyph:`_glyph_18bzs_13`,track:`_track_18bzs_28`,label:`_label_18bzs_47`,helper:`_helper_18bzs_80`};export{e as default};

package/dist/node/progress-circle/progress-circle.js

@@ -1,46 +1 @@
-import e from "./progress-circle.module.js";
-import { cn as t } from "@cascivo/core/pure";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-//#region ../components/src/progress-circle/progress-circle.tsx
-var i = 20, a = 2 * Math.PI * i;
-function o({ value: o, max: s = 100, size: c = "md", showValue: l = !1, label: u, ariaLabel: d, className: f, ...p }) {
-	let m = Math.min(Math.max(o, 0), s), h = s > 0 ? m / s * 100 : 0, g = a * (1 - h / 100);
-	return /* @__PURE__ */ r("div", {
-		role: "progressbar",
-		"aria-valuemin": 0,
-		"aria-valuemax": s,
-		"aria-valuenow": m,
-		"aria-label": d ?? u,
-		"data-size": c,
-		className: t(e.progressCircle, f),
-		...p,
-		children: [/* @__PURE__ */ r("svg", {
-			viewBox: "0 0 48 48",
-			"aria-hidden": "true",
-			className: e.svg,
-			children: [/* @__PURE__ */ n("circle", {
-				className: e.track,
-				cx: "24",
-				cy: "24",
-				r: i,
-				fill: "none",
-				strokeWidth: "4"
-			}), /* @__PURE__ */ n("circle", {
-				className: e.fill,
-				cx: "24",
-				cy: "24",
-				r: i,
-				fill: "none",
-				strokeWidth: "4",
-				strokeLinecap: "round",
-				strokeDasharray: a,
-				strokeDashoffset: g
-			})]
-		}), l && /* @__PURE__ */ r("span", {
-			className: e.value,
-			children: [Math.round(h), "%"]
-		})]
-	});
-}
-//#endregion
-export { o as ProgressCircle };
+import e from"./progress-circle.module.js";import{cn as t}from"@cascivo/core/pure";import{jsx as n,jsxs as r}from"react/jsx-runtime";var i=20,a=2*Math.PI*i;function o({value:o,max:s=100,size:c=`md`,showValue:l=!1,label:u,ariaLabel:d,className:f,...p}){let m=Math.min(Math.max(o,0),s),h=s>0?m/s*100:0,g=a*(1-h/100);return r(`div`,{role:`progressbar`,"aria-valuemin":0,"aria-valuemax":s,"aria-valuenow":m,"aria-label":d??u,"data-size":c,className:t(e.progressCircle,f),...p,children:[r(`svg`,{viewBox:`0 0 48 48`,"aria-hidden":`true`,className:e.svg,children:[n(`circle`,{className:e.track,cx:`24`,cy:`24`,r:i,fill:`none`,strokeWidth:`4`}),n(`circle`,{className:e.fill,cx:`24`,cy:`24`,r:i,fill:`none`,strokeWidth:`4`,strokeLinecap:`round`,strokeDasharray:a,strokeDashoffset:g})]}),l&&r(`span`,{className:e.value,children:[Math.round(h),`%`]})]})}export{o as ProgressCircle};

package/dist/node/progress-circle/progress-circle.module.js

@@ -1,9 +1 @@
-var e = {
-	progressCircle: "_progressCircle_1eok5_2",
-	value: "_value_1eok5_22",
-	svg: "_svg_1eok5_27",
-	track: "_track_1eok5_33",
-	fill: "_fill_1eok5_37"
-};
-//#endregion
-export { e as default };
+var e={progressCircle:`_progressCircle_1eok5_2`,value:`_value_1eok5_22`,svg:`_svg_1eok5_27`,track:`_track_1eok5_33`,fill:`_fill_1eok5_37`};export{e as default};