@cascivo/react 1.0.0 → 1.1.0

package/dist/node/collapsible/collapsible.js

@@ -1,47 +1 @@
-"use client";
-
-import e from "./collapsible.module.js";
-import { useId as t, useRef as n } from "react";
-import { cn as r, useControllableSignal as i, useSignalEffect as a, useSignals as o } from "@cascivo/core";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
-//#region ../components/src/collapsible/collapsible.tsx
-function l({ open: l, defaultOpen: u = !1, onOpenChange: d, trigger: f, disabled: p = !1, className: m, children: h }) {
-	o();
-	let [g, _] = i({
-		...l === void 0 ? {} : { value: l },
-		defaultValue: u,
-		...d ? { onChange: d } : {}
-	}), v = t(), y = `${v}-content`, b = `${v}-trigger`, x = n(null), S = g.value;
-	return a(() => {
-		let e = x.current;
-		e && e.open !== g.value && (e.open = g.value);
-	}), /* @__PURE__ */ c("details", {
-		ref: x,
-		open: S,
-		"data-state": S ? "open" : "closed",
-		className: r(e.root, m),
-		onToggle: (e) => {
-			let t = e.currentTarget;
-			t.open !== g.value && _(t.open), t.open !== g.value && (t.open = g.value);
-		},
-		children: [/* @__PURE__ */ s("summary", {
-			id: b,
-			"aria-controls": y,
-			...p ? { "aria-disabled": !0 } : {},
-			"data-state": S ? "open" : "closed",
-			className: e.trigger,
-			onClick: (e) => {
-				p && e.preventDefault();
-			},
-			children: f
-		}), /* @__PURE__ */ s("div", {
-			id: y,
-			role: "region",
-			"aria-labelledby": b,
-			className: e.content,
-			children: h
-		})]
-	});
-}
-//#endregion
-export { l as Collapsible };
+"use client";import e from"./collapsible.module.js";import{useId as t,useRef as n}from"react";import{cn as r,useControllableSignal as i,useSignalEffect as a,useSignals as o}from"@cascivo/core";import{jsx as s,jsxs as c}from"react/jsx-runtime";function l({open:l,defaultOpen:u=!1,onOpenChange:d,trigger:f,disabled:p=!1,className:m,children:h}){o();let[g,_]=i({...l===void 0?{}:{value:l},defaultValue:u,...d?{onChange:d}:{}}),v=t(),y=`${v}-content`,b=`${v}-trigger`,x=n(null),S=g.value;return a(()=>{let e=x.current;e&&e.open!==g.value&&(e.open=g.value)}),c(`details`,{ref:x,open:S,"data-state":S?`open`:`closed`,className:r(e.root,m),onToggle:e=>{let t=e.currentTarget;t.open!==g.value&&_(t.open),t.open!==g.value&&(t.open=g.value)},children:[s(`summary`,{id:b,"aria-controls":y,...p?{"aria-disabled":!0}:{},"data-state":S?`open`:`closed`,className:e.trigger,onClick:e=>{p&&e.preventDefault()},children:f}),s(`div`,{id:y,role:`region`,"aria-labelledby":b,className:e.content,children:h})]})}export{l as Collapsible};

package/dist/node/collapsible/collapsible.module.js

@@ -1,7 +1 @@
-var e = {
-	root: "_root_13r7c_2",
-	trigger: "_trigger_13r7c_6",
-	content: "_content_13r7c_69"
-};
-//#endregion
-export { e as default };
+var e={root:`_root_13r7c_2`,trigger:`_trigger_13r7c_6`,content:`_content_13r7c_69`};export{e as default};

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

@@ -1,272 +1 @@
-"use client";
-
-import e from "./color-picker.module.js";
-import { useId as t, useRef as n } from "react";
-import { cn as r, useControllableSignal as i, useSignal as a, useSignalEffect as o, useSignals as s } from "@cascivo/core";
-import { builtin as c, t as l } from "@cascivo/i18n";
-import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
-//#region ../components/src/color-picker/color-picker.tsx
-function p(e, t, n) {
-	return Math.min(n, Math.max(t, e));
-}
-function m(e) {
-	let t = e.trim().replace(/^#/, "");
-	t.length === 3 && (t = t[0] + t[0] + t[1] + t[1] + t[2] + t[2]), t.length === 4 && (t = t[0] + t[0] + t[1] + t[1] + t[2] + t[2] + t[3] + t[3]);
-	let n = parseInt(t.slice(0, 2), 16), r = parseInt(t.slice(2, 4), 16), i = parseInt(t.slice(4, 6), 16), a = t.length >= 8 ? parseInt(t.slice(6, 8), 16) / 255 : 1;
-	return Number.isNaN(n) || Number.isNaN(r) || Number.isNaN(i) ? {
-		r: 0,
-		g: 0,
-		b: 0,
-		a: 1
-	} : {
-		r: n,
-		g: r,
-		b: i,
-		a
-	};
-}
-function h({ r: e, g: t, b: n, a: r }, i) {
-	let a = (e) => p(Math.round(e), 0, 255).toString(16).padStart(2, "0"), o = `#${a(e)}${a(t)}${a(n)}`;
-	return !i || r >= 1 ? o : o + a(r * 255);
-}
-function g({ r: e, g: t, b: n, a: r }) {
-	let i = e / 255, a = t / 255, o = n / 255, s = Math.max(i, a, o), c = Math.min(i, a, o), l = s - c, u = 0;
-	l !== 0 && (u = s === i ? (a - o) / l % 6 : s === a ? (o - i) / l + 2 : (i - a) / l + 4, u *= 60, u < 0 && (u += 360));
-	let d = (s + c) / 2, f = l === 0 ? 0 : l / (1 - Math.abs(2 * d - 1));
-	return {
-		h: u,
-		s: f * 100,
-		l: d * 100,
-		a: r
-	};
-}
-function _({ h: e, s: t, l: n, a: r }) {
-	let i = t / 100, a = n / 100, o = (1 - Math.abs(2 * a - 1)) * i, s = o * (1 - Math.abs(e / 60 % 2 - 1)), c = a - o / 2, l = 0, u = 0, d = 0;
-	return e < 60 ? [l, u, d] = [
-		o,
-		s,
-		0
-	] : e < 120 ? [l, u, d] = [
-		s,
-		o,
-		0
-	] : e < 180 ? [l, u, d] = [
-		0,
-		o,
-		s
-	] : e < 240 ? [l, u, d] = [
-		0,
-		s,
-		o
-	] : e < 300 ? [l, u, d] = [
-		s,
-		0,
-		o
-	] : [l, u, d] = [
-		o,
-		0,
-		s
-	], {
-		r: (l + c) * 255,
-		g: (u + c) * 255,
-		b: (d + c) * 255,
-		a: r
-	};
-}
-function v({ value: v, defaultValue: y, onValueChange: b, presets: x, alpha: S = !0, label: C, ariaLabel: w, disabled: T, size: E = "md", className: D, labels: O, id: k, "aria-labelledby": A, "aria-describedby": j, "aria-invalid": M }) {
-	s();
-	let N = t(), [P, F] = i({
-		value: v,
-		defaultValue: y ?? "#3b82f6",
-		onChange: b
-	}), I = n(null), L = a(!1), R = g(m(P.value)), z = (e) => {
-		F(h(_(e), S));
-	}, B = (e, t) => {
-		let n = I.current;
-		if (!n) return;
-		let r = n.getBoundingClientRect(), i = p((e - r.left) / r.width, 0, 1), a = p((t - r.top) / r.height, 0, 1);
-		z({
-			h: R.h,
-			s: i * 100,
-			l: (1 - a) * 100,
-			a: R.a
-		});
-	};
-	o(() => {
-		if (!L.value) return;
-		let e = (e) => B(e.clientX, e.clientY), t = () => {
-			L.value = !1;
-		};
-		return window.addEventListener("pointermove", e), window.addEventListener("pointerup", t), () => {
-			window.removeEventListener("pointermove", e), window.removeEventListener("pointerup", t);
-		};
-	});
-	let V = (e) => {
-		let t = e.shiftKey ? 10 : 2, { s: n, l: r } = R;
-		if (e.key === "ArrowLeft") n -= t;
-		else if (e.key === "ArrowRight") n += t;
-		else if (e.key === "ArrowUp") r += t;
-		else if (e.key === "ArrowDown") r -= t;
-		else return;
-		e.preventDefault(), z({
-			h: R.h,
-			s: p(n, 0, 100),
-			l: p(r, 0, 100),
-			a: R.a
-		});
-	}, H = (e, t) => {
-		!x || x.length === 0 || F(x[(t + e + x.length) % x.length]);
-	}, U = typeof window < "u" ? window.EyeDropper : void 0, W = () => {
-		U && new U().open().then((e) => F(e.sRGBHex));
-	}, G = {
-		hue: O?.hue ?? l(c.colorPicker.hue),
-		alpha: O?.alpha ?? l(c.colorPicker.alpha),
-		colorArea: O?.colorArea ?? l(c.colorPicker.colorArea),
-		eyedropper: O?.eyedropper ?? l(c.colorPicker.eyedropper)
-	}, K = h(m(P.value), !1), q = `hsl(${R.h} 100% 50%)`;
-	return /* @__PURE__ */ f("div", {
-		className: r(e.picker, D),
-		"data-size": E,
-		"data-disabled": T || void 0,
-		children: [
-			C && /* @__PURE__ */ d("span", {
-				className: e.label,
-				id: `${N}-label`,
-				children: C
-			}),
-			/* @__PURE__ */ d("div", {
-				ref: I,
-				className: e.area,
-				role: "slider",
-				"aria-label": G.colorArea,
-				"aria-valuetext": K,
-				"aria-disabled": T || void 0,
-				tabIndex: T ? -1 : 0,
-				style: { background: q },
-				onPointerDown: (e) => {
-					T || (e.preventDefault(), L.value = !0, B(e.clientX, e.clientY));
-				},
-				onKeyDown: V,
-				children: /* @__PURE__ */ d("span", {
-					className: e.thumb,
-					style: {
-						insetInlineStart: `${R.s}%`,
-						insetBlockStart: `${100 - R.l}%`,
-						backgroundColor: K
-					}
-				})
-			}),
-			/* @__PURE__ */ f("div", {
-				className: e.sliders,
-				children: [
-					/* @__PURE__ */ d("label", {
-						className: e.srOnly,
-						htmlFor: `${N}-hue`,
-						children: G.hue
-					}),
-					/* @__PURE__ */ d("input", {
-						id: `${N}-hue`,
-						className: e.hue,
-						type: "range",
-						min: 0,
-						max: 360,
-						step: 1,
-						value: Math.round(R.h),
-						disabled: T,
-						"aria-label": G.hue,
-						onChange: (e) => z({
-							h: Number(e.target.value),
-							s: R.s,
-							l: R.l,
-							a: R.a
-						})
-					}),
-					S && /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d("label", {
-						className: e.srOnly,
-						htmlFor: `${N}-alpha`,
-						children: G.alpha
-					}), /* @__PURE__ */ d("input", {
-						id: `${N}-alpha`,
-						className: e.alpha,
-						type: "range",
-						min: 0,
-						max: 1,
-						step: .01,
-						value: R.a,
-						disabled: T,
-						"aria-label": G.alpha,
-						style: { "--cascivo-color-picker-solid": K },
-						onChange: (e) => z({
-							h: R.h,
-							s: R.s,
-							l: R.l,
-							a: Number(e.target.value)
-						})
-					})] })
-				]
-			}),
-			x && x.length > 0 && /* @__PURE__ */ d("div", {
-				className: e.presets,
-				role: "group",
-				"aria-label": G.colorArea,
-				children: x.map((t, n) => /* @__PURE__ */ d("button", {
-					type: "button",
-					className: e.preset,
-					style: { backgroundColor: t },
-					"aria-label": t,
-					"aria-pressed": t.toLowerCase() === P.value.toLowerCase(),
-					disabled: T,
-					onClick: () => F(t),
-					onKeyDown: (e) => {
-						e.key === "ArrowRight" ? (e.preventDefault(), H(1, n)) : e.key === "ArrowLeft" && (e.preventDefault(), H(-1, n));
-					}
-				}, t))
-			}),
-			/* @__PURE__ */ f("div", {
-				className: e.row,
-				children: [
-					/* @__PURE__ */ d("span", {
-						className: e.preview,
-						style: { backgroundColor: P.value },
-						"aria-hidden": "true"
-					}),
-					/* @__PURE__ */ d("input", {
-						className: e.text,
-						type: "text",
-						value: P.value,
-						disabled: T,
-						id: k,
-						"aria-labelledby": A,
-						"aria-describedby": j,
-						"aria-invalid": M,
-						"aria-label": A === void 0 ? w ?? C ?? G.colorArea : void 0,
-						onChange: (e) => F(e.target.value)
-					}),
-					U && /* @__PURE__ */ d("button", {
-						type: "button",
-						className: e.eyedropper,
-						"aria-label": G.eyedropper,
-						disabled: T,
-						onClick: W,
-						children: /* @__PURE__ */ d("svg", {
-							width: "16",
-							height: "16",
-							viewBox: "0 0 24 24",
-							fill: "none",
-							"aria-hidden": "true",
-							children: /* @__PURE__ */ d("path", {
-								d: "m2 22 1-1h3l9-9M3 21v-3l9-9m1.5 1.5-2-2M19 2l3 3-9 9-3-3z",
-								stroke: "currentColor",
-								strokeWidth: "2",
-								strokeLinecap: "round",
-								strokeLinejoin: "round"
-							})
-						})
-					})
-				]
-			})
-		]
-	});
-}
-//#endregion
-export { v as ColorPicker };
+"use client";import{clamp as e,formatColor as t,hsvToRgb as n,parseColor as r,sameColor as i,toHex as a}from"./color.js";import o from"./color-picker.module.js";import{useId as ee,useRef as s}from"react";import{cn as c,useControllableSignal as l,useRovingFocus as u,useSignal as d,useSignalEffect as f,useSignals as p}from"@cascivo/core";import{builtin as m,t as h}from"@cascivo/i18n";import{jsx as g,jsxs as _}from"react/jsx-runtime";var v=`#3b82f6`;function y({id:y,value:b,defaultValue:x,onValueChange:te,presets:ne,alpha:S=!0,format:C=`hex`,label:w,ariaLabel:T,disabled:E=!1,name:D,size:O=`md`,className:k,labels:A,"aria-labelledby":j,"aria-describedby":M,"aria-invalid":N}){p();let P=ee(),F=y??`${P}-hex`,I=s(null),L=d(!1),[R,z]=l({value:b,defaultValue:x??v,onChange:te}),B=d(r(R.peek())??{h:217,s:76,v:96,a:1}),V=s(R.peek()),H=R.value;if(H!==V.current&&!i(H,V.current)){let e=r(H);e&&(B.value=e),V.current=H}let U=B.value,W=t(U,C,S),G=a(n({...U,a:1}),!1),K=a(n({h:U.h,s:100,v:100,a:1}),!1),q={hue:A?.hue??h(m.colorPicker.hue),alpha:A?.alpha??h(m.colorPicker.alpha),colorArea:A?.colorArea??h(m.colorPicker.colorArea),saturation:A?.saturation??h(m.colorPicker.saturation),brightness:A?.brightness??h(m.colorPicker.brightness),eyedropper:A?.eyedropper??h(m.colorPicker.eyedropper),presets:A?.presets??h(m.colorPicker.presets),hex:A?.hex??h(m.colorPicker.hex)};function J(e){B.value=e;let n=t(e,C,S);V.current=n,z(n)}function Y(t,n){let r=I.current;if(!r)return;let i=r.getBoundingClientRect();if(i.width===0||i.height===0)return;let a=e((t-i.left)/i.width,0,1),o=e((n-i.top)/i.height,0,1);J({...B.peek(),s:a*100,v:(1-o)*100})}f(()=>{if(!L.value)return;let e=e=>Y(e.clientX,e.clientY),t=()=>{L.value=!1};return window.addEventListener(`pointermove`,e),window.addEventListener(`pointerup`,t),()=>{window.removeEventListener(`pointermove`,e),window.removeEventListener(`pointerup`,t)}});let X=d(!1);f(()=>{X.value=typeof window<`u`&&typeof window.EyeDropper==`function`});async function re(){let e=window.EyeDropper;if(e)try{let t=r((await new e().open()).sRGBHex);t&&J({...t,a:B.peek().a})}catch{}}let Z=d(null),ie=Z.value??(C===`hex`?W:a(n(U),S));function Q(){let e=Z.peek();if(Z.value=null,e===null)return;let t=r(e);t&&J(S?t:{...t,a:1})}let $=ne??[],ae=u({orientation:`horizontal`,loop:!0});return _(`div`,{className:c(o.wrapper,k),"data-size":O,"data-disabled":E||void 0,children:[w&&g(`label`,{className:o.label,htmlFor:F,children:w}),_(`div`,{ref:I,role:`group`,"aria-label":q.colorArea,className:o.area,style:{background:K},onPointerDown:e=>{E||(e.preventDefault(),L.value=!0,Y(e.clientX,e.clientY))},children:[g(`input`,{type:`range`,className:o.axis,"aria-label":q.saturation,min:0,max:100,step:1,value:Math.round(U.s),disabled:E,"aria-valuetext":`${Math.round(U.s)}%`,onChange:e=>J({...B.peek(),s:Number(e.currentTarget.value)})}),g(`input`,{type:`range`,className:o.axis,"aria-label":q.brightness,min:0,max:100,step:1,value:Math.round(U.v),disabled:E,"aria-valuetext":`${Math.round(U.v)}%`,onChange:e=>J({...B.peek(),v:Number(e.currentTarget.value)})}),g(`span`,{className:o.thumb,style:{insetInlineStart:`${U.s}%`,insetBlockStart:`${100-U.v}%`,backgroundColor:G},"aria-hidden":`true`})]}),_(`div`,{className:o.sliders,children:[g(`input`,{type:`range`,className:c(o.slider,o.hue),"aria-label":q.hue,min:0,max:360,step:1,value:Math.round(U.h),disabled:E,onChange:e=>J({...B.peek(),h:Number(e.currentTarget.value)})}),S&&g(`input`,{type:`range`,className:c(o.slider,o.alpha),"aria-label":q.alpha,min:0,max:100,step:1,value:Math.round(U.a*100),disabled:E,"aria-valuetext":`${Math.round(U.a*100)}%`,style:{"--cascivo-color-picker-alpha-to":G},onChange:e=>J({...B.peek(),a:Number(e.currentTarget.value)/100})})]}),_(`div`,{className:o.row,children:[g(`span`,{className:o.preview,style:{backgroundColor:W},"aria-hidden":`true`}),g(`input`,{id:F,type:`text`,className:o.hex,value:ie,disabled:E,autoComplete:`off`,"aria-label":j?void 0:T??q.hex,"aria-labelledby":j,"aria-describedby":M,"aria-invalid":N,onChange:e=>{Z.value=e.currentTarget.value},onBlur:Q,onKeyDown:e=>{e.key===`Enter`?(e.preventDefault(),Q()):e.key===`Escape`&&(Z.value=null)}}),X.value&&g(`button`,{type:`button`,className:o.eyedropper,"aria-label":q.eyedropper,disabled:E,onClick:()=>void re(),children:g(`span`,{className:o.eyedropperGlyph,"aria-hidden":`true`})})]}),$.length>0&&g(`div`,{role:`group`,"aria-label":q.presets,className:o.presets,children:$.map((e,t)=>{let n=ae.getItemProps(t),a=i(e,W);return g(`button`,{ref:n.ref,type:`button`,className:o.preset,style:{backgroundColor:e},"aria-label":e,"aria-pressed":a,disabled:E,tabIndex:n.tabIndex,onKeyDown:n.onKeyDown,onFocus:n.onFocus,onClick:()=>{let t=r(e);t&&J(S?t:{...t,a:1})}},e)})}),D!==void 0&&g(`input`,{type:`hidden`,name:D,value:W}),g(`span`,{className:o.srOnly,role:`status`,"aria-live":`polite`,children:h(m.colorPicker.value,{color:W})})]})}export{y as ColorPicker};

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

@@ -1,18 +1 @@
-var e = {
-	picker: "_picker_1ehlq_2",
-	label: "_label_1ehlq_27",
-	srOnly: "_srOnly_1ehlq_34",
-	area: "_area_1ehlq_46",
-	thumb: "_thumb_1ehlq_63",
-	sliders: "_sliders_1ehlq_74",
-	hue: "_hue_1ehlq_80",
-	alpha: "_alpha_1ehlq_81",
-	presets: "_presets_1ehlq_136",
-	preset: "_preset_1ehlq_136",
-	row: "_row_1ehlq_161",
-	preview: "_preview_1ehlq_167",
-	text: "_text_1ehlq_175",
-	eyedropper: "_eyedropper_1ehlq_193"
-};
-//#endregion
-export { e as default };
+var e={wrapper:`_wrapper_1tef2_2`,label:`_label_1tef2_27`,srOnly:`_srOnly_1tef2_34`,area:`_area_1tef2_46`,axis:`_axis_1tef2_57`,thumb:`_thumb_1tef2_77`,sliders:`_sliders_1tef2_88`,slider:`_slider_1tef2_88`,hue:`_hue_1tef2_126`,alpha:`_alpha_1tef2_139`,presets:`_presets_1tef2_149`,preset:`_preset_1tef2_149`,row:`_row_1tef2_174`,preview:`_preview_1tef2_180`,hex:`_hex_1tef2_188`,eyedropper:`_eyedropper_1tef2_206`};export{e as default};

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

@@ -0,0 +1 @@
+function e(e,t,n){return Math.min(n,Math.max(t,e))}function t(e){let t=e.trim().replace(/^#/,``);if(!/^(?:[0-9a-fA-F]{3,4}|[0-9a-fA-F]{6}|[0-9a-fA-F]{8})$/.test(t))return null;let n=(e=>e.length<=4?e.split(``).map(e=>e+e).join(``):e)(t);return{r:parseInt(n.slice(0,2),16),g:parseInt(n.slice(2,4),16),b:parseInt(n.slice(4,6),16),a:n.length>=8?parseInt(n.slice(6,8),16)/255:1}}function n({r:t,g:n,b:r,a:i},a){let o=t=>e(Math.round(t),0,255).toString(16).padStart(2,`0`),s=`#${o(t)}${o(n)}${o(r)}`;return a?s+o(i*255):s}function r({r:t,g:n,b:r,a:i},o){let s=t=>e(Math.round(t),0,255),c=`${s(t)} ${s(n)} ${s(r)}`;return o?`rgb(${c} / ${a(i,2)})`:`rgb(${c})`}function i(e,t){let{h:n,s:r,l:i}=c(e),o=`${Math.round(n)} ${Math.round(r)}% ${Math.round(i)}%`;return t?`hsl(${o} / ${a(e.a,2)})`:`hsl(${o})`}function a(e,t){let n=10**t;return Math.round(e*n)/n}function o({r:e,g:t,b:n,a:r}){let i=e/255,a=t/255,o=n/255,s=Math.max(i,a,o),c=s-Math.min(i,a,o),l=0;return c!==0&&(l=s===i?(a-o)/c%6:s===a?(o-i)/c+2:(i-a)/c+4,l*=60,l<0&&(l+=360)),{h:l,s:s===0?0:c/s*100,v:s*100,a:r}}function s({h:t,s:n,v:r,a:i}){let a=e(n,0,100)/100,o=e(r,0,100)/100,s=(t%360+360)%360,c=o*a,l=c*(1-Math.abs(s/60%2-1)),u=o-c,d=0,f=0,p=0;return s<60?[d,f,p]=[c,l,0]:s<120?[d,f,p]=[l,c,0]:s<180?[d,f,p]=[0,c,l]:s<240?[d,f,p]=[0,l,c]:s<300?[d,f,p]=[l,0,c]:[d,f,p]=[c,0,l],{r:(d+u)*255,g:(f+u)*255,b:(p+u)*255,a:i}}function c({h:t,s:n,v:r,a:i}){let a=e(n,0,100)/100,o=e(r,0,100)/100,s=o*(1-a/2);return{h:t,s:(s===0||s===1?0:(o-s)/Math.min(s,1-s))*100,l:s*100,a:i}}function l(e,t,a){return t===`rgb`?r(s(e),a):t===`hsl`?i(e,a):n(s(e),a)}function u(e){let n=e.trim(),r=/^rgba?\(\s*([\d.]+)[\s,]+([\d.]+)[\s,]+([\d.]+)(?:\s*[/,]\s*([\d.%]+))?\s*\)$/i.exec(n);if(r)return o({r:Number(r[1]),g:Number(r[2]),b:Number(r[3]),a:d(r[4])});let i=/^hsla?\(\s*([\d.]+)(?:deg)?[\s,]+([\d.]+)%[\s,]+([\d.]+)%(?:\s*[/,]\s*([\d.%]+))?\s*\)$/i.exec(n);if(i)return f(Number(i[1]),Number(i[2]),Number(i[3]),d(i[4]));let a=t(n);return a?o(a):null}function d(t){if(t===void 0)return 1;let n=t.endsWith(`%`)?Number(t.slice(0,-1))/100:Number(t);return Number.isNaN(n)?1:e(n,0,1)}function f(t,n,r,i){let a=e(n,0,100)/100,o=e(r,0,100)/100,s=o+a*Math.min(o,1-o);return{h:t,s:s===0?0:2*(1-o/s)*100,v:s*100,a:i}}function p(e,t){let n=u(e),r=u(t);if(!n||!r)return!1;let i=s(n),a=s(r);return Math.round(i.r)===Math.round(a.r)&&Math.round(i.g)===Math.round(a.g)&&Math.round(i.b)===Math.round(a.b)&&Math.round(i.a*255)===Math.round(a.a*255)}export{e as clamp,l as formatColor,s as hsvToRgb,u as parseColor,p as sameColor,n as toHex};

package/dist/node/combobox/combobox.js

@@ -1,170 +1 @@
-"use client";
-
-import e from "./combobox.module.js";
-import { useId as t, useRef as n } from "react";
-import { cn as r, createMachine as i, focusElement as ee, useControllableSignal as a, useMachine as o, useSignal as s, useSignalEffect as c, useSignals as te } from "@cascivo/core";
-import { builtin as l, t as u } from "@cascivo/i18n";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
-//#region ../components/src/combobox/combobox.tsx
-var p = i({
-	initial: "closed",
-	states: {
-		closed: { on: { OPEN: "open" } },
-		open: { on: { CLOSE: "closed" } }
-	}
-});
-function m(...e) {
-	return e.filter(Boolean).join(" ") || void 0;
-}
-function h({ options: i, value: h, defaultValue: g, onValueChange: ne, clearable: _ = !1, searchable: v = !0, label: y, ariaLabel: b, hint: x, error: S, size: re = "md", disabled: C = !1, labels: w, className: T, id: E, "aria-labelledby": D, "aria-describedby": O, "aria-invalid": k }) {
-	te();
-	let [A, j] = o(p), M = t(), N = E ?? `cascade-combobox-${M}`, P = `${M}-listbox`, F = n(null), I = w?.placeholder ?? u(l.combobox.placeholder), L = w?.empty ?? u(l.combobox.empty), R = w?.clear ?? u(l.combobox.clear), z = w?.search ?? u(l.combobox.search), [B] = a({
-		value: h,
-		defaultValue: g
-	}), V = s(""), H = s(0), U = A.value === "open", W = i.filter((e) => !v || !V.value ? !0 : e.label.toLowerCase().includes(V.value.toLowerCase())), G = i.find((e) => e.value === B.value);
-	c(() => {
-		if (!U) return;
-		let e = (e) => {
-			let t = document.getElementById(`${M}-root`);
-			t && !t.contains(e.target) && j("CLOSE");
-		};
-		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-	});
-	let K = () => {
-		C || (V.value = "", H.value = 0, j("OPEN"), setTimeout(() => ee(F.current), 0));
-	}, q = () => {
-		j("CLOSE"), V.value = "";
-	}, J = ne, Y = (e) => {
-		h === void 0 && (B.value = e), J?.(e), q();
-	}, X = () => {
-		h === void 0 && (B.value = void 0), J?.(void 0);
-	}, Z = W.flatMap((e, t) => e.disabled ? [] : [t]), Q = (e) => {
-		if (Z.length === 0) return;
-		let t = Z[(Z.indexOf(H.value) + e + Z.length) % Z.length];
-		t !== void 0 && (H.value = t);
-	}, ie = (e) => {
-		(e.key === "Enter" || e.key === " " || e.key === "ArrowDown") && (e.preventDefault(), K());
-	}, ae = (e) => {
-		switch (e.key) {
-			case "ArrowDown":
-				e.preventDefault(), Q(1);
-				break;
-			case "ArrowUp":
-				e.preventDefault(), Q(-1);
-				break;
-			case "Enter": {
-				e.preventDefault();
-				let t = W[H.value];
-				t && !t.disabled && Y(t.value);
-				break;
-			}
-			case "Escape":
-				e.preventDefault(), q();
-				break;
-			case "Tab":
-				q();
-				break;
-		}
-	}, $ = (e) => `${M}-option-${e}`;
-	return /* @__PURE__ */ f("div", {
-		id: `${M}-root`,
-		className: r(e.wrapper, T),
-		"data-state": S ? "error" : A.value,
-		"data-size": re,
-		children: [
-			y && /* @__PURE__ */ d("label", {
-				className: e.label,
-				htmlFor: N,
-				children: y
-			}),
-			/* @__PURE__ */ f("div", {
-				className: e.field,
-				children: [/* @__PURE__ */ f("button", {
-					id: N,
-					type: "button",
-					role: "combobox",
-					"aria-expanded": U,
-					"aria-controls": P,
-					"aria-haspopup": "listbox",
-					"aria-labelledby": D,
-					"aria-label": b,
-					"aria-activedescendant": U && H.value >= 0 ? $(H.value) : void 0,
-					"aria-invalid": S ? !0 : k,
-					"aria-describedby": m(S ? `${M}-error` : x ? `${M}-hint` : void 0, O),
-					className: e.trigger,
-					disabled: C,
-					onKeyDown: ie,
-					onClick: U ? q : K,
-					children: [/* @__PURE__ */ d("span", {
-						className: r(e.value, G ? void 0 : e.placeholder),
-						children: G?.label ?? I
-					}), /* @__PURE__ */ d("span", {
-						className: e.chevron,
-						"aria-hidden": "true"
-					})]
-				}), _ && B.value !== void 0 && /* @__PURE__ */ d("button", {
-					type: "button",
-					className: e.clear,
-					"aria-label": R,
-					onClick: (e) => {
-						e.stopPropagation(), X();
-					},
-					children: "✕"
-				})]
-			}),
-			/* @__PURE__ */ f("div", {
-				role: "listbox",
-				id: P,
-				className: e.listbox,
-				"data-state": U ? "open" : "closed",
-				"aria-label": y,
-				children: [v && U && /* @__PURE__ */ d("div", {
-					className: e.searchWrapper,
-					children: /* @__PURE__ */ d("input", {
-						ref: F,
-						type: "text",
-						className: e.search,
-						value: V.value,
-						onChange: (e) => {
-							V.value = e.target.value, H.value = 0;
-						},
-						onKeyDown: ae,
-						"aria-label": z,
-						autoComplete: "off"
-					})
-				}), W.length === 0 ? /* @__PURE__ */ d("div", {
-					className: e.empty,
-					children: L
-				}) : W.map((t, n) => /* @__PURE__ */ d("div", {
-					id: $(n),
-					role: "option",
-					"aria-selected": t.value === B.value,
-					"aria-disabled": t.disabled || void 0,
-					"data-state": n === H.value ? "active" : void 0,
-					"data-disabled": t.disabled || void 0,
-					className: e.option,
-					onMouseEnter: () => {
-						t.disabled || (H.value = n);
-					},
-					onClick: () => {
-						t.disabled || Y(t.value);
-					},
-					children: t.label
-				}, t.value))]
-			}),
-			S && /* @__PURE__ */ d("span", {
-				id: `${M}-error`,
-				className: e.error,
-				role: "alert",
-				children: S
-			}),
-			!S && x && /* @__PURE__ */ d("span", {
-				id: `${M}-hint`,
-				className: e.hint,
-				children: x
-			})
-		]
-	});
-}
-//#endregion
-export { h as Combobox };
+"use client";import{activeForValue as e,firstActive as t,lastActive as n,moveActive as r,pageActive as i}from"./list-nav.js";import{filterOptions as a,groupOptions as ee,highlightSegments as te,isNewLabel as o,orderByGroup as s,typeaheadIndex as ne}from"./option-list.js";import c from"./combobox.module.js";import{useId as re,useRef as l}from"react";import{DismissableLayer as ie,cn as u,focusElement as d,useControllableSignal as f,useSignal as p,useSignalEffect as ae,useSignals as oe,useTypeahead as se}from"@cascivo/core";import{builtin as m,t as h}from"@cascivo/i18n";import{jsx as g,jsxs as _}from"react/jsx-runtime";function ce(...e){return e.filter(Boolean).join(` `)||void 0}function v({options:v,value:le,defaultValue:ue,onValueChange:de,clearable:fe=!1,searchable:y=!0,label:b,ariaLabel:x,hint:S,error:C,size:pe=`md`,disabled:w=!1,loading:T=!1,onSearchChange:E,filter:D,creatable:O=!1,onCreate:me,name:k,required:he,open:ge,defaultOpen:_e,onOpenChange:ve,labels:A,className:ye,id:be,"aria-labelledby":xe,"aria-describedby":Se,"aria-invalid":Ce}){oe();let j=re(),M=be??`cascade-combobox-${j}`,N=`${j}-listbox`,we=`${j}-status`,P=e=>`${j}-option-${e}`,F=l(null),I=l(null),[Te,L]=f({value:le,defaultValue:ue,onChange:de}),[R,z]=f({value:ge,defaultValue:_e??!1,onChange:ve}),B=p(``),V=p(-1),H=R.value,U=Te.value,W=B.value,G=s(a(v,y?W:``,D)),K=O&&W.trim()!==``&&o(v,W.trim()),q=K?G.length:-1,Ee=ee(G),J=v.find(e=>e.value===U),Y=A?.placeholder??h(m.combobox.placeholder),De=A?.empty??h(m.combobox.empty),Oe=A?.clear??h(m.combobox.clear),ke=A?.loading??h(m.combobox.loading),Ae=e=>A?.create?A.create.replaceAll(`{label}`,e):h(m.combobox.create,{label:e}),je=ce(C?`${j}-error`:S?`${j}-hint`:void 0,Se);function X(t=`value`){w||(V.value=t===`value`?e(G,U):-1,z(!0))}function Z(e=!0){z(!1),B.value=``,V.value=-1,e&&d(F.current)}function Q(e){L(e),Z()}function Me(){L(void 0),B.value=``,E?.(``),d(F.current)}function $(e){if(e===q&&K){me?.(W.trim()),Z();return}let t=G[e];t&&!t.disabled&&Q(t.value)}let Ne=se({onMatch:e=>{let t=H?G:v,n=ne(t,e,H?V.value:-1);if(n!==-1)if(H)V.value=n;else{let e=t[n];e&&L(e.value)}}});ae(()=>{let e=V.value;if(!R.value||e<0)return;let t=I.current?.querySelector(`#${CSS.escape(P(e))}`);t&&typeof t.scrollIntoView==`function`&&t.scrollIntoView({block:`nearest`})});function Pe(e){if(w)return;let a=K?[...G,{value:``,label:W}]:G;if(e.altKey&&e.key===`ArrowDown`){e.preventDefault(),H||X(`none`);return}if(e.altKey&&e.key===`ArrowUp`){e.preventDefault(),H&&Z();return}switch(e.key){case`ArrowDown`:e.preventDefault(),H?V.value=r(V.value,1,a):X();break;case`ArrowUp`:e.preventDefault(),H?V.value=r(V.value,-1,a):X();break;case`Home`:if(y||!H)break;e.preventDefault(),V.value=t(a);break;case`End`:if(y||!H)break;e.preventDefault(),V.value=n(a);break;case`PageDown`:if(!H)break;e.preventDefault(),V.value=i(V.value,1,a);break;case`PageUp`:if(!H)break;e.preventDefault(),V.value=i(V.value,-1,a);break;case`Enter`:if(!H)break;e.preventDefault(),V.value>=0&&$(V.value);break;case` `:if(y)break;e.preventDefault(),H&&V.value>=0?$(V.value):X();break;case`Escape`:if(!H)break;e.preventDefault(),e.stopPropagation(),Z();break;case`Tab`:H&&Z(!1);break}!y&&e.key!==` `&&Ne.onKeyDown(e)}function Fe(e,t){let n=e.value===U;return _(`div`,{id:P(t),role:`option`,"aria-selected":n,"aria-disabled":e.disabled||void 0,"data-state":t===V.value?`active`:void 0,"data-disabled":e.disabled||void 0,className:c.option,onMouseDown:e=>e.preventDefault(),onClick:()=>{e.disabled||Q(e.value)},onMouseEnter:()=>{e.disabled||(V.value=t)},children:[g(`span`,{className:c.optionLabel,children:te(e.label,y?W:``).map((e,t)=>e.match?g(`mark`,{className:c.match,children:e.text},t):g(`span`,{children:e.text},t))}),g(`span`,{className:c.check,"aria-hidden":`true`})]},e.value)}let Ie={id:M,role:`combobox`,"aria-expanded":H,"aria-controls":N,"aria-haspopup":`listbox`,"aria-activedescendant":H&&V.value>=0?P(V.value):void 0,"aria-labelledby":xe,"aria-label":x,"aria-invalid":C?!0:Ce,"aria-describedby":je,"aria-required":he||void 0,disabled:w,onKeyDown:Pe};return g(ie,{onDismiss:()=>H&&Z(!1),children:_(`div`,{className:u(c.wrapper,ye),"data-state":C?`error`:H?`open`:`closed`,"data-size":pe,children:[b&&g(`label`,{className:c.label,htmlFor:M,children:b}),_(`div`,{className:c.field,children:[y?g(`input`,{...Ie,ref:F,type:`text`,className:c.trigger,autoComplete:`off`,"aria-autocomplete":`list`,placeholder:Y,value:H?W:J?.label??``,onChange:e=>{let n=e.currentTarget.value;B.value=n,E?.(n),H||z(!0);let r=s(a(v,n,D)),i=t(r);V.value=i===-1&&O&&n.trim()!==``&&o(v,n.trim())?r.length:i},onClick:()=>{H||X()}}):g(`button`,{...Ie,ref:F,type:`button`,className:c.trigger,onClick:()=>H?Z():X(),children:g(`span`,{className:u(c.value,J?void 0:c.placeholder),children:J?.label??Y})}),fe&&U!==void 0&&!w&&g(`button`,{type:`button`,className:c.clear,"aria-label":Oe,onClick:e=>{e.stopPropagation(),Me()},children:g(`span`,{className:c.clearGlyph,"aria-hidden":`true`})}),g(`span`,{className:c.chevron,"aria-hidden":`true`})]}),k!==void 0&&g(`input`,{type:`hidden`,name:k,value:U??``}),_(`div`,{className:c.popup,"data-state":H?`open`:`closed`,children:[_(`div`,{ref:I,role:`listbox`,id:N,className:c.listbox,"aria-label":x??b??Y,"aria-busy":T||void 0,children:[Ee.map(e=>e.label===void 0?e.entries.map(({option:e,index:t})=>Fe(e,t)):_(`div`,{role:`group`,"aria-label":e.label,className:c.group,children:[g(`span`,{className:c.groupLabel,"aria-hidden":`true`,children:e.label}),e.entries.map(({option:e,index:t})=>Fe(e,t))]},e.label)),K&&g(`div`,{id:P(q),role:`option`,"aria-selected":!1,"data-state":q===V.value?`active`:void 0,className:u(c.option,c.create),onMouseDown:e=>e.preventDefault(),onClick:()=>$(q),onMouseEnter:()=>{V.value=q},children:Ae(W.trim())})]}),T?g(`div`,{className:c.empty,role:`status`,children:ke}):G.length===0&&!K?g(`div`,{className:c.empty,role:`status`,children:De}):null]}),g(`span`,{id:we,className:c.srOnly,role:`status`,"aria-live":`polite`,children:H&&!T?h(m.combobox.resultCount,{count:String(G.length)}):``}),C&&g(`span`,{id:`${j}-error`,className:c.error,role:`alert`,children:C}),!C&&S&&g(`span`,{id:`${j}-hint`,className:c.hint,children:S})]})})}export{v as Combobox};

package/dist/node/combobox/combobox.module.js

@@ -1,19 +1 @@
-var e = {
-	wrapper: "_wrapper_bu0jy_2",
-	label: "_label_bu0jy_14",
-	field: "_field_bu0jy_20",
-	trigger: "_trigger_bu0jy_26",
-	value: "_value_bu0jy_74",
-	placeholder: "_placeholder_bu0jy_80",
-	chevron: "_chevron_bu0jy_84",
-	clear: "_clear_bu0jy_100",
-	listbox: "_listbox_bu0jy_126",
-	searchWrapper: "_searchWrapper_bu0jy_160",
-	search: "_search_bu0jy_160",
-	option: "_option_bu0jy_182",
-	empty: "_empty_bu0jy_205",
-	error: "_error_bu0jy_212",
-	hint: "_hint_bu0jy_217"
-};
-//#endregion
-export { e as default };
+var e={wrapper:`_wrapper_2bu0b_3`,label:`_label_2bu0b_23`,field:`_field_2bu0b_29`,trigger:`_trigger_2bu0b_35`,value:`_value_2bu0b_90`,placeholder:`_placeholder_2bu0b_96`,chevron:`_chevron_2bu0b_100`,clear:`_clear_2bu0b_120`,clearGlyph:`_clearGlyph_2bu0b_140`,popup:`_popup_2bu0b_158`,listbox:`_listbox_2bu0b_192`,group:`_group_2bu0b_196`,groupLabel:`_groupLabel_2bu0b_200`,option:`_option_2bu0b_211`,optionLabel:`_optionLabel_2bu0b_241`,match:`_match_2bu0b_248`,check:`_check_2bu0b_257`,create:`_create_2bu0b_275`,empty:`_empty_2bu0b_280`,error:`_error_2bu0b_287`,hint:`_hint_2bu0b_292`,srOnly:`_srOnly_2bu0b_297`};export{e as default};

package/dist/node/combobox/list-nav.js

@@ -0,0 +1 @@
+function e(e){let t=[];return e.forEach((e,n)=>{e.disabled||t.push(n)}),t}function t(t,n,r){let i=e(r);if(i.length===0)return-1;let a=i.indexOf(t);return a===-1?n>0?i[0]:i[i.length-1]:i[(a+n+i.length)%i.length]}function n(t){return e(t)[0]??-1}function r(t){let n=e(t);return n[n.length-1]??-1}function i(t,n,r){let i=e(r);if(i.length===0)return-1;let a=i.indexOf(t),o=a===-1?n>0?-1:i.length:a;return i[Math.min(Math.max(o+n*10,0),i.length-1)]}function a(e,t){if(t!==void 0){let n=e.findIndex(e=>e.value===t&&!e.disabled);if(n!==-1)return n}return n(e)}export{a as activeForValue,n as firstActive,r as lastActive,t as moveActive,i as pageActive};

package/dist/node/combobox/option-list.js

@@ -0,0 +1 @@
+function e(e){return(e.normalize(`NFD`)[0]??e).toLowerCase()}function t(t){return Array.from(t,e)}function n(e,n){let r=t(n).join(``);return r===``?!0:t(e.label).join(``).includes(r)||t(e.value).join(``).includes(r)}function r(e,t,r){let i=r??n;return t===``&&!r?e:e.filter(e=>i(e,t))}function i(e,n){let r=t(n).join(``);if(r===``)return[{text:e,match:!1}];let i=Array.from(e),a=t(e).join(``).indexOf(r);if(a===-1)return[{text:e,match:!1}];let o=Array.from(n).length,s=[],c=i.slice(0,a).join(``),l=i.slice(a,a+o).join(``),u=i.slice(a+o).join(``);return c!==``&&s.push({text:c,match:!1}),s.push({text:l,match:!0}),u!==``&&s.push({text:u,match:!1}),s}function a(e){let t=[],n=new Map;return e.forEach((e,r)=>{let i=e.group,a=n.get(i);a||(a={label:i,entries:[]},n.set(i,a),t.push(a)),a.entries.push({option:e,index:r})}),t.sort((e,t)=>Number(e.label!==void 0)-Number(t.label!==void 0))}function o(e){return a(e).flatMap(e=>e.entries.map(e=>e.option))}function s(e,n){let r=t(n).join(``);return r===``?!1:!e.some(e=>t(e.label).join(``)===r)}function c(e,n,r){let i=t(n).join(``);if(i===``||e.length===0)return-1;let a=e.map((t,n)=>(r+1+n)%e.length),o=a.find(n=>{let r=e[n];return r&&!r.disabled&&t(r.label).join(``).startsWith(i)});return o===void 0?a.find(n=>{let r=e[n];return r&&!r.disabled&&t(r.label).join(``).includes(i)})??-1:o}export{r as filterOptions,a as groupOptions,i as highlightSegments,s as isNewLabel,o as orderByGroup,c as typeaheadIndex};