@solid2-aria/components 0.0.0-stage → 0.0.1

package/dist/server/color-thumb.js

@@ -0,0 +1,132 @@
+/*
+ * Derived from Adobe React Spectrum: packages/react-aria-components/src/ColorThumb.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, createRenderProps, dom } from "./utils.js";
+import { mergeProps } from "@solid2-aria/core/utils/merge-props";
+import { createContext, merge, omit, untrack, useContext } from "solid-js";
+import { memo, mergeProps as mergeProps$1, ssrElement } from "@solidjs/web";
+import { requireValue } from "@solid2-aria/core/utils/require-value";
+import { filterDOMProps } from "@solid2-aria/core/utils/filter-dom-props";
+import { createFocusRing } from "@solid2-aria/core/focus/create-focus-ring";
+import { createHover } from "@solid2-aria/core/interactions/create-hover";
+// src/color-thumb.tsx
+var _m$ = Symbol();
+var _m$2 = Symbol();
+var _m$3 = Symbol();
+var _m$4 = Symbol();
+var _d$ = {
+	get() {
+		return this[_m$].isHovered || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$2 = {
+	get() {
+		return this[_m$2].state.isDragging || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$3 = {
+	get() {
+		return this[_m$3].isFocused || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$4 = {
+	get() {
+		return this[_m$3].isFocusVisible || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$5 = {
+	get() {
+		return this[_m$2].isDisabled === true ? true : void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$6 = {
+	get() {
+		const ctx = this[_m$2];
+		const focus = this[_m$3];
+		const render = this[_m$4];
+		return [
+			ssrElement("input", mergeProps(merge(() => ctx.xInputProps), merge(() => focus.focusProps ?? {})), void 0, true),
+			memo(() => {
+				return memo(() => {
+					return !!ctx.yInputProps;
+				})() ? ssrElement("input", mergeProps(merge(() => ctx.yInputProps ?? {}), merge(() => focus.focusProps ?? {})), void 0, true) : ctx.yInputProps;
+			}),
+			memo(() => {
+				return render.children;
+			})
+		];
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$(_p, _p2, _p3, _p4, _p5) {
+	this[_m$] = _p;
+	this[_m$2] = _p2;
+	this[_m$3] = _p3;
+	this[_m$4] = _p4;
+	this.ref = _p5;
+	Object.defineProperty(this, "data-hovered", _d$);
+	Object.defineProperty(this, "data-dragging", _d$2);
+	Object.defineProperty(this, "data-focused", _d$3);
+	Object.defineProperty(this, "data-focus-visible", _d$4);
+	Object.defineProperty(this, "data-disabled", _d$5);
+	Object.defineProperty(this, "children", _d$6);
+}
+_P$.prototype = Object.prototype;
+const InternalColorThumbContext = createContext(null);
+function ColorThumb(props) {
+	const ctx = requireValue(useContext(InternalColorThumbContext), "Expected required component value");
+	const focus = createFocusRing();
+	const hover = createHover(props);
+	const render = createRenderProps(mergeProps(props, {
+		defaultClass: "solid2-aria-ColorThumb",
+		get defaultStyle() {
+			const { style } = ctx.thumbProps;
+			const background = { "background-color": ctx.state.getDisplayColor().toString() };
+			return typeof style === "object" ? {
+				...style,
+				...background
+			} : background;
+		},
+		values: {
+			get color() {
+				return ctx.state.getDisplayColor();
+			},
+			get isDisabled() {
+				return ctx.isDisabled ?? false;
+			},
+			get isDragging() {
+				return ctx.state.isDragging;
+			},
+			get isFocusVisible() {
+				return focus.isFocusVisible;
+			},
+			get isFocused() {
+				return focus.isFocused;
+			},
+			get isHovered() {
+				return hover.isHovered;
+			}
+		}
+	}));
+	return dom.div(mergeProps$1(() => {
+		return mergeProps(merge(() => ctx.thumbProps), merge(() => hover.hoverProps ?? {}), omit(filterDOMProps(props, { global: true }), "id"), render);
+	}, new _P$(hover, ctx, focus, render, (element) => {
+		assignRef(untrack(() => props.ref), element);
+	})));
+}
+export { ColorThumb, InternalColorThumbContext };
+
+//# sourceMappingURL=color-thumb.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"color-thumb.js","names":["<input\n        {...mergeProps(\n          merge(() => ctx.xInputProps),\n          merge(() => focus.focusProps ?? {})\n        )}\n        ref={(element: HTMLInputElement) => {\n          ctx.setInputXRef(element);\n        }}\n      />","{ctx.yInputProps && (\n        <input\n          {...mergeProps(\n            merge(() => ctx.yInputProps ?? {}),\n            merge(() => focus.focusProps ?? {})\n          )}\n          ref={(el: HTMLInputElement) => {\n            if (ctx.setInputYRef) {\n              ctx.setInputYRef(el);\n            }\n          }}\n        />\n      )}","<input\n          {...mergeProps(\n            merge(() => ctx.yInputProps ?? {}),\n            merge(() => focus.focusProps ?? {})\n          )}\n          ref={(el: HTMLInputElement) => {\n            if (ctx.setInputYRef) {\n              ctx.setInputYRef(el);\n            }\n          }}\n        />","{render.children}","dom.div","<dom.div\n      {...mergeProps(\n        merge(() => ctx.thumbProps),\n        merge(() => hover.hoverProps ?? {}),\n        omit(filterDOMProps(props, { global: true }), \"id\"),\n        render\n      )}\n      ref={(element: HTMLDivElement) => {\n        assignRef(\n          untrack(() => props.ref),\n          element\n        );\n      }}\n      data-hovered={hover.isHovered || undefined}\n      data-dragging={ctx.state.isDragging || undefined}\n      data-focused={focus.isFocused || undefined}\n      data-focus-visible={focus.isFocusVisible || undefined}\n      data-disabled={ctx.isDisabled === true ? true : undefined}\n    >\n      <input\n        {...mergeProps(\n          merge(() => ctx.xInputProps),\n          merge(() => focus.focusProps ?? {})\n        )}\n        ref={(element: HTMLInputElement) => {\n          ctx.setInputXRef(element);\n        }}\n      />\n      {ctx.yInputProps && (\n        <input\n          {...mergeProps(\n            merge(() => ctx.yInputProps ?? {}),\n            merge(() => focus.focusProps ?? {})\n          )}\n          ref={(el: HTMLInputElement) => {\n            if (ctx.setInputYRef) {\n              ctx.setInputYRef(el);\n            }\n          }}\n        />\n      )}\n      {render.children}\n    </dom.div>","_$ssrElement","_$memo","_$mergeProps"],"sources":["../../src/color-thumb.tsx"],"sourcesContent":["/*\n * Derived from Adobe React Spectrum: packages/react-aria-components/src/ColorThumb.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 { createFocusRing } from \"@solid2-aria/core/focus/create-focus-ring\";\nimport { createHover } from \"@solid2-aria/core/interactions/create-hover\";\nimport type { InputHTMLAttributes } from \"@solid2-aria/core/types\";\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 type { Color } from \"@solid2-aria/stately/color/types\";\nimport type { HoverEvents } from \"@solid2-aria/types-shared\";\nimport type {\n  GlobalDOMAttributes,\n  DOMAttributes,\n} from \"@solid2-aria/types-shared-web\";\nimport type { JSX } from \"@solidjs/web\";\nimport { untrack, merge, createContext, omit, useContext } from \"solid-js\";\nimport type { Accessor } from \"solid-js\";\n\nimport { assignRef, dom, createRenderProps } from \"./utils\";\nimport type { RenderProps, Ref } from \"./utils\";\n\ninterface ColorState {\n  getDisplayColor: () => Color;\n  isDragging: boolean;\n}\n\ninterface InternalColorThumbContextValue {\n  state: ColorState;\n  thumbProps: DOMAttributes;\n  inputXRef: Accessor<HTMLInputElement | null>;\n  setInputXRef: (element: HTMLInputElement) => void;\n  inputYRef?: Accessor<HTMLInputElement | null>;\n  setInputYRef?: (element: HTMLInputElement) => void;\n  xInputProps: InputHTMLAttributes;\n  yInputProps?: InputHTMLAttributes;\n  isDisabled?: boolean;\n}\n\nexport const InternalColorThumbContext =\n  createContext<InternalColorThumbContextValue | null>(null);\n\nexport interface ColorThumbRenderProps {\n  color: Color;\n  isDragging: boolean;\n  isHovered: boolean;\n  isFocused: boolean;\n  isFocusVisible: boolean;\n  isDisabled: boolean;\n}\n\nexport interface ColorThumbProps\n  extends\n    HoverEvents,\n    RenderProps<ColorThumbRenderProps>,\n    GlobalDOMAttributes<HTMLDivElement> {\n  ref?: Ref<HTMLDivElement>;\n}\n\nexport function ColorThumb(props: ColorThumbProps): JSX.Element {\n  const ctx = requireValue(\n    useContext(InternalColorThumbContext),\n    \"Expected required component value\"\n  );\n\n  const focus = createFocusRing();\n  const hover = createHover(props);\n\n  const values: ColorThumbRenderProps = {\n    get color() {\n      return ctx.state.getDisplayColor();\n    },\n    get isDisabled() {\n      return ctx.isDisabled ?? false;\n    },\n    get isDragging() {\n      return ctx.state.isDragging;\n    },\n    get isFocusVisible() {\n      return focus.isFocusVisible;\n    },\n    get isFocused() {\n      return focus.isFocused;\n    },\n    get isHovered() {\n      return hover.isHovered;\n    },\n  };\n\n  const render = createRenderProps(\n    mergeProps(props, {\n      defaultClass: \"solid2-aria-ColorThumb\",\n      get defaultStyle() {\n        const { style } = ctx.thumbProps;\n\n        const background = {\n          \"background-color\": ctx.state.getDisplayColor().toString(),\n        };\n\n        return typeof style === \"object\"\n          ? { ...style, ...background }\n          : background;\n      },\n      values,\n    })\n  );\n\n  return (\n    <dom.div\n      {...mergeProps(\n        merge(() => ctx.thumbProps),\n        merge(() => hover.hoverProps ?? {}),\n        omit(filterDOMProps(props, { global: true }), \"id\"),\n        render\n      )}\n      ref={(element: HTMLDivElement) => {\n        assignRef(\n          untrack(() => props.ref),\n          element\n        );\n      }}\n      data-hovered={hover.isHovered || undefined}\n      data-dragging={ctx.state.isDragging || undefined}\n      data-focused={focus.isFocused || undefined}\n      data-focus-visible={focus.isFocusVisible || undefined}\n      data-disabled={ctx.isDisabled === true ? true : undefined}\n    >\n      <input\n        {...mergeProps(\n          merge(() => ctx.xInputProps),\n          merge(() => focus.focusProps ?? {})\n        )}\n        ref={(element: HTMLInputElement) => {\n          ctx.setInputXRef(element);\n        }}\n      />\n      {ctx.yInputProps && (\n        <input\n          {...mergeProps(\n            merge(() => ctx.yInputProps ?? {}),\n            merge(() => focus.focusProps ?? {})\n          )}\n          ref={(el: HTMLInputElement) => {\n            if (ctx.setInputYRef) {\n              ctx.setInputYRef(el);\n            }\n          }}\n        />\n      )}\n      {render.children}\n    </dom.div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;EA4HM,O,SAAc,CAAM,aAAa,KAAA;;;;;;;EACjC,O,UAAe,CAAI,MAAM,cAAc,KAAA;;;;;;;EACvC,O,UAAc,CAAM,aAAa,KAAA;;;;;;;EACjC,O,UAAoB,CAAM,kBAAkB,KAAA;;;;;;;EAC5C,O,UAAe,CAAI,eAAe,OAAO,OAAO,KAAA;;;;;;;;;;EAjBlD,OAkBC;GACCA,WAAAA,SACM,WACF,YAAY,IAAI,WAAW,GAC3B,YAAY,MAAM,cAAc,CAAC,CAAC,CACpC,GAAA,KAAA,GAJF,IAQC;GACDC,WAAAA;;KAAC,OAAA,CAAA,CAAA,IAAI;IAYJ,CAAA,CAAC,CAAD,IAXCC,WAAAA,SACM,WACF,YAAY,IAAI,eAAe,CAAC,CAAC,GACjC,YAAY,MAAM,cAAc,CAAC,CAAC,CACpC,GAAA,KAAA,GAJF,IAUC,IAXF,IAAI;GAYJ,CAAA;GACDC,WAAAA;IAAC,OAAA,OAAO;GAAQ,CAAA;EAtBjB;;;;;;;;;;;;;;;;;;;AAxFL,MAAa,4BACX,cAAqD,IAAI;AAmB3D,SAAgB,WAAW,OAAqC;CAC9D,MAAM,MAAM,aACV,WAAW,yBAAyB,GACpC,mCACF;CAEA,MAAM,QAAQ,gBAAgB;CAC9B,MAAM,QAAQ,YAAY,KAAK;CAuB/B,MAAM,SAAS,kBACb,WAAW,OAAO;EAChB,cAAc;EACd,IAAI,eAAe;GACjB,MAAM,EAAE,UAAU,IAAI;GAEtB,MAAM,aAAa,EACjB,oBAAoB,IAAI,MAAM,gBAAgB,CAAC,CAAC,SAAS,EAC3D;GAEA,OAAO,OAAO,UAAU,WACpB;IAAE,GAAG;IAAO,GAAG;GAAW,IAC1B;EACN;EACA,QAAA;GAlCF,IAAI,QAAQ;IACV,OAAO,IAAI,MAAM,gBAAgB;GACnC;GACA,IAAI,aAAa;IACf,OAAO,IAAI,cAAc;GAC3B;GACA,IAAI,aAAa;IACf,OAAO,IAAI,MAAM;GACnB;GACA,IAAI,iBAAiB;IACnB,OAAO,MAAM;GACf;GACA,IAAI,YAAY;IACd,OAAO,MAAM;GACf;GACA,IAAI,YAAY;IACd,OAAO,MAAM;GACf;EAiBE;CACF,CAAC,CACH;CAEA,OAAA,IACGC,IAADC,mBACE;EAAI,OAAA,WACF,YAAY,IAAI,UAAU,GAC1B,YAAY,MAAM,cAAc,CAAC,CAAC,GAClC,KAAK,eAAe,OAAO,EAAE,QAAQ,KAAK,CAAC,GAAG,IAAI,GAClD,MACF;CAAC,GANH,IAAA,IAagB,OACC,KACD,OA0Bb,SAlCK,YAA4B;EAChC,UACE,cAAc,MAAM,GAAG,GACvB,OACF;CACF,CA8BO,CAAA,CAAA;AAEb"}

package/dist/server/color-wheel.js

@@ -0,0 +1,188 @@
+/*
+ * Derived from Adobe React Spectrum: packages/react-aria-components/src/ColorWheel.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 { InternalColorThumbContext } from "./color-thumb.js";
+import { mergeProps } from "@solid2-aria/core/utils/merge-props";
+import { createContext, createSignal, merge, 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 { createColorWheel } from "@solid2-aria/core/color/create-color-wheel";
+import { createColorWheelState } from "@solid2-aria/stately/color/create-color-wheel-state";
+// src/color-wheel.tsx
+var _m$ = Symbol();
+var _m$2 = Symbol();
+var _m$3 = Symbol();
+var _m$4 = Symbol();
+var _m$5 = 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() {
+		const aria = this[_m$];
+		return merge(() => aria.trackProps);
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$3 = {
+	get() {
+		const render = this[_m$2];
+		const thumb = this[_m$3];
+		return InternalColorThumbContext(new _P$(render, thumb));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$2(_p3, _p4, _p5) {
+	this[_m$] = _p3;
+	this[_m$2] = _p4;
+	this[_m$3] = _p5;
+	Object.defineProperty(this, "value", _d$2);
+	Object.defineProperty(this, "children", _d$3);
+}
+_P$2.prototype = Object.prototype;
+var _d$4 = {
+	get() {
+		const aria = this[_m$];
+		const render = this[_m$2];
+		const thumb = this[_m$3];
+		return ColorWheelTrackContext(new _P$2(aria, render, thumb));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$3(_p6, _p7, _p8, _p9) {
+	this[_m$] = _p6;
+	this[_m$2] = _p7;
+	this[_m$3] = _p8;
+	this.value = _p9;
+	Object.defineProperty(this, "children", _d$4);
+}
+_P$3.prototype = Object.prototype;
+var _d$5 = {
+	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$6 = {
+	get() {
+		return this[_m$].isDisabled === true ? true : void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$7 = {
+	get() {
+		const aria = this[_m$2];
+		const render = this[_m$3];
+		const thumb = this[_m$4];
+		const state = this[_m$5];
+		return ColorWheelStateContext(new _P$3(aria, render, thumb, state));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$4(_p0, _p1, _p10, _p11, _p12, _p13) {
+	this[_m$] = _p0;
+	this[_m$2] = _p1;
+	this[_m$3] = _p10;
+	this[_m$4] = _p11;
+	this[_m$5] = _p12;
+	this.ref = _p13;
+	Object.defineProperty(this, "slot", _d$5);
+	Object.defineProperty(this, "data-disabled", _d$6);
+	Object.defineProperty(this, "children", _d$7);
+}
+_P$4.prototype = Object.prototype;
+var _d$8 = {
+	get() {
+		return this[_m$].isDisabled || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$5(_p14, _p15) {
+	this[_m$] = _p14;
+	this.ref = _p15;
+	Object.defineProperty(this, "data-disabled", _d$8);
+}
+_P$5.prototype = Object.prototype;
+const ColorWheelContext = createContext(null);
+const ColorWheelStateContext = createContext(null);
+const ColorWheelTrackContext = createContext(null);
+function ColorWheel(input) {
+	const [props, , setRef] = createContextProps(input, untrack(() => input.ref), ColorWheelContext);
+	const state = createColorWheelState(props);
+	const [inputRef, setInputRef] = createSignal(null, { ownedWrite: true });
+	const aria = createColorWheel(props, state, inputRef);
+	const render = createRenderProps(mergeProps(props, {
+		defaultClass: "solid2-aria-ColorWheel",
+		defaultStyle: { position: "relative" },
+		values: {
+			get isDisabled() {
+				return props.isDisabled ?? false;
+			},
+			state
+		}
+	}));
+	const thumb = {
+		inputXRef: inputRef,
+		get isDisabled() {
+			return props.isDisabled;
+		},
+		setInputXRef: setInputRef,
+		state,
+		get thumbProps() {
+			return aria.thumbProps;
+		},
+		get xInputProps() {
+			return aria.inputProps;
+		}
+	};
+	return dom.div(mergeProps$1(() => {
+		return omit(filterDOMProps(props, { global: true }), "id");
+	}, render, new _P$4(props, aria, render, thumb, state, (element) => {
+		setRef(element);
+	})));
+}
+function ColorWheelTrack(input) {
+	const [props, , setRef] = createContextProps(input, untrack(() => input.ref), ColorWheelTrackContext);
+	const state = requireValue(useContext(ColorWheelStateContext), "Expected required component value");
+	const render = createRenderProps(mergeProps(props, {
+		defaultClass: "solid2-aria-ColorWheelTrack",
+		values: {
+			get isDisabled() {
+				return state.isDisabled;
+			},
+			state
+		}
+	}));
+	return dom.div(mergeProps$1(() => {
+		return omit(props, "ref");
+	}, render, new _P$5(state, (element) => {
+		setRef(element);
+	})));
+}
+export { ColorWheel, ColorWheelContext, ColorWheelStateContext, ColorWheelTrack, ColorWheelTrackContext };
+
+//# sourceMappingURL=color-wheel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"color-wheel.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-disabled={props.isDisabled === true ? true : undefined}\n    >\n      <ColorWheelStateContext value={state}>\n        <ColorWheelTrackContext\n          value={\n            // oxlint-disable solid/reactivity -- Keep prop filtering in the renderer's lazy evaluation.\n            merge(() => aria.trackProps)\n            // oxlint-enable solid/reactivity\n          }\n        >\n          <InternalColorThumbContext value={thumb}>\n            {render.children}\n          </InternalColorThumbContext>\n        </ColorWheelTrackContext>\n      </ColorWheelStateContext>\n    </dom.div>","<dom.div\n      {\n        // oxlint-disable solid/reactivity -- Keep prop filtering in the renderer's lazy evaluation.\n        ...omit(props, \"ref\")\n        // oxlint-enable solid/reactivity\n      }\n      {...render}\n      ref={(element: HTMLDivElement) => {\n        setRef(element);\n      }}\n      data-disabled={state.isDisabled || undefined}\n    />","_$memo","_$mergeProps"],"sources":["../../src/color-wheel.tsx"],"sourcesContent":["/*\n * Derived from Adobe React Spectrum: packages/react-aria-components/src/ColorWheel.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 { createColorWheel } from \"@solid2-aria/core/color/create-color-wheel\";\nimport type { AriaColorWheelOptions } from \"@solid2-aria/core/color/create-color-wheel\";\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 { createColorWheelState } from \"@solid2-aria/stately/color/create-color-wheel-state\";\nimport type { ColorWheelState } from \"@solid2-aria/stately/color/create-color-wheel-state\";\nimport type { GlobalDOMAttributes } from \"@solid2-aria/types-shared-web\";\nimport type { JSX } from \"@solidjs/web\";\nimport {\n  untrack,\n  createSignal,\n  merge,\n  createContext,\n  omit,\n  useContext,\n} from \"solid-js\";\n\nimport { InternalColorThumbContext } from \"./color-thumb\";\nimport { dom, createContextProps, createRenderProps } from \"./utils\";\nimport type {\n  ContextValue,\n  RenderProps,\n  SlotProps,\n  Ref,\n  StyleRenderProps,\n} from \"./utils\";\n\nexport interface ColorWheelRenderProps {\n  isDisabled: boolean;\n  state: ColorWheelState;\n}\n\nexport interface ColorWheelProps\n  extends\n    AriaColorWheelOptions,\n    RenderProps<ColorWheelRenderProps>,\n    SlotProps,\n    GlobalDOMAttributes<HTMLDivElement> {\n  ref?: Ref<HTMLDivElement>;\n}\n\nexport type ColorWheelTrackRenderProps = ColorWheelRenderProps;\n\nexport interface ColorWheelTrackProps\n  extends\n    StyleRenderProps<ColorWheelTrackRenderProps>,\n    GlobalDOMAttributes<HTMLDivElement> {\n  ref?: Ref<HTMLDivElement>;\n}\n\ntype TrackContext = Omit<\n  ColorWheelTrackProps,\n  keyof JSX.HTMLAttributes<HTMLDivElement>\n> &\n  Omit<\n    JSX.HTMLAttributes<HTMLDivElement>,\n    \"ref\" | \"class\" | \"style\" | \"children\"\n  > &\n  Pick<ColorWheelTrackProps, \"class\" | \"style\">;\n\nexport const ColorWheelContext =\n  createContext<ContextValue<Partial<ColorWheelProps>, HTMLDivElement>>(null);\n\nexport const ColorWheelStateContext = createContext<ColorWheelState | null>(\n  null\n);\n\nexport const ColorWheelTrackContext =\n  createContext<ContextValue<TrackContext, HTMLDivElement>>(null);\n\nexport function ColorWheel(input: ColorWheelProps): JSX.Element {\n  const [props, , setRef] = createContextProps(\n    input,\n    untrack(() => input.ref),\n    ColorWheelContext\n  );\n\n  const state = createColorWheelState(props);\n\n  const [inputRef, setInputRef] = createSignal<HTMLInputElement | null>(null, {\n    ownedWrite: true,\n  });\n\n  const aria = createColorWheel(props, state, inputRef);\n\n  const values: ColorWheelRenderProps = {\n    get isDisabled() {\n      return props.isDisabled ?? false;\n    },\n    state,\n  };\n\n  const render = createRenderProps(\n    mergeProps(props, {\n      defaultClass: \"solid2-aria-ColorWheel\",\n      defaultStyle: { position: \"relative\" as const },\n      values,\n    })\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    <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-disabled={props.isDisabled === true ? true : undefined}\n    >\n      <ColorWheelStateContext value={state}>\n        <ColorWheelTrackContext\n          value={\n            // oxlint-disable solid/reactivity -- Keep prop filtering in the renderer's lazy evaluation.\n            merge(() => aria.trackProps)\n            // oxlint-enable solid/reactivity\n          }\n        >\n          <InternalColorThumbContext value={thumb}>\n            {render.children}\n          </InternalColorThumbContext>\n        </ColorWheelTrackContext>\n      </ColorWheelStateContext>\n    </dom.div>\n  );\n}\n\nexport function ColorWheelTrack(input: ColorWheelTrackProps): JSX.Element {\n  const [props, , setRef] = createContextProps(\n    input,\n    untrack(() => input.ref),\n    ColorWheelTrackContext\n  );\n\n  const state = requireValue(\n    useContext(ColorWheelStateContext),\n    \"Expected required component value\"\n  );\n\n  const render = createRenderProps(\n    mergeProps(props, {\n      defaultClass: \"solid2-aria-ColorWheelTrack\",\n      values: {\n        get isDisabled() {\n          return state.isDisabled;\n        },\n        state,\n      },\n    })\n  );\n\n  return (\n    <dom.div\n      {\n        // oxlint-disable solid/reactivity -- Keep prop filtering in the renderer's lazy evaluation.\n        ...omit(props, \"ref\")\n        // oxlint-enable solid/reactivity\n      }\n      {...render}\n      ref={(element: HTMLDivElement) => {\n        setRef(element);\n      }}\n      data-disabled={state.isDisabled || undefined}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;EAqJY,O,SAAC,CAAO;;;;;;;;;;;;;;EAPV,OAEE,YAAY,KAAK,UAAU;;;;;;;;;EAI7B,OAAA,0BAAA,IAAA,IACG,QAD+B,KAEP,CAAA;;;;;;;;;;;;;;;;;;EAT7B,OAAA,uBAAA,IAAA,KAGgB,MAKX,QAD+B,KAGZ,CAAA;;;;;;;;;;;;;;;;EAlB1B,OACEA,WAAAA;GAAO,OAAA,CAAA,EAAA,OAAA,MAAM,SAAS,YAAY,MAAM,KAAK,SAAS;EAE1C,CAAA,CAAC,CAAD,IADR,MAAM,OACN,KAAA;;;;;;;EAEN,O,SAAe,CAAM,eAAe,OAAO,OAAO,KAAA;;;;;;;;;;;EAElD,OAAA,uBAAA,IAAA,KAIkB,MAKX,QAD+B,OARP,KAYP,CAAA;;;;;;;;;;;;;;;;;;;EAwCxB,O,SAAe,CAAM,cAAc,KAAA;;;;;;;;;;;AA7HzC,MAAa,oBACX,cAAsE,IAAI;AAE5E,MAAa,yBAAyB,cACpC,IACF;AAEA,MAAa,yBACX,cAA0D,IAAI;AAEhE,SAAgB,WAAW,OAAqC;CAC9D,MAAM,CAAC,SAAS,UAAU,mBACxB,OACA,cAAc,MAAM,GAAG,GACvB,iBACF;CAEA,MAAM,QAAQ,sBAAsB,KAAK;CAEzC,MAAM,CAAC,UAAU,eAAe,aAAsC,MAAM,EAC1E,YAAY,KACd,CAAC;CAED,MAAM,OAAO,iBAAiB,OAAO,OAAO,QAAQ;CASpD,MAAM,SAAS,kBACb,WAAW,OAAO;EAChB,cAAc;EACd,cAAc,EAAE,UAAU,WAAoB;EAC9C,QAAA;GAVF,IAAI,aAAa;IACf,OAAO,MAAM,cAAc;GAC7B;GACA;EAOE;CACF,CAAC,CACH;CAEA,MAAM,QAAQ;EACZ,WAAW;EACX,IAAI,aAAa;GACf,OAAO,MAAM;EACf;EACA,cAAc;EACd;EACA,IAAI,aAAa;GACf,OAAO,KAAK;EACd;EACA,IAAI,cAAc;GAChB,OAAO,KAAK;EACd;CACF;CAEA,OAAA,IACGC,IAADC,mBACE;EAEK,OAAA,KAAK,eAAe,OAAO,EAAE,QAAQ,KAAK,CAAC,GAAG,IAAI;CAEvD,GACI,QANN,IAAA,KAWW,OAUS,MAKX,QAD+B,OARP,QAVzB,YAA4B;EAChC,OAAO,OAAO;CAChB,CAqBO,CAAA,CAAA;AAEb;AAEA,SAAgB,gBAAgB,OAA0C;CACxE,MAAM,CAAC,SAAS,UAAU,mBACxB,OACA,cAAc,MAAM,GAAG,GACvB,sBACF;CAEA,MAAM,QAAQ,aACZ,WAAW,sBAAsB,GACjC,mCACF;CAEA,MAAM,SAAS,kBACb,WAAW,OAAO;EAChB,cAAc;EACd,QAAQ;GACN,IAAI,aAAa;IACf,OAAO,MAAM;GACf;GACA;EACF;CACF,CAAC,CACH;CAEA,OAAA,IACGD,IAADE,mBACE;EAEK,OAAA,KAAK,OAAO,KAAK;CAEtB,GACI,QANN,IAAA,KAUiB,QAHT,YAA4B;EAChC,OAAO,OAAO;CAChB,CAED,CAAA,CAAA;AAEL"}