@zag-js/color-picker 1.43.3 → 1.45.0

package/dist/color-picker.connect.js

@@ -86,9 +86,7 @@ function connect(service, normalize) {
     inline: !!prop("inline"),
     setOpen(nextOpen) {
       if (prop("inline")) return;
-      const open2 = state.hasTag("open");
-      if (open2 === nextOpen) return;
-      send({ type: nextOpen ? "OPEN" : "CLOSE" });
+      send({ type: nextOpen ? "OPEN" : "CLOSE", replaces: "open" });
     },
     setValue(value2) {
       send({ type: "VALUE.SET", value: (0, import_color_utils.normalizeColor)(value2), src: "set-color" });
@@ -288,6 +286,7 @@ function connect(service, normalize) {
         "data-invalid": (0, import_dom_query2.dataAttr)(invalid),
         "data-readonly": (0, import_dom_query2.dataAttr)(readOnly),
         role: "slider",
+        "aria-disabled": (0, import_dom_query2.ariaAttr)(disabled),
         "aria-valuemin": 0,
         "aria-valuemax": 100,
         "aria-valuenow": xValue,
@@ -446,7 +445,7 @@ function connect(service, normalize) {
         "data-channel": channel,
         "data-disabled": (0, import_dom_query2.dataAttr)(disabled),
         "data-orientation": orientation,
-        "aria-disabled": (0, import_dom_query2.dataAttr)(disabled),
+        "aria-disabled": (0, import_dom_query2.ariaAttr)(disabled),
         "aria-orientation": orientation,
         "aria-valuemax": channelRange.maxValue,
         "aria-valuemin": channelRange.minValue,

package/dist/color-picker.connect.mjs

@@ -1,7 +1,14 @@
 // src/color-picker.connect.ts
 import { getColorAreaGradient, normalizeColor } from "@zag-js/color-utils";
-import { getEventKey, getEventPoint, getEventStep, isComposingEvent, isLeftClick, isModifierKey } from "@zag-js/dom-query";
-import { dataAttr, query, visuallyHiddenStyle } from "@zag-js/dom-query";
+import {
+  getEventKey,
+  getEventPoint,
+  getEventStep,
+  isComposingEvent,
+  isLeftClick,
+  isModifierKey
+} from "@zag-js/dom-query";
+import { ariaAttr, dataAttr, query, visuallyHiddenStyle } from "@zag-js/dom-query";
 import { getPlacementSide, getPlacementStyles } from "@zag-js/popper";
 import { parts } from "./color-picker.anatomy.mjs";
 import * as dom from "./color-picker.dom.mjs";
@@ -52,9 +59,7 @@ function connect(service, normalize) {
     inline: !!prop("inline"),
     setOpen(nextOpen) {
       if (prop("inline")) return;
-      const open2 = state.hasTag("open");
-      if (open2 === nextOpen) return;
-      send({ type: nextOpen ? "OPEN" : "CLOSE" });
+      send({ type: nextOpen ? "OPEN" : "CLOSE", replaces: "open" });
     },
     setValue(value2) {
       send({ type: "VALUE.SET", value: normalizeColor(value2), src: "set-color" });
@@ -254,6 +259,7 @@ function connect(service, normalize) {
         "data-invalid": dataAttr(invalid),
         "data-readonly": dataAttr(readOnly),
         role: "slider",
+        "aria-disabled": ariaAttr(disabled),
         "aria-valuemin": 0,
         "aria-valuemax": 100,
         "aria-valuenow": xValue,
@@ -412,7 +418,7 @@ function connect(service, normalize) {
         "data-channel": channel,
         "data-disabled": dataAttr(disabled),
         "data-orientation": orientation,
-        "aria-disabled": dataAttr(disabled),
+        "aria-disabled": ariaAttr(disabled),
         "aria-orientation": orientation,
         "aria-valuemax": channelRange.maxValue,
         "aria-valuemin": channelRange.minValue,

package/dist/color-picker.machine.js

@@ -593,7 +593,8 @@ var machine = (0, import_core.createMachine)({
             root: dom.getContentEl(scope),
             getInitialEl: prop("initialFocusEl")
           });
-          element?.focus({ preventScroll: true });
+          if (!element) return;
+          element.focus({ preventScroll: true });
         });
       },
       setReturnFocus({ scope }) {

package/dist/color-picker.machine.mjs

@@ -567,7 +567,8 @@ var machine = createMachine({
             root: dom.getContentEl(scope),
             getInitialEl: prop("initialFocusEl")
           });
-          element?.focus({ preventScroll: true });
+          if (!element) return;
+          element.focus({ preventScroll: true });
         });
       },
       setReturnFocus({ scope }) {

package/dist/color-picker.types.d.mts

@@ -102,8 +102,9 @@ interface ColorPickerProps extends CommonProperties, DirectionProperty, Interact
     positioning?: PositioningOptions | undefined;
     /**
      * The initial focus element when the color picker is opened.
+     * Return `false` to skip moving focus, or `null` to use the default.
      */
-    initialFocusEl?: (() => HTMLElement | null) | undefined;
+    initialFocusEl?: (() => HTMLElement | null | false) | undefined;
     /**
      * The controlled open state of the color picker
      */

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

@@ -102,8 +102,9 @@ interface ColorPickerProps extends CommonProperties, DirectionProperty, Interact
     positioning?: PositioningOptions | undefined;
     /**
      * The initial focus element when the color picker is opened.
+     * Return `false` to skip moving focus, or `null` to use the default.
      */
-    initialFocusEl?: (() => HTMLElement | null) | undefined;
+    initialFocusEl?: (() => HTMLElement | null | false) | undefined;
     /**
      * The controlled open state of the color picker
      */

package/package.json

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