@oneb/ui-vue 0.0.38 → 0.0.39

package/dist/form/index.js

@@ -1,6 +1,6 @@
-import { inject as E, computed as t, defineComponent as g, provide as O, openBlock as l, createElementBlock as n, withModifiers as M, renderSlot as B, unref as s, createTextVNode as P, toDisplayString as v, Fragment as V, renderList as C, createCommentVNode as h, createElementVNode as c, ref as _, onMounted as z, normalizeClass as b, createBlock as k, resolveDynamicComponent as D, createVNode as I } from "vue";
-import { r as T } from "../XMarkIcon-51ef0691.js";
-const G = {
+import { inject as _, computed as t, defineComponent as g, provide as E, openBlock as l, createElementBlock as n, withModifiers as L, renderSlot as C, unref as d, createTextVNode as M, toDisplayString as v, Fragment as $, renderList as V, createCommentVNode as h, createElementVNode as m, ref as q, onMounted as P, normalizeClass as b, createBlock as k, resolveDynamicComponent as z, createVNode as O } from "vue";
+import { r as D } from "../XMarkIcon-51ef0691.js";
+const T = {
   id: {
     type: String,
     required: !1
@@ -9,7 +9,7 @@ const G = {
     type: Object,
     required: !1
   }
-}, H = {
+}, G = {
   id: {
     type: String,
     required: !1
@@ -31,7 +31,7 @@ const G = {
     type: Array,
     required: !1
   }
-}, J = {
+}, H = {
   name: {
     type: String,
     required: !1
@@ -40,12 +40,12 @@ const G = {
     type: Array,
     required: !1
   }
-}, K = {
+}, J = {
   label: {
     type: String,
     required: !1
   }
-}, Q = {
+}, K = {
   id: {
     type: String,
     required: !1
@@ -107,7 +107,7 @@ const G = {
     required: !1,
     default: []
   }
-}, j = () => E(
+}, I = () => _(
   "BaseForm",
   () => ({
     formId: t(() => {
@@ -116,7 +116,7 @@ const G = {
     })
   }),
   !0
-), S = () => E(
+), S = () => _(
   "BaseFormField",
   () => ({
     inputId: t(() => {
@@ -126,55 +126,55 @@ const G = {
     hasError: t(() => !1)
   }),
   !0
-), R = ["id"], be = /* @__PURE__ */ g({
+), Q = ["onSubmit", "id"], he = /* @__PURE__ */ g({
   __name: "OneForm",
-  props: G,
+  props: T,
   emits: ["submit"],
   setup(u, { emit: a }) {
-    const r = u, d = a;
-    O("BaseForm", {
+    const r = u;
+    E("BaseForm", {
       formId: t(() => r.id),
       validation: t(() => r.validation)
     });
     const i = () => {
-      d("submit");
+      a("submit");
     };
-    return (o, y) => (l(), n("form", {
-      onSubmit: M(i, ["prevent"]),
-      id: o.id,
+    return (s, o) => (l(), n("form", {
+      onSubmit: L(i, ["prevent"]),
+      id: s.id,
       class: "space-y-3"
     }, [
-      B(o.$slots, "default")
-    ], 40, R));
+      C(s.$slots, "default")
+    ], 40, Q));
   }
-}), U = ["for"], W = /* @__PURE__ */ g({
+}), R = ["for"], U = /* @__PURE__ */ g({
   __name: "OneFormLabel",
-  props: K,
+  props: J,
   setup(u) {
     const { inputId: a } = S();
-    return (r, d) => (l(), n("label", {
-      for: s(a),
+    return (r, i) => (l(), n("label", {
+      for: d(a),
       class: "block text-sm font-medium text-primary-content select-none"
     }, [
-      B(r.$slots, "default", {}, () => [
-        P(v(r.label), 1)
+      C(r.$slots, "default", {}, () => [
+        M(v(r.label), 1)
       ])
-    ], 8, U));
+    ], 8, R));
   }
-}), X = {
+}), W = {
   key: 0,
   class: "text-danger-content text-xs space-y-1"
-}, Y = /* @__PURE__ */ g({
+}, X = /* @__PURE__ */ g({
   __name: "OneFormFeedback",
-  props: J,
+  props: H,
   setup(u) {
-    const a = u, { validation: r } = j(), { inputName: d } = S(), i = t(() => d.value == null && a.name == null ? a.errors ?? [] : r.value == null ? a.errors ?? [] : (r.value ?? {})[a.name || d.value] ?? a.errors ?? []);
-    return (o, y) => i.value.length > 0 ? (l(), n("div", X, [
-      (l(!0), n(V, null, C(i.value, (p) => (l(), n("div", { key: p }, v(p), 1))), 128))
+    const a = u, { validation: r } = I(), { inputName: i } = S(), s = t(() => i.value == null && a.name == null ? a.errors ?? [] : r.value == null ? a.errors ?? [] : (r.value ?? {})[a.name || i.value] ?? a.errors ?? []);
+    return (o, c) => s.value.length > 0 ? (l(), n("div", W, [
+      (l(!0), n($, null, V(s.value, (y) => (l(), n("div", { key: y }, v(y), 1))), 128))
     ])) : h("", !0);
   }
 });
-function Z(u, a) {
+function Y(u, a) {
   return l(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -183,19 +183,19 @@ function Z(u, a) {
     stroke: "currentColor",
     "aria-hidden": "true"
   }, [
-    c("path", {
+    m("path", {
       "stroke-linecap": "round",
       "stroke-linejoin": "round",
       d: "M2.036 12.322a1.012 1.012 0 010-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178z"
     }),
-    c("path", {
+    m("path", {
       "stroke-linecap": "round",
       "stroke-linejoin": "round",
       d: "M15 12a3 3 0 11-6 0 3 3 0 016 0z"
     })
   ]);
 }
-function x(u, a) {
+function Z(u, a) {
   return l(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -204,42 +204,42 @@ function x(u, a) {
     stroke: "currentColor",
     "aria-hidden": "true"
   }, [
-    c("path", {
+    m("path", {
       "stroke-linecap": "round",
       "stroke-linejoin": "round",
       d: "M3.98 8.223A10.477 10.477 0 001.934 12C3.226 16.338 7.244 19.5 12 19.5c.993 0 1.953-.138 2.863-.395M6.228 6.228A10.45 10.45 0 0112 4.5c4.756 0 8.773 3.162 10.065 7.498a10.523 10.523 0 01-4.293 5.774M6.228 6.228L3 3m3.228 3.228l3.65 3.65m7.894 7.894L21 21m-3.228-3.228l-3.65-3.65m0 0a3 3 0 10-4.243-4.243m4.242 4.242L9.88 9.88"
     })
   ]);
 }
-const ee = ["id", "disabled"], re = ["selected"], le = ["selected", "value"], ae = ["name", "id", "value", "placeholder", "disabled", "readonly"], ne = {
+const x = ["id", "disabled"], ee = ["selected"], re = ["selected", "value"], le = ["name", "id", "value", "placeholder", "disabled", "readonly"], ae = {
   key: 2,
   class: "flex w-full space-x-3 items-center"
-}, oe = ["type", "name", "id", "disabled", "readonly", "checked"], te = ["for"], se = {
+}, ne = ["type", "name", "id", "disabled", "readonly", "checked"], oe = ["for"], te = {
   key: 3,
   class: "w-full space-y-1"
-}, de = ["name", "id", "value", "disabled", "readonly", "checked"], ie = ["for"], ue = {
+}, se = ["name", "id", "value", "disabled", "readonly", "checked"], de = ["for"], ie = {
   key: 4,
   class: "relative"
-}, pe = { class: "absolute p-2 px-3 rounded-md h-full flex items-center select-none" }, me = ["type", "name", "id", "value", "placeholder", "disabled", "readonly"], ce = /* @__PURE__ */ g({
+}, ue = { class: "absolute p-2 px-3 rounded-md h-full flex items-center select-none" }, pe = ["type", "name", "id", "value", "placeholder", "disabled", "readonly"], ce = /* @__PURE__ */ g({
   __name: "OneFormInput",
-  props: Q,
+  props: K,
   emits: ["update:modelValue"],
   setup(u, { emit: a }) {
-    const r = u, d = a, { inputId: i, inputName: o, hasError: y } = S(), p = _(null), w = _(!1);
-    z(() => {
-      r.autofocus && p.value && p.value.focus();
+    const r = u, { inputId: i, inputName: s, hasError: o } = S(), c = q(null), y = q(!1);
+    P(() => {
+      r.autofocus && c.value && c.value.focus();
     });
-    const N = t(() => r.modelValue != null && r.modelValue !== ""), f = t(() => {
+    const j = t(() => r.modelValue != null && r.modelValue !== ""), f = t(() => {
       if (r.id)
         return r.id;
       const e = (i == null ? void 0 : i.value) || "";
       return r.name ? `${e}-${r.name}` : e || "";
-    }), A = () => {
-      d("update:modelValue", "");
-    }, L = t(() => {
+    }), N = () => {
+      a("update:modelValue", "");
+    }, A = t(() => {
       const e = {
         "shadow-sm": r.type !== "range",
-        "border-danger-base": y.value || r.invalid,
+        "border-danger-base": o.value || r.invalid,
         "pl-10": r.icon != null,
         "pr-10": r.type === "password",
         "rounded-full": r.rounded,
@@ -248,19 +248,19 @@ const ee = ["id", "disabled"], re = ["selected"], le = ["selected", "value"], ae
         "py-2.5": r.large,
         "py-2": !r.large
       };
-      return r.inputClass != null && (typeof r.inputClass == "string" ? e[r.inputClass] = !0 : r.inputClass instanceof Array && r.inputClass.forEach(($) => {
-        e[$] = !0;
+      return r.inputClass != null && (typeof r.inputClass == "string" ? e[r.inputClass] = !0 : r.inputClass instanceof Array && r.inputClass.forEach((F) => {
+        e[F] = !0;
       })), e;
-    }), F = (e) => {
-      r.type === "checkbox" ? d("update:modelValue", e.target.checked) : d("update:modelValue", e.target.value);
+    }), w = (e) => {
+      r.type === "checkbox" ? a("update:modelValue", e.target.checked) : a("update:modelValue", e.target.value);
     };
-    return (e, $) => e.type === "select" ? (l(), n("select", {
+    return (e, F) => e.type === "select" ? (l(), n("select", {
       key: 0,
       id: f.value,
       ref_key: "inputElement",
-      ref: p,
+      ref: c,
       class: b(["border border-primary-stroke px-3 w-full", {
-        "border-danger-base": s(y) || e.invalid,
+        "border-danger-base": d(o) || e.invalid,
         "text-secondary-content": e.modelValue === "" || e.modelValue == null,
         "rounded-full": e.rounded,
         "rounded-md": !e.rounded,
@@ -275,21 +275,21 @@ const ee = ["id", "disabled"], re = ["selected"], le = ["selected", "value"], ae
         selected: e.modelValue === "" || e.modelValue == null,
         disabled: "",
         hidden: ""
-      }, v(e.placeholder), 9, re)) : h("", !0),
-      (l(!0), n(V, null, C(e.options, (m) => (l(), n("option", {
-        selected: m.key === e.modelValue,
-        key: m.key,
-        value: m.key
-      }, v(m.value), 9, le))), 128))
-    ], 10, ee)) : e.type === "textarea" ? (l(), n("textarea", {
+      }, v(e.placeholder), 9, ee)) : h("", !0),
+      (l(!0), n($, null, V(e.options, (p) => (l(), n("option", {
+        selected: p.key === e.modelValue,
+        key: p.key,
+        value: p.key
+      }, v(p.value), 9, re))), 128))
+    ], 10, x)) : e.type === "textarea" ? (l(), n("textarea", {
       key: 1,
-      name: e.name || s(o),
+      name: e.name || d(s),
       id: f.value,
       value: e.modelValue,
-      onInput: F,
+      onInput: w,
       rows: "3",
       class: b(["border border-primary-stroke px-3 w-full placeholder-gray-400", {
-        "border-danger-base": s(y),
+        "border-danger-base": d(o),
         "rounded-3xl": e.rounded,
         "rounded-md": !e.rounded,
         "text-lg": e.large,
@@ -300,105 +300,105 @@ const ee = ["id", "disabled"], re = ["selected"], le = ["selected", "value"], ae
       disabled: e.disabled,
       readonly: e.readonly,
       ref_key: "inputElement",
-      ref: p
-    }, null, 42, ae)) : e.type === "checkbox" ? (l(), n("div", ne, [
-      c("input", {
+      ref: c
+    }, null, 42, le)) : e.type === "checkbox" ? (l(), n("div", ae, [
+      m("input", {
         type: e.type,
-        name: e.name || s(o),
+        name: e.name || d(s),
         id: f.value,
         value: !0,
-        onInput: F,
+        onInput: w,
         disabled: e.disabled,
         readonly: e.readonly,
         class: b(["rounded-md border border-primary-stroke px-2 py-2 shadow-sm", {
-          "border-danger-base": s(y) || e.invalid
+          "border-danger-base": d(o) || e.invalid
         }]),
         checked: e.modelValue === !0,
         ref_key: "inputElement",
-        ref: p
-      }, null, 42, oe),
-      c("label", {
+        ref: c
+      }, null, 42, ne),
+      m("label", {
         for: f.value,
         class: "text-primary-content select-none"
-      }, v(e.placeholder), 9, te)
-    ])) : e.type === "radio" ? (l(), n("div", se, [
-      (l(!0), n(V, null, C(e.options, (m, q) => (l(), n("div", {
-        key: m.key,
+      }, v(e.placeholder), 9, oe)
+    ])) : e.type === "radio" ? (l(), n("div", te, [
+      (l(!0), n($, null, V(e.options, (p, B) => (l(), n("div", {
+        key: p.key,
         class: "flex w-full space-x-3 items-center"
       }, [
-        c("input", {
+        m("input", {
           type: "radio",
-          name: e.name || s(o),
-          id: `${f.value}-${q}`,
-          value: m.key,
-          onInput: F,
+          name: e.name || d(s),
+          id: `${f.value}-${B}`,
+          value: p.key,
+          onInput: w,
           disabled: e.disabled,
           readonly: e.readonly,
           class: b(["rounded-md border border-primary-stroke px-3 py-2 shadow-sm", {
-            "border-danger-base": s(y) || e.invalid
+            "border-danger-base": d(o) || e.invalid
           }]),
-          checked: m.key === e.modelValue,
+          checked: p.key === e.modelValue,
           ref_for: !0,
           ref_key: "inputElement",
-          ref: p
-        }, null, 42, de),
-        c("label", {
-          for: `${f.value}-${q}`,
+          ref: c
+        }, null, 42, se),
+        m("label", {
+          for: `${f.value}-${B}`,
           class: "text-primary-content select-none"
-        }, v(m.value), 9, ie)
+        }, v(p.value), 9, de)
       ]))), 128))
-    ])) : (l(), n("div", ue, [
-      c("div", pe, [
-        e.icon ? (l(), k(D(e.icon), {
+    ])) : (l(), n("div", ie, [
+      m("div", ue, [
+        e.icon ? (l(), k(z(e.icon), {
           key: 0,
           class: "w-5 h-5 text-primary-content"
         })) : h("", !0)
       ]),
-      c("input", {
-        type: w.value ? "text" : e.type,
-        name: e.name || s(o),
+      m("input", {
+        type: y.value ? "text" : e.type,
+        name: e.name || d(s),
         id: f.value,
         value: e.modelValue,
-        onInput: F,
+        onInput: w,
         placeholder: e.placeholder,
         disabled: e.disabled,
         readonly: e.readonly,
-        class: b(["border border-primary-stroke w-full px-3 placeholder-gray-400", L.value]),
+        class: b(["border border-primary-stroke w-full px-3 placeholder-gray-400", A.value]),
         ref_key: "inputElement",
-        ref: p
-      }, null, 42, me),
-      e.clearable && N.value ? (l(), n("div", {
+        ref: c
+      }, null, 42, pe),
+      e.clearable && j.value ? (l(), n("div", {
         key: 0,
-        onClick: A,
+        onClick: N,
         class: "absolute p-2 px-3 rounded-md h-full flex items-center right-0 top-0 hover:cursor-pointer select-none"
       }, [
-        I(s(T), { class: "w-5 h-5 text-secondary-content hover:text-primary-base" })
+        O(d(D), { class: "w-5 h-5 text-secondary-content hover:text-primary-base" })
       ])) : e.type === "password" ? (l(), n("div", {
         key: 1,
-        onClick: $[0] || ($[0] = (m) => w.value = !w.value),
+        onClick: F[0] || (F[0] = (p) => y.value = !y.value),
         class: "absolute p-2 px-3 rounded-md h-full flex items-center right-0 top-0 hover:cursor-pointer select-none"
       }, [
-        w.value ? (l(), k(s(x), {
+        y.value ? (l(), k(d(Z), {
           key: 0,
           class: "w-5 h-5 text-primary-content hover:text-primary-base"
-        })) : (l(), k(s(Z), {
+        })) : (l(), k(d(Y), {
           key: 1,
           class: "w-5 h-5 text-secondary-content hover:text-primary-base"
         }))
       ])) : h("", !0)
     ]));
   }
-}), ye = { class: "space-y-1" }, fe = {
+}), me = { class: "space-y-1" }, ye = {
   key: 2,
   class: "text-xs text-secondary-content select-none"
-}, ke = /* @__PURE__ */ g({
+}, be = /* @__PURE__ */ g({
   __name: "OneFormField",
-  props: H,
+  props: G,
   setup(u) {
-    const a = u, { formId: r, validation: d } = j(), i = t(
-      () => a.errors != null && a.errors.length > 0 ? !0 : a.name == null ? !1 : (d.value ?? {})[a.name] != null
+    const a = u, { formId: r, validation: i } = I(), s = t(
+      () => a.errors != null && a.errors.length > 0 ? !0 : a.name == null ? !1 : (i.value ?? {})[a.name] != null
     );
-    return O("BaseFormField", {
+    return E("BaseFormField", {
       inputId: t(() => {
         const o = r.value || "form";
         if (a.id != null)
@@ -407,26 +407,26 @@ const ee = ["id", "disabled"], re = ["selected"], le = ["selected", "value"], ae
           return `${o}-field-${a.name}`;
       }),
       inputName: t(() => a.name),
-      hasError: i
-    }), (o, y) => (l(), n("div", ye, [
-      o.label ? (l(), k(W, {
+      hasError: s
+    }), (o, c) => (l(), n("div", me, [
+      o.label ? (l(), k(U, {
         key: 0,
         label: o.label
       }, null, 8, ["label"])) : h("", !0),
-      B(o.$slots, "default", {}, () => [
-        I(ce)
+      C(o.$slots, "default", {}, () => [
+        O(ce)
       ]),
-      i.value ? (l(), k(Y, {
+      s.value ? (l(), k(X, {
         key: 1,
         errors: o.errors
-      }, null, 8, ["errors"])) : o.hint.length > 0 ? (l(), n("p", fe, v(o.hint), 1)) : h("", !0)
+      }, null, 8, ["errors"])) : o.hint.length > 0 ? (l(), n("p", ye, v(o.hint), 1)) : h("", !0)
     ]));
   }
 });
 export {
-  be as OneForm,
-  Y as OneFormFeedback,
-  ke as OneFormField,
+  he as OneForm,
+  X as OneFormFeedback,
+  be as OneFormField,
   ce as OneFormInput,
-  W as OneFormLabel
+  U as OneFormLabel
 };

package/dist/index-3615f53c.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),b=require("./_plugin-vue_export-helper-f246444f.cjs");const g={},h={class:"spinner",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",style:{animation:"one-sp-ico-rot 2.7s linear infinite"}},f=e.createElementVNode("circle",{style:{"stroke-linecap":"round",animation:"one-sp-ico-dash 1.7s ease-in-out infinite"},class:"opacity-75",cx:"12",cy:"12",r:"8",fill:"none",stroke:"currentColor","stroke-width":"2"},null,-1),v=[f];function y(o,n){return e.openBlock(),e.createElementBlock("svg",h,v)}const i=b._export_sfc(g,[["render",y]]),k={variant:{type:String,default:"primary"},size:{type:String,default:"md"},label:{type:String},icon:{type:[Function,Object]},isLoading:{type:Boolean},isSubmit:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},active:{type:Boolean,default:!1},iconClass:{type:[String,Array]},iconAfter:{type:[Function,Object]}},w=["relative inline-flex","border","items-center justify-center","font-medium whitespace-nowrap","disabled:opacity-50 disabled:cursor-default","focus:outline-none focus:ring-2 focus:ring-offset-2","transition-colors duration-200"],C={sm:["px-2 py-1 text-sm"],md:["px-3 py-2"],lg:["px-4 py-3"]},_={primary:["rounded-md   border-transparent bg-primary-base disabled:bg-primary-hover text-sm text-white hover:bg-primary-hover focus:ring-primary-glow"],secondary:["rounded-md border-primary-stroke bg-primary-body disabled:bg-primary-body-hover text-black text-sm hover:bg-primary-body-hover focus:ring-tertiary-glow"],info:["rounded-md   border-transparent bg-info-base disabled:bg-info-hover text-white text-sm hover:bg-info-hover focus:ring-info-glow"],success:["rounded-md   border-transparent bg-success-base disabled:bg-success-hover text-white text-sm hover:bg-success-hover focus:ring-success-glow"],warning:["rounded-md   border-transparent bg-warning-base disabled:bg-warning-hover text-white text-sm hover:bg-warning-hover focus:ring-warning-glow"],danger:["rounded-md   border-transparent bg-danger-base disabled:bg-danger-hover text-white text-sm hover:bg-danger-hover focus:ring-danger-glow"],touch:["rounded-full border-transparent text-black hover:bg-primary-body-hover hover:shadow p-3 text-sm focus:ring-tertiary-glow"],link:["rounded-md   border-transparent items-center text-info-base hover:text-info-hover text-sm"],none:["rounded-md   border-transparent text-gray-500"]},x=(o="primary",n="md")=>{const s=[];return s.push(...w),s.push(..._[o]??[]),o!=="touch"&&s.push(...C[n]??[]),s},B=["disabled","title","type","onClick"],z=e.defineComponent({__name:"OneButton",props:k,emits:["click"],setup(o,{emit:n}){const s=o,c=()=>{n("click")},r=e.computed(()=>s.icon),a=e.computed(()=>s.iconAfter),u=e.computed(()=>{const t=x(s.variant,s.size);return s.variant==="touch"&&s.active&&t.push("bg-primary-body-active"),t}),d=e.computed(()=>s.disabled||s.isLoading),p=e.computed(()=>s.label&&s.label.length>0&&s.variant!=="touch"),m=e.computed(()=>{const t=["inline-block text-ellipsis overflow-hidden"];return r.value!=null&&t.push("ml-2"),a.value!=null&&t.push("mr-2"),t}),l=e.computed(()=>{const t=[];return s.size==="sm"?t.push("w-3 h-3"):s.size==="lg"?t.push("w-5 h-5"):t.push("w-4 h-4"),typeof s.iconClass=="string"?t.push(s.iconClass):s.iconClass instanceof Array&&t.push(...s.iconClass),t});return(t,L)=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(u.value),disabled:d.value,title:t.label,type:t.isSubmit?"submit":"button",onClick:e.withModifiers(c,["stop"])},[r.value!=null&&t.isLoading?(e.openBlock(),e.createBlock(i,{key:0,class:e.normalizeClass(l.value)},null,8,["class"])):r.value!=null?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(r.value),{key:1,class:e.normalizeClass(l.value)},null,8,["class"])):e.createCommentVNode("",!0),p.value?(e.openBlock(),e.createElementBlock("span",{key:2,class:e.normalizeClass(m.value)},e.toDisplayString(t.label),3)):e.createCommentVNode("",!0),a.value!=null&&t.isLoading?(e.openBlock(),e.createBlock(i,{key:3,class:e.normalizeClass(l.value)},null,8,["class"])):a.value!=null?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(a.value),{key:4,class:e.normalizeClass(l.value)},null,8,["class"])):e.createCommentVNode("",!0)],10,B))}});exports.SpinnerIcon=i;exports._sfc_main=z;

package/dist/{index-72d69e4e.js → index-f136b5ea.js}

@@ -1,11 +1,11 @@
-import { openBlock as n, createElementBlock as b, createElementVNode as x, defineComponent as _, computed as t, normalizeClass as r, withModifiers as k, createBlock as d, resolveDynamicComponent as m, createCommentVNode as p, toDisplayString as C } from "vue";
-import { _ as B } from "./_plugin-vue_export-helper-dad06003.js";
-const L = {}, S = {
+import { openBlock as n, createElementBlock as p, createElementVNode as w, defineComponent as x, computed as t, normalizeClass as o, withModifiers as _, createBlock as u, resolveDynamicComponent as b, createCommentVNode as d, toDisplayString as k } from "vue";
+import { _ as C } from "./_plugin-vue_export-helper-dad06003.js";
+const B = {}, L = {
   class: "spinner",
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   style: { animation: "one-sp-ico-rot 2.7s linear infinite" }
-}, z = /* @__PURE__ */ x("circle", {
+}, S = /* @__PURE__ */ w("circle", {
   style: { "stroke-linecap": "round", animation: "one-sp-ico-dash 1.7s ease-in-out infinite" },
   class: "opacity-75",
   cx: "12",
@@ -14,13 +14,13 @@ const L = {}, S = {
   fill: "none",
   stroke: "currentColor",
   "stroke-width": "2"
-}, null, -1), I = [
-  z
+}, null, -1), z = [
+  S
 ];
-function A(a, i) {
-  return n(), b("svg", S, I);
+function I(r, a) {
+  return n(), p("svg", L, z);
 }
-const g = /* @__PURE__ */ B(L, [["render", A]]), j = {
+const m = /* @__PURE__ */ C(B, [["render", I]]), A = {
   variant: {
     type: String,
     default: "primary"
@@ -56,7 +56,7 @@ const g = /* @__PURE__ */ B(L, [["render", A]]), j = {
   iconAfter: {
     type: [Function, Object]
   }
-}, D = [
+}, j = [
   "relative inline-flex",
   "border",
   "items-center justify-center",
@@ -64,11 +64,11 @@ const g = /* @__PURE__ */ B(L, [["render", A]]), j = {
   "disabled:opacity-50 disabled:cursor-default",
   "focus:outline-none focus:ring-2 focus:ring-offset-2",
   "transition-colors duration-200"
-], O = {
+], D = {
   sm: ["px-2 py-1 text-sm"],
   md: ["px-3 py-2"],
   lg: ["px-4 py-3"]
-}, E = {
+}, O = {
   primary: ["rounded-md   border-transparent bg-primary-base disabled:bg-primary-hover text-sm text-white hover:bg-primary-hover focus:ring-primary-glow"],
   secondary: ["rounded-md border-primary-stroke bg-primary-body disabled:bg-primary-body-hover text-black text-sm hover:bg-primary-body-hover focus:ring-tertiary-glow"],
   info: ["rounded-md   border-transparent bg-info-base disabled:bg-info-hover text-white text-sm hover:bg-info-hover focus:ring-info-glow"],
@@ -78,57 +78,57 @@ const g = /* @__PURE__ */ B(L, [["render", A]]), j = {
   touch: ["rounded-full border-transparent text-black hover:bg-primary-body-hover hover:shadow p-3 text-sm focus:ring-tertiary-glow"],
   link: ["rounded-md   border-transparent items-center text-info-base hover:text-info-hover text-sm"],
   none: ["rounded-md   border-transparent text-gray-500"]
-}, F = (a = "primary", i = "md") => {
-  const o = [];
-  return o.push(...D), o.push(...E[a] ?? []), a !== "touch" && o.push(...O[i] ?? []), o;
-}, N = ["disabled", "title", "type"], P = /* @__PURE__ */ _({
+}, E = (r = "primary", a = "md") => {
+  const e = [];
+  return e.push(...j), e.push(...O[r] ?? []), r !== "touch" && e.push(...D[a] ?? []), e;
+}, F = ["disabled", "title", "type", "onClick"], M = /* @__PURE__ */ x({
   __name: "OneButton",
-  props: j,
+  props: A,
   emits: ["click"],
-  setup(a, { emit: i }) {
-    const o = i, s = a, h = () => {
-      o("click");
-    }, l = t(() => s.icon), c = t(() => s.iconAfter), f = t(() => {
-      const e = F(s.variant, s.size);
-      return s.variant === "touch" && s.active && e.push("bg-primary-body-active"), e;
-    }), y = t(() => s.disabled || s.isLoading), v = t(() => s.label && s.label.length > 0 && s.variant !== "touch"), w = t(() => {
-      const e = [
+  setup(r, { emit: a }) {
+    const e = r, g = () => {
+      a("click");
+    }, i = t(() => e.icon), l = t(() => e.iconAfter), h = t(() => {
+      const s = E(e.variant, e.size);
+      return e.variant === "touch" && e.active && s.push("bg-primary-body-active"), s;
+    }), f = t(() => e.disabled || e.isLoading), y = t(() => e.label && e.label.length > 0 && e.variant !== "touch"), v = t(() => {
+      const s = [
         "inline-block text-ellipsis overflow-hidden"
       ];
-      return l.value != null && e.push("ml-2"), c.value != null && e.push("mr-2"), e;
-    }), u = t(() => {
-      const e = [];
-      return s.size === "sm" ? e.push("w-3 h-3") : s.size === "lg" ? e.push("w-5 h-5") : e.push("w-4 h-4"), typeof s.iconClass == "string" ? e.push(s.iconClass) : s.iconClass instanceof Array && e.push(...s.iconClass), e;
+      return i.value != null && s.push("ml-2"), l.value != null && s.push("mr-2"), s;
+    }), c = t(() => {
+      const s = [];
+      return e.size === "sm" ? s.push("w-3 h-3") : e.size === "lg" ? s.push("w-5 h-5") : s.push("w-4 h-4"), typeof e.iconClass == "string" ? s.push(e.iconClass) : e.iconClass instanceof Array && s.push(...e.iconClass), s;
     });
-    return (e, V) => (n(), b("button", {
-      class: r(f.value),
-      disabled: y.value,
-      title: e.label,
-      type: e.isSubmit ? "submit" : "button",
-      onClick: k(h, ["stop"])
+    return (s, N) => (n(), p("button", {
+      class: o(h.value),
+      disabled: f.value,
+      title: s.label,
+      type: s.isSubmit ? "submit" : "button",
+      onClick: _(g, ["stop"])
     }, [
-      l.value != null && e.isLoading ? (n(), d(g, {
+      i.value != null && s.isLoading ? (n(), u(m, {
         key: 0,
-        class: r(u.value)
-      }, null, 8, ["class"])) : l.value != null ? (n(), d(m(l.value), {
+        class: o(c.value)
+      }, null, 8, ["class"])) : i.value != null ? (n(), u(b(i.value), {
         key: 1,
-        class: r(u.value)
-      }, null, 8, ["class"])) : p("", !0),
-      v.value ? (n(), b("span", {
+        class: o(c.value)
+      }, null, 8, ["class"])) : d("", !0),
+      y.value ? (n(), p("span", {
         key: 2,
-        class: r(w.value)
-      }, C(e.label), 3)) : p("", !0),
-      c.value != null && e.isLoading ? (n(), d(g, {
+        class: o(v.value)
+      }, k(s.label), 3)) : d("", !0),
+      l.value != null && s.isLoading ? (n(), u(m, {
         key: 3,
-        class: r(u.value)
-      }, null, 8, ["class"])) : c.value != null ? (n(), d(m(c.value), {
+        class: o(c.value)
+      }, null, 8, ["class"])) : l.value != null ? (n(), u(b(l.value), {
         key: 4,
-        class: r(u.value)
-      }, null, 8, ["class"])) : p("", !0)
-    ], 10, N));
+        class: o(c.value)
+      }, null, 8, ["class"])) : d("", !0)
+    ], 10, F));
   }
 });
 export {
-  g as S,
-  P as _
+  m as S,
+  M as _
 };

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./index-e804f148.cjs"),r=require("./card/index.cjs"),e=require("./form/index.cjs"),n=require("./OneBrowserMenu.vue_vue_type_script_setup_true_lang-4b350df0.cjs"),O=require("./dropdown/index.cjs"),a=require("./common/index.cjs");require("vue");require("./_plugin-vue_export-helper-f246444f.cjs");require("./XMarkIcon-f94baa4c.cjs");exports.OneButton=o._sfc_main;exports.OneCard=r.OneCard;exports.OneCardBody=r.OneCardBody;exports.OneCardFooter=r.OneCardFooter;exports.OneCardHeader=r.OneCardHeader;exports.OneForm=e.OneForm;exports.OneFormFeedback=e.OneFormFeedback;exports.OneFormField=e.OneFormField;exports.OneFormInput=e.OneFormInput;exports.OneFormLabel=e.OneFormLabel;exports.OneBrowserMenu=n._sfc_main$3;exports.OneDropdown=n._sfc_main;exports.OneDropdownItem=n._sfc_main$1;exports.OneUserMenu=n._sfc_main$2;exports.OneDropdownDivider=O.OneDropdownDivider;exports.OneAvatar=a.OneAvatar;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./index-3615f53c.cjs"),r=require("./card/index.cjs"),e=require("./form/index.cjs"),n=require("./OneBrowserMenu.vue_vue_type_script_setup_true_lang-562e2fdb.cjs"),O=require("./dropdown/index.cjs"),a=require("./common/index.cjs");require("vue");require("./_plugin-vue_export-helper-f246444f.cjs");require("./XMarkIcon-f94baa4c.cjs");exports.OneButton=o._sfc_main;exports.OneCard=r.OneCard;exports.OneCardBody=r.OneCardBody;exports.OneCardFooter=r.OneCardFooter;exports.OneCardHeader=r.OneCardHeader;exports.OneForm=e.OneForm;exports.OneFormFeedback=e.OneFormFeedback;exports.OneFormField=e.OneFormField;exports.OneFormInput=e.OneFormInput;exports.OneFormLabel=e.OneFormLabel;exports.OneBrowserMenu=n._sfc_main$3;exports.OneDropdown=n._sfc_main;exports.OneDropdownItem=n._sfc_main$1;exports.OneUserMenu=n._sfc_main$2;exports.OneDropdownDivider=O.OneDropdownDivider;exports.OneAvatar=a.OneAvatar;