@proyecto-viviana/solidaria-components 0.5.0 → 0.7.0-rc.0

package/dist/ColorEditor.js

@@ -1,6 +1,7 @@
 import { ColorArea, ColorAreaGradient, ColorAreaThumb, ColorField, ColorFieldInput, ColorPicker, ColorSlider, ColorSliderThumb, ColorSliderTrack } from "./Color.js";
-import { className, createComponent, effect, getNextElement, getNextMarker, insert, memo, setAttribute, setProperty, style, template } from "solid-js/web";
-import { For, Show, createMemo, createSignal, splitProps } from "solid-js";
+import { className, createComponent, effect, getNextElement, getNextMarker, insert, memo, readShallow, setAttribute, setProperty, style, template } from "@solidjs/web";
+import { For, Show, createMemo, createSignal } from "solid-js";
+import { splitProps } from "@proyecto-viviana/solidaria/utils";
 import { getColorChannels } from "@proyecto-viviana/solid-stately";
 //#region src/ColorEditor.tsx
 /**
@@ -8,8 +9,12 @@ import { getColorChannels } from "@proyecto-viviana/solid-stately";
 *
 * A composite component that combines ColorArea, ColorSlider, and ColorField
 * into a complete color editing UI. Pure composition — no new ARIA hooks needed.
+* Based on @react-spectrum/color source:
+* https://github.com/adobe/react-spectrum/blob/5ecb3333001313e83898cd07644227897e3bae1f/packages/@adobe/react-spectrum/src/color/ColorEditor.tsx.
 */
-var _tmpl$ = /*#__PURE__*/ template(`<div>`), _tmpl$2 = /*#__PURE__*/ template(`<div class=solidaria-ColorEditor-top><!$><!/><!$><!/><!$><!/>`), _tmpl$3 = /*#__PURE__*/ template(`<div class=solidaria-ColorEditor-bottom><select aria-label="Color format"class=solidaria-ColorEditor-format><option value=hex>Hex</option><option value=rgb>RGB</option><option value=hsl>HSL</option><option value=hsb>HSB</option></select><!$><!/><!$><!/>`);
+var _tmpl$ = /* @__PURE__ */ template(`<div>`);
+var _tmpl$2 = /* @__PURE__ */ template(`<div class=solidaria-ColorEditor-top><!$><!/><!$><!/><!$><!/>`);
+var _tmpl$3 = /* @__PURE__ */ template(`<div class=solidaria-ColorEditor-bottom><select aria-label="Color format"class=solidaria-ColorEditor-format><option value=hex>Hex</option><option value=rgb>RGB</option><option value=hsl>HSL</option><option value=hsb>HSB</option></select><!$><!/><!$><!/>`);
 /**
 * ColorEditor provides a default UI for editing colors.
 *
@@ -43,7 +48,7 @@ function ColorEditor(props) {
 		if (typeof local.class === "function") return local.class({ colorSpace: activeSpace() });
 		return local.class ?? "";
 	};
-	if (local.children) return (() => {
+	if (local.children) {
 		var _el$ = getNextElement(_tmpl$);
 		insert(_el$, createComponent(ColorPicker, {
 			get value() {
@@ -57,17 +62,17 @@ function ColorEditor(props) {
 			},
 			children: () => local.children
 		}));
-		effect((_p$) => {
-			var _v$ = resolvedClass(), _v$2 = local.style;
-			_v$ !== _p$.e && className(_el$, _p$.e = _v$);
-			_p$.t = style(_el$, _v$2, _p$.t);
-			return _p$;
-		}, {
-			e: void 0,
-			t: void 0
+		effect(() => {
+			return {
+				e: readShallow(resolvedClass()),
+				t: readShallow(local.style)
+			};
+		}, ({ e, t }, _p$) => {
+			className(_el$, e, _p$?.e);
+			style(_el$, t, _p$?.t);
 		});
 		return _el$;
-	})();
+	}
 	const areaChannels = createMemo(() => {
 		const space = activeSpace();
 		if (space === "hsb" || space === "hex") return {
@@ -86,121 +91,139 @@ function ColorEditor(props) {
 			colorSpace: "rgb"
 		};
 	});
-	return (() => {
-		var _el$2 = getNextElement(_tmpl$);
-		insert(_el$2, createComponent(ColorPicker, {
-			get value() {
-				return local.value;
-			},
-			get defaultValue() {
-				return local.defaultValue;
-			},
-			get onChange() {
-				return local.onChange;
-			},
-			children: () => [(() => {
-				var _el$3 = getNextElement(_tmpl$2), _el$4 = _el$3.firstChild, [_el$5, _co$] = getNextMarker(_el$4.nextSibling), _el$6 = _el$5.nextSibling, [_el$7, _co$2] = getNextMarker(_el$6.nextSibling), _el$8 = _el$7.nextSibling, [_el$9, _co$3] = getNextMarker(_el$8.nextSibling);
-				insert(_el$3, createComponent(ColorArea, {
-					get xChannel() {
-						return areaChannels().x;
-					},
-					get yChannel() {
-						return areaChannels().y;
-					},
-					get isDisabled() {
-						return local.isDisabled;
-					},
-					children: () => [createComponent(ColorAreaGradient, {}), createComponent(ColorAreaThumb, {})]
-				}), _el$5, _co$);
-				insert(_el$3, createComponent(ColorSlider, {
-					channel: "hue",
-					get isDisabled() {
-						return local.isDisabled;
-					},
-					"aria-label": "Hue",
-					children: () => createComponent(ColorSliderTrack, { children: () => createComponent(ColorSliderThumb, {}) })
-				}), _el$7, _co$2);
-				insert(_el$3, createComponent(Show, {
-					get when() {
-						return !local.hideAlphaChannel;
-					},
-					get children() {
-						return createComponent(ColorSlider, {
-							channel: "alpha",
-							get isDisabled() {
-								return local.isDisabled;
-							},
-							"aria-label": "Alpha",
-							children: () => createComponent(ColorSliderTrack, { children: () => createComponent(ColorSliderThumb, {}) })
-						});
-					}
-				}), _el$9, _co$3);
-				return _el$3;
-			})(), (() => {
-				var _el$0 = getNextElement(_tmpl$3), _el$1 = _el$0.firstChild, _el$10 = _el$1.nextSibling, [_el$11, _co$4] = getNextMarker(_el$10.nextSibling), _el$12 = _el$11.nextSibling, [_el$13, _co$5] = getNextMarker(_el$12.nextSibling);
-				_el$1.addEventListener("change", (e) => handleSpaceChange(e.currentTarget.value));
-				insert(_el$0, createComponent(Show, {
-					get when() {
-						return activeSpace() !== "hex";
-					},
-					get fallback() {
-						return createComponent(ColorField, {
-							get isDisabled() {
-								return local.isDisabled;
-							},
-							"aria-label": "Hex color",
-							children: () => createComponent(ColorFieldInput, {})
-						});
-					},
-					get children() {
-						return createComponent(For, {
-							get each() {
-								return channels();
-							},
-							children: (channel) => createComponent(ColorField, {
-								channel,
-								get isDisabled() {
-									return local.isDisabled;
-								},
-								"aria-label": channel,
-								children: () => createComponent(ColorFieldInput, {})
-							})
-						});
-					}
-				}), _el$11, _co$4);
-				insert(_el$0, createComponent(Show, {
-					get when() {
-						return memo(() => !!!local.hideAlphaChannel)() && activeSpace() !== "hex";
-					},
-					get children() {
-						return createComponent(ColorField, {
-							channel: "alpha",
+	var _el$2 = getNextElement(_tmpl$);
+	insert(_el$2, createComponent(ColorPicker, {
+		get value() {
+			return local.value;
+		},
+		get defaultValue() {
+			return local.defaultValue;
+		},
+		get onChange() {
+			return local.onChange;
+		},
+		children: () => [(() => {
+			var _el$3 = getNextElement(_tmpl$2);
+			var _el$4 = _el$3.firstChild;
+			var [_el$5, _el$6] = getNextMarker(_el$4.nextSibling);
+			var _el$7 = _el$5.nextSibling;
+			var [_el$8, _el$9] = getNextMarker(_el$7.nextSibling);
+			var _el$10 = _el$8.nextSibling;
+			var [_el$11, _el$12] = getNextMarker(_el$10.nextSibling);
+			insert(_el$3, createComponent(ColorArea, {
+				get xChannel() {
+					return areaChannels().x;
+				},
+				get yChannel() {
+					return areaChannels().y;
+				},
+				get isDisabled() {
+					return local.isDisabled;
+				},
+				children: () => [createComponent(ColorAreaGradient, {}), createComponent(ColorAreaThumb, {})]
+			}), _el$5, _el$6);
+			insert(_el$3, createComponent(ColorSlider, {
+				channel: "hue",
+				get isDisabled() {
+					return local.isDisabled;
+				},
+				"aria-label": "Hue",
+				children: () => createComponent(ColorSliderTrack, { children: () => createComponent(ColorSliderThumb, {}) })
+			}), _el$8, _el$9);
+			insert(_el$3, createComponent(Show, {
+				get when() {
+					return !local.hideAlphaChannel;
+				},
+				get children() {
+					return createComponent(ColorSlider, {
+						channel: "alpha",
+						get isDisabled() {
+							return local.isDisabled;
+						},
+						"aria-label": "Alpha",
+						children: () => createComponent(ColorSliderTrack, { children: () => createComponent(ColorSliderThumb, {}) })
+					});
+				}
+			}), _el$11, _el$12);
+			return _el$3;
+		})(), (() => {
+			var _el$13 = getNextElement(_tmpl$3);
+			var _el$14 = _el$13.firstChild;
+			var _el$15 = _el$14.nextSibling;
+			var [_el$16, _el$17] = getNextMarker(_el$15.nextSibling);
+			var _el$18 = _el$16.nextSibling;
+			var [_el$19, _el$20] = getNextMarker(_el$18.nextSibling);
+			_el$14.addEventListener("change", (e) => handleSpaceChange(e.currentTarget.value));
+			insert(_el$13, createComponent(Show, {
+				get when() {
+					return activeSpace() !== "hex";
+				},
+				get fallback() {
+					return createComponent(ColorField, {
+						get isDisabled() {
+							return local.isDisabled;
+						},
+						"aria-label": "Hex color",
+						children: () => createComponent(ColorFieldInput, {})
+					});
+				},
+				get children() {
+					return createComponent(For, {
+						get each() {
+							return channels();
+						},
+						children: (channel) => createComponent(ColorField, {
+							channel,
 							get isDisabled() {
 								return local.isDisabled;
 							},
-							"aria-label": "Alpha",
+							"aria-label": channel,
 							children: () => createComponent(ColorFieldInput, {})
-						});
-					}
-				}), _el$13, _co$5);
-				effect(() => setProperty(_el$1, "disabled", local.isDisabled));
-				effect(() => setProperty(_el$1, "value", activeSpace()));
-				return _el$0;
-			})()]
-		}));
-		effect((_p$) => {
-			var _v$3 = `solidaria-ColorEditor ${resolvedClass()}`, _v$4 = local.style, _v$5 = activeSpace();
-			_v$3 !== _p$.e && className(_el$2, _p$.e = _v$3);
-			_p$.t = style(_el$2, _v$4, _p$.t);
-			_v$5 !== _p$.a && setAttribute(_el$2, "data-color-space", _p$.a = _v$5);
-			return _p$;
-		}, {
-			e: void 0,
-			t: void 0,
-			a: void 0
-		});
-		return _el$2;
-	})();
+						})
+					});
+				}
+			}), _el$16, _el$17);
+			insert(_el$13, createComponent(Show, {
+				get when() {
+					return memo(() => {
+						return !local.hideAlphaChannel;
+					})() && activeSpace() !== "hex";
+				},
+				get children() {
+					return createComponent(ColorField, {
+						channel: "alpha",
+						get isDisabled() {
+							return local.isDisabled;
+						},
+						"aria-label": "Alpha",
+						children: () => createComponent(ColorFieldInput, {})
+					});
+				}
+			}), _el$19, _el$20);
+			effect(() => {
+				return {
+					e: activeSpace(),
+					t: local.isDisabled
+				};
+			}, ({ e, t }, _p$) => {
+				setProperty(_el$14, "value", e);
+				t !== _p$?.t && setAttribute(_el$14, "disabled", t);
+			});
+			return _el$13;
+		})()]
+	}));
+	effect(() => {
+		return {
+			e: `solidaria-ColorEditor ${resolvedClass()}`,
+			t: readShallow(local.style),
+			a: activeSpace()
+		};
+	}, ({ e, t, a }, _p$) => {
+		className(_el$2, e, _p$?.e);
+		style(_el$2, t, _p$?.t);
+		a !== _p$?.a && setAttribute(_el$2, "data-color-space", a);
+	});
+	return _el$2;
 }
 //#endregion
 export { ColorEditor };

package/dist/ColorEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColorEditor.js","names":["JSX","createSignal","For","Show","splitProps","createMemo","ColorPicker","ColorArea","ColorAreaGradient","ColorAreaThumb","ColorSlider","ColorSliderTrack","ColorSliderThumb","ColorField","ColorFieldInput","getColorChannels","Color","ColorChannel","ColorSpace","ColorEditorColorSpace","ColorEditorRenderProps","colorSpace","ColorEditorProps","value","defaultValue","onChange","color","hideAlphaChannel","onColorSpaceChange","class","renderProps","style","CSSProperties","children","Element","isDisabled","ColorEditor","props","local","activeSpace","setActiveSpace","handleSpaceChange","space","channels","resolvedClass","_el$","_$getNextElement","_tmpl$","_$insert","_$createComponent","_$effect","_p$","_v$","_v$2","e","_$className","t","_$style","undefined","areaChannels","x","y","_el$2","_el$3","_tmpl$2","_el$4","firstChild","_el$5","_co$","_$getNextMarker","nextSibling","_el$6","_el$7","_co$2","_el$8","_el$9","_co$3","xChannel","yChannel","channel","when","_el$0","_tmpl$3","_el$1","_el$10","_el$11","_co$4","_el$12","_el$13","_co$5","addEventListener","currentTarget","fallback","each","_$memo","_$setProperty","_v$3","_v$4","_v$5","a","_$setAttribute"],"sources":["../src/ColorEditor.tsx"],"sourcesContent":["/**\n * ColorEditor headless component\n *\n * A composite component that combines ColorArea, ColorSlider, and ColorField\n * into a complete color editing UI. Pure composition — no new ARIA hooks needed.\n */\n\nimport { type JSX, createSignal, For, Show, splitProps, createMemo } from \"solid-js\";\nimport {\n  ColorPicker,\n  ColorArea,\n  ColorAreaGradient,\n  ColorAreaThumb,\n  ColorSlider,\n  ColorSliderTrack,\n  ColorSliderThumb,\n  ColorField,\n  ColorFieldInput,\n} from \"./Color\";\nimport { getColorChannels } from \"@proyecto-viviana/solid-stately\";\nimport type { Color, ColorChannel, ColorSpace } from \"@proyecto-viviana/solid-stately\";\n\nexport type ColorEditorColorSpace = \"rgb\" | \"hsl\" | \"hsb\";\n\nexport interface ColorEditorRenderProps {\n  colorSpace: ColorEditorColorSpace | \"hex\";\n}\n\nexport interface ColorEditorProps {\n  /** The current color value (controlled). */\n  value?: Color | string;\n  /** The default color value (uncontrolled). */\n  defaultValue?: Color | string;\n  /** Handler called when the color changes. */\n  onChange?: (color: Color) => void;\n  /** Whether to hide the alpha channel. */\n  hideAlphaChannel?: boolean;\n  /** The initial color space. @default 'hex' */\n  colorSpace?: ColorEditorColorSpace | \"hex\";\n  /** Handler called when the color space changes. */\n  onColorSpaceChange?: (colorSpace: ColorEditorColorSpace | \"hex\") => void;\n  /** The CSS class name. */\n  class?: string | ((renderProps: ColorEditorRenderProps) => string);\n  /** The inline style. */\n  style?: JSX.CSSProperties;\n  /** Children override. If provided, replaces the default layout. */\n  children?: JSX.Element;\n  /** Whether the editor is disabled. */\n  isDisabled?: boolean;\n}\n\n/**\n * ColorEditor provides a default UI for editing colors.\n *\n * Composes: ColorArea + ColorSlider (hue) + optional ColorSlider (alpha) +\n * color space selector + channel ColorFields.\n */\nexport function ColorEditor(props: ColorEditorProps): JSX.Element {\n  const [local] = splitProps(props, [\n    \"value\",\n    \"defaultValue\",\n    \"onChange\",\n    \"hideAlphaChannel\",\n    \"colorSpace\",\n    \"onColorSpaceChange\",\n    \"class\",\n    \"style\",\n    \"children\",\n    \"isDisabled\",\n  ]);\n\n  const [activeSpace, setActiveSpace] = createSignal<ColorEditorColorSpace | \"hex\">(\n    local.colorSpace ?? \"hex\",\n  );\n\n  const handleSpaceChange = (space: ColorEditorColorSpace | \"hex\") => {\n    setActiveSpace(space);\n    local.onColorSpaceChange?.(space);\n  };\n\n  const channels = createMemo<ColorChannel[]>(() => {\n    const space = activeSpace();\n    if (space === \"hex\") return [];\n    return getColorChannels(space as ColorSpace);\n  });\n\n  const resolvedClass = () => {\n    if (typeof local.class === \"function\") {\n      return local.class({ colorSpace: activeSpace() });\n    }\n    return local.class ?? \"\";\n  };\n\n  if (local.children) {\n    return (\n      <div class={resolvedClass()} style={local.style}>\n        <ColorPicker\n          value={local.value}\n          defaultValue={local.defaultValue}\n          onChange={local.onChange}\n        >\n          {() => local.children}\n        </ColorPicker>\n      </div>\n    );\n  }\n\n  const areaChannels = createMemo(() => {\n    const space = activeSpace();\n    if (space === \"hsb\" || space === \"hex\") {\n      return {\n        x: \"saturation\" as ColorChannel,\n        y: \"brightness\" as ColorChannel,\n        colorSpace: \"hsb\" as ColorSpace,\n      };\n    }\n    if (space === \"hsl\") {\n      return {\n        x: \"saturation\" as ColorChannel,\n        y: \"lightness\" as ColorChannel,\n        colorSpace: \"hsl\" as ColorSpace,\n      };\n    }\n    return {\n      x: \"green\" as ColorChannel,\n      y: \"blue\" as ColorChannel,\n      colorSpace: \"rgb\" as ColorSpace,\n    };\n  });\n\n  return (\n    <div\n      class={`solidaria-ColorEditor ${resolvedClass()}`}\n      style={local.style}\n      data-color-space={activeSpace()}\n    >\n      <ColorPicker value={local.value} defaultValue={local.defaultValue} onChange={local.onChange}>\n        {() => (\n          <>\n            <div class=\"solidaria-ColorEditor-top\">\n              <ColorArea\n                xChannel={areaChannels().x}\n                yChannel={areaChannels().y}\n                isDisabled={local.isDisabled}\n              >\n                {() => (\n                  <>\n                    <ColorAreaGradient />\n                    <ColorAreaThumb />\n                  </>\n                )}\n              </ColorArea>\n\n              <ColorSlider channel=\"hue\" isDisabled={local.isDisabled} aria-label=\"Hue\">\n                {() => <ColorSliderTrack>{() => <ColorSliderThumb />}</ColorSliderTrack>}\n              </ColorSlider>\n\n              <Show when={!local.hideAlphaChannel}>\n                <ColorSlider channel=\"alpha\" isDisabled={local.isDisabled} aria-label=\"Alpha\">\n                  {() => <ColorSliderTrack>{() => <ColorSliderThumb />}</ColorSliderTrack>}\n                </ColorSlider>\n              </Show>\n            </div>\n\n            <div class=\"solidaria-ColorEditor-bottom\">\n              <select\n                value={activeSpace()}\n                onChange={(e) =>\n                  handleSpaceChange(e.currentTarget.value as ColorEditorColorSpace | \"hex\")\n                }\n                disabled={local.isDisabled}\n                aria-label=\"Color format\"\n                class=\"solidaria-ColorEditor-format\"\n              >\n                <option value=\"hex\">Hex</option>\n                <option value=\"rgb\">RGB</option>\n                <option value=\"hsl\">HSL</option>\n                <option value=\"hsb\">HSB</option>\n              </select>\n\n              <Show\n                when={activeSpace() !== \"hex\"}\n                fallback={\n                  <ColorField isDisabled={local.isDisabled} aria-label=\"Hex color\">\n                    {() => <ColorFieldInput />}\n                  </ColorField>\n                }\n              >\n                <For each={channels()}>\n                  {(channel) => (\n                    <ColorField\n                      channel={channel}\n                      isDisabled={local.isDisabled}\n                      aria-label={channel}\n                    >\n                      {() => <ColorFieldInput />}\n                    </ColorField>\n                  )}\n                </For>\n              </Show>\n\n              <Show when={!local.hideAlphaChannel && activeSpace() !== \"hex\"}>\n                <ColorField channel=\"alpha\" isDisabled={local.isDisabled} aria-label=\"Alpha\">\n                  {() => <ColorFieldInput />}\n                </ColorField>\n              </Show>\n            </div>\n          </>\n        )}\n      </ColorPicker>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"ColorEditor.js","names":["<ColorPicker\n          value={local.value}\n          defaultValue={local.defaultValue}\n          onChange={local.onChange}\n        >\n          {() => local.children}\n        </ColorPicker>","style={local.style}","<div class={resolvedClass()} style={local.style}>\n        <ColorPicker\n          value={local.value}\n          defaultValue={local.defaultValue}\n          onChange={local.onChange}\n        >\n          {() => local.children}\n        </ColorPicker>\n      </div>","<ColorPicker value={local.value} defaultValue={local.defaultValue} onChange={local.onChange}>\n        {() => (\n          <>\n            <div class=\"solidaria-ColorEditor-top\">\n              <ColorArea\n                xChannel={areaChannels().x}\n                yChannel={areaChannels().y}\n                isDisabled={local.isDisabled}\n              >\n                {() => (\n                  <>\n                    <ColorAreaGradient />\n                    <ColorAreaThumb />\n                  </>\n                )}\n              </ColorArea>\n\n              <ColorSlider channel=\"hue\" isDisabled={local.isDisabled} aria-label=\"Hue\">\n                {() => <ColorSliderTrack>{() => <ColorSliderThumb />}</ColorSliderTrack>}\n              </ColorSlider>\n\n              <Show when={!local.hideAlphaChannel}>\n                <ColorSlider channel=\"alpha\" isDisabled={local.isDisabled} aria-label=\"Alpha\">\n                  {() => <ColorSliderTrack>{() => <ColorSliderThumb />}</ColorSliderTrack>}\n                </ColorSlider>\n              </Show>\n            </div>\n\n            <div class=\"solidaria-ColorEditor-bottom\">\n              <select\n                value={activeSpace()}\n                onChange={(e) =>\n                  handleSpaceChange(e.currentTarget.value as ColorEditorColorSpace | \"hex\")\n                }\n                disabled={local.isDisabled}\n                aria-label=\"Color format\"\n                class=\"solidaria-ColorEditor-format\"\n              >\n                <option value=\"hex\">Hex</option>\n                <option value=\"rgb\">RGB</option>\n                <option value=\"hsl\">HSL</option>\n                <option value=\"hsb\">HSB</option>\n              </select>\n\n              <Show\n                when={activeSpace() !== \"hex\"}\n                fallback={\n                  <ColorField isDisabled={local.isDisabled} aria-label=\"Hex color\">\n                    {() => <ColorFieldInput />}\n                  </ColorField>\n                }\n              >\n                <For each={channels()}>\n                  {(channel) => (\n                    <ColorField\n                      channel={channel}\n                      isDisabled={local.isDisabled}\n                      aria-label={channel}\n                    >\n                      {() => <ColorFieldInput />}\n                    </ColorField>\n                  )}\n                </For>\n              </Show>\n\n              <Show when={!local.hideAlphaChannel && activeSpace() !== \"hex\"}>\n                <ColorField channel=\"alpha\" isDisabled={local.isDisabled} aria-label=\"Alpha\">\n                  {() => <ColorFieldInput />}\n                </ColorField>\n              </Show>\n            </div>\n          </>\n        )}\n      </ColorPicker>","<ColorArea\n                xChannel={areaChannels().x}\n                yChannel={areaChannels().y}\n                isDisabled={local.isDisabled}\n              >\n                {() => (\n                  <>\n                    <ColorAreaGradient />\n                    <ColorAreaThumb />\n                  </>\n                )}\n              </ColorArea>","<ColorAreaGradient />","<ColorAreaThumb />","<div class=\"solidaria-ColorEditor-top\">\n              <ColorArea\n                xChannel={areaChannels().x}\n                yChannel={areaChannels().y}\n                isDisabled={local.isDisabled}\n              >\n                {() => (\n                  <>\n                    <ColorAreaGradient />\n                    <ColorAreaThumb />\n                  </>\n                )}\n              </ColorArea>\n\n              <ColorSlider channel=\"hue\" isDisabled={local.isDisabled} aria-label=\"Hue\">\n                {() => <ColorSliderTrack>{() => <ColorSliderThumb />}</ColorSliderTrack>}\n              </ColorSlider>\n\n              <Show when={!local.hideAlphaChannel}>\n                <ColorSlider channel=\"alpha\" isDisabled={local.isDisabled} aria-label=\"Alpha\">\n                  {() => <ColorSliderTrack>{() => <ColorSliderThumb />}</ColorSliderTrack>}\n                </ColorSlider>\n              </Show>\n            </div>","<ColorSlider channel=\"hue\" isDisabled={local.isDisabled} aria-label=\"Hue\">\n                {() => <ColorSliderTrack>{() => <ColorSliderThumb />}</ColorSliderTrack>}\n              </ColorSlider>","channel=\"hue\"","<ColorSliderTrack>{() => <ColorSliderThumb />}</ColorSliderTrack>","<ColorSliderThumb />","<Show when={!local.hideAlphaChannel}>\n                <ColorSlider channel=\"alpha\" isDisabled={local.isDisabled} aria-label=\"Alpha\">\n                  {() => <ColorSliderTrack>{() => <ColorSliderThumb />}</ColorSliderTrack>}\n                </ColorSlider>\n              </Show>","<ColorSlider channel=\"alpha\" isDisabled={local.isDisabled} aria-label=\"Alpha\">\n                  {() => <ColorSliderTrack>{() => <ColorSliderThumb />}</ColorSliderTrack>}\n                </ColorSlider>","channel=\"alpha\"","<Show\n                when={activeSpace() !== \"hex\"}\n                fallback={\n                  <ColorField isDisabled={local.isDisabled} aria-label=\"Hex color\">\n                    {() => <ColorFieldInput />}\n                  </ColorField>\n                }\n              >\n                <For each={channels()}>\n                  {(channel) => (\n                    <ColorField\n                      channel={channel}\n                      isDisabled={local.isDisabled}\n                      aria-label={channel}\n                    >\n                      {() => <ColorFieldInput />}\n                    </ColorField>\n                  )}\n                </For>\n              </Show>","<ColorField isDisabled={local.isDisabled} aria-label=\"Hex color\">\n                    {() => <ColorFieldInput />}\n                  </ColorField>","<ColorFieldInput />","<For each={channels()}>\n                  {(channel) => (\n                    <ColorField\n                      channel={channel}\n                      isDisabled={local.isDisabled}\n                      aria-label={channel}\n                    >\n                      {() => <ColorFieldInput />}\n                    </ColorField>\n                  )}\n                </For>","<ColorField\n                      channel={channel}\n                      isDisabled={local.isDisabled}\n                      aria-label={channel}\n                    >\n                      {() => <ColorFieldInput />}\n                    </ColorField>","<div class=\"solidaria-ColorEditor-bottom\">\n              <select\n                value={activeSpace()}\n                onChange={(e) =>\n                  handleSpaceChange(e.currentTarget.value as ColorEditorColorSpace | \"hex\")\n                }\n                disabled={local.isDisabled}\n                aria-label=\"Color format\"\n                class=\"solidaria-ColorEditor-format\"\n              >\n                <option value=\"hex\">Hex</option>\n                <option value=\"rgb\">RGB</option>\n                <option value=\"hsl\">HSL</option>\n                <option value=\"hsb\">HSB</option>\n              </select>\n\n              <Show\n                when={activeSpace() !== \"hex\"}\n                fallback={\n                  <ColorField isDisabled={local.isDisabled} aria-label=\"Hex color\">\n                    {() => <ColorFieldInput />}\n                  </ColorField>\n                }\n              >\n                <For each={channels()}>\n                  {(channel) => (\n                    <ColorField\n                      channel={channel}\n                      isDisabled={local.isDisabled}\n                      aria-label={channel}\n                    >\n                      {() => <ColorFieldInput />}\n                    </ColorField>\n                  )}\n                </For>\n              </Show>\n\n              <Show when={!local.hideAlphaChannel && activeSpace() !== \"hex\"}>\n                <ColorField channel=\"alpha\" isDisabled={local.isDisabled} aria-label=\"Alpha\">\n                  {() => <ColorFieldInput />}\n                </ColorField>\n              </Show>\n            </div>","<Show when={!local.hideAlphaChannel && activeSpace() !== \"hex\"}>\n                <ColorField channel=\"alpha\" isDisabled={local.isDisabled} aria-label=\"Alpha\">\n                  {() => <ColorFieldInput />}\n                </ColorField>\n              </Show>","!local.hideAlphaChannel && activeSpace() !== \"hex\"","<ColorField channel=\"alpha\" isDisabled={local.isDisabled} aria-label=\"Alpha\">\n                  {() => <ColorFieldInput />}\n                </ColorField>","disabled={local.isDisabled}","data-color-space={activeSpace()}","<div\n      class={`solidaria-ColorEditor ${resolvedClass()}`}\n      style={local.style}\n      data-color-space={activeSpace()}\n    >\n      <ColorPicker value={local.value} defaultValue={local.defaultValue} onChange={local.onChange}>\n        {() => (\n          <>\n            <div class=\"solidaria-ColorEditor-top\">\n              <ColorArea\n                xChannel={areaChannels().x}\n                yChannel={areaChannels().y}\n                isDisabled={local.isDisabled}\n              >\n                {() => (\n                  <>\n                    <ColorAreaGradient />\n                    <ColorAreaThumb />\n                  </>\n                )}\n              </ColorArea>\n\n              <ColorSlider channel=\"hue\" isDisabled={local.isDisabled} aria-label=\"Hue\">\n                {() => <ColorSliderTrack>{() => <ColorSliderThumb />}</ColorSliderTrack>}\n              </ColorSlider>\n\n              <Show when={!local.hideAlphaChannel}>\n                <ColorSlider channel=\"alpha\" isDisabled={local.isDisabled} aria-label=\"Alpha\">\n                  {() => <ColorSliderTrack>{() => <ColorSliderThumb />}</ColorSliderTrack>}\n                </ColorSlider>\n              </Show>\n            </div>\n\n            <div class=\"solidaria-ColorEditor-bottom\">\n              <select\n                value={activeSpace()}\n                onChange={(e) =>\n                  handleSpaceChange(e.currentTarget.value as ColorEditorColorSpace | \"hex\")\n                }\n                disabled={local.isDisabled}\n                aria-label=\"Color format\"\n                class=\"solidaria-ColorEditor-format\"\n              >\n                <option value=\"hex\">Hex</option>\n                <option value=\"rgb\">RGB</option>\n                <option value=\"hsl\">HSL</option>\n                <option value=\"hsb\">HSB</option>\n              </select>\n\n              <Show\n                when={activeSpace() !== \"hex\"}\n                fallback={\n                  <ColorField isDisabled={local.isDisabled} aria-label=\"Hex color\">\n                    {() => <ColorFieldInput />}\n                  </ColorField>\n                }\n              >\n                <For each={channels()}>\n                  {(channel) => (\n                    <ColorField\n                      channel={channel}\n                      isDisabled={local.isDisabled}\n                      aria-label={channel}\n                    >\n                      {() => <ColorFieldInput />}\n                    </ColorField>\n                  )}\n                </For>\n              </Show>\n\n              <Show when={!local.hideAlphaChannel && activeSpace() !== \"hex\"}>\n                <ColorField channel=\"alpha\" isDisabled={local.isDisabled} aria-label=\"Alpha\">\n                  {() => <ColorFieldInput />}\n                </ColorField>\n              </Show>\n            </div>\n          </>\n        )}\n      </ColorPicker>\n    </div>"],"sources":["../src/ColorEditor.tsx"],"sourcesContent":["/**\n * ColorEditor headless component\n *\n * A composite component that combines ColorArea, ColorSlider, and ColorField\n * into a complete color editing UI. Pure composition — no new ARIA hooks needed.\n * Based on @react-spectrum/color source:\n * https://github.com/adobe/react-spectrum/blob/5ecb3333001313e83898cd07644227897e3bae1f/packages/@adobe/react-spectrum/src/color/ColorEditor.tsx.\n */\n\nimport { createSignal, For, Show, createMemo } from \"solid-js\";\nimport type { JSX } from \"@solidjs/web\";\nimport {\n  ColorPicker,\n  ColorArea,\n  ColorAreaGradient,\n  ColorAreaThumb,\n  ColorSlider,\n  ColorSliderTrack,\n  ColorSliderThumb,\n  ColorField,\n  ColorFieldInput,\n} from \"./Color\";\nimport { getColorChannels } from \"@proyecto-viviana/solid-stately\";\nimport type { Color, ColorChannel, ColorSpace } from \"@proyecto-viviana/solid-stately\";\nimport { splitProps } from \"@proyecto-viviana/solidaria/utils\";\n\nexport type ColorEditorColorSpace = \"rgb\" | \"hsl\" | \"hsb\";\n\nexport interface ColorEditorRenderProps {\n  colorSpace: ColorEditorColorSpace | \"hex\";\n}\n\nexport interface ColorEditorProps {\n  /** The current color value (controlled). */\n  value?: Color | string;\n  /** The default color value (uncontrolled). */\n  defaultValue?: Color | string;\n  /** Handler called when the color changes. */\n  onChange?: (color: Color) => void;\n  /** Whether to hide the alpha channel. */\n  hideAlphaChannel?: boolean;\n  /** The initial color space. @default 'hex' */\n  colorSpace?: ColorEditorColorSpace | \"hex\";\n  /** Handler called when the color space changes. */\n  onColorSpaceChange?: (colorSpace: ColorEditorColorSpace | \"hex\") => void;\n  /** The CSS class name. */\n  class?: string | ((renderProps: ColorEditorRenderProps) => string);\n  /** The inline style. */\n  style?: JSX.CSSProperties;\n  /** Children override. If provided, replaces the default layout. */\n  children?: JSX.Element;\n  /** Whether the editor is disabled. */\n  isDisabled?: boolean;\n}\n\n/**\n * ColorEditor provides a default UI for editing colors.\n *\n * Composes: ColorArea + ColorSlider (hue) + optional ColorSlider (alpha) +\n * color space selector + channel ColorFields.\n */\nexport function ColorEditor(props: ColorEditorProps): JSX.Element {\n  const [local] = splitProps(props, [\n    \"value\",\n    \"defaultValue\",\n    \"onChange\",\n    \"hideAlphaChannel\",\n    \"colorSpace\",\n    \"onColorSpaceChange\",\n    \"class\",\n    \"style\",\n    \"children\",\n    \"isDisabled\",\n  ]);\n\n  const [activeSpace, setActiveSpace] = createSignal<ColorEditorColorSpace | \"hex\">(\n    local.colorSpace ?? \"hex\",\n  );\n\n  const handleSpaceChange = (space: ColorEditorColorSpace | \"hex\") => {\n    setActiveSpace(space);\n    local.onColorSpaceChange?.(space);\n  };\n\n  const channels = createMemo<ColorChannel[]>(() => {\n    const space = activeSpace();\n    if (space === \"hex\") return [];\n    return getColorChannels(space as ColorSpace);\n  });\n\n  const resolvedClass = () => {\n    if (typeof local.class === \"function\") {\n      return local.class({ colorSpace: activeSpace() });\n    }\n    return local.class ?? \"\";\n  };\n\n  if (local.children) {\n    return (\n      <div class={resolvedClass()} style={local.style}>\n        <ColorPicker\n          value={local.value}\n          defaultValue={local.defaultValue}\n          onChange={local.onChange}\n        >\n          {() => local.children}\n        </ColorPicker>\n      </div>\n    );\n  }\n\n  const areaChannels = createMemo(() => {\n    const space = activeSpace();\n    if (space === \"hsb\" || space === \"hex\") {\n      return {\n        x: \"saturation\" as ColorChannel,\n        y: \"brightness\" as ColorChannel,\n        colorSpace: \"hsb\" as ColorSpace,\n      };\n    }\n    if (space === \"hsl\") {\n      return {\n        x: \"saturation\" as ColorChannel,\n        y: \"lightness\" as ColorChannel,\n        colorSpace: \"hsl\" as ColorSpace,\n      };\n    }\n    return {\n      x: \"green\" as ColorChannel,\n      y: \"blue\" as ColorChannel,\n      colorSpace: \"rgb\" as ColorSpace,\n    };\n  });\n\n  return (\n    <div\n      class={`solidaria-ColorEditor ${resolvedClass()}`}\n      style={local.style}\n      data-color-space={activeSpace()}\n    >\n      <ColorPicker value={local.value} defaultValue={local.defaultValue} onChange={local.onChange}>\n        {() => (\n          <>\n            <div class=\"solidaria-ColorEditor-top\">\n              <ColorArea\n                xChannel={areaChannels().x}\n                yChannel={areaChannels().y}\n                isDisabled={local.isDisabled}\n              >\n                {() => (\n                  <>\n                    <ColorAreaGradient />\n                    <ColorAreaThumb />\n                  </>\n                )}\n              </ColorArea>\n\n              <ColorSlider channel=\"hue\" isDisabled={local.isDisabled} aria-label=\"Hue\">\n                {() => <ColorSliderTrack>{() => <ColorSliderThumb />}</ColorSliderTrack>}\n              </ColorSlider>\n\n              <Show when={!local.hideAlphaChannel}>\n                <ColorSlider channel=\"alpha\" isDisabled={local.isDisabled} aria-label=\"Alpha\">\n                  {() => <ColorSliderTrack>{() => <ColorSliderThumb />}</ColorSliderTrack>}\n                </ColorSlider>\n              </Show>\n            </div>\n\n            <div class=\"solidaria-ColorEditor-bottom\">\n              <select\n                value={activeSpace()}\n                onChange={(e) =>\n                  handleSpaceChange(e.currentTarget.value as ColorEditorColorSpace | \"hex\")\n                }\n                disabled={local.isDisabled}\n                aria-label=\"Color format\"\n                class=\"solidaria-ColorEditor-format\"\n              >\n                <option value=\"hex\">Hex</option>\n                <option value=\"rgb\">RGB</option>\n                <option value=\"hsl\">HSL</option>\n                <option value=\"hsb\">HSB</option>\n              </select>\n\n              <Show\n                when={activeSpace() !== \"hex\"}\n                fallback={\n                  <ColorField isDisabled={local.isDisabled} aria-label=\"Hex color\">\n                    {() => <ColorFieldInput />}\n                  </ColorField>\n                }\n              >\n                <For each={channels()}>\n                  {(channel) => (\n                    <ColorField\n                      channel={channel}\n                      isDisabled={local.isDisabled}\n                      aria-label={channel}\n                    >\n                      {() => <ColorFieldInput />}\n                    </ColorField>\n                  )}\n                </For>\n              </Show>\n\n              <Show when={!local.hideAlphaChannel && activeSpace() !== \"hex\"}>\n                <ColorField channel=\"alpha\" isDisabled={local.isDisabled} aria-label=\"Alpha\">\n                  {() => <ColorFieldInput />}\n                </ColorField>\n              </Show>\n            </div>\n          </>\n        )}\n      </ColorPicker>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/ColorEditor.jsx

@@ -1,5 +1,6 @@
 import { ColorArea, ColorAreaGradient, ColorAreaThumb, ColorField, ColorFieldInput, ColorPicker, ColorSlider, ColorSliderThumb, ColorSliderTrack } from "./Color.jsx";
-import { For, Show, createMemo, createSignal, splitProps } from "solid-js";
+import { For, Show, createMemo, createSignal } from "solid-js";
+import { splitProps } from "@proyecto-viviana/solidaria/utils";
 import { getColorChannels } from "@proyecto-viviana/solid-stately";
 //#region src/ColorEditor.tsx
 /**
@@ -7,6 +8,8 @@ import { getColorChannels } from "@proyecto-viviana/solid-stately";
 *
 * A composite component that combines ColorArea, ColorSlider, and ColorField
 * into a complete color editing UI. Pure composition — no new ARIA hooks needed.
+* Based on @react-spectrum/color source:
+* https://github.com/adobe/react-spectrum/blob/5ecb3333001313e83898cd07644227897e3bae1f/packages/@adobe/react-spectrum/src/color/ColorEditor.tsx.
 */
 /**
 * ColorEditor provides a default UI for editing colors.

package/dist/ColorEditor.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"ColorEditor.jsx","names":[],"sources":["../src/ColorEditor.tsx"],"sourcesContent":["/**\n * ColorEditor headless component\n *\n * A composite component that combines ColorArea, ColorSlider, and ColorField\n * into a complete color editing UI. Pure composition — no new ARIA hooks needed.\n */\n\nimport { type JSX, createSignal, For, Show, splitProps, createMemo } from \"solid-js\";\nimport {\n  ColorPicker,\n  ColorArea,\n  ColorAreaGradient,\n  ColorAreaThumb,\n  ColorSlider,\n  ColorSliderTrack,\n  ColorSliderThumb,\n  ColorField,\n  ColorFieldInput,\n} from \"./Color\";\nimport { getColorChannels } from \"@proyecto-viviana/solid-stately\";\nimport type { Color, ColorChannel, ColorSpace } from \"@proyecto-viviana/solid-stately\";\n\nexport type ColorEditorColorSpace = \"rgb\" | \"hsl\" | \"hsb\";\n\nexport interface ColorEditorRenderProps {\n  colorSpace: ColorEditorColorSpace | \"hex\";\n}\n\nexport interface ColorEditorProps {\n  /** The current color value (controlled). */\n  value?: Color | string;\n  /** The default color value (uncontrolled). */\n  defaultValue?: Color | string;\n  /** Handler called when the color changes. */\n  onChange?: (color: Color) => void;\n  /** Whether to hide the alpha channel. */\n  hideAlphaChannel?: boolean;\n  /** The initial color space. @default 'hex' */\n  colorSpace?: ColorEditorColorSpace | \"hex\";\n  /** Handler called when the color space changes. */\n  onColorSpaceChange?: (colorSpace: ColorEditorColorSpace | \"hex\") => void;\n  /** The CSS class name. */\n  class?: string | ((renderProps: ColorEditorRenderProps) => string);\n  /** The inline style. */\n  style?: JSX.CSSProperties;\n  /** Children override. If provided, replaces the default layout. */\n  children?: JSX.Element;\n  /** Whether the editor is disabled. */\n  isDisabled?: boolean;\n}\n\n/**\n * ColorEditor provides a default UI for editing colors.\n *\n * Composes: ColorArea + ColorSlider (hue) + optional ColorSlider (alpha) +\n * color space selector + channel ColorFields.\n */\nexport function ColorEditor(props: ColorEditorProps): JSX.Element {\n  const [local] = splitProps(props, [\n    \"value\",\n    \"defaultValue\",\n    \"onChange\",\n    \"hideAlphaChannel\",\n    \"colorSpace\",\n    \"onColorSpaceChange\",\n    \"class\",\n    \"style\",\n    \"children\",\n    \"isDisabled\",\n  ]);\n\n  const [activeSpace, setActiveSpace] = createSignal<ColorEditorColorSpace | \"hex\">(\n    local.colorSpace ?? \"hex\",\n  );\n\n  const handleSpaceChange = (space: ColorEditorColorSpace | \"hex\") => {\n    setActiveSpace(space);\n    local.onColorSpaceChange?.(space);\n  };\n\n  const channels = createMemo<ColorChannel[]>(() => {\n    const space = activeSpace();\n    if (space === \"hex\") return [];\n    return getColorChannels(space as ColorSpace);\n  });\n\n  const resolvedClass = () => {\n    if (typeof local.class === \"function\") {\n      return local.class({ colorSpace: activeSpace() });\n    }\n    return local.class ?? \"\";\n  };\n\n  if (local.children) {\n    return (\n      <div class={resolvedClass()} style={local.style}>\n        <ColorPicker\n          value={local.value}\n          defaultValue={local.defaultValue}\n          onChange={local.onChange}\n        >\n          {() => local.children}\n        </ColorPicker>\n      </div>\n    );\n  }\n\n  const areaChannels = createMemo(() => {\n    const space = activeSpace();\n    if (space === \"hsb\" || space === \"hex\") {\n      return {\n        x: \"saturation\" as ColorChannel,\n        y: \"brightness\" as ColorChannel,\n        colorSpace: \"hsb\" as ColorSpace,\n      };\n    }\n    if (space === \"hsl\") {\n      return {\n        x: \"saturation\" as ColorChannel,\n        y: \"lightness\" as ColorChannel,\n        colorSpace: \"hsl\" as ColorSpace,\n      };\n    }\n    return {\n      x: \"green\" as ColorChannel,\n      y: \"blue\" as ColorChannel,\n      colorSpace: \"rgb\" as ColorSpace,\n    };\n  });\n\n  return (\n    <div\n      class={`solidaria-ColorEditor ${resolvedClass()}`}\n      style={local.style}\n      data-color-space={activeSpace()}\n    >\n      <ColorPicker value={local.value} defaultValue={local.defaultValue} onChange={local.onChange}>\n        {() => (\n          <>\n            <div class=\"solidaria-ColorEditor-top\">\n              <ColorArea\n                xChannel={areaChannels().x}\n                yChannel={areaChannels().y}\n                isDisabled={local.isDisabled}\n              >\n                {() => (\n                  <>\n                    <ColorAreaGradient />\n                    <ColorAreaThumb />\n                  </>\n                )}\n              </ColorArea>\n\n              <ColorSlider channel=\"hue\" isDisabled={local.isDisabled} aria-label=\"Hue\">\n                {() => <ColorSliderTrack>{() => <ColorSliderThumb />}</ColorSliderTrack>}\n              </ColorSlider>\n\n              <Show when={!local.hideAlphaChannel}>\n                <ColorSlider channel=\"alpha\" isDisabled={local.isDisabled} aria-label=\"Alpha\">\n                  {() => <ColorSliderTrack>{() => <ColorSliderThumb />}</ColorSliderTrack>}\n                </ColorSlider>\n              </Show>\n            </div>\n\n            <div class=\"solidaria-ColorEditor-bottom\">\n              <select\n                value={activeSpace()}\n                onChange={(e) =>\n                  handleSpaceChange(e.currentTarget.value as ColorEditorColorSpace | \"hex\")\n                }\n                disabled={local.isDisabled}\n                aria-label=\"Color format\"\n                class=\"solidaria-ColorEditor-format\"\n              >\n                <option value=\"hex\">Hex</option>\n                <option value=\"rgb\">RGB</option>\n                <option value=\"hsl\">HSL</option>\n                <option value=\"hsb\">HSB</option>\n              </select>\n\n              <Show\n                when={activeSpace() !== \"hex\"}\n                fallback={\n                  <ColorField isDisabled={local.isDisabled} aria-label=\"Hex color\">\n                    {() => <ColorFieldInput />}\n                  </ColorField>\n                }\n              >\n                <For each={channels()}>\n                  {(channel) => (\n                    <ColorField\n                      channel={channel}\n                      isDisabled={local.isDisabled}\n                      aria-label={channel}\n                    >\n                      {() => <ColorFieldInput />}\n                    </ColorField>\n                  )}\n                </For>\n              </Show>\n\n              <Show when={!local.hideAlphaChannel && activeSpace() !== \"hex\"}>\n                <ColorField channel=\"alpha\" isDisabled={local.isDisabled} aria-label=\"Alpha\">\n                  {() => <ColorFieldInput />}\n                </ColorField>\n              </Show>\n            </div>\n          </>\n        )}\n      </ColorPicker>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"ColorEditor.jsx","names":[],"sources":["../src/ColorEditor.tsx"],"sourcesContent":["/**\n * ColorEditor headless component\n *\n * A composite component that combines ColorArea, ColorSlider, and ColorField\n * into a complete color editing UI. Pure composition — no new ARIA hooks needed.\n * Based on @react-spectrum/color source:\n * https://github.com/adobe/react-spectrum/blob/5ecb3333001313e83898cd07644227897e3bae1f/packages/@adobe/react-spectrum/src/color/ColorEditor.tsx.\n */\n\nimport { createSignal, For, Show, createMemo } from \"solid-js\";\nimport type { JSX } from \"@solidjs/web\";\nimport {\n  ColorPicker,\n  ColorArea,\n  ColorAreaGradient,\n  ColorAreaThumb,\n  ColorSlider,\n  ColorSliderTrack,\n  ColorSliderThumb,\n  ColorField,\n  ColorFieldInput,\n} from \"./Color\";\nimport { getColorChannels } from \"@proyecto-viviana/solid-stately\";\nimport type { Color, ColorChannel, ColorSpace } from \"@proyecto-viviana/solid-stately\";\nimport { splitProps } from \"@proyecto-viviana/solidaria/utils\";\n\nexport type ColorEditorColorSpace = \"rgb\" | \"hsl\" | \"hsb\";\n\nexport interface ColorEditorRenderProps {\n  colorSpace: ColorEditorColorSpace | \"hex\";\n}\n\nexport interface ColorEditorProps {\n  /** The current color value (controlled). */\n  value?: Color | string;\n  /** The default color value (uncontrolled). */\n  defaultValue?: Color | string;\n  /** Handler called when the color changes. */\n  onChange?: (color: Color) => void;\n  /** Whether to hide the alpha channel. */\n  hideAlphaChannel?: boolean;\n  /** The initial color space. @default 'hex' */\n  colorSpace?: ColorEditorColorSpace | \"hex\";\n  /** Handler called when the color space changes. */\n  onColorSpaceChange?: (colorSpace: ColorEditorColorSpace | \"hex\") => void;\n  /** The CSS class name. */\n  class?: string | ((renderProps: ColorEditorRenderProps) => string);\n  /** The inline style. */\n  style?: JSX.CSSProperties;\n  /** Children override. If provided, replaces the default layout. */\n  children?: JSX.Element;\n  /** Whether the editor is disabled. */\n  isDisabled?: boolean;\n}\n\n/**\n * ColorEditor provides a default UI for editing colors.\n *\n * Composes: ColorArea + ColorSlider (hue) + optional ColorSlider (alpha) +\n * color space selector + channel ColorFields.\n */\nexport function ColorEditor(props: ColorEditorProps): JSX.Element {\n  const [local] = splitProps(props, [\n    \"value\",\n    \"defaultValue\",\n    \"onChange\",\n    \"hideAlphaChannel\",\n    \"colorSpace\",\n    \"onColorSpaceChange\",\n    \"class\",\n    \"style\",\n    \"children\",\n    \"isDisabled\",\n  ]);\n\n  const [activeSpace, setActiveSpace] = createSignal<ColorEditorColorSpace | \"hex\">(\n    local.colorSpace ?? \"hex\",\n  );\n\n  const handleSpaceChange = (space: ColorEditorColorSpace | \"hex\") => {\n    setActiveSpace(space);\n    local.onColorSpaceChange?.(space);\n  };\n\n  const channels = createMemo<ColorChannel[]>(() => {\n    const space = activeSpace();\n    if (space === \"hex\") return [];\n    return getColorChannels(space as ColorSpace);\n  });\n\n  const resolvedClass = () => {\n    if (typeof local.class === \"function\") {\n      return local.class({ colorSpace: activeSpace() });\n    }\n    return local.class ?? \"\";\n  };\n\n  if (local.children) {\n    return (\n      <div class={resolvedClass()} style={local.style}>\n        <ColorPicker\n          value={local.value}\n          defaultValue={local.defaultValue}\n          onChange={local.onChange}\n        >\n          {() => local.children}\n        </ColorPicker>\n      </div>\n    );\n  }\n\n  const areaChannels = createMemo(() => {\n    const space = activeSpace();\n    if (space === \"hsb\" || space === \"hex\") {\n      return {\n        x: \"saturation\" as ColorChannel,\n        y: \"brightness\" as ColorChannel,\n        colorSpace: \"hsb\" as ColorSpace,\n      };\n    }\n    if (space === \"hsl\") {\n      return {\n        x: \"saturation\" as ColorChannel,\n        y: \"lightness\" as ColorChannel,\n        colorSpace: \"hsl\" as ColorSpace,\n      };\n    }\n    return {\n      x: \"green\" as ColorChannel,\n      y: \"blue\" as ColorChannel,\n      colorSpace: \"rgb\" as ColorSpace,\n    };\n  });\n\n  return (\n    <div\n      class={`solidaria-ColorEditor ${resolvedClass()}`}\n      style={local.style}\n      data-color-space={activeSpace()}\n    >\n      <ColorPicker value={local.value} defaultValue={local.defaultValue} onChange={local.onChange}>\n        {() => (\n          <>\n            <div class=\"solidaria-ColorEditor-top\">\n              <ColorArea\n                xChannel={areaChannels().x}\n                yChannel={areaChannels().y}\n                isDisabled={local.isDisabled}\n              >\n                {() => (\n                  <>\n                    <ColorAreaGradient />\n                    <ColorAreaThumb />\n                  </>\n                )}\n              </ColorArea>\n\n              <ColorSlider channel=\"hue\" isDisabled={local.isDisabled} aria-label=\"Hue\">\n                {() => <ColorSliderTrack>{() => <ColorSliderThumb />}</ColorSliderTrack>}\n              </ColorSlider>\n\n              <Show when={!local.hideAlphaChannel}>\n                <ColorSlider channel=\"alpha\" isDisabled={local.isDisabled} aria-label=\"Alpha\">\n                  {() => <ColorSliderTrack>{() => <ColorSliderThumb />}</ColorSliderTrack>}\n                </ColorSlider>\n              </Show>\n            </div>\n\n            <div class=\"solidaria-ColorEditor-bottom\">\n              <select\n                value={activeSpace()}\n                onChange={(e) =>\n                  handleSpaceChange(e.currentTarget.value as ColorEditorColorSpace | \"hex\")\n                }\n                disabled={local.isDisabled}\n                aria-label=\"Color format\"\n                class=\"solidaria-ColorEditor-format\"\n              >\n                <option value=\"hex\">Hex</option>\n                <option value=\"rgb\">RGB</option>\n                <option value=\"hsl\">HSL</option>\n                <option value=\"hsb\">HSB</option>\n              </select>\n\n              <Show\n                when={activeSpace() !== \"hex\"}\n                fallback={\n                  <ColorField isDisabled={local.isDisabled} aria-label=\"Hex color\">\n                    {() => <ColorFieldInput />}\n                  </ColorField>\n                }\n              >\n                <For each={channels()}>\n                  {(channel) => (\n                    <ColorField\n                      channel={channel}\n                      isDisabled={local.isDisabled}\n                      aria-label={channel}\n                    >\n                      {() => <ColorFieldInput />}\n                    </ColorField>\n                  )}\n                </For>\n              </Show>\n\n              <Show when={!local.hideAlphaChannel && activeSpace() !== \"hex\"}>\n                <ColorField channel=\"alpha\" isDisabled={local.isDisabled} aria-label=\"Alpha\">\n                  {() => <ColorFieldInput />}\n                </ColorField>\n              </Show>\n            </div>\n          </>\n        )}\n      </ColorPicker>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/ComboBox.d.ts

@@ -1,10 +1,5 @@
-/**
- * ComboBox component for solidaria-components
- *
- * A pre-wired headless combobox that combines state + aria hooks.
- * Port of react-aria-components/src/ComboBox.tsx
- */
-import { type JSX, type Accessor, type Context } from "solid-js";
+import type { Accessor, Context } from "solid-js";
+import type { JSX } from "@solidjs/web";
 import { type AriaComboBoxProps, type AriaOptionProps } from "@proyecto-viviana/solidaria";
 import { defaultContainsFilter, type ComboBoxState, type ListState, type Key, type FilterFn, type MenuTriggerAction } from "@proyecto-viviana/solid-stately";
 import { type RenderChildren, type ClassNameOrFunction, type StyleOrFunction, type SlotProps } from "./utils";
@@ -193,7 +188,24 @@ export interface ComboBoxListBoxProps<T> extends SlotProps {
     class?: ClassNameOrFunction<ComboBoxListBoxRenderProps>;
     /** The inline style for the element. */
     style?: StyleOrFunction<ComboBoxListBoxRenderProps>;
+    /** A function to render when the listbox is empty. RAC ListBox `renderEmptyState`. */
+    renderEmptyState?: () => JSX.Element;
+    /** Called when the load more sentinel becomes visible. */
+    onLoadMore?: () => void | Promise<void>;
+    /** Whether additional items are currently loading. */
+    isLoading?: boolean;
+    /** Content to display in the load more sentinel row. */
+    renderLoadMore?: () => JSX.Element | undefined;
+    /** CSS class for the load more sentinel row. */
+    loadMoreClass?: ClassNameOrFunction<{
+        isLoading: boolean;
+    }>;
 }
+export type ComboBoxItemRenderProps = ComboBoxOptionRenderProps;
+export type ComboBoxItemProps<T> = ComboBoxOptionProps<T>;
+/**
+ * @deprecated Use {@link ComboBoxItemProps}. Removed in a future minor.
+ */
 export interface ComboBoxOptionRenderProps {
     /** Whether the option is selected. */
     isSelected: boolean;
@@ -247,6 +259,8 @@ interface ComboBoxContextValue<T> {
     setTriggerRef: (el: HTMLElement | null) => void;
     listBoxRef: () => HTMLElement | null;
     setListBoxRef: (el: HTMLElement | null) => void;
+    popoverRef: () => HTMLElement | null;
+    setPopoverRef: (el: HTMLElement | null) => void;
     registerOptionAction: (key: Key, action: (() => void) | undefined) => void;
     runOptionAction: (key: Key) => void;
     slots?: Record<string, Partial<ComboBoxProps<T>>>;
@@ -262,7 +276,7 @@ export declare namespace ComboBox {
     var Input: typeof ComboBoxInput;
     var Button: typeof ComboBoxButton;
     var ListBox: typeof ComboBoxListBox;
-    var Option: typeof ComboBoxOption;
+    var Option: typeof ComboBoxItem;
     var Label: typeof ComboBoxLabel;
     var Description: typeof ComboBoxDescription;
     var ErrorMessage: typeof ComboBoxErrorMessage;
@@ -295,9 +309,12 @@ export declare function ComboBoxButton(props: ComboBoxButtonProps): JSX.Element;
  */
 export declare function ComboBoxListBox<T>(props: ComboBoxListBoxProps<T>): JSX.Element;
 /**
- * An option in a combobox listbox.
+ * An item in a combobox listbox.
+ *
+ * Local addition: RAC ComboBox uses {@link ListBoxItem}. Prefer that when
+ * composing the headless ComboBox. This wrapper stays for existing call sites.
  */
-export declare function ComboBoxOption<T>(props: ComboBoxOptionProps<T>): JSX.Element;
+export declare function ComboBoxItem<T>(props: ComboBoxItemProps<T>): JSX.Element;
 export interface ComboBoxTagGroupProps {
     /** Render function for each selected item. */
     children: (item: {
@@ -332,5 +349,9 @@ export interface ComboBoxTagProps {
  * A tag representing a selected item in a multi-select combobox.
  */
 export declare function ComboBoxTag(props: ComboBoxTagProps): JSX.Element;
+/**
+ * @deprecated Use {@link ComboBoxItem}. Local addition — RAC ComboBox uses ListBoxItem. Removed in a future minor.
+ */
+export declare const ComboBoxOption: typeof ComboBoxItem;
 export { defaultContainsFilter };
 //# sourceMappingURL=ComboBox.d.ts.map

package/dist/ComboBox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ComboBox.d.ts","sourceRoot":"","sources":["../src/ComboBox.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EACL,KAAK,GAAG,EACR,KAAK,QAAQ,EACb,KAAK,OAAO,EAUb,MAAM,UAAU,CAAC;AAClB,OAAO,EAUL,KAAK,iBAAiB,EAEtB,KAAK,eAAe,EACrB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAEL,qBAAqB,EACrB,KAAK,aAAa,EAClB,KAAK,SAAS,EACd,KAAK,GAAG,EACR,KAAK,QAAQ,EACb,KAAK,iBAAiB,EACvB,MAAM,iCAAiC,CAAC;AACzC,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,mBAAmB,EACxB,KAAK,eAAe,EACpB,KAAK,SAAS,EAIf,MAAM,SAAS,CAAC;AAOjB,KAAK,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,IAAI,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,CAAC,GAAG,IAAI,CAAA;CAAE,GAAG,SAAS,CAAC;AAWzE,MAAM,WAAW,mBAAmB;IAClC,4CAA4C;IAC5C,MAAM,EAAE,OAAO,CAAC;IAChB,6CAA6C;IAC7C,SAAS,EAAE,OAAO,CAAC;IACnB,qDAAqD;IACrD,cAAc,EAAE,OAAO,CAAC;IACxB,wCAAwC;IACxC,UAAU,EAAE,OAAO,CAAC;IACpB,wCAAwC;IACxC,UAAU,EAAE,OAAO,CAAC;IACpB,uCAAuC;IACvC,SAAS,EAAE,OAAO,CAAC;IACnB,yCAAyC;IACzC,UAAU,EAAE,OAAO,CAAC;IACpB,mCAAmC;IACnC,UAAU,EAAE,OAAO,CAAC;IACpB,+BAA+B;IAC/B,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,aAAa,CAAC,CAAC,CAAE,SAAQ,IAAI,CAAC,iBAAiB,EAAE,UAAU,CAAC,EAAE,SAAS;IACtF,2CAA2C;IAC3C,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC;IACZ,qEAAqE;IACrE,YAAY,CAAC,EAAE,CAAC,EAAE,CAAC;IACnB,4CAA4C;IAC5C,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,GAAG,CAAC;IAC1B,mDAAmD;IACnD,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IACnC,gDAAgD;IAChD,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,OAAO,CAAC;IACnC,8BAA8B;IAC9B,YAAY,CAAC,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC;IAC7B,2CAA2C;IAC3C,aAAa,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;IACtC,4DAA4D;IAC5D,WAAW,CAAC,EAAE,GAAG,GAAG,IAAI,CAAC;IACzB,4DAA4D;IAC5D,kBAAkB,CAAC,EAAE,GAAG,GAAG,IAAI,CAAC;IAChC,+DAA+D;IAC/D,YAAY,CAAC,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC;IAC7B,+DAA+D;IAC/D,mBAAmB,CAAC,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC;IACpC,2DAA2D;IAC3D,iBAAiB,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,GAAG,IAAI,KAAK,IAAI,CAAC;IAC9C,6DAA6D;IAC7D,yBAAyB,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,CAAC,GAAG,CAAC,KAAK,IAAI,CAAC;IACrD,4CAA4C;IAC5C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,8CAA8C;IAC9C,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,+CAA+C;IAC/C,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,iDAAiD;IACjD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,8DAA8D;IAC9D,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,kDAAkD;IAClD,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,OAAO,CAAC,EAAE,iBAAiB,KAAK,IAAI,CAAC;IACtE,sDAAsD;IACtD,aAAa,CAAC,EAAE,QAAQ,CAAC;IACzB,gEAAgE;IAChE,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,gFAAgF;IAChF,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,mDAAmD;IACnD,WAAW,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,QAAQ,CAAC;IAC3C,mEAAmE;IACnE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;IAC3B,2GAA2G;IAC3G,QAAQ,EAAE,cAAc,CAAC,mBAAmB,CAAC,CAAC;IAC9C,yCAAyC;IACzC,KAAK,CAAC,EAAE,mBAAmB,CAAC,mBAAmB,CAAC,CAAC;IACjD,wCAAwC;IACxC,KAAK,CAAC,EAAE,eAAe,CAAC,mBAAmB,CAAC,CAAC;IAC7C,yCAAyC;IACzC,GAAG,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;IAC9B,2EAA2E;IAC3E,OAAO,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;IAClC,yDAAyD;IACzD,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;CACnD;AAED,MAAM,WAAW,wBAAwB;IACvC,oCAAoC;IACpC,MAAM,EAAE,OAAO,CAAC;IAChB,oCAAoC;IACpC,SAAS,EAAE,OAAO,CAAC;IACnB,4CAA4C;IAC5C,cAAc,EAAE,OAAO,CAAC;IACxB,oCAAoC;IACpC,SAAS,EAAE,OAAO,CAAC;IACnB,qCAAqC;IACrC,UAAU,EAAE,OAAO,CAAC;IACpB,+BAA+B;IAC/B,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,kBAAmB,SAAQ,SAAS;IACnD,iCAAiC;IACjC,QAAQ,CAAC,EAAE,cAAc,CAAC,wBAAwB,CAAC,CAAC;IACpD,yCAAyC;IACzC,KAAK,CAAC,EAAE,mBAAmB,CAAC,wBAAwB,CAAC,CAAC;IACtD,wCAAwC;IACxC,KAAK,CAAC,EAAE,eAAe,CAAC,wBAAwB,CAAC,CAAC;CACnD;AAED,MAAM,WAAW,kBAAmB,SAAQ,SAAS;IACnD,yCAAyC;IACzC,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACvB,yCAAyC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wCAAwC;IACxC,KAAK,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC;CAC3B;AAED,MAAM,WAAW,wBAAyB,SAAQ,SAAS;IACzD,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACvB,yCAAyC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wCAAwC;IACxC,KAAK,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC;CAC3B;AAED,MAAM,WAAW,yBAA0B,SAAQ,SAAS;IAC1D,iDAAiD;IACjD,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACvB,yCAAyC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wCAAwC;IACxC,KAAK,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC;CAC3B;AAED,MAAM,WAAW,yBAAyB;IACxC,oCAAoC;IACpC,MAAM,EAAE,OAAO,CAAC;IAChB,qCAAqC;IACrC,SAAS,EAAE,OAAO,CAAC;IACnB,qCAAqC;IACrC,SAAS,EAAE,OAAO,CAAC;IACnB,qCAAqC;IACrC,SAAS,EAAE,OAAO,CAAC;IACnB,sCAAsC;IACtC,UAAU,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,wBAAwB;IACvC,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,EAAE,OAAO,CAAC;IACvB,aAAa,EAAE,OAAO,EAAE,CAAC;IACzB,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;CAC/B;AAED,MAAM,WAAW,kBAAmB,SAAQ,SAAS;IACnD,QAAQ,CAAC,EAAE,cAAc,CAAC,wBAAwB,CAAC,CAAC;IACpD,KAAK,CAAC,EAAE,mBAAmB,CAAC,wBAAwB,CAAC,CAAC;IACtD,KAAK,CAAC,EAAE,eAAe,CAAC,wBAAwB,CAAC,CAAC;IAClD,WAAW,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CAC3B;AAED,MAAM,WAAW,mBAAoB,SAAQ,SAAS;IACpD,8CAA8C;IAC9C,GAAG,CAAC,EAAE,OAAO,CAAC,iBAAiB,CAAC,CAAC;IACjC,kCAAkC;IAClC,QAAQ,CAAC,EAAE,cAAc,CAAC,yBAAyB,CAAC,CAAC;IACrD,yCAAyC;IACzC,KAAK,CAAC,EAAE,mBAAmB,CAAC,yBAAyB,CAAC,CAAC;IACvD,wCAAwC;IACxC,KAAK,CAAC,EAAE,eAAe,CAAC,yBAAyB,CAAC,CAAC;CACpD;AAED,MAAM,WAAW,0BAA0B;IACzC,sCAAsC;IACtC,SAAS,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,oBAAoB,CAAC,CAAC,CAAE,SAAQ,SAAS;IACxD,mFAAmF;IACnF,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,GAAG,CAAC,OAAO,CAAC;IACpC,yCAAyC;IACzC,KAAK,CAAC,EAAE,mBAAmB,CAAC,0BAA0B,CAAC,CAAC;IACxD,wCAAwC;IACxC,KAAK,CAAC,EAAE,eAAe,CAAC,0BAA0B,CAAC,CAAC;CACrD;AAED,MAAM,WAAW,yBAAyB;IACxC,sCAAsC;IACtC,UAAU,EAAE,OAAO,CAAC;IACpB,qCAAqC;IACrC,SAAS,EAAE,OAAO,CAAC;IACnB,6CAA6C;IAC7C,cAAc,EAAE,OAAO,CAAC;IACxB,qCAAqC;IACrC,SAAS,EAAE,OAAO,CAAC;IACnB,qCAAqC;IACrC,SAAS,EAAE,OAAO,CAAC;IACnB,sCAAsC;IACtC,UAAU,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,mBAAmB,CAAC,CAAC,CACpC,SAAQ,IAAI,CAAC,eAAe,EAAE,UAAU,GAAG,KAAK,CAAC,EAAE,SAAS;IAC5D,8CAA8C;IAC9C,GAAG,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;IAC3B,qCAAqC;IACrC,EAAE,EAAE,GAAG,CAAC;IACR,sBAAsB;IACtB,IAAI,CAAC,EAAE,CAAC,CAAC;IACT,sFAAsF;IACtF,QAAQ,CAAC,EAAE,cAAc,CAAC,yBAAyB,CAAC,CAAC;IACrD,yCAAyC;IACzC,KAAK,CAAC,EAAE,mBAAmB,CAAC,yBAAyB,CAAC,CAAC;IACvD,wCAAwC;IACxC,KAAK,CAAC,EAAE,eAAe,CAAC,yBAAyB,CAAC,CAAC;IACnD,oDAAoD;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mDAAmD;IACnD,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,UAAU,oBAAoB,CAAC,CAAC;IAC9B,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;IACxB,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC;IACxB,UAAU,EAAE,MAAM,GAAG,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;IAC5D,WAAW,EAAE,MAAM,GAAG,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;IACnD,YAAY,EAAE,MAAM,GAAG,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;IACpD,UAAU,EAAE,MAAM,GAAG,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;IAClD,gBAAgB,EAAE,MAAM,GAAG,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;IACxD,iBAAiB,EAAE,MAAM,GAAG,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;IACzD,MAAM,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;IAC1B,SAAS,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;IAC7B,cAAc,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;IAClC,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,QAAQ,EAAE,MAAM,gBAAgB,GAAG,IAAI,CAAC;IACxC,WAAW,EAAE,CAAC,EAAE,EAAE,gBAAgB,GAAG,IAAI,KAAK,IAAI,CAAC;IACnD,SAAS,EAAE,MAAM,WAAW,GAAG,IAAI,CAAC;IACpC,YAAY,EAAE,CAAC,EAAE,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IAC/C,UAAU,EAAE,MAAM,WAAW,GAAG,IAAI,CAAC;IACrC,aAAa,EAAE,CAAC,EAAE,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IAChD,UAAU,EAAE,MAAM,WAAW,GAAG,IAAI,CAAC;IACrC,aAAa,EAAE,CAAC,EAAE,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IAChD,oBAAoB,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,KAAK,IAAI,CAAC;IAC3E,eAAe,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;CACnD;AAOD,eAAO,MAAM,eAAe,+CAA4D,CAAC;AACzF,eAAO,MAAM,oBAAoB,wCAAqD,CAAC;AACvF,eAAO,MAAM,oBAAoB,+CAAkB,CAAC;AAapD;;GAEG;AACH,wBAAgB,QAAQ,CAAC,CAAC,EAAE,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,OAAO,CAkUhE;yBAlUe,QAAQ;;;;;;;;;;;AAoUxB;;GAEG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CAkBpE;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,GAAG,GAAG,CAAC,OAAO,CAqBhF;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,yBAAyB,GAAG,GAAG,CAAC,OAAO,CAoBlF;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CA6DpE;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CAyDpE;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,GAAG,GAAG,CAAC,OAAO,CAgEtE;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,CAAC,EAAE,KAAK,EAAE,oBAAoB,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,OAAO,CAgI9E;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,CAAC,EAAE,KAAK,EAAE,mBAAmB,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,OAAO,CAsI5E;AAED,MAAM,WAAW,qBAAqB;IACpC,8CAA8C;IAC9C,QAAQ,EAAE,CAAC,IAAI,EAAE;QAAE,GAAG,EAAE,GAAG,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,KAAK,GAAG,CAAC,OAAO,CAAC;IAC7D,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0CAA0C;IAC1C,KAAK,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC;CAC3B;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,GAAG,GAAG,CAAC,OAAO,CA0B1E;AAED,MAAM,WAAW,gBAAgB;IAC/B,qBAAqB;IACrB,IAAI,EAAE;QAAE,GAAG,EAAE,GAAG,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;IAClC,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACvB,qCAAqC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oCAAoC;IACpC,KAAK,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC;CAC3B;AAED;;GAEG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CAkChE;AAYD,OAAO,EAAE,qBAAqB,EAAE,CAAC"}
+{"version":3,"file":"ComboBox.d.ts","sourceRoot":"","sources":["../src/ComboBox.tsx"],"names":[],"mappings":"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"}