@cascivo/react 1.0.0 → 1.2.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 Collapsible({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{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 s,useRef as c}from"react";import{cn as l,useControllableSignal as u,useRovingFocus as d,useSignal as f,useSignalEffect as p,useSignals as m}from"@cascivo/core";import{builtin as h,t as g}from"@cascivo/i18n";import{jsx as _,jsxs as v}from"react/jsx-runtime";var y=`#3b82f6`;function ColorPicker({id:b,value:x,defaultValue:S,onValueChange:C,presets:w,alpha:T=!0,format:E=`hex`,label:D,ariaLabel:O,disabled:k=!1,name:A,size:j=`md`,className:M,labels:N,"aria-labelledby":P,"aria-describedby":F,"aria-invalid":ee}){m();let I=s(),L=b??`${I}-hex`,R=c(null),z=f(!1),[B,V]=u({value:x,defaultValue:S??y,onChange:C}),H=f(r(B.peek())??{h:217,s:76,v:96,a:1}),U=c(B.peek()),W=B.value;if(W!==U.current&&!i(W,U.current)){let e=r(W);e&&(H.value=e),U.current=W}let G=H.value,K=t(G,E,T),q=a(n({...G,a:1}),!1),J=a(n({h:G.h,s:100,v:100,a:1}),!1),Y={hue:N?.hue??g(h.colorPicker.hue),alpha:N?.alpha??g(h.colorPicker.alpha),colorArea:N?.colorArea??g(h.colorPicker.colorArea),saturation:N?.saturation??g(h.colorPicker.saturation),brightness:N?.brightness??g(h.colorPicker.brightness),eyedropper:N?.eyedropper??g(h.colorPicker.eyedropper),presets:N?.presets??g(h.colorPicker.presets),hex:N?.hex??g(h.colorPicker.hex)};function commit(e){H.value=e;let n=t(e,E,T);U.current=n,V(n)}function setFromPointer(t,n){let r=R.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);commit({...H.peek(),s:a*100,v:(1-o)*100})}p(()=>{if(!z.value)return;let onMove=e=>setFromPointer(e.clientX,e.clientY),onUp=()=>{z.value=!1};return window.addEventListener(`pointermove`,onMove),window.addEventListener(`pointerup`,onUp),()=>{window.removeEventListener(`pointermove`,onMove),window.removeEventListener(`pointerup`,onUp)}});let X=f(!1);p(()=>{X.value=typeof window<`u`&&typeof window.EyeDropper==`function`});async function pickFromScreen(){let e=window.EyeDropper;if(e)try{let t=r((await new e().open()).sRGBHex);t&&commit({...t,a:H.peek().a})}catch{}}let Z=f(null),Q=Z.value??(E===`hex`?K:a(n(G),T));function commitDraft(){let e=Z.peek();if(Z.value=null,e===null)return;let t=r(e);t&&commit(T?t:{...t,a:1})}let $=w??[],te=d({orientation:`horizontal`,loop:!0});return v(`div`,{className:l(o.wrapper,M),"data-size":j,"data-disabled":k||void 0,children:[D&&_(`label`,{className:o.label,htmlFor:L,children:D}),v(`div`,{ref:R,role:`group`,"aria-label":Y.colorArea,className:o.area,style:{background:J},onPointerDown:e=>{k||(e.preventDefault(),z.value=!0,setFromPointer(e.clientX,e.clientY))},children:[_(`input`,{type:`range`,className:o.axis,"aria-label":Y.saturation,min:0,max:100,step:1,value:Math.round(G.s),disabled:k,"aria-valuetext":`${Math.round(G.s)}%`,onChange:e=>commit({...H.peek(),s:Number(e.currentTarget.value)})}),_(`input`,{type:`range`,className:o.axis,"aria-label":Y.brightness,min:0,max:100,step:1,value:Math.round(G.v),disabled:k,"aria-valuetext":`${Math.round(G.v)}%`,onChange:e=>commit({...H.peek(),v:Number(e.currentTarget.value)})}),_(`span`,{className:o.thumb,style:{insetInlineStart:`${G.s}%`,insetBlockStart:`${100-G.v}%`,backgroundColor:q},"aria-hidden":`true`})]}),v(`div`,{className:o.sliders,children:[_(`input`,{type:`range`,className:l(o.slider,o.hue),"aria-label":Y.hue,min:0,max:360,step:1,value:Math.round(G.h),disabled:k,onChange:e=>commit({...H.peek(),h:Number(e.currentTarget.value)})}),T&&_(`input`,{type:`range`,className:l(o.slider,o.alpha),"aria-label":Y.alpha,min:0,max:100,step:1,value:Math.round(G.a*100),disabled:k,"aria-valuetext":`${Math.round(G.a*100)}%`,style:{"--cascivo-color-picker-alpha-to":q},onChange:e=>commit({...H.peek(),a:Number(e.currentTarget.value)/100})})]}),v(`div`,{className:o.row,children:[_(`span`,{className:o.preview,style:{backgroundColor:K},"aria-hidden":`true`}),_(`input`,{id:L,type:`text`,className:o.hex,value:Q,disabled:k,autoComplete:`off`,"aria-label":P?void 0:O??Y.hex,"aria-labelledby":P,"aria-describedby":F,"aria-invalid":ee,onChange:e=>{Z.value=e.currentTarget.value},onBlur:commitDraft,onKeyDown:e=>{e.key===`Enter`?(e.preventDefault(),commitDraft()):e.key===`Escape`&&(Z.value=null)}}),X.value&&_(`button`,{type:`button`,className:o.eyedropper,"aria-label":Y.eyedropper,disabled:k,onClick:()=>void pickFromScreen(),children:_(`span`,{className:o.eyedropperGlyph,"aria-hidden":`true`})})]}),$.length>0&&_(`div`,{role:`group`,"aria-label":Y.presets,className:o.presets,children:$.map((e,t)=>{let n=te.getItemProps(t),a=i(e,K);return _(`button`,{ref:n.ref,type:`button`,className:o.preset,style:{backgroundColor:e},"aria-label":e,"aria-pressed":a,disabled:k,tabIndex:n.tabIndex,onKeyDown:n.onKeyDown,onFocus:n.onFocus,onClick:()=>{let t=r(e);t&&commit(T?t:{...t,a:1})}},e)})}),A!==void 0&&_(`input`,{type:`hidden`,name:A,value:K}),_(`span`,{className:o.srOnly,role:`status`,"aria-live":`polite`,children:g(h.colorPicker.value,{color:K})})]})}export{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 clamp(e,t,r){return Math.min(r,Math.max(t,e))}function parseHex(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 r=(e=>e.length<=4?e.split(``).map(e=>e+e).join(``):e)(t);return{r:parseInt(r.slice(0,2),16),g:parseInt(r.slice(2,4),16),b:parseInt(r.slice(4,6),16),a:r.length>=8?parseInt(r.slice(6,8),16)/255:1}}function toHex({r:e,g:t,b:r,a:i},a){let part=e=>clamp(Math.round(e),0,255).toString(16).padStart(2,`0`),o=`#${part(e)}${part(t)}${part(r)}`;return a?o+part(i*255):o}function toRgbString({r:e,g:t,b:r,a:i},a){let n=e=>clamp(Math.round(e),0,255),o=`${n(e)} ${n(t)} ${n(r)}`;return a?`rgb(${o} / ${round(i,2)})`:`rgb(${o})`}function toHslString(e,t){let{h:r,s:i,l:a}=hsvToHsl(e),o=`${Math.round(r)} ${Math.round(i)}% ${Math.round(a)}%`;return t?`hsl(${o} / ${round(e.a,2)})`:`hsl(${o})`}function round(e,t){let r=10**t;return Math.round(e*r)/r}function rgbToHsv({r:e,g:t,b:r,a:i}){let a=e/255,o=t/255,s=r/255,c=Math.max(a,o,s),l=c-Math.min(a,o,s),u=0;return l!==0&&(u=c===a?(o-s)/l%6:c===o?(s-a)/l+2:(a-o)/l+4,u*=60,u<0&&(u+=360)),{h:u,s:c===0?0:l/c*100,v:c*100,a:i}}function hsvToRgb({h:e,s:t,v:r,a:i}){let a=clamp(t,0,100)/100,o=clamp(r,0,100)/100,s=(e%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 hsvToHsl({h:e,s:t,v:r,a:i}){let a=clamp(t,0,100)/100,o=clamp(r,0,100)/100,s=o*(1-a/2);return{h:e,s:(s===0||s===1?0:(o-s)/Math.min(s,1-s))*100,l:s*100,a:i}}function formatColor(e,t,r){return t===`rgb`?toRgbString(hsvToRgb(e),r):t===`hsl`?toHslString(e,r):toHex(hsvToRgb(e),r)}function parseColor(e){let t=e.trim(),r=/^rgba?\(\s*([\d.]+)[\s,]+([\d.]+)[\s,]+([\d.]+)(?:\s*[/,]\s*([\d.%]+))?\s*\)$/i.exec(t);if(r)return rgbToHsv({r:Number(r[1]),g:Number(r[2]),b:Number(r[3]),a:parseAlpha(r[4])});let i=/^hsla?\(\s*([\d.]+)(?:deg)?[\s,]+([\d.]+)%[\s,]+([\d.]+)%(?:\s*[/,]\s*([\d.%]+))?\s*\)$/i.exec(t);if(i)return hslToHsv(Number(i[1]),Number(i[2]),Number(i[3]),parseAlpha(i[4]));let a=parseHex(t);return a?rgbToHsv(a):null}function parseAlpha(e){if(e===void 0)return 1;let t=e.endsWith(`%`)?Number(e.slice(0,-1))/100:Number(e);return Number.isNaN(t)?1:clamp(t,0,1)}function hslToHsv(e,t,r,i){let a=clamp(t,0,100)/100,o=clamp(r,0,100)/100,s=o+a*Math.min(o,1-o);return{h:e,s:s===0?0:2*(1-o/s)*100,v:s*100,a:i}}function sameColor(e,t){let r=parseColor(e),i=parseColor(t);if(!r||!i)return!1;let a=hsvToRgb(r),o=hsvToRgb(i);return Math.round(a.r)===Math.round(o.r)&&Math.round(a.g)===Math.round(o.g)&&Math.round(a.b)===Math.round(o.b)&&Math.round(a.a*255)===Math.round(o.a*255)}export{clamp,formatColor,hsvToRgb,parseColor,sameColor,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 mergeDescribedBy(...e){return e.filter(Boolean).join(` `)||void 0}function Combobox({options:v,value:ce,defaultValue:y,onValueChange:le,clearable:ue=!1,searchable:b=!0,label:x,ariaLabel:S,hint:C,error:w,size:de=`md`,disabled:T=!1,loading:E=!1,onSearchChange:D,filter:O,creatable:k=!1,onCreate:fe,name:A,required:pe,open:me,defaultOpen:he,onOpenChange:ge,labels:j,className:_e,id:ve,"aria-labelledby":M,"aria-describedby":N,"aria-invalid":P}){oe();let F=re(),I=ve??`cascade-combobox-${F}`,L=`${F}-listbox`,ye=`${F}-status`,optionId=e=>`${F}-option-${e}`,R=l(null),z=l(null),[be,B]=f({value:ce,defaultValue:y,onChange:le}),[V,H]=f({value:me,defaultValue:he??!1,onChange:ge}),U=p(``),W=p(-1),G=V.value,K=be.value,q=U.value,J=s(a(v,b?q:``,O)),Y=k&&q.trim()!==``&&o(v,q.trim()),X=Y?J.length:-1,xe=ee(J),Z=v.find(e=>e.value===K),Q=j?.placeholder??h(m.combobox.placeholder),Se=j?.empty??h(m.combobox.empty),Ce=j?.clear??h(m.combobox.clear),we=j?.loading??h(m.combobox.loading),createLabel=e=>j?.create?j.create.replaceAll(`{label}`,e):h(m.combobox.create,{label:e}),Te=mergeDescribedBy(w?`${F}-error`:C?`${F}-hint`:void 0,N);function openList(t=`value`){T||(W.value=t===`value`?e(J,K):-1,H(!0))}function closeList(e=!0){H(!1),U.value=``,W.value=-1,e&&d(R.current)}function select(e){B(e),closeList()}function clear(){B(void 0),U.value=``,D?.(``),d(R.current)}function activate(e){if(e===X&&Y){fe?.(q.trim()),closeList();return}let t=J[e];t&&!t.disabled&&select(t.value)}let Ee=se({onMatch:e=>{let t=G?J:v,n=ne(t,e,G?W.value:-1);if(n!==-1)if(G)W.value=n;else{let e=t[n];e&&B(e.value)}}});ae(()=>{let e=W.value;if(!V.value||e<0)return;let t=z.current?.querySelector(`#${CSS.escape(optionId(e))}`);t&&typeof t.scrollIntoView==`function`&&t.scrollIntoView({block:`nearest`})});function handleKeyDown(e){if(T)return;let a=Y?[...J,{value:``,label:q}]:J;if(e.altKey&&e.key===`ArrowDown`){e.preventDefault(),G||openList(`none`);return}if(e.altKey&&e.key===`ArrowUp`){e.preventDefault(),G&&closeList();return}switch(e.key){case`ArrowDown`:e.preventDefault(),G?W.value=r(W.value,1,a):openList();break;case`ArrowUp`:e.preventDefault(),G?W.value=r(W.value,-1,a):openList();break;case`Home`:if(b||!G)break;e.preventDefault(),W.value=t(a);break;case`End`:if(b||!G)break;e.preventDefault(),W.value=n(a);break;case`PageDown`:if(!G)break;e.preventDefault(),W.value=i(W.value,1,a);break;case`PageUp`:if(!G)break;e.preventDefault(),W.value=i(W.value,-1,a);break;case`Enter`:if(!G)break;e.preventDefault(),W.value>=0&&activate(W.value);break;case` `:if(b)break;e.preventDefault(),G&&W.value>=0?activate(W.value):openList();break;case`Escape`:if(!G)break;e.preventDefault(),e.stopPropagation(),closeList();break;case`Tab`:G&&closeList(!1);break}!b&&e.key!==` `&&Ee.onKeyDown(e)}function renderOption(e,t){let n=e.value===K;return _(`div`,{id:optionId(t),role:`option`,"aria-selected":n,"aria-disabled":e.disabled||void 0,"data-state":t===W.value?`active`:void 0,"data-disabled":e.disabled||void 0,className:c.option,onMouseDown:e=>e.preventDefault(),onClick:()=>{e.disabled||select(e.value)},onMouseEnter:()=>{e.disabled||(W.value=t)},children:[g(`span`,{className:c.optionLabel,children:te(e.label,b?q:``).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 $={id:I,role:`combobox`,"aria-expanded":G,"aria-controls":L,"aria-haspopup":`listbox`,"aria-activedescendant":G&&W.value>=0?optionId(W.value):void 0,"aria-labelledby":M,"aria-label":S,"aria-invalid":w?!0:P,"aria-describedby":Te,"aria-required":pe||void 0,disabled:T,onKeyDown:handleKeyDown};return g(ie,{onDismiss:()=>G&&closeList(!1),children:_(`div`,{className:u(c.wrapper,_e),"data-state":w?`error`:G?`open`:`closed`,"data-size":de,children:[x&&g(`label`,{className:c.label,htmlFor:I,children:x}),_(`div`,{className:c.field,children:[b?g(`input`,{...$,ref:R,type:`text`,className:c.trigger,autoComplete:`off`,"aria-autocomplete":`list`,placeholder:Q,value:G?q:Z?.label??``,onChange:e=>{let n=e.currentTarget.value;U.value=n,D?.(n),G||H(!0);let r=s(a(v,n,O)),i=t(r);W.value=i===-1&&k&&n.trim()!==``&&o(v,n.trim())?r.length:i},onClick:()=>{G||openList()}}):g(`button`,{...$,ref:R,type:`button`,className:c.trigger,onClick:()=>G?closeList():openList(),children:g(`span`,{className:u(c.value,Z?void 0:c.placeholder),children:Z?.label??Q})}),ue&&K!==void 0&&!T&&g(`button`,{type:`button`,className:c.clear,"aria-label":Ce,onClick:e=>{e.stopPropagation(),clear()},children:g(`span`,{className:c.clearGlyph,"aria-hidden":`true`})}),g(`span`,{className:c.chevron,"aria-hidden":`true`})]}),A!==void 0&&g(`input`,{type:`hidden`,name:A,value:K??``}),_(`div`,{className:c.popup,"data-state":G?`open`:`closed`,children:[_(`div`,{ref:z,role:`listbox`,id:L,className:c.listbox,"aria-label":S??x??Q,"aria-busy":E||void 0,children:[xe.map(e=>e.label===void 0?e.entries.map(({option:e,index:t})=>renderOption(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})=>renderOption(e,t))]},e.label)),Y&&g(`div`,{id:optionId(X),role:`option`,"aria-selected":!1,"data-state":X===W.value?`active`:void 0,className:u(c.option,c.create),onMouseDown:e=>e.preventDefault(),onClick:()=>activate(X),onMouseEnter:()=>{W.value=X},children:createLabel(q.trim())})]}),E?g(`div`,{className:c.empty,role:`status`,children:we}):J.length===0&&!Y?g(`div`,{className:c.empty,role:`status`,children:Se}):null]}),g(`span`,{id:ye,className:c.srOnly,role:`status`,"aria-live":`polite`,children:G&&!E?h(m.combobox.resultCount,{count:String(J.length)}):``}),w&&g(`span`,{id:`${F}-error`,className:c.error,role:`alert`,children:w}),!w&&C&&g(`span`,{id:`${F}-hint`,className:c.hint,children:C})]})})}export{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 enabledIndexes(e){let t=[];return e.forEach((e,n)=>{e.disabled||t.push(n)}),t}function moveActive(e,t,n){let r=enabledIndexes(n);if(r.length===0)return-1;let i=r.indexOf(e);return i===-1?t>0?r[0]:r[r.length-1]:r[(i+t+r.length)%r.length]}function firstActive(e){return enabledIndexes(e)[0]??-1}function lastActive(e){let t=enabledIndexes(e);return t[t.length-1]??-1}function pageActive(e,t,n){let r=enabledIndexes(n);if(r.length===0)return-1;let i=r.indexOf(e),a=i===-1?t>0?-1:r.length:i;return r[Math.min(Math.max(a+t*10,0),r.length-1)]}function activeForValue(e,t){if(t!==void 0){let n=e.findIndex(e=>e.value===t&&!e.disabled);if(n!==-1)return n}return firstActive(e)}export{activeForValue,firstActive,lastActive,moveActive,pageActive};

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

@@ -0,0 +1 @@
+function foldChar(e){return(e.normalize(`NFD`)[0]??e).toLowerCase()}function fold(e){return Array.from(e,foldChar)}function defaultMatch(e,t){let n=fold(t).join(``);return n===``?!0:fold(e.label).join(``).includes(n)||fold(e.value).join(``).includes(n)}function filterOptions(e,t,n){let r=n??defaultMatch;return t===``&&!n?e:e.filter(e=>r(e,t))}function highlightSegments(e,t){let n=fold(t).join(``);if(n===``)return[{text:e,match:!1}];let r=Array.from(e),i=fold(e).join(``).indexOf(n);if(i===-1)return[{text:e,match:!1}];let a=Array.from(t).length,o=[],s=r.slice(0,i).join(``),c=r.slice(i,i+a).join(``),l=r.slice(i+a).join(``);return s!==``&&o.push({text:s,match:!1}),o.push({text:c,match:!0}),l!==``&&o.push({text:l,match:!1}),o}function groupOptions(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 orderByGroup(e){return groupOptions(e).flatMap(e=>e.entries.map(e=>e.option))}function isNewLabel(e,t){let n=fold(t).join(``);return n===``?!1:!e.some(e=>fold(e.label).join(``)===n)}function typeaheadIndex(e,t,n){let r=fold(t).join(``);if(r===``||e.length===0)return-1;let i=e.map((t,r)=>(n+1+r)%e.length),a=i.find(t=>{let n=e[t];return n&&!n.disabled&&fold(n.label).join(``).startsWith(r)});return a===void 0?i.find(t=>{let n=e[t];return n&&!n.disabled&&fold(n.label).join(``).includes(r)})??-1:a}export{filterOptions,groupOptions,highlightSegments,isNewLabel,orderByGroup,typeaheadIndex};