@orchidui/dashboard 1.20.1-8 → 1.21.1-0

package/dist/{OcCodeBlock-uFQyGnLq.js → OcCodeBlock-B_LpoG2V.js}

@@ -1,9 +1,9 @@
-import { defineComponent as o, ref as i, onMounted as r, createElementBlock as s, openBlock as c } from "vue";
-import { createHighlighter as u } from "shiki";
-import m from "./Dashboard/CodeBlock/customTheme.js";
-const p = Object.freeze(JSON.parse('{"displayName":"JSON","name":"json","patterns":[{"include":"#value"}],"repository":{"array":{"begin":"\\\\[","beginCaptures":{"0":{"name":"punctuation.definition.array.begin.json"}},"end":"\\\\]","endCaptures":{"0":{"name":"punctuation.definition.array.end.json"}},"name":"meta.structure.array.json","patterns":[{"include":"#value"},{"match":",","name":"punctuation.separator.array.json"},{"match":"[^\\\\s\\\\]]","name":"invalid.illegal.expected-array-separator.json"}]},"comments":{"patterns":[{"begin":"/\\\\*\\\\*(?!/)","captures":{"0":{"name":"punctuation.definition.comment.json"}},"end":"\\\\*/","name":"comment.block.documentation.json"},{"begin":"/\\\\*","captures":{"0":{"name":"punctuation.definition.comment.json"}},"end":"\\\\*/","name":"comment.block.json"},{"captures":{"1":{"name":"punctuation.definition.comment.json"}},"match":"(//).*$\\\\n?","name":"comment.line.double-slash.js"}]},"constant":{"match":"\\\\b(?:true|false|null)\\\\b","name":"constant.language.json"},"number":{"match":"-?(?:0|[1-9]\\\\d*)(?:(?:\\\\.\\\\d+)?(?:[eE][+-]?\\\\d+)?)?","name":"constant.numeric.json"},"object":{"begin":"\\\\{","beginCaptures":{"0":{"name":"punctuation.definition.dictionary.begin.json"}},"end":"\\\\}","endCaptures":{"0":{"name":"punctuation.definition.dictionary.end.json"}},"name":"meta.structure.dictionary.json","patterns":[{"comment":"the JSON object key","include":"#objectkey"},{"include":"#comments"},{"begin":":","beginCaptures":{"0":{"name":"punctuation.separator.dictionary.key-value.json"}},"end":"(,)|(?=\\\\})","endCaptures":{"1":{"name":"punctuation.separator.dictionary.pair.json"}},"name":"meta.structure.dictionary.value.json","patterns":[{"comment":"the JSON object value","include":"#value"},{"match":"[^\\\\s,]","name":"invalid.illegal.expected-dictionary-separator.json"}]},{"match":"[^\\\\s\\\\}]","name":"invalid.illegal.expected-dictionary-separator.json"}]},"objectkey":{"begin":"\\"","beginCaptures":{"0":{"name":"punctuation.support.type.property-name.begin.json"}},"end":"\\"","endCaptures":{"0":{"name":"punctuation.support.type.property-name.end.json"}},"name":"string.json support.type.property-name.json","patterns":[{"include":"#stringcontent"}]},"string":{"begin":"\\"","beginCaptures":{"0":{"name":"punctuation.definition.string.begin.json"}},"end":"\\"","endCaptures":{"0":{"name":"punctuation.definition.string.end.json"}},"name":"string.quoted.double.json","patterns":[{"include":"#stringcontent"}]},"stringcontent":{"patterns":[{"match":"\\\\\\\\(?:[\\"\\\\\\\\/bfnrt]|u[0-9a-fA-F]{4})","name":"constant.character.escape.json"},{"match":"\\\\\\\\.","name":"invalid.illegal.unrecognized-string-escape.json"}]},"value":{"patterns":[{"include":"#constant"},{"include":"#number"},{"include":"#string"},{"include":"#array"},{"include":"#object"},{"include":"#comments"}]}},"scopeName":"source.json"}')), d = [
-  p
-], l = ["innerHTML"], h = /* @__PURE__ */ o({
+import { ref as o, onMounted as i, createElementBlock as r, openBlock as s } from "vue";
+import { createHighlighter as c } from "shiki";
+import u from "./Dashboard/CodeBlock/customTheme.js";
+const m = Object.freeze(JSON.parse('{"displayName":"JSON","name":"json","patterns":[{"include":"#value"}],"repository":{"array":{"begin":"\\\\[","beginCaptures":{"0":{"name":"punctuation.definition.array.begin.json"}},"end":"\\\\]","endCaptures":{"0":{"name":"punctuation.definition.array.end.json"}},"name":"meta.structure.array.json","patterns":[{"include":"#value"},{"match":",","name":"punctuation.separator.array.json"},{"match":"[^\\\\s\\\\]]","name":"invalid.illegal.expected-array-separator.json"}]},"comments":{"patterns":[{"begin":"/\\\\*\\\\*(?!/)","captures":{"0":{"name":"punctuation.definition.comment.json"}},"end":"\\\\*/","name":"comment.block.documentation.json"},{"begin":"/\\\\*","captures":{"0":{"name":"punctuation.definition.comment.json"}},"end":"\\\\*/","name":"comment.block.json"},{"captures":{"1":{"name":"punctuation.definition.comment.json"}},"match":"(//).*$\\\\n?","name":"comment.line.double-slash.js"}]},"constant":{"match":"\\\\b(?:true|false|null)\\\\b","name":"constant.language.json"},"number":{"match":"-?(?:0|[1-9]\\\\d*)(?:(?:\\\\.\\\\d+)?(?:[eE][+-]?\\\\d+)?)?","name":"constant.numeric.json"},"object":{"begin":"\\\\{","beginCaptures":{"0":{"name":"punctuation.definition.dictionary.begin.json"}},"end":"\\\\}","endCaptures":{"0":{"name":"punctuation.definition.dictionary.end.json"}},"name":"meta.structure.dictionary.json","patterns":[{"comment":"the JSON object key","include":"#objectkey"},{"include":"#comments"},{"begin":":","beginCaptures":{"0":{"name":"punctuation.separator.dictionary.key-value.json"}},"end":"(,)|(?=\\\\})","endCaptures":{"1":{"name":"punctuation.separator.dictionary.pair.json"}},"name":"meta.structure.dictionary.value.json","patterns":[{"comment":"the JSON object value","include":"#value"},{"match":"[^\\\\s,]","name":"invalid.illegal.expected-dictionary-separator.json"}]},{"match":"[^\\\\s\\\\}]","name":"invalid.illegal.expected-dictionary-separator.json"}]},"objectkey":{"begin":"\\"","beginCaptures":{"0":{"name":"punctuation.support.type.property-name.begin.json"}},"end":"\\"","endCaptures":{"0":{"name":"punctuation.support.type.property-name.end.json"}},"name":"string.json support.type.property-name.json","patterns":[{"include":"#stringcontent"}]},"string":{"begin":"\\"","beginCaptures":{"0":{"name":"punctuation.definition.string.begin.json"}},"end":"\\"","endCaptures":{"0":{"name":"punctuation.definition.string.end.json"}},"name":"string.quoted.double.json","patterns":[{"include":"#stringcontent"}]},"stringcontent":{"patterns":[{"match":"\\\\\\\\(?:[\\"\\\\\\\\/bfnrt]|u[0-9a-fA-F]{4})","name":"constant.character.escape.json"},{"match":"\\\\\\\\.","name":"invalid.illegal.unrecognized-string-escape.json"}]},"value":{"patterns":[{"include":"#constant"},{"include":"#number"},{"include":"#string"},{"include":"#array"},{"include":"#object"},{"include":"#comments"}]}},"scopeName":"source.json"}')), p = [
+  m
+], d = ["innerHTML"], y = {
   __name: "OcCodeBlock",
   props: {
     jsonObject: {
@@ -16,22 +16,22 @@ const p = Object.freeze(JSON.parse('{"displayName":"JSON","name":"json","pattern
     }
   },
   setup(a) {
-    const n = a, e = i();
-    return r(async () => {
-      const t = await u({
-        themes: [m],
-        langs: [d]
+    const n = a, e = o();
+    return i(async () => {
+      const t = await c({
+        themes: [u],
+        langs: [p]
       });
       e.value = t.codeToHtml(n.jsonObject, {
         theme: "Custom Theme",
         lang: n.lang
       });
-    }), (t, g) => (c(), s("div", {
+    }), (t, l) => (s(), r("div", {
       class: "p-5 rounded bg-oc-gray-900 code-block",
       innerHTML: e.value
-    }, null, 8, l));
+    }, null, 8, d));
   }
-});
+};
 export {
-  h as default
+  y as default
 };

package/dist/index.js

@@ -1,16 +1,16 @@
 var pt = Object.defineProperty;
 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 P, 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 H, onMounted as Je, watch as fe, createElementVNode as h, Teleport as mt, Fragment as ge, createTextVNode as ve, toDisplayString as Ne, renderList as Ke, withKeys as ot, inject as Re, reactive as _e, provide as Be, nextTick as ft, withDirectives as ht, vShow as yt, defineComponent as bt, defineAsyncComponent as it } from "vue";
-import { Q as Y, a as xt } from "./QuillEditor-DwCbpq2d.js";
-import { BaseInput as st, Dropdown as rt, Input as we, Icon as A, Modal as kt, Select as Ze, Slider as Ae } from "@orchidui/core";
-import { rgbToHsl as et, rgb2Hex as tt, rgbaToHex8 as $t, hsl2Hex as lt, hexToRgb as ze, rgbToHue as Qe, hslToRgb as at, hex8ToRgba as wt, parseRgba as St, parseRgb as Ct } from "./Dashboard/ColorPicker/components/converters.js";
-import { PieChart as It } from "./Dashboard/Charts/PieChart/OcPieChart.js";
-import { LineChart as Ql } from "./Dashboard/Charts/LineChart/OcLineChart.js";
-import { BarChart as Nl } from "./Dashboard/Charts/BarChart/OcBarChart.js";
-import { BarRaceChart as Xl } from "./Dashboard/Charts/BarRaceChart/OcBarRaceChart.js";
-import { _ as Fl } from "./OcCard-D3be6IMj.js";
-const Vt = { key: 1 }, Tt = {
+import { ref as v, computed as $e, createBlock as P, 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 H, onMounted as Je, watch as fe, createElementVNode as h, Teleport as mt, Fragment as ge, createTextVNode as ve, toDisplayString as Ne, 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-DwCbpq2d.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";
+import { rgbToHsl as et, rgb2Hex as tt, rgbaToHex8 as kt, hsl2Hex as lt, hexToRgb as ze, rgbToHue as Qe, hslToRgb as at, hex8ToRgba as $t, parseRgba as wt, parseRgb as St } from "./Dashboard/ColorPicker/components/converters.js";
+import { PieChart as Ct } from "./Dashboard/Charts/PieChart/OcPieChart.js";
+import { LineChart as Ml } from "./Dashboard/Charts/LineChart/OcLineChart.js";
+import { BarChart as Al } from "./Dashboard/Charts/BarChart/OcBarChart.js";
+import { BarRaceChart as Pl } from "./Dashboard/Charts/BarRaceChart/OcBarRaceChart.js";
+import { _ as ql } from "./OcCard-D3be6IMj.js";
+const It = { key: 1 }, Vt = {
   __name: "OcColorPicker",
   props: {
     modelValue: {
@@ -87,7 +87,7 @@ const Vt = { key: 1 }, Tt = {
           }
         }, {
           menu: W(() => [
-            B.value ? H("", !0) : (m(), P(w(kl), {
+            B.value ? H("", !0) : (m(), P(w(xl), {
               key: 0,
               variant: n.variant,
               "show-alpha": !n.hideOpacity,
@@ -100,7 +100,7 @@ const Vt = { key: 1 }, Tt = {
             }, null, 8, ["variant", "show-alpha", "type", "model-value", "last-used-colors", "preset-colors"]))
           ]),
           default: W(() => [
-            n.hideInputColor ? (m(), E("div", Vt, [
+            n.hideInputColor ? (m(), E("div", It, [
               je(U.$slots, "picker-icon", {}, () => [
                 L(w(A), {
                   class: "cursor-pointer",
@@ -131,10 +131,10 @@ const Vt = { key: 1 }, Tt = {
       _: 3
     }, 8, ["class"]));
   }
-}, Lt = ["id"], Bt = { class: "flex items-center gap-x-3 px-5" }, Rt = { class: "flex items-center gap-x-5 cursor-pointer" }, Et = { class: "flex flex-col py-2 overflow-hidden" }, Ut = ["onClick"], Dt = { class: "flex gap-x-3 items-center px-5" }, Ht = { class: "flex items-center gap-x-3 px-5" }, Ot = { class: "flex gap-x-3 items-center px-5" }, Mt = { class: "flex gap-x-3 items-center px-5" }, Qt = { class: "flex items-center" }, At = { class: "grid cursor-pointer px-5" }, Nt = {
+}, Tt = ["id"], Lt = { class: "flex items-center gap-x-3 px-5" }, Bt = { class: "flex items-center gap-x-5 cursor-pointer" }, Rt = { class: "flex flex-col py-2 overflow-hidden" }, Et = ["onClick"], Ut = { class: "flex gap-x-3 items-center px-5" }, Dt = { class: "flex items-center gap-x-3 px-5" }, Ht = { class: "flex gap-x-3 items-center px-5" }, Ot = { class: "flex gap-x-3 items-center px-5" }, Mt = { class: "flex items-center" }, Qt = { class: "grid cursor-pointer px-5" }, At = {
   key: 5,
   class: "flex gap-x-3 items-center px-5"
-}, Pt = { class: "flex" }, Xt = { class: "mt-1 mx-2 cursor-pointer" }, El = {
+}, Nt = { class: "flex" }, Pt = { class: "mt-1 mx-2 cursor-pointer" }, Rl = {
   __name: "OcTextEditor",
   props: {
     /**
@@ -340,7 +340,7 @@ const Vt = { key: 1 }, Tt = {
     }, {
       default: W(() => [
         (m(), P(mt, { to: "body" }, [
-          L(w(kt), {
+          L(w(xt), {
             size: "small",
             title: "Insert table",
             modelValue: K.value,
@@ -373,7 +373,7 @@ const Vt = { key: 1 }, Tt = {
           class: Q(["grid", { "has-error": n.errorMessage }]),
           onClick: Me
         }, [
-          z.value ? (m(), P(w(xt), {
+          z.value ? (m(), P(w(bt), {
             key: 0,
             id: `#${z.value}`,
             ref_key: "quill",
@@ -396,7 +396,7 @@ const Vt = { key: 1 }, Tt = {
                 class: "flex min-h-[36px] flex-wrap !py-2 !px-3 gap-y-2 rounded-t"
               }, [
                 f.value.includes("changes") ? (m(), E(ge, { key: 0 }, [
-                  h("div", Bt, [
+                  h("div", Lt, [
                     L(w(A), {
                       class: Q(U.value ? "text-oc-text cursor-pointer" : "text-oc-text-300"),
                       width: "20",
@@ -421,18 +421,18 @@ const Vt = { key: 1 }, Tt = {
                     class: "px-5"
                   }, {
                     menu: W(() => [
-                      h("div", Et, [
+                      h("div", Rt, [
                         (m(!0), E(ge, null, Ke(n.fontSizes, (x) => (m(), E("div", {
                           key: x.value,
                           class: Q(["min-w-[120px] cursor-pointer py-2 px-3 hover:bg-oc-gray-50", X.value === x.value ? "font-medium" : ""]),
                           onClick: (G) => De(x.value)
-                        }, Ne(x.label), 11, Ut))), 128))
+                        }, Ne(x.label), 11, Et))), 128))
                       ])
                     ]),
                     default: W(() => {
                       var x;
                       return [
-                        h("div", Rt, [
+                        h("div", Bt, [
                           ve(Ne((x = n.fontSizes.find((G) => G.value === X.value)) == null ? void 0 : x.label) + " ", 1),
                           L(w(A), {
                             width: "20",
@@ -448,7 +448,7 @@ const Vt = { key: 1 }, Tt = {
                   o[17] || (o[17] = h("div", { class: "border-l border-oc-gray-200" }, null, -1))
                 ], 64)) : H("", !0),
                 f.value.includes("font-style") ? (m(), E(ge, { key: 2 }, [
-                  h("div", Dt, [
+                  h("div", Ut, [
                     L(w(A), {
                       class: Q(["cursor-pointer", D.value ? "text-oc-text" : "text-oc-text-300"]),
                       width: "20",
@@ -473,7 +473,7 @@ const Vt = { key: 1 }, Tt = {
                   ]),
                   o[18] || (o[18] = h("div", { class: "border-l border-oc-gray-200" }, null, -1))
                 ], 64)) : H("", !0),
-                h("div", Ht, [
+                h("div", Dt, [
                   f.value.includes("link") ? (m(), P(w(A), {
                     key: 0,
                     class: "cursor-pointer",
@@ -516,7 +516,7 @@ const Vt = { key: 1 }, Tt = {
                 ]),
                 f.value.includes("list") ? (m(), E(ge, { key: 3 }, [
                   o[19] || (o[19] = h("div", { class: "border-l border-oc-gray-200" }, null, -1)),
-                  h("div", Ot, [
+                  h("div", Ht, [
                     L(w(A), {
                       class: Q(["cursor-pointer", ae.value === "bullet" ? "text-oc-text" : "text-oc-text-300"]),
                       width: "20",
@@ -535,7 +535,7 @@ const Vt = { key: 1 }, Tt = {
                 ], 64)) : H("", !0),
                 f.value.includes("alignment") ? (m(), E(ge, { key: 4 }, [
                   o[20] || (o[20] = h("div", { class: "border-l border-oc-gray-200" }, null, -1)),
-                  h("div", Mt, [
+                  h("div", Ot, [
                     L(w(A), {
                       class: Q(["cursor-pointer", ee.value ? "text-oc-text-300" : "text-oc-text"]),
                       width: "20",
@@ -567,8 +567,8 @@ const Vt = { key: 1 }, Tt = {
                   ])
                 ], 64)) : H("", !0),
                 o[22] || (o[22] = h("div", { class: "border-l border-oc-gray-200" }, null, -1)),
-                h("div", Qt, [
-                  L(w(Tt), {
+                h("div", Mt, [
+                  L(w(Vt), {
                     modelValue: de.value,
                     "onUpdate:modelValue": [
                       o[11] || (o[11] = (x) => de.value = x),
@@ -577,7 +577,7 @@ const Vt = { key: 1 }, Tt = {
                     "hide-input-color": ""
                   }, {
                     "picker-icon": W(() => [
-                      h("div", At, [
+                      h("div", Qt, [
                         h("div", {
                           style: te(`color:${de.value}`)
                         }, "A", 4),
@@ -591,7 +591,7 @@ const Vt = { key: 1 }, Tt = {
                   }, 8, ["modelValue"])
                 ]),
                 o[23] || (o[23] = h("div", { class: "border-l border-oc-gray-200" }, null, -1)),
-                ce.value ? (m(), E("div", Nt, [
+                ce.value ? (m(), E("div", At, [
                   L(w(Ae), {
                     label: "Image width",
                     class: "w-[120px]",
@@ -600,7 +600,7 @@ const Vt = { key: 1 }, Tt = {
                     "max-limit": 100,
                     "onUpdate:modelValue": Te
                   }, null, 8, ["model-value"]),
-                  h("div", Pt, [
+                  h("div", Nt, [
                     L(w(A), {
                       class: "cursor-pointer",
                       width: "20",
@@ -624,7 +624,7 @@ const Vt = { key: 1 }, Tt = {
                     })
                   ])
                 ])) : H("", !0),
-                h("div", Xt, [
+                h("div", Pt, [
                   (m(), E("svg", {
                     width: "20",
                     height: "20",
@@ -641,7 +641,7 @@ const Vt = { key: 1 }, Tt = {
                     }, null, -1)
                   ])))
                 ])
-              ], 8, Lt)
+              ], 8, Tt)
             ]),
             _: 1
           }, 8, ["id", "content", "options", "placeholder"])) : H("", !0)
@@ -650,7 +650,7 @@ const Vt = { key: 1 }, Tt = {
       _: 1
     }, 8, ["label", "hint", "error-message", "is-required", "label-icon", "tooltip-text", "tooltip-options"]));
   }
-}, qt = {
+}, Xt = {
   __name: "InputHex",
   props: {
     modelValue: {
@@ -706,7 +706,7 @@ const Vt = { key: 1 }, Tt = {
       onKeyup: ot(C, ["enter"])
     }, null, 8, ["model-value"]));
   }
-}, Ft = { class: "grid grid-cols-3 gap-3" }, nt = {
+}, qt = { class: "grid grid-cols-3 gap-3" }, nt = {
   __name: "InputRgbHsl",
   props: {
     inputType: {
@@ -776,7 +776,7 @@ const Vt = { key: 1 }, Tt = {
         };
       },
       { immediate: !0, deep: !0 }
-    ), (M, T) => (m(), E("div", Ft, [
+    ), (M, T) => (m(), E("div", qt, [
       L(w(we), {
         ref_key: "rInputEl",
         ref: f,
@@ -800,7 +800,7 @@ const Vt = { key: 1 }, Tt = {
       }, null, 8, ["model-value"])
     ]));
   }
-}, Gt = {
+}, Ft = {
   __name: "InputOpacity",
   props: {
     modelValue: {
@@ -837,7 +837,7 @@ const Vt = { key: 1 }, Tt = {
       _: 1
     }, 8, ["model-value"]));
   }
-}, Yt = {
+}, Gt = {
   __name: "SelectColorFormat",
   props: {
     modelValue: { default: "RGB", type: String }
@@ -867,7 +867,7 @@ const Vt = { key: 1 }, Tt = {
       "onUpdate:modelValue": f
     }, null, 8, ["model-value"]));
   }
-}, Wt = { class: "opacity-bar" }, zt = { class: "picker-opacity-slider opacity-bar-background" }, jt = ["value"], Kt = {
+}, Yt = { class: "opacity-bar" }, Wt = { class: "picker-opacity-slider opacity-bar-background" }, zt = ["value"], jt = {
   __name: "SliderOpacity",
   props: {
     modelValue: { default: 0, type: Number }
@@ -877,8 +877,8 @@ const Vt = { key: 1 }, Tt = {
     const r = Re("opacitySlider"), y = V, u = (f) => {
       y("update:modelValue", parseInt(f.target.value)), y("onInput", f);
     };
-    return (f, C) => (m(), E("div", Wt, [
-      h("div", zt, [
+    return (f, C) => (m(), E("div", Yt, [
+      h("div", Wt, [
         h("input", {
           ref_key: "opacitySlider",
           ref: r,
@@ -888,11 +888,11 @@ const Vt = { key: 1 }, Tt = {
           min: "0",
           max: "100",
           onInput: u
-        }, null, 40, jt)
+        }, null, 40, zt)
       ])
     ]));
   }
-}, Zt = {
+}, Kt = {
   __name: "SliderGradient",
   props: {
     gradientType: String
@@ -947,7 +947,7 @@ const Vt = { key: 1 }, Tt = {
       ], 34)
     ], 512));
   }
-}, Jt = { class: "picker-hue" }, _t = ["value"], el = {
+}, Zt = { class: "picker-hue" }, Jt = ["value"], _t = {
   __name: "SliderHue",
   props: {
     modelValue: { default: 0, type: Number }
@@ -957,7 +957,7 @@ const Vt = { key: 1 }, Tt = {
     const r = V, y = (u) => {
       r("update:modelValue", parseFloat(u.target.value)), r("onInput", u);
     };
-    return (u, f) => (m(), E("div", Jt, [
+    return (u, f) => (m(), E("div", Zt, [
       h("input", {
         value: n.modelValue,
         class: "picker-hue-range-slider",
@@ -967,13 +967,13 @@ const Vt = { key: 1 }, Tt = {
         step: "0.1",
         onInput: y,
         onChange: f[0] || (f[0] = (C) => u.$emit("onChange", C))
-      }, null, 40, _t)
+      }, null, 40, Jt)
     ]));
   }
-}, tl = { class: "px-2 mt-2" }, ll = {
+}, el = { class: "px-2 mt-2" }, tl = {
   key: 1,
   class: "grid grid-cols-2 gap-4 px-1"
-}, al = {
+}, ll = {
   __name: "GradientSettings",
   props: {
     mode: {
@@ -1005,7 +1005,7 @@ const Vt = { key: 1 }, Tt = {
           break;
       }
     };
-    return (C, p) => (m(), E("div", tl, [
+    return (C, p) => (m(), E("div", el, [
       n.gradientType == "linear" && r.value ? (m(), P(w(Ae), {
         key: 0,
         label: "Angle",
@@ -1023,7 +1023,7 @@ const Vt = { key: 1 }, Tt = {
         ])),
         _: 1
       }, 8, ["model-value"])) : H("", !0),
-      n.gradientType == "radial" && y.value ? (m(), E("div", ll, [
+      n.gradientType == "radial" && y.value ? (m(), E("div", tl, [
         L(w(Ae), {
           label: "Position X",
           "model-value": n.percentageX,
@@ -1057,7 +1057,7 @@ const Vt = { key: 1 }, Tt = {
       ])) : H("", !0)
     ]));
   }
-}, nl = {
+}, al = {
   __name: "PickerWrap",
   emits: ["onMouseDown"],
   setup(n) {
@@ -1084,14 +1084,14 @@ const Vt = { key: 1 }, Tt = {
       }, null, 512)
     ], 544));
   }
-}, ol = { class: "w-full flex justify-center" }, il = {
+}, nl = { class: "w-full flex justify-center" }, ol = {
   key: 1,
   width: "28",
   height: "28",
   viewBox: "0 0 28 28",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, sl = {
+}, il = {
   __name: "ColorType",
   props: {
     variant: String,
@@ -1111,7 +1111,7 @@ const Vt = { key: 1 }, Tt = {
   },
   emits: ["onChangeMode"],
   setup(n) {
-    return (V, r) => (m(), E("div", ol, [
+    return (V, r) => (m(), E("div", nl, [
       h("button", {
         type: "button",
         class: Q(n.mode == "solid" ? "active" : ""),
@@ -1122,7 +1122,7 @@ const Vt = { key: 1 }, Tt = {
           key: 0,
           class: "w-[28px] h-[28px] rounded-full border",
           style: te(`background:${n.modelValue}`)
-        }, null, 4)) : (m(), E("svg", il, r[3] || (r[3] = [
+        }, null, 4)) : (m(), E("svg", ol, r[3] || (r[3] = [
           h("g", { opacity: "0.5" }, [
             h("path", {
               d: "M0 14C0 6.26801 6.26801 0 14 0C21.732 0 28 6.26801 28 14C28 21.732 21.732 28 14 28C6.26801 28 0 21.732 0 14Z",
@@ -1165,19 +1165,19 @@ const Vt = { key: 1 }, Tt = {
       ], 6)
     ]));
   }
-}, rl = ["cp-theme"], ul = {
+}, sl = ["cp-theme"], rl = {
   key: 0,
   class: "flex justify-end border-b h-[46px] relative mt-[-5px] mb-5"
-}, dl = {
+}, ul = {
   key: 1,
   class: "grid items-center mb-5"
-}, cl = { key: 2 }, pl = { key: 0 }, gl = { class: "ck-cp-local-color-conatiner" }, vl = ["onClick"], ml = { class: "flex items-center gap-2" }, fl = { id: "ck-cp-target-background" }, hl = { class: "flex gap-3" }, yl = {
+}, dl = { key: 2 }, cl = { key: 0 }, pl = { class: "ck-cp-local-color-conatiner" }, gl = ["onClick"], vl = { class: "flex items-center gap-2" }, ml = { id: "ck-cp-target-background" }, fl = { class: "flex gap-3" }, hl = {
   key: 0,
   class: "w-full flex gap-3"
-}, bl = {
+}, yl = {
   key: 4,
   class: "ck-cp-local-color-conatiner"
-}, xl = ["onClick"], kl = {
+}, bl = ["onClick"], xl = {
   __name: "OcColorPickerPopup",
   props: {
     modelValue: {
@@ -1425,7 +1425,7 @@ const Vt = { key: 1 }, Tt = {
         let d = "";
         switch (r.type) {
           case "HEX8":
-            d = $t(e, l, i, s / 100);
+            d = kt(e, l, i, s / 100);
             break;
           case "RGBA":
             d = `rgba(${e},${l},${i},${s / 100})`;
@@ -1582,16 +1582,16 @@ const Vt = { key: 1 }, Tt = {
         };
         if (t.includes("#"))
           if (t.length >= 8)
-            e = wt(t);
+            e = $t(t);
           else {
             let l = ze(t);
             l ? (e.a = 1, e.r = l.r, e.g = l.g, e.b = l.b) : e = null;
           }
         else if (t.includes("rgb"))
           if (t.includes("rgba"))
-            e = St(t);
+            e = wt(t);
           else {
-            let l = Ct(t);
+            let l = St(t);
             l ? (e.a = 1, e.r = l.r, e.g = l.g, e.b = l.b) : e = null;
           }
         e && (a.value[0].r = e.r, a.value[0].b = e.b, a.value[0].g = e.g, a.value[0].a = parseInt((e.a * 100).toFixed(0)), oe.value = a.value[0].a, a.value[0].hue = 0);
@@ -1644,8 +1644,8 @@ const Vt = { key: 1 }, Tt = {
       class: Q(["ck-cp-container", n.disabled ? "ck-cp-disabled " : ""]),
       "cp-theme": n.theme
     }, [
-      n.variant == "gradient" ? (m(), E("div", ul, [
-        L(sl, {
+      n.variant == "gradient" ? (m(), E("div", rl, [
+        L(il, {
           class: "mr-auto",
           variant: n.variant,
           mode: y.value,
@@ -1655,14 +1655,14 @@ const Vt = { key: 1 }, Tt = {
           onOnChangeMode: ut
         }, null, 8, ["variant", "mode", "model-value", "iconClasses", "gradientType"])
       ])) : H("", !0),
-      y.value == "gradient" && n.variant == "gradient" ? (m(), E("div", dl, [
-        L(Zt, {
+      y.value == "gradient" && n.variant == "gradient" ? (m(), E("div", ul, [
+        L(Kt, {
           gradientType: T.value,
           onOnAddColor: qe,
           onOnMouseDown: Ve,
           onOnDeleteColor: Ge
         }, null, 8, ["gradientType"]),
-        L(al, {
+        L(ll, {
           percentageY: B.percentageY,
           "onUpdate:percentageY": e[0] || (e[0] = (l) => B.percentageY = l),
           angle: B.angle,
@@ -1674,22 +1674,22 @@ const Vt = { key: 1 }, Tt = {
           gradientType: T.value,
           onOnInput: F
         }, null, 8, ["percentageY", "angle", "percentageX", "inputType", "mode", "gradientType"])
-      ])) : (m(), E("div", cl, [
-        n.presetColors ? (m(), E("div", pl, [
+      ])) : (m(), E("div", dl, [
+        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", gl, [
+          h("div", pl, [
             (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}`),
               onClick: (i) => se(l)
-            }, null, 12, vl))), 128))
+            }, null, 12, gl))), 128))
           ])
         ])) : H("", !0)
       ])),
-      L(nl, { onOnMouseDown: Pe }),
-      h("div", ml, [
-        L(el, {
+      L(al, { onOnMouseDown: Pe }),
+      h("div", vl, [
+        L(_t, {
           class: Q(M.value ? "max-w-[90%]" : ""),
           modelValue: ne.value,
           "onUpdate:modelValue": e[3] || (e[3] = (l) => ne.value = l),
@@ -1715,22 +1715,22 @@ const Vt = { key: 1 }, Tt = {
           ], -1)
         ]))) : H("", !0)
       ]),
-      n.showAlpha ? (m(), P(Kt, {
+      n.showAlpha ? (m(), P(jt, {
         key: 3,
         modelValue: oe.value,
         "onUpdate:modelValue": e[5] || (e[5] = (l) => oe.value = l),
         onOnInput: e[6] || (e[6] = (l) => He(l.target.value))
       }, null, 8, ["modelValue"])) : H("", !0),
-      ht(h("div", fl, null, 512), [
+      ht(h("div", ml, null, 512), [
         [yt, !1]
       ]),
-      h("div", hl, [
-        L(Yt, {
+      h("div", fl, [
+        L(Gt, {
           "model-value": U.value,
           "onUpdate:modelValue": pe
         }, null, 8, ["model-value"]),
-        N.value && n.showInputSet ? (m(), E("div", yl, [
-          U.value == "HEX" ? (m(), P(qt, {
+        N.value && n.showInputSet ? (m(), E("div", hl, [
+          U.value == "HEX" ? (m(), P(Xt, {
             key: 0,
             modelValue: z.value,
             "onUpdate:modelValue": [
@@ -1749,7 +1749,7 @@ const Vt = { key: 1 }, Tt = {
             "hsl-value": X,
             onUpdateHslValue: o
           }, null, 8, ["hsl-value"])) : H("", !0),
-          n.showAlpha ? (m(), P(Gt, {
+          n.showAlpha ? (m(), P(Ft, {
             key: 3,
             modelValue: oe.value,
             "onUpdate:modelValue": [
@@ -1760,23 +1760,23 @@ const Vt = { key: 1 }, Tt = {
         ])) : H("", !0)
       ]),
       e[12] || (e[12] = h("div", { class: "text-oc-text-400 text-sm my-3 font-medium font-inter" }, "Last used", -1)),
-      O.value.length > 0 && n.showColorList ? (m(), E("div", bl, [
+      O.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]",
           style: te(`background:${l}`),
           onClick: (i) => se(l)
-        }, null, 12, xl))), 128))
+        }, null, 12, bl))), 128))
       ])) : H("", !0)
-    ], 10, rl));
+    ], 10, sl));
   }
-}, $l = { class: "flex flex-col pt-10 px-7 gap-y-7 items-center" }, wl = { class: "flex flex-col gap-y-4 text-center items-center" }, Sl = {
+}, kl = { class: "flex flex-col pt-10 px-7 gap-y-7 items-center" }, $l = { class: "flex flex-col gap-y-4 text-center items-center" }, wl = {
   key: 0,
   class: "text-xl font-medium"
-}, Cl = {
+}, Sl = {
   key: 0,
   class: "text-sm text-oc-text-400"
-}, Ul = /* @__PURE__ */ bt({
+}, El = {
   __name: "OcOnboardingProgressbar",
   props: {
     title: {
@@ -1825,36 +1825,36 @@ const Vt = { key: 1 }, Tt = {
         }
       ]
     }));
-    return (y, u) => (m(), E("div", $l, [
-      L(w(It), {
+    return (y, u) => (m(), E("div", kl, [
+      L(w(Ct), {
         class: "w-[140px] bg-white rounded-full h-[140px]",
         "additional-options": r.value,
         "tooltip-formatter": () => null,
         "tooltip-value-formatter": () => null
       }, null, 8, ["additional-options"]),
-      h("div", wl, [
-        n.title ? (m(), E("span", Sl, Ne(n.title), 1)) : H("", !0),
+      h("div", $l, [
+        n.title ? (m(), E("span", wl, Ne(n.title), 1)) : H("", !0),
         je(y.$slots, "description", {}, () => [
-          n.description ? (m(), E("span", Cl, Ne(n.description), 1)) : H("", !0)
+          n.description ? (m(), E("span", Sl, Ne(n.description), 1)) : H("", !0)
         ])
       ])
     ]));
   }
-}), Dl = it(
-  () => import("./OcCodeBlock-uFQyGnLq.js")
-), Hl = it(
+}, Ul = it(
+  () => import("./OcCodeBlock-B_LpoG2V.js")
+), Dl = it(
   () => import("./OcLottieAnimation-BjY3rCjS.js")
 );
 export {
-  Nl as BarChart,
-  Xl as BarRaceChart,
-  Fl as Card,
-  Dl as CodeBlock,
-  Tt as ColorPicker,
-  kl as ColorPickerPopup,
-  Ql as LineChart,
-  Hl as LottieAnimation,
-  Ul as OnboardingProgressbar,
-  It as PieChart,
-  El as TextEditor
+  Al as BarChart,
+  Pl as BarRaceChart,
+  ql as Card,
+  Ul as CodeBlock,
+  Vt as ColorPicker,
+  xl as ColorPickerPopup,
+  Ml as LineChart,
+  Dl as LottieAnimation,
+  El as OnboardingProgressbar,
+  Ct as PieChart,
+  Rl as TextEditor
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@orchidui/dashboard",
   "description": "Orchid Dashboard UI , Dashboard Ui Library Vue 3 tailwind css",
-  "version": "1.20.1-8",
+  "version": "1.21.1-0",
   "type": "module",
   "scripts": {
     "build": "vite build"