@cascivo/react 0.18.0 → 1.1.0

package/dist/code/code.js

@@ -1,14 +1 @@
-import e from "./code.module.js";
-import { cn as t } from "@cascivo/core/pure";
-import { jsx as n } from "react/jsx-runtime";
-//#region ../components/src/code/code.tsx
-function r({ size: r = "md", className: i, children: a, ...o }) {
-	return /* @__PURE__ */ n("code", {
-		"data-size": r,
-		className: t(e.code, i),
-		...o,
-		children: a
-	});
-}
-//#endregion
-export { r as Code };
+import e from"./code.module.js";import{cn as t}from"@cascivo/core/pure";import{jsx as n}from"react/jsx-runtime";function r({size:r=`md`,className:i,children:a,...o}){return n(`code`,{"data-size":r,className:t(e.code,i),...o,children:a})}export{r as Code};

package/dist/code/code.module.js

@@ -1,4 +1,2 @@
 import './code.css';
-var e = { code: "_code_hxmy6_2" };
-//#endregion
-export { e as default };
+var e={code:`_code_hxmy6_2`};export{e as default};

package/dist/code-snippet/code-snippet.js

@@ -1,121 +1,2 @@
-"use client";
-
-import { tokenize as e } from "./highlight.js";
-import t from "./code-snippet.module.js";
-import { cn as n, useClipboard as r, useSignals as i } from "@cascivo/core";
-import { builtin as a, t as o } from "@cascivo/i18n";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
-//#region ../components/src/code-snippet/code-snippet.tsx
-function l() {
-	return globalThis.process?.env?.NODE_ENV !== "production";
-}
-function u({ code: n, language: r }) {
-	return /* @__PURE__ */ s("code", {
-		className: t.code,
-		children: e(n, r).map((e, t) => e.type === "text" ? /* @__PURE__ */ s("span", { children: e.value }, t) : /* @__PURE__ */ s("span", {
-			"data-tok": e.type,
-			children: e.value
-		}, t))
-	});
-}
-function d({ code: e, children: d, variant: f = "single", language: p, terminal: m = !1, title: h, showLineNumbers: g, showCopyButton: _, labels: v, className: y }) {
-	i();
-	let b = e ?? d ?? "";
-	l() && e === void 0 && d === void 0 && console.error("CodeSnippet: pass the code either as the `code` prop or as a plain-string child. Rendering nothing.");
-	let { copied: x, copy: S } = r(), C = v?.copy ?? o(a.codeSnippet.copy), w = v?.copied ?? o(a.codeSnippet.copied), T = _ ?? f !== "inline" ? /* @__PURE__ */ s("button", {
-		type: "button",
-		"aria-label": x.value ? w : C,
-		"data-state": x.value ? "copied" : "idle",
-		className: t.copy,
-		onClick: () => void S(b),
-		children: x.value ? /* @__PURE__ */ s("svg", {
-			"aria-hidden": "true",
-			viewBox: "0 0 16 16",
-			className: t.icon,
-			children: /* @__PURE__ */ s("path", {
-				d: "M13.5 4.5 6 12 2.5 8.5",
-				fill: "none",
-				stroke: "currentColor",
-				strokeWidth: "1.5",
-				strokeLinecap: "round",
-				strokeLinejoin: "round"
-			})
-		}) : /* @__PURE__ */ c("svg", {
-			"aria-hidden": "true",
-			viewBox: "0 0 16 16",
-			className: t.icon,
-			children: [/* @__PURE__ */ s("rect", {
-				x: "5.5",
-				y: "5.5",
-				width: "8",
-				height: "8",
-				rx: "1.5",
-				fill: "none",
-				stroke: "currentColor",
-				strokeWidth: "1.5"
-			}), /* @__PURE__ */ s("path", {
-				d: "M3.5 10.5h-1a1 1 0 0 1-1-1v-7a1 1 0 0 1 1-1h7a1 1 0 0 1 1 1v1",
-				fill: "none",
-				stroke: "currentColor",
-				strokeWidth: "1.5"
-			})]
-		})
-	}) : null;
-	if (f === "inline") return /* @__PURE__ */ c("span", {
-		className: n(t.root, y),
-		"data-variant": "inline",
-		children: [/* @__PURE__ */ s("code", {
-			className: t.inlineCode,
-			children: b
-		}), T]
-	});
-	let E = b.split("\n"), D = f === "multi" && g && !p;
-	return /* @__PURE__ */ c("div", {
-		className: n(t.root, y),
-		"data-variant": f,
-		"data-terminal": m ? "" : void 0,
-		children: [
-			m && /* @__PURE__ */ c("div", {
-				className: t.bar,
-				"aria-hidden": "true",
-				children: [/* @__PURE__ */ c("span", {
-					className: t.dots,
-					children: [
-						/* @__PURE__ */ s("span", { className: t.dot }),
-						/* @__PURE__ */ s("span", { className: t.dot }),
-						/* @__PURE__ */ s("span", { className: t.dot })
-					]
-				}), h && /* @__PURE__ */ s("span", {
-					className: t.title,
-					children: h
-				})]
-			}),
-			/* @__PURE__ */ s("pre", {
-				className: t.pre,
-				children: D ? /* @__PURE__ */ s("code", {
-					className: t.code,
-					children: E.map((e, n) => /* @__PURE__ */ c("span", {
-						className: t.line,
-						children: [/* @__PURE__ */ s("span", {
-							"aria-hidden": "true",
-							className: t.lineNumber,
-							children: n + 1
-						}), /* @__PURE__ */ s("span", {
-							className: t.lineText,
-							children: e
-						})]
-					}, n))
-				}) : p ? /* @__PURE__ */ s(u, {
-					code: b,
-					language: p
-				}) : /* @__PURE__ */ s("code", {
-					className: t.code,
-					children: b
-				})
-			}),
-			T
-		]
-	});
-}
-//#endregion
-export { d as CodeSnippet };
+"use client";import{tokenize as e}from"./highlight.js";import t from"./code-snippet.module.js";import{cn as n,useClipboard as r,useSignals as i}from"@cascivo/core";import{builtin as a,t as o}from"@cascivo/i18n";import{jsx as s,jsxs as c}from"react/jsx-runtime";function l(){return globalThis.process?.env?.NODE_ENV!==`production`}function u({code:n,language:r}){return s(`code`,{className:t.code,children:e(n,r).map((e,t)=>e.type===`text`?s(`span`,{children:e.value},t):s(`span`,{"data-tok":e.type,children:e.value},t))})}function d({code:e,children:d,variant:f=`single`,language:p,terminal:m=!1,title:h,showLineNumbers:g,showCopyButton:_,labels:v,className:y}){i();let b=e??d??``;l()&&e===void 0&&d===void 0&&console.error("CodeSnippet: pass the code either as the `code` prop or as a plain-string child. Rendering nothing.");let{copied:x,copy:S}=r(),C=v?.copy??o(a.codeSnippet.copy),w=v?.copied??o(a.codeSnippet.copied),T=_??f!==`inline`?s(`button`,{type:`button`,"aria-label":x.value?w:C,"data-state":x.value?`copied`:`idle`,className:t.copy,onClick:()=>void S(b),children:x.value?s(`svg`,{"aria-hidden":`true`,viewBox:`0 0 16 16`,className:t.icon,children:s(`path`,{d:`M13.5 4.5 6 12 2.5 8.5`,fill:`none`,stroke:`currentColor`,strokeWidth:`1.5`,strokeLinecap:`round`,strokeLinejoin:`round`})}):c(`svg`,{"aria-hidden":`true`,viewBox:`0 0 16 16`,className:t.icon,children:[s(`rect`,{x:`5.5`,y:`5.5`,width:`8`,height:`8`,rx:`1.5`,fill:`none`,stroke:`currentColor`,strokeWidth:`1.5`}),s(`path`,{d:`M3.5 10.5h-1a1 1 0 0 1-1-1v-7a1 1 0 0 1 1-1h7a1 1 0 0 1 1 1v1`,fill:`none`,stroke:`currentColor`,strokeWidth:`1.5`})]})}):null;if(f===`inline`)return c(`span`,{className:n(t.root,y),"data-variant":`inline`,children:[s(`code`,{className:t.inlineCode,children:b}),T]});let E=b.split(`
+`),D=f===`multi`&&g&&!p;return c(`div`,{className:n(t.root,y),"data-variant":f,"data-terminal":m?``:void 0,children:[m&&c(`div`,{className:t.bar,"aria-hidden":`true`,children:[c(`span`,{className:t.dots,children:[s(`span`,{className:t.dot}),s(`span`,{className:t.dot}),s(`span`,{className:t.dot})]}),h&&s(`span`,{className:t.title,children:h})]}),s(`pre`,{className:t.pre,children:D?s(`code`,{className:t.code,children:E.map((e,n)=>c(`span`,{className:t.line,children:[s(`span`,{"aria-hidden":`true`,className:t.lineNumber,children:n+1}),s(`span`,{className:t.lineText,children:e})]},n))}):p?s(u,{code:b,language:p}):s(`code`,{className:t.code,children:b})}),T]})}export{d as CodeSnippet};

package/dist/code-snippet/code-snippet.module.js

@@ -1,18 +1,2 @@
 import './code-snippet.css';
-var e = {
-	root: "_root_4lyzf_2",
-	inlineCode: "_inlineCode_4lyzf_12",
-	pre: "_pre_4lyzf_23",
-	code: "_code_4lyzf_44",
-	line: "_line_4lyzf_49",
-	lineNumber: "_lineNumber_4lyzf_54",
-	lineText: "_lineText_4lyzf_62",
-	copy: "_copy_4lyzf_66",
-	icon: "_icon_4lyzf_106",
-	bar: "_bar_4lyzf_153",
-	dots: "_dots_4lyzf_163",
-	dot: "_dot_4lyzf_163",
-	title: "_title_4lyzf_187"
-};
-//#endregion
-export { e as default };
+var e={root:`_root_4lyzf_2`,inlineCode:`_inlineCode_4lyzf_12`,pre:`_pre_4lyzf_23`,code:`_code_4lyzf_44`,line:`_line_4lyzf_49`,lineNumber:`_lineNumber_4lyzf_54`,lineText:`_lineText_4lyzf_62`,copy:`_copy_4lyzf_66`,icon:`_icon_4lyzf_106`,bar:`_bar_4lyzf_153`,dots:`_dots_4lyzf_163`,dot:`_dot_4lyzf_163`,title:`_title_4lyzf_187`};export{e as default};

package/dist/code-snippet/highlight.js

@@ -1,67 +1 @@
-//#region ../components/src/code-snippet/highlight.ts
-function e(e) {
-	return e.map(([e, t]) => ({
-		type: e,
-		re: RegExp(`^(?:${t})`)
-	}));
-}
-var t = "\"(?:[^\"\\\\]|\\\\.)*\"|'(?:[^'\\\\]|\\\\.)*'", n = "`(?:[^`\\\\]|\\\\.)*`", r = "const|let|var|function|return|if|else|for|while|do|switch|case|break|continue|new|class|extends|super|import|export|from|default|async|await|yield|typeof|instanceof|in|of|void|delete|this|null|true|false|undefined", i = `${r}|interface|type|as|readonly|enum|implements|public|private|protected|abstract|namespace|declare|satisfies|keyof|infer|is|string|number|boolean|unknown|never|any`, a = {
-	bash: e([
-		["comment", "#[^\\n]*"],
-		["string", t],
-		["prompt", "\\$(?= )"],
-		["keyword", "\\b(?:npx|npm|pnpm|yarn|bun|deno|node|git|cd|ls|cat|echo|export|sudo|mkdir|rm|cp|mv|curl|wget|chmod|source)\\b"],
-		["variable", "--?[A-Za-z][\\w-]*"],
-		["number", "\\b\\d+(?:\\.\\d+)?\\b"]
-	]),
-	css: e([
-		["comment", "/\\*[\\s\\S]*?\\*/"],
-		["string", t],
-		["keyword", "@[\\w-]+"],
-		["variable", "--[\\w-]+"],
-		["fn", "[\\w-]+(?=\\()"],
-		["number", "#[0-9a-fA-F]{3,8}\\b|-?\\d*\\.?\\d+(?:[a-z%]+)?"],
-		["punct", "[{}();:,]"]
-	]),
-	js: e([
-		["comment", "//[^\\n]*|/\\*[\\s\\S]*?\\*/"],
-		["string", `${t}|${n}`],
-		["keyword", `\\b(?:${r})\\b`],
-		["fn", "[A-Za-z_$][\\w$]*(?=\\()"],
-		["number", "-?\\d*\\.?\\d+"],
-		["punct", "[{}()\\[\\];:,.]|=>"]
-	]),
-	ts: e([
-		["comment", "//[^\\n]*|/\\*[\\s\\S]*?\\*/"],
-		["string", `${t}|${n}`],
-		["keyword", `\\b(?:${i})\\b`],
-		["fn", "[A-Za-z_$][\\w$]*(?=\\()"],
-		["number", "-?\\d*\\.?\\d+"],
-		["punct", "[{}()\\[\\];:,.]|=>"]
-	])
-};
-function o(e, t) {
-	let n = a[t], r = [], i = e, o = "", s = () => {
-		o &&= (r.push({
-			type: "text",
-			value: o
-		}), "");
-	};
-	for (; i.length > 0;) {
-		let e = !1;
-		for (let { type: t, re: a } of n) {
-			let n = a.exec(i);
-			if (n && n[0].length > 0) {
-				s(), r.push({
-					type: t,
-					value: n[0]
-				}), i = i.slice(n[0].length), e = !0;
-				break;
-			}
-		}
-		e || (o += i[0], i = i.slice(1));
-	}
-	return s(), r;
-}
-//#endregion
-export { o as tokenize };
+function e(e){return e.map(([e,t])=>({type:e,re:RegExp(`^(?:${t})`)}))}var t=`"(?:[^"\\\\]|\\\\.)*"|'(?:[^'\\\\]|\\\\.)*'`,n="`(?:[^`\\\\]|\\\\.)*`",r=`const|let|var|function|return|if|else|for|while|do|switch|case|break|continue|new|class|extends|super|import|export|from|default|async|await|yield|typeof|instanceof|in|of|void|delete|this|null|true|false|undefined`,i=`${r}|interface|type|as|readonly|enum|implements|public|private|protected|abstract|namespace|declare|satisfies|keyof|infer|is|string|number|boolean|unknown|never|any`,a={bash:e([[`comment`,`#[^\\n]*`],[`string`,t],[`prompt`,`\\$(?= )`],[`keyword`,`\\b(?:npx|npm|pnpm|yarn|bun|deno|node|git|cd|ls|cat|echo|export|sudo|mkdir|rm|cp|mv|curl|wget|chmod|source)\\b`],[`variable`,`--?[A-Za-z][\\w-]*`],[`number`,`\\b\\d+(?:\\.\\d+)?\\b`]]),css:e([[`comment`,`/\\*[\\s\\S]*?\\*/`],[`string`,t],[`keyword`,`@[\\w-]+`],[`variable`,`--[\\w-]+`],[`fn`,`[\\w-]+(?=\\()`],[`number`,`#[0-9a-fA-F]{3,8}\\b|-?\\d*\\.?\\d+(?:[a-z%]+)?`],[`punct`,`[{}();:,]`]]),js:e([[`comment`,`//[^\\n]*|/\\*[\\s\\S]*?\\*/`],[`string`,`${t}|${n}`],[`keyword`,`\\b(?:${r})\\b`],[`fn`,`[A-Za-z_$][\\w$]*(?=\\()`],[`number`,`-?\\d*\\.?\\d+`],[`punct`,`[{}()\\[\\];:,.]|=>`]]),ts:e([[`comment`,`//[^\\n]*|/\\*[\\s\\S]*?\\*/`],[`string`,`${t}|${n}`],[`keyword`,`\\b(?:${i})\\b`],[`fn`,`[A-Za-z_$][\\w$]*(?=\\()`],[`number`,`-?\\d*\\.?\\d+`],[`punct`,`[{}()\\[\\];:,.]|=>`]])};function o(e,t){let n=a[t],r=[],i=e,o=``,s=()=>{o&&=(r.push({type:`text`,value:o}),``)};for(;i.length>0;){let e=!1;for(let{type:t,re:a}of n){let n=a.exec(i);if(n&&n[0].length>0){s(),r.push({type:t,value:n[0]}),i=i.slice(n[0].length),e=!0;break}}e||(o+=i[0],i=i.slice(1))}return s(),r}export{o as tokenize};

package/dist/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/collapsible/collapsible.module.js

@@ -1,8 +1,2 @@
 import './collapsible.css';
-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/color-picker/color-picker.css

@@ -1 +1 @@
-@layer cascivo.component{._picker_1ehlq_2{gap:var(--cascivo-space-3);inline-size:fit-content;font-family:var(--cascivo-font-sans);flex-direction:column;display:flex}._picker_1ehlq_2[data-disabled]{opacity:.5;pointer-events:none}._picker_1ehlq_2[data-size=sm]{--cascivo-color-picker-area-size:9rem}._picker_1ehlq_2[data-size=md]{--cascivo-color-picker-area-size:12rem}._picker_1ehlq_2[data-size=lg]{--cascivo-color-picker-area-size:16rem}._label_1ehlq_27{font-size:var(--cascivo-text-sm);font-weight:var(--cascivo-font-medium);color:var(--cascivo-color-text);line-height:var(--cascivo-leading-snug)}._srOnly_1ehlq_34{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}._area_1ehlq_46{inline-size:var(--cascivo-color-picker-area-size,12rem);block-size:var(--cascivo-color-picker-area-size,12rem);border-radius:var(--cascivo-radius-md);cursor:crosshair;touch-action:none;background-image:linear-gradient(#0000,#000),linear-gradient(90deg,#fff,#0000);background-color:var(--cascivo-color-border);position:relative}._area_1ehlq_46:focus-visible{box-shadow:var(--cascivo-focus-ring);outline:none}._thumb_1ehlq_63{border-radius:var(--cascivo-radius-full);border:2px solid var(--cascivo-color-surface);block-size:.875rem;inline-size:.875rem;box-shadow:var(--cascivo-shadow-sm);pointer-events:none;position:absolute;transform:translate(-50%,-50%)}._sliders_1ehlq_74{gap:var(--cascivo-space-2);flex-direction:column;display:flex}._hue_1ehlq_80,._alpha_1ehlq_81{appearance:none;border-radius:var(--cascivo-radius-full);cursor:pointer;block-size:.75rem;inline-size:100%}:is(._hue_1ehlq_80,._alpha_1ehlq_81):focus-visible{box-shadow:var(--cascivo-focus-ring);outline:none}:is(._hue_1ehlq_80,._alpha_1ehlq_81)::-webkit-slider-thumb{appearance:none;border-radius:var(--cascivo-radius-full);background-color:var(--cascivo-color-surface);border:2px solid var(--cascivo-color-border-strong);block-size:1rem;inline-size:1rem;box-shadow:var(--cascivo-shadow-sm)}:is(._hue_1ehlq_80,._alpha_1ehlq_81)::-moz-range-thumb{border-radius:var(--cascivo-radius-full);background-color:var(--cascivo-color-surface);border:2px solid var(--cascivo-color-border-strong);block-size:1rem;inline-size:1rem;box-shadow:var(--cascivo-shadow-sm)}._hue_1ehlq_80{background-image:linear-gradient(90deg,red 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%)}._alpha_1ehlq_81{background-color:#fff;background-image:linear-gradient(to right, transparent, var(--cascivo-color-picker-solid,#000)), conic-gradient(#0000 .25turn, #ccc 0 .5turn, #0000 0 .75turn, #ccc 0);background-size:100% 100%,.5rem .5rem}._presets_1ehlq_136{gap:var(--cascivo-space-2);flex-wrap:wrap;display:flex}._preset_1ehlq_136{border-radius:var(--cascivo-radius-sm);border:1px solid var(--cascivo-color-border);cursor:pointer;block-size:1.5rem;inline-size:1.5rem;padding:0}._preset_1ehlq_136:focus-visible{box-shadow:var(--cascivo-focus-ring);outline:none}._preset_1ehlq_136[aria-pressed=true]{outline:2px solid var(--cascivo-color-accent);outline-offset:2px}._row_1ehlq_161{align-items:center;gap:var(--cascivo-space-2);display:flex}._preview_1ehlq_167{border-radius:var(--cascivo-radius-sm);border:1px solid var(--cascivo-color-border);flex-shrink:0;block-size:1.75rem;inline-size:1.75rem}._text_1ehlq_175{min-inline-size:0;font-family:var(--cascivo-font-mono);font-size:var(--cascivo-text-sm);padding-block:var(--cascivo-space-1);padding-inline:var(--cascivo-space-2);color:var(--cascivo-color-text);background-color:var(--cascivo-color-surface);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-control);flex:1}._text_1ehlq_175:focus-visible{box-shadow:var(--cascivo-focus-ring);outline:none}._eyedropper_1ehlq_193{block-size:1.75rem;inline-size:1.75rem;color:var(--cascivo-color-text);background-color:var(--cascivo-color-surface);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-control);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}._eyedropper_1ehlq_193:hover{background-color:var(--cascivo-color-bg-subtle)}._eyedropper_1ehlq_193:focus-visible{box-shadow:var(--cascivo-focus-ring);outline:none}}@media (forced-colors:active){._area_1ehlq_46:focus-visible,._preset_1ehlq_136:focus-visible,._eyedropper_1ehlq_193:focus-visible{outline-offset:2px;outline:2px solid highlight}}
+@layer cascivo.component{._wrapper_1tef2_2{gap:var(--cascivo-space-3);inline-size:fit-content;font-family:var(--cascivo-font-sans);flex-direction:column;display:flex}._wrapper_1tef2_2[data-disabled]{opacity:.5;pointer-events:none}._wrapper_1tef2_2[data-size=sm]{--cascivo-color-picker-area-size:9rem}._wrapper_1tef2_2[data-size=md]{--cascivo-color-picker-area-size:12rem}._wrapper_1tef2_2[data-size=lg]{--cascivo-color-picker-area-size:16rem}._label_1tef2_27{font-size:var(--cascivo-text-sm);font-weight:var(--cascivo-font-medium);color:var(--cascivo-color-text);line-height:var(--cascivo-leading-snug)}._srOnly_1tef2_34{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}._area_1tef2_46{inline-size:var(--cascivo-color-picker-area-size,12rem);block-size:var(--cascivo-color-picker-area-size,12rem);border-radius:var(--cascivo-radius-md);cursor:crosshair;touch-action:none;background-image:linear-gradient(#0000,#000),linear-gradient(90deg,#fff,#0000);background-color:var(--cascivo-color-border);position:relative}._area_1tef2_46:has(._axis_1tef2_57:focus-visible){box-shadow:var(--cascivo-focus-ring);outline:none}._axis_1tef2_57{opacity:0;cursor:crosshair;appearance:none;block-size:100%;inline-size:100%;margin:0;position:absolute;inset:0}._thumb_1tef2_77{border-radius:var(--cascivo-radius-full);border:2px solid var(--cascivo-color-surface);block-size:.875rem;inline-size:.875rem;box-shadow:var(--cascivo-shadow-sm);pointer-events:none;position:absolute;transform:translate(-50%,-50%)}._sliders_1tef2_88{gap:var(--cascivo-space-2);flex-direction:column;display:flex}._slider_1tef2_88{appearance:none;border-radius:var(--cascivo-radius-full);cursor:pointer;block-size:.75rem;inline-size:100%}._slider_1tef2_88:focus-visible{box-shadow:var(--cascivo-focus-ring);outline:none}._slider_1tef2_88::-webkit-slider-thumb{appearance:none;border-radius:var(--cascivo-radius-full);background-color:var(--cascivo-color-surface);border:2px solid var(--cascivo-color-border-strong);block-size:1rem;inline-size:1rem;box-shadow:var(--cascivo-shadow-sm)}._slider_1tef2_88::-moz-range-thumb{border-radius:var(--cascivo-radius-full);background-color:var(--cascivo-color-surface);border:2px solid var(--cascivo-color-border-strong);block-size:1rem;inline-size:1rem;box-shadow:var(--cascivo-shadow-sm)}._hue_1tef2_126{background-image:linear-gradient(90deg,red 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%)}._alpha_1tef2_139{background-color:#fff;background-image:linear-gradient(to right, transparent, var(--cascivo-color-picker-alpha-to,#000)), conic-gradient(#0000 .25turn, #ccc 0 .5turn, #0000 0 .75turn, #ccc 0);background-size:100% 100%,.5rem .5rem}._presets_1tef2_149{gap:var(--cascivo-space-2);flex-wrap:wrap;display:flex}._preset_1tef2_149{border-radius:var(--cascivo-radius-sm);border:1px solid var(--cascivo-color-border);cursor:pointer;block-size:1.5rem;inline-size:1.5rem;padding:0}._preset_1tef2_149:focus-visible{box-shadow:var(--cascivo-focus-ring);outline:none}._preset_1tef2_149[aria-pressed=true]{outline:2px solid var(--cascivo-color-accent);outline-offset:2px}._row_1tef2_174{align-items:center;gap:var(--cascivo-space-2);display:flex}._preview_1tef2_180{border-radius:var(--cascivo-radius-sm);border:1px solid var(--cascivo-color-border);flex-shrink:0;block-size:1.75rem;inline-size:1.75rem}._hex_1tef2_188{min-inline-size:0;font-family:var(--cascivo-font-mono);font-size:var(--cascivo-text-sm);padding-block:var(--cascivo-space-1);padding-inline:var(--cascivo-space-2);color:var(--cascivo-color-text);background-color:var(--cascivo-color-surface);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-control);flex:1}._hex_1tef2_188:focus-visible{box-shadow:var(--cascivo-focus-ring);outline:none}._eyedropper_1tef2_206{block-size:1.75rem;inline-size:1.75rem;color:var(--cascivo-color-text);background-color:var(--cascivo-color-surface);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-control);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}._eyedropper_1tef2_206:hover{background-color:var(--cascivo-color-bg-subtle)}._eyedropper_1tef2_206:focus-visible{box-shadow:var(--cascivo-focus-ring);outline:none}@media (pointer:coarse){._preset_1tef2_149,._eyedropper_1tef2_206,._preview_1tef2_180{min-inline-size:var(--cascivo-target-min-coarse,2.75rem);min-block-size:var(--cascivo-target-min-coarse,2.75rem)}._slider_1tef2_88{block-size:1.5rem}._hex_1tef2_188{min-block-size:var(--cascivo-target-min-coarse,2.75rem)}}}@media (prefers-reduced-motion:reduce){._thumb_1tef2_77,._preset_1tef2_149,._eyedropper_1tef2_206{transition-duration:1ms}}@media (forced-colors:active){._preset_1tef2_149:focus-visible,._eyedropper_1tef2_206:focus-visible{outline-offset:2px;outline:2px solid highlight}._area_1tef2_46:has(._axis_1tef2_57:focus-visible){outline-offset:2px;outline:2px solid highlight}}

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

@@ -1,268 +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, disabled: w, size: T = "md", className: E, labels: D }) {
-	s();
-	let O = t(), [k, A] = i({
-		value: v,
-		defaultValue: y ?? "#3b82f6",
-		onChange: b
-	}), j = n(null), M = a(!1), N = g(m(k.value)), P = (e) => {
-		A(h(_(e), S));
-	}, F = (e, t) => {
-		let n = j.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);
-		P({
-			h: N.h,
-			s: i * 100,
-			l: (1 - a) * 100,
-			a: N.a
-		});
-	};
-	o(() => {
-		if (!M.value) return;
-		let e = (e) => F(e.clientX, e.clientY), t = () => {
-			M.value = !1;
-		};
-		return window.addEventListener("pointermove", e), window.addEventListener("pointerup", t), () => {
-			window.removeEventListener("pointermove", e), window.removeEventListener("pointerup", t);
-		};
-	});
-	let I = (e) => {
-		let t = e.shiftKey ? 10 : 2, { s: n, l: r } = N;
-		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(), P({
-			h: N.h,
-			s: p(n, 0, 100),
-			l: p(r, 0, 100),
-			a: N.a
-		});
-	}, L = (e, t) => {
-		!x || x.length === 0 || A(x[(t + e + x.length) % x.length]);
-	}, R = typeof window < "u" ? window.EyeDropper : void 0, z = () => {
-		R && new R().open().then((e) => A(e.sRGBHex));
-	}, B = {
-		hue: D?.hue ?? l(c.colorPicker.hue),
-		alpha: D?.alpha ?? l(c.colorPicker.alpha),
-		colorArea: D?.colorArea ?? l(c.colorPicker.colorArea),
-		eyedropper: D?.eyedropper ?? l(c.colorPicker.eyedropper)
-	}, V = h(m(k.value), !1), H = `hsl(${N.h} 100% 50%)`;
-	return /* @__PURE__ */ f("div", {
-		className: r(e.picker, E),
-		"data-size": T,
-		"data-disabled": w || void 0,
-		children: [
-			C && /* @__PURE__ */ d("span", {
-				className: e.label,
-				id: `${O}-label`,
-				children: C
-			}),
-			/* @__PURE__ */ d("div", {
-				ref: j,
-				className: e.area,
-				role: "slider",
-				"aria-label": B.colorArea,
-				"aria-valuetext": V,
-				"aria-disabled": w || void 0,
-				tabIndex: w ? -1 : 0,
-				style: { background: H },
-				onPointerDown: (e) => {
-					w || (e.preventDefault(), M.value = !0, F(e.clientX, e.clientY));
-				},
-				onKeyDown: I,
-				children: /* @__PURE__ */ d("span", {
-					className: e.thumb,
-					style: {
-						insetInlineStart: `${N.s}%`,
-						insetBlockStart: `${100 - N.l}%`,
-						backgroundColor: V
-					}
-				})
-			}),
-			/* @__PURE__ */ f("div", {
-				className: e.sliders,
-				children: [
-					/* @__PURE__ */ d("label", {
-						className: e.srOnly,
-						htmlFor: `${O}-hue`,
-						children: B.hue
-					}),
-					/* @__PURE__ */ d("input", {
-						id: `${O}-hue`,
-						className: e.hue,
-						type: "range",
-						min: 0,
-						max: 360,
-						step: 1,
-						value: Math.round(N.h),
-						disabled: w,
-						"aria-label": B.hue,
-						onChange: (e) => P({
-							h: Number(e.target.value),
-							s: N.s,
-							l: N.l,
-							a: N.a
-						})
-					}),
-					S && /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d("label", {
-						className: e.srOnly,
-						htmlFor: `${O}-alpha`,
-						children: B.alpha
-					}), /* @__PURE__ */ d("input", {
-						id: `${O}-alpha`,
-						className: e.alpha,
-						type: "range",
-						min: 0,
-						max: 1,
-						step: .01,
-						value: N.a,
-						disabled: w,
-						"aria-label": B.alpha,
-						style: { "--cascivo-color-picker-solid": V },
-						onChange: (e) => P({
-							h: N.h,
-							s: N.s,
-							l: N.l,
-							a: Number(e.target.value)
-						})
-					})] })
-				]
-			}),
-			x && x.length > 0 && /* @__PURE__ */ d("div", {
-				className: e.presets,
-				role: "group",
-				"aria-label": B.colorArea,
-				children: x.map((t, n) => /* @__PURE__ */ d("button", {
-					type: "button",
-					className: e.preset,
-					style: { backgroundColor: t },
-					"aria-label": t,
-					"aria-pressed": t.toLowerCase() === k.value.toLowerCase(),
-					disabled: w,
-					onClick: () => A(t),
-					onKeyDown: (e) => {
-						e.key === "ArrowRight" ? (e.preventDefault(), L(1, n)) : e.key === "ArrowLeft" && (e.preventDefault(), L(-1, n));
-					}
-				}, t))
-			}),
-			/* @__PURE__ */ f("div", {
-				className: e.row,
-				children: [
-					/* @__PURE__ */ d("span", {
-						className: e.preview,
-						style: { backgroundColor: k.value },
-						"aria-hidden": "true"
-					}),
-					/* @__PURE__ */ d("input", {
-						className: e.text,
-						type: "text",
-						value: k.value,
-						disabled: w,
-						"aria-label": C ?? B.colorArea,
-						onChange: (e) => A(e.target.value)
-					}),
-					R && /* @__PURE__ */ d("button", {
-						type: "button",
-						className: e.eyedropper,
-						"aria-label": B.eyedropper,
-						disabled: w,
-						onClick: z,
-						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/color-picker/color-picker.module.js

@@ -1,19 +1,2 @@
 import './color-picker.css';
-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/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};