@loadsmart/miranda-wc 2.0.0 → 2.1.0

package/dist/styles/skeleton.d.ts

@@ -1,4 +1,4 @@
-declare function skeletonStyles(): import("lit").CSSResult;
 export declare function skeleton(): import("lit").CSSResult;
-export default skeletonStyles;
-//# sourceMappingURL=skeleton.d.ts.map
+export declare namespace skeleton {
+    var styles: () => import("lit").CSSResult;
+}

package/dist/styles/transition.d.ts

@@ -12,6 +12,4 @@ export type TransitionConfig = {
  * Convert a transition config to its CSS equivalent.
  * @param {TransitionConfig | TransitionConfig[]} configs
  */
-declare function transition(configs: TransitionConfig | TransitionConfig[]): CSSResult;
-export default transition;
-//# sourceMappingURL=transition.d.ts.map
+export declare function transition(configs: TransitionConfig | TransitionConfig[]): CSSResult;

package/dist/styles/typography.d.ts

@@ -1,10 +1,9 @@
 import type { CSSResult } from 'lit';
-export type TypographyVariant = 'body-lg-bold' | 'body-lg' | 'body-md-bold-underline' | 'body-md-bold' | 'body-md-underline' | 'body-md' | 'body-sm-bold-underline' | 'body-sm-bold' | 'body-sm-underline' | 'body-sm' | 'button-lg' | 'button-md' | 'button-sm' | 'chips-md' | 'chips-sm' | 'heading-lg-bold' | 'heading-lg' | 'heading-md-bold' | 'heading-md' | 'heading-sm-bold' | 'heading-sm' | 'hero-lg-bold' | 'hero-lg' | 'hero-md-bold' | 'hero-md' | 'hero-sm-bold' | 'hero-sm' | 'number-md' | 'number-sm' | 'table-header-md' | 'table-header-sm';
+export declare const typographyVariants: readonly ["body-lg-bold", "body-lg", "body-md-bold-underline", "body-md-bold", "body-md-underline", "body-md", "body-sm-bold-underline", "body-sm-bold", "body-sm-underline", "body-sm", "button-lg", "button-md", "button-sm", "chips-md", "chips-sm", "heading-lg-bold", "heading-lg", "heading-md-bold", "heading-md", "heading-sm-bold", "heading-sm", "hero-lg-bold", "hero-lg", "hero-md-bold", "hero-md", "hero-sm-bold", "hero-sm", "number-md", "number-sm", "table-header-md", "table-header-sm"];
+export type TypographyVariant = (typeof typographyVariants)[number];
 /**
  * Apply set of tokens for a given typography `variant`.
  * @param {TypographyVariant} [variant]
  * @returns {CSSResult}
  */
-declare function typography(variant?: TypographyVariant): CSSResult;
-export default typography;
-//# sourceMappingURL=typography.d.ts.map
+export declare function typography(variant?: TypographyVariant): CSSResult;

package/dist/styles/variables.css

@@ -0,0 +1,2 @@
+/* Used only to expose the file in the published library */
+@import "@loadsmart/miranda-tokens/dist/tokens/web/loadsmart/variables.css";

package/dist/styles/variables.scss

@@ -0,0 +1,2 @@
+/* Used only to expose the file in the published library */
+@import "@loadsmart/miranda-tokens/dist/tokens/web/loadsmart/variables.scss";

package/dist/tag-DQyrgl7x-CmwgE0VZ.js

@@ -0,0 +1,6 @@
+import { b } from './index-BXT-EaD1.js';
+import './tokens.js';
+
+var tag = b `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path fill="currentColor" d="M46.153 24.971 27.531 6.35a3.722 3.722 0 0 0-2.652-1.099H7.5A2.25 2.25 0 0 0 5.25 7.5v17.38a3.722 3.722 0 0 0 1.099 2.65L24.97 46.154a3.75 3.75 0 0 0 5.303 0l15.88-15.88a3.75 3.75 0 0 0 0-5.302Zm-18.53 17.47L9.75 24.562V9.75h14.813l17.872 17.872-14.813 14.819ZM19.5 16.5a3 3 0 1 1-5.999 0 3 3 0 0 1 5.999 0Z"/></svg>`;
+
+export { tag as default };

package/dist/telephone-BmiZ7SFm-Dni9NFr1.js

@@ -0,0 +1,6 @@
+import { b } from './index-BXT-EaD1.js';
+import './tokens.js';
+
+var telephone = b `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path fill="currentColor" d="m41.25 29.774-8.83-3.958-.033-.015a3.738 3.738 0 0 0-3.563.328 2.44 2.44 0 0 0-.21.158l-4.183 3.562c-2.437-1.322-4.955-3.82-6.28-6.227l3.575-4.248a2.4 2.4 0 0 0 .159-.216 3.75 3.75 0 0 0 .296-3.564l-3.956-8.845a3.761 3.761 0 0 0-3.896-2.222A11.3 11.3 0 0 0 4.5 15.75c0 15.302 12.448 27.75 27.75 27.75a11.3 11.3 0 0 0 11.222-9.829 3.762 3.762 0 0 0-2.222-3.896Zm-9 9.225A23.278 23.278 0 0 1 9 15.75a6.805 6.805 0 0 1 5.34-6.664l3.529 7.875-3.593 4.28a2.031 2.031 0 0 0-.161.217 3.75 3.75 0 0 0-.24 3.682c1.766 3.615 5.406 7.23 9.058 9a3.752 3.752 0 0 0 3.692-.272 2.17 2.17 0 0 0 .208-.16l4.206-3.575 7.875 3.527A6.806 6.806 0 0 1 32.25 39Z"/></svg>`;
+
+export { telephone as default };

package/dist/terminal-CgxADoEs-AZDSMwTu.js

@@ -0,0 +1,6 @@
+import { b } from './index-BXT-EaD1.js';
+import './tokens.js';
+
+var terminal = b `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path fill="currentColor" d="M16.05 7.06a4.66 4.66 0 0 1-4.654 4.662A4.665 4.665 0 0 1 6.735 7.06a4.669 4.669 0 0 1 4.66-4.661 4.65 4.65 0 0 1 4.654 4.66ZM13.943 12.148V41.29H8.842V12.148a5.674 5.674 0 0 0 5.1 0ZM42.671 4.507H16.476a5.674 5.674 0 0 1 0 5.101h13.026v3.773c0 .097.027.186.075.262l-.289.571a.517.517 0 0 0-.041.351l1.508 6.644c.055.234.261.4.502.4h1.493v1.338c0 1.36.473 2.577 1.33 3.43.22.218.34.509.34.818 0 .352-.18.676-.448.891l-.328-.352a.53.53 0 0 0-.755 0l-.336.36a1.146 1.146 0 0 1-.44-.898.516.516 0 0 0-1.032 0c0 .663.303 1.25.77 1.65l-1.232 1.32-7.073-.001a.52.52 0 0 0-.516.516v10.747c0 .289.234.516.516.516h18.78a.515.515 0 0 0 .517-.517V30.681a.52.52 0 0 0-.516-.516h-6.413l-1.239-1.326c.469-.405.777-.993.777-1.644 0-.586-.229-1.137-.643-1.55-.652-.648-1.026-1.632-1.026-2.699v-1.338h1.494a.516.516 0 0 0 .503-.4l1.508-6.643a.52.52 0 0 0-.041-.351l-.297-.579a.48.48 0 0 0 .076-.254V9.608h5.645c.29 0 .517-.234.517-.516v-4.07a.511.511 0 0 0-.517-.516ZM27.29 38.569a.516.516 0 0 1-1.032 0v-5.026a.516.516 0 0 1 1.032 0v5.026Zm4.11 0a.516.516 0 0 1-1.033 0v-5.026a.516.516 0 0 1 1.033 0v5.026Zm4.109 0a.516.516 0 0 1-1.033 0v-5.026a.516.516 0 0 1 1.033 0v5.026Zm3.076-5.026a.517.517 0 0 1 1.032 0v5.026a.516.516 0 0 1-1.032 0v-5.026Zm-6.553-3.378.779-.834a2.082 2.082 0 0 0 .911-.002l.78.836h-2.47Zm1.236-10.837a1.053 1.053 0 0 1-1.053-1.053c0-.578.468-1.046 1.053-1.046.578 0 1.053.468 1.053 1.046 0 .578-.475 1.053-1.053 1.053Zm0-3.986a1.049 1.049 0 1 1 0-2.1c.578 0 1.053.469 1.053 1.047 0 .585-.475 1.053-1.053 1.053Zm2.726-3.594-.255-.502a.523.523 0 0 0-.461-.282h-4.02a.524.524 0 0 0-.462.282l-.261.51V9.607h5.459v2.14ZM17.99 45.6H4.8c0-.902.365-1.728.957-2.32a3.278 3.278 0 0 1 2.32-.957h6.637A3.276 3.276 0 0 1 17.99 45.6Z"/></svg>`;
+
+export { terminal as default };

package/dist/timer-DoSQwnm7-BGJMOrgZ.js

@@ -0,0 +1,6 @@
+import { b } from './index-BXT-EaD1.js';
+import './tokens.js';
+
+var timer = b `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path fill="currentColor" d="M24 8.25a18 18 0 1 0 18 18 18.02 18.02 0 0 0-18-18Zm0 31.5a13.5 13.5 0 1 1 13.5-13.5A13.516 13.516 0 0 1 24 39.75Zm6.842-21.092a2.25 2.25 0 0 1 0 3.188l-5.25 5.25a2.254 2.254 0 1 1-3.188-3.188l5.25-5.25a2.25 2.25 0 0 1 3.188 0ZM17.25 3A2.25 2.25 0 0 1 19.5.75h9a2.25 2.25 0 0 1 0 4.5h-9A2.25 2.25 0 0 1 17.25 3Z"/></svg>`;
+
+export { timer as default };

package/dist/tms-ready-C22wOl93-B8oz9xBL.js

@@ -0,0 +1,6 @@
+import { b } from './index-BXT-EaD1.js';
+import './tokens.js';
+
+var tmsReady = b `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path fill="currentColor" fill-rule="evenodd" d="M37.902 7.098A3.75 3.75 0 0 0 35.25 6H9.75l-.144.003A3.75 3.75 0 0 0 6 9.75v1.5l.003.144A3.75 3.75 0 0 0 9.75 15h25.5l.186-.005A3.75 3.75 0 0 0 39 11.25v-1.5l-.005-.186a3.75 3.75 0 0 0-1.093-2.466ZM11.452 10.5a1.672 1.672 0 1 1 3.345 0 1.672 1.672 0 0 1-3.345 0Zm7.47-1.672a1.672 1.672 0 1 0 0 3.344 1.672 1.672 0 0 0 0-3.345Zm18.98 8.771A3.75 3.75 0 0 0 35.25 16.5H9.75l-.144.003A3.75 3.75 0 0 0 6 20.25v1.5l.003.144A3.75 3.75 0 0 0 9.75 25.5h12.209l.088-.005a.735.735 0 0 0 .511-.304 11.988 11.988 0 0 1 9.692-4.941 11.935 11.935 0 0 1 5.666 1.424.74.74 0 0 0 1.084-.659v-.762l-.005-.186a3.75 3.75 0 0 0-1.092-2.468ZM11.453 21a1.672 1.672 0 1 1 3.345 0 1.672 1.672 0 0 1-3.345 0Zm7.47-1.672a1.673 1.673 0 1 0-.002 3.345 1.673 1.673 0 0 0 .002-3.345Zm2.028 7.998a.75.75 0 0 0-.61-.326H9.75l-.144.003A3.75 3.75 0 0 0 6 30.75v1.5l.003.144A3.75 3.75 0 0 0 9.75 36h10.113l.087-.006a.758.758 0 0 0 .634-.951 11.801 11.801 0 0 1 .45-7.03.75.75 0 0 0-.084-.687Zm-8.466 2.628a1.673 1.673 0 1 1 1.282 3.09 1.673 1.673 0 0 1-1.282-3.09ZM32.25 22.5c5.385 0 9.75 4.365 9.75 9.75S37.635 42 32.25 42s-9.75-4.365-9.75-9.75a9.763 9.763 0 0 1 9.75-9.75Zm4.837 5.721a1.125 1.125 0 0 0-1.51.146l-.064.079-4.097 5.464a.38.38 0 0 1-.522.083l-.051-.042-1.95-1.95a1.125 1.125 0 0 0-1.662 1.511l.073.08 2.25 2.25c.386.392.901.626 1.446.66l.137.005h.168a2.24 2.24 0 0 0 1.563-.79l.087-.11 4.358-5.811a1.125 1.125 0 0 0-.226-1.575Z" clip-rule="evenodd"/></svg>`;
+
+export { tmsReady as default };

package/dist/tokens.d.ts

@@ -0,0 +1,2 @@
+export * from '@loadsmart/miranda-tokens';
+export * from '@loadsmart/miranda-tokens/dist/themes';

package/dist/tokens.js

@@ -0,0 +1,303 @@
+var themes$1 = {};
+
+/**
+ * Auto-generated file
+ * Do not edit directly
+ */
+var LoadsmartTheme = {
+    "brand-color-brand": "20, 214, 77",
+    "brand-color-brand-accent-1": "0, 215, 215",
+    "brand-color-brand-accent-2": "132, 241, 30",
+    "border-radius-none": "0px",
+    "border-radius-s": "4px",
+    "border-radius-m": "8px",
+    "border-radius-l": "16px",
+    "border-radius-circle": "50%",
+    "border-none": 0,
+    "border-thin": "1px",
+    "border-medium": "2px",
+    "border-thick": "4px",
+    "color-background-primary": "252, 252, 255",
+    "color-background-secondary": "248, 249, 251",
+    "color-background-tertiary": "230, 237, 242",
+    "color-background-highlight": "202, 219, 221",
+    "color-background-inverted": "32, 41, 49",
+    "color-background-secondary-inverted": "61, 74, 85",
+    "color-border-input": "193, 206, 217",
+    "color-border": "230, 237, 242",
+    "color-divider": "230, 237, 242",
+    "color-brand": "20, 214, 77",
+    "color-brand-accent-1": "0, 215, 215",
+    "color-brand-accent-2": "132, 241, 30",
+    "color-primary-20": "202, 219, 221",
+    "color-primary-60": "0, 84, 84",
+    "color-primary-100": "0, 51, 51",
+    "color-accent-20": "229, 245, 255",
+    "color-accent-60": "0, 98, 159",
+    "color-accent-100": "15, 66, 97",
+    "color-neutral-0": "252, 252, 255",
+    "color-neutral-10": "248, 249, 251",
+    "color-neutral-20": "230, 237, 242",
+    "color-neutral-40": "193, 206, 217",
+    "color-neutral-60": "94, 118, 138",
+    "color-neutral-80": "92, 106, 118",
+    "color-neutral-90": "61, 74, 85",
+    "color-neutral-100": "32, 41, 49",
+    "color-success-20": "227, 247, 239",
+    "color-success-60": "3, 124, 94",
+    "color-success-100": "0, 94, 71",
+    "color-danger-20": "255, 233, 230",
+    "color-danger-60": "186, 27, 27",
+    "color-danger-100": "104, 0, 3",
+    "color-warning-20": "255, 243, 214",
+    "color-warning-60": "248, 182, 14",
+    "color-warning-100": "102, 63, 25",
+    "color-text-primary": "32, 41, 49",
+    "color-text-secondary": "61, 74, 85",
+    "color-text-tertiary": "92, 106, 118",
+    "color-text-placeholder": "94, 118, 138",
+    "color-text-disabled": "193, 206, 217",
+    "color-text-inverted": "252, 252, 255",
+    "color-text-secondary-inverted": "193, 206, 217",
+    "color-text-error": "186, 27, 27",
+    "color-text-highlight": "0, 98, 159",
+    "color-text-link": "0, 84, 84",
+    "font-family-default": "'Manrope', sans-serif",
+    "font-family-title": "'PlusJakartaSans', 'Manrope', sans-serif",
+    "font-size-1": "0.625rem",
+    "font-size-2": "0.75rem",
+    "font-size-3": "0.875rem",
+    "font-size-4": "1rem",
+    "font-size-5": "1.25rem",
+    "font-size-6": "1.625rem",
+    "font-size-7": "2.375rem",
+    "font-size-8": "3rem",
+    "font-size-9": "3.625rem",
+    "font-weight-regular": 500,
+    "font-weight-medium": 600,
+    "font-weight-bold": 700,
+    "line-height-1": "100%",
+    "line-height-2": "125%",
+    "line-height-3": "130%",
+    "line-height-4": "140%",
+    "line-height-5": "150%",
+    "line-height-6": "180%",
+    "media-screen-desktop": "1025px",
+    "media-screen-tablet": "481px",
+    "opacity-0": "0%",
+    "opacity-20": "20%",
+    "opacity-40": "40%",
+    "opacity-60": "60%",
+    "opacity-100": "100%",
+    "elevation-1": "0px 0px 2px rgba(94, 118, 138, 0.1), 0px 1px 6px 2px rgba(61, 74, 85, 0.15)",
+    "elevation-2": "0px 1px 3px rgba(94, 118, 138, 0.2), 0px 4px 8px 3px rgba(61, 74, 85, 0.15)",
+    "elevation-3": "0px 0px 4px rgba(94, 118, 138, 0.2), 0px 6px 12px 6px rgba(61, 74, 85, 0.15)",
+    "elevation-4": "0px 5px 6px 4px rgba(94, 118, 138, 0.2), 0px 8px 10px rgba(61, 74, 85, 0.1)",
+    "glow-primary": "0.0px 0.0px 4.0px 0px rgb(3, 124, 94, .5)",
+    "glow-warning": "0.0px 0.0px 4.0px 0px rgba(255, 206, 79, 1.0)",
+    "spacing-1": "4px",
+    "spacing-2": "8px",
+    "spacing-3": "12px",
+    "spacing-4": "16px",
+    "spacing-5": "20px",
+    "spacing-6": "24px",
+    "spacing-8": "32px",
+    "spacing-10": "40px",
+    "spacing-12": "48px",
+    "spacing-14": "56px",
+    "spacing-16": "64px",
+    "spacing-20": "80px",
+    "spacing-30": "120px",
+    "spacing-0-5": "2px",
+    "global-height-small": "1.75rem",
+    "global-height-default": "2.5rem",
+    "global-height-large": "3rem",
+    "platform-font-default": "'Manrope', sans-serif",
+    "platform-font-title": "'PlusJakartaSans', 'Manrope', sans-serif"
+};
+
+var LoadsmartTheme_1 = themes$1.LoadsmartTheme = LoadsmartTheme;
+
+var themes = themes$1;
+
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+/* global Reflect, Promise, SuppressedError, Symbol */
+
+
+function __spreadArray(to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+}
+
+typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+    var e = new Error(message);
+    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+};
+
+/**
+ * Sort an array of strings in a special way that considers numeric parts within the strings.
+ *
+ * @param values - An array of strings to be sorted.
+ * @returns - A new array containing the sorted strings.
+ */
+function sortNumericValues(values) {
+    // Create a copy of the input array to avoid modifying the original array.
+    return __spreadArray([], values, true).sort(function (a, b) {
+        return a.localeCompare(b, undefined, {
+            numeric: true,
+            sensitivity: 'base',
+        });
+    });
+}
+
+function extractTokens(tokens, prefix) {
+    return tokens.filter(function (token) {
+        return token.startsWith(prefix);
+    });
+}
+function excludeTokens(tokens, prefix) {
+    return tokens.filter(function (token) {
+        return !token.startsWith(prefix);
+    });
+}
+var ALL_TOKENS = Object.keys(themes.LoadsmartTheme);
+// We strip brand and platform-specific tokens as they should not be used directly.
+var TOKENS = sortNumericValues(excludeTokens(excludeTokens(ALL_TOKENS, 'brand-'), 'platform-'));
+var BACKGROUND_COLOR_TOKENS = extractTokens(TOKENS, 'color-background-');
+var BORDER_RADIUS_TOKENS = extractTokens(TOKENS, 'border-radius-');
+var BORDER_TOKENS = extractTokens(TOKENS, 'border-');
+var BORDER_WIDTH_TOKENS = [
+    'border-none',
+    'border-thin',
+    'border-medium',
+    'border-thick',
+];
+var COLOR_TOKENS = extractTokens(TOKENS, 'color-');
+var ELEVATION_TOKENS = extractTokens(TOKENS, 'elevation-');
+var FONT_FAMILY_TOKENS = extractTokens(TOKENS, 'font-family-');
+var FONT_SIZE_TOKENS = extractTokens(TOKENS, 'font-size-');
+var FONT_WEIGHT_TOKENS = extractTokens(TOKENS, 'font-weight-');
+var GLOBAL_TOKENS = extractTokens(TOKENS, 'global-');
+var GLOW_TOKENS = extractTokens(TOKENS, 'glow-');
+var LINE_HEIGHT_TOKENS = extractTokens(TOKENS, 'line-height-');
+var OPACITY_TOKENS = extractTokens(TOKENS, 'opacity-');
+var SPACING_TOKENS = extractTokens(TOKENS, 'spacing-');
+var MEDIA_QUERY_TOKENS = extractTokens(TOKENS, 'media-');
+var SPACING_TOKENS_WITH_NONE = __spreadArray(['none'], SPACING_TOKENS, true);
+
+/**
+ * Get token value.
+ *
+ * @example
+ * ```js
+ * getToken('color-primary')
+ * ```
+ *
+ * @param token - Token whose value should be retrieved.
+ * @returns {TokenValue | undefined} Token value or `undefined` otherwise.
+ */
+function getToken(token) {
+    return themes.LoadsmartTheme[token];
+}
+
+function toCSSVariable(token) {
+    var value = getToken(token);
+    if (value == null) {
+        return value;
+    }
+    return "--m-".concat(token);
+}
+
+function toCSSValue(token, alpha) {
+    var value = getToken(token);
+    if (value == null) {
+        return '';
+    }
+    if (token.startsWith('color-')) {
+        return "rgba(var(".concat(toCSSVariable(token), ", ").concat(value, "), ").concat(alpha !== null && alpha !== void 0 ? alpha : 1, ")");
+    }
+    return "var(".concat(toCSSVariable(token), ", ").concat(value, ")");
+}
+
+/**
+ * Get css value for spacing token validating 'none'.
+ *
+ * @param spacing - Spacing token or 'none'
+ * @param defaultSpacing - Default spacing token if the provided spacing is not valid
+ * @returns The css value for the spacing token
+ */
+function toSpacingCSSValue(spacing, defaultSpacing) {
+    var _a;
+    var defaultValue = defaultSpacing ? toCSSValue(defaultSpacing) : '';
+    if (!spacing) {
+        return defaultValue;
+    }
+    return (_a = (spacing === 'none' ? '0' : toCSSValue(spacing))) !== null && _a !== void 0 ? _a : defaultValue;
+}
+
+/**
+ * Get the hex value for a color token.
+ *
+ * @example
+ * ```js
+ * getHexColor('color-primary')
+ * ```
+ *
+ * @param token - Color token whose value should be retrieved.
+ * @returns {string | undefined} Hexadecimal color value or undefined
+ */
+function getHexColor(token) {
+    var tokenValue = String(getToken(token) || '');
+    if (!tokenValue)
+        return undefined;
+    var colors = tokenValue.split(', ').map(Number);
+    if (colors.length !== 3)
+        throw new Error('color token must be in the `R, G, B` format');
+    return colors.reduce(function (hexColor, current) {
+        var hexValue = current.toString(16).padStart(2, '0');
+        return hexColor.concat(hexValue);
+    }, '#');
+}
+
+var BACKGROUND_COLOR_TOKENS_1 = BACKGROUND_COLOR_TOKENS;
+var BORDER_RADIUS_TOKENS_1 = BORDER_RADIUS_TOKENS;
+var BORDER_TOKENS_1 = BORDER_TOKENS;
+var BORDER_WIDTH_TOKENS_1 = BORDER_WIDTH_TOKENS;
+var COLOR_TOKENS_1 = COLOR_TOKENS;
+var ELEVATION_TOKENS_1 = ELEVATION_TOKENS;
+var FONT_FAMILY_TOKENS_1 = FONT_FAMILY_TOKENS;
+var FONT_SIZE_TOKENS_1 = FONT_SIZE_TOKENS;
+var FONT_WEIGHT_TOKENS_1 = FONT_WEIGHT_TOKENS;
+var GLOBAL_TOKENS_1 = GLOBAL_TOKENS;
+var GLOW_TOKENS_1 = GLOW_TOKENS;
+var LINE_HEIGHT_TOKENS_1 = LINE_HEIGHT_TOKENS;
+var MEDIA_QUERY_TOKENS_1 = MEDIA_QUERY_TOKENS;
+var OPACITY_TOKENS_1 = OPACITY_TOKENS;
+var SPACING_TOKENS_1 = SPACING_TOKENS;
+var SPACING_TOKENS_WITH_NONE_1 = SPACING_TOKENS_WITH_NONE;
+var TOKENS_1 = TOKENS;
+var getHexColor_1 = getHexColor;
+var getToken_1 = getToken;
+var toCSSValue_1 = toCSSValue;
+var toCSSVariable_1 = toCSSVariable;
+var toSpacingCSSValue_1 = toSpacingCSSValue;
+
+export { BACKGROUND_COLOR_TOKENS_1 as BACKGROUND_COLOR_TOKENS, BORDER_RADIUS_TOKENS_1 as BORDER_RADIUS_TOKENS, BORDER_TOKENS_1 as BORDER_TOKENS, BORDER_WIDTH_TOKENS_1 as BORDER_WIDTH_TOKENS, COLOR_TOKENS_1 as COLOR_TOKENS, ELEVATION_TOKENS_1 as ELEVATION_TOKENS, FONT_FAMILY_TOKENS_1 as FONT_FAMILY_TOKENS, FONT_SIZE_TOKENS_1 as FONT_SIZE_TOKENS, FONT_WEIGHT_TOKENS_1 as FONT_WEIGHT_TOKENS, GLOBAL_TOKENS_1 as GLOBAL_TOKENS, GLOW_TOKENS_1 as GLOW_TOKENS, LINE_HEIGHT_TOKENS_1 as LINE_HEIGHT_TOKENS, LoadsmartTheme_1 as LoadsmartTheme, MEDIA_QUERY_TOKENS_1 as MEDIA_QUERY_TOKENS, OPACITY_TOKENS_1 as OPACITY_TOKENS, SPACING_TOKENS_1 as SPACING_TOKENS, SPACING_TOKENS_WITH_NONE_1 as SPACING_TOKENS_WITH_NONE, TOKENS_1 as TOKENS, getHexColor_1 as getHexColor, getToken_1 as getToken, toCSSValue_1 as toCSSValue, toCSSVariable_1 as toCSSVariable, toSpacingCSSValue_1 as toSpacingCSSValue };

package/dist/trash-B55qy0OS-BZcRo7xY.js

@@ -0,0 +1,6 @@
+import { b } from './index-BXT-EaD1.js';
+import './tokens.js';
+
+var trash = b `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path fill="currentColor" d="M40.5 11h-33a2.25 2.25 0 0 0 0 4.5h.75V41A3.75 3.75 0 0 0 12 44.75h24A3.75 3.75 0 0 0 39.75 41V15.5h.75a2.25 2.25 0 0 0 0-4.5Zm-5.25 29.25h-22.5V15.5h22.5v24.75Zm-21-34.5A2.25 2.25 0 0 1 16.5 3.5h15a2.25 2.25 0 0 1 0 4.5h-15a2.25 2.25 0 0 1-2.25-2.25Z"/></svg>`;
+
+export { trash as default };

package/dist/trend-down-kcjg1gLd-lbFdALu7.js

@@ -0,0 +1,6 @@
+import { b } from './index-BXT-EaD1.js';
+import './tokens.js';
+
+var trendDown = b `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path fill="currentColor" d="M45.75 24v12a2.25 2.25 0 0 1-2.25 2.25h-12a2.25 2.25 0 0 1 0-4.5h6.562L25.5 21.187l-5.908 5.91a2.25 2.25 0 0 1-3.188 0l-13.5-13.5a2.254 2.254 0 0 1 3.188-3.187L18 22.312l5.908-5.91a2.251 2.251 0 0 1 3.188 0l14.154 14.16V24a2.25 2.25 0 0 1 4.5 0Z"/></svg>`;
+
+export { trendDown as default };

package/dist/trend-up-2yU-5NIA-0uC_btRu.js

@@ -0,0 +1,6 @@
+import { b } from './index-BXT-EaD1.js';
+import './tokens.js';
+
+var trendUp = b `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path fill="currentColor" d="M45.75 10.5v12a2.25 2.25 0 1 1-4.5 0v-6.563l-14.158 14.16a2.25 2.25 0 0 1-3.188 0L18 24.188 6.092 36.093a2.254 2.254 0 0 1-3.188-3.188l13.5-13.5a2.25 2.25 0 0 1 3.188 0l5.908 5.909L38.062 12.75H31.5a2.25 2.25 0 0 1 0-4.5h12a2.25 2.25 0 0 1 2.25 2.25Z"/></svg>`;
+
+export { trendUp as default };

package/dist/trophee-Dl1OuipW-sfQBfYGW.js

@@ -0,0 +1,6 @@
+import { b } from './index-BXT-EaD1.js';
+import './tokens.js';
+
+var trophee = b `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path fill="currentColor" d="M43.5 9.75h-3.75V9A3.75 3.75 0 0 0 36 5.25H12A3.75 3.75 0 0 0 8.25 9v.75H4.5A3.75 3.75 0 0 0 .75 13.5v3A8.26 8.26 0 0 0 9 24.75h.144A15.784 15.784 0 0 0 21.75 35.09v3.16H18a2.25 2.25 0 0 0 0 4.5h12a2.25 2.25 0 0 0 0-4.5h-3.75v-3.167c5.801-.846 10.6-4.912 12.563-10.333H39a8.26 8.26 0 0 0 8.25-8.25v-3a3.75 3.75 0 0 0-3.75-3.75ZM5.25 16.5v-2.25h3v5.25c0 .227 0 .452.017.677A3.75 3.75 0 0 1 5.25 16.5Zm30 2.831c0 6.25-5.008 11.372-11.164 11.419A11.249 11.249 0 0 1 12.75 19.5V9.75h22.5v9.581Zm7.5-2.831a3.75 3.75 0 0 1-3.023 3.679c.016-.281.023-.563.023-.848V14.25h3v2.25Z"/></svg>`;
+
+export { trophee as default };

package/dist/united-states-flag-CrhCzAXh-DgRm2LLg.js

@@ -0,0 +1,6 @@
+import { b } from './index-BXT-EaD1.js';
+import './tokens.js';
+
+var unitedStatesFlag = b `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><g clip-path="url(#a)"><path fill="#fff" d="M24 44c11.046 0 20-8.954 20-20S35.046 4 24 4 4 12.954 4 24s8.954 20 20 20Z"/><path fill="#D80027" d="M23.13 24H44c0-1.805-.24-3.554-.69-5.218H23.13V24Zm0-10.435h17.934a20.107 20.107 0 0 0-4.614-5.217H23.13v5.217ZM24 44c4.707 0 9.033-1.627 12.45-4.348h-24.9A19.914 19.914 0 0 0 24 44ZM6.935 34.435h34.13a19.879 19.879 0 0 0 2.246-5.218H4.689a19.88 19.88 0 0 0 2.246 5.218Z"/><path fill="#0052B4" d="M13.264 7.123h1.823l-1.695 1.232.647 1.993-1.695-1.232-1.695 1.232.56-1.722a20.111 20.111 0 0 0-3.88 4.323h.584l-1.08.784c-.167.28-.328.566-.483.855l.515 1.586-.961-.699a19.808 19.808 0 0 0-.654 1.553l.568 1.748h2.095l-1.695 1.231L6.865 22 5.17 20.768l-1.015.738C4.053 22.323 4 23.156 4 24h20V4c-3.95 0-7.634 1.146-10.736 3.123ZM14.04 22l-1.695-1.232L10.649 22l.647-1.993-1.695-1.232h2.095l.648-1.992.648 1.992h2.095l-1.695 1.232.647 1.993Zm-.647-7.819.647 1.993-1.695-1.232-1.695 1.232.647-1.993-1.695-1.232h2.095l.648-1.992.648 1.992h2.095l-1.695 1.232ZM21.213 22l-1.695-1.232L17.823 22l.647-1.993-1.695-1.232h2.095l.648-1.992.647 1.992h2.096l-1.695 1.232.647 1.993Zm-.648-7.819.648 1.993-1.695-1.232-1.695 1.232.647-1.993-1.695-1.232h2.095l.648-1.992.647 1.992h2.096l-1.695 1.232Zm0-5.826.648 1.993-1.695-1.232-1.695 1.232.647-1.993-1.695-1.232h2.095l.648-1.993.647 1.993h2.096l-1.695 1.232Z"/></g><defs><clipPath id="a"><path fill="#fff" d="M4 4h40v40H4z"/></clipPath></defs></svg>`;
+
+export { unitedStatesFlag as default };

package/dist/upgrade-Csv1_l6I-C20M7zib.js

@@ -0,0 +1,6 @@
+import { b } from './index-BXT-EaD1.js';
+import './tokens.js';
+
+var upgrade = b `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path fill="currentColor" d="M42.722 8.792a3.75 3.75 0 0 0-3.514-3.514c-2.462-.144-8.747.079-13.965 5.295l-.68.677h-10.62a3.72 3.72 0 0 0-2.652 1.099l-6.44 6.437a3.75 3.75 0 0 0 2.128 6.365l6.964.971 7.935 7.935.973 6.972a3.727 3.727 0 0 0 3.72 3.221 3.73 3.73 0 0 0 2.643-1.1l6.44-6.441a3.724 3.724 0 0 0 1.096-2.652v-10.62l.675-.673c5.218-5.225 5.441-11.514 5.297-13.972ZM14.25 15.75h5.813l-5.86 5.865-5.105-.712 5.152-5.153Zm14.175-1.993A13.55 13.55 0 0 1 38.25 9.75a13.53 13.53 0 0 1-4.009 9.827L24 29.812 18.187 24l10.238-10.243ZM32.25 33.75l-5.154 5.154-.713-5.105 5.867-5.861v5.812Zm-13.438 4.054C17.188 40.059 13.905 42.75 7.5 42.75a2.25 2.25 0 0 1-2.25-2.25c0-6.403 2.69-9.686 4.948-11.312a2.25 2.25 0 0 1 2.625 3.65c-1.125.809-2.417 2.344-2.891 5.226 2.882-.474 4.417-1.77 5.226-2.89a2.25 2.25 0 1 1 3.65 2.624l.004.006Z"/></svg>`;
+
+export { upgrade as default };

package/dist/user-COyFpFPE-0VApQHH3.js

@@ -0,0 +1,6 @@
+import { b } from './index-BXT-EaD1.js';
+import './tokens.js';
+
+var user = b `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path fill="currentColor" d="M43.946 40.09a23.13 23.13 0 0 0-11.396-9.98 14.25 14.25 0 1 0-17.1 0 23.13 23.13 0 0 0-11.396 9.98 2.25 2.25 0 1 0 3.894 2.25c3.398-5.872 9.398-9.374 16.052-9.374s12.654 3.504 16.052 9.375a2.25 2.25 0 0 0 3.894-2.25ZM14.25 18.717a9.75 9.75 0 1 1 9.75 9.75 9.76 9.76 0 0 1-9.75-9.75Z"/></svg>`;
+
+export { user as default };

package/dist/utils/chunk/chunk.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Returns chunks of an array.
+ *
+ * @example
+ * Consider the following sequence:
+ * chunk([1, 2, 3, 4], 2);
+ * The result would be [[1, 2], [3, 4]].
+ *
+ * @template T
+ * @param {T[]} array
+ * @param {number} chunkSize
+ * @returns {T[][]}
+ */
+declare const chunk: <T>(array: T[], chunkSize: number) => T[][];
+export default chunk;

package/dist/utils/chunk/index.d.ts

@@ -0,0 +1 @@
+export { default } from './chunk';

package/dist/utils/clamp/clamp.d.ts

@@ -7,4 +7,3 @@
  */
 declare function clamp(value: number, lower: number, upper: number): number;
 export default clamp;
-//# sourceMappingURL=clamp.d.ts.map

package/dist/utils/clamp/index.d.ts

@@ -1,2 +1 @@
 export { default } from './clamp';
-//# sourceMappingURL=index.d.ts.map

package/dist/utils/conditional.d.ts

@@ -0,0 +1,21 @@
+type ObjectConditionDefinition = {
+    [key: string]: boolean | undefined;
+};
+export type ConditionDefinition = string | ObjectConditionDefinition;
+/**
+ * Concatenate style properties or class names conditionally.
+ * Conditions can be functions that consume components props,
+ * objects, strings, or numbers (that will be coerced to strings).
+ * @example
+ * ```jsx
+ * // returns 'some-class class-a'
+ * conditional('some-class', {
+ *  'class-a': true,
+ *  'class-b': false,
+ * })
+ * ```
+ * @param conditions
+ * @returns {string}
+ */
+declare function conditional(...conditions: ConditionDefinition[]): string;
+export default conditional;

package/dist/utils/context-root.d.ts

@@ -4,4 +4,3 @@
  * for more details.
  */
 export declare function attachContextRoot(): void;
-//# sourceMappingURL=context-root.d.ts.map

package/dist/utils/events.d.ts

@@ -22,4 +22,8 @@
  * @return Whether or not the event was dispatched (if cancelable).
  */
 export declare function redispatchEvent(element: Element, event: Event): boolean;
-//# sourceMappingURL=events.d.ts.map
+/**
+ * Check if `event` happened on the given `element`.
+ * @returns `true` if the event happened on the given element, `false` otherwise.
+ */
+export declare function isInsideElement(event: Event, element: HTMLElement): boolean;

package/dist/utils/generate-id.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Generates a unique id for our elements, prepending the given `prefix`.
+ * @param prefix - Id prefix. Defaults to 'm'
+ */
+declare function generateId(prefix?: string): string;
+export default generateId;

package/dist/utils/get-color-token.d.ts

@@ -8,4 +8,3 @@ import type { ColorToken } from '@loadsmart/miranda-tokens';
  */
 declare function getColor(token: ColorToken, alpha?: number): CSSResult;
 export default getColor;
-//# sourceMappingURL=get-color-token.d.ts.map

package/dist/utils/get-token.d.ts

@@ -1,6 +1,6 @@
 import type { CSSResult } from 'lit';
-import type { BorderToken, ElevationToken, FontFamilyToken, FontSizeToken, FontWeightToken, GlowToken, LineHeightToken, OpacityToken, SpacingToken, GlobalToken } from '@loadsmart/miranda-tokens';
-type NonColorToken = BorderToken | ElevationToken | FontFamilyToken | FontSizeToken | FontWeightToken | GlowToken | LineHeightToken | OpacityToken | SpacingToken | GlobalToken;
+import type { BorderToken, ElevationToken, FontFamilyToken, FontSizeToken, FontWeightToken, GlowToken, LineHeightToken, OpacityToken, SpacingToken, GlobalToken, MediaQueryToken } from '@loadsmart/miranda-tokens';
+type NonColorToken = BorderToken | ElevationToken | FontFamilyToken | FontSizeToken | FontWeightToken | GlowToken | LineHeightToken | MediaQueryToken | OpacityToken | SpacingToken | GlobalToken;
 /**
  * Get token as lit's `CSSResult`
  * @param {NonColorToken} token - Miranda token
@@ -8,4 +8,3 @@ type NonColorToken = BorderToken | ElevationToken | FontFamilyToken | FontSizeTo
  */
 declare function getToken(token: NonColorToken): CSSResult;
 export default getToken;
-//# sourceMappingURL=get-token.d.ts.map

package/dist/utils/product/index.d.ts

@@ -0,0 +1 @@
+export { default } from './product';

package/dist/utils/product/product.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Returns the cartesian product of one or more iterables.
+ *
+ * @example
+ * Consider the standard playing card ranks and its suits:
+ * product([A, K, Q, J, 10, 9, 8, 7, 6, 5, 4, 3, 2], [♠, ♥, ♦, ♣]);
+ * The product of these iterables would be [[A, ♠], [A, ♥]...] and so on until we have all 52 cards.
+ *
+ * @template T
+ * @param {...T[][]} args
+ * @returns {T[][]}
+ */
+declare const product: <T>(...args: T[][]) => T[][];
+export default product;

package/dist/utils/range.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Create an array containing a range of numbers between
+ * and including the specified `start` and `stop` values,
+ * with a fixed step interval of 1.
+ * @param start the start value of the range
+ * @param stop  the stop value of the range
+ */
+declare function range(start: number, stop: number): number[];
+export default range;

package/dist/utils/selection/index.d.ts

@@ -0,0 +1,2 @@
+export { default, SELECTION_TYPES } from './selection-strategy';
+export type { AcceptedType, SelectionState, SelectionStrategy, SelectionType, } from './selection-strategy';

package/dist/utils/selection/selection-strategy.d.ts

@@ -0,0 +1,17 @@
+import type { SelectionStrategy, SelectionStrategyCreationProps } from './selection-strategy.types';
+export * from './selection-strategy.types';
+/**
+ * This strategy requires one or no item to be selected.
+ */
+export declare const SingleSelectionStrategy: () => SelectionStrategy;
+/**
+ * This strategy requires that once a selection is made,
+ * one item has to be selected, always.
+ */
+export declare const SingleStrictSelectionStrategy: () => SelectionStrategy;
+/**
+ * This strategy requires one or no item to be selected.
+ */
+export declare const MultipleSelectionStrategy: () => SelectionStrategy;
+declare function createSelectionStrategy(props: SelectionStrategyCreationProps): SelectionStrategy;
+export default createSelectionStrategy;