@mekari/pixel3-color-picker 0.1.10-dev.1 → 0.2.0-dev.0

package/dist/{chunk-2ZZBAQKR.mjs → chunk-7CQYBVSY.mjs}

@@ -51,6 +51,10 @@ var colorPickerProps = {
     type: Boolean,
     default: true
   },
+  usePortal: {
+    type: Boolean,
+    default: false
+  },
   isDisabled: {
     type: Boolean,
     default: false

package/dist/{chunk-L7FIEGK4.mjs → chunk-HV7M5JDH.mjs}

@@ -15,6 +15,7 @@ function useColorPicker(props, emit) {
     variant,
     placement,
     isShowPopover,
+    usePortal,
     isDisabled,
     isInvalid
   } = toRefs(props);
@@ -47,6 +48,7 @@ function useColorPicker(props, emit) {
       placement: placement.value,
       isDefaultOpen: isShowPopover.value,
       initialFocusRef: `#input-${getId}`,
+      usePortal: usePortal.value,
       isManual: isDisabled.value,
       // hack way to disabled Popover
       onOpen: handleOpenPopover,

package/dist/{chunk-IZJ2HLBR.mjs → chunk-K27MT74P.mjs}

@@ -12,10 +12,10 @@ import {
 } from "./chunk-AEUPCATZ.mjs";
 import {
   useColorPicker
-} from "./chunk-L7FIEGK4.mjs";
+} from "./chunk-HV7M5JDH.mjs";
 import {
   colorPickerProps
-} from "./chunk-2ZZBAQKR.mjs";
+} from "./chunk-7CQYBVSY.mjs";
 import {
   __name
 } from "./chunk-QZ7VFGWC.mjs";

package/dist/color-picker.d.mts

@@ -52,6 +52,10 @@ declare const MpColorPicker: vue.DefineComponent<{
         type: vue.PropType<boolean>;
         default: boolean;
     };
+    usePortal: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
     isDisabled: {
         type: vue.PropType<boolean>;
         default: boolean;
@@ -109,6 +113,10 @@ declare const MpColorPicker: vue.DefineComponent<{
         type: vue.PropType<boolean>;
         default: boolean;
     };
+    usePortal: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
     isDisabled: {
         type: vue.PropType<boolean>;
         default: boolean;
@@ -125,6 +133,7 @@ declare const MpColorPicker: vue.DefineComponent<{
     id: string;
     placeholder: string;
     placement: Placement;
+    usePortal: boolean;
     isDisabled: boolean;
     variant: ColorPickerVariant;
     isInvalid: boolean;

package/dist/color-picker.d.ts

@@ -52,6 +52,10 @@ declare const MpColorPicker: vue.DefineComponent<{
         type: vue.PropType<boolean>;
         default: boolean;
     };
+    usePortal: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
     isDisabled: {
         type: vue.PropType<boolean>;
         default: boolean;
@@ -109,6 +113,10 @@ declare const MpColorPicker: vue.DefineComponent<{
         type: vue.PropType<boolean>;
         default: boolean;
     };
+    usePortal: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
     isDisabled: {
         type: vue.PropType<boolean>;
         default: boolean;
@@ -125,6 +133,7 @@ declare const MpColorPicker: vue.DefineComponent<{
     id: string;
     placeholder: string;
     placement: Placement;
+    usePortal: boolean;
     isDisabled: boolean;
     variant: ColorPickerVariant;
     isInvalid: boolean;

package/dist/color-picker.js

@@ -97,6 +97,10 @@ var colorPickerProps = {
     type: Boolean,
     default: true
   },
+  usePortal: {
+    type: Boolean,
+    default: false
+  },
   isDisabled: {
     type: Boolean,
     default: false
@@ -120,6 +124,7 @@ function useColorPicker(props, emit) {
     variant,
     placement,
     isShowPopover,
+    usePortal,
     isDisabled,
     isInvalid
   } = (0, import_vue.toRefs)(props);
@@ -152,6 +157,7 @@ function useColorPicker(props, emit) {
       placement: placement.value,
       isDefaultOpen: isShowPopover.value,
       initialFocusRef: `#input-${getId}`,
+      usePortal: usePortal.value,
       isManual: isDisabled.value,
       // hack way to disabled Popover
       onOpen: handleOpenPopover,

package/dist/color-picker.mjs

@@ -1,12 +1,12 @@
 import {
   MpColorPicker
-} from "./chunk-IZJ2HLBR.mjs";
+} from "./chunk-K27MT74P.mjs";
 import "./chunk-PULVLME3.mjs";
 import "./chunk-MILYTHNM.mjs";
 import "./chunk-5CI43L4Q.mjs";
 import "./chunk-AEUPCATZ.mjs";
-import "./chunk-L7FIEGK4.mjs";
-import "./chunk-2ZZBAQKR.mjs";
+import "./chunk-HV7M5JDH.mjs";
+import "./chunk-7CQYBVSY.mjs";
 import "./chunk-QZ7VFGWC.mjs";
 export {
   MpColorPicker

package/dist/index.js

@@ -99,6 +99,10 @@ var colorPickerProps = {
     type: Boolean,
     default: true
   },
+  usePortal: {
+    type: Boolean,
+    default: false
+  },
   isDisabled: {
     type: Boolean,
     default: false
@@ -122,6 +126,7 @@ function useColorPicker(props, emit) {
     variant,
     placement,
     isShowPopover,
+    usePortal,
     isDisabled,
     isInvalid
   } = (0, import_vue.toRefs)(props);
@@ -154,6 +159,7 @@ function useColorPicker(props, emit) {
       placement: placement.value,
       isDefaultOpen: isShowPopover.value,
       initialFocusRef: `#input-${getId}`,
+      usePortal: usePortal.value,
       isManual: isDisabled.value,
       // hack way to disabled Popover
       onOpen: handleOpenPopover,

package/dist/index.mjs

@@ -1,13 +1,13 @@
 import "./chunk-62SESCIE.mjs";
 import {
   MpColorPicker
-} from "./chunk-IZJ2HLBR.mjs";
+} from "./chunk-K27MT74P.mjs";
 import "./chunk-PULVLME3.mjs";
 import "./chunk-MILYTHNM.mjs";
 import "./chunk-5CI43L4Q.mjs";
 import "./chunk-AEUPCATZ.mjs";
-import "./chunk-L7FIEGK4.mjs";
-import "./chunk-2ZZBAQKR.mjs";
+import "./chunk-HV7M5JDH.mjs";
+import "./chunk-7CQYBVSY.mjs";
 import "./chunk-QZ7VFGWC.mjs";
 export {
   MpColorPicker

package/dist/metafile-cjs.json

@@ -1 +1 @@
-{"inputs":{"src/modules/color-picker.props.ts":{"bytes":2062,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"./color-picker.types","kind":"import-statement","external":true}],"format":"esm"},"src/modules/color-picker.hooks.ts":{"bytes":8472,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"tinycolor2","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/saturation.tsx":{"bytes":4652,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"clamp","kind":"import-statement","external":true},{"path":"lodash.throttle","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/hue.tsx":{"bytes":5692,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"import-statement","external":true},{"path":"./modules/color-picker.types","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/input.tsx":{"bytes":2197,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-text","kind":"import-statement","external":true},{"path":"@mekari/pixel3-input","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/preset.tsx":{"bytes":1585,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"tinycolor2","kind":"import-statement","external":true},{"path":"@mekari/pixel3-icon","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/color-picker.tsx":{"bytes":4830,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-text","kind":"import-statement","external":true},{"path":"@mekari/pixel3-popover","kind":"import-statement","external":true},{"path":"@mekari/pixel3-input","kind":"import-statement","external":true},{"path":"@mekari/pixel3-icon","kind":"import-statement","external":true},{"path":"@mekari/pixel3-divider","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"import-statement","external":true},{"path":"src/modules/color-picker.props.ts","kind":"import-statement","original":"./modules/color-picker.props"},{"path":"src/modules/color-picker.hooks.ts","kind":"import-statement","original":"./modules/color-picker.hooks"},{"path":"src/saturation.tsx","kind":"import-statement","original":"./saturation"},{"path":"src/hue.tsx","kind":"import-statement","original":"./hue"},{"path":"src/input.tsx","kind":"import-statement","original":"./input"},{"path":"src/preset.tsx","kind":"import-statement","original":"./preset"},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/modules/color-picker.types.ts":{"bytes":200,"imports":[],"format":"esm"},"src/index.ts":{"bytes":178,"imports":[{"path":"src/color-picker.tsx","kind":"import-statement","original":"./color-picker"},{"path":"src/modules/color-picker.types.ts","kind":"import-statement","original":"./modules/color-picker.types"}],"format":"esm"}},"outputs":{"dist/color-picker.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-text","kind":"require-call","external":true},{"path":"@mekari/pixel3-popover","kind":"require-call","external":true},{"path":"@mekari/pixel3-input","kind":"require-call","external":true},{"path":"@mekari/pixel3-icon","kind":"require-call","external":true},{"path":"@mekari/pixel3-divider","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"tinycolor2","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"clamp","kind":"require-call","external":true},{"path":"lodash.throttle","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-text","kind":"require-call","external":true},{"path":"@mekari/pixel3-input","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"tinycolor2","kind":"require-call","external":true},{"path":"@mekari/pixel3-icon","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/color-picker.tsx","inputs":{"src/color-picker.tsx":{"bytesInOutput":5431},"src/modules/color-picker.props.ts":{"bytesInOutput":1105},"src/modules/color-picker.hooks.ts":{"bytesInOutput":9042},"src/saturation.tsx":{"bytesInOutput":5054},"src/hue.tsx":{"bytesInOutput":6268},"src/input.tsx":{"bytesInOutput":2117},"src/preset.tsx":{"bytesInOutput":1669}},"bytes":32481},"dist/hue.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/hue.tsx","inputs":{"src/hue.tsx":{"bytesInOutput":6383}},"bytes":7392},"dist/index.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-text","kind":"require-call","external":true},{"path":"@mekari/pixel3-popover","kind":"require-call","external":true},{"path":"@mekari/pixel3-input","kind":"require-call","external":true},{"path":"@mekari/pixel3-icon","kind":"require-call","external":true},{"path":"@mekari/pixel3-divider","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"tinycolor2","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"clamp","kind":"require-call","external":true},{"path":"lodash.throttle","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-text","kind":"require-call","external":true},{"path":"@mekari/pixel3-input","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"tinycolor2","kind":"require-call","external":true},{"path":"@mekari/pixel3-icon","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":131},"src/color-picker.tsx":{"bytesInOutput":5273},"src/modules/color-picker.props.ts":{"bytesInOutput":1105},"src/modules/color-picker.hooks.ts":{"bytesInOutput":9042},"src/saturation.tsx":{"bytesInOutput":5054},"src/hue.tsx":{"bytesInOutput":6268},"src/input.tsx":{"bytesInOutput":2117},"src/preset.tsx":{"bytesInOutput":1669}},"bytes":32471},"dist/input.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-text","kind":"require-call","external":true},{"path":"@mekari/pixel3-input","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/input.tsx","inputs":{"src/input.tsx":{"bytesInOutput":2244}},"bytes":3257},"dist/preset.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"tinycolor2","kind":"require-call","external":true},{"path":"@mekari/pixel3-icon","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/preset.tsx","inputs":{"src/preset.tsx":{"bytesInOutput":1800}},"bytes":3412},"dist/saturation.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"clamp","kind":"require-call","external":true},{"path":"lodash.throttle","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/saturation.tsx","inputs":{"src/saturation.tsx":{"bytesInOutput":5208}},"bytes":6828},"dist/modules/color-picker.hooks.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"tinycolor2","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/modules/color-picker.hooks.ts","inputs":{"src/modules/color-picker.hooks.ts":{"bytesInOutput":9220}},"bytes":10852},"dist/modules/color-picker.props.js":{"imports":[],"exports":[],"entryPoint":"src/modules/color-picker.props.ts","inputs":{"src/modules/color-picker.props.ts":{"bytesInOutput":1363}},"bytes":2329},"dist/modules/color-picker.types.js":{"imports":[],"exports":[],"entryPoint":"src/modules/color-picker.types.ts","inputs":{"src/modules/color-picker.types.ts":{"bytesInOutput":96}},"bytes":805}}}
+{"inputs":{"src/modules/color-picker.props.ts":{"bytes":2143,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"./color-picker.types","kind":"import-statement","external":true}],"format":"esm"},"src/modules/color-picker.hooks.ts":{"bytes":8521,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"tinycolor2","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/saturation.tsx":{"bytes":4652,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"clamp","kind":"import-statement","external":true},{"path":"lodash.throttle","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/hue.tsx":{"bytes":5692,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"import-statement","external":true},{"path":"./modules/color-picker.types","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/input.tsx":{"bytes":2197,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-text","kind":"import-statement","external":true},{"path":"@mekari/pixel3-input","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/preset.tsx":{"bytes":1585,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"tinycolor2","kind":"import-statement","external":true},{"path":"@mekari/pixel3-icon","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/color-picker.tsx":{"bytes":4830,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-text","kind":"import-statement","external":true},{"path":"@mekari/pixel3-popover","kind":"import-statement","external":true},{"path":"@mekari/pixel3-input","kind":"import-statement","external":true},{"path":"@mekari/pixel3-icon","kind":"import-statement","external":true},{"path":"@mekari/pixel3-divider","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"import-statement","external":true},{"path":"src/modules/color-picker.props.ts","kind":"import-statement","original":"./modules/color-picker.props"},{"path":"src/modules/color-picker.hooks.ts","kind":"import-statement","original":"./modules/color-picker.hooks"},{"path":"src/saturation.tsx","kind":"import-statement","original":"./saturation"},{"path":"src/hue.tsx","kind":"import-statement","original":"./hue"},{"path":"src/input.tsx","kind":"import-statement","original":"./input"},{"path":"src/preset.tsx","kind":"import-statement","original":"./preset"},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/modules/color-picker.types.ts":{"bytes":200,"imports":[],"format":"esm"},"src/index.ts":{"bytes":178,"imports":[{"path":"src/color-picker.tsx","kind":"import-statement","original":"./color-picker"},{"path":"src/modules/color-picker.types.ts","kind":"import-statement","original":"./modules/color-picker.types"}],"format":"esm"}},"outputs":{"dist/color-picker.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-text","kind":"require-call","external":true},{"path":"@mekari/pixel3-popover","kind":"require-call","external":true},{"path":"@mekari/pixel3-input","kind":"require-call","external":true},{"path":"@mekari/pixel3-icon","kind":"require-call","external":true},{"path":"@mekari/pixel3-divider","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"tinycolor2","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"clamp","kind":"require-call","external":true},{"path":"lodash.throttle","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-text","kind":"require-call","external":true},{"path":"@mekari/pixel3-input","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"tinycolor2","kind":"require-call","external":true},{"path":"@mekari/pixel3-icon","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/color-picker.tsx","inputs":{"src/color-picker.tsx":{"bytesInOutput":5431},"src/modules/color-picker.props.ts":{"bytesInOutput":1163},"src/modules/color-picker.hooks.ts":{"bytesInOutput":9091},"src/saturation.tsx":{"bytesInOutput":5054},"src/hue.tsx":{"bytesInOutput":6268},"src/input.tsx":{"bytesInOutput":2117},"src/preset.tsx":{"bytesInOutput":1669}},"bytes":32588},"dist/hue.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/hue.tsx","inputs":{"src/hue.tsx":{"bytesInOutput":6383}},"bytes":7392},"dist/index.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-text","kind":"require-call","external":true},{"path":"@mekari/pixel3-popover","kind":"require-call","external":true},{"path":"@mekari/pixel3-input","kind":"require-call","external":true},{"path":"@mekari/pixel3-icon","kind":"require-call","external":true},{"path":"@mekari/pixel3-divider","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"tinycolor2","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"clamp","kind":"require-call","external":true},{"path":"lodash.throttle","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-text","kind":"require-call","external":true},{"path":"@mekari/pixel3-input","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"tinycolor2","kind":"require-call","external":true},{"path":"@mekari/pixel3-icon","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":131},"src/color-picker.tsx":{"bytesInOutput":5273},"src/modules/color-picker.props.ts":{"bytesInOutput":1163},"src/modules/color-picker.hooks.ts":{"bytesInOutput":9091},"src/saturation.tsx":{"bytesInOutput":5054},"src/hue.tsx":{"bytesInOutput":6268},"src/input.tsx":{"bytesInOutput":2117},"src/preset.tsx":{"bytesInOutput":1669}},"bytes":32578},"dist/input.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-text","kind":"require-call","external":true},{"path":"@mekari/pixel3-input","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/input.tsx","inputs":{"src/input.tsx":{"bytesInOutput":2244}},"bytes":3257},"dist/preset.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"tinycolor2","kind":"require-call","external":true},{"path":"@mekari/pixel3-icon","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/preset.tsx","inputs":{"src/preset.tsx":{"bytesInOutput":1800}},"bytes":3412},"dist/saturation.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"clamp","kind":"require-call","external":true},{"path":"lodash.throttle","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/saturation.tsx","inputs":{"src/saturation.tsx":{"bytesInOutput":5208}},"bytes":6828},"dist/modules/color-picker.hooks.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"tinycolor2","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/modules/color-picker.hooks.ts","inputs":{"src/modules/color-picker.hooks.ts":{"bytesInOutput":9269}},"bytes":10901},"dist/modules/color-picker.props.js":{"imports":[],"exports":[],"entryPoint":"src/modules/color-picker.props.ts","inputs":{"src/modules/color-picker.props.ts":{"bytesInOutput":1421}},"bytes":2387},"dist/modules/color-picker.types.js":{"imports":[],"exports":[],"entryPoint":"src/modules/color-picker.types.ts","inputs":{"src/modules/color-picker.types.ts":{"bytesInOutput":96}},"bytes":805}}}

package/dist/metafile-esm.json

@@ -1 +1 @@
-{"inputs":{"src/modules/color-picker.props.ts":{"bytes":2062,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"./color-picker.types","kind":"import-statement","external":true}],"format":"esm"},"src/modules/color-picker.hooks.ts":{"bytes":8472,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"tinycolor2","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/saturation.tsx":{"bytes":4652,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"clamp","kind":"import-statement","external":true},{"path":"lodash.throttle","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/hue.tsx":{"bytes":5692,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"import-statement","external":true},{"path":"./modules/color-picker.types","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/input.tsx":{"bytes":2197,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-text","kind":"import-statement","external":true},{"path":"@mekari/pixel3-input","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/preset.tsx":{"bytes":1585,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"tinycolor2","kind":"import-statement","external":true},{"path":"@mekari/pixel3-icon","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/color-picker.tsx":{"bytes":4830,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-text","kind":"import-statement","external":true},{"path":"@mekari/pixel3-popover","kind":"import-statement","external":true},{"path":"@mekari/pixel3-input","kind":"import-statement","external":true},{"path":"@mekari/pixel3-icon","kind":"import-statement","external":true},{"path":"@mekari/pixel3-divider","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"import-statement","external":true},{"path":"src/modules/color-picker.props.ts","kind":"import-statement","original":"./modules/color-picker.props"},{"path":"src/modules/color-picker.hooks.ts","kind":"import-statement","original":"./modules/color-picker.hooks"},{"path":"src/saturation.tsx","kind":"import-statement","original":"./saturation"},{"path":"src/hue.tsx","kind":"import-statement","original":"./hue"},{"path":"src/input.tsx","kind":"import-statement","original":"./input"},{"path":"src/preset.tsx","kind":"import-statement","original":"./preset"},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/modules/color-picker.types.ts":{"bytes":200,"imports":[],"format":"esm"},"src/index.ts":{"bytes":178,"imports":[{"path":"src/color-picker.tsx","kind":"import-statement","original":"./color-picker"},{"path":"src/modules/color-picker.types.ts","kind":"import-statement","original":"./modules/color-picker.types"}],"format":"esm"}},"outputs":{"dist/modules/color-picker.types.mjs":{"imports":[{"path":"dist/chunk-62SESCIE.mjs","kind":"import-statement"}],"exports":[],"entryPoint":"src/modules/color-picker.types.ts","inputs":{},"bytes":32},"dist/color-picker.mjs":{"imports":[{"path":"dist/chunk-IZJ2HLBR.mjs","kind":"import-statement"},{"path":"dist/chunk-PULVLME3.mjs","kind":"import-statement"},{"path":"dist/chunk-MILYTHNM.mjs","kind":"import-statement"},{"path":"dist/chunk-5CI43L4Q.mjs","kind":"import-statement"},{"path":"dist/chunk-AEUPCATZ.mjs","kind":"import-statement"},{"path":"dist/chunk-L7FIEGK4.mjs","kind":"import-statement"},{"path":"dist/chunk-2ZZBAQKR.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpColorPicker"],"entryPoint":"src/color-picker.tsx","inputs":{},"bytes":301},"dist/hue.mjs":{"imports":[{"path":"dist/chunk-PULVLME3.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpColorHue"],"entryPoint":"src/hue.tsx","inputs":{},"bytes":109},"dist/index.mjs":{"imports":[{"path":"dist/chunk-62SESCIE.mjs","kind":"import-statement"},{"path":"dist/chunk-IZJ2HLBR.mjs","kind":"import-statement"},{"path":"dist/chunk-PULVLME3.mjs","kind":"import-statement"},{"path":"dist/chunk-MILYTHNM.mjs","kind":"import-statement"},{"path":"dist/chunk-5CI43L4Q.mjs","kind":"import-statement"},{"path":"dist/chunk-AEUPCATZ.mjs","kind":"import-statement"},{"path":"dist/chunk-L7FIEGK4.mjs","kind":"import-statement"},{"path":"dist/chunk-2ZZBAQKR.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpColorPicker"],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":0}},"bytes":332},"dist/chunk-62SESCIE.mjs":{"imports":[],"exports":[],"inputs":{"src/modules/color-picker.types.ts":{"bytesInOutput":0}},"bytes":0},"dist/chunk-IZJ2HLBR.mjs":{"imports":[{"path":"dist/chunk-PULVLME3.mjs","kind":"import-statement"},{"path":"dist/chunk-MILYTHNM.mjs","kind":"import-statement"},{"path":"dist/chunk-5CI43L4Q.mjs","kind":"import-statement"},{"path":"dist/chunk-AEUPCATZ.mjs","kind":"import-statement"},{"path":"dist/chunk-L7FIEGK4.mjs","kind":"import-statement"},{"path":"dist/chunk-2ZZBAQKR.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-text","kind":"import-statement","external":true},{"path":"@mekari/pixel3-popover","kind":"import-statement","external":true},{"path":"@mekari/pixel3-input","kind":"import-statement","external":true},{"path":"@mekari/pixel3-icon","kind":"import-statement","external":true},{"path":"@mekari/pixel3-divider","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"import-statement","external":true}],"exports":["MpColorPicker"],"inputs":{"src/color-picker.tsx":{"bytesInOutput":4454}},"bytes":4897},"dist/chunk-PULVLME3.mjs":{"imports":[{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"import-statement","external":true}],"exports":["MpColorHue"],"inputs":{"src/hue.tsx":{"bytesInOutput":6037}},"bytes":6128},"dist/input.mjs":{"imports":[{"path":"dist/chunk-MILYTHNM.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpColorInput"],"entryPoint":"src/input.tsx","inputs":{},"bytes":113},"dist/chunk-MILYTHNM.mjs":{"imports":[{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-text","kind":"import-statement","external":true},{"path":"@mekari/pixel3-input","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"import-statement","external":true}],"exports":["MpColorInput"],"inputs":{"src/input.tsx":{"bytesInOutput":1949}},"bytes":2044},"dist/preset.mjs":{"imports":[{"path":"dist/chunk-5CI43L4Q.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpColorPreset"],"entryPoint":"src/preset.tsx","inputs":{},"bytes":115},"dist/chunk-5CI43L4Q.mjs":{"imports":[{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"tinycolor2","kind":"import-statement","external":true},{"path":"@mekari/pixel3-icon","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"import-statement","external":true}],"exports":["MpColorPreset"],"inputs":{"src/preset.tsx":{"bytesInOutput":1513}},"bytes":1610},"dist/saturation.mjs":{"imports":[{"path":"dist/chunk-AEUPCATZ.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpColorSaturation"],"entryPoint":"src/saturation.tsx","inputs":{},"bytes":123},"dist/chunk-AEUPCATZ.mjs":{"imports":[{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"clamp","kind":"import-statement","external":true},{"path":"lodash.throttle","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"import-statement","external":true}],"exports":["MpColorSaturation"],"inputs":{"src/saturation.tsx":{"bytesInOutput":4709}},"bytes":4814},"dist/modules/color-picker.hooks.mjs":{"imports":[{"path":"dist/chunk-L7FIEGK4.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["useColorPicker"],"entryPoint":"src/modules/color-picker.hooks.ts","inputs":{},"bytes":119},"dist/chunk-L7FIEGK4.mjs":{"imports":[{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"tinycolor2","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true}],"exports":["useColorPicker"],"inputs":{"src/modules/color-picker.hooks.ts":{"bytesInOutput":8121}},"bytes":8238},"dist/modules/color-picker.props.mjs":{"imports":[{"path":"dist/chunk-2ZZBAQKR.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["colorPickerEmit","colorPickerProps"],"entryPoint":"src/modules/color-picker.props.ts","inputs":{},"bytes":161},"dist/chunk-2ZZBAQKR.mjs":{"imports":[],"exports":["colorPickerEmit","colorPickerProps"],"inputs":{"src/modules/color-picker.props.ts":{"bytesInOutput":1139}},"bytes":1227},"dist/chunk-QZ7VFGWC.mjs":{"imports":[],"exports":["__name"],"inputs":{},"bytes":151}}}
+{"inputs":{"src/modules/color-picker.props.ts":{"bytes":2143,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"./color-picker.types","kind":"import-statement","external":true}],"format":"esm"},"src/modules/color-picker.hooks.ts":{"bytes":8521,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"tinycolor2","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/saturation.tsx":{"bytes":4652,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"clamp","kind":"import-statement","external":true},{"path":"lodash.throttle","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/hue.tsx":{"bytes":5692,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"import-statement","external":true},{"path":"./modules/color-picker.types","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/input.tsx":{"bytes":2197,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-text","kind":"import-statement","external":true},{"path":"@mekari/pixel3-input","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/preset.tsx":{"bytes":1585,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"tinycolor2","kind":"import-statement","external":true},{"path":"@mekari/pixel3-icon","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/color-picker.tsx":{"bytes":4830,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-text","kind":"import-statement","external":true},{"path":"@mekari/pixel3-popover","kind":"import-statement","external":true},{"path":"@mekari/pixel3-input","kind":"import-statement","external":true},{"path":"@mekari/pixel3-icon","kind":"import-statement","external":true},{"path":"@mekari/pixel3-divider","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"import-statement","external":true},{"path":"src/modules/color-picker.props.ts","kind":"import-statement","original":"./modules/color-picker.props"},{"path":"src/modules/color-picker.hooks.ts","kind":"import-statement","original":"./modules/color-picker.hooks"},{"path":"src/saturation.tsx","kind":"import-statement","original":"./saturation"},{"path":"src/hue.tsx","kind":"import-statement","original":"./hue"},{"path":"src/input.tsx","kind":"import-statement","original":"./input"},{"path":"src/preset.tsx","kind":"import-statement","original":"./preset"},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/modules/color-picker.types.ts":{"bytes":200,"imports":[],"format":"esm"},"src/index.ts":{"bytes":178,"imports":[{"path":"src/color-picker.tsx","kind":"import-statement","original":"./color-picker"},{"path":"src/modules/color-picker.types.ts","kind":"import-statement","original":"./modules/color-picker.types"}],"format":"esm"}},"outputs":{"dist/modules/color-picker.types.mjs":{"imports":[{"path":"dist/chunk-62SESCIE.mjs","kind":"import-statement"}],"exports":[],"entryPoint":"src/modules/color-picker.types.ts","inputs":{},"bytes":32},"dist/color-picker.mjs":{"imports":[{"path":"dist/chunk-K27MT74P.mjs","kind":"import-statement"},{"path":"dist/chunk-PULVLME3.mjs","kind":"import-statement"},{"path":"dist/chunk-MILYTHNM.mjs","kind":"import-statement"},{"path":"dist/chunk-5CI43L4Q.mjs","kind":"import-statement"},{"path":"dist/chunk-AEUPCATZ.mjs","kind":"import-statement"},{"path":"dist/chunk-HV7M5JDH.mjs","kind":"import-statement"},{"path":"dist/chunk-7CQYBVSY.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpColorPicker"],"entryPoint":"src/color-picker.tsx","inputs":{},"bytes":301},"dist/hue.mjs":{"imports":[{"path":"dist/chunk-PULVLME3.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpColorHue"],"entryPoint":"src/hue.tsx","inputs":{},"bytes":109},"dist/index.mjs":{"imports":[{"path":"dist/chunk-62SESCIE.mjs","kind":"import-statement"},{"path":"dist/chunk-K27MT74P.mjs","kind":"import-statement"},{"path":"dist/chunk-PULVLME3.mjs","kind":"import-statement"},{"path":"dist/chunk-MILYTHNM.mjs","kind":"import-statement"},{"path":"dist/chunk-5CI43L4Q.mjs","kind":"import-statement"},{"path":"dist/chunk-AEUPCATZ.mjs","kind":"import-statement"},{"path":"dist/chunk-HV7M5JDH.mjs","kind":"import-statement"},{"path":"dist/chunk-7CQYBVSY.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpColorPicker"],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":0}},"bytes":332},"dist/chunk-62SESCIE.mjs":{"imports":[],"exports":[],"inputs":{"src/modules/color-picker.types.ts":{"bytesInOutput":0}},"bytes":0},"dist/chunk-K27MT74P.mjs":{"imports":[{"path":"dist/chunk-PULVLME3.mjs","kind":"import-statement"},{"path":"dist/chunk-MILYTHNM.mjs","kind":"import-statement"},{"path":"dist/chunk-5CI43L4Q.mjs","kind":"import-statement"},{"path":"dist/chunk-AEUPCATZ.mjs","kind":"import-statement"},{"path":"dist/chunk-HV7M5JDH.mjs","kind":"import-statement"},{"path":"dist/chunk-7CQYBVSY.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-text","kind":"import-statement","external":true},{"path":"@mekari/pixel3-popover","kind":"import-statement","external":true},{"path":"@mekari/pixel3-input","kind":"import-statement","external":true},{"path":"@mekari/pixel3-icon","kind":"import-statement","external":true},{"path":"@mekari/pixel3-divider","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"import-statement","external":true}],"exports":["MpColorPicker"],"inputs":{"src/color-picker.tsx":{"bytesInOutput":4454}},"bytes":4897},"dist/chunk-PULVLME3.mjs":{"imports":[{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"import-statement","external":true}],"exports":["MpColorHue"],"inputs":{"src/hue.tsx":{"bytesInOutput":6037}},"bytes":6128},"dist/input.mjs":{"imports":[{"path":"dist/chunk-MILYTHNM.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpColorInput"],"entryPoint":"src/input.tsx","inputs":{},"bytes":113},"dist/chunk-MILYTHNM.mjs":{"imports":[{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-text","kind":"import-statement","external":true},{"path":"@mekari/pixel3-input","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"import-statement","external":true}],"exports":["MpColorInput"],"inputs":{"src/input.tsx":{"bytesInOutput":1949}},"bytes":2044},"dist/preset.mjs":{"imports":[{"path":"dist/chunk-5CI43L4Q.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpColorPreset"],"entryPoint":"src/preset.tsx","inputs":{},"bytes":115},"dist/chunk-5CI43L4Q.mjs":{"imports":[{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"tinycolor2","kind":"import-statement","external":true},{"path":"@mekari/pixel3-icon","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"import-statement","external":true}],"exports":["MpColorPreset"],"inputs":{"src/preset.tsx":{"bytesInOutput":1513}},"bytes":1610},"dist/saturation.mjs":{"imports":[{"path":"dist/chunk-AEUPCATZ.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpColorSaturation"],"entryPoint":"src/saturation.tsx","inputs":{},"bytes":123},"dist/chunk-AEUPCATZ.mjs":{"imports":[{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"clamp","kind":"import-statement","external":true},{"path":"lodash.throttle","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"import-statement","external":true}],"exports":["MpColorSaturation"],"inputs":{"src/saturation.tsx":{"bytesInOutput":4709}},"bytes":4814},"dist/modules/color-picker.hooks.mjs":{"imports":[{"path":"dist/chunk-HV7M5JDH.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["useColorPicker"],"entryPoint":"src/modules/color-picker.hooks.ts","inputs":{},"bytes":119},"dist/chunk-HV7M5JDH.mjs":{"imports":[{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"tinycolor2","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true}],"exports":["useColorPicker"],"inputs":{"src/modules/color-picker.hooks.ts":{"bytesInOutput":8170}},"bytes":8287},"dist/modules/color-picker.props.mjs":{"imports":[{"path":"dist/chunk-7CQYBVSY.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["colorPickerEmit","colorPickerProps"],"entryPoint":"src/modules/color-picker.props.ts","inputs":{},"bytes":161},"dist/chunk-7CQYBVSY.mjs":{"imports":[],"exports":["colorPickerEmit","colorPickerProps"],"inputs":{"src/modules/color-picker.props.ts":{"bytesInOutput":1197}},"bytes":1285},"dist/chunk-QZ7VFGWC.mjs":{"imports":[],"exports":["__name"],"inputs":{},"bytes":151}}}

package/dist/modules/color-picker.hooks.d.mts

@@ -13,6 +13,7 @@ declare function useColorPicker(props: ColorPickerProps, emit: ColorPickerEmit):
         placement: Placement;
         isDefaultOpen: boolean;
         initialFocusRef: string;
+        usePortal: boolean;
         isManual: boolean;
         onOpen: () => void;
         onClose: () => void;

package/dist/modules/color-picker.hooks.d.ts

@@ -13,6 +13,7 @@ declare function useColorPicker(props: ColorPickerProps, emit: ColorPickerEmit):
         placement: Placement;
         isDefaultOpen: boolean;
         initialFocusRef: string;
+        usePortal: boolean;
         isManual: boolean;
         onOpen: () => void;
         onClose: () => void;

package/dist/modules/color-picker.hooks.js

@@ -46,6 +46,7 @@ function useColorPicker(props, emit) {
     variant,
     placement,
     isShowPopover,
+    usePortal,
     isDisabled,
     isInvalid
   } = (0, import_vue.toRefs)(props);
@@ -78,6 +79,7 @@ function useColorPicker(props, emit) {
       placement: placement.value,
       isDefaultOpen: isShowPopover.value,
       initialFocusRef: `#input-${getId}`,
+      usePortal: usePortal.value,
       isManual: isDisabled.value,
       // hack way to disabled Popover
       onOpen: handleOpenPopover,

package/dist/modules/color-picker.hooks.mjs

@@ -1,6 +1,6 @@
 import {
   useColorPicker
-} from "../chunk-L7FIEGK4.mjs";
+} from "../chunk-HV7M5JDH.mjs";
 import "../chunk-QZ7VFGWC.mjs";
 export {
   useColorPicker

package/dist/modules/color-picker.props.d.mts

@@ -50,6 +50,10 @@ declare const colorPickerProps: {
         type: PropType<boolean>;
         default: boolean;
     };
+    usePortal: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
     isDisabled: {
         type: PropType<boolean>;
         default: boolean;

package/dist/modules/color-picker.props.d.ts

@@ -50,6 +50,10 @@ declare const colorPickerProps: {
         type: PropType<boolean>;
         default: boolean;
     };
+    usePortal: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
     isDisabled: {
         type: PropType<boolean>;
         default: boolean;

package/dist/modules/color-picker.props.js

@@ -76,6 +76,10 @@ var colorPickerProps = {
     type: Boolean,
     default: true
   },
+  usePortal: {
+    type: Boolean,
+    default: false
+  },
   isDisabled: {
     type: Boolean,
     default: false

package/dist/modules/color-picker.props.mjs

@@ -1,7 +1,7 @@
 import {
   colorPickerEmit,
   colorPickerProps
-} from "../chunk-2ZZBAQKR.mjs";
+} from "../chunk-7CQYBVSY.mjs";
 import "../chunk-QZ7VFGWC.mjs";
 export {
   colorPickerEmit,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mekari/pixel3-color-picker",
   "description": "Color picker component for mekari pixel 3",
-  "version": "0.1.10-dev.1",
+  "version": "0.2.0-dev.0",
   "main": "dist/index.js",
   "license": "MIT",
   "files": [
@@ -11,14 +11,14 @@
     "clamp": "^1.0.1",
     "lodash.throttle": "^4.0.0",
     "tinycolor2": "^1.1.2",
-    "@mekari/pixel3-button": "0.2.0-dev.1",
-    "@mekari/pixel3-divider": "0.0.22-dev.1",
-    "@mekari/pixel3-icon": "0.1.1-dev.1",
-    "@mekari/pixel3-input": "0.0.25-dev.1",
-    "@mekari/pixel3-popover": "0.0.25-dev.1",
-    "@mekari/pixel3-styled-system": "0.2.0-dev.1",
-    "@mekari/pixel3-text": "0.0.22-dev.1",
-    "@mekari/pixel3-utils": "0.1.0-dev.1"
+    "@mekari/pixel3-button": "0.2.0",
+    "@mekari/pixel3-divider": "0.0.22",
+    "@mekari/pixel3-icon": "0.1.1",
+    "@mekari/pixel3-input": "0.0.25",
+    "@mekari/pixel3-styled-system": "0.2.0",
+    "@mekari/pixel3-popover": "0.0.25",
+    "@mekari/pixel3-utils": "0.1.0",
+    "@mekari/pixel3-text": "0.0.22"
   },
   "peerDependencies": {
     "vue": "^3.4.9"