@oneb/ui-vue 0.0.21 → 0.0.22

package/dist/form/index.js

@@ -1,5 +1,6 @@
-import { inject as _, computed as t, defineComponent as g, provide as E, openBlock as l, createElementBlock as a, withModifiers as A, renderSlot as C, unref as d, createTextVNode as L, toDisplayString as h, Fragment as $, renderList as V, createCommentVNode as v, createElementVNode as c, ref as q, onMounted as P, normalizeClass as b, createBlock as k, resolveDynamicComponent as z, createVNode as O } from "vue";
-const D = {
+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
@@ -8,7 +9,7 @@ const D = {
     type: Object,
     required: !1
   }
-}, T = {
+}, G = {
   id: {
     type: String,
     required: !1
@@ -30,7 +31,7 @@ const D = {
     type: Array,
     required: !1
   }
-}, G = {
+}, H = {
   name: {
     type: String,
     required: !1
@@ -39,12 +40,12 @@ const D = {
     type: Array,
     required: !1
   }
-}, H = {
+}, J = {
   label: {
     type: String,
     required: !1
   }
-}, J = {
+}, K = {
   id: {
     type: String,
     required: !1
@@ -115,7 +116,7 @@ const D = {
     })
   }),
   !0
-), B = () => _(
+), S = () => _(
   "BaseFormField",
   () => ({
     inputId: t(() => {
@@ -125,56 +126,56 @@ const D = {
     hasError: t(() => !1)
   }),
   !0
-), K = ["onSubmit", "id"], he = /* @__PURE__ */ g({
+), Q = ["onSubmit", "id"], he = /* @__PURE__ */ g({
   __name: "OneForm",
-  props: D,
+  props: T,
   emits: ["submit"],
-  setup(i, { emit: n }) {
-    const r = i;
+  setup(u, { emit: a }) {
+    const r = u;
     E("BaseForm", {
       formId: t(() => r.id),
       validation: t(() => r.validation)
     });
-    const u = () => {
-      n("submit");
+    const i = () => {
+      a("submit");
     };
-    return (s, o) => (l(), a("form", {
-      onSubmit: A(u, ["prevent"]),
+    return (s, o) => (l(), n("form", {
+      onSubmit: L(i, ["prevent"]),
       id: s.id,
       class: "space-y-3"
     }, [
       C(s.$slots, "default")
-    ], 40, K));
+    ], 40, Q));
   }
-}), Q = ["for"], R = /* @__PURE__ */ g({
+}), R = ["for"], U = /* @__PURE__ */ g({
   __name: "OneFormLabel",
-  props: H,
-  setup(i) {
-    const { inputId: n } = B();
-    return (r, u) => (l(), a("label", {
-      for: d(n),
+  props: J,
+  setup(u) {
+    const { inputId: a } = S();
+    return (r, i) => (l(), n("label", {
+      for: d(a),
       class: "block text-sm font-medium text-primary-content select-none"
     }, [
       C(r.$slots, "default", {}, () => [
-        L(h(r.label), 1)
+        M(v(r.label), 1)
       ])
-    ], 8, Q));
+    ], 8, R));
   }
-}), U = {
+}), W = {
   key: 0,
   class: "text-danger-content text-xs space-y-1"
-}, W = /* @__PURE__ */ g({
+}, X = /* @__PURE__ */ g({
   __name: "OneFormFeedback",
-  props: G,
-  setup(i) {
-    const n = i, { validation: r } = I(), { inputName: u } = B(), s = t(() => u.value == null && n.name == null ? n.errors ?? [] : r.value == null ? n.errors ?? [] : (r.value ?? {})[n.name || u.value] ?? n.errors ?? []);
-    return (o, m) => s.value.length > 0 ? (l(), a("div", U, [
-      (l(!0), a($, null, V(s.value, (f) => (l(), a("div", { key: f }, h(f), 1))), 128))
-    ])) : v("", !0);
+  props: H,
+  setup(u) {
+    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 X(i, n) {
-  return l(), a("svg", {
+function Y(u, a) {
+  return l(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -182,20 +183,20 @@ function X(i, n) {
     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 Y(i, n) {
-  return l(), a("svg", {
+function Z(u, a) {
+  return l(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -203,33 +204,17 @@ function Y(i, n) {
     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"
     })
   ]);
 }
-function Z(i, n) {
-  return l(), a("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    fill: "none",
-    viewBox: "0 0 24 24",
-    "stroke-width": "1.8",
-    stroke: "currentColor",
-    "aria-hidden": "true"
-  }, [
-    c("path", {
-      "stroke-linecap": "round",
-      "stroke-linejoin": "round",
-      d: "M6 18L18 6M6 6l12 12"
-    })
-  ]);
-}
-const x = ["id", "disabled"], ee = ["selected"], re = ["selected", "value"], le = ["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"
-}, ae = ["type", "name", "id", "disabled", "readonly", "checked"], oe = ["for"], te = {
+}, ne = ["type", "name", "id", "disabled", "readonly", "checked"], oe = ["for"], te = {
   key: 3,
   class: "w-full space-y-1"
 }, se = ["name", "id", "value", "disabled", "readonly", "checked"], de = ["for"], ie = {
@@ -237,21 +222,21 @@ const x = ["id", "disabled"], ee = ["selected"], re = ["selected", "value"], le
   class: "relative"
 }, 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: J,
+  props: K,
   emits: ["update:modelValue"],
-  setup(i, { emit: n }) {
-    const r = i, { inputId: u, inputName: s, hasError: o } = B(), m = q(null), f = q(!1);
+  setup(u, { emit: a }) {
+    const r = u, { inputId: i, inputName: s, hasError: o } = S(), c = q(null), y = q(!1);
     P(() => {
-      r.autofocus && m.value && m.value.focus();
+      r.autofocus && c.value && c.value.focus();
     });
-    const j = t(() => r.modelValue != null && r.modelValue !== ""), y = t(() => {
+    const j = t(() => r.modelValue != null && r.modelValue !== ""), f = t(() => {
       if (r.id)
         return r.id;
-      const e = (u == null ? void 0 : u.value) || "";
+      const e = (i == null ? void 0 : i.value) || "";
       return r.name ? `${e}-${r.name}` : e || "";
-    }), M = () => {
-      n("update:modelValue", "");
-    }, N = t(() => {
+    }), N = () => {
+      a("update:modelValue", "");
+    }, A = t(() => {
       const e = {
         "shadow-sm": r.type !== "range",
         "border-danger-base": o.value || r.invalid,
@@ -267,13 +252,13 @@ const x = ["id", "disabled"], ee = ["selected"], re = ["selected", "value"], le
         e[F] = !0;
       })), e;
     }), w = (e) => {
-      r.type === "checkbox" ? n("update:modelValue", e.target.checked) : n("update:modelValue", e.target.value);
+      r.type === "checkbox" ? a("update:modelValue", e.target.checked) : a("update:modelValue", e.target.value);
     };
-    return (e, F) => e.type === "select" ? (l(), a("select", {
+    return (e, F) => e.type === "select" ? (l(), n("select", {
       key: 0,
-      id: y.value,
+      id: f.value,
       ref_key: "inputElement",
-      ref: m,
+      ref: c,
       class: b(["border border-primary-stroke px-3 w-full", {
         "border-danger-base": d(o) || e.invalid,
         "text-secondary-content": e.modelValue === "" || e.modelValue == null,
@@ -285,21 +270,21 @@ const x = ["id", "disabled"], ee = ["selected"], re = ["selected", "value"], le
       }]),
       disabled: e.disabled
     }, [
-      e.placeholder ? (l(), a("option", {
+      e.placeholder ? (l(), n("option", {
         key: 0,
         selected: e.modelValue === "" || e.modelValue == null,
         disabled: "",
         hidden: ""
-      }, h(e.placeholder), 9, ee)) : v("", !0),
-      (l(!0), a($, null, V(e.options, (p) => (l(), a("option", {
+      }, 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
-      }, h(p.value), 9, re))), 128))
-    ], 10, x)) : e.type === "textarea" ? (l(), a("textarea", {
+      }, v(p.value), 9, re))), 128))
+    ], 10, x)) : e.type === "textarea" ? (l(), n("textarea", {
       key: 1,
       name: e.name || d(s),
-      id: y.value,
+      id: f.value,
       value: e.modelValue,
       onInput: w,
       rows: "3",
@@ -315,12 +300,12 @@ const x = ["id", "disabled"], ee = ["selected"], re = ["selected", "value"], le
       disabled: e.disabled,
       readonly: e.readonly,
       ref_key: "inputElement",
-      ref: m
-    }, null, 42, le)) : e.type === "checkbox" ? (l(), a("div", ne, [
-      c("input", {
+      ref: c
+    }, null, 42, le)) : e.type === "checkbox" ? (l(), n("div", ae, [
+      m("input", {
         type: e.type,
         name: e.name || d(s),
-        id: y.value,
+        id: f.value,
         value: !0,
         onInput: w,
         disabled: e.disabled,
@@ -330,21 +315,21 @@ const x = ["id", "disabled"], ee = ["selected"], re = ["selected", "value"], le
         }]),
         checked: e.modelValue === !0,
         ref_key: "inputElement",
-        ref: m
-      }, null, 42, ae),
-      c("label", {
-        for: y.value,
+        ref: c
+      }, null, 42, ne),
+      m("label", {
+        for: f.value,
         class: "text-primary-content select-none"
-      }, h(e.placeholder), 9, oe)
-    ])) : e.type === "radio" ? (l(), a("div", te, [
-      (l(!0), a($, null, V(e.options, (p, S) => (l(), a("div", {
+      }, 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 || d(s),
-          id: `${y.value}-${S}`,
+          id: `${f.value}-${B}`,
           value: p.key,
           onInput: w,
           disabled: e.disabled,
@@ -355,93 +340,93 @@ const x = ["id", "disabled"], ee = ["selected"], re = ["selected", "value"], le
           checked: p.key === e.modelValue,
           ref_for: !0,
           ref_key: "inputElement",
-          ref: m
+          ref: c
         }, null, 42, se),
-        c("label", {
-          for: `${y.value}-${S}`,
+        m("label", {
+          for: `${f.value}-${B}`,
           class: "text-primary-content select-none"
-        }, h(p.value), 9, de)
+        }, v(p.value), 9, de)
       ]))), 128))
-    ])) : (l(), a("div", ie, [
-      c("div", ue, [
+    ])) : (l(), n("div", ie, [
+      m("div", ue, [
         e.icon ? (l(), k(z(e.icon), {
           key: 0,
           class: "w-5 h-5 text-primary-content"
-        })) : v("", !0)
+        })) : h("", !0)
       ]),
-      c("input", {
-        type: f.value ? "text" : e.type,
+      m("input", {
+        type: y.value ? "text" : e.type,
         name: e.name || d(s),
-        id: y.value,
+        id: f.value,
         value: e.modelValue,
         onInput: w,
         placeholder: e.placeholder,
         disabled: e.disabled,
         readonly: e.readonly,
-        class: b(["border border-primary-stroke w-full px-3 placeholder-gray-400", N.value]),
+        class: b(["border border-primary-stroke w-full px-3 placeholder-gray-400", A.value]),
         ref_key: "inputElement",
-        ref: m
+        ref: c
       }, null, 42, pe),
-      e.clearable && j.value ? (l(), a("div", {
+      e.clearable && j.value ? (l(), n("div", {
         key: 0,
-        onClick: M,
+        onClick: N,
         class: "absolute p-2 px-3 rounded-md h-full flex items-center right-0 top-0 hover:cursor-pointer select-none"
       }, [
-        O(d(Z), { class: "w-5 h-5 text-secondary-content hover:text-primary-base" })
-      ])) : e.type === "password" ? (l(), a("div", {
+        O(d(D), { class: "w-5 h-5 text-secondary-content hover:text-primary-base" })
+      ])) : e.type === "password" ? (l(), n("div", {
         key: 1,
-        onClick: F[0] || (F[0] = (p) => f.value = !f.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"
       }, [
-        f.value ? (l(), k(d(Y), {
+        y.value ? (l(), k(d(Z), {
           key: 0,
           class: "w-5 h-5 text-primary-content hover:text-primary-base"
-        })) : (l(), k(d(X), {
+        })) : (l(), k(d(Y), {
           key: 1,
           class: "w-5 h-5 text-secondary-content hover:text-primary-base"
         }))
-      ])) : v("", !0)
+      ])) : h("", !0)
     ]));
   }
-}), me = { class: "space-y-1" }, fe = {
+}), me = { class: "space-y-1" }, ye = {
   key: 2,
   class: "text-xs text-secondary-content select-none"
-}, ve = /* @__PURE__ */ g({
+}, be = /* @__PURE__ */ g({
   __name: "OneFormField",
-  props: T,
-  setup(i) {
-    const n = i, { formId: r, validation: u } = I(), s = t(
-      () => n.errors != null && n.errors.length > 0 ? !0 : n.name == null ? !1 : (u.value ?? {})[n.name] != null
+  props: G,
+  setup(u) {
+    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 E("BaseFormField", {
       inputId: t(() => {
         const o = r.value || "form";
-        if (n.id != null)
-          return `${o}-${n.id}`;
-        if (n.name != null)
-          return `${o}-field-${n.name}`;
+        if (a.id != null)
+          return `${o}-${a.id}`;
+        if (a.name != null)
+          return `${o}-field-${a.name}`;
       }),
-      inputName: t(() => n.name),
+      inputName: t(() => a.name),
       hasError: s
-    }), (o, m) => (l(), a("div", me, [
-      o.label ? (l(), k(R, {
+    }), (o, c) => (l(), n("div", me, [
+      o.label ? (l(), k(U, {
         key: 0,
         label: o.label
-      }, null, 8, ["label"])) : v("", !0),
+      }, null, 8, ["label"])) : h("", !0),
       C(o.$slots, "default", {}, () => [
         O(ce)
       ]),
-      s.value ? (l(), k(W, {
+      s.value ? (l(), k(X, {
         key: 1,
         errors: o.errors
-      }, null, 8, ["errors"])) : o.hint.length > 0 ? (l(), a("p", fe, h(o.hint), 1)) : v("", !0)
+      }, null, 8, ["errors"])) : o.hint.length > 0 ? (l(), n("p", ye, v(o.hint), 1)) : h("", !0)
     ]));
   }
 });
 export {
   he as OneForm,
-  W as OneFormFeedback,
-  ve as OneFormField,
+  X as OneFormFeedback,
+  be as OneFormField,
   ce as OneFormInput,
-  R as OneFormLabel
+  U as OneFormLabel
 };

package/dist/index-7ea12e26.js

@@ -0,0 +1,124 @@
+import { openBlock as n, createElementBlock as a, createElementVNode as f, defineComponent as y, computed as t, normalizeClass as i, withModifiers as v, createBlock as d, resolveDynamicComponent as w, createCommentVNode as u, toDisplayString as x } from "vue";
+import { _ } from "./_plugin-vue_export-helper-dad06003.js";
+const k = {}, C = {
+  class: "spinner",
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24",
+  style: { animation: "one-sp-ico-rot 2.7s linear infinite" }
+}, B = /* @__PURE__ */ f("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), L = [
+  B
+];
+function S(o, r) {
+  return n(), a("svg", C, L);
+}
+const z = /* @__PURE__ */ _(k, [["render", S]]), I = {
+  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]
+  }
+}, D = [
+  "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"
+], j = {
+  sm: ["px-2 py-1 text-sm"],
+  md: ["px-3 py-2"],
+  lg: ["px-4 py-3"]
+}, A = {
+  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"]
+}, E = (o = "primary", r = "md") => {
+  const e = [];
+  return e.push(...D), e.push(...A[o] ?? []), o !== "touch" && e.push(...j[r] ?? []), e;
+}, N = ["disabled", "title", "type", "onClick"], F = /* @__PURE__ */ y({
+  __name: "OneButton",
+  props: I,
+  emits: ["click"],
+  setup(o, { emit: r }) {
+    const e = o, p = () => {
+      r("click");
+    }, l = t(() => e.icon), b = t(() => {
+      const s = E(e.variant, e.size);
+      return e.variant === "touch" && e.active && s.push("bg-primary-body-active"), s;
+    }), g = t(() => e.disabled || e.isLoading), m = t(() => e.label && e.label.length > 0 && e.variant !== "touch"), h = t(() => {
+      const s = [
+        "inline-block text-ellipsis overflow-hidden"
+      ];
+      return (e.icon != null || e.isLoading) && s.push("ml-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 (s, O) => (n(), a("button", {
+      class: i(b.value),
+      disabled: g.value,
+      title: s.label,
+      type: s.isSubmit ? "submit" : "button",
+      onClick: v(p, ["stop"])
+    }, [
+      s.isLoading ? (n(), d(z, {
+        key: 0,
+        class: i(c.value)
+      }, null, 8, ["class"])) : l.value != null ? (n(), d(w(l.value), {
+        key: 1,
+        class: i(c.value)
+      }, null, 8, ["class"])) : u("", !0),
+      m.value ? (n(), a("span", {
+        key: 2,
+        class: i(h.value)
+      }, x(s.label), 3)) : u("", !0)
+    ], 10, N));
+  }
+});
+export {
+  z as S,
+  F as _
+};

package/dist/index-8152bae6.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),m=require("./_plugin-vue_export-helper-f246444f.cjs");const b={},g={class:"spinner",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",style:{animation:"one-sp-ico-rot 2.7s linear infinite"}},h=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),f=[h];function y(o,n){return e.openBlock(),e.createElementBlock("svg",g,f)}const a=m._export_sfc(b,[["render",y]]),v={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]}},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"],_={sm:["px-2 py-1 text-sm"],md:["px-3 py-2"],lg:["px-4 py-3"]},x={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"]},k=(o="primary",n="md")=>{const s=[];return s.push(...w),s.push(...x[o]??[]),o!=="touch"&&s.push(..._[n]??[]),s},C=["disabled","title","type","onClick"],B=e.defineComponent({__name:"OneButton",props:v,emits:["click"],setup(o,{emit:n}){const s=o,l=()=>{n("click")},r=e.computed(()=>s.icon),c=e.computed(()=>{const t=k(s.variant,s.size);return s.variant==="touch"&&s.active&&t.push("bg-primary-body-active"),t}),d=e.computed(()=>s.disabled||s.isLoading),u=e.computed(()=>s.label&&s.label.length>0&&s.variant!=="touch"),p=e.computed(()=>{const t=["inline-block text-ellipsis overflow-hidden"];return(s.icon!=null||s.isLoading)&&t.push("ml-2"),t}),i=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(c.value),disabled:d.value,title:t.label,type:t.isSubmit?"submit":"button",onClick:e.withModifiers(l,["stop"])},[t.isLoading?(e.openBlock(),e.createBlock(a,{key:0,class:e.normalizeClass(i.value)},null,8,["class"])):r.value!=null?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(r.value),{key:1,class:e.normalizeClass(i.value)},null,8,["class"])):e.createCommentVNode("",!0),u.value?(e.openBlock(),e.createElementBlock("span",{key:2,class:e.normalizeClass(p.value)},e.toDisplayString(t.label),3)):e.createCommentVNode("",!0)],10,C))}});exports.SpinnerIcon=a;exports._sfc_main=B;

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./button/index.cjs"),r=require("./card/index.cjs"),e=require("./form/index.cjs"),n=require("./OneBrowserMenu.vue_vue_type_script_setup_true_lang-24874222.cjs"),O=require("./dropdown/index.cjs"),t=require("./common/index.cjs");require("vue");require("./_plugin-vue_export-helper-f246444f.cjs");exports.OneButton=o.OneButton;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=t.OneAvatar;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./index-8152bae6.cjs"),r=require("./card/index.cjs"),e=require("./form/index.cjs"),n=require("./OneBrowserMenu.vue_vue_type_script_setup_true_lang-2e7f7f88.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;

package/dist/index.js

@@ -1,26 +1,27 @@
-import { OneButton as O } from "./button/index.js";
-import { OneCard as m, OneCardBody as t, OneCardFooter as d, OneCardHeader as p } from "./card/index.js";
-import { OneForm as f, OneFormFeedback as s, OneFormField as x, OneFormInput as i, OneFormLabel as u } from "./form/index.js";
-import { c as C, _ as D, a as b, b as B } from "./OneBrowserMenu.vue_vue_type_script_setup_true_lang-197489be.js";
-import { OneDropdownDivider as l } from "./dropdown/index.js";
-import { OneAvatar as I } from "./common/index.js";
+import { _ as a } from "./index-7ea12e26.js";
+import { OneCard as t, OneCardBody as p, OneCardFooter as d, OneCardHeader as F } from "./card/index.js";
+import { OneForm as f, OneFormFeedback as i, OneFormField as x, OneFormInput as u, OneFormLabel as w } from "./form/index.js";
+import { c as D, _ as b, a as B, b as c } from "./OneBrowserMenu.vue_vue_type_script_setup_true_lang-33d037e7.js";
+import { OneDropdownDivider as v } from "./dropdown/index.js";
+import { OneAvatar as M } from "./common/index.js";
 import "vue";
 import "./_plugin-vue_export-helper-dad06003.js";
+import "./XMarkIcon-51ef0691.js";
 export {
-  I as OneAvatar,
-  C as OneBrowserMenu,
-  O as OneButton,
-  m as OneCard,
-  t as OneCardBody,
+  M as OneAvatar,
+  D as OneBrowserMenu,
+  a as OneButton,
+  t as OneCard,
+  p as OneCardBody,
   d as OneCardFooter,
-  p as OneCardHeader,
-  D as OneDropdown,
-  l as OneDropdownDivider,
-  b as OneDropdownItem,
+  F as OneCardHeader,
+  b as OneDropdown,
+  v as OneDropdownDivider,
+  B as OneDropdownItem,
   f as OneForm,
-  s as OneFormFeedback,
+  i as OneFormFeedback,
   x as OneFormField,
-  i as OneFormInput,
-  u as OneFormLabel,
-  B as OneUserMenu
+  u as OneFormInput,
+  w as OneFormLabel,
+  c as OneUserMenu
 };