@yamada-ui/color-picker 1.4.9-dev-20241109144901 → 1.4.9-dev-20241110143958

package/dist/color-picker.mjs

@@ -1,8 +1,8 @@
 "use client"
 import {
   ColorPicker
-} from "./chunk-OJVCLBAG.mjs";
-import "./chunk-MEG43CIO.mjs";
+} from "./chunk-CRZIBBBY.mjs";
+import "./chunk-Z2KAER2U.mjs";
 import "./chunk-HJMXAALX.mjs";
 import "./chunk-YU3KOEL7.mjs";
 import "./chunk-XCHWCHHP.mjs";

package/dist/index.js

@@ -1903,7 +1903,8 @@ var [ColorPickerProvider, useColorPickerContext] = (0, import_utils14.createCont
   errorMessage: `useColorPickerContext returned is 'undefined'. Seems you forgot to wrap the components in "<ColorPicker />"`
 });
 var useColorPicker = (props) => {
-  const {
+  let {
+    id,
     allowInput = true,
     animation,
     boundary,
@@ -1983,6 +1984,8 @@ var useColorPicker = (props) => {
     onClose: onCloseProp,
     onOpen: onOpenProp
   });
+  const uuid = (0, import_react5.useId)();
+  id != null ? id : id = uuid;
   const onOpen = (0, import_react5.useCallback)(() => {
     if (disabled || readOnly) return;
     onInternalOpen();
@@ -2191,6 +2194,8 @@ var useColorPicker = (props) => {
         ...disabled || !allowInput ? { pointerEvents: "none" } : {}
       };
       return {
+        "aria-controls": id,
+        role: "combobox",
         tabIndex: !allowInput ? -1 : 0,
         ...formControlProps,
         ...inputProps,
@@ -2202,6 +2207,7 @@ var useColorPicker = (props) => {
       };
     },
     [
+      id,
       inputProps,
       allowInput,
       disabled,
@@ -2272,6 +2278,7 @@ var useColorPicker = (props) => {
     ]
   );
   return {
+    id,
     allowInput,
     eyeDropperSupported,
     value,
@@ -2320,6 +2327,7 @@ var ColorPicker = (0, import_core12.forwardRef)(
       ...computedProps
     } = (0, import_core12.omitThemeProps)(mergedProps, ["withSwatch"]);
     const {
+      id,
       eyeDropperSupported,
       value,
       getContainerProps,
@@ -2377,6 +2385,7 @@ var ColorPicker = (0, import_core12.forwardRef)(
           /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_portal.Portal, { ...portalProps, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
             import_popover.PopoverContent,
             {
+              id,
               className: "ui-color-picker__content",
               __css: { ...styles.content },
               children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(