@youcan/celeste 0.6.71 → 0.6.72

package/dist/cjs/color-picker.js

@@ -1,5 +1,5 @@
 "use strict";
-const No = require("vue");
+const Mo = require("vue");
 const useDelegatedProps = require("./use-delegated-props.js");
 const color = require("./color.js");
 const index = require("./chunks/index.js");
@@ -36,7 +36,7 @@ const _hoisted_3 = { class: "celeste-color-format" };
 const _hoisted_4 = { class: "celeste-color-controls" };
 const _hoisted_5 = { class: "celeste-color-format-inputs" };
 const _hoisted_6 = { class: "celeste-color-swatches" };
-const _sfc_main = /* @__PURE__ */ No.defineComponent({
+const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
   __name: "color-picker",
   props: {
     modelValue: { default: "hsl(240, 100%, 50%)" },
@@ -48,26 +48,26 @@ const _sfc_main = /* @__PURE__ */ No.defineComponent({
   },
   emits: ["update:modelValue"],
   setup(__props, { emit: __emit }) {
-    No.useCssVars((_ctx) => ({
+    Mo.useCssVars((_ctx) => ({
       "6559ad05": _ctx.modelValue
     }));
     const props = __props;
     const emit = __emit;
     const delegatedProps = useDelegatedProps.useDelegatedProps(props, "class");
-    const forwarded = index.Se(delegatedProps, emit);
+    const forwarded = index.xe(delegatedProps, emit);
     const tinyColorRef = useColorModel.defineColorModel(props, emit);
-    const hueRef = No.ref(tinyColorRef.value.toHsl().h);
-    const currentColorFormat = No.ref(props.defaultFormat || "hex");
-    const eyeDropper = No.ref(null);
-    const hex = No.computed({
+    const hueRef = Mo.ref(tinyColorRef.value.toHsl().h);
+    const currentColorFormat = Mo.ref(props.defaultFormat || "hex");
+    const eyeDropper = Mo.ref(null);
+    const hex = Mo.computed({
       get: () => tinyColorRef.value.toHexString().toUpperCase(),
       set: () => {
       }
     });
-    const rgb = No.computed(() => {
+    const rgb = Mo.computed(() => {
       return tinyColorRef.value.toRgb();
     });
-    const hsl = No.computed(() => {
+    const hsl = Mo.computed(() => {
       const { h, s, l } = tinyColorRef.value.toHsl();
       return {
         h: `${h.toFixed()}°`,
@@ -76,7 +76,7 @@ const _sfc_main = /* @__PURE__ */ No.defineComponent({
         a: tinyColorRef.value.getAlpha()
       };
     });
-    const hsv = No.computed(() => {
+    const hsv = Mo.computed(() => {
       const { h, s, v } = tinyColorRef.value.toHsv();
       return {
         h: `${h.toFixed()}°`,
@@ -84,7 +84,7 @@ const _sfc_main = /* @__PURE__ */ No.defineComponent({
         v: `${(v * 100).toFixed()}%`
       };
     });
-    No.watch(tinyColorRef, (tinyColorInstance) => {
+    Mo.watch(tinyColorRef, (tinyColorInstance) => {
       const newHue = tinyColorInstance.toHsl().h;
       const saturation = tinyColorInstance.toHsl().s;
       if (saturation === 0 && hueRef.value !== 0) {
@@ -224,71 +224,71 @@ const _sfc_main = /* @__PURE__ */ No.defineComponent({
       }
     }
     return (_ctx, _cache) => {
-      return No.openBlock(), No.createBlock(No.unref(popover_vue_vue_type_script_setup_true_lang._sfc_main), null, {
-        default: No.withCtx(() => [
-          No.createVNode(No.unref(popoverTrigger), null, {
-            default: No.withCtx(() => [
-              No.createVNode(No.unref(button), {
+      return Mo.openBlock(), Mo.createBlock(Mo.unref(popover_vue_vue_type_script_setup_true_lang._sfc_main), null, {
+        default: Mo.withCtx(() => [
+          Mo.createVNode(Mo.unref(popoverTrigger), null, {
+            default: Mo.withCtx(() => [
+              Mo.createVNode(Mo.unref(button), {
                 class: "celeste-picker-trigger",
                 intent: "neutral",
                 variant: "stroke"
               }, {
-                default: No.withCtx(() => [
-                  _cache[53] || (_cache[53] = No.createElementVNode("span", { class: "celeste-selected-color" }, null, -1)),
-                  No.createTextVNode(" " + No.toDisplayString(_ctx.label), 1)
+                default: Mo.withCtx(() => [
+                  _cache[53] || (_cache[53] = Mo.createElementVNode("span", { class: "celeste-selected-color" }, null, -1)),
+                  Mo.createTextVNode(" " + Mo.toDisplayString(_ctx.label), 1)
                 ]),
                 _: 1
               })
             ]),
             _: 1
           }),
-          No.createVNode(No.unref(popoverContent), { dismissible: false }, {
-            default: No.withCtx(() => [
-              No.createElementVNode("div", No.mergeProps({ class: "celeste-color-picker-wrapper" }, No.unref(forwarded)), [
-                No.createElementVNode("div", _hoisted_1, [
-                  No.createVNode(No.unref(colorArea), {
-                    modelValue: No.unref(tinyColorRef),
-                    "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => No.isRef(tinyColorRef) ? tinyColorRef.value = $event : null),
+          Mo.createVNode(Mo.unref(popoverContent), { dismissible: false }, {
+            default: Mo.withCtx(() => [
+              Mo.createElementVNode("div", Mo.mergeProps({ class: "celeste-color-picker-wrapper" }, Mo.unref(forwarded)), [
+                Mo.createElementVNode("div", _hoisted_1, [
+                  Mo.createVNode(Mo.unref(colorArea), {
+                    modelValue: Mo.unref(tinyColorRef),
+                    "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => Mo.isRef(tinyColorRef) ? tinyColorRef.value = $event : null),
                     hue: hueRef.value
                   }, null, 8, ["modelValue", "hue"]),
-                  No.createVNode(No.unref(hueSlider), {
+                  Mo.createVNode(Mo.unref(hueSlider), {
                     modelValue: hueRef.value,
                     "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => hueRef.value = $event)
                   }, null, 8, ["modelValue"]),
-                  No.createVNode(alphaSlider_vue_vue_type_script_setup_true_lang._sfc_main, {
-                    modelValue: No.unref(tinyColorRef),
-                    "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => No.isRef(tinyColorRef) ? tinyColorRef.value = $event : null)
+                  Mo.createVNode(alphaSlider_vue_vue_type_script_setup_true_lang._sfc_main, {
+                    modelValue: Mo.unref(tinyColorRef),
+                    "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => Mo.isRef(tinyColorRef) ? tinyColorRef.value = $event : null)
                   }, null, 8, ["modelValue"]),
-                  No.createElementVNode("div", _hoisted_2, [
-                    No.createVNode(No.unref(select_vue_vue_type_script_setup_true_lang._sfc_main), {
+                  Mo.createElementVNode("div", _hoisted_2, [
+                    Mo.createVNode(Mo.unref(select_vue_vue_type_script_setup_true_lang._sfc_main), {
                       modelValue: currentColorFormat.value,
                       "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => currentColorFormat.value = $event),
                       name: "color-format"
                     }, {
-                      default: No.withCtx(() => [
-                        No.createVNode(No.unref(selectTrigger), { variant: "inline" }, {
-                          default: No.withCtx(() => [
-                            No.createVNode(No.unref(selectValue), {
+                      default: Mo.withCtx(() => [
+                        Mo.createVNode(Mo.unref(selectTrigger), { variant: "inline" }, {
+                          default: Mo.withCtx(() => [
+                            Mo.createVNode(Mo.unref(selectValue), {
                               placeholder: "HEX",
                               class: "celeste-selected-color-format"
                             }, {
-                              default: No.withCtx(() => [
-                                No.createTextVNode(No.toDisplayString(currentColorFormat.value), 1)
+                              default: Mo.withCtx(() => [
+                                Mo.createTextVNode(Mo.toDisplayString(currentColorFormat.value), 1)
                               ]),
                               _: 1
                             })
                           ]),
                           _: 1
                         }),
-                        No.createVNode(No.unref(selectContent), { width: "fit" }, {
-                          default: No.withCtx(() => [
-                            (No.openBlock(true), No.createElementBlock(No.Fragment, null, No.renderList(props.formats, (format) => {
-                              return No.openBlock(), No.createBlock(No.unref(selectItem), {
+                        Mo.createVNode(Mo.unref(selectContent), { width: "fit" }, {
+                          default: Mo.withCtx(() => [
+                            (Mo.openBlock(true), Mo.createElementBlock(Mo.Fragment, null, Mo.renderList(props.formats, (format) => {
+                              return Mo.openBlock(), Mo.createBlock(Mo.unref(selectItem), {
                                 key: format,
                                 value: format
                               }, {
-                                default: No.withCtx(() => [
-                                  No.createElementVNode("span", _hoisted_3, No.toDisplayString(format), 1)
+                                default: Mo.withCtx(() => [
+                                  Mo.createElementVNode("span", _hoisted_3, Mo.toDisplayString(format), 1)
                                 ]),
                                 _: 2
                               }, 1032, ["value"]);
@@ -299,8 +299,8 @@ const _sfc_main = /* @__PURE__ */ No.defineComponent({
                       ]),
                       _: 1
                     }, 8, ["modelValue"]),
-                    No.createElementVNode("div", _hoisted_4, [
-                      eyeDropper.value ? (No.openBlock(), No.createBlock(No.unref(button), {
+                    Mo.createElementVNode("div", _hoisted_4, [
+                      eyeDropper.value ? (Mo.openBlock(), Mo.createBlock(Mo.unref(button), {
                         key: 0,
                         class: "celeste-color-sip",
                         variant: "stroke",
@@ -308,13 +308,13 @@ const _sfc_main = /* @__PURE__ */ No.defineComponent({
                         intent: "neutral",
                         onClick: sipColor
                       }, {
-                        default: No.withCtx(() => _cache[54] || (_cache[54] = [
-                          No.createElementVNode("i", { class: "i-celeste-sip-line" }, null, -1)
+                        default: Mo.withCtx(() => _cache[54] || (_cache[54] = [
+                          Mo.createElementVNode("i", { class: "i-celeste-sip-line" }, null, -1)
                         ])),
                         _: 1
-                      })) : No.createCommentVNode("", true),
-                      No.createElementVNode("div", _hoisted_5, [
-                        currentColorFormat.value === "hex" ? (No.openBlock(), No.createBlock(No.unref(textInput), {
+                      })) : Mo.createCommentVNode("", true),
+                      Mo.createElementVNode("div", _hoisted_5, [
+                        currentColorFormat.value === "hex" ? (Mo.openBlock(), Mo.createBlock(Mo.unref(textInput), {
                           key: 0,
                           modelValue: hex.value,
                           "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => hex.value = $event),
@@ -326,9 +326,9 @@ const _sfc_main = /* @__PURE__ */ No.defineComponent({
                           size: "xs",
                           onBeforeinput: validateHexInput,
                           onFocusout: inputChangeHex,
-                          onKeydown: No.withKeys(No.withModifiers(inputChangeHex, ["prevent"]), ["enter"])
-                        }, null, 8, ["modelValue", "onKeydown"])) : currentColorFormat.value === "rgb" ? (No.openBlock(), No.createElementBlock(No.Fragment, { key: 1 }, [
-                          No.createVNode(No.unref(textInput), {
+                          onKeydown: Mo.withKeys(Mo.withModifiers(inputChangeHex, ["prevent"]), ["enter"])
+                        }, null, 8, ["modelValue", "onKeydown"])) : currentColorFormat.value === "rgb" ? (Mo.openBlock(), Mo.createElementBlock(Mo.Fragment, { key: 1 }, [
+                          Mo.createVNode(Mo.unref(textInput), {
                             modelValue: rgb.value.r,
                             "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => rgb.value.r = $event),
                             autocomplete: "off",
@@ -339,12 +339,12 @@ const _sfc_main = /* @__PURE__ */ No.defineComponent({
                             onBeforeinput: validateInput,
                             onFocusout: _cache[6] || (_cache[6] = (e) => inputChangeRGB(e, "r")),
                             onKeydown: [
-                              _cache[7] || (_cache[7] = No.withKeys(No.withModifiers((e) => inputChangeRGB(e, "r"), ["prevent"]), ["enter"])),
-                              _cache[8] || (_cache[8] = No.withKeys(No.withModifiers((e) => handleColorValueKeyDown(e, "r"), ["prevent", "stop"]), ["up"])),
-                              _cache[9] || (_cache[9] = No.withKeys(No.withModifiers((e) => handleColorValueKeyDown(e, "r"), ["prevent", "stop"]), ["down"]))
+                              _cache[7] || (_cache[7] = Mo.withKeys(Mo.withModifiers((e) => inputChangeRGB(e, "r"), ["prevent"]), ["enter"])),
+                              _cache[8] || (_cache[8] = Mo.withKeys(Mo.withModifiers((e) => handleColorValueKeyDown(e, "r"), ["prevent", "stop"]), ["up"])),
+                              _cache[9] || (_cache[9] = Mo.withKeys(Mo.withModifiers((e) => handleColorValueKeyDown(e, "r"), ["prevent", "stop"]), ["down"]))
                             ]
                           }, null, 8, ["modelValue"]),
-                          No.createVNode(No.unref(textInput), {
+                          Mo.createVNode(Mo.unref(textInput), {
                             modelValue: rgb.value.g,
                             "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => rgb.value.g = $event),
                             autocomplete: "off",
@@ -355,12 +355,12 @@ const _sfc_main = /* @__PURE__ */ No.defineComponent({
                             onBeforeinput: validateInput,
                             onFocusout: _cache[11] || (_cache[11] = (e) => inputChangeRGB(e, "g")),
                             onKeydown: [
-                              _cache[12] || (_cache[12] = No.withKeys(No.withModifiers((e) => inputChangeRGB(e, "g"), ["prevent"]), ["enter"])),
-                              _cache[13] || (_cache[13] = No.withKeys(No.withModifiers((e) => handleColorValueKeyDown(e, "g"), ["prevent", "stop"]), ["up"])),
-                              _cache[14] || (_cache[14] = No.withKeys(No.withModifiers((e) => handleColorValueKeyDown(e, "g"), ["prevent", "stop"]), ["down"]))
+                              _cache[12] || (_cache[12] = Mo.withKeys(Mo.withModifiers((e) => inputChangeRGB(e, "g"), ["prevent"]), ["enter"])),
+                              _cache[13] || (_cache[13] = Mo.withKeys(Mo.withModifiers((e) => handleColorValueKeyDown(e, "g"), ["prevent", "stop"]), ["up"])),
+                              _cache[14] || (_cache[14] = Mo.withKeys(Mo.withModifiers((e) => handleColorValueKeyDown(e, "g"), ["prevent", "stop"]), ["down"]))
                             ]
                           }, null, 8, ["modelValue"]),
-                          No.createVNode(No.unref(textInput), {
+                          Mo.createVNode(Mo.unref(textInput), {
                             modelValue: rgb.value.b,
                             "onUpdate:modelValue": _cache[15] || (_cache[15] = ($event) => rgb.value.b = $event),
                             autocomplete: "off",
@@ -371,13 +371,13 @@ const _sfc_main = /* @__PURE__ */ No.defineComponent({
                             onBeforeinput: validateInput,
                             onFocusout: _cache[16] || (_cache[16] = (e) => inputChangeRGB(e, "b")),
                             onKeydown: [
-                              _cache[17] || (_cache[17] = No.withKeys(No.withModifiers((e) => inputChangeRGB(e, "b"), ["prevent"]), ["enter"])),
-                              _cache[18] || (_cache[18] = No.withKeys(No.withModifiers((e) => handleColorValueKeyDown(e, "b"), ["prevent", "stop"]), ["up"])),
-                              _cache[19] || (_cache[19] = No.withKeys(No.withModifiers((e) => handleColorValueKeyDown(e, "b"), ["prevent", "stop"]), ["down"]))
+                              _cache[17] || (_cache[17] = Mo.withKeys(Mo.withModifiers((e) => inputChangeRGB(e, "b"), ["prevent"]), ["enter"])),
+                              _cache[18] || (_cache[18] = Mo.withKeys(Mo.withModifiers((e) => handleColorValueKeyDown(e, "b"), ["prevent", "stop"]), ["up"])),
+                              _cache[19] || (_cache[19] = Mo.withKeys(Mo.withModifiers((e) => handleColorValueKeyDown(e, "b"), ["prevent", "stop"]), ["down"]))
                             ]
                           }, null, 8, ["modelValue"])
-                        ], 64)) : currentColorFormat.value === "hsl" ? (No.openBlock(), No.createElementBlock(No.Fragment, { key: 2 }, [
-                          No.createVNode(No.unref(textInput), {
+                        ], 64)) : currentColorFormat.value === "hsl" ? (Mo.openBlock(), Mo.createElementBlock(Mo.Fragment, { key: 2 }, [
+                          Mo.createVNode(Mo.unref(textInput), {
                             modelValue: hsl.value.h,
                             "onUpdate:modelValue": _cache[20] || (_cache[20] = ($event) => hsl.value.h = $event),
                             autocomplete: "off",
@@ -388,12 +388,12 @@ const _sfc_main = /* @__PURE__ */ No.defineComponent({
                             onBeforeinput: validateInput,
                             onFocusout: _cache[21] || (_cache[21] = (e) => inputChangeHSL(e, "h")),
                             onKeydown: [
-                              _cache[22] || (_cache[22] = No.withKeys(No.withModifiers((e) => inputChangeHSL(e, "h"), ["prevent"]), ["enter"])),
-                              _cache[23] || (_cache[23] = No.withKeys(No.withModifiers((e) => handleColorValueKeyDown(e, "h"), ["prevent", "stop"]), ["up"])),
-                              _cache[24] || (_cache[24] = No.withKeys(No.withModifiers((e) => handleColorValueKeyDown(e, "h"), ["prevent", "stop"]), ["down"]))
+                              _cache[22] || (_cache[22] = Mo.withKeys(Mo.withModifiers((e) => inputChangeHSL(e, "h"), ["prevent"]), ["enter"])),
+                              _cache[23] || (_cache[23] = Mo.withKeys(Mo.withModifiers((e) => handleColorValueKeyDown(e, "h"), ["prevent", "stop"]), ["up"])),
+                              _cache[24] || (_cache[24] = Mo.withKeys(Mo.withModifiers((e) => handleColorValueKeyDown(e, "h"), ["prevent", "stop"]), ["down"]))
                             ]
                           }, null, 8, ["modelValue"]),
-                          No.createVNode(No.unref(textInput), {
+                          Mo.createVNode(Mo.unref(textInput), {
                             modelValue: hsl.value.s,
                             "onUpdate:modelValue": _cache[25] || (_cache[25] = ($event) => hsl.value.s = $event),
                             autocomplete: "off",
@@ -404,12 +404,12 @@ const _sfc_main = /* @__PURE__ */ No.defineComponent({
                             onBeforeinput: validateInput,
                             onFocusout: _cache[26] || (_cache[26] = (e) => inputChangeHSL(e, "s")),
                             onKeydown: [
-                              _cache[27] || (_cache[27] = No.withKeys(No.withModifiers((e) => inputChangeHSL(e, "s"), ["prevent"]), ["enter"])),
-                              _cache[28] || (_cache[28] = No.withKeys(No.withModifiers((e) => handleColorValueKeyDown(e, "s"), ["prevent", "stop"]), ["up"])),
-                              _cache[29] || (_cache[29] = No.withKeys(No.withModifiers((e) => handleColorValueKeyDown(e, "s"), ["prevent", "stop"]), ["down"]))
+                              _cache[27] || (_cache[27] = Mo.withKeys(Mo.withModifiers((e) => inputChangeHSL(e, "s"), ["prevent"]), ["enter"])),
+                              _cache[28] || (_cache[28] = Mo.withKeys(Mo.withModifiers((e) => handleColorValueKeyDown(e, "s"), ["prevent", "stop"]), ["up"])),
+                              _cache[29] || (_cache[29] = Mo.withKeys(Mo.withModifiers((e) => handleColorValueKeyDown(e, "s"), ["prevent", "stop"]), ["down"]))
                             ]
                           }, null, 8, ["modelValue"]),
-                          No.createVNode(No.unref(textInput), {
+                          Mo.createVNode(Mo.unref(textInput), {
                             modelValue: hsl.value.l,
                             "onUpdate:modelValue": _cache[30] || (_cache[30] = ($event) => hsl.value.l = $event),
                             autocomplete: "off",
@@ -420,13 +420,13 @@ const _sfc_main = /* @__PURE__ */ No.defineComponent({
                             onBeforeinput: validateInput,
                             onFocusout: _cache[31] || (_cache[31] = (e) => inputChangeHSL(e, "l")),
                             onKeydown: [
-                              _cache[32] || (_cache[32] = No.withKeys(No.withModifiers((e) => inputChangeHSL(e, "l"), ["prevent"]), ["enter"])),
-                              _cache[33] || (_cache[33] = No.withKeys(No.withModifiers((e) => handleColorValueKeyDown(e, "l"), ["prevent", "stop"]), ["up"])),
-                              _cache[34] || (_cache[34] = No.withKeys(No.withModifiers((e) => handleColorValueKeyDown(e, "l"), ["prevent", "stop"]), ["down"]))
+                              _cache[32] || (_cache[32] = Mo.withKeys(Mo.withModifiers((e) => inputChangeHSL(e, "l"), ["prevent"]), ["enter"])),
+                              _cache[33] || (_cache[33] = Mo.withKeys(Mo.withModifiers((e) => handleColorValueKeyDown(e, "l"), ["prevent", "stop"]), ["up"])),
+                              _cache[34] || (_cache[34] = Mo.withKeys(Mo.withModifiers((e) => handleColorValueKeyDown(e, "l"), ["prevent", "stop"]), ["down"]))
                             ]
                           }, null, 8, ["modelValue"])
-                        ], 64)) : currentColorFormat.value === "hsb" ? (No.openBlock(), No.createElementBlock(No.Fragment, { key: 3 }, [
-                          No.createVNode(No.unref(textInput), {
+                        ], 64)) : currentColorFormat.value === "hsb" ? (Mo.openBlock(), Mo.createElementBlock(Mo.Fragment, { key: 3 }, [
+                          Mo.createVNode(Mo.unref(textInput), {
                             modelValue: hsv.value.h,
                             "onUpdate:modelValue": _cache[35] || (_cache[35] = ($event) => hsv.value.h = $event),
                             autocomplete: "off",
@@ -437,12 +437,12 @@ const _sfc_main = /* @__PURE__ */ No.defineComponent({
                             onBeforeinput: validateInput,
                             onFocusout: _cache[36] || (_cache[36] = (e) => inputChangeHSB(e, "h")),
                             onKeydown: [
-                              _cache[37] || (_cache[37] = No.withKeys(No.withModifiers((e) => inputChangeHSB(e, "h"), ["prevent"]), ["enter"])),
-                              _cache[38] || (_cache[38] = No.withKeys(No.withModifiers((e) => handleColorValueKeyDown(e, "h"), ["prevent", "stop"]), ["up"])),
-                              _cache[39] || (_cache[39] = No.withKeys(No.withModifiers((e) => handleColorValueKeyDown(e, "h"), ["prevent", "stop"]), ["down"]))
+                              _cache[37] || (_cache[37] = Mo.withKeys(Mo.withModifiers((e) => inputChangeHSB(e, "h"), ["prevent"]), ["enter"])),
+                              _cache[38] || (_cache[38] = Mo.withKeys(Mo.withModifiers((e) => handleColorValueKeyDown(e, "h"), ["prevent", "stop"]), ["up"])),
+                              _cache[39] || (_cache[39] = Mo.withKeys(Mo.withModifiers((e) => handleColorValueKeyDown(e, "h"), ["prevent", "stop"]), ["down"]))
                             ]
                           }, null, 8, ["modelValue"]),
-                          No.createVNode(No.unref(textInput), {
+                          Mo.createVNode(Mo.unref(textInput), {
                             modelValue: hsv.value.s,
                             "onUpdate:modelValue": _cache[40] || (_cache[40] = ($event) => hsv.value.s = $event),
                             autocomplete: "off",
@@ -453,12 +453,12 @@ const _sfc_main = /* @__PURE__ */ No.defineComponent({
                             onBeforeinput: validateInput,
                             onFocusout: _cache[41] || (_cache[41] = (e) => inputChangeHSB(e, "s")),
                             onKeydown: [
-                              _cache[42] || (_cache[42] = No.withKeys(No.withModifiers((e) => inputChangeHSB(e, "s"), ["prevent"]), ["enter"])),
-                              _cache[43] || (_cache[43] = No.withKeys(No.withModifiers((e) => handleColorValueKeyDown(e, "s"), ["prevent", "stop"]), ["up"])),
-                              _cache[44] || (_cache[44] = No.withKeys(No.withModifiers((e) => handleColorValueKeyDown(e, "s"), ["prevent", "stop"]), ["down"]))
+                              _cache[42] || (_cache[42] = Mo.withKeys(Mo.withModifiers((e) => inputChangeHSB(e, "s"), ["prevent"]), ["enter"])),
+                              _cache[43] || (_cache[43] = Mo.withKeys(Mo.withModifiers((e) => handleColorValueKeyDown(e, "s"), ["prevent", "stop"]), ["up"])),
+                              _cache[44] || (_cache[44] = Mo.withKeys(Mo.withModifiers((e) => handleColorValueKeyDown(e, "s"), ["prevent", "stop"]), ["down"]))
                             ]
                           }, null, 8, ["modelValue"]),
-                          No.createVNode(No.unref(textInput), {
+                          Mo.createVNode(Mo.unref(textInput), {
                             modelValue: hsv.value.v,
                             "onUpdate:modelValue": _cache[45] || (_cache[45] = ($event) => hsv.value.v = $event),
                             autocomplete: "off",
@@ -469,37 +469,37 @@ const _sfc_main = /* @__PURE__ */ No.defineComponent({
                             onBeforeinput: validateInput,
                             onFocusout: _cache[46] || (_cache[46] = (e) => inputChangeHSB(e, "v")),
                             onKeydown: [
-                              _cache[47] || (_cache[47] = No.withKeys(No.withModifiers((e) => inputChangeHSB(e, "v"), ["prevent"]), ["enter"])),
-                              _cache[48] || (_cache[48] = No.withKeys(No.withModifiers((e) => handleColorValueKeyDown(e, "v"), ["prevent", "stop"]), ["up"])),
-                              _cache[49] || (_cache[49] = No.withKeys(No.withModifiers((e) => handleColorValueKeyDown(e, "v"), ["prevent", "stop"]), ["down"]))
+                              _cache[47] || (_cache[47] = Mo.withKeys(Mo.withModifiers((e) => inputChangeHSB(e, "v"), ["prevent"]), ["enter"])),
+                              _cache[48] || (_cache[48] = Mo.withKeys(Mo.withModifiers((e) => handleColorValueKeyDown(e, "v"), ["prevent", "stop"]), ["up"])),
+                              _cache[49] || (_cache[49] = Mo.withKeys(Mo.withModifiers((e) => handleColorValueKeyDown(e, "v"), ["prevent", "stop"]), ["down"]))
                             ]
                           }, null, 8, ["modelValue"])
-                        ], 64)) : No.createCommentVNode("", true),
-                        No.createVNode(No.unref(textInput), {
+                        ], 64)) : Mo.createCommentVNode("", true),
+                        Mo.createVNode(Mo.unref(textInput), {
                           autocomplete: "off",
                           name: "alpha",
                           placeholder: "100",
                           type: "text",
                           class: "color-input",
                           size: "xs",
-                          value: `${(No.unref(tinyColorRef).getAlpha() * 100).toFixed()}%`,
+                          value: `${(Mo.unref(tinyColorRef).getAlpha() * 100).toFixed()}%`,
                           onBeforeinput: validateInput,
                           onFocusout: inputChangeAlpha,
                           onKeydown: [
-                            No.withKeys(No.withModifiers(inputChangeAlpha, ["prevent", "stop"]), ["enter"]),
-                            _cache[50] || (_cache[50] = No.withKeys(No.withModifiers((e) => handleColorValueKeyDown(e, "a"), ["prevent", "stop"]), ["up"])),
-                            _cache[51] || (_cache[51] = No.withKeys(No.withModifiers((e) => handleColorValueKeyDown(e, "a"), ["prevent", "stop"]), ["down"]))
+                            Mo.withKeys(Mo.withModifiers(inputChangeAlpha, ["prevent", "stop"]), ["enter"]),
+                            _cache[50] || (_cache[50] = Mo.withKeys(Mo.withModifiers((e) => handleColorValueKeyDown(e, "a"), ["prevent", "stop"]), ["up"])),
+                            _cache[51] || (_cache[51] = Mo.withKeys(Mo.withModifiers((e) => handleColorValueKeyDown(e, "a"), ["prevent", "stop"]), ["down"]))
                           ]
                         }, null, 8, ["value", "onKeydown"])
                       ])
                     ])
                   ])
                 ]),
-                No.createElementVNode("div", _hoisted_6, [
-                  _ctx.$slots.swatches ? No.renderSlot(_ctx.$slots, "swatches", { key: 0 }, void 0, true) : (No.openBlock(), No.createBlock(colorSwatch, {
+                Mo.createElementVNode("div", _hoisted_6, [
+                  _ctx.$slots.swatches ? Mo.renderSlot(_ctx.$slots, "swatches", { key: 0 }, void 0, true) : (Mo.openBlock(), Mo.createBlock(colorSwatch, {
                     key: 1,
-                    modelValue: No.unref(tinyColorRef),
-                    "onUpdate:modelValue": _cache[52] || (_cache[52] = ($event) => No.isRef(tinyColorRef) ? tinyColorRef.value = $event : null),
+                    modelValue: Mo.unref(tinyColorRef),
+                    "onUpdate:modelValue": _cache[52] || (_cache[52] = ($event) => Mo.isRef(tinyColorRef) ? tinyColorRef.value = $event : null),
                     label: _ctx.colorSwatchLabel,
                     hue: hueRef.value
                   }, null, 8, ["modelValue", "label", "hue"]))

package/dist/cjs/color-swatch.js

@@ -1,5 +1,5 @@
 "use strict";
-const No = require("vue");
+const Mo = require("vue");
 const color = require("./color.js");
 const tinycolor = require("./chunks/tinycolor.js");
 const useColorModel = require("./use-color-model.js");
@@ -9,7 +9,7 @@ const _hoisted_1 = { class: "celeste-color-swatch" };
 const _hoisted_2 = { class: "swatch-label" };
 const _hoisted_3 = { class: "color-palette" };
 const _hoisted_4 = ["aria-selected", "title", "aria-label", "onClick", "onKeydown"];
-const _sfc_main = /* @__PURE__ */ No.defineComponent({
+const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
   __name: "color-swatch",
   props: {
     modelValue: {},
@@ -19,13 +19,13 @@ const _sfc_main = /* @__PURE__ */ No.defineComponent({
   },
   emits: ["update:modelValue"],
   setup(__props, { emit: __emit }) {
-    No.useCssVars((_ctx) => ({
+    Mo.useCssVars((_ctx) => ({
       "608e7b2a": activeSwatchColorBg.value
     }));
     const props = __props;
     const emit = __emit;
     const tinyColorRef = useColorModel.defineColorModel(props, emit);
-    const activeSwatchColorBg = No.computed(() => {
+    const activeSwatchColorBg = Mo.computed(() => {
       return `0 0 0 2px var(--color-bg-white-0), 0 0 0 4px ${tinyColorRef.value.toRgbString()}`;
     });
     function handleSwatchColorClick(newColor) {
@@ -35,21 +35,21 @@ const _sfc_main = /* @__PURE__ */ No.defineComponent({
       return tinyColorRef.value.toHex8String().toLocaleLowerCase() === tinycolor.tinycolor(color2).toHex8String().toLocaleLowerCase();
     }
     return (_ctx, _cache) => {
-      return No.openBlock(), No.createElementBlock("div", _hoisted_1, [
-        No.createElementVNode("span", _hoisted_2, No.toDisplayString(_ctx.label), 1),
-        No.createElementVNode("div", _hoisted_3, [
-          (No.openBlock(true), No.createElementBlock(No.Fragment, null, No.renderList(_ctx.swatch, (swatchColor) => {
-            return No.openBlock(), No.createElementBlock("div", {
+      return Mo.openBlock(), Mo.createElementBlock("div", _hoisted_1, [
+        Mo.createElementVNode("span", _hoisted_2, Mo.toDisplayString(_ctx.label), 1),
+        Mo.createElementVNode("div", _hoisted_3, [
+          (Mo.openBlock(true), Mo.createElementBlock(Mo.Fragment, null, Mo.renderList(_ctx.swatch, (swatchColor) => {
+            return Mo.openBlock(), Mo.createElementBlock("div", {
               key: swatchColor,
               class: "palette-color",
-              style: No.normalizeStyle({ background: swatchColor }),
+              style: Mo.normalizeStyle({ background: swatchColor }),
               "aria-selected": isSwatchColorSelected(swatchColor.toLowerCase()),
               title: swatchColor,
               "aria-label": `Color:${swatchColor}`,
               role: "option",
               tabindex: "0",
               onClick: ($event) => handleSwatchColorClick(swatchColor),
-              onKeydown: No.withKeys(($event) => handleSwatchColorClick(swatchColor), ["space"])
+              onKeydown: Mo.withKeys(($event) => handleSwatchColorClick(swatchColor), ["space"])
             }, null, 44, _hoisted_4);
           }), 128))
         ])

package/dist/cjs/combobox-empty.js

@@ -1,10 +1,10 @@
 "use strict";
-const No = require("vue");
+const Mo = require("vue");
 const clsx = require("./chunks/clsx.js");
 const index = require("./chunks/index.js");
 ;/* empty css                                                                       */
 const _pluginVue_exportHelper = require("./chunks/_plugin-vue_export-helper.js");
-const _sfc_main = /* @__PURE__ */ No.defineComponent({
+const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
   __name: "combobox-empty",
   props: {
     asChild: { type: Boolean },
@@ -13,16 +13,16 @@ const _sfc_main = /* @__PURE__ */ No.defineComponent({
   },
   setup(__props) {
     const props = __props;
-    const delegatedProps = No.computed(() => {
+    const delegatedProps = Mo.computed(() => {
       const { class: _, ...delegated } = props;
       return delegated;
     });
     return (_ctx, _cache) => {
-      return No.openBlock(), No.createBlock(No.unref(index.em), No.mergeProps(delegatedProps.value, {
-        class: No.unref(clsx.clsx)("celeste-dropdown-empty-list", props.class)
+      return Mo.openBlock(), Mo.createBlock(Mo.unref(index.Zv), Mo.mergeProps(delegatedProps.value, {
+        class: Mo.unref(clsx.clsx)("celeste-dropdown-empty-list", props.class)
       }), {
-        default: No.withCtx(() => [
-          No.renderSlot(_ctx.$slots, "default", {}, void 0, true)
+        default: Mo.withCtx(() => [
+          Mo.renderSlot(_ctx.$slots, "default", {}, void 0, true)
         ]),
         _: 3
       }, 16, ["class"]);

package/dist/cjs/combobox-group.js

@@ -1,10 +1,10 @@
 "use strict";
-const No = require("vue");
+const Mo = require("vue");
 const clsx = require("./chunks/clsx.js");
 const index = require("./chunks/index.js");
 ;/* empty css                                                                       */
 const _pluginVue_exportHelper = require("./chunks/_plugin-vue_export-helper.js");
-const _sfc_main = /* @__PURE__ */ No.defineComponent({
+const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
   __name: "combobox-group",
   props: {
     asChild: { type: Boolean },
@@ -14,25 +14,25 @@ const _sfc_main = /* @__PURE__ */ No.defineComponent({
   },
   setup(__props) {
     const props = __props;
-    const delegatedProps = No.computed(() => {
+    const delegatedProps = Mo.computed(() => {
       const { class: _, ...delegated } = props;
       return delegated;
     });
     return (_ctx, _cache) => {
-      return No.openBlock(), No.createBlock(No.unref(index.Zv), No.mergeProps(delegatedProps.value, {
-        class: No.unref(clsx.clsx)(props.class, "celeste-dropdown-items-group")
+      return Mo.openBlock(), Mo.createBlock(Mo.unref(index.qv), Mo.mergeProps(delegatedProps.value, {
+        class: Mo.unref(clsx.clsx)(props.class, "celeste-dropdown-items-group")
       }), {
-        default: No.withCtx(() => [
-          _ctx.heading ? (No.openBlock(), No.createBlock(No.unref(index.Jv), {
+        default: Mo.withCtx(() => [
+          _ctx.heading ? (Mo.openBlock(), Mo.createBlock(Mo.unref(index.Yv), {
             key: 0,
             class: ""
           }, {
-            default: No.withCtx(() => [
-              No.createTextVNode(No.toDisplayString(_ctx.heading), 1)
+            default: Mo.withCtx(() => [
+              Mo.createTextVNode(Mo.toDisplayString(_ctx.heading), 1)
             ]),
             _: 1
-          })) : No.createCommentVNode("", true),
-          No.renderSlot(_ctx.$slots, "default", {}, void 0, true)
+          })) : Mo.createCommentVNode("", true),
+          Mo.renderSlot(_ctx.$slots, "default", {}, void 0, true)
         ]),
         _: 3
       }, 16, ["class"]);

package/dist/cjs/combobox-input.js

@@ -1,13 +1,13 @@
 "use strict";
-const No = require("vue");
+const Mo = require("vue");
 const clsx = require("./chunks/clsx.js");
 const index = require("./chunks/index.js");
 const textInput = require("./text-input.js");
 ;/* empty css                                                                       */
 const _pluginVue_exportHelper = require("./chunks/_plugin-vue_export-helper.js");
-const _sfc_main = /* @__PURE__ */ No.defineComponent({
+const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
   __name: "combobox-input",
-  props: /* @__PURE__ */ No.mergeModels({
+  props: /* @__PURE__ */ Mo.mergeModels({
     type: {},
     disabled: { type: Boolean },
     autoFocus: { type: Boolean },
@@ -23,12 +23,12 @@ const _sfc_main = /* @__PURE__ */ No.defineComponent({
   emits: ["update:modelValue"],
   setup(__props) {
     const props = __props;
-    const model = No.useModel(__props, "modelValue");
-    const comboboxInputProps = No.computed(() => {
+    const model = Mo.useModel(__props, "modelValue");
+    const comboboxInputProps = Mo.computed(() => {
       const { class: _class, textInputProps: _textInputProps, ...rest } = props;
       return rest;
     });
-    const textInputProps = No.computed(() => {
+    const textInputProps = Mo.computed(() => {
       return {
         type: "search",
         size: "sm",
@@ -37,20 +37,20 @@ const _sfc_main = /* @__PURE__ */ No.defineComponent({
       };
     });
     return (_ctx, _cache) => {
-      return No.openBlock(), No.createBlock(No.unref(index.Gv), No.mergeProps(comboboxInputProps.value, {
-        class: No.unref(clsx.clsx)("celeste-dropdown-input", props.class),
+      return Mo.openBlock(), Mo.createBlock(Mo.unref(index.Wv), Mo.mergeProps(comboboxInputProps.value, {
+        class: Mo.unref(clsx.clsx)("celeste-dropdown-input", props.class),
         readonly: !props.searchable,
         as: "div"
       }), {
-        default: No.withCtx(() => [
-          No.createVNode(textInput, No.mergeProps(textInputProps.value, {
+        default: Mo.withCtx(() => [
+          Mo.createVNode(textInput, Mo.mergeProps(textInputProps.value, {
             modelValue: model.value,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event),
             readonly: !props.searchable,
             style: !props.searchable ? "opacity: 0; height: 1px; padding: 0; border: none;" : ""
           }), {
-            leadingIcon: No.withCtx(() => _cache[1] || (_cache[1] = [
-              No.createElementVNode("i", { "i-celeste-search-2-line": "" }, null, -1)
+            leadingIcon: Mo.withCtx(() => _cache[1] || (_cache[1] = [
+              Mo.createElementVNode("i", { "i-celeste-search-2-line": "" }, null, -1)
             ])),
             _: 1
           }, 16, ["modelValue", "readonly", "style"])