@zag-js/color-picker 0.16.0 → 0.18.0

package/src/color-picker.types.ts

@@ -78,32 +78,48 @@ type PublicContext = CommonProperties & {
 
 type PrivateContext = Context<{
   /**
+   * @internal
    * The id of the thumb that is currently being dragged
    */
   activeId: string | null
   /**
+   * @internal
    * The channel that is currently being interacted with
    */
   activeChannel: Partial<ColorAxes> | null
   /**
+   * @internal
    * The orientation of the channel that is currently being interacted with
    */
   activeOrientation: Orientation | null
+  /**
+   * @internal
+   * Whether the checkbox's fieldset is disabled
+   */
+  fieldsetDisabled: boolean
 }>
 
 type ComputedContext = Readonly<{
   /**
+   * @computed
    * Whether the color picker is in RTL mode
    */
   isRtl: boolean
   /**
+   * @computed
    * Whether the color picker is interactive
    */
   isInteractive: boolean
   /**
+   * @computed
    * The color value as a Color object
    */
   valueAsColor: Color
+  /**
+   * @computed
+   * Whether the color picker is disabled
+   */
+  isDisabled: boolean
 }>
 
 export type UserDefinedContext = RequiredBy<PublicContext, "id">
@@ -118,7 +134,7 @@ export type State = S.State<MachineContext, MachineState>
 
 export type Send = S.Send<S.AnyEventObject>
 
-export type PublicApi<T extends PropTypes = PropTypes> = {
+export type MachineApi<T extends PropTypes = PropTypes> = {
   /**
    * Whether the color picker is being dragged
    */

package/src/index.ts

@@ -12,5 +12,5 @@ export type {
   ColorSwatchProps,
   ColorType,
   UserDefinedContext as Context,
-  PublicApi,
+  MachineApi as Api,
 } from "./color-picker.types"

package/src/utils/get-channel-input-value.ts

@@ -1,7 +1,9 @@
 import type { Color } from "@zag-js/color-utils"
 import type { ExtendedColorChannel } from "../color-picker.types"
 
-export function getChannelInputValue(color: Color, channel: ExtendedColorChannel) {
+export function getChannelInputValue(color: Color, channel: ExtendedColorChannel | null | undefined) {
+  if (channel == null) return
+
   switch (channel) {
     case "hex":
       return color.toString("hex")