@yamada-ui/color-picker 1.0.1 → 1.0.2-dev-20240122145314

package/dist/{chunk-ZH5KWDBH.mjs → chunk-TBD6YA7X.mjs}

@@ -2,7 +2,7 @@ import {
   ColorPickerProvider,
   useColorPicker,
   useColorPickerContext
-} from "./chunk-5BN4WU5H.mjs";
+} from "./chunk-XKNPDIRL.mjs";
 import {
   ColorSelector
 } from "./chunk-24BBRCTU.mjs";

package/dist/{chunk-5BN4WU5H.mjs → chunk-XKNPDIRL.mjs}

@@ -58,6 +58,7 @@ var useColorPicker = ({
   colorSelectorColorScheme,
   ...rest
 }) => {
+  var _a;
   rest = useFormControlProps(rest);
   const formControlProps = pickObject(
     rest,
@@ -73,7 +74,9 @@ var useColorPicker = ({
     defaultValue,
     onChange: onChangeProp
   });
-  const formatRef = useRef(format != null ? format : calcFormat(value != null ? value : ""));
+  const formatRef = useRef(
+    format != null ? format : calcFormat((_a = value != null ? value : defaultColor) != null ? _a : "")
+  );
   const isInputFocused = useRef(false);
   const [inputValue, setInputValue] = useState(value != null ? value : "");
   const [isOpen, setIsOpen] = useState(defaultIsOpen != null ? defaultIsOpen : false);
@@ -166,11 +169,11 @@ var useColorPicker = ({
   );
   const onEyeDropperClick = useCallback(
     async (ev) => {
-      var _a;
+      var _a2;
       ev.preventDefault();
       ev.stopPropagation();
       try {
-        const { sRGBHex } = (_a = await onEyeDropperOpen()) != null ? _a : {};
+        const { sRGBHex } = (_a2 = await onEyeDropperOpen()) != null ? _a2 : {};
         if (!sRGBHex)
           return;
         onColorSelectorChange(sRGBHex);

package/dist/color-picker.js

@@ -1794,6 +1794,7 @@ var useColorPicker = ({
   colorSelectorColorScheme,
   ...rest
 }) => {
+  var _a;
   rest = (0, import_form_control4.useFormControlProps)(rest);
   const formControlProps = (0, import_utils14.pickObject)(
     rest,
@@ -1809,7 +1810,9 @@ var useColorPicker = ({
     defaultValue,
     onChange: onChangeProp
   });
-  const formatRef = (0, import_react5.useRef)(format != null ? format : (0, import_utils14.calcFormat)(value != null ? value : ""));
+  const formatRef = (0, import_react5.useRef)(
+    format != null ? format : (0, import_utils14.calcFormat)((_a = value != null ? value : defaultColor) != null ? _a : "")
+  );
   const isInputFocused = (0, import_react5.useRef)(false);
   const [inputValue, setInputValue] = (0, import_react5.useState)(value != null ? value : "");
   const [isOpen, setIsOpen] = (0, import_react5.useState)(defaultIsOpen != null ? defaultIsOpen : false);
@@ -1902,11 +1905,11 @@ var useColorPicker = ({
   );
   const onEyeDropperClick = (0, import_react5.useCallback)(
     async (ev) => {
-      var _a;
+      var _a2;
       ev.preventDefault();
       ev.stopPropagation();
       try {
-        const { sRGBHex } = (_a = await onEyeDropperOpen()) != null ? _a : {};
+        const { sRGBHex } = (_a2 = await onEyeDropperOpen()) != null ? _a2 : {};
         if (!sRGBHex)
           return;
         onColorSelectorChange(sRGBHex);

package/dist/color-picker.mjs

@@ -1,7 +1,7 @@
 import {
   ColorPicker
-} from "./chunk-ZH5KWDBH.mjs";
-import "./chunk-5BN4WU5H.mjs";
+} from "./chunk-TBD6YA7X.mjs";
+import "./chunk-XKNPDIRL.mjs";
 import "./chunk-24BBRCTU.mjs";
 import "./chunk-3KASGDAY.mjs";
 import "./chunk-MAHWFXUG.mjs";

package/dist/index.js

@@ -1801,6 +1801,7 @@ var useColorPicker = ({
   colorSelectorColorScheme,
   ...rest
 }) => {
+  var _a;
   rest = (0, import_form_control4.useFormControlProps)(rest);
   const formControlProps = (0, import_utils14.pickObject)(
     rest,
@@ -1816,7 +1817,9 @@ var useColorPicker = ({
     defaultValue,
     onChange: onChangeProp
   });
-  const formatRef = (0, import_react5.useRef)(format != null ? format : (0, import_utils14.calcFormat)(value != null ? value : ""));
+  const formatRef = (0, import_react5.useRef)(
+    format != null ? format : (0, import_utils14.calcFormat)((_a = value != null ? value : defaultColor) != null ? _a : "")
+  );
   const isInputFocused = (0, import_react5.useRef)(false);
   const [inputValue, setInputValue] = (0, import_react5.useState)(value != null ? value : "");
   const [isOpen, setIsOpen] = (0, import_react5.useState)(defaultIsOpen != null ? defaultIsOpen : false);
@@ -1909,11 +1912,11 @@ var useColorPicker = ({
   );
   const onEyeDropperClick = (0, import_react5.useCallback)(
     async (ev) => {
-      var _a;
+      var _a2;
       ev.preventDefault();
       ev.stopPropagation();
       try {
-        const { sRGBHex } = (_a = await onEyeDropperOpen()) != null ? _a : {};
+        const { sRGBHex } = (_a2 = await onEyeDropperOpen()) != null ? _a2 : {};
         if (!sRGBHex)
           return;
         onColorSelectorChange(sRGBHex);

package/dist/index.mjs

@@ -1,7 +1,7 @@
 import {
   ColorPicker
-} from "./chunk-ZH5KWDBH.mjs";
-import "./chunk-5BN4WU5H.mjs";
+} from "./chunk-TBD6YA7X.mjs";
+import "./chunk-XKNPDIRL.mjs";
 import {
   ColorSelector
 } from "./chunk-24BBRCTU.mjs";

package/dist/use-color-picker.js

@@ -68,6 +68,7 @@ var useColorPicker = ({
   colorSelectorColorScheme,
   ...rest
 }) => {
+  var _a;
   rest = (0, import_form_control.useFormControlProps)(rest);
   const formControlProps = (0, import_utils.pickObject)(
     rest,
@@ -83,7 +84,9 @@ var useColorPicker = ({
     defaultValue,
     onChange: onChangeProp
   });
-  const formatRef = (0, import_react.useRef)(format != null ? format : (0, import_utils.calcFormat)(value != null ? value : ""));
+  const formatRef = (0, import_react.useRef)(
+    format != null ? format : (0, import_utils.calcFormat)((_a = value != null ? value : defaultColor) != null ? _a : "")
+  );
   const isInputFocused = (0, import_react.useRef)(false);
   const [inputValue, setInputValue] = (0, import_react.useState)(value != null ? value : "");
   const [isOpen, setIsOpen] = (0, import_react.useState)(defaultIsOpen != null ? defaultIsOpen : false);
@@ -176,11 +179,11 @@ var useColorPicker = ({
   );
   const onEyeDropperClick = (0, import_react.useCallback)(
     async (ev) => {
-      var _a;
+      var _a2;
       ev.preventDefault();
       ev.stopPropagation();
       try {
-        const { sRGBHex } = (_a = await onEyeDropperOpen()) != null ? _a : {};
+        const { sRGBHex } = (_a2 = await onEyeDropperOpen()) != null ? _a2 : {};
         if (!sRGBHex)
           return;
         onColorSelectorChange(sRGBHex);

package/dist/use-color-picker.mjs

@@ -2,7 +2,7 @@ import {
   ColorPickerProvider,
   useColorPicker,
   useColorPickerContext
-} from "./chunk-5BN4WU5H.mjs";
+} from "./chunk-XKNPDIRL.mjs";
 export {
   ColorPickerProvider,
   useColorPicker,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yamada-ui/color-picker",
-  "version": "1.0.1",
+  "version": "1.0.2-dev-20240122145314",
   "description": "Yamada UI color picker component",
   "keywords": [
     "yamada",
@@ -18,7 +18,7 @@
   ],
   "author": "Hirotomo Yamada <hirotomo.yamada@avap.co.jp>",
   "license": "MIT",
-  "main": "dist/index.js",
+  "main": "src/index.ts",
   "files": [
     "dist"
   ],
@@ -39,11 +39,11 @@
     "@yamada-ui/button": "1.0.10",
     "@yamada-ui/core": "1.3.0",
     "@yamada-ui/form-control": "1.0.11",
-    "@yamada-ui/icon": "1.0.9",
     "@yamada-ui/input": "1.0.11",
+    "@yamada-ui/icon": "1.0.9",
     "@yamada-ui/popover": "1.0.9",
-    "@yamada-ui/portal": "1.0.4",
     "@yamada-ui/use-controllable-state": "1.0.4",
+    "@yamada-ui/portal": "1.0.4",
     "@yamada-ui/use-eye-dropper": "^1.0.1",
     "@yamada-ui/use-latest-ref": "^1.0.0",
     "@yamada-ui/use-outside-click": "1.0.4",
@@ -67,16 +67,6 @@
       "esm"
     ]
   },
-  "module": "dist/index.mjs",
-  "types": "dist/index.d.ts",
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.mjs",
-      "require": "./dist/index.js"
-    },
-    "./package.json": "./package.json"
-  },
   "scripts": {
     "dev": "pnpm build:fast -- --watch",
     "build": "tsup src --dts",

package/src/index.ts

@@ -0,0 +1,13 @@
+export { ColorSelector } from "./color-selector"
+export { ColorPicker } from "./color-picker"
+export type { ColorSelectorProps } from "./color-selector"
+export type { ColorPickerProps } from "./color-picker"
+export { HueSlider } from "./hue-slider"
+export type { HueSliderProps } from "./hue-slider"
+export { AlphaSlider } from "./alpha-slider"
+export type { AlphaSliderProps } from "./alpha-slider"
+export { ColorSwatch } from "./color-swatch"
+export type { ColorSwatchProps } from "./color-swatch"
+export { SaturationSlider } from "./saturation-slider"
+export type { SaturationSliderProps } from "./saturation-slider"
+export type { Hsv } from "./use-saturation-slider"