@indielayer/ui 1.10.2 → 1.10.3

package/lib/components/button/theme/Button.base.theme.js

@@ -1,15 +1,15 @@
 const g = {
   classes: {
     wrapper({ props: e, slots: n, data: i }) {
-      const l = ["relative transition duration-150 focus:outline-none inline-flex items-center justify-center font-medium whitespace-nowrap overflow-hidden align-middle active:!shadow-none border appearance-none"];
-      return i.isButtonGroup || l.push(e.rounded ? "rounded-full" : "rounded-md"), !e.flat && !e.light && !e.ghost && !e.disabled && !e.loading && l.push("shadow-sm"), e.size === "xs" ? l.push(n.default ? `py-1 text-xs ${e.icon, "px-2"}` : "leading-none p-1") : e.size === "sm" ? l.push(n.default ? `py-1.5 text-sm ${e.icon, "px-3"}` : "leading-none p-1.5") : e.size === "lg" ? l.push(n.default ? `py-3 text-lg ${e.icon ? "px-4" : "px-6"}` : "leading-none p-3") : e.size === "xl" ? l.push(n.default ? `py-4 text-xl ${e.icon, "px-6"}` : "leading-none p-4") : l.push(n.default ? `py-2 ${e.icon ? "px-4" : "px-5"}` : "leading-none p-2"), e.disabled ? l.push("cursor-not-allowed") : e.loading ? l.push("cursor-default") : l.push("cursor-pointer"), l;
+      const l = ["relative transition duration-150 focus:outline-none inline-flex items-center justify-center font-medium whitespace-nowrap overflow-hidden align-middle active:!shadow-none border appearance-none shrink-0"];
+      return i.isButtonGroup || l.push(e.rounded ? "rounded-full" : "rounded-md"), !e.flat && !e.light && !e.ghost && !e.disabled && !e.loading && l.push("shadow-sm"), e.size === "xs" ? l.push(n.default ? `py-1 text-xs ${e.icon, "px-2"}` : "leading-none p-1") : e.size === "sm" ? l.push(n.default ? `py-1.5 text-sm ${e.icon, "px-3"}` : "leading-none p-1.5") : e.size === "lg" ? l.push(n.default ? `py-3 text-lg ${e.icon ? "px-4" : "px-6"}` : "leading-none p-3") : e.size === "xl" ? l.push(n.default ? `py-4 text-xl ${e.icon, "px-6"}` : "leading-none p-3.5") : l.push(n.default ? `py-2 ${e.icon ? "px-4" : "px-5"}` : "leading-none p-[0.532rem]"), e.disabled ? l.push("cursor-not-allowed") : e.loading ? l.push("cursor-default") : l.push("cursor-pointer"), l;
     },
     iconLeft: ({ slots: e }) => e.default ? "mr-2" : "m-0.5",
     iconRight: ({ slots: e }) => e.default ? "ml-2" : "m-0.5"
   },
   styles({ props: e, colors: n, css: i, data: l }) {
-    const a = n.getPalette("gray"), t = e.color ? n.getPalette(e.color) : a, d = [], b = e.color && e.light, r = !e.color && !e.ghost;
-    return e.glow && d.push(i.get("glow", n.getColorOpacity(e.color ? t[500] : a[500], 0.5))), r ? e.disabled ? d.push(i.variables({
+    const a = n.getPalette("gray"), t = e.color ? n.getPalette(e.color) : a, d = [], r = e.color && e.light, b = !e.color && !e.ghost;
+    return e.glow && d.push(i.get("glow", n.getColorOpacity(e.color ? t[500] : a[500], 0.5))), b ? e.disabled ? d.push(i.variables({
       bg: a[50],
       text: a[300],
       border: a[200],
@@ -31,7 +31,7 @@ const g = {
         hover: { bg: e.loading ? "" : a[700], border: a[600] },
         active: { bg: e.loading ? "" : a[600], border: a[500] }
       }
-    })) : b ? ((!e.outlined || e.disabled) && d.push(i.get("border", "transparent")), e.disabled ? d.push(i.variables({
+    })) : r ? ((!e.outlined || e.disabled) && d.push(i.get("border", "transparent")), e.disabled ? d.push(i.variables({
       bg: t[50],
       text: t[200],
       border: "transparent",

package/lib/components/form/Form.vue.d.ts

@@ -60,7 +60,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
         type: BooleanConstructor;
         default: boolean;
     };
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "submit"[], "submit", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, {
+    validate: () => boolean;
+    submit: (e: Event) => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "submit"[], "submit", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     autoValidate: {
         type: BooleanConstructor;
         default: boolean;

package/lib/components/form/Form.vue.js

@@ -1,10 +1,10 @@
-import { defineComponent as E, provide as I, onMounted as S, watch as $, nextTick as A, openBlock as c, createElementBlock as f, normalizeStyle as C, unref as n, normalizeClass as l, renderSlot as d, toDisplayString as p, createCommentVNode as m, createElementVNode as y } from "vue";
-import { injectFormKey as N } from "../../composables/keys.js";
-import { useTheme as T } from "../../composables/useTheme.js";
-const j = {
+import { defineComponent as I, provide as S, onMounted as $, watch as A, nextTick as C, openBlock as c, createElementBlock as f, normalizeStyle as N, unref as n, normalizeClass as l, renderSlot as d, toDisplayString as h, createCommentVNode as m, createElementVNode as b } from "vue";
+import { injectFormKey as T } from "../../composables/keys.js";
+import { useTheme as j } from "../../composables/useTheme.js";
+const w = {
   key: 0,
   class: "mb-6"
-}, w = ["disabled"], z = {
+}, z = ["disabled"], D = {
   autoValidate: {
     type: Boolean,
     default: !0
@@ -24,17 +24,17 @@ const j = {
     type: Boolean,
     default: !0
   }
-}, D = {
+}, P = {
   name: "XForm"
-}, O = /* @__PURE__ */ E({
-  ...D,
-  props: z,
+}, X = /* @__PURE__ */ I({
+  ...P,
+  props: D,
   emits: ["submit"],
-  setup(h, { emit: b }) {
-    const u = h, F = b, s = [];
-    I(N, {
+  setup(F, { expose: g, emit: V }) {
+    const u = F, k = V, s = [];
+    S(T, {
       registerInput: (e, t, o, i) => {
-        const a = s.find((B) => B.name === e);
+        const a = s.find((E) => E.name === e);
         a ? (a.focus = t, a.validate = o, a.setError = i) : s.push({ name: e, focus: t, validate: o, setError: i });
       },
       unregisterInput: (e) => {
@@ -42,10 +42,10 @@ const j = {
         s.splice(t, 1);
       },
       isInsideForm: !0
-    }), S(async () => {
+    }), $(async () => {
       u.autoFocus && s && s.length > 0 && setTimeout(s[0].focus, 50);
-    }), $(() => u.errors, (e) => {
-      e && A(() => {
+    }), A(() => u.errors, (e) => {
+      e && C(() => {
         if (Array.isArray(e))
           e.forEach((t, o) => {
             const i = s.find((a) => a.name === t.field);
@@ -57,44 +57,46 @@ const j = {
         }
       });
     });
-    const g = () => {
+    const p = () => {
       let e = !0;
       return s.forEach((t) => {
         !t.validate() && e && (e = !1, t.focus && t.focus());
       }), e;
-    }, V = (e) => {
+    }, y = (e) => {
       e.preventDefault(), e.stopPropagation();
-      const t = u.autoValidate ? g() : !0;
-      F("submit", t);
-    }, { styles: k, classes: r, className: v } = T("Form", {}, u);
+      const t = u.autoValidate ? p() : !0;
+      k("submit", t);
+    };
+    g({ validate: p, submit: y });
+    const { styles: v, classes: r, className: B } = j("Form", {}, u);
     return (e, t) => (c(), f("form", {
-      style: C(n(k)),
+      style: N(n(v)),
       class: l([
-        n(v),
+        n(B),
         n(r).wrapper
       ]),
-      onSubmit: V
+      onSubmit: y
     }, [
       d(e.$slots, "header", {}, () => [
-        e.title || e.description ? (c(), f("div", j, [
+        e.title || e.description ? (c(), f("div", w, [
           e.title ? (c(), f("p", {
             key: 0,
             class: l(n(r).title)
-          }, p(e.title), 3)) : m("", !0),
+          }, h(e.title), 3)) : m("", !0),
           e.description ? (c(), f("p", {
             key: 1,
             class: l(n(r).description)
-          }, p(e.description), 3)) : m("", !0)
+          }, h(e.description), 3)) : m("", !0)
         ])) : m("", !0)
       ]),
-      y("fieldset", {
+      b("fieldset", {
         disabled: e.disabled,
         class: l([n(r).content, "contents"])
       }, [
         d(e.$slots, "default")
-      ], 10, w),
+      ], 10, z),
       e.hasFooter ? d(e.$slots, "footer", { key: 0 }, () => [
-        y("div", {
+        b("div", {
           class: l(n(r).footer)
         }, [
           d(e.$slots, "primary-action"),
@@ -105,5 +107,5 @@ const j = {
   }
 });
 export {
-  O as default
+  X as default
 };