@zag-js/color-picker 1.18.3 → 1.18.5

package/dist/index.d.mts

@@ -49,9 +49,9 @@ type ElementIds = Partial<{
     positioner: string;
     formatSelect: string;
     areaThumb: string;
-    channelInput(id: string): string;
-    channelSliderTrack(id: ColorChannel): string;
-    channelSliderThumb(id: ColorChannel): string;
+    channelInput: (id: string) => string;
+    channelSliderTrack: (id: ColorChannel) => string;
+    channelSliderThumb: (id: ColorChannel) => string;
 }>;
 interface ColorPickerProps extends CommonProperties, DirectionProperty, InteractOutsideHandlers {
     /**
@@ -243,19 +243,19 @@ interface ColorPickerApi<T extends PropTypes = PropTypes> {
     /**
      * Function to set the color value
      */
-    setValue(value: string | Color): void;
+    setValue: (value: string | Color) => void;
     /**
      * Function to set the color value
      */
-    getChannelValue(channel: ColorChannel): string;
+    getChannelValue: (channel: ColorChannel) => string;
     /**
      * Function to get the formatted and localized value of a specific channel
      */
-    getChannelValueText(channel: ColorChannel, locale: string): string;
+    getChannelValueText: (channel: ColorChannel, locale: string) => string;
     /**
      * Function to set the color value of a specific channel
      */
-    setChannelValue(channel: ColorChannel, value: number): void;
+    setChannelValue: (channel: ColorChannel, value: number) => void;
     /**
      * The current color format
      */
@@ -263,7 +263,7 @@ interface ColorPickerApi<T extends PropTypes = PropTypes> {
     /**
      * Function to set the color format
      */
-    setFormat(format: ColorFormat): void;
+    setFormat: (format: ColorFormat) => void;
     /**
      * The alpha value of the color
      */
@@ -271,37 +271,37 @@ interface ColorPickerApi<T extends PropTypes = PropTypes> {
     /**
      * Function to set the color alpha
      */
-    setAlpha(value: number): void;
+    setAlpha: (value: number) => void;
     /**
      * Function to open or close the color picker
      */
-    setOpen(open: boolean): void;
-    getRootProps(): T["element"];
-    getLabelProps(): T["element"];
-    getControlProps(): T["element"];
-    getTriggerProps(): T["button"];
-    getPositionerProps(): T["element"];
-    getContentProps(): T["element"];
-    getHiddenInputProps(): T["input"];
-    getValueTextProps(): T["element"];
-    getAreaProps(props?: AreaProps): T["element"];
-    getAreaBackgroundProps(props?: AreaProps): T["element"];
-    getAreaThumbProps(props?: AreaProps): T["element"];
-    getChannelInputProps(props: ChannelInputProps): T["input"];
-    getChannelSliderProps(props: ChannelSliderProps): T["element"];
-    getChannelSliderTrackProps(props: ChannelSliderProps): T["element"];
-    getChannelSliderThumbProps(props: ChannelSliderProps): T["element"];
-    getChannelSliderLabelProps(props: ChannelProps): T["element"];
-    getChannelSliderValueTextProps(props: ChannelProps): T["element"];
-    getTransparencyGridProps(props?: TransparencyGridProps): T["element"];
-    getEyeDropperTriggerProps(): T["button"];
-    getSwatchGroupProps(): T["element"];
-    getSwatchTriggerProps(props: SwatchTriggerProps): T["button"];
-    getSwatchTriggerState(props: SwatchTriggerProps): SwatchTriggerState;
-    getSwatchProps(props: SwatchProps): T["element"];
-    getSwatchIndicatorProps(props: SwatchProps): T["element"];
-    getFormatSelectProps(): T["select"];
-    getFormatTriggerProps(): T["button"];
+    setOpen: (open: boolean) => void;
+    getRootProps: () => T["element"];
+    getLabelProps: () => T["element"];
+    getControlProps: () => T["element"];
+    getTriggerProps: () => T["button"];
+    getPositionerProps: () => T["element"];
+    getContentProps: () => T["element"];
+    getHiddenInputProps: () => T["input"];
+    getValueTextProps: () => T["element"];
+    getAreaProps: (props?: AreaProps) => T["element"];
+    getAreaBackgroundProps: (props?: AreaProps) => T["element"];
+    getAreaThumbProps: (props?: AreaProps) => T["element"];
+    getChannelInputProps: (props: ChannelInputProps) => T["input"];
+    getChannelSliderProps: (props: ChannelSliderProps) => T["element"];
+    getChannelSliderTrackProps: (props: ChannelSliderProps) => T["element"];
+    getChannelSliderThumbProps: (props: ChannelSliderProps) => T["element"];
+    getChannelSliderLabelProps: (props: ChannelProps) => T["element"];
+    getChannelSliderValueTextProps: (props: ChannelProps) => T["element"];
+    getTransparencyGridProps: (props?: TransparencyGridProps) => T["element"];
+    getEyeDropperTriggerProps: () => T["button"];
+    getSwatchGroupProps: () => T["element"];
+    getSwatchTriggerProps: (props: SwatchTriggerProps) => T["button"];
+    getSwatchTriggerState: (props: SwatchTriggerProps) => SwatchTriggerState;
+    getSwatchProps: (props: SwatchProps) => T["element"];
+    getSwatchIndicatorProps: (props: SwatchProps) => T["element"];
+    getFormatSelectProps: () => T["select"];
+    getFormatTriggerProps: () => T["button"];
 }
 
 declare function connect<T extends PropTypes>(service: ColorPickerService, normalize: NormalizeProps<T>): ColorPickerApi<T>;

package/dist/index.d.ts

@@ -49,9 +49,9 @@ type ElementIds = Partial<{
     positioner: string;
     formatSelect: string;
     areaThumb: string;
-    channelInput(id: string): string;
-    channelSliderTrack(id: ColorChannel): string;
-    channelSliderThumb(id: ColorChannel): string;
+    channelInput: (id: string) => string;
+    channelSliderTrack: (id: ColorChannel) => string;
+    channelSliderThumb: (id: ColorChannel) => string;
 }>;
 interface ColorPickerProps extends CommonProperties, DirectionProperty, InteractOutsideHandlers {
     /**
@@ -243,19 +243,19 @@ interface ColorPickerApi<T extends PropTypes = PropTypes> {
     /**
      * Function to set the color value
      */
-    setValue(value: string | Color): void;
+    setValue: (value: string | Color) => void;
     /**
      * Function to set the color value
      */
-    getChannelValue(channel: ColorChannel): string;
+    getChannelValue: (channel: ColorChannel) => string;
     /**
      * Function to get the formatted and localized value of a specific channel
      */
-    getChannelValueText(channel: ColorChannel, locale: string): string;
+    getChannelValueText: (channel: ColorChannel, locale: string) => string;
     /**
      * Function to set the color value of a specific channel
      */
-    setChannelValue(channel: ColorChannel, value: number): void;
+    setChannelValue: (channel: ColorChannel, value: number) => void;
     /**
      * The current color format
      */
@@ -263,7 +263,7 @@ interface ColorPickerApi<T extends PropTypes = PropTypes> {
     /**
      * Function to set the color format
      */
-    setFormat(format: ColorFormat): void;
+    setFormat: (format: ColorFormat) => void;
     /**
      * The alpha value of the color
      */
@@ -271,37 +271,37 @@ interface ColorPickerApi<T extends PropTypes = PropTypes> {
     /**
      * Function to set the color alpha
      */
-    setAlpha(value: number): void;
+    setAlpha: (value: number) => void;
     /**
      * Function to open or close the color picker
      */
-    setOpen(open: boolean): void;
-    getRootProps(): T["element"];
-    getLabelProps(): T["element"];
-    getControlProps(): T["element"];
-    getTriggerProps(): T["button"];
-    getPositionerProps(): T["element"];
-    getContentProps(): T["element"];
-    getHiddenInputProps(): T["input"];
-    getValueTextProps(): T["element"];
-    getAreaProps(props?: AreaProps): T["element"];
-    getAreaBackgroundProps(props?: AreaProps): T["element"];
-    getAreaThumbProps(props?: AreaProps): T["element"];
-    getChannelInputProps(props: ChannelInputProps): T["input"];
-    getChannelSliderProps(props: ChannelSliderProps): T["element"];
-    getChannelSliderTrackProps(props: ChannelSliderProps): T["element"];
-    getChannelSliderThumbProps(props: ChannelSliderProps): T["element"];
-    getChannelSliderLabelProps(props: ChannelProps): T["element"];
-    getChannelSliderValueTextProps(props: ChannelProps): T["element"];
-    getTransparencyGridProps(props?: TransparencyGridProps): T["element"];
-    getEyeDropperTriggerProps(): T["button"];
-    getSwatchGroupProps(): T["element"];
-    getSwatchTriggerProps(props: SwatchTriggerProps): T["button"];
-    getSwatchTriggerState(props: SwatchTriggerProps): SwatchTriggerState;
-    getSwatchProps(props: SwatchProps): T["element"];
-    getSwatchIndicatorProps(props: SwatchProps): T["element"];
-    getFormatSelectProps(): T["select"];
-    getFormatTriggerProps(): T["button"];
+    setOpen: (open: boolean) => void;
+    getRootProps: () => T["element"];
+    getLabelProps: () => T["element"];
+    getControlProps: () => T["element"];
+    getTriggerProps: () => T["button"];
+    getPositionerProps: () => T["element"];
+    getContentProps: () => T["element"];
+    getHiddenInputProps: () => T["input"];
+    getValueTextProps: () => T["element"];
+    getAreaProps: (props?: AreaProps) => T["element"];
+    getAreaBackgroundProps: (props?: AreaProps) => T["element"];
+    getAreaThumbProps: (props?: AreaProps) => T["element"];
+    getChannelInputProps: (props: ChannelInputProps) => T["input"];
+    getChannelSliderProps: (props: ChannelSliderProps) => T["element"];
+    getChannelSliderTrackProps: (props: ChannelSliderProps) => T["element"];
+    getChannelSliderThumbProps: (props: ChannelSliderProps) => T["element"];
+    getChannelSliderLabelProps: (props: ChannelProps) => T["element"];
+    getChannelSliderValueTextProps: (props: ChannelProps) => T["element"];
+    getTransparencyGridProps: (props?: TransparencyGridProps) => T["element"];
+    getEyeDropperTriggerProps: () => T["button"];
+    getSwatchGroupProps: () => T["element"];
+    getSwatchTriggerProps: (props: SwatchTriggerProps) => T["button"];
+    getSwatchTriggerState: (props: SwatchTriggerProps) => SwatchTriggerState;
+    getSwatchProps: (props: SwatchProps) => T["element"];
+    getSwatchIndicatorProps: (props: SwatchProps) => T["element"];
+    getFormatSelectProps: () => T["select"];
+    getFormatTriggerProps: () => T["button"];
 }
 
 declare function connect<T extends PropTypes>(service: ColorPickerService, normalize: NormalizeProps<T>): ColorPickerApi<T>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zag-js/color-picker",
-  "version": "1.18.3",
+  "version": "1.18.5",
   "description": "Core logic for the color-picker widget implemented as a state machine",
   "keywords": [
     "js",
@@ -27,14 +27,14 @@
     "url": "https://github.com/chakra-ui/zag/issues"
   },
   "dependencies": {
-    "@zag-js/core": "1.18.3",
-    "@zag-js/anatomy": "1.18.3",
-    "@zag-js/dom-query": "1.18.3",
-    "@zag-js/dismissable": "1.18.3",
-    "@zag-js/utils": "1.18.3",
-    "@zag-js/color-utils": "1.18.3",
-    "@zag-js/popper": "1.18.3",
-    "@zag-js/types": "1.18.3"
+    "@zag-js/core": "1.18.5",
+    "@zag-js/anatomy": "1.18.5",
+    "@zag-js/dom-query": "1.18.5",
+    "@zag-js/dismissable": "1.18.5",
+    "@zag-js/utils": "1.18.5",
+    "@zag-js/color-utils": "1.18.5",
+    "@zag-js/popper": "1.18.5",
+    "@zag-js/types": "1.18.5"
   },
   "devDependencies": {
     "clean-package": "2.2.0"