@react-aria/color 3.0.0-beta.3 → 3.0.0-beta.31

package/dist/sk-SK.mjs

@@ -0,0 +1,11 @@
+var $b61325f242fafc7c$exports = {};
+$b61325f242fafc7c$exports = {
+    "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`,
+    "colorNameAndValue": (args)=>`${args.name}: ${args.value}`,
+    "colorPicker": `V\xfdber farieb`,
+    "twoDimensionalSlider": `2D jazdec`
+};
+
+
+export {$b61325f242fafc7c$exports as default};
+//# sourceMappingURL=sk-SK.module.js.map

package/dist/sk-SK.module.js

@@ -0,0 +1,11 @@
+var $b61325f242fafc7c$exports = {};
+$b61325f242fafc7c$exports = {
+    "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`,
+    "colorNameAndValue": (args)=>`${args.name}: ${args.value}`,
+    "colorPicker": `V\xfdber farieb`,
+    "twoDimensionalSlider": `2D jazdec`
+};
+
+
+export {$b61325f242fafc7c$exports as default};
+//# sourceMappingURL=sk-SK.module.js.map

package/dist/sk-SK.module.js.map

@@ -0,0 +1 @@
+{"mappings":";AAAA,4BAAiB;IAAG,mBAAmB,CAAC,OAAS,CAAC,EAAE,KAAK,KAAK,CAAC,EAAE,EAAE,KAAK,YAAY,CAAC,CAAC;IACpF,qBAAqB,CAAC,OAAS,CAAC,EAAE,KAAK,IAAI,CAAC,EAAE,EAAE,KAAK,KAAK,CAAC,CAAC;IAC5D,eAAe,CAAC,eAAY,CAAC;IAC7B,wBAAwB,CAAC,SAAS,CAAC;AACrC","sources":["packages/@react-aria/color/intl/sk-SK.json"],"sourcesContent":["{\n  \"colorInputLabel\": \"{label}, {channelLabel}\",\n  \"colorNameAndValue\": \"{name}: {value}\",\n  \"colorPicker\": \"Výber farieb\",\n  \"twoDimensionalSlider\": \"2D jazdec\"\n}\n"],"names":[],"version":3,"file":"sk-SK.module.js.map"}

package/dist/sl-SI.main.js

@@ -0,0 +1,9 @@
+module.exports = {
+    "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`,
+    "colorNameAndValue": (args)=>`${args.name}: ${args.value}`,
+    "colorPicker": `Izbirnik barv`,
+    "twoDimensionalSlider": `2D drsnik`
+};
+
+
+//# sourceMappingURL=sl-SI.main.js.map

package/dist/sl-SI.main.js.map

@@ -0,0 +1 @@
+{"mappings":"AAAA,iBAAiB;IAAG,mBAAmB,CAAC,OAAS,CAAC,EAAE,KAAK,KAAK,CAAC,EAAE,EAAE,KAAK,YAAY,CAAC,CAAC;IACpF,qBAAqB,CAAC,OAAS,CAAC,EAAE,KAAK,IAAI,CAAC,EAAE,EAAE,KAAK,KAAK,CAAC,CAAC;IAC5D,eAAe,CAAC,aAAa,CAAC;IAC9B,wBAAwB,CAAC,SAAS,CAAC;AACrC","sources":["packages/@react-aria/color/intl/sl-SI.json"],"sourcesContent":["{\n  \"colorInputLabel\": \"{label}, {channelLabel}\",\n  \"colorNameAndValue\": \"{name}: {value}\",\n  \"colorPicker\": \"Izbirnik barv\",\n  \"twoDimensionalSlider\": \"2D drsnik\"\n}\n"],"names":[],"version":3,"file":"sl-SI.main.js.map"}

package/dist/sl-SI.mjs

@@ -0,0 +1,11 @@
+var $f44b7cf39ac8f315$exports = {};
+$f44b7cf39ac8f315$exports = {
+    "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`,
+    "colorNameAndValue": (args)=>`${args.name}: ${args.value}`,
+    "colorPicker": `Izbirnik barv`,
+    "twoDimensionalSlider": `2D drsnik`
+};
+
+
+export {$f44b7cf39ac8f315$exports as default};
+//# sourceMappingURL=sl-SI.module.js.map

package/dist/sl-SI.module.js

@@ -0,0 +1,11 @@
+var $f44b7cf39ac8f315$exports = {};
+$f44b7cf39ac8f315$exports = {
+    "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`,
+    "colorNameAndValue": (args)=>`${args.name}: ${args.value}`,
+    "colorPicker": `Izbirnik barv`,
+    "twoDimensionalSlider": `2D drsnik`
+};
+
+
+export {$f44b7cf39ac8f315$exports as default};
+//# sourceMappingURL=sl-SI.module.js.map

package/dist/sl-SI.module.js.map

@@ -0,0 +1 @@
+{"mappings":";AAAA,4BAAiB;IAAG,mBAAmB,CAAC,OAAS,CAAC,EAAE,KAAK,KAAK,CAAC,EAAE,EAAE,KAAK,YAAY,CAAC,CAAC;IACpF,qBAAqB,CAAC,OAAS,CAAC,EAAE,KAAK,IAAI,CAAC,EAAE,EAAE,KAAK,KAAK,CAAC,CAAC;IAC5D,eAAe,CAAC,aAAa,CAAC;IAC9B,wBAAwB,CAAC,SAAS,CAAC;AACrC","sources":["packages/@react-aria/color/intl/sl-SI.json"],"sourcesContent":["{\n  \"colorInputLabel\": \"{label}, {channelLabel}\",\n  \"colorNameAndValue\": \"{name}: {value}\",\n  \"colorPicker\": \"Izbirnik barv\",\n  \"twoDimensionalSlider\": \"2D drsnik\"\n}\n"],"names":[],"version":3,"file":"sl-SI.module.js.map"}

package/dist/sr-SP.main.js

@@ -0,0 +1,9 @@
+module.exports = {
+    "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`,
+    "colorNameAndValue": (args)=>`${args.name}: ${args.value}`,
+    "colorPicker": `Bira\u{10D} boja`,
+    "twoDimensionalSlider": `2D kliza\u{10D}`
+};
+
+
+//# sourceMappingURL=sr-SP.main.js.map

package/dist/sr-SP.main.js.map

@@ -0,0 +1 @@
+{"mappings":"AAAA,iBAAiB;IAAG,mBAAmB,CAAC,OAAS,CAAC,EAAE,KAAK,KAAK,CAAC,EAAE,EAAE,KAAK,YAAY,CAAC,CAAC;IACpF,qBAAqB,CAAC,OAAS,CAAC,EAAE,KAAK,IAAI,CAAC,EAAE,EAAE,KAAK,KAAK,CAAC,CAAC;IAC5D,eAAe,CAAC,gBAAU,CAAC;IAC3B,wBAAwB,CAAC,eAAS,CAAC;AACrC","sources":["packages/@react-aria/color/intl/sr-SP.json"],"sourcesContent":["{\n  \"colorInputLabel\": \"{label}, {channelLabel}\",\n  \"colorNameAndValue\": \"{name}: {value}\",\n  \"colorPicker\": \"Birač boja\",\n  \"twoDimensionalSlider\": \"2D klizač\"\n}\n"],"names":[],"version":3,"file":"sr-SP.main.js.map"}

package/dist/sr-SP.mjs

@@ -0,0 +1,11 @@
+var $aa8cd83fc8d4982b$exports = {};
+$aa8cd83fc8d4982b$exports = {
+    "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`,
+    "colorNameAndValue": (args)=>`${args.name}: ${args.value}`,
+    "colorPicker": `Bira\u{10D} boja`,
+    "twoDimensionalSlider": `2D kliza\u{10D}`
+};
+
+
+export {$aa8cd83fc8d4982b$exports as default};
+//# sourceMappingURL=sr-SP.module.js.map

package/dist/sr-SP.module.js

@@ -0,0 +1,11 @@
+var $aa8cd83fc8d4982b$exports = {};
+$aa8cd83fc8d4982b$exports = {
+    "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`,
+    "colorNameAndValue": (args)=>`${args.name}: ${args.value}`,
+    "colorPicker": `Bira\u{10D} boja`,
+    "twoDimensionalSlider": `2D kliza\u{10D}`
+};
+
+
+export {$aa8cd83fc8d4982b$exports as default};
+//# sourceMappingURL=sr-SP.module.js.map

package/dist/sr-SP.module.js.map

@@ -0,0 +1 @@
+{"mappings":";AAAA,4BAAiB;IAAG,mBAAmB,CAAC,OAAS,CAAC,EAAE,KAAK,KAAK,CAAC,EAAE,EAAE,KAAK,YAAY,CAAC,CAAC;IACpF,qBAAqB,CAAC,OAAS,CAAC,EAAE,KAAK,IAAI,CAAC,EAAE,EAAE,KAAK,KAAK,CAAC,CAAC;IAC5D,eAAe,CAAC,gBAAU,CAAC;IAC3B,wBAAwB,CAAC,eAAS,CAAC;AACrC","sources":["packages/@react-aria/color/intl/sr-SP.json"],"sourcesContent":["{\n  \"colorInputLabel\": \"{label}, {channelLabel}\",\n  \"colorNameAndValue\": \"{name}: {value}\",\n  \"colorPicker\": \"Birač boja\",\n  \"twoDimensionalSlider\": \"2D klizač\"\n}\n"],"names":[],"version":3,"file":"sr-SP.module.js.map"}

package/dist/sv-SE.main.js

@@ -0,0 +1,9 @@
+module.exports = {
+    "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`,
+    "colorNameAndValue": (args)=>`${args.name}: ${args.value}`,
+    "colorPicker": `F\xe4rgv\xe4ljaren`,
+    "twoDimensionalSlider": `2D-reglage`
+};
+
+
+//# sourceMappingURL=sv-SE.main.js.map

package/dist/sv-SE.main.js.map

@@ -0,0 +1 @@
+{"mappings":"AAAA,iBAAiB;IAAG,mBAAmB,CAAC,OAAS,CAAC,EAAE,KAAK,KAAK,CAAC,EAAE,EAAE,KAAK,YAAY,CAAC,CAAC;IACpF,qBAAqB,CAAC,OAAS,CAAC,EAAE,KAAK,IAAI,CAAC,EAAE,EAAE,KAAK,KAAK,CAAC,CAAC;IAC5D,eAAe,CAAC,kBAAY,CAAC;IAC7B,wBAAwB,CAAC,UAAU,CAAC;AACtC","sources":["packages/@react-aria/color/intl/sv-SE.json"],"sourcesContent":["{\n  \"colorInputLabel\": \"{label}, {channelLabel}\",\n  \"colorNameAndValue\": \"{name}: {value}\",\n  \"colorPicker\": \"Färgväljaren\",\n  \"twoDimensionalSlider\": \"2D-reglage\"\n}\n"],"names":[],"version":3,"file":"sv-SE.main.js.map"}

package/dist/sv-SE.mjs

@@ -0,0 +1,11 @@
+var $7c4f4e5bb7c06f1e$exports = {};
+$7c4f4e5bb7c06f1e$exports = {
+    "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`,
+    "colorNameAndValue": (args)=>`${args.name}: ${args.value}`,
+    "colorPicker": `F\xe4rgv\xe4ljaren`,
+    "twoDimensionalSlider": `2D-reglage`
+};
+
+
+export {$7c4f4e5bb7c06f1e$exports as default};
+//# sourceMappingURL=sv-SE.module.js.map

package/dist/sv-SE.module.js

@@ -0,0 +1,11 @@
+var $7c4f4e5bb7c06f1e$exports = {};
+$7c4f4e5bb7c06f1e$exports = {
+    "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`,
+    "colorNameAndValue": (args)=>`${args.name}: ${args.value}`,
+    "colorPicker": `F\xe4rgv\xe4ljaren`,
+    "twoDimensionalSlider": `2D-reglage`
+};
+
+
+export {$7c4f4e5bb7c06f1e$exports as default};
+//# sourceMappingURL=sv-SE.module.js.map

package/dist/sv-SE.module.js.map

@@ -0,0 +1 @@
+{"mappings":";AAAA,4BAAiB;IAAG,mBAAmB,CAAC,OAAS,CAAC,EAAE,KAAK,KAAK,CAAC,EAAE,EAAE,KAAK,YAAY,CAAC,CAAC;IACpF,qBAAqB,CAAC,OAAS,CAAC,EAAE,KAAK,IAAI,CAAC,EAAE,EAAE,KAAK,KAAK,CAAC,CAAC;IAC5D,eAAe,CAAC,kBAAY,CAAC;IAC7B,wBAAwB,CAAC,UAAU,CAAC;AACtC","sources":["packages/@react-aria/color/intl/sv-SE.json"],"sourcesContent":["{\n  \"colorInputLabel\": \"{label}, {channelLabel}\",\n  \"colorNameAndValue\": \"{name}: {value}\",\n  \"colorPicker\": \"Färgväljaren\",\n  \"twoDimensionalSlider\": \"2D-reglage\"\n}\n"],"names":[],"version":3,"file":"sv-SE.module.js.map"}

package/dist/tr-TR.main.js

@@ -0,0 +1,9 @@
+module.exports = {
+    "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`,
+    "colorNameAndValue": (args)=>`${args.name}: ${args.value}`,
+    "colorPicker": `Renk Se\xe7ici`,
+    "twoDimensionalSlider": `2D s\xfcrg\xfc`
+};
+
+
+//# sourceMappingURL=tr-TR.main.js.map

package/dist/tr-TR.main.js.map

@@ -0,0 +1 @@
+{"mappings":"AAAA,iBAAiB;IAAG,mBAAmB,CAAC,OAAS,CAAC,EAAE,KAAK,KAAK,CAAC,EAAE,EAAE,KAAK,YAAY,CAAC,CAAC;IACpF,qBAAqB,CAAC,OAAS,CAAC,EAAE,KAAK,IAAI,CAAC,EAAE,EAAE,KAAK,KAAK,CAAC,CAAC;IAC5D,eAAe,CAAC,cAAW,CAAC;IAC5B,wBAAwB,CAAC,cAAQ,CAAC;AACpC","sources":["packages/@react-aria/color/intl/tr-TR.json"],"sourcesContent":["{\n  \"colorInputLabel\": \"{label}, {channelLabel}\",\n  \"colorNameAndValue\": \"{name}: {value}\",\n  \"colorPicker\": \"Renk Seçici\",\n  \"twoDimensionalSlider\": \"2D sürgü\"\n}\n"],"names":[],"version":3,"file":"tr-TR.main.js.map"}

package/dist/tr-TR.mjs

@@ -0,0 +1,11 @@
+var $8045cf930ef745aa$exports = {};
+$8045cf930ef745aa$exports = {
+    "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`,
+    "colorNameAndValue": (args)=>`${args.name}: ${args.value}`,
+    "colorPicker": `Renk Se\xe7ici`,
+    "twoDimensionalSlider": `2D s\xfcrg\xfc`
+};
+
+
+export {$8045cf930ef745aa$exports as default};
+//# sourceMappingURL=tr-TR.module.js.map

package/dist/tr-TR.module.js

@@ -0,0 +1,11 @@
+var $8045cf930ef745aa$exports = {};
+$8045cf930ef745aa$exports = {
+    "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`,
+    "colorNameAndValue": (args)=>`${args.name}: ${args.value}`,
+    "colorPicker": `Renk Se\xe7ici`,
+    "twoDimensionalSlider": `2D s\xfcrg\xfc`
+};
+
+
+export {$8045cf930ef745aa$exports as default};
+//# sourceMappingURL=tr-TR.module.js.map

package/dist/tr-TR.module.js.map

@@ -0,0 +1 @@
+{"mappings":";AAAA,4BAAiB;IAAG,mBAAmB,CAAC,OAAS,CAAC,EAAE,KAAK,KAAK,CAAC,EAAE,EAAE,KAAK,YAAY,CAAC,CAAC;IACpF,qBAAqB,CAAC,OAAS,CAAC,EAAE,KAAK,IAAI,CAAC,EAAE,EAAE,KAAK,KAAK,CAAC,CAAC;IAC5D,eAAe,CAAC,cAAW,CAAC;IAC5B,wBAAwB,CAAC,cAAQ,CAAC;AACpC","sources":["packages/@react-aria/color/intl/tr-TR.json"],"sourcesContent":["{\n  \"colorInputLabel\": \"{label}, {channelLabel}\",\n  \"colorNameAndValue\": \"{name}: {value}\",\n  \"colorPicker\": \"Renk Seçici\",\n  \"twoDimensionalSlider\": \"2D sürgü\"\n}\n"],"names":[],"version":3,"file":"tr-TR.module.js.map"}

package/dist/types.d.ts

@@ -1,40 +1,66 @@
-import { AriaColorSliderProps, AriaColorWheelProps, AriaColorFieldProps } from "@react-types/color";
-import { ColorSliderState, ColorWheelState, ColorFieldState } from "@react-stately/color";
-import { HTMLAttributes, RefObject, InputHTMLAttributes, LabelHTMLAttributes } from "react";
-interface ColorSliderAriaOptions extends AriaColorSliderProps {
+import { AriaColorAreaProps, AriaColorSliderProps, AriaColorWheelProps, AriaColorFieldProps } from "@react-types/color";
+import { ColorAreaState, ColorSliderState, ColorWheelState, ColorFieldState } from "@react-stately/color";
+import { DOMAttributes, ValidationResult } from "@react-types/shared";
+import { InputHTMLAttributes, RefObject, HTMLAttributes, LabelHTMLAttributes } from "react";
+export interface ColorAreaAria {
+    /** Props for the color area container element. */
+    colorAreaProps: DOMAttributes;
+    /** Props for the color area gradient foreground element. */
+    gradientProps: DOMAttributes;
+    /** Props for the thumb element. */
+    thumbProps: DOMAttributes;
+    /** Props for the visually hidden horizontal range input element. */
+    xInputProps: InputHTMLAttributes<HTMLInputElement>;
+    /** Props for the visually hidden vertical range input element. */
+    yInputProps: InputHTMLAttributes<HTMLInputElement>;
+}
+export interface AriaColorAreaOptions extends AriaColorAreaProps {
+    /** A ref to the input that represents the x axis of the color area. */
+    inputXRef: RefObject<HTMLInputElement>;
+    /** A ref to the input that represents the y axis of the color area. */
+    inputYRef: RefObject<HTMLInputElement>;
+    /** A ref to the color area containing element. */
+    containerRef: RefObject<Element>;
+}
+/**
+ * Provides the behavior and accessibility implementation for a color area component.
+ * Color area allows users to adjust two channels of an RGB, HSL or HSB color value against a two-dimensional gradient background.
+ */
+export function useColorArea(props: AriaColorAreaOptions, state: ColorAreaState): ColorAreaAria;
+export interface AriaColorSliderOptions extends AriaColorSliderProps {
     /** A ref for the track element. */
-    trackRef: RefObject<HTMLElement>;
+    trackRef: RefObject<Element>;
     /** A ref for the input element. */
     inputRef: RefObject<HTMLInputElement>;
 }
-interface ColorSliderAria {
+export interface ColorSliderAria {
     /** Props for the label element. */
-    labelProps: HTMLAttributes<HTMLElement>;
+    labelProps: DOMAttributes;
     /** Props for the track element. */
-    trackProps: HTMLAttributes<HTMLElement>;
+    trackProps: DOMAttributes;
     /** Props for the thumb element. */
-    thumbProps: HTMLAttributes<HTMLElement>;
+    thumbProps: DOMAttributes;
     /** Props for the visually hidden range input element. */
-    inputProps: HTMLAttributes<HTMLElement>;
+    inputProps: InputHTMLAttributes<HTMLInputElement>;
     /** Props for the output element, displaying the value of the color slider. */
-    outputProps: HTMLAttributes<HTMLElement>;
+    outputProps: DOMAttributes;
 }
 /**
  * Provides the behavior and accessibility implementation for a color slider component.
  * Color sliders allow users to adjust an individual channel of a color value.
  */
-export function useColorSlider(props: ColorSliderAriaOptions, state: ColorSliderState): ColorSliderAria;
-interface ColorWheelAriaProps extends AriaColorWheelProps {
+export function useColorSlider(props: AriaColorSliderOptions, state: ColorSliderState): ColorSliderAria;
+export interface AriaColorWheelOptions extends AriaColorWheelProps {
     /** The outer radius of the color wheel. */
     outerRadius: number;
     /** The inner radius of the color wheel. */
     innerRadius: number;
 }
-interface ColorWheelAria {
+export interface ColorWheelAria {
     /** Props for the track element. */
-    trackProps: HTMLAttributes<HTMLElement>;
+    trackProps: DOMAttributes;
     /** Props for the thumb element. */
-    thumbProps: HTMLAttributes<HTMLElement>;
+    thumbProps: DOMAttributes;
     /** Props for the visually hidden range input element. */
     inputProps: InputHTMLAttributes<HTMLInputElement>;
 }
@@ -42,8 +68,8 @@ interface ColorWheelAria {
  * Provides the behavior and accessibility implementation for a color wheel component.
  * Color wheels allow users to adjust the hue of an HSL or HSB color value on a circular track.
  */
-export function useColorWheel(props: ColorWheelAriaProps, state: ColorWheelState, inputRef: RefObject<HTMLElement>): ColorWheelAria;
-interface ColorFieldAria {
+export function useColorWheel(props: AriaColorWheelOptions, state: ColorWheelState, inputRef: RefObject<HTMLInputElement>): ColorWheelAria;
+export interface ColorFieldAria extends ValidationResult {
     /** Props for the label element. */
     labelProps: LabelHTMLAttributes<HTMLLabelElement>;
     /** Props for the input element. */
@@ -54,5 +80,6 @@ interface ColorFieldAria {
  * Color fields allow users to enter and adjust a hex color value.
  */
 export function useColorField(props: AriaColorFieldProps, state: ColorFieldState, ref: RefObject<HTMLInputElement>): ColorFieldAria;
+export type { AriaColorFieldProps } from '@react-types/color';
 
 //# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"mappings":"A;A;A;AAmBA,gCAAiC,SAAQ,oBAAoB;IAC3D,mCAAmC;IACnC,QAAQ,EAAE,UAAU,WAAW,CAAC,CAAC;IACjC,mCAAmC;IACnC,QAAQ,EAAE,UAAU,gBAAgB,CAAC,CAAA;CACtC;AAED;IACE,mCAAmC;IACnC,UAAU,EAAE,eAAe,WAAW,CAAC,CAAC;IACxC,mCAAmC;IACnC,UAAU,EAAE,eAAe,WAAW,CAAC,CAAC;IACxC,mCAAmC;IACnC,UAAU,EAAE,eAAe,WAAW,CAAC,CAAC;IACxC,yDAAyD;IACzD,UAAU,EAAE,eAAe,WAAW,CAAC,CAAC;IACxC,8EAA8E;IAC9E,WAAW,EAAE,eAAe,WAAW,CAAC,CAAA;CACzC;AAED;A;A;GAGG;AACH,+BAA+B,KAAK,EAAE,sBAAsB,EAAE,KAAK,EAAE,gBAAgB,GAAG,eAAe,CAqFtG;AC7GD,6BAA8B,SAAQ,mBAAmB;IACvD,2CAA2C;IAC3C,WAAW,EAAE,MAAM,CAAC;IACpB,2CAA2C;IAC3C,WAAW,EAAE,MAAM,CAAA;CACpB;AAED;IACE,mCAAmC;IACnC,UAAU,EAAE,eAAe,WAAW,CAAC,CAAC;IACxC,mCAAmC;IACnC,UAAU,EAAE,eAAe,WAAW,CAAC,CAAC;IACxC,yDAAyD;IACzD,UAAU,EAAE,oBAAoB,gBAAgB,CAAC,CAAA;CAClD;AAID;A;A;GAGG;AACH,8BAA8B,KAAK,EAAE,mBAAmB,EAAE,KAAK,EAAE,eAAe,EAAE,QAAQ,EAAE,UAAU,WAAW,CAAC,GAAG,cAAc,CAwPlI;ACvQD;IACE,mCAAmC;IACnC,UAAU,EAAE,oBAAoB,gBAAgB,CAAC,CAAC;IAClD,mCAAmC;IACnC,UAAU,EAAE,eAAe,gBAAgB,CAAC,CAAA;CAC7C;AAED;A;A;GAGG;AACH,8BACE,KAAK,EAAE,mBAAmB,EAC1B,KAAK,EAAE,eAAe,EACtB,GAAG,EAAE,UAAU,gBAAgB,CAAC,GAC/B,cAAc,CA4EhB","sources":["./packages/@react-aria/color/src/packages/@react-aria/color/src/useColorSlider.ts","./packages/@react-aria/color/src/packages/@react-aria/color/src/useColorWheel.ts","./packages/@react-aria/color/src/packages/@react-aria/color/src/useColorField.ts","./packages/@react-aria/color/src/packages/@react-aria/color/src/index.ts"],"sourcesContent":[null,null,null,null],"names":[],"version":3,"file":"types.d.ts.map"}
+{"mappings":";;;;ACwBA;IACE,kDAAkD;IAClD,cAAc,EAAE,aAAa,CAAC;IAC9B,4DAA4D;IAC5D,aAAa,EAAE,aAAa,CAAC;IAC7B,mCAAmC;IACnC,UAAU,EAAE,aAAa,CAAC;IAC1B,oEAAoE;IACpE,WAAW,EAAE,oBAAoB,gBAAgB,CAAC,CAAC;IACnD,kEAAkE;IAClE,WAAW,EAAE,oBAAoB,gBAAgB,CAAC,CAAA;CACnD;AAED,qCAAsC,SAAQ,kBAAkB;IAC9D,uEAAuE;IACvE,SAAS,EAAE,UAAU,gBAAgB,CAAC,CAAC;IACvC,uEAAuE;IACvE,SAAS,EAAE,UAAU,gBAAgB,CAAC,CAAC;IACvC,kDAAkD;IAClD,YAAY,EAAE,UAAU,OAAO,CAAC,CAAA;CACjC;AAED;;;GAGG;AACH,6BAA6B,KAAK,EAAE,oBAAoB,EAAE,KAAK,EAAE,cAAc,GAAG,aAAa,CAyZ9F;ACvbD,uCAAwC,SAAQ,oBAAoB;IAClE,mCAAmC;IACnC,QAAQ,EAAE,UAAU,OAAO,CAAC,CAAC;IAC7B,mCAAmC;IACnC,QAAQ,EAAE,UAAU,gBAAgB,CAAC,CAAA;CACtC;AAED;IACE,mCAAmC;IACnC,UAAU,EAAE,aAAa,CAAC;IAC1B,mCAAmC;IACnC,UAAU,EAAE,aAAa,CAAC;IAC1B,mCAAmC;IACnC,UAAU,EAAE,aAAa,CAAC;IAC1B,yDAAyD;IACzD,UAAU,EAAE,oBAAoB,gBAAgB,CAAC,CAAC;IAClD,8EAA8E;IAC9E,WAAW,EAAE,aAAa,CAAA;CAC3B;AAED;;;GAGG;AACH,+BAA+B,KAAK,EAAE,sBAAsB,EAAE,KAAK,EAAE,gBAAgB,GAAG,eAAe,CAiFtG;ACzGD,sCAAuC,SAAQ,mBAAmB;IAChE,2CAA2C;IAC3C,WAAW,EAAE,MAAM,CAAC;IACpB,2CAA2C;IAC3C,WAAW,EAAE,MAAM,CAAA;CACpB;AAED;IACE,mCAAmC;IACnC,UAAU,EAAE,aAAa,CAAC;IAC1B,mCAAmC;IACnC,UAAU,EAAE,aAAa,CAAC;IAC1B,yDAAyD;IACzD,UAAU,EAAE,oBAAoB,gBAAgB,CAAC,CAAA;CAClD;AAED;;;GAGG;AACH,8BAA8B,KAAK,EAAE,qBAAqB,EAAE,KAAK,EAAE,eAAe,EAAE,QAAQ,EAAE,UAAU,gBAAgB,CAAC,GAAG,cAAc,CA2RzI;ACvSD,+BAAgC,SAAQ,gBAAgB;IACtD,mCAAmC;IACnC,UAAU,EAAE,oBAAoB,gBAAgB,CAAC,CAAC;IAClD,mCAAmC;IACnC,UAAU,EAAE,eAAe,gBAAgB,CAAC,CAAA;CAC7C;AAED;;;GAGG;AACH,8BACE,KAAK,EAAE,mBAAmB,EAC1B,KAAK,EAAE,eAAe,EACtB,GAAG,EAAE,UAAU,gBAAgB,CAAC,GAC/B,cAAc,CA0FhB;ACnHD,YAAY,EAAC,mBAAmB,EAAC,MAAM,oBAAoB,CAAC","sources":["packages/@react-aria/color/src/packages/@react-aria/color/src/useColorAreaGradient.ts","packages/@react-aria/color/src/packages/@react-aria/color/src/useColorArea.ts","packages/@react-aria/color/src/packages/@react-aria/color/src/useColorSlider.ts","packages/@react-aria/color/src/packages/@react-aria/color/src/useColorWheel.ts","packages/@react-aria/color/src/packages/@react-aria/color/src/useColorField.ts","packages/@react-aria/color/src/packages/@react-aria/color/src/index.ts","packages/@react-aria/color/src/index.ts"],"sourcesContent":[null,null,null,null,null,null,"/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\nexport {useColorArea} from './useColorArea';\nexport {useColorSlider} from './useColorSlider';\nexport {useColorWheel} from './useColorWheel';\nexport {useColorField} from './useColorField';\nexport type {AriaColorAreaOptions, ColorAreaAria} from './useColorArea';\nexport type {AriaColorSliderOptions, ColorSliderAria} from './useColorSlider';\nexport type {AriaColorWheelOptions, ColorWheelAria} from './useColorWheel';\nexport type {AriaColorFieldProps} from '@react-types/color';\nexport type {ColorFieldAria} from './useColorField';\n"],"names":[],"version":3,"file":"types.d.ts.map"}

package/dist/uk-UA.main.js

@@ -0,0 +1,9 @@
+module.exports = {
+    "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`,
+    "colorNameAndValue": (args)=>`${args.name}: ${args.value}`,
+    "colorPicker": `\u{41F}\u{430}\u{43B}\u{456}\u{442}\u{440}\u{430} \u{43A}\u{43E}\u{43B}\u{44C}\u{43E}\u{440}\u{456}\u{432}`,
+    "twoDimensionalSlider": `\u{41F}\u{43E}\u{432}\u{437}\u{443}\u{43D}\u{43E}\u{43A} 2D`
+};
+
+
+//# sourceMappingURL=uk-UA.main.js.map

package/dist/uk-UA.main.js.map

@@ -0,0 +1 @@
+{"mappings":"AAAA,iBAAiB;IAAG,mBAAmB,CAAC,OAAS,CAAC,EAAE,KAAK,KAAK,CAAC,EAAE,EAAE,KAAK,YAAY,CAAC,CAAC;IACpF,qBAAqB,CAAC,OAAS,CAAC,EAAE,KAAK,IAAI,CAAC,EAAE,EAAE,KAAK,KAAK,CAAC,CAAC;IAC5D,eAAe,CAAC,0GAAgB,CAAC;IACjC,wBAAwB,CAAC,2DAAW,CAAC;AACvC","sources":["packages/@react-aria/color/intl/uk-UA.json"],"sourcesContent":["{\n  \"colorInputLabel\": \"{label}, {channelLabel}\",\n  \"colorNameAndValue\": \"{name}: {value}\",\n  \"colorPicker\": \"Палітра кольорів\",\n  \"twoDimensionalSlider\": \"Повзунок 2D\"\n}\n"],"names":[],"version":3,"file":"uk-UA.main.js.map"}

package/dist/uk-UA.mjs

@@ -0,0 +1,11 @@
+var $ee2044a77f24b118$exports = {};
+$ee2044a77f24b118$exports = {
+    "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`,
+    "colorNameAndValue": (args)=>`${args.name}: ${args.value}`,
+    "colorPicker": `\u{41F}\u{430}\u{43B}\u{456}\u{442}\u{440}\u{430} \u{43A}\u{43E}\u{43B}\u{44C}\u{43E}\u{440}\u{456}\u{432}`,
+    "twoDimensionalSlider": `\u{41F}\u{43E}\u{432}\u{437}\u{443}\u{43D}\u{43E}\u{43A} 2D`
+};
+
+
+export {$ee2044a77f24b118$exports as default};
+//# sourceMappingURL=uk-UA.module.js.map

package/dist/uk-UA.module.js

@@ -0,0 +1,11 @@
+var $ee2044a77f24b118$exports = {};
+$ee2044a77f24b118$exports = {
+    "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`,
+    "colorNameAndValue": (args)=>`${args.name}: ${args.value}`,
+    "colorPicker": `\u{41F}\u{430}\u{43B}\u{456}\u{442}\u{440}\u{430} \u{43A}\u{43E}\u{43B}\u{44C}\u{43E}\u{440}\u{456}\u{432}`,
+    "twoDimensionalSlider": `\u{41F}\u{43E}\u{432}\u{437}\u{443}\u{43D}\u{43E}\u{43A} 2D`
+};
+
+
+export {$ee2044a77f24b118$exports as default};
+//# sourceMappingURL=uk-UA.module.js.map

package/dist/uk-UA.module.js.map

@@ -0,0 +1 @@
+{"mappings":";AAAA,4BAAiB;IAAG,mBAAmB,CAAC,OAAS,CAAC,EAAE,KAAK,KAAK,CAAC,EAAE,EAAE,KAAK,YAAY,CAAC,CAAC;IACpF,qBAAqB,CAAC,OAAS,CAAC,EAAE,KAAK,IAAI,CAAC,EAAE,EAAE,KAAK,KAAK,CAAC,CAAC;IAC5D,eAAe,CAAC,0GAAgB,CAAC;IACjC,wBAAwB,CAAC,2DAAW,CAAC;AACvC","sources":["packages/@react-aria/color/intl/uk-UA.json"],"sourcesContent":["{\n  \"colorInputLabel\": \"{label}, {channelLabel}\",\n  \"colorNameAndValue\": \"{name}: {value}\",\n  \"colorPicker\": \"Палітра кольорів\",\n  \"twoDimensionalSlider\": \"Повзунок 2D\"\n}\n"],"names":[],"version":3,"file":"uk-UA.module.js.map"}

package/dist/zh-CN.main.js

@@ -0,0 +1,9 @@
+module.exports = {
+    "colorInputLabel": (args)=>`${args.label}\u{3001}${args.channelLabel}`,
+    "colorNameAndValue": (args)=>`${args.name}\u{FF1A}${args.value}`,
+    "colorPicker": `\u{62FE}\u{8272}\u{5668}`,
+    "twoDimensionalSlider": `2D \u{6ED1}\u{5757}`
+};
+
+
+//# sourceMappingURL=zh-CN.main.js.map

package/dist/zh-CN.main.js.map

@@ -0,0 +1 @@
+{"mappings":"AAAA,iBAAiB;IAAG,mBAAmB,CAAC,OAAS,CAAC,EAAE,KAAK,KAAK,CAAC,QAAC,EAAE,KAAK,YAAY,CAAC,CAAC;IACnF,qBAAqB,CAAC,OAAS,CAAC,EAAE,KAAK,IAAI,CAAC,QAAC,EAAE,KAAK,KAAK,CAAC,CAAC;IAC3D,eAAe,CAAC,wBAAG,CAAC;IACpB,wBAAwB,CAAC,mBAAK,CAAC;AACjC","sources":["packages/@react-aria/color/intl/zh-CN.json"],"sourcesContent":["{\n  \"colorInputLabel\": \"{label}、{channelLabel}\",\n  \"colorNameAndValue\": \"{name}：{value}\",\n  \"colorPicker\": \"拾色器\",\n  \"twoDimensionalSlider\": \"2D 滑块\"\n}\n"],"names":[],"version":3,"file":"zh-CN.main.js.map"}

package/dist/zh-CN.mjs

@@ -0,0 +1,11 @@
+var $4e1dbc65a687dd93$exports = {};
+$4e1dbc65a687dd93$exports = {
+    "colorInputLabel": (args)=>`${args.label}\u{3001}${args.channelLabel}`,
+    "colorNameAndValue": (args)=>`${args.name}\u{FF1A}${args.value}`,
+    "colorPicker": `\u{62FE}\u{8272}\u{5668}`,
+    "twoDimensionalSlider": `2D \u{6ED1}\u{5757}`
+};
+
+
+export {$4e1dbc65a687dd93$exports as default};
+//# sourceMappingURL=zh-CN.module.js.map

package/dist/zh-CN.module.js

@@ -0,0 +1,11 @@
+var $4e1dbc65a687dd93$exports = {};
+$4e1dbc65a687dd93$exports = {
+    "colorInputLabel": (args)=>`${args.label}\u{3001}${args.channelLabel}`,
+    "colorNameAndValue": (args)=>`${args.name}\u{FF1A}${args.value}`,
+    "colorPicker": `\u{62FE}\u{8272}\u{5668}`,
+    "twoDimensionalSlider": `2D \u{6ED1}\u{5757}`
+};
+
+
+export {$4e1dbc65a687dd93$exports as default};
+//# sourceMappingURL=zh-CN.module.js.map

package/dist/zh-CN.module.js.map

@@ -0,0 +1 @@
+{"mappings":";AAAA,4BAAiB;IAAG,mBAAmB,CAAC,OAAS,CAAC,EAAE,KAAK,KAAK,CAAC,QAAC,EAAE,KAAK,YAAY,CAAC,CAAC;IACnF,qBAAqB,CAAC,OAAS,CAAC,EAAE,KAAK,IAAI,CAAC,QAAC,EAAE,KAAK,KAAK,CAAC,CAAC;IAC3D,eAAe,CAAC,wBAAG,CAAC;IACpB,wBAAwB,CAAC,mBAAK,CAAC;AACjC","sources":["packages/@react-aria/color/intl/zh-CN.json"],"sourcesContent":["{\n  \"colorInputLabel\": \"{label}、{channelLabel}\",\n  \"colorNameAndValue\": \"{name}：{value}\",\n  \"colorPicker\": \"拾色器\",\n  \"twoDimensionalSlider\": \"2D 滑块\"\n}\n"],"names":[],"version":3,"file":"zh-CN.module.js.map"}

package/dist/zh-TW.main.js

@@ -0,0 +1,9 @@
+module.exports = {
+    "colorInputLabel": (args)=>`${args.label}\u{FF0C}${args.channelLabel}`,
+    "colorNameAndValue": (args)=>`${args.name}\u{FF1A}${args.value}`,
+    "colorPicker": `\u{6AA2}\u{8272}\u{5668}`,
+    "twoDimensionalSlider": `2D \u{6ED1}\u{687F}`
+};
+
+
+//# sourceMappingURL=zh-TW.main.js.map

package/dist/zh-TW.main.js.map

@@ -0,0 +1 @@
+{"mappings":"AAAA,iBAAiB;IAAG,mBAAmB,CAAC,OAAS,CAAC,EAAE,KAAK,KAAK,CAAC,QAAC,EAAE,KAAK,YAAY,CAAC,CAAC;IACnF,qBAAqB,CAAC,OAAS,CAAC,EAAE,KAAK,IAAI,CAAC,QAAC,EAAE,KAAK,KAAK,CAAC,CAAC;IAC3D,eAAe,CAAC,wBAAG,CAAC;IACpB,wBAAwB,CAAC,mBAAK,CAAC;AACjC","sources":["packages/@react-aria/color/intl/zh-TW.json"],"sourcesContent":["{\n  \"colorInputLabel\": \"{label}，{channelLabel}\",\n  \"colorNameAndValue\": \"{name}：{value}\",\n  \"colorPicker\": \"檢色器\",\n  \"twoDimensionalSlider\": \"2D 滑桿\"\n}\n"],"names":[],"version":3,"file":"zh-TW.main.js.map"}

package/dist/zh-TW.mjs

@@ -0,0 +1,11 @@
+var $b0fef28529309aa6$exports = {};
+$b0fef28529309aa6$exports = {
+    "colorInputLabel": (args)=>`${args.label}\u{FF0C}${args.channelLabel}`,
+    "colorNameAndValue": (args)=>`${args.name}\u{FF1A}${args.value}`,
+    "colorPicker": `\u{6AA2}\u{8272}\u{5668}`,
+    "twoDimensionalSlider": `2D \u{6ED1}\u{687F}`
+};
+
+
+export {$b0fef28529309aa6$exports as default};
+//# sourceMappingURL=zh-TW.module.js.map

package/dist/zh-TW.module.js

@@ -0,0 +1,11 @@
+var $b0fef28529309aa6$exports = {};
+$b0fef28529309aa6$exports = {
+    "colorInputLabel": (args)=>`${args.label}\u{FF0C}${args.channelLabel}`,
+    "colorNameAndValue": (args)=>`${args.name}\u{FF1A}${args.value}`,
+    "colorPicker": `\u{6AA2}\u{8272}\u{5668}`,
+    "twoDimensionalSlider": `2D \u{6ED1}\u{687F}`
+};
+
+
+export {$b0fef28529309aa6$exports as default};
+//# sourceMappingURL=zh-TW.module.js.map

package/dist/zh-TW.module.js.map

@@ -0,0 +1 @@
+{"mappings":";AAAA,4BAAiB;IAAG,mBAAmB,CAAC,OAAS,CAAC,EAAE,KAAK,KAAK,CAAC,QAAC,EAAE,KAAK,YAAY,CAAC,CAAC;IACnF,qBAAqB,CAAC,OAAS,CAAC,EAAE,KAAK,IAAI,CAAC,QAAC,EAAE,KAAK,KAAK,CAAC,CAAC;IAC3D,eAAe,CAAC,wBAAG,CAAC;IACpB,wBAAwB,CAAC,mBAAK,CAAC;AACjC","sources":["packages/@react-aria/color/intl/zh-TW.json"],"sourcesContent":["{\n  \"colorInputLabel\": \"{label}，{channelLabel}\",\n  \"colorNameAndValue\": \"{name}：{value}\",\n  \"colorPicker\": \"檢色器\",\n  \"twoDimensionalSlider\": \"2D 滑桿\"\n}\n"],"names":[],"version":3,"file":"zh-TW.module.js.map"}

package/package.json

@@ -1,10 +1,15 @@
 {
   "name": "@react-aria/color",
-  "version": "3.0.0-beta.3",
+  "version": "3.0.0-beta.31",
   "description": "Spectrum UI components in React",
   "license": "Apache-2.0",
   "main": "dist/main.js",
   "module": "dist/module.js",
+  "exports": {
+    "types": "./dist/types.d.ts",
+    "import": "./dist/import.mjs",
+    "require": "./dist/main.js"
+  },
   "types": "dist/types.d.ts",
   "source": "src/index.ts",
   "files": [
@@ -17,24 +22,25 @@
     "url": "https://github.com/adobe/react-spectrum"
   },
   "dependencies": {
-    "@babel/runtime": "^7.6.2",
-    "@react-aria/i18n": "^3.3.2",
-    "@react-aria/interactions": "^3.5.1",
-    "@react-aria/slider": "^3.0.3",
-    "@react-aria/spinbutton": "^3.0.1",
-    "@react-aria/textfield": "^3.3.1",
-    "@react-aria/utils": "^3.8.2",
-    "@react-stately/color": "3.0.0-beta.3",
-    "@react-types/color": "3.0.0-beta.2",
-    "@react-types/shared": "^3.8.0",
-    "@react-types/slider": "^3.0.2"
+    "@react-aria/i18n": "^3.10.2",
+    "@react-aria/interactions": "^3.21.1",
+    "@react-aria/slider": "^3.7.6",
+    "@react-aria/spinbutton": "^3.6.3",
+    "@react-aria/textfield": "^3.14.3",
+    "@react-aria/utils": "^3.23.2",
+    "@react-aria/visually-hidden": "^3.8.10",
+    "@react-stately/color": "^3.5.3",
+    "@react-stately/form": "^3.0.1",
+    "@react-types/color": "3.0.0-beta.23",
+    "@react-types/shared": "^3.22.1",
+    "@swc/helpers": "^0.5.0"
   },
   "peerDependencies": {
-    "react": "^16.8.0 || ^17.0.0-rc.1",
-    "react-dom": "^16.8.0 || ^17.0.0-rc.1"
+    "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0",
+    "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "9204e1b8cb61dac767e91087fb16203611dc67c5"
+  "gitHead": "de9f84a22583fc741c29b341d14cd35ef4cca161"
 }

package/src/index.ts

@@ -9,7 +9,12 @@
  * OF ANY KIND, either express or implied. See the License for the specific language
  * governing permissions and limitations under the License.
  */
-
-export * from './useColorSlider';
-export * from './useColorWheel';
-export * from './useColorField';
+export {useColorArea} from './useColorArea';
+export {useColorSlider} from './useColorSlider';
+export {useColorWheel} from './useColorWheel';
+export {useColorField} from './useColorField';
+export type {AriaColorAreaOptions, ColorAreaAria} from './useColorArea';
+export type {AriaColorSliderOptions, ColorSliderAria} from './useColorSlider';
+export type {AriaColorWheelOptions, ColorWheelAria} from './useColorWheel';
+export type {AriaColorFieldProps} from '@react-types/color';
+export type {ColorFieldAria} from './useColorField';