@indielayer/ui 1.5.1 → 1.5.2

package/lib/components/stepper/Stepper.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as I, ref as c, openBlock as i, createElementBlock as d, createElementVNode as r, normalizeClass as s, unref as o, normalizeStyle as B, createVNode as u, withCtx as p, Fragment as R, renderList as V, createBlock as N, resolveDynamicComponent as z, toDisplayString as f, createCommentVNode as E, renderSlot as P } from "vue";
+import { defineComponent as x, ref as c, openBlock as l, createElementBlock as d, createElementVNode as r, normalizeClass as s, unref as o, normalizeStyle as B, createVNode as u, withCtx as m, Fragment as R, renderList as V, createBlock as N, resolveDynamicComponent as z, toDisplayString as f, createCommentVNode as E, renderSlot as P } from "vue";
 import { useCommon as v } from "../../composables/useCommon.js";
 import { useColors as $ } from "../../composables/useColors.js";
 import { useTheme as D } from "../../composables/useTheme.js";
@@ -40,85 +40,86 @@ const j = { class: "overflow-hidden" }, q = { class: "flex items-start pr-4" },
 }, O = {
   name: "XStepper",
   validators: K
-}, se = /* @__PURE__ */ I({
+}, se = /* @__PURE__ */ x({
   ...O,
   props: M,
   emits: ["update:modelValue"],
   setup(y, { emit: _ }) {
-    const n = y, g = _, b = c(null), S = c(null), h = c(null);
-    function k(t, a) {
-      t.disabled || !n.interactive || g("update:modelValue", a);
+    const n = y, b = _, g = c(null), S = c(null), h = c(null);
+    function k(e, a) {
+      e.disabled || !n.interactive || b("update:modelValue", a);
     }
-    function C(t, a) {
-      return t.status === "incomplete" ? n.iconIncomplete || F : t.status === "error" ? n.iconError || L : t.status === "complete" ? n.iconComplete || T : n.iconPristine || W;
+    function C(e, a) {
+      return e.status === "incomplete" ? n.iconIncomplete || F : e.status === "error" ? n.iconError || L : e.status === "complete" ? n.iconComplete || T : n.iconPristine || W;
     }
-    const { styles: w, classes: l, className: x } = D("Stepper", {}, n);
-    return (t, a) => (i(), d("div", null, [
+    const { styles: w, classes: i, className: I } = D("Stepper", {}, n);
+    return (e, a) => (l(), d("div", null, [
       r("div", {
         ref_key: "wrapperRef",
         ref: S,
         class: s(["relative", [
-          o(x),
-          o(l).wrapper
+          o(I),
+          o(i).wrapper
         ]]),
         style: B(o(w))
       }, [
         u(X, {
           ref_key: "scrollRef",
-          ref: b,
+          ref: g,
           scrollbar: !1,
           horizontal: "",
           mousewheel: "",
-          class: s(o(l).scroller)
+          class: s(o(i).scroller)
         }, {
-          default: p(() => [
+          default: m(() => [
             r("div", {
               ref_key: "stepperRef",
               ref: h,
-              class: s(["relative", o(l).list])
+              class: s(["relative", o(i).list])
             }, [
-              (i(!0), d(R, null, V(t.steps, (e, m) => (i(), N(z(t.interactive ? "button" : "div"), {
-                key: m,
-                class: s([o(l).step, {
-                  "cursor-pointer": t.interactive && !e.disabled,
-                  "text-secondary-400 dark:text-secondary-600": e.disabled,
-                  "flex-1": t.grow
+              (l(!0), d(R, null, V(e.steps, (t, p) => (l(), N(z(e.interactive ? "button" : "div"), {
+                key: p,
+                type: e.interactive ? "button" : void 0,
+                class: s([o(i).step, {
+                  "cursor-pointer": e.interactive && !t.disabled,
+                  "text-secondary-400 dark:text-secondary-600": t.disabled,
+                  "flex-1": e.grow
                 }]),
-                disabled: e.disabled || !t.interactive,
-                onClick: (Q) => k(e, m)
+                disabled: t.disabled || !e.interactive,
+                onClick: (Q) => k(t, p)
               }, {
-                default: p(() => [
+                default: m(() => [
                   r("div", j, [
                     r("div", {
-                      class: s(["h-0.5 w-full mb-2", [e.status === "complete" || e.status === "incomplete" ? "bg-primary-500" : "bg-secondary-200 dark:bg-secondary-700"]])
+                      class: s(["h-0.5 w-full mb-2", [t.status === "complete" || t.status === "incomplete" ? "bg-primary-500" : "bg-secondary-200 dark:bg-secondary-700"]])
                     }, null, 2),
                     r("div", q, [
                       u(A, {
-                        icon: C(e),
+                        icon: C(t),
                         size: "sm",
-                        class: s([o(l).icon, {
-                          "text-primary-500": e.status === "complete" || e.status === "incomplete",
-                          "text-error-500": e.status === "error"
+                        class: s([o(i).icon, {
+                          "text-primary-500": t.status === "complete" || t.status === "incomplete",
+                          "text-error-500": t.status === "error"
                         }])
                       }, null, 8, ["icon", "class"]),
                       r("div", G, [
-                        r("div", H, f(e.label), 1),
-                        e.description ? (i(), d("div", J, f(e.description), 1)) : E("", !0)
+                        r("div", H, f(t.label), 1),
+                        t.description ? (l(), d("div", J, f(t.description), 1)) : E("", !0)
                       ])
                     ])
                   ])
                 ]),
                 _: 2
-              }, 1032, ["class", "disabled", "onClick"]))), 128))
+              }, 1032, ["type", "class", "disabled", "onClick"]))), 128))
             ], 2)
           ]),
           _: 1
         }, 8, ["class"])
       ], 6),
       r("div", {
-        class: s(o(l).content)
+        class: s(o(i).content)
       }, [
-        P(t.$slots, "default")
+        P(e.$slots, "default")
       ], 2)
     ]));
   }

package/lib/components/tab/Tab.vue.js

@@ -1,13 +1,13 @@
 import { defineComponent as R, computed as s, ref as d, inject as j, reactive as D, onMounted as E, openBlock as c, createBlock as m, resolveDynamicComponent as L, normalizeStyle as V, unref as o, normalizeClass as v, withCtx as M, renderSlot as g, createElementVNode as z, createCommentVNode as p, toDisplayString as O, Teleport as P, createElementBlock as X } from "vue";
 import { useMutationObserver as F } from "../../node_modules/.pnpm/@vueuse_core@10.2.0_vue@3.3.9/node_modules/@vueuse/core/index.js";
 import { injectTabGroupKey as G } from "../../composables/keys.js";
-import { useCommon as x } from "../../composables/useCommon.js";
+import { useCommon as T } from "../../composables/useCommon.js";
 import { useTheme as I } from "../../composables/useTheme.js";
 import C from "../icon/Icon.vue.js";
 import K from "../link/Link.vue.js";
 import { closeIcon as q } from "../../common/icons.js";
 const A = {
-  ...x.props(),
+  ...T.props(),
   value: {
     type: [String, Number]
   },
@@ -24,14 +24,14 @@ const A = {
 }, H = {
   name: "XTab",
   validators: {
-    ...x.validators()
+    ...T.validators()
   }
 }, te = /* @__PURE__ */ R({
   ...H,
   props: A,
   emits: ["remove"],
-  setup(T) {
-    const t = T, i = s(() => {
+  setup(x) {
+    const t = x, i = s(() => {
       var e, u;
       return ((u = (e = l.value) == null ? void 0 : e.$el) == null ? void 0 : u.href) || t.value;
     }), S = s(() => t.label || t.value), b = d(null), l = d(null), a = j(G, {
@@ -76,6 +76,7 @@ const A = {
     return (e, u) => (c(), m(L(e.to ? K : e.tag), {
       ref_key: "elRef",
       ref: l,
+      type: e.tag === "button" ? "button" : void 0,
       "data-value": i.value,
       to: e.to,
       color: r.value ? $.value : void 0,
@@ -141,7 +142,7 @@ const A = {
         ], 8, ["to"])) : p("", !0)
       ]),
       _: 3
-    }, 8, ["data-value", "to", "color", "style", "class", "aria-disabled", "aria-selected"]));
+    }, 8, ["type", "data-value", "to", "color", "style", "class", "aria-disabled", "aria-selected"]));
   }
 });
 export {

package/lib/components/table/Table.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as E, ref as J, watch as X, openBlock as n, createElementBlock as a, normalizeClass as c, unref as u, renderSlot as i, createElementVNode as f, normalizeStyle as F, createVNode as p, withCtx as d, createBlock as m, createCommentVNode as $, Fragment as y, renderList as g, createTextVNode as _, toDisplayString as C } from "vue";
+import { defineComponent as E, ref as J, watch as X, openBlock as n, createElementBlock as a, normalizeClass as c, unref as u, renderSlot as i, createElementVNode as p, normalizeStyle as F, createVNode as f, withCtx as d, createBlock as m, createCommentVNode as $, Fragment as y, renderList as g, createTextVNode as _, toDisplayString as C } from "vue";
 import { useTheme as O } from "../../composables/useTheme.js";
 import P from "./TableHead.vue.js";
 import N from "./TableHeader.vue.js";
@@ -42,7 +42,7 @@ const Q = { key: 1 }, R = ["colspan"], U = { key: 2 }, Y = ["colspan"], Z = ["on
     default: !0
   },
   expandable: Boolean
-}, te = { name: "XTable" }, pe = /* @__PURE__ */ E({
+}, te = { name: "XTable" }, fe = /* @__PURE__ */ E({
   ...te,
   props: {
     ...ee,
@@ -103,11 +103,11 @@ const Q = { key: 1 }, R = ["colspan"], U = { key: 2 }, Y = ["colspan"], Z = ["on
     }, [
       i(e.$slots, "title"),
       i(e.$slots, "actions"),
-      f("table", {
+      p("table", {
         style: F(u(L)),
         class: c(u(b).table)
       }, [
-        p(P, null, {
+        f(P, null, {
           default: d(() => [
             e.expandable ? (n(), m(N, {
               key: 0,
@@ -134,7 +134,7 @@ const Q = { key: 1 }, R = ["colspan"], U = { key: 2 }, Y = ["colspan"], Z = ["on
           ]),
           _: 3
         }),
-        p(u(W), null, {
+        f(u(W), null, {
           default: d(() => [
             e.loading ? (n(!0), a(y, { key: 0 }, g(Number(e.loadingLines), (t, l) => (n(), m(S, {
               key: l,
@@ -150,7 +150,7 @@ const Q = { key: 1 }, R = ["colspan"], U = { key: 2 }, Y = ["colspan"], Z = ["on
                 }, {
                   default: d(() => [
                     i(e.$slots, `loading-${s.value}`, { item: t }, () => [
-                      p(G, {
+                      f(G, {
                         class: c(["max-w-[60%]", {
                           "mx-auto": s.align === "center",
                           "ml-auto": s.align === "right"
@@ -164,13 +164,13 @@ const Q = { key: 1 }, R = ["colspan"], U = { key: 2 }, Y = ["colspan"], Z = ["on
               ]),
               _: 2
             }, 1032, ["striped"]))), 128)) : e.error ? (n(), a("tr", Q, [
-              f("td", {
+              p("td", {
                 colspan: e.headers.length
               }, [
                 i(e.$slots, "error")
               ], 8, R)
             ])) : !h.items || h.items.length === 0 ? (n(), a("tr", U, [
-              f("td", {
+              p("td", {
                 colspan: e.headers.length
               }, [
                 i(e.$slots, "empty")
@@ -178,7 +178,7 @@ const Q = { key: 1 }, R = ["colspan"], U = { key: 2 }, Y = ["colspan"], Z = ["on
             ])) : (n(!0), a(y, { key: 3 }, g(h.items, (t, l) => {
               var s;
               return n(), a(y, { key: l }, [
-                p(S, {
+                f(S, {
                   pointer: e.pointer,
                   striped: e.striped,
                   onClick: (r) => e.$emit("click-row", t)
@@ -192,11 +192,12 @@ const Q = { key: 1 }, R = ["colspan"], U = { key: 2 }, Y = ["colspan"], Z = ["on
                       default: d(() => {
                         var r;
                         return [
-                          f("button", {
+                          p("button", {
+                            type: "button",
                             class: "p-4",
                             onClick: (B) => k.value[l].__expanded = !k.value[l].__expanded
                           }, [
-                            p(K, {
+                            f(K, {
                               icon: u(M),
                               size: e.dense ? "xs" : "md",
                               class: c(["transition-transform", {
@@ -227,8 +228,8 @@ const Q = { key: 1 }, R = ["colspan"], U = { key: 2 }, Y = ["colspan"], Z = ["on
                   _: 2
                 }, 1032, ["pointer", "striped", "onClick"]),
                 e.expandable ? (n(), a("tr", j, [
-                  f("td", x, [
-                    f("div", {
+                  p("td", x, [
+                    p("div", {
                       class: c(["overflow-hidden transition-opacity", [(s = k.value[l]) != null && s.__expanded ? "" : "opacity-0 max-h-0"]])
                     }, [
                       i(e.$slots, "expanded-row", { item: t })
@@ -244,12 +245,12 @@ const Q = { key: 1 }, R = ["colspan"], U = { key: 2 }, Y = ["colspan"], Z = ["on
           key: 0,
           class: c(u(b).loadingWrapper)
         }, [
-          p(q, { size: "lg" })
+          f(q, { size: "lg" })
         ], 2)) : $("", !0)
       ], 6)
     ], 2));
   }
 });
 export {
-  pe as default
+  fe as default
 };

package/lib/components/tooltip/Tooltip.vue.js

@@ -2,7 +2,7 @@ import { defineComponent as r, openBlock as a, createBlock as s, withCtx as e, c
 import c from "../popover/Popover.vue.js";
 import "../popover/Popover.vue3.js";
 import p from "../popover/PopoverContainer.vue.js";
-import "../../node_modules/.pnpm/floating-vue@5.2.0_vue@3.3.9/node_modules/floating-vue/dist/floating-vue.js";
+import "../../node_modules/.pnpm/floating-vue@5.2.2_vue@3.3.9/node_modules/floating-vue/dist/floating-vue.js";
 const i = { class: "dark" }, m = {
   placement: {
     type: String,

package/lib/create.d.ts

@@ -1,10 +1,14 @@
-import type { App } from 'vue';
+import type { App, InjectionKey, MaybeRef } from 'vue';
 import { type UITheme } from './theme';
+import type { IconInjection } from './components/icon/Icon.vue';
 export type UIOptions = {
     prefix?: string;
     components?: any[];
     icons?: Record<string, any>;
     theme?: UITheme;
+    injectIconsKey?: InjectionKey<IconInjection>;
+    injectOptionsKey?: InjectionKey<UIOptions>;
+    injectThemeKey?: InjectionKey<MaybeRef<UITheme>>;
 };
 declare const create: (createOptions?: UIOptions) => {
     install: (app: App, installOptions?: UIOptions) => void;

package/lib/create.js

@@ -1,21 +1,24 @@
-import { injectOptionsKey as r, injectIconsKey as m, injectThemeKey as f } from "./composables/keys.js";
-import { injectThemeStyles as a } from "./theme.js";
-const l = {
-  prefix: "X"
-}, h = (o = {}) => ({
-  install: (t, c = {}) => {
-    var s;
+import { injectOptionsKey as s, injectIconsKey as m, injectThemeKey as r } from "./composables/keys.js";
+import { injectThemeStyles as h } from "./theme.js";
+const y = {
+  prefix: "X",
+  injectIconsKey: m,
+  injectOptionsKey: s,
+  injectThemeKey: r
+}, a = (f = {}) => ({
+  install: (t, n = {}) => {
+    var c;
     const e = {
-      ...l,
-      ...o,
-      ...c
+      ...y,
+      ...f,
+      ...n
     };
-    e.components && e.components.forEach((n) => {
-      const i = n.name.startsWith("X") ? n.name.slice(1) : n.name;
-      t.component(`${e.prefix}${i}`) || t.component(`${e.prefix}${i}`, n);
-    }), t.provide(r, e), t.provide(m, e.icons || {}), t.provide(f, e.theme || {}), (s = e.theme) != null && s.styles && a(e.theme.name || "", e.theme.styles);
+    e.components && e.components.forEach((o) => {
+      const i = o.name.startsWith("X") ? o.name.slice(1) : o.name;
+      t.component(`${e.prefix}${i}`) || t.component(`${e.prefix}${i}`, o);
+    }), t.provide(n.injectOptionsKey || s, e), t.provide(n.injectIconsKey || m, e.icons || {}), t.provide(n.injectThemeKey || r, e.theme || {}), (c = e.theme) != null && c.styles && h(e.theme.name || "", e.theme.styles);
   }
-}), $ = h;
+}), $ = a;
 export {
   $ as default
 };

package/lib/index.js

@@ -66,7 +66,7 @@ import { useInteractive as Ao } from "./composables/useInteractive.js";
 import { useNotifications as wo } from "./composables/useNotifications.js";
 import { default as _o } from "./themes/base/index.js";
 import { default as Lo } from "./themes/carbon/index.js";
-function styleInject(css,ref){if(ref===void 0){ref={}}var insertAt=ref.insertAt;if(!css||typeof document==="undefined"){return}var head=document.head||document.getElementsByTagName("head")[0];var style=document.createElement("style");style.type="text/css";if(insertAt==="top"){if(head.firstChild){head.insertBefore(style,head.firstChild)}else{head.appendChild(style)}}else{head.appendChild(style)}if(style.styleSheet){style.styleSheet.cssText=css}else{style.appendChild(document.createTextNode(css))}};styleInject(`.resize-observer{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;border:none;background-color:transparent;pointer-events:none;display:block;overflow:hidden;opacity:0}.resize-observer object{display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}.v-popper__popper{z-index:10000;top:0;left:0;outline:0}.v-popper__popper.v-popper__popper--hidden{visibility:hidden;opacity:0;transition:opacity .15s,visibility .15s;pointer-events:none}.v-popper__popper.v-popper__popper--shown{visibility:visible;opacity:1;transition:opacity .15s}.v-popper__popper.v-popper__popper--skip-transition,.v-popper__popper.v-popper__popper.v-popper__popper--skip-transition>.v-popper__wrapper{transition:none!important}.v-popper__backdrop{position:absolute;top:0;left:0;width:100%;height:100%;display:none}.v-popper__arrow-container{position:absolute;width:10px;height:10px}.v-popper__arrow-inner{border-style:solid;position:absolute;top:0;left:0;width:0;height:0;visibility:hidden;border-width:7px}.v-popper__arrow-outer{display:none}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{left:-2px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{border-bottom-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important;top:-2px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-container{top:0}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{border-top-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-top-color:transparent!important;top:-4px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{border-left-width:0;border-left-color:transparent!important;border-top-color:transparent!important;border-bottom-color:transparent!important;left:-4px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-container{right:-10px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner{border-right-width:0;border-top-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important;left:-2px}.v-popper--theme-dropdown .v-popper__arrow-inner{visibility:visible;border-color:#374151}.v-popper__popper--no-arrow .v-popper__arrow-container{display:none}._avatar_7u83c_2{color:var(--x-avatar-text);background-color:var(--x-avatar-bg);border-color:var(--x-avatar-border)}._avatar_7u83c_2.dark,.dark ._avatar_7u83c_2{color:var(--x-avatar-dark-text,var(--x-avatar-text));background-color:var(--x-avatar-dark-bg,var(--x-avatar-bg));border-color:var(--x-avatar-dark-border,var(--x-avatar-border))}._alert_rqxly_2{color:var(--x-alert-text);background-color:var(--x-alert-bg);border-color:var(--x-alert-border)}._alert--glow_rqxly_1{box-shadow:0 0 #000,0 0 #000,0 10px 15px -3px var(--x-alert-glow),0 4px 6px -4px var(--x-alert-glow)}._alert_rqxly_2.dark,.dark ._alert_rqxly_2{color:var(--x-alert-dark-text,var(--x-alert-text));background-color:var(--x-alert-dark-bg,var(--x-alert-bg));border-color:var(--x-alert-dark-border,var(--x-alert-border))}._button-group_1p7wb_2:not(._button-group--rounded_1p7wb_1)>:first-child{border-top-left-radius:.375rem;border-bottom-left-radius:.375rem}._button-group_1p7wb_2:not(._button-group--rounded_1p7wb_1)>:last-child{border-top-right-radius:.375rem;border-bottom-right-radius:.375rem}._button-group--rounded_1p7wb_1>:first-of-type{border-top-left-radius:9999px;border-bottom-left-radius:9999px}._button-group--rounded_1p7wb_1>:last-child{border-top-right-radius:9999px;border-bottom-right-radius:9999px}._checkbox--glow_a1gm3_1{box-shadow:0 0 #000,0 0 #000,0 10px 15px -3px var(--x-checkbox-glow),0 4px 6px -4px var(--x-checkbox-glow)}._radio_67qot_2{border-color:var(--x-radio-border);background-color:var(--x-radio-bg)}._radio_circle_67qot_1{color:var(--x-radio-circle)}._radio--glow_67qot_1{box-shadow:0 0 #000,0 0 #000,0 10px 15px -3px var(--x-radio-glow),0 4px 6px -4px var(--x-radio-glow)}._radio_67qot_2.dark,.dark ._radio_67qot_2{border-color:var(--x-radio-dark-border);background-color:var(--x-radio-dark-bg)}._radio_67qot_2.dark_circle,.dark ._radio_circle_67qot_1{color:var(--x-radio-dark-circle)}._scrollwrap_12093_2::after,._scrollwrap_12093_2::before{content:"";pointer-events:none;position:absolute;z-index:1;transition:box-shadow .2s}._scrollwrap_12093_2._horizontal_12093_12::after,._scrollwrap_12093_2._horizontal_12093_12::before{top:0;bottom:0;width:20px}._scrollwrap_12093_2._vertical_12093_19::after,._scrollwrap_12093_2._vertical_12093_19::before{right:0;left:0;height:20px}._scrollwrap_12093_2._horizontal_12093_12::before{left:0}._scrollwrap_12093_2._horizontal_12093_12::after{right:0}._scrollwrap_12093_2._vertical_12093_19::before{top:0}._scrollwrap_12093_2._vertical_12093_19::after{bottom:0}._scrollwrap_12093_2._shadow-left_12093_42::before{box-shadow:inset 12px 0 10px -10px rgb(0 0 0 / 7%)}._scrollwrap_12093_2._shadow-right_12093_46::after{box-shadow:inset -12px 0 10px -10px rgb(0 0 0 / 7%)}._scrollwrap_12093_2._shadow-top_12093_50::before{box-shadow:inset 0 12px 10px -10px rgb(0 0 0 / 7%)}._scrollwrap_12093_2._shadow-bottom_12093_54::after{box-shadow:inset 0 -12px 10px -10px rgb(0 0 0 / 7%)}._hidescroll_12093_59{-ms-overflow-style:auto;scrollbar-width:none}._hidescroll_12093_59::-webkit-scrollbar{display:none}._button_1liag_2[data-v-b25d6b6e]{color:var(--x-button-text);background-color:var(--x-button-bg);border-color:var(--x-button-border)}._button--glow_1liag_1[data-v-b25d6b6e]{box-shadow:0 0 #000,0 0 #000,0 10px 15px -3px var(--x-button-glow),0 4px 6px -4px var(--x-button-glow)}._button_1liag_2[data-v-b25d6b6e]:hover{color:var(--x-button-text-hover,var(--x-button-text));background-color:var(--x-button-bg-hover,var(--x-button-bg));border-color:var(--x-button-border-hover,var(--x-button-border))}._button_1liag_2[data-v-b25d6b6e]:active{color:var(--x-button-text-active,var(--x-button-text));background-color:var(--x-button-bg-active,var(--x-button-bg));border-color:var(--x-button-border-active,var(--x-button-border))}._button_1liag_2.dark[data-v-b25d6b6e],.dark ._button_1liag_2[data-v-b25d6b6e]{color:var(--x-button-dark-text,var(--x-button-text));background-color:var(--x-button-dark-bg,var(--x-button-bg));border-color:var(--x-button-dark-border,var(--x-button-border))}._button_1liag_2.dark[data-v-b25d6b6e]:hover,.dark ._button_1liag_2[data-v-b25d6b6e]:hover{color:var(--x-button-dark-text-hover,var(--x-button-dark-text,var(--x-button-text)));background-color:var(--x-button-dark-bg-hover,var(--x-button-dark-bg,var(--x-button-bg)));border-color:var(--x-button-dark-border-hover,var(--x-button-dark-border,var(--x-button-border)))}._button_1liag_2.dark[data-v-b25d6b6e]:active,.dark ._button_1liag_2[data-v-b25d6b6e]:active{color:var(--x-button-dark-text-active,var(--x-button-dark-text));background-color:var(--x-button-dark-bg-active,var(--x-button-dark-bg,var(--x-button-bg)));border-color:var(--x-button-dark-border-active,var(--x-button-dark-border,var(--x-button-border)))}._carousel-slide_uzvvz_2 img[data-v-402870d3-s]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}._link_ke25h_2[data-v-81a39d2b]{color:var(--x-link-text)}._link_ke25h_2[data-v-81a39d2b]:hover{color:var(--x-link-text-hover,var(--x-link-text))}._link--shadow_ke25h_1[data-v-81a39d2b]{box-shadow:inset 0 -.315em 0 0 var(--x-link-shadow)}._link--shadow_ke25h_1[data-v-81a39d2b]:hover{box-shadow:inset 0 -1.325em 0 0 var(--x-link-shadow)}._link_ke25h_2.dark[data-v-81a39d2b],.dark ._link_ke25h_2[data-v-81a39d2b]{color:var(--x-link-dark-text)}._link_ke25h_2.dark[data-v-81a39d2b]:hover,.dark ._link_ke25h_2[data-v-81a39d2b]:hover{color:var(--x-link-dark-text-hover,var(--x-link-dark-text))}._link_ke25h_2.dark--shadow[data-v-81a39d2b],.dark ._link--shadow_ke25h_1[data-v-81a39d2b]{box-shadow:inset 0 -.315em 0 0 var(--x-link-dark-shadow)}._link_ke25h_2.dark--shadow[data-v-81a39d2b]:hover,.dark ._link--shadow_ke25h_1[data-v-81a39d2b]:hover{box-shadow:inset 0 -1.325em 0 0 var(--x-link-dark-shadow)}._menu-item_eyhiv_2[data-v-8614aac7]{color:var(--x-menu-item-text);background-color:var(--x-menu-item-bg)}._menu-item_eyhiv_2[data-v-8614aac7]::before{content:"";position:absolute;left:-1px;height:100%;width:1px;background-color:transparent}._menu-item_eyhiv_2[data-v-8614aac7]:hover{color:var(--x-menu-item-text-hover,var(--x-menu-item-text));background-color:var(--x-menu-item-bg-hover,var(--x-menu-item-bg))}._menu-item_eyhiv_2.dark[data-v-8614aac7],.dark ._menu-item_eyhiv_2[data-v-8614aac7]{color:var(--x-menu-item-dark-text);background:var(--x-menu-item-dark-bg)}._menu-item_eyhiv_2.dark[data-v-8614aac7]:hover,.dark ._menu-item_eyhiv_2[data-v-8614aac7]:hover{color:var(--x-menu-item-dark-text-hover,var(--x-menu-item-dark-text));background-color:var(--x-menu-item-dark-bg-hover,var(--x-menu-item-dark-bg))}.x-menu-inner ._menu-item--active_eyhiv_1[data-v-8614aac7]::before,.x-menu-inner ._menu-item_eyhiv_2[data-v-8614aac7]:hover::before{background-color:var(--x-menu-item-border-hover)}`);
+function styleInject(css,ref){if(ref===void 0){ref={}}var insertAt=ref.insertAt;if(!css||typeof document==="undefined"){return}var head=document.head||document.getElementsByTagName("head")[0];var style=document.createElement("style");style.type="text/css";if(insertAt==="top"){if(head.firstChild){head.insertBefore(style,head.firstChild)}else{head.appendChild(style)}}else{head.appendChild(style)}if(style.styleSheet){style.styleSheet.cssText=css}else{style.appendChild(document.createTextNode(css))}};styleInject(`.resize-observer{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;border:none;background-color:transparent;pointer-events:none;display:block;overflow:hidden;opacity:0}.resize-observer object{display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}.v-popper__popper{z-index:10000;top:0;left:0;outline:0}.v-popper__popper.v-popper__popper--hidden{visibility:hidden;opacity:0;transition:opacity .15s,visibility .15s;pointer-events:none}.v-popper__popper.v-popper__popper--shown{visibility:visible;opacity:1;transition:opacity .15s}.v-popper__popper.v-popper__popper--skip-transition,.v-popper__popper.v-popper__popper.v-popper__popper--skip-transition>.v-popper__wrapper{transition:none!important}.v-popper__backdrop{position:absolute;top:0;left:0;width:100%;height:100%;display:none}.v-popper__arrow-container{position:absolute;width:10px;height:10px}.v-popper__arrow-inner{border-style:solid;position:absolute;top:0;left:0;width:0;height:0;visibility:hidden;border-width:7px}.v-popper__arrow-outer{display:none}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{left:-2px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{border-bottom-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important;top:-2px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-container{top:0}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{border-top-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-top-color:transparent!important;top:-4px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{border-left-width:0;border-left-color:transparent!important;border-top-color:transparent!important;border-bottom-color:transparent!important;left:-4px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-container{right:-10px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner{border-right-width:0;border-top-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important;left:-2px}.v-popper--theme-dropdown .v-popper__arrow-inner{visibility:visible;border-color:#374151}.v-popper__popper--no-arrow .v-popper__arrow-container{display:none}._avatar_7u83c_2{color:var(--x-avatar-text);background-color:var(--x-avatar-bg);border-color:var(--x-avatar-border)}._avatar_7u83c_2.dark,.dark ._avatar_7u83c_2{color:var(--x-avatar-dark-text,var(--x-avatar-text));background-color:var(--x-avatar-dark-bg,var(--x-avatar-bg));border-color:var(--x-avatar-dark-border,var(--x-avatar-border))}._alert_rqxly_2{color:var(--x-alert-text);background-color:var(--x-alert-bg);border-color:var(--x-alert-border)}._alert--glow_rqxly_1{box-shadow:0 0 #000,0 0 #000,0 10px 15px -3px var(--x-alert-glow),0 4px 6px -4px var(--x-alert-glow)}._alert_rqxly_2.dark,.dark ._alert_rqxly_2{color:var(--x-alert-dark-text,var(--x-alert-text));background-color:var(--x-alert-dark-bg,var(--x-alert-bg));border-color:var(--x-alert-dark-border,var(--x-alert-border))}._button-group_1p7wb_2:not(._button-group--rounded_1p7wb_1)>:first-child{border-top-left-radius:.375rem;border-bottom-left-radius:.375rem}._button-group_1p7wb_2:not(._button-group--rounded_1p7wb_1)>:last-child{border-top-right-radius:.375rem;border-bottom-right-radius:.375rem}._button-group--rounded_1p7wb_1>:first-of-type{border-top-left-radius:9999px;border-bottom-left-radius:9999px}._button-group--rounded_1p7wb_1>:last-child{border-top-right-radius:9999px;border-bottom-right-radius:9999px}._checkbox--glow_a1gm3_1{box-shadow:0 0 #000,0 0 #000,0 10px 15px -3px var(--x-checkbox-glow),0 4px 6px -4px var(--x-checkbox-glow)}._scrollwrap_12093_2::after,._scrollwrap_12093_2::before{content:"";pointer-events:none;position:absolute;z-index:1;transition:box-shadow .2s}._scrollwrap_12093_2._horizontal_12093_12::after,._scrollwrap_12093_2._horizontal_12093_12::before{top:0;bottom:0;width:20px}._scrollwrap_12093_2._vertical_12093_19::after,._scrollwrap_12093_2._vertical_12093_19::before{right:0;left:0;height:20px}._scrollwrap_12093_2._horizontal_12093_12::before{left:0}._scrollwrap_12093_2._horizontal_12093_12::after{right:0}._scrollwrap_12093_2._vertical_12093_19::before{top:0}._scrollwrap_12093_2._vertical_12093_19::after{bottom:0}._scrollwrap_12093_2._shadow-left_12093_42::before{box-shadow:inset 12px 0 10px -10px rgb(0 0 0 / 7%)}._scrollwrap_12093_2._shadow-right_12093_46::after{box-shadow:inset -12px 0 10px -10px rgb(0 0 0 / 7%)}._scrollwrap_12093_2._shadow-top_12093_50::before{box-shadow:inset 0 12px 10px -10px rgb(0 0 0 / 7%)}._scrollwrap_12093_2._shadow-bottom_12093_54::after{box-shadow:inset 0 -12px 10px -10px rgb(0 0 0 / 7%)}._hidescroll_12093_59{-ms-overflow-style:auto;scrollbar-width:none}._hidescroll_12093_59::-webkit-scrollbar{display:none}._radio_67qot_2{border-color:var(--x-radio-border);background-color:var(--x-radio-bg)}._radio_circle_67qot_1{color:var(--x-radio-circle)}._radio--glow_67qot_1{box-shadow:0 0 #000,0 0 #000,0 10px 15px -3px var(--x-radio-glow),0 4px 6px -4px var(--x-radio-glow)}._radio_67qot_2.dark,.dark ._radio_67qot_2{border-color:var(--x-radio-dark-border);background-color:var(--x-radio-dark-bg)}._radio_67qot_2.dark_circle,.dark ._radio_circle_67qot_1{color:var(--x-radio-dark-circle)}._button_1liag_2[data-v-b25d6b6e]{color:var(--x-button-text);background-color:var(--x-button-bg);border-color:var(--x-button-border)}._button--glow_1liag_1[data-v-b25d6b6e]{box-shadow:0 0 #000,0 0 #000,0 10px 15px -3px var(--x-button-glow),0 4px 6px -4px var(--x-button-glow)}._button_1liag_2[data-v-b25d6b6e]:hover{color:var(--x-button-text-hover,var(--x-button-text));background-color:var(--x-button-bg-hover,var(--x-button-bg));border-color:var(--x-button-border-hover,var(--x-button-border))}._button_1liag_2[data-v-b25d6b6e]:active{color:var(--x-button-text-active,var(--x-button-text));background-color:var(--x-button-bg-active,var(--x-button-bg));border-color:var(--x-button-border-active,var(--x-button-border))}._button_1liag_2.dark[data-v-b25d6b6e],.dark ._button_1liag_2[data-v-b25d6b6e]{color:var(--x-button-dark-text,var(--x-button-text));background-color:var(--x-button-dark-bg,var(--x-button-bg));border-color:var(--x-button-dark-border,var(--x-button-border))}._button_1liag_2.dark[data-v-b25d6b6e]:hover,.dark ._button_1liag_2[data-v-b25d6b6e]:hover{color:var(--x-button-dark-text-hover,var(--x-button-dark-text,var(--x-button-text)));background-color:var(--x-button-dark-bg-hover,var(--x-button-dark-bg,var(--x-button-bg)));border-color:var(--x-button-dark-border-hover,var(--x-button-dark-border,var(--x-button-border)))}._button_1liag_2.dark[data-v-b25d6b6e]:active,.dark ._button_1liag_2[data-v-b25d6b6e]:active{color:var(--x-button-dark-text-active,var(--x-button-dark-text));background-color:var(--x-button-dark-bg-active,var(--x-button-dark-bg,var(--x-button-bg)));border-color:var(--x-button-dark-border-active,var(--x-button-dark-border,var(--x-button-border)))}._carousel-slide_uzvvz_2 img[data-v-402870d3-s]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}._link_ke25h_2[data-v-81a39d2b]{color:var(--x-link-text)}._link_ke25h_2[data-v-81a39d2b]:hover{color:var(--x-link-text-hover,var(--x-link-text))}._link--shadow_ke25h_1[data-v-81a39d2b]{box-shadow:inset 0 -.315em 0 0 var(--x-link-shadow)}._link--shadow_ke25h_1[data-v-81a39d2b]:hover{box-shadow:inset 0 -1.325em 0 0 var(--x-link-shadow)}._link_ke25h_2.dark[data-v-81a39d2b],.dark ._link_ke25h_2[data-v-81a39d2b]{color:var(--x-link-dark-text)}._link_ke25h_2.dark[data-v-81a39d2b]:hover,.dark ._link_ke25h_2[data-v-81a39d2b]:hover{color:var(--x-link-dark-text-hover,var(--x-link-dark-text))}._link_ke25h_2.dark--shadow[data-v-81a39d2b],.dark ._link--shadow_ke25h_1[data-v-81a39d2b]{box-shadow:inset 0 -.315em 0 0 var(--x-link-dark-shadow)}._link_ke25h_2.dark--shadow[data-v-81a39d2b]:hover,.dark ._link--shadow_ke25h_1[data-v-81a39d2b]:hover{box-shadow:inset 0 -1.325em 0 0 var(--x-link-dark-shadow)}._menu-item_eyhiv_2[data-v-8614aac7]{color:var(--x-menu-item-text);background-color:var(--x-menu-item-bg)}._menu-item_eyhiv_2[data-v-8614aac7]::before{content:"";position:absolute;left:-1px;height:100%;width:1px;background-color:transparent}._menu-item_eyhiv_2[data-v-8614aac7]:hover{color:var(--x-menu-item-text-hover,var(--x-menu-item-text));background-color:var(--x-menu-item-bg-hover,var(--x-menu-item-bg))}._menu-item_eyhiv_2.dark[data-v-8614aac7],.dark ._menu-item_eyhiv_2[data-v-8614aac7]{color:var(--x-menu-item-dark-text);background:var(--x-menu-item-dark-bg)}._menu-item_eyhiv_2.dark[data-v-8614aac7]:hover,.dark ._menu-item_eyhiv_2[data-v-8614aac7]:hover{color:var(--x-menu-item-dark-text-hover,var(--x-menu-item-dark-text));background-color:var(--x-menu-item-dark-bg-hover,var(--x-menu-item-dark-bg))}.x-menu-inner ._menu-item--active_eyhiv_1[data-v-8614aac7]::before,.x-menu-inner ._menu-item_eyhiv_2[data-v-8614aac7]:hover::before{background-color:var(--x-menu-item-border-hover)}`);
 export {
   _o as BaseTheme,
   Lo as CarbonTheme,