react-aria-components 1.16.0 → 1.17.0

package/dist/private/ColorThumb.cjs

@@ -0,0 +1,71 @@
+var $048d76b84370f141$exports = require("./utils.cjs");
+var $a5oKV$reactariafilterDOMProps = require("react-aria/filterDOMProps");
+var $a5oKV$reactariamergeProps = require("react-aria/mergeProps");
+var $a5oKV$react = require("react");
+var $a5oKV$reactariauseFocusRing = require("react-aria/useFocusRing");
+var $a5oKV$reactariauseHover = require("react-aria/useHover");
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$export(module.exports, "InternalColorThumbContext", function () { return $e8b1af84c136cd43$export$c80c0ea2ca5cb846; });
+$parcel$export(module.exports, "ColorThumb", function () { return $e8b1af84c136cd43$export$a3cc47cee1c1ccc; });
+
+
+
+
+
+
+const $e8b1af84c136cd43$export$c80c0ea2ca5cb846 = /*#__PURE__*/ (0, $a5oKV$react.createContext)(null);
+const $e8b1af84c136cd43$export$a3cc47cee1c1ccc = /*#__PURE__*/ (0, $a5oKV$react.forwardRef)(function ColorThumb(props, ref) {
+    let { state: state, thumbProps: thumbProps, inputXRef: inputXRef, inputYRef: inputYRef, xInputProps: xInputProps, yInputProps: yInputProps, isDisabled: isDisabled = false } = (0, $a5oKV$react.useContext)($e8b1af84c136cd43$export$c80c0ea2ca5cb846);
+    let { focusProps: focusProps, isFocused: isFocused, isFocusVisible: isFocusVisible } = (0, $a5oKV$reactariauseFocusRing.useFocusRing)();
+    let { hoverProps: hoverProps, isHovered: isHovered } = (0, $a5oKV$reactariauseHover.useHover)(props);
+    let renderProps = (0, $048d76b84370f141$exports.useRenderProps)({
+        ...props,
+        defaultClassName: 'react-aria-ColorThumb',
+        defaultStyle: {
+            ...thumbProps.style,
+            backgroundColor: state.getDisplayColor().toString()
+        },
+        values: {
+            color: state.getDisplayColor(),
+            isHovered: isHovered,
+            isDragging: state.isDragging,
+            isFocused: isFocused,
+            isFocusVisible: isFocusVisible,
+            isDisabled: isDisabled
+        }
+    });
+    let DOMProps = (0, $a5oKV$reactariafilterDOMProps.filterDOMProps)(props, {
+        global: true
+    });
+    delete DOMProps.id;
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($a5oKV$react))).createElement((0, $048d76b84370f141$exports.dom).div, {
+        ...(0, $a5oKV$reactariamergeProps.mergeProps)(thumbProps, hoverProps, DOMProps),
+        ...renderProps,
+        ref: ref,
+        "data-hovered": isHovered || undefined,
+        "data-dragging": state.isDragging || undefined,
+        "data-focused": isFocused || undefined,
+        "data-focus-visible": isFocusVisible || undefined,
+        "data-disabled": isDisabled || undefined
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($a5oKV$react))).createElement("input", {
+        ref: inputXRef,
+        ...xInputProps,
+        ...focusProps
+    }), yInputProps && /*#__PURE__*/ (0, ($parcel$interopDefault($a5oKV$react))).createElement("input", {
+        ref: inputYRef,
+        ...yInputProps,
+        ...focusProps
+    }), renderProps.children);
+});
+
+
+//# sourceMappingURL=ColorThumb.cjs.map

package/dist/private/ColorThumb.cjs.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAwBO,MAAM,0DAA4B,CAAA,GAAA,0BAAY,EAAyC;AA6CvF,MAAM,yDAAa,CAAA,GAAA,uBAAS,EAAE,SAAS,WAAW,KAAsB,EAAE,GAAiC;IAChH,IAAI,SAAC,KAAK,cAAE,UAAU,aAAE,SAAS,aAAE,SAAS,eAAE,WAAW,eAAE,WAAW,cAAE,aAAa,OAAM,GAAG,CAAA,GAAA,uBAAS,EAAE;IACzG,IAAI,cAAC,UAAU,aAAE,SAAS,kBAAE,cAAc,EAAC,GAAG,CAAA,GAAA,yCAAW;IACzD,IAAI,cAAC,UAAU,aAAE,SAAS,EAAC,GAAG,CAAA,GAAA,iCAAO,EAAE;IAEvC,IAAI,cAAc,CAAA,GAAA,wCAAa,EAAE;QAC/B,GAAG,KAAK;QACR,kBAAkB;QAClB,cAAc;YACZ,GAAG,WAAW,KAAK;YACnB,iBAAiB,MAAM,eAAe,GAAG,QAAQ;QACnD;QACA,QAAQ;YACN,OAAO,MAAM,eAAe;uBAC5B;YACA,YAAY,MAAM,UAAU;uBAC5B;4BACA;wBACA;QACF;IACF;IAEA,IAAI,WAAW,CAAA,GAAA,6CAAa,EAAE,OAAO;QAAC,QAAQ;IAAI;IAClD,OAAO,SAAS,EAAE;IAElB,qBACE,0DAAC,CAAA,GAAA,6BAAE,EAAE,GAAG;QACL,GAAG,CAAA,GAAA,qCAAS,EAAE,YAAY,YAAY,SAAS;QAC/C,GAAG,WAAW;QACf,KAAK;QACL,gBAAc,aAAa;QAC3B,iBAAe,MAAM,UAAU,IAAI;QACnC,gBAAc,aAAa;QAC3B,sBAAoB,kBAAkB;QACtC,iBAAe,cAAc;qBAC7B,0DAAC;QAAM,KAAK;QAAY,GAAG,WAAW;QAAG,GAAG,UAAU;QACrD,6BAAe,0DAAC;QAAM,KAAK;QAAY,GAAG,WAAW;QAAG,GAAG,UAAU;QACrE,YAAY,QAAQ;AAG3B","sources":["packages/react-aria-components/src/ColorThumb.tsx"],"sourcesContent":["import {ClassNameOrFunction, dom, RenderProps, useRenderProps} from './utils';\nimport {Color} from 'react-stately/Color';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {GlobalDOMAttributes, HoverEvents, RefObject} from '@react-types/shared';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport React, {createContext, ForwardedRef, forwardRef, HTMLAttributes, InputHTMLAttributes, useContext} from 'react';\nimport {useFocusRing} from 'react-aria/useFocusRing';\nimport {useHover} from 'react-aria/useHover';\n\ninterface ColorState {\n  getDisplayColor(): Color,\n  isDragging: boolean\n}\n\ninterface InternalColorThumbContextValue {\n  state: ColorState,\n  thumbProps: HTMLAttributes<HTMLElement>,\n  inputXRef: RefObject<HTMLInputElement | null>,\n  inputYRef?: RefObject<HTMLInputElement | null>,\n  xInputProps: InputHTMLAttributes<HTMLInputElement>,\n  yInputProps?: InputHTMLAttributes<HTMLInputElement>,\n  isDisabled?: boolean\n}\n\nexport const InternalColorThumbContext = createContext<InternalColorThumbContextValue | null>(null);\n\nexport interface ColorThumbRenderProps {\n  /**\n   * The selected color, excluding the alpha channel.\n   */\n  color: Color,\n  /**\n   * Whether this thumb is currently being dragged.\n   * @selector [data-dragging]\n   */\n  isDragging: boolean,\n  /**\n   * Whether the thumb is currently hovered with a mouse.\n   * @selector [data-hovered]\n   */\n  isHovered: boolean,\n  /**\n   * Whether the thumb is currently focused.\n   * @selector [data-focused]\n   */\n  isFocused: boolean,\n  /**\n   * Whether the thumb is keyboard focused.\n   * @selector [data-focus-visible]\n   */\n  isFocusVisible: boolean,\n  /**\n   * Whether the thumb is disabled.\n   * @selector [data-disabled]\n   */\n  isDisabled: boolean\n}\n\nexport interface ColorThumbProps extends HoverEvents, RenderProps<ColorThumbRenderProps>, GlobalDOMAttributes<HTMLDivElement> {\n  /**\n   * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.\n   * @default 'react-aria-ColorThumb'\n   */\n  className?: ClassNameOrFunction<ColorThumbRenderProps>\n}\n\n/**\n * A color thumb appears within a ColorArea, ColorSlider, or ColorWheel and allows a user to drag to adjust the color value.\n */\nexport const ColorThumb = forwardRef(function ColorThumb(props: ColorThumbProps, ref: ForwardedRef<HTMLDivElement>) {\n  let {state, thumbProps, inputXRef, inputYRef, xInputProps, yInputProps, isDisabled = false} = useContext(InternalColorThumbContext)!;\n  let {focusProps, isFocused, isFocusVisible} = useFocusRing();\n  let {hoverProps, isHovered} = useHover(props);\n\n  let renderProps = useRenderProps({\n    ...props,\n    defaultClassName: 'react-aria-ColorThumb',\n    defaultStyle: {\n      ...thumbProps.style,\n      backgroundColor: state.getDisplayColor().toString()\n    },\n    values: {\n      color: state.getDisplayColor(),\n      isHovered,\n      isDragging: state.isDragging,\n      isFocused,\n      isFocusVisible,\n      isDisabled\n    }\n  });\n\n  let DOMProps = filterDOMProps(props, {global: true});\n  delete DOMProps.id;\n\n  return (\n    <dom.div\n      {...mergeProps(thumbProps, hoverProps, DOMProps)}\n      {...renderProps}\n      ref={ref}\n      data-hovered={isHovered || undefined}\n      data-dragging={state.isDragging || undefined}\n      data-focused={isFocused || undefined}\n      data-focus-visible={isFocusVisible || undefined}\n      data-disabled={isDisabled || undefined}>\n      <input ref={inputXRef} {...xInputProps} {...focusProps} />\n      {yInputProps && <input ref={inputYRef} {...yInputProps} {...focusProps} />}\n      {renderProps.children}\n    </dom.div>\n  );\n});\n"],"names":[],"version":3,"file":"ColorThumb.cjs.map"}

package/dist/private/ColorThumb.js

@@ -0,0 +1,61 @@
+import {dom as $b7b7a92703138c9b$export$df3a06d6289f983e, useRenderProps as $b7b7a92703138c9b$export$4d86445c2cf5e3} from "./utils.js";
+import {filterDOMProps as $jR9rk$filterDOMProps} from "react-aria/filterDOMProps";
+import {mergeProps as $jR9rk$mergeProps} from "react-aria/mergeProps";
+import $jR9rk$react, {createContext as $jR9rk$createContext, forwardRef as $jR9rk$forwardRef, useContext as $jR9rk$useContext} from "react";
+import {useFocusRing as $jR9rk$useFocusRing} from "react-aria/useFocusRing";
+import {useHover as $jR9rk$useHover} from "react-aria/useHover";
+
+
+
+
+
+
+
+const $80f3336a74d25baa$export$c80c0ea2ca5cb846 = /*#__PURE__*/ (0, $jR9rk$createContext)(null);
+const $80f3336a74d25baa$export$a3cc47cee1c1ccc = /*#__PURE__*/ (0, $jR9rk$forwardRef)(function ColorThumb(props, ref) {
+    let { state: state, thumbProps: thumbProps, inputXRef: inputXRef, inputYRef: inputYRef, xInputProps: xInputProps, yInputProps: yInputProps, isDisabled: isDisabled = false } = (0, $jR9rk$useContext)($80f3336a74d25baa$export$c80c0ea2ca5cb846);
+    let { focusProps: focusProps, isFocused: isFocused, isFocusVisible: isFocusVisible } = (0, $jR9rk$useFocusRing)();
+    let { hoverProps: hoverProps, isHovered: isHovered } = (0, $jR9rk$useHover)(props);
+    let renderProps = (0, $b7b7a92703138c9b$export$4d86445c2cf5e3)({
+        ...props,
+        defaultClassName: 'react-aria-ColorThumb',
+        defaultStyle: {
+            ...thumbProps.style,
+            backgroundColor: state.getDisplayColor().toString()
+        },
+        values: {
+            color: state.getDisplayColor(),
+            isHovered: isHovered,
+            isDragging: state.isDragging,
+            isFocused: isFocused,
+            isFocusVisible: isFocusVisible,
+            isDisabled: isDisabled
+        }
+    });
+    let DOMProps = (0, $jR9rk$filterDOMProps)(props, {
+        global: true
+    });
+    delete DOMProps.id;
+    return /*#__PURE__*/ (0, $jR9rk$react).createElement((0, $b7b7a92703138c9b$export$df3a06d6289f983e).div, {
+        ...(0, $jR9rk$mergeProps)(thumbProps, hoverProps, DOMProps),
+        ...renderProps,
+        ref: ref,
+        "data-hovered": isHovered || undefined,
+        "data-dragging": state.isDragging || undefined,
+        "data-focused": isFocused || undefined,
+        "data-focus-visible": isFocusVisible || undefined,
+        "data-disabled": isDisabled || undefined
+    }, /*#__PURE__*/ (0, $jR9rk$react).createElement("input", {
+        ref: inputXRef,
+        ...xInputProps,
+        ...focusProps
+    }), yInputProps && /*#__PURE__*/ (0, $jR9rk$react).createElement("input", {
+        ref: inputYRef,
+        ...yInputProps,
+        ...focusProps
+    }), renderProps.children);
+});
+
+
+export {$80f3336a74d25baa$export$c80c0ea2ca5cb846 as InternalColorThumbContext, $80f3336a74d25baa$export$a3cc47cee1c1ccc as ColorThumb};
+//# sourceMappingURL=ColorThumb.js.map

package/dist/private/ColorThumb.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;AAwBO,MAAM,0DAA4B,CAAA,GAAA,oBAAY,EAAyC;AA6CvF,MAAM,yDAAa,CAAA,GAAA,iBAAS,EAAE,SAAS,WAAW,KAAsB,EAAE,GAAiC;IAChH,IAAI,SAAC,KAAK,cAAE,UAAU,aAAE,SAAS,aAAE,SAAS,eAAE,WAAW,eAAE,WAAW,cAAE,aAAa,OAAM,GAAG,CAAA,GAAA,iBAAS,EAAE;IACzG,IAAI,cAAC,UAAU,aAAE,SAAS,kBAAE,cAAc,EAAC,GAAG,CAAA,GAAA,mBAAW;IACzD,IAAI,cAAC,UAAU,aAAE,SAAS,EAAC,GAAG,CAAA,GAAA,eAAO,EAAE;IAEvC,IAAI,cAAc,CAAA,GAAA,uCAAa,EAAE;QAC/B,GAAG,KAAK;QACR,kBAAkB;QAClB,cAAc;YACZ,GAAG,WAAW,KAAK;YACnB,iBAAiB,MAAM,eAAe,GAAG,QAAQ;QACnD;QACA,QAAQ;YACN,OAAO,MAAM,eAAe;uBAC5B;YACA,YAAY,MAAM,UAAU;uBAC5B;4BACA;wBACA;QACF;IACF;IAEA,IAAI,WAAW,CAAA,GAAA,qBAAa,EAAE,OAAO;QAAC,QAAQ;IAAI;IAClD,OAAO,SAAS,EAAE;IAElB,qBACE,gCAAC,CAAA,GAAA,yCAAE,EAAE,GAAG;QACL,GAAG,CAAA,GAAA,iBAAS,EAAE,YAAY,YAAY,SAAS;QAC/C,GAAG,WAAW;QACf,KAAK;QACL,gBAAc,aAAa;QAC3B,iBAAe,MAAM,UAAU,IAAI;QACnC,gBAAc,aAAa;QAC3B,sBAAoB,kBAAkB;QACtC,iBAAe,cAAc;qBAC7B,gCAAC;QAAM,KAAK;QAAY,GAAG,WAAW;QAAG,GAAG,UAAU;QACrD,6BAAe,gCAAC;QAAM,KAAK;QAAY,GAAG,WAAW;QAAG,GAAG,UAAU;QACrE,YAAY,QAAQ;AAG3B","sources":["packages/react-aria-components/src/ColorThumb.tsx"],"sourcesContent":["import {ClassNameOrFunction, dom, RenderProps, useRenderProps} from './utils';\nimport {Color} from 'react-stately/Color';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {GlobalDOMAttributes, HoverEvents, RefObject} from '@react-types/shared';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport React, {createContext, ForwardedRef, forwardRef, HTMLAttributes, InputHTMLAttributes, useContext} from 'react';\nimport {useFocusRing} from 'react-aria/useFocusRing';\nimport {useHover} from 'react-aria/useHover';\n\ninterface ColorState {\n  getDisplayColor(): Color,\n  isDragging: boolean\n}\n\ninterface InternalColorThumbContextValue {\n  state: ColorState,\n  thumbProps: HTMLAttributes<HTMLElement>,\n  inputXRef: RefObject<HTMLInputElement | null>,\n  inputYRef?: RefObject<HTMLInputElement | null>,\n  xInputProps: InputHTMLAttributes<HTMLInputElement>,\n  yInputProps?: InputHTMLAttributes<HTMLInputElement>,\n  isDisabled?: boolean\n}\n\nexport const InternalColorThumbContext = createContext<InternalColorThumbContextValue | null>(null);\n\nexport interface ColorThumbRenderProps {\n  /**\n   * The selected color, excluding the alpha channel.\n   */\n  color: Color,\n  /**\n   * Whether this thumb is currently being dragged.\n   * @selector [data-dragging]\n   */\n  isDragging: boolean,\n  /**\n   * Whether the thumb is currently hovered with a mouse.\n   * @selector [data-hovered]\n   */\n  isHovered: boolean,\n  /**\n   * Whether the thumb is currently focused.\n   * @selector [data-focused]\n   */\n  isFocused: boolean,\n  /**\n   * Whether the thumb is keyboard focused.\n   * @selector [data-focus-visible]\n   */\n  isFocusVisible: boolean,\n  /**\n   * Whether the thumb is disabled.\n   * @selector [data-disabled]\n   */\n  isDisabled: boolean\n}\n\nexport interface ColorThumbProps extends HoverEvents, RenderProps<ColorThumbRenderProps>, GlobalDOMAttributes<HTMLDivElement> {\n  /**\n   * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.\n   * @default 'react-aria-ColorThumb'\n   */\n  className?: ClassNameOrFunction<ColorThumbRenderProps>\n}\n\n/**\n * A color thumb appears within a ColorArea, ColorSlider, or ColorWheel and allows a user to drag to adjust the color value.\n */\nexport const ColorThumb = forwardRef(function ColorThumb(props: ColorThumbProps, ref: ForwardedRef<HTMLDivElement>) {\n  let {state, thumbProps, inputXRef, inputYRef, xInputProps, yInputProps, isDisabled = false} = useContext(InternalColorThumbContext)!;\n  let {focusProps, isFocused, isFocusVisible} = useFocusRing();\n  let {hoverProps, isHovered} = useHover(props);\n\n  let renderProps = useRenderProps({\n    ...props,\n    defaultClassName: 'react-aria-ColorThumb',\n    defaultStyle: {\n      ...thumbProps.style,\n      backgroundColor: state.getDisplayColor().toString()\n    },\n    values: {\n      color: state.getDisplayColor(),\n      isHovered,\n      isDragging: state.isDragging,\n      isFocused,\n      isFocusVisible,\n      isDisabled\n    }\n  });\n\n  let DOMProps = filterDOMProps(props, {global: true});\n  delete DOMProps.id;\n\n  return (\n    <dom.div\n      {...mergeProps(thumbProps, hoverProps, DOMProps)}\n      {...renderProps}\n      ref={ref}\n      data-hovered={isHovered || undefined}\n      data-dragging={state.isDragging || undefined}\n      data-focused={isFocused || undefined}\n      data-focus-visible={isFocusVisible || undefined}\n      data-disabled={isDisabled || undefined}>\n      <input ref={inputXRef} {...xInputProps} {...focusProps} />\n      {yInputProps && <input ref={inputYRef} {...yInputProps} {...focusProps} />}\n      {renderProps.children}\n    </dom.div>\n  );\n});\n"],"names":[],"version":3,"file":"ColorThumb.js.map"}

package/dist/private/ColorThumb.mjs

@@ -0,0 +1,61 @@
+import {dom as $7230ffa83bc0c2cf$export$df3a06d6289f983e, useRenderProps as $7230ffa83bc0c2cf$export$4d86445c2cf5e3} from "./utils.mjs";
+import {filterDOMProps as $fqlfY$filterDOMProps} from "react-aria/filterDOMProps";
+import {mergeProps as $fqlfY$mergeProps} from "react-aria/mergeProps";
+import $fqlfY$react, {createContext as $fqlfY$createContext, forwardRef as $fqlfY$forwardRef, useContext as $fqlfY$useContext} from "react";
+import {useFocusRing as $fqlfY$useFocusRing} from "react-aria/useFocusRing";
+import {useHover as $fqlfY$useHover} from "react-aria/useHover";
+
+
+
+
+
+
+
+const $ceafedee624ffe11$export$c80c0ea2ca5cb846 = /*#__PURE__*/ (0, $fqlfY$createContext)(null);
+const $ceafedee624ffe11$export$a3cc47cee1c1ccc = /*#__PURE__*/ (0, $fqlfY$forwardRef)(function ColorThumb(props, ref) {
+    let { state: state, thumbProps: thumbProps, inputXRef: inputXRef, inputYRef: inputYRef, xInputProps: xInputProps, yInputProps: yInputProps, isDisabled: isDisabled = false } = (0, $fqlfY$useContext)($ceafedee624ffe11$export$c80c0ea2ca5cb846);
+    let { focusProps: focusProps, isFocused: isFocused, isFocusVisible: isFocusVisible } = (0, $fqlfY$useFocusRing)();
+    let { hoverProps: hoverProps, isHovered: isHovered } = (0, $fqlfY$useHover)(props);
+    let renderProps = (0, $7230ffa83bc0c2cf$export$4d86445c2cf5e3)({
+        ...props,
+        defaultClassName: 'react-aria-ColorThumb',
+        defaultStyle: {
+            ...thumbProps.style,
+            backgroundColor: state.getDisplayColor().toString()
+        },
+        values: {
+            color: state.getDisplayColor(),
+            isHovered: isHovered,
+            isDragging: state.isDragging,
+            isFocused: isFocused,
+            isFocusVisible: isFocusVisible,
+            isDisabled: isDisabled
+        }
+    });
+    let DOMProps = (0, $fqlfY$filterDOMProps)(props, {
+        global: true
+    });
+    delete DOMProps.id;
+    return /*#__PURE__*/ (0, $fqlfY$react).createElement((0, $7230ffa83bc0c2cf$export$df3a06d6289f983e).div, {
+        ...(0, $fqlfY$mergeProps)(thumbProps, hoverProps, DOMProps),
+        ...renderProps,
+        ref: ref,
+        "data-hovered": isHovered || undefined,
+        "data-dragging": state.isDragging || undefined,
+        "data-focused": isFocused || undefined,
+        "data-focus-visible": isFocusVisible || undefined,
+        "data-disabled": isDisabled || undefined
+    }, /*#__PURE__*/ (0, $fqlfY$react).createElement("input", {
+        ref: inputXRef,
+        ...xInputProps,
+        ...focusProps
+    }), yInputProps && /*#__PURE__*/ (0, $fqlfY$react).createElement("input", {
+        ref: inputYRef,
+        ...yInputProps,
+        ...focusProps
+    }), renderProps.children);
+});
+
+
+export {$ceafedee624ffe11$export$c80c0ea2ca5cb846 as InternalColorThumbContext, $ceafedee624ffe11$export$a3cc47cee1c1ccc as ColorThumb};
+//# sourceMappingURL=ColorThumb.mjs.map

package/dist/private/ColorThumb.mjs.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;AAwBO,MAAM,0DAA4B,CAAA,GAAA,oBAAY,EAAyC;AA6CvF,MAAM,yDAAa,CAAA,GAAA,iBAAS,EAAE,SAAS,WAAW,KAAsB,EAAE,GAAiC;IAChH,IAAI,SAAC,KAAK,cAAE,UAAU,aAAE,SAAS,aAAE,SAAS,eAAE,WAAW,eAAE,WAAW,cAAE,aAAa,OAAM,GAAG,CAAA,GAAA,iBAAS,EAAE;IACzG,IAAI,cAAC,UAAU,aAAE,SAAS,kBAAE,cAAc,EAAC,GAAG,CAAA,GAAA,mBAAW;IACzD,IAAI,cAAC,UAAU,aAAE,SAAS,EAAC,GAAG,CAAA,GAAA,eAAO,EAAE;IAEvC,IAAI,cAAc,CAAA,GAAA,uCAAa,EAAE;QAC/B,GAAG,KAAK;QACR,kBAAkB;QAClB,cAAc;YACZ,GAAG,WAAW,KAAK;YACnB,iBAAiB,MAAM,eAAe,GAAG,QAAQ;QACnD;QACA,QAAQ;YACN,OAAO,MAAM,eAAe;uBAC5B;YACA,YAAY,MAAM,UAAU;uBAC5B;4BACA;wBACA;QACF;IACF;IAEA,IAAI,WAAW,CAAA,GAAA,qBAAa,EAAE,OAAO;QAAC,QAAQ;IAAI;IAClD,OAAO,SAAS,EAAE;IAElB,qBACE,gCAAC,CAAA,GAAA,yCAAE,EAAE,GAAG;QACL,GAAG,CAAA,GAAA,iBAAS,EAAE,YAAY,YAAY,SAAS;QAC/C,GAAG,WAAW;QACf,KAAK;QACL,gBAAc,aAAa;QAC3B,iBAAe,MAAM,UAAU,IAAI;QACnC,gBAAc,aAAa;QAC3B,sBAAoB,kBAAkB;QACtC,iBAAe,cAAc;qBAC7B,gCAAC;QAAM,KAAK;QAAY,GAAG,WAAW;QAAG,GAAG,UAAU;QACrD,6BAAe,gCAAC;QAAM,KAAK;QAAY,GAAG,WAAW;QAAG,GAAG,UAAU;QACrE,YAAY,QAAQ;AAG3B","sources":["packages/react-aria-components/src/ColorThumb.tsx"],"sourcesContent":["import {ClassNameOrFunction, dom, RenderProps, useRenderProps} from './utils';\nimport {Color} from 'react-stately/Color';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {GlobalDOMAttributes, HoverEvents, RefObject} from '@react-types/shared';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport React, {createContext, ForwardedRef, forwardRef, HTMLAttributes, InputHTMLAttributes, useContext} from 'react';\nimport {useFocusRing} from 'react-aria/useFocusRing';\nimport {useHover} from 'react-aria/useHover';\n\ninterface ColorState {\n  getDisplayColor(): Color,\n  isDragging: boolean\n}\n\ninterface InternalColorThumbContextValue {\n  state: ColorState,\n  thumbProps: HTMLAttributes<HTMLElement>,\n  inputXRef: RefObject<HTMLInputElement | null>,\n  inputYRef?: RefObject<HTMLInputElement | null>,\n  xInputProps: InputHTMLAttributes<HTMLInputElement>,\n  yInputProps?: InputHTMLAttributes<HTMLInputElement>,\n  isDisabled?: boolean\n}\n\nexport const InternalColorThumbContext = createContext<InternalColorThumbContextValue | null>(null);\n\nexport interface ColorThumbRenderProps {\n  /**\n   * The selected color, excluding the alpha channel.\n   */\n  color: Color,\n  /**\n   * Whether this thumb is currently being dragged.\n   * @selector [data-dragging]\n   */\n  isDragging: boolean,\n  /**\n   * Whether the thumb is currently hovered with a mouse.\n   * @selector [data-hovered]\n   */\n  isHovered: boolean,\n  /**\n   * Whether the thumb is currently focused.\n   * @selector [data-focused]\n   */\n  isFocused: boolean,\n  /**\n   * Whether the thumb is keyboard focused.\n   * @selector [data-focus-visible]\n   */\n  isFocusVisible: boolean,\n  /**\n   * Whether the thumb is disabled.\n   * @selector [data-disabled]\n   */\n  isDisabled: boolean\n}\n\nexport interface ColorThumbProps extends HoverEvents, RenderProps<ColorThumbRenderProps>, GlobalDOMAttributes<HTMLDivElement> {\n  /**\n   * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.\n   * @default 'react-aria-ColorThumb'\n   */\n  className?: ClassNameOrFunction<ColorThumbRenderProps>\n}\n\n/**\n * A color thumb appears within a ColorArea, ColorSlider, or ColorWheel and allows a user to drag to adjust the color value.\n */\nexport const ColorThumb = forwardRef(function ColorThumb(props: ColorThumbProps, ref: ForwardedRef<HTMLDivElement>) {\n  let {state, thumbProps, inputXRef, inputYRef, xInputProps, yInputProps, isDisabled = false} = useContext(InternalColorThumbContext)!;\n  let {focusProps, isFocused, isFocusVisible} = useFocusRing();\n  let {hoverProps, isHovered} = useHover(props);\n\n  let renderProps = useRenderProps({\n    ...props,\n    defaultClassName: 'react-aria-ColorThumb',\n    defaultStyle: {\n      ...thumbProps.style,\n      backgroundColor: state.getDisplayColor().toString()\n    },\n    values: {\n      color: state.getDisplayColor(),\n      isHovered,\n      isDragging: state.isDragging,\n      isFocused,\n      isFocusVisible,\n      isDisabled\n    }\n  });\n\n  let DOMProps = filterDOMProps(props, {global: true});\n  delete DOMProps.id;\n\n  return (\n    <dom.div\n      {...mergeProps(thumbProps, hoverProps, DOMProps)}\n      {...renderProps}\n      ref={ref}\n      data-hovered={isHovered || undefined}\n      data-dragging={state.isDragging || undefined}\n      data-focused={isFocused || undefined}\n      data-focus-visible={isFocusVisible || undefined}\n      data-disabled={isDisabled || undefined}>\n      <input ref={inputXRef} {...xInputProps} {...focusProps} />\n      {yInputProps && <input ref={inputYRef} {...yInputProps} {...focusProps} />}\n      {renderProps.children}\n    </dom.div>\n  );\n});\n"],"names":[],"version":3,"file":"ColorThumb.mjs.map"}

package/dist/private/ColorWheel.cjs

@@ -0,0 +1,102 @@
+var $048d76b84370f141$exports = require("./utils.cjs");
+var $e8b1af84c136cd43$exports = require("./ColorThumb.cjs");
+var $iIRsw$reactariauseColorWheel = require("react-aria/useColorWheel");
+var $iIRsw$reactstatelyuseColorWheelState = require("react-stately/useColorWheelState");
+var $iIRsw$reactariafilterDOMProps = require("react-aria/filterDOMProps");
+var $iIRsw$react = require("react");
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$export(module.exports, "ColorWheelContext", function () { return $9ce2d9a18460c1c0$export$265015d6dc85bf21; });
+$parcel$export(module.exports, "ColorWheelStateContext", function () { return $9ce2d9a18460c1c0$export$f5327df9fc840d47; });
+$parcel$export(module.exports, "ColorWheel", function () { return $9ce2d9a18460c1c0$export$f80663f808113381; });
+$parcel$export(module.exports, "ColorWheelTrackContext", function () { return $9ce2d9a18460c1c0$export$aec8299548648839; });
+$parcel$export(module.exports, "ColorWheelTrack", function () { return $9ce2d9a18460c1c0$export$aaae3dd1f909c692; });
+
+
+
+
+
+
+const $9ce2d9a18460c1c0$export$265015d6dc85bf21 = /*#__PURE__*/ (0, $iIRsw$react.createContext)(null);
+const $9ce2d9a18460c1c0$export$f5327df9fc840d47 = /*#__PURE__*/ (0, $iIRsw$react.createContext)(null);
+const $9ce2d9a18460c1c0$export$f80663f808113381 = /*#__PURE__*/ (0, $iIRsw$react.forwardRef)(function ColorWheel(props, ref) {
+    [props, ref] = (0, $048d76b84370f141$exports.useContextProps)(props, ref, $9ce2d9a18460c1c0$export$265015d6dc85bf21);
+    let state = (0, $iIRsw$reactstatelyuseColorWheelState.useColorWheelState)(props);
+    let inputRef = (0, $iIRsw$react.useRef)(null);
+    let { trackProps: trackProps, inputProps: inputProps, thumbProps: thumbProps } = (0, $iIRsw$reactariauseColorWheel.useColorWheel)(props, state, inputRef);
+    let renderProps = (0, $048d76b84370f141$exports.useRenderProps)({
+        ...props,
+        values: {
+            state: state,
+            isDisabled: props.isDisabled || false
+        },
+        defaultClassName: 'react-aria-ColorWheel',
+        defaultStyle: {
+            position: 'relative'
+        }
+    });
+    let DOMProps = (0, $iIRsw$reactariafilterDOMProps.filterDOMProps)(props, {
+        global: true
+    });
+    delete DOMProps.id;
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($iIRsw$react))).createElement((0, $048d76b84370f141$exports.dom).div, {
+        ...DOMProps,
+        ...renderProps,
+        ref: ref,
+        slot: props.slot || undefined,
+        "data-disabled": props.isDisabled || undefined
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($iIRsw$react))).createElement((0, $048d76b84370f141$exports.Provider), {
+        values: [
+            [
+                $9ce2d9a18460c1c0$export$f5327df9fc840d47,
+                state
+            ],
+            [
+                $9ce2d9a18460c1c0$export$aec8299548648839,
+                trackProps
+            ],
+            [
+                (0, $e8b1af84c136cd43$exports.InternalColorThumbContext),
+                {
+                    state: state,
+                    thumbProps: thumbProps,
+                    inputXRef: inputRef,
+                    xInputProps: inputProps,
+                    isDisabled: props.isDisabled
+                }
+            ]
+        ]
+    }, renderProps.children));
+});
+const $9ce2d9a18460c1c0$export$aec8299548648839 = /*#__PURE__*/ (0, $iIRsw$react.createContext)(null);
+const $9ce2d9a18460c1c0$export$aaae3dd1f909c692 = /*#__PURE__*/ (0, $iIRsw$react.forwardRef)(function ColorWheelTrack(props, ref) {
+    [props, ref] = (0, $048d76b84370f141$exports.useContextProps)(props, ref, $9ce2d9a18460c1c0$export$aec8299548648839);
+    let state = (0, $iIRsw$react.useContext)($9ce2d9a18460c1c0$export$f5327df9fc840d47);
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    let { className: className, style: style, ...rest } = props;
+    let renderProps = (0, $048d76b84370f141$exports.useRenderProps)({
+        ...props,
+        defaultClassName: 'react-aria-ColorWheelTrack',
+        values: {
+            isDisabled: state.isDisabled,
+            state: state
+        }
+    });
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($iIRsw$react))).createElement((0, $048d76b84370f141$exports.dom).div, {
+        ...rest,
+        ...renderProps,
+        ref: ref,
+        "data-disabled": state.isDisabled || undefined
+    });
+});
+
+
+//# sourceMappingURL=ColorWheel.cjs.map

package/dist/private/ColorWheel.cjs.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAsCO,MAAM,0DAAoB,CAAA,GAAA,0BAAY,EAA0D;AAChG,MAAM,0DAAyB,CAAA,GAAA,0BAAY,EAA0B;AAKrE,MAAM,0DAAa,CAAA,GAAA,uBAAS,EAAE,SAAS,WAAW,KAAsB,EAAE,GAAiC;IAChH,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,yCAAc,EAAE,OAAO,KAAK;IAC3C,IAAI,QAAQ,CAAA,GAAA,wDAAiB,EAAE;IAC/B,IAAI,WAAW,CAAA,GAAA,mBAAK,EAAE;IACtB,IAAI,cAAC,UAAU,cAAE,UAAU,cAAE,UAAU,EAAC,GAAG,CAAA,GAAA,2CAAY,EAAE,OAAO,OAAO;IAEvE,IAAI,cAAc,CAAA,GAAA,wCAAa,EAAE;QAC/B,GAAG,KAAK;QACR,QAAQ;mBACN;YACA,YAAY,MAAM,UAAU,IAAI;QAClC;QACA,kBAAkB;QAClB,cAAc;YACZ,UAAU;QACZ;IACF;IAEA,IAAI,WAAW,CAAA,GAAA,6CAAa,EAAE,OAAO;QAAC,QAAQ;IAAI;IAClD,OAAO,SAAS,EAAE;IAElB,qBACE,0DAAC,CAAA,GAAA,6BAAE,EAAE,GAAG;QACL,GAAG,QAAQ;QACX,GAAG,WAAW;QACf,KAAK;QACL,MAAM,MAAM,IAAI,IAAI;QACpB,iBAAe,MAAM,UAAU,IAAI;qBACnC,0DAAC,CAAA,GAAA,kCAAO;QACN,QAAQ;YACN;gBAAC;gBAAwB;aAAM;YAC/B;gBAAC;gBAAwB;aAAW;YACpC;gBAAC,CAAA,GAAA,mDAAwB;gBAAG;2BAAC;gCAAO;oBAAY,WAAW;oBAAU,aAAa;oBAAY,YAAY,MAAM,UAAU;gBAAA;aAAE;SAC7H;OACA,YAAY,QAAQ;AAI7B;AAYO,MAAM,0DAAyB,CAAA,GAAA,0BAAY,EAA6D;AAKxG,MAAM,0DAAkB,CAAA,GAAA,uBAAS,EAAE,SAAS,gBAAgB,KAA2B,EAAE,GAAiC;IAC/H,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,yCAAc,EAAE,OAAO,KAAK;IAC3C,IAAI,QAAQ,CAAA,GAAA,uBAAS,EAAE;IACvB,6DAA6D;IAC7D,IAAI,aAAC,SAAS,SAAE,KAAK,EAAE,GAAG,MAAK,GAAG;IAElC,IAAI,cAAc,CAAA,GAAA,wCAAa,EAAE;QAC/B,GAAG,KAAK;QACR,kBAAkB;QAClB,QAAQ;YACN,YAAY,MAAM,UAAU;mBAC5B;QACF;IACF;IAEA,qBACE,0DAAC,CAAA,GAAA,6BAAE,EAAE,GAAG;QACL,GAAG,IAAI;QACP,GAAG,WAAW;QACf,KAAK;QACL,iBAAe,MAAM,UAAU,IAAI;;AAEzC","sources":["packages/react-aria-components/src/ColorWheel.tsx"],"sourcesContent":["import {AriaColorWheelOptions, useColorWheel} from 'react-aria/useColorWheel';\nimport {\n  ClassNameOrFunction,\n  ContextValue,\n  dom,\n  Provider,\n  RenderProps,\n  SlotProps,\n  StyleRenderProps,\n  useContextProps,\n  useRenderProps\n} from './utils';\nimport {ColorWheelState, useColorWheelState} from 'react-stately/useColorWheelState';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {GlobalDOMAttributes} from '@react-types/shared';\nimport {InternalColorThumbContext} from './ColorThumb';\nimport React, {createContext, ForwardedRef, forwardRef, HTMLAttributes, useContext, useRef} from 'react';\n\nexport interface ColorWheelRenderProps {\n  /**\n   * Whether the color wheel is disabled.\n   * @selector [data-disabled]\n   */\n  isDisabled: boolean,\n  /**\n   * State of the color wheel.\n   */\n  state: ColorWheelState\n}\n\nexport interface ColorWheelProps extends AriaColorWheelOptions, RenderProps<ColorWheelRenderProps>, SlotProps, GlobalDOMAttributes<HTMLDivElement> {\n  /**\n   * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.\n   * @default 'react-aria-ColorWheel'\n   */\n  className?: ClassNameOrFunction<ColorWheelRenderProps>\n}\n\nexport const ColorWheelContext = createContext<ContextValue<Partial<ColorWheelProps>, HTMLDivElement>>(null);\nexport const ColorWheelStateContext = createContext<ColorWheelState | null>(null);\n\n/**\n * A color wheel allows users to adjust the hue of an HSL or HSB color value on a circular track.\n */\nexport const ColorWheel = forwardRef(function ColorWheel(props: ColorWheelProps, ref: ForwardedRef<HTMLDivElement>) {\n  [props, ref] = useContextProps(props, ref, ColorWheelContext);\n  let state = useColorWheelState(props);\n  let inputRef = useRef(null);\n  let {trackProps, inputProps, thumbProps} = useColorWheel(props, state, inputRef);\n\n  let renderProps = useRenderProps({\n    ...props,\n    values: {\n      state,\n      isDisabled: props.isDisabled || false\n    },\n    defaultClassName: 'react-aria-ColorWheel',\n    defaultStyle: {\n      position: 'relative'\n    }\n  });\n\n  let DOMProps = filterDOMProps(props, {global: true});\n  delete DOMProps.id;\n\n  return (\n    <dom.div\n      {...DOMProps}\n      {...renderProps}\n      ref={ref}\n      slot={props.slot || undefined}\n      data-disabled={props.isDisabled || undefined}>\n      <Provider\n        values={[\n          [ColorWheelStateContext, state],\n          [ColorWheelTrackContext, trackProps],\n          [InternalColorThumbContext, {state, thumbProps, inputXRef: inputRef, xInputProps: inputProps, isDisabled: props.isDisabled}]\n        ]}>\n        {renderProps.children}\n      </Provider>\n    </dom.div>\n  );\n});\n\nexport interface ColorWheelTrackRenderProps extends ColorWheelRenderProps {}\nexport interface ColorWheelTrackProps extends StyleRenderProps<ColorWheelTrackRenderProps>, GlobalDOMAttributes<HTMLDivElement> {\n  /**\n   * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.\n   * @default 'react-aria-ColorWheelTrack'\n   */\n  className?: ClassNameOrFunction<ColorWheelTrackRenderProps>\n}\ninterface ColorWheelTrackContextValue extends Omit<HTMLAttributes<HTMLElement>, 'children' | 'className' | 'style'>, StyleRenderProps<ColorWheelTrackRenderProps> {}\n\nexport const ColorWheelTrackContext = createContext<ContextValue<ColorWheelTrackContextValue, HTMLDivElement>>(null);\n\n/**\n * A color wheel track renders a circular gradient track.\n */\nexport const ColorWheelTrack = forwardRef(function ColorWheelTrack(props: ColorWheelTrackProps, ref: ForwardedRef<HTMLDivElement>) {\n  [props, ref] = useContextProps(props, ref, ColorWheelTrackContext);\n  let state = useContext(ColorWheelStateContext)!;\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  let {className, style, ...rest} = props;\n\n  let renderProps = useRenderProps({\n    ...props,\n    defaultClassName: 'react-aria-ColorWheelTrack',\n    values: {\n      isDisabled: state.isDisabled,\n      state\n    }\n  });\n\n  return (\n    <dom.div\n      {...rest}\n      {...renderProps}\n      ref={ref}\n      data-disabled={state.isDisabled || undefined} />\n  );\n});\n"],"names":[],"version":3,"file":"ColorWheel.cjs.map"}

package/dist/private/ColorWheel.js

@@ -0,0 +1,89 @@
+import {dom as $b7b7a92703138c9b$export$df3a06d6289f983e, Provider as $b7b7a92703138c9b$export$2881499e37b75b9a, useContextProps as $b7b7a92703138c9b$export$29f1550f4b0d4415, useRenderProps as $b7b7a92703138c9b$export$4d86445c2cf5e3} from "./utils.js";
+import {InternalColorThumbContext as $80f3336a74d25baa$export$c80c0ea2ca5cb846} from "./ColorThumb.js";
+import {useColorWheel as $dDqoU$useColorWheel} from "react-aria/useColorWheel";
+import {useColorWheelState as $dDqoU$useColorWheelState} from "react-stately/useColorWheelState";
+import {filterDOMProps as $dDqoU$filterDOMProps} from "react-aria/filterDOMProps";
+import $dDqoU$react, {createContext as $dDqoU$createContext, forwardRef as $dDqoU$forwardRef, useRef as $dDqoU$useRef, useContext as $dDqoU$useContext} from "react";
+
+
+
+
+
+
+
+const $8ae6a3a7cd656f39$export$265015d6dc85bf21 = /*#__PURE__*/ (0, $dDqoU$createContext)(null);
+const $8ae6a3a7cd656f39$export$f5327df9fc840d47 = /*#__PURE__*/ (0, $dDqoU$createContext)(null);
+const $8ae6a3a7cd656f39$export$f80663f808113381 = /*#__PURE__*/ (0, $dDqoU$forwardRef)(function ColorWheel(props, ref) {
+    [props, ref] = (0, $b7b7a92703138c9b$export$29f1550f4b0d4415)(props, ref, $8ae6a3a7cd656f39$export$265015d6dc85bf21);
+    let state = (0, $dDqoU$useColorWheelState)(props);
+    let inputRef = (0, $dDqoU$useRef)(null);
+    let { trackProps: trackProps, inputProps: inputProps, thumbProps: thumbProps } = (0, $dDqoU$useColorWheel)(props, state, inputRef);
+    let renderProps = (0, $b7b7a92703138c9b$export$4d86445c2cf5e3)({
+        ...props,
+        values: {
+            state: state,
+            isDisabled: props.isDisabled || false
+        },
+        defaultClassName: 'react-aria-ColorWheel',
+        defaultStyle: {
+            position: 'relative'
+        }
+    });
+    let DOMProps = (0, $dDqoU$filterDOMProps)(props, {
+        global: true
+    });
+    delete DOMProps.id;
+    return /*#__PURE__*/ (0, $dDqoU$react).createElement((0, $b7b7a92703138c9b$export$df3a06d6289f983e).div, {
+        ...DOMProps,
+        ...renderProps,
+        ref: ref,
+        slot: props.slot || undefined,
+        "data-disabled": props.isDisabled || undefined
+    }, /*#__PURE__*/ (0, $dDqoU$react).createElement((0, $b7b7a92703138c9b$export$2881499e37b75b9a), {
+        values: [
+            [
+                $8ae6a3a7cd656f39$export$f5327df9fc840d47,
+                state
+            ],
+            [
+                $8ae6a3a7cd656f39$export$aec8299548648839,
+                trackProps
+            ],
+            [
+                (0, $80f3336a74d25baa$export$c80c0ea2ca5cb846),
+                {
+                    state: state,
+                    thumbProps: thumbProps,
+                    inputXRef: inputRef,
+                    xInputProps: inputProps,
+                    isDisabled: props.isDisabled
+                }
+            ]
+        ]
+    }, renderProps.children));
+});
+const $8ae6a3a7cd656f39$export$aec8299548648839 = /*#__PURE__*/ (0, $dDqoU$createContext)(null);
+const $8ae6a3a7cd656f39$export$aaae3dd1f909c692 = /*#__PURE__*/ (0, $dDqoU$forwardRef)(function ColorWheelTrack(props, ref) {
+    [props, ref] = (0, $b7b7a92703138c9b$export$29f1550f4b0d4415)(props, ref, $8ae6a3a7cd656f39$export$aec8299548648839);
+    let state = (0, $dDqoU$useContext)($8ae6a3a7cd656f39$export$f5327df9fc840d47);
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    let { className: className, style: style, ...rest } = props;
+    let renderProps = (0, $b7b7a92703138c9b$export$4d86445c2cf5e3)({
+        ...props,
+        defaultClassName: 'react-aria-ColorWheelTrack',
+        values: {
+            isDisabled: state.isDisabled,
+            state: state
+        }
+    });
+    return /*#__PURE__*/ (0, $dDqoU$react).createElement((0, $b7b7a92703138c9b$export$df3a06d6289f983e).div, {
+        ...rest,
+        ...renderProps,
+        ref: ref,
+        "data-disabled": state.isDisabled || undefined
+    });
+});
+
+
+export {$8ae6a3a7cd656f39$export$265015d6dc85bf21 as ColorWheelContext, $8ae6a3a7cd656f39$export$f5327df9fc840d47 as ColorWheelStateContext, $8ae6a3a7cd656f39$export$f80663f808113381 as ColorWheel, $8ae6a3a7cd656f39$export$aec8299548648839 as ColorWheelTrackContext, $8ae6a3a7cd656f39$export$aaae3dd1f909c692 as ColorWheelTrack};
+//# sourceMappingURL=ColorWheel.js.map

package/dist/private/ColorWheel.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;AAsCO,MAAM,0DAAoB,CAAA,GAAA,oBAAY,EAA0D;AAChG,MAAM,0DAAyB,CAAA,GAAA,oBAAY,EAA0B;AAKrE,MAAM,0DAAa,CAAA,GAAA,iBAAS,EAAE,SAAS,WAAW,KAAsB,EAAE,GAAiC;IAChH,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,yCAAc,EAAE,OAAO,KAAK;IAC3C,IAAI,QAAQ,CAAA,GAAA,yBAAiB,EAAE;IAC/B,IAAI,WAAW,CAAA,GAAA,aAAK,EAAE;IACtB,IAAI,cAAC,UAAU,cAAE,UAAU,cAAE,UAAU,EAAC,GAAG,CAAA,GAAA,oBAAY,EAAE,OAAO,OAAO;IAEvE,IAAI,cAAc,CAAA,GAAA,uCAAa,EAAE;QAC/B,GAAG,KAAK;QACR,QAAQ;mBACN;YACA,YAAY,MAAM,UAAU,IAAI;QAClC;QACA,kBAAkB;QAClB,cAAc;YACZ,UAAU;QACZ;IACF;IAEA,IAAI,WAAW,CAAA,GAAA,qBAAa,EAAE,OAAO;QAAC,QAAQ;IAAI;IAClD,OAAO,SAAS,EAAE;IAElB,qBACE,gCAAC,CAAA,GAAA,yCAAE,EAAE,GAAG;QACL,GAAG,QAAQ;QACX,GAAG,WAAW;QACf,KAAK;QACL,MAAM,MAAM,IAAI,IAAI;QACpB,iBAAe,MAAM,UAAU,IAAI;qBACnC,gCAAC,CAAA,GAAA,yCAAO;QACN,QAAQ;YACN;gBAAC;gBAAwB;aAAM;YAC/B;gBAAC;gBAAwB;aAAW;YACpC;gBAAC,CAAA,GAAA,yCAAwB;gBAAG;2BAAC;gCAAO;oBAAY,WAAW;oBAAU,aAAa;oBAAY,YAAY,MAAM,UAAU;gBAAA;aAAE;SAC7H;OACA,YAAY,QAAQ;AAI7B;AAYO,MAAM,0DAAyB,CAAA,GAAA,oBAAY,EAA6D;AAKxG,MAAM,0DAAkB,CAAA,GAAA,iBAAS,EAAE,SAAS,gBAAgB,KAA2B,EAAE,GAAiC;IAC/H,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,yCAAc,EAAE,OAAO,KAAK;IAC3C,IAAI,QAAQ,CAAA,GAAA,iBAAS,EAAE;IACvB,6DAA6D;IAC7D,IAAI,aAAC,SAAS,SAAE,KAAK,EAAE,GAAG,MAAK,GAAG;IAElC,IAAI,cAAc,CAAA,GAAA,uCAAa,EAAE;QAC/B,GAAG,KAAK;QACR,kBAAkB;QAClB,QAAQ;YACN,YAAY,MAAM,UAAU;mBAC5B;QACF;IACF;IAEA,qBACE,gCAAC,CAAA,GAAA,yCAAE,EAAE,GAAG;QACL,GAAG,IAAI;QACP,GAAG,WAAW;QACf,KAAK;QACL,iBAAe,MAAM,UAAU,IAAI;;AAEzC","sources":["packages/react-aria-components/src/ColorWheel.tsx"],"sourcesContent":["import {AriaColorWheelOptions, useColorWheel} from 'react-aria/useColorWheel';\nimport {\n  ClassNameOrFunction,\n  ContextValue,\n  dom,\n  Provider,\n  RenderProps,\n  SlotProps,\n  StyleRenderProps,\n  useContextProps,\n  useRenderProps\n} from './utils';\nimport {ColorWheelState, useColorWheelState} from 'react-stately/useColorWheelState';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {GlobalDOMAttributes} from '@react-types/shared';\nimport {InternalColorThumbContext} from './ColorThumb';\nimport React, {createContext, ForwardedRef, forwardRef, HTMLAttributes, useContext, useRef} from 'react';\n\nexport interface ColorWheelRenderProps {\n  /**\n   * Whether the color wheel is disabled.\n   * @selector [data-disabled]\n   */\n  isDisabled: boolean,\n  /**\n   * State of the color wheel.\n   */\n  state: ColorWheelState\n}\n\nexport interface ColorWheelProps extends AriaColorWheelOptions, RenderProps<ColorWheelRenderProps>, SlotProps, GlobalDOMAttributes<HTMLDivElement> {\n  /**\n   * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.\n   * @default 'react-aria-ColorWheel'\n   */\n  className?: ClassNameOrFunction<ColorWheelRenderProps>\n}\n\nexport const ColorWheelContext = createContext<ContextValue<Partial<ColorWheelProps>, HTMLDivElement>>(null);\nexport const ColorWheelStateContext = createContext<ColorWheelState | null>(null);\n\n/**\n * A color wheel allows users to adjust the hue of an HSL or HSB color value on a circular track.\n */\nexport const ColorWheel = forwardRef(function ColorWheel(props: ColorWheelProps, ref: ForwardedRef<HTMLDivElement>) {\n  [props, ref] = useContextProps(props, ref, ColorWheelContext);\n  let state = useColorWheelState(props);\n  let inputRef = useRef(null);\n  let {trackProps, inputProps, thumbProps} = useColorWheel(props, state, inputRef);\n\n  let renderProps = useRenderProps({\n    ...props,\n    values: {\n      state,\n      isDisabled: props.isDisabled || false\n    },\n    defaultClassName: 'react-aria-ColorWheel',\n    defaultStyle: {\n      position: 'relative'\n    }\n  });\n\n  let DOMProps = filterDOMProps(props, {global: true});\n  delete DOMProps.id;\n\n  return (\n    <dom.div\n      {...DOMProps}\n      {...renderProps}\n      ref={ref}\n      slot={props.slot || undefined}\n      data-disabled={props.isDisabled || undefined}>\n      <Provider\n        values={[\n          [ColorWheelStateContext, state],\n          [ColorWheelTrackContext, trackProps],\n          [InternalColorThumbContext, {state, thumbProps, inputXRef: inputRef, xInputProps: inputProps, isDisabled: props.isDisabled}]\n        ]}>\n        {renderProps.children}\n      </Provider>\n    </dom.div>\n  );\n});\n\nexport interface ColorWheelTrackRenderProps extends ColorWheelRenderProps {}\nexport interface ColorWheelTrackProps extends StyleRenderProps<ColorWheelTrackRenderProps>, GlobalDOMAttributes<HTMLDivElement> {\n  /**\n   * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.\n   * @default 'react-aria-ColorWheelTrack'\n   */\n  className?: ClassNameOrFunction<ColorWheelTrackRenderProps>\n}\ninterface ColorWheelTrackContextValue extends Omit<HTMLAttributes<HTMLElement>, 'children' | 'className' | 'style'>, StyleRenderProps<ColorWheelTrackRenderProps> {}\n\nexport const ColorWheelTrackContext = createContext<ContextValue<ColorWheelTrackContextValue, HTMLDivElement>>(null);\n\n/**\n * A color wheel track renders a circular gradient track.\n */\nexport const ColorWheelTrack = forwardRef(function ColorWheelTrack(props: ColorWheelTrackProps, ref: ForwardedRef<HTMLDivElement>) {\n  [props, ref] = useContextProps(props, ref, ColorWheelTrackContext);\n  let state = useContext(ColorWheelStateContext)!;\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  let {className, style, ...rest} = props;\n\n  let renderProps = useRenderProps({\n    ...props,\n    defaultClassName: 'react-aria-ColorWheelTrack',\n    values: {\n      isDisabled: state.isDisabled,\n      state\n    }\n  });\n\n  return (\n    <dom.div\n      {...rest}\n      {...renderProps}\n      ref={ref}\n      data-disabled={state.isDisabled || undefined} />\n  );\n});\n"],"names":[],"version":3,"file":"ColorWheel.js.map"}

package/dist/private/ColorWheel.mjs

@@ -0,0 +1,89 @@
+import {dom as $7230ffa83bc0c2cf$export$df3a06d6289f983e, Provider as $7230ffa83bc0c2cf$export$2881499e37b75b9a, useContextProps as $7230ffa83bc0c2cf$export$29f1550f4b0d4415, useRenderProps as $7230ffa83bc0c2cf$export$4d86445c2cf5e3} from "./utils.mjs";
+import {InternalColorThumbContext as $ceafedee624ffe11$export$c80c0ea2ca5cb846} from "./ColorThumb.mjs";
+import {useColorWheel as $pqA4I$useColorWheel} from "react-aria/useColorWheel";
+import {useColorWheelState as $pqA4I$useColorWheelState} from "react-stately/useColorWheelState";
+import {filterDOMProps as $pqA4I$filterDOMProps} from "react-aria/filterDOMProps";
+import $pqA4I$react, {createContext as $pqA4I$createContext, forwardRef as $pqA4I$forwardRef, useRef as $pqA4I$useRef, useContext as $pqA4I$useContext} from "react";
+
+
+
+
+
+
+
+const $60f561a24f796e40$export$265015d6dc85bf21 = /*#__PURE__*/ (0, $pqA4I$createContext)(null);
+const $60f561a24f796e40$export$f5327df9fc840d47 = /*#__PURE__*/ (0, $pqA4I$createContext)(null);
+const $60f561a24f796e40$export$f80663f808113381 = /*#__PURE__*/ (0, $pqA4I$forwardRef)(function ColorWheel(props, ref) {
+    [props, ref] = (0, $7230ffa83bc0c2cf$export$29f1550f4b0d4415)(props, ref, $60f561a24f796e40$export$265015d6dc85bf21);
+    let state = (0, $pqA4I$useColorWheelState)(props);
+    let inputRef = (0, $pqA4I$useRef)(null);
+    let { trackProps: trackProps, inputProps: inputProps, thumbProps: thumbProps } = (0, $pqA4I$useColorWheel)(props, state, inputRef);
+    let renderProps = (0, $7230ffa83bc0c2cf$export$4d86445c2cf5e3)({
+        ...props,
+        values: {
+            state: state,
+            isDisabled: props.isDisabled || false
+        },
+        defaultClassName: 'react-aria-ColorWheel',
+        defaultStyle: {
+            position: 'relative'
+        }
+    });
+    let DOMProps = (0, $pqA4I$filterDOMProps)(props, {
+        global: true
+    });
+    delete DOMProps.id;
+    return /*#__PURE__*/ (0, $pqA4I$react).createElement((0, $7230ffa83bc0c2cf$export$df3a06d6289f983e).div, {
+        ...DOMProps,
+        ...renderProps,
+        ref: ref,
+        slot: props.slot || undefined,
+        "data-disabled": props.isDisabled || undefined
+    }, /*#__PURE__*/ (0, $pqA4I$react).createElement((0, $7230ffa83bc0c2cf$export$2881499e37b75b9a), {
+        values: [
+            [
+                $60f561a24f796e40$export$f5327df9fc840d47,
+                state
+            ],
+            [
+                $60f561a24f796e40$export$aec8299548648839,
+                trackProps
+            ],
+            [
+                (0, $ceafedee624ffe11$export$c80c0ea2ca5cb846),
+                {
+                    state: state,
+                    thumbProps: thumbProps,
+                    inputXRef: inputRef,
+                    xInputProps: inputProps,
+                    isDisabled: props.isDisabled
+                }
+            ]
+        ]
+    }, renderProps.children));
+});
+const $60f561a24f796e40$export$aec8299548648839 = /*#__PURE__*/ (0, $pqA4I$createContext)(null);
+const $60f561a24f796e40$export$aaae3dd1f909c692 = /*#__PURE__*/ (0, $pqA4I$forwardRef)(function ColorWheelTrack(props, ref) {
+    [props, ref] = (0, $7230ffa83bc0c2cf$export$29f1550f4b0d4415)(props, ref, $60f561a24f796e40$export$aec8299548648839);
+    let state = (0, $pqA4I$useContext)($60f561a24f796e40$export$f5327df9fc840d47);
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    let { className: className, style: style, ...rest } = props;
+    let renderProps = (0, $7230ffa83bc0c2cf$export$4d86445c2cf5e3)({
+        ...props,
+        defaultClassName: 'react-aria-ColorWheelTrack',
+        values: {
+            isDisabled: state.isDisabled,
+            state: state
+        }
+    });
+    return /*#__PURE__*/ (0, $pqA4I$react).createElement((0, $7230ffa83bc0c2cf$export$df3a06d6289f983e).div, {
+        ...rest,
+        ...renderProps,
+        ref: ref,
+        "data-disabled": state.isDisabled || undefined
+    });
+});
+
+
+export {$60f561a24f796e40$export$265015d6dc85bf21 as ColorWheelContext, $60f561a24f796e40$export$f5327df9fc840d47 as ColorWheelStateContext, $60f561a24f796e40$export$f80663f808113381 as ColorWheel, $60f561a24f796e40$export$aec8299548648839 as ColorWheelTrackContext, $60f561a24f796e40$export$aaae3dd1f909c692 as ColorWheelTrack};
+//# sourceMappingURL=ColorWheel.mjs.map

package/dist/private/ColorWheel.mjs.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;AAsCO,MAAM,0DAAoB,CAAA,GAAA,oBAAY,EAA0D;AAChG,MAAM,0DAAyB,CAAA,GAAA,oBAAY,EAA0B;AAKrE,MAAM,0DAAa,CAAA,GAAA,iBAAS,EAAE,SAAS,WAAW,KAAsB,EAAE,GAAiC;IAChH,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,yCAAc,EAAE,OAAO,KAAK;IAC3C,IAAI,QAAQ,CAAA,GAAA,yBAAiB,EAAE;IAC/B,IAAI,WAAW,CAAA,GAAA,aAAK,EAAE;IACtB,IAAI,cAAC,UAAU,cAAE,UAAU,cAAE,UAAU,EAAC,GAAG,CAAA,GAAA,oBAAY,EAAE,OAAO,OAAO;IAEvE,IAAI,cAAc,CAAA,GAAA,uCAAa,EAAE;QAC/B,GAAG,KAAK;QACR,QAAQ;mBACN;YACA,YAAY,MAAM,UAAU,IAAI;QAClC;QACA,kBAAkB;QAClB,cAAc;YACZ,UAAU;QACZ;IACF;IAEA,IAAI,WAAW,CAAA,GAAA,qBAAa,EAAE,OAAO;QAAC,QAAQ;IAAI;IAClD,OAAO,SAAS,EAAE;IAElB,qBACE,gCAAC,CAAA,GAAA,yCAAE,EAAE,GAAG;QACL,GAAG,QAAQ;QACX,GAAG,WAAW;QACf,KAAK;QACL,MAAM,MAAM,IAAI,IAAI;QACpB,iBAAe,MAAM,UAAU,IAAI;qBACnC,gCAAC,CAAA,GAAA,yCAAO;QACN,QAAQ;YACN;gBAAC;gBAAwB;aAAM;YAC/B;gBAAC;gBAAwB;aAAW;YACpC;gBAAC,CAAA,GAAA,yCAAwB;gBAAG;2BAAC;gCAAO;oBAAY,WAAW;oBAAU,aAAa;oBAAY,YAAY,MAAM,UAAU;gBAAA;aAAE;SAC7H;OACA,YAAY,QAAQ;AAI7B;AAYO,MAAM,0DAAyB,CAAA,GAAA,oBAAY,EAA6D;AAKxG,MAAM,0DAAkB,CAAA,GAAA,iBAAS,EAAE,SAAS,gBAAgB,KAA2B,EAAE,GAAiC;IAC/H,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,yCAAc,EAAE,OAAO,KAAK;IAC3C,IAAI,QAAQ,CAAA,GAAA,iBAAS,EAAE;IACvB,6DAA6D;IAC7D,IAAI,aAAC,SAAS,SAAE,KAAK,EAAE,GAAG,MAAK,GAAG;IAElC,IAAI,cAAc,CAAA,GAAA,uCAAa,EAAE;QAC/B,GAAG,KAAK;QACR,kBAAkB;QAClB,QAAQ;YACN,YAAY,MAAM,UAAU;mBAC5B;QACF;IACF;IAEA,qBACE,gCAAC,CAAA,GAAA,yCAAE,EAAE,GAAG;QACL,GAAG,IAAI;QACP,GAAG,WAAW;QACf,KAAK;QACL,iBAAe,MAAM,UAAU,IAAI;;AAEzC","sources":["packages/react-aria-components/src/ColorWheel.tsx"],"sourcesContent":["import {AriaColorWheelOptions, useColorWheel} from 'react-aria/useColorWheel';\nimport {\n  ClassNameOrFunction,\n  ContextValue,\n  dom,\n  Provider,\n  RenderProps,\n  SlotProps,\n  StyleRenderProps,\n  useContextProps,\n  useRenderProps\n} from './utils';\nimport {ColorWheelState, useColorWheelState} from 'react-stately/useColorWheelState';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {GlobalDOMAttributes} from '@react-types/shared';\nimport {InternalColorThumbContext} from './ColorThumb';\nimport React, {createContext, ForwardedRef, forwardRef, HTMLAttributes, useContext, useRef} from 'react';\n\nexport interface ColorWheelRenderProps {\n  /**\n   * Whether the color wheel is disabled.\n   * @selector [data-disabled]\n   */\n  isDisabled: boolean,\n  /**\n   * State of the color wheel.\n   */\n  state: ColorWheelState\n}\n\nexport interface ColorWheelProps extends AriaColorWheelOptions, RenderProps<ColorWheelRenderProps>, SlotProps, GlobalDOMAttributes<HTMLDivElement> {\n  /**\n   * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.\n   * @default 'react-aria-ColorWheel'\n   */\n  className?: ClassNameOrFunction<ColorWheelRenderProps>\n}\n\nexport const ColorWheelContext = createContext<ContextValue<Partial<ColorWheelProps>, HTMLDivElement>>(null);\nexport const ColorWheelStateContext = createContext<ColorWheelState | null>(null);\n\n/**\n * A color wheel allows users to adjust the hue of an HSL or HSB color value on a circular track.\n */\nexport const ColorWheel = forwardRef(function ColorWheel(props: ColorWheelProps, ref: ForwardedRef<HTMLDivElement>) {\n  [props, ref] = useContextProps(props, ref, ColorWheelContext);\n  let state = useColorWheelState(props);\n  let inputRef = useRef(null);\n  let {trackProps, inputProps, thumbProps} = useColorWheel(props, state, inputRef);\n\n  let renderProps = useRenderProps({\n    ...props,\n    values: {\n      state,\n      isDisabled: props.isDisabled || false\n    },\n    defaultClassName: 'react-aria-ColorWheel',\n    defaultStyle: {\n      position: 'relative'\n    }\n  });\n\n  let DOMProps = filterDOMProps(props, {global: true});\n  delete DOMProps.id;\n\n  return (\n    <dom.div\n      {...DOMProps}\n      {...renderProps}\n      ref={ref}\n      slot={props.slot || undefined}\n      data-disabled={props.isDisabled || undefined}>\n      <Provider\n        values={[\n          [ColorWheelStateContext, state],\n          [ColorWheelTrackContext, trackProps],\n          [InternalColorThumbContext, {state, thumbProps, inputXRef: inputRef, xInputProps: inputProps, isDisabled: props.isDisabled}]\n        ]}>\n        {renderProps.children}\n      </Provider>\n    </dom.div>\n  );\n});\n\nexport interface ColorWheelTrackRenderProps extends ColorWheelRenderProps {}\nexport interface ColorWheelTrackProps extends StyleRenderProps<ColorWheelTrackRenderProps>, GlobalDOMAttributes<HTMLDivElement> {\n  /**\n   * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.\n   * @default 'react-aria-ColorWheelTrack'\n   */\n  className?: ClassNameOrFunction<ColorWheelTrackRenderProps>\n}\ninterface ColorWheelTrackContextValue extends Omit<HTMLAttributes<HTMLElement>, 'children' | 'className' | 'style'>, StyleRenderProps<ColorWheelTrackRenderProps> {}\n\nexport const ColorWheelTrackContext = createContext<ContextValue<ColorWheelTrackContextValue, HTMLDivElement>>(null);\n\n/**\n * A color wheel track renders a circular gradient track.\n */\nexport const ColorWheelTrack = forwardRef(function ColorWheelTrack(props: ColorWheelTrackProps, ref: ForwardedRef<HTMLDivElement>) {\n  [props, ref] = useContextProps(props, ref, ColorWheelTrackContext);\n  let state = useContext(ColorWheelStateContext)!;\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  let {className, style, ...rest} = props;\n\n  let renderProps = useRenderProps({\n    ...props,\n    defaultClassName: 'react-aria-ColorWheelTrack',\n    values: {\n      isDisabled: state.isDisabled,\n      state\n    }\n  });\n\n  return (\n    <dom.div\n      {...rest}\n      {...renderProps}\n      ref={ref}\n      data-disabled={state.isDisabled || undefined} />\n  );\n});\n"],"names":[],"version":3,"file":"ColorWheel.mjs.map"}