@genexus/mercury 0.11.0 → 0.12.1

package/dist/bundles/css/components/dialog.css

@@ -1 +1 @@
-.dialog::part(close-button){content:"";display:block;inline-size:var(--mer-icon__box--md);block-size:var(--mer-icon__box--md);background:no-repeat center/var(--mer-icon__size--md) var(--icon-path)}.dialog::part(caption){--heading-base__font-family: var(--mer-font-family--title);--heading__color: var( --mer-heading__gray--light );--heading-h1__font-size: var(--mer-font__size--xl);--heading-h1__font-weight: var(--mer-font__weight--bold);--heading-h1__line-height: var(--mer-line-height--tight);--heading-h2__font-size: var(--mer-font__size--lg);--heading-h2__font-weight: var(--mer-font__weight--bold);--heading-h2__line-height: var(--mer-line-height--tight);--heading-h3__font-size: var(--mer-font__size--sm);--heading-h3__font-weight: var(--mer-font__weight--bold);--heading-h3__line-height: var(--mer-line-height--regular);--heading-h4__font-size: var(--mer-font__size--xs);--heading-h4__font-weight: var(--mer-font__weight--bold);--heading-h4__line-height: var(--mer-line-height--spaced);--heading-h5__font-size: var(--mer-font__size--2xs);--heading-h5__font-weight: var(--mer-font__weight--bold);--heading-h5__line-height: var(--mer-line-height--spaced);--heading-h6__font-size: var(--mer-font__size--3xs);--heading-h6__font-weight: var(--mer-font__weight--semi-bold);--heading-h6__line-height: var(--mer-line-height--spaced);font-family:var(--mer-font-family--title);line-height:var(--mer-line-height--tight);color:var(--heading__color)}.dialog::part(caption){font-size:var(--mer-font__size--2xs);font-weight:var(--mer-font__weight--bold);line-height:var(--heading-h5__line-height)}.dialog::part(caption){--heading__color: var(--mer-heading__gray--light)}.dialog::part(dialog){--spacing-body-block-start: var(--mer-spacing--md);--spacing-body-block-end: var(--mer-spacing--md);--spacing-body-inline-start: var(--mer-spacing--sm);--spacing-body-inline-end: var(--mer-spacing--sm);--ch-dialog-max-inline-size: 800px;background-color:var(--mer-surface__elevation--01);box-shadow:var(--mer-box-shadow--01)}.dialog.ch-dialog--modal{background-color:rgba(32,36,40,.9);backdrop-filter:blur(1.5px);z-index:108}.dialog::part(header){gap:var(--mer-spacing--sm);padding-block:var(--mer-spacing--md);padding-inline:var(--mer-spacing--sm);border-block-end:var(--mer-border__width--sm) solid var(--mer-border-color__on-elevation--01)}.dialog::part(caption){word-break:break-word}.dialog::part(close-button){--icon-path: var(--icon__system_close_primary--enabled)}.dialog::part(close-button):hover{--icon-path: var(--icon__system_close_primary--hover)}.dialog::part(close-button):active{--icon-path: var(--icon__system_close_primary--active)}.dialog::part(content){overflow:auto}.dialog::part(footer){padding-block:var(--mer-spacing--xs);padding-inline:var(--mer-spacing--sm)}.dialog::part(edge){border-color:rgba(0,0,0,0);transition:var(--mer-timing--fast) border-color}.dialog::part(edge):hover{border-color:var(--mer-color__tinted-primary--20)}.dialog::part(edge-block-start){border-block-start-width:var(--mer-border__width--lg);border-block-start-style:solid}.dialog::part(edge-inline-end){border-inline-end-width:var(--mer-border__width--lg);border-inline-end-style:solid}.dialog::part(edge-block-end){border-block-end-width:var(--mer-border__width--lg);border-block-end-style:solid}.dialog::part(edge-inline-start){border-inline-start-width:var(--mer-border__width--lg);border-inline-start-style:solid}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.control-footer,.dialog::part(footer){--control-footer-justify-content: end;padding-block-start:var(--mer-spacing--xs);display:flex;justify-content:var(--control-footer-justify-content);align-items:center}.control-footer-start{--control-footer-justify-content: start}.control-footer-center{--control-footer-justify-content: center}.control-footer-space-between{--control-footer-justify-content: space-between}.dialog::part(footer){border-block-start:var(--mer-border__width--sm) solid var(--mer-border-color__on-elevation--01)}
+.dialog::part(close-button){content:"";display:block;inline-size:var(--mer-icon__box--md);block-size:var(--mer-icon__box--md);background:no-repeat center/var(--mer-icon__size--md) var(--icon-path)}.dialog::part(caption){--heading-base__font-family: var(--mer-font-family--title);--heading__color: var( --mer-heading__gray--light );--heading-h1__font-size: var(--mer-font__size--xl);--heading-h1__font-weight: var(--mer-font__weight--bold);--heading-h1__line-height: var(--mer-line-height--tight);--heading-h2__font-size: var(--mer-font__size--lg);--heading-h2__font-weight: var(--mer-font__weight--bold);--heading-h2__line-height: var(--mer-line-height--tight);--heading-h3__font-size: var(--mer-font__size--sm);--heading-h3__font-weight: var(--mer-font__weight--bold);--heading-h3__line-height: var(--mer-line-height--regular);--heading-h4__font-size: var(--mer-font__size--xs);--heading-h4__font-weight: var(--mer-font__weight--bold);--heading-h4__line-height: var(--mer-line-height--spaced);--heading-h5__font-size: var(--mer-font__size--2xs);--heading-h5__font-weight: var(--mer-font__weight--bold);--heading-h5__line-height: var(--mer-line-height--spaced);--heading-h6__font-size: var(--mer-font__size--3xs);--heading-h6__font-weight: var(--mer-font__weight--semi-bold);--heading-h6__line-height: var(--mer-line-height--spaced);font-family:var(--mer-font-family--title);line-height:var(--mer-line-height--tight);color:var(--heading__color)}.dialog::part(caption){font-size:var(--mer-font__size--2xs);font-weight:var(--mer-font__weight--bold);line-height:var(--heading-h5__line-height)}.dialog::part(caption){--heading__color: var(--mer-heading__gray--light)}.dialog::part(dialog){--spacing-body-block-start: var(--mer-spacing--md);--spacing-body-block-end: var(--mer-spacing--md);--spacing-body-inline-start: var(--mer-spacing--sm);--spacing-body-inline-end: var(--mer-spacing--sm);--ch-dialog-max-inline-size: 800px;background-color:var(--mer-surface__elevation--01);box-shadow:var(--mer-box-shadow--01)}.dialog.ch-dialog--modal{background-color:color-mix(in srgb, var(--mer-color__neutral-gray--900) 71%, transparent 30%);backdrop-filter:blur(15px);z-index:108}.dialog::part(header){gap:var(--mer-spacing--sm);padding-block:var(--mer-spacing--md);padding-inline:var(--mer-spacing--sm);border-block-end:var(--mer-border__width--sm) solid var(--mer-border-color__on-elevation--01)}.dialog::part(caption){word-break:break-word}.dialog::part(close-button){--icon-path: var(--icon__system_close_primary--enabled)}.dialog::part(close-button):hover{--icon-path: var(--icon__system_close_primary--hover)}.dialog::part(close-button):active{--icon-path: var(--icon__system_close_primary--active)}.dialog::part(content){overflow:auto}.dialog::part(footer){padding-block:var(--mer-spacing--xs);padding-inline:var(--mer-spacing--sm)}.dialog::part(edge){border-color:rgba(0,0,0,0);transition:var(--mer-timing--fast) border-color}.dialog::part(edge):hover{border-color:var(--mer-color__tinted-primary--20)}.dialog::part(edge-block-start){border-block-start-width:var(--mer-border__width--lg);border-block-start-style:solid}.dialog::part(edge-inline-end){border-inline-end-width:var(--mer-border__width--lg);border-inline-end-style:solid}.dialog::part(edge-block-end){border-block-end-width:var(--mer-border__width--lg);border-block-end-style:solid}.dialog::part(edge-inline-start){border-inline-start-width:var(--mer-border__width--lg);border-inline-start-style:solid}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.control-footer,.dialog::part(footer){--control-footer-justify-content: end;padding-block-start:var(--mer-spacing--xs);display:flex;justify-content:var(--control-footer-justify-content);align-items:center}.control-footer-start{--control-footer-justify-content: start}.control-footer-center{--control-footer-justify-content: center}.control-footer-space-between{--control-footer-justify-content: space-between}.dialog::part(footer){border-block-start:var(--mer-border__width--sm) solid var(--mer-border-color__on-elevation--01)}

package/dist/bundles/css/components/toggle.css

@@ -1 +1 @@
-@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.toggle-large,.toggle-small{--ch-switch-track__unchecked-background-color: var( --mer-color__neutral-gray--650 );--ch-switch-track__checked-background-color: var( --mer-color__tinted-primary--50 );--ch-switch-thumb__unchecked-background-color: var(--mer-icon__neutral);--ch-switch-thumb__checked-background-color: var(--mer-icon__neutral);--ch-switch-thumb__state-transition-duration: 150ms}.toggle-large::part(track),.toggle-small::part(track){border-radius:var(--ch-switch-track-block-size);margin-inline-end:var(--mer-spacing--xs)}.toggle-large::part(track disabled),.toggle-small::part(track disabled){--ch-switch-track__unchecked-background-color: var( --mer-accent__primary--disabled );--ch-switch-track__checked-background-color: var( --mer-accent__primary--disabled );--ch-switch-thumb__unchecked-background-color: var( --mer-icon__on-disabled );--ch-switch-thumb__checked-background-color: var(--mer-icon__on-disabled)}.toggle-large::part(caption checked),.toggle-small::part(caption checked){font-weight:600}.toggle-small{--ch-switch-track-block-size: 16px;--ch-switch-track-inline-size: 31px;--ch-switch-thumb-size: 9px}.toggle-small::part(thumb unchecked){inset-inline-start:4px}.toggle-small::part(thumb checked){inset-inline-start:calc(100% - var(--ch-switch-thumb-size) - 4px)}.toggle-large{--ch-switch-track-block-size: 26px;--ch-switch-track-inline-size: 50px;--ch-switch-thumb-size: 16px}.toggle-large::part(thumb unchecked){inset-inline-start:6px}.toggle-large::part(thumb checked){inset-inline-start:calc(100% - var(--ch-switch-thumb-size) - 6px)}
+@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.toggle-large,.toggle-small{--ch-switch-track__unchecked-background-color: var( --mer-color__neutral-gray--650 );--ch-switch-track__checked-background-color: var( --mer-color__tinted-primary--50 );--ch-switch-thumb__unchecked-background-color: var(--mer-icon__neutral);--ch-switch-thumb__checked-background-color: var(--mer-icon__neutral);--ch-switch-thumb__state-transition-duration: 150ms;font-weight:400}.toggle-large::part(track),.toggle-small::part(track){border-radius:var(--ch-switch-track-block-size);margin-inline-end:var(--mer-spacing--xs)}.toggle-large::part(track disabled),.toggle-small::part(track disabled){--ch-switch-track__unchecked-background-color: var( --mer-accent__primary--disabled );--ch-switch-track__checked-background-color: var( --mer-accent__primary--disabled );--ch-switch-thumb__unchecked-background-color: var( --mer-icon__on-disabled );--ch-switch-thumb__checked-background-color: var(--mer-icon__on-disabled)}.toggle-large::part(caption checked),.toggle-small::part(caption checked){font-weight:600}.toggle-small{--ch-switch-track-block-size: 16px;--ch-switch-track-inline-size: 31px;--ch-switch-thumb-size: 9px}.toggle-small::part(thumb unchecked){inset-inline-start:4px}.toggle-small::part(thumb checked){inset-inline-start:calc(100% - var(--ch-switch-thumb-size) - 4px)}.toggle-large{--ch-switch-track-block-size: 26px;--ch-switch-track-inline-size: 50px;--ch-switch-thumb-size: 16px}.toggle-large::part(thumb unchecked){inset-inline-start:6px}.toggle-large::part(thumb checked){inset-inline-start:calc(100% - var(--ch-switch-thumb-size) - 6px)}

package/dist/bundles.d.ts

@@ -1,13 +1,5 @@
-import { ThemeModel } from "@genexus/chameleon-controls-library";
-export type MercuryBundles = [MercuryBundleReset, ...MercuryBundleOptimized[]] | [MercuryBundleReset, ...MercuryBundleFull[]];
-export type MercuryBundleOptimized = MercuryBundleComponent | MercuryBundleComponentForm | MercuryBundleUtil;
-export type MercuryBundleFull = MercuryBundleComponent | MercuryBundleUtil | MercuryBundleUtilFormFull;
-export type MercuryBundleBase = "base/base" | "base/icons";
-export type MercuryBundleComponent = "components/accordion" | "components/chat" | "components/code" | "components/dialog" | "components/flexible-layout" | "components/layout-splitter" | "components/list-box" | "components/markdown-viewer" | "components/navigation-list" | "components/pills" | "components/segmented-control" | "components/sidebar" | "components/tab" | "components/tabular-grid" | "components/ticket-list" | "components/tooltip" | "components/tree-view" | "components/widget";
-export type MercuryBundleComponentForm = "components/button" | "components/checkbox" | "components/combo-box" | "components/edit" | "components/icon" | "components/radio-group" | "components/slider" | "components/toggle";
-export type MercuryBundleReset = "resets/box-sizing";
-export type MercuryBundleUtil = "utils/elevation" | "utils/form" | "utils/layout" | "utils/spacing" | "utils/typography" | "chameleon/scrollbar";
-export type MercuryBundleUtilFormFull = "utils/form--full";
+import type { ThemeModel } from "@genexus/chameleon-controls-library";
+import type { MercuryBundleComponent, MercuryBundleComponentForm, MercuryBundleFull, MercuryBundleOptimized, MercuryBundleReset, MercuryBundleUtil, MercuryBundleUtilFormFull } from "./types.ts";
 type BundleNames = MercuryBundleComponent | MercuryBundleComponentForm | MercuryBundleReset | MercuryBundleUtil | MercuryBundleUtilFormFull;
 /**
  * Given the basePath, returns all bundles (except base and icons) in the

package/dist/bundles.js

@@ -1,96 +1 @@
-const getThemeModelItem = (basePath, bundleName, attachStyleSheet = undefined) => attachStyleSheet === undefined
-    ? {
-        name: bundleName,
-        url: `${basePath}${bundleName}.css`
-    }
-    : {
-        name: bundleName,
-        url: `${basePath}${bundleName}.css`,
-        attachStyleSheet
-    };
-/**
- * Given the basePath, returns all bundles (except base and icons) in the
- * format of type `ThemeModel`.
- *
- * This is useful for defining the following in an `index.html`:
- *
- * ```tsx
- * const THEME_BUNDLES = getThemeBundles("<base path>");
- *
- * HTML/render/template:
- *   <body>
- *     <ch-theme model={THEME_BUNDLES}></ch-theme>
- *     ...
- *   </body>
- * ```
- */
-export const getThemeBundles = (basePath) => [
-    // Components
-    getThemeModelItem(basePath, "components/accordion"),
-    getThemeModelItem(basePath, "components/button"),
-    getThemeModelItem(basePath, "components/chat"),
-    getThemeModelItem(basePath, "components/checkbox"),
-    getThemeModelItem(basePath, "components/code"),
-    getThemeModelItem(basePath, "components/combo-box"),
-    getThemeModelItem(basePath, "components/flexible-layout"),
-    getThemeModelItem(basePath, "components/dialog"),
-    getThemeModelItem(basePath, "components/icon"),
-    getThemeModelItem(basePath, "components/edit"),
-    getThemeModelItem(basePath, "components/layout-splitter"),
-    getThemeModelItem(basePath, "components/list-box"),
-    getThemeModelItem(basePath, "components/markdown-viewer", false),
-    getThemeModelItem(basePath, "components/navigation-list"),
-    getThemeModelItem(basePath, "components/pills"),
-    getThemeModelItem(basePath, "components/radio-group"),
-    getThemeModelItem(basePath, "components/segmented-control"),
-    getThemeModelItem(basePath, "components/sidebar"),
-    getThemeModelItem(basePath, "components/slider"),
-    getThemeModelItem(basePath, "components/tab"),
-    getThemeModelItem(basePath, "components/tabular-grid"),
-    getThemeModelItem(basePath, "components/ticket-list"),
-    getThemeModelItem(basePath, "components/toggle"),
-    getThemeModelItem(basePath, "components/tooltip"),
-    getThemeModelItem(basePath, "components/tree-view"),
-    getThemeModelItem(basePath, "components/widget"),
-    // Resets
-    getThemeModelItem(basePath, "resets/box-sizing"),
-    // Utils
-    getThemeModelItem(basePath, "utils/form"),
-    getThemeModelItem(basePath, "utils/elevation"),
-    getThemeModelItem(basePath, "utils/form--full"),
-    getThemeModelItem(basePath, "utils/layout"),
-    getThemeModelItem(basePath, "utils/spacing"),
-    getThemeModelItem(basePath, "utils/typography"),
-    getThemeModelItem(basePath, "chameleon/scrollbar")
-];
-/**
- * Given the bundles array and the basePath (optional), returns the given
- * bundles in the format of type `ThemeModel`.
- *
- * This is useful for defining the following in a dialog:
- *
- * ```tsx
- * const CSS_BUNDLES: ThemeModel = getBundles(
- *   [
- *     "components/accordion",
- *     "components/button",
- *     "components/checkbox",
- *     "components/combo-box",
- *     "components/edit",
- *     "components/tree-view",
- *     "utils/form",
- *     "utils/layout",
- *   ],
- *   "./assets/css/"
- * );
- *
- * HTML/render/template:
- *   <Host>
- *     <ch-theme model={CSS_BUNDLES}></ch-theme>
- *     ...
- *   </Host>
- * ```
- */
-export const getBundles = (bundles, basePath) => basePath
-    ? bundles.map(bundle => getThemeModelItem(basePath, bundle))
-    : bundles;
+"use strict";const n=(o,c,p=void 0)=>p===void 0?{name:c,url:`${o}${c}.css`}:{name:c,url:`${o}${c}.css`,attachStyleSheet:p};export const getThemeBundles=o=>[n(o,"components/accordion"),n(o,"components/button"),n(o,"components/chat"),n(o,"components/checkbox"),n(o,"components/code"),n(o,"components/combo-box"),n(o,"components/flexible-layout"),n(o,"components/dialog"),n(o,"components/icon"),n(o,"components/edit"),n(o,"components/layout-splitter"),n(o,"components/list-box"),n(o,"components/markdown-viewer",!1),n(o,"components/navigation-list"),n(o,"components/pills"),n(o,"components/radio-group"),n(o,"components/segmented-control"),n(o,"components/sidebar"),n(o,"components/slider"),n(o,"components/tab"),n(o,"components/tabular-grid"),n(o,"components/ticket-list"),n(o,"components/toggle"),n(o,"components/tooltip"),n(o,"components/tree-view"),n(o,"components/widget"),n(o,"resets/box-sizing"),n(o,"utils/form"),n(o,"utils/elevation"),n(o,"utils/form--full"),n(o,"utils/layout"),n(o,"utils/spacing"),n(o,"utils/typography"),n(o,"chameleon/scrollbar")],getBundles=(o,c)=>c?o.map(p=>n(c,p)):o;

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./assets-manager.js";
+export * from "./bundles.js";
+export * from "./register-mercury.js";
+export * from "./types.js";

package/dist/index.js

@@ -0,0 +1 @@
+"use strict";export*from"./assets-manager.js";export*from"./bundles.js";export*from"./register-mercury.js";export*from"./types.js";

package/dist/mercury.scss

@@ -5347,8 +5347,12 @@
   box-shadow: var(--mer-box-shadow--01);
 
   &__backdrop {
-    background-color: rgba(32, 36, 40, 0.9);
-    backdrop-filter: blur(1.5px);
+    background-color: color-mix(
+      in srgb,
+      var(--mer-color__neutral-gray--900) 71%,
+      transparent 30%
+    );
+    backdrop-filter: blur(15px);
     z-index: 108; // TODO: This is a WA to show the backdrop above the button of the dropdown
   }
 
@@ -10405,6 +10409,7 @@
   --ch-switch-thumb__unchecked-background-color: var(--mer-icon__neutral);
   --ch-switch-thumb__checked-background-color: var(--mer-icon__neutral);
   --ch-switch-thumb__state-transition-duration: 150ms;
+  font-weight: 400; // TODO: USE THE RIGHT TOKEN AND LINE-HEIGHT
 
   &__track {
     border-radius: var(--ch-switch-track-block-size);

package/dist/register-mercury.d.ts

@@ -0,0 +1 @@
+export declare const registerMercury: () => void;

package/dist/register-mercury.js

@@ -0,0 +1 @@
+"use strict";import{MERCURY_ALIAS as r,registerAssets as e}from"./assets-manager.js";import{MERCURY_ASSETS as t}from"./assets/MERCURY_ASSETS.js";export const registerMercury=()=>e("Mercury",r,t);

package/dist/types.d.ts

@@ -0,0 +1,59 @@
+export type MercuryBundles = [MercuryBundleReset, ...MercuryBundleOptimized[]] | [MercuryBundleReset, ...MercuryBundleFull[]];
+export type MercuryBundleOptimized = MercuryBundleComponent | MercuryBundleComponentForm | MercuryBundleUtil;
+export type MercuryBundleFull = MercuryBundleComponent | MercuryBundleUtil | MercuryBundleUtilFormFull;
+export type MercuryBundleBase = "base/base" | "base/icons";
+export type MercuryBundleComponent = "components/accordion" | "components/chat" | "components/code" | "components/dialog" | "components/flexible-layout" | "components/layout-splitter" | "components/list-box" | "components/markdown-viewer" | "components/navigation-list" | "components/pills" | "components/segmented-control" | "components/sidebar" | "components/tab" | "components/tabular-grid" | "components/ticket-list" | "components/tooltip" | "components/tree-view" | "components/widget";
+export type MercuryBundleComponentForm = "components/button" | "components/checkbox" | "components/combo-box" | "components/edit" | "components/icon" | "components/radio-group" | "components/slider" | "components/toggle";
+export type MercuryBundleReset = "resets/box-sizing";
+export type MercuryBundleUtil = "utils/elevation" | "utils/form" | "utils/layout" | "utils/spacing" | "utils/typography" | "chameleon/scrollbar";
+export type MercuryBundleUtilFormFull = "utils/form--full";
+export type AssetsMetadata = {
+    category: string;
+    name: string;
+    colorType?: string;
+};
+/**
+ * For example:
+ * ```
+ * {
+ *   icons: {
+ *     objects: { // Category
+ *       stencil: { // Icon Name
+ *         enabled: { // State
+ *           name: "objects_stencil--enabled"
+ *         }
+ *       },
+ *     },
+ *     windows-tools: { // Category
+ *       workflow: { // Icon Name
+ *         "on-surface": { // Color Type
+ *           enabled: { // State
+ *             name: "windows-tools_workflow_on-surface--enabled"
+ *           },
+ *           hover: {
+ *             name: "windows-tools_workflow_on-surface--hover"
+ *           }
+ *         }
+ *       }
+ *     }
+ *   }
+ * }
+ * ```
+ */
+export type Assets = {
+    icons: {
+        [key in string]: AssetsCategories;
+    };
+};
+export type AssetsCategories = {
+    [key: string]: AssetsIconName;
+};
+export type AssetsIconName = {
+    [key: string]: AssetsColorType;
+} | AssetsColorType;
+export type AssetsColorType = {
+    [key: string]: AssetsIconMetadata;
+};
+export interface AssetsIconMetadata {
+    name: string;
+}

package/dist/types.js

@@ -0,0 +1 @@
+"use strict";export{};

package/package.json

@@ -1,17 +1,45 @@
 {
   "name": "@genexus/mercury",
-  "version": "0.11.0",
+  "version": "0.12.1",
   "description": "Mercury is the design system designed for GeneXus IDE Web and GeneXus Next",
-  "main": "dist/mercury.scss",
-  "module": "dist/assets-manager.js",
-  "types": "dist/assets-manager.d.ts",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
   "files": [
     "dist/"
   ],
   "type": "module",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      }
+    },
+    "./assets-manager.js": {
+      "import": {
+        "types": "./dist/assets-manager.d.ts",
+        "default": "./dist/assets-manager.js"
+      }
+    },
+    "./bundles.js": {
+      "import": {
+        "types": "./dist/bundles.d.ts",
+        "default": "./dist/bundles.js"
+      }
+    },
+    "./register-mercury.js": {
+      "import": {
+        "types": "./dist/register-mercury.d.ts",
+        "default": "./dist/register-mercury.js"
+      }
+    },
+    "./package.json": "./package.json"
+  },
   "scripts": {
-    "build": "tsc && npm run icons-svg && npm run icons-sass && npm run build.scss && npm run copy-tasks && npm run showcase.scss",
-    "build-no-svg": "tsc && npm run build.scss && npm run copy-tasks",
+    "build": "npm run build.js && npm run icons-svg && npm run icons-sass && npm run build.scss && npm run copy-tasks && npm run showcase.scss",
+    "build.js": "tsc && esbuild dist/*.js --allow-overwrite --minify --outdir=dist && esbuild dist/assets/*.js --allow-overwrite --minify --outdir=dist/assets",
+    "build-no-svg": "npm run build.js && npm run build.scss && npm run copy-tasks",
     "build.scss": "scss-bundle -e ./src/mercury.scss -o dist/mercury.scss && npm run build.bundles && npm run copy-all.css",
     "build.bundles": "fse copy --all --keepExisting --errorOnExist --dereference --preserveTimestamps --quiet src/bundles/scss dist/bundles/scss && sass --load-path=src --no-source-map --style compressed dist/bundles/scss:dist/bundles/css",
     "start": "vite --port 5200 --open showcase/button.html",
@@ -31,6 +59,7 @@
     "@genexus/svg-sass-generator": "1.1.24",
     "chokidar": "^3.6.0",
     "chokidar-cli": "^3.0.0",
+    "esbuild": "0.24.0",
     "sass": "~1.72.0",
     "scss-bundle": "~3.1.2",
     "typescript": "~5.5.3",