@indielayer/ui 1.5.0 → 1.5.1

package/docs/pages/component/modal/composed.vue

@@ -10,6 +10,12 @@ const email = ref('')
 const password = ref('')
 const description = ref('')
 
+const selected = ref()
+const options = [
+  { value: 'us', label: 'USA' },
+  { value: 'u', label: 'United Kingdom' },
+]
+
 const rules = {
   isEmail: (v: string) => /^\w+([.-]?\w+)*@\w+([.-]?\w+)*(\.\w{2,3})+$/.test(v) || 'E-mail must be valid',
   isRequired: (v: string) => !!v  || 'Field is required',
@@ -55,6 +61,7 @@ function onSubmit(isValid: boolean) {
       placeholder="Description"
       hide-footer
     />
+    <x-select v-model="selected" :options="options" label="Country" :rules="[rules.isRequired]"/>
 
     <!-- <template #tertiary-action>
       <x-button color="gray" size="lg">Tertiary</x-button>

package/docs/pages/component/modal/usage.vue

@@ -33,7 +33,7 @@ const show3 = ref(false)
     :has-actions="false"
     :has-header="false"
     show-close
-    :dissmissable="false"
+    persistent
   >
     Lorem ipsum dolor sit amet consectetur, adipisicing elit. Iure praesentium non id dolores vitae. Nam ratione veritatis ab cumque voluptas porro illum, voluptate perferendis ducimus dolorem optio magni assumenda dolore! Doloremque facere aliquid facilis distinctio accusamus, dolorum eligendi consequuntur molestias sapiente non rem vero sed eos minus itaque sunt officiis iste ea repellendus possimus earum maiores? Quo laudantium fuga odit tenetur sint fugit deleniti dolores placeat, accusamus magni consectetur unde totam sunt labore dolor rem consequatur quaerat! Iure temporibus voluptatem cumque, dolore maiores rerum neque vero, iusto veritatis repellat eligendi amet! Molestiae cumque officiis eius harum iste, fuga corporis molestias.
   </x-modal>

package/lib/components/button/Button.vue.js

@@ -1,9 +1,9 @@
 import o from "./Button.vue2.js";
 import s from "./Button.vue3.js";
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const c = {
+const e = {
   $style: s
-}, m = /* @__PURE__ */ t(o, [["__cssModules", c], ["__scopeId", "data-v-46c0001b"]]);
+}, m = /* @__PURE__ */ t(o, [["__cssModules", e], ["__scopeId", "data-v-b25d6b6e"]]);
 export {
   m as default
 };

package/lib/components/button/Button.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as D, ref as I, inject as T, computed as l, useAttrs as V, unref as e, openBlock as a, createBlock as r, resolveDynamicComponent as A, normalizeClass as u, normalizeStyle as E, withCtx as F, createCommentVNode as d, createElementVNode as m, renderSlot as K } from "vue";
+import { defineComponent as D, ref as I, inject as T, computed as l, useAttrs as V, unref as t, openBlock as a, createBlock as r, resolveDynamicComponent as A, normalizeClass as u, normalizeStyle as E, withCtx as F, createCommentVNode as d, createElementVNode as m, renderSlot as K } from "vue";
 import { useTheme as O } from "../../composables/useTheme.js";
 import { useColors as X } from "../../composables/useColors.js";
 import { useCommon as b } from "../../composables/useCommon.js";
@@ -34,42 +34,42 @@ const J = {
   validators: {
     ...b.validators()
   }
-}, eo = /* @__PURE__ */ D({
+}, to = /* @__PURE__ */ D({
   ...M,
   props: J,
   setup(y, { expose: v }) {
-    const t = y, g = I(null), s = T(q, {
+    const e = y, g = I(null), s = T(q, {
       isButtonGroup: !1,
       groupProps: {}
-    }), { isButtonGroup: B } = s, n = l(() => s.groupProps.size || t.size), z = l(() => s.groupProps.flat || t.flat), k = l(() => t.color || s.groupProps.color), P = l(() => t.ghost || s.groupProps.ghost), S = l(() => t.light || s.groupProps.light), w = l(() => t.outlined || s.groupProps.outlined), i = l(() => t.disabled || s.groupProps.disabled), p = l(() => t.icon || t.iconLeft), C = V(), R = l(() => C.href ? "a" : t.to ? "router-link" : t.tag), L = l(() => ({
-      size: e(n),
-      flat: e(z),
-      color: e(k),
-      ghost: e(P),
-      light: e(S),
-      outlined: e(w),
-      disabled: e(i),
-      loading: t.loading,
-      block: t.block,
-      glow: t.glow,
-      iconLeft: e(p),
-      iconRight: t.iconRight,
-      rounded: t.rounded
+    }), { isButtonGroup: B } = s, n = l(() => s.groupProps.size || e.size), z = l(() => s.groupProps.flat || e.flat), k = l(() => e.color || s.groupProps.color), P = l(() => e.ghost || s.groupProps.ghost), S = l(() => e.light || s.groupProps.light), w = l(() => e.outlined || s.groupProps.outlined), i = l(() => e.disabled || s.groupProps.disabled), p = l(() => e.icon || e.iconLeft), C = V(), R = l(() => C.href ? "a" : e.to ? "router-link" : e.tag), L = l(() => ({
+      size: t(n),
+      flat: t(z),
+      color: t(k),
+      ghost: t(P),
+      light: t(S),
+      outlined: t(w),
+      disabled: t(i),
+      loading: e.loading,
+      block: e.block,
+      glow: e.glow,
+      iconLeft: t(p),
+      iconRight: e.iconRight,
+      rounded: e.rounded
     })), { className: G, classes: c, styles: $ } = O("Button", {}, L, {
       isButtonGroup: B
-    }), { focus: N, blur: j } = h(g);
-    return v({ focus: N, blur: j }), (o, Q) => (a(), r(A(R.value), {
+    }), { focus: j, blur: N } = h(g);
+    return v({ focus: j, blur: N }), (o, Q) => (a(), r(A(R.value), {
       ref_key: "elRef",
       ref: g,
       to: o.to,
       class: u([
-        e(G),
+        t(G),
         o.$style.button,
         o.glow && !i.value && !o.loading ? o.$style["button--glow"] : "",
-        e(c).wrapper,
+        t(c).wrapper,
         { "w-full": o.block }
       ]),
-      style: E(e($)),
+      style: E(t($)),
       "aria-busy": o.loading ? "true" : null,
       "aria-disabled": o.tag !== "button" && i.value ? "true" : null,
       disabled: i.value || o.loading,
@@ -84,14 +84,14 @@ const J = {
           status: o.loadingStatus
         }, null, 8, ["size", "label", "status"])) : d("", !0),
         m("div", {
-          class: u({ invisible: o.loading })
+          class: u(["inline-flex items-center justify-center", { invisible: o.loading }])
         }, [
           p.value ? (a(), r(f, {
             key: 0,
             size: n.value,
             icon: p.value,
             class: u([
-              e(c).iconLeft
+              t(c).iconLeft
             ])
           }, null, 8, ["size", "icon", "class"])) : d("", !0),
           m("span", null, [
@@ -103,7 +103,7 @@ const J = {
           size: n.value,
           icon: o.iconRight,
           class: u([
-            e(c).iconRight,
+            t(c).iconRight,
             { invisible: o.loading }
           ])
         }, null, 8, ["size", "icon", "class"])) : d("", !0)
@@ -113,5 +113,5 @@ const J = {
   }
 });
 export {
-  eo as default
+  to as default
 };

package/lib/components/modal/Modal.vue.js

@@ -1,12 +1,12 @@
-import { defineComponent as j, ref as f, watch as B, nextTick as g, useSlots as H, computed as I, openBlock as t, createBlock as p, Teleport as M, createElementBlock as i, normalizeStyle as P, unref as o, normalizeClass as s, createCommentVNode as a, createElementVNode as S, resolveDynamicComponent as W, withCtx as w, renderSlot as r, toDisplayString as v } from "vue";
-import { onClickOutside as K, useEventListener as L } from "../../node_modules/.pnpm/@vueuse_core@10.2.0_vue@3.3.9/node_modules/@vueuse/core/index.js";
-import { useTheme as q } from "../../composables/useTheme.js";
-import { useFocusTrap as G } from "../../composables/useFocusTrap.js";
-import { closeIcon as J } from "../../common/icons.js";
-import Q from "../button/Button.vue.js";
-import U from "../scroll/Scroll.vue.js";
-import Y from "../form/Form.vue.js";
-const Z = { class: "flex items-end sm:items-center justify-center p-4 sm:p-6 h-screen" }, _ = { key: 0 }, x = ["xs", "sm", "md", "lg", "xl", "full"], ee = {
+import { defineComponent as H, ref as f, watch as g, nextTick as B, useSlots as I, computed as M, openBlock as t, createBlock as p, Teleport as P, createElementBlock as i, normalizeStyle as W, unref as o, normalizeClass as s, createCommentVNode as a, createElementVNode as S, resolveDynamicComponent as K, withCtx as w, renderSlot as r, toDisplayString as v } from "vue";
+import { onClickOutside as L, useEventListener as q } from "../../node_modules/.pnpm/@vueuse_core@10.2.0_vue@3.3.9/node_modules/@vueuse/core/index.js";
+import { useTheme as G } from "../../composables/useTheme.js";
+import { useFocusTrap as J } from "../../composables/useFocusTrap.js";
+import { closeIcon as Q } from "../../common/icons.js";
+import U from "../button/Button.vue.js";
+import Y from "../scroll/Scroll.vue.js";
+import Z from "../form/Form.vue.js";
+const _ = { class: "flex items-end sm:items-center justify-center p-4 sm:p-6 h-screen" }, x = { key: 0 }, ee = ["xs", "sm", "md", "lg", "xl", "full"], oe = {
   size: {
     type: String,
     default: "xl"
@@ -42,28 +42,30 @@ const Z = { class: "flex items-end sm:items-center justify-center p-4 sm:p-6 h-s
     default: () => []
   },
   persistent: Boolean
-}, oe = {
+}, te = {
   name: "XModal",
   validators: {
-    size: x
+    size: ee
   }
-}, ce = /* @__PURE__ */ j({
-  ...oe,
-  props: ee,
+}, ce = /* @__PURE__ */ H({
+  ...te,
+  props: oe,
   emits: ["update:modelValue", "submit"],
-  setup(V, { expose: $, emit: C }) {
-    const n = V, b = C, u = f(n.modelValue), d = f(!1), y = f(null), T = f(null), { initFocusTrap: D, clearFocusTrap: z } = G();
+  setup(V, { expose: C, emit: T }) {
+    const n = V, b = T, u = f(n.modelValue), d = f(!1), y = f(null), $ = f(null), { initFocusTrap: D, clearFocusTrap: z } = J();
     let c;
-    B(u, (e) => {
+    g(u, (e) => {
       c && (c(), c = void 0), e && setTimeout(() => {
-        c = K(y, F);
+        c = L(y, F, {
+          ignore: [".v-popper__popper"]
+        });
       });
-    }), B(() => n.modelValue, E, { immediate: !0 });
+    }), g(() => n.modelValue, E, { immediate: !0 });
     async function E() {
       const e = n.modelValue;
-      e ? (u.value = e, await g(), d.value = e, await g(), D(y), document.body.style.overflow = "hidden") : (d.value = e, u.value = e, z(), document.body.style.overflow = "auto");
+      e ? (u.value = e, await B(), d.value = e, await B(), D(y), document.body.style.overflow = "hidden") : (d.value = e, u.value = e, z(), document.body.style.overflow = "auto");
     }
-    typeof window < "u" && L(document, "keydown", A);
+    typeof window < "u" && q(document, "keydown", A);
     function A(e) {
       e.key === "Escape" && u.value && !n.persistent && m();
     }
@@ -78,15 +80,15 @@ const Z = { class: "flex items-end sm:items-center justify-center p-4 sm:p-6 h-s
     function O() {
       b("update:modelValue", !0), d.value = !0;
     }
-    const k = H(), R = I(() => !!(k["tertiary-action"] || k["cancel-action"])), { styles: N, classes: l, className: X } = q("Modal", {}, n, {
+    const k = I(), R = M(() => !!(k["tertiary-action"] || k["cancel-action"])), { styles: N, classes: l, className: X } = G("Modal", {}, n, {
       visible: d
     });
-    return $({ open: O, close: m }), (e, h) => (t(), p(M, { to: "body" }, [
+    return C({ open: O, close: m }), (e, h) => (t(), p(P, { to: "body" }, [
       u.value ? (t(), i("div", {
         key: 0,
         ref_key: "modalWrapperRef",
-        ref: T,
-        style: P(o(N)),
+        ref: $,
+        style: W(o(N)),
         class: s([
           o(X),
           o(l).wrapper,
@@ -97,8 +99,8 @@ const Z = { class: "flex items-end sm:items-center justify-center p-4 sm:p-6 h-s
           key: 0,
           class: s(o(l).backdrop)
         }, null, 2)) : a("", !0),
-        S("div", Z, [
-          (t(), p(W(e.isForm ? Y : "div"), {
+        S("div", _, [
+          (t(), p(K(e.isForm ? Z : "div"), {
             ref_key: "modalRef",
             ref: y,
             disabled: e.formDisabled,
@@ -112,7 +114,7 @@ const Z = { class: "flex items-end sm:items-center justify-center p-4 sm:p-6 h-s
             role: "dialog",
             "aria-modal": "true",
             "aria-labelledby": "modal-headline",
-            onSubmit: h[0] || (h[0] = (te) => e.$emit("submit"))
+            onSubmit: h[0] || (h[0] = (j) => e.$emit("submit", j))
           }, {
             default: w(() => [
               r(e.$slots, "image"),
@@ -131,7 +133,7 @@ const Z = { class: "flex items-end sm:items-center justify-center p-4 sm:p-6 h-s
                   }, v(e.title), 3)) : a("", !0)
                 ])
               ], 2)) : a("", !0),
-              e.$slots.default ? (t(), p(U, {
+              e.$slots.default ? (t(), p(Y, {
                 key: 1,
                 scrollbar: !1,
                 vertical: ""
@@ -149,12 +151,12 @@ const Z = { class: "flex items-end sm:items-center justify-center p-4 sm:p-6 h-s
                 ]),
                 _: 3
               })) : a("", !0),
-              e.showClose ? (t(), p(Q, {
+              e.showClose ? (t(), p(U, {
                 key: 2,
                 ghost: "",
                 size: "sm",
                 tabindex: "-1",
-                icon: o(J),
+                icon: o(Q),
                 class: s(o(l).closeIcon),
                 onClick: m
               }, null, 8, ["icon", "class"])) : a("", !0),
@@ -164,7 +166,7 @@ const Z = { class: "flex items-end sm:items-center justify-center p-4 sm:p-6 h-s
               }, [
                 r(e.$slots, "actions", {}, () => [
                   r(e.$slots, "cancel-action"),
-                  R.value ? (t(), i("div", _)) : a("", !0),
+                  R.value ? (t(), i("div", x)) : a("", !0),
                   r(e.$slots, "tertiary-action"),
                   r(e.$slots, "secondary-action"),
                   r(e.$slots, "primary-action")

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}._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))}._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))}._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-46c0001b]{color:var(--x-button-text);background-color:var(--x-button-bg);border-color:var(--x-button-border)}._button--glow_1liag_1[data-v-46c0001b]{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-46c0001b]: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-46c0001b]: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-46c0001b],.dark ._button_1liag_2[data-v-46c0001b]{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-46c0001b]:hover,.dark ._button_1liag_2[data-v-46c0001b]: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-46c0001b]:active,.dark ._button_1liag_2[data-v-46c0001b]: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)}._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)}`);
 export {
   _o as BaseTheme,
   Lo as CarbonTheme,