@indielayer/ui 1.0.9 → 1.1.0

package/lib/composables/common.js

@@ -0,0 +1,17 @@
+const e = () => {
+}, s = Object.freeze({
+  size: ["xs", "sm", "md", "lg", "xl"]
+});
+e.props = () => ({
+  size: {
+    type: String,
+    default: "md",
+    validator: (t) => s.size.includes(t)
+  }
+});
+e.validators = () => ({
+  ...s
+});
+export {
+  e as useCommon
+};

package/lib/composables/css.d.ts

@@ -3,4 +3,4 @@ export interface CSSComposition {
     variable: (name: string, theme?: string, modifier?: string) => string;
     variables: (object: Record<string, string | object>, theme?: string, modifier?: string) => Record<string, string>;
 }
-export declare const useCSS: (namespace?: string | undefined) => CSSComposition;
+export declare const useCSS: (namespace?: string) => CSSComposition;

package/lib/composables/css.js

@@ -0,0 +1,26 @@
+const u = ["dark"], a = ["hover", "active", "focus", "visited"], f = (n) => u.includes(n), v = (n) => a.includes(n), d = (n) => {
+  const $ = (i, e, t, s) => `${r(i, t, s)}: ${e}`, r = (i, e, t) => `--x${n ? `-${n}` : ""}${e ? `-${e}` : ""}-${i}${t ? `-${t}` : ""}`, l = (i, e, t) => {
+    let s = {};
+    for (const o in i) {
+      const c = i[o];
+      if (!c)
+        break;
+      f(o) ? s = {
+        ...s,
+        ...l(c, o, t)
+      } : v(o) ? s = {
+        ...s,
+        ...l(c, e, o)
+      } : s[r(o, e, t)] = c;
+    }
+    return s;
+  };
+  return {
+    get: $,
+    variable: r,
+    variables: l
+  };
+};
+export {
+  d as useCSS
+};

package/lib/composables/inputtable.d.ts

@@ -1,4 +1,4 @@
-import type { Ref, PropType } from 'vue';
+import type { PropType } from 'vue';
 export interface XFormInputMethods {
     focus: () => void;
     validate: (val: any) => boolean;
@@ -10,12 +10,12 @@ export declare const useInputtable: {
         emit: any;
         withListeners?: boolean | undefined;
     }): {
-        isFirstValidation: Ref<boolean>;
+        isFirstValidation: import("vue").Ref<boolean>;
         errorInternal: any;
-        isInsideForm: any;
+        isInsideForm: boolean;
         inputListeners: {};
         reset: () => void;
-        validate: (val: any) => boolean;
+        validate: (val?: any) => boolean;
         setError: (val: string) => void;
     };
     emits(withListeners?: boolean): string[];

package/lib/composables/inputtable.js

@@ -0,0 +1,78 @@
+import { ref as f, watch as I, inject as F, computed as A, onMounted as B, onUnmounted as S } from "vue";
+import { injectFormKey as j } from "./keys.js";
+const v = (t, { focus: p, emit: u, withListeners: y = !0 }) => {
+  const o = f(!0), n = f(t.error), V = t.name ? t.name : (Math.random() + 1).toString(36).substring(7), s = f(V);
+  I(() => t.error, (e) => {
+    n.value = e;
+  }), I(() => t.name, (e) => {
+    e && (s.value = e);
+  });
+  const i = F(j, {
+    registerInput: () => {
+    },
+    unregisterInput: () => {
+    },
+    isInsideForm: !1
+  }), b = () => {
+    n.value = "", o.value = !0, u("update:modelValue", "");
+  }, g = (e) => {
+    n.value = e;
+  }, c = (e) => {
+    e = e || t.modelValue, o.value = !1;
+    for (let d = 0; d < t.rules.length; d++) {
+      const r = t.rules[d];
+      let a = !0;
+      if (typeof r == "function")
+        a = r(e);
+      else if (Array.isArray(r) && r.length === 2) {
+        const { 0: l, 1: m } = r;
+        a = l(e, m);
+      } else {
+        const l = r.fn, { options: m } = r;
+        a = l(e, m);
+      }
+      if (a !== !0)
+        return n.value = a, !1;
+    }
+    return n.value = "", !0;
+  }, h = y ? A(() => ({
+    blur: (e) => u("blur", e),
+    focus: (e) => u("focus", e),
+    input: (e) => {
+      t.validateOnInput && !o.value && c(e.target.value), u("update:modelValue", e.target.value);
+    },
+    change: (e) => u("change", e)
+  })) : {};
+  return B(() => {
+    i.registerInput(s.value, p, c, g);
+  }), S(() => {
+    i.unregisterInput(s.value);
+  }), {
+    isFirstValidation: o,
+    errorInternal: n,
+    isInsideForm: i.isInsideForm,
+    inputListeners: h,
+    reset: b,
+    validate: c,
+    setError: g
+  };
+};
+v.emits = (t = !0) => t ? ["update:modelValue", "blur", "focus", "input", "change"] : ["update:modelValue"];
+v.props = () => ({
+  modelValue: [String, Number, Boolean, Object, Array],
+  name: String,
+  readonly: Boolean,
+  required: Boolean,
+  validateOnInput: {
+    type: Boolean,
+    default: !0
+  },
+  error: String,
+  rules: {
+    type: Array,
+    default: () => []
+  }
+});
+export {
+  v as useInputtable
+};

package/lib/composables/interactive.js

@@ -0,0 +1,17 @@
+const a = (u) => ({
+  focus: () => {
+    var o, e;
+    return (e = (o = u.value) == null ? void 0 : o.focus) == null ? void 0 : e.call(o);
+  },
+  blur: () => {
+    var o, e;
+    return (e = (o = u.value) == null ? void 0 : o.blur) == null ? void 0 : e.call(o);
+  }
+});
+a.props = () => ({
+  disabled: Boolean,
+  loading: Boolean
+});
+export {
+  a as useInteractive
+};

package/lib/composables/keys.d.ts

@@ -1,8 +1,11 @@
 import type { InjectionKey } from 'vue';
-export declare const injectTabKey: InjectionKey<any>;
-export declare const injectFormKey: InjectionKey<any>;
+import type { FormInjection } from '../components/form/Form.vue';
+import type { TabGroupInjection } from '../components/tab/TabGroup.vue';
+import type { ButtonGroupInjection } from '../components/button/ButtonGroup.vue';
+export declare const injectTabKey: InjectionKey<TabGroupInjection>;
+export declare const injectFormKey: InjectionKey<FormInjection>;
 export declare const injectThemeKey: InjectionKey<any>;
 export declare const injectIconsKey: InjectionKey<any>;
 export declare const injectColorsKey: InjectionKey<any>;
-export declare const injectButtonGroupKey: InjectionKey<any>;
+export declare const injectButtonGroupKey: InjectionKey<ButtonGroupInjection>;
 export declare const injectNotificationKey: InjectionKey<any>;

package/lib/composables/keys.js

@@ -0,0 +1,10 @@
+const o = Symbol(), t = Symbol(), e = Symbol(), n = Symbol(), c = Symbol(), y = Symbol(), i = Symbol();
+export {
+  y as injectButtonGroupKey,
+  c as injectColorsKey,
+  t as injectFormKey,
+  n as injectIconsKey,
+  i as injectNotificationKey,
+  o as injectTabKey,
+  e as injectThemeKey
+};

package/lib/composables/notifications.d.ts

@@ -1 +1 @@
-export declare const useNotifications: (key?: string | symbol | undefined) => any;
+export declare const useNotifications: (key?: symbol | string) => any;

package/lib/composables/notifications.js

@@ -0,0 +1,9 @@
+import { inject as o } from "vue";
+import { injectNotificationKey as n } from "./keys.js";
+const a = (i) => {
+  const t = o(i || n);
+  return t || console.warn("useNotifications must have a parent wrapped with Notifications component"), t;
+};
+export {
+  a as useNotifications
+};

package/lib/composables/theme.d.ts

@@ -1,20 +1,26 @@
-import { type StyleValue } from 'vue';
+import { type StyleValue, type Slots, type UnwrapNestedRefs, type UnwrapRef, type MaybeRef } from 'vue';
 import { type ColorComposition } from './colors';
 import { type CSSComposition } from './css';
-import type { Slots } from 'vue';
-export declare type ThemeParams = {
-    props: any;
+export type ThemeVueClass = string | Record<string, boolean> | (string | Record<string, boolean>)[];
+export type ThemeClasses<P, K extends string = string, D = undefined> = Record<K, string | ((params: ThemeParams<P, D>) => ThemeVueClass)>;
+export type ThemeStyles<P, D> = StyleValue | ((params: ThemeParams<P, D>) => StyleValue);
+export interface ThemeComponent<P = object, K extends string = string, D = object> {
+    classes?: ThemeClasses<P, K, D>;
+    styles?: ThemeStyles<P, D>;
+}
+export type ThemeParams<P = Record<string, any>, D = Record<string, any>> = {
+    props: UnwrapRef<P>;
     slots: Slots;
     colors: ColorComposition;
     css: CSSComposition;
     rtl?: boolean;
-    data?: any;
+    data: UnwrapNestedRefs<D>;
 };
-export declare const useTheme: (namespace: string, defaultTheme: any, props: any, data?: any) => {
+export declare const useTheme: <P extends object = object, K extends string = string, D extends object = object>(namespace: string, defaultTheme?: ThemeComponent<P, K, D>, props?: MaybeRef<P>, data?: D) => {
     classPrefix: import("vue").ComputedRef<any>;
     className: import("vue").ComputedRef<string>;
     colors: ColorComposition;
-    classes: import("vue").ComputedRef<any>;
+    classes: import("vue").ComputedRef<Record<K, ThemeVueClass>>;
     styles: import("vue").ComputedRef<StyleValue>;
     css: CSSComposition;
 };

package/lib/composables/theme.js

@@ -0,0 +1,59 @@
+import { inject as P, computed as c, unref as r, useSlots as T } from "vue";
+import { injectThemeKey as $ } from "./keys.js";
+import { useColors as d } from "./colors.js";
+import { useCSS as w } from "./css.js";
+import { mergeRightDeep as D, smartUnref as C, isFunction as h, isObject as j } from "../common/utils.js";
+const U = (s, e = {}, n = {}, l = {}) => {
+  const t = P($, !1), b = c(() => {
+    var o;
+    return (o = r(t)) != null && o[s] ? D(e.classes, r(t)[s].classes || {}) : e.classes;
+  }), f = c(() => {
+    var o;
+    return ((o = r(t)) == null ? void 0 : o.classPrefix) ?? "x-";
+  }), v = c(() => `${f.value}${s}`), m = c(() => {
+    var o;
+    return ((o = r(t)) == null ? void 0 : o.rtl) ?? !1;
+  }), a = T(), i = d(), u = w(s), y = c(() => S(b.value, {
+    props: r(n),
+    slots: a,
+    data: C(l),
+    colors: i,
+    css: u,
+    rtl: r(m)
+  })), O = c(() => {
+    var x;
+    const o = ((x = r(t)) == null ? void 0 : x[s]) || {}, p = {
+      props: r(n),
+      slots: a,
+      data: C(l),
+      colors: i,
+      css: u,
+      rtl: r(m)
+    };
+    return [
+      g(e.styles, p),
+      g(o.styles, p)
+    ];
+  });
+  return {
+    classPrefix: f,
+    className: v,
+    colors: i,
+    classes: y,
+    styles: O,
+    css: u
+  };
+};
+function S(s, e) {
+  const n = {};
+  return Object.keys(s).forEach((l) => {
+    const t = s[l];
+    n[l] = h(t) ? t(e) : j(t) ? S(t, e) : t;
+  }), n;
+}
+function g(s, e) {
+  return h(s) ? s(e) || {} : j(s) ? s : {};
+}
+export {
+  U as useTheme
+};

package/lib/create.d.ts

@@ -1,6 +1,6 @@
 import type { App } from 'vue';
 import type { ColorLibrary } from './composables/colors';
-export declare type IndielayerUIOptions = {
+export type IndielayerUIOptions = {
     prefix?: string;
     components?: any;
     colors?: ColorLibrary;

package/lib/create.js

@@ -0,0 +1,19 @@
+import { injectColorsKey as c, injectIconsKey as r, injectThemeKey as a } from "./composables/keys.js";
+const f = {
+  prefix: "X"
+}, l = (s = {}) => ({
+  install: (t, i = {}) => {
+    const e = {
+      ...f,
+      ...s,
+      ...i
+    };
+    e.components && e.components.forEach((o) => {
+      const n = o.name.startsWith("X") ? o.name.slice(1) : o.name;
+      t.component(`${e.prefix}${n}`) || t.component(`${e.prefix}${n}`, o);
+    }), t.provide(c, e.colors), t.provide(r, e.icons || {}), t.provide(a, e.theme || {});
+  }
+}), $ = l;
+export {
+  $ as default
+};

package/lib/index.js

@@ -0,0 +1,121 @@
+import { tailwindColors as r } from "./composables/colors-utils.js";
+import { default as a } from "./version.js";
+import { default as l } from "./create.js";
+import { default as s } from "./install.js";
+import { default as u } from "./components/alert/Alert.vue.js";
+import { default as x } from "./components/avatar/Avatar.vue.js";
+import { default as n } from "./components/badge/Badge.vue.js";
+import { default as c } from "./components/breadcrumbs/Breadcrumbs.vue.js";
+import { default as b } from "./components/button/Button.vue.js";
+import { default as I } from "./components/button/ButtonGroup.vue.js";
+import { default as y } from "./components/card/Card.vue.js";
+import { default as j } from "./components/checkbox/Checkbox.vue.js";
+import { default as v } from "./components/collapse/Collapse.vue.js";
+import { default as P } from "./components/container/Container.vue.js";
+import { default as N } from "./components/divider/Divider.vue.js";
+import { default as k } from "./components/drawer/Drawer.vue.js";
+import { default as M } from "./components/form/Form.vue.js";
+import { default as A } from "./components/icon/Icon.vue.js";
+import { default as F } from "./components/image/Image.vue.js";
+import { default as R } from "./components/input/Input.vue.js";
+import { default as J } from "./components/link/Link.vue.js";
+import { default as U } from "./components/menu/Menu.vue.js";
+import { default as z } from "./components/menu/MenuItem.vue.js";
+import { default as Q } from "./components/modal/Modal.vue.js";
+import { default as W } from "./components/notifications/Notifications.vue.js";
+import { default as Z } from "./components/pagination/Pagination.vue.js";
+import { default as ee } from "./components/pagination/PaginationItem.vue.js";
+import { default as re } from "./components/popover/Popover.vue.js";
+import { default as ae } from "./components/popover/PopoverContainer.vue.js";
+import { default as le } from "./components/progress/Progress.vue.js";
+import { default as se } from "./components/radio/Radio.vue.js";
+import { default as ue } from "./components/scroll/Scroll.vue.js";
+import { default as xe } from "./components/select/Select.vue.js";
+import { default as ne } from "./components/skeleton/Skeleton.vue.js";
+import { default as ce } from "./components/slider/Slider.vue.js";
+import { default as be } from "./components/spacer/Spacer.js";
+import { default as Ie } from "./components/spinner/Spinner.vue.js";
+import { default as ye } from "./components/tab/Tab.vue.js";
+import { default as je } from "./components/tab/TabGroup.vue.js";
+import { default as ve } from "./components/table/Table.vue.js";
+import { default as Pe } from "./components/table/TableBody.js";
+import { default as Ne } from "./components/table/TableCell.vue.js";
+import { default as ke } from "./components/table/TableHead.js";
+import { default as Me } from "./components/table/TableHeader.vue.js";
+import { default as Ae } from "./components/table/TableRow.vue.js";
+import { default as Fe } from "./components/tag/Tag.vue.js";
+import { default as Re } from "./components/textarea/Textarea.vue.js";
+import { default as Je } from "./components/toggle/Toggle.vue.js";
+import { default as Ue } from "./components/tooltip/Tooltip.vue.js";
+import { injectButtonGroupKey as ze, injectColorsKey as Oe, injectFormKey as Qe, injectIconsKey as Ve, injectNotificationKey as We, injectTabKey as Ye, injectThemeKey as Ze } from "./composables/keys.js";
+import { useCommon as eo } from "./composables/common.js";
+import { useColors as ro } from "./composables/colors.js";
+import { useCSS as ao } from "./composables/css.js";
+import { useInputtable as lo } from "./composables/inputtable.js";
+import { useInteractive as so } from "./composables/interactive.js";
+import { useNotifications as uo } from "./composables/notifications.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(`._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)}._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))}._popover_fiql7_2 ._popover-content_fiql7_3{visibility:hidden;transition-duration:.1s;transition-timing-function:cubic-bezier(0.4,0,1,1)}._popover_fiql7_2 ._popover-top_fiql7_9{--tw-translate-y:0.5rem}._popover_fiql7_2 ._popover-right_fiql7_13{--tw-translate-x:-0.5rem}._popover_fiql7_2 ._popover-bottom_fiql7_17{--tw-translate-y:-0.5rem}._popover_fiql7_2 ._popover-left_fiql7_21{--tw-translate-x:0.5rem}._popover_fiql7_2._hover_fiql7_26:hover ._popover-content_fiql7_3,._popover_fiql7_2._is-open_fiql7_25 ._popover-content_fiql7_3{visibility:visible;transition-duration:.15s;transition-timing-function:cubic-bezier(0,0,0.2,1)}._popover_fiql7_2._hover_fiql7_26:hover ._popover-top_fiql7_9,._popover_fiql7_2._is-open_fiql7_25 ._popover-top_fiql7_9{--tw-translate-y:-0.25rem}._popover_fiql7_2._hover_fiql7_26:hover ._popover-right_fiql7_13,._popover_fiql7_2._is-open_fiql7_25 ._popover-right_fiql7_13{--tw-translate-x:0.25rem}._popover_fiql7_2._hover_fiql7_26:hover ._popover-bottom_fiql7_17,._popover_fiql7_2._is-open_fiql7_25 ._popover-bottom_fiql7_17{--tw-translate-y:0.25rem}._popover_fiql7_2._hover_fiql7_26:hover ._popover-left_fiql7_21,._popover_fiql7_2._is-open_fiql7_25 ._popover-left_fiql7_21{--tw-translate-x:-0.25rem}._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-c70999f2]{color:var(--x-button-text);background-color:var(--x-button-bg);border-color:var(--x-button-border)}._button--glow_1liag_1[data-v-c70999f2]{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-c70999f2]: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-c70999f2]: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-c70999f2],.dark ._button_1liag_2[data-v-c70999f2]{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-c70999f2]:hover,.dark ._button_1liag_2[data-v-c70999f2]: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-c70999f2]:active,.dark ._button_1liag_2[data-v-c70999f2]: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)))}._link_ke25h_2[data-v-ea737659]{color:var(--x-link-text)}._link_ke25h_2[data-v-ea737659]:hover{color:var(--x-link-text-hover,var(--x-link-text))}._link--shadow_ke25h_1[data-v-ea737659]{box-shadow:inset 0 -.315em 0 0 var(--x-link-shadow)}._link--shadow_ke25h_1[data-v-ea737659]:hover{box-shadow:inset 0 -1.325em 0 0 var(--x-link-shadow)}._link_ke25h_2.dark[data-v-ea737659],.dark ._link_ke25h_2[data-v-ea737659]{color:var(--x-link-dark-text)}._link_ke25h_2.dark[data-v-ea737659]:hover,.dark ._link_ke25h_2[data-v-ea737659]:hover{color:var(--x-link-dark-text-hover,var(--x-link-dark-text))}._link_ke25h_2.dark--shadow[data-v-ea737659],.dark ._link--shadow_ke25h_1[data-v-ea737659]{box-shadow:inset 0 -.315em 0 0 var(--x-link-dark-shadow)}._link_ke25h_2.dark--shadow[data-v-ea737659]:hover,.dark ._link--shadow_ke25h_1[data-v-ea737659]:hover{box-shadow:inset 0 -1.325em 0 0 var(--x-link-dark-shadow)}._menu-item_eyhiv_2[data-v-4f3fa5ad]{color:var(--x-menu-item-text);background-color:var(--x-menu-item-bg)}._menu-item_eyhiv_2[data-v-4f3fa5ad]::before{content:"";position:absolute;left:-1px;height:100%;width:1px;background-color:transparent}._menu-item_eyhiv_2[data-v-4f3fa5ad]: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-4f3fa5ad],.dark ._menu-item_eyhiv_2[data-v-4f3fa5ad]{color:var(--x-menu-item-dark-text);background:var(--x-menu-item-dark-bg)}._menu-item_eyhiv_2.dark[data-v-4f3fa5ad]:hover,.dark ._menu-item_eyhiv_2[data-v-4f3fa5ad]: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-4f3fa5ad]::before,.x-menu-inner ._menu-item_eyhiv_2[data-v-4f3fa5ad]:hover::before{background-color:var(--x-menu-item-border-hover)}`);
+export {
+  u as XAlert,
+  x as XAvatar,
+  n as XBadge,
+  c as XBreadcrumbs,
+  b as XButton,
+  I as XButtonGroup,
+  y as XCard,
+  j as XCheckbox,
+  v as XCollapse,
+  P as XContainer,
+  N as XDivider,
+  k as XDrawer,
+  M as XForm,
+  A as XIcon,
+  F as XImage,
+  R as XInput,
+  J as XLink,
+  U as XMenu,
+  z as XMenuItem,
+  Q as XModal,
+  W as XNotifications,
+  Z as XPagination,
+  ee as XPaginationItem,
+  re as XPopover,
+  ae as XPopoverContainer,
+  le as XProgress,
+  se as XRadio,
+  ue as XScroll,
+  xe as XSelect,
+  ne as XSkeleton,
+  ce as XSlider,
+  be as XSpacer,
+  Ie as XSpinner,
+  ye as XTab,
+  je as XTabGroup,
+  ve as XTable,
+  Pe as XTableBody,
+  Ne as XTableCell,
+  ke as XTableHead,
+  Me as XTableHeader,
+  Ae as XTableRow,
+  Fe as XTag,
+  Re as XTextarea,
+  Je as XToggle,
+  Ue as XTooltip,
+  r as colors,
+  l as createUI,
+  s as default,
+  ze as injectButtonGroupKey,
+  Oe as injectColorsKey,
+  Qe as injectFormKey,
+  Ve as injectIconsKey,
+  We as injectNotificationKey,
+  Ye as injectTabKey,
+  Ze as injectThemeKey,
+  ao as useCSS,
+  ro as useColors,
+  eo as useCommon,
+  lo as useInputtable,
+  so as useInteractive,
+  uo as useNotifications,
+  a as version
+};