@open-xamu-co/ui-components-vue 4.0.0-next.32 → 4.0.0-next.34

package/CHANGELOG.md

@@ -1,5 +1,35 @@
 Xamu UI
 
+# [@open-xamu-co/ui-components-vue-v4.0.0-next.34](https://github.com/xamu-co/ui/compare/@open-xamu-co/ui-components-vue-v4.0.0-next.33...@open-xamu-co/ui-components-vue-v4.0.0-next.34) (2026-07-12)
+
+
+### Features
+
+* **vue:** better responsive with icon fallback ([2243424](https://github.com/xamu-co/ui/commit/224342451fee71be9549d2537a79afb2e4338816))
+
+
+
+
+
+Updating dependant packages with "@open-xamu-co/ui-components-vue" version "4.0.0-next.34"
+Updating "nuxt"
+Succesfully updated "nuxt" package
+
+# [@open-xamu-co/ui-components-vue-v4.0.0-next.33](https://github.com/xamu-co/ui/compare/@open-xamu-co/ui-components-vue-v4.0.0-next.32...@open-xamu-co/ui-components-vue-v4.0.0-next.33) (2026-07-12)
+
+
+### Bug Fixes
+
+* **vue:** form stages with proven functionality ([5cf3fb7](https://github.com/xamu-co/ui/commit/5cf3fb715327e2a60709df4924f267e3eecabea4))
+
+
+
+
+
+Updating dependant packages with "@open-xamu-co/ui-components-vue" version "4.0.0-next.33"
+Updating "nuxt"
+Succesfully updated "nuxt" package
+
 # [@open-xamu-co/ui-components-vue-v4.0.0-next.32](https://github.com/xamu-co/ui/compare/@open-xamu-co/ui-components-vue-v4.0.0-next.31...@open-xamu-co/ui-components-vue-v4.0.0-next.32) (2026-07-08)
 
 

package/dist/Choice-BUxTa5iK.js

@@ -0,0 +1,4 @@
+import { l as f } from "./index-DWJBBA22.js";
+export {
+  f as default
+};

package/dist/{Choice-yPm15TmL.cjs → Choice-By7YFttz.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-CDIdmENN.cjs");exports.default=e._sfc_main$9;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-Dw1Oidxx.cjs");exports.default=e._sfc_main$9;

package/dist/{Color-JaWt3ThI.cjs → Color-ChLyM-ST.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-CDIdmENN.cjs");exports.default=e._sfc_main$1;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-Dw1Oidxx.cjs");exports.default=e._sfc_main$1;

package/dist/Color-D5bJj_WU.js

@@ -0,0 +1,4 @@
+import { d as f } from "./index-DWJBBA22.js";
+export {
+  f as default
+};

package/dist/{Complex-7kIEge6R.cjs → Complex-8uKwm43R.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-CDIdmENN.cjs");exports.default=e._sfc_main$2;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-Dw1Oidxx.cjs");exports.default=e._sfc_main$2;

package/dist/Complex-BQgoEXuQ.js

@@ -0,0 +1,4 @@
+import { e } from "./index-DWJBBA22.js";
+export {
+  e as default
+};

package/dist/ContentFetch-CXrn0eQp.js

@@ -0,0 +1,4 @@
+import { q as f } from "./index-DWJBBA22.js";
+export {
+  f as default
+};

package/dist/{ContentFetch-DnFQ5Aq7.cjs → ContentFetch-Xr0kq82g.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-CDIdmENN.cjs");exports.default=e._sfc_main$13;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-Dw1Oidxx.cjs");exports.default=e._sfc_main$13;

package/dist/{Editor-7JJR4ATb.cjs → Editor-BPRo_xkL.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-CDIdmENN.cjs");exports.default=e._sfc_main$10;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-Dw1Oidxx.cjs");exports.default=e._sfc_main$10;

package/dist/Editor-oV7HoEAY.js

@@ -0,0 +1,4 @@
+import { m } from "./index-DWJBBA22.js";
+export {
+  m as default
+};

package/dist/{File-CDxAXmQl.cjs → File-BiddR3Un.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-CDIdmENN.cjs");exports.default=e._sfc_main$6;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-Dw1Oidxx.cjs");exports.default=e._sfc_main$6;

package/dist/File-BsbOoS3w.js

@@ -0,0 +1,4 @@
+import { i as f } from "./index-DWJBBA22.js";
+export {
+  f as default
+};

package/dist/Filter-IdU2n8fi.js

@@ -0,0 +1,4 @@
+import { k as f } from "./index-DWJBBA22.js";
+export {
+  f as default
+};

package/dist/{Filter-DKesibMu.cjs → Filter-rltSmxdP.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-CDIdmENN.cjs");exports.default=e._sfc_main$8;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-Dw1Oidxx.cjs");exports.default=e._sfc_main$8;

package/dist/{InputCountriesAPI-Ca9fzClB.js → InputCountriesAPI-BO7tIEaL.js}

@@ -1,5 +1,5 @@
 import { defineComponent as C, defineAsyncComponent as g, computed as k, createBlock as u, openBlock as d, Suspense as i, withCtx as t, createVNode as a, unref as l, renderSlot as $, normalizeProps as A, guardReactiveProps as B } from "vue";
-import { n as o, o as b, p as s } from "./index-B9xuJkkJ.js";
+import { n as o, o as b, p as s } from "./index-DWJBBA22.js";
 const P = /* @__PURE__ */ C({
   name: "FormInputCountriesApi",
   inheritAttrs: !0,
@@ -17,7 +17,7 @@ const P = /* @__PURE__ */ C({
   },
   setup(e) {
     const n = g({
-      loader: () => import("./ContentFetch-LUDVDqrD.js"),
+      loader: () => import("./ContentFetch-CXrn0eQp.js"),
       loadingComponent: o
     }), c = e, { defaultCountry: p, getCountryStates: f, getStateCities: h } = b(), r = k(() => c.model[0] || p || "");
     return (w, v) => (d(), u(i, null, {

package/dist/{InputCountriesAPI-Cu0BDOGh.cjs → InputCountriesAPI-CRRAFEl3.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),a=require("./index-CDIdmENN.cjs"),s=e.defineComponent({name:"FormInputCountriesApi",inheritAttrs:!0,__name:"InputCountriesAPI",props:{model:{},countries:{},states:{default:()=>[]},loading:{type:Boolean},errors:{},refresh:{},theme:{},invertTheme:{type:Boolean},shadow:{type:[Boolean,Array]}},setup(t){const n=e.defineAsyncComponent({loader:()=>Promise.resolve().then(()=>require("./ContentFetch-DnFQ5Aq7.cjs")),loadingComponent:a._sfc_main$11}),l=t,{defaultCountry:u,getCountryStates:i,getStateCities:m}=a.useCountries(),r=e.computed(()=>l.model[0]||u||"");return(d,h)=>(e.openBlock(),e.createBlock(e.Suspense,null,{fallback:e.withCtx(()=>[e.createVNode(a._sfc_main$11,{theme:t.theme},null,8,["theme"])]),default:e.withCtx(()=>[e.createVNode(a._sfc_main$12,{wrapper:e.unref(n),wrap:!t.loading&&!t.states?.length,promise:e.unref(i),url:`/${t.model[0]}?states`,payload:[r.value],fallback:[],theme:t.theme,unwrap:""},{default:e.withCtx(o=>[(e.openBlock(),e.createBlock(e.Suspense,null,{fallback:e.withCtx(()=>[e.createVNode(a._sfc_main$11,{theme:t.theme},null,8,["theme"])]),default:e.withCtx(()=>[e.createVNode(a._sfc_main$12,{wrapper:e.unref(n),wrap:!t.loading&&!o?.loading&&!!t.model[1],promise:e.unref(m),url:`/${t.model[0]}/${t.model[1]}?cities`,payload:[r.value,t.model[1]],fallback:[],theme:t.theme,unwrap:""},{default:e.withCtx(c=>[e.renderSlot(d.$slots,"default",e.normalizeProps(e.guardReactiveProps({statesReq:o,citiesReq:c})))]),_:2},1032,["wrapper","wrap","promise","url","payload","theme"])]),_:2},1024))]),_:3},8,["wrapper","wrap","promise","url","payload","theme"])]),_:3}))}});exports.default=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),a=require("./index-Dw1Oidxx.cjs"),s=e.defineComponent({name:"FormInputCountriesApi",inheritAttrs:!0,__name:"InputCountriesAPI",props:{model:{},countries:{},states:{default:()=>[]},loading:{type:Boolean},errors:{},refresh:{},theme:{},invertTheme:{type:Boolean},shadow:{type:[Boolean,Array]}},setup(t){const n=e.defineAsyncComponent({loader:()=>Promise.resolve().then(()=>require("./ContentFetch-Xr0kq82g.cjs")),loadingComponent:a._sfc_main$11}),l=t,{defaultCountry:u,getCountryStates:i,getStateCities:m}=a.useCountries(),r=e.computed(()=>l.model[0]||u||"");return(d,h)=>(e.openBlock(),e.createBlock(e.Suspense,null,{fallback:e.withCtx(()=>[e.createVNode(a._sfc_main$11,{theme:t.theme},null,8,["theme"])]),default:e.withCtx(()=>[e.createVNode(a._sfc_main$12,{wrapper:e.unref(n),wrap:!t.loading&&!t.states?.length,promise:e.unref(i),url:`/${t.model[0]}?states`,payload:[r.value],fallback:[],theme:t.theme,unwrap:""},{default:e.withCtx(o=>[(e.openBlock(),e.createBlock(e.Suspense,null,{fallback:e.withCtx(()=>[e.createVNode(a._sfc_main$11,{theme:t.theme},null,8,["theme"])]),default:e.withCtx(()=>[e.createVNode(a._sfc_main$12,{wrapper:e.unref(n),wrap:!t.loading&&!o?.loading&&!!t.model[1],promise:e.unref(m),url:`/${t.model[0]}/${t.model[1]}?cities`,payload:[r.value,t.model[1]],fallback:[],theme:t.theme,unwrap:""},{default:e.withCtx(c=>[e.renderSlot(d.$slots,"default",e.normalizeProps(e.guardReactiveProps({statesReq:o,citiesReq:c})))]),_:2},1032,["wrapper","wrap","promise","url","payload","theme"])]),_:2},1024))]),_:3},8,["wrapper","wrap","promise","url","payload","theme"])]),_:3}))}});exports.default=s;

package/dist/List--ZMwwFS7.js

@@ -0,0 +1,4 @@
+import { g as f } from "./index-DWJBBA22.js";
+export {
+  f as default
+};

package/dist/{List-Bb-Gfqbx.cjs → List-BxW_f8Nu.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-CDIdmENN.cjs");exports.default=e._sfc_main$4;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-Dw1Oidxx.cjs");exports.default=e._sfc_main$4;

package/dist/Simple-14pJVu0I.js

@@ -0,0 +1,4 @@
+import { f } from "./index-DWJBBA22.js";
+export {
+  f as default
+};

package/dist/{Simple-Knhh5OFo.cjs → Simple-BQfT-40W.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-CDIdmENN.cjs");exports.default=e._sfc_main$3;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-Dw1Oidxx.cjs");exports.default=e._sfc_main$3;

package/dist/Simple-BUxJT-C6.js

@@ -0,0 +1,4 @@
+import { h as f } from "./index-DWJBBA22.js";
+export {
+  f as default
+};

package/dist/{Simple-Co65ru9a.cjs → Simple-D_j01khW.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-CDIdmENN.cjs");exports.default=e._sfc_main$5;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-Dw1Oidxx.cjs");exports.default=e._sfc_main$5;

package/dist/{Simple-CzNj0aSo.cjs → Simple-DhBaiQ6k.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-CDIdmENN.cjs");exports.default=e._sfc_main;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-Dw1Oidxx.cjs");exports.default=e._sfc_main;

package/dist/Simple-Dwfg_M8K.js

@@ -0,0 +1,4 @@
+import { _ as f } from "./index-DWJBBA22.js";
+export {
+  f as default
+};

package/dist/{Time-CprOM_-2.cjs → Time-By_A_wqo.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-CDIdmENN.cjs");exports.default=e._sfc_main$7;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-Dw1Oidxx.cjs");exports.default=e._sfc_main$7;

package/dist/Time-C-PyFuqa.js

@@ -0,0 +1,4 @@
+import { j as f } from "./index-DWJBBA22.js";
+export {
+  f as default
+};

package/dist/components/form/Stages.vue.d.ts

@@ -1,18 +1,19 @@
+import type { IconName } from "@fortawesome/fontawesome-common-types";
 import type { iForm, iInvalidInput, tFormInput, tProps } from "@open-xamu-co/ui-common-types";
 import type { iUseThemeProps } from "../../types/props";
 export interface iFormStages extends iUseThemeProps {
-    /**
-     * Label for the submit button
-     */
+    /** Label for the submit button */
     submitLabel?: string;
+    /** Icon for the submit button on mobile */
+    submitIcon?: IconName;
     stages: iForm[][];
     hideRequiredDisclaimer?: boolean;
     stagesClasses?: tProps<string>;
     /**
      * submit fn
      */
-    submitFn?: (values: tFormInput[], event?: Event) => Promise<boolean | iInvalidInput[]>;
-    /** Perform additional actions if submit succeds */
+    submitFn?: (values: tFormInput[], event: Event) => Promise<boolean | iInvalidInput[] | undefined>;
+    /** Perform additional actions if submit succeeds */
     successFn?: () => void;
     /**
      * Omit requiring filling up the form
@@ -28,15 +29,13 @@ declare var __VLS_14: {}, __VLS_30: {}, __VLS_32: {}, __VLS_34: {
     activeStage: number;
     stagesLength: number;
     setActiveStage: typeof setActiveStage;
-    canSubmit: boolean;
     submit: import("lodash").DebouncedFunc<(e: Event) => Promise<void>>;
-}, __VLS_80: {
+}, __VLS_85: {
     activeStage: number;
     stagesLength: number;
     setActiveStage: typeof setActiveStage;
-    canSubmit: boolean;
     submit: import("lodash").DebouncedFunc<(e: Event) => Promise<void>>;
-}, __VLS_82: {};
+}, __VLS_100: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_14) => any;
 } & {
@@ -46,9 +45,9 @@ type __VLS_Slots = {} & {
 } & {
     'primary-actions'?: (props: typeof __VLS_34) => any;
 } & {
-    'secondary-actions-content'?: (props: typeof __VLS_80) => any;
+    'secondary-actions-content'?: (props: typeof __VLS_85) => any;
 } & {
-    'secondary-actions'?: (props: typeof __VLS_82) => any;
+    'secondary-actions'?: (props: typeof __VLS_100) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<iFormStages, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "input-values": (...args: any[]) => void;
@@ -58,7 +57,9 @@ declare const __VLS_base: import("vue").DefineComponent<iFormStages, {}, {}, {},
     "onInput-values"?: ((...args: any[]) => any) | undefined;
     onSubmited?: ((...args: any[]) => any) | undefined;
     "onSet-active-stage"?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}>, {
+    submitIcon: IconName;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/components/modal/Simple.vue.d.ts

@@ -33,12 +33,12 @@ declare var __VLS_8: {
     modalRef: HTMLDialogElement | undefined;
     invertedTheme: [import("@open-xamu-co/ui-common-types").tThemeModifier, import("@open-xamu-co/ui-common-types").tThemeModifier];
     save: (e: Event) => void;
-}, __VLS_47: {
+}, __VLS_52: {
     toggleModal: typeof toggleModal;
     model: boolean;
     modalRef: HTMLDialogElement | undefined;
     invertedTheme: [import("@open-xamu-co/ui-common-types").tThemeModifier, import("@open-xamu-co/ui-common-types").tThemeModifier];
-}, __VLS_87: {
+}, __VLS_92: {
     toggleModal: typeof toggleModal;
     model: boolean;
     modalRef: HTMLDialogElement | undefined;
@@ -57,9 +57,9 @@ type __VLS_Slots = {} & {
 } & {
     'footer-actions'?: (props: typeof __VLS_37) => any;
 } & {
-    'footer-actions-extras'?: (props: typeof __VLS_47) => any;
+    'footer-actions-extras'?: (props: typeof __VLS_52) => any;
 } & {
-    default?: (props: typeof __VLS_87) => any;
+    default?: (props: typeof __VLS_92) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<iModalProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: (...args: any[]) => void;