sprintify-ui 0.0.169 → 0.0.171

package/dist/sprintify-ui.es.js

@@ -1,5 +1,5 @@
 import su from "axios";
-import { defineComponent as be, inject as it, resolveComponent as st, openBlock as R, createBlock as Te, withCtx as ge, createElementVNode as q, normalizeClass as de, withModifiers as an, renderSlot as Ae, createElementBlock as X, createCommentVNode as ke, toDisplayString as Se, createVNode as he, Transition as Pt, ref as le, computed as Y, provide as Ge, readonly as _o, unref as I, Fragment as Ve, createTextVNode as en, withDirectives as pt, isRef as Sn, vModelText as Nr, mergeProps as Yt, onMounted as tt, watchEffect as zt, renderList as Qe, nextTick as ct, h as ht, watch as Ze, onBeforeUnmount as Dn, Teleport as ar, TransitionGroup as kl, normalizeStyle as ft, vModelSelect as Ar, normalizeProps as Tt, guardReactiveProps as Mt, vShow as cn, resolveDynamicComponent as Hn, cloneVNode as uu, onUnmounted as bn, reactive as cu, withKeys as Da, useSlots as fu, createStaticVNode as _l, getCurrentInstance as du, pushScopeId as hu, popScopeId as pu, createSlots as mu } from "vue";
+import { defineComponent as be, inject as it, resolveComponent as st, openBlock as R, createBlock as Te, withCtx as ge, createElementVNode as q, normalizeClass as de, withModifiers as an, renderSlot as Ae, createElementBlock as X, createCommentVNode as ke, toDisplayString as Se, createVNode as he, Transition as Pt, ref as le, computed as Y, provide as Ge, readonly as _o, unref as I, Fragment as Ve, createTextVNode as en, withDirectives as pt, isRef as Sn, vModelText as Nr, mergeProps as Yt, onMounted as et, watchEffect as zt, renderList as Qe, nextTick as ct, h as ht, watch as Ze, onBeforeUnmount as Dn, Teleport as ar, TransitionGroup as kl, normalizeStyle as ft, vModelSelect as Ar, normalizeProps as Tt, guardReactiveProps as Mt, vShow as cn, resolveDynamicComponent as Hn, cloneVNode as uu, onUnmounted as bn, reactive as cu, withKeys as Da, useSlots as fu, createStaticVNode as _l, getCurrentInstance as du, pushScopeId as hu, popScopeId as pu, createSlots as mu } from "vue";
 import { isNumber as Bo, round as Xn, get as Nn, isEqual as Mi, isArray as mt, cloneDeep as St, isObject as Dr, isString as No, throttle as Do, debounce as En, truncate as vu, trim as ta, padStart as po, range as Tn, merge as La, set as hi, isPlainObject as gu, capitalize as yu, uniqueId as bu } from "lodash";
 import Pa from "qs";
 import { useI18n as fn, createI18n as wu } from "vue-i18n";
@@ -159,7 +159,6 @@ function Lu(t, i) {
   ]);
 }
 const Pu = /* @__PURE__ */ $t(Nu, [["render", Lu]]), $u = be({
-  components: { BaseIcon: et },
   props: {
     required: {
       default: !1,
@@ -184,28 +183,22 @@ const Pu = /* @__PURE__ */ $t(Nu, [["render", Lu]]), $u = be({
     };
   }
 }), ju = {
-  key: 1,
+  key: 0,
   class: "ml-0.5 text-red-600"
 }, qu = {
   key: 0,
   class: "pointer-events-none absolute bottom-[100%] left-0 z-[1] w-auto max-w-[300px]"
 }, Ru = { class: "relative bottom-1 rounded-md bg-slate-700 py-1 px-2 text-xs leading-tight text-white" };
 function Fu(t, i, e, r, o, a) {
-  const l = st("BaseIcon");
   return R(), X("label", {
     class: de(t.classes)
   }, [
     q("div", {
       class: de(["relative", [t.help ? "cursor-help" : "cursor-default"]]),
-      onMouseenter: i[0] || (i[0] = (c) => t.showTooltip = !0),
-      onMouseleave: i[1] || (i[1] = (c) => t.showTooltip = !1)
+      onMouseenter: i[0] || (i[0] = (l) => t.showTooltip = !0),
+      onMouseleave: i[1] || (i[1] = (l) => t.showTooltip = !1)
     }, [
       q("span", null, Se(t.label), 1),
-      t.help ? (R(), Te(l, {
-        key: 0,
-        class: "relative bottom-px ml-1 inline h-4 w-4 text-slate-400",
-        icon: "heroicons:question-mark-circle-20-solid"
-      })) : ke("", !0),
       t.required ? (R(), X("span", ju, " *")) : ke("", !0),
       he(Pt, {
         "enter-active-class": "transition duration-200 ease-out",
@@ -819,7 +812,7 @@ const Ra = /* @__PURE__ */ new WeakMap(), Fa = (t) => {
         key: 0,
         class: de(["flex shrink-0 items-center justify-center rounded-l border-r px-3 transition-colors", [I(d), I(w), I(b)]])
       }, [
-        he(I(et), { icon: t.iconLeft }, null, 8, ["icon"])
+        he(I(nt), { icon: t.iconLeft }, null, 8, ["icon"])
       ], 2)) : ke("", !0),
       t.prefix ? (R(), X("div", {
         key: 1,
@@ -880,7 +873,7 @@ const Ra = /* @__PURE__ */ new WeakMap(), Fa = (t) => {
         key: 6,
         class: de(["flex shrink-0 items-center justify-center rounded-r border-l px-3 transition-colors", [I(d), I(w), I(b)]])
       }, [
-        he(I(et), { icon: t.iconRight }, null, 8, ["icon"])
+        he(I(nt), { icon: t.iconRight }, null, 8, ["icon"])
       ], 2)) : ke("", !0)
     ], 2));
   }
@@ -942,7 +935,7 @@ const Ra = /* @__PURE__ */ new WeakMap(), Fa = (t) => {
         f.value = d();
       },
       { attributes: !1, childList: !0 }
-    ), tt(() => {
+    ), et(() => {
       f.value = d();
     });
     function d() {
@@ -1027,7 +1020,7 @@ const Ra = /* @__PURE__ */ new WeakMap(), Fa = (t) => {
         const d = St(e.modelValue ?? {});
         return d.address_1 = d.address_1 ?? "", d.address_2 = d.address_2 ?? "", d.city = d.city ?? "", d.postal_code = d.postal_code ?? "", d.country = d.country ?? "", d.region = d.region ?? "", d;
       }
-    ), o = Y(() => e.countries && mt(e.countries) && e.countries.length ? e.countries : nt.countries), a = Y(() => e.regions && mt(e.regions) && e.regions.length ? e.regions : nt.regions), l = Y(() => a.value.filter(
+    ), o = Y(() => e.countries && mt(e.countries) && e.countries.length ? e.countries : tt.countries), a = Y(() => e.regions && mt(e.regions) && e.regions.length ? e.regions : tt.regions), l = Y(() => a.value.filter(
       (d) => d.country_id == r.value.country
     )), c = Y(() => e.prefix ? e.prefix + "." : "");
     function u(d, w) {
@@ -1041,7 +1034,7 @@ const Ra = /* @__PURE__ */ new WeakMap(), Fa = (t) => {
       }
     );
     let h = null;
-    tt(() => {
+    et(() => {
       window.google && f.value && (h = new window.google.maps.places.Autocomplete(
         f.value,
         {
@@ -1107,6 +1100,7 @@ const Ra = /* @__PURE__ */ new WeakMap(), Fa = (t) => {
             placeholder: d.$t("sui.address_1_placeholder"),
             class: "w-full",
             "prevent-submit": "",
+            name: "address_search_field",
             autocomplete: !1,
             required: !1,
             "onUpdate:modelValue": w[0] || (w[0] = (b) => u("address_1", b))
@@ -1181,22 +1175,20 @@ const Ra = /* @__PURE__ */ new WeakMap(), Fa = (t) => {
         }, 8, ["label", "name"]),
         he(Mn, {
           label: d.$t("sui.region"),
-          name: `${I(c)}country`,
+          name: `${I(c)}region`,
           required: "",
           class: "mb-4 flex-1"
         }, {
           default: ge(() => [
             he(Ii, {
               "model-value": I(r).region ?? "",
-              label: d.$t("sui.region"),
-              name: `${I(c)}region`,
               class: "w-full",
               required: "",
               options: I(l),
               "label-key": "name",
               "value-key": "id",
               "onUpdate:modelValue": w[5] || (w[5] = (b) => u("region", b))
-            }, null, 8, ["model-value", "label", "name", "options"])
+            }, null, 8, ["model-value", "options"])
           ]),
           _: 1
         }, 8, ["label", "name"])
@@ -2314,7 +2306,7 @@ if (typeof document < "u" && typeof window < "u") {
 const uf = {
   ...Po,
   body: ""
-}, et = be({
+}, nt = be({
   inheritAttrs: !1,
   data() {
     return {
@@ -2401,7 +2393,7 @@ const uf = {
   emits: ["cancel", "confirm"],
   setup(t) {
     const i = le(null);
-    return tt(() => {
+    return et(() => {
       i.value && i.value.focus();
     }), (e, r) => (R(), X("div", cf, [
       q("div", ff, [
@@ -2413,19 +2405,19 @@ const uf = {
             "bg-green-100": t.color == "success"
           }])
         }, [
-          t.color == "danger" ? (R(), Te(I(et), {
+          t.color == "danger" ? (R(), Te(I(nt), {
             key: 0,
             class: "h-6 w-6 text-red-600",
             icon: "heroicons:exclamation-triangle-20-solid"
-          })) : t.color == "warning" ? (R(), Te(I(et), {
+          })) : t.color == "warning" ? (R(), Te(I(nt), {
             key: 1,
             class: "h-6 w-6 text-yellow-600",
             icon: "heroicons:exclamation-triangle-20-solid"
-          })) : t.color == "success" ? (R(), Te(I(et), {
+          })) : t.color == "success" ? (R(), Te(I(nt), {
             key: 2,
             class: "h-6 w-6 text-green-600",
             icon: "heroicons:check-circle-20-solid"
-          })) : (R(), Te(I(et), {
+          })) : (R(), Te(I(nt), {
             key: 3,
             class: "h-6 w-6 text-primary-600",
             icon: "heroicons:information-circle-20-solid"
@@ -2473,8 +2465,8 @@ const uf = {
         color: t.color ?? "info",
         title: t.title,
         message: t.message,
-        confirmText: t.confirmText ?? nt.i18n.global.t("sui.confirm"),
-        cancelText: t.cancelText ?? nt.i18n.global.t("sui.cancel"),
+        confirmText: t.confirmText ?? tt.i18n.global.t("sui.confirm"),
+        cancelText: t.cancelText ?? tt.i18n.global.t("sui.cancel"),
         closeOnOutsideClick: t.closeOnOutsideClick ?? !0,
         onConfirm: t.onConfirm ?? function() {
         },
@@ -3322,7 +3314,7 @@ const Vl = /* @__PURE__ */ $t(Bf, [["render", Pf]]), $f = { class: "relative w-f
         }
       }
     }
-    tt(() => {
+    et(() => {
       _u(
         o.value,
         () => {
@@ -3414,7 +3406,7 @@ const Vl = /* @__PURE__ */ $t(Bf, [["render", Pf]]), $f = { class: "relative w-f
                 }, [
                   q("div", Ff, Se(m.label), 1),
                   q("div", zf, [
-                    p(m) ? (R(), Te(I(et), {
+                    p(m) ? (R(), Te(I(nt), {
                       key: 0,
                       icon: "heroicons:check-20-solid",
                       class: de(I(g))
@@ -3715,7 +3707,7 @@ const Vl = /* @__PURE__ */ $t(Bf, [["render", Pf]]), $f = { class: "relative w-f
             q("div", {
               class: de(["pointer-events-none absolute top-0 left-0 flex h-full items-center justify-center", [I(ce)]])
             }, [
-              he(I(et), {
+              he(I(nt), {
                 class: de(["text-slate-400", [I(Z)]]),
                 icon: "heroicons:magnifying-glass-solid"
               }, null, 8, ["class"])
@@ -3728,7 +3720,7 @@ const Vl = /* @__PURE__ */ $t(Bf, [["render", Pf]]), $f = { class: "relative w-f
             class: "group flex h-full items-center rounded p-1.5 enabled:hover:bg-slate-100",
             onClick: P[1] || (P[1] = (D) => S())
           }, [
-            he(I(et), {
+            he(I(nt), {
               icon: "heroicons:x-mark",
               class: de(["text-slate-500 group-hover:text-slate-700", [I(Z)]])
             }, null, 8, ["class"])
@@ -3898,7 +3890,7 @@ const nd = {
       }
     );
     function n() {
-      a.value || (a.value = !0, o.value = !0, nt.http.get(r.url, {
+      a.value || (a.value = !0, o.value = !0, tt.http.get(r.url, {
         params: {
           [r.queryKey]: c.value,
           page: u.value
@@ -4819,7 +4811,7 @@ const Ad = /* @__PURE__ */ be({
       class: de(["inline-flex items-center rounded-full font-medium", [I(r)]]),
       style: ft(I(e))
     }, [
-      t.icon ? (R(), Te(I(et), {
+      t.icon ? (R(), Te(I(nt), {
         key: 0,
         icon: t.icon,
         class: de(I(o))
@@ -4909,7 +4901,7 @@ const Ad = /* @__PURE__ */ be({
   },
   emits: ["update:modelValue"],
   setup(t, { expose: i, emit: e }) {
-    const r = t, o = nt.http, a = le(null), l = le(r.currentModel);
+    const r = t, o = tt.http, a = le(null), l = le(r.currentModel);
     Ze(
       () => r.currentModel,
       (u, p) => {
@@ -5254,7 +5246,7 @@ const Hd = /* @__PURE__ */ $t(Rd, [["render", Vd]]), Kd = ["type", "disabled", "
   },
   setup(t) {
     const i = le(1), e = le(0), r = le(null);
-    tt(() => {
+    et(() => {
       window.addEventListener("resize", o), a();
     }), Dn(() => {
       window.removeEventListener("resize", o);
@@ -6637,7 +6629,7 @@ function al(t, i) {
 }
 function os(t, i) {
   let e = le(al(t.value.type, t.value.as));
-  return tt(() => {
+  return et(() => {
     e.value = al(t.value.type, t.value.as);
   }), zt(() => {
     var r;
@@ -6885,7 +6877,7 @@ function Ah({ ownerDocument: t }, i) {
   function o() {
     !e.value || (Un(e.value), e.value = null);
   }
-  tt(() => {
+  et(() => {
     Ze(i, (a, l) => {
       a !== l && (a ? r() : o());
     }, { immediate: !0 });
@@ -6893,7 +6885,7 @@ function Ah({ ownerDocument: t }, i) {
 }
 function Ch({ ownerDocument: t, container: i, initialFocus: e }, r) {
   let o = le(null), a = le(!1);
-  return tt(() => a.value = !0), bn(() => a.value = !1), tt(() => {
+  return et(() => a.value = !0), bn(() => a.value = !1), et(() => {
     Ze([i, e, r], (l, c) => {
       if (l.every((p, f) => (c == null ? void 0 : c[f]) === p) || !r.value)
         return;
@@ -7035,7 +7027,7 @@ function Lh({ type: t, enabled: i, element: e, onUpdate: r }) {
   function a(...l) {
     r == null || r(...l), o(...l);
   }
-  tt(() => {
+  et(() => {
     Ze(i, (l, c) => {
       l ? a(0, t, e) : c === !0 && a(1, t, e);
     }, { immediate: !0, flush: "sync" });
@@ -7062,7 +7054,7 @@ function ys({ slot: t = le({}), name: i = "Description", props: e = {} } = {}) {
 }
 let F1 = be({ name: "Description", props: { as: { type: [Object, String], default: "p" }, id: { type: String, default: () => `headlessui-description-${ln()}` } }, setup(t, { attrs: i, slots: e }) {
   let r = Ph();
-  return tt(() => bn(r.register(t.id))), () => {
+  return et(() => bn(r.register(t.id))), () => {
     let { name: o = "Description", slot: a = le({}), props: l = {} } = r, { id: c, ...u } = t, p = { ...Object.entries(l).reduce((f, [h, s]) => Object.assign(f, { [h]: I(s) }), {}), id: c };
     return kt({ ourProps: p, theirProps: u, slot: a.value, attrs: i, slots: e, name: o });
   };
@@ -7109,7 +7101,7 @@ function Hr(t) {
 let ao = "DC8F892D-2EBD-447C-A4C8-A03058436FF4", qh = be({ name: "Dialog", inheritAttrs: !1, props: { as: { type: [Object, String], default: "div" }, static: { type: Boolean, default: !1 }, unmount: { type: Boolean, default: !0 }, open: { type: [Boolean, String], default: ao }, initialFocus: { type: Object, default: null }, id: { type: String, default: () => `headlessui-dialog-${ln()}` } }, emits: { close: (t) => !0 }, setup(t, { emit: i, attrs: e, slots: r, expose: o }) {
   var a;
   let l = le(!1);
-  tt(() => {
+  et(() => {
     l.value = !0;
   });
   let c = le(0), u = qo(), p = Y(() => t.open === ao && u !== null ? Xt(u.value, { [yn.Open]: !0, [yn.Closed]: !1 }) : t.open), f = le(/* @__PURE__ */ new Set()), h = le(null), s = le(null), d = Y(() => Ln(h));
@@ -7207,7 +7199,7 @@ be({ name: "DialogOverlay", props: { as: { type: [Object, String], default: "div
 } });
 be({ name: "DialogBackdrop", props: { as: { type: [Object, String], default: "div" }, id: { type: String, default: () => `headlessui-dialog-backdrop-${ln()}` } }, inheritAttrs: !1, setup(t, { attrs: i, slots: e, expose: r }) {
   let o = Hr("DialogBackdrop"), a = le(null);
-  return r({ el: a, $el: a }), tt(() => {
+  return r({ el: a, $el: a }), et(() => {
     if (o.panelRef.value === null)
       throw new Error("A <DialogBackdrop /> component is being used, but a <DialogPanel /> component is missing.");
   }), () => {
@@ -7228,7 +7220,7 @@ let Rh = be({ name: "DialogPanel", props: { as: { type: [Object, String], defaul
 } });
 be({ name: "DialogTitle", props: { as: { type: [Object, String], default: "h2" }, id: { type: String, default: () => `headlessui-dialog-title-${ln()}` } }, setup(t, { attrs: i, slots: e }) {
   let r = Hr("DialogTitle");
-  return tt(() => {
+  return et(() => {
     r.setTitleId(t.id), bn(() => r.setTitleId(null));
   }), () => {
     let { id: o, ...a } = t;
@@ -7387,11 +7379,11 @@ let Vh = be({ name: "Menu", props: { as: { type: [Object, String], default: "tem
   let o = Fo("MenuItem"), a = le(null);
   r({ el: a, $el: a });
   let l = Y(() => o.activeItemIndex.value !== null ? o.items.value[o.activeItemIndex.value].id === t.id : !1), c = Y(() => ({ disabled: t.disabled, textValue: "", domRef: a }));
-  tt(() => {
+  et(() => {
     var w, b;
     let v = (b = (w = at(a)) == null ? void 0 : w.textContent) == null ? void 0 : b.toLowerCase().trim();
     v !== void 0 && (c.value.textValue = v);
-  }), tt(() => o.registerItem(t.id, c)), bn(() => o.unregisterItem(t.id)), zt(() => {
+  }), et(() => o.registerItem(t.id, c)), bn(() => o.unregisterItem(t.id)), zt(() => {
     o.menuState.value === 0 && (!l.value || o.activationTrigger.value !== 0 && ct(() => {
       var w, b;
       return (b = (w = at(a)) == null ? void 0 : w.scrollIntoView) == null ? void 0 : b.call(w, { block: "nearest" });
@@ -7442,7 +7434,7 @@ function Wh({ slot: t = {}, name: i = "Label", props: e = {} } = {}) {
 }
 let Yh = be({ name: "Label", props: { as: { type: [Object, String], default: "label" }, passive: { type: [Boolean], default: !1 }, id: { type: String, default: () => `headlessui-label-${ln()}` } }, setup(t, { slots: i, attrs: e }) {
   let r = ks();
-  return tt(() => bn(r.register(t.id))), () => {
+  return et(() => bn(r.register(t.id))), () => {
     let { name: o = "Label", slot: a = {}, props: l = {} } = r, { id: c, passive: u, ...p } = t, f = { ...Object.entries(l).reduce((h, [s, d]) => Object.assign(h, { [s]: I(d) }), {}), id: c };
     return u && (delete f.onClick, delete p.onClick), kt({ ourProps: f, theirProps: p, slot: a, attrs: e, slots: i, name: o });
   };
@@ -7471,7 +7463,7 @@ let Yh = be({ name: "Label", props: { as: { type: [Object, String], default: "la
     var v, g;
     return (g = (v = at(f)) == null ? void 0 : v.closest) == null ? void 0 : g.call(v, "form");
   });
-  return tt(() => {
+  return et(() => {
     Ze([b], () => {
       if (!b.value || t.defaultChecked === void 0)
         return;
@@ -7545,7 +7537,7 @@ function zo(t) {
 }
 function xs(t) {
   let i = le([]), e = le(!1);
-  tt(() => e.value = !0), bn(() => e.value = !1);
+  et(() => e.value = !0), bn(() => e.value = !1);
   function r(a, l = Bn.Hidden) {
     let c = i.value.findIndex(({ id: u }) => u === a);
     c !== -1 && (Xt(l, { [Bn.Unmount]() {
@@ -7568,7 +7560,7 @@ let Ss = ir.RenderStrategy, bo = be({ props: { as: { type: [Object, String], def
   let { show: u, appear: p } = np(), { register: f, unregister: h } = rp(), s = { value: !0 }, d = ln(), w = { value: !1 }, b = xs(() => {
     w.value || (l.value = "hidden", h(d), i("afterLeave"));
   });
-  tt(() => {
+  et(() => {
     let _ = f(d);
     bn(_);
   }), zt(() => {
@@ -7581,7 +7573,7 @@ let Ss = ir.RenderStrategy, bo = be({ props: { as: { type: [Object, String], def
     }
   });
   let v = Fn(t.enter), g = Fn(t.enterFrom), n = Fn(t.enterTo), k = Fn(t.entered), m = Fn(t.leave), S = Fn(t.leaveFrom), A = Fn(t.leaveTo);
-  tt(() => {
+  et(() => {
     zt(() => {
       if (l.value === "visible") {
         let _ = at(a);
@@ -7598,7 +7590,7 @@ let Ss = ir.RenderStrategy, bo = be({ props: { as: { type: [Object, String], def
       w.value = !1, O === Hi.Finished && (zo(b) || (l.value = "hidden", h(d), i("afterLeave")));
     })));
   }
-  return tt(() => {
+  return et(() => {
     Ze([u], (_, x, y) => {
       E(y), s.value = !1;
     }, { immediate: !0 });
@@ -7615,7 +7607,7 @@ let Ss = ir.RenderStrategy, bo = be({ props: { as: { type: [Object, String], def
   let l = le(a.value ? "visible" : "hidden"), c = xs(() => {
     l.value = "hidden";
   }), u = le(!0), p = { show: a, appear: Y(() => t.appear || !u.value) };
-  return tt(() => {
+  return et(() => {
     zt(() => {
       u.value = !1, a.value ? l.value = "visible" : zo(c) || (l.value = "hidden");
     });
@@ -8011,7 +8003,7 @@ const ip = { class: "flex items-center" }, ap = {
 });
 function kp(t, i) {
   let e = "";
-  i = i || nt.i18n.global.t("sui.and");
+  i = i || tt.i18n.global.t("sui.and");
   for (let r = 0; r < t.length; r++) {
     const o = t[r];
     e += o, r < t.length - 2 ? e += ", " : r == t.length - 2 && (e += " " + i + " ");
@@ -8020,11 +8012,11 @@ function kp(t, i) {
 }
 function Ea(t) {
   const i = Math.floor(Math.log(t) / Math.log(1024)), e = [
-    nt.i18n.global.t("sui.units.b"),
-    nt.i18n.global.t("sui.units.kb"),
-    nt.i18n.global.t("sui.units.mb"),
-    nt.i18n.global.t("sui.units.gb"),
-    nt.i18n.global.t("sui.units.tb")
+    tt.i18n.global.t("sui.units.b"),
+    tt.i18n.global.t("sui.units.kb"),
+    tt.i18n.global.t("sui.units.mb"),
+    tt.i18n.global.t("sui.units.gb"),
+    tt.i18n.global.t("sui.units.tb")
   ];
   return +(t / Math.pow(1024, i)).toFixed(2) * 1 + " " + e[i];
 }
@@ -8036,7 +8028,7 @@ function As(t, i) {
       r();
     },
     { immediate: !0 }
-  ), tt(() => {
+  ), et(() => {
     e.value = !0, r();
   }), Dn(() => {
     a();
@@ -8253,7 +8245,7 @@ const Ap = {
     "update:query"
   ],
   setup(t, { expose: i }) {
-    const e = t, r = nt.http, o = le(null), a = le(null), l = Su(), c = Eu(), u = l.name;
+    const e = t, r = tt.http, o = le(null), a = le(null), l = Su(), c = Eu(), u = l.name;
     let p = !1;
     Dn(() => {
       p = !0;
@@ -8274,7 +8266,7 @@ const Ap = {
     ra(E, x, {
       attributes: !1,
       childList: !0
-    }), tt(() => {
+    }), et(() => {
       _();
     }), Ze(
       () => m.value,
@@ -8300,8 +8292,8 @@ const Ap = {
       const Me = c.resolve({
         path: l.path,
         params: l.params
-      }), se = nt.formatQueryString(Oe), ue = Me.fullPath + "?" + se, we = K();
-      if (nt.formatQueryString(we) != se) {
+      }), se = tt.formatQueryString(Oe), ue = Me.fullPath + "?" + se, we = K();
+      if (tt.formatQueryString(we) != se) {
         if (!h.value) {
           c.replace(ue);
           return;
@@ -8343,7 +8335,7 @@ const Ap = {
       }
     );
     function K() {
-      return nt.parseQueryString(window.location.search.replace(/^(\?)/, ""));
+      return tt.parseQueryString(window.location.search.replace(/^(\?)/, ""));
     }
     function P() {
       if (!e.historyMode || p || l.name != u)
@@ -8360,11 +8352,11 @@ const Ap = {
     function G(Oe = !1, Me = !0) {
       if (p)
         return;
-      const se = $.value.split(/[?#]/), ue = se[0], we = se[1] ?? null, _e = nt.parseQueryString(we), me = La(
+      const se = $.value.split(/[?#]/), ue = se[0], we = se[1] ?? null, _e = tt.parseQueryString(we), me = La(
         St(n.value),
         St(e.urlQuery),
         St(_e)
-      ), je = nt.formatQueryString(me), Pe = ue + "?" + je;
+      ), je = tt.formatQueryString(me), Pe = ue + "?" + je;
       v == Pe && !Oe || (Me && (s.value = !0), v = Pe, r.get(Pe).then((Re) => {
         ie.value = Re.data, s.value = !1, d.value = !1, h.value = !0;
       }).catch(() => {
@@ -8386,7 +8378,7 @@ const Ap = {
     }
     let fe = St(n.value);
     const Ee = K();
-    return fe = La(fe, Ee), B(fe), tt(() => {
+    return fe = La(fe, Ee), B(fe), et(() => {
       re();
     }), i({
       fetch: () => G(!0),
@@ -8760,7 +8752,7 @@ const Bs = /* @__PURE__ */ $t(Yp, [["render", Jp], ["__scopeId", "data-v-945515f
       () => {
         D();
       }
-    ), tt(() => {
+    ), et(() => {
       ct(() => {
         D();
       });
@@ -9364,7 +9356,7 @@ const Ls = /* @__PURE__ */ $t(Nm, [["render", $m]]), jm = { class: "flex justify
     "check"
   ],
   setup(t, { expose: i, emit: e }) {
-    const r = t, o = fn(), a = nt.http, l = fa(), c = sr(), u = le(null), p = le(null);
+    const r = t, o = fn(), a = tt.http, l = fa(), c = sr(), u = le(null), p = le(null);
     function f(y) {
       e("cell-click", y);
     }
@@ -11218,7 +11210,7 @@ const iv = { class: "base-date-picker relative" }, av = { class: "pointer-events
       animate: !1,
       time_24hr: !0
     }));
-    tt(() => {
+    et(() => {
       e.modelValue !== l.value && a(l.value);
     }), Ze(
       () => l.value,
@@ -11243,7 +11235,7 @@ const iv = { class: "base-date-picker relative" }, av = { class: "pointer-events
         deep: !0,
         immediate: !0
       }
-    ), tt(() => {
+    ), et(() => {
       v();
     }), Dn(() => {
       d && d.destroy();
@@ -11280,7 +11272,7 @@ const iv = { class: "base-date-picker relative" }, av = { class: "pointer-events
     }
     return (n, k) => (R(), X("div", iv, [
       q("div", av, [
-        he(I(et), {
+        he(I(nt), {
           class: "relative -top-px h-5 w-5 text-slate-400",
           icon: "heroicons:calendar"
         })
@@ -11300,7 +11292,7 @@ const iv = { class: "base-date-picker relative" }, av = { class: "pointer-events
           class: "flex items-center rounded p-1.5 hover:bg-slate-100",
           onClick: k[0] || (k[0] = (m) => g())
         }, [
-          he(I(et), {
+          he(I(nt), {
             class: "h-5 w-5 text-slate-600",
             icon: "heroicons:x-mark"
           })
@@ -11506,7 +11498,7 @@ const cv = { class: "-m-0.5 flex" }, fv = { class: "w-auto p-0.5" }, dv = ["disa
       var l;
       r.value = ((l = e.value) == null ? void 0 : l.clientWidth) ?? 800;
     }
-    return tt(() => {
+    return et(() => {
       a();
     }), rr(e, En(a, 50)), (l, c) => (R(), X("div", {
       ref_key: "item",
@@ -13435,7 +13427,7 @@ const Iv = Wi, Bv = { class: "text-xs text-slate-600" }, js = /* @__PURE__ */ be
   setup(t, { expose: i }) {
     const e = t, r = le(
       null
-    ), o = nt.http, a = le(!1), l = le(!1), c = le(!1), u = le(""), p = le(1), f = le([]), h = le(
+    ), o = tt.http, a = le(!1), l = le(!1), c = le(!1), u = le(""), p = le(1), f = le([]), h = le(
       null
     ), { items: s, lastPage: d } = va(h), w = (k) => {
       p.value = 1, u.value != k && (u.value = k, a.value = !0, n());
@@ -13808,7 +13800,7 @@ const Iv = Wi, Bv = { class: "text-xs text-slate-600" }, js = /* @__PURE__ */ be
       (h) => null
     );
     le(["#10b981", "#06b6d4", "#a855f7"]);
-    const l = Y(() => e.locales ? e.locales : nt.locales), c = Y(() => {
+    const l = Y(() => e.locales ? e.locales : tt.locales), c = Y(() => {
       let h = {};
       return e.modelValue && gu(e.modelValue) && (h = e.modelValue), Object.keys(l.value).forEach((s) => {
         Nn(e.modelValue, s) || (h[s] = e.defaultValue);
@@ -14068,7 +14060,7 @@ const Rs = /* @__PURE__ */ $t(Yv, [["render", Zv]]), Jv = {
     "upload:end"
   ],
   setup(t, { emit: i }) {
-    const e = t, r = nt.http, o = fn(), a = sr(), l = le(!1);
+    const e = t, r = tt.http, o = fn(), a = sr(), l = le(!1);
     async function c(p) {
       if (!l.value) {
         if (l.value = !0, !await e.beforeUpload()) {
@@ -14097,7 +14089,7 @@ const Rs = /* @__PURE__ */ $t(Yv, [["render", Zv]]), Jv = {
           }
           const h = new FormData();
           h.append("file", p), i("upload:start");
-          const d = (await r.post(e.url ?? nt.upload_url, h)).data;
+          const d = (await r.post(e.url ?? tt.upload_url, h)).data;
           d.original_file = p;
           const w = new FileReader();
           w.onload = (b) => {
@@ -14259,7 +14251,7 @@ const ig = { class: "absolute inset-0 flex h-full w-full items-center justify-ce
   },
   emits: ["error", "success"],
   setup(t, { expose: i, emit: e }) {
-    const r = t, o = sr(), a = fn(), l = le(null), c = le(!1), u = le(!1), p = le({}), f = Y(() => r.axiosInstance ? r.axiosInstance : nt.http), h = Y(() => l.value), s = Y(() => Object.keys(p.value).length > 0), d = Y(() => {
+    const r = t, o = sr(), a = fn(), l = le(null), c = le(!1), u = le(!1), p = le({}), f = Y(() => r.axiosInstance ? r.axiosInstance : tt.http), h = Y(() => l.value), s = Y(() => Object.keys(p.value).length > 0), d = Y(() => {
       if (!s.value)
         return null;
       const E = Object.keys(p.value);
@@ -14541,7 +14533,7 @@ const ig = { class: "absolute inset-0 flex h-full w-full items-center justify-ce
         k != "" && (k = "-" + k), i("update:modelValue", n + k);
       });
     }
-    return tt(() => {
+    return et(() => {
       w();
     }), (n, k) => (R(), X("div", {
       class: "w-full overflow-hidden rounded border bg-white",
@@ -14586,7 +14578,7 @@ const ig = { class: "absolute inset-0 flex h-full w-full items-center justify-ce
               ], "flex items-center justify-center rounded p-1"]),
               onClick: (S) => r(m)
             }, [
-              he(I(et), { icon: m }, null, 8, ["icon"])
+              he(I(nt), { icon: m }, null, 8, ["icon"])
             ], 10, hg)
           ]))), 128))
         ])
@@ -14718,15 +14710,15 @@ const ig = { class: "absolute inset-0 flex h-full w-full items-center justify-ce
           class: "h-full w-full bg-black object-contain object-center",
           alt: I(e)
         }, null, 8, gg)) : (R(), X("div", yg, [
-          I(o) == "pdf" ? (R(), Te(I(et), {
+          I(o) == "pdf" ? (R(), Te(I(nt), {
             key: 0,
             class: "max-w-8 h-1/2 max-h-8 w-1/2 text-slate-600",
             icon: "mdi:file-pdf-box"
-          })) : I(r) == "image" ? (R(), Te(I(et), {
+          })) : I(r) == "image" ? (R(), Te(I(nt), {
             key: 1,
             class: "max-w-8 h-1/2 max-h-8 w-1/2 text-slate-600",
             icon: "mdi:camera"
-          })) : I(r) == "audio" ? (R(), Te(I(et), {
+          })) : I(r) == "audio" ? (R(), Te(I(nt), {
             key: 2,
             class: "max-w-8 h-1/2 max-h-8 w-1/2 text-slate-600",
             icon: "mdi:music"
@@ -14781,7 +14773,7 @@ const ig = { class: "absolute inset-0 flex h-full w-full items-center justify-ce
             class: "rounded-full bg-white p-1 text-slate-400 hover:bg-slate-100",
             onClick: l[0] || (l[0] = (c) => a.$emit("remove"))
           }, [
-            he(I(et), {
+            he(I(nt), {
               icon: "heroicons:x-mark-20-solid",
               class: "h-4 w-4"
             })
@@ -15181,12 +15173,12 @@ const ig = { class: "absolute inset-0 flex h-full w-full items-center justify-ce
                 onClick: l[0] || (l[0] = (c) => e())
               }, [
                 Rg,
-                I(i) ? (R(), Te(I(et), {
+                I(i) ? (R(), Te(I(nt), {
                   key: 1,
                   icon: "heroicons:x-mark",
                   class: "block h-6 w-6",
                   "aria-hidden": "true"
-                })) : (R(), Te(I(et), {
+                })) : (R(), Te(I(nt), {
                   key: 0,
                   icon: "heroicons:bars-3",
                   class: "block h-6 w-6",
@@ -15253,7 +15245,7 @@ const ig = { class: "absolute inset-0 flex h-full w-full items-center justify-ce
       class: de(I(e))
     }, [
       q("div", Fg, [
-        t.icon ? (R(), Te(I(et), {
+        t.icon ? (R(), Te(I(nt), {
           key: 0,
           icon: t.icon,
           class: de(I(r))
@@ -15404,11 +15396,11 @@ const Qg = /* @__PURE__ */ $t(Vg, [["render", Gg]]), Zg = ["value", "type", "nam
           disabled: t.disabled,
           onClick: f[0] || (f[0] = (h) => c.value = !I(c))
         }, [
-          I(c) ? (R(), Te(I(et), {
+          I(c) ? (R(), Te(I(nt), {
             key: 1,
             icon: "heroicons:eye-20-solid",
             class: "h-5 w-5"
-          })) : (R(), Te(I(et), {
+          })) : (R(), Te(I(nt), {
             key: 0,
             icon: "heroicons:eye-slash-20-solid",
             class: "h-5 w-5"
@@ -15585,7 +15577,7 @@ const ly = /* @__PURE__ */ $t(ty, [["render", ay], ["__scopeId", "data-v-e5ae83e
       "-webkit-line-clamp": i.maxLines,
       "-webkit-box-orient": "vertical"
     }));
-    tt(() => {
+    et(() => {
       l(), ra(
         e.value,
         () => {
@@ -24319,7 +24311,7 @@ const yl = {
     "ready"
   ],
   setup: (t, i) => {
-    tt(() => {
+    et(() => {
       a();
     }), Dn(() => {
       e = null;
@@ -24581,7 +24573,7 @@ const Ny = { class: "whitespace-pre-line p-4" }, Dy = { class: "text-md font-sem
                   class: "mb-2.5 inline-flex items-center rounded p-2",
                   style: ft(I(e))
                 }, [
-                  t.icon ? (R(), Te(I(et), {
+                  t.icon ? (R(), Te(I(nt), {
                     key: 0,
                     icon: t.icon,
                     class: de(I(r))
@@ -24592,7 +24584,7 @@ const Ny = { class: "whitespace-pre-line p-4" }, Dy = { class: "text-md font-sem
                 t.linkText ? (R(), X("div", Py, [
                   q("div", $y, Se(t.linkText), 1),
                   q("div", null, [
-                    he(I(et), {
+                    he(I(nt), {
                       icon: "heroicons:arrow-right-20-solid",
                       class: "mt-px h-4 w-4"
                     })
@@ -24673,7 +24665,7 @@ const Hy = /* @__PURE__ */ $t(qy, [["render", Vy]]), Ky = ["href", "disabled", "
     };
   }
 }), Yy = be({
-  components: { BaseIcon: et },
+  components: { BaseIcon: nt },
   props: {
     label: {
       default: null,
@@ -25071,7 +25063,7 @@ const w0 = { class: "relative flex space-x-3" }, k0 = { class: "text-sm leading-
             "flex h-8 w-8 items-center justify-center rounded-full ring-8 ring-white"
           ])
         }, [
-          he(I(et), {
+          he(I(nt), {
             class: "h-5 w-5 text-white",
             "aria-hidden": "true",
             icon: t.item.icon
@@ -25227,7 +25219,7 @@ const w0 = { class: "relative flex space-x-3" }, k0 = { class: "text-sm leading-
       class: de(I(e))
     }, [
       q("div", I0, [
-        t.icon ? (R(), Te(I(et), {
+        t.icon ? (R(), Te(I(nt), {
           key: 0,
           icon: t.icon,
           class: de(I(r))
@@ -25427,7 +25419,7 @@ const w0 = { class: "relative flex space-x-3" }, k0 = { class: "text-sm leading-
             class: de(["relative flex items-center rounded-full p-1.5", [""]]),
             onClick: a
           }, [
-            he(I(et), {
+            he(I(nt), {
               icon: "heroicons:bell",
               class: de(["h-6 w-6", [t.dark ? "text-slate-300" : "text-slate-600"]])
             }, null, 8, ["class"]),
@@ -25446,7 +25438,7 @@ const w0 = { class: "relative flex space-x-3" }, k0 = { class: "text-sm leading-
           }, null, 8, ["notification"]))), 128)),
           t.notificationsConfig.items.length == 0 ? (R(), X("div", q0, [
             q("div", R0, [
-              he(I(et), {
+              he(I(nt), {
                 icon: "heroicons:inbox-stack",
                 class: "mx-auto mb-2 h-8 w-8 text-slate-400"
               }),
@@ -25699,7 +25691,7 @@ const w0 = { class: "relative flex space-x-3" }, k0 = { class: "text-sm leading-
                                 onClick: u[0] || (u[0] = (p) => r.value = !1)
                               }, [
                                 r1,
-                                he(I(et), {
+                                he(I(nt), {
                                   icon: "heroicons:x-mark",
                                   class: "h-6 w-6 text-white",
                                   "aria-hidden": "true"
@@ -25757,7 +25749,7 @@ const w0 = { class: "relative flex space-x-3" }, k0 = { class: "text-sm leading-
               onClick: u[2] || (u[2] = (p) => r.value = !0)
             }, [
               f1,
-              he(I(et), {
+              he(I(nt), {
                 icon: "heroicons:bars-3-bottom-left",
                 class: "h-6 w-6",
                 "aria-hidden": "true"
@@ -25947,7 +25939,7 @@ const w0 = { class: "relative flex space-x-3" }, k0 = { class: "text-sm leading-
   BaseFileUploader: zs,
   BaseForm: lg,
   BaseHasMany: sg,
-  BaseIcon: et,
+  BaseIcon: nt,
   BaseIconPicker: pg,
   BaseInput: In,
   BaseInputLabel: xl,
@@ -26148,7 +26140,7 @@ Cette action est irréversible.`,
 const C1 = 100, z1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   MAGIC_NUM: C1
-}, Symbol.toStringTag, { value: "Module" })), U1 = { en: au, fr: lu }, nt = {
+}, Symbol.toStringTag, { value: "Module" })), U1 = { en: au, fr: lu }, tt = {
   i18n: wu({
     locale: "en",
     fallbackLocale: "en",
@@ -26175,7 +26167,7 @@ const C1 = 100, z1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.define
 function T1(t, i) {
   for (const e in wl)
     t.component(e, wl[e]);
-  i != null && i.i18n && (nt.i18n = i.i18n), i != null && i.http && (nt.http = i.http), i != null && i.locales && (nt.locales = i.locales), i != null && i.upload_url && (nt.upload_url = i.upload_url), i != null && i.formatQueryString && (nt.formatQueryString = i.formatQueryString), i != null && i.parseQueryString && (nt.parseQueryString = i.parseQueryString), i != null && i.countries && (nt.countries = i.countries), i != null && i.regions && (nt.regions = i.regions);
+  i != null && i.i18n && (tt.i18n = i.i18n), i != null && i.http && (tt.http = i.http), i != null && i.locales && (tt.locales = i.locales), i != null && i.upload_url && (tt.upload_url = i.upload_url), i != null && i.formatQueryString && (tt.formatQueryString = i.formatQueryString), i != null && i.parseQueryString && (tt.parseQueryString = i.parseQueryString), i != null && i.countries && (tt.countries = i.countries), i != null && i.regions && (tt.regions = i.regions);
 }
 const V1 = { install: T1 };
 export {
@@ -26220,7 +26212,7 @@ export {
   zs as BaseFileUploader,
   lg as BaseForm,
   sg as BaseHasMany,
-  et as BaseIcon,
+  nt as BaseIcon,
   pg as BaseIconPicker,
   In as BaseInput,
   xl as BaseInputLabel,
@@ -26267,7 +26259,7 @@ export {
   T0 as BaseTimeline,
   tu as BaseTimelineItem,
   z1 as MyConstants,
-  nt as config,
+  tt as config,
   V1 as default,
   da as disableScroll,
   ha as enableScroll,

package/dist/types/src/components/BaseAddressForm.vue.d.ts

@@ -23,10 +23,10 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
 }>>> & {
     "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
 }, {
-    countries: Country[];
-    regions: Region[];
     modelValue: Record<string, string | number | null | undefined>;
     prefix: string | null;
+    countries: Country[];
+    regions: Region[];
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

package/dist/types/src/components/BaseDisplayRelativeTime.vue.d.ts

@@ -50,8 +50,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: StringConstructor;
     };
 }>>, {
-    as: string;
     showTooltip: boolean;
+    as: string;
     tooltipPosition: "left" | "right" | "top" | "bottom";
     tooltipSize: "small" | "large" | "medium";
     timeZone: string;

package/dist/types/src/components/BaseFieldI18n.vue.d.ts

@@ -13,7 +13,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     component: {
         default: string;
-        type: PropType<"BaseInput" | "BaseTextarea">;
+        type: PropType<"BaseTextarea" | "BaseInput">;
     };
     componentProps: {
         default: undefined;
@@ -52,7 +52,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     component: {
         default: string;
-        type: PropType<"BaseInput" | "BaseTextarea">;
+        type: PropType<"BaseTextarea" | "BaseInput">;
     };
     componentProps: {
         default: undefined;
@@ -84,13 +84,13 @@ declare const _default: import("vue").DefineComponent<{
     label: string;
     required: boolean;
     name: string;
-    locales: Locales;
     defaultValue: string | number | boolean;
     modelValue: {
         [locale: string]: string | number | boolean;
     } | null;
     hasError: boolean;
-    component: "BaseInput" | "BaseTextarea";
+    component: "BaseTextarea" | "BaseInput";
+    locales: Locales;
     componentProps: Record<string, any>;
 }>;
 export default _default;

package/dist/types/src/components/BaseRadioGroup.vue.d.ts

@@ -87,11 +87,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }, {
     required: boolean;
     name: string;
+    labelClass: string;
     disabled: boolean;
     modelValue: OptionValue | undefined;
     hasError: boolean;
     inputClass: string;
-    labelClass: string;
 }>, {
     option: (_: {
         option: NormalizedOption;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sprintify-ui",
-  "version": "0.0.169",
+  "version": "0.0.171",
   "scripts": {
     "build": "rimraf dist && vue-tsc && vite build",
     "build-fast": "rimraf dist && vite build",

package/src/components/BaseAddressForm.vue

@@ -11,6 +11,7 @@
       :placeholder="$t('sui.address_1_placeholder')"
       class="w-full"
       prevent-submit
+      name="address_search_field"
       :autocomplete="false"
       :required="false"
       @update:model-value="update('address_1', $event)"
@@ -71,14 +72,12 @@
     </BaseField>
     <BaseField
       :label="$t('sui.region')"
-      :name="`${namePrefix}country`"
+      :name="`${namePrefix}region`"
       required
       class="mb-4 flex-1"
     >
       <BaseSelect
         :model-value="normalizedModelValue.region ?? ''"
-        :label="$t('sui.region')"
-        :name="`${namePrefix}region`"
         class="w-full"
         required
         :options="regions"

package/src/components/BaseInputLabel.vue

@@ -7,12 +7,13 @@
       @mouseleave="showTooltip = false"
     >
       <span> {{ label }}</span>
-
+      <!--
       <BaseIcon
         v-if="help"
         class="relative bottom-px ml-1 inline h-4 w-4 text-slate-400"
         icon="heroicons:question-mark-circle-20-solid"
       />
+-->
 
       <span v-if="required" class="ml-0.5 text-red-600"> *</span>
 
@@ -41,10 +42,10 @@
 
 <script lang="ts">
 import { defineComponent, PropType } from 'vue';
-import { BaseIcon } from '.';
+//import { BaseIcon } from '.';
 
 export default defineComponent({
-  components: { BaseIcon },
+  //components: { BaseIcon },
   props: {
     required: {
       default: false,