@genexus/mercury 0.12.9 → 0.13.1

package/dist/bundles/js/utils/form.js

@@ -0,0 +1 @@
+export const bundle = `.field{display:grid}.field-group-inline,.field-group{--spacing-body-block-start: var(--mer-spacing--md);--spacing-body-block-end: var(--mer-spacing--md);--spacing-body-inline-start: var(--mer-spacing--md);--spacing-body-inline-end: var(--mer-spacing--md);row-gap:var(--field-group__row-gap);column-gap:var(--field-group__column-gap)}.field-group{display:grid}.field-group-inline{display:flex;flex-wrap:wrap}.field-group-cols-2{display:grid;column-gap:var(--field__column-gap);row-gap:var(--field-group__row-gap);grid-template-columns:max-content auto}.field-block{row-gap:var(--field__row-gap);grid-template-rows:max-content 1fr}.field-inline{column-gap:var(--field__column-gap);grid-template-columns:max-content 1fr}.field-group-cols-2 .label,.field-inline>.label{margin-block-start:var(--field-inline-label__margin-block-start)}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.label{color:var(--label__color);font-weight:var(--label__font-weight);font-size:var(--label__font-size);line-height:var(--label__line-height)}.label--disabled{--label__color: var(--label__color--disabled)}`;

package/dist/bundles/js/utils/layout.js

@@ -0,0 +1 @@
+export const bundle = `.layout{--spacing-body-block-start: var(--mer-spacing--md);--spacing-body-block-end: var(--mer-spacing--md);--spacing-body-inline-start: var(--mer-spacing--lg);--spacing-body-inline-end: var(--mer-spacing--lg);display:grid;gap:var(--mer-spacing--md)}.layout__panel{display:grid}.layout--cols-1{grid-template-rows:1fr;grid-template-columns:1fr}.layout--cols-2{grid-template-rows:1fr;grid-template-columns:repeat(2, 1fr)}.layout--cols-3{grid-template-rows:1fr;grid-template-columns:repeat(3, 1fr)}.layout--cols-4{grid-template-rows:1fr;grid-template-columns:repeat(4, 1fr)}.layout--cols-1-2{grid-template-rows:1fr;grid-template-columns:1fr 2fr}.layout--cols-2-1{grid-template-rows:1fr;grid-template-columns:2fr 1fr}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.control-footer,.control-footer-with-border{--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}.control-footer-with-border{border-block-start:var(--mer-border__width--sm) solid var(--mer-border-color__on-elevation--01)}.control-header,.control-header-with-border{padding-block-end:var(--mer-spacing--md)}.control-header-with-border{border-block-end:var(--mer-border__width--sm) solid var(--mer-border-color__on-elevation--01)}`;

package/dist/bundles/js/utils/spacing.js

@@ -0,0 +1 @@
+export const bundle = `.spacing-body,:host(.spacing-body){padding-block:var(--spacing-body-block-start) var(--spacing-body-block-end);padding-inline:var(--spacing-body-inline-start) var(--spacing-body-inline-end)}.spacing-body-block,:host(.spacing-body-block){padding-block:var(--spacing-body-block-start) var(--spacing-body-block-end)}.spacing-body-block-start,:host(.spacing-body-block-start){padding-block-start:var(--spacing-body-block-start)}.spacing-body-block-end,:host(.spacing-body-block-end){padding-block-end:var(--spacing-body-block-end)}.spacing-body-inline,:host(.spacing-body-inline){padding-inline:var(--spacing-body-inline-start) var(--spacing-body-inline-end)}.spacing-body-inline-start,:host(.spacing-body-inline-start){padding-inline-start:var(--spacing-body-inline-start)}.spacing-body-inline-end,:host(.spacing-body-inline-end){padding-inline-end:var(--spacing-body-inline-end)}.spacing-body,:host(.spacing-body){padding-block:var(--spacing-body-block-start) var(--spacing-body-block-end);padding-inline:var(--spacing-body-inline-start) var(--spacing-body-inline-end)}.spacing-body-block,:host(.spacing-body-block){padding-block:var(--spacing-body-block-start) var(--spacing-body-block-end)}.spacing-body-block-start,:host(.spacing-body-block-start){padding-block-start:var(--spacing-body-block-start)}.spacing-body-block-end,:host(.spacing-body-block-end){padding-block-end:var(--spacing-body-block-end)}.spacing-body-inline,:host(.spacing-body-inline){padding-inline:var(--spacing-body-inline-start) var(--spacing-body-inline-end)}.spacing-body-inline-start,:host(.spacing-body-inline-start){padding-inline-start:var(--spacing-body-inline-start)}.spacing-body-inline-end,:host(.spacing-body-inline-end){padding-inline-end:var(--spacing-body-inline-end)}.spacing-body,:host(.spacing-body){padding-block:var(--spacing-body-block-start) var(--spacing-body-block-end);padding-inline:var(--spacing-body-inline-start) var(--spacing-body-inline-end)}.spacing-body-block,:host(.spacing-body-block){padding-block:var(--spacing-body-block-start) var(--spacing-body-block-end)}.spacing-body-block-start,:host(.spacing-body-block-start){padding-block-start:var(--spacing-body-block-start)}.spacing-body-block-end,:host(.spacing-body-block-end){padding-block-end:var(--spacing-body-block-end)}.spacing-body-inline,:host(.spacing-body-inline){padding-inline:var(--spacing-body-inline-start) var(--spacing-body-inline-end)}.spacing-body-inline-start,:host(.spacing-body-inline-start){padding-inline-start:var(--spacing-body-inline-start)}.spacing-body-inline-end,:host(.spacing-body-inline-end){padding-inline-end:var(--spacing-body-inline-end)}.spacing-body,:host(.spacing-body){padding-block:var(--spacing-body-block-start) var(--spacing-body-block-end);padding-inline:var(--spacing-body-inline-start) var(--spacing-body-inline-end)}.spacing-body-block,:host(.spacing-body-block){padding-block:var(--spacing-body-block-start) var(--spacing-body-block-end)}.spacing-body-block-start,:host(.spacing-body-block-start){padding-block-start:var(--spacing-body-block-start)}.spacing-body-block-end,:host(.spacing-body-block-end){padding-block-end:var(--spacing-body-block-end)}.spacing-body-inline,:host(.spacing-body-inline){padding-inline:var(--spacing-body-inline-start) var(--spacing-body-inline-end)}.spacing-body-inline-start,:host(.spacing-body-inline-start){padding-inline-start:var(--spacing-body-inline-start)}.spacing-body-inline-end,:host(.spacing-body-inline-end){padding-inline-end:var(--spacing-body-inline-end)}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}`;

package/dist/bundles/js/utils/typography.js

@@ -0,0 +1 @@
+export const bundle = `.heading-6,.heading-5,.heading-4,.heading-3,.heading-2,.heading-1{--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)}.heading-1{font-size:var(--mer-font__size--xl);font-weight:var(--mer-font__weight--bold);line-height:var(--heading-h1__line-height)}.heading-2{font-size:var(--mer-font__size--lg);font-weight:var(--mer-font__weight--bold);line-height:var(--heading-h2__line-height)}.heading-3{font-size:var(--mer-font__size--sm);font-weight:var(--mer-font__weight--bold);line-height:var(--heading-h3__line-height)}.heading-4{font-size:var(--mer-font__size--xs);font-weight:var(--mer-font__weight--bold);line-height:var(--heading-h4__line-height)}.heading-5{font-size:var(--mer-font__size--2xs);font-weight:var(--mer-font__weight--bold);line-height:var(--heading-h5__line-height)}.heading-6{font-size:var(--mer-font__size--3xs);font-weight:var(--mer-font__weight--semi-bold);line-height:var(--heading-h6__line-height)}.heading-gray--light{--heading__color: var(--mer-heading__gray--light)}.text-body-italic-xs,.text-body-italic-s,.text-body-italic-m,.text-body-italic-l,.text-body-highlighted-xs,.text-body-highlighted-s,.text-body-highlighted-m,.text-body-highlighted-l,.text-body-regular-xs,.text-body-regular-s,.text-body-regular-m,.text-body-regular-l{--text-body__font-size--l: var(--mer-font__size--sm);--text-body__font-size--m: var(--mer-font__size--xs);--text-body__font-size--s: var(--mer-font__size--3xs);--text-body__font-size--xs: var(--mer-font__size--4xs);--text-body__line-height: var(--mer-line-height--spaced);--text-body-regular__font-weight: var(--mer-font__weight--regular);--text-body-highlighted__font-weight: var(--mer-font__weight--semi-bold);--text-body-italic__font-weight: var(--mer-font__weight--regular)}.text-body-regular-l{font-size:var(--text-body__font-size--l);font-weight:var(--text-body-regular__font-weight);line-height:var(--text-body__line-height)}.text-body-regular-m{font-size:var(--text-body__font-size--m);font-weight:var(--text-body-regular__font-weight);line-height:var(--text-body__line-height)}.text-body-regular-s{font-size:var(--text-body__font-size--s);font-weight:var(--text-body-regular__font-weight);line-height:var(--text-body__line-height)}.text-body-regular-xs{font-size:var(--text-body__font-size--xs);font-weight:var(--text-body-regular__font-weight);line-height:var(--text-body__line-height)}.text-body-highlighted-l{font-size:var(--text-body__font-size--l);font-weight:var(--text-body-highlighted__font-weight);line-height:var(--text-body__line-height)}.text-body-highlighted-m{font-size:var(--text-body__font-size--m);font-weight:var(--text-body-highlighted__font-weight);line-height:var(--text-body__line-height)}.text-body-highlighted-s{font-size:var(--text-body__font-size--s);font-weight:var(--text-body-highlighted__font-weight);line-height:var(--text-body__line-height)}.text-body-highlighted-xs{font-size:var(--text-body__font-size--xs);font-weight:var(--text-body-highlighted__font-weight);line-height:var(--text-body__line-height)}.text-body-italic-l{font-size:var(--text-body__font-size--l);font-style:italic;font-weight:var(--text-body-italic__font-weight);line-height:var(--text-body__line-height)}.text-body-italic-m{font-size:var(--text-body__font-size--m);font-style:italic;font-weight:var(--text-body-italic__font-weight);line-height:var(--text-body__line-height)}.text-body-italic-s{font-size:var(--text-body__font-size--s);font-style:italic;font-weight:var(--text-body-italic__font-weight);line-height:var(--text-body__line-height)}.text-body-italic-xs{font-size:var(--text-body__font-size--xs);font-style:italic;font-weight:var(--text-body-italic__font-weight);line-height:var(--text-body__line-height)}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}h1,h2,h3,h4,h5,h6,p{font:unset;margin:0;padding:0;color:unset}`;

package/dist/bundles.d.ts

@@ -1,6 +1,5 @@
 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;
+import type { MercuryBundleFull, MercuryBundleMapping, MercuryBundleOptimized } from "./types.ts";
 /**
  * Given the basePath, returns all bundles (except base and icons) in the
  * format of type `ThemeModel`.
@@ -17,285 +16,285 @@ type BundleNames = MercuryBundleComponent | MercuryBundleComponentForm | Mercury
  *   </body>
  * ```
  */
-export declare const getThemeBundles: (basePath: string) => [{
-    readonly name: BundleNames;
-    readonly url: `${string}components/accordion.css`;
+export declare const getThemeBundles: (basePath: string, bundleNamePrefix?: string) => [{
+    readonly name: string;
+    readonly url: string;
     readonly attachStyleSheet?: undefined;
 } | {
-    readonly name: BundleNames;
-    readonly url: `${string}components/accordion.css`;
+    readonly name: string;
+    readonly url: string;
     readonly attachStyleSheet: boolean;
 }, {
-    readonly name: BundleNames;
-    readonly url: `${string}components/button.css`;
+    readonly name: string;
+    readonly url: string;
     readonly attachStyleSheet?: undefined;
 } | {
-    readonly name: BundleNames;
-    readonly url: `${string}components/button.css`;
+    readonly name: string;
+    readonly url: string;
     readonly attachStyleSheet: boolean;
 }, {
-    readonly name: BundleNames;
-    readonly url: `${string}components/chat.css`;
+    readonly name: string;
+    readonly url: string;
     readonly attachStyleSheet?: undefined;
 } | {
-    readonly name: BundleNames;
-    readonly url: `${string}components/chat.css`;
+    readonly name: string;
+    readonly url: string;
     readonly attachStyleSheet: boolean;
 }, {
-    readonly name: BundleNames;
-    readonly url: `${string}components/checkbox.css`;
+    readonly name: string;
+    readonly url: string;
     readonly attachStyleSheet?: undefined;
 } | {
-    readonly name: BundleNames;
-    readonly url: `${string}components/checkbox.css`;
+    readonly name: string;
+    readonly url: string;
     readonly attachStyleSheet: boolean;
 }, {
-    readonly name: BundleNames;
-    readonly url: `${string}components/code.css`;
+    readonly name: string;
+    readonly url: string;
     readonly attachStyleSheet?: undefined;
 } | {
-    readonly name: BundleNames;
-    readonly url: `${string}components/code.css`;
+    readonly name: string;
+    readonly url: string;
     readonly attachStyleSheet: boolean;
 }, {
-    readonly name: BundleNames;
-    readonly url: `${string}components/combo-box.css`;
+    readonly name: string;
+    readonly url: string;
     readonly attachStyleSheet?: undefined;
 } | {
-    readonly name: BundleNames;
-    readonly url: `${string}components/combo-box.css`;
+    readonly name: string;
+    readonly url: string;
     readonly attachStyleSheet: boolean;
 }, {
-    readonly name: BundleNames;
-    readonly url: `${string}components/flexible-layout.css`;
+    readonly name: string;
+    readonly url: string;
     readonly attachStyleSheet?: undefined;
 } | {
-    readonly name: BundleNames;
-    readonly url: `${string}components/flexible-layout.css`;
+    readonly name: string;
+    readonly url: string;
     readonly attachStyleSheet: boolean;
 }, {
-    readonly name: BundleNames;
-    readonly url: `${string}components/dialog.css`;
+    readonly name: string;
+    readonly url: string;
     readonly attachStyleSheet?: undefined;
 } | {
-    readonly name: BundleNames;
-    readonly url: `${string}components/dialog.css`;
+    readonly name: string;
+    readonly url: string;
     readonly attachStyleSheet: boolean;
 }, {
-    readonly name: BundleNames;
-    readonly url: `${string}components/dropdown.css`;
+    readonly name: string;
+    readonly url: string;
     readonly attachStyleSheet?: undefined;
 } | {
-    readonly name: BundleNames;
-    readonly url: `${string}components/dropdown.css`;
+    readonly name: string;
+    readonly url: string;
     readonly attachStyleSheet: boolean;
 }, {
-    readonly name: BundleNames;
-    readonly url: `${string}components/icon.css`;
+    readonly name: string;
+    readonly url: string;
     readonly attachStyleSheet?: undefined;
 } | {
-    readonly name: BundleNames;
-    readonly url: `${string}components/icon.css`;
+    readonly name: string;
+    readonly url: string;
     readonly attachStyleSheet: boolean;
 }, {
-    readonly name: BundleNames;
-    readonly url: `${string}components/edit.css`;
+    readonly name: string;
+    readonly url: string;
     readonly attachStyleSheet?: undefined;
 } | {
-    readonly name: BundleNames;
-    readonly url: `${string}components/edit.css`;
+    readonly name: string;
+    readonly url: string;
     readonly attachStyleSheet: boolean;
 }, {
-    readonly name: BundleNames;
-    readonly url: `${string}components/layout-splitter.css`;
+    readonly name: string;
+    readonly url: string;
     readonly attachStyleSheet?: undefined;
 } | {
-    readonly name: BundleNames;
-    readonly url: `${string}components/layout-splitter.css`;
+    readonly name: string;
+    readonly url: string;
     readonly attachStyleSheet: boolean;
 }, {
-    readonly name: BundleNames;
-    readonly url: `${string}components/list-box.css`;
+    readonly name: string;
+    readonly url: string;
     readonly attachStyleSheet?: undefined;
 } | {
-    readonly name: BundleNames;
-    readonly url: `${string}components/list-box.css`;
+    readonly name: string;
+    readonly url: string;
     readonly attachStyleSheet: boolean;
 }, {
-    readonly name: BundleNames;
-    readonly url: `${string}components/markdown-viewer.css`;
+    readonly name: string;
+    readonly url: string;
     readonly attachStyleSheet?: undefined;
 } | {
-    readonly name: BundleNames;
-    readonly url: `${string}components/markdown-viewer.css`;
+    readonly name: string;
+    readonly url: string;
     readonly attachStyleSheet: boolean;
 }, {
-    readonly name: BundleNames;
-    readonly url: `${string}components/navigation-list.css`;
+    readonly name: string;
+    readonly url: string;
     readonly attachStyleSheet?: undefined;
 } | {
-    readonly name: BundleNames;
-    readonly url: `${string}components/navigation-list.css`;
+    readonly name: string;
+    readonly url: string;
     readonly attachStyleSheet: boolean;
 }, {
-    readonly name: BundleNames;
-    readonly url: `${string}components/pills.css`;
+    readonly name: string;
+    readonly url: string;
     readonly attachStyleSheet?: undefined;
 } | {
-    readonly name: BundleNames;
-    readonly url: `${string}components/pills.css`;
+    readonly name: string;
+    readonly url: string;
     readonly attachStyleSheet: boolean;
 }, {
-    readonly name: BundleNames;
-    readonly url: `${string}components/radio-group.css`;
+    readonly name: string;
+    readonly url: string;
     readonly attachStyleSheet?: undefined;
 } | {
-    readonly name: BundleNames;
-    readonly url: `${string}components/radio-group.css`;
+    readonly name: string;
+    readonly url: string;
     readonly attachStyleSheet: boolean;
 }, {
-    readonly name: BundleNames;
-    readonly url: `${string}components/segmented-control.css`;
+    readonly name: string;
+    readonly url: string;
     readonly attachStyleSheet?: undefined;
 } | {
-    readonly name: BundleNames;
-    readonly url: `${string}components/segmented-control.css`;
+    readonly name: string;
+    readonly url: string;
     readonly attachStyleSheet: boolean;
 }, {
-    readonly name: BundleNames;
-    readonly url: `${string}components/sidebar.css`;
+    readonly name: string;
+    readonly url: string;
     readonly attachStyleSheet?: undefined;
 } | {
-    readonly name: BundleNames;
-    readonly url: `${string}components/sidebar.css`;
+    readonly name: string;
+    readonly url: string;
     readonly attachStyleSheet: boolean;
 }, {
-    readonly name: BundleNames;
-    readonly url: `${string}components/slider.css`;
+    readonly name: string;
+    readonly url: string;
     readonly attachStyleSheet?: undefined;
 } | {
-    readonly name: BundleNames;
-    readonly url: `${string}components/slider.css`;
+    readonly name: string;
+    readonly url: string;
     readonly attachStyleSheet: boolean;
 }, {
-    readonly name: BundleNames;
-    readonly url: `${string}components/tab.css`;
+    readonly name: string;
+    readonly url: string;
     readonly attachStyleSheet?: undefined;
 } | {
-    readonly name: BundleNames;
-    readonly url: `${string}components/tab.css`;
+    readonly name: string;
+    readonly url: string;
     readonly attachStyleSheet: boolean;
 }, {
-    readonly name: BundleNames;
-    readonly url: `${string}components/tabular-grid.css`;
+    readonly name: string;
+    readonly url: string;
     readonly attachStyleSheet?: undefined;
 } | {
-    readonly name: BundleNames;
-    readonly url: `${string}components/tabular-grid.css`;
+    readonly name: string;
+    readonly url: string;
     readonly attachStyleSheet: boolean;
 }, {
-    readonly name: BundleNames;
-    readonly url: `${string}components/ticket-list.css`;
+    readonly name: string;
+    readonly url: string;
     readonly attachStyleSheet?: undefined;
 } | {
-    readonly name: BundleNames;
-    readonly url: `${string}components/ticket-list.css`;
+    readonly name: string;
+    readonly url: string;
     readonly attachStyleSheet: boolean;
 }, {
-    readonly name: BundleNames;
-    readonly url: `${string}components/switch.css`;
+    readonly name: string;
+    readonly url: string;
     readonly attachStyleSheet?: undefined;
 } | {
-    readonly name: BundleNames;
-    readonly url: `${string}components/switch.css`;
+    readonly name: string;
+    readonly url: string;
     readonly attachStyleSheet: boolean;
 }, {
-    readonly name: BundleNames;
-    readonly url: `${string}components/tooltip.css`;
+    readonly name: string;
+    readonly url: string;
     readonly attachStyleSheet?: undefined;
 } | {
-    readonly name: BundleNames;
-    readonly url: `${string}components/tooltip.css`;
+    readonly name: string;
+    readonly url: string;
     readonly attachStyleSheet: boolean;
 }, {
-    readonly name: BundleNames;
-    readonly url: `${string}components/tree-view.css`;
+    readonly name: string;
+    readonly url: string;
     readonly attachStyleSheet?: undefined;
 } | {
-    readonly name: BundleNames;
-    readonly url: `${string}components/tree-view.css`;
+    readonly name: string;
+    readonly url: string;
     readonly attachStyleSheet: boolean;
 }, {
-    readonly name: BundleNames;
-    readonly url: `${string}components/widget.css`;
+    readonly name: string;
+    readonly url: string;
     readonly attachStyleSheet?: undefined;
 } | {
-    readonly name: BundleNames;
-    readonly url: `${string}components/widget.css`;
+    readonly name: string;
+    readonly url: string;
     readonly attachStyleSheet: boolean;
 }, {
-    readonly name: BundleNames;
-    readonly url: `${string}resets/box-sizing.css`;
+    readonly name: string;
+    readonly url: string;
     readonly attachStyleSheet?: undefined;
 } | {
-    readonly name: BundleNames;
-    readonly url: `${string}resets/box-sizing.css`;
+    readonly name: string;
+    readonly url: string;
     readonly attachStyleSheet: boolean;
 }, {
-    readonly name: BundleNames;
-    readonly url: `${string}utils/form.css`;
+    readonly name: string;
+    readonly url: string;
     readonly attachStyleSheet?: undefined;
 } | {
-    readonly name: BundleNames;
-    readonly url: `${string}utils/form.css`;
+    readonly name: string;
+    readonly url: string;
     readonly attachStyleSheet: boolean;
 }, {
-    readonly name: BundleNames;
-    readonly url: `${string}utils/elevation.css`;
+    readonly name: string;
+    readonly url: string;
     readonly attachStyleSheet?: undefined;
 } | {
-    readonly name: BundleNames;
-    readonly url: `${string}utils/elevation.css`;
+    readonly name: string;
+    readonly url: string;
     readonly attachStyleSheet: boolean;
 }, {
-    readonly name: BundleNames;
-    readonly url: `${string}utils/form--full.css`;
+    readonly name: string;
+    readonly url: string;
     readonly attachStyleSheet?: undefined;
 } | {
-    readonly name: BundleNames;
-    readonly url: `${string}utils/form--full.css`;
+    readonly name: string;
+    readonly url: string;
     readonly attachStyleSheet: boolean;
 }, {
-    readonly name: BundleNames;
-    readonly url: `${string}utils/layout.css`;
+    readonly name: string;
+    readonly url: string;
     readonly attachStyleSheet?: undefined;
 } | {
-    readonly name: BundleNames;
-    readonly url: `${string}utils/layout.css`;
+    readonly name: string;
+    readonly url: string;
     readonly attachStyleSheet: boolean;
 }, {
-    readonly name: BundleNames;
-    readonly url: `${string}utils/spacing.css`;
+    readonly name: string;
+    readonly url: string;
     readonly attachStyleSheet?: undefined;
 } | {
-    readonly name: BundleNames;
-    readonly url: `${string}utils/spacing.css`;
+    readonly name: string;
+    readonly url: string;
     readonly attachStyleSheet: boolean;
 }, {
-    readonly name: BundleNames;
-    readonly url: `${string}utils/typography.css`;
+    readonly name: string;
+    readonly url: string;
     readonly attachStyleSheet?: undefined;
 } | {
-    readonly name: BundleNames;
-    readonly url: `${string}utils/typography.css`;
+    readonly name: string;
+    readonly url: string;
     readonly attachStyleSheet: boolean;
 }, {
-    readonly name: BundleNames;
-    readonly url: `${string}chameleon/scrollbar.css`;
+    readonly name: string;
+    readonly url: string;
     readonly attachStyleSheet?: undefined;
 } | {
-    readonly name: BundleNames;
-    readonly url: `${string}chameleon/scrollbar.css`;
+    readonly name: string;
+    readonly url: string;
     readonly attachStyleSheet: boolean;
 }];
 /**
@@ -316,7 +315,8 @@ export declare const getThemeBundles: (basePath: string) => [{
  *     "utils/form",
  *     "utils/layout",
  *   ],
- *   "./assets/css/"
+ *   "./assets/css/", (optional)
+ *   "mercury" (optional)
  * );
  *
  * HTML/render/template:
@@ -326,5 +326,12 @@ export declare const getThemeBundles: (basePath: string) => [{
  *   </Host>
  * ```
  */
-export declare const getBundles: (bundles: MercuryBundleOptimized[] | MercuryBundleFull[], basePath?: string) => ThemeModel;
-export {};
+export declare const getBundles: (bundles: MercuryBundleOptimized[] | MercuryBundleFull[], basePath?: string, bundleNamePrefix?: string) => ThemeModel;
+/**
+ * Establish the mapping between the bundle name and its generated hash.
+ *
+ * If the bundles are created with the CLI that provides Mercury
+ * (`mercury` command), this mapping must be set to download the right bundles
+ * with the ch-theme component.
+ */
+export declare const setBundleMapping: (mappings: MercuryBundleMapping) => void;

package/dist/bundles.js

@@ -1 +1 @@
-"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/dropdown"),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/switch"),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;
+"use strict";let s;const n=(c,o,p,t=void 0)=>{const g=p?p+o:o,m=s?s[o]:o,w=`${c}${m}.css`;return t===void 0?{name:g,url:w}:{name:g,url:w,attachStyleSheet:t}};export const getThemeBundles=(c,o)=>[n(c,"components/accordion",o),n(c,"components/button",o),n(c,"components/chat",o),n(c,"components/checkbox",o),n(c,"components/code",o),n(c,"components/combo-box",o),n(c,"components/flexible-layout",o),n(c,"components/dialog",o),n(c,"components/dropdown",o),n(c,"components/icon",o),n(c,"components/edit",o),n(c,"components/layout-splitter",o),n(c,"components/list-box",o),n(c,"components/markdown-viewer",o,!1),n(c,"components/navigation-list",o),n(c,"components/pills",o),n(c,"components/radio-group",o),n(c,"components/segmented-control",o),n(c,"components/sidebar",o),n(c,"components/slider",o),n(c,"components/switch",o),n(c,"components/tab",o),n(c,"components/tabular-grid",o),n(c,"components/ticket-list",o),n(c,"components/tooltip",o),n(c,"components/tree-view",o),n(c,"components/widget",o),n(c,"resets/box-sizing",o),n(c,"utils/form",o),n(c,"utils/elevation",o),n(c,"utils/form--full",o),n(c,"utils/layout",o),n(c,"utils/spacing",o),n(c,"utils/typography",o),n(c,"chameleon/scrollbar",o)];const v=(c,o)=>o?c.map(p=>o+p):c;export const getBundles=(c,o,p)=>o?c.map(t=>n(o,t,p)):v(c,p),setBundleMapping=c=>{s=c};

package/dist/cli/bundle.d.ts

@@ -0,0 +1,2 @@
+#!/usr/bin/env node
+export {};

package/dist/cli/bundle.js

@@ -0,0 +1,20 @@
+#!/usr/bin/env node
+import { ensureDirectoryExistsAndItsClear, walkSync, copyDirectories } from "./internal/file-management.js";
+import { BASE_BUNDLES_OUT_DIR, SCSS_BUNDLES_INPUT_DIR, SCSS_BUNDLES_OUT_DIR } from "./internal/constants.js";
+import { createBundleMappingsFile, transpileCssBundleWithPlaceholder } from "./internal/transpile-bundle-and-create-mappings.js";
+import { measureTime } from "./internal/utils.js";
+measureTime(() => {
+    // Improve process visualization
+    console.log("");
+    // Clear bundle directories
+    ensureDirectoryExistsAndItsClear(BASE_BUNDLES_OUT_DIR);
+    // Copy the src/bundles/scss content to the dist/bundles/scss and create the
+    // bundles
+    copyDirectories(SCSS_BUNDLES_INPUT_DIR, SCSS_BUNDLES_OUT_DIR);
+    // Transpile scss bundles into .css and .js files
+    for (const fileMetadata of walkSync(SCSS_BUNDLES_OUT_DIR)) {
+        transpileCssBundleWithPlaceholder(fileMetadata);
+    }
+    // Import all .js files into a single file (defined in `BUNDLE_MAPPING_FILE` var)
+    createBundleMappingsFile();
+});

package/dist/cli/internal/constants.d.ts

@@ -0,0 +1,28 @@
+export declare const KB = 1000;
+export declare const SCSS_BUNDLES_INPUT_DIR: string;
+export declare const BASE_BUNDLES_OUT_DIR: string;
+export declare const SCSS_BUNDLES_OUT_DIR: string;
+export declare const CSS_BUNDLES_OUT_DIR: string;
+export declare const JS_BUNDLES_OUT_DIR: string;
+export declare const BASE_BUNDLE = "base/base";
+export declare const BASE_BUNDLE_WITH_BACK_SLASH = "\\base\\base";
+export declare const BASE_GLOBANT_BUNDLE = "base/base-globant";
+export declare const BUNDLE_MAPPING_FILE = "bundle-mappings.js";
+export declare const BUNDLE_MAPPING_TO_HASH_FILE = "bundle-to-hash-mappings.ts";
+export declare const BASE_SCSS_FILE = "base.scss";
+export declare const BASE_GLOBANT_FILE = "base-globant";
+export declare const BASE_GLOBANT_CSS_FILE = "base-globant.css";
+export declare const BASE_GLOBANT_JS_FILE = "base-globant.js";
+export declare const BASE_GLOBANT_SCSS_FILE = "base-globant.scss";
+export declare const ICONS_PATH_PLACEHOLDER = "{{ICONS_PATH}}";
+export declare const FONT_FACE_PATH_PLACEHOLDER = "{{FONT_FACE_PATH}}";
+export declare const DEFAULT_FONT_FACE_PATH = "./assets/fonts/";
+export declare const DEFAULT_ICONS_PATH = "./assets/icons/";
+export declare const DEFAULT_OUT_DIR_PATH = "./.mercury";
+export declare const SEPARATE_BY_COMMA_REGEX: RegExp;
+export declare const SPECIAL_CHARS_IN_BUNDLE_NAME_REGEX: RegExp;
+export declare const BUNDLE_MAPPING_ENTRIES: {
+    readonly BUNDLE_NAME: "bundleName";
+    readonly FILE_DIR: "fileDir";
+    readonly TRANSPILED_BUNDLE: "transpiledBundle";
+};

package/dist/cli/internal/constants.js

@@ -0,0 +1,33 @@
+import path from "node:path";
+export const KB = 1000;
+export const SCSS_BUNDLES_INPUT_DIR = path.join("src", "bundles", "scss");
+export const BASE_BUNDLES_OUT_DIR = path.join("dist", "bundles");
+export const SCSS_BUNDLES_OUT_DIR = path.join(BASE_BUNDLES_OUT_DIR, "scss");
+export const CSS_BUNDLES_OUT_DIR = path.join(BASE_BUNDLES_OUT_DIR, "css");
+export const JS_BUNDLES_OUT_DIR = path.join(BASE_BUNDLES_OUT_DIR, "js");
+export const BASE_BUNDLE = "base/base";
+export const BASE_BUNDLE_WITH_BACK_SLASH = "\\base\\base";
+export const BASE_GLOBANT_BUNDLE = "base/base-globant";
+// Files
+export const BUNDLE_MAPPING_FILE = "bundle-mappings.js";
+export const BUNDLE_MAPPING_TO_HASH_FILE = "bundle-to-hash-mappings.ts";
+export const BASE_SCSS_FILE = "base.scss";
+export const BASE_GLOBANT_FILE = "base-globant";
+export const BASE_GLOBANT_CSS_FILE = "base-globant.css";
+export const BASE_GLOBANT_JS_FILE = "base-globant.js";
+export const BASE_GLOBANT_SCSS_FILE = "base-globant.scss";
+// Placeholders
+export const ICONS_PATH_PLACEHOLDER = "{{ICONS_PATH}}";
+export const FONT_FACE_PATH_PLACEHOLDER = "{{FONT_FACE_PATH}}";
+// Defaults
+export const DEFAULT_FONT_FACE_PATH = "./assets/fonts/";
+export const DEFAULT_ICONS_PATH = "./assets/icons/";
+export const DEFAULT_OUT_DIR_PATH = "./.mercury";
+export const SEPARATE_BY_COMMA_REGEX = /\s*,\s*/g;
+export const SPECIAL_CHARS_IN_BUNDLE_NAME_REGEX = /[\/-]/g;
+// Bundle mapping entries
+export const BUNDLE_MAPPING_ENTRIES = {
+    BUNDLE_NAME: "bundleName",
+    FILE_DIR: "fileDir",
+    TRANSPILED_BUNDLE: "transpiledBundle"
+};

package/dist/cli/internal/create-bundles-with-custom-paths.d.ts

@@ -0,0 +1,2 @@
+import type { CLIArguments } from "./types";
+export declare const createBundlesWithCustomPaths: (args: CLIArguments) => void;