@indielayer/ui 1.2.0 → 1.4.0

package/lib/composables/useTheme.js

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

package/lib/create.d.ts

@@ -1,13 +1,12 @@
 import type { App } from 'vue';
-import type { ColorLibrary } from './composables/colors';
-export type IndielayerUIOptions = {
+import { type UITheme } from './theme';
+export type UIOptions = {
     prefix?: string;
-    components?: any;
-    colors?: ColorLibrary;
-    icons?: any;
-    theme?: any;
+    components?: any[];
+    icons?: Record<string, any>;
+    theme?: UITheme;
 };
-declare const create: (createOptions?: IndielayerUIOptions) => {
-    install: (app: App, installOptions?: IndielayerUIOptions) => void;
+declare const create: (createOptions?: UIOptions) => {
+    install: (app: App, installOptions?: UIOptions) => void;
 };
 export default create;

package/lib/create.js

@@ -1,19 +1,21 @@
-import { injectColorsKey as c, injectIconsKey as r, injectThemeKey as a } from "./composables/keys.js";
-const f = {
+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"
-}, l = (s = {}) => ({
-  install: (t, i = {}) => {
+}, h = (o = {}) => ({
+  install: (t, c = {}) => {
+    var s;
     const e = {
-      ...f,
-      ...s,
-      ...i
+      ...l,
+      ...o,
+      ...c
     };
-    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 || {});
+    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);
   }
-}), $ = l;
+}), $ = h;
 export {
   $ as default
 };

package/lib/index.d.ts

@@ -1,6 +1,8 @@
-export { tailwindColors as colors } from './composables/colors-utils';
+export { tailwindColors as colors } from './common/colors';
 export { default as version } from './version';
 export * from './components';
 export * from './composables';
-export { default as createUI } from './create';
+export * from './themes';
+export type { UITheme, ComponentThemes } from './theme';
+export { default as createUI, type UIOptions } from './create';
 export { default } from './install';

package/lib/index.js

@@ -1,121 +1,145 @@
-import { tailwindColors as r } from "./composables/colors-utils.js";
+import { tailwindColors as r } from "./common/colors.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(`._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)}._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)}`);
+import { default as m } from "./install.js";
+import { default as s } from "./components/accordion/Accordion.vue.js";
+import { default as x } from "./components/accordion/AccordionItem.vue.js";
+import { default as n } from "./components/alert/Alert.vue.js";
+import { default as c } from "./components/avatar/Avatar.vue.js";
+import { default as b } from "./components/badge/Badge.vue.js";
+import { default as I } from "./components/breadcrumbs/Breadcrumbs.vue.js";
+import { default as S } from "./components/button/Button.vue.js";
+import { default as K } from "./components/button/ButtonGroup.vue.js";
+import { default as v } from "./components/card/Card.vue.js";
+import { default as G } from "./components/carousel/Carousel.vue.js";
+import { default as h } from "./components/carousel/CarouselSlide.vue.js";
+import { default as F } from "./components/checkbox/Checkbox.vue.js";
+import { default as N } from "./components/container/Container.vue.js";
+import { default as k } from "./components/divider/Divider.vue.js";
+import { default as M } from "./components/drawer/Drawer.vue.js";
+import { default as H } from "./components/form/Form.vue.js";
+import { default as E } from "./components/formGroup/FormGroup.vue.js";
+import { default as O } from "./components/icon/Icon.vue.js";
+import { default as q } from "./components/image/Image.vue.js";
+import { default as Q } from "./components/input/Input.vue.js";
+import { default as W } from "./components/inputFooter/InputFooter.vue.js";
+import { default as Z } from "./components/label/Label.vue.js";
+import { default as ee } from "./components/link/Link.vue.js";
+import { default as re } from "./components/loader/Loader.vue.js";
+import { default as ae } from "./components/menu/Menu.vue.js";
+import { default as le } from "./components/menu/MenuItem.vue.js";
+import { default as me } from "./components/modal/Modal.vue.js";
+import { default as se } from "./components/notifications/Notifications.vue.js";
+import { default as xe } from "./components/pagination/Pagination.vue.js";
+import { default as ne } from "./components/pagination/PaginationItem.vue.js";
+import { default as ce } from "./components/popover/Popover.vue.js";
+import { default as be } from "./components/popover/PopoverContainer.vue.js";
+import { default as Ie } from "./components/progress/Progress.vue.js";
+import { default as Se } from "./components/radio/Radio.vue.js";
+import { default as Ke } from "./components/scroll/Scroll.vue.js";
+import { default as ve } from "./components/select/Select.vue.js";
+import { default as Ge } from "./components/skeleton/Skeleton.vue.js";
+import { default as he } from "./components/slider/Slider.vue.js";
+import { default as Fe } from "./components/spacer/Spacer.js";
+import { default as Ne } from "./components/spinner/Spinner.vue.js";
+import { default as ke } from "./components/stepper/Stepper.vue.js";
+import { default as Me } from "./components/tab/Tab.vue.js";
+import { default as He } from "./components/tab/TabGroup.vue.js";
+import { default as Ee } from "./components/table/Table.vue.js";
+import { default as Oe } from "./components/table/TableBody.js";
+import { default as qe } from "./components/table/TableCell.vue.js";
+import { default as Qe } from "./components/table/TableHead.vue.js";
+import { default as We } from "./components/table/TableHeader.vue.js";
+import { default as Ze } from "./components/table/TableRow.vue.js";
+import { default as eo } from "./components/tag/Tag.vue.js";
+import { default as ro } from "./components/textarea/Textarea.vue.js";
+import { default as ao } from "./components/themeProvider/ThemeProvider.vue.js";
+import { default as lo } from "./components/toggle/Toggle.vue.js";
+import { default as mo } from "./components/tooltip/Tooltip.vue.js";
+import { injectAccordionKey as so, injectButtonGroupKey as xo, injectFormGroupKey as Xo, injectFormKey as no, injectIconsKey as io, injectNotificationKey as co, injectOptionsKey as To, injectTabGroupKey as bo, injectThemeKey as Co } from "./composables/keys.js";
+import { useCommon as yo } from "./composables/useCommon.js";
+import { useColors as jo } from "./composables/useColors.js";
+import { useCSS as go } from "./composables/useCSS.js";
+import { useInputtable as Bo } from "./composables/useInputtable.js";
+import { useInteractive as Po } from "./composables/useInteractive.js";
+import { useNotifications as Ao } from "./composables/useNotifications.js";
+import { default as wo } from "./themes/base/index.js";
+import { default as _o } 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}._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)}._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-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-37edea5a]{color:var(--x-link-text)}._link_ke25h_2[data-v-37edea5a]:hover{color:var(--x-link-text-hover,var(--x-link-text))}._link--shadow_ke25h_1[data-v-37edea5a]{box-shadow:inset 0 -.315em 0 0 var(--x-link-shadow)}._link--shadow_ke25h_1[data-v-37edea5a]:hover{box-shadow:inset 0 -1.325em 0 0 var(--x-link-shadow)}._link_ke25h_2.dark[data-v-37edea5a],.dark ._link_ke25h_2[data-v-37edea5a]{color:var(--x-link-dark-text)}._link_ke25h_2.dark[data-v-37edea5a]:hover,.dark ._link_ke25h_2[data-v-37edea5a]:hover{color:var(--x-link-dark-text-hover,var(--x-link-dark-text))}._link_ke25h_2.dark--shadow[data-v-37edea5a],.dark ._link--shadow_ke25h_1[data-v-37edea5a]{box-shadow:inset 0 -.315em 0 0 var(--x-link-dark-shadow)}._link_ke25h_2.dark--shadow[data-v-37edea5a]:hover,.dark ._link--shadow_ke25h_1[data-v-37edea5a]: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 {
-  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,
+  wo as BaseTheme,
+  _o as CarbonTheme,
+  s as XAccordion,
+  x as XAccordionItem,
+  n as XAlert,
+  c as XAvatar,
+  b as XBadge,
+  I as XBreadcrumbs,
+  S as XButton,
+  K as XButtonGroup,
+  v as XCard,
+  G as XCarousel,
+  h as XCarouselSlide,
+  F as XCheckbox,
+  N as XContainer,
+  k as XDivider,
+  M as XDrawer,
+  H as XForm,
+  E as XFormGroup,
+  O as XIcon,
+  q as XImage,
+  Q as XInput,
+  W as XInputFooter,
+  Z as XLabel,
+  ee as XLink,
+  re as XLoader,
+  ae as XMenu,
+  le as XMenuItem,
+  me as XModal,
+  se as XNotifications,
+  xe as XPagination,
+  ne as XPaginationItem,
+  ce as XPopover,
+  be as XPopoverContainer,
+  Ie as XProgress,
+  Se as XRadio,
+  Ke as XScroll,
+  ve as XSelect,
+  Ge as XSkeleton,
+  he as XSlider,
+  Fe as XSpacer,
+  Ne as XSpinner,
+  ke as XStepper,
+  Me as XTab,
+  He as XTabGroup,
+  Ee as XTable,
+  Oe as XTableBody,
+  qe as XTableCell,
+  Qe as XTableHead,
+  We as XTableHeader,
+  Ze as XTableRow,
+  eo as XTag,
+  ro as XTextarea,
+  ao as XThemeProvider,
+  lo as XToggle,
+  mo 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,
+  m as default,
+  so as injectAccordionKey,
+  xo as injectButtonGroupKey,
+  Xo as injectFormGroupKey,
+  no as injectFormKey,
+  io as injectIconsKey,
+  co as injectNotificationKey,
+  To as injectOptionsKey,
+  bo as injectTabGroupKey,
+  Co as injectThemeKey,
+  go as useCSS,
+  jo as useColors,
+  yo as useCommon,
+  Bo as useInputtable,
+  Po as useInteractive,
+  Ao as useNotifications,
   a as version
 };