@zag-js/color-picker 0.80.0 → 0.81.0

package/dist/index.d.mts

@@ -9,7 +9,7 @@ import { Machine, StateMachine } from '@zag-js/core';
 import { PositioningOptions } from '@zag-js/popper';
 export { PositioningOptions } from '@zag-js/popper';
 
-declare const anatomy: _zag_js_anatomy.Anatomy<"area" | "label" | "root" | "content" | "control" | "trigger" | "positioner" | "areaThumb" | "valueText" | "areaBackground" | "channelSlider" | "channelSliderLabel" | "channelSliderTrack" | "channelSliderThumb" | "channelSliderValueText" | "channelInput" | "transparencyGrid" | "swatchGroup" | "swatchTrigger" | "swatchIndicator" | "swatch" | "eyeDropperTrigger" | "formatTrigger" | "formatSelect">;
+declare const anatomy: _zag_js_anatomy.Anatomy<"content" | "label" | "area" | "root" | "control" | "trigger" | "positioner" | "areaThumb" | "valueText" | "areaBackground" | "channelSlider" | "channelSliderLabel" | "channelSliderTrack" | "channelSliderThumb" | "channelSliderValueText" | "channelInput" | "transparencyGrid" | "swatchGroup" | "swatchTrigger" | "swatchIndicator" | "swatch" | "eyeDropperTrigger" | "formatTrigger" | "formatSelect">;
 
 type ExtendedColorChannel = ColorChannel | "hex" | "css";
 interface EyeDropper {

package/dist/index.d.ts

@@ -9,7 +9,7 @@ import { Machine, StateMachine } from '@zag-js/core';
 import { PositioningOptions } from '@zag-js/popper';
 export { PositioningOptions } from '@zag-js/popper';
 
-declare const anatomy: _zag_js_anatomy.Anatomy<"area" | "label" | "root" | "content" | "control" | "trigger" | "positioner" | "areaThumb" | "valueText" | "areaBackground" | "channelSlider" | "channelSliderLabel" | "channelSliderTrack" | "channelSliderThumb" | "channelSliderValueText" | "channelInput" | "transparencyGrid" | "swatchGroup" | "swatchTrigger" | "swatchIndicator" | "swatch" | "eyeDropperTrigger" | "formatTrigger" | "formatSelect">;
+declare const anatomy: _zag_js_anatomy.Anatomy<"content" | "label" | "area" | "root" | "control" | "trigger" | "positioner" | "areaThumb" | "valueText" | "areaBackground" | "channelSlider" | "channelSliderLabel" | "channelSliderTrack" | "channelSliderThumb" | "channelSliderValueText" | "channelInput" | "transparencyGrid" | "swatchGroup" | "swatchTrigger" | "swatchIndicator" | "swatch" | "eyeDropperTrigger" | "formatTrigger" | "formatSelect">;
 
 type ExtendedColorChannel = ColorChannel | "hex" | "css";
 interface EyeDropper {

package/dist/index.js

@@ -2,13 +2,11 @@
 
 var anatomy$1 = require('@zag-js/anatomy');
 var colorUtils = require('@zag-js/color-utils');
-var domEvent = require('@zag-js/dom-event');
 var domQuery = require('@zag-js/dom-query');
 var popper = require('@zag-js/popper');
 var core = require('@zag-js/core');
 var dismissable = require('@zag-js/dismissable');
 var formUtils = require('@zag-js/form-utils');
-var textSelection = require('@zag-js/text-selection');
 var utils = require('@zag-js/utils');
 
 // src/color-picker.anatomy.ts
@@ -69,7 +67,7 @@ var dom = domQuery.createScope({
   getAreaValueFromPoint(ctx, point) {
     const areaEl = dom.getAreaEl(ctx);
     if (!areaEl) return;
-    const { percent } = domEvent.getRelativePoint(point, areaEl);
+    const { percent } = domQuery.getRelativePoint(point, areaEl);
     return percent;
   },
   getControlEl: (ctx) => dom.getById(ctx, dom.getControlId(ctx)),
@@ -81,7 +79,7 @@ var dom = domQuery.createScope({
   getChannelSliderValueFromPoint(ctx, point, channel) {
     const trackEl = dom.getChannelSliderTrackEl(ctx, channel);
     if (!trackEl) return;
-    const { percent } = domEvent.getRelativePoint(point, trackEl);
+    const { percent } = domQuery.getRelativePoint(point, trackEl);
     return percent;
   },
   getChannelInputEls: (ctx) => {
@@ -381,9 +379,9 @@ function connect(state, send, normalize) {
         "data-readonly": domQuery.dataAttr(state.context.readOnly),
         onPointerDown(event) {
           if (!interactive) return;
-          if (!domEvent.isLeftClick(event)) return;
-          if (domEvent.isModifierKey(event)) return;
-          const point = domEvent.getEventPoint(event);
+          if (!domQuery.isLeftClick(event)) return;
+          if (domQuery.isModifierKey(event)) return;
+          const point = domQuery.getEventPoint(event);
           const channel = { xChannel, yChannel };
           send({ type: "AREA.POINTER_DOWN", point, channel, id: "area" });
           event.preventDefault();
@@ -457,7 +455,7 @@ function connect(state, send, normalize) {
         onKeyDown(event) {
           if (event.defaultPrevented) return;
           if (!interactive) return;
-          const step = domEvent.getEventStep(event);
+          const step = domQuery.getEventStep(event);
           const keyMap = {
             ArrowUp() {
               send({ type: "AREA.ARROW_UP", channel, step });
@@ -481,7 +479,7 @@ function connect(state, send, normalize) {
               event2.stopPropagation();
             }
           };
-          const exec = keyMap[domEvent.getEventKey(event, state.context)];
+          const exec = keyMap[domQuery.getEventKey(event, state.context)];
           if (exec) {
             exec(event);
             event.preventDefault();
@@ -516,9 +514,9 @@ function connect(state, send, normalize) {
         role: "presentation",
         onPointerDown(event) {
           if (!interactive) return;
-          if (!domEvent.isLeftClick(event)) return;
-          if (domEvent.isModifierKey(event)) return;
-          const point = domEvent.getEventPoint(event);
+          if (!domQuery.isLeftClick(event)) return;
+          if (domQuery.isModifierKey(event)) return;
+          const point = domQuery.getEventPoint(event);
           send({ type: "CHANNEL_SLIDER.POINTER_DOWN", channel, format, point, id: channel, orientation });
           event.preventDefault();
         },
@@ -607,7 +605,7 @@ function connect(state, send, normalize) {
         onKeyDown(event) {
           if (event.defaultPrevented) return;
           if (!interactive) return;
-          const step = domEvent.getEventStep(event) * channelRange.step;
+          const step = domQuery.getEventStep(event) * channelRange.step;
           const keyMap = {
             ArrowUp() {
               send({ type: "CHANNEL_SLIDER.ARROW_UP", channel, step });
@@ -637,7 +635,7 @@ function connect(state, send, normalize) {
               event2.stopPropagation();
             }
           };
-          const exec = keyMap[domEvent.getEventKey(event, state.context)];
+          const exec = keyMap[domQuery.getEventKey(event, state.context)];
           if (exec) {
             exec(event);
             event.preventDefault();
@@ -1184,7 +1182,7 @@ function machine(userContext) {
           });
         },
         trackPointerMove(ctx2, evt, { send }) {
-          return domEvent.trackPointerMove(dom.getDoc(ctx2), {
+          return domQuery.trackPointerMove(dom.getDoc(ctx2), {
             onPointerMove({ point }) {
               const type = ctx2.activeId === "area" ? "AREA.POINTER_MOVE" : "CHANNEL_SLIDER.POINTER_MOVE";
               send({ type, point, format: evt.format });
@@ -1196,7 +1194,7 @@ function machine(userContext) {
           });
         },
         disableTextSelection(ctx2) {
-          return textSelection.disableTextSelection({ doc: dom.getDoc(ctx2), target: dom.getContentEl(ctx2) });
+          return domQuery.disableTextSelection({ doc: dom.getDoc(ctx2), target: dom.getContentEl(ctx2) });
         }
       },
       actions: {

package/dist/index.mjs

@@ -1,12 +1,10 @@
 import { createAnatomy } from '@zag-js/anatomy';
 import { normalizeColor, getColorAreaGradient, parseColor } from '@zag-js/color-utils';
-import { getRelativePoint, isLeftClick, isModifierKey, getEventPoint, getEventStep, getEventKey, trackPointerMove } from '@zag-js/dom-event';
-import { createScope, queryAll, dataAttr, query, visuallyHiddenStyle, raf, getInitialFocus } from '@zag-js/dom-query';
+import { createScope, queryAll, getRelativePoint, dataAttr, query, isLeftClick, isModifierKey, getEventPoint, getEventStep, getEventKey, visuallyHiddenStyle, trackPointerMove, disableTextSelection, raf, getInitialFocus } from '@zag-js/dom-query';
 import { getPlacementStyles, getPlacement } from '@zag-js/popper';
 import { createMachine, guards } from '@zag-js/core';
 import { trackDismissableElement } from '@zag-js/dismissable';
 import { trackFormControl, dispatchInputValueEvent } from '@zag-js/form-utils';
-import { disableTextSelection } from '@zag-js/text-selection';
 import { compact, tryCatch } from '@zag-js/utils';
 
 // src/color-picker.anatomy.ts

package/package.json

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