@orchidui/dashboard 1.40.0 → 1.42.0

package/dist/index.js

@@ -1,6 +1,6 @@
 var pt = Object.defineProperty;
-var gt = (o, V, r) => V in o ? pt(o, V, { enumerable: !0, configurable: !0, writable: !0, value: r }) : o[V] = r;
-var We = (o, V, r) => gt(o, typeof V != "symbol" ? V + "" : V, r);
+var gt = (n, V, r) => V in n ? pt(n, V, { enumerable: !0, configurable: !0, writable: !0, value: r }) : n[V] = r;
+var We = (n, V, r) => gt(n, typeof V != "symbol" ? V + "" : V, r);
 import { ref as v, computed as $e, createBlock as N, openBlock as m, unref as w, normalizeClass as Q, withCtx as W, createVNode as L, createElementBlock as E, createSlots as vt, renderSlot as je, normalizeStyle as te, createCommentVNode as D, onMounted as Je, watch as fe, createElementVNode as h, Teleport as mt, Fragment as ge, createTextVNode as ve, toDisplayString as Pe, renderList as Ke, withKeys as ot, inject as Re, reactive as _e, provide as Be, nextTick as ft, withDirectives as ht, vShow as yt, defineAsyncComponent as it } from "vue";
 import { Q as Y, a as bt } from "./QuillEditor-caFVpQGG.js";
 import { BaseInput as st, Dropdown as rt, Input as we, Icon as A, Modal as xt, Select as Ze, Slider as Ae } from "@orchidui/core";
@@ -34,8 +34,8 @@ const It = { key: 1 }, Vt = {
     }
   },
   emits: ["update:model-value"],
-  setup(o, { emit: V }) {
-    const r = o, y = V, d = v(!1), f = v(r.modelValue), C = (O) => {
+  setup(n, { emit: V }) {
+    const r = n, y = V, d = v(!1), f = v(r.modelValue), C = (O) => {
       O && (f.value = O, y("update:model-value", O));
     }, p = $e(() => r.variant === "gradient" ? {
       class: "w-[20px] h-[20px] hide-svg-icon",
@@ -67,7 +67,7 @@ const It = { key: 1 }, Vt = {
       f.value = O, y("update:model-value", O), d.value = !1;
     };
     return (O, X) => (m(), N(w(st), {
-      class: Q(o.hideInputColor ? "w-[40px]" : ""),
+      class: Q(n.hideInputColor ? "w-[40px]" : ""),
       onClick: X[1] || (X[1] = () => {
         var U;
         return (U = a.value) == null ? void 0 : U.toggleDropdown();
@@ -83,7 +83,7 @@ const It = { key: 1 }, Vt = {
             T
           ],
           "max-menu-height": 800,
-          placement: o.placement,
+          placement: n.placement,
           "popper-options": {
             strategy: "fixed"
           }
@@ -91,18 +91,18 @@ const It = { key: 1 }, Vt = {
           menu: W(() => [
             B.value ? D("", !0) : (m(), N(w(xl), {
               key: 0,
-              variant: o.variant,
-              "show-alpha": !o.hideOpacity,
-              type: o.hideOpacity ? "HEX" : "HEX8",
-              "model-value": o.modelValue,
+              variant: n.variant,
+              "show-alpha": !n.hideOpacity,
+              type: n.hideOpacity ? "HEX" : "HEX8",
+              "model-value": n.modelValue,
               "last-used-colors": H.value,
-              "preset-colors": o.presetColors,
+              "preset-colors": n.presetColors,
               "onUpdate:modelValue": C,
               onLastUsedPick: z
             }, null, 8, ["variant", "show-alpha", "type", "model-value", "last-used-colors", "preset-colors"]))
           ]),
           default: W(() => [
-            o.hideInputColor ? (m(), E("div", It, [
+            n.hideInputColor ? (m(), E("div", It, [
               je(O.$slots, "picker-icon", {}, () => [
                 L(w(A), {
                   class: "cursor-pointer",
@@ -179,7 +179,7 @@ const It = { key: 1 }, Vt = {
     },
     variant: {
       type: String,
-      validator: (o) => ["default", "text-only"].includes(o),
+      validator: (n) => ["default", "text-only"].includes(n),
       default: "default"
     },
     placeholder: {
@@ -189,8 +189,8 @@ const It = { key: 1 }, Vt = {
     isCustomImageUpload: Boolean
   },
   emits: ["update:modelValue", "update:image", "uploadImage"],
-  setup(o, { emit: V }) {
-    const r = o, y = V, d = {
+  setup(n, { emit: V }) {
+    const r = n, y = V, d = {
       default: [
         "changes",
         "font-size",
@@ -223,13 +223,13 @@ const It = { key: 1 }, Vt = {
       Math.random().toString(36).replace(/[^a-zA-Z]+/g, "")
     ), O = v(!1), X = v(!1), U = v(!1), le = v(!1), J = v(!1), j = v(!1), R = v(!1), q = v(""), ae = v(""), ee = v(""), x = v(), Se = v(!1), ue = v(r.image), ie = (u) => {
       O.value = x.value.getQuill().history.stack.undo.length > 0, X.value = x.value.getQuill().history.stack.redo.length > 0, U.value = x.value.getQuill().getFormat().bold, le.value = x.value.getQuill().getFormat().italic, J.value = x.value.getQuill().getFormat().underline, R.value = x.value.getQuill().getFormat().blockquote, ae.value = x.value.getQuill().getFormat().list, ee.value = x.value.getQuill().getFormat().align;
-      let n = document.createElement("div");
-      n.innerHTML = u, Se.value && (n.innerText ? y("update:modelValue", u || "") : y("update:modelValue", ""), n.remove());
+      let o = document.createElement("div");
+      o.innerHTML = u, Se.value && (o.innerText ? y("update:modelValue", u || "") : y("update:modelValue", ""), o.remove());
     }, Xe = () => {
       if (x.value.getQuill().getSelection(!0)) {
-        const n = x.value.getQuill().getSelection(!0);
-        x.value.getQuill().insertText(n.index, `
-`, Y.sources.USER), x.value.getQuill().insertEmbed(n.index + 1, "divider", !0, Y.sources.USER), x.value.getQuill().setSelection(n.index + 2, Y.sources.SILENT);
+        const o = x.value.getQuill().getSelection(!0);
+        x.value.getQuill().insertText(o.index, `
+`, Y.sources.USER), x.value.getQuill().insertEmbed(o.index + 1, "divider", !0, Y.sources.USER), x.value.getQuill().setSelection(o.index + 2, Y.sources.SILENT);
       }
     }, Ee = () => {
       x.value.getQuill().history.undo(), ie(r.modelValue);
@@ -252,8 +252,8 @@ const It = { key: 1 }, Vt = {
     }, Ne = () => {
       x.value.getQuill().format("blockquote", !R.value);
     }, oe = (u) => {
-      const n = x.value.getQuill().getSelection();
-      n && (x.value.getQuill().clipboard.dangerouslyPasteHTML(n.index, `<img src="${u}" />`), ue.value = u, y("update:image", ue.value));
+      const o = x.value.getQuill().getSelection();
+      o && (x.value.getQuill().clipboard.dangerouslyPasteHTML(o.index, `<img src="${u}" />`), ue.value = u, y("update:image", ue.value));
     }, De = () => {
       if (x.value.getQuill().getSelection() || x.value.getQuill().setSelection(x.value.getQuill().getLength() - 1), r.isCustomImageUpload) {
         if (!x.value.getQuill().getSelection()) return;
@@ -262,8 +262,8 @@ const It = { key: 1 }, Vt = {
       }
       const u = document.createElement("input");
       u.type = "file", u.accept = "jpg,.jpeg,.png,.webp,.gif", u.onchange = () => {
-        const n = u.files[0], b = new FileReader();
-        b.onload = () => oe(b.result), b.readAsDataURL(n);
+        const o = u.files[0], b = new FileReader();
+        b.onload = () => oe(b.result), b.readAsDataURL(o);
       }, u.click();
     }, He = (u) => /^data:image\/(png|jpg|jpeg|gif);base64,/.test(u), F = (u) => {
       setTimeout(() => {
@@ -279,8 +279,8 @@ const It = { key: 1 }, Vt = {
             }
         }
       }, 100);
-      const { items: n } = u.clipboardData;
-      n.length && n[0].getAsString((b) => {
+      const { items: o } = u.clipboardData;
+      o.length && o[0].getAsString((b) => {
         He(b) && (x.value.getQuill().getSelection() || x.value.getQuill().setSelection(x.value.getQuill().getLength() - 1));
       });
     }, _ = () => {
@@ -298,33 +298,33 @@ const It = { key: 1 }, Vt = {
     const ye = v(100), ce = v(!1), Te = (u) => {
       var b, P;
       ye.value = u;
-      const n = (b = window.getSelection()) == null ? void 0 : b.focusNode;
-      n && n.nodeName !== "#text" && (x.value.getQuill().format("width", `${ye.value}%`), (P = n == null ? void 0 : n.querySelector("img")) == null || P.setAttribute("style", "margin:auto;display:block;"));
+      const o = (b = window.getSelection()) == null ? void 0 : b.focusNode;
+      o && o.nodeName !== "#text" && (x.value.getQuill().format("width", `${ye.value}%`), (P = o == null ? void 0 : o.querySelector("img")) == null || P.setAttribute("style", "margin:auto;display:block;"));
     }, be = (u = "left") => {
       var b, P;
-      const n = (b = window.getSelection()) == null ? void 0 : b.focusNode;
-      if (n && n.nodeName !== "#text") {
+      const o = (b = window.getSelection()) == null ? void 0 : b.focusNode;
+      if (o && o.nodeName !== "#text") {
         let se = "float:left";
-        u == "center" ? se = "" : u == "right" && (se = "float:right"), (P = n == null ? void 0 : n.querySelector("img")) == null || P.setAttribute("style", `margin:auto;display:block;${se}`);
+        u == "center" ? se = "" : u == "right" && (se = "float:right"), (P = o == null ? void 0 : o.querySelector("img")) == null || P.setAttribute("style", `margin:auto;display:block;${se}`);
       }
     }, Me = () => {
       var b, P;
-      const u = (b = window.getSelection()) == null ? void 0 : b.focusNode, n = (u == null ? void 0 : u.nodeType) === Node.ELEMENT_NODE ? u == null ? void 0 : u.innerHTML : (P = u == null ? void 0 : u.parentElement) == null ? void 0 : P.innerHTML;
-      ce.value = typeof n == "string" && (n == null ? void 0 : n.includes("<img"));
+      const u = (b = window.getSelection()) == null ? void 0 : b.focusNode, o = (u == null ? void 0 : u.nodeType) === Node.ELEMENT_NODE ? u == null ? void 0 : u.innerHTML : (P = u == null ? void 0 : u.parentElement) == null ? void 0 : P.innerHTML;
+      ce.value = typeof o == "string" && (o == null ? void 0 : o.includes("<img"));
     }, K = v(!1), G = v(3), Le = v(3), Fe = $e(() => {
       let u = [];
-      for (let n = 1; n < 30; n++)
+      for (let o = 1; o < 30; o++)
         u.push({
-          label: n.toString(),
-          value: n.toString()
+          label: o.toString(),
+          value: o.toString()
         });
       return u;
     }), Ge = $e(() => {
       let u = [];
-      for (let n = 1; n < 12; n++)
+      for (let o = 1; o < 12; o++)
         u.push({
-          label: n.toString(),
-          value: n.toString()
+          label: o.toString(),
+          value: o.toString()
         });
       return u;
     }), Ye = () => {
@@ -336,14 +336,14 @@ const It = { key: 1 }, Vt = {
       (u) => {
         u || x.value.getQuill().setContents([], "silent");
       }
-    ), (u, n) => (m(), N(w(st), {
-      label: o.label,
-      hint: o.hint,
-      "error-message": o.errorMessage,
-      "is-required": o.isRequired,
-      "label-icon": o.labelIcon,
-      "tooltip-text": o.tooltipText,
-      "tooltip-options": o.tooltipOptions
+    ), (u, o) => (m(), N(w(st), {
+      label: n.label,
+      hint: n.hint,
+      "error-message": n.errorMessage,
+      "is-required": n.isRequired,
+      "label-icon": n.labelIcon,
+      "tooltip-text": n.tooltipText,
+      "tooltip-options": n.tooltipOptions
     }, {
       default: W(() => [
         (m(), N(mt, { to: "body" }, [
@@ -351,7 +351,7 @@ const It = { key: 1 }, Vt = {
             size: "small",
             title: "Insert table",
             modelValue: K.value,
-            "onUpdate:modelValue": n[2] || (n[2] = (b) => K.value = b),
+            "onUpdate:modelValue": o[2] || (o[2] = (b) => K.value = b),
             class: "!w-full !h-full",
             confirmButtonProps: {
               label: "Save",
@@ -361,14 +361,14 @@ const It = { key: 1 }, Vt = {
             default: W(() => [
               L(w(Ze), {
                 modelValue: Le.value,
-                "onUpdate:modelValue": n[0] || (n[0] = (b) => Le.value = b),
+                "onUpdate:modelValue": o[0] || (o[0] = (b) => Le.value = b),
                 options: Ge.value,
                 label: "Table cell",
                 class: "mb-3"
               }, null, 8, ["modelValue", "options"]),
               L(w(Ze), {
                 modelValue: G.value,
-                "onUpdate:modelValue": n[1] || (n[1] = (b) => G.value = b),
+                "onUpdate:modelValue": o[1] || (o[1] = (b) => G.value = b),
                 options: Fe.value,
                 label: "Table rows"
               }, null, 8, ["modelValue", "options"])
@@ -377,7 +377,7 @@ const It = { key: 1 }, Vt = {
           }, 8, ["modelValue", "confirmButtonProps"])
         ])),
         h("div", {
-          class: Q(["grid", { "has-error": o.errorMessage }]),
+          class: Q(["grid", { "has-error": n.errorMessage }]),
           onClick: Me
         }, [
           z.value ? (m(), N(w(bt), {
@@ -385,7 +385,7 @@ const It = { key: 1 }, Vt = {
             id: `#${z.value}`,
             ref_key: "quill",
             ref: x,
-            content: o.modelValue,
+            content: n.modelValue,
             options: {
               bounds: `#${z.value}`
             },
@@ -393,7 +393,7 @@ const It = { key: 1 }, Vt = {
             theme: "snow",
             "content-type": "html",
             class: "min-h-[200px]",
-            placeholder: o.placeholder,
+            placeholder: n.placeholder,
             "onUpdate:content": ie,
             onPaste: F
           }, {
@@ -419,17 +419,17 @@ const It = { key: 1 }, Vt = {
                       onClick: Oe
                     }, null, 8, ["class"])
                   ]),
-                  n[16] || (n[16] = h("div", { class: "border-l border-oc-gray-200" }, null, -1))
+                  o[16] || (o[16] = h("div", { class: "border-l border-oc-gray-200" }, null, -1))
                 ], 64)) : D("", !0),
                 f.value.includes("font-size") ? (m(), E(ge, { key: 1 }, [
                   L(w(rt), {
                     modelValue: j.value,
-                    "onUpdate:modelValue": n[3] || (n[3] = (b) => j.value = b),
+                    "onUpdate:modelValue": o[3] || (o[3] = (b) => j.value = b),
                     class: "px-5"
                   }, {
                     menu: W(() => [
                       h("div", Rt, [
-                        (m(!0), E(ge, null, Ke(o.fontSizes, (b) => (m(), E("div", {
+                        (m(!0), E(ge, null, Ke(n.fontSizes, (b) => (m(), E("div", {
                           key: b.value,
                           class: Q(["min-w-[120px] cursor-pointer py-2 px-3 hover:bg-oc-gray-50", q.value === b.value ? "font-medium" : ""]),
                           onClick: (P) => Ue(b.value)
@@ -440,7 +440,7 @@ const It = { key: 1 }, Vt = {
                       var b;
                       return [
                         h("div", Bt, [
-                          ve(Pe((b = o.fontSizes.find((P) => P.value === q.value)) == null ? void 0 : b.label) + " ", 1),
+                          ve(Pe((b = n.fontSizes.find((P) => P.value === q.value)) == null ? void 0 : b.label) + " ", 1),
                           L(w(A), {
                             width: "20",
                             height: "20",
@@ -452,7 +452,7 @@ const It = { key: 1 }, Vt = {
                     }),
                     _: 1
                   }, 8, ["modelValue"]),
-                  n[17] || (n[17] = h("div", { class: "border-l border-oc-gray-200" }, null, -1))
+                  o[17] || (o[17] = h("div", { class: "border-l border-oc-gray-200" }, null, -1))
                 ], 64)) : D("", !0),
                 f.value.includes("font-style") ? (m(), E(ge, { key: 2 }, [
                   h("div", Ot, [
@@ -478,7 +478,7 @@ const It = { key: 1 }, Vt = {
                       onClick: Ie
                     }, null, 8, ["class"])
                   ]),
-                  n[18] || (n[18] = h("div", { class: "border-l border-oc-gray-200" }, null, -1))
+                  o[18] || (o[18] = h("div", { class: "border-l border-oc-gray-200" }, null, -1))
                 ], 64)) : D("", !0),
                 h("div", Ut, [
                   f.value.includes("link") ? (m(), N(w(A), {
@@ -518,67 +518,67 @@ const It = { key: 1 }, Vt = {
                     width: "20",
                     height: "20",
                     name: "table",
-                    onClick: n[4] || (n[4] = (b) => K.value = !K.value)
+                    onClick: o[4] || (o[4] = (b) => K.value = !K.value)
                   })
                 ]),
                 f.value.includes("list") ? (m(), E(ge, { key: 3 }, [
-                  n[19] || (n[19] = h("div", { class: "border-l border-oc-gray-200" }, null, -1)),
+                  o[19] || (o[19] = h("div", { class: "border-l border-oc-gray-200" }, null, -1)),
                   h("div", Dt, [
                     L(w(A), {
                       class: Q(["cursor-pointer", ae.value === "bullet" ? "text-oc-text" : "text-oc-text-300"]),
                       width: "20",
                       height: "20",
                       name: "text-editor/bullet",
-                      onClick: n[5] || (n[5] = (b) => Ve("bullet"))
+                      onClick: o[5] || (o[5] = (b) => Ve("bullet"))
                     }, null, 8, ["class"]),
                     L(w(A), {
                       class: Q(["cursor-pointer", ae.value === "ordered" ? "text-oc-text" : "text-oc-text-300"]),
                       width: "20",
                       height: "20",
                       name: "text-editor/number",
-                      onClick: n[6] || (n[6] = (b) => Ve("ordered"))
+                      onClick: o[6] || (o[6] = (b) => Ve("ordered"))
                     }, null, 8, ["class"])
                   ])
                 ], 64)) : D("", !0),
                 f.value.includes("alignment") ? (m(), E(ge, { key: 4 }, [
-                  n[20] || (n[20] = h("div", { class: "border-l border-oc-gray-200" }, null, -1)),
+                  o[20] || (o[20] = h("div", { class: "border-l border-oc-gray-200" }, null, -1)),
                   h("div", Ht, [
                     L(w(A), {
                       class: Q(["cursor-pointer", ee.value ? "text-oc-text-300" : "text-oc-text"]),
                       width: "20",
                       height: "20",
                       name: "text-editor/left",
-                      onClick: n[7] || (n[7] = (b) => he())
+                      onClick: o[7] || (o[7] = (b) => he())
                     }, null, 8, ["class"]),
                     L(w(A), {
                       class: Q(["cursor-pointer", ee.value === "center" ? "text-oc-text" : "text-oc-text-300"]),
                       width: "20",
                       height: "20",
                       name: "text-editor/center",
-                      onClick: n[8] || (n[8] = (b) => he("center"))
+                      onClick: o[8] || (o[8] = (b) => he("center"))
                     }, null, 8, ["class"]),
                     L(w(A), {
                       class: Q(["cursor-pointer", ee.value === "right" ? "text-oc-text" : "text-oc-text-300"]),
                       width: "20",
                       height: "20",
                       name: "text-editor/right",
-                      onClick: n[9] || (n[9] = (b) => he("right"))
+                      onClick: o[9] || (o[9] = (b) => he("right"))
                     }, null, 8, ["class"]),
                     L(w(A), {
                       class: Q(["cursor-pointer", ee.value === "justify" ? "text-oc-text" : "text-oc-text-300"]),
                       width: "20",
                       height: "20",
                       name: "text-editor/justify",
-                      onClick: n[10] || (n[10] = (b) => he("justify"))
+                      onClick: o[10] || (o[10] = (b) => he("justify"))
                     }, null, 8, ["class"])
                   ])
                 ], 64)) : D("", !0),
-                n[22] || (n[22] = h("div", { class: "border-l border-oc-gray-200" }, null, -1)),
+                o[22] || (o[22] = h("div", { class: "border-l border-oc-gray-200" }, null, -1)),
                 h("div", Mt, [
                   L(w(Vt), {
                     modelValue: de.value,
                     "onUpdate:modelValue": [
-                      n[11] || (n[11] = (b) => de.value = b),
+                      o[11] || (o[11] = (b) => de.value = b),
                       qe
                     ],
                     "hide-input-color": ""
@@ -597,7 +597,7 @@ const It = { key: 1 }, Vt = {
                     _: 1
                   }, 8, ["modelValue"])
                 ]),
-                n[23] || (n[23] = h("div", { class: "border-l border-oc-gray-200" }, null, -1)),
+                o[23] || (o[23] = h("div", { class: "border-l border-oc-gray-200" }, null, -1)),
                 ce.value ? (m(), E("div", At, [
                   L(w(Ae), {
                     label: "Image width",
@@ -613,21 +613,21 @@ const It = { key: 1 }, Vt = {
                       width: "20",
                       height: "20",
                       name: "text-editor/left",
-                      onClick: n[12] || (n[12] = (b) => be())
+                      onClick: o[12] || (o[12] = (b) => be())
                     }),
                     L(w(A), {
                       class: "cursor-pointer",
                       width: "20",
                       height: "20",
                       name: "text-editor/center",
-                      onClick: n[13] || (n[13] = (b) => be("center"))
+                      onClick: o[13] || (o[13] = (b) => be("center"))
                     }),
                     L(w(A), {
                       class: "cursor-pointer",
                       width: "20",
                       height: "20",
                       name: "text-editor/right",
-                      onClick: n[14] || (n[14] = (b) => be("right"))
+                      onClick: o[14] || (o[14] = (b) => be("right"))
                     })
                   ])
                 ])) : D("", !0),
@@ -638,8 +638,8 @@ const It = { key: 1 }, Vt = {
                     viewBox: "0 0 15 15",
                     fill: "none",
                     xmlns: "http://www.w3.org/2000/svg",
-                    onClick: n[15] || (n[15] = (b) => Xe())
-                  }, [...n[21] || (n[21] = [
+                    onClick: o[15] || (o[15] = (b) => Xe())
+                  }, [...o[21] || (o[21] = [
                     h("path", {
                       "fill-rule": "evenodd",
                       "clip-rule": "evenodd",
@@ -667,8 +667,8 @@ const It = { key: 1 }, Vt = {
   emits: {
     "update:modelValue": []
   },
-  setup(o, { emit: V }) {
-    const r = o, y = V, d = v(""), f = (p) => {
+  setup(n, { emit: V }) {
+    const r = n, y = V, d = v(""), f = (p) => {
       d.value = p, d.value = `#${p.replace(/#/g, "")}`;
     }, C = () => {
       let p = d.value;
@@ -731,8 +731,8 @@ const It = { key: 1 }, Vt = {
     "update-rgb-value": [],
     "update-hsl-value": []
   },
-  setup(o, { emit: V }) {
-    const r = o, y = V, d = v({
+  setup(n, { emit: V }) {
+    const r = n, y = V, d = v({
       r: 0,
       g: 0,
       b: 0
@@ -817,8 +817,8 @@ const It = { key: 1 }, Vt = {
   emits: {
     "update:modelValue": []
   },
-  setup(o, { emit: V }) {
-    const r = o, y = V, d = v(""), f = (p) => {
+  setup(n, { emit: V }) {
+    const r = n, y = V, d = v(""), f = (p) => {
       d.value = p;
     }, C = () => {
       let p = parseInt(d.value);
@@ -850,8 +850,8 @@ const It = { key: 1 }, Vt = {
     modelValue: { default: "RGB", type: String }
   },
   emits: ["update:model-value"],
-  setup(o, { emit: V }) {
-    const y = v(o.modelValue), d = V, f = (C) => {
+  setup(n, { emit: V }) {
+    const y = v(n.modelValue), d = V, f = (C) => {
       y.value = C, d("update:model-value", C);
     };
     return (C, p) => (m(), N(w(Ze), {
@@ -880,7 +880,7 @@ const It = { key: 1 }, Vt = {
     modelValue: { default: 0, type: Number }
   },
   emits: ["update:modelValue", "onInput"],
-  setup(o, { emit: V }) {
+  setup(n, { emit: V }) {
     const r = Re("opacitySlider"), y = V, d = (f) => {
       y("update:modelValue", parseInt(f.target.value)), y("onInput", f);
     };
@@ -889,7 +889,7 @@ const It = { key: 1 }, Vt = {
         h("input", {
           ref_key: "opacitySlider",
           ref: r,
-          value: o.modelValue,
+          value: n.modelValue,
           class: "opacity__slider",
           type: "range",
           min: "0",
@@ -905,7 +905,7 @@ const It = { key: 1 }, Vt = {
     gradientType: String
   },
   emits: ["onAddColor", "onMouseDown", "onDeleteColor"],
-  setup(o, { emit: V }) {
+  setup(n, { emit: V }) {
     const r = Re("gradientBar"), y = v(), d = V, f = (T) => {
       T.preventDefault();
     }, C = v("left:0"), p = v(!1), a = (T) => {
@@ -939,8 +939,8 @@ const It = { key: 1 }, Vt = {
       ], 6),
       h("div", {
         class: Q(["gradient-bar", {
-          "mt-[20px]": o.gradientType === "linear",
-          "mt-[12px]": o.gradientType === "radial"
+          "mt-[20px]": n.gradientType === "linear",
+          "mt-[12px]": n.gradientType === "radial"
         }]),
         onMousedown: a,
         onDragstart: f
@@ -960,13 +960,13 @@ const It = { key: 1 }, Vt = {
     modelValue: { default: 0, type: Number }
   },
   emits: ["update:modelValue", "onInput", "onChange"],
-  setup(o, { emit: V }) {
+  setup(n, { emit: V }) {
     const r = V, y = (d) => {
       r("update:modelValue", parseFloat(d.target.value)), r("onInput", d);
     };
     return (d, f) => (m(), E("div", Zt, [
       h("input", {
-        value: o.modelValue,
+        value: n.modelValue,
         class: "picker-hue-range-slider",
         type: "range",
         min: "0",
@@ -993,7 +993,7 @@ const It = { key: 1 }, Vt = {
     percentageY: { default: 50, type: Number }
   },
   emits: ["update:angle", "update:percentageX", "update:percentageY", "onInput"],
-  setup(o, { emit: V }) {
+  setup(n, { emit: V }) {
     const r = v(!1), y = v(!1);
     Je(() => {
       r.value = !0, y.value = !0;
@@ -1013,10 +1013,10 @@ const It = { key: 1 }, Vt = {
       }
     };
     return (C, p) => (m(), E("div", el, [
-      o.gradientType == "linear" && r.value ? (m(), N(w(Ae), {
+      n.gradientType == "linear" && r.value ? (m(), N(w(Ae), {
         key: 0,
         label: "Angle",
-        "model-value": o.angle,
+        "model-value": n.angle,
         "min-limit": 0,
         "max-limit": 360,
         "onUpdate:modelValue": p[0] || (p[0] = (a) => f(a, "angle"))
@@ -1030,10 +1030,10 @@ const It = { key: 1 }, Vt = {
         ])]),
         _: 1
       }, 8, ["model-value"])) : D("", !0),
-      o.gradientType == "radial" && y.value ? (m(), E("div", tl, [
+      n.gradientType == "radial" && y.value ? (m(), E("div", tl, [
         L(w(Ae), {
           label: "Position X",
-          "model-value": o.percentageX,
+          "model-value": n.percentageX,
           "min-limit": 0,
           "max-limit": 100,
           "onUpdate:modelValue": p[1] || (p[1] = (a) => f(a, "percentageX"))
@@ -1048,7 +1048,7 @@ const It = { key: 1 }, Vt = {
         }, 8, ["model-value"]),
         L(w(Ae), {
           label: "Position Y",
-          "model-value": o.percentageY,
+          "model-value": n.percentageY,
           "min-limit": 0,
           "max-limit": 100,
           "onUpdate:modelValue": p[2] || (p[2] = (a) => f(a, "percentageY"))
@@ -1067,7 +1067,7 @@ const It = { key: 1 }, Vt = {
 }, al = {
   __name: "PickerWrap",
   emits: ["onMouseDown"],
-  setup(o) {
+  setup(n) {
     const V = Re("canvas"), r = Re("pickerWrap"), y = Re("pickerPointer"), d = (f) => {
       f.preventDefault();
     };
@@ -1117,18 +1117,18 @@ const It = { key: 1 }, Vt = {
     modelValue: String
   },
   emits: ["onChangeMode"],
-  setup(o) {
+  setup(n) {
     return (V, r) => (m(), E("div", nl, [
       h("button", {
         type: "button",
-        class: Q(o.mode == "solid" ? "active" : ""),
+        class: Q(n.mode == "solid" ? "active" : ""),
         style: { padding: "7px" },
         onClick: r[0] || (r[0] = (y) => V.$emit("onChangeMode", "solid"))
       }, [
-        o.modelValue && o.mode == "solid" ? (m(), E("div", {
+        n.modelValue && n.mode == "solid" ? (m(), E("div", {
           key: 0,
           class: "w-[28px] h-[28px] rounded-full border",
-          style: te(`background:${o.modelValue}`)
+          style: te(`background:${n.modelValue}`)
         }, null, 4)) : (m(), E("svg", ol, [...r[3] || (r[3] = [
           h("g", { opacity: "0.5" }, [
             h("path", {
@@ -1140,14 +1140,14 @@ const It = { key: 1 }, Vt = {
       ], 2),
       h("button", {
         type: "button",
-        class: Q(o.gradientType == "linear" && o.mode != "solid" ? "active" : ""),
-        style: te(`${o.iconClasses.linear ? "" : "padding: 7px;"}`),
+        class: Q(n.gradientType == "linear" && n.mode != "solid" ? "active" : ""),
+        style: te(`${n.iconClasses.linear ? "" : "padding: 7px;"}`),
         onClick: r[1] || (r[1] = (y) => V.$emit("onChangeMode", "linear"))
       }, [
         h("div", {
           class: "w-[28px] h-[28px] rounded-full border",
           style: te(
-            o.modelValue && o.gradientType == "linear" && o.mode != "solid" ? `background:${o.modelValue}` : `
+            n.modelValue && n.gradientType == "linear" && n.mode != "solid" ? `background:${n.modelValue}` : `
           background: linear-gradient(
             180deg,
             #03102f 0%,
@@ -1159,14 +1159,14 @@ const It = { key: 1 }, Vt = {
       ], 6),
       h("button", {
         type: "button",
-        class: Q(o.gradientType == "radial" && o.mode != "solid" ? "active" : ""),
-        style: te(`${o.iconClasses.radial ? "" : "padding: 6px;"}`),
+        class: Q(n.gradientType == "radial" && n.mode != "solid" ? "active" : ""),
+        style: te(`${n.iconClasses.radial ? "" : "padding: 6px;"}`),
         onClick: r[2] || (r[2] = (y) => V.$emit("onChangeMode", "radial"))
       }, [
         h("div", {
           class: "w-[28px] h-[28px] rounded-full border",
           style: te(
-            o.modelValue && o.gradientType == "radial" && o.mode != "solid" ? `background:${o.modelValue}` : "background: radial-gradient(circle at 50% 50%, rgb(255, 255, 255) 0%, rgb(3, 16, 47) 100%);"
+            n.modelValue && n.gradientType == "radial" && n.mode != "solid" ? `background:${n.modelValue}` : "background: radial-gradient(circle at 50% 50%, rgb(255, 255, 255) 0%, rgb(3, 16, 47) 100%);"
           )
         }, null, 4)
       ], 6)
@@ -1220,8 +1220,8 @@ const It = { key: 1 }, Vt = {
     lastUsedColors: Array
   },
   emits: ["update:modelValue", "last-used-pick"],
-  setup(o, { emit: V }) {
-    const r = o, y = v(r.variant == "gradient" ? "gradient" : "solid"), d = v(null), f = V, C = v(r.modelValue), p = (t) => {
+  setup(n, { emit: V }) {
+    const r = n, y = v(r.variant == "gradient" ? "gradient" : "solid"), d = v(null), f = V, C = v(r.modelValue), p = (t) => {
       C.value = t, X.value && f("update:modelValue", t);
     }, a = v([
       { id: 1, r: 68, g: 71, b: 119, a: 100, percent: 0, hue: 0, select: !0 },
@@ -1498,7 +1498,7 @@ const It = { key: 1 }, Vt = {
         }
       } else
         oe.value = e, G(), K();
-    }, n = (t) => {
+    }, o = (t) => {
       q.h = t.h, q.s = t.s, q.l = t.l;
       const e = a.value.find((l) => l.select == !0);
       if (e && !Number.isNaN(q.h) && !Number.isNaN(q.s) && !Number.isNaN(q.l)) {
@@ -1648,21 +1648,21 @@ const It = { key: 1 }, Vt = {
     }), (t, e) => (m(), E("div", {
       ref_key: "pickerTemplateRef",
       ref: d,
-      class: Q(["ck-cp-container", o.disabled ? "ck-cp-disabled " : ""]),
-      "cp-theme": o.theme
+      class: Q(["ck-cp-container", n.disabled ? "ck-cp-disabled " : ""]),
+      "cp-theme": n.theme
     }, [
-      o.variant == "gradient" ? (m(), E("div", rl, [
+      n.variant == "gradient" ? (m(), E("div", rl, [
         L(il, {
           class: "mr-auto",
-          variant: o.variant,
+          variant: n.variant,
           mode: y.value,
-          "model-value": o.modelValue,
-          iconClasses: o.iconClasses,
+          "model-value": n.modelValue,
+          iconClasses: n.iconClasses,
           gradientType: T.value,
           onOnChangeMode: ut
         }, null, 8, ["variant", "mode", "model-value", "iconClasses", "gradientType"])
       ])) : D("", !0),
-      y.value == "gradient" && o.variant == "gradient" ? (m(), E("div", ul, [
+      y.value == "gradient" && n.variant == "gradient" ? (m(), E("div", ul, [
         L(Kt, {
           gradientType: T.value,
           onOnAddColor: qe,
@@ -1682,10 +1682,10 @@ const It = { key: 1 }, Vt = {
           onOnInput: G
         }, null, 8, ["percentageY", "angle", "percentageX", "inputType", "mode", "gradientType"])
       ])) : (m(), E("div", dl, [
-        o.presetColors ? (m(), E("div", cl, [
+        n.presetColors ? (m(), E("div", cl, [
           e[10] || (e[10] = h("div", { class: "text-oc-text-400 text-sm my-3 font-medium" }, "Choose color", -1)),
           h("div", pl, [
-            (m(!0), E(ge, null, Ke(o.presetColors, (l) => (m(), E("div", {
+            (m(!0), E(ge, null, Ke(n.presetColors, (l) => (m(), E("div", {
               key: `color-${l}`,
               class: "ck-cp-color-item !w-[32px] !h-[32px]",
               style: te(`background:${l}`),
@@ -1722,7 +1722,7 @@ const It = { key: 1 }, Vt = {
           ], -1)
         ])])) : D("", !0)
       ]),
-      o.showAlpha ? (m(), N(jt, {
+      n.showAlpha ? (m(), N(jt, {
         key: 3,
         modelValue: oe.value,
         "onUpdate:modelValue": e[5] || (e[5] = (l) => oe.value = l),
@@ -1736,7 +1736,7 @@ const It = { key: 1 }, Vt = {
           "model-value": O.value,
           "onUpdate:modelValue": pe
         }, null, 8, ["model-value"]),
-        X.value && o.showInputSet ? (m(), E("div", hl, [
+        X.value && n.showInputSet ? (m(), E("div", hl, [
           O.value == "HEX" ? (m(), N(Nt, {
             key: 0,
             modelValue: z.value,
@@ -1754,9 +1754,9 @@ const It = { key: 1 }, Vt = {
             key: 2,
             "input-type": "HSL",
             "hsl-value": q,
-            onUpdateHslValue: n
+            onUpdateHslValue: o
           }, null, 8, ["hsl-value"])) : D("", !0),
-          o.showAlpha ? (m(), N(Ft, {
+          n.showAlpha ? (m(), N(Ft, {
             key: 3,
             modelValue: oe.value,
             "onUpdate:modelValue": [
@@ -1767,7 +1767,7 @@ const It = { key: 1 }, Vt = {
         ])) : D("", !0)
       ]),
       e[12] || (e[12] = h("div", { class: "text-oc-text-400 text-sm my-3 font-medium font-inter" }, "Last used", -1)),
-      H.value.length > 0 && o.showColorList ? (m(), E("div", yl, [
+      H.value.length > 0 && n.showColorList ? (m(), E("div", yl, [
         (m(!0), E(ge, null, Ke(Z.value, (l) => (m(), E("div", {
           key: `color-${l}`,
           class: "ck-cp-color-item !w-[32px] !h-[32px]",
@@ -1803,8 +1803,8 @@ const It = { key: 1 }, Vt = {
       default: () => []
     }
   },
-  setup(o) {
-    const V = o, r = $e(() => ({
+  setup(n) {
+    const V = n, r = $e(() => ({
       grid: {
         containLabel: !1
       },
@@ -1840,15 +1840,15 @@ const It = { key: 1 }, Vt = {
         "tooltip-value-formatter": () => null
       }, null, 8, ["additional-options"]),
       h("div", $l, [
-        o.title ? (m(), E("span", wl, Pe(o.title), 1)) : D("", !0),
+        n.title ? (m(), E("span", wl, Pe(n.title), 1)) : D("", !0),
         je(y.$slots, "description", {}, () => [
-          o.description ? (m(), E("span", Sl, Pe(o.description), 1)) : D("", !0)
+          n.description ? (m(), E("span", Sl, Pe(n.description), 1)) : D("", !0)
         ])
       ])
     ]));
   }
 }, Ol = it(
-  () => import("./OcCodeBlock-CMo9zvOn.js")
+  () => import("./OcCodeBlock-DBRj4Nc-.js").then((n) => n.O)
 ), Ul = it(
   () => import("./OcLottieAnimation-DtD2oJib.js")
 );