@halo-dev/components 0.0.0-alpha.0

package/dist/halo-components.es.js

@@ -0,0 +1,2121 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+import { openBlock, createElementBlock, createElementVNode, defineComponent, computed, normalizeClass, unref, renderSlot, createBlock, resolveDynamicComponent, toDisplayString, createVNode, createCommentVNode, createTextVNode, Fragment, renderList, provide, useSlots, ref, inject, withModifiers, Transition, withCtx, withDirectives, vShow, Teleport, withKeys, normalizeStyle } from "vue";
+import { useRouter, useRoute } from "vue-router";
+var tailwind = /* @__PURE__ */ (() => '*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input:-ms-input-placeholder,textarea:-ms-input-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}:root{--themeable-primary-50: 251, 254, 253;--themeable-primary-100: 220, 247, 238;--themeable-primary-200: 190, 240, 223;--themeable-primary-300: 160, 232, 208;--themeable-primary-400: 132, 223, 192;--themeable-primary-500: 103, 213, 176;--themeable-primary-600: 76, 203, 160;--themeable-primary-700: 56, 185, 141;--themeable-primary-800: 49, 154, 119;--themeable-primary-900: 42, 124, 96;--themeable-primary: 76, 203, 160;--themeable-secondary-50: 163, 182, 240;--themeable-secondary-100: 132, 158, 233;--themeable-secondary-200: 101, 133, 226;--themeable-secondary-300: 71, 109, 218;--themeable-secondary-400: 45, 86, 207;--themeable-secondary-500: 40, 74, 174;--themeable-secondary-600: 34, 62, 142;--themeable-secondary-700: 28, 49, 110;--themeable-secondary-800: 21, 36, 79;--themeable-secondary-900: 14, 23, 49;--themeable-secondary: 14, 23, 49}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::-webkit-backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.top-0{top:0px}.bottom-0{bottom:0px}.mt-3{margin-top:.75rem}.-mt-6{margin-top:-1.5rem}.ml-auto{margin-left:auto}.ml-1{margin-left:.25rem}.ml-4{margin-left:1rem}.ml-2{margin-left:.5rem}.mb-2{margin-bottom:.5rem}.mr-3{margin-right:.75rem}.box-border{box-sizing:border-box}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.h-full{height:100%}.h-5{height:1.25rem}.h-3{height:.75rem}.h-8{height:2rem}.h-6{height:1.5rem}.h-16{height:4rem}.h-10{height:2.5rem}.h-20{height:5rem}.h-24{height:6rem}.h-12{height:3rem}.h-32{height:8rem}.h-28{height:7rem}.h-40{height:10rem}.h-4{height:1rem}.w-full{width:100%}.w-4{width:1rem}.w-16{width:4rem}.w-6{width:1.5rem}.w-5{width:1.25rem}.w-1\\/2{width:50%}.w-1\\/3{width:33.333333%}.min-w-0{min-width:0px}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.translate-y-4{--tw-translate-y: 1rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-0{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-5{--tw-translate-x: 1.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@-webkit-keyframes spin{to{transform:rotate(360deg)}}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-6{gap:1.5rem}.gap-4{gap:1rem}.gap-2{gap:.5rem}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.self-center{align-self:center}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.border{border-width:1px}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.bg-indigo-200{--tw-bg-opacity: 1;background-color:rgb(199 210 254 / var(--tw-bg-opacity))}.bg-indigo-300{--tw-bg-opacity: 1;background-color:rgb(165 180 252 / var(--tw-bg-opacity))}.bg-indigo-400{--tw-bg-opacity: 1;background-color:rgb(129 140 248 / var(--tw-bg-opacity))}.bg-green-200{--tw-bg-opacity: 1;background-color:rgb(187 247 208 / var(--tw-bg-opacity))}.bg-red-200{--tw-bg-opacity: 1;background-color:rgb(254 202 202 / var(--tw-bg-opacity))}.bg-teal-50{--tw-bg-opacity: 1;background-color:rgb(240 253 250 / var(--tw-bg-opacity))}.bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.\\!bg-themeable-primary-600{--tw-bg-opacity: 1 !important;background-color:rgba(var(--themeable-primary-600),var(--tw-bg-opacity))!important}.fill-current{fill:currentColor}.p-3{padding:.75rem}.p-0{padding:0}.p-1\\.5{padding:.375rem}.p-1{padding:.25rem}.p-4{padding:1rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.pb-5{padding-bottom:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-base{font-size:1rem;line-height:1.5rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-green-700{--tw-text-opacity: 1;color:rgb(21 128 61 / var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity))}.text-green-500{--tw-text-opacity: 1;color:rgb(34 197 94 / var(--tw-text-opacity))}.text-red-700{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity))}.text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity))}.text-gray-800{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity))}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-25{opacity:.25}.opacity-75{opacity:.75}.opacity-0{opacity:0}.opacity-100{opacity:1}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.ring-4{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition{transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-100{transition-duration:.1s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.group:hover .group-hover\\:block{display:block}@media (min-width: 640px){.sm\\:translate-y-0{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.sm\\:scale-95{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.sm\\:scale-100{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.sm\\:space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.75rem * var(--tw-space-x-reverse));margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)))}}@media (min-width: 768px){.md\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.lg\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}\n')();
+const _hoisted_1$_ = {
+  preserveAspectRatio: "xMidYMid meet",
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+const _hoisted_2$T = /* @__PURE__ */ createElementVNode("path", {
+  fill: "currentColor",
+  d: "M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12S6.477 2 12 2zm0 2a8 8 0 1 0 0 16a8 8 0 0 0 0-16zm3.833 3.337a.595.595 0 0 1 .763.067a.59.59 0 0 1 .063.76c-2.18 3.046-3.38 4.678-3.598 4.897a1.502 1.502 0 0 1-2.122 0a1.502 1.502 0 0 1 0-2.122c.374-.373 2.005-1.574 4.894-3.602zM17.5 11a1 1 0 1 1 0 2a1 1 0 0 1 0-2zm-11 0a1 1 0 1 1 0 2a1 1 0 0 1 0-2zm2.318-3.596a1 1 0 1 1-1.416 1.414a1 1 0 0 1 1.416-1.414zM12 5.5a1 1 0 1 1 0 2a1 1 0 0 1 0-2z"
+}, null, -1);
+const _hoisted_3$R = [
+  _hoisted_2$T
+];
+function render$E(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$_, _hoisted_3$R);
+}
+var dashboard3Line = { name: "ri-dashboard-3-line", render: render$E };
+const _hoisted_1$Z = {
+  preserveAspectRatio: "xMidYMid meet",
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+const _hoisted_2$S = /* @__PURE__ */ createElementVNode("path", {
+  fill: "currentColor",
+  d: "m10.828 12l4.95 4.95l-1.414 1.414L8 12l6.364-6.364l1.414 1.414z"
+}, null, -1);
+const _hoisted_3$Q = [
+  _hoisted_2$S
+];
+function render$D(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$Z, _hoisted_3$Q);
+}
+var arrowLeftSLine = { name: "ri-arrow-left-s-line", render: render$D };
+const _hoisted_1$Y = {
+  preserveAspectRatio: "xMidYMid meet",
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+const _hoisted_2$R = /* @__PURE__ */ createElementVNode("path", {
+  fill: "currentColor",
+  d: "m13.172 12l-4.95-4.95l1.414-1.414L16 12l-6.364 6.364l-1.414-1.414z"
+}, null, -1);
+const _hoisted_3$P = [
+  _hoisted_2$R
+];
+function render$C(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$Y, _hoisted_3$P);
+}
+var IconArrowRight = { name: "ri-arrow-right-s-line", render: render$C };
+const _hoisted_1$X = {
+  preserveAspectRatio: "xMidYMid meet",
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+const _hoisted_2$Q = /* @__PURE__ */ createElementVNode("path", {
+  fill: "currentColor",
+  d: "m12 16l-6-6h12z"
+}, null, -1);
+const _hoisted_3$O = [
+  _hoisted_2$Q
+];
+function render$B(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$X, _hoisted_3$O);
+}
+var arrowDownSFill = { name: "ri-arrow-down-s-fill", render: render$B };
+const _hoisted_1$W = {
+  preserveAspectRatio: "xMidYMid meet",
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+const _hoisted_2$P = /* @__PURE__ */ createElementVNode("path", {
+  fill: "currentColor",
+  d: "m12 10.828l-4.95 4.95l-1.414-1.414L12 8l6.364 6.364l-1.414 1.414z"
+}, null, -1);
+const _hoisted_3$N = [
+  _hoisted_2$P
+];
+function render$A(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$W, _hoisted_3$N);
+}
+var arrowUpSLine = { name: "ri-arrow-up-s-line", render: render$A };
+const _hoisted_1$V = {
+  preserveAspectRatio: "xMidYMid meet",
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+const _hoisted_2$O = /* @__PURE__ */ createElementVNode("path", {
+  fill: "currentColor",
+  d: "m12 13.172l4.95-4.95l1.414 1.414L12 16L5.636 9.636L7.05 8.222z"
+}, null, -1);
+const _hoisted_3$M = [
+  _hoisted_2$O
+];
+function render$z(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$V, _hoisted_3$M);
+}
+var arrowDownSLine = { name: "ri-arrow-down-s-line", render: render$z };
+const _hoisted_1$U = {
+  preserveAspectRatio: "xMidYMid meet",
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+const _hoisted_2$N = /* @__PURE__ */ createElementVNode("path", {
+  fill: "currentColor",
+  d: "M2 3.993A1 1 0 0 1 2.992 3h18.016c.548 0 .992.445.992.993v16.014a1 1 0 0 1-.992.993H2.992A.993.993 0 0 1 2 20.007V3.993zM11 5H4v14h7V5zm2 0v14h7V5h-7zm1 2h5v2h-5V7zm0 3h5v2h-5v-2z"
+}, null, -1);
+const _hoisted_3$L = [
+  _hoisted_2$N
+];
+function render$y(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$U, _hoisted_3$L);
+}
+var bookReadLine = { name: "ri-book-read-line", render: render$y };
+const _hoisted_1$T = {
+  preserveAspectRatio: "xMidYMid meet",
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+const _hoisted_2$M = /* @__PURE__ */ createElementVNode("path", {
+  fill: "currentColor",
+  d: "M5 8v12h14V8H5zm0-2h14V4H5v2zm15 16H4a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1zM7 10h4v4H7v-4zm0 6h10v2H7v-2zm6-5h4v2h-4v-2z"
+}, null, -1);
+const _hoisted_3$K = [
+  _hoisted_2$M
+];
+function render$x(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$T, _hoisted_3$K);
+}
+var pagesLine = { name: "ri-pages-line", render: render$x };
+const _hoisted_1$S = {
+  preserveAspectRatio: "xMidYMid meet",
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+const _hoisted_2$L = /* @__PURE__ */ createElementVNode("path", {
+  fill: "currentColor",
+  d: "M2 8.994A5.99 5.99 0 0 1 8 3h8c3.313 0 6 2.695 6 5.994V21H8c-3.313 0-6-2.695-6-5.994V8.994zM20 19V8.994A4.004 4.004 0 0 0 16 5H8a3.99 3.99 0 0 0-4 3.994v6.012A4.004 4.004 0 0 0 8 19h12zm-6-8h2v2h-2v-2zm-6 0h2v2H8v-2z"
+}, null, -1);
+const _hoisted_3$J = [
+  _hoisted_2$L
+];
+function render$w(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$S, _hoisted_3$J);
+}
+var message3Line = { name: "ri-message-3-line", render: render$w };
+const _hoisted_1$R = {
+  preserveAspectRatio: "xMidYMid meet",
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+const _hoisted_2$K = /* @__PURE__ */ createElementVNode("path", {
+  fill: "currentColor",
+  d: "M12 2c5.522 0 10 3.978 10 8.889a5.558 5.558 0 0 1-5.556 5.555h-1.966c-.922 0-1.667.745-1.667 1.667c0 .422.167.811.422 1.1c.267.3.434.689.434 1.122C13.667 21.256 12.9 22 12 22C6.478 22 2 17.522 2 12S6.478 2 12 2zm-1.189 16.111a3.664 3.664 0 0 1 3.667-3.667h1.966A3.558 3.558 0 0 0 20 10.89C20 7.139 16.468 4 12 4a8 8 0 0 0-.676 15.972a3.648 3.648 0 0 1-.513-1.86zM7.5 12a1.5 1.5 0 1 1 0-3a1.5 1.5 0 0 1 0 3zm9 0a1.5 1.5 0 1 1 0-3a1.5 1.5 0 0 1 0 3zM12 9a1.5 1.5 0 1 1 0-3a1.5 1.5 0 0 1 0 3z"
+}, null, -1);
+const _hoisted_3$I = [
+  _hoisted_2$K
+];
+function render$v(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$R, _hoisted_3$I);
+}
+var paletteLine = { name: "ri-palette-line", render: render$v };
+const _hoisted_1$Q = {
+  preserveAspectRatio: "xMidYMid meet",
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+const _hoisted_2$J = /* @__PURE__ */ createElementVNode("path", {
+  fill: "currentColor",
+  d: "M2 18h7v2H2v-2zm0-7h9v2H2v-2zm0-7h20v2H2V4zm18.674 9.025l1.156-.391l1 1.732l-.916.805a4.017 4.017 0 0 1 0 1.658l.916.805l-1 1.732l-1.156-.391c-.41.37-.898.655-1.435.83L19 21h-2l-.24-1.196a3.996 3.996 0 0 1-1.434-.83l-1.156.392l-1-1.732l.916-.805a4.017 4.017 0 0 1 0-1.658l-.916-.805l1-1.732l1.156.391c.41-.37.898-.655 1.435-.83L17 11h2l.24 1.196c.536.174 1.024.46 1.434.83zM18 18a2 2 0 1 0 0-4a2 2 0 0 0 0 4z"
+}, null, -1);
+const _hoisted_3$H = [
+  _hoisted_2$J
+];
+function render$u(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$Q, _hoisted_3$H);
+}
+var listSettingsLine = { name: "ri-list-settings-line", render: render$u };
+const _hoisted_1$P = {
+  preserveAspectRatio: "xMidYMid meet",
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+const _hoisted_2$I = /* @__PURE__ */ createElementVNode("path", {
+  fill: "currentColor",
+  d: "M15.199 9.945a2.6 2.6 0 0 1-.79-1.551l-.403-3.083l-2.73 1.486a2.6 2.6 0 0 1-1.72.273L6.5 6.5l.57 3.056a2.6 2.6 0 0 1-.273 1.72l-1.486 2.73l3.083.403a2.6 2.6 0 0 1 1.55.79l2.138 2.257l1.336-2.807a2.6 2.6 0 0 1 1.23-1.231l2.808-1.336l-2.257-2.137zm.025 5.563l-2.213 4.65a.6.6 0 0 1-.977.155l-3.542-3.739a.6.6 0 0 0-.357-.182l-5.107-.668a.6.6 0 0 1-.449-.881l2.462-4.524a.6.6 0 0 0 .062-.396L4.16 4.86a.6.6 0 0 1 .7-.7l5.063.943a.6.6 0 0 0 .396-.062l4.524-2.462a.6.6 0 0 1 .881.45l.668 5.106a.6.6 0 0 0 .182.357l3.739 3.542a.6.6 0 0 1-.155.977l-4.65 2.213a.6.6 0 0 0-.284.284zm.797 1.927l1.414-1.414l4.243 4.242l-1.415 1.415l-4.242-4.243z"
+}, null, -1);
+const _hoisted_3$G = [
+  _hoisted_2$I
+];
+function render$t(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$P, _hoisted_3$G);
+}
+var magicLine = { name: "ri-magic-line", render: render$t };
+const _hoisted_1$O = {
+  preserveAspectRatio: "xMidYMid meet",
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+const _hoisted_2$H = /* @__PURE__ */ createElementVNode("path", {
+  fill: "currentColor",
+  d: "M12 14v2a6 6 0 0 0-6 6H4a8 8 0 0 1 8-8zm0-1c-3.315 0-6-2.685-6-6s2.685-6 6-6s6 2.685 6 6s-2.685 6-6 6zm0-2c2.21 0 4-1.79 4-4s-1.79-4-4-4s-4 1.79-4 4s1.79 4 4 4zm2.595 7.812a3.51 3.51 0 0 1 0-1.623l-.992-.573l1-1.732l.992.573A3.496 3.496 0 0 1 17 14.645V13.5h2v1.145c.532.158 1.012.44 1.405.812l.992-.573l1 1.732l-.992.573a3.51 3.51 0 0 1 0 1.622l.992.573l-1 1.732l-.992-.573a3.496 3.496 0 0 1-1.405.812V22.5h-2v-1.145a3.496 3.496 0 0 1-1.405-.812l-.992.573l-1-1.732l.992-.572zM18 19.5a1.5 1.5 0 1 0 0-3a1.5 1.5 0 0 0 0 3z"
+}, null, -1);
+const _hoisted_3$F = [
+  _hoisted_2$H
+];
+function render$s(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$O, _hoisted_3$F);
+}
+var userSettingsLine = { name: "ri-user-settings-line", render: render$s };
+const _hoisted_1$N = {
+  preserveAspectRatio: "xMidYMid meet",
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+const _hoisted_2$G = /* @__PURE__ */ createElementVNode("path", {
+  fill: "currentColor",
+  d: "M2 12c0-.865.11-1.703.316-2.504A3 3 0 0 0 4.99 4.867a9.99 9.99 0 0 1 4.335-2.505a3 3 0 0 0 5.348 0a9.99 9.99 0 0 1 4.335 2.505a3 3 0 0 0 2.675 4.63a10.036 10.036 0 0 1 0 5.007a3 3 0 0 0-2.675 4.629a9.99 9.99 0 0 1-4.335 2.505a3 3 0 0 0-5.348 0a9.99 9.99 0 0 1-4.335-2.505a3 3 0 0 0-2.675-4.63A10.056 10.056 0 0 1 2 12zm4.804 3c.63 1.091.81 2.346.564 3.524c.408.29.842.541 1.297.75A4.993 4.993 0 0 1 12 18c1.26 0 2.438.471 3.335 1.274c.455-.209.889-.46 1.297-.75A4.993 4.993 0 0 1 17.196 15a4.993 4.993 0 0 1 2.77-2.25a8.126 8.126 0 0 0 0-1.5A4.993 4.993 0 0 1 17.195 9a4.993 4.993 0 0 1-.564-3.524a7.989 7.989 0 0 0-1.297-.75A4.993 4.993 0 0 1 12 6a4.993 4.993 0 0 1-3.335-1.274a7.99 7.99 0 0 0-1.297.75A4.993 4.993 0 0 1 6.804 9a4.993 4.993 0 0 1-2.77 2.25a8.126 8.126 0 0 0 0 1.5A4.993 4.993 0 0 1 6.805 15zM12 15a3 3 0 1 1 0-6a3 3 0 0 1 0 6zm0-2a1 1 0 1 0 0-2a1 1 0 0 0 0 2z"
+}, null, -1);
+const _hoisted_3$E = [
+  _hoisted_2$G
+];
+function render$r(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$N, _hoisted_3$E);
+}
+var settings4Line = { name: "ri-settings-4-line", render: render$r };
+const _hoisted_1$M = {
+  preserveAspectRatio: "xMidYMid meet",
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+const _hoisted_2$F = /* @__PURE__ */ createElementVNode("path", {
+  fill: "currentColor",
+  d: "M13 18v2h6v2h-6a2 2 0 0 1-2-2v-2H8a4 4 0 0 1-4-4V7a1 1 0 0 1 1-1h2V2h2v4h6V2h2v4h2a1 1 0 0 1 1 1v7a4 4 0 0 1-4 4h-3zm-5-2h8a2 2 0 0 0 2-2v-3H6v3a2 2 0 0 0 2 2zm10-8H6v1h12V8zm-6 6.5a1 1 0 1 1 0-2a1 1 0 0 1 0 2zM11 2h2v3h-2V2z"
+}, null, -1);
+const _hoisted_3$D = [
+  _hoisted_2$F
+];
+function render$q(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$M, _hoisted_3$D);
+}
+var plug2Line = { name: "ri-plug-2-line", render: render$q };
+const _hoisted_1$L = {
+  preserveAspectRatio: "xMidYMid meet",
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+const _hoisted_2$E = /* @__PURE__ */ createElementVNode("path", {
+  fill: "currentColor",
+  d: "M12 3c5.392 0 9.878 3.88 10.819 9c-.94 5.12-5.427 9-10.819 9c-5.392 0-9.878-3.88-10.819-9C2.121 6.88 6.608 3 12 3zm0 16a9.005 9.005 0 0 0 8.777-7a9.005 9.005 0 0 0-17.554 0A9.005 9.005 0 0 0 12 19zm0-2.5a4.5 4.5 0 1 1 0-9a4.5 4.5 0 0 1 0 9zm0-2a2.5 2.5 0 1 0 0-5a2.5 2.5 0 0 0 0 5z"
+}, null, -1);
+const _hoisted_3$C = [
+  _hoisted_2$E
+];
+function render$p(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$L, _hoisted_3$C);
+}
+var eyeLine = { name: "ri-eye-line", render: render$p };
+const _hoisted_1$K = {
+  preserveAspectRatio: "xMidYMid meet",
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+const _hoisted_2$D = /* @__PURE__ */ createElementVNode("path", {
+  fill: "currentColor",
+  d: "M12.414 5H21a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h7.414l2 2zM20 11H4v8h16v-8zm0-2V7h-8.414l-2-2H4v4h16z"
+}, null, -1);
+const _hoisted_3$B = [
+  _hoisted_2$D
+];
+function render$o(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$K, _hoisted_3$B);
+}
+var folder2Line = { name: "ri-folder-2-line", render: render$o };
+const _hoisted_1$J = {
+  preserveAspectRatio: "xMidYMid meet",
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+const _hoisted_2$C = /* @__PURE__ */ createElementVNode("path", {
+  fill: "currentColor",
+  d: "M4.5 10.5c-.825 0-1.5.675-1.5 1.5s.675 1.5 1.5 1.5S6 12.825 6 12s-.675-1.5-1.5-1.5zm15 0c-.825 0-1.5.675-1.5 1.5s.675 1.5 1.5 1.5S21 12.825 21 12s-.675-1.5-1.5-1.5zm-7.5 0c-.825 0-1.5.675-1.5 1.5s.675 1.5 1.5 1.5s1.5-.675 1.5-1.5s-.675-1.5-1.5-1.5z"
+}, null, -1);
+const _hoisted_3$A = [
+  _hoisted_2$C
+];
+function render$n(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$J, _hoisted_3$A);
+}
+var moreLine = { name: "ri-more-line", render: render$n };
+const _hoisted_1$I = {
+  preserveAspectRatio: "xMidYMid meet",
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+const _hoisted_2$B = /* @__PURE__ */ createElementVNode("path", {
+  fill: "currentColor",
+  d: "m12 10.586l4.95-4.95l1.414 1.414l-4.95 4.95l4.95 4.95l-1.414 1.414l-4.95-4.95l-4.95 4.95l-1.414-1.414l4.95-4.95l-4.95-4.95L7.05 5.636z"
+}, null, -1);
+const _hoisted_3$z = [
+  _hoisted_2$B
+];
+function render$m(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$I, _hoisted_3$z);
+}
+var IconClose = { name: "ri-close-line", render: render$m };
+const _hoisted_1$H = {
+  preserveAspectRatio: "xMidYMid meet",
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+const _hoisted_2$A = /* @__PURE__ */ createElementVNode("path", {
+  fill: "currentColor",
+  d: "M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10zm0-2a8 8 0 1 0 0-16a8 8 0 0 0 0 16zm-1-5h2v2h-2v-2zm0-8h2v6h-2V7z"
+}, null, -1);
+const _hoisted_3$y = [
+  _hoisted_2$A
+];
+function render$l(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$H, _hoisted_3$y);
+}
+var IconErrorWarning = { name: "ri-error-warning-line", render: render$l };
+const _hoisted_1$G = {
+  preserveAspectRatio: "xMidYMid meet",
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+const _hoisted_2$z = /* @__PURE__ */ createElementVNode("path", {
+  fill: "currentColor",
+  d: "M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10zm0-2a8 8 0 1 0 0-16a8 8 0 0 0 0 16zm-.997-4L6.76 11.757l1.414-1.414l2.829 2.829l5.656-5.657l1.415 1.414L11.003 16z"
+}, null, -1);
+const _hoisted_3$x = [
+  _hoisted_2$z
+];
+function render$k(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$G, _hoisted_3$x);
+}
+var IconCheckboxCircle = { name: "ri-checkbox-circle-line", render: render$k };
+const _hoisted_1$F = {
+  preserveAspectRatio: "xMidYMid meet",
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+const _hoisted_2$y = /* @__PURE__ */ createElementVNode("path", {
+  fill: "currentColor",
+  d: "M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10zm0-2a8 8 0 1 0 0-16a8 8 0 0 0 0 16zM11 7h2v2h-2V7zm0 4h2v6h-2v-6z"
+}, null, -1);
+const _hoisted_3$w = [
+  _hoisted_2$y
+];
+function render$j(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$F, _hoisted_3$w);
+}
+var IconInformation = { name: "ri-information-line", render: render$j };
+const _hoisted_1$E = {
+  preserveAspectRatio: "xMidYMid meet",
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+const _hoisted_2$x = /* @__PURE__ */ createElementVNode("path", {
+  fill: "currentColor",
+  d: "M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10zm0-2a8 8 0 1 0 0-16a8 8 0 0 0 0 16zm0-9.414l2.828-2.829l1.415 1.415L13.414 12l2.829 2.828l-1.415 1.415L12 13.414l-2.828 2.829l-1.415-1.415L10.586 12L7.757 9.172l1.415-1.415L12 10.586z"
+}, null, -1);
+const _hoisted_3$v = [
+  _hoisted_2$x
+];
+function render$i(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$E, _hoisted_3$v);
+}
+var IconCloseCircle = { name: "ri-close-circle-line", render: render$i };
+const _hoisted_1$D = {
+  preserveAspectRatio: "xMidYMid meet",
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+const _hoisted_2$w = /* @__PURE__ */ createElementVNode("path", {
+  fill: "currentColor",
+  d: "M17 6h5v2h-2v13a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V8H2V6h5V3a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v3zm1 2H6v12h12V8zm-4.586 6l1.768 1.768l-1.414 1.414L12 15.414l-1.768 1.768l-1.414-1.414L10.586 14l-1.768-1.768l1.414-1.414L12 12.586l1.768-1.768l1.414 1.414L13.414 14zM9 4v2h6V4H9z"
+}, null, -1);
+const _hoisted_3$u = [
+  _hoisted_2$w
+];
+function render$h(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$D, _hoisted_3$u);
+}
+var deleteBin2Line = { name: "ri-delete-bin-2-line", render: render$h };
+const _hoisted_1$C = {
+  preserveAspectRatio: "xMidYMid meet",
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+const _hoisted_2$v = /* @__PURE__ */ createElementVNode("path", {
+  fill: "currentColor",
+  d: "M11 11V7h2v4h4v2h-4v4h-2v-4H7v-2h4zm1 11C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10zm0-2a8 8 0 1 0 0-16a8 8 0 0 0 0 16z"
+}, null, -1);
+const _hoisted_3$t = [
+  _hoisted_2$v
+];
+function render$g(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$C, _hoisted_3$t);
+}
+var addCircleLine = { name: "ri-add-circle-line", render: render$g };
+const _hoisted_1$B = {
+  preserveAspectRatio: "xMidYMid meet",
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+const _hoisted_2$u = /* @__PURE__ */ createElementVNode("path", {
+  fill: "currentColor",
+  d: "M7 19v-6h10v6h2V7.828L16.172 5H5v14h2zM4 3h13l4 4v13a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1zm5 12v4h6v-4H9z"
+}, null, -1);
+const _hoisted_3$s = [
+  _hoisted_2$u
+];
+function render$f(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$B, _hoisted_3$s);
+}
+var saveLine = { name: "ri-save-line", render: render$f };
+const _hoisted_1$A = {
+  preserveAspectRatio: "xMidYMid meet",
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+const _hoisted_2$t = /* @__PURE__ */ createElementVNode("path", {
+  fill: "currentColor",
+  d: "M8 4h13v2H8V4zM4.5 6.5a1.5 1.5 0 1 1 0-3a1.5 1.5 0 0 1 0 3zm0 7a1.5 1.5 0 1 1 0-3a1.5 1.5 0 0 1 0 3zm0 6.9a1.5 1.5 0 1 1 0-3a1.5 1.5 0 0 1 0 3zM8 11h13v2H8v-2zm0 7h13v2H8v-2z"
+}, null, -1);
+const _hoisted_3$r = [
+  _hoisted_2$t
+];
+function render$e(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$A, _hoisted_3$r);
+}
+var listUnordered = { name: "ri-list-unordered", render: render$e };
+const _hoisted_1$z = {
+  preserveAspectRatio: "xMidYMid meet",
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+const _hoisted_2$s = /* @__PURE__ */ createElementVNode("path", {
+  fill: "currentColor",
+  d: "M14 10h-4v4h4v-4zm2 0v4h3v-4h-3zm-2 9v-3h-4v3h4zm2 0h3v-3h-3v3zM14 5h-4v3h4V5zm2 0v3h3V5h-3zm-8 5H5v4h3v-4zm0 9v-3H5v3h3zM8 5H5v3h3V5zM4 3h16a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1z"
+}, null, -1);
+const _hoisted_3$q = [
+  _hoisted_2$s
+];
+function render$d(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$z, _hoisted_3$q);
+}
+var gridLine = { name: "ri-grid-line", render: render$d };
+const _hoisted_1$y = {
+  preserveAspectRatio: "xMidYMid meet",
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+const _hoisted_2$r = /* @__PURE__ */ createElementVNode("path", {
+  fill: "currentColor",
+  d: "M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10zm-.997-6l7.07-7.071l-1.414-1.414l-5.656 5.657l-2.829-2.829l-1.414 1.414L11.003 16z"
+}, null, -1);
+const _hoisted_3$p = [
+  _hoisted_2$r
+];
+function render$c(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$y, _hoisted_3$p);
+}
+var checkboxCircleFill = { name: "ri-checkbox-circle-fill", render: render$c };
+const _hoisted_1$x = {
+  preserveAspectRatio: "xMidYMid meet",
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+const _hoisted_2$q = /* @__PURE__ */ createElementVNode("path", {
+  fill: "currentColor",
+  d: "M11 2c4.968 0 9 4.032 9 9s-4.032 9-9 9s-9-4.032-9-9s4.032-9 9-9zm0 16c3.867 0 7-3.133 7-7c0-3.868-3.133-7-7-7c-3.868 0-7 3.132-7 7c0 3.867 3.132 7 7 7zm8.485.071l2.829 2.828l-1.415 1.415l-2.828-2.829l1.414-1.414z"
+}, null, -1);
+const _hoisted_3$o = [
+  _hoisted_2$q
+];
+function render$b(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$x, _hoisted_3$o);
+}
+var search2Line = { name: "ri-search-2-line", render: render$b };
+const _hoisted_1$w = {
+  preserveAspectRatio: "xMidYMid meet",
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+const _hoisted_2$p = /* @__PURE__ */ createElementVNode("path", {
+  fill: "currentColor",
+  d: "M4 16h16V5H4v11zm9 2v2h4v2H7v-2h4v-2H2.992A.998.998 0 0 1 2 16.993V4.007C2 3.451 2.455 3 2.992 3h18.016c.548 0 .992.449.992 1.007v12.986c0 .556-.455 1.007-.992 1.007H13z"
+}, null, -1);
+const _hoisted_3$n = [
+  _hoisted_2$p
+];
+function render$a(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$w, _hoisted_3$n);
+}
+var computerLine = { name: "ri-computer-line", render: render$a };
+const _hoisted_1$v = {
+  preserveAspectRatio: "xMidYMid meet",
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+const _hoisted_2$o = /* @__PURE__ */ createElementVNode("path", {
+  fill: "currentColor",
+  d: "M7 4v16h10V4H7zM6 2h12a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1zm6 15a1 1 0 1 1 0 2a1 1 0 0 1 0-2z"
+}, null, -1);
+const _hoisted_3$m = [
+  _hoisted_2$o
+];
+function render$9(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$v, _hoisted_3$m);
+}
+var smartphoneLine = { name: "ri-smartphone-line", render: render$9 };
+const _hoisted_1$u = {
+  preserveAspectRatio: "xMidYMid meet",
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+const _hoisted_2$n = /* @__PURE__ */ createElementVNode("path", {
+  fill: "currentColor",
+  d: "M6 4v16h12V4H6zM5 2h14a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1zm7 15a1 1 0 1 1 0 2a1 1 0 0 1 0-2z"
+}, null, -1);
+const _hoisted_3$l = [
+  _hoisted_2$n
+];
+function render$8(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$u, _hoisted_3$l);
+}
+var tabletLine = { name: "ri-tablet-line", render: render$8 };
+const _hoisted_1$t = {
+  preserveAspectRatio: "xMidYMid meet",
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+const _hoisted_2$m = /* @__PURE__ */ createElementVNode("path", {
+  fill: "currentColor",
+  d: "M14 14.252v2.09A6 6 0 0 0 6 22l-2-.001a8 8 0 0 1 10-7.748zM12 13c-3.315 0-6-2.685-6-6s2.685-6 6-6s6 2.685 6 6s-2.685 6-6 6zm0-2c2.21 0 4-1.79 4-4s-1.79-4-4-4s-4 1.79-4 4s1.79 4 4 4zm5.793 8.914l3.535-3.535l1.415 1.414l-4.95 4.95l-3.536-3.536l1.415-1.414l2.12 2.121z"
+}, null, -1);
+const _hoisted_3$k = [
+  _hoisted_2$m
+];
+function render$7(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$t, _hoisted_3$k);
+}
+var userFollowLine = { name: "ri-user-follow-line", render: render$7 };
+const _hoisted_1$s = {
+  preserveAspectRatio: "xMidYMid meet",
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+const _hoisted_2$l = /* @__PURE__ */ createElementVNode("path", {
+  fill: "currentColor",
+  d: "M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10zm0-2a8 8 0 1 0 0-16a8 8 0 0 0 0 16zm-5-7h9v2h-4v3l-5-5zm5-4V6l5 5H8V9h4z"
+}, null, -1);
+const _hoisted_3$j = [
+  _hoisted_2$l
+];
+function render$6(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$s, _hoisted_3$j);
+}
+var exchangeLine = { name: "ri-exchange-line", render: render$6 };
+const _hoisted_1$r = {
+  preserveAspectRatio: "xMidYMid meet",
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+const _hoisted_2$k = /* @__PURE__ */ createElementVNode("path", {
+  fill: "currentColor",
+  d: "M12 2C6.475 2 2 6.475 2 12a9.994 9.994 0 0 0 6.838 9.488c.5.087.687-.213.687-.476c0-.237-.013-1.024-.013-1.862c-2.512.463-3.162-.612-3.362-1.175c-.113-.288-.6-1.175-1.025-1.413c-.35-.187-.85-.65-.013-.662c.788-.013 1.35.725 1.538 1.025c.9 1.512 2.338 1.087 2.912.825c.088-.65.35-1.087.638-1.337c-2.225-.25-4.55-1.113-4.55-4.938c0-1.088.387-1.987 1.025-2.688c-.1-.25-.45-1.275.1-2.65c0 0 .837-.262 2.75 1.026a9.28 9.28 0 0 1 2.5-.338c.85 0 1.7.112 2.5.337c1.912-1.3 2.75-1.024 2.75-1.024c.55 1.375.2 2.4.1 2.65c.637.7 1.025 1.587 1.025 2.687c0 3.838-2.337 4.688-4.562 4.938c.362.312.675.912.675 1.85c0 1.337-.013 2.412-.013 2.75c0 .262.188.574.688.474A10.016 10.016 0 0 0 22 12c0-5.525-4.475-10-10-10z"
+}, null, -1);
+const _hoisted_3$i = [
+  _hoisted_2$k
+];
+function render$5(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$r, _hoisted_3$i);
+}
+var githubFill = { name: "ri-github-fill", render: render$5 };
+const _hoisted_1$q = {
+  preserveAspectRatio: "xMidYMid meet",
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+const _hoisted_2$j = /* @__PURE__ */ createElementVNode("path", {
+  fill: "currentColor",
+  d: "m12 12.586l4.243 4.242l-1.415 1.415L13 16.415V22h-2v-5.587l-1.828 1.83l-1.415-1.415L12 12.586zM12 2a7.001 7.001 0 0 1 6.954 6.194a5.5 5.5 0 0 1-.953 10.784v-2.014a3.5 3.5 0 1 0-1.112-6.91a5 5 0 1 0-9.777 0a3.5 3.5 0 0 0-1.292 6.88l.18.03v2.014a5.5 5.5 0 0 1-.954-10.784A7 7 0 0 1 12 2z"
+}, null, -1);
+const _hoisted_3$h = [
+  _hoisted_2$j
+];
+function render$4(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$q, _hoisted_3$h);
+}
+var uploadCloud2Line = { name: "ri-upload-cloud-2-line", render: render$4 };
+const _hoisted_1$p = {
+  preserveAspectRatio: "xMidYMid meet",
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+const _hoisted_2$i = /* @__PURE__ */ createElementVNode("path", {
+  fill: "currentColor",
+  d: "M3.783 2.826L12 1l8.217 1.826a1 1 0 0 1 .783.976v9.987a6 6 0 0 1-2.672 4.992L12 23l-6.328-4.219A6 6 0 0 1 3 13.79V3.802a1 1 0 0 1 .783-.976zM5 4.604v9.185a4 4 0 0 0 1.781 3.328L12 20.597l5.219-3.48A4 4 0 0 0 19 13.79V4.604L12 3.05L5 4.604zM12 11a2.5 2.5 0 1 1 0-5a2.5 2.5 0 0 1 0 5zm-4.473 5a4.5 4.5 0 0 1 8.946 0H7.527z"
+}, null, -1);
+const _hoisted_3$g = [
+  _hoisted_2$i
+];
+function render$3(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$p, _hoisted_3$g);
+}
+var shieldUserLine = { name: "ri-shield-user-line", render: render$3 };
+const _hoisted_1$o = {
+  preserveAspectRatio: "xMidYMid meet",
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+const _hoisted_2$h = /* @__PURE__ */ createElementVNode("path", {
+  fill: "currentColor",
+  d: "M7.105 15.21A3.001 3.001 0 1 1 5 15.17V8.83a3.001 3.001 0 1 1 2 0V12c.836-.628 1.874-1 3-1h4a3.001 3.001 0 0 0 2.895-2.21a3.001 3.001 0 1 1 2.032.064A5.001 5.001 0 0 1 14 13h-4a3.001 3.001 0 0 0-2.895 2.21zM6 17a1 1 0 1 0 0 2a1 1 0 0 0 0-2zM6 5a1 1 0 1 0 0 2a1 1 0 0 0 0-2zm12 0a1 1 0 1 0 0 2a1 1 0 0 0 0-2z"
+}, null, -1);
+const _hoisted_3$f = [
+  _hoisted_2$h
+];
+function render$2(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$o, _hoisted_3$f);
+}
+var gitBranchLine = { name: "ri-git-branch-line", render: render$2 };
+const _hoisted_1$n = {
+  preserveAspectRatio: "xMidYMid meet",
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+const _hoisted_2$g = /* @__PURE__ */ createElementVNode("path", {
+  fill: "currentColor",
+  d: "M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10zm0-2a8 8 0 1 0 0-16a8 8 0 0 0 0 16zM9 9h6v6H9V9z"
+}, null, -1);
+const _hoisted_3$e = [
+  _hoisted_2$g
+];
+function render$1(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$n, _hoisted_3$e);
+}
+var stopCircleLine = { name: "ri-stop-circle-line", render: render$1 };
+const _hoisted_1$m = {
+  preserveAspectRatio: "xMidYMid meet",
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+const _hoisted_2$f = /* @__PURE__ */ createElementVNode("path", {
+  fill: "currentColor",
+  d: "M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10zm0-2a8 8 0 1 0 0-16a8 8 0 0 0 0 16zM8.523 7.109l8.368 8.368a6.04 6.04 0 0 1-1.414 1.414L7.109 8.523A6.04 6.04 0 0 1 8.523 7.11z"
+}, null, -1);
+const _hoisted_3$d = [
+  _hoisted_2$f
+];
+function render(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$m, _hoisted_3$d);
+}
+var IconForbidLine = { name: "ri-forbid-line", render };
+var Alert_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => ".alert-wrapper[data-v-3bf3a1a9]{display:flex;flex-direction:column;box-sizing:border-box;border-width:1px;padding:12px 16px;border-radius:4px}.alert-wrapper .alert-header[data-v-3bf3a1a9]{display:flex}.alert-wrapper .alert-header .alert-icon[data-v-3bf3a1a9]{align-self:center;margin-right:.75rem;font-size:1.125rem;line-height:1.75rem}.alert-wrapper .alert-header .alert-title[data-v-3bf3a1a9]{align-self:center;margin-right:.75rem;flex:1 1 0%;font-weight:500;font-size:1rem;line-height:1.5rem}.alert-wrapper .alert-header .alert-close[data-v-3bf3a1a9]{align-self:center;cursor:pointer;border-radius:9999px;padding:.125rem}.alert-wrapper .alert-header .alert-close[data-v-3bf3a1a9]:hover{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.alert-wrapper .alert-description[data-v-3bf3a1a9]{font-size:.875rem;line-height:1.25rem;margin-top:.5rem}.alert-wrapper .alert-actions[data-v-3bf3a1a9]{border-top-width:1px;margin-top:.75rem;padding-top:.5rem}.alert-wrapper.alert-default[data-v-3bf3a1a9]{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity));--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity))}.alert-wrapper.alert-default .alert-icon[data-v-3bf3a1a9],.alert-wrapper.alert-default .alert-description[data-v-3bf3a1a9]{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity))}.alert-wrapper.alert-default .alert-close[data-v-3bf3a1a9],.alert-wrapper.alert-default .alert-title[data-v-3bf3a1a9]{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity))}.alert-wrapper.alert-success[data-v-3bf3a1a9]{--tw-bg-opacity: 1;background-color:rgb(240 253 244 / var(--tw-bg-opacity));--tw-border-opacity: 1;border-color:rgb(134 239 172 / var(--tw-border-opacity))}.alert-wrapper.alert-success .alert-icon[data-v-3bf3a1a9],.alert-wrapper.alert-success .alert-description[data-v-3bf3a1a9]{--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity))}.alert-wrapper.alert-success .alert-close[data-v-3bf3a1a9],.alert-wrapper.alert-success .alert-title[data-v-3bf3a1a9]{--tw-text-opacity: 1;color:rgb(21 128 61 / var(--tw-text-opacity))}.alert-wrapper.alert-info[data-v-3bf3a1a9]{--tw-bg-opacity: 1;background-color:rgb(240 249 255 / var(--tw-bg-opacity));--tw-border-opacity: 1;border-color:rgb(125 211 252 / var(--tw-border-opacity))}.alert-wrapper.alert-info .alert-icon[data-v-3bf3a1a9],.alert-wrapper.alert-info .alert-description[data-v-3bf3a1a9]{--tw-text-opacity: 1;color:rgb(2 132 199 / var(--tw-text-opacity))}.alert-wrapper.alert-info .alert-close[data-v-3bf3a1a9],.alert-wrapper.alert-info .alert-title[data-v-3bf3a1a9]{--tw-text-opacity: 1;color:rgb(3 105 161 / var(--tw-text-opacity))}.alert-wrapper.alert-warning[data-v-3bf3a1a9]{--tw-bg-opacity: 1;background-color:rgb(255 247 237 / var(--tw-bg-opacity));--tw-border-opacity: 1;border-color:rgb(253 186 116 / var(--tw-border-opacity))}.alert-wrapper.alert-warning .alert-icon[data-v-3bf3a1a9],.alert-wrapper.alert-warning .alert-description[data-v-3bf3a1a9]{--tw-text-opacity: 1;color:rgb(234 88 12 / var(--tw-text-opacity))}.alert-wrapper.alert-warning .alert-close[data-v-3bf3a1a9],.alert-wrapper.alert-warning .alert-title[data-v-3bf3a1a9]{--tw-text-opacity: 1;color:rgb(194 65 12 / var(--tw-text-opacity))}.alert-wrapper.alert-error[data-v-3bf3a1a9]{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity));--tw-border-opacity: 1;border-color:rgb(252 165 165 / var(--tw-border-opacity))}.alert-wrapper.alert-error .alert-icon[data-v-3bf3a1a9],.alert-wrapper.alert-error .alert-description[data-v-3bf3a1a9]{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity))}.alert-wrapper.alert-error .alert-close[data-v-3bf3a1a9],.alert-wrapper.alert-error .alert-title[data-v-3bf3a1a9]{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity))}\n")();
+var _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+const _hoisted_1$l = { class: "alert-header" };
+const _hoisted_2$e = { class: "alert-icon" };
+const _hoisted_3$c = { class: "alert-title" };
+const _hoisted_4$8 = {
+  key: 0,
+  class: "alert-description"
+};
+const _hoisted_5$3 = {
+  key: 1,
+  class: "alert-actions"
+};
+const _sfc_main$n = /* @__PURE__ */ defineComponent({
+  __name: "Alert",
+  props: {
+    type: {
+      type: String,
+      default: "default"
+    },
+    title: {
+      type: String
+    },
+    description: {
+      type: String
+    },
+    closable: {
+      type: Boolean,
+      default: true
+    }
+  },
+  emits: ["close"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const TypeIcons = {
+      success: IconCheckboxCircle,
+      info: IconInformation,
+      default: IconInformation,
+      warning: IconErrorWarning,
+      error: IconCloseCircle
+    };
+    const classes = computed(() => {
+      return [`alert-${props.type}`];
+    });
+    const handleClose = () => {
+      emit("close");
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([unref(classes), "alert-wrapper"])
+      }, [
+        createElementVNode("div", _hoisted_1$l, [
+          createElementVNode("div", _hoisted_2$e, [
+            renderSlot(_ctx.$slots, "icon", {}, () => [
+              (openBlock(), createBlock(resolveDynamicComponent(TypeIcons[__props.type])))
+            ], true)
+          ]),
+          createElementVNode("div", _hoisted_3$c, toDisplayString(__props.title), 1),
+          __props.closable ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            class: "alert-close",
+            onClick: handleClose
+          }, [
+            createVNode(unref(IconClose))
+          ])) : createCommentVNode("", true)
+        ]),
+        __props.description || _ctx.$slots.description ? (openBlock(), createElementBlock("div", _hoisted_4$8, [
+          renderSlot(_ctx.$slots, "description", {}, () => [
+            createTextVNode(toDisplayString(__props.description), 1)
+          ], true)
+        ])) : createCommentVNode("", true),
+        _ctx.$slots.actions ? (openBlock(), createElementBlock("div", _hoisted_5$3, [
+          renderSlot(_ctx.$slots, "actions", {}, void 0, true)
+        ])) : createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
+var Alert = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-3bf3a1a9"]]);
+var Button_vue_vue_type_style_index_0_lang = /* @__PURE__ */ (() => ".btn{border-radius:4px;display:inline-flex;flex-shrink:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;flex-wrap:wrap;align-items:center;justify-content:center;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;text-align:center;font-size:.875rem;line-height:1.25rem;-webkit-text-decoration-line:none;text-decoration-line:none;height:2.25rem;padding-left:1rem;padding-right:1rem;outline-width:0px;border-style:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;vertical-align:middle}.btn:hover{opacity:.9}.btn:active{opacity:1}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-default{border:1px solid #d9d9d9}.btn-default .btn-icon{color:#0e1731}.btn-primary{background:#4ccba0;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.btn-secondary{background:#0e1731;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.btn-danger{background:#d71d1d;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.btn-block{width:100%}.btn-icon{height:1.25rem;width:1.25rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity));margin-right:.75rem}.btn-loading{cursor:not-allowed}.btn-loading:hover{opacity:1}.btn-lg{height:2.75rem;padding-left:1.25rem;padding-right:1.25rem;font-size:1.125rem;line-height:1.75rem}.btn-sm{height:1.75rem;padding-left:.75rem;padding-right:.75rem;font-size:.75rem;line-height:1rem}.btn-sm .btn-icon{height:.75rem;width:.75rem;margin-right:.5rem}.btn-xs{height:1.5rem;padding-left:.5rem;padding-right:.5rem;font-size:.75rem;line-height:1rem}.btn-xs .btn-icon{height:.75rem;width:.75rem;margin-right:.5rem}.btn-circle{width:2.25rem;padding:0;border-radius:9999px}.btn-lg.btn-circle{width:2.75rem}.btn-sm.btn-circle{width:1.75rem}.btn-xs.btn-circle{width:1.5rem}\n")();
+const _hoisted_1$k = ["disabled"];
+const _hoisted_2$d = {
+  key: 0,
+  class: "btn-icon"
+};
+const _hoisted_3$b = {
+  key: 0,
+  class: "animate-spin",
+  fill: "none",
+  viewBox: "0 0 24 24",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+const _hoisted_4$7 = /* @__PURE__ */ createElementVNode("circle", {
+  class: "opacity-25",
+  cx: "12",
+  cy: "12",
+  r: "10",
+  stroke: "currentColor",
+  "stroke-width": "4"
+}, null, -1);
+const _hoisted_5$2 = /* @__PURE__ */ createElementVNode("path", {
+  class: "opacity-75",
+  d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z",
+  fill: "currentColor"
+}, null, -1);
+const _hoisted_6 = [
+  _hoisted_4$7,
+  _hoisted_5$2
+];
+const _hoisted_7 = { class: "btn-content" };
+const _sfc_main$m = /* @__PURE__ */ defineComponent({
+  __name: "Button",
+  props: {
+    type: {
+      type: String,
+      default: "default"
+    },
+    size: {
+      type: String,
+      default: "md"
+    },
+    circle: {
+      type: Boolean,
+      default: false
+    },
+    block: {
+      type: Boolean,
+      default: false
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    loading: {
+      type: Boolean,
+      default: false
+    },
+    route: {
+      type: Object
+    }
+  },
+  emits: ["click"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const router = useRouter();
+    const classes = computed(() => {
+      return [
+        `btn-${props.size}`,
+        `btn-${props.type}`,
+        { "btn-circle": props.circle },
+        { "btn-block": props.block },
+        { "btn-loading": props.loading }
+      ];
+    });
+    function handleClick() {
+      if (props.disabled || props.loading)
+        return;
+      if (props.route) {
+        router.push(props.route);
+      }
+      emit("click");
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("button", {
+        class: normalizeClass([unref(classes), "btn"]),
+        disabled: __props.disabled,
+        onClick: handleClick
+      }, [
+        _ctx.$slots.icon || __props.loading ? (openBlock(), createElementBlock("span", _hoisted_2$d, [
+          __props.loading ? (openBlock(), createElementBlock("svg", _hoisted_3$b, _hoisted_6)) : renderSlot(_ctx.$slots, "icon", { key: 1 })
+        ])) : createCommentVNode("", true),
+        createElementVNode("span", _hoisted_7, [
+          renderSlot(_ctx.$slots, "default")
+        ])
+      ], 10, _hoisted_1$k);
+    };
+  }
+});
+var Card_vue_vue_type_style_index_0_lang = /* @__PURE__ */ (() => ".card-wrapper{box-sizing:border-box;display:flex;flex-direction:column;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);overflow:hidden;border-radius:4px;border:1px solid #eaecf0}.card-wrapper .card-header{display:flex;justify-content:space-between;border-bottom:1px solid #eaecf0}.card-wrapper .card-header .card-header-title{align-self:center;font-size:1rem;line-height:1.5rem;font-weight:700;padding:12px 16px}.card-wrapper .card-header .card-header-actions{align-self:center}.card-wrapper .card-body{padding:12px 16px}.card-wrapper .card-footer{border-top:1px solid #eaecf0;padding:12px 16px}\n")();
+const _hoisted_1$j = { class: "card-wrapper" };
+const _hoisted_2$c = {
+  key: 0,
+  class: "card-header"
+};
+const _hoisted_3$a = { class: "card-header-title" };
+const _hoisted_4$6 = { class: "card-header-actions" };
+const _hoisted_5$1 = {
+  key: 1,
+  class: "card-footer"
+};
+const _sfc_main$l = /* @__PURE__ */ defineComponent({
+  __name: "Card",
+  props: {
+    title: {
+      type: String
+    },
+    bodyClass: {
+      type: Object
+    }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$j, [
+        __props.title || _ctx.$slots.header ? (openBlock(), createElementBlock("div", _hoisted_2$c, [
+          renderSlot(_ctx.$slots, "header", {}, () => [
+            createElementVNode("div", _hoisted_3$a, toDisplayString(__props.title), 1),
+            createElementVNode("div", _hoisted_4$6, [
+              renderSlot(_ctx.$slots, "actions")
+            ])
+          ])
+        ])) : createCommentVNode("", true),
+        createElementVNode("div", {
+          class: normalizeClass([__props.bodyClass, "card-body"])
+        }, [
+          renderSlot(_ctx.$slots, "default")
+        ], 2),
+        _ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_5$1, [
+          renderSlot(_ctx.$slots, "footer")
+        ])) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+var CheckBox_vue_vue_type_style_index_0_lang = /* @__PURE__ */ (() => ".checkbox-wrapper{display:flex;align-items:center;box-sizing:border-box;flex-grow:0}\n")();
+const _hoisted_1$i = { class: "checkbox-inner" };
+const _hoisted_2$b = ["id", "checked", "value"];
+const _hoisted_3$9 = ["for"];
+const _sfc_main$k = /* @__PURE__ */ defineComponent({
+  __name: "CheckBox",
+  props: {
+    checked: {
+      type: Boolean,
+      default: false
+    },
+    value: {
+      type: [String, Number, Boolean]
+    },
+    label: {
+      type: String
+    },
+    name: {
+      type: String
+    }
+  },
+  emits: ["update:checked", "change"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const id = ["checkbox", props.name, props.value].filter((item) => !!item).join("-");
+    function handleChange(e) {
+      const { checked } = e.target;
+      emit("update:checked", checked);
+      emit("change", e);
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([{ "checkbox-wrapper-checked": __props.checked }, "checkbox-wrapper"])
+      }, [
+        createElementVNode("div", _hoisted_1$i, [
+          createElementVNode("input", {
+            id: unref(id),
+            checked: __props.checked,
+            value: __props.value,
+            type: "checkbox",
+            onChange: handleChange
+          }, null, 40, _hoisted_2$b)
+        ]),
+        __props.label ? (openBlock(), createElementBlock("label", {
+          key: 0,
+          for: unref(id),
+          class: "checkbox-label"
+        }, toDisplayString(__props.label), 9, _hoisted_3$9)) : createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
+var CheckBoxGroup_vue_vue_type_style_index_0_lang = /* @__PURE__ */ (() => "")();
+const _hoisted_1$h = { class: "checkbox-group-wrapper" };
+const _sfc_main$j = /* @__PURE__ */ defineComponent({
+  __name: "CheckBoxGroup",
+  props: {
+    modelValue: {
+      type: Object,
+      default: () => {
+        return [];
+      }
+    },
+    options: {
+      type: Object
+    },
+    valueKey: {
+      type: String,
+      default: "value"
+    },
+    labelKey: {
+      type: String,
+      default: "label"
+    },
+    name: {
+      type: String
+    }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(__props, { emit }) {
+    const props = __props;
+    function handleChange(e) {
+      const { value, checked } = e.target;
+      const checkedValues = [...props.modelValue];
+      if (checked) {
+        checkedValues.push(value);
+      } else {
+        checkedValues.splice(checkedValues.indexOf(value), 1);
+      }
+      emit("update:modelValue", checkedValues);
+      emit("change", checkedValues);
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$h, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (option, index) => {
+          return openBlock(), createBlock(unref(_sfc_main$k), {
+            key: index,
+            checked: __props.modelValue.includes(option[__props.valueKey]),
+            label: option[__props.labelKey],
+            name: __props.name,
+            value: option[__props.valueKey],
+            onChange: handleChange
+          }, null, 8, ["checked", "label", "name", "value"]);
+        }), 128))
+      ]);
+    };
+  }
+});
+const _hoisted_1$g = { class: "flex items-center justify-between bg-white p-4" };
+const _hoisted_2$a = { class: "min-w-0 flex-1 self-center" };
+const _hoisted_3$8 = { class: "flex items-center truncate text-xl font-bold text-gray-800" };
+const _hoisted_4$5 = { class: "self-center" };
+const _sfc_main$i = /* @__PURE__ */ defineComponent({
+  __name: "PageHeader",
+  props: {
+    title: {
+      type: String
+    }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$g, [
+        createElementVNode("div", _hoisted_2$a, [
+          createElementVNode("h2", _hoisted_3$8, [
+            renderSlot(_ctx.$slots, "icon"),
+            createElementVNode("span", null, toDisplayString(__props.title), 1)
+          ])
+        ]),
+        createElementVNode("div", _hoisted_4$5, [
+          renderSlot(_ctx.$slots, "actions")
+        ])
+      ]);
+    };
+  }
+});
+var Input_vue_vue_type_style_index_0_lang = /* @__PURE__ */ (() => ".input-wrapper{box-sizing:border-box;position:relative;width:100%;display:inline-flex}.input-wrapper input{outline-width:0px;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;resize:none;width:100%;--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity));display:block;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #ced4da;border-radius:4px}.input-wrapper input:active{border-color:#4ccba0}.input-wrapper input:focus{border-color:#4ccba0}.input-wrapper input:disabled{opacity:.5;cursor:not-allowed}.input-wrapper input.input-lg{height:2.75rem;padding-left:1rem;padding-right:1rem;font-size:1.125rem;line-height:1.75rem}.input-wrapper input.input-md{height:2.25rem;padding-left:.75rem;padding-right:.75rem;font-size:.875rem;line-height:1.25rem}.input-wrapper input.input-sm{height:1.75rem;padding-left:.75rem;padding-right:.75rem;font-size:.75rem;line-height:1rem}.input-wrapper input.input-xs{height:1.5rem;padding-left:.5rem;padding-right:.5rem;font-size:.75rem;line-height:1rem}.input-wrapper .input-prefix{position:absolute;display:flex;top:50%;transform:translateY(-50%);align-items:center;justify-content:center}.input-wrapper .input-suffix{position:absolute;display:flex;top:50%;right:0;transform:translateY(-50%);align-items:center;justify-content:center}\n")();
+const _hoisted_1$f = { class: "input-wrapper" };
+const _hoisted_2$9 = {
+  key: 0,
+  class: "input-prefix"
+};
+const _hoisted_3$7 = ["disabled", "placeholder", "value"];
+const _hoisted_4$4 = {
+  key: 1,
+  class: "input-suffix"
+};
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
+  __name: "Input",
+  props: {
+    modelValue: {
+      type: String
+    },
+    size: {
+      type: String,
+      default: "md"
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    placeholder: {
+      type: String
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const classes = computed(() => {
+      return [`input-${props.size}`];
+    });
+    function handleInput(e) {
+      const { value } = e.target;
+      emit("update:modelValue", value);
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$f, [
+        _ctx.$slots.prefix ? (openBlock(), createElementBlock("div", _hoisted_2$9, [
+          renderSlot(_ctx.$slots, "prefix")
+        ])) : createCommentVNode("", true),
+        createElementVNode("input", {
+          class: normalizeClass(unref(classes)),
+          disabled: __props.disabled,
+          placeholder: __props.placeholder,
+          value: __props.modelValue,
+          type: "text",
+          onInput: handleInput
+        }, null, 42, _hoisted_3$7),
+        _ctx.$slots.suffix ? (openBlock(), createElementBlock("div", _hoisted_4$4, [
+          renderSlot(_ctx.$slots, "suffix")
+        ])) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+const _hoisted_1$e = { class: "menu-container w-full p-3" };
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
+  __name: "Menu",
+  props: {
+    openIds: {
+      type: Object,
+      required: false
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    provide("openIds", props.openIds);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$e, [
+        createElementVNode("ul", null, [
+          renderSlot(_ctx.$slots, "default")
+        ])
+      ]);
+    };
+  }
+});
+var MenuItem_vue_vue_type_style_index_0_lang = /* @__PURE__ */ (() => '.menu-item{cursor:pointer}.menu-item-title{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;font-size:1rem;line-height:1.5rem;display:flex;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;padding:.5rem;font-weight:400;border-radius:4px}.menu-item-title:hover,.menu-item-title.active{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity));font-weight:500}.menu-item-title.active:after{position:absolute;top:calc(50% - 13px);left:-8px;width:3px;height:26px;content:"";background:#242e41;border-radius:6px}.menu-icon-collapse.open{transform:rotate(90deg)}.submenus-show-enter-active{transition:all .1s ease-out}.submenus-show-leave-active{transition:all .8s cubic-bezier(1,.5,.8,1)}.submenus-show-enter-from,.submenus-show-enter-to{transform:translateY(-10px);opacity:0}\n')();
+const _hoisted_1$d = ["onClick"];
+const _hoisted_2$8 = {
+  key: 0,
+  class: "menu-icon mr-3 self-center"
+};
+const _hoisted_3$6 = { class: "menu-title flex-1 self-center" };
+const _hoisted_4$3 = { class: "sub-menu-items transition-all" };
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
+  __name: "MenuItem",
+  props: {
+    id: {
+      type: String,
+      default: ""
+    },
+    title: {
+      type: String,
+      default: ""
+    },
+    active: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ["select"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const slots = useSlots();
+    const open = ref(false);
+    const openIds = inject("openIds");
+    if (openIds == null ? void 0 : openIds.includes(props.id)) {
+      open.value = true;
+    }
+    const hasSubmenus = computed(() => {
+      return slots.default && slots.default().length > 0;
+    });
+    function handleClick() {
+      if (hasSubmenus.value) {
+        open.value = !open.value;
+        return;
+      }
+      emit("select", props.id);
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("li", {
+        class: normalizeClass([{ "has-submenus": unref(hasSubmenus) }, "menu-item"]),
+        onClick: withModifiers(handleClick, ["stop"])
+      }, [
+        createElementVNode("div", {
+          class: normalizeClass([{ active: __props.active }, "menu-item-title"])
+        }, [
+          _ctx.$slots.icon ? (openBlock(), createElementBlock("span", _hoisted_2$8, [
+            renderSlot(_ctx.$slots, "icon")
+          ])) : createCommentVNode("", true),
+          createElementVNode("span", _hoisted_3$6, toDisplayString(__props.title), 1),
+          _ctx.$slots.default ? (openBlock(), createElementBlock("span", {
+            key: 1,
+            class: normalizeClass([{ open: open.value }, "menu-icon-collapse self-center transition-all"])
+          }, [
+            createVNode(unref(IconArrowRight))
+          ], 2)) : createCommentVNode("", true)
+        ], 2),
+        createVNode(Transition, { name: "submenus-show" }, {
+          default: withCtx(() => [
+            withDirectives(createElementVNode("ul", _hoisted_4$3, [
+              renderSlot(_ctx.$slots, "default")
+            ], 512), [
+              [vShow, _ctx.$slots.default && open.value]
+            ])
+          ]),
+          _: 3
+        })
+      ], 10, _hoisted_1$d);
+    };
+  }
+});
+var MenuLabel_vue_vue_type_style_index_0_lang = /* @__PURE__ */ (() => ".menu-label{padding-top:10px;padding-bottom:10px;color:#847e7e;font-size:14px;font-weight:400}\n")();
+const _sfc_main$e = {};
+const _hoisted_1$c = { class: "menu-label flex flex-col" };
+function _sfc_render(_ctx, _cache) {
+  return openBlock(), createElementBlock("li", _hoisted_1$c, [
+    renderSlot(_ctx.$slots, "default")
+  ]);
+}
+var VMenuLabel = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["render", _sfc_render]]);
+const VRoutesMenu = defineComponent({
+  name: "VRoutesMenu",
+  props: {
+    menus: {
+      type: Object
+    }
+  },
+  emits: ["select"],
+  setup(props, {
+    emit
+  }) {
+    const route = useRoute();
+    const {
+      push
+    } = useRouter();
+    const openIds = computed(() => {
+      return route.matched.map((item) => item.path);
+    });
+    async function handleSelect(id) {
+      emit("select", id);
+      await push(id);
+    }
+    function renderIcon(icon) {
+      if (!icon)
+        return void 0;
+      return createVNode(icon, {
+        "height": "20px",
+        "width": "20px"
+      }, null);
+    }
+    function renderItems(items) {
+      return items == null ? void 0 : items.map((item) => {
+        var _a;
+        return createVNode(Fragment, null, [((_a = item.children) == null ? void 0 : _a.length) ? createVNode(_sfc_main$f, {
+          "key": item.path,
+          "id": item.path,
+          "title": item.name
+        }, {
+          default: () => [renderItems(item.children)],
+          icon: () => renderIcon(item.icon)
+        }) : createVNode(_sfc_main$f, {
+          "key": item.path,
+          "id": item.path,
+          "title": item.name,
+          "onSelect": handleSelect,
+          "active": openIds.value.includes(item.path)
+        }, {
+          icon: () => renderIcon(item.icon)
+        })]);
+      });
+    }
+    return () => createVNode(_sfc_main$g, {
+      "openIds": openIds.value
+    }, {
+      default: () => {
+        var _a;
+        return [(_a = props.menus) == null ? void 0 : _a.map((menu) => {
+          var _a2;
+          return createVNode(Fragment, null, [menu.name && createVNode(VMenuLabel, null, {
+            default: () => [menu.name]
+          }), ((_a2 = menu.items) == null ? void 0 : _a2.length) && renderItems(menu.items)]);
+        })];
+      }
+    });
+  }
+});
+var Modal_vue_vue_type_style_index_0_lang = /* @__PURE__ */ (() => ".modal-wrapper{position:fixed;top:0px;left:0px;height:100%;width:100%;display:flex;flex-direction:row;align-items:center;justify-content:center;z-index:999}.modal-wrapper .modal-layer{flex:none;position:absolute;top:0px;left:0px;height:100%;width:100%;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;background-color:rgb(107 114 128 / var(--tw-bg-opacity));--tw-bg-opacity: .75}.modal-wrapper .modal-content{display:flex;flex-direction:column;position:relative;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));align-items:stretch;--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);width:calc(100vw - 20px);max-height:calc(100vh - 20px);border-radius:4px}.modal-wrapper .modal-content .modal-header{display:flex;justify-content:space-between;border-bottom-width:1px}.modal-wrapper .modal-content .modal-header .modal-header-title{align-self:center;font-size:1rem;line-height:1.5rem;font-weight:700;padding:12px 16px}.modal-wrapper .modal-content .modal-header .modal-header-actions{align-self:center;height:100%}.modal-wrapper .modal-content .modal-header .modal-header-actions .modal-header-action{cursor:pointer;padding:12px 16px}.modal-wrapper .modal-content .modal-header .modal-header-actions .modal-header-action:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}.modal-wrapper .modal-content .modal-body{overflow-y:auto;overflow-x:hidden;flex:1 1 0%;word-wrap:break-word;padding:12px 16px}.modal-wrapper .modal-content .modal-footer{border-top-width:1px;padding:12px 16px}.modal-wrapper.modal-wrapper-fullscreen .modal-content{width:100vw!important;max-width:100vw!important;height:100vh!important;max-height:100vh!important;border-radius:0}\n")();
+const _hoisted_1$b = {
+  key: 0,
+  class: "modal-header"
+};
+const _hoisted_2$7 = { class: "modal-header-title" };
+const _hoisted_3$5 = { class: "modal-header-actions flex flex-row" };
+const _hoisted_4$2 = {
+  key: 1,
+  class: "modal-footer"
+};
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
+  __name: "Modal",
+  props: {
+    visible: {
+      type: Boolean,
+      default: false
+    },
+    title: {
+      type: String
+    },
+    width: {
+      type: Number,
+      default: 500
+    },
+    fullscreen: {
+      type: Boolean,
+      default: false
+    },
+    bodyClass: {
+      type: Object
+    }
+  },
+  emits: ["update:visible", "close"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const rootVisible = ref(false);
+    const wrapperClasses = computed(() => {
+      return {
+        "modal-wrapper-fullscreen": props.fullscreen
+      };
+    });
+    const contentStyles = computed(() => {
+      return {
+        maxWidth: props.width + "px"
+      };
+    });
+    function handleClose() {
+      emit("update:visible", false);
+      emit("close");
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(Teleport, {
+        to: "body",
+        disabled: true
+      }, [
+        withDirectives(createElementVNode("div", {
+          class: normalizeClass([unref(wrapperClasses), "modal-wrapper"]),
+          "aria-modal": "true",
+          role: "dialog",
+          tabindex: "0",
+          onKeyup: _cache[4] || (_cache[4] = withKeys(($event) => handleClose(), ["esc"]))
+        }, [
+          createVNode(Transition, {
+            "enter-active-class": "ease-out duration-200",
+            "enter-from-class": "opacity-0",
+            "enter-to-class": "opacity-100",
+            "leave-active-class": "ease-in duration-100",
+            "leave-from-class": "opacity-100",
+            "leave-to-class": "opacity-0",
+            onBeforeEnter: _cache[1] || (_cache[1] = ($event) => rootVisible.value = true),
+            onAfterLeave: _cache[2] || (_cache[2] = ($event) => rootVisible.value = false)
+          }, {
+            default: withCtx(() => [
+              withDirectives(createElementVNode("div", {
+                class: "modal-layer",
+                onClick: _cache[0] || (_cache[0] = ($event) => handleClose())
+              }, null, 512), [
+                [vShow, __props.visible]
+              ])
+            ]),
+            _: 1
+          }),
+          createVNode(Transition, {
+            "enter-active-class": "ease-out duration-200",
+            "enter-from-class": "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95",
+            "enter-to-class": "opacity-100 translate-y-0 sm:scale-100",
+            "leave-active-class": "ease-in duration-100",
+            "leave-from-class": "opacity-100 translate-y-0 sm:scale-100",
+            "leave-to-class": "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
+          }, {
+            default: withCtx(() => [
+              withDirectives(createElementVNode("div", {
+                style: normalizeStyle(unref(contentStyles)),
+                class: "modal-content transform transition-all"
+              }, [
+                _ctx.$slots.header || __props.title ? (openBlock(), createElementBlock("div", _hoisted_1$b, [
+                  renderSlot(_ctx.$slots, "header", {}, () => [
+                    createElementVNode("div", _hoisted_2$7, toDisplayString(__props.title), 1),
+                    createElementVNode("div", _hoisted_3$5, [
+                      renderSlot(_ctx.$slots, "actions"),
+                      createElementVNode("div", {
+                        class: "modal-header-action",
+                        onClick: _cache[3] || (_cache[3] = ($event) => handleClose())
+                      }, [
+                        createVNode(unref(IconClose))
+                      ])
+                    ])
+                  ])
+                ])) : createCommentVNode("", true),
+                createElementVNode("div", {
+                  class: normalizeClass([__props.bodyClass, "modal-body"])
+                }, [
+                  renderSlot(_ctx.$slots, "default")
+                ], 2),
+                _ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_4$2, [
+                  renderSlot(_ctx.$slots, "footer")
+                ])) : createCommentVNode("", true)
+              ], 4), [
+                [vShow, __props.visible]
+              ])
+            ]),
+            _: 3
+          })
+        ], 34), [
+          [vShow, rootVisible.value]
+        ])
+      ]);
+    };
+  }
+});
+var Radio_vue_vue_type_style_index_0_lang = /* @__PURE__ */ (() => ".radio-wrapper{display:flex;align-items:center;box-sizing:border-box;flex-grow:0}.radio-wrapper .radio-inner{align-self:center;position:relative}.radio-wrapper .radio-label{display:flex;align-self:center;align-items:flex-start;margin-left:.75rem}\n")();
+const _hoisted_1$a = { class: "radio-inner" };
+const _hoisted_2$6 = ["id", "checked", "name", "value"];
+const _hoisted_3$4 = ["for"];
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
+  __name: "Radio",
+  props: {
+    modelValue: {
+      type: [String, Number, Boolean]
+    },
+    value: {
+      type: [String, Number, Boolean]
+    },
+    label: {
+      type: String
+    },
+    name: {
+      type: String
+    }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const id = ["radio", props.name, props.value].filter((item) => !!item).join("-");
+    const checked = computed(() => props.modelValue === props.value);
+    function handleChange(e) {
+      const { value } = e.target;
+      emit("update:modelValue", value);
+      emit("change", value);
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([{ "radio-wrapper-checked": unref(checked) }, "radio-wrapper"])
+      }, [
+        createElementVNode("div", _hoisted_1$a, [
+          createElementVNode("input", {
+            id: unref(id),
+            checked: unref(checked),
+            name: __props.name,
+            value: __props.value,
+            type: "radio",
+            onChange: handleChange
+          }, null, 40, _hoisted_2$6)
+        ]),
+        __props.label ? (openBlock(), createElementBlock("label", {
+          key: 0,
+          for: unref(id),
+          class: "radio-label"
+        }, toDisplayString(__props.label), 9, _hoisted_3$4)) : createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
+const _hoisted_1$9 = { class: "radio-group-wrapper" };
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
+  __name: "RadioGroup",
+  props: {
+    modelValue: {
+      type: [String, Number, Boolean]
+    },
+    options: {
+      type: Object
+    },
+    valueKey: {
+      type: String,
+      default: "value"
+    },
+    labelKey: {
+      type: String,
+      default: "label"
+    },
+    name: {
+      type: String
+    }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(__props, { emit }) {
+    function handleChange(value) {
+      emit("update:modelValue", value);
+      emit("change", value);
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$9, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (option, index) => {
+          return openBlock(), createBlock(unref(_sfc_main$c), {
+            key: index,
+            label: option[__props.labelKey] + "",
+            "model-value": __props.modelValue,
+            name: __props.name,
+            value: option[__props.valueKey],
+            onChange: handleChange
+          }, null, 8, ["label", "model-value", "name", "value"]);
+        }), 128))
+      ]);
+    };
+  }
+});
+var Select_vue_vue_type_style_index_0_lang = /* @__PURE__ */ (() => ".select-wrapper{box-sizing:border-box;position:relative;width:100%;display:inline-flex}.select-wrapper select{outline-width:0px;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity));display:block;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #ced4da;border-radius:4px}.select-wrapper select:active{border-color:#4ccba0}.select-wrapper select:focus{border-color:#4ccba0}.select-wrapper select:disabled{opacity:.5;cursor:not-allowed}.select-wrapper select.select-lg{height:2.75rem;padding-left:1rem;padding-right:1rem;font-size:1.125rem;line-height:1.75rem}.select-wrapper select.select-md{height:2.25rem;padding-left:.75rem;padding-right:.75rem;font-size:.875rem;line-height:1.25rem}.select-wrapper select.select-sm{height:1.75rem;padding-left:.75rem;padding-right:.75rem;font-size:.75rem;line-height:1rem}.select-wrapper select.select-xs{height:1.5rem;padding-left:.5rem;padding-right:.5rem;font-size:.75rem;line-height:1rem}\n")();
+const _hoisted_1$8 = { class: "select-wrapper" };
+const _hoisted_2$5 = ["disabled", "value"];
+const _hoisted_3$3 = {
+  key: "placeholder",
+  disabled: "",
+  hidden: "",
+  value: ""
+};
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
+  __name: "Select",
+  props: {
+    modelValue: {
+      type: String
+    },
+    size: {
+      type: String,
+      default: "md"
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    placeholder: {
+      type: String
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const classes = computed(() => {
+      return [`select-${props.size}`];
+    });
+    function handleChange(e) {
+      const { value } = e.target;
+      emit("update:modelValue", value);
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$8, [
+        createElementVNode("select", {
+          class: normalizeClass(unref(classes)),
+          disabled: __props.disabled,
+          value: __props.modelValue,
+          onChange: handleChange
+        }, [
+          __props.placeholder ? (openBlock(), createElementBlock("option", _hoisted_3$3, toDisplayString(__props.placeholder), 1)) : createCommentVNode("", true),
+          renderSlot(_ctx.$slots, "default")
+        ], 42, _hoisted_2$5)
+      ]);
+    };
+  }
+});
+const _hoisted_1$7 = ["value"];
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+  __name: "Option",
+  props: {
+    value: {
+      type: [String, Number, Boolean]
+    }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("option", { value: __props.value }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 8, _hoisted_1$7);
+    };
+  }
+});
+const SpacingSize = {
+  xs: 10,
+  sm: 12,
+  md: 16,
+  lg: 20
+};
+var Space_vue_vue_type_style_index_0_lang = /* @__PURE__ */ (() => ".space-wrapper{display:inline-flex;box-sizing:border-box}.space-wrapper.space-direction-row{flex-direction:row}.space-wrapper.space-direction-column{flex-direction:column}.space-wrapper.space-align-center{align-items:center}.space-wrapper.space-align-start{align-items:flex-start}.space-wrapper.space-align-end{align-items:flex-end}.space-wrapper.space-align-stretch{align-items:stretch}\n")();
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+  __name: "Space",
+  props: {
+    spacing: {
+      type: String,
+      default: "xs"
+    },
+    direction: {
+      type: String,
+      default: "row"
+    },
+    align: {
+      type: String,
+      default: "center"
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const wrapperClasses = computed(() => {
+      const { direction, align } = props;
+      return [`space-direction-${direction}`, `space-align-${align}`];
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([unref(wrapperClasses), "space-wrapper"]),
+        style: normalizeStyle(`gap: ${unref(SpacingSize)[__props.spacing]}px`)
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 6);
+    };
+  }
+});
+var Tabs_vue_vue_type_style_index_0_lang = /* @__PURE__ */ (() => ".tabs-wrapper{display:flex}.tabs-wrapper.tabs-direction-row{flex-direction:column}.tabs-wrapper.tabs-direction-row .tabs-items-wrapper{margin-top:.5rem}.tabs-wrapper.tabs-direction-column .tabs-items-wrapper{margin-left:.5rem}\n")();
+const _hoisted_1$6 = { class: "tabs-bar-wrapper" };
+const _hoisted_2$4 = { class: "tabs-items-wrapper" };
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+  __name: "Tabs",
+  props: {
+    activeId: {
+      type: [Number, String]
+    },
+    type: {
+      type: String,
+      default: "default"
+    },
+    direction: {
+      type: String,
+      default: "row"
+    },
+    idKey: {
+      type: String,
+      default: "id"
+    },
+    labelKey: {
+      type: String,
+      default: "label"
+    }
+  },
+  emits: ["update:activeId", "change"],
+  setup(__props, { emit }) {
+    const props = __props;
+    provide("activeId", computed(() => props.activeId));
+    const slots = useSlots();
+    const tabItems = computed(() => {
+      var _a;
+      return (_a = slots.default) == null ? void 0 : _a.call(slots).map(({ props: slotProps }) => {
+        return {
+          id: slotProps == null ? void 0 : slotProps[props.idKey],
+          label: slotProps == null ? void 0 : slotProps[props.labelKey]
+        };
+      });
+    });
+    const classes = computed(() => {
+      return [`tabs-direction-${props.direction}`];
+    });
+    const handleChange = (id) => {
+      emit("update:activeId", id);
+      emit("change", id);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([unref(classes), "tabs-wrapper"])
+      }, [
+        createElementVNode("div", _hoisted_1$6, [
+          createVNode(unref(_sfc_main$5), {
+            activeId: __props.activeId,
+            direction: __props.direction,
+            items: unref(tabItems),
+            type: __props.type,
+            onChange: handleChange
+          }, null, 8, ["activeId", "direction", "items", "type"])
+        ]),
+        createElementVNode("div", _hoisted_2$4, [
+          renderSlot(_ctx.$slots, "default")
+        ])
+      ], 2);
+    };
+  }
+});
+const _hoisted_1$5 = {
+  key: 0,
+  class: "tabs-item-wrapper"
+};
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+  __name: "TabItem",
+  props: {
+    id: {
+      type: String
+    },
+    label: {
+      type: String
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const activeId = inject("activeId");
+    const isActive = computed(() => {
+      return (activeId == null ? void 0 : activeId.value) === props.id;
+    });
+    return (_ctx, _cache) => {
+      return unref(isActive) ? (openBlock(), createElementBlock("div", _hoisted_1$5, [
+        renderSlot(_ctx.$slots, "default")
+      ])) : createCommentVNode("", true);
+    };
+  }
+});
+var Tabbar_vue_vue_type_style_index_0_lang = /* @__PURE__ */ (() => ".tabbar-wrapper .tabbar-items{display:flex;align-items:center;flex-direction:row}.tabbar-wrapper .tabbar-item{display:flex;cursor:pointer;align-self:center;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;font-size:1rem;line-height:1.5rem;justify-content:center;gap:.5rem}.tabbar-wrapper .tabbar-item .tabbar-item-label,.tabbar-wrapper .tabbar-item .tabbar-item-icon{align-self:center}.tabbar-wrapper.tabbar-default{border-bottom-width:2px;--tw-border-opacity: 1;border-bottom-color:rgb(243 244 246 / var(--tw-border-opacity))}.tabbar-wrapper.tabbar-default .tabbar-items{margin-bottom:-2px;justify-content:flex-start}.tabbar-wrapper.tabbar-default .tabbar-item{height:2.5rem;padding:.25rem 1.25rem;--tw-border-opacity: 1;border-bottom-color:rgb(243 244 246 / var(--tw-border-opacity));border-bottom-width:2px}.tabbar-wrapper.tabbar-default .tabbar-item.tabbar-item-active{color:#0e1731;border-bottom-color:#0e1731}.tabbar-wrapper.tabbar-pills .tabbar-items{gap:.25rem;justify-content:flex-start}.tabbar-wrapper.tabbar-pills .tabbar-item{height:2.5rem;padding:.25rem 2.25rem;opacity:.7;border-radius:4px}.tabbar-wrapper.tabbar-pills .tabbar-item.tabbar-item-active{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity));opacity:1}.tabbar-wrapper.tabbar-pills .tabbar-item:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}.tabbar-wrapper.tabbar-outline{padding:.25rem;--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity));border-radius:4px}.tabbar-wrapper.tabbar-outline .tabbar-items{gap:.25rem;justify-content:flex-start}.tabbar-wrapper.tabbar-outline .tabbar-item{height:2.5rem;padding:.25rem 2.25rem;opacity:.7;border-radius:4px}.tabbar-wrapper.tabbar-outline .tabbar-item.tabbar-item-active{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));opacity:1;--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.tabbar-wrapper.tabbar-outline .tabbar-item:hover{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.tabbar-wrapper.tabbar-direction-row .tabbar-items{flex-direction:row}.tabbar-wrapper.tabbar-direction-column .tabbar-items{flex-direction:column}.tabbar-wrapper.tabbar-direction-column.tabbar-default{border-bottom-width:0;border-bottom-width:0px;border-right-width:2px;--tw-border-opacity: 1;border-right-color:rgb(243 244 246 / var(--tw-border-opacity))}.tabbar-wrapper.tabbar-direction-column.tabbar-default .tabbar-items{margin-bottom:0;margin-right:-2px}.tabbar-wrapper.tabbar-direction-column.tabbar-default .tabbar-item{border-bottom-width:0;border-right-width:2px}.tabbar-wrapper.tabbar-direction-column.tabbar-default .tabbar-item.tabbar-item-active{border-right-color:#0e1731}\n")();
+const _hoisted_1$4 = { class: "tabbar-items" };
+const _hoisted_2$3 = ["onClick"];
+const _hoisted_3$2 = {
+  key: 0,
+  class: "tabbar-item-icon"
+};
+const _hoisted_4$1 = {
+  key: 1,
+  class: "tabbar-item-label"
+};
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+  __name: "Tabbar",
+  props: {
+    activeId: {
+      type: [Number, String]
+    },
+    items: {
+      type: Object
+    },
+    type: {
+      type: String,
+      default: "default"
+    },
+    direction: {
+      type: String,
+      default: "row"
+    },
+    idKey: {
+      type: String,
+      default: "id"
+    },
+    labelKey: {
+      type: String,
+      default: "label"
+    }
+  },
+  emits: ["update:activeId", "change"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const classes = computed(() => {
+      return [`tabbar-${props.type}`, `tabbar-direction-${props.direction}`];
+    });
+    const handleChange = (id) => {
+      emit("update:activeId", id);
+      emit("change", id);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([unref(classes), "tabbar-wrapper"])
+      }, [
+        createElementVNode("div", _hoisted_1$4, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item, index) => {
+            return openBlock(), createElementBlock("div", {
+              key: index,
+              class: normalizeClass([{ "tabbar-item-active": item[__props.idKey] === __props.activeId }, "tabbar-item"]),
+              onClick: ($event) => handleChange(item[__props.idKey])
+            }, [
+              item.icon ? (openBlock(), createElementBlock("div", _hoisted_3$2, [
+                (openBlock(), createBlock(resolveDynamicComponent(item.icon)))
+              ])) : createCommentVNode("", true),
+              item[__props.labelKey] ? (openBlock(), createElementBlock("div", _hoisted_4$1, toDisplayString(item[__props.labelKey]), 1)) : createCommentVNode("", true)
+            ], 10, _hoisted_2$3);
+          }), 128))
+        ])
+      ], 2);
+    };
+  }
+});
+var Tag_vue_vue_type_style_index_0_lang = /* @__PURE__ */ (() => ".tag-wrapper{border-radius:4px;display:inline-flex;flex-shrink:0;flex-wrap:wrap;box-sizing:border-box;cursor:pointer;text-align:center;align-items:center;justify-content:center;width:auto;vertical-align:middle;height:1.25rem;font-size:.75rem;line-height:1rem}.tag-wrapper.tag-default{border:1px solid #d9d9d9}.tag-wrapper.tag-primary{background:#4ccba0;border:1px solid #4ccba0;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.tag-wrapper.tag-secondary{background:#0e1731;border:1px solid #0e1731;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.tag-wrapper.tag-danger{background:#d71d1d;border:1px solid #d71d1d;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.tag-wrapper.tag-rounded{border-radius:9999px}.tag-wrapper .tag-content{padding-left:.25rem;padding-right:.25rem}.tag-wrapper .tag-left-icon{padding-left:.25rem}.tag-wrapper .tag-right-icon{padding-right:.25rem}\n")();
+const _hoisted_1$3 = {
+  key: 0,
+  class: "tag-left-icon"
+};
+const _hoisted_2$2 = { class: "tag-content" };
+const _hoisted_3$1 = {
+  key: 1,
+  class: "tag-right-icon"
+};
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+  __name: "Tag",
+  props: {
+    theme: {
+      type: String,
+      default: "default"
+    },
+    rounded: {
+      type: Boolean,
+      default: false
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const classes = computed(() => {
+      return [`tag-${props.theme}`, { "tag-rounded": props.rounded }];
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([unref(classes), "tag-wrapper"])
+      }, [
+        _ctx.$slots.leftIcon ? (openBlock(), createElementBlock("div", _hoisted_1$3, [
+          renderSlot(_ctx.$slots, "leftIcon")
+        ])) : createCommentVNode("", true),
+        createElementVNode("span", _hoisted_2$2, [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _ctx.$slots.rightIcon ? (openBlock(), createElementBlock("div", _hoisted_3$1, [
+          renderSlot(_ctx.$slots, "rightIcon")
+        ])) : createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
+var Textarea_vue_vue_type_style_index_0_lang = /* @__PURE__ */ (() => ".textarea-wrapper{box-sizing:border-box;position:relative;width:100%;display:inline-flex}.textarea-wrapper textarea{outline-width:0px;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity));display:block;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:.75rem;font-size:.875rem;line-height:1.25rem;border:1px solid #ced4da;border-radius:4px}.textarea-wrapper textarea:active{border-color:#4ccba0}.textarea-wrapper textarea:focus{border-color:#4ccba0}.textarea-wrapper textarea:disabled{opacity:.5;cursor:not-allowed}\n")();
+const _hoisted_1$2 = { class: "textarea-wrapper" };
+const _hoisted_2$1 = ["disabled", "placeholder", "rows", "value"];
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  __name: "Textarea",
+  props: {
+    modelValue: {
+      type: String
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    placeholder: {
+      type: String
+    },
+    rows: {
+      type: Number,
+      default: 3
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit }) {
+    function handleInput(e) {
+      const { value } = e.target;
+      emit("update:modelValue", value);
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$2, [
+        createElementVNode("textarea", {
+          disabled: __props.disabled,
+          placeholder: __props.placeholder,
+          rows: __props.rows,
+          value: __props.modelValue,
+          onInput: handleInput
+        }, "\n    ", 40, _hoisted_2$1)
+      ]);
+    };
+  }
+});
+var Switch_vue_vue_type_style_index_0_lang = /* @__PURE__ */ (() => ".switch-wrapper{display:inline-flex;box-sizing:border-box}.switch-wrapper .switch-inner{position:relative;display:inline-flex;flex-shrink:0;height:1.5rem;width:2.75rem;border-width:2px;border-color:transparent;border-radius:9999px;cursor:pointer;transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.switch-wrapper .switch-inner .switch-indicator{pointer-events:none;display:inline-block;height:1.25rem;width:1.25rem;border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}\n")();
+const _hoisted_1$1 = { class: "switch-wrapper" };
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "Switch",
+  props: {
+    modelValue: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const handleChange = () => {
+      emit("update:modelValue", !props.modelValue);
+      emit("change", !props.modelValue);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$1, [
+        createElementVNode("button", {
+          class: normalizeClass([{
+            "bg-gray-200": !__props.modelValue,
+            "!bg-themeable-primary-600": __props.modelValue
+          }, "switch-inner"]),
+          "aria-checked": "false",
+          role: "switch",
+          type: "button",
+          onClick: handleChange
+        }, [
+          createElementVNode("span", {
+            class: normalizeClass([{
+              "translate-x-0": !__props.modelValue,
+              "translate-x-5": __props.modelValue
+            }, "switch-indicator"]),
+            "aria-hidden": "true"
+          }, [
+            renderSlot(_ctx.$slots, "icon")
+          ], 2)
+        ], 2)
+      ]);
+    };
+  }
+});
+const _hoisted_1 = { class: "flex justify-between items-start py-2 mb-2" };
+const _hoisted_2 = { class: "flex items-center gap-4" };
+const _hoisted_3 = { class: "flex-1 flex flex-col items-stretch gap-2" };
+const _hoisted_4 = { class: "text-base text-gray-900 font-bold" };
+const _hoisted_5 = { class: "text-sm text-gray-700" };
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "Dialog",
+  props: {
+    type: {
+      type: String,
+      default: "info"
+    },
+    title: {
+      type: String,
+      default: "\u63D0\u793A"
+    },
+    description: {
+      type: String,
+      default: ""
+    },
+    confirmText: {
+      type: String,
+      default: "\u786E\u5B9A"
+    },
+    cancelText: {
+      type: String,
+      default: "\u53D6\u6D88"
+    },
+    visible: {
+      type: Boolean,
+      default: false
+    },
+    onConfirm: {
+      type: Function
+    },
+    onCancel: {
+      type: Function
+    }
+  },
+  emits: ["update:visible", "close"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const icons = {
+      success: {
+        icon: IconCheckboxCircle,
+        color: "green"
+      },
+      info: {
+        icon: IconInformation,
+        color: "blue"
+      },
+      warning: {
+        icon: IconErrorWarning,
+        color: "orange"
+      },
+      error: {
+        icon: IconForbidLine,
+        color: "red"
+      }
+    };
+    const icon = computed(() => icons[props.type]);
+    const loading = ref(false);
+    const handleCancel = () => {
+      if (props.onCancel) {
+        props.onCancel();
+      }
+      handleClose();
+    };
+    const handleConfirm = async () => {
+      if (props.onConfirm) {
+        loading.value = true;
+        await props.onConfirm();
+      }
+      handleClose();
+    };
+    const handleClose = () => {
+      loading.value = false;
+      emit("update:visible", false);
+      emit("close");
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(_sfc_main$d), {
+        visible: __props.visible,
+        width: 450,
+        onClose: _cache[0] || (_cache[0] = ($event) => handleCancel())
+      }, {
+        footer: withCtx(() => [
+          createVNode(unref(_sfc_main$8), null, {
+            default: withCtx(() => [
+              createVNode(unref(_sfc_main$m), {
+                loading: loading.value,
+                type: "secondary",
+                onClick: handleConfirm
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(__props.confirmText), 1)
+                ]),
+                _: 1
+              }, 8, ["loading"]),
+              createVNode(unref(_sfc_main$m), { onClick: handleCancel }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(__props.cancelText), 1)
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ]),
+        default: withCtx(() => [
+          createElementVNode("div", _hoisted_1, [
+            createElementVNode("div", null, [
+              createElementVNode("div", {
+                class: normalizeClass([`ring-${unref(icon).color}-100`, "inline-flex rounded-full bg-teal-50 p-1.5 ring-4"])
+              }, [
+                (openBlock(), createBlock(resolveDynamicComponent(unref(icon).icon), {
+                  class: normalizeClass([`text-${unref(icon).color}-500`, "w-5 h-5"])
+                }, null, 8, ["class"]))
+              ], 2)
+            ]),
+            createElementVNode("div", null, [
+              createVNode(unref(IconClose), {
+                class: "cursor-pointer",
+                onClick: handleCancel
+              })
+            ])
+          ]),
+          createElementVNode("div", _hoisted_2, [
+            createElementVNode("div", _hoisted_3, [
+              createElementVNode("div", _hoisted_4, toDisplayString(__props.title), 1),
+              createElementVNode("div", _hoisted_5, toDisplayString(__props.description), 1)
+            ])
+          ])
+        ]),
+        _: 1
+      }, 8, ["visible"]);
+    };
+  }
+});
+const DialogProviderProvideKey = "DIALOG_PROVIDER_PROVIDE_KEY";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "DialogProvider",
+  setup(__props) {
+    const options = ref({
+      visible: false,
+      title: ""
+    });
+    provide(DialogProviderProvideKey, options);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        renderSlot(_ctx.$slots, "default"),
+        createVNode(unref(_sfc_main$1), {
+          visible: options.value.visible,
+          "onUpdate:visible": _cache[0] || (_cache[0] = ($event) => options.value.visible = $event),
+          "cancel-text": options.value.cancelText,
+          "confirm-text": options.value.confirmText,
+          description: options.value.description,
+          onCancel: options.value.onCancel,
+          onConfirm: options.value.onConfirm,
+          title: options.value.title,
+          type: options.value.type
+        }, null, 8, ["visible", "cancel-text", "confirm-text", "description", "onCancel", "onConfirm", "title", "type"])
+      ], 64);
+    };
+  }
+});
+function useDialog() {
+  const dialogOptions = inject(DialogProviderProvideKey);
+  if (!dialogOptions) {
+    throw new Error("DialogProvider is not mounted");
+  }
+  const createDialog = (type) => (options) => {
+    dialogOptions.value = __spreadValues(__spreadValues({}, dialogOptions.value), options);
+    dialogOptions.value.type = type;
+    dialogOptions.value.visible = true;
+  };
+  return {
+    success: createDialog("success"),
+    info: createDialog("info"),
+    warning: createDialog("warning"),
+    error: createDialog("error")
+  };
+}
+export { addCircleLine as IconAddCircle, arrowDownSFill as IconArrowDown, arrowDownSLine as IconArrowDownLine, arrowLeftSLine as IconArrowLeft, IconArrowRight, arrowUpSLine as IconArrowUpLine, bookReadLine as IconBookRead, IconCheckboxCircle, checkboxCircleFill as IconCheckboxFill, IconClose, IconCloseCircle, computerLine as IconComputer, dashboard3Line as IconDashboard, deleteBin2Line as IconDeleteBin, IconErrorWarning, exchangeLine as IconExchange, eyeLine as IconEye, folder2Line as IconFolder, IconForbidLine, gitBranchLine as IconGitBranch, githubFill as IconGitHub, gridLine as IconGrid, IconInformation, listUnordered as IconList, listSettingsLine as IconListSettings, magicLine as IconMagic, message3Line as IconMessage, moreLine as IconMore, pagesLine as IconPages, paletteLine as IconPalette, smartphoneLine as IconPhone, plug2Line as IconPlug, saveLine as IconSave, search2Line as IconSearch, settings4Line as IconSettings, shieldUserLine as IconShieldUser, stopCircleLine as IconStopCircle, tabletLine as IconTablet, uploadCloud2Line as IconUpload, userFollowLine as IconUserFollow, userSettingsLine as IconUserSettings, Alert as VAlert, _sfc_main$m as VButton, _sfc_main$l as VCard, _sfc_main$k as VCheckbox, _sfc_main$j as VCheckboxGroup, _sfc_main$1 as VDialog, _sfc_main as VDialogProvider, _sfc_main$h as VInput, _sfc_main$g as VMenu, _sfc_main$f as VMenuItem, VMenuLabel, _sfc_main$d as VModal, _sfc_main$9 as VOption, _sfc_main$i as VPageHeader, _sfc_main$c as VRadio, _sfc_main$b as VRadioGroup, VRoutesMenu, _sfc_main$a as VSelect, _sfc_main$8 as VSpace, _sfc_main$2 as VSwitch, _sfc_main$6 as VTabItem, _sfc_main$5 as VTabbar, _sfc_main$7 as VTabs, _sfc_main$4 as VTag, _sfc_main$3 as VTextarea, useDialog };
+//# sourceMappingURL=halo-components.es.js.map