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

package/CHANGELOG.md

@@ -1,5 +1,42 @@
 Xamu UI
 
+# [@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)
+
+
+### Bug Fixes
+
+* **vue:** use the proper async data within select filter ([40bbae3](https://github.com/xamu-co/ui/commit/40bbae318661e94f1fd589dd1a01b8d3283ed02f))
+
+
+
+
+
+Updating dependant packages with "@open-xamu-co/ui-components-vue" version "4.0.0-next.32"
+Updating "nuxt"
+Succesfully updated "nuxt" package
+
+# [@open-xamu-co/ui-components-vue-v4.0.0-next.31](https://github.com/xamu-co/ui/compare/@open-xamu-co/ui-components-vue-v4.0.0-next.30...@open-xamu-co/ui-components-vue-v4.0.0-next.31) (2026-07-04)
+
+
+### Bug Fixes
+
+* **vue:** add suspense for forms with loadercontentfetch ([a5520bf](https://github.com/xamu-co/ui/commit/a5520bf14fb4e0b527e4360faaca3a76cc794c67))
+* **vue:** preserve wrapper reactivity ([4e5443a](https://github.com/xamu-co/ui/commit/4e5443a893dd5e0194903dd8e8836462ebf013e8))
+
+
+### Features
+
+* **vue:** async requirements for form & table components ([e2611bd](https://github.com/xamu-co/ui/commit/e2611bd08644e4d99a7360e13960d61deb0c9253))
+* **vue:** async value components ([bdc8634](https://github.com/xamu-co/ui/commit/bdc863490f1c73241e67277a7df36db629cbea37))
+
+
+
+
+
+Updating dependant packages with "@open-xamu-co/ui-components-vue" version "4.0.0-next.31"
+Updating "nuxt"
+Succesfully updated "nuxt" package
+
 # [@open-xamu-co/ui-components-vue-v4.0.0-next.30](https://github.com/xamu-co/ui/compare/@open-xamu-co/ui-components-vue-v4.0.0-next.29...@open-xamu-co/ui-components-vue-v4.0.0-next.30) (2026-07-03)
 
 

package/dist/Choice-BaV8zwUF.js

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

package/dist/Choice-yPm15TmL.cjs

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

package/dist/Color-JaWt3ThI.cjs

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

package/dist/Color-LY16xo3z.js

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

package/dist/Complex-7kIEge6R.cjs

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

package/dist/Complex-BaU1Sdnu.js

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

package/dist/ContentFetch-DnFQ5Aq7.cjs

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

package/dist/ContentFetch-LUDVDqrD.js

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

package/dist/Editor-7JJR4ATb.cjs

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

package/dist/Editor-VLeHBkWl.js

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

package/dist/File-CDxAXmQl.cjs

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

package/dist/File-DlA49Ibd.js

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

package/dist/Filter-Cd-x0SvT.js

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

package/dist/Filter-DKesibMu.cjs

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

package/dist/InputCountriesAPI-Ca9fzClB.js

@@ -0,0 +1,72 @@
+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";
+const P = /* @__PURE__ */ C({
+  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(e) {
+    const n = g({
+      loader: () => import("./ContentFetch-LUDVDqrD.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, {
+      fallback: t(() => [
+        a(o, { theme: e.theme }, null, 8, ["theme"])
+      ]),
+      default: t(() => [
+        a(s, {
+          wrapper: l(n),
+          wrap: !e.loading && !e.states?.length,
+          promise: l(f),
+          url: `/${e.model[0]}?states`,
+          payload: [r.value],
+          fallback: [],
+          theme: e.theme,
+          unwrap: ""
+        }, {
+          default: t((m) => [
+            (d(), u(i, null, {
+              fallback: t(() => [
+                a(o, { theme: e.theme }, null, 8, ["theme"])
+              ]),
+              default: t(() => [
+                a(s, {
+                  wrapper: l(n),
+                  wrap: !e.loading && !m?.loading && !!e.model[1],
+                  promise: l(h),
+                  url: `/${e.model[0]}/${e.model[1]}?cities`,
+                  payload: [r.value, e.model[1]],
+                  fallback: [],
+                  theme: e.theme,
+                  unwrap: ""
+                }, {
+                  default: t((y) => [
+                    $(w.$slots, "default", A(B({ statesReq: m, citiesReq: y })))
+                  ]),
+                  _: 2
+                }, 1032, ["wrapper", "wrap", "promise", "url", "payload", "theme"])
+              ]),
+              _: 2
+            }, 1024))
+          ]),
+          _: 3
+        }, 8, ["wrapper", "wrap", "promise", "url", "payload", "theme"])
+      ]),
+      _: 3
+    }));
+  }
+});
+export {
+  P as default
+};

package/dist/InputCountriesAPI-Cu0BDOGh.cjs

@@ -0,0 +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;

package/dist/List-Bb-Gfqbx.cjs

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

package/dist/List-Clfxrmdu.js

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

package/dist/Simple-4fej94Lz.js

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

package/dist/Simple-BnFSlbBD.js

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

package/dist/Simple-Byb1eA82.js

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

package/dist/Simple-Co65ru9a.cjs

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

package/dist/Simple-CzNj0aSo.cjs

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

package/dist/Simple-Knhh5OFo.cjs

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

package/dist/Time-BNltxUTl.js

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

package/dist/Time-CprOM_-2.cjs

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

package/dist/components/base/BrowserOnly.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from "@storybook/vue3-vite";
+import BrowserOnly from "./BrowserOnly.vue";
+declare const meta: Meta<typeof BrowserOnly>;
+type Story = StoryObj<typeof meta>;
+export declare const Sample: Story;
+export default meta;

package/dist/components/base/ErrorBoundary.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from "@storybook/vue3-vite";
+import ErrorBoundary from "./ErrorBoundary.vue";
+declare const meta: Meta<typeof ErrorBoundary>;
+type Story = StoryObj<typeof meta>;
+export declare const Sample: Story;
+export default meta;

package/dist/components/form/InputCountriesAPI.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from "@storybook/vue3-vite";
+import InputCountriesAPI from "./InputCountriesAPI.vue";
+declare const meta: Meta<typeof InputCountriesAPI>;
+type Story = StoryObj<typeof meta>;
+export declare const Sample: Story;
+export default meta;

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

@@ -9,12 +9,12 @@ interface iFormInputCountriesApi extends iUseThemeProps {
     errors?: unknown;
     refresh?: (...args: any[]) => any;
 }
-declare var __VLS_14: {
+declare var __VLS_37: {
     statesReq: Record<string, any>;
     citiesReq: Record<string, any>;
 };
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_14) => any;
+    default?: (props: typeof __VLS_37) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<iFormInputCountriesApi, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<iFormInputCountriesApi> & Readonly<{}>, {
     states: iState[];

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

@@ -1,24 +1,7 @@
 import type { iInvalidInput } from "@open-xamu-co/ui-common-types";
 import type { tFormInput } from "@open-xamu-co/ui-common-types";
 import { eFormTypeSimple } from "@open-xamu-co/ui-common-enums";
-import type { iUseThemeProps } from "../../types/props";
-export interface iFormSimple<P extends any[]> extends iUseThemeProps {
-    title?: string;
-    emptyMessage?: string;
-    modelValue?: tFormInput[];
-    noForm?: boolean;
-    invalid?: iInvalidInput[];
-    /**
-     * If the make function requires a payload
-     */
-    payload?: P;
-    /**
-     * Make model
-     */
-    make?: ((...args: P) => tFormInput[]) | ((...args: P) => Promise<tFormInput[]>);
-    /** Make all inputs read only by disabling them */
-    readonly?: boolean;
-}
+import type { iFormSimple } from "../../types/props";
 declare const __VLS_export: <P extends any[] = any[]>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: import("vue").PublicProps & __VLS_PrettifyLocal<iFormSimple<P> & {
         "onUpdate:model-value"?: ((args_0: tFormInput<import("@open-xamu-co/ui-common-types").iFormValue | import("@open-xamu-co/ui-common-types").iFormValue[], import("@open-xamu-co/ui-common-enums").eFormTypeBase | eFormTypeSimple | import("@open-xamu-co/ui-common-enums").eFormTypeComplex>[]) => any) | undefined;

package/dist/components/select/Filter.stories.d.ts

@@ -1,11 +1,8 @@
 import type { Meta, StoryObj } from "@storybook/vue3-vite";
-import type { iFormOption } from "@open-xamu-co/ui-common-types";
 import SelectFilter from "./Filter.vue";
 declare const meta: Meta<typeof SelectFilter>;
 type Story = StoryObj<typeof meta>;
 export declare const Sample: Story;
 export declare const WithOptions: Story;
-/** Emulate async options loader */
-export declare function mockOptionsLoader(query?: string | number): Promise<iFormOption[]>;
 export declare const AsyncOptions: Story;
 export default meta;

package/dist/components/select/mocks.d.ts

@@ -0,0 +1,3 @@
+import type { iFormOption } from "@open-xamu-co/ui-common-types";
+/** Emulate async options loader */
+export declare function mockOptionsLoader(query?: string | number): Promise<iFormOption[]>;

package/dist/components/table/Body.vue.d.ts

@@ -1,6 +1,4 @@
-import type { iTableChildProps } from "../../types/props";
-export interface iTableBodyProps<Ti extends Record<string, any>, TMi extends Record<string, any> = Ti> extends iTableChildProps<Ti, TMi> {
-}
+import type { iTableBodyProps } from "../../types/props";
 declare const __VLS_export: <T extends Record<string, any>, TM extends Record<string, any> = T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: import("vue").PublicProps & __VLS_PrettifyLocal<iTableBodyProps<T, TM>> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;

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

@@ -1,28 +1,4 @@
-import { type AllowedComponentProps } from "vue";
-import type { tProps, tSizeModifier, iProperty } from "@open-xamu-co/ui-common-types";
-import type { iModalProps, iUseThemeProps } from "../../types/props";
-/**
- * Simple value
- *
- * TODO: trigger gallery/slideshow, component/modal (Complex value)
- *
- * @component
- */
-export interface iValueSimpleProps<Pi extends Record<string, any>> extends iUseThemeProps {
-    /**
-     * Cell value
-     */
-    value: Pi[keyof Pi];
-    /**
-     * Cell column property
-     */
-    property?: iProperty<Pi>;
-    readonly?: boolean;
-    classes?: tProps<string>;
-    modalProps?: iModalProps & AllowedComponentProps;
-    verbose?: boolean;
-    size?: tSizeModifier;
-}
+import type { iValueSimpleProps } from "../../types/props";
 declare const __VLS_export: <P extends Record<string, any>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: import("vue").PublicProps & __VLS_PrettifyLocal<iValueSimpleProps<P>> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P_1;