@indielayer/ui 0.0.0-dev-20240127005325 → 0.0.0-dev-20240202140555

package/lib/components/select/theme/Select.base.theme.js

@@ -1,22 +1,22 @@
-const t = {
+const s = {
   classes: {
     wrapper: "",
-    box: ({ props: e, data: s }) => {
+    box: ({ props: e, data: t }) => {
       const r = ["w-full border border-gray-300 dark:border-gray-700 pr-8 outline-transparent outline outline-2 outline-offset-[-1px] transition-all duration-150 ease-in-out rounded-md shadow-sm"];
-      return !s.errorInternal && !e.disabled && r.push("hover:border-gray-400 dark:hover:border-gray-500"), e.size === "xs" ? r.push("px-2 py-1 text-xs") : e.size === "sm" ? r.push("px-2 py-2 text-sm") : e.size === "lg" ? r.push("px-4 py-3 text-lg") : e.size === "xl" ? r.push("px-5 py-4 text-xl") : r.push("px-3 py-2"), e.disabled ? r.push("bg-gray-100 dark:bg-gray-900 text-gray-500 cursor-not-allowed") : r.push("bg-white dark:bg-gray-800 text-gray-700 dark:text-gray-200"), s.errorInternal ? r.push("border-red-500 dark:border-red-400 group-focus:outline-red-500") : e.disabled || r.push("group-focus:outline-[color:var(--x-select-border)]"), r;
+      return !t.errorInternal && !e.disabled && r.push("hover:border-gray-400 dark:hover:border-gray-500"), e.size === "xs" ? r.push("px-2 py-1 text-xs") : e.size === "sm" ? r.push("px-2 py-2 text-sm") : e.size === "lg" ? r.push("px-4 py-3 text-lg") : e.size === "xl" ? r.push("px-5 py-4 text-xl") : r.push("px-3 py-2"), e.disabled ? r.push("bg-gray-100 dark:bg-gray-900 text-gray-500 cursor-not-allowed") : r.push("bg-white dark:bg-gray-800 text-gray-700 dark:text-gray-200"), t.errorInternal ? r.push("border-red-500 dark:border-red-400 group-focus:outline-red-500") : e.disabled || r.push("group-focus:outline-[color:var(--x-select-border)]"), r;
     },
-    content: "py-1 max-h-72 overflow-scroll",
+    content: "py-1 max-h-72 overflow-y-auto",
     iconWrapper: "pointer-events-none absolute inset-y-0 right-0 flex items-center px-2",
     icon: ({ props: e }) => {
-      const s = [""];
-      return e.size === "sm" || e.size === "xs" ? s.push("h-3 w-3") : e.size === "lg" ? s.push("h-6 w-6") : e.size === "xl" ? s.push("h-7 w-7") : s.push("h-5 w-5"), e.disabled ? s.push("text-gray-300 dark:text-gray-500") : s.push("text-gray-500 dark:text-gray-400"), s;
+      const t = [""];
+      return e.size === "sm" || e.size === "xs" ? t.push("h-3 w-3") : e.size === "lg" ? t.push("h-6 w-6") : e.size === "xl" ? t.push("h-7 w-7") : t.push("h-5 w-5"), e.disabled ? t.push("text-gray-300 dark:text-gray-500") : t.push("text-gray-500 dark:text-gray-400"), t;
     }
   },
-  styles: ({ colors: e, css: s }) => {
+  styles: ({ colors: e, css: t }) => {
     const r = e.getPalette("primary");
-    return s.get("border", r[500]);
+    return t.get("border", r[500]);
   }
-}, l = t;
+}, a = s;
 export {
-  l as default
+  a as default
 };

package/lib/components/select/theme/Select.carbon.theme.js

@@ -1,11 +1,11 @@
-const s = {
+const a = {
   classes: {
     wrapper: "",
     box: ({ props: e, data: t }) => {
       const r = ["w-full border-b text-sm px-4 border-gray-300 dark:border-gray-700 pr-8 outline-transparent outline outline-2 outline-offset-[-1px] transition-all duration-150 ease-in-out"];
       return !t.errorInternal && !e.disabled && r.push("hover:border-gray-400 dark:hover:border-gray-500"), e.size === "xs" || e.size === "sm" ? r.push("py-1.5") : e.size === "lg" || e.size === "xl" ? r.push("py-3.5") : r.push("py-2.5"), e.disabled ? r.push("bg-gray-100 dark:bg-gray-900 text-gray-300 cursor-not-allowed") : e.readonly ? r.push("bg-white dark:bg-gray-900 text-gray-700") : r.push("bg-gray-50 dark:bg-gray-800 text-gray-700 dark:text-gray-200"), t.errorInternal ? r.push("border-red-500 dark:border-red-400 group-focus:outline-red-500") : e.disabled || r.push("group-focus:outline-[color:var(--x-select-border)]"), r;
     },
-    content: "py-1 max-h-72 overflow-scroll",
+    content: "py-1 max-h-72 overflow-y-auto",
     iconWrapper: "pointer-events-none absolute inset-y-0 right-0 flex items-center px-2",
     icon: ({ props: e }) => {
       const t = ["h-5 w-5"];
@@ -16,7 +16,7 @@ const s = {
     const r = e.getPalette("primary");
     return t.get("border", r[500]);
   }
-}, a = s;
+}, s = a;
 export {
-  a as default
+  s as default
 };

package/lib/components/slider/theme/Slider.carbon.theme.js

@@ -1,11 +1,11 @@
 const s = {
   classes: {
     wrapper: "",
-    drag: "w-[16px] h-[16px] -mt-[11px] -ml-[8px] rounded-full bg-gray-900"
+    drag: "w-[16px] h-[16px] -mt-[11px] -ml-[8px] rounded-full bg-gray-900 dark:bg-gray-100"
   },
-  styles: ({ props: t, colors: e, css: r }) => {
-    const a = e.getPalette("primary"), l = e.getPalette(t.color);
-    return r.variables({
+  styles: ({ props: r, colors: e, css: t }) => {
+    const a = e.getPalette("primary"), l = e.getPalette(r.color);
+    return t.variables({
       bg: l[500],
       border: a[500]
     });

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

@@ -1,13 +1,13 @@
-import { defineComponent as R, computed as s, ref as v, inject as j, reactive as D, onMounted as L, openBlock as d, createBlock as m, resolveDynamicComponent as V, normalizeStyle as E, unref as o, normalizeClass as c, withCtx as M, renderSlot as x, createElementVNode as f, createCommentVNode as k, toDisplayString as O, Teleport as P } from "vue";
-import { useMutationObserver as X } from "../../node_modules/.pnpm/@vueuse_core@10.2.0_vue@3.3.9/node_modules/@vueuse/core/index.js";
-import { injectTabGroupKey as F } from "../../composables/keys.js";
-import { useCommon as C } from "../../composables/useCommon.js";
-import { useTheme as G } from "../../composables/useTheme.js";
-import z from "../icon/Icon.vue.js";
-import I from "../link/Link.vue.js";
-import { closeIcon as K } from "../../common/icons.js";
-const q = {
-  ...C.props(),
+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 y, 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 { 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(),
   value: {
     type: [String, Number]
   },
@@ -21,21 +21,21 @@ const q = {
   disabled: Boolean,
   exact: Boolean,
   removable: Boolean
-}, A = {
+}, H = {
   name: "XTab",
   validators: {
-    ...C.validators()
+    ...x.validators()
   }
-}, ee = /* @__PURE__ */ R({
-  ...A,
-  props: q,
+}, te = /* @__PURE__ */ R({
+  ...H,
+  props: A,
   emits: ["remove"],
   setup(T) {
     const t = T, 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), p = v(null), l = v(null), a = j(F, {
-      tabsContentRef: v(null),
+    }), S = s(() => t.label || t.value), b = d(null), l = d(null), a = j(G, {
+      tabsContentRef: d(null),
       activateTab: () => {
       },
       state: D({
@@ -47,43 +47,43 @@ const q = {
         size: "md",
         color: "primary"
       })
-    }), g = s(() => a.state.exact || t.exact), b = s(() => t.size || a.state.size);
-    L(() => {
-      p.value = a.tabsContentRef.value, t.to && l.value && (y(), X(l.value.$el, y, {
+    }), k = s(() => a.state.exact || t.exact), f = s(() => t.size || a.state.size);
+    E(() => {
+      b.value = a.tabsContentRef.value, t.to && l.value && (g(), F(l.value.$el, g, {
         attributes: !0,
         attributeFilter: ["class"]
       }));
     });
-    function y() {
-      l.value && l.value.$el && t.to && l.value.$el.classList.contains(g.value ? "router-link-exact-active" : "router-link-active") && a.activateTab(i.value);
+    function g() {
+      l.value && l.value.$el && t.to && l.value.$el.classList.contains(k.value ? "router-link-exact-active" : "router-link-active") && a.activateTab(i.value);
     }
-    const r = s(() => a.state.active === i.value), h = s(() => a.state.color);
-    function $(e) {
+    const r = s(() => a.state.active === i.value), $ = s(() => a.state.color);
+    function h(e) {
       if (t.disabled) {
         e.preventDefault(), e.stopPropagation();
         return;
       }
       !t.to && typeof i.value < "u" && a.activateTab(i.value);
     }
-    const { styles: w, classes: n, className: B } = G("Tab", {}, v({
+    const { styles: w, classes: n, className: B } = I("Tab", {}, d({
       ...t,
-      size: b.value,
-      exact: g.value
+      size: f.value,
+      exact: k.value
     }), {
       ...a.state,
       selected: r
     });
-    return (e, u) => (d(), m(V(e.to ? I : e.tag), {
+    return (e, u) => (c(), m(L(e.to ? K : e.tag), {
       ref_key: "elRef",
       ref: l,
       "data-value": i.value,
       to: e.to,
-      color: r.value ? h.value : void 0,
-      style: E([
+      color: r.value ? $.value : void 0,
+      style: V([
         o(w),
         e.to && r.value && o(a).state.variant === "block" ? "--x-link-text: var(--x-tab-group-text); --x-link-text-hover: var(--x-tab-group-text);" : ""
       ]),
-      class: c([
+      class: v([
         o(B),
         o(n).wrapper,
         "shrink-0",
@@ -97,52 +97,53 @@ const q = {
       ]),
       "aria-disabled": e.disabled ? "true" : void 0,
       "aria-selected": r.value ? "true" : "false",
-      onClick: $
+      onClick: h
     }, {
       default: M(() => [
-        x(e.$slots, "tab", {
+        y(e.$slots, "tab", {
           label: e.label,
           value: e.value,
-          size: b.value,
+          size: f.value,
           icon: e.icon
         }, () => [
-          f("div", {
-            class: c(o(n).content)
+          z("div", {
+            class: v(o(n).content)
           }, [
-            e.icon ? (d(), m(z, {
+            e.icon ? (c(), m(C, {
               key: 0,
               icon: e.icon,
-              size: b.value,
-              class: c(o(n).icon)
-            }, null, 8, ["icon", "size", "class"])) : k("", !0),
-            f("div", {
-              class: c(o(n).label)
+              size: f.value,
+              class: v(o(n).icon)
+            }, null, 8, ["icon", "size", "class"])) : p("", !0),
+            z("div", {
+              class: v(o(n).label)
             }, O(S.value), 3),
-            e.removable ? (d(), m(z, {
+            e.removable ? (c(), m(C, {
               key: 1,
               size: "sm",
-              icon: o(K),
+              icon: o(q),
               class: "ml-2 cursor-pointer hover:text-gray-700 dark:hover:text-gray-500 transition-colors duration-150",
               onClick: u[0] || (u[0] = (N) => e.$emit("remove", N))
-            }, null, 8, ["icon"])) : k("", !0)
+            }, null, 8, ["icon"])) : p("", !0)
           ], 2)
         ]),
-        r.value && p.value ? (d(), m(P, {
+        r.value && b.value ? (c(), m(P, {
           key: 0,
-          to: p.value
+          to: b.value
         }, [
-          f("div", {
+          e.$slots.default ? (c(), X("div", {
+            key: 0,
             role: "tabpanel",
-            class: c(o(n).tabpanel)
+            class: v(o(n).tabpanel)
           }, [
-            x(e.$slots, "default")
-          ], 2)
-        ], 8, ["to"])) : k("", !0)
+            y(e.$slots, "default")
+          ], 2)) : p("", !0)
+        ], 8, ["to"])) : p("", !0)
       ]),
       _: 3
     }, 8, ["data-value", "to", "color", "style", "class", "aria-disabled", "aria-selected"]));
   }
 });
 export {
-  ee as default
+  te as default
 };

package/lib/components/tab/theme/TabGroup.carbon.theme.js

@@ -11,7 +11,7 @@ const l = {
     },
     tracker: ({ props: t }) => {
       const r = ["absolute transition-all duration-150"];
-      return t.variant === "line" && r.push("h-[2px] -mt-[2px] bg-[color:var(--x-tab-group-text)] dark:bg-[color:var(--x-tab-group-dark-text)]"), t.variant === "block" && r.push("border-t-2 border-[color:var(--x-tab-group-text)] dark:border-[color:var(--x-tab-group-dark-text)] h-full top-0 bg-gray-100 dark:bg-gray-700"), r;
+      return t.variant === "line" && r.push("h-[2px] -mt-[2px] bg-[color:var(--x-tab-group-text)] dark:bg-[color:var(--x-tab-group-dark-text)]"), t.variant === "block" && r.push("border-t-2 border-solid border-[color:var(--x-tab-group-text)] dark:border-[color:var(--x-tab-group-dark-text)] h-full top-0 bg-gray-100 dark:bg-gray-700"), r;
     }
   },
   styles: ({ props: t, colors: r, css: e }) => {
@@ -25,7 +25,7 @@ const l = {
       }
     });
   }
-}, n = l;
+}, o = l;
 export {
-  n as default
+  o as default
 };

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

@@ -1,4 +1,4 @@
-import { defineComponent as J, ref as X, watch as F, resolveComponent as O, openBlock as l, createElementBlock as i, normalizeClass as p, unref as c, renderSlot as d, createElementVNode as f, normalizeStyle as P, createVNode as m, withCtx as u, createBlock as y, createCommentVNode as b, Fragment as k, renderList as v, createTextVNode as C, toDisplayString as N } from "vue";
+import { defineComponent as J, ref as X, watch as F, resolveComponent as O, openBlock as n, createElementBlock as i, normalizeClass as p, unref as c, renderSlot as d, createElementVNode as f, normalizeStyle as P, createVNode as m, withCtx as u, createBlock as y, createCommentVNode as b, Fragment as k, renderList as v, createTextVNode as C, toDisplayString as N } from "vue";
 import { useTheme as W } from "../../composables/useTheme.js";
 import q from "./TableHead.vue.js";
 import S from "./TableHeader.vue.js";
@@ -41,8 +41,8 @@ const R = { key: 1 }, U = ["colspan"], Y = { key: 2 }, Z = ["colspan"], j = ["on
     default: !0
   },
   expandable: Boolean
-}, le = { name: "XTable" }, fe = /* @__PURE__ */ J({
-  ...le,
+}, ne = { name: "XTable" }, fe = /* @__PURE__ */ J({
+  ...ne,
   props: {
     ...te,
     items: {
@@ -65,41 +65,41 @@ const R = { key: 1 }, U = ["colspan"], Y = { key: 2 }, Z = ["colspan"], j = ["on
       $.expandable && (g.value = T(e));
     }, { immediate: !0 });
     const H = A;
-    function V(e, n) {
+    function V(e, l) {
       if (e)
-        for (let r = 0; r < n.length; r++) {
-          const { 0: t, 1: s } = n[r].split(",");
+        for (let r = 0; r < l.length; r++) {
+          const { 0: t, 1: o } = l[r].split(",");
           if (e === t)
-            return parseInt(s) > 0 ? 1 : -1;
+            return parseInt(o) > 0 ? 1 : -1;
         }
     }
     function I(e) {
-      const n = $.sort.slice(0);
+      const l = $.sort.slice(0);
       let r = !1;
-      for (let t = 0; t < n.length; t++) {
-        const { 0: s, 1: o } = n[t].split(",");
-        if (s === e.value) {
-          if (r = !0, o === "-1") {
-            n.splice(t, 1, `${e.value},1`);
+      for (let t = 0; t < l.length; t++) {
+        const { 0: o, 1: s } = l[t].split(",");
+        if (o === e.value) {
+          if (r = !0, s === "-1") {
+            l.splice(t, 1, `${e.value},1`);
             break;
-          } else if (o === "1") {
-            n.splice(t, 1);
+          } else if (s === "1") {
+            l.splice(t, 1);
             break;
           }
         }
       }
-      r || n.push(`${e.value},-1`), H("update:sort", n);
+      r || l.push(`${e.value},-1`), H("update:sort", l);
     }
-    function L(e, n) {
-      if (!n)
+    function L(e, l) {
+      if (!l)
         return "";
-      const r = Array.isArray(n) ? n : n.match(/([^[.\]])+/g);
-      return (r == null ? void 0 : r.reduce((s, o) => s && s[o], e)) ?? "";
+      const r = Array.isArray(l) ? l : l.match(/([^[.\]])+/g);
+      return (r == null ? void 0 : r.reduce((o, s) => o && o[s], e)) ?? "";
     }
     const { styles: D, classes: w, className: E } = W("Table", {}, $);
-    return (e, n) => {
+    return (e, l) => {
       const r = O("x-icon");
-      return l(), i("div", {
+      return n(), i("div", {
         class: p([c(E), c(w).wrapper])
       }, [
         d(e.$slots, "title"),
@@ -110,20 +110,20 @@ const R = { key: 1 }, U = ["colspan"], Y = { key: 2 }, Z = ["colspan"], j = ["on
         }, [
           m(q, null, {
             default: u(() => [
-              e.expandable ? (l(), y(S, {
+              e.expandable ? (n(), y(S, {
                 key: 0,
                 width: "48",
                 class: "!p-0",
                 "sticky-header": e.stickyHeader
               }, null, 8, ["sticky-header"])) : b("", !0),
-              (l(!0), i(k, null, v(e.headers, (t, s) => (l(), y(S, {
-                key: s,
+              (n(!0), i(k, null, v(e.headers, (t, o) => (n(), y(S, {
+                key: o,
                 "sticky-header": e.stickyHeader,
                 "text-align": t.align,
                 sort: V(t.value, e.sort),
                 sortable: t.sortable,
                 width: t.width,
-                onClick: (o) => t.sortable ? I(t) : null
+                onClick: (s) => t.sortable ? I(t) : null
               }, {
                 default: u(() => [
                   d(e.$slots, `header-${t.value}`, { header: t }, () => [
@@ -137,26 +137,26 @@ const R = { key: 1 }, U = ["colspan"], Y = { key: 2 }, Z = ["colspan"], j = ["on
           }),
           m(c(G), null, {
             default: u(() => [
-              e.loading ? (l(!0), i(k, { key: 0 }, v(Number(e.loadingLines), (t, s) => (l(), y(z, {
-                key: s,
+              e.loading ? (n(!0), i(k, { key: 0 }, v(Number(e.loadingLines), (t, o) => (n(), y(z, {
+                key: o,
                 striped: e.striped
               }, {
                 default: u(() => [
-                  (l(!0), i(k, null, v(e.headers, (o, a) => (l(), y(_, {
+                  (n(!0), i(k, null, v(e.headers, (s, a) => (n(), y(_, {
                     key: a,
-                    "text-align": o.align,
-                    width: o.width,
+                    "text-align": s.align,
+                    width: s.width,
                     dense: e.dense,
                     fixed: e.fixed
                   }, {
                     default: u(() => [
-                      d(e.$slots, `loading-${o.value}`, { item: t }, () => [
+                      d(e.$slots, `loading-${s.value}`, { item: t }, () => [
                         m(M, {
                           class: p(["max-w-[60%]", {
-                            "mx-auto": o.align === "center",
-                            "ml-auto": o.align === "right"
+                            "mx-auto": s.align === "center",
+                            "ml-auto": s.align === "right"
                           }]),
-                          shape: o.skeletonShape || "line"
+                          shape: s.skeletonShape || "line"
                         }, null, 8, ["shape", "class"])
                       ])
                     ]),
@@ -164,28 +164,28 @@ const R = { key: 1 }, U = ["colspan"], Y = { key: 2 }, Z = ["colspan"], j = ["on
                   }, 1032, ["text-align", "width", "dense", "fixed"]))), 128))
                 ]),
                 _: 2
-              }, 1032, ["striped"]))), 128)) : e.error ? (l(), i("tr", R, [
+              }, 1032, ["striped"]))), 128)) : e.error ? (n(), i("tr", R, [
                 f("td", {
                   colspan: e.headers.length
                 }, [
                   d(e.$slots, "error")
                 ], 8, U)
-              ])) : !h.items || h.items.length === 0 ? (l(), i("tr", Y, [
+              ])) : !h.items || h.items.length === 0 ? (n(), i("tr", Y, [
                 f("td", {
                   colspan: e.headers.length
                 }, [
                   d(e.$slots, "empty")
                 ], 8, Z)
-              ])) : (l(!0), i(k, { key: 3 }, v(h.items, (t, s) => {
-                var o;
-                return l(), i(k, { key: s }, [
+              ])) : (n(!0), i(k, { key: 3 }, v(h.items, (t, o) => {
+                var s;
+                return n(), i(k, { key: o }, [
                   m(z, {
                     pointer: e.pointer,
                     striped: e.striped,
                     onClick: (a) => e.$emit("click-row", t)
                   }, {
                     default: u(() => [
-                      e.expandable ? (l(), y(_, {
+                      e.expandable ? (n(), y(_, {
                         key: 0,
                         width: "48",
                         class: "!p-1"
@@ -195,13 +195,13 @@ const R = { key: 1 }, U = ["colspan"], Y = { key: 2 }, Z = ["colspan"], j = ["on
                           return [
                             f("button", {
                               class: "p-4",
-                              onClick: (B) => g.value[s].__expanded = !g.value[s].__expanded
+                              onClick: (B) => g.value[o].__expanded = !g.value[o].__expanded
                             }, [
                               m(r, {
                                 icon: c(Q),
                                 size: e.dense ? "xs" : "md",
                                 class: p(["transition-transform", {
-                                  "rotate-180": (a = g.value[s]) == null ? void 0 : a.__expanded
+                                  "rotate-180": (a = g.value[o]) == null ? void 0 : a.__expanded
                                 }])
                               }, null, 8, ["icon", "size", "class"])
                             ], 8, j)
@@ -209,7 +209,7 @@ const R = { key: 1 }, U = ["colspan"], Y = { key: 2 }, Z = ["colspan"], j = ["on
                         }),
                         _: 2
                       }, 1024)) : b("", !0),
-                      (l(!0), i(k, null, v(e.headers, (a, B) => (l(), y(_, {
+                      (n(!0), i(k, null, v(e.headers, (a, B) => (n(), y(_, {
                         key: B,
                         "text-align": a.align,
                         truncate: a.truncate,
@@ -227,10 +227,10 @@ const R = { key: 1 }, U = ["colspan"], Y = { key: 2 }, Z = ["colspan"], j = ["on
                     ]),
                     _: 2
                   }, 1032, ["pointer", "striped", "onClick"]),
-                  e.expandable ? (l(), i("tr", x, [
+                  e.expandable ? (n(), i("tr", x, [
                     f("td", ee, [
                       f("div", {
-                        class: p(["overflow-hidden", [(o = g.value[s]) != null && o.__expanded ? "" : "max-h-0"]])
+                        class: p(["overflow-hidden transition-opacity", [(s = g.value[o]) != null && s.__expanded ? "" : "opacity-0 max-h-0"]])
                       }, [
                         d(e.$slots, "expanded-row", { item: t })
                       ], 2)
@@ -241,7 +241,7 @@ const R = { key: 1 }, U = ["colspan"], Y = { key: 2 }, Z = ["colspan"], j = ["on
             ]),
             _: 3
           }),
-          e.loading ? (l(), i("div", {
+          e.loading ? (n(), i("div", {
             key: 0,
             class: p(c(w).loadingWrapper)
           }, [

package/lib/composables/keys.d.ts

@@ -5,7 +5,7 @@ import type { ButtonGroupInjection } from '../components/button/ButtonGroup.vue'
 import type { NotificationInjection } from '../components/notifications/Notifications.vue';
 import type { IconInjection } from '../components/icon/Icon.vue';
 import type { FormGroupInjection } from '../components/formGroup';
-import type { AccordionProps } from '../components/accordion';
+import type { AccordionInjection } from '../components/accordion';
 import type { UIOptions } from '../create';
 import type { UITheme } from '../theme';
 export declare const injectOptionsKey: InjectionKey<UIOptions>;
@@ -16,4 +16,4 @@ export declare const injectFormGroupKey: InjectionKey<FormGroupInjection>;
 export declare const injectIconsKey: InjectionKey<IconInjection>;
 export declare const injectButtonGroupKey: InjectionKey<ButtonGroupInjection>;
 export declare const injectNotificationKey: InjectionKey<NotificationInjection>;
-export declare const injectAccordionKey: InjectionKey<AccordionProps>;
+export declare const injectAccordionKey: InjectionKey<AccordionInjection>;

package/lib/index.js

@@ -65,7 +65,7 @@ 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)}._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-8d26c82a-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)}`);
+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)}._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-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 {
   wo as BaseTheme,
   _o as CarbonTheme,