@solid2-aria/components 0.0.0-stage → 0.0.1

package/dist/server/color-slider.js

@@ -0,0 +1,328 @@
+/*
+ * Derived from Adobe React Spectrum: packages/react-aria-components/src/ColorSlider.tsx.
+ * Modified for Solid Aria: composed Solid Aria and Stately primitives with Solid 2 contexts, reactive getters, and DOM refs; uses Solid class props.
+ * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.
+ */
+import { createContextProps, createRenderProps, createSlot, dom } from "./utils.js";
+import { LabelContext } from "./label.js";
+import { InternalColorThumbContext } from "./color-thumb.js";
+import { SliderOutputContext, SliderStateContext, SliderTrackContext } from "./slider.js";
+import { mergeProps } from "@solid2-aria/core/utils/merge-props";
+import { createContext, createSignal, merge, omit, untrack } from "solid-js";
+import { memo, mergeProps as mergeProps$1 } from "@solidjs/web";
+import { filterDOMProps } from "@solid2-aria/core/utils/filter-dom-props";
+import { createLocale } from "@solid2-aria/core/i18n/i18n-provider";
+import { createColorSlider } from "@solid2-aria/core/color/create-color-slider";
+import { createColorSliderState } from "@solid2-aria/stately/color/create-color-slider-state";
+// src/color-slider.tsx
+var _m$ = Symbol();
+var _m$2 = Symbol();
+var _m$3 = Symbol();
+var _m$4 = Symbol();
+var _m$5 = Symbol();
+var _m$6 = Symbol();
+var _m$7 = Symbol();
+var _m$8 = Symbol();
+var _m$9 = Symbol();
+var _m$10 = Symbol();
+var _d$ = {
+	get() {
+		const props = this[_m$];
+		return memo(() => {
+			return !!(typeof props.slot === "string" && props.slot.length > 0);
+		})() ? props.slot : void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$2 = {
+	get() {
+		return this[_m$2].orientation;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$3 = {
+	get() {
+		return this[_m$2].isDisabled || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$4 = {
+	get() {
+		return this[_m$3].children;
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$(_p, _p2, _p3, _p4) {
+	this[_m$] = _p;
+	this[_m$2] = _p2;
+	this[_m$3] = _p3;
+	this.ref = _p4;
+	Object.defineProperty(this, "slot", _d$);
+	Object.defineProperty(this, "data-orientation", _d$2);
+	Object.defineProperty(this, "data-disabled", _d$3);
+	Object.defineProperty(this, "children", _d$4);
+}
+_P$.prototype = Object.prototype;
+var _d$5 = {
+	get() {
+		const props = this[_m$];
+		const render = this[_m$2];
+		const state = this[_m$3];
+		const setRef = this[_m$4];
+		return dom.div(mergeProps$1(() => {
+			return omit(filterDOMProps(props, { global: true }), "id");
+		}, render, new _P$(props, state, render, (element) => {
+			setRef(element);
+		})));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$2(_p5, _p6, _p7, _p8, _p9) {
+	this[_m$] = _p5;
+	this[_m$2] = _p6;
+	this[_m$3] = _p7;
+	this[_m$4] = _p8;
+	this.value = _p9;
+	Object.defineProperty(this, "children", _d$5);
+}
+_P$2.prototype = Object.prototype;
+var _d$6 = {
+	get() {
+		const aria = this[_m$];
+		const state = this[_m$2];
+		const props = this[_m$3];
+		const locale = this[_m$4];
+		const registerLabel = this[_m$5];
+		return mergeProps(merge(() => aria.labelProps), {
+			get children() {
+				return state.value.getChannelName(props.channel, locale.locale);
+			},
+			registerSlot: registerLabel
+		});
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$7 = {
+	get() {
+		const props = this[_m$3];
+		const render = this[_m$6];
+		const state = this[_m$2];
+		const setRef = this[_m$7];
+		const thumb = this[_m$8];
+		return InternalColorThumbContext(new _P$2(props, render, state, setRef, thumb));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$3(_p0, _p1, _p10, _p11, _p12, _p13, _p14, _p15) {
+	this[_m$] = _p0;
+	this[_m$2] = _p1;
+	this[_m$3] = _p10;
+	this[_m$4] = _p11;
+	this[_m$5] = _p12;
+	this[_m$6] = _p13;
+	this[_m$7] = _p14;
+	this[_m$8] = _p15;
+	Object.defineProperty(this, "value", _d$6);
+	Object.defineProperty(this, "children", _d$7);
+}
+_P$3.prototype = Object.prototype;
+var _d$8 = {
+	get() {
+		const aria = this[_m$];
+		return merge(() => aria.outputProps);
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$9 = {
+	get() {
+		const aria = this[_m$];
+		const state = this[_m$2];
+		const props = this[_m$3];
+		const locale = this[_m$4];
+		const registerLabel = this[_m$5];
+		const render = this[_m$6];
+		const setRef = this[_m$7];
+		const thumb = this[_m$8];
+		return LabelContext(new _P$3(aria, state, props, locale, registerLabel, render, setRef, thumb));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$4(_p16, _p17, _p18, _p19, _p20, _p21, _p22, _p23) {
+	this[_m$] = _p16;
+	this[_m$2] = _p17;
+	this[_m$3] = _p18;
+	this[_m$4] = _p19;
+	this[_m$5] = _p20;
+	this[_m$6] = _p21;
+	this[_m$7] = _p22;
+	this[_m$8] = _p23;
+	Object.defineProperty(this, "value", _d$8);
+	Object.defineProperty(this, "children", _d$9);
+}
+_P$4.prototype = Object.prototype;
+var _d$10 = {
+	get() {
+		const aria = this[_m$];
+		const setTrackRef = this[_m$2];
+		const trackRef = this[_m$3];
+		return mergeProps(merge(() => aria.trackProps), {
+			ref: (element) => {
+				setTrackRef(element);
+			},
+			trackRef
+		});
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$11 = {
+	get() {
+		const aria = this[_m$];
+		const state = this[_m$4];
+		const props = this[_m$5];
+		const locale = this[_m$6];
+		const registerLabel = this[_m$7];
+		const render = this[_m$8];
+		const setRef = this[_m$9];
+		const thumb = this[_m$10];
+		return SliderOutputContext(new _P$4(aria, state, props, locale, registerLabel, render, setRef, thumb));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$5(_p24, _p25, _p26, _p27, _p28, _p29, _p30, _p31, _p32, _p33) {
+	this[_m$] = _p24;
+	this[_m$2] = _p25;
+	this[_m$3] = _p26;
+	this[_m$4] = _p27;
+	this[_m$5] = _p28;
+	this[_m$6] = _p29;
+	this[_m$7] = _p30;
+	this[_m$8] = _p31;
+	this[_m$9] = _p32;
+	this[_m$10] = _p33;
+	Object.defineProperty(this, "value", _d$10);
+	Object.defineProperty(this, "children", _d$11);
+}
+_P$5.prototype = Object.prototype;
+var _d$12 = {
+	get() {
+		const aria = this[_m$];
+		const setTrackRef = this[_m$2];
+		const trackRef = this[_m$3];
+		const state = this[_m$4];
+		const props = this[_m$5];
+		const locale = this[_m$6];
+		const registerLabel = this[_m$7];
+		const render = this[_m$8];
+		const setRef = this[_m$9];
+		const thumb = this[_m$10];
+		return SliderTrackContext(new _P$5(aria, setTrackRef, trackRef, state, props, locale, registerLabel, render, setRef, thumb));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$6(_p34, _p35, _p36, _p37, _p38, _p39, _p40, _p41, _p42, _p43, _p44) {
+	this[_m$] = _p34;
+	this[_m$2] = _p35;
+	this[_m$3] = _p36;
+	this[_m$4] = _p37;
+	this[_m$5] = _p38;
+	this[_m$6] = _p39;
+	this[_m$7] = _p40;
+	this[_m$8] = _p41;
+	this[_m$9] = _p42;
+	this[_m$10] = _p43;
+	this.value = _p44;
+	Object.defineProperty(this, "children", _d$12);
+}
+_P$6.prototype = Object.prototype;
+var _d$13 = {
+	get() {
+		const aria = this[_m$];
+		const setTrackRef = this[_m$2];
+		const trackRef = this[_m$3];
+		const state = this[_m$4];
+		const props = this[_m$5];
+		const locale = this[_m$6];
+		const registerLabel = this[_m$7];
+		const render = this[_m$8];
+		const setRef = this[_m$9];
+		const thumb = this[_m$10];
+		return SliderStateContext(new _P$6(aria, setTrackRef, trackRef, state, props, locale, registerLabel, render, setRef, thumb, state));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$7(_p45, _p46, _p47, _p48, _p49, _p50, _p51, _p52, _p53, _p54, _p55) {
+	this[_m$] = _p45;
+	this[_m$2] = _p46;
+	this[_m$3] = _p47;
+	this[_m$4] = _p48;
+	this[_m$5] = _p49;
+	this[_m$6] = _p50;
+	this[_m$7] = _p51;
+	this[_m$8] = _p52;
+	this[_m$9] = _p53;
+	this[_m$10] = _p54;
+	this.value = _p55;
+	Object.defineProperty(this, "children", _d$13);
+}
+_P$7.prototype = Object.prototype;
+const ColorSliderContext = createContext(null);
+const ColorSliderStateContext = createContext(null);
+function ColorSlider(input) {
+	const [trackRef, setTrackRef] = createSignal(null, { ownedWrite: true });
+	const [props, , setRef] = createContextProps(input, untrack(() => input.ref), ColorSliderContext);
+	const locale = createLocale();
+	const state = createColorSliderState(mergeProps(props, { get locale() {
+		return locale.locale;
+	} }));
+	const [inputRef, setInputRef] = createSignal(null, { ownedWrite: true });
+	const [registerLabel, label] = createSlot(() => (props["aria-label"]?.length ?? 0) === 0 && (props["aria-labelledby"]?.length ?? 0) === 0);
+	const aria = createColorSlider(mergeProps(props, {
+		inputRef,
+		get label() {
+			return label();
+		},
+		trackRef
+	}), state);
+	const render = createRenderProps(mergeProps(props, {
+		defaultClass: "solid2-aria-ColorSlider",
+		values: {
+			get isDisabled() {
+				return state.isDisabled;
+			},
+			get orientation() {
+				return state.orientation;
+			},
+			state
+		}
+	}));
+	return ColorSliderStateContext(new _P$7(aria, setTrackRef, trackRef, state, props, locale, registerLabel, render, setRef, {
+		inputXRef: inputRef,
+		get isDisabled() {
+			return props.isDisabled;
+		},
+		setInputXRef: setInputRef,
+		state,
+		get thumbProps() {
+			return aria.thumbProps;
+		},
+		get xInputProps() {
+			return aria.inputProps;
+		}
+	}, state));
+}
+export { ColorSlider, ColorSliderContext, ColorSliderStateContext };
+
+//# sourceMappingURL=color-slider.js.map

package/dist/server/color-slider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-slider.js","names":["typeof props.slot === \"string\" && props.slot.length > 0\n                      ? props.slot\n                      : undefined","dom.div","<dom.div\n                  {\n                    // oxlint-disable solid/reactivity -- Keep prop filtering in the renderer's lazy evaluation.\n                    ...omit(filterDOMProps(props, { global: true }), \"id\")\n                    // oxlint-enable solid/reactivity\n                  }\n                  {...render}\n                  ref={(element: HTMLDivElement) => {\n                    setRef(element);\n                  }}\n                  slot={\n                    typeof props.slot === \"string\" && props.slot.length > 0\n                      ? props.slot\n                      : undefined\n                  }\n                  data-orientation={state.orientation}\n                  data-disabled={state.isDisabled || undefined}\n                >\n                  {render.children}\n                </dom.div>","_$memo","_$mergeProps"],"sources":["../../src/color-slider.tsx"],"sourcesContent":["/*\n * Derived from Adobe React Spectrum: packages/react-aria-components/src/ColorSlider.tsx.\n * Modified for Solid Aria: composed Solid Aria and Stately primitives with Solid 2 contexts, reactive getters, and DOM refs; uses Solid class props.\n * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.\n */\n\nimport { createColorSlider } from \"@solid2-aria/core/color/create-color-slider\";\nimport type { AriaColorSliderProps } from \"@solid2-aria/core/color/create-color-slider\";\nimport { createLocale } from \"@solid2-aria/core/i18n/i18n-provider\";\nimport { filterDOMProps } from \"@solid2-aria/core/utils/filter-dom-props\";\nimport { mergeProps } from \"@solid2-aria/core/utils/merge-props\";\nimport { createColorSliderState } from \"@solid2-aria/stately/color/create-color-slider-state\";\nimport type { ColorSliderState } from \"@solid2-aria/stately/color/create-color-slider-state\";\nimport type { Orientation } from \"@solid2-aria/types-shared\";\nimport type { GlobalDOMAttributes } from \"@solid2-aria/types-shared-web\";\nimport type { JSX } from \"@solidjs/web\";\nimport { untrack, createSignal, merge, createContext, omit } from \"solid-js\";\n\nimport { InternalColorThumbContext } from \"./color-thumb\";\nimport { LabelContext } from \"./label\";\nimport {\n  SliderStateContext,\n  SliderTrackContext,\n  SliderOutputContext,\n} from \"./slider\";\nimport {\n  dom,\n  createContextProps,\n  createRenderProps,\n  createSlot,\n} from \"./utils\";\nimport type { ContextValue, RenderProps, SlotProps, Ref } from \"./utils\";\n\nexport interface ColorSliderRenderProps {\n  orientation: Orientation;\n  isDisabled: boolean;\n  state: ColorSliderState;\n}\n\nexport interface ColorSliderProps\n  extends\n    Omit<AriaColorSliderProps, \"label\">,\n    RenderProps<ColorSliderRenderProps>,\n    SlotProps,\n    GlobalDOMAttributes<HTMLDivElement> {\n  ref?: Ref<HTMLDivElement>;\n}\n\nexport const ColorSliderContext =\n  createContext<ContextValue<Partial<ColorSliderProps>, HTMLDivElement>>(null);\n\nexport const ColorSliderStateContext = createContext<ColorSliderState | null>(\n  null\n);\n\nexport function ColorSlider(input: ColorSliderProps): JSX.Element {\n  const [trackRef, setTrackRef] = createSignal<HTMLDivElement | null>(null, {\n    ownedWrite: true,\n  });\n\n  const [props, , setRef] = createContextProps(\n    input,\n    untrack(() => input.ref),\n    ColorSliderContext\n  );\n\n  const locale = createLocale();\n\n  const state = createColorSliderState(\n    mergeProps(props, {\n      get locale() {\n        return locale.locale;\n      },\n    })\n  );\n\n  const [inputRef, setInputRef] = createSignal<HTMLInputElement | null>(null, {\n    ownedWrite: true,\n  });\n\n  const [registerLabel, label] = createSlot(\n    () =>\n      (props[\"aria-label\"]?.length ?? 0) === 0 &&\n      (props[\"aria-labelledby\"]?.length ?? 0) === 0\n  );\n\n  const aria = createColorSlider(\n    mergeProps(props, {\n      inputRef,\n      get label() {\n        return label();\n      },\n      trackRef,\n    }),\n    state\n  );\n\n  const values: ColorSliderRenderProps = {\n    get isDisabled() {\n      return state.isDisabled;\n    },\n    get orientation() {\n      return state.orientation;\n    },\n    state,\n  };\n\n  const render = createRenderProps(\n    mergeProps(props, { defaultClass: \"solid2-aria-ColorSlider\", values })\n  );\n\n  const thumb = {\n    inputXRef: inputRef,\n    get isDisabled() {\n      return props.isDisabled;\n    },\n    setInputXRef: setInputRef,\n    state,\n    get thumbProps() {\n      return aria.thumbProps;\n    },\n    get xInputProps() {\n      return aria.inputProps;\n    },\n  };\n\n  return (\n    <ColorSliderStateContext value={state}>\n      <SliderStateContext value={state}>\n        <SliderTrackContext\n          value={mergeProps(\n            merge(() => aria.trackProps),\n            {\n              ref: (element: HTMLDivElement) => {\n                setTrackRef(element);\n              },\n              trackRef,\n            }\n          )}\n        >\n          <SliderOutputContext\n            value={\n              // oxlint-disable solid/reactivity -- Keep prop filtering in the renderer's lazy evaluation.\n              merge(() => aria.outputProps)\n              // oxlint-enable solid/reactivity\n            }\n          >\n            <LabelContext\n              value={mergeProps(\n                merge(() => aria.labelProps),\n                {\n                  get children() {\n                    return state.value.getChannelName(\n                      props.channel,\n                      locale.locale\n                    );\n                  },\n                  registerSlot: registerLabel,\n                }\n              )}\n            >\n              <InternalColorThumbContext value={thumb}>\n                <dom.div\n                  {\n                    // oxlint-disable solid/reactivity -- Keep prop filtering in the renderer's lazy evaluation.\n                    ...omit(filterDOMProps(props, { global: true }), \"id\")\n                    // oxlint-enable solid/reactivity\n                  }\n                  {...render}\n                  ref={(element: HTMLDivElement) => {\n                    setRef(element);\n                  }}\n                  slot={\n                    typeof props.slot === \"string\" && props.slot.length > 0\n                      ? props.slot\n                      : undefined\n                  }\n                  data-orientation={state.orientation}\n                  data-disabled={state.isDisabled || undefined}\n                >\n                  {render.children}\n                </dom.div>\n              </InternalColorThumbContext>\n            </LabelContext>\n          </SliderOutputContext>\n        </SliderTrackContext>\n      </SliderStateContext>\n    </ColorSliderStateContext>\n  );\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,234 @@
+/*
+ * Derived from Adobe React Spectrum: packages/react-aria-components/src/ColorSwatchPicker.tsx.
+ * Modified for Solid Aria: composed Solid Aria and Stately primitives with Solid 2 contexts, reactive getters, and DOM refs; uses Solid class props.
+ * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.
+ */
+import { assignRef, createContextProps } from "./utils.js";
+import { ColorSwatchContext } from "./color-swatch.js";
+import intl_default from "./intl/index.js";
+import { ListBox, ListBoxItem } from "./list-box.js";
+import { mergeProps } from "@solid2-aria/core/utils/merge-props";
+import { createContext, createEffect, createMemo, omit, untrack, useContext } from "solid-js";
+import { memo, mergeProps as mergeProps$1 } from "@solidjs/web";
+import { requireValue } from "@solid2-aria/core/utils/require-value";
+import { filterDOMProps } from "@solid2-aria/core/utils/filter-dom-props";
+import { createLocale } from "@solid2-aria/core/i18n/i18n-provider";
+import { createColorPickerState } from "@solid2-aria/stately/color/create-color-picker-state";
+import { createLocalizedStringFormatter } from "@solid2-aria/core/i18n/create-localized-string-formatter";
+import { parseColor } from "@solid2-aria/stately/color/color";
+// src/color-swatch-picker.tsx
+var _m$ = Symbol();
+var _m$2 = Symbol();
+var _m$3 = Symbol();
+var _m$4 = Symbol();
+var _d$ = {
+	get() {
+		return this[_m$].children;
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$(_p, _p2) {
+	this[_m$] = _p;
+	this.value = _p2;
+	Object.defineProperty(this, "children", _d$);
+}
+_P$.prototype = Object.prototype;
+var _d$2 = {
+	get() {
+		return this[_m$].class ?? "solid2-aria-ColorSwatchPicker";
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$3 = {
+	get() {
+		return this[_m$].style;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$4 = {
+	get() {
+		return this[_m$].render;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$5 = {
+	get() {
+		const props = this[_m$];
+		const formatter = this[_m$2];
+		return props["aria-label"] ?? ((props["aria-labelledby"]?.length ?? 0) > 0 ? void 0 : formatter.format("colorSwatchPicker"));
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$6 = {
+	get() {
+		return this[_m$].layout ?? "grid";
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$7 = {
+	get() {
+		return [this[_m$3].color.toString("hexa")];
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$8 = {
+	get() {
+		const props = this[_m$];
+		const map = this[_m$4];
+		return ColorMapContext(new _P$(props, map));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$2(_p3, _p4, _p5, _p6, _p7, _p8, _p9, _p0) {
+	this[_m$] = _p3;
+	this[_m$2] = _p4;
+	this[_m$3] = _p5;
+	this[_m$4] = _p6;
+	this.ref = _p7;
+	Object.defineProperty(this, "class", _d$2);
+	Object.defineProperty(this, "style", _d$3);
+	Object.defineProperty(this, "render", _d$4);
+	Object.defineProperty(this, "aria-label", _d$5);
+	Object.defineProperty(this, "layout", _d$6);
+	this.selectionMode = _p8;
+	Object.defineProperty(this, "selectedKeys", _d$7);
+	this.onSelectionChange = _p9;
+	this.disallowEmptySelection = _p0;
+	Object.defineProperty(this, "children", _d$8);
+}
+_P$2.prototype = Object.prototype;
+var _d$9 = {
+	get() {
+		const props = this[_m$];
+		const values = this[_m$2];
+		const original = this[_m$3];
+		return memo(() => {
+			return typeof props.children === "function";
+		})() ? props.children(mergeProps(values(original), { get defaultChildren() {
+			return original.defaultChildren;
+		} })) : props.children;
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$3(_p1, _p10, _p11, _p12) {
+	this[_m$] = _p1;
+	this[_m$2] = _p10;
+	this[_m$3] = _p11;
+	this.value = _p12;
+	Object.defineProperty(this, "children", _d$9);
+}
+_P$3.prototype = Object.prototype;
+var _d$10 = {
+	get() {
+		const color = this[_m$];
+		return color().toString("hexa");
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$11 = {
+	get() {
+		const color = this[_m$];
+		const locale = this[_m$2];
+		return color().getColorName(locale.locale);
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$12 = {
+	get() {
+		const props = this[_m$3];
+		const values = this[_m$4];
+		return props.render ? (domProps, original) => requireValue(props.render, "Expected required component value")(domProps, values(original)) : void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$13 = {
+	get() {
+		const props = this[_m$3];
+		const values = this[_m$4];
+		return memo(() => {
+			return typeof props.style === "function";
+		})() ? (original) => {
+			const value = props.style;
+			return typeof value === "function" ? value(mergeProps(values(original), { get defaultStyle() {
+				return original.defaultStyle;
+			} })) : void 0;
+		} : props.style;
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$4(_p13, _p14, _p15, _p16, _p17, _p18, _p19) {
+	this[_m$] = _p13;
+	this[_m$2] = _p14;
+	this[_m$3] = _p15;
+	this[_m$4] = _p16;
+	this.ref = _p17;
+	Object.defineProperty(this, "id", _d$10);
+	Object.defineProperty(this, "textValue", _d$11);
+	Object.defineProperty(this, "render", _d$12);
+	this.class = _p18;
+	Object.defineProperty(this, "style", _d$13);
+	this.children = _p19;
+}
+_P$4.prototype = Object.prototype;
+const ColorSwatchPickerContext = createContext(null);
+const ColorMapContext = createContext(null);
+function ColorSwatchPicker(input) {
+	const [props, , setRef] = createContextProps(input, untrack(() => input.ref), ColorSwatchPickerContext);
+	const state = createColorPickerState(props);
+	const map = /* @__PURE__ */ new Map();
+	const formatter = createLocalizedStringFormatter(intl_default, "@solid2-aria/components");
+	return ListBox(mergeProps$1(() => {
+		return filterDOMProps(props, { labelable: true });
+	}, new _P$2(props, formatter, state, map, (element) => {
+		setRef(element);
+	}, "single", (keys) => {
+		if (keys !== "all") {
+			const first = keys.values().next().value;
+			const color = typeof first === "string" ? map.get(first) : void 0;
+			if (color) state.setColor(color);
+		}
+	}, true)));
+}
+function ColorSwatchPickerItem(props) {
+	const color = createMemo(() => typeof props.color === "string" ? parseColor(props.color || "#0000") : props.color);
+	const locale = createLocale();
+	const map = requireValue(useContext(ColorMapContext), "Expected required component value");
+	createEffect(color, (value) => {
+		const key = value.toString("hexa");
+		map.set(key, value);
+		return () => {
+			if (map.get(key) === value) map.delete(key);
+		};
+	});
+	const values = (original) => mergeProps(original, { get color() {
+		return color();
+	} });
+	return ListBoxItem(mergeProps$1(() => {
+		return omit(props, "class", "style", "children", "render", "ref", "color");
+	}, new _P$4(color, locale, props, values, (el) => {
+		assignRef(untrack(() => props.ref), el);
+	}, (original) => {
+		const value = props.class;
+		return typeof value === "function" ? value(mergeProps(values(original), { get defaultClass() {
+			return original.defaultClass;
+		} })) : value ?? "solid2-aria-ColorSwatchPickerItem";
+	}, (original) => ColorSwatchContext(new _P$3(props, values, original, { get color() {
+		return color();
+	} })))));
+}
+export { ColorSwatchPicker, ColorSwatchPickerContext, ColorSwatchPickerItem };
+
+//# sourceMappingURL=color-swatch-picker.js.map

package/dist/server/color-swatch-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-swatch-picker.js","names":["typeof props.style === \"function\"\n          ? (original) => {\n              const value = props.style;\n\n              return typeof value === \"function\"\n                ? value(\n                    mergeProps(values(original), {\n                      get defaultStyle() {\n                        return original.defaultStyle;\n                      },\n                    })\n                  )\n                : undefined;\n            }\n          : props.style","<ListBox\n      {...filterDOMProps(props, { labelable: true })}\n      ref={(element: HTMLDivElement) => {\n        setRef(element);\n      }}\n      class={props.class ?? \"solid2-aria-ColorSwatchPicker\"}\n      style={props.style}\n      render={props.render}\n      aria-label={\n        props[\"aria-label\"] ??\n        ((props[\"aria-labelledby\"]?.length ?? 0) > 0\n          ? undefined\n          : formatter.format(\"colorSwatchPicker\"))\n      }\n      layout={props.layout ?? \"grid\"}\n      selectionMode=\"single\"\n      selectedKeys={[state.color.toString(\"hexa\")]}\n      onSelectionChange={(keys) => {\n        if (keys !== \"all\") {\n          const first = keys.values().next().value;\n          const color = typeof first === \"string\" ? map.get(first) : undefined;\n\n          if (color) {\n            state.setColor(color);\n          }\n        }\n      }}\n      disallowEmptySelection\n    >\n      <ColorMapContext value={map}>{props.children}</ColorMapContext>\n    </ListBox>","<ListBoxItem\n      {\n        // oxlint-disable solid/reactivity -- Keep prop filtering in the renderer's lazy evaluation.\n        ...omit(props, \"class\", \"style\", \"children\", \"render\", \"ref\", \"color\")\n        // oxlint-enable solid/reactivity\n      }\n      ref={(el: HTMLDivElement) => {\n        assignRef(\n          untrack(() => props.ref),\n          el\n        );\n      }}\n      id={color().toString(\"hexa\")}\n      textValue={color().getColorName(locale.locale)}\n      render={\n        props.render\n          ? (domProps, original) =>\n              requireValue(props.render, \"Expected required component value\")(\n                // SAFETY: ColorSwatchPickerItem has no link props, so ListBoxItem always renders a div.\n                // oxlint-disable-next-line typescript/no-unsafe-type-assertion -- Narrow the link-capable render API at this non-link component boundary.\n                domProps as JSX.IntrinsicElements[\"div\"],\n                values(original)\n              )\n          : undefined\n      }\n      class={(original) => {\n        const value = props.class;\n\n        return typeof value === \"function\"\n          ? value(\n              mergeProps(values(original), {\n                get defaultClass() {\n                  return original.defaultClass;\n                },\n              })\n            )\n          : (value ?? \"solid2-aria-ColorSwatchPickerItem\");\n      }}\n      style={\n        typeof props.style === \"function\"\n          ? (original) => {\n              const value = props.style;\n\n              return typeof value === \"function\"\n                ? value(\n                    mergeProps(values(original), {\n                      get defaultStyle() {\n                        return original.defaultStyle;\n                      },\n                    })\n                  )\n                : undefined;\n            }\n          : props.style\n      }\n    >\n      {(original) => (\n        <ColorSwatchContext\n          value={{\n            get color() {\n              return color();\n            },\n          }}\n        >\n          {typeof props.children === \"function\"\n            ? props.children(\n                mergeProps(values(original), {\n                  get defaultChildren() {\n                    return original.defaultChildren;\n                  },\n                })\n              )\n            : props.children}\n        </ColorSwatchContext>\n      )}\n    </ListBoxItem>","_$memo","intlMessages","_$mergeProps"],"sources":["../../src/color-swatch-picker.tsx"],"sourcesContent":["/*\n * Derived from Adobe React Spectrum: packages/react-aria-components/src/ColorSwatchPicker.tsx.\n * Modified for Solid Aria: composed Solid Aria and Stately primitives with Solid 2 contexts, reactive getters, and DOM refs; uses Solid class props.\n * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.\n */\n\nimport { createLocalizedStringFormatter } from \"@solid2-aria/core/i18n/create-localized-string-formatter\";\nimport { createLocale } from \"@solid2-aria/core/i18n/i18n-provider\";\nimport { filterDOMProps } from \"@solid2-aria/core/utils/filter-dom-props\";\nimport { mergeProps } from \"@solid2-aria/core/utils/merge-props\";\nimport { requireValue } from \"@solid2-aria/core/utils/require-value\";\nimport { parseColor } from \"@solid2-aria/stately/color/color\";\nimport { createColorPickerState } from \"@solid2-aria/stately/color/create-color-picker-state\";\nimport type { Color } from \"@solid2-aria/stately/color/types\";\nimport type {\n  AriaLabelingProps,\n  HoverEvents,\n  PressEvents,\n  ValueBase,\n} from \"@solid2-aria/types-shared\";\nimport type { GlobalDOMAttributes } from \"@solid2-aria/types-shared-web\";\nimport type { JSX } from \"@solidjs/web\";\nimport {\n  untrack,\n  createContext,\n  createMemo,\n  createEffect,\n  useContext,\n  omit,\n} from \"solid-js\";\n\nimport intlMessages from \"../intl/index\";\nimport { ColorSwatchContext } from \"./color-swatch\";\nimport { ListBox, ListBoxItem } from \"./list-box\";\nimport type { ListBoxRenderProps, ListBoxItemRenderProps } from \"./list-box\";\nimport { createContextProps, assignRef } from \"./utils\";\nimport type { ContextValue, RenderProps, StyleRenderProps, Ref } from \"./utils\";\n\nexport type ColorSwatchPickerRenderProps = Omit<\n  ListBoxRenderProps,\n  \"isDropTarget\"\n>;\n\nexport interface ColorSwatchPickerProps\n  extends\n    ValueBase<string | Color, Color>,\n    AriaLabelingProps,\n    StyleRenderProps<ColorSwatchPickerRenderProps>,\n    GlobalDOMAttributes<HTMLDivElement> {\n  children?: JSX.Element;\n  layout?: \"grid\" | \"stack\";\n  ref?: Ref<HTMLDivElement>;\n}\n\nexport interface ColorSwatchPickerItemRenderProps extends Omit<\n  ListBoxItemRenderProps,\n  \"selectionMode\" | \"selectionBehavior\"\n> {\n  color: Color;\n}\n\nexport interface ColorSwatchPickerItemProps\n  extends\n    RenderProps<ColorSwatchPickerItemRenderProps>,\n    HoverEvents,\n    PressEvents,\n    Omit<GlobalDOMAttributes<HTMLDivElement>, \"onClick\"> {\n  color: string | Color;\n  isDisabled?: boolean;\n  ref?: Ref<HTMLDivElement>;\n}\n\nexport const ColorSwatchPickerContext =\n  createContext<ContextValue<ColorSwatchPickerProps, HTMLDivElement>>(null);\n\nconst ColorMapContext = createContext<Map<string, Color> | null>(null);\n\nexport function ColorSwatchPicker(input: ColorSwatchPickerProps): JSX.Element {\n  const [props, , setRef] = createContextProps(\n    input,\n    untrack(() => input.ref),\n    ColorSwatchPickerContext\n  );\n\n  const state = createColorPickerState(props);\n  const map = new Map<string, Color>();\n\n  const formatter = createLocalizedStringFormatter(\n    intlMessages,\n    \"@solid2-aria/components\"\n  );\n\n  return (\n    <ListBox\n      {...filterDOMProps(props, { labelable: true })}\n      ref={(element: HTMLDivElement) => {\n        setRef(element);\n      }}\n      class={props.class ?? \"solid2-aria-ColorSwatchPicker\"}\n      style={props.style}\n      render={props.render}\n      aria-label={\n        props[\"aria-label\"] ??\n        ((props[\"aria-labelledby\"]?.length ?? 0) > 0\n          ? undefined\n          : formatter.format(\"colorSwatchPicker\"))\n      }\n      layout={props.layout ?? \"grid\"}\n      selectionMode=\"single\"\n      selectedKeys={[state.color.toString(\"hexa\")]}\n      onSelectionChange={(keys) => {\n        if (keys !== \"all\") {\n          const first = keys.values().next().value;\n          const color = typeof first === \"string\" ? map.get(first) : undefined;\n\n          if (color) {\n            state.setColor(color);\n          }\n        }\n      }}\n      disallowEmptySelection\n    >\n      <ColorMapContext value={map}>{props.children}</ColorMapContext>\n    </ListBox>\n  );\n}\n\nexport function ColorSwatchPickerItem(\n  props: ColorSwatchPickerItemProps\n): JSX.Element {\n  const color = createMemo(() =>\n    typeof props.color === \"string\"\n      ? parseColor(props.color || \"#0000\")\n      : props.color\n  );\n\n  const locale = createLocale();\n\n  const map = requireValue(\n    useContext(ColorMapContext),\n    \"Expected required component value\"\n  );\n\n  createEffect(color, (value) => {\n    const key = value.toString(\"hexa\");\n    map.set(key, value);\n\n    return () => {\n      if (map.get(key) === value) {\n        map.delete(key);\n      }\n    };\n  });\n\n  const values = (\n    original: ListBoxItemRenderProps\n  ): ColorSwatchPickerItemRenderProps =>\n    mergeProps(original, {\n      get color() {\n        return color();\n      },\n    });\n\n  return (\n    <ListBoxItem\n      {\n        // oxlint-disable solid/reactivity -- Keep prop filtering in the renderer's lazy evaluation.\n        ...omit(props, \"class\", \"style\", \"children\", \"render\", \"ref\", \"color\")\n        // oxlint-enable solid/reactivity\n      }\n      ref={(el: HTMLDivElement) => {\n        assignRef(\n          untrack(() => props.ref),\n          el\n        );\n      }}\n      id={color().toString(\"hexa\")}\n      textValue={color().getColorName(locale.locale)}\n      render={\n        props.render\n          ? (domProps, original) =>\n              requireValue(props.render, \"Expected required component value\")(\n                // SAFETY: ColorSwatchPickerItem has no link props, so ListBoxItem always renders a div.\n                // oxlint-disable-next-line typescript/no-unsafe-type-assertion -- Narrow the link-capable render API at this non-link component boundary.\n                domProps as JSX.IntrinsicElements[\"div\"],\n                values(original)\n              )\n          : undefined\n      }\n      class={(original) => {\n        const value = props.class;\n\n        return typeof value === \"function\"\n          ? value(\n              mergeProps(values(original), {\n                get defaultClass() {\n                  return original.defaultClass;\n                },\n              })\n            )\n          : (value ?? \"solid2-aria-ColorSwatchPickerItem\");\n      }}\n      style={\n        typeof props.style === \"function\"\n          ? (original) => {\n              const value = props.style;\n\n              return typeof value === \"function\"\n                ? value(\n                    mergeProps(values(original), {\n                      get defaultStyle() {\n                        return original.defaultStyle;\n                      },\n                    })\n                  )\n                : undefined;\n            }\n          : props.style\n      }\n    >\n      {(original) => (\n        <ColorSwatchContext\n          value={{\n            get color() {\n              return color();\n            },\n          }}\n        >\n          {typeof props.children === \"function\"\n            ? props.children(\n                mergeProps(values(original), {\n                  get defaultChildren() {\n                    return original.defaultChildren;\n                  },\n                })\n              )\n            : props.children}\n        </ColorSwatchContext>\n      )}\n    </ListBoxItem>\n  );\n}\n"],"mappings":"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"}

package/dist/server/color-swatch.js

@@ -0,0 +1,52 @@
+/*
+ * Derived from Adobe React Spectrum: packages/react-aria-components/src/ColorSwatch.tsx.
+ * Modified for Solid Aria: composed Solid Aria and Stately primitives with Solid 2 contexts, reactive getters, and DOM refs; uses Solid class props.
+ * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.
+ */
+import { createContextProps, createRenderProps, dom } from "./utils.js";
+import { mergeProps } from "@solid2-aria/core/utils/merge-props";
+import { createContext, merge, untrack } from "solid-js";
+import { memo, mergeProps as mergeProps$1 } from "@solidjs/web";
+import { filterDOMProps } from "@solid2-aria/core/utils/filter-dom-props";
+import { createColorSwatch } from "@solid2-aria/core/color/create-color-swatch";
+// src/color-swatch.tsx
+var _m$ = Symbol();
+var _d$ = {
+	get() {
+		const props = this[_m$];
+		return memo(() => {
+			return !!(typeof props.slot === "string" && props.slot.length > 0);
+		})() ? props.slot : void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$(_p, _p2) {
+	this[_m$] = _p;
+	Object.defineProperty(this, "slot", _d$);
+	this.ref = _p2;
+}
+_P$.prototype = Object.prototype;
+const ColorSwatchContext = createContext(null);
+function ColorSwatch(input) {
+	const [props, , setRef] = createContextProps(input, untrack(() => input.ref), ColorSwatchContext);
+	const aria = createColorSwatch(props);
+	const render = createRenderProps(mergeProps(props, {
+		defaultClass: "solid2-aria-ColorSwatch",
+		get defaultStyle() {
+			const { style } = aria.colorSwatchProps;
+			return style !== null && typeof style === "object" ? style : void 0;
+		},
+		values: { get color() {
+			return aria.color;
+		} }
+	}));
+	return dom.div(mergeProps$1(() => {
+		return mergeProps(filterDOMProps(props, { global: true }), merge(() => aria.colorSwatchProps), render);
+	}, new _P$(props, (element) => {
+		setRef(element);
+	})));
+}
+export { ColorSwatch, ColorSwatchContext };
+
+//# sourceMappingURL=color-swatch.js.map

package/dist/server/color-swatch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-swatch.js","names":["typeof props.slot === \"string\" && props.slot.length > 0\n          ? props.slot\n          : undefined","dom.div","<dom.div\n      {...mergeProps(\n        filterDOMProps(props, { global: true }),\n        merge(() => aria.colorSwatchProps),\n        render\n      )}\n      slot={\n        typeof props.slot === \"string\" && props.slot.length > 0\n          ? props.slot\n          : undefined\n      }\n      ref={(element: HTMLDivElement) => {\n        setRef(element);\n      }}\n    />","_$memo","_$mergeProps"],"sources":["../../src/color-swatch.tsx"],"sourcesContent":["/*\n * Derived from Adobe React Spectrum: packages/react-aria-components/src/ColorSwatch.tsx.\n * Modified for Solid Aria: composed Solid Aria and Stately primitives with Solid 2 contexts, reactive getters, and DOM refs; uses Solid class props.\n * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.\n */\n\nimport { createColorSwatch } from \"@solid2-aria/core/color/create-color-swatch\";\nimport type { AriaColorSwatchProps } from \"@solid2-aria/core/color/create-color-swatch\";\nimport { filterDOMProps } from \"@solid2-aria/core/utils/filter-dom-props\";\nimport { mergeProps } from \"@solid2-aria/core/utils/merge-props\";\nimport type { Color } from \"@solid2-aria/stately/color/types\";\nimport type { GlobalDOMAttributes } from \"@solid2-aria/types-shared-web\";\nimport type { JSX } from \"@solidjs/web\";\nimport { untrack, merge, createContext } from \"solid-js\";\n\nimport { dom, createContextProps, createRenderProps } from \"./utils\";\nimport type { ContextValue, StyleRenderProps, SlotProps, Ref } from \"./utils\";\n\nexport interface ColorSwatchRenderProps {\n  color: Color;\n}\n\nexport interface ColorSwatchProps\n  extends\n    AriaColorSwatchProps,\n    StyleRenderProps<ColorSwatchRenderProps>,\n    SlotProps,\n    GlobalDOMAttributes<HTMLDivElement> {\n  ref?: Ref<HTMLDivElement>;\n}\n\nexport const ColorSwatchContext =\n  createContext<ContextValue<ColorSwatchProps, HTMLDivElement>>(null);\n\nexport function ColorSwatch(input: ColorSwatchProps): JSX.Element {\n  const [props, , setRef] = createContextProps(\n    input,\n    untrack(() => input.ref),\n    ColorSwatchContext\n  );\n\n  const aria = createColorSwatch(props);\n\n  const render = createRenderProps(\n    mergeProps(props, {\n      defaultClass: \"solid2-aria-ColorSwatch\",\n      get defaultStyle() {\n        const { style } = aria.colorSwatchProps;\n\n        return style !== null && typeof style === \"object\" ? style : undefined;\n      },\n      values: {\n        get color() {\n          return aria.color;\n        },\n      },\n    })\n  );\n\n  return (\n    <dom.div\n      {...mergeProps(\n        filterDOMProps(props, { global: true }),\n        merge(() => aria.colorSwatchProps),\n        render\n      )}\n      slot={\n        typeof props.slot === \"string\" && props.slot.length > 0\n          ? props.slot\n          : undefined\n      }\n      ref={(element: HTMLDivElement) => {\n        setRef(element);\n      }}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;EAkEM,OACEA,WAAAA;GAAO,OAAA,CAAA,EAAA,OAAA,MAAM,SAAS,YAAY,MAAM,KAAK,SAAS;EAE1C,CAAA,CAAC,CAAD,IADR,MAAM,OACN,KAAA;;;;;;;;;;;AAtCZ,MAAa,qBACX,cAA8D,IAAI;AAEpE,SAAgB,YAAY,OAAsC;CAChE,MAAM,CAAC,SAAS,UAAU,mBACxB,OACA,cAAc,MAAM,GAAG,GACvB,kBACF;CAEA,MAAM,OAAO,kBAAkB,KAAK;CAEpC,MAAM,SAAS,kBACb,WAAW,OAAO;EAChB,cAAc;EACd,IAAI,eAAe;GACjB,MAAM,EAAE,UAAU,KAAK;GAEvB,OAAO,UAAU,QAAQ,OAAO,UAAU,WAAW,QAAQ,KAAA;EAC/D;EACA,QAAQ,EACN,IAAI,QAAQ;GACV,OAAO,KAAK;EACd,EACF;CACF,CAAC,CACH;CAEA,OAAA,IACGC,IAADC,mBACE;EAAI,OAAA,WACF,eAAe,OAAO,EAAE,QAAQ,KAAK,CAAC,GACtC,YAAY,KAAK,gBAAgB,GACjC,MACF;CAAC,GALH,IAAA,IAOW,QAIH,YAA4B;EAChC,OAAO,OAAO;CAChB,CACD,CAAA,CAAA;AAEL"}