@zag-js/color-picker 0.36.3 → 0.37.0

package/dist/index.d.mts

@@ -1,5 +1,5 @@
 import * as _zag_js_anatomy from '@zag-js/anatomy';
-import { RequiredBy, Orientation, PropTypes, CommonProperties, MaybeElement, Context, NormalizeProps } from '@zag-js/types';
+import { RequiredBy, Orientation, PropTypes, CommonProperties, MaybeElement, NormalizeProps } from '@zag-js/types';
 import { Color, ColorFormat, ColorChannel } from '@zag-js/color-utils';
 export { Color, ColorAxes, ColorChannel, ColorFormat, ColorType } from '@zag-js/color-utils';
 import * as _zag_js_core from '@zag-js/core';
@@ -101,7 +101,8 @@ interface PublicContext extends CommonProperties, InteractOutsideHandlers {
      */
     closeOnSelect?: boolean;
 }
-type PrivateContext = Context<{}>;
+interface PrivateContext {
+}
 type ComputedContext = Readonly<{
     /**
      * @computed

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import * as _zag_js_anatomy from '@zag-js/anatomy';
-import { RequiredBy, Orientation, PropTypes, CommonProperties, MaybeElement, Context, NormalizeProps } from '@zag-js/types';
+import { RequiredBy, Orientation, PropTypes, CommonProperties, MaybeElement, NormalizeProps } from '@zag-js/types';
 import { Color, ColorFormat, ColorChannel } from '@zag-js/color-utils';
 export { Color, ColorAxes, ColorChannel, ColorFormat, ColorType } from '@zag-js/color-utils';
 import * as _zag_js_core from '@zag-js/core';
@@ -101,7 +101,8 @@ interface PublicContext extends CommonProperties, InteractOutsideHandlers {
      */
     closeOnSelect?: boolean;
 }
-type PrivateContext = Context<{}>;
+interface PrivateContext {
+}
 type ComputedContext = Readonly<{
     /**
      * @computed

package/package.json

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

package/src/color-picker.props.ts

@@ -0,0 +1,44 @@
+import { createProps } from "@zag-js/types"
+import type {
+  AreaProps,
+  ChannelProps,
+  SwatchProps,
+  SwatchTriggerProps,
+  TransparencyGridProps,
+  UserDefinedContext,
+} from "./color-picker.types"
+
+export const props = createProps<UserDefinedContext>()([
+  "closeOnSelect",
+  "dir",
+  "disabled",
+  "format",
+  "getRootNode",
+  "id",
+  "ids",
+  "initialFocusEl",
+  "name",
+  "name",
+  "onFocusOutside",
+  "onFormatChange",
+  "onInteractOutside",
+  "onOpenChange",
+  "onPointerDownOutside",
+  "onValueChange",
+  "onValueChangeEnd",
+  "open.controlled",
+  "open",
+  "positioning",
+  "readOnly",
+  "value",
+])
+
+export const areaProps = createProps<AreaProps>()(["xChannel", "yChannel"])
+
+export const channelProps = createProps<ChannelProps>()(["channel", "orientation"])
+
+export const swatchTriggerProps = createProps<SwatchTriggerProps>()(["value", "disabled"])
+
+export const swatchProps = createProps<SwatchProps>()(["value", "respectAlpha"])
+
+export const transparencyGridProps = createProps<TransparencyGridProps>()(["size"])

package/src/color-picker.types.ts

@@ -2,7 +2,7 @@ import type { Color, ColorAxes, ColorChannel, ColorFormat, ColorType } from "@za
 import type { StateMachine as S } from "@zag-js/core"
 import type { InteractOutsideHandlers } from "@zag-js/dismissable"
 import type { PositioningOptions } from "@zag-js/popper"
-import type { CommonProperties, Context, MaybeElement, Orientation, PropTypes, RequiredBy } from "@zag-js/types"
+import type { CommonProperties, MaybeElement, Orientation, PropTypes, RequiredBy } from "@zag-js/types"
 import type { MaybeFunction } from "@zag-js/utils"
 
 export type ExtendedColorChannel = ColorChannel | "hex" | "css"
@@ -111,7 +111,7 @@ interface PublicContext extends CommonProperties, InteractOutsideHandlers {
   closeOnSelect?: boolean
 }
 
-type PrivateContext = Context<{
+interface PrivateContext {
   /**
    * @internal
    * The id of the thumb that is currently being dragged
@@ -142,7 +142,7 @@ type PrivateContext = Context<{
    * Whether the color picker should return focus to the trigger when closed
    */
   restoreFocus?: boolean
-}>
+}
 
 type ComputedContext = Readonly<{
   /**