@getblock/core 0.0.76

package/dist/getblockui-core.es.ts

@@ -0,0 +1,1873 @@
+import { defineComponent as L, computed as b, openBlock as i, createElementBlock as _, normalizeClass as a, unref as o, renderSlot as h, ref as g, useSlots as ge, createCommentVNode as x, createElementVNode as p, createBlock as V, withDirectives as Q, isRef as ye, vModelDynamic as we, createVNode as U, vShow as ie, onMounted as fe, watch as ve, resolveDirective as Te, Fragment as W, toDisplayString as A, renderList as oe, withModifiers as be, onBeforeUnmount as Le, Teleport as Ie, normalizeStyle as xe, nextTick as De, vModelText as Ce, createTextVNode as $e, withCtx as ze, onUnmounted as Oe, useCssVars as He } from "vue";
+const Ae = "_getblock_ui_button_1pp63_1", Ne = "_getblock_ui_buttonAccent_1pp63_7", Me = "_getblock_ui_buttonTint_1pp63_8", Ee = "_getblock_ui_buttonPrimary_1pp63_9", Fe = "_getblock_ui_buttonSecondary_1pp63_10", Re = "_getblock_ui_buttonOutline_1pp63_11", Ve = "_getblock_ui_buttonTransparent_1pp63_12", je = "_getblock_ui_buttonDestructiveAccent_1pp63_13", We = "_getblock_ui_buttonDestructiveTint_1pp63_14", Ge = "_getblock_ui_buttonDestructiveSecondary_1pp63_15", Ue = "_getblock_ui_buttonDestructiveOutline_1pp63_16", Pe = "_getblock_ui_buttonDestructiveTransparent_1pp63_17", Ye = "dark", qe = "_getblock_ui_buttonLarge_1pp63_42", Xe = "_getblock_ui_buttonMedium_1pp63_46", Ke = "_getblock_ui_buttonSmall_1pp63_50", Je = "_getblock_ui_buttonBase_1pp63_57", Qe = "_getblock_ui_buttonAttention_1pp63_91", Ze = "_getblock_ui_buttonViolet_1pp63_96", et = "_getblock_ui_buttonSpecial_1pp63_101", tt = "_getblock_ui_buttonPinkGradient_1pp63_107", ot = "_getblock_ui_buttonWhite_1pp63_116", nt = "_getblock_ui_buttonTinyWhite_1pp63_120", lt = "_getblock_ui_buttonDestructive_1pp63_13", ct = "_getblock_ui_iconButtonLarge_1pp63_165", it = "_getblock_ui_iconButtonMedium_1pp63_169", at = "_getblock_ui_iconButtonSmall_1pp63_173", y = {
+  button: Ae,
+  buttonAccent: Ne,
+  buttonTint: Me,
+  buttonPrimary: Ee,
+  buttonSecondary: Fe,
+  buttonOutline: Re,
+  buttonTransparent: Ve,
+  buttonDestructiveAccent: je,
+  buttonDestructiveTint: We,
+  buttonDestructiveSecondary: Ge,
+  buttonDestructiveOutline: Ue,
+  buttonDestructiveTransparent: Pe,
+  dark: Ye,
+  buttonLarge: qe,
+  buttonMedium: Xe,
+  buttonSmall: Ke,
+  buttonBase: Je,
+  buttonAttention: Qe,
+  buttonViolet: Ze,
+  buttonSpecial: et,
+  buttonPinkGradient: tt,
+  buttonWhite: ot,
+  buttonTinyWhite: nt,
+  buttonDestructive: lt,
+  iconButtonLarge: ct,
+  iconButtonMedium: it,
+  iconButtonSmall: at
+}, st = ["disabled"], rt = /* @__PURE__ */ L({
+  __name: "Button",
+  props: {
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    mainType: {
+      type: String,
+      default: "base",
+      validator: (n) => ["base", "destructive"].indexOf(n) >= 0
+    },
+    colorType: {
+      type: String,
+      default: "accent",
+      validator: (n) => [
+        "accent",
+        "tint",
+        "primary",
+        "secondary",
+        "outline",
+        "transparent",
+        "attention",
+        "violet",
+        "special",
+        "pink-gradient",
+        "white",
+        "tiny-white"
+      ].indexOf(n) >= 0
+    },
+    sizeType: {
+      type: String,
+      default: "large",
+      validator: (n) => ["large", "medium", "small"].indexOf(n) >= 0
+    },
+    iconButton: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(n) {
+    const t = n, e = b(() => ({
+      "pointer-events-none": t.disabled,
+      [y.buttonLarge]: t.sizeType === "large" && !t.iconButton,
+      [y.buttonMedium]: t.sizeType === "medium" && !t.iconButton,
+      [y.buttonSmall]: t.sizeType === "small" && !t.iconButton,
+      [y.buttonBase]: t.mainType === "base",
+      [y.buttonAccent]: t.mainType === "base" && t.colorType === "accent",
+      [y.buttonTint]: t.mainType === "base" && t.colorType === "tint",
+      [y.buttonPrimary]: t.mainType === "base" && t.colorType === "primary",
+      [y.buttonSecondary]: t.mainType === "base" && t.colorType === "secondary",
+      [y.buttonOutline]: t.mainType === "base" && t.colorType === "outline",
+      [y.buttonTransparent]: t.mainType === "base" && t.colorType === "transparent",
+      [y.buttonAttention]: t.mainType === "base" && t.colorType === "attention",
+      [y.buttonViolet]: t.mainType === "base" && t.colorType === "violet",
+      [y.buttonSpecial]: t.mainType === "base" && t.colorType === "special",
+      [y.buttonPinkGradient]: t.mainType === "base" && t.colorType === "pink-gradient",
+      [y.buttonWhite]: t.mainType === "base" && t.colorType === "white",
+      [y.buttonTinyWhite]: t.mainType === "base" && t.colorType === "tiny-white",
+      [y.buttonDestructive]: t.mainType === "destructive",
+      [y.buttonDestructiveAccent]: t.mainType === "destructive" && t.colorType === "accent",
+      [y.buttonDestructiveTint]: t.mainType === "destructive" && t.colorType === "tint",
+      [y.buttonDestructiveSecondary]: t.mainType === "destructive" && t.colorType === "secondary",
+      [y.buttonDestructiveOutline]: t.mainType === "destructive" && t.colorType === "outline",
+      [y.buttonDestructiveTransparent]: t.mainType === "destructive" && t.colorType === "transparent",
+      [y.iconButtonLarge]: t.sizeType === "large" && t.iconButton,
+      [y.iconButtonMedium]: t.sizeType === "medium" && t.iconButton,
+      [y.iconButtonSmall]: t.sizeType === "small" && t.iconButton
+    }));
+    return (s, l) => (i(), _("button", {
+      class: a([o(e), o(y).button]),
+      disabled: t.disabled
+    }, [
+      h(s.$slots, "left-icon"),
+      h(s.$slots, "default"),
+      h(s.$slots, "right-icon")
+    ], 10, st));
+  }
+}), ut = "_getblock_ui_iconXs_15uci_2", dt = "_getblock_ui_iconSmall_15uci_6", _t = "_getblock_ui_iconMedium_15uci_10", pt = "_getblock_ui_iconLarge_15uci_14", bt = "_getblock_ui_iconMain_15uci_21", gt = "dark", mt = "_getblock_ui_iconSecondary_15uci_31", kt = "_getblock_ui_iconTertiary_15uci_41", vt = "_getblock_ui_iconDisable_15uci_51", ht = "_getblock_ui_iconAction_15uci_61", yt = "_getblock_ui_iconTintBlue_15uci_71", ft = "_getblock_ui_iconAttention_15uci_81", Tt = "_getblock_ui_iconAlert_15uci_91", xt = "_getblock_ui_iconSuccess_15uci_101", St = "_getblock_ui_iconColorBG_15uci_111", Bt = "_getblock_ui_iconLightBG_15uci_121", wt = "_getblock_ui_iconTintRed_15uci_131", Lt = "_getblock_ui_iconDefault_15uci_141", It = "_getblock_ui_iconReverseMain_15uci_151", Dt = "_getblock_ui_iconContrast_15uci_158", Ct = "_getblock_ui_iconViolet_15uci_167", $t = "_getblock_ui_iconAccentHover_15uci_178", zt = "_getblock_ui_iconTintHover_15uci_187", Ot = "_getblock_ui_iconAttentionHover_15uci_196", Ht = "_getblock_ui_iconErrorHover_15uci_205", T = {
+  iconXs: ut,
+  iconSmall: dt,
+  iconMedium: _t,
+  iconLarge: pt,
+  iconMain: bt,
+  dark: gt,
+  iconSecondary: mt,
+  iconTertiary: kt,
+  iconDisable: vt,
+  iconAction: ht,
+  iconTintBlue: yt,
+  iconAttention: ft,
+  iconAlert: Tt,
+  iconSuccess: xt,
+  iconColorBG: St,
+  iconLightBG: Bt,
+  iconTintRed: wt,
+  iconDefault: Lt,
+  iconReverseMain: It,
+  iconContrast: Dt,
+  iconViolet: Ct,
+  iconAccentHover: $t,
+  iconTintHover: zt,
+  iconAttentionHover: Ot,
+  iconErrorHover: Ht
+}, At = ["alt", "height", "src", "width"], C = /* @__PURE__ */ L({
+  __name: "Icon",
+  props: {
+    iconName: {
+      type: String,
+      required: !0
+    },
+    colorType: {
+      type: String,
+      default: "main",
+      validator: (n) => [
+        "none",
+        "main",
+        "secondary",
+        "tertiary",
+        "disable",
+        "action",
+        "tint-blue",
+        "tint-red",
+        "attention",
+        "alert",
+        "success",
+        "color-bg",
+        "light-bg",
+        "default",
+        "accent-hover",
+        "tint-hover",
+        "attention-hover",
+        "reverse-main",
+        "error-hover",
+        "contrast",
+        "violet"
+      ].indexOf(n) >= 0
+    },
+    sizeType: {
+      type: String,
+      default: "medium",
+      validator: (n) => ["xs", "small", "medium", "large"].indexOf(n) >= 0
+    }
+  },
+  setup(n) {
+    const t = n, e = b(() => ({
+      xs: 14,
+      small: 16,
+      medium: 20,
+      large: 24
+    })[t.sizeType]), s = b(() => ({
+      [T.iconXs]: t.sizeType === "xs",
+      [T.iconSmall]: t.sizeType === "small",
+      [T.iconMedium]: t.sizeType === "medium",
+      [T.iconLarge]: t.sizeType === "large",
+      [T.iconMain]: t.colorType === "main",
+      [T.iconSecondary]: t.colorType === "secondary",
+      [T.iconTertiary]: t.colorType === "tertiary",
+      [T.iconDisable]: t.colorType === "disable",
+      [T.iconAction]: t.colorType === "action",
+      [T.iconTintBlue]: t.colorType === "tint-blue",
+      [T.iconTintRed]: t.colorType === "tint-red",
+      [T.iconAttention]: t.colorType === "attention",
+      [T.iconAlert]: t.colorType === "alert",
+      [T.iconSuccess]: t.colorType === "success",
+      [T.iconColorBG]: t.colorType === "color-bg",
+      [T.iconLightBG]: t.colorType === "light-bg",
+      [T.iconDefault]: t.colorType === "default",
+      [T.iconAccentHover]: t.colorType === "accent-hover",
+      [T.iconTintHover]: t.colorType === "tint-hover",
+      [T.iconAttentionHover]: t.colorType === "attention-hover",
+      [T.iconReverseMain]: t.colorType === "reverse-main",
+      [T.iconErrorHover]: t.colorType === "error-hover",
+      [T.iconContrast]: t.colorType === "contrast",
+      [T.iconViolet]: t.colorType === "violet"
+    }));
+    return (l, d) => (i(), _("img", {
+      alt: t.iconName,
+      class: a(o(s)),
+      height: o(e),
+      src: `https://storage.getblock.io/web/getblock-ui-kit/icons/${t.iconName}.svg`,
+      width: o(e)
+    }, null, 10, At));
+  }
+}), Nt = "_getblock_ui_container_1n2d9_2", Mt = "_getblock_ui_inputMedium_1n2d9_9", Et = "_getblock_ui_inputLarge_1n2d9_12", Ft = "_getblock_ui_input_1n2d9_9", Rt = "dark", Vt = "_getblock_ui_inputFocus_1n2d9_25", jt = "_getblock_ui_inputFill_1n2d9_32", Wt = "_getblock_ui_inputOutline_1n2d9_39", Gt = "_getblock_ui_inputDisabled_1n2d9_46", Ut = "_getblock_ui_inputLabelDisabled_1n2d9_53", Pt = "_getblock_ui_inputDisabledCustomEvents_1n2d9_57", Yt = "_getblock_ui_inputError_1n2d9_67", qt = "_getblock_ui_inputHintError_1n2d9_71", Xt = "_getblock_ui_inputHint_1n2d9_71", Kt = "_getblock_ui_inputLabel_1n2d9_53", Jt = "_getblock_ui_shrink0_1n2d9_94", z = {
+  container: Nt,
+  inputMedium: Mt,
+  inputLarge: Et,
+  input: Ft,
+  dark: Rt,
+  inputFocus: Vt,
+  inputFill: jt,
+  inputOutline: Wt,
+  inputDisabled: Gt,
+  inputLabelDisabled: Ut,
+  inputDisabledCustomEvents: Pt,
+  inputError: Yt,
+  inputHintError: qt,
+  inputHint: Xt,
+  inputLabel: Kt,
+  shrink0: Jt
+}, Qt = ["tabindex", "disabled", "name", "placeholder", "type"], Zt = /* @__PURE__ */ L({
+  __name: "Input",
+  props: {
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    error: {
+      type: Boolean,
+      default: !1
+    },
+    placeholder: {
+      type: String,
+      default: ""
+    },
+    inputName: {
+      type: String,
+      required: !0
+    },
+    inputValue: {
+      type: String,
+      required: !0
+    },
+    inputType: {
+      type: String,
+      default: "text",
+      validator: (n) => ["text", "email", "number", "password"].indexOf(n) >= 0
+    },
+    colorType: {
+      type: String,
+      default: "fill",
+      validator: (n) => ["fill", "outline"].indexOf(n) >= 0
+    },
+    sizeType: {
+      type: String,
+      default: "large",
+      validator: (n) => ["large", "medium"].indexOf(n) >= 0
+    },
+    iconName: {
+      type: String,
+      default: ""
+    },
+    statusIcon: {
+      type: String,
+      default: "none",
+      validator: (n) => ["success", "error", "none"].indexOf(n) >= 0
+    },
+    customEventRightButton: {
+      type: Boolean,
+      default: !1
+    },
+    rightIconName: {
+      type: String,
+      default: ""
+    },
+    tabIndex: {
+      type: Number,
+      default: 0
+    }
+  },
+  emits: ["update:inputValue", "resetError", "focusOut", "onClickRightButton"],
+  setup(n, { emit: t }) {
+    const e = n, s = b(() => e.statusIcon === "success" ? { display: !0, colorType: "success", icon: "check-circle" } : e.statusIcon === "error" ? { display: !0, colorType: "alert", icon: "alert-triangle" } : { display: !1, colorType: "none", icon: "" }), l = g(null), d = g(!1), c = g(e.inputType), r = b({
+      get() {
+        return e.inputValue;
+      },
+      set($) {
+        t("update:inputValue", $);
+      }
+    }), m = b(() => e.customEventRightButton ? e.rightIconName : e.inputType === "password" ? "eye" : "x"), B = b(() => ({
+      [z.inputError]: e.error,
+      [z.inputDisabled]: e.disabled && !e.customEventRightButton,
+      [z.inputDisabledCustomEvents]: e.disabled && e.customEventRightButton,
+      [z.inputFocus]: d.value && !e.disabled,
+      [z.inputMedium]: e.sizeType === "medium",
+      [z.inputLarge]: e.sizeType === "large",
+      [z.inputFill]: e.colorType === "fill" && !d.value || e.disabled,
+      [z.inputOutline]: e.colorType === "outline" && !d.value || e.disabled
+    })), w = b(() => ({
+      [z.inputHint]: !e.error,
+      [z.inputHintError]: e.error
+    })), F = b(() => ({
+      [z.inputLabel]: !0,
+      [z.inputLabelDisabled]: e.disabled
+    })), G = () => {
+      t("update:inputValue", "");
+    }, I = () => {
+      c.value = c.value === "password" ? "text" : "password";
+    }, S = () => {
+      e.customEventRightButton ? t("onClickRightButton") : e.inputType === "password" ? I() : G();
+    }, O = () => {
+      var $;
+      t("resetError"), d.value = !0, ($ = l.value) == null || $.focus();
+    }, H = () => {
+      t("focusOut"), d.value = !1;
+    }, N = ge();
+    return ($, P) => (i(), _("div", {
+      class: a(o(z).container)
+    }, [
+      o(N).label ? (i(), _("p", {
+        key: 0,
+        class: a([o(F), "input__label"])
+      }, [
+        h($.$slots, "label")
+      ], 2)) : x("", !0),
+      p("div", {
+        class: a(["input__wrapper", [o(B), o(z).input]]),
+        tabindex: "0",
+        onFocusin: O,
+        onFocusout: H
+      }, [
+        e.iconName ? (i(), V(C, {
+          key: 0,
+          class: a(o(z).shrink0),
+          "color-type": e.disabled ? "secondary" : "main",
+          "icon-name": e.iconName
+        }, null, 8, ["class", "color-type", "icon-name"])) : x("", !0),
+        Q(p("input", {
+          tabindex: e.tabIndex,
+          ref_key: "inputRef",
+          ref: l,
+          style: { "pointer-events": "all" },
+          "onUpdate:modelValue": P[0] || (P[0] = (ne) => ye(r) ? r.value = ne : null),
+          disabled: e.disabled,
+          name: e.inputName,
+          placeholder: e.placeholder,
+          type: c.value
+        }, null, 8, Qt), [
+          [we, o(r)]
+        ]),
+        Q(p("button", {
+          class: a(o(z).shrink0),
+          onClick: S
+        }, [
+          U(C, {
+            "color-type": "tertiary",
+            "icon-name": o(m)
+          }, null, 8, ["icon-name"])
+        ], 2), [
+          [ie, e.customEventRightButton && o(r).length !== 0]
+        ]),
+        Q(p("button", {
+          class: a(o(z).shrink0),
+          onClick: S
+        }, [
+          U(C, {
+            "color-type": "tertiary",
+            "icon-name": o(m)
+          }, null, 8, ["icon-name"])
+        ], 2), [
+          [ie, !e.customEventRightButton && o(r).length !== 0 && !e.disabled]
+        ]),
+        o(s).display ? (i(), V(C, {
+          key: 1,
+          class: a(o(z).shrink0),
+          "color-type": o(s).colorType,
+          "icon-name": o(s).icon
+        }, null, 8, ["class", "color-type", "icon-name"])) : x("", !0)
+      ], 34),
+      o(N).hint ? (i(), _("p", {
+        key: 1,
+        class: a([o(w), "input__hint"])
+      }, [
+        h($.$slots, "hint")
+      ], 2)) : x("", !0)
+    ], 2));
+  }
+}), eo = "_getblock_ui_chips_1r1p1_2", to = "dark", oo = "_getblock_ui_chipsLarge_1r1p1_9", no = "_getblock_ui_chipsMedium_1r1p1_13", lo = "_getblock_ui_chipsSmall_1r1p1_17", co = "_getblock_ui_chipsNotSelectedSimple_1r1p1_24", io = "_getblock_ui_chipsSelectedSimple_1r1p1_29", ao = "_getblock_ui_chipsNotSelectedLighten_1r1p1_38", so = "_getblock_ui_chipsSelectedLighten_1r1p1_43", Z = {
+  chips: eo,
+  dark: to,
+  chipsLarge: oo,
+  chipsMedium: no,
+  chipsSmall: lo,
+  chipsNotSelectedSimple: co,
+  chipsSelectedSimple: io,
+  chipsNotSelectedLighten: ao,
+  chipsSelectedLighten: so
+}, gc = /* @__PURE__ */ L({
+  __name: "Chips",
+  props: {
+    selected: {
+      type: Boolean,
+      default: !1
+    },
+    sizeType: {
+      type: String,
+      default: "large",
+      validator: (n) => ["large", "medium", "small"].indexOf(n) >= 0
+    },
+    colorType: {
+      type: String,
+      default: "simple",
+      validator: (n) => ["simple", "lighten"].indexOf(n) >= 0
+    }
+  },
+  emits: ["changeSelected"],
+  setup(n, { emit: t }) {
+    const e = n, s = b(() => ({
+      [Z.chipsLarge]: e.sizeType === "large",
+      [Z.chipsMedium]: e.sizeType === "medium",
+      [Z.chipsSmall]: e.sizeType === "small",
+      [Z.chipsSelectedSimple]: e.selected && e.colorType === "simple",
+      [Z.chipsNotSelectedSimple]: !e.selected && e.colorType === "simple",
+      [Z.chipsSelectedLighten]: e.selected && e.colorType === "lighten",
+      [Z.chipsNotSelectedLighten]: !e.selected && e.colorType === "lighten"
+    })), l = () => {
+      t("changeSelected", !e.selected);
+    };
+    return (d, c) => (i(), _("button", {
+      class: a([o(s), o(Z).chips]),
+      onClick: l
+    }, [
+      h(d.$slots, "left-icon"),
+      h(d.$slots, "default"),
+      h(d.$slots, "right-icon")
+    ], 2));
+  }
+}), ro = "_getblock_ui_listItem_1jdl3_1", uo = "_getblock_ui_listItemSelected_1jdl3_6", _o = "dark", po = "_getblock_ui_listItemNotSelected_1jdl3_13", bo = "_getblock_ui_text_1jdl3_20", ue = {
+  listItem: ro,
+  listItemSelected: uo,
+  dark: _o,
+  listItemNotSelected: po,
+  text: bo
+}, mc = /* @__PURE__ */ L({
+  __name: "ListItem",
+  props: {
+    selected: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["changeSelected"],
+  setup(n, { emit: t }) {
+    const e = n, s = b(() => ({
+      [ue.listItemSelected]: e.selected,
+      [ue.listItemNotSelected]: !e.selected
+    })), l = () => {
+      t("changeSelected", !e.selected);
+    };
+    return (d, c) => (i(), _("button", {
+      class: a([o(s), o(ue).listItem]),
+      onClick: l
+    }, [
+      h(d.$slots, "left-icon"),
+      p("div", {
+        class: a(o(ue).text)
+      }, [
+        h(d.$slots, "default")
+      ], 2),
+      h(d.$slots, "right-icon")
+    ], 2));
+  }
+}), go = "_getblock_ui_dropdown_3s0v7_2", mo = "dark", ko = "_getblock_ui_dropdownFocused_3s0v7_6", vo = "_getblock_ui_dropdownWrapper_3s0v7_11", ho = "_getblock_ui_dropdownFiltersWrapper_3s0v7_17", yo = "_getblock_ui_dropdownItemsListWrapper_3s0v7_21", fo = "_getblock_ui_dropdownList_3s0v7_25", To = "_getblock_ui_scrollTrack_3s0v7_33", xo = "_getblock_ui_scrollTrackWithFilters_3s0v7_42", So = "_getblock_ui_scrollBar_3s0v7_51", Bo = "_getblock_ui_dropdownListItem_3s0v7_73", wo = "_getblock_ui_dropdownListItemText_3s0v7_77", Lo = "_getblock_ui_dropdownListSelectedItemText_3s0v7_81", Io = "_getblock_ui_dropdownNotFoundListItem_3s0v7_85", Do = "_getblock_ui_dropdownNotFoundListItemText_3s0v7_89", Co = "_getblock_ui_dropdownSmall_3s0v7_95", $o = "_getblock_ui_dropdownMedium_3s0v7_99", zo = "_getblock_ui_dropdownLarge_3s0v7_103", Oo = "_getblock_ui_dropdownFill_3s0v7_109", Ho = "_getblock_ui_dropdownFillDisabled_3s0v7_114", Ao = "_getblock_ui_dropdownOutline_3s0v7_122", No = "_getblock_ui_dropdownOutlineDisabled_3s0v7_127", Mo = "_getblock_ui_dropdownError_3s0v7_135", Eo = "_getblock_ui_hoveredChevron_3s0v7_142", Fo = "_getblock_ui_rotateChevron_3s0v7_150", Ro = "_getblock_ui_search_3s0v7_156", Vo = "_getblock_ui_placeholder_3s0v7_162", jo = "_getblock_ui_placeholderWithoutText_3s0v7_166", v = {
+  dropdown: go,
+  dark: mo,
+  dropdownFocused: ko,
+  dropdownWrapper: vo,
+  dropdownFiltersWrapper: ho,
+  dropdownItemsListWrapper: yo,
+  dropdownList: fo,
+  scrollTrack: To,
+  scrollTrackWithFilters: xo,
+  scrollBar: So,
+  dropdownListItem: Bo,
+  dropdownListItemText: wo,
+  dropdownListSelectedItemText: Lo,
+  dropdownNotFoundListItem: Io,
+  dropdownNotFoundListItemText: Do,
+  dropdownSmall: Co,
+  dropdownMedium: $o,
+  dropdownLarge: zo,
+  dropdownFill: Oo,
+  dropdownFillDisabled: Ho,
+  dropdownOutline: Ao,
+  dropdownOutlineDisabled: No,
+  dropdownError: Mo,
+  hoveredChevron: Eo,
+  rotateChevron: Fo,
+  search: Ro,
+  placeholder: Vo,
+  placeholderWithoutText: jo
+}, Wo = ["tabindex", "placeholder", "value"], Go = ["onClick", "onMouseenter"], Uo = { class: "flex gap-2 items-center" }, kc = /* @__PURE__ */ L({
+  __name: "Dropdown",
+  props: {
+    colorType: {
+      type: String,
+      default: "fill",
+      validator: (n) => ["fill", "outline"].indexOf(n) >= 0
+    },
+    colorTypeIcon: {
+      type: String,
+      default: "main",
+      validator: (n) => [
+        "none",
+        "main",
+        "secondary",
+        "tertiary",
+        "disable",
+        "action",
+        "tint-blue",
+        "attention",
+        "alert",
+        "success",
+        "color-bg",
+        "light-bg",
+        "default",
+        "accent-hover",
+        "tint-hover",
+        "attention-hover",
+        "error-hover"
+      ].indexOf(n) >= 0
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    droplistResizable: {
+      type: Boolean,
+      default: !1
+    },
+    error: {
+      type: Boolean,
+      default: !1
+    },
+    isIconAlwaysSeen: {
+      type: Boolean,
+      default: !1
+    },
+    isNeededToFocus: {
+      type: Boolean,
+      default: !1
+    },
+    isWithSearch: {
+      type: Boolean,
+      default: !1
+    },
+    items: {
+      type: Array,
+      default: () => []
+    },
+    placeholder: {
+      type: Object,
+      default: () => ({
+        iconName: "",
+        value: "Default value",
+        text: "Default text"
+      })
+    },
+    selectedItem: {
+      type: Object,
+      default: () => ({})
+    },
+    sizeType: {
+      type: String,
+      default: "large",
+      validator: (n) => ["large", "medium", "small"].indexOf(n) >= 0
+    },
+    tabIndex: {
+      type: Number,
+      default: 0
+    }
+  },
+  emits: ["selectItem", "resetError"],
+  setup(n, { emit: t }) {
+    const e = n, s = ge(), l = g(!1), d = g(null), c = g(-1), r = g(null), m = g(null), B = g(null), w = g(!1), F = (u) => {
+      const k = r.value, f = m.value, R = B.value, j = k.scrollTop / (k.scrollHeight - k.clientHeight);
+      R.style.transform = `translateY(${j * (f.clientHeight - 50)}px)`;
+    }, G = (u) => {
+      const k = u.clientY, f = r.value.scrollTop, R = B.value.offsetHeight, j = m.value.offsetHeight;
+      w.value = !0;
+      const M = (re) => {
+        const Be = (re.clientY - k) / (j - R) * (r.value.scrollHeight - r.value.clientHeight);
+        r.value.scrollTop = f + Be;
+      }, q = () => {
+        document.removeEventListener("mousemove", M), document.removeEventListener("mouseup", q), w.value = !1;
+      };
+      document.addEventListener("mousemove", M), document.addEventListener("mouseup", q);
+    }, I = (u) => {
+      const k = m.value, f = r.value, R = u.clientY - k.getBoundingClientRect().top, j = k.clientHeight, M = f.scrollHeight - f.clientHeight;
+      f.scrollTop = R / j * M;
+    };
+    fe(() => {
+      var u;
+      (u = r.value) == null || u.addEventListener("scroll", F);
+    });
+    const S = g(""), O = (u) => {
+      S.value = u.target.value;
+    }, H = b(() => e.isWithSearch ? e.items.filter(
+      (u) => u.value.toLowerCase().includes(S.value.toLowerCase()) || u.text.toLowerCase().includes(S.value.toLowerCase())
+    ) : e.items), N = b(() => ({
+      [v.dropdownSmall]: e.sizeType === "small",
+      [v.dropdownMedium]: e.sizeType === "medium",
+      [v.dropdownLarge]: e.sizeType === "large",
+      [v.dropdownFill]: e.colorType === "fill" && !l.value,
+      [v.dropdownOutline]: e.colorType === "outline" && !l.value,
+      [v.dropdownFillDisabled]: e.colorType === "fill" && e.disabled,
+      [v.dropdownOutlineDisabled]: e.colorType === "outline" && e.disabled,
+      [v.dropdownFocused]: l.value,
+      [v.dropdownError]: e.error
+    })), $ = b(() => ({
+      "w-max": e.droplistResizable
+    })), P = (u) => {
+      S.value = u.value, t("selectItem", u), c.value = -1, se();
+    }, ne = b(() => e.disabled || !l.value ? "tertiary" : "main");
+    console.log("1111");
+    const ae = () => {
+      var u, k;
+      w.value || (t("resetError"), l.value || ((u = d.value) == null || u.removeAttribute("readonly"), l.value = !0, S.value = "", c.value = -1, (k = d.value) == null || k.focus()));
+    }, se = () => {
+      var u;
+      l.value = !1, c.value = -1, (u = d.value) == null || u.setAttribute("readonly", "true");
+    }, me = (u) => {
+      u.key === "Enter" ? (u.preventDefault(), l.value && c.value >= 0 && c.value < H.value.length ? P(H.value[c.value]) : l.value || (l.value = !0)) : u.key === "ArrowDown" ? (u.preventDefault(), l.value ? c.value < H.value.length - 1 && (c.value++, D()) : (l.value = !0, c.value = 0)) : u.key === "ArrowUp" && (u.preventDefault(), l.value && c.value > 0 && (c.value--, D()));
+    }, D = () => {
+      if (r.value && c.value >= 0) {
+        const k = r.value.children[c.value];
+        k && k.scrollIntoView({ block: "nearest", behavior: "smooth" });
+      }
+    };
+    return ve(
+      () => e.isNeededToFocus,
+      () => {
+        e.isNeededToFocus && ae();
+      }
+    ), (u, k) => {
+      var R, j;
+      const f = Te("click-outside");
+      return Q((i(), _("div", {
+        tabindex: "0",
+        class: a([o(N), o(v).dropdown]),
+        onClick: ae,
+        onKeydown: me
+      }, [
+        ((R = e.selectedItem) == null ? void 0 : R.iconName) && !l.value ? (i(), V(C, {
+          key: 0,
+          "color-type": "default",
+          "size-type": "medium",
+          "icon-name": e.selectedItem.iconName
+        }, null, 8, ["icon-name"])) : ((j = e.selectedItem) == null ? void 0 : j.iconName) && n.isIconAlwaysSeen && l.value && !n.isWithSearch ? (i(), V(C, {
+          key: 1,
+          "color-type": "default",
+          "size-type": "medium",
+          "icon-name": e.selectedItem.iconName
+        }, null, 8, ["icon-name"])) : h(u.$slots, "left-icon", { key: 2 }),
+        n.isWithSearch ? (i(), _(W, { key: 3 }, [
+          p("input", {
+            tabindex: e.tabIndex,
+            ref_key: "dropdownInput",
+            ref: d,
+            readonly: "",
+            class: a(o(v).search),
+            placeholder: e.placeholder.value,
+            value: l.value ? S.value : e.selectedItem.text,
+            onInput: O
+          }, null, 42, Wo),
+          l.value ? x("", !0) : h(u.$slots, "selected-right", { key: 0 })
+        ], 64)) : (i(), _(W, { key: 4 }, [
+          p("p", {
+            class: a(["dropdown-placeholder", [o(v).placeholder, e.selectedItem.text ? "" : o(v).placeholderWithoutText]])
+          }, A(e.selectedItem.text ? e.selectedItem.text : e.placeholder.text), 3),
+          h(u.$slots, "selected-right")
+        ], 64)),
+        Q(p("div", {
+          class: a([o(v).dropdownWrapper, o($)])
+        }, [
+          o(H).length > 0 && o(s).filters ? (i(), _("div", {
+            key: 0,
+            class: a([o(v).dropdownFiltersWrapper])
+          }, [
+            h(u.$slots, "filters")
+          ], 2)) : x("", !0),
+          Q(p("div", {
+            class: a([o(v).dropdownItemsListWrapper])
+          }, [
+            o(H).length > 0 ? (i(), _(W, { key: 0 }, [
+              p("div", {
+                class: a([o(v).dropdownList, { "w-[97%]": o(H).length > 4 }]),
+                ref_key: "dropdownContent",
+                ref: r
+              }, [
+                (i(!0), _(W, null, oe(o(H), (M, q) => (i(), _("div", {
+                  key: `${M.value}_${q}`,
+                  class: a(["flex items-center justify-between dropdown-item", [o(v).dropdownListItem, { "bg-gray-100": c.value === q }]]),
+                  onClick: be((re) => P(M), ["stop"]),
+                  onMouseenter: (re) => c.value = q
+                }, [
+                  p("div", Uo, [
+                    M.iconName ? (i(), V(C, {
+                      key: 0,
+                      "size-type": "medium",
+                      "color-type": n.colorTypeIcon,
+                      "icon-name": M.iconName
+                    }, null, 8, ["color-type", "icon-name"])) : x("", !0),
+                    p("p", {
+                      class: a([
+                        o(v).dropdownListItemText,
+                        M.value === e.selectedItem.value ? o(v).dropdownListSelectedItemText : ""
+                      ])
+                    }, A(M.text), 3)
+                  ]),
+                  h(u.$slots, "right", {
+                    item: M,
+                    index: q
+                  })
+                ], 42, Go))), 128))
+              ], 2),
+              o(H).length > 4 ? (i(), _("div", {
+                key: 0,
+                class: a(o(s).filters ? o(v).scrollTrackWithFilters : o(v).scrollTrack),
+                ref_key: "scrollBar",
+                ref: m,
+                onClick: I
+              }, [
+                p("div", {
+                  class: a(o(v).scrollBar),
+                  ref_key: "thumb",
+                  ref: B,
+                  onMousedown: G
+                }, null, 34)
+              ], 2)) : x("", !0)
+            ], 64)) : (i(), _("div", {
+              key: 1,
+              class: a(o(v).dropdownNotFoundListItem),
+              onClick: k[0] || (k[0] = be(() => {
+              }, ["stop"]))
+            }, [
+              p("p", {
+                class: a(o(v).dropdownNotFoundListItemText)
+              }, "No results", 2)
+            ], 2))
+          ], 2), [
+            [ie, l.value]
+          ])
+        ], 2), [
+          [ie, l.value]
+        ]),
+        U(C, {
+          class: a(["transition", [e.disabled ? "" : o(v).hoveredChevron, l.value ? o(v).rotateChevron : ""]]),
+          "icon-name": "chevron-down",
+          "size-type": "medium",
+          "color-type": o(ne)
+        }, null, 8, ["class", "color-type"])
+      ], 34)), [
+        [f, se]
+      ]);
+    };
+  }
+}), Po = "_getblock_ui_lineTabSelected_17xia_9", Yo = "dark", qo = "_getblock_ui_lineTabNotSelected_17xia_14", Xo = "_getblock_ui_lineTabMedium_17xia_22", Ko = "_getblock_ui_lineTabLarge_17xia_26", Jo = "_getblock_ui_lineTabLargeSelected_17xia_30", Qo = "_getblock_ui_lineDefault_17xia_37", Zo = "_getblock_ui_lineSelected_17xia_41", en = "_getblock_ui_lineNotSelected_17xia_45", X = {
+  default: "_getblock_ui_default_17xia_2",
+  lineTabSelected: Po,
+  dark: Yo,
+  lineTabNotSelected: qo,
+  lineTabMedium: Xo,
+  lineTabLarge: Ko,
+  lineTabLargeSelected: Jo,
+  lineDefault: Qo,
+  lineSelected: Zo,
+  lineNotSelected: en
+}, vc = /* @__PURE__ */ L({
+  __name: "LineTab",
+  props: {
+    selected: {
+      type: Boolean,
+      default: !1
+    },
+    sizeType: {
+      type: String,
+      default: "medium"
+    }
+  },
+  emits: ["changeSelected"],
+  setup(n, { emit: t }) {
+    const e = n, s = b(() => ({
+      [X.default]: !0,
+      [X.lineTabMedium]: e.sizeType === "medium",
+      [X.lineTabLarge]: e.sizeType === "large" && !e.selected,
+      [X.lineTabSelected]: e.selected,
+      [X.lineTabNotSelected]: !e.selected,
+      [X.lineTabLargeSelected]: e.selected && e.sizeType === "large"
+    })), l = b(() => ({
+      [X.lineDefault]: !0,
+      [X.lineSelected]: e.selected,
+      [X.lineNotSelected]: !e.selected
+    })), d = () => {
+      t("changeSelected", !e.selected);
+    };
+    return (c, r) => (i(), _("button", {
+      class: a(["", o(s)]),
+      onClick: d
+    }, [
+      h(c.$slots, "default"),
+      p("div", {
+        class: a([o(l)])
+      }, null, 2)
+    ], 2));
+  }
+}), tn = "_getblock_ui_badges_13bz5_2", on = "_getblock_ui_badgesAdditional_13bz5_9", nn = "dark", ln = "_getblock_ui_badgesSuccess_13bz5_14", cn = "_getblock_ui_badgesTint_13bz5_19", an = "_getblock_ui_badgesViolet_13bz5_24", sn = "_getblock_ui_badgesAttention_13bz5_29", rn = "_getblock_ui_badgesError_13bz5_34", un = "_getblock_ui_badgesSpecial_13bz5_39", dn = "_getblock_ui_badgesAccent_13bz5_45", _n = "_getblock_ui_badgesPrimary_13bz5_50", Y = {
+  badges: tn,
+  badgesAdditional: on,
+  dark: nn,
+  badgesSuccess: ln,
+  badgesTint: cn,
+  badgesViolet: an,
+  badgesAttention: sn,
+  badgesError: rn,
+  badgesSpecial: un,
+  badgesAccent: dn,
+  badgesPrimary: _n
+}, hc = /* @__PURE__ */ L({
+  __name: "Badges",
+  props: {
+    colorType: {
+      type: String,
+      default: "additional",
+      validator: (n) => ["additional", "tint-base", "violet", "attention", "error", "special", "accent", "primary", "success"].indexOf(n) >= 0
+    }
+  },
+  setup(n) {
+    const t = n, e = b(() => ({
+      [Y.badgesAdditional]: t.colorType === "additional",
+      [Y.badgesTint]: t.colorType === "tint-base",
+      [Y.badgesViolet]: t.colorType === "violet",
+      [Y.badgesAttention]: t.colorType === "attention",
+      [Y.badgesError]: t.colorType === "error",
+      [Y.badgesSpecial]: t.colorType === "special",
+      [Y.badgesAccent]: t.colorType === "accent",
+      [Y.badgesPrimary]: t.colorType === "primary",
+      [Y.badgesSuccess]: t.colorType === "success"
+    }));
+    return (s, l) => (i(), _("div", {
+      class: a([o(e), o(Y).badges])
+    }, [
+      h(s.$slots, "default")
+    ], 2));
+  }
+}), pn = "_getblock_ui_droplist_z2elx_2", bn = "dark", gn = "_getblock_ui_item_z2elx_8", mn = "_getblock_ui_itemAlert_z2elx_16", kn = "_getblock_ui_itemMain_z2elx_20", vn = "_getblock_ui_divider_z2elx_27", le = {
+  droplist: pn,
+  dark: bn,
+  item: gn,
+  itemAlert: mn,
+  itemMain: kn,
+  divider: vn
+}, hn = "_getblock_ui_checkbox_8mm7t_2", yn = "dark", fn = "_getblock_ui_isRounded_8mm7t_11", Tn = "_getblock_ui_isOpener_8mm7t_16", xn = "_getblock_ui_checkboxActive_8mm7t_26", Sn = "_getblock_ui_checkboxDisabled_8mm7t_31", Bn = "_getblock_ui_checkboxCheckedDisabled_8mm7t_35", wn = "_getblock_ui_isMasterDisabled_8mm7t_41", Ln = "_getblock_ui_iconFilter_8mm7t_47", ee = {
+  checkbox: hn,
+  dark: yn,
+  isRounded: fn,
+  isOpener: Tn,
+  checkboxActive: xn,
+  checkboxDisabled: Sn,
+  checkboxCheckedDisabled: Bn,
+  isMasterDisabled: wn,
+  iconFilter: Ln
+}, In = ["id", "checked", "disabled", "value"], ke = /* @__PURE__ */ L({
+  __name: "Checkbox",
+  props: {
+    isMaster: {
+      type: Boolean,
+      default: !1
+    },
+    isRounded: {
+      type: Boolean,
+      default: !1
+    },
+    checked: {
+      type: Boolean,
+      default: !1
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    allChecked: {
+      type: Boolean,
+      default: !1
+    },
+    id: {
+      type: String,
+      default: ""
+    },
+    value: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["change"],
+  setup(n, { emit: t }) {
+    const e = n, s = {
+      id: e.id,
+      checked: e.checked
+    }, l = () => {
+      t("change", s);
+    }, d = b(() => e.isMaster ? e.allChecked ? "check_v1" : "minus" : e.checked ? "check_v1" : "minus"), c = b(() => ({
+      [ee.iconFilter]: !e.checked && !e.isMaster
+    })), r = b(() => ({
+      [ee.checkbox]: !e.isMaster,
+      [ee.checkboxActive]: e.checked && !e.isMaster,
+      [ee.checkboxDisabled]: !e.checked && e.disabled && !e.isMaster,
+      [ee.checkboxCheckedDisabled]: e.checked && e.disabled && !e.isMaster,
+      [ee.isOpener]: e.isMaster,
+      [ee.isMasterDisabled]: e.isMaster && e.disabled,
+      [ee.isRounded]: e.isRounded
+    }));
+    return (m, B) => (i(), _("label", {
+      class: a(o(r))
+    }, [
+      p("input", {
+        type: "checkbox",
+        id: e.id,
+        checked: e.checked,
+        disabled: e.disabled,
+        value: e.value,
+        onChange: l
+      }, null, 40, In),
+      U(C, {
+        "icon-name": o(d),
+        class: a(o(c)),
+        "color-type": "color-bg",
+        "size-type": "xs"
+      }, null, 8, ["icon-name", "class"])
+    ], 2));
+  }
+}), Dn = ["onClick"], yc = /* @__PURE__ */ L({
+  __name: "Droplist",
+  props: {
+    items: {
+      type: Array,
+      default: () => []
+    },
+    showDroplist: {
+      type: Boolean,
+      default: !1
+    },
+    isCheckboxes: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["selectItem", "hideDroplist"],
+  setup(n, { emit: t }) {
+    const e = n, s = (d) => ({
+      [le.itemAlert]: d === "alert",
+      [le.itemMain]: !0
+    }), l = (d) => {
+      t("selectItem", d), t("hideDroplist");
+    };
+    return (d, c) => n.showDroplist ? (i(), _("div", {
+      key: 0,
+      class: a([o(le).droplist])
+    }, [
+      (i(!0), _(W, null, oe(e.items, (r) => (i(), _(W, {
+        key: r.value
+      }, [
+        p("div", {
+          class: a(["droplist-item", o(le).item]),
+          onClick: be((m) => l(r.action), ["stop"])
+        }, [
+          r.imgName && !e.isCheckboxes ? (i(), V(C, {
+            key: 0,
+            "color-type": r.color === "main" || !r.color ? "secondary" : r.color,
+            "icon-name": r.imgName
+          }, null, 8, ["color-type", "icon-name"])) : x("", !0),
+          e.isCheckboxes ? (i(), V(ke, {
+            key: 1,
+            checked: r.checked,
+            "is-rounded": !0
+          }, null, 8, ["checked"])) : x("", !0),
+          p("p", {
+            class: a(s(r.color))
+          }, A(r.value), 3)
+        ], 10, Dn),
+        r.divider ? (i(), _("div", {
+          key: 0,
+          class: a(["divider-line", o(le).divider]),
+          style: { width: "calc(100% - 24px)" }
+        }, null, 2)) : x("", !0)
+      ], 64))), 128))
+    ], 2)) : x("", !0);
+  }
+}), Cn = "_getblock_ui_tag_14ma3_1", $n = "dark", zn = "_getblock_ui_tagSmall_14ma3_8", On = "_getblock_ui_tagMedium_14ma3_11", Hn = "_getblock_ui_tagDisabled_14ma3_17", de = {
+  tag: Cn,
+  dark: $n,
+  tagSmall: zn,
+  tagMedium: On,
+  tagDisabled: Hn
+}, An = ["disabled"], fc = /* @__PURE__ */ L({
+  __name: "Tag",
+  props: {
+    sizeType: {
+      type: String,
+      default: "small",
+      validator: (n) => ["medium", "small"].indexOf(n) >= 0
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["deleteTag"],
+  setup(n, { emit: t }) {
+    const e = n, s = b(() => ({
+      [de.tagMedium]: e.sizeType === "medium",
+      [de.tagSmall]: e.sizeType === "small",
+      [de.tagDisabled]: e.disabled
+    })), l = g(!1), d = () => {
+      t("deleteTag");
+    };
+    return (c, r) => (i(), _("button", {
+      class: a([o(de).tag, o(s)]),
+      disabled: e.disabled
+    }, [
+      h(c.$slots, "default"),
+      U(C, {
+        "color-type": l.value ? "main" : "tertiary",
+        "size-type": "small",
+        "icon-name": "x-close",
+        onClick: d,
+        onMouseover: r[0] || (r[0] = (m) => l.value = !0),
+        onMouseout: r[1] || (r[1] = (m) => l.value = !1)
+      }, null, 8, ["color-type"])
+    ], 10, An));
+  }
+}), Nn = "_getblock_ui_breadcrumbsContainer_jx4hc_1", Mn = "_getblock_ui_breadcrumb_jx4hc_1", En = "dark", Fn = "_getblock_ui_lastBreadcrumb_jx4hc_13", Rn = "_getblock_ui_notLastBreadcrumb_jx4hc_17", _e = {
+  breadcrumbsContainer: Nn,
+  breadcrumb: Mn,
+  dark: En,
+  lastBreadcrumb: Fn,
+  notLastBreadcrumb: Rn
+}, Vn = ["href"], jn = { key: 1 }, Tc = /* @__PURE__ */ L({
+  __name: "Breadcrumbs",
+  props: {
+    items: {
+      type: Object,
+      default: () => []
+    }
+  },
+  setup(n) {
+    return (t, e) => (i(), _("div", {
+      class: a(o(_e).breadcrumbsContainer)
+    }, [
+      (i(!0), _(W, null, oe(n.items, (s, l) => (i(), _("div", {
+        class: a([
+          o(_e).breadcrumb,
+          l === n.items.length - 1 ? o(_e).lastBreadcrumb : o(_e).notLastBreadcrumb
+        ]),
+        key: s.text
+      }, [
+        s.link ? (i(), _("a", {
+          key: 0,
+          href: s.link
+        }, A(s.text), 9, Vn)) : (i(), _("p", jn, A(s.text), 1)),
+        l !== n.items.length - 1 ? (i(), V(C, {
+          key: 2,
+          "icon-name": "chevron-right",
+          "color-type": "disable"
+        })) : x("", !0)
+      ], 2))), 128))
+    ], 2));
+  }
+}), xc = /* @__PURE__ */ L({
+  __name: "Tooltip",
+  props: {
+    horizontalPosition: {
+      type: String,
+      default: "center"
+    },
+    verticalPosition: {
+      type: String,
+      default: "top"
+    }
+  },
+  setup(n) {
+    const t = n, e = g(null), s = g(null), l = g(!1), d = g(!1), c = g({ top: "0px", left: "0px" }), r = async () => {
+      l.value = !0, await De();
+      const I = e.value, S = s.value, O = I.getBoundingClientRect(), H = 8, N = t.verticalPosition === "top" ? O.top - S.offsetHeight - H : O.bottom + H, $ = O.left + O.width / 2, P = t.horizontalPosition === "left" ? $ - S.offsetWidth : t.horizontalPosition === "right" ? $ : $ - S.offsetWidth / 2;
+      c.value = {
+        top: `${N}px`,
+        left: `${P}px`
+      };
+    }, m = () => {
+      setTimeout(() => {
+        d.value || (l.value = !1);
+      }, 100);
+    }, B = () => {
+      d.value = !0, r();
+    }, w = () => {
+      d.value = !1, m();
+    }, F = () => {
+      d.value = !0;
+    }, G = () => {
+      d.value = !1, m();
+    };
+    return Le(() => {
+      l.value = !1;
+    }), (I, S) => (i(), _("div", {
+      ref_key: "triggerRef",
+      ref: e,
+      class: "cursor-help relative z-[5] w-fit",
+      onMouseenter: B,
+      onMouseleave: w
+    }, [
+      h(I.$slots, "tooltip-component"),
+      (i(), V(Ie, { to: "body" }, [
+        l.value ? (i(), _("div", {
+          key: 0,
+          ref_key: "tooltipRef",
+          ref: s,
+          class: "z-50 fixed tooltip-shadow bg-surface-base dark:bg-surface-dark-base text-xs leading-5 text-text-main dark:text-text-dark-main py-3 px-3 rounded-lg",
+          style: xe(c.value),
+          onMouseenter: F,
+          onMouseleave: G
+        }, [
+          h(I.$slots, "tooltip-body")
+        ], 36)) : x("", !0)
+      ]))
+    ], 544));
+  }
+});
+const Wn = "_getblock_ui_textarea_1k8rw_2", Gn = "dark", Un = "_getblock_ui_textareaResizeButton_1k8rw_13", Pn = "_getblock_ui_textareaFocus_1k8rw_17", Yn = "_getblock_ui_container_1k8rw_26", qn = "_getblock_ui_labelContainer_1k8rw_32", Xn = "_getblock_ui_labelText_1k8rw_36", Kn = "_getblock_ui_input_1k8rw_42", Jn = "_getblock_ui_textareaFill_1k8rw_48", Qn = "_getblock_ui_textareaOutline_1k8rw_58", Zn = "_getblock_ui_textareaDisabled_1k8rw_67", el = "_getblock_ui_textareaLabelDisabled_1k8rw_74", tl = "_getblock_ui_textareaError_1k8rw_80", ol = "_getblock_ui_textareaHintError_1k8rw_84", nl = "_getblock_ui_textareaHint_1k8rw_84", ll = "_getblock_ui_textareaLabel_1k8rw_74", E = {
+  textarea: Wn,
+  dark: Gn,
+  textareaResizeButton: Un,
+  textareaFocus: Pn,
+  container: Yn,
+  labelContainer: qn,
+  labelText: Xn,
+  input: Kn,
+  textareaFill: Jn,
+  textareaOutline: Qn,
+  textareaDisabled: Zn,
+  textareaLabelDisabled: el,
+  textareaError: tl,
+  textareaHintError: ol,
+  textareaHint: nl,
+  textareaLabel: ll
+}, cl = ["disabled", "maxlength", "name", "placeholder"], Sc = /* @__PURE__ */ L({
+  __name: "TextArea",
+  props: {
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    error: {
+      type: Boolean,
+      default: !1
+    },
+    placeholder: {
+      type: String,
+      default: ""
+    },
+    inputName: {
+      type: String,
+      required: !0
+    },
+    inputValue: {
+      type: String,
+      required: !0
+    },
+    colorType: {
+      type: String,
+      default: "fill",
+      validator: (n) => ["fill", "outline"].indexOf(n) >= 0
+    }
+  },
+  emits: ["update:inputValue", "resetError"],
+  setup(n, { emit: t }) {
+    const e = n, s = g(null), l = g(!1), d = g(300), c = b({
+      get() {
+        return e.inputValue;
+      },
+      set(I) {
+        t("update:inputValue", I);
+      }
+    }), r = b(() => ({
+      [E.textareaError]: e.error,
+      [E.textareaDisabled]: e.disabled,
+      [E.textareaFocus]: l.value,
+      [E.textareaFill]: e.colorType === "fill" && !l.value,
+      [E.textareaOutline]: e.colorType === "outline" && !l.value
+    })), m = b(() => ({
+      [E.textareaHint]: !e.error,
+      [E.textareaHintError]: e.error
+    })), B = b(() => ({
+      [E.textareaLabel]: !0,
+      [E.textareaLabelDisabled]: e.disabled
+    })), w = () => {
+      var I;
+      t("resetError"), l.value = !0, (I = s.value) == null || I.focus();
+    }, F = () => {
+      l.value = !1;
+    }, G = ge();
+    return (I, S) => (i(), _("div", {
+      class: a(o(E).container)
+    }, [
+      o(G).label ? (i(), _("div", {
+        key: 0,
+        class: a(o(E).labelContainer)
+      }, [
+        p("p", {
+          class: a(o(B))
+        }, [
+          h(I.$slots, "label")
+        ], 2),
+        p("p", {
+          class: a(o(E).labelText)
+        }, A(o(c).length) + "/" + A(d.value), 3)
+      ], 2)) : x("", !0),
+      p("div", {
+        tabindex: "0",
+        class: a([o(r), o(E).textarea]),
+        onFocusin: w,
+        onFocusout: F
+      }, [
+        Q(p("textarea", {
+          ref_key: "inputRef",
+          ref: s,
+          "onUpdate:modelValue": S[0] || (S[0] = (O) => ye(c) ? c.value = O : null),
+          class: a(o(E).input),
+          disabled: e.disabled,
+          maxlength: d.value,
+          name: e.inputName,
+          placeholder: e.placeholder
+        }, null, 10, cl), [
+          [Ce, o(c)]
+        ]),
+        p("div", {
+          class: a(o(E).textareaResizeButton)
+        }, [
+          U(C, {
+            "color-type": "secondary",
+            "icon-name": "scale-04",
+            "size-type": "large"
+          })
+        ], 2)
+      ], 34),
+      o(G).hint ? (i(), _("p", {
+        key: 1,
+        class: a(o(m))
+      }, [
+        h(I.$slots, "hint")
+      ], 2)) : x("", !0)
+    ], 2));
+  }
+}), il = "_getblock_ui_toggle_1ykvb_1", al = "dark", sl = "_getblock_ui_toggleActive_1ykvb_19", rl = "_getblock_ui_toggleNotSelectedDisabled_1ykvb_24", ul = "_getblock_ui_toggleSelectedDisabled_1ykvb_28", pe = {
+  toggle: il,
+  dark: al,
+  toggleActive: sl,
+  toggleNotSelectedDisabled: rl,
+  toggleSelectedDisabled: ul
+}, dl = ["disabled", "checked"], _l = /* @__PURE__ */ p("span", null, null, -1), Bc = /* @__PURE__ */ L({
+  __name: "Toggle",
+  props: {
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    selected: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["changeSelected"],
+  setup(n, { emit: t }) {
+    const e = n, s = b(() => ({
+      [pe.toggle]: !0,
+      [pe.toggleActive]: e.selected,
+      [pe.toggleSelectedDisabled]: e.selected && e.disabled,
+      [pe.toggleNotSelectedDisabled]: !e.selected && e.disabled
+    })), l = () => t("changeSelected");
+    return (d, c) => (i(), _("label", {
+      class: a(o(s))
+    }, [
+      p("input", {
+        type: "checkbox",
+        disabled: e.disabled,
+        checked: n.selected,
+        onChange: l
+      }, null, 40, dl),
+      _l
+    ], 2));
+  }
+}), pl = "_getblock_ui_radioButton_rj1c2_1", bl = "dark", gl = "_getblock_ui_radioButtonActive_rj1c2_17", ml = "_getblock_ui_radioButtonDisabled_rj1c2_22", kl = "_getblock_ui_radioButtonCheckedDisabled_rj1c2_26", vl = "_getblock_ui_iconFilter_rj1c2_32", ce = {
+  radioButton: pl,
+  dark: bl,
+  radioButtonActive: gl,
+  radioButtonDisabled: ml,
+  radioButtonCheckedDisabled: kl,
+  iconFilter: vl
+}, hl = ["checked", "disabled", "value"], yl = { key: 0 }, wc = /* @__PURE__ */ L({
+  __name: "RadioButton",
+  props: {
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    inputValue: {
+      type: String,
+      default: ""
+    },
+    modelValue: {
+      type: String,
+      default: ""
+    },
+    checkRadio: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(n, { emit: t }) {
+    const e = n, s = (r) => {
+      t("update:modelValue", r.target.value);
+    }, l = b(() => e.modelValue === e.inputValue), d = b(() => ({
+      [ce.iconFilter]: e.modelValue !== e.inputValue
+    })), c = b(() => ({
+      [ce.radioButton]: !0,
+      [ce.radioButtonActive]: e.modelValue === e.inputValue,
+      [ce.radioButtonDisabled]: e.modelValue !== e.inputValue && e.disabled,
+      [ce.radioButtonCheckedDisabled]: e.modelValue === e.inputValue && e.disabled
+    }));
+    return (r, m) => (i(), _("label", {
+      class: a(o(c))
+    }, [
+      p("input", {
+        type: "radio",
+        checked: o(l),
+        disabled: e.disabled,
+        value: n.inputValue,
+        onChange: s
+      }, null, 40, hl),
+      n.checkRadio ? (i(), V(C, {
+        key: 1,
+        "icon-name": "check",
+        "color-type": "color-bg",
+        "size-type": "xs",
+        class: a(o(d))
+      }, null, 8, ["class"])) : (i(), _("span", yl))
+    ], 2));
+  }
+}), fl = "_getblock_ui_tabBarContainer_12dgf_2", Tl = "dark", xl = "_getblock_ui_tabBarItem_12dgf_7", Sl = "_getblock_ui_tabBarItemStretched_12dgf_11", Bl = "_getblock_ui_tabBarSelected_12dgf_17", wl = "_getblock_ui_tabBarNotSelected_12dgf_29", Ll = "_getblock_ui_tabBarSelectedDisabled_12dgf_41", Il = "_getblock_ui_tabBarNotSelectedDisabled_12dgf_42", te = {
+  tabBarContainer: fl,
+  dark: Tl,
+  tabBarItem: xl,
+  tabBarItemStretched: Sl,
+  tabBarSelected: Bl,
+  tabBarNotSelected: wl,
+  tabBarSelectedDisabled: Ll,
+  tabBarNotSelectedDisabled: Il
+}, Dl = ["onClick"], Cl = { class: "ml-[6px]" }, Lc = /* @__PURE__ */ L({
+  __name: "TabBar",
+  props: {
+    selectedItem: {
+      type: Object,
+      required: !0
+    },
+    stretched: {
+      type: Boolean,
+      default: !1
+    },
+    tabItems: {
+      type: Object,
+      required: !0
+    },
+    iconsAndText: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["changeSelectedItem"],
+  setup(n, { emit: t }) {
+    const e = n, s = (l) => {
+      l.value !== e.selectedItem.value && t("changeSelectedItem", l);
+    };
+    return (l, d) => (i(), _("div", {
+      class: a([o(te).tabBarContainer, e.stretched ? "w-full" : "max-w-max"])
+    }, [
+      (i(!0), _(W, null, oe(n.tabItems, (c) => (i(), _("div", {
+        key: c.value,
+        class: a([
+          o(te).tabBarItem,
+          e.selectedItem.value === c.value ? o(te).tabBarSelected : o(te).tabBarNotSelected,
+          { [o(te).tabBarSelectedDisabled]: e.selectedItem.value === c.value && c.disabled },
+          { [o(te).tabBarNotSelectedDisabled]: e.selectedItem.value !== c.value && c.disabled },
+          { [o(te).tabBarItemStretched]: e.stretched }
+        ]),
+        onClick: (r) => s(c)
+      }, [
+        !c.iconName && !n.iconsAndText ? (i(), _(W, { key: 0 }, [
+          $e(A(c.text), 1)
+        ], 64)) : c.iconName && !n.iconsAndText ? (i(), V(C, {
+          key: 1,
+          "icon-name": c.iconName
+        }, null, 8, ["icon-name"])) : x("", !0),
+        c.iconName && n.iconsAndText ? (i(), _(W, { key: 2 }, [
+          U(C, {
+            "icon-name": c.iconName
+          }, null, 8, ["icon-name"]),
+          p("span", Cl, A(c.text), 1)
+        ], 64)) : x("", !0),
+        h(l.$slots, c.value)
+      ], 10, Dl))), 128))
+    ], 2));
+  }
+}), $l = "_getblock_ui_notification_1y7zz_1", zl = "_getblock_ui_notificationLow_1y7zz_6", Ol = "dark", Hl = "_getblock_ui_notificationHigh_1y7zz_11", Al = "_getblock_ui_notificationAttention_1y7zz_16", Nl = "_getblock_ui_notificationError_1y7zz_21", Ml = "_getblock_ui_textBlock_1y7zz_26", El = "_getblock_ui_title_1y7zz_30", Fl = "_getblock_ui_button_1y7zz_34", K = {
+  notification: $l,
+  notificationLow: zl,
+  dark: Ol,
+  notificationHigh: Hl,
+  notificationAttention: Al,
+  notificationError: Nl,
+  textBlock: Ml,
+  title: El,
+  button: Fl
+}, Ic = /* @__PURE__ */ L({
+  __name: "Notification",
+  props: {
+    mainType: {
+      type: String,
+      default: "low",
+      validator: (n) => ["low", "high", "attention", "error"].indexOf(n) >= 0
+    },
+    infoIcon: {
+      type: Boolean,
+      default: !1
+    },
+    infoIconName: {
+      type: String,
+      default: "info-circle"
+    },
+    closeIcon: {
+      type: Boolean,
+      default: !0
+    },
+    isWithCloseIcon: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  emits: ["deleteNotification"],
+  setup(n, { emit: t }) {
+    const e = n, s = {
+      low: "tint",
+      high: "accent",
+      attention: "attention",
+      error: "tint"
+    }, l = {
+      low: "tint-blue",
+      high: "color-bg",
+      attention: "attention",
+      error: "alert"
+    }, d = {
+      low: "accent-hover",
+      high: "tint-hover",
+      attention: "attention-hover",
+      error: "error-hover"
+    }, c = g(!1), r = () => {
+      t("deleteNotification");
+    }, m = b(() => ({
+      [K.notificationLow]: e.mainType === "low",
+      [K.notificationHigh]: e.mainType === "high",
+      [K.notificationAttention]: e.mainType === "attention",
+      [K.notificationError]: e.mainType === "error"
+    })), B = b(() => l[e.mainType]), w = b(() => c.value ? d[e.mainType] : l[e.mainType]), F = b(() => s[e.mainType]), G = b(() => e.mainType === "error" ? "destructive" : "base"), I = ge();
+    return (S, O) => (i(), _("div", {
+      class: a([o(m), o(K).notification])
+    }, [
+      e.infoIcon ? (i(), V(C, {
+        key: 0,
+        "color-type": o(B),
+        "icon-name": e.infoIconName
+      }, null, 8, ["color-type", "icon-name"])) : x("", !0),
+      p("div", {
+        class: a(o(K).textBlock)
+      }, [
+        o(I).title ? (i(), _("p", {
+          key: 0,
+          class: a(o(K).title)
+        }, [
+          h(S.$slots, "title")
+        ], 2)) : x("", !0),
+        p("p", null, [
+          h(S.$slots, "default")
+        ])
+      ], 2),
+      e.isWithCloseIcon && e.closeIcon ? (i(), V(C, {
+        key: 1,
+        "icon-name": "x-close",
+        class: a(o(K).button),
+        "color-type": o(w),
+        onClick: r,
+        onMouseout: O[0] || (O[0] = (H) => c.value = !1),
+        onMouseover: O[1] || (O[1] = (H) => c.value = !0)
+      }, null, 8, ["class", "color-type"])) : x("", !0),
+      e.isWithCloseIcon && !e.closeIcon ? (i(), V(rt, {
+        key: 2,
+        "size-type": "small",
+        class: a(o(K).button),
+        "color-type": o(F),
+        "main-type": o(G),
+        onClick: r
+      }, {
+        default: ze(() => [
+          h(S.$slots, "button-slot")
+        ]),
+        _: 3
+      }, 8, ["class", "color-type", "main-type"])) : x("", !0)
+    ], 2));
+  }
+}), Rl = "_getblock_ui_customLoader_1pxz6_2", Vl = "_getblock_ui_spin_1pxz6_1", jl = "_getblock_ui_customHelper_first_1pxz6_6", Wl = "_getblock_ui_customHelper_second_1pxz6_14", Gl = "_getblock_ui_customLoaderAccent_1pxz6_24", Ul = "dark", Pl = "_getblock_ui_customLoaderAccentHelper_1pxz6_29", Yl = "_getblock_ui_customLoaderTint_1pxz6_34", ql = "_getblock_ui_customLoaderTintHelper_1pxz6_39", Xl = "_getblock_ui_customLoaderOutline_1pxz6_44", Kl = "_getblock_ui_customLoaderOutlineHelper_1pxz6_49", J = {
+  customLoader: Rl,
+  spin: Vl,
+  customHelper_first: jl,
+  customHelper_second: Wl,
+  customLoaderAccent: Gl,
+  dark: Ul,
+  customLoaderAccentHelper: Pl,
+  customLoaderTint: Yl,
+  customLoaderTintHelper: ql,
+  customLoaderOutline: Xl,
+  customLoaderOutlineHelper: Kl
+}, Dc = /* @__PURE__ */ L({
+  __name: "CustomLoader",
+  props: {
+    colorType: {
+      type: String,
+      default: "accent",
+      validator: (n) => ["accent", "tint", "outline"].indexOf(n) >= 0
+    }
+  },
+  setup(n) {
+    const t = n, e = b(() => ({
+      [J.customLoaderAccent]: t.colorType === "accent",
+      [J.customLoaderTint]: t.colorType === "tint",
+      [J.customLoaderOutline]: t.colorType === "outline"
+    })), s = b(() => ({
+      [J.customLoaderAccentHelper]: t.colorType === "accent",
+      [J.customLoaderTintHelper]: t.colorType === "tint",
+      [J.customLoaderOutlineHelper]: t.colorType === "outline"
+    }));
+    return (l, d) => (i(), _("div", {
+      class: a([o(e), o(J).customLoader])
+    }, [
+      p("div", {
+        class: a([o(J).customHelper_first, o(s)])
+      }, null, 2),
+      p("div", {
+        class: a([o(J).customHelper_second, o(s)])
+      }, null, 2)
+    ], 2));
+  }
+}), Jl = "_getblock_ui_rotateChevron_1li6h_1", Ql = {
+  rotateChevron: Jl
+}, Zl = { class: "relative" }, ec = { class: "text-sm font-medium text-text-main dark:text-text-dark-main truncate" }, tc = {
+  key: 0,
+  class: "ml-auto text-sm font-medium text-text-secondary dark:text-text-dark-secondary uppercase"
+}, oc = { class: "flex gap-3 p-3 items-center" }, nc = { class: "text-sm font-medium text-text-main dark:text-text-dark-main" }, lc = /* @__PURE__ */ L({
+  __name: "Dropdown",
+  props: {
+    items: {
+      type: Array,
+      default: () => []
+    },
+    placeholder: {
+      type: String,
+      default: ""
+    },
+    locale: {
+      type: String,
+      default: "en"
+    },
+    updateSignal: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(n, { expose: t }) {
+    const e = n, s = {
+      en: {
+        button: "Clear",
+        other: "Other",
+        inputPlaceholder: "Search"
+      },
+      cn: {
+        button: "\u6E05\u9664",
+        other: "\u5176\u4ED6",
+        inputPlaceholder: "\u641C\u7D22"
+      }
+    }, l = g(!1), d = g(""), c = g(!1), r = g([]), m = g(!1), B = g(null), w = b(() => l.value ? "main" : "tertiary"), F = b(() => e.items.filter(
+      (D) => D.value.toLowerCase().includes(d.value.toLowerCase()) || D.generalText.toLowerCase().includes(d.value.toLowerCase()) || D.additionalText.toLowerCase().includes(d.value.toLowerCase())
+    )), G = (D) => {
+      c.value && (c.value = !1, r.value = []);
+      for (const u of F.value)
+        if (u.value === D.id) {
+          u.checked = !u.checked, u.checked ? r.value.push(u.generalText) : r.value = r.value.filter((k) => k !== u.generalText);
+          break;
+        }
+    }, I = () => {
+      r.value = [], e.items.map((D) => {
+        D.checked && (D.checked = !1);
+      }), c.value && (c.value = !1);
+    }, S = () => {
+      I(), c.value = !c.value, r.value.push(
+        s[e.locale].other[0].toUpperCase() + s[e.locale].other.slice(1, s[e.locale].other.length)
+      );
+    }, O = () => {
+      l.value = !l.value;
+    }, H = () => {
+      m.value || (l.value = !1);
+    };
+    t({
+      selectedItems: r
+    }), ve(
+      () => e.updateSignal,
+      () => {
+        l.value || (m.value = !0, B.value = setTimeout(() => {
+          m.value = !1;
+        }, 0), l.value = !0);
+      }
+    ), Oe(() => {
+      B.value && clearTimeout(B.value);
+    });
+    const N = g(null), $ = g(null), P = g(null), ne = g(!1), ae = (D) => {
+      const u = N.value, k = $.value, f = P.value, R = u.scrollTop / (u.scrollHeight - u.clientHeight);
+      f.style.transform = `translateY(${R * (k.clientHeight - 40)}px)`;
+    }, se = (D) => {
+      const u = D.clientY, k = N.value.scrollTop, f = P.value.offsetHeight, R = $.value.offsetHeight;
+      ne.value = !0;
+      const j = (q) => {
+        const he = (q.clientY - u) / (R - f) * (N.value.scrollHeight - N.value.clientHeight);
+        N.value.scrollTop = k + he;
+      }, M = () => {
+        document.removeEventListener("mousemove", j), document.removeEventListener("mouseup", M), ne.value = !1;
+      };
+      document.addEventListener("mousemove", j), document.addEventListener("mouseup", M);
+    }, me = (D) => {
+      const u = $.value, k = N.value, f = D.clientY - u.getBoundingClientRect().top, R = u.clientHeight, j = k.scrollHeight - k.clientHeight;
+      k.scrollTop = f / R * j;
+    };
+    return fe(() => {
+      var D;
+      (D = N.value) == null || D.addEventListener("scroll", ae);
+    }), (D, u) => {
+      const k = Te("click-outside");
+      return Q((i(), _("div", {
+        tabindex: "0",
+        onClick: O,
+        class: a([
+          l.value ? "border-border-focus dark:border-border-dark-focus" : "border-surface-additional dark:border-surface-dark-additional dark:hover:border-border-dark-focus hover:border-border-focus",
+          "flex items-center gap-3 px-4 py-3 w-full rounded-16 border-2 cursor-pointer relative"
+        ])
+      }, [
+        U(C, {
+          "color-type": "main",
+          "size-type": "medium",
+          "icon-name": "cube-01"
+        }),
+        p("span", {
+          id: "generalSpan",
+          class: a([
+            "font-medium leading-5 truncate",
+            r.value.length === 0 ? "text-text-secondary dark:text-text-dark-secondary" : "text-text-main dark:text-text-dark-main"
+          ])
+        }, A(r.value.length === 0 ? n.placeholder : r.value.join(",")), 3),
+        Q(p("div", {
+          onClick: u[1] || (u[1] = be(() => {
+          }, ["stop"])),
+          class: "flex flex-col gap-2 p-1.5 w-full absolute left-0 right-0 test rounded-16 bg-bg-base dark:bg-bg-dark-base cursor-default"
+        }, [
+          U(Zt, {
+            "input-value": d.value,
+            "onUpdate:inputValue": u[0] || (u[0] = (f) => d.value = f),
+            placeholder: s[e.locale].inputPlaceholder,
+            "icon-name": "search-md",
+            "right-icon-name": "x-close",
+            "size-type": "medium",
+            "input-name": "search"
+          }, null, 8, ["input-value", "placeholder"]),
+          p("div", Zl, [
+            p("div", {
+              class: "overflow-auto max-h-[120px] content",
+              ref_key: "dropdownContent",
+              ref: N
+            }, [
+              (i(!0), _(W, null, oe(o(F), (f) => (i(), _("div", {
+                key: f.value,
+                class: a(["flex gap-3 p-3 items-center", { "pr-6": o(F).length >= 2 }])
+              }, [
+                U(ke, {
+                  checked: f.checked,
+                  id: f.value,
+                  value: f.value,
+                  onChange: G
+                }, null, 8, ["checked", "id", "value"]),
+                p("span", ec, A(f.generalText), 1),
+                f.additionalText ? (i(), _("span", tc, A(f.additionalText), 1)) : x("", !0)
+              ], 2))), 128)),
+              p("div", oc, [
+                U(ke, {
+                  checked: c.value,
+                  id: "other",
+                  value: "other",
+                  onChange: S
+                }, null, 8, ["checked"]),
+                p("span", nc, A(s[e.locale].other), 1)
+              ])
+            ], 512),
+            o(F).length >= 2 ? (i(), _("div", {
+              key: 0,
+              class: "absolute right-1 top-0 h-full w-[10px]",
+              ref_key: "scrollBar",
+              ref: $,
+              onClick: me
+            }, [
+              p("div", {
+                class: "bg-[#cecece] w-[5px] h-[30px] rounded-[50px] cursor-pointer",
+                ref_key: "thumb",
+                ref: P,
+                onMousedown: se
+              }, null, 544)
+            ], 512)) : x("", !0)
+          ])
+        ], 512), [
+          [ie, l.value]
+        ]),
+        U(C, {
+          class: a(["transition ml-auto", [l.value ? o(Ql).rotateChevron : ""]]),
+          "icon-name": "chevron-down",
+          "size-type": "medium",
+          "color-type": o(w)
+        }, null, 8, ["class", "color-type"])
+      ], 2)), [
+        [k, H]
+      ]);
+    };
+  }
+});
+const Se = (n, t) => {
+  const e = n.__vccOpts || n;
+  for (const [s, l] of t)
+    e[s] = l;
+  return e;
+}, Cc = /* @__PURE__ */ Se(lc, [["__scopeId", "data-v-cf207b61"]]), cc = { class: "slider-container" }, ic = { class: "flex justify-between items-center w-full" }, ac = { class: "slider-label gb-text-text-main" }, sc = { class: "slider-wrapper" }, rc = { class: "relative w-full max-h-[28px]" }, uc = ["max", "value"], dc = { class: "slider-dots" }, _c = { class: "slider-marks" }, pc = /* @__PURE__ */ L({
+  __name: "Range",
+  props: {
+    marks: null,
+    values: null,
+    value: null,
+    color: { default: "blue" },
+    label: { default: "" }
+  },
+  emits: ["update:value"],
+  setup(n, { emit: t }) {
+    const e = n;
+    He((m) => ({
+      "9be73400": o(d)
+    }));
+    const s = g(1), l = b(() => typeof document < "u" ? document.getElementsByTagName("html")[0].classList.contains("dark") : !1), d = b(() => {
+      if (l.value) {
+        if (e.color === "dark")
+          return "#85858c";
+        if (e.color === "blue")
+          return "#3385FF";
+      } else {
+        if (e.color === "dark")
+          return "#1E1E1F";
+        if (e.color === "blue")
+          return "#2772F5";
+      }
+      return "#2772F5";
+    }), c = b(
+      () => e.values[s.value] >= 1e6 ? new Intl.NumberFormat("en", { notation: "compact" }).format(e.values[s.value]) : e.values[s.value]
+    );
+    ve(
+      () => e.value,
+      (m) => {
+        const B = e.values.findIndex((w) => w === m);
+        s.value = B !== -1 ? B : 0;
+      },
+      { immediate: !0 }
+    );
+    const r = (m) => {
+      const B = m.target;
+      t("update:value", e.values[Number(B.value)]);
+    };
+    return (m, B) => (i(), _("div", cc, [
+      p("div", ic, [
+        p("p", ac, A(n.label), 1),
+        p("p", {
+          class: "font-bold",
+          style: xe({ color: o(d) })
+        }, A(o(c)), 5)
+      ]),
+      p("div", sc, [
+        p("div", rc, [
+          p("input", {
+            type: "range",
+            min: 0,
+            max: n.values.length - 1,
+            step: "1",
+            value: s.value,
+            class: "slider",
+            onInput: r
+          }, null, 40, uc),
+          p("div", dc, [
+            (i(!0), _(W, null, oe(n.marks, (w) => (i(), _("div", {
+              key: w,
+              class: a(["dot", [{ "!bg-[#DEDFE0]": n.value < Number(w) }]])
+            }, null, 2))), 128))
+          ])
+        ]),
+        p("div", _c, [
+          (i(!0), _(W, null, oe(n.marks, (w) => (i(), _("span", {
+            key: w,
+            class: "slider-mark"
+          }, A(w), 1))), 128))
+        ])
+      ])
+    ]));
+  }
+});
+const $c = /* @__PURE__ */ Se(pc, [["__scopeId", "data-v-3f4a2f2f"]]);
+export {
+  hc as GetBlockUIBadge,
+  Tc as GetBlockUIBreadcrumbs,
+  rt as GetBlockUIButton,
+  gc as GetBlockUIChips,
+  kc as GetBlockUIDropdown,
+  yc as GetBlockUIDroplist,
+  C as GetBlockUIIcon,
+  Zt as GetBlockUIInput,
+  vc as GetBlockUILineTab,
+  mc as GetBlockUIListItem,
+  Dc as GetBlockUILoader,
+  Ic as GetBlockUINotification,
+  wc as GetBlockUIRadioButton,
+  $c as GetBlockUIRange,
+  Lc as GetBlockUITabBar,
+  fc as GetBlockUITag,
+  Sc as GetBlockUITextArea,
+  Bc as GetBlockUIToggle,
+  xc as GetBlockUITooltip,
+  ke as GetBlockUiCheckbox,
+  Cc as GetBlockUiDropdownWithCheckbox
+};