sprintify-ui 0.6.38 → 0.6.39

package/dist/sprintify-ui.es.js

@@ -243,7 +243,7 @@ function u0() {
     return a(Zb.apply(null, arguments));
   };
 }
-function $t(n) {
+function Ht(n) {
   var t = function(r) {
     return r[n] || [];
   };
@@ -309,7 +309,7 @@ function E0(n) {
   return p0.test(n);
 }
 function S0() {
-  var n = $t("colors"), t = $t("spacing"), e = $t("blur"), r = $t("brightness"), i = $t("borderColor"), o = $t("borderRadius"), a = $t("borderSpacing"), l = $t("borderWidth"), s = $t("contrast"), d = $t("grayscale"), c = $t("hueRotate"), h = $t("invert"), f = $t("gap"), p = $t("gradientColorStops"), g = $t("gradientColorStopPositions"), m = $t("inset"), v = $t("margin"), y = $t("opacity"), b = $t("padding"), u = $t("saturate"), w = $t("scale"), x = $t("sepia"), _ = $t("skew"), k = $t("space"), E = $t("translate"), D = function() {
+  var n = Ht("colors"), t = Ht("spacing"), e = Ht("blur"), r = Ht("brightness"), i = Ht("borderColor"), o = Ht("borderRadius"), a = Ht("borderSpacing"), l = Ht("borderWidth"), s = Ht("contrast"), d = Ht("grayscale"), c = Ht("hueRotate"), h = Ht("invert"), f = Ht("gap"), p = Ht("gradientColorStops"), g = Ht("gradientColorStopPositions"), m = Ht("inset"), v = Ht("margin"), y = Ht("opacity"), b = Ht("padding"), u = Ht("saturate"), w = Ht("scale"), x = Ht("sepia"), _ = Ht("skew"), k = Ht("space"), E = Ht("translate"), D = function() {
     return ["auto", "contain", "none"];
   }, A = function() {
     return ["auto", "hidden", "clip", "visible", "scroll"];
@@ -2563,13 +2563,14 @@ const fr = {
   }
 };
 function Vi(n) {
-  const t = cd(), e = qt.props.size ?? "md";
+  var i;
+  const t = cd(), e = ((i = $t.props) == null ? void 0 : i.size) ?? "md";
   return {
     size: L(() => {
       if (t.smaller("sm").value)
         return "md";
-      let i = T(n);
-      return i || (i = e), Object.keys(fr).includes(i) || (i = e), i;
+      let o = T(n);
+      return o || (o = e), Object.keys(fr).includes(o) || (o = e), o;
     })
   };
 }
@@ -5854,7 +5855,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 : qt.countries), l = L(() => e.regions && tn(e.regions) && e.regions.length ? e.regions : qt.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 : $t.countries), l = L(() => e.regions && tn(e.regions) && e.regions.length ? e.regions : $t.regions), s = L(() => l.value.filter(
       (y) => y.country_id == i.value.country
     )), d = L(() => e.prefix ? e.prefix + "." : "");
     function c(y, b) {
@@ -7638,7 +7639,7 @@ const qx = {
       }
     );
     function b() {
-      o.value || (o.value = !0, i.value = !0, qt.http.get(r.url, {
+      o.value || (o.value = !0, i.value = !0, $t.http.get(r.url, {
         params: {
           [r.queryKey]: l.value,
           page: s.value
@@ -8004,8 +8005,8 @@ function tg(n, t) {
   const e = gh(n), r = gh(t);
   return e > r ? (e + 0.05) / (r + 0.05) : (r + 0.05) / (e + 0.05);
 }
-var ng = {}, rg = {}, Od = { exports: {} }, Ht = String, ig = function() {
-  return { isColorSupported: !1, reset: Ht, bold: Ht, dim: Ht, italic: Ht, underline: Ht, inverse: Ht, hidden: Ht, strikethrough: Ht, black: Ht, red: Ht, green: Ht, yellow: Ht, blue: Ht, magenta: Ht, cyan: Ht, white: Ht, gray: Ht, bgBlack: Ht, bgRed: Ht, bgGreen: Ht, bgYellow: Ht, bgBlue: Ht, bgMagenta: Ht, bgCyan: Ht, bgWhite: Ht };
+var ng = {}, rg = {}, Od = { exports: {} }, qt = String, ig = function() {
+  return { isColorSupported: !1, reset: qt, bold: qt, dim: qt, italic: qt, underline: qt, inverse: qt, hidden: qt, strikethrough: qt, black: qt, red: qt, green: qt, yellow: qt, blue: qt, magenta: qt, cyan: qt, white: qt, gray: qt, bgBlack: qt, bgRed: qt, bgGreen: qt, bgYellow: qt, bgBlue: qt, bgMagenta: qt, bgCyan: qt, bgWhite: qt };
 };
 Od.exports = ig();
 Od.exports.createColors = ig;
@@ -8852,7 +8853,7 @@ const Rd = /* @__PURE__ */ Se({
   },
   emits: ["update:modelValue"],
   setup(n, { expose: t, emit: e }) {
-    const r = n, i = qt.http, o = oe(null), a = oe(r.currentModel);
+    const r = n, i = $t.http, o = oe(null), a = oe(r.currentModel);
     ut(
       () => r.currentModel,
       (s, d) => {
@@ -24049,7 +24050,7 @@ const RO = { class: "grow" }, MO = {
     "fetch"
   ],
   setup(n, { expose: t, emit: e }) {
-    const r = n, i = qt.http, o = oe(null), a = oe(!1), l = am(), s = lm(), d = l.name, c = Vi(r.size);
+    const r = n, i = $t.http, o = oe(null), a = oe(!1), l = am(), s = lm(), d = l.name, c = Vi(r.size);
     let h = !1;
     Fn(() => {
       h = !0;
@@ -24097,8 +24098,8 @@ const RO = { class: "grow" }, MO = {
       const Ce = s.resolve({
         name: l.name,
         params: l.params
-      }), I = qt.formatQueryString(Te), X = Ce.fullPath + "?" + I, ee = ne();
-      if (qt.formatQueryString(ee) != I) {
+      }), I = $t.formatQueryString(Te), X = Ce.fullPath + "?" + I, ee = ne();
+      if ($t.formatQueryString(ee) != I) {
         if (!p.value) {
           s.replace(X);
           return;
@@ -24145,7 +24146,7 @@ const RO = { class: "grow" }, MO = {
       }
     );
     function ne() {
-      return qt.parseQueryString(window.location.search.replace(/^(\?)/, ""));
+      return $t.parseQueryString(window.location.search.replace(/^(\?)/, ""));
     }
     function z() {
       if (!r.historyMode || h || l.name != d)
@@ -24162,11 +24163,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 = qt.parseQueryString(ee), U = Wl(
+      const I = $.value.split(/[?#]/), X = I[0], ee = I[1] ?? null, le = $t.parseQueryString(ee), U = Wl(
         Kt(u.value),
         Kt(r.urlQuery),
         Kt(le)
-      ), ae = qt.formatQueryString(U), ve = X + "?" + ae;
+      ), ae = $t.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(() => {
@@ -25375,7 +25376,7 @@ const Uy = /* @__PURE__ */ pi(YR, [["render", XR]]), JR = ["disabled"], eM = /*
     "fetch"
   ],
   setup(n, { expose: t, emit: e }) {
-    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);
+    const r = n, i = lm(), o = $t.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);
     }
@@ -29538,7 +29539,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 = qt.http, o = oe(!1), a = oe(!1), l = oe(!1), s = oe(""), d = oe(1), c = oe([]), h = oe(
+    ), i = $t.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());
@@ -29927,7 +29928,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 : qt.locales), l = L(() => {
+    const a = L(() => e.locales ? e.locales : $t.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);
@@ -30274,7 +30275,7 @@ const JM = ["disabled"], eI = ["accept", "multiple"], _f = /* @__PURE__ */ Se({
     "end"
   ],
   setup(n, { emit: t }) {
-    const e = n, r = qt.http, i = Yi(), o = L(() => e.component == "BaseFilePickerCrop" ? Qy : _f), a = L(() => {
+    const e = n, r = $t.http, i = Yi(), o = L(() => e.component == "BaseFilePickerCrop" ? Qy : _f), a = L(() => {
       const c = {
         disabled: e.disabled || e.loading || l.value,
         twButton: e.twButton,
@@ -30315,7 +30316,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 ?? qt.upload_url, h)).data;
+      const p = (await r.post(e.url ?? $t.upload_url, h)).data;
       return p.original_file = c, new Promise((g) => {
         const m = new FileReader();
         m.onload = (v) => {
@@ -30462,7 +30463,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 : qt.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 : $t.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);
@@ -31094,7 +31095,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 = qt.http, o = oe(null), a = oe(r.currentModels);
+    const r = n, i = $t.http, o = oe(null), a = oe(r.currentModels);
     ut(
       () => r.currentModels,
       (s, d) => {
@@ -45553,7 +45554,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 }, qt = {
+}, Symbol.toStringTag, { value: "Module" })), P5 = { en: Um, fr: Vm }, $t = {
   http: Fb.create(),
   locales: {
     en: "English",
@@ -45582,7 +45583,7 @@ const w5 = 100, N5 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.define
 function x5(n, t) {
   for (const e in Yp)
     n.component(e, Yp[e]);
-  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(
+  t != null && t.http && ($t.http = t.http), t != null && t.locales && ($t.locales = t.locales), t != null && t.upload_url && ($t.upload_url = t.upload_url), t != null && t.formatQueryString && ($t.formatQueryString = t.formatQueryString), t != null && t.parseQueryString && ($t.parseQueryString = t.parseQueryString), t != null && t.countries && ($t.countries = t.countries), t != null && t.regions && ($t.regions = t.regions), t != null && t.props && ($t.props = t.props), n.config.globalProperties.$i18n && ut(
     () => n.config.globalProperties.$i18n.locale,
     (e) => {
       $i().set(e);
@@ -45692,7 +45693,7 @@ export {
   N5 as MyConstants,
   I5 as base64ToBlob,
   tD as blobToBase64,
-  qt as config,
+  $t as config,
   B5 as default,
   kd as disableScroll,
   Ad as enableScroll,

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

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

package/package.json

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

package/src/composables/inputSize.ts

@@ -7,7 +7,7 @@ function useInputSize(size: MaybeRef<Size | '' | undefined | null>) {
 
     const bp = useBreakpoints();
 
-    const defaultSize = (config.props.size ?? 'md') as Size;
+    const defaultSize = (config.props?.size ?? 'md') as Size;
 
     const sizeInternal = computed(() => {
 

package/src/index.ts

@@ -19,6 +19,10 @@ import { Region } from './types/Region';
 import { useI18nStore } from './stores/i18n';
 import { Size } from './utils/sizes';
 
+export interface OptionProps {
+  size?: Size;
+}
+
 export interface Options {
   http?: AxiosInstance;
   upload_url?: string;
@@ -29,9 +33,7 @@ export interface Options {
   parseQueryString?: (params: string) => Record<string, any>;
   countries?: Country[];
   regions?: Region[];
-  props?: {
-    size?: Size
-  }
+  props?: OptionProps
 }
 
 const config = {
@@ -57,8 +59,8 @@ const config = {
   countries: [] as Country[],
   regions: [] as Region[],
   props: {
-    size: 'md'
-  }
+    size: 'md',
+  } as OptionProps | undefined
 };
 
 function install(app: App, options?: Options) {
@@ -95,6 +97,10 @@ function install(app: App, options?: Options) {
     config.regions = options.regions;
   }
 
+  if (options?.props) {
+    config.props = options.props;
+  }
+
   if (app.config.globalProperties.$i18n) {
     watch(
       () => app.config.globalProperties.$i18n.locale,