@zag-js/color-picker 0.10.3 → 0.10.4

package/dist/color-picker.anatomy.d.ts

@@ -1,3 +1,3 @@
-import type { Anatomy, AnatomyPart } from '@zag-js/anatomy';
-export declare const anatomy: Anatomy<"content" | "label" | "area" | "areaThumb" | "areaGradient" | "channelSliderTrack" | "channelSliderTrackBg" | "channelSliderThumb" | "channelInput" | "swatch" | "swatchBg" | "eyeDropTrigger">;
-export declare const parts: Record<"content" | "label" | "area" | "areaThumb" | "areaGradient" | "channelSliderTrack" | "channelSliderTrackBg" | "channelSliderThumb" | "channelInput" | "swatch" | "swatchBg" | "eyeDropTrigger", AnatomyPart>;
+import { Anatomy, AnatomyPart } from '@zag-js/anatomy';
+export declare const anatomy: Anatomy<"area" | "areaThumb" | "areaGradient" | "channelSliderTrack" | "channelSliderTrackBg" | "channelSliderThumb" | "channelInput" | "swatch" | "swatchBg" | "content" | "label" | "eyeDropTrigger">;
+export declare const parts: Record<"area" | "areaThumb" | "areaGradient" | "channelSliderTrack" | "channelSliderTrackBg" | "channelSliderThumb" | "channelInput" | "swatch" | "swatchBg" | "content" | "label" | "eyeDropTrigger", AnatomyPart>;

package/dist/color-picker.dom.d.ts

@@ -3,22 +3,22 @@ import { type Point } from "@zag-js/dom-event";
 import type { MachineContext as Ctx } from "./color-picker.types";
 export declare const dom: {
     getRootNode: (ctx: {
-        getRootNode?: (() => Node | ShadowRoot | Document) | undefined;
-    }) => ShadowRoot | Document;
+        getRootNode?: (() => Document | Node | ShadowRoot) | undefined;
+    }) => Document | ShadowRoot;
     getDoc: (ctx: {
-        getRootNode?: (() => Node | ShadowRoot | Document) | undefined;
+        getRootNode?: (() => Document | Node | ShadowRoot) | undefined;
     }) => Document;
     getWin: (ctx: {
-        getRootNode?: (() => Node | ShadowRoot | Document) | undefined;
+        getRootNode?: (() => Document | Node | ShadowRoot) | undefined;
     }) => Window & typeof globalThis;
     getActiveElement: (ctx: {
-        getRootNode?: (() => Node | ShadowRoot | Document) | undefined;
+        getRootNode?: (() => Document | Node | ShadowRoot) | undefined;
     }) => HTMLElement | null;
     getById: <T extends HTMLElement = HTMLElement>(ctx: {
-        getRootNode?: (() => Node | ShadowRoot | Document) | undefined;
+        getRootNode?: (() => Document | Node | ShadowRoot) | undefined;
     }, id: string) => T | null;
     queryById: <T_1 extends HTMLElement = HTMLElement>(ctx: {
-        getRootNode?: (() => Node | ShadowRoot | Document) | undefined;
+        getRootNode?: (() => Document | Node | ShadowRoot) | undefined;
     }, id: string) => T_1;
 } & {
     getContentId: (ctx: Ctx) => string;

package/dist/color-picker.machine.d.ts

@@ -1,3 +1,3 @@
-import type { Machine, StateMachine } from '@zag-js/core';
+import { Machine, StateMachine } from '@zag-js/core';
 import { MachineContext, MachineState, UserDefinedContext } from "./color-picker.types";
 export declare function machine(userContext: UserDefinedContext): Machine<MachineContext, MachineState, StateMachine.AnyEventObject>;

package/dist/utils/get-channel-details.d.ts

@@ -1,4 +1,4 @@
-import type { ColorAxes, Color,  type ColorChannel } from '@zag-js/color-utils';
+import { ColorAxes, Color, type ColorChannel } from '@zag-js/color-utils';
 export declare function getChannelDetails(color: Color, xChannel: ColorChannel, yChannel: ColorChannel): {
     channels: ColorAxes;
     xChannelStep: number;

package/dist/utils/get-channel-display-color.d.ts

@@ -1,2 +1,3 @@
+import { ColorType } from '@zag-js/color-utils/src/types';
 import { Color, type ColorChannel } from "@zag-js/color-utils";
-export declare function getChannelDisplayColor(color: Color, channel: ColorChannel): Color;
+export declare function getChannelDisplayColor(color: Color, channel: ColorChannel): ColorType;

package/dist/utils/get-channel-input-value.d.ts

@@ -1,4 +1,4 @@
-import type { ColorChannelRange } from '@zag-js/color-utils/src/types';
+import { ColorChannelRange } from '@zag-js/color-utils/src/types';
 import { Color } from "@zag-js/color-utils";
 import { ExtendedColorChannel } from "../color-picker.types";
 export declare function getChannelInputValue(color: Color, channel: ExtendedColorChannel): string;

package/dist/utils/get-color-area-gradient.d.ts

@@ -1,4 +1,4 @@
-import type { JSX } from '@zag-js/types';
+import { JSX } from '@zag-js/types';
 import { type ColorChannel } from "@zag-js/color-utils";
 import { MachineContext } from "../color-picker.types";
 export declare function getColorAreaGradient(ctx: MachineContext, xChannel: ColorChannel, yChannel: ColorChannel): {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zag-js/color-picker",
-  "version": "0.10.3",
+  "version": "0.10.4",
   "description": "Core logic for the color-picker widget implemented as a state machine",
   "keywords": [
     "js",
@@ -28,15 +28,15 @@
     "url": "https://github.com/chakra-ui/zag/issues"
   },
   "dependencies": {
-    "@zag-js/core": "0.10.3",
-    "@zag-js/anatomy": "0.10.3",
-    "@zag-js/dom-query": "0.10.3",
-    "@zag-js/dom-event": "0.10.3",
-    "@zag-js/utils": "0.10.3",
-    "@zag-js/color-utils": "0.10.3",
-    "@zag-js/numeric-range": "0.10.3",
-    "@zag-js/text-selection": "0.10.3",
-    "@zag-js/types": "0.10.3"
+    "@zag-js/core": "0.10.4",
+    "@zag-js/anatomy": "0.10.4",
+    "@zag-js/dom-query": "0.10.4",
+    "@zag-js/dom-event": "0.10.4",
+    "@zag-js/utils": "0.10.4",
+    "@zag-js/color-utils": "0.10.4",
+    "@zag-js/numeric-range": "0.10.4",
+    "@zag-js/text-selection": "0.10.4",
+    "@zag-js/types": "0.10.4"
   },
   "devDependencies": {
     "clean-package": "2.2.0"