@skyworx/dynamic-ui 1.0.21 → 1.0.22

package/dist/{jszip.min-tu5EYEGs.js → jszip.min-Bxm4mqcK.js}

@@ -1,4 +1,4 @@
-import { c as bt, g as It } from "./index-CxjDiPC4.js";
+import { c as bt, g as It } from "./index-DEoYCmcd.js";
 function vt(yt) {
   throw new Error('Could not dynamically require "' + yt + '". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.');
 }

package/dist/{pptx-preview.es-D4gMhP-p.js → pptx-preview.es-D6WWsuZP.js}

@@ -1,5 +1,5 @@
-import { o as cW } from "./jszip.min-tu5EYEGs.js";
-import { c as av } from "./index-CxjDiPC4.js";
+import { o as cW } from "./jszip.min-Bxm4mqcK.js";
+import { c as av } from "./index-DEoYCmcd.js";
 var b_ = function(r, e) {
   return b_ = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(t, n) {
     t.__proto__ = n;

package/dist/types/components/base/DCodeCardCheckboxList.vue.d.ts

@@ -49,11 +49,11 @@ declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {
     items: any[];
     apiUrl: string;
     visible: boolean;
+    model: string;
+    options: any[];
     itemTitle: string;
     itemValue: string;
-    model: string;
     skeleton: boolean;
-    options: any[];
     apiParams: Record<string, any>;
     apiMethod: "GET" | "POST";
     dataPath: string;

package/dist/types/components/base/DCodeCardList.vue.d.ts

@@ -113,8 +113,8 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<{
     "onCard-click"?: ((item: any, index: number) => any) | undefined;
 }>, {
     locale: "id" | "en" | "kr" | "ko" | string;
-    columns: 1 | 2 | 3 | 4;
     dummyMode: boolean;
+    columns: 1 | 2 | 3 | 4;
     cardBorder: boolean;
     collapsible: boolean;
     showIndex: boolean;

package/dist/types/components/base/DCodeDialog.vue.d.ts

@@ -10,6 +10,7 @@ type __VLS_Props = {
     contentStyle?: Record<string, any> | string;
     iconClass?: string;
     showClose?: boolean;
+    headerTheme?: "neutral" | "primary" | "success" | "warning" | "danger" | "purple";
 };
 declare var __VLS_36: {}, __VLS_46: {}, __VLS_48: {};
 type __VLS_Slots = {} & {
@@ -30,6 +31,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}
     modelValue: boolean;
     showClose: boolean;
     description: string;
+    headerTheme: "neutral" | "primary" | "success" | "warning" | "danger" | "purple";
     iconClass: string;
     maxWidth: string | number;
     persistent: boolean;

package/dist/types/components/base/DCodeDynamicCollapse.vue.d.ts

@@ -170,15 +170,15 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     labelEN: string;
     formData: Record<string, any>;
     labelKR: string;
+    isEditMode: boolean;
+    dummyMode: boolean;
     itemTitle: string;
     itemValue: string;
-    dummyMode: boolean;
     endpointReference: Record<string, any>;
     selectedTokenCore: Record<string, any>;
     accordion: string | boolean;
     renderSubForm: boolean;
     subLayoutCodeKey: string;
-    isEditMode: boolean;
     layoutMapping: string | Record<string, any>;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;

package/dist/types/components/base/DCodeDynamicUploadList.vue.d.ts

@@ -144,11 +144,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     labelEN: string;
     endpoint: Record<string, any>;
     labelKR: string;
+    dummyMode: boolean;
     itemTitle: string;
     itemValue: string;
     typeFile: string;
     sizeFile: number;
-    dummyMode: boolean;
     endpointReference: Record<string, any>;
     baseUrl: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/types/components/base/DCodeRadio.vue.d.ts

@@ -35,11 +35,11 @@ declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {
     error: string | null;
     apiUrl: string;
     visible: boolean;
+    model: string;
+    options: any[];
     itemTitle: string;
     itemValue: string;
-    model: string;
     skeleton: boolean;
-    options: any[];
     apiMethod: "GET" | "POST";
     dataPath: string;
     layout: boolean;

package/dist/types/components/base/DCodeRadioCustom.vue.d.ts

@@ -44,10 +44,10 @@ declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {
     required: boolean;
     error: string | null;
     apiUrl: string;
-    itemTitle: string;
-    itemValue: string;
     model: string;
     options: any[];
+    itemTitle: string;
+    itemValue: string;
     apiMethod: "GET" | "POST";
     dataPath: string;
     layout: boolean;

package/dist/types/components/base/DCodeSegment.vue.d.ts

@@ -35,8 +35,8 @@ declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {
     color: string;
     id: string;
     required: boolean;
-    skeleton: boolean;
     options: SegmentOption[];
+    skeleton: boolean;
     layout: "default" | "icon-only" | "icon-bottom" | "icon-start" | "icon-end";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/types/components/base/DCodeSelect.vue.d.ts

@@ -40,8 +40,8 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}
     readonly: boolean;
     modelValue: string | number | null;
     ariaLabel: string;
-    clearable: boolean;
     options: DCodeSelectOption[];
+    clearable: boolean;
     searchable: boolean;
     searchPlaceholder: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/types/components/base/DCodeStaticImage.vue.d.ts

@@ -62,10 +62,10 @@ type __VLS_Props = {
 declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     title: string;
     rounded: boolean;
+    dummyMode: boolean;
     apiParams: Record<string, any>;
     apiMethod: "GET" | "POST";
     columns: number;
-    dummyMode: boolean;
     aspectRatio: string;
     alt: string;
     fit: "cover" | "contain" | "fill" | "none";

package/dist/types/components/base/DCodeStaticLabel.vue.d.ts

@@ -30,9 +30,9 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}
     placeholder: string;
     locale: string;
     align: "start" | "center" | "end" | "left" | "right";
+    dummyMode: boolean;
     skeleton: boolean;
     badgeColor: "primary" | "success" | "warning" | "danger" | "info" | "secondary" | "dark";
-    dummyMode: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/types/components/base/DCodeTimelineWithIcons.vue.d.ts

@@ -49,7 +49,7 @@ type __VLS_Props = {
 };
 declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     orientation: "VERTICAL" | "HORIZONTAL";
-    apiMethod: "GET" | "POST";
     dummyMode: boolean;
+    apiMethod: "GET" | "POST";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/types/components/base/DCodeWorkflowBpmn.vue.d.ts

@@ -61,9 +61,9 @@ declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, imp
     modelValue: string | null;
     height: string;
     xml: string | null;
+    dummyMode: boolean;
     apiParams: Record<string, any>;
     apiMethod: string;
-    dummyMode: boolean;
     xmlBefore: string | null;
     xmlAfter: string | null;
     labelBefore: string;

package/dist/types/components/base/DCodeWorkflowDiagram.vue.d.ts

@@ -21,9 +21,9 @@ interface Props {
 }
 declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
     height: string;
+    dummyMode: boolean;
     apiParams: Record<string, any>;
     apiMethod: string;
-    dummyMode: boolean;
     baseUrl: string;
     withAuth: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/types/components/base/datatable/DataTable.vue.d.ts

@@ -147,11 +147,11 @@ declare const __VLS_component: import("vue").DefineComponent<Props, {
     data: any[];
     loading: boolean;
     perPage: number;
-    apiAction: string;
+    dummyMode: boolean;
     nested: boolean;
+    apiAction: string;
     apiParams: Record<string, any>;
     columns: TableColumn[];
-    dummyMode: boolean;
     showPagination: boolean;
     baseUrl: string;
     permissions: string[];

package/dist/types/components/dynamic/DynamicForm.vue.d.ts

@@ -30,12 +30,12 @@ declare const _default: import("vue").DefineComponent<DynamicFormProps, {
 }>, {
     loading: boolean;
     router: any;
+    isEditMode: boolean;
+    dummyMode: boolean;
     model: Record<string, any>;
     apiParams: Record<string, any>;
-    dummyMode: boolean;
     baseUrl: string;
     selectedTokenCore: any;
-    isEditMode: boolean;
     permissionBase: string;
     userPermissions: any;
     checkPermission: (permission: string) => boolean;

package/dist/types/components/dynamic/DynamicFormField.vue.d.ts

@@ -11,10 +11,10 @@ declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, imp
     error: string | null;
     loading: boolean;
     formData: Record<string, any>;
-    skeleton: boolean;
+    dummyMode: boolean;
     options: any[];
+    skeleton: boolean;
     excludeValues: any[];
-    dummyMode: boolean;
     baseUrl: string;
     dynamicLabels: {
         labelEN?: string;

package/dist/types/components/dynamic/DynamicWizard.vue.d.ts

@@ -28,11 +28,11 @@ declare const _default: import("vue").DefineComponent<DynamicWizardProps, {}, {}
 }>, {
     loading: boolean;
     router: any;
+    isEditMode: boolean;
+    dummyMode: boolean;
     model: Record<string, any>;
     apiParams: Record<string, any>;
-    dummyMode: boolean;
     selectedTokenCore: any;
-    isEditMode: boolean;
     permissionBase: string;
     userPermissions: any;
     checkPermission: (permission: string) => boolean;

package/dist/types/composables/dynamic-form/watcher/useFormWatcher.section-reset.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/{viewer-D0uULCEb.js → viewer-B2OIms-f.js}

@@ -1,5 +1,5 @@
 import { p as O, U as W, C as T, i as p, a as H, F as Kn, s as on, I as Zn, B as Qn, o as sn, j as Fe, Y as rn, q as mt, k as Be, K as ti, J as Tt, Z as ei, z as ni, H as It, G as ii, L as an, g as cn } from "./DrilldownUtil-esP8Tbvd.js";
-import { g as oi } from "./index-CxjDiPC4.js";
+import { g as oi } from "./index-DEoYCmcd.js";
 const N = "tokenSimulation.toggleMode", ln = "tokenSimulation.playSimulation", un = "tokenSimulation.pauseSimulation", tt = "tokenSimulation.resetSimulation", si = "tokenSimulation.animationCreated", hn = "tokenSimulation.animationSpeedChanged", pn = "tokenSimulation.simulator.elementChanged", Gt = "tokenSimulation.simulator.destroyScope", ri = "tokenSimulation.simulator.scopeChanged", vt = "tokenSimulation.simulator.createScope", Bt = "tokenSimulation.scopeFilterChanged", fn = "tokenSimulation.simulator.trace";
 var ai = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!-- Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path fill="currentColor" d="M12.83 352h262.34A12.82 12.82 0 0 0 288 339.17v-38.34A12.82 12.82 0 0 0 275.17 288H12.83A12.82 12.82 0 0 0 0 300.83v38.34A12.82 12.82 0 0 0 12.83 352zm0-256h262.34A12.82 12.82 0 0 0 288 83.17V44.83A12.82 12.82 0 0 0 275.17 32H12.83A12.82 12.82 0 0 0 0 44.83v38.34A12.82 12.82 0 0 0 12.83 96zM432 160H16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm0 256H16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16z"/></svg>', ci = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512"><!-- Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path fill="currentColor" d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"/></svg>', li = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!-- Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path fill="currentColor" d="M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z"/></svg>', ui = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!-- Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path fill="currentColor" d="M384 144c0-44.2-35.8-80-80-80s-80 35.8-80 80c0 36.4 24.3 67.1 57.5 76.8-.6 16.1-4.2 28.5-11 36.9-15.4 19.2-49.3 22.4-85.2 25.7-28.2 2.6-57.4 5.4-81.3 16.9v-144c32.5-10.2 56-40.5 56-76.3 0-44.2-35.8-80-80-80S0 35.8 0 80c0 35.8 23.5 66.1 56 76.3v199.3C23.5 365.9 0 396.2 0 432c0 44.2 35.8 80 80 80s80-35.8 80-80c0-34-21.2-63.1-51.2-74.6 3.1-5.2 7.8-9.8 14.9-13.4 16.2-8.2 40.4-10.4 66.1-12.8 42.2-3.9 90-8.4 118.2-43.4 14-17.4 21.1-39.8 21.6-67.9 31.6-10.8 54.4-40.7 54.4-75.9zM80 64c8.8 0 16 7.2 16 16s-7.2 16-16 16-16-7.2-16-16 7.2-16 16-16zm0 384c-8.8 0-16-7.2-16-16s7.2-16 16-16 16 7.2 16 16-7.2 16-16 16zm224-320c8.8 0 16 7.2 16 16s-7.2 16-16 16-16-7.2-16-16 7.2-16 16-16z"/></svg>', hi = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!-- Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path fill="currentColor" d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"/></svg>', pi = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 192 512"><!-- Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path fill="currentColor" d="M20 424.229h20V279.771H20c-11.046 0-20-8.954-20-20V212c0-11.046 8.954-20 20-20h112c11.046 0 20 8.954 20 20v212.229h20c11.046 0 20 8.954 20 20V492c0 11.046-8.954 20-20 20H20c-11.046 0-20-8.954-20-20v-47.771c0-11.046 8.954-20 20-20zM96 0C56.235 0 24 32.235 24 72s32.235 72 72 72 72-32.235 72-72S135.764 0 96 0z"/></svg>', fi = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!-- Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path fill="currentColor" d="M144 479H48c-26.5 0-48-21.5-48-48V79c0-26.5 21.5-48 48-48h96c26.5 0 48 21.5 48 48v352c0 26.5-21.5 48-48 48zm304-48V79c0-26.5-21.5-48-48-48h-96c-26.5 0-48 21.5-48 48v352c0 26.5 21.5 48 48 48h96c26.5 0 48-21.5 48-48z"/></svg>', mi = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 580.5 448">
   <path fill="currentColor" d="M112 0C85 0 64 22 64 48v196l192-89V48c0-26-22-48-48-48zm256 0c-27 0-48 22-48 48v77l190-89c-5-21-24-36-46-36Zm144 105-192 89v70l192-89zM256 224 64 314v70l192-90zm256 21-192 89v66c0 27 21 48 48 48h96c26 0 48-21 48-48zM256 364 89 442c7 4 14 6 23 6h96c26 0 48-21 48-48z"/>

package/package.json

@@ -1,138 +1,138 @@
-{
-  "name": "@skyworx/dynamic-ui",
-  "version": "1.0.21",
-  "description": "Vue 3 Dynamic UI Component Library - Compatible with Vue, React, Angular, and any other framework via Web Components",
-  "type": "module",
-  "license": "MIT",
-  "files": [
-    "dist"
-  ],
-  "main": "./dist/dynamic-ui.umd.js",
-  "module": "./dist/dynamic-ui.es.js",
-  "types": "./dist/index.d.ts",
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/dynamic-ui.es.js",
-      "require": "./dist/dynamic-ui.umd.js"
-    },
-    "./dist/dynamic-ui.css": "./dist/dynamic-ui.css",
-    "./style.css": "./dist/dynamic-ui.css",
-    "./webcomponents": {
-      "import": "./dist/webcomponents/dynamic-ui.es.js",
-      "require": "./dist/webcomponents/dynamic-ui.umd.js"
-    }
-  },
-  "scripts": {
-    "dev": "vite",
-    "build": "cross-env NODE_OPTIONS=--max-old-space-size=8192 vite build && npm run build:types",
-    "build:lib": "vite build && npm run build:types",
-    "build:types": "vue-tsc -p tsconfig.build.json && node scripts/gen-types-entry.mjs",
-    "build:webcomponent": "cross-env BUILD_MODE=webcomponent vite build --outDir dist/webcomponents",
-    "build:all": "npm run build:lib && npm run build:webcomponent",
-    "prepublishOnly": "npm run build",
-    "preview": "vite preview",
-    "docs:dev": "vitepress dev docs",
-    "docs:build": "vitepress build docs",
-    "docs:preview": "vitepress preview docs",
-    "test": "vitest run"
-  },
-  "keywords": [
-    "vue",
-    "vue3",
-    "components",
-    "ui",
-    "dynamic",
-    "form",
-    "datatable",
-    "web-components",
-    "micro-frontend"
-  ],
-  "peerDependencies": {
-    "@uppy/core": "^5.0.0",
-    "@uppy/dashboard": "^5.0.0",
-    "@uppy/image-editor": "^4.0.0",
-    "@vuepic/vue-datepicker": "^12.0.0",
-    "vue": "^3.3.0",
-    "vue-i18n": "^11.0.0",
-    "vue-router": "^5.0.0",
-    "vue3-lottie": "^3.0.0"
-  },
-  "peerDependenciesMeta": {
-    "vue": {
-      "optional": false
-    },
-    "vue-router": {
-      "optional": true
-    },
-    "vue-i18n": {
-      "optional": true
-    },
-    "@vuepic/vue-datepicker": {
-      "optional": true
-    },
-    "@uppy/core": {
-      "optional": true
-    },
-    "@uppy/dashboard": {
-      "optional": true
-    },
-    "@uppy/image-editor": {
-      "optional": true
-    },
-    "vue3-lottie": {
-      "optional": true
-    }
-  },
-  "dependencies": {
-    "@ckeditor/ckeditor5-vue": "^8.1.1",
-    "@fontsource/geist-mono": "^5.2.7",
-    "@fontsource/geist-sans": "^5.2.5",
-    "@jamescoyle/vue-icon": "^0.1.2",
-    "@mdi/js": "^7.4.47",
-    "@uppy/core": "^5.0.0",
-    "@uppy/dashboard": "^5.0.0",
-    "@uppy/image-editor": "^4.0.0",
-    "@vuepic/vue-datepicker": "^12.0.0",
-    "@vueuse/core": "^14.2.1",
-    "bpmn-js": "^18.24.0",
-    "bpmn-js-token-simulation": "^0.40.0",
-    "chart.js": "^4.5.1",
-    "ckeditor5": "^48.2.0",
-    "class-variance-authority": "^0.7.1",
-    "clsx": "^2.1.1",
-    "currency.js": "^2.0.4",
-    "docx-preview": "^0.4.1",
-    "json-logic-js": "^2.0.5",
-    "leaflet": "^1.9.4",
-    "lucide-vue-next": "^0.575.0",
-    "pptx-preview": "^1.0.7",
-    "reka-ui": "^2.8.0",
-    "tailwind-merge": "^3.5.0",
-    "tailwindcss-animate": "^1.0.7",
-    "v-code-diff": "^1.13.1",
-    "vue-chartjs": "^5.3.3",
-    "vue-i18n": "^11.0.0",
-    "vue-router": "^5.0.0",
-    "vue3-lottie": "^3.0.0",
-    "vue3-toastify": "^0.2.9",
-    "xlsx": "file:vendor/xlsx-0.20.3.tgz"
-  },
-  "devDependencies": {
-    "@types/json-logic-js": "^2.0.8",
-    "@types/leaflet": "^1.9.21",
-    "@types/node": "^25.0.3",
-    "@vitejs/plugin-vue": "^6.0.8",
-    "autoprefixer": "^10.4.19",
-    "cross-env": "^10.1.0",
-    "playwright": "^1.63.0",
-    "postcss": "^8.4.38",
-    "tailwindcss": "^3.4.3",
-    "typescript": "^5.2.2",
-    "vite": "^7.3.0",
-    "vitepress": "^1.6.4",
-    "vitest": "^4.0.16",
-    "vue": "^3.4.0",
-    "vue-tsc": "^2.0.6"
-  }
-}
+{
+  "name": "@skyworx/dynamic-ui",
+  "version": "1.0.22",
+  "description": "Vue 3 Dynamic UI Component Library - Compatible with Vue, React, Angular, and any other framework via Web Components",
+  "type": "module",
+  "license": "MIT",
+  "files": [
+    "dist"
+  ],
+  "main": "./dist/dynamic-ui.umd.js",
+  "module": "./dist/dynamic-ui.es.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/dynamic-ui.es.js",
+      "require": "./dist/dynamic-ui.umd.js"
+    },
+    "./dist/dynamic-ui.css": "./dist/dynamic-ui.css",
+    "./style.css": "./dist/dynamic-ui.css",
+    "./webcomponents": {
+      "import": "./dist/webcomponents/dynamic-ui.es.js",
+      "require": "./dist/webcomponents/dynamic-ui.umd.js"
+    }
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "cross-env NODE_OPTIONS=--max-old-space-size=8192 vite build && npm run build:types",
+    "build:lib": "vite build && npm run build:types",
+    "build:types": "vue-tsc -p tsconfig.build.json && node scripts/gen-types-entry.mjs",
+    "build:webcomponent": "cross-env BUILD_MODE=webcomponent vite build --outDir dist/webcomponents",
+    "build:all": "npm run build:lib && npm run build:webcomponent",
+    "prepublishOnly": "npm run build",
+    "preview": "vite preview",
+    "docs:dev": "vitepress dev docs",
+    "docs:build": "vitepress build docs",
+    "docs:preview": "vitepress preview docs",
+    "test": "vitest run"
+  },
+  "keywords": [
+    "vue",
+    "vue3",
+    "components",
+    "ui",
+    "dynamic",
+    "form",
+    "datatable",
+    "web-components",
+    "micro-frontend"
+  ],
+  "peerDependencies": {
+    "@uppy/core": "^5.0.0",
+    "@uppy/dashboard": "^5.0.0",
+    "@uppy/image-editor": "^4.0.0",
+    "@vuepic/vue-datepicker": "^12.0.0",
+    "vue": "^3.3.0",
+    "vue-i18n": "^11.0.0",
+    "vue-router": "^5.0.0",
+    "vue3-lottie": "^3.0.0"
+  },
+  "peerDependenciesMeta": {
+    "vue": {
+      "optional": false
+    },
+    "vue-router": {
+      "optional": true
+    },
+    "vue-i18n": {
+      "optional": true
+    },
+    "@vuepic/vue-datepicker": {
+      "optional": true
+    },
+    "@uppy/core": {
+      "optional": true
+    },
+    "@uppy/dashboard": {
+      "optional": true
+    },
+    "@uppy/image-editor": {
+      "optional": true
+    },
+    "vue3-lottie": {
+      "optional": true
+    }
+  },
+  "dependencies": {
+    "@ckeditor/ckeditor5-vue": "^8.1.1",
+    "@fontsource/geist-mono": "^5.2.7",
+    "@fontsource/geist-sans": "^5.2.5",
+    "@jamescoyle/vue-icon": "^0.1.2",
+    "@mdi/js": "^7.4.47",
+    "@uppy/core": "^5.0.0",
+    "@uppy/dashboard": "^5.0.0",
+    "@uppy/image-editor": "^4.0.0",
+    "@vuepic/vue-datepicker": "^12.0.0",
+    "@vueuse/core": "^14.2.1",
+    "bpmn-js": "^18.24.0",
+    "bpmn-js-token-simulation": "^0.40.0",
+    "chart.js": "^4.5.1",
+    "ckeditor5": "^48.2.0",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "currency.js": "^2.0.4",
+    "docx-preview": "^0.4.1",
+    "json-logic-js": "^2.0.5",
+    "leaflet": "^1.9.4",
+    "lucide-vue-next": "^0.575.0",
+    "pptx-preview": "^1.0.7",
+    "reka-ui": "^2.8.0",
+    "tailwind-merge": "^3.5.0",
+    "tailwindcss-animate": "^1.0.7",
+    "v-code-diff": "^1.13.1",
+    "vue-chartjs": "^5.3.3",
+    "vue-i18n": "^11.0.0",
+    "vue-router": "^5.0.0",
+    "vue3-lottie": "^3.0.0",
+    "vue3-toastify": "^0.2.9"
+  },
+  "devDependencies": {
+    "@e965/xlsx": "0.20.3",
+    "@types/json-logic-js": "^2.0.8",
+    "@types/leaflet": "^1.9.21",
+    "@types/node": "^25.0.3",
+    "@vitejs/plugin-vue": "^6.0.8",
+    "autoprefixer": "^10.4.19",
+    "cross-env": "^10.1.0",
+    "playwright": "^1.63.0",
+    "postcss": "^8.4.38",
+    "tailwindcss": "^3.4.3",
+    "typescript": "^5.2.2",
+    "vite": "^7.3.0",
+    "vitepress": "^1.6.4",
+    "vitest": "^4.0.16",
+    "vue": "^3.4.0",
+    "vue-tsc": "^2.0.6"
+  }
+}