@owocow/saber-ui 0.1.14 → 0.1.15

package/dist/{plugin-DvH6j00c.js → plugin-Cg7MKH3t.js}

@@ -1,5 +1,5 @@
 import B from "@nuxt/ui/components/Button.vue";
-import { inject as de, h as pe, defineComponent as F, useModel as $, computed as h, openBlock as b, createElementBlock as D, renderSlot as A, Fragment as T, renderList as K, createBlock as y, resolveDynamicComponent as W, unref as x, mergeProps as V, toHandlers as G, createVNode as k, normalizeClass as J, mergeModels as v, ref as O, watch as j, useTemplateRef as fe, withCtx as z, createTextVNode as R, toDisplayString as N, useAttrs as be, createSlots as ve, withModifiers as L } from "vue";
+import { inject as de, h as pe, defineComponent as F, useModel as x, computed as h, openBlock as v, createElementBlock as D, renderSlot as A, Fragment as T, renderList as K, createBlock as y, resolveDynamicComponent as W, unref as k, mergeProps as V, toHandlers as G, createVNode as $, normalizeClass as J, mergeModels as b, ref as O, watch as j, useTemplateRef as fe, withCtx as z, createTextVNode as R, toDisplayString as N, useAttrs as ve, createSlots as be, withModifiers as L } from "vue";
 import { S as w, _ as P } from "./SaberPopSelect.vue_vue_type_script_setup_true_lang-eH8jkkzK.js";
 import _e from "@nuxt/ui/components/Form.vue";
 import Se from "@nuxt/ui/components/FormField.vue";
@@ -19,7 +19,7 @@ import { _ as ne } from "./SaberDistrictSelect.vue_vue_type_script_setup_true_la
 function M(e) {
   return e == null ? !1 : typeof e == "string" ? e.trim() !== "" : Array.isArray(e) ? e.some(M) : typeof e == "object" ? Object.values(e).some(M) : !0;
 }
-function $e(e, o) {
+function xe(e, o) {
   if (e === o) return !0;
   try {
     return JSON.stringify(e) === JSON.stringify(o);
@@ -27,11 +27,11 @@ function $e(e, o) {
     return !1;
   }
 }
-function ke(e, o, t) {
-  return t != null ? o.some((n) => !$e(e[n.key], t[n.key])) : o.some((n) => M(e[n.key]));
+function $e(e, o, t) {
+  return t != null ? o.some((n) => !xe(e[n.key], t[n.key])) : o.some((n) => M(e[n.key]));
 }
 const ae = Symbol("SaberFormRegistry");
-function xe(e = {}) {
+function ke(e = {}) {
   const o = new Map(Object.entries(e));
   return {
     register(t, n) {
@@ -62,10 +62,10 @@ function se(e, o) {
   const t = e == null ? void 0 : e.resolve(o);
   return t || (E.has(o) || (E.add(o), console.warn(`[SaberUI] Form component "${o}" is not registered.`)), we);
 }
-const Ue = { class: "flex gap-2" }, Ce = /* @__PURE__ */ F({
+const Ue = { class: "flex gap-2 flex-wrap" }, Ce = /* @__PURE__ */ F({
   name: "SaberFilterBar",
   __name: "SaberFilterBar",
-  props: /* @__PURE__ */ v({
+  props: /* @__PURE__ */ b({
     fields: {},
     initialParams: { default: null },
     size: { default: "lg" }
@@ -73,9 +73,9 @@ const Ue = { class: "flex gap-2" }, Ce = /* @__PURE__ */ F({
     modelValue: { default: () => ({}) },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ v(["search", "reset", "refresh"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ b(["search", "reset", "refresh"], ["update:modelValue"]),
   setup(e, { expose: o, emit: t }) {
-    const n = e, r = t, i = $(e, "modelValue"), d = re(), l = h(() => w[n.size]), s = h(() => ke(i.value, n.fields, n.initialParams));
+    const n = e, r = t, i = x(e, "modelValue"), d = re(), l = h(() => w[n.size]), s = h(() => $e(i.value, n.fields, n.initialParams));
     o({ hasActiveFilters: s });
     function _(c = "change") {
       return c === "manual" ? {} : c === "update:model-value" ? { "update:modelValue": () => r("search") } : { change: () => r("search") };
@@ -90,9 +90,9 @@ const Ue = { class: "flex gap-2" }, Ce = /* @__PURE__ */ F({
     }
     return (c, g) => {
       const S = B;
-      return b(), D("div", Ue, [
+      return v(), D("div", Ue, [
         A(c.$slots, "leading"),
-        (b(!0), D(T, null, K(e.fields, (a) => (b(), y(W(x(se)(x(d), a.which)), V({
+        (v(!0), D(T, null, K(e.fields, (a) => (v(), y(W(k(se)(k(d), a.which)), V({
           key: a.key,
           modelValue: i.value[a.key],
           "onUpdate:modelValue": (u) => i.value[a.key] = u
@@ -100,7 +100,7 @@ const Ue = { class: "flex gap-2" }, Ce = /* @__PURE__ */ F({
           size: f(a),
           class: a.class
         }, G(_(a.searchOn))), null, 16, ["modelValue", "onUpdate:modelValue", "size", "class"]))), 128)),
-        k(S, {
+        $(S, {
           icon: s.value ? "i-mdi:close" : "i-solar:refresh-bold",
           variant: "outline",
           color: "neutral",
@@ -117,7 +117,7 @@ const Ue = { class: "flex gap-2" }, Ce = /* @__PURE__ */ F({
   name: "SaberFormModal",
   inheritAttrs: !1,
   __name: "SaberFormModal",
-  props: /* @__PURE__ */ v({
+  props: /* @__PURE__ */ b({
     fields: {},
     model: { default: void 0 },
     validate: { type: Function, default: void 0 },
@@ -133,9 +133,9 @@ const Ue = { class: "flex gap-2" }, Ce = /* @__PURE__ */ F({
     open: { type: Boolean, default: !1 },
     openModifiers: {}
   }),
-  emits: /* @__PURE__ */ v(["success", "error"], ["update:open"]),
+  emits: /* @__PURE__ */ b(["success", "error"], ["update:open"]),
   setup(e, { emit: o }) {
-    const t = e, n = o, r = $(e, "open"), i = re();
+    const t = e, n = o, r = x(e, "open"), i = re();
     function d() {
       return { ...t.model ?? {} };
     }
@@ -182,7 +182,7 @@ const Ue = { class: "flex gap-2" }, Ce = /* @__PURE__ */ F({
     }
     return (a, u) => {
       const U = Se, me = _e, I = B;
-      return b(), y(q, {
+      return v(), y(q, {
         open: r.value,
         "onUpdate:open": u[2] || (u[2] = (m) => r.value = m),
         title: e.title,
@@ -190,7 +190,7 @@ const Ue = { class: "flex gap-2" }, Ce = /* @__PURE__ */ F({
         width: e.width
       }, {
         footer: z(() => [
-          k(I, {
+          $(I, {
             color: "neutral",
             variant: "outline",
             class: "h-10 px-12",
@@ -201,7 +201,7 @@ const Ue = { class: "flex gap-2" }, Ce = /* @__PURE__ */ F({
             ]),
             _: 1
           }),
-          k(I, {
+          $(I, {
             color: "primary",
             class: "h-10 px-12",
             loading: _.value,
@@ -217,7 +217,7 @@ const Ue = { class: "flex gap-2" }, Ce = /* @__PURE__ */ F({
           }, 8, ["loading"])
         ]),
         default: z(() => [
-          k(me, V({ ref: "form" }, a.$attrs, {
+          $(me, V({ ref: "form" }, a.$attrs, {
             validate: s,
             state: l.value,
             "validate-on": ["blur"],
@@ -225,7 +225,7 @@ const Ue = { class: "flex gap-2" }, Ce = /* @__PURE__ */ F({
             onSubmit: S
           }), {
             default: z(() => [
-              (b(!0), D(T, null, K(e.fields, (m) => (b(), y(U, {
+              (v(!0), D(T, null, K(e.fields, (m) => (v(), y(U, {
                 key: String(m.key),
                 name: String(m.key),
                 label: m.label,
@@ -233,7 +233,7 @@ const Ue = { class: "flex gap-2" }, Ce = /* @__PURE__ */ F({
                 ui: { label: "text-muted mb-1" }
               }, {
                 default: z(() => [
-                  (b(), y(W(x(se)(x(i), m.which)), V({
+                  (v(), y(W(k(se)(k(i), m.which)), V({
                     modelValue: l.value[m.key],
                     "onUpdate:modelValue": (C) => l.value[m.key] = C
                   }, { ref_for: !0 }, m.props, {
@@ -253,7 +253,7 @@ const Ue = { class: "flex gap-2" }, Ce = /* @__PURE__ */ F({
 }), ie = /* @__PURE__ */ F({
   inheritAttrs: !1,
   __name: "SaberInput",
-  props: /* @__PURE__ */ v({
+  props: /* @__PURE__ */ b({
     clearable: { type: Boolean, default: !0 },
     size: { default: "lg" },
     ui: {}
@@ -261,13 +261,13 @@ const Ue = { class: "flex gap-2" }, Ce = /* @__PURE__ */ F({
     modelValue: { default: "" },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ v(["change"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ b(["change"], ["update:modelValue"]),
   setup(e, { emit: o }) {
-    const t = e, n = $(e, "modelValue"), r = o, i = be(), d = h(() => w[t.size]), l = h(() => {
+    const t = e, n = x(e, "modelValue"), r = o, i = ve(), d = h(() => w[t.size]), l = h(() => {
       var p;
       return {
         ...t.ui,
-        base: [d.value.height, (p = t.ui) == null ? void 0 : p.base].filter(Boolean).join(" ")
+        base: [d.value.height, "text-sm/5", (p = t.ui) == null ? void 0 : p.base].filter(Boolean).join(" ")
       };
     }), s = h(() => !t.clearable || i.disabled != null || i.readonly != null ? !1 : n.value !== void 0 && n.value !== null && String(n.value) !== "");
     function _() {
@@ -275,19 +275,18 @@ const Ue = { class: "flex gap-2" }, Ce = /* @__PURE__ */ F({
     }
     return (p, f) => {
       const c = B, g = H;
-      return b(), y(g, V({
+      return v(), y(g, V({
         modelValue: n.value,
         "onUpdate:modelValue": f[1] || (f[1] = (S) => n.value = S)
-      }, x(i), {
+      }, k(i), {
         size: d.value.nuxtSize,
         ui: l.value,
-        class: "saberInput",
         onChange: f[2] || (f[2] = (S) => r("change", n.value))
-      }), ve({ _: 2 }, [
+      }), be({ _: 2 }, [
         s.value ? {
           name: "trailing",
           fn: z(() => [
-            k(c, {
+            $(c, {
               tabindex: "-1",
               color: "neutral",
               variant: "ghost",
@@ -306,16 +305,16 @@ const Ue = { class: "flex gap-2" }, Ce = /* @__PURE__ */ F({
 }), le = /* @__PURE__ */ F({
   inheritAttrs: !1,
   __name: "SaberInputNumber",
-  props: /* @__PURE__ */ v({
+  props: /* @__PURE__ */ b({
     size: { default: "lg" },
     ui: {}
   }, {
     modelValue: { default: void 0 },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ v(["change"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ b(["change"], ["update:modelValue"]),
   setup(e, { emit: o }) {
-    const t = e, n = $(e, "modelValue"), r = o, i = h(() => w[t.size]), d = h(() => {
+    const t = e, n = x(e, "modelValue"), r = o, i = h(() => w[t.size]), d = h(() => {
       var s;
       return {
         ...t.ui,
@@ -327,7 +326,7 @@ const Ue = { class: "flex gap-2" }, Ce = /* @__PURE__ */ F({
     }
     return (s, _) => {
       const p = Z;
-      return b(), y(p, V({ "model-value": n.value }, s.$attrs, {
+      return v(), y(p, V({ "model-value": n.value }, s.$attrs, {
         size: i.value.nuxtSize,
         ui: d.value,
         "onUpdate:modelValue": l
@@ -337,16 +336,16 @@ const Ue = { class: "flex gap-2" }, Ce = /* @__PURE__ */ F({
 }), ue = /* @__PURE__ */ F({
   inheritAttrs: !1,
   __name: "SaberSelect",
-  props: /* @__PURE__ */ v({
+  props: /* @__PURE__ */ b({
     size: { default: "lg" },
     ui: {}
   }, {
     modelValue: { default: void 0 },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ v(["change"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ b(["change"], ["update:modelValue"]),
   setup(e, { emit: o }) {
-    const t = e, n = $(e, "modelValue"), r = o, i = h(() => w[t.size]), d = h(() => {
+    const t = e, n = x(e, "modelValue"), r = o, i = h(() => w[t.size]), d = h(() => {
       var s;
       return {
         ...t.ui,
@@ -358,7 +357,7 @@ const Ue = { class: "flex gap-2" }, Ce = /* @__PURE__ */ F({
     }
     return (s, _) => {
       const p = Q;
-      return b(), y(p, V({ "model-value": n.value }, s.$attrs, {
+      return v(), y(p, V({ "model-value": n.value }, s.$attrs, {
         size: i.value.nuxtSize,
         ui: d.value,
         class: "saberButton",
@@ -373,18 +372,15 @@ const Ue = { class: "flex gap-2" }, Ce = /* @__PURE__ */ F({
     modelValue: { default: "" },
     modelModifiers: {}
   },
-  emits: /* @__PURE__ */ v(["change"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ b(["change"], ["update:modelValue"]),
   setup(e, { emit: o }) {
-    const t = $(e, "modelValue"), n = o;
+    const t = x(e, "modelValue"), n = o;
     function r(i) {
       t.value = i, n("change", i);
     }
     return (i, d) => {
       const l = X;
-      return b(), y(l, V({ "model-value": t.value }, i.$attrs, {
-        class: "saberInput",
-        "onUpdate:modelValue": r
-      }), null, 16, ["model-value"]);
+      return v(), y(l, V({ "model-value": t.value }, i.$attrs, { "onUpdate:modelValue": r }), null, 16, ["model-value"]);
     };
   }
 }), Me = {
@@ -416,7 +412,7 @@ const Ue = { class: "flex gap-2" }, Ce = /* @__PURE__ */ F({
   SaberRadioGroup: ee
 };
 function Xe(e, o = {}) {
-  const t = xe({
+  const t = ke({
     ...Me,
     ...o.components
   });
@@ -432,11 +428,11 @@ export {
   ce as e,
   Me as f,
   Be as g,
-  xe as h,
-  ke as i,
+  ke as h,
+  $e as i,
   M as j,
   Xe as k,
-  $e as l,
+  xe as l,
   se as r,
   re as u
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@owocow/saber-ui",
-  "version": "0.1.14",
+  "version": "0.1.15",
   "description": "Saber application foundation for Vue 3 projects built on Nuxt UI",
   "type": "module",
   "sideEffects": false,