@indielayer/ui 1.13.2 → 1.14.1

package/lib/components/menu/MenuItem.vue2.js

@@ -1,19 +1,20 @@
-import { defineComponent as R, ref as y, computed as b, onMounted as w, watch as x, resolveComponent as I, openBlock as l, createBlock as r, resolveDynamicComponent as O, mergeProps as P, unref as c, withCtx as j, withModifiers as D, createCommentVNode as s, createElementBlock as n, renderSlot as v, createTextVNode as f, toDisplayString as m, createElementVNode as F, Fragment as T } from "vue";
-import { useMutationObserver as V } from "../../node_modules/.pnpm/@vueuse_core@11.1.0_vue@3.5.10_typescript@5.2.2_/node_modules/@vueuse/core/index.js";
-import { useColors as E } from "../../composables/useColors.js";
+import { defineComponent as N, ref as y, computed as b, onMounted as R, watch as x, openBlock as l, createBlock as r, resolveDynamicComponent as w, mergeProps as I, unref as c, withCtx as O, withModifiers as P, createCommentVNode as s, createElementBlock as n, renderSlot as f, createTextVNode as v, toDisplayString as m, createElementVNode as j, Fragment as D } from "vue";
+import { useMutationObserver as F } from "../../node_modules/.pnpm/@vueuse_core@11.1.0_vue@3.5.10_typescript@5.2.2_/node_modules/@vueuse/core/index.js";
+import { useColors as T } from "../../composables/useColors.js";
 import { useCommon as C } from "../../composables/useCommon.js";
-import { useTheme as A } from "../../composables/useTheme.js";
+import { useTheme as V } from "../../composables/useTheme.js";
 import $ from "../icon/Icon.vue.js";
-import L from "../spinner/Spinner.vue.js";
-const X = {
+import E from "../spinner/Spinner.vue.js";
+import X from "../checkbox/Checkbox.vue.js";
+const A = {
   key: 1,
   class: "mr-2 shrink-0"
-}, q = {
+}, L = {
   key: 3,
   class: "flex-1 truncate"
-}, G = { class: "ml-1 shrink-0" }, H = { key: 0 }, J = {
+}, q = { class: "ml-1 shrink-0" }, G = { key: 0 }, H = {
   ...C.props(),
-  ...E.props("secondary"),
+  ...T.props("secondary"),
   item: {
     type: Object,
     default: () => {
@@ -49,22 +50,22 @@ const X = {
   prefix: String,
   suffix: String,
   checkbox: Boolean
-}, K = {
+}, J = {
   name: "XMenuItem",
   validators: {
     ...C.validators()
   }
-}, le = /* @__PURE__ */ R({
-  ...K,
-  props: J,
+}, le = /* @__PURE__ */ N({
+  ...J,
+  props: H,
   emits: ["active", "click", "checkbox-click"],
   setup(B, { emit: S }) {
     const p = B, d = S, o = y(), a = y(!1), e = b(() => ({
       ...p,
       ...p.item
     })), k = b(() => e.value.to ? "router-link" : e.value.href ? "a" : "div");
-    w(() => {
-      o.value && (g(), k.value === "router-link" && V(o.value.$el, g, {
+    R(() => {
+      o.value && (g(), k.value === "router-link" && F(o.value.$el, g, {
         attributes: !0,
         attributeFilter: ["class"]
       }));
@@ -88,76 +89,73 @@ const X = {
     }), x(() => e.value.active, (t) => {
       a.value = !!t;
     });
-    const { styles: z, classes: _, className: M } = A("MenuItem", {}, e, { isActive: a });
-    return (t, i) => {
-      const N = I("x-checkbox");
-      return l(), r(O(k.value), P({
-        ref_key: "elRef",
-        ref: o
-      }, {
-        ...e.value.href ? { href: e.value.href } : {},
-        ...e.value.attrs
-      }, {
-        to: e.value.to,
-        target: e.value.target,
-        color: e.value.color,
-        style: c(z),
-        class: [
-          c(M),
-          t.$style["menu-item"],
-          [a.value && !t.checkbox ? t.$style["menu-item--active"] : ""],
-          c(_).wrapper,
-          {
-            "flex items-center": t.$slots.prefix || t.$slots.suffix
-          }
-        ],
-        title: e.value.label,
-        alt: e.value.label,
-        onClick: i[1] || (i[1] = (u) => h(u, "click"))
-      }), {
-        default: j(() => [
-          t.checkbox ? (l(), r(N, {
+    const { styles: z, classes: _, className: M } = V("MenuItem", {}, e, { isActive: a });
+    return (t, i) => (l(), r(w(k.value), I({
+      ref_key: "elRef",
+      ref: o
+    }, {
+      ...e.value.href ? { href: e.value.href } : {},
+      ...e.value.attrs
+    }, {
+      to: e.value.to,
+      target: e.value.target,
+      color: e.value.color,
+      style: c(z),
+      class: [
+        c(M),
+        t.$style["menu-item"],
+        [a.value && !t.checkbox ? t.$style["menu-item--active"] : ""],
+        c(_).wrapper,
+        {
+          "flex items-center": t.$slots.prefix || t.$slots.suffix
+        }
+      ],
+      title: e.value.label,
+      alt: e.value.label,
+      onClick: i[1] || (i[1] = (u) => h(u, "click"))
+    }), {
+      default: O(() => [
+        t.checkbox ? (l(), r(X, {
+          key: 0,
+          "model-value": e.value.active,
+          "hide-footer": "",
+          "skip-form-registry": "",
+          onClick: i[0] || (i[0] = P((u) => h(u, "checkbox-click"), ["stop", "prevent"]))
+        }, null, 8, ["model-value"])) : s("", !0),
+        t.$slots.prefix || e.value.prefix ? (l(), n("span", A, [
+          f(t.$slots, "prefix", { item: e.value }, () => [
+            v(m(e.value.prefix), 1)
+          ], !0)
+        ])) : e.value.icon ? (l(), r($, {
+          key: 2,
+          size: e.value.size,
+          icon: e.value.icon,
+          class: "mr-2"
+        }, null, 8, ["size", "icon"])) : s("", !0),
+        t.minimal ? s("", !0) : (l(), n("span", L, [
+          f(t.$slots, "default", { item: e.value }, () => [
+            v(m(e.value.label), 1)
+          ], !0)
+        ])),
+        j("span", q, [
+          e.value.loading ? (l(), r(E, {
             key: 0,
-            "model-value": e.value.active,
-            "hide-footer": "",
-            "skip-form-registry": "",
-            onClick: i[0] || (i[0] = D((u) => h(u, "checkbox-click"), ["stop", "prevent"]))
-          }, null, 8, ["model-value"])) : s("", !0),
-          t.$slots.prefix || e.value.prefix ? (l(), n("span", X, [
-            v(t.$slots, "prefix", { item: e.value }, () => [
-              f(m(e.value.prefix), 1)
-            ], !0)
-          ])) : e.value.icon ? (l(), r($, {
-            key: 2,
-            size: e.value.size,
-            icon: e.value.icon,
-            class: "mr-2"
-          }, null, 8, ["size", "icon"])) : s("", !0),
-          t.minimal ? s("", !0) : (l(), n("span", q, [
-            v(t.$slots, "default", { item: e.value }, () => [
-              f(m(e.value.label), 1)
-            ], !0)
-          ])),
-          F("span", G, [
-            e.value.loading ? (l(), r(L, {
-              key: 0,
-              size: e.value.size
-            }, null, 8, ["size"])) : (l(), n(T, { key: 1 }, [
-              t.$slots.suffix || e.value.suffix ? (l(), n("span", H, [
-                v(t.$slots, "suffix", { item: e.value }, () => [
-                  f(m(e.value.suffix), 1)
-                ], !0)
-              ])) : e.value.iconRight ? (l(), r($, {
-                key: 1,
-                size: e.value.size,
-                icon: e.value.iconRight
-              }, null, 8, ["size", "icon"])) : s("", !0)
-            ], 64))
-          ])
-        ]),
-        _: 3
-      }, 16, ["to", "target", "color", "style", "class", "title", "alt"]);
-    };
+            size: e.value.size
+          }, null, 8, ["size"])) : (l(), n(D, { key: 1 }, [
+            t.$slots.suffix || e.value.suffix ? (l(), n("span", G, [
+              f(t.$slots, "suffix", { item: e.value }, () => [
+                v(m(e.value.suffix), 1)
+              ], !0)
+            ])) : e.value.iconRight ? (l(), r($, {
+              key: 1,
+              size: e.value.size,
+              icon: e.value.iconRight
+            }, null, 8, ["size", "icon"])) : s("", !0)
+          ], 64))
+        ])
+      ]),
+      _: 3
+    }, 16, ["to", "target", "color", "style", "class", "title", "alt"]));
   }
 });
 export {

package/lib/components/radio/theme/Radio.base.theme.js

@@ -5,48 +5,48 @@ const a = {
       return e.isInsideForm && !e.isInsideFormGroup && t.push("mb-5"), t;
     },
     circle: ({ props: e }) => {
-      const t = ["rounded-full flex justify-center items-center shrink-0 border outline-offset-2 outline-slate-300 dark:outline-slate-500 group-focus:outline-1 group-focus:outline"];
+      const t = ["rounded-full flex justify-center items-center shrink-0 border outline-offset-2 outline-slate-300 dark:outline-slate-500 group-focus-visible:outline-1 group-focus-visible:outline"];
       return e.size === "lg" ? t.push("h-5 w-5") : e.size === "xl" ? t.push("h-6 w-6") : t.push("h-4 w-4"), t;
     },
     circleIcon: ({ props: e, data: t }) => {
-      const r = [];
-      return t.selected || r.push("opacity-0"), e.size === "sm" || e.size === "xs" ? r.push("h-2") : e.size === "lg" ? r.push("h-2.5") : e.size === "xl" ? r.push("h-3") : r.push("h-2"), r;
+      const s = [];
+      return t.selected || s.push("opacity-0"), e.size === "sm" || e.size === "xs" ? s.push("h-2") : e.size === "lg" ? s.push("h-2.5") : e.size === "xl" ? s.push("h-3") : s.push("h-2"), s;
     },
     label: ({ props: e, data: t }) => {
-      let r = "text-secondary-800 dark:text-secondary-200 pl-2";
-      return r += t.isInsideFormGroup ? " font-normal" : " font-medium", e.size === "xs" ? r += " text-xs" : e.size === "sm" ? r += " text-sm" : e.size === "lg" ? r += " text-lg" : e.size === "xl" && (r += " text-xl"), r;
+      let s = "text-secondary-800 dark:text-secondary-200 pl-2";
+      return s += t.isInsideFormGroup ? " font-normal" : " font-medium", e.size === "xs" ? s += " text-xs" : e.size === "sm" ? s += " text-sm" : e.size === "lg" ? s += " text-lg" : e.size === "xl" && (s += " text-xl"), s;
     },
     content: ({ props: e }) => {
       let t = "pl-2";
       return e.size === "xs" ? t += " text-xs" : e.size === "sm" ? t += " text-sm" : e.size === "lg" ? t += " text-lg" : e.size === "xl" && (t += " text-xl"), t;
     }
   },
-  styles: ({ props: e, colors: t, css: r, data: n }) => {
-    const s = t.getPalette("gray"), l = t.getPalette(e.color), i = [];
-    return e.loading ? r.variables({
+  styles: ({ props: e, colors: t, css: s, data: n }) => {
+    const r = t.getPalette("gray"), l = t.getPalette(e.color), i = [];
+    return e.loading ? s.variables({
       bg: "transparent",
       border: "transparent",
       dark: {
         bg: "transparent",
         border: "transparent"
       }
-    }) : (e.disabled ? n.selected ? i.push(r.variables({
+    }) : (e.disabled ? n.selected ? i.push(s.variables({
       bg: "transparent",
-      border: s[200],
-      circle: s[200],
+      border: r[200],
+      circle: r[200],
       dark: {
         bg: "transparent",
-        border: s[700],
-        circle: s[700]
+        border: r[700],
+        circle: r[700]
       }
-    })) : i.push(r.variables({
-      bg: s[200],
-      border: s[200],
+    })) : i.push(s.variables({
+      bg: r[200],
+      border: r[200],
       dark: {
-        bg: s[700],
-        border: s[700]
+        bg: r[700],
+        border: r[700]
       }
-    })) : (n.selected ? i.push(r.variables({
+    })) : (n.selected ? i.push(s.variables({
       bg: "transparent",
       border: l[500],
       circle: l[500],
@@ -55,14 +55,14 @@ const a = {
         border: l[500],
         circle: l[500]
       }
-    })) : i.push(r.variables({
+    })) : i.push(s.variables({
       bg: "#fff",
-      border: e.glow ? l[300] : s[300],
+      border: e.glow ? l[300] : r[300],
       dark: {
-        bg: s[900],
-        border: e.glow ? l[300] : s[400]
+        bg: r[900],
+        border: e.glow ? l[300] : r[400]
       }
-    })), e.glow && i.push(r.get("glow", t.getColorOpacity(l[500], 0.5)))), i);
+    })), e.glow && i.push(s.get("glow", t.getColorOpacity(l[500], 0.5)))), i);
   }
 }, o = a;
 export {