sprintify-ui 0.6.36 → 0.6.38

package/dist/sprintify-ui.es.js

@@ -1,12 +1,12 @@
 var Mb = Object.defineProperty;
 var Ib = (n, t, e) => t in n ? Mb(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e;
 var ar = (n, t, e) => (Ib(n, typeof t != "symbol" ? t + "" : t, e), e);
-import { defineComponent as Se, computed as L, inject as wt, resolveComponent as Xt, openBlock as B, createBlock as De, withCtx as ge, createElementVNode as j, normalizeClass as de, unref as T, withModifiers as Wn, renderSlot as Pe, createElementBlock as K, createCommentVNode as ke, toDisplayString as Me, getCurrentScope as Kp, onScopeDispose as Qp, toRef as Nb, readonly as lo, customRef as Pb, ref as oe, watchEffect as un, h as xt, shallowRef as id, watch as ut, shallowReadonly as eo, Fragment as Je, Teleport as Cr, normalizeStyle as ot, createVNode as xe, Transition as Rn, provide as gt, createTextVNode as zn, onBeforeUnmount as Fn, resolveDynamicComponent as hr, withDirectives as jn, mergeProps as Zt, renderList as dt, onMounted as pt, nextTick as qt, TransitionGroup as Zp, isRef as ai, normalizeProps as zt, guardReactiveProps as jt, vShow as Ir, Comment as Bb, useSlots as Xp, createSlots as Jp, cloneVNode as Lb, onUnmounted as An, reactive as od, withKeys as Vl, vModelText as sc, createStaticVNode as em, getCurrentInstance as zb, vModelSelect as jb } from "vue";
+import { defineComponent as Se, computed as L, inject as wt, resolveComponent as Xt, openBlock as B, createBlock as De, withCtx as ge, createElementVNode as j, normalizeClass as de, unref as T, withModifiers as Wn, renderSlot as Pe, createElementBlock as K, createCommentVNode as ke, toDisplayString as Me, getCurrentScope as Kp, onScopeDispose as Qp, toRef as Nb, readonly as lo, customRef as Pb, ref as oe, watchEffect as un, h as xt, shallowRef as id, watch as ut, shallowReadonly as eo, Fragment as Je, Teleport as Cr, normalizeStyle as ot, createVNode as xe, Transition as Rn, provide as gt, createTextVNode as zn, onBeforeUnmount as Fn, resolveDynamicComponent as hr, withDirectives as jn, mergeProps as Zt, renderList as dt, onMounted as pt, nextTick as Ut, TransitionGroup as Zp, isRef as ai, normalizeProps as zt, guardReactiveProps as jt, vShow as Ir, Comment as Bb, useSlots as Xp, createSlots as Jp, cloneVNode as Lb, onUnmounted as An, reactive as od, withKeys as Vl, vModelText as sc, createStaticVNode as em, getCurrentInstance as zb, vModelSelect as jb } from "vue";
 import Fb from "axios";
 import { uniqueId as tm, get as li, isArray as tn, cloneDeep as Kt, isObject as ba, isString as ws, throttle as ad, debounce as nr, truncate as $b, trim as nm, padStart as Tl, isNumber as yo, merge as Wl, range as Qr, set as bu, isEqual as rm, isPlainObject as Hb, reject as qb, round as Lf, capitalize as Ub } from "lodash";
-import { unrefElement as so, useEventListener as zf, tryOnScopeDispose as Vb, useInfiniteScroll as Wb, useResizeObserver as Ao, useMutationObserver as im, useScroll as om, useElementSize as ld, useWindowSize as Gb, useElementBounding as Yb } from "@vueuse/core";
+import zf from "qs";
 import { defineStore as xs } from "pinia";
-import jf from "qs";
+import { unrefElement as so, useEventListener as jf, tryOnScopeDispose as Vb, useInfiniteScroll as Wb, useResizeObserver as Ao, useMutationObserver as im, useScroll as om, useElementSize as ld, useWindowSize as Gb, useElementBounding as Yb } from "@vueuse/core";
 import { useRoute as am, useRouter as lm, useLink as Kb } from "vue-router";
 import { DateTime as an, Info as Qb } from "luxon";
 function Zb() {
@@ -2563,13 +2563,13 @@ const fr = {
   }
 };
 function Vi(n) {
-  const t = cd();
+  const t = cd(), e = qt.props.size ?? "md";
   return {
     size: L(() => {
       if (t.smaller("sm").value)
         return "md";
-      let r = T(n);
-      return r || (r = "md"), Object.keys(fr).includes(r) || (r = "md"), r;
+      let i = T(n);
+      return i || (i = e), Object.keys(fr).includes(i) || (i = e), i;
     })
   };
 }
@@ -4732,9 +4732,9 @@ function Sd(n, t, e) {
 }
 function $m(n, t, e = void 0) {
   const r = oe(!1), i = L(() => so(n));
-  zf(i, "mouseenter", () => {
+  jf(i, "mouseenter", () => {
     r.value = !0;
-  }), zf(i, "mouseleave", () => {
+  }), jf(i, "mouseleave", () => {
     r.value = !1;
   });
   const o = {
@@ -5854,7 +5854,7 @@ const Jw = ["value", "name", "disabled", "required"], ex = ["value"], Su = "", _
     const e = n, { size: r } = Vi(L(() => e.size)), i = L(() => {
       const y = Kt(e.modelValue ?? {});
       return y.address_1 = y.address_1 ?? "", y.address_2 = y.address_2 ?? "", y.city = y.city ?? "", y.postal_code = y.postal_code ?? "", y.country = y.country ?? "", y.region = y.region ?? "", y;
-    }), o = L(() => e.restrictCountry ? i.value.country ? i.value.country : nx : i.value.country ?? null), a = L(() => e.countries && tn(e.countries) && e.countries.length ? e.countries : Wt.countries), l = L(() => e.regions && tn(e.regions) && e.regions.length ? e.regions : Wt.regions), s = L(() => l.value.filter(
+    }), o = L(() => e.restrictCountry ? i.value.country ? i.value.country : nx : i.value.country ?? null), a = L(() => e.countries && tn(e.countries) && e.countries.length ? e.countries : qt.countries), l = L(() => e.regions && tn(e.regions) && e.regions.length ? e.regions : qt.regions), s = L(() => l.value.filter(
       (y) => y.country_id == i.value.country
     )), d = L(() => e.prefix ? e.prefix + "." : "");
     function c(y, b) {
@@ -5928,7 +5928,7 @@ const Jw = ["value", "name", "disabled", "required"], ex = ["value"], Su = "", _
               x.country = _.short_name.toLowerCase();
               break;
           }
-        x.region = x.country + "-" + w, x.address_1 = b, x.postal_code = u, qt(() => {
+        x.region = x.country + "-" + w, x.address_1 = b, x.postal_code = u, Ut(() => {
           t("update:model-value", x);
         });
       }
@@ -7380,7 +7380,7 @@ const Xm = /* @__PURE__ */ pi(Sx, [["render", Cx]]), Tx = { class: "relative w-f
     function Y(N) {
       var F;
       const q = (F = r.select) == null ? void 0 : F.options.find((se) => se.value == N);
-      r.select && r.select.onChange && r.select.onChange(q ?? null), e("select", N), qt(() => {
+      r.select && r.select.onChange && r.select.onChange(q ?? null), e("select", N), Ut(() => {
         C(), w(), P();
       });
     }
@@ -7443,6 +7443,7 @@ const Xm = /* @__PURE__ */ pi(Sx, [["render", Cx]]), Tx = { class: "relative w-f
             ref_key: "inputElement",
             ref: p,
             "model-value": T(h),
+            required: !1,
             type: "text",
             "visible-focus": n.visibleFocus,
             placeholder: n.placeholder ? n.placeholder : T(ze)("sui.autocomplete_placeholder"),
@@ -7637,7 +7638,7 @@ const qx = {
       }
     );
     function b() {
-      o.value || (o.value = !0, i.value = !0, Wt.http.get(r.url, {
+      o.value || (o.value = !0, i.value = !0, qt.http.get(r.url, {
         params: {
           [r.queryKey]: l.value,
           page: s.value
@@ -8851,7 +8852,7 @@ const Rd = /* @__PURE__ */ Se({
   },
   emits: ["update:modelValue"],
   setup(n, { expose: t, emit: e }) {
-    const r = n, i = Wt.http, o = oe(null), a = oe(r.currentModel);
+    const r = n, i = qt.http, o = oe(null), a = oe(r.currentModel);
     ut(
       () => r.currentModel,
       (s, d) => {
@@ -21654,7 +21655,7 @@ function bn(n, t, ...e) {
   throw Error.captureStackTrace && Error.captureStackTrace(r, bn), r;
 }
 var kr = ((n) => (n[n.None = 0] = "None", n[n.RenderStrategy = 1] = "RenderStrategy", n[n.Static = 2] = "Static", n))(kr || {}), ri = ((n) => (n[n.Unmount = 0] = "Unmount", n[n.Hidden = 1] = "Hidden", n))(ri || {});
-function Ut({ visible: n = !0, features: t = 0, ourProps: e, theirProps: r, ...i }) {
+function Vt({ visible: n = !0, features: t = 0, ourProps: e, theirProps: r, ...i }) {
   var o;
   let a = cy(r, e), l = Object.assign(i, { props: a });
   if (n || t & 2 && a.static)
@@ -21878,7 +21879,7 @@ function Us(n, t = 0) {
 }
 function fy(n) {
   let t = ir(n);
-  qt(() => {
+  Ut(() => {
     t && !Us(t.activeElement, 0) && oi(n);
   });
 }
@@ -21989,7 +21990,7 @@ var Hr = ((n) => (n[n.None = 1] = "None", n[n.Focusable = 2] = "Focusable", n[n.
 let fi = Se({ name: "Hidden", props: { as: { type: [Object, String], default: "div" }, features: { type: Number, default: 1 } }, setup(n, { slots: t, attrs: e }) {
   return () => {
     let { features: r, ...i } = n, o = { "aria-hidden": (r & 2) === 2 ? !0 : void 0, style: { position: "fixed", top: 1, left: 1, width: 1, height: 0, padding: 0, margin: -1, overflow: "hidden", clip: "rect(0, 0, 0, 0)", whiteSpace: "nowrap", borderWidth: "0", ...(r & 4) === 4 && (r & 2) !== 2 && { display: "none" } } };
-    return Ut({ ourProps: o, theirProps: i, slot: {}, attrs: e, slots: t, name: "Hidden" });
+    return Vt({ ourProps: o, theirProps: i, slot: {}, attrs: e, slots: t, name: "Hidden" });
   };
 } });
 function PD(n) {
@@ -22136,7 +22137,7 @@ let Zo = Object.assign(Se({ name: "FocusTrap", props: { as: { type: [Object, Str
   }
   return () => {
     let p = {}, g = { ref: i, onKeydown: h, onFocusout: f }, { features: m, initialFocus: v, containers: y, ...b } = n;
-    return xt(Je, [!!(m & 4) && xt(fi, { as: "button", type: "button", "data-headlessui-focus-guard": !0, onFocus: d, features: Hr.Focusable }), Ut({ ourProps: g, theirProps: { ...t, ...b }, slot: p, attrs: t, slots: e, name: "FocusTrap" }), !!(m & 4) && xt(fi, { as: "button", type: "button", "data-headlessui-focus-guard": !0, onFocus: d, features: Hr.Focusable })]);
+    return xt(Je, [!!(m & 4) && xt(fi, { as: "button", type: "button", "data-headlessui-focus-guard": !0, onFocus: d, features: Hr.Focusable }), Vt({ ourProps: g, theirProps: { ...t, ...b }, slot: p, attrs: t, slots: e, name: "FocusTrap" }), !!(m & 4) && xt(fi, { as: "button", type: "button", "data-headlessui-focus-guard": !0, onFocus: d, features: Hr.Focusable })]);
   };
 } }), { features: gy }), Di = [];
 jD(() => {
@@ -22243,7 +22244,7 @@ function UD() {
 let Hc = Se({ name: "ForcePortalRoot", props: { as: { type: [Object, String], default: "template" }, force: { type: Boolean, default: !1 } }, setup(n, { slots: t, attrs: e }) {
   return gt(yy, n.force), () => {
     let { force: r, ...i } = n;
-    return Ut({ theirProps: i, ourProps: {}, slot: {}, slots: t, attrs: e, name: "ForcePortalRoot" });
+    return Vt({ theirProps: i, ourProps: {}, slot: {}, slots: t, attrs: e, name: "ForcePortalRoot" });
   };
 } });
 function VD(n) {
@@ -22276,7 +22277,7 @@ let by = Se({ name: "Portal", props: { as: { type: [Object, String], default: "d
     if (l.value === null)
       return null;
     let d = { ref: r, "data-headlessui-portal": "" };
-    return xt(Cr, { to: l.value }, Ut({ ourProps: d, theirProps: n, slot: {}, attrs: e, slots: t, name: "Portal" }));
+    return xt(Cr, { to: l.value }, Vt({ ourProps: d, theirProps: n, slot: {}, attrs: e, slots: t, name: "Portal" }));
   };
 } }), qc = Symbol("PortalParentContext");
 function wy() {
@@ -22302,7 +22303,7 @@ let xy = Symbol("PortalGroupContext"), WD = Se({ name: "PortalGroup", props: { a
   } });
   return gt(xy, r), () => {
     let { target: i, ...o } = n;
-    return Ut({ theirProps: o, ourProps: {}, slot: {}, attrs: t, slots: e, name: "PortalGroup" });
+    return Vt({ theirProps: o, ourProps: {}, slot: {}, attrs: t, slots: e, name: "PortalGroup" });
   };
 } }), Ey = Symbol("StackContext");
 var Uc = ((n) => (n[n.Add = 0] = "Add", n[n.Remove = 1] = "Remove", n))(Uc || {});
@@ -22344,7 +22345,7 @@ Se({ name: "Description", props: { as: { type: [Object, String], default: "p" },
   let r = KD();
   return pt(() => An(r.register(n.id))), () => {
     let { name: i = "Description", slot: o = oe({}), props: a = {} } = r, { id: l, ...s } = n, d = { ...Object.entries(a).reduce((c, [h, f]) => Object.assign(c, { [h]: T(f) }), {}), id: l };
-    return Ut({ ourProps: d, theirProps: s, slot: o.value, attrs: t, slots: e, name: i });
+    return Vt({ ourProps: d, theirProps: s, slot: o.value, attrs: t, slots: e, name: i });
   };
 } });
 function QD(n) {
@@ -22529,7 +22530,7 @@ let vl = "DC8F892D-2EBD-447C-A4C8-A03058436FF4", oO = Se({ name: "Dialog", inher
   gt(Vc, R);
   let P = L(() => !(!p.value || g.value));
   gf(b, (Z, pe) => {
-    R.close(), qt(() => pe == null ? void 0 : pe.focus());
+    R.close(), Ut(() => pe == null ? void 0 : pe.focus());
   }, P);
   let $ = L(() => !(g.value || f.value !== 0));
   bf((o = h.value) == null ? void 0 : o.defaultView, "keydown", (Z) => {
@@ -22554,7 +22555,7 @@ let vl = "DC8F892D-2EBD-447C-A4C8-A03058436FF4", oO = Se({ name: "Dialog", inher
     ne.observe(pe), Z(() => ne.disconnect());
   }), () => {
     let { id: Z, open: pe, initialFocus: ne, ...z } = n, N = { ...e, ref: c, id: Z, role: "dialog", "aria-modal": f.value === 0 ? !0 : void 0, "aria-labelledby": C.value, "aria-describedby": S.value }, q = { open: f.value === 0 };
-    return xt(Hc, { force: !0 }, () => [xt(by, () => xt(WD, { target: c.value }, () => xt(Hc, { force: !1 }, () => xt(Zo, { initialFocus: ne, containers: b, features: p.value ? bn(x.value, { parent: Zo.features.RestoreFocus, leaf: Zo.features.All & ~Zo.features.FocusLock }) : Zo.features.None }, () => xt(y, {}, () => Ut({ ourProps: N, theirProps: { ...z, ...e }, slot: q, attrs: e, slots: r, visible: f.value === 0, features: kr.RenderStrategy | kr.Static, name: "Dialog" })))))), xt(w)]);
+    return xt(Hc, { force: !0 }, () => [xt(by, () => xt(WD, { target: c.value }, () => xt(Hc, { force: !1 }, () => xt(Zo, { initialFocus: ne, containers: b, features: p.value ? bn(x.value, { parent: Zo.features.RestoreFocus, leaf: Zo.features.All & ~Zo.features.FocusLock }) : Zo.features.None }, () => xt(y, {}, () => Vt({ ourProps: N, theirProps: { ...z, ...e }, slot: q, attrs: e, slots: r, visible: f.value === 0, features: kr.RenderStrategy | kr.Static, name: "Dialog" })))))), xt(w)]);
   };
 } });
 Se({ name: "DialogOverlay", props: { as: { type: [Object, String], default: "div" }, id: { type: String, default: () => `headlessui-dialog-overlay-${hn()}` } }, setup(n, { attrs: t, slots: e }) {
@@ -22564,7 +22565,7 @@ Se({ name: "DialogOverlay", props: { as: { type: [Object, String], default: "div
   }
   return () => {
     let { id: o, ...a } = n;
-    return Ut({ ourProps: { id: o, "aria-hidden": !0, onClick: i }, theirProps: a, slot: { open: r.dialogState.value === 0 }, attrs: t, slots: e, name: "DialogOverlay" });
+    return Vt({ ourProps: { id: o, "aria-hidden": !0, onClick: i }, theirProps: a, slot: { open: r.dialogState.value === 0 }, attrs: t, slots: e, name: "DialogOverlay" });
   };
 } });
 Se({ name: "DialogBackdrop", props: { as: { type: [Object, String], default: "div" }, id: { type: String, default: () => `headlessui-dialog-backdrop-${hn()}` } }, inheritAttrs: !1, setup(n, { attrs: t, slots: e, expose: r }) {
@@ -22574,7 +22575,7 @@ Se({ name: "DialogBackdrop", props: { as: { type: [Object, String], default: "di
       throw new Error("A <DialogBackdrop /> component is being used, but a <DialogPanel /> component is missing.");
   }), () => {
     let { id: a, ...l } = n, s = { id: a, ref: o, "aria-hidden": !0 };
-    return xt(Hc, { force: !0 }, () => xt(by, () => Ut({ ourProps: s, theirProps: { ...t, ...l }, slot: { open: i.dialogState.value === 0 }, attrs: t, slots: e, name: "DialogBackdrop" })));
+    return xt(Hc, { force: !0 }, () => xt(by, () => Vt({ ourProps: s, theirProps: { ...t, ...l }, slot: { open: i.dialogState.value === 0 }, attrs: t, slots: e, name: "DialogBackdrop" })));
   };
 } });
 let aO = Se({ name: "DialogPanel", props: { as: { type: [Object, String], default: "div" }, id: { type: String, default: () => `headlessui-dialog-panel-${hn()}` } }, setup(n, { attrs: t, slots: e, expose: r }) {
@@ -22585,7 +22586,7 @@ let aO = Se({ name: "DialogPanel", props: { as: { type: [Object, String], defaul
   }
   return () => {
     let { id: a, ...l } = n, s = { id: a, ref: i.panelRef, onClick: o };
-    return Ut({ ourProps: s, theirProps: l, slot: { open: i.dialogState.value === 0 }, attrs: t, slots: e, name: "DialogPanel" });
+    return Vt({ ourProps: s, theirProps: l, slot: { open: i.dialogState.value === 0 }, attrs: t, slots: e, name: "DialogPanel" });
   };
 } });
 Se({ name: "DialogTitle", props: { as: { type: [Object, String], default: "h2" }, id: { type: String, default: () => `headlessui-dialog-title-${hn()}` } }, setup(n, { attrs: t, slots: e }) {
@@ -22594,7 +22595,7 @@ Se({ name: "DialogTitle", props: { as: { type: [Object, String], default: "h2" }
     r.setTitleId(n.id), An(() => r.setTitleId(null));
   }), () => {
     let { id: i, ...o } = n;
-    return Ut({ ourProps: { id: i }, theirProps: o, slot: { open: r.dialogState.value === 0 }, attrs: t, slots: e, name: "DialogTitle" });
+    return Vt({ ourProps: { id: i }, theirProps: o, slot: { open: r.dialogState.value === 0 }, attrs: t, slots: e, name: "DialogTitle" });
   };
 } });
 let Ap = /([\u2700-\u27BF]|[\uE000-\uF8FF]|\uD83C[\uDC00-\uDFFF]|\uD83D[\uDC00-\uDFFF]|[\u2011-\u26FF]|\uD83E[\uDD10-\uDDFF])/g;
@@ -22687,7 +22688,7 @@ let fO = Se({ name: "Menu", props: { as: { type: [Object, String], default: "tem
     h.closeMenu(), Us(p, qs.Loose) || (f.preventDefault(), (g = qe(i)) == null || g.focus());
   }, L(() => r.value === 0)), gt(Ay, h), pf(L(() => bn(r.value, { 0: Qt.Open, 1: Qt.Closed }))), () => {
     let f = { open: r.value === 0, close: h.closeMenu };
-    return Ut({ ourProps: {}, theirProps: n, slot: f, slots: t, attrs: e, name: "Menu" });
+    return Vt({ ourProps: {}, theirProps: n, slot: f, slots: t, attrs: e, name: "Menu" });
   };
 } }), hO = Se({ name: "MenuButton", props: { disabled: { type: Boolean, default: !1 }, as: { type: [Object, String], default: "button" }, id: { type: String, default: () => `headlessui-menu-button-${hn()}` } }, setup(n, { attrs: t, slots: e, expose: r }) {
   let i = Vs("MenuButton");
@@ -22697,13 +22698,13 @@ let fO = Se({ name: "Menu", props: { as: { type: [Object, String], default: "tem
       case Bt.Space:
       case Bt.Enter:
       case Bt.ArrowDown:
-        d.preventDefault(), d.stopPropagation(), i.openMenu(), qt(() => {
+        d.preventDefault(), d.stopPropagation(), i.openMenu(), Ut(() => {
           var c;
           (c = qe(i.itemsRef)) == null || c.focus({ preventScroll: !0 }), i.goToItem(Gn.First);
         });
         break;
       case Bt.ArrowUp:
-        d.preventDefault(), d.stopPropagation(), i.openMenu(), qt(() => {
+        d.preventDefault(), d.stopPropagation(), i.openMenu(), Ut(() => {
           var c;
           (c = qe(i.itemsRef)) == null || c.focus({ preventScroll: !0 }), i.goToItem(Gn.Last);
         });
@@ -22718,7 +22719,7 @@ let fO = Se({ name: "Menu", props: { as: { type: [Object, String], default: "tem
     }
   }
   function l(d) {
-    n.disabled || (i.menuState.value === 0 ? (i.closeMenu(), qt(() => {
+    n.disabled || (i.menuState.value === 0 ? (i.closeMenu(), Ut(() => {
       var c;
       return (c = qe(i.buttonRef)) == null ? void 0 : c.focus({ preventScroll: !0 });
     })) : (d.preventDefault(), i.openMenu(), dO(() => {
@@ -22730,7 +22731,7 @@ let fO = Se({ name: "Menu", props: { as: { type: [Object, String], default: "tem
   return () => {
     var d;
     let c = { open: i.menuState.value === 0 }, { id: h, ...f } = n, p = { ref: i.buttonRef, id: h, type: s.value, "aria-haspopup": "menu", "aria-controls": (d = qe(i.itemsRef)) == null ? void 0 : d.id, "aria-expanded": i.menuState.value === 0, onKeydown: o, onKeyup: a, onClick: l };
-    return Ut({ ourProps: p, theirProps: f, slot: c, attrs: t, slots: e, name: "MenuButton" });
+    return Vt({ ourProps: p, theirProps: f, slot: c, attrs: t, slots: e, name: "MenuButton" });
   };
 } }), pO = Se({ name: "MenuItems", props: { as: { type: [Object, String], default: "div" }, static: { type: Boolean, default: !1 }, unmount: { type: Boolean, default: !0 }, id: { type: String, default: () => `headlessui-menu-items-${hn()}` } }, setup(n, { attrs: t, slots: e, expose: r }) {
   let i = Vs("MenuItems"), o = oe(null);
@@ -22763,13 +22764,13 @@ let fO = Se({ name: "Menu", props: { as: { type: [Object, String], default: "tem
       case Bt.PageDown:
         return c.preventDefault(), c.stopPropagation(), i.goToItem(Gn.Last);
       case Bt.Escape:
-        c.preventDefault(), c.stopPropagation(), i.closeMenu(), qt(() => {
+        c.preventDefault(), c.stopPropagation(), i.closeMenu(), Ut(() => {
           var f;
           return (f = qe(i.buttonRef)) == null ? void 0 : f.focus({ preventScroll: !0 });
         });
         break;
       case Bt.Tab:
-        c.preventDefault(), c.stopPropagation(), i.closeMenu(), qt(() => ND(qe(i.buttonRef), c.shiftKey ? dn.Previous : dn.Next));
+        c.preventDefault(), c.stopPropagation(), i.closeMenu(), Ut(() => ND(qe(i.buttonRef), c.shiftKey ? dn.Previous : dn.Next));
         break;
       default:
         c.key.length === 1 && (i.search(c.key), o.value = setTimeout(() => i.clearSearch(), 350));
@@ -22787,7 +22788,7 @@ let fO = Se({ name: "Menu", props: { as: { type: [Object, String], default: "tem
   return () => {
     var c, h;
     let f = { open: i.menuState.value === 0 }, { id: p, ...g } = n, m = { "aria-activedescendant": i.activeItemIndex.value === null || (c = i.items.value[i.activeItemIndex.value]) == null ? void 0 : c.id, "aria-labelledby": (h = qe(i.buttonRef)) == null ? void 0 : h.id, id: p, onKeydown: a, onKeyup: l, role: "menu", tabIndex: 0, ref: i.itemsRef };
-    return Ut({ ourProps: m, theirProps: g, slot: f, attrs: t, slots: e, features: kr.RenderStrategy | kr.Static, visible: d.value, name: "MenuItems" });
+    return Vt({ ourProps: m, theirProps: g, slot: f, attrs: t, slots: e, features: kr.RenderStrategy | kr.Static, visible: d.value, name: "MenuItems" });
   };
 } }), po = Se({ name: "MenuItem", inheritAttrs: !1, props: { as: { type: [Object, String], default: "template" }, disabled: { type: Boolean, default: !1 }, id: { type: String, default: () => `headlessui-menu-item-${hn()}` } }, setup(n, { slots: t, attrs: e, expose: r }) {
   let i = Vs("MenuItem"), o = oe(null);
@@ -22796,7 +22797,7 @@ let fO = Se({ name: "Menu", props: { as: { type: [Object, String], default: "tem
     return l();
   }, domRef: o }));
   pt(() => i.registerItem(n.id, s)), An(() => i.unregisterItem(n.id)), un(() => {
-    i.menuState.value === 0 && a.value && i.activationTrigger.value !== 0 && qt(() => {
+    i.menuState.value === 0 && a.value && i.activationTrigger.value !== 0 && Ut(() => {
       var m, v;
       return (v = (m = qe(o)) == null ? void 0 : m.scrollIntoView) == null ? void 0 : v.call(m, { block: "nearest" });
     });
@@ -22823,7 +22824,7 @@ let fO = Se({ name: "Menu", props: { as: { type: [Object, String], default: "tem
   }
   return () => {
     let { disabled: m } = n, v = { active: a.value, disabled: m, close: i.closeMenu }, { id: y, ...b } = n;
-    return Ut({ ourProps: { id: y, ref: o, role: "menuitem", tabIndex: m === !0 ? void 0 : -1, "aria-disabled": m === !0 ? !0 : void 0, disabled: void 0, onClick: d, onFocus: c, onPointerenter: f, onMouseenter: f, onPointermove: p, onMousemove: p, onPointerleave: g, onMouseleave: g }, theirProps: { ...e, ...b }, slot: v, attrs: e, slots: t, name: "MenuItem" });
+    return Vt({ ourProps: { id: y, ref: o, role: "menuitem", tabIndex: m === !0 ? void 0 : -1, "aria-disabled": m === !0 ? !0 : void 0, disabled: void 0, onClick: d, onFocus: c, onPointerenter: f, onMouseenter: f, onPointermove: p, onMousemove: p, onPointerleave: g, onMouseleave: g }, theirProps: { ...e, ...b }, slot: v, attrs: e, slots: t, name: "MenuItem" });
   };
 } });
 var mO = ((n) => (n[n.Open = 0] = "Open", n[n.Closed = 1] = "Closed", n))(mO || {});
@@ -22882,7 +22883,7 @@ let Ry = Se({ name: "Popover", inheritAttrs: !1, props: { as: { type: [Object, S
     p.closePopover(), Us(_, qs.Loose) || (x.preventDefault(), (k = qe(l)) == null || k.focus());
   }, L(() => a.value === 0)), () => {
     let x = { open: a.value === 0, close: p.close };
-    return xt(Je, [xt(b, {}, () => Ut({ theirProps: { ...n, ...e }, ourProps: { ref: o }, slot: x, slots: t, attrs: e, name: "Popover" })), xt(u.MainTreeNode)]);
+    return xt(Je, [xt(b, {}, () => Vt({ theirProps: { ...n, ...e }, ourProps: { ref: o }, slot: x, slots: t, attrs: e, name: "Popover" })), xt(u.MainTreeNode)]);
   };
 } }), vO = Se({ name: "PopoverButton", props: { as: { type: [Object, String], default: "button" }, disabled: { type: [Boolean], default: !1 }, id: { type: String, default: () => `headlessui-popover-button-${hn()}` } }, inheritAttrs: !1, setup(n, { attrs: t, slots: e, expose: r }) {
   let i = Ws("PopoverButton"), o = L(() => ir(i.button));
@@ -22944,7 +22945,7 @@ let Ry = Se({ name: "Popover", inheritAttrs: !1, props: { as: { type: [Object, S
   }
   return () => {
     let u = i.popoverState.value === 0, w = { open: u }, { id: x, ..._ } = n, k = d.value ? { ref: c, type: f.value, onKeydown: p, onClick: m } : { ref: c, id: x, type: f.value, "aria-expanded": i.popoverState.value === 0, "aria-controls": qe(i.panel) ? i.panelId.value : void 0, disabled: n.disabled ? !0 : void 0, onKeydown: p, onKeyup: g, onClick: m, onMousedown: v };
-    return xt(Je, [Ut({ ourProps: k, theirProps: { ...t, ..._ }, slot: w, attrs: t, slots: e, name: "PopoverButton" }), u && !d.value && i.isPortalled.value && xt(fi, { id: h, features: Hr.Focusable, "data-headlessui-focus-guard": !0, as: "button", type: "button", onFocus: b })]);
+    return xt(Je, [Vt({ ourProps: k, theirProps: { ...t, ..._ }, slot: w, attrs: t, slots: e, name: "PopoverButton" }), u && !d.value && i.isPortalled.value && xt(fi, { id: h, features: Hr.Focusable, "data-headlessui-focus-guard": !0, as: "button", type: "button", onFocus: b })]);
   };
 } });
 Se({ name: "PopoverOverlay", props: { as: { type: [Object, String], default: "div" }, static: { type: Boolean, default: !1 }, unmount: { type: Boolean, default: !0 } }, setup(n, { attrs: t, slots: e }) {
@@ -22954,7 +22955,7 @@ Se({ name: "PopoverOverlay", props: { as: { type: [Object, String], default: "di
   }
   return () => {
     let s = { open: r.popoverState.value === 0 };
-    return Ut({ ourProps: { id: i, "aria-hidden": !0, onClick: l }, theirProps: n, slot: s, attrs: t, slots: e, features: kr.RenderStrategy | kr.Static, visible: a.value, name: "PopoverOverlay" });
+    return Vt({ ourProps: { id: i, "aria-hidden": !0, onClick: l }, theirProps: n, slot: s, attrs: t, slots: e, features: kr.RenderStrategy | kr.Static, visible: a.value, name: "PopoverOverlay" });
   };
 } });
 let yO = Se({ name: "PopoverPanel", props: { as: { type: [Object, String], default: "div" }, static: { type: Boolean, default: !1 }, unmount: { type: Boolean, default: !0 }, focus: { type: Boolean, default: !1 }, id: { type: String, default: () => `headlessui-popover-panel-${hn()}` } }, inheritAttrs: !1, setup(n, { attrs: t, slots: e, expose: r }) {
@@ -23027,7 +23028,7 @@ let yO = Se({ name: "PopoverPanel", props: { as: { type: [Object, String], defau
   }
   return () => {
     let v = { open: o.popoverState.value === 0, close: o.close }, { id: y, focus: b, ...u } = n, w = { ref: o.panel, id: y, onKeydown: h, onFocusout: i && o.popoverState.value === 0 ? f : void 0, tabIndex: -1 };
-    return Ut({ ourProps: w, theirProps: { ...t, ...u }, attrs: t, slot: v, slots: { ...e, default: (...x) => {
+    return Vt({ ourProps: w, theirProps: { ...t, ...u }, attrs: t, slot: v, slots: { ...e, default: (...x) => {
       var _;
       return [xt(Je, [c.value && o.isPortalled.value && xt(fi, { id: l, ref: o.beforePanelSentinel, features: Hr.Focusable, "data-headlessui-focus-guard": !0, as: "button", type: "button", onFocus: g }), (_ = e.default) == null ? void 0 : _.call(e, ...x), c.value && o.isPortalled.value && xt(fi, { id: s, ref: o.afterPanelSentinel, features: Hr.Focusable, "data-headlessui-focus-guard": !0, as: "button", type: "button", onFocus: m })])];
     } }, features: kr.RenderStrategy | kr.Static, visible: c.value, name: "PopoverPanel" });
@@ -23060,7 +23061,7 @@ Se({ name: "PopoverGroup", inheritAttrs: !1, props: { as: { type: [Object, Strin
     for (let p of o.value)
       p.buttonId.value !== f && p.close();
   }
-  return gt(Ty, { registerPopover: d, unregisterPopover: s, isFocusWithinPopoverGroup: c, closeOthers: h, mainTreeNodeRef: l.mainTreeNodeRef }), () => xt(Je, [Ut({ ourProps: { ref: i }, theirProps: { ...n, ...t }, slot: {}, attrs: t, slots: e, name: "PopoverGroup" }), xt(l.MainTreeNode)]);
+  return gt(Ty, { registerPopover: d, unregisterPopover: s, isFocusWithinPopoverGroup: c, closeOthers: h, mainTreeNodeRef: l.mainTreeNodeRef }), () => xt(Je, [Vt({ ourProps: { ref: i }, theirProps: { ...n, ...t }, slot: {}, attrs: t, slots: e, name: "PopoverGroup" }), xt(l.MainTreeNode)]);
 } });
 let My = Symbol("LabelContext");
 function Iy() {
@@ -23085,7 +23086,7 @@ let wO = Se({ name: "Label", props: { as: { type: [Object, String], default: "la
   let r = Iy();
   return pt(() => An(r.register(n.id))), () => {
     let { name: i = "Label", slot: o = {}, props: a = {} } = r, { id: l, passive: s, ...d } = n, c = { ...Object.entries(a).reduce((h, [f, p]) => Object.assign(h, { [f]: T(p) }), {}), id: l };
-    return s && (delete c.onClick, delete c.htmlFor, delete d.onClick), Ut({ ourProps: c, theirProps: d, slot: o, attrs: e, slots: t, name: i });
+    return s && (delete c.onClick, delete c.htmlFor, delete d.onClick), Vt({ ourProps: c, theirProps: d, slot: o, attrs: e, slots: t, name: i });
   };
 } }), Ny = Symbol("GroupContext"), xO = Se({ name: "SwitchGroup", props: { as: { type: [Object, String], default: "template" } }, setup(n, { slots: t, attrs: e }) {
   let r = oe(null), i = bO({ name: "SwitchLabel", props: { htmlFor: L(() => {
@@ -23094,7 +23095,7 @@ let wO = Se({ name: "Label", props: { as: { type: [Object, String], default: "la
   }), onClick(a) {
     r.value && (a.currentTarget.tagName === "LABEL" && a.preventDefault(), r.value.click(), r.value.focus({ preventScroll: !0 }));
   } } }), o = _y({ name: "SwitchDescription" });
-  return gt(Ny, { switchRef: r, labelledby: i, describedby: o }), () => Ut({ theirProps: n, ourProps: {}, slot: {}, slots: t, attrs: e, name: "SwitchGroup" });
+  return gt(Ny, { switchRef: r, labelledby: i, describedby: o }), () => Vt({ theirProps: n, ourProps: {}, slot: {}, slots: t, attrs: e, name: "SwitchGroup" });
 } }), EO = Se({ name: "Switch", emits: { "update:modelValue": (n) => !0 }, props: { as: { type: [Object, String], default: "button" }, modelValue: { type: Boolean, default: void 0 }, defaultChecked: { type: Boolean, optional: !0 }, form: { type: String, optional: !0 }, name: { type: String, optional: !0 }, value: { type: String, optional: !0 }, id: { type: String, default: () => `headlessui-switch-${hn()}` } }, inheritAttrs: !1, setup(n, { emit: t, attrs: e, slots: r, expose: i }) {
   let o = wt(Ny, null), [a, l] = BD(L(() => n.modelValue), (v) => t("update:modelValue", v), L(() => n.defaultChecked));
   function s() {
@@ -23129,7 +23130,7 @@ let wO = Se({ name: "Label", props: { as: { type: [Object, String], default: "la
     }, { immediate: !0 });
   }), () => {
     let { id: v, name: y, value: b, form: u, ...w } = n, x = { checked: a.value }, _ = { id: v, ref: c, role: "switch", type: h.value, tabIndex: 0, "aria-checked": a.value, "aria-labelledby": o == null ? void 0 : o.labelledby.value, "aria-describedby": o == null ? void 0 : o.describedby.value, onClick: f, onKeyup: p, onKeypress: g };
-    return xt(Je, [y != null && a.value != null ? xt(fi, bD({ features: Hr.Hidden, as: "input", type: "checkbox", hidden: !0, readOnly: !0, checked: a.value, form: u, name: y, value: b })) : null, Ut({ ourProps: _, theirProps: { ...e, ...hf(w, ["modelValue", "defaultChecked"]) }, slot: x, attrs: e, slots: r, name: "Switch" })]);
+    return xt(Je, [y != null && a.value != null ? xt(fi, bD({ features: Hr.Hidden, as: "input", type: "checkbox", hidden: !0, readOnly: !0, checked: a.value, form: u, name: y, value: b })) : null, Vt({ ourProps: _, theirProps: { ...e, ...hf(w, ["modelValue", "defaultChecked"]) }, slot: x, attrs: e, slots: r, name: "Switch" })]);
   };
 } }), SO = wO;
 function _O(n) {
@@ -23261,7 +23262,7 @@ let By = kr.RenderStrategy, zl = Se({ props: { as: { type: [Object, String], def
     }, { immediate: !0 });
   }), gt(xf, w), pf(L(() => bn(v.value, { visible: Qt.Open, hidden: Qt.Closed }) | o.value)), () => {
     let { appear: R, show: P, enter: $, enterFrom: Y, enterTo: Z, entered: pe, leave: ne, leaveFrom: z, leaveTo: N, ...q } = n, F = { ref: c }, se = { ...q, ...p.value && f.value && Fa.isServer ? { class: de([e.class, q.class, ...x, ..._]) } : {} };
-    return Ut({ theirProps: se, ourProps: F, slot: {}, slots: r, attrs: e, features: By, visible: v.value === "visible", name: "TransitionChild" });
+    return Vt({ theirProps: se, ourProps: F, slot: {}, slots: r, attrs: e, features: By, visible: v.value === "visible", name: "TransitionChild" });
   };
 } }), OO = zl, Ly = Se({ inheritAttrs: !1, props: { as: { type: [Object, String], default: "div" }, show: { type: [Boolean], default: null }, unmount: { type: [Boolean], default: !0 }, appear: { type: [Boolean], default: !1 }, enter: { type: [String], default: "" }, enterFrom: { type: [String], default: "" }, enterTo: { type: [String], default: "" }, entered: { type: [String], default: "" }, leave: { type: [String], default: "" }, leaveFrom: { type: [String], default: "" }, leaveTo: { type: [String], default: "" } }, emits: { beforeEnter: () => !0, afterEnter: () => !0, beforeLeave: () => !0, afterLeave: () => !0 }, setup(n, { emit: t, attrs: e, slots: r }) {
   let i = Mo(), o = L(() => n.show === null && i !== null ? (i.value & Qt.Open) === Qt.Open : n.show);
@@ -23278,7 +23279,7 @@ let By = kr.RenderStrategy, zl = Se({ props: { as: { type: [Object, String], def
     });
   }), gt(xf, l), gt(wf, d), () => {
     let c = hf(n, ["show", "appear", "unmount", "onBeforeEnter", "onBeforeLeave", "onAfterEnter", "onAfterLeave"]), h = { unmount: n.unmount };
-    return Ut({ ourProps: { ...h, as: "template" }, theirProps: {}, slot: {}, slots: { ...r, default: () => [xt(OO, { onBeforeEnter: () => t("beforeEnter"), onAfterEnter: () => t("afterEnter"), onBeforeLeave: () => t("beforeLeave"), onAfterLeave: () => t("afterLeave"), ...e, ...h, ...c }, r.default)] }, attrs: {}, features: By, visible: a.value === "visible", name: "Transition" });
+    return Vt({ ourProps: { ...h, as: "template" }, theirProps: {}, slot: {}, slots: { ...r, default: () => [xt(OO, { onBeforeEnter: () => t("beforeEnter"), onAfterEnter: () => t("afterEnter"), onBeforeLeave: () => t("beforeLeave"), onAfterLeave: () => t("afterLeave"), ...e, ...h, ...c }, r.default)] }, attrs: {}, features: By, visible: a.value === "visible", name: "Transition" });
   };
 } });
 const RO = { class: "grow" }, MO = {
@@ -23622,7 +23623,7 @@ const RO = { class: "grow" }, MO = {
       k.preventDefault(), y();
     }
     function y() {
-      x(r.value), qt(() => {
+      x(r.value), Ut(() => {
         r.value = null;
       });
     }
@@ -23633,7 +23634,7 @@ const RO = { class: "grow" }, MO = {
       k.preventDefault(), w();
     }
     function w() {
-      x(i.value), _(i.value) || qt(() => {
+      x(i.value), _(i.value) || Ut(() => {
         i.value = e.modelValue;
       });
     }
@@ -24048,7 +24049,7 @@ const RO = { class: "grow" }, MO = {
     "fetch"
   ],
   setup(n, { expose: t, emit: e }) {
-    const r = n, i = Wt.http, o = oe(null), a = oe(!1), l = am(), s = lm(), d = l.name, c = Vi(r.size);
+    const r = n, i = qt.http, o = oe(null), a = oe(!1), l = am(), s = lm(), d = l.name, c = Vi(r.size);
     let h = !1;
     Fn(() => {
       h = !0;
@@ -24074,7 +24075,7 @@ const RO = { class: "grow" }, MO = {
     }), ut(
       () => x.value,
       () => {
-        qt(() => {
+        Ut(() => {
           D();
         });
       }
@@ -24096,8 +24097,8 @@ const RO = { class: "grow" }, MO = {
       const Ce = s.resolve({
         name: l.name,
         params: l.params
-      }), I = Wt.formatQueryString(Te), X = Ce.fullPath + "?" + I, ee = ne();
-      if (Wt.formatQueryString(ee) != I) {
+      }), I = qt.formatQueryString(Te), X = Ce.fullPath + "?" + I, ee = ne();
+      if (qt.formatQueryString(ee) != I) {
         if (!p.value) {
           s.replace(X);
           return;
@@ -24128,7 +24129,7 @@ const RO = { class: "grow" }, MO = {
     ut(
       () => l.query,
       () => {
-        qt(() => {
+        Ut(() => {
           z();
         });
       }
@@ -24144,7 +24145,7 @@ const RO = { class: "grow" }, MO = {
       }
     );
     function ne() {
-      return Wt.parseQueryString(window.location.search.replace(/^(\?)/, ""));
+      return qt.parseQueryString(window.location.search.replace(/^(\?)/, ""));
     }
     function z() {
       if (!r.historyMode || h || l.name != d)
@@ -24161,11 +24162,11 @@ const RO = { class: "grow" }, MO = {
     function F(Te = !1, Ce = !0) {
       if (h)
         return;
-      const I = $.value.split(/[?#]/), X = I[0], ee = I[1] ?? null, le = Wt.parseQueryString(ee), U = Wl(
+      const I = $.value.split(/[?#]/), X = I[0], ee = I[1] ?? null, le = qt.parseQueryString(ee), U = Wl(
         Kt(u.value),
         Kt(r.urlQuery),
         Kt(le)
-      ), ae = Wt.formatQueryString(U), ve = X + "?" + ae;
+      ), ae = qt.formatQueryString(U), ve = X + "?" + ae;
       y == ve && !Te || (Ce && (g.value = !0), y = ve, i.get(ve).then((Ie) => {
         se.value = Ie.data, g.value = !1, m.value = !1, p.value = !0, e("fetch", se.value);
       }).catch(() => {
@@ -24251,6 +24252,7 @@ const RO = { class: "grow" }, MO = {
                 placeholder: T(ze)("sui.autocomplete_placeholder"),
                 size: T(c).size.value,
                 class: "w-full",
+                required: !1,
                 "icon-left": "heroicons:magnifying-glass",
                 "icon-right": T(v) ? "heroicons:x-mark" : void 0,
                 onIconRightClick: Ce[1] || (Ce[1] = (I) => {
@@ -24559,7 +24561,7 @@ const $y = /* @__PURE__ */ pi(fR, [["render", gR]]), vR = { class: "flex flex-co
         se();
       }
     ), pt(() => {
-      qt(() => {
+      Ut(() => {
         se();
       });
     });
@@ -24644,7 +24646,7 @@ const $y = /* @__PURE__ */ pi(fR, [["render", gR]]), vR = { class: "flex flex-co
     function ie(he) {
       f.value.push(he);
       const me = g.value;
-      me && me.children && qt(() => {
+      me && me.children && Ut(() => {
         const Te = f.value.map((I) => `[data-id="${I.newKey}"]`).join(","), Ce = Array.from(me.querySelectorAll(Te)).map(
           (I) => I.getAttribute("data-id")
         );
@@ -25373,7 +25375,7 @@ const Uy = /* @__PURE__ */ pi(YR, [["render", XR]]), JR = ["disabled"], eM = /*
     "fetch"
   ],
   setup(n, { expose: t, emit: e }) {
-    const r = n, i = lm(), o = Wt.http, a = _d(), l = Yi(), s = oe(null), d = Vi(r.size), c = L(() => d.size.value == "md" ? "sm" : (d.size.value == "sm", "xs")), h = oe(null);
+    const r = n, i = lm(), o = qt.http, a = _d(), l = Yi(), s = oe(null), d = Vi(r.size), c = L(() => d.size.value == "md" ? "sm" : (d.size.value == "sm", "xs")), h = oe(null);
     function f(z) {
       r.showUrl && i.push(r.showUrl(z)), e("cell-click", z);
     }
@@ -29536,7 +29538,7 @@ const BM = /* @__PURE__ */ Co(PM), LM = { class: "text-xs text-slate-600" }, Yy
   setup(n, { expose: t }) {
     const e = n, r = oe(
       null
-    ), i = Wt.http, o = oe(!1), a = oe(!1), l = oe(!1), s = oe(""), d = oe(1), c = oe([]), h = oe(
+    ), i = qt.http, o = oe(!1), a = oe(!1), l = oe(!1), s = oe(""), d = oe(1), c = oe([]), h = oe(
       null
     ), { items: f, lastPage: p } = Td(h), g = (u) => {
       d.value = 1, s.value != u && (s.value = u, o.value = !0, b());
@@ -29925,7 +29927,7 @@ const BM = /* @__PURE__ */ Co(PM), LM = { class: "text-xs text-slate-600" }, Yy
       (h) => null
     );
     oe(["#10b981", "#06b6d4", "#a855f7"]);
-    const a = L(() => e.locales ? e.locales : Wt.locales), l = L(() => {
+    const a = L(() => e.locales ? e.locales : qt.locales), l = L(() => {
       let h = {};
       return e.modelValue && Hb(e.modelValue) && (h = e.modelValue), Object.keys(a.value).forEach((f) => {
         li(e.modelValue, f) || (h[f] = e.defaultValue);
@@ -30272,7 +30274,7 @@ const JM = ["disabled"], eI = ["accept", "multiple"], _f = /* @__PURE__ */ Se({
     "end"
   ],
   setup(n, { emit: t }) {
-    const e = n, r = Wt.http, i = Yi(), o = L(() => e.component == "BaseFilePickerCrop" ? Qy : _f), a = L(() => {
+    const e = n, r = qt.http, i = Yi(), o = L(() => e.component == "BaseFilePickerCrop" ? Qy : _f), a = L(() => {
       const c = {
         disabled: e.disabled || e.loading || l.value,
         twButton: e.twButton,
@@ -30313,7 +30315,7 @@ const JM = ["disabled"], eI = ["accept", "multiple"], _f = /* @__PURE__ */ Se({
     async function d(c) {
       const h = new FormData();
       h.append("file", c);
-      const p = (await r.post(e.url ?? Wt.upload_url, h)).data;
+      const p = (await r.post(e.url ?? qt.upload_url, h)).data;
       return p.original_file = c, new Promise((g) => {
         const m = new FileReader();
         m.onload = (v) => {
@@ -30460,7 +30462,7 @@ const sI = { class: "absolute z-[1] inset-0 flex h-full w-full items-center just
   },
   emits: ["error", "success"],
   setup(n, { expose: t, emit: e }) {
-    const r = n, i = Yi(), o = oe(null), a = oe(!1), l = oe({}), s = L(() => r.axiosInstance ? r.axiosInstance : Wt.http), d = L(() => o.value), c = L(() => Object.keys(l.value).length > 0), h = L(() => {
+    const r = n, i = Yi(), o = oe(null), a = oe(!1), l = oe({}), s = L(() => r.axiosInstance ? r.axiosInstance : qt.http), d = L(() => o.value), c = L(() => Object.keys(l.value).length > 0), h = L(() => {
       if (!c.value)
         return null;
       const k = Object.keys(l.value);
@@ -30804,7 +30806,7 @@ const hI = ["onClick"], pI = { class: "px-2 flex items-center" }, mI = { class:
     }));
     function f() {
       const y = new fI(h.value).handle();
-      o.value = y.width, a.value = y.height, l.value = y.rows, s.value = y.groups, d.value = y.ticks, c.value = y.nowLine, qt(() => {
+      o.value = y.width, a.value = y.height, l.value = y.rows, s.value = y.groups, d.value = y.ticks, c.value = y.nowLine, Ut(() => {
         if (c.value && i.value) {
           const b = c.value.x + r.width.value / 2;
           i.value.scrollLeft = b;
@@ -31092,7 +31094,7 @@ const hI = ["onClick"], pI = { class: "px-2 flex items-center" }, mI = { class:
   },
   emits: ["update:modelValue"],
   setup(n, { expose: t, emit: e }) {
-    const r = n, i = Wt.http, o = oe(null), a = oe(r.currentModels);
+    const r = n, i = qt.http, o = oe(null), a = oe(r.currentModels);
     ut(
       () => r.currentModels,
       (s, d) => {
@@ -31331,7 +31333,7 @@ const hI = ["onClick"], pI = { class: "px-2 flex items-center" }, mI = { class:
     const i = oe([]), o = oe({}), a = L(() => Object.keys(o.value).sort((b, u) => u.length - b.length)), l = oe(null), s = L(() => Object.keys(o.value).filter((b) => b !== l.value)), d = oe(null), c = L(() => i.value.map((b) => e.collection + ":" + b)), h = L(() => c.value.filter((b) => !(!b.endsWith(l.value ?? "") || s.value.filter((_) => b.endsWith(_)).some((_) => _.length > (l.value ?? "").length)))), f = oe(""), p = L(() => f.value ? h.value.filter((b) => b.toLocaleLowerCase().includes(f.value.toLowerCase())) : h.value);
     function g() {
       fetch("https://api.iconify.design/collection?prefix=" + e.collection).then((b) => b.json()).then((b) => {
-        i.value = b.uncategorized, o.value = b.suffixes, m(), qt(() => {
+        i.value = b.uncategorized, o.value = b.suffixes, m(), Ut(() => {
           v();
         });
       });
@@ -31355,7 +31357,7 @@ const hI = ["onClick"], pI = { class: "px-2 flex items-center" }, mI = { class:
       b && (d.value.scrollTop = b.offsetTop - 10);
     }
     function y() {
-      qt(() => {
+      Ut(() => {
         let b = e.modelValue ?? "";
         a.value.forEach((w) => {
           let x = w;
@@ -32077,7 +32079,7 @@ var xN = ["evt"], Nn = function(t, e) {
     dragEl: He,
     parentEl: Jt,
     ghostEl: bt,
-    rootEl: Vt,
+    rootEl: Wt,
     nextEl: Ci,
     lastDownEl: $l,
     cloneEl: Yt,
@@ -32112,14 +32114,14 @@ function On(n) {
     putSortable: vn,
     cloneEl: Yt,
     targetEl: He,
-    rootEl: Vt,
+    rootEl: Wt,
     oldIndex: ao,
     oldDraggableIndex: ga,
     newIndex: Un,
     newDraggableIndex: Xr
   }, n));
 }
-var He, Jt, bt, Vt, Ci, $l, Yt, Jr, ao, Un, ga, Xr, xl, vn, io = !1, ps = !1, ms = [], Si, sr, Xu, Ju, zp, jp, ta, no, va, ya = !1, El = !1, Hl, Sn, ec = [], Jc = !1, gs = [], Ys = typeof document < "u", Sl = Jy, Fp = Ua || Wr ? "cssFloat" : "float", EN = Ys && !eb && !Jy && "draggable" in document.createElement("div"), ab = function() {
+var He, Jt, bt, Wt, Ci, $l, Yt, Jr, ao, Un, ga, Xr, xl, vn, io = !1, ps = !1, ms = [], Si, sr, Xu, Ju, zp, jp, ta, no, va, ya = !1, El = !1, Hl, Sn, ec = [], Jc = !1, gs = [], Ys = typeof document < "u", Sl = Jy, Fp = Ua || Wr ? "cssFloat" : "float", EN = Ys && !eb && !Jy && "draggable" in document.createElement("div"), ab = function() {
   if (Ys) {
     if (Wr)
       return !1;
@@ -32301,7 +32303,7 @@ ht.prototype = /** @lends Sortable.prototype */
     var i = this, o = i.el, a = i.options, l = o.ownerDocument, s;
     if (r && !He && r.parentNode === o) {
       var d = sn(r);
-      if (Vt = o, He = r, Jt = He.parentNode, Ci = He.nextSibling, $l = r, xl = a.group, ht.dragged = He, Si = {
+      if (Wt = o, He = r, Jt = He.parentNode, Ci = He.nextSibling, $l = r, xl = a.group, ht.dragged = He, Si = {
         target: He,
         clientX: (e || t).clientX,
         clientY: (e || t).clientY
@@ -32343,7 +32345,7 @@ ht.prototype = /** @lends Sortable.prototype */
     Ct(t, "mouseup", this._disableDelayedDrag), Ct(t, "touchend", this._disableDelayedDrag), Ct(t, "touchcancel", this._disableDelayedDrag), Ct(t, "mousemove", this._delayedDragTouchMoveHandler), Ct(t, "touchmove", this._delayedDragTouchMoveHandler), Ct(t, "pointermove", this._delayedDragTouchMoveHandler);
   },
   _triggerDragStart: function(t, e) {
-    e = e || t.pointerType == "touch" && t, !this.nativeDraggable || e ? this.options.supportPointer ? Ot(document, "pointermove", this._onTouchMove) : e ? Ot(document, "touchmove", this._onTouchMove) : Ot(document, "mousemove", this._onTouchMove) : (Ot(He, "dragend", this), Ot(Vt, "dragstart", this._onDragStart));
+    e = e || t.pointerType == "touch" && t, !this.nativeDraggable || e ? this.options.supportPointer ? Ot(document, "pointermove", this._onTouchMove) : e ? Ot(document, "touchmove", this._onTouchMove) : Ot(document, "mousemove", this._onTouchMove) : (Ot(He, "dragend", this), Ot(Wt, "dragstart", this._onDragStart));
     try {
       document.selection ? ql(function() {
         document.selection.empty();
@@ -32352,7 +32354,7 @@ ht.prototype = /** @lends Sortable.prototype */
     }
   },
   _dragStarted: function(t, e) {
-    if (io = !1, Vt && He) {
+    if (io = !1, Wt && He) {
       Nn("dragStarted", this, {
         evt: e
       }), this.nativeDraggable && Ot(document, "dragover", kN);
@@ -32412,7 +32414,7 @@ ht.prototype = /** @lends Sortable.prototype */
   },
   _appendGhost: function() {
     if (!bt) {
-      var t = this.options.fallbackOnBody ? document.body : Vt, e = sn(He, !0, Sl, !0, t), r = this.options;
+      var t = this.options.fallbackOnBody ? document.body : Wt, e = sn(He, !0, Sl, !0, t), r = this.options;
       if (Sl) {
         for (Sn = t; ft(Sn, "position") === "static" && ft(Sn, "transform") === "none" && Sn !== document; )
           Sn = Sn.parentNode;
@@ -32430,7 +32432,7 @@ ht.prototype = /** @lends Sortable.prototype */
       return;
     }
     Nn("setupClone", this), ht.eventCanceled || (Yt = ob(He), Yt.removeAttribute("id"), Yt.draggable = !1, Yt.style["will-change"] = "", this._hideClone(), qn(Yt, this.options.chosenClass, !1), ht.clone = Yt), r.cloneId = ql(function() {
-      Nn("clone", r), !ht.eventCanceled && (r.options.removeCloneOnHide || Vt.insertBefore(Yt, He), r._hideClone(), On({
+      Nn("clone", r), !ht.eventCanceled && (r.options.removeCloneOnHide || Wt.insertBefore(Yt, He), r._hideClone(), On({
         sortable: r,
         name: "clone"
       }));
@@ -32454,7 +32456,7 @@ ht.prototype = /** @lends Sortable.prototype */
         target: r,
         completed: b,
         onMove: function(N, q) {
-          return _l(Vt, e, He, i, N, sn(N), t, q);
+          return _l(Wt, e, He, i, N, sn(N), t, q);
         },
         changed: u
       }, ne));
@@ -32483,22 +32485,22 @@ ht.prototype = /** @lends Sortable.prototype */
       return m;
     if (He.contains(t.target) || r.animated && r.animatingX && r.animatingY || g._ignoreWhileAnimating === r)
       return b(!1);
-    if (ps = !1, d && !l.disabled && (c ? h || (a = Jt !== Vt) : vn === this || (this.lastPutMode = xl.checkPull(this, d, He, t)) && s.checkPut(this, d, He, t))) {
+    if (ps = !1, d && !l.disabled && (c ? h || (a = Jt !== Wt) : vn === this || (this.lastPutMode = xl.checkPull(this, d, He, t)) && s.checkPut(this, d, He, t))) {
       if (p = this._getDirection(t, r) === "vertical", i = sn(He), v("dragOverValid"), ht.eventCanceled)
         return m;
       if (a)
-        return Jt = Vt, y(), this._hideClone(), v("revert"), ht.eventCanceled || (Ci ? Vt.insertBefore(He, Ci) : Vt.appendChild(He)), b(!0);
+        return Jt = Wt, y(), this._hideClone(), v("revert"), ht.eventCanceled || (Ci ? Wt.insertBefore(He, Ci) : Wt.appendChild(He)), b(!0);
       var w = Tf(e, l.draggable);
       if (!w || DN(t, p, this) && !w.animated) {
         if (w === He)
           return b(!1);
-        if (w && e === t.target && (r = w), r && (o = sn(r)), _l(Vt, e, He, i, r, o, t, !!r) !== !1)
+        if (w && e === t.target && (r = w), r && (o = sn(r)), _l(Wt, e, He, i, r, o, t, !!r) !== !1)
           return y(), w && w.nextSibling ? e.insertBefore(He, w.nextSibling) : e.appendChild(He), Jt = e, u(), b(!0);
       } else if (w && TN(t, p, this)) {
         var x = ko(e, 0, l, !0);
         if (x === He)
           return b(!1);
-        if (r = x, o = sn(r), _l(Vt, e, He, i, r, o, t, !1) !== !1)
+        if (r = x, o = sn(r), _l(Wt, e, He, i, r, o, t, !1) !== !1)
           return y(), e.insertBefore(He, x), Jt = e, u(), b(!0);
       } else if (r.parentNode === e) {
         o = sn(r);
@@ -32516,7 +32518,7 @@ ht.prototype = /** @lends Sortable.prototype */
         no = r, va = _;
         var $ = r.nextElementSibling, Y = !1;
         Y = _ === 1;
-        var Z = _l(Vt, e, He, i, r, o, t, Y);
+        var Z = _l(Wt, e, He, i, r, o, t, Y);
         if (Z !== !1)
           return (Z === 1 || Z === -1) && (Y = Z === 1), Jc = !0, setTimeout(CN, 30), y(), Y && !$ ? e.appendChild(He) : r.parentNode.insertBefore(He, Y ? $ : r), S && ib(S, 0, C - S.scrollTop), Jt = He.parentNode, k !== void 0 && !El && (Hl = Math.abs(k - sn(r)[A])), u(), b(!0);
       }
@@ -32541,18 +32543,18 @@ ht.prototype = /** @lends Sortable.prototype */
       this._nulling();
       return;
     }
-    io = !1, El = !1, ya = !1, clearInterval(this._loopId), clearTimeout(this._dragStartTimer), ed(this.cloneId), ed(this._dragStartId), this.nativeDraggable && (Ct(document, "drop", this), Ct(e, "dragstart", this._onDragStart)), this._offMoveEvents(), this._offUpEvents(), pa && ft(document.body, "user-select", ""), ft(He, "transform", ""), t && (ta && (t.cancelable && t.preventDefault(), !r.dropBubble && t.stopPropagation()), bt && bt.parentNode && bt.parentNode.removeChild(bt), (Vt === Jt || vn && vn.lastPutMode !== "clone") && Yt && Yt.parentNode && Yt.parentNode.removeChild(Yt), He && (this.nativeDraggable && Ct(He, "dragend", this), tc(He), He.style["will-change"] = "", ta && !io && qn(He, vn ? vn.options.ghostClass : this.options.ghostClass, !1), qn(He, this.options.chosenClass, !1), On({
+    io = !1, El = !1, ya = !1, clearInterval(this._loopId), clearTimeout(this._dragStartTimer), ed(this.cloneId), ed(this._dragStartId), this.nativeDraggable && (Ct(document, "drop", this), Ct(e, "dragstart", this._onDragStart)), this._offMoveEvents(), this._offUpEvents(), pa && ft(document.body, "user-select", ""), ft(He, "transform", ""), t && (ta && (t.cancelable && t.preventDefault(), !r.dropBubble && t.stopPropagation()), bt && bt.parentNode && bt.parentNode.removeChild(bt), (Wt === Jt || vn && vn.lastPutMode !== "clone") && Yt && Yt.parentNode && Yt.parentNode.removeChild(Yt), He && (this.nativeDraggable && Ct(He, "dragend", this), tc(He), He.style["will-change"] = "", ta && !io && qn(He, vn ? vn.options.ghostClass : this.options.ghostClass, !1), qn(He, this.options.chosenClass, !1), On({
       sortable: this,
       name: "unchoose",
       toEl: Jt,
       newIndex: null,
       newDraggableIndex: null,
       originalEvent: t
-    }), Vt !== Jt ? (Un >= 0 && (On({
+    }), Wt !== Jt ? (Un >= 0 && (On({
       rootEl: Jt,
       name: "add",
       toEl: Jt,
-      fromEl: Vt,
+      fromEl: Wt,
       originalEvent: t
     }), On({
       sortable: this,
@@ -32563,7 +32565,7 @@ ht.prototype = /** @lends Sortable.prototype */
       rootEl: Jt,
       name: "sort",
       toEl: Jt,
-      fromEl: Vt,
+      fromEl: Wt,
       originalEvent: t
     }), On({
       sortable: this,
@@ -32588,7 +32590,7 @@ ht.prototype = /** @lends Sortable.prototype */
     }), this.save()))), this._nulling();
   },
   _nulling: function() {
-    Nn("nulling", this), Vt = He = Jt = bt = Ci = Yt = $l = Jr = Si = sr = ta = Un = Xr = ao = ga = no = va = vn = xl = ht.dragged = ht.ghost = ht.clone = ht.active = null, gs.forEach(function(t) {
+    Nn("nulling", this), Wt = He = Jt = bt = Ci = Yt = $l = Jr = Si = sr = ta = Un = Xr = ao = ga = no = va = vn = xl = ht.dragged = ht.ghost = ht.clone = ht.active = null, gs.forEach(function(t) {
       t.checked = !0;
     }), gs.length = Xu = Ju = 0;
   },
@@ -32683,7 +32685,7 @@ ht.prototype = /** @lends Sortable.prototype */
     if (Jr) {
       if (Nn("showClone", this), ht.eventCanceled)
         return;
-      He.parentNode == Vt && !this.options.group.revertClone ? Vt.insertBefore(Yt, He) : Ci ? Vt.insertBefore(Yt, Ci) : Vt.appendChild(Yt), this.options.group.revertClone && this.animate(He, Yt), ft(Yt, "display", ""), Jr = !1;
+      He.parentNode == Wt && !this.options.group.revertClone ? Wt.insertBefore(Yt, He) : Ci ? Wt.insertBefore(Yt, Ci) : Wt.appendChild(Yt), this.options.group.revertClone && this.animate(He, Yt), ft(Yt, "display", ""), Jr = !1;
     }
   }
 };
@@ -34345,7 +34347,7 @@ const UP = /* @__PURE__ */ pi(zP, [["render", qP]]), VP = { class: "space-y-3" }
       a(), im(
         e.value,
         () => {
-          r.value = !1, qt(() => {
+          r.value = !1, Ut(() => {
             a();
           });
         },
@@ -43461,7 +43463,7 @@ const Vp = {
     }, D = () => {
       e == null || e.focus();
     }, A = () => {
-      qt(() => {
+      Ut(() => {
         var S;
         !t.slots.toolbar && e && ((S = e.getModule("toolbar")) === null || S === void 0 || S.container.remove()), o();
       });
@@ -43470,7 +43472,7 @@ const Vp = {
       if (!e || !S || c(S))
         return;
       const C = e.getSelection();
-      C && qt(() => e == null ? void 0 : e.setSelection(C)), u(S);
+      C && Ut(() => e == null ? void 0 : e.setSelection(C)), u(S);
     }, { deep: !0 }), ut(() => n.enable, (S) => {
       e && e.enable(S);
     }), {
@@ -44200,7 +44202,7 @@ const NB = /* @__PURE__ */ pi(CB, [["render", IB]]), PB = /* @__PURE__ */ j("spa
     ut(
       () => e.fullPath,
       () => {
-        qt(() => {
+        Ut(() => {
           a(), s();
         });
       }
@@ -44232,7 +44234,7 @@ const NB = /* @__PURE__ */ pi(CB, [["render", IB]]), PB = /* @__PURE__ */ j("spa
     }
     const l = oe(null);
     pt(() => {
-      qt(() => {
+      Ut(() => {
         s(!1);
       });
     });
@@ -44663,7 +44665,7 @@ const NB = /* @__PURE__ */ pi(CB, [["render", IB]]), PB = /* @__PURE__ */ j("spa
       (b = o.value[p + v.length]) == null || b.focus(), g.preventDefault();
     };
     return pt(async () => {
-      await qt(), o.value = Array.from(
+      await Ut(), o.value = Array.from(
         { length: e.numberOfCharacters },
         (g, m) => o.value[m]
       );
@@ -45551,7 +45553,7 @@ const NB = /* @__PURE__ */ pi(CB, [["render", IB]]), PB = /* @__PURE__ */ j("spa
 const w5 = 100, N5 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   MAGIC_NUM: w5
-}, Symbol.toStringTag, { value: "Module" })), P5 = { en: Um, fr: Vm }, Wt = {
+}, Symbol.toStringTag, { value: "Module" })), P5 = { en: Um, fr: Vm }, qt = {
   http: Fb.create(),
   locales: {
     en: "English",
@@ -45560,24 +45562,27 @@ const w5 = 100, N5 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.define
   upload_url: "/api/upload",
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   formatQueryString(n) {
-    return jf.stringify(n, {
+    return zf.stringify(n, {
       //arrayFormat: 'comma',
       //encode: true ? true : false,
     });
   },
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   parseQueryString(n) {
-    return jf.parse(n, {
+    return zf.parse(n, {
       //comma: true,
     });
   },
   countries: [],
-  regions: []
+  regions: [],
+  props: {
+    size: "md"
+  }
 };
 function x5(n, t) {
   for (const e in Yp)
     n.component(e, Yp[e]);
-  t != null && t.http && (Wt.http = t.http), t != null && t.locales && (Wt.locales = t.locales), t != null && t.upload_url && (Wt.upload_url = t.upload_url), t != null && t.formatQueryString && (Wt.formatQueryString = t.formatQueryString), t != null && t.parseQueryString && (Wt.parseQueryString = t.parseQueryString), t != null && t.countries && (Wt.countries = t.countries), t != null && t.regions && (Wt.regions = t.regions), n.config.globalProperties.$i18n && ut(
+  t != null && t.http && (qt.http = t.http), t != null && t.locales && (qt.locales = t.locales), t != null && t.upload_url && (qt.upload_url = t.upload_url), t != null && t.formatQueryString && (qt.formatQueryString = t.formatQueryString), t != null && t.parseQueryString && (qt.parseQueryString = t.parseQueryString), t != null && t.countries && (qt.countries = t.countries), t != null && t.regions && (qt.regions = t.regions), n.config.globalProperties.$i18n && ut(
     () => n.config.globalProperties.$i18n.locale,
     (e) => {
       $i().set(e);
@@ -45687,7 +45692,7 @@ export {
   N5 as MyConstants,
   I5 as base64ToBlob,
   tD as blobToBase64,
-  Wt as config,
+  qt as config,
   B5 as default,
   kd as disableScroll,
   Ad as enableScroll,

package/dist/types/src/index.d.ts

@@ -201,6 +201,7 @@ import './assets/main.css';
 import { Locales } from './types';
 import { Country } from './types/Country';
 import { Region } from './types/Region';
+import { Size } from './utils/sizes';
 export interface Options {
     http?: AxiosInstance;
     upload_url?: string;
@@ -209,6 +210,9 @@ export interface Options {
     parseQueryString?: (params: string) => Record<string, any>;
     countries?: Country[];
     regions?: Region[];
+    props?: {
+        size?: Size;
+    };
 }
 declare const config: {
     http: AxiosInstance;
@@ -218,6 +222,9 @@ declare const config: {
     parseQueryString(params: string): Record<string, any>;
     countries: Country[];
     regions: Region[];
+    props: {
+        size: string;
+    };
 };
 declare function install(app: App, options?: Options): void;
 declare const _default: {

package/package.json

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

package/src/components/BaseAutocomplete.vue

@@ -26,6 +26,7 @@
         <BaseInput
           ref="inputElement"
           :model-value="keywords"
+          :required="false"
           type="text"
           :visible-focus="visibleFocus"
           :placeholder="placeholder ? placeholder : t('sui.autocomplete_placeholder')"

package/src/components/BaseDataIterator.vue

@@ -28,6 +28,7 @@
               :placeholder="t('sui.autocomplete_placeholder')"
               :size="sizeInternal.size.value"
               class="w-full"
+              :required="false"
               icon-left="heroicons:magnifying-glass"
               :icon-right="searchQuery ? 'heroicons:x-mark' : undefined"
               @icon-right-click="searchQuery = ''; onSearch('');"

package/src/composables/inputSize.ts

@@ -1,11 +1,14 @@
 import { useBreakpoints } from "./breakpoints";
 import { Size, sizes } from "@/utils/sizes";
 import { MaybeRef } from "vue";
+import { config } from "..";
 
 function useInputSize(size: MaybeRef<Size | '' | undefined | null>) {
 
     const bp = useBreakpoints();
 
+    const defaultSize = (config.props.size ?? 'md') as Size;
+
     const sizeInternal = computed(() => {
 
         if (bp.smaller('sm').value) {
@@ -15,11 +18,11 @@ function useInputSize(size: MaybeRef<Size | '' | undefined | null>) {
         let s = unref(size);
 
         if (!s) {
-            s = 'md';
+            s = defaultSize;
         }
 
         if (!Object.keys(sizes).includes(s)) {
-            s = 'md';
+            s = defaultSize;
         }
 
         return s;

package/src/index.ts

@@ -17,6 +17,7 @@ import { Locales } from './types';
 import { Country } from './types/Country';
 import { Region } from './types/Region';
 import { useI18nStore } from './stores/i18n';
+import { Size } from './utils/sizes';
 
 export interface Options {
   http?: AxiosInstance;
@@ -28,6 +29,9 @@ export interface Options {
   parseQueryString?: (params: string) => Record<string, any>;
   countries?: Country[];
   regions?: Region[];
+  props?: {
+    size?: Size
+  }
 }
 
 const config = {
@@ -52,6 +56,9 @@ const config = {
   },
   countries: [] as Country[],
   regions: [] as Region[],
+  props: {
+    size: 'md'
+  }
 };
 
 function install(app: App, options?: Options) {