@zag-js/color-picker 1.44.0 → 1.46.0

package/dist/color-picker.connect.js

@@ -103,8 +103,7 @@ function connect(service, normalize) {
     },
     format: context.get("format"),
     setFormat(format2) {
-      const formatValue = value.toFormat(format2);
-      send({ type: "VALUE.SET", value: formatValue, src: "set-format" });
+      send({ type: "FORMAT.SET", format: format2, src: "set-format" });
     },
     alpha: value.getChannelValue("alpha"),
     setAlpha(alphaValue) {

package/dist/color-picker.connect.mjs

@@ -76,8 +76,7 @@ function connect(service, normalize) {
     },
     format: context.get("format"),
     setFormat(format2) {
-      const formatValue = value.toFormat(format2);
-      send({ type: "VALUE.SET", value: formatValue, src: "set-format" });
+      send({ type: "FORMAT.SET", format: format2, src: "set-format" });
     },
     alpha: value.getChannelValue("alpha"),
     setAlpha(alphaValue) {

package/dist/color-picker.machine.js

@@ -398,6 +398,7 @@ var machine = (0, import_core.createMachine)({
           type: "popover",
           exclude: dom.getTriggerEl(scope),
           defer: true,
+          layerStyleTargets: [() => dom.getPositionerEl(scope)],
           onInteractOutside(event) {
             prop("onInteractOutside")?.(event);
             if (event.defaultPrevented) return;
@@ -593,7 +594,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

@@ -372,6 +372,7 @@ var machine = createMachine({
           type: "popover",
           exclude: dom.getTriggerEl(scope),
           defer: true,
+          layerStyleTargets: [() => dom.getPositionerEl(scope)],
           onInteractOutside(event) {
             prop("onInteractOutside")?.(event);
             if (event.defaultPrevented) return;
@@ -567,7 +568,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/dist/utils/get-channel-display-color.d.mts

@@ -1,6 +1,5 @@
-import * as _zag_js_color_utils from '@zag-js/color-utils';
 import { Color, ColorChannel } from '@zag-js/color-utils';
 
-declare function getChannelDisplayColor(color: Color, channel: ColorChannel): _zag_js_color_utils.ColorType;
+declare function getChannelDisplayColor(color: Color, channel: ColorChannel): Color;
 
 export { getChannelDisplayColor };

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

@@ -1,6 +1,5 @@
-import * as _zag_js_color_utils from '@zag-js/color-utils';
 import { Color, ColorChannel } from '@zag-js/color-utils';
 
-declare function getChannelDisplayColor(color: Color, channel: ColorChannel): _zag_js_color_utils.ColorType;
+declare function getChannelDisplayColor(color: Color, channel: ColorChannel): Color;
 
 export { getChannelDisplayColor };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zag-js/color-picker",
-  "version": "1.44.0",
+  "version": "1.46.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.44.0",
-    "@zag-js/anatomy": "1.44.0",
-    "@zag-js/dom-query": "1.44.0",
-    "@zag-js/dismissable": "1.44.0",
-    "@zag-js/utils": "1.44.0",
-    "@zag-js/color-utils": "1.44.0",
-    "@zag-js/popper": "1.44.0",
-    "@zag-js/types": "1.44.0"
+    "@zag-js/core": "1.46.0",
+    "@zag-js/anatomy": "1.46.0",
+    "@zag-js/dom-query": "1.46.0",
+    "@zag-js/dismissable": "1.46.0",
+    "@zag-js/utils": "1.46.0",
+    "@zag-js/color-utils": "1.46.0",
+    "@zag-js/popper": "1.46.0",
+    "@zag-js/types": "1.46.0"
   },
   "devDependencies": {
     "clean-package": "2.2.0"