@nylas/web-elements 2.5.18 → 2.6.0

package/dist/components/{p-96zW11tR.js → p-r182lPIw.js}

@@ -2,9 +2,9 @@ import { p as proxyCustomElement, H, e as createEvent, h, i as Host } from './p-
 import { R as RegisterComponent } from './p-CUlV7ZGv.js';
 import { a as debug } from './p-CMNiSC4o.js';
 import { i as instance } from './p-BjxQTsOy.js';
-import { d as defineCustomElement$3 } from './p-BkqJQBCp.js';
-import { d as defineCustomElement$2 } from './p-d3kelm3z.js';
-import { d as defineCustomElement$1 } from './p-DxDoo-4C.js';
+import { d as defineCustomElement$3 } from './p-DjZdyHmc.js';
+import { d as defineCustomElement$2 } from './p-DsvNvqOg.js';
+import { d as defineCustomElement$1 } from './p-C_a8Brku.js';
 
 const nylasCustomizeBookingSettingsCss = ":host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:\"Inter\", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff;width:inherit}.nylas-customize-booking-settings{width:inherit;display:flex;flex-direction:column;margin:1rem;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-200)}.nylas-customize-booking-settings .header{padding:1rem;border-bottom:1px solid var(--nylas-base-200)}.nylas-customize-booking-settings .header h3{margin:0;font-size:16px;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.nylas-customize-booking-settings .header p{margin:0.25rem 0 0 0;font-size:0.875rem;font-weight:400;line-height:20px;color:var(--nylas-base-600);text-align:left}.nylas-customize-booking-settings .nylas-customize-booking-settings__settings{display:flex;flex-direction:column;gap:1.5rem;padding:1rem;margin:1rem 0;background-color:var(--nylas-base-25)}.nylas-customize-booking-settings .nylas-customize-booking-settings__settings .nylas-customize-booking-settings__settings-div{display:flex;align-items:center;gap:4px}.label{margin-left:32px;font-size:16px;font-weight:400;color:var(--nylas-base-800);line-height:24px}.label .label-contents{margin:0;display:inline-block;color:var(--nylas-base-800)}@media screen and (max-width: 768px){.label .label-contents{display:block}}.label tooltip-component{display:inline-block}@media screen and (max-width: 768px){tooltip-component#guests::part(tc__content){left:58px}}tooltip-component#reschedule::part(tc__content){left:58px}@media screen and (max-width: 768px){tooltip-component#reschedule::part(tc__content){left:58px}}tooltip-component#cancel::part(tc__content){left:-58px}@media screen and (max-width: 768px){tooltip-component#cancel::part(tc__content){left:58px}}";
 
@@ -144,7 +144,7 @@ const NylasCustomizeBookingSettings = proxyCustomElement(class NylasCustomizeBoo
     render() {
         const showComponent = typeof this.hideCancellationOptions === 'boolean' && typeof this.hideReschedulingOptions === 'boolean' && typeof this.allowGuestsToInvite === 'boolean';
         const showHideAdditionalGuests = this.showSettings.includes('allowGuestsToInvite');
-        return (h(Host, { key: '08eb5b8b8b1b583f005015e8c18a65d82b9d8b5d' }, showComponent && (h("div", { key: '63603e57c0bdbbd0488600cdaa55233e720bd096', class: "nylas-customize-booking-settings", part: "ncbs" }, h("div", { key: '66c8d2524f2931fe58bcaab145648b2234b75d2c', class: "header", part: "ncbs__header" }, h("h3", { key: '2073fd0b9cf1d74f27b9ce395f8e5e9d0b3137f0' }, instance.t('nylasCustomizeBookingSettings.headerTitle')), h("p", { key: '6588da15f6091e8d017635235317155df4e475df' }, instance.t('nylasCustomizeBookingSettings.headerSubTitle'))), h("div", { key: '1848a23e1f4a2a6ca34e1f45fb1f5a9694064ba4', class: "nylas-customize-booking-settings__settings", part: "ncbs__settings" }, showHideAdditionalGuests && (h("div", { key: '8febba5c19ce2fd56046a80ea367a7524401e8c0', class: "nylas-customize-booking-settings__settings-div", part: "ncbs__settings-div , ncbs__additional_guests" }, h("checkbox-component", { key: '12f04a1e2122c87346920917dffb7ad2893c7acc', name: "hide_additional_guests", label: instance.t('nylasCustomizeBookingSettings.allowGuests.label'), checked: this.allowGuestsToInvite, themeConfig: this.themeConfig }, h("span", { key: '0e51bf76ea4fd34c8bf2c558fdf4b9e843c96913', slot: "label", class: "label" }, h("p", { key: '249c7863fc1a59fe47b2811d1295c94fbba4ae02', class: "label-contents" }, instance.t('nylasCustomizeBookingSettings.allowGuests.label', { interpolation: { escapeValue: false, escape: s => `${s}`, useRawValueToEscape: true } })))))), h("div", { key: 'a3ee80cb200ad463625ebc651356a1821404d94a', class: "nylas-customize-booking-settings__settings-div", part: "ncbs__settings-div , ncbs__rescheduling_options" }, h("checkbox-component", { key: '7a0b4228b406d0991d2c6c42eb0acd5c35fd00ea', name: "hide_rescheduling_options", label: "Hide 'Reschedule' option on booking page and emails.", checked: this.hideReschedulingOptions, themeConfig: this.themeConfig }, h("span", { key: '7c96f2eb6f5877b0b2588cb7476dd8a90b06adb8', slot: "label", class: "label" }, h("p", { key: 'a6a96b2b4bd76674ff8eb7b9e0fd5c401239c04d', class: "label-contents" }, instance.t('nylasCustomizeBookingSettings.hideReschedule.label')), h("tooltip-component", { key: '1e15a66755f9c3c6f0ca792f7e705c5e7e60f85f', id: "reschedule" }, h("info-icon", { key: '2d49bd7cffaeb87ac7c29deee6c058b1db2cc409', slot: "tooltip-icon" }), h("span", { key: '5630e711342c35d55b2fe7c4ab0302fc63661461', slot: "tooltip-content" }, instance.t('nylasCustomizeBookingSettings.hideReschedule.tooltip.desc')))))), h("div", { key: 'f63fe5eeeca037bcb235cef190a3d22156aa3fe8', class: "nylas-customize-booking-settings__settings-div", part: "ncbs__settings-div , ncbs__cancellation_options" }, h("checkbox-component", { key: 'c9e8c65e9244fc00027af4fe2031133a0851b5f4', name: "hide_cancellation_options", label: "Hide 'Cancel' option on booking page and emails.", checked: this.hideCancellationOptions, themeConfig: this.themeConfig }, h("span", { key: 'a42274e102788184d4eaad1ad3793ad15319d6f5', slot: "label", class: "label" }, h("p", { key: '23db56be47120c837d843f60f34b34454671e9b1', class: "label-contents" }, instance.t('nylasCustomizeBookingSettings.hideCancel.label')), h("tooltip-component", { key: '761d4885f89f020501aefcb4754e4c5234c76a59', id: "cancel" }, h("info-icon", { key: '19d68cd40078ce0cbc259563c113b2117317bfae', slot: "tooltip-icon" }), h("span", { key: '18e756849780db95c78d7ef627f706424d3b7a4d', slot: "tooltip-content" }, instance.t('nylasCustomizeBookingSettings.hideCancel.tooltip.desc')))))))))));
+        return (h(Host, { key: 'e971d0cac433b5fcc742554a872dee95fbd3e136' }, showComponent && (h("div", { key: '70626e9a5c003203128f288b5cee158cffd14402', class: "nylas-customize-booking-settings", part: "ncbs" }, h("div", { key: 'fb1fab05c57e8f8cb9279a662aaa75447f40d291', class: "header", part: "ncbs__header" }, h("h3", { key: '0d88f445585d543b2ab01b645f97b5f902ba542d' }, instance.t('nylasCustomizeBookingSettings.headerTitle')), h("p", { key: 'b716e036f2e705a569a0b005cd1b68ecffbdcc53' }, instance.t('nylasCustomizeBookingSettings.headerSubTitle'))), h("div", { key: '25b167ff8d0a902f84b99db526b2298e0277accb', class: "nylas-customize-booking-settings__settings", part: "ncbs__settings" }, showHideAdditionalGuests && (h("div", { key: 'a5896ca2876a065c45844ba8c47528c91bf5fc9b', class: "nylas-customize-booking-settings__settings-div", part: "ncbs__settings-div , ncbs__additional_guests" }, h("checkbox-component", { key: 'ecd546f24e0828ed740f7166fbf9b82f223ec7f2', name: "hide_additional_guests", label: instance.t('nylasCustomizeBookingSettings.allowGuests.label'), checked: this.allowGuestsToInvite, themeConfig: this.themeConfig }, h("span", { key: '11ad8296ac84b0f80fbdef36b2303dee6e64589e', slot: "label", class: "label" }, h("p", { key: '81695609777b4a0a50df6764c425587ece2a1fe0', class: "label-contents" }, instance.t('nylasCustomizeBookingSettings.allowGuests.label', { interpolation: { escapeValue: false, escape: s => `${s}`, useRawValueToEscape: true } })))))), h("div", { key: '65e0bdcd73c3e8d6681cd6f7da59de61d210e1b2', class: "nylas-customize-booking-settings__settings-div", part: "ncbs__settings-div , ncbs__rescheduling_options" }, h("checkbox-component", { key: '33290d63b4cecd319e6ab1276d2a87e097b98004', name: "hide_rescheduling_options", label: "Hide 'Reschedule' option on booking page and emails.", checked: this.hideReschedulingOptions, themeConfig: this.themeConfig }, h("span", { key: '1baec82b8a77c80fdd3e0dd5d1e0f2db894dd801', slot: "label", class: "label" }, h("p", { key: '91e6fd9f27fcc9900a95c695f2f685af51f8dd82', class: "label-contents" }, instance.t('nylasCustomizeBookingSettings.hideReschedule.label')), h("tooltip-component", { key: 'f4d38bcf78f67ebd3e4d76939aa114809b6d848d', id: "reschedule" }, h("info-icon", { key: '86fdb13f0c989d6c24dd165e375274a38174703d', slot: "tooltip-icon" }), h("span", { key: '8e15ac5aa0327f0450144a1b19fd83a7e25bbb49', slot: "tooltip-content" }, instance.t('nylasCustomizeBookingSettings.hideReschedule.tooltip.desc')))))), h("div", { key: 'd944cb7b59b22ca34356b2caefab6b7dba6a4faa', class: "nylas-customize-booking-settings__settings-div", part: "ncbs__settings-div , ncbs__cancellation_options" }, h("checkbox-component", { key: 'c9664e28baab4e3506bc77788c7666c7e300e29c', name: "hide_cancellation_options", label: "Hide 'Cancel' option on booking page and emails.", checked: this.hideCancellationOptions, themeConfig: this.themeConfig }, h("span", { key: '46a4a8aaf824c9e8c8ffa95695cf20345e759a9c', slot: "label", class: "label" }, h("p", { key: 'ed3550f94dee58447e2bce4a54bb7c59d9c3cb72', class: "label-contents" }, instance.t('nylasCustomizeBookingSettings.hideCancel.label')), h("tooltip-component", { key: '750b93b8113588d8fbc85a022cf5177461950bcd', id: "cancel" }, h("info-icon", { key: '35783e0ee5dcf8a1a8ad3a6999d92cd1c5a93e40', slot: "tooltip-icon" }), h("span", { key: '8feacc326565f0ace9f3b0e52430b6090b2293ed', slot: "tooltip-content" }, instance.t('nylasCustomizeBookingSettings.hideCancel.tooltip.desc')))))))))));
     }
     static get formAssociated() { return true; }
     get host() { return this; }
@@ -217,6 +217,6 @@ function defineCustomElement() {
 }
 
 export { NylasCustomizeBookingSettings as N, defineCustomElement as d };
-//# sourceMappingURL=p-96zW11tR.js.map
+//# sourceMappingURL=p-r182lPIw.js.map
 
-//# sourceMappingURL=p-96zW11tR.js.map
+//# sourceMappingURL=p-r182lPIw.js.map

package/dist/components/{p-96zW11tR.js.map → p-r182lPIw.js.map}

@@ -1 +1 @@
-{"file":"p-96zW11tR.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement","i18next"],"sources":["src/components/scheduler-editor/nylas-customize-booking-settings/nylas-customize-booking-settings.scss?tag=nylas-customize-booking-settings&encapsulation=shadow","src/components/scheduler-editor/nylas-customize-booking-settings/nylas-customize-booking-settings.tsx"],"sourcesContent":["@use '../../../common/styles/variables' as *;\n\n:host {\n  display: block;\n  @include default-css-variables;\n  width: inherit;\n}\n\n.nylas-customize-booking-settings {\n  width: inherit;\n  display: flex;\n  flex-direction: column;\n  margin: 1rem;\n  border-radius: var(--nylas-border-radius-2x);\n  border: 1px solid var(--nylas-base-200);\n\n  .header {\n    padding: 1rem;\n    border-bottom: 1px solid var(--nylas-base-200);\n\n    h3 {\n      margin: 0;\n      font-size: 16px;\n      font-weight: 600;\n      line-height: 20px;\n      color: var(--nylas-base-900);\n      text-align: left;\n    }\n\n    p {\n      margin: 0.25rem 0 0 0;\n      font-size: 0.875rem;\n      font-weight: 400;\n      line-height: 20px;\n      color: var(--nylas-base-600);\n      text-align: left;\n    }\n  }\n\n  .nylas-customize-booking-settings__settings {\n    display: flex;\n    flex-direction: column;\n    gap: 1.5rem;\n    padding: 1rem;\n    margin: 1rem 0;\n    background-color: var(--nylas-base-25);\n\n    .nylas-customize-booking-settings__settings-div {\n      display: flex;\n      align-items: center;\n      gap: 4px;\n    }\n  }\n}\n\n.label {\n  margin-left: 32px;\n  font-size: 16px;\n  font-weight: 400;\n  color: var(--nylas-base-800);\n  line-height: 24px;\n\n  .label-contents {\n    margin: 0;\n    display: inline-block;\n    color: var(--nylas-base-800);\n    @media #{$mobile} {\n      display: block;\n    }\n  }\n\n  tooltip-component {\n    display: inline-block;\n  }\n}\n\ntooltip-component#guests::part(tc__content) {\n  @media #{$mobile} {\n    left: 58px;\n  }\n}\n\ntooltip-component#reschedule::part(tc__content) {\n  left: 58px;\n\n  @media #{$mobile} {\n    left: 58px;\n  }\n}\n\ntooltip-component#cancel::part(tc__content) {\n  left: -58px;\n\n  @media #{$mobile} {\n    left: 58px;\n  }\n}\n","import { RegisterComponent } from '@/common/register-component';\nimport { NylasSchedulerConfigConnector } from '@/connector/nylas-scheduler-config-connector';\nimport { debug } from '@/utils/utils';\nimport { AttachInternals, Component, Element, Event, EventEmitter, Host, Listen, Prop, State, Watch, h } from '@stencil/core';\nimport { NylasSchedulerEditor } from '../nylas-scheduler-editor/nylas-scheduler-editor';\nimport { Configuration, ThemeConfig } from '@nylas/core';\nimport i18next from '@/utils/i18n';\nimport { LANGUAGE_CODE } from '@/common/constants';\n\n/**\n * The `nylas-customize-booking-settings` component is a UI component that displays the booking calendar picker.\n * @part ncbs - The booking calendar picker container\n * @part ncbs__header - The header of the booking calendar picker\n * @part ncbs__settings - The settings container\n * @part ncbs__settings-div - The div inside the settings container that contains the checkbox and tooltip for each setting\n * @part ncbs__additional_guests - The additional guests setting\n * @part ncbs__cancellation_options - The cancellation options setting\n * @part ncbs__rescheduling_options - The rescheduling options setting\n */\n@Component({\n  tag: 'nylas-customize-booking-settings',\n  styleUrl: 'nylas-customize-booking-settings.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class NylasCustomizeBookingSettings {\n  @Element() host!: HTMLNylasCustomizeBookingSettingsElement;\n  /**\n   * @standalone\n   * The selected config\n   */\n  @Prop() selectedConfiguration?: Configuration;\n  /**\n   * @standalone\n   * The default additional guests hidden setting as set in the configuration.\n   */\n  @Prop() defaultHideAdditionalGuests: boolean = this.selectedConfiguration?.scheduler?.hide_additional_guests ?? false;\n\n  /**\n   * @standalone\n   * The default hide cancellation options setting as set in the configuration.\n   */\n  @Prop() defaultHideCancellationOptions: boolean = this.selectedConfiguration?.scheduler?.hide_cancellation_options ?? false;\n\n  /**\n   * @standalone\n   * The default hide rescheduling options setting as set in the configuration.\n   */\n  @Prop() defaultHideReschedulingOptions: boolean = this.selectedConfiguration?.scheduler?.hide_rescheduling_options ?? false;\n\n  /**\n   * @standalone\n   * The name of the calendar picker.\n   */\n  @Prop() name: string = 'customize-booking-settings';\n\n  /**\n   * The selected language.\n   */\n  @Prop() selectedLanguage?: LANGUAGE_CODE;\n\n  /**\n   * This prop is used to determined which settings are visible in the component.\n   */\n  @Prop() showSettings: string[] = ['allowGuestsToInvite', 'hideCancellationOptions', 'hideReschedulingOptions'];\n  /**\n   * @standalone\n   * The theme configuration.\n   */\n  @Prop({ attribute: 'theme-config' }) readonly themeConfig?: ThemeConfig;\n\n  /**\n   * State to store the allowed additional guests setting.\n   */\n  @State() allowGuestsToInvite!: boolean;\n\n  /**\n   * State to store the hide cancel booking setting.\n   */\n  @State() hideCancellationOptions!: boolean;\n\n  /**\n   * State to store the hide reschedule booking setting.\n   */\n  @State() hideReschedulingOptions!: boolean;\n\n  /**\n   * The element internals.\n   */\n  @AttachInternals() internals!: ElementInternals;\n\n  /**\n   * This event is fired when the booking settings are changed.\n   */\n  @Event() valueChanged!: EventEmitter<{\n    value: string;\n    name: string;\n    valueChanged?: (event: CustomEvent<{ value: string; name: string }>) => void;\n  }>;\n\n  /**\n   * When a name prop is passed, stencil does not automatically set the name attribute on the host element.\n   * Since this component is form-associated, the name attribute is required for form submission.\n   * This is a workaround to ensure that the name attribute is set on the host element.\n   */\n  @Watch('name')\n  elementNameChangedHandler(newValue: string) {\n    debug('nylas-customize-booking-settings', 'elementNameChangedHandler', newValue);\n    this.host.setAttribute('name', newValue);\n  }\n\n  @Watch('selectedConfiguration')\n  selectedConfigurationChangedHandler(newValue: Configuration) {\n    debug('nylas-customize-booking-settings', 'selectedConfigurationChangedHandler', newValue);\n    this.allowGuestsToInvite = !newValue?.scheduler?.hide_additional_guests;\n    this.hideCancellationOptions = newValue?.scheduler?.hide_cancellation_options ?? false;\n    this.hideReschedulingOptions = newValue?.scheduler?.hide_rescheduling_options ?? false;\n    this.handleSettingValues(false);\n  }\n\n  @Watch('selectedLanguage')\n  selectedLanguageChangedHandler(newVal: LANGUAGE_CODE, oldVal: LANGUAGE_CODE) {\n    if (newVal === oldVal) return;\n    i18next.changeLanguage(newVal);\n  }\n\n  @Watch('themeConfig')\n  themeConfigChangedHandler(newVal: ThemeConfig, oldVal: ThemeConfig) {\n    if (newVal === oldVal) return;\n    this.applyThemeConfig(newVal);\n  }\n\n  // Lifecycle methods\n  connectedCallback() {\n    debug('nylas-customize-booking-settings', 'connectedCallback');\n    // Use queueMicrotask to defer theme application until after React has set props.\n    // This fixes the timing issue where connectedCallback fires before React sets themeConfig.\n    queueMicrotask(() => {\n      if (this.themeConfig) {\n        this.applyThemeConfig(this.themeConfig);\n        this.host.setAttribute('data-themed', '');\n      }\n    });\n  }\n\n  disconnectedCallback() {\n    debug('nylas-customize-booking-settings', 'disconnectedCallback');\n  }\n\n  componentWillLoad() {\n    debug('nylas-customize-booking-settings', 'componentWillLoad');\n    // See comment in the @Watch('name') decorator for more information.\n    this.host.setAttribute('name', this.name);\n    this.allowGuestsToInvite = !this.defaultHideAdditionalGuests;\n    this.hideCancellationOptions = this.defaultHideCancellationOptions;\n    this.hideReschedulingOptions = this.defaultHideReschedulingOptions;\n  }\n\n  componentDidLoad() {\n    debug('nylas-customize-booking-settings', 'componentDidLoad');\n    if (this.selectedConfiguration) {\n      this.selectedConfigurationChangedHandler(this.selectedConfiguration);\n    } else {\n      // Set the default values if the selected configuration is not available\n      this.allowGuestsToInvite = !this.defaultHideAdditionalGuests;\n      this.hideCancellationOptions = this.defaultHideCancellationOptions;\n      this.hideReschedulingOptions = this.defaultHideReschedulingOptions;\n      this.handleSettingValues(false);\n    }\n  }\n\n  componentWillUpdate() {\n    debug('nylas-customize-booking-settings', 'componentWillUpdate');\n  }\n\n  componentDidUpdate() {\n    debug('nylas-customize-booking-settings', 'componentDidUpdate');\n  }\n\n  componentWillRender() {\n    debug('nylas-customize-booking-settings', 'componentWillRender');\n  }\n\n  componentDidRender() {\n    debug('nylas-customize-booking-settings', 'componentDidRender');\n  }\n\n  @Listen('nylasFormCheckboxToggled')\n  nylasFormCheckboxToggledHandler(event: CustomEvent<{ checked: boolean; name: string }>) {\n    debug('nylas-customize-booking-settings', 'nylasFormCheckboxToggledHandler', event.detail);\n    const { name, checked } = event.detail;\n\n    if (name === 'hide_additional_guests') {\n      this.allowGuestsToInvite = checked;\n    } else if (name === 'hide_cancellation_options') {\n      this.hideCancellationOptions = checked;\n    } else if (name === 'hide_rescheduling_options') {\n      this.hideReschedulingOptions = checked;\n    }\n    this.handleSettingValues();\n  }\n\n  handleSettingValues(valueChanged: boolean = true) {\n    if (valueChanged) {\n      this.valueChanged.emit({\n        value: JSON.stringify({\n          additionalGuestsHidden: this.showSettings.includes('allowGuestsToInvite') ? !this.allowGuestsToInvite : undefined,\n          hideCancellationOptions: this.hideCancellationOptions,\n          hideReschedulingOptions: this.hideReschedulingOptions,\n        }),\n        name: this.name,\n      });\n    }\n    this.isInternalsAvailable &&\n      this.internals.setFormValue(\n        JSON.stringify({\n          additionalGuestsHidden: this.showSettings.includes('allowGuestsToInvite') ? !this.allowGuestsToInvite : undefined,\n          hideCancellationOptions: this.hideCancellationOptions,\n          hideReschedulingOptions: this.hideReschedulingOptions,\n        }),\n        this.name,\n      );\n  }\n\n  /**\n   * This method is essentially a workaround to check if the internals are available because\n   * the unit tests in stencil do not support the internals.\n   * @returns boolean\n   */\n  get isInternalsAvailable() {\n    return this.internals !== undefined && typeof this.internals.setFormValue === 'function';\n  }\n\n  applyThemeConfig(themeConfig?: ThemeConfig) {\n    if (themeConfig) {\n      for (const [key, value] of Object.entries(themeConfig)) {\n        this.host.style.setProperty(`${key}`, value);\n      }\n    }\n  }\n\n  @RegisterComponent<NylasCustomizeBookingSettings, NylasSchedulerConfigConnector, Exclude<NylasSchedulerEditor['stores'], undefined>>({\n    name: 'nylas-customize-booking-settings',\n    stateToProps: new Map([\n      ['schedulerConfig.selectedConfiguration', 'selectedConfiguration'],\n      ['schedulerConfig.selectedLanguage', 'selectedLanguage'],\n      ['schedulerConfig.themeConfig', 'themeConfig'],\n    ]),\n    fireRegisterEvent: true,\n  })\n  render() {\n    const showComponent = typeof this.hideCancellationOptions === 'boolean' && typeof this.hideReschedulingOptions === 'boolean' && typeof this.allowGuestsToInvite === 'boolean';\n    const showHideAdditionalGuests = this.showSettings.includes('allowGuestsToInvite');\n\n    return (\n      <Host>\n        {showComponent && (\n          <div class=\"nylas-customize-booking-settings\" part=\"ncbs\">\n            <div class=\"header\" part=\"ncbs__header\">\n              <h3>{i18next.t('nylasCustomizeBookingSettings.headerTitle')}</h3>\n              <p>{i18next.t('nylasCustomizeBookingSettings.headerSubTitle')}</p>\n            </div>\n\n            <div class=\"nylas-customize-booking-settings__settings\" part=\"ncbs__settings\">\n              {showHideAdditionalGuests && (\n                <div class=\"nylas-customize-booking-settings__settings-div\" part=\"ncbs__settings-div , ncbs__additional_guests\">\n                  <checkbox-component\n                    name=\"hide_additional_guests\"\n                    label={i18next.t('nylasCustomizeBookingSettings.allowGuests.label')}\n                    checked={this.allowGuestsToInvite}\n                    themeConfig={this.themeConfig}\n                  >\n                    <span slot=\"label\" class=\"label\">\n                      <p class=\"label-contents\">\n                        {i18next.t('nylasCustomizeBookingSettings.allowGuests.label', { interpolation: { escapeValue: false, escape: s => `${s}`, useRawValueToEscape: true } })}\n                      </p>\n                    </span>\n                  </checkbox-component>\n                </div>\n              )}\n              <div class=\"nylas-customize-booking-settings__settings-div\" part=\"ncbs__settings-div , ncbs__rescheduling_options\">\n                <checkbox-component\n                  name=\"hide_rescheduling_options\"\n                  label=\"Hide 'Reschedule' option on booking page and emails.\"\n                  checked={this.hideReschedulingOptions}\n                  themeConfig={this.themeConfig}\n                >\n                  <span slot=\"label\" class=\"label\">\n                    <p class=\"label-contents\">{i18next.t('nylasCustomizeBookingSettings.hideReschedule.label')}</p>\n                    <tooltip-component id=\"reschedule\">\n                      <info-icon slot=\"tooltip-icon\" />\n                      <span slot=\"tooltip-content\">{i18next.t('nylasCustomizeBookingSettings.hideReschedule.tooltip.desc')}</span>\n                    </tooltip-component>\n                  </span>\n                </checkbox-component>\n              </div>\n              <div class=\"nylas-customize-booking-settings__settings-div\" part=\"ncbs__settings-div , ncbs__cancellation_options\">\n                <checkbox-component\n                  name=\"hide_cancellation_options\"\n                  label=\"Hide 'Cancel' option on booking page and emails.\"\n                  checked={this.hideCancellationOptions}\n                  themeConfig={this.themeConfig}\n                >\n                  <span slot=\"label\" class=\"label\">\n                    <p class=\"label-contents\">{i18next.t('nylasCustomizeBookingSettings.hideCancel.label')}</p>\n                    <tooltip-component id=\"cancel\">\n                      <info-icon slot=\"tooltip-icon\" />\n                      <span slot=\"tooltip-content\">{i18next.t('nylasCustomizeBookingSettings.hideCancel.tooltip.desc')}</span>\n                    </tooltip-component>\n                  </span>\n                </checkbox-component>\n              </div>\n            </div>\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"p-r182lPIw.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement","i18next"],"sources":["src/components/scheduler-editor/nylas-customize-booking-settings/nylas-customize-booking-settings.scss?tag=nylas-customize-booking-settings&encapsulation=shadow","src/components/scheduler-editor/nylas-customize-booking-settings/nylas-customize-booking-settings.tsx"],"sourcesContent":["@use '../../../common/styles/variables' as *;\n\n:host {\n  display: block;\n  @include default-css-variables;\n  width: inherit;\n}\n\n.nylas-customize-booking-settings {\n  width: inherit;\n  display: flex;\n  flex-direction: column;\n  margin: 1rem;\n  border-radius: var(--nylas-border-radius-2x);\n  border: 1px solid var(--nylas-base-200);\n\n  .header {\n    padding: 1rem;\n    border-bottom: 1px solid var(--nylas-base-200);\n\n    h3 {\n      margin: 0;\n      font-size: 16px;\n      font-weight: 600;\n      line-height: 20px;\n      color: var(--nylas-base-900);\n      text-align: left;\n    }\n\n    p {\n      margin: 0.25rem 0 0 0;\n      font-size: 0.875rem;\n      font-weight: 400;\n      line-height: 20px;\n      color: var(--nylas-base-600);\n      text-align: left;\n    }\n  }\n\n  .nylas-customize-booking-settings__settings {\n    display: flex;\n    flex-direction: column;\n    gap: 1.5rem;\n    padding: 1rem;\n    margin: 1rem 0;\n    background-color: var(--nylas-base-25);\n\n    .nylas-customize-booking-settings__settings-div {\n      display: flex;\n      align-items: center;\n      gap: 4px;\n    }\n  }\n}\n\n.label {\n  margin-left: 32px;\n  font-size: 16px;\n  font-weight: 400;\n  color: var(--nylas-base-800);\n  line-height: 24px;\n\n  .label-contents {\n    margin: 0;\n    display: inline-block;\n    color: var(--nylas-base-800);\n    @media #{$mobile} {\n      display: block;\n    }\n  }\n\n  tooltip-component {\n    display: inline-block;\n  }\n}\n\ntooltip-component#guests::part(tc__content) {\n  @media #{$mobile} {\n    left: 58px;\n  }\n}\n\ntooltip-component#reschedule::part(tc__content) {\n  left: 58px;\n\n  @media #{$mobile} {\n    left: 58px;\n  }\n}\n\ntooltip-component#cancel::part(tc__content) {\n  left: -58px;\n\n  @media #{$mobile} {\n    left: 58px;\n  }\n}\n","import { RegisterComponent } from '@/common/register-component';\nimport { NylasSchedulerConfigConnector } from '@/connector/nylas-scheduler-config-connector';\nimport { debug } from '@/utils/utils';\nimport { AttachInternals, Component, Element, Event, EventEmitter, Host, Listen, Prop, State, Watch, h } from '@stencil/core';\nimport { NylasSchedulerEditor } from '../nylas-scheduler-editor/nylas-scheduler-editor';\nimport { Configuration, ThemeConfig } from '@nylas/core';\nimport i18next from '@/utils/i18n';\nimport { LANGUAGE_CODE } from '@/common/constants';\n\n/**\n * The `nylas-customize-booking-settings` component is a UI component that displays the booking calendar picker.\n * @part ncbs - The booking calendar picker container\n * @part ncbs__header - The header of the booking calendar picker\n * @part ncbs__settings - The settings container\n * @part ncbs__settings-div - The div inside the settings container that contains the checkbox and tooltip for each setting\n * @part ncbs__additional_guests - The additional guests setting\n * @part ncbs__cancellation_options - The cancellation options setting\n * @part ncbs__rescheduling_options - The rescheduling options setting\n */\n@Component({\n  tag: 'nylas-customize-booking-settings',\n  styleUrl: 'nylas-customize-booking-settings.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class NylasCustomizeBookingSettings {\n  @Element() host!: HTMLNylasCustomizeBookingSettingsElement;\n  /**\n   * @standalone\n   * The selected config\n   */\n  @Prop() selectedConfiguration?: Configuration;\n  /**\n   * @standalone\n   * The default additional guests hidden setting as set in the configuration.\n   */\n  @Prop() defaultHideAdditionalGuests: boolean = this.selectedConfiguration?.scheduler?.hide_additional_guests ?? false;\n\n  /**\n   * @standalone\n   * The default hide cancellation options setting as set in the configuration.\n   */\n  @Prop() defaultHideCancellationOptions: boolean = this.selectedConfiguration?.scheduler?.hide_cancellation_options ?? false;\n\n  /**\n   * @standalone\n   * The default hide rescheduling options setting as set in the configuration.\n   */\n  @Prop() defaultHideReschedulingOptions: boolean = this.selectedConfiguration?.scheduler?.hide_rescheduling_options ?? false;\n\n  /**\n   * @standalone\n   * The name of the calendar picker.\n   */\n  @Prop() name: string = 'customize-booking-settings';\n\n  /**\n   * The selected language.\n   */\n  @Prop() selectedLanguage?: LANGUAGE_CODE;\n\n  /**\n   * This prop is used to determined which settings are visible in the component.\n   */\n  @Prop() showSettings: string[] = ['allowGuestsToInvite', 'hideCancellationOptions', 'hideReschedulingOptions'];\n  /**\n   * @standalone\n   * The theme configuration.\n   */\n  @Prop({ attribute: 'theme-config' }) readonly themeConfig?: ThemeConfig;\n\n  /**\n   * State to store the allowed additional guests setting.\n   */\n  @State() allowGuestsToInvite!: boolean;\n\n  /**\n   * State to store the hide cancel booking setting.\n   */\n  @State() hideCancellationOptions!: boolean;\n\n  /**\n   * State to store the hide reschedule booking setting.\n   */\n  @State() hideReschedulingOptions!: boolean;\n\n  /**\n   * The element internals.\n   */\n  @AttachInternals() internals!: ElementInternals;\n\n  /**\n   * This event is fired when the booking settings are changed.\n   */\n  @Event() valueChanged!: EventEmitter<{\n    value: string;\n    name: string;\n    valueChanged?: (event: CustomEvent<{ value: string; name: string }>) => void;\n  }>;\n\n  /**\n   * When a name prop is passed, stencil does not automatically set the name attribute on the host element.\n   * Since this component is form-associated, the name attribute is required for form submission.\n   * This is a workaround to ensure that the name attribute is set on the host element.\n   */\n  @Watch('name')\n  elementNameChangedHandler(newValue: string) {\n    debug('nylas-customize-booking-settings', 'elementNameChangedHandler', newValue);\n    this.host.setAttribute('name', newValue);\n  }\n\n  @Watch('selectedConfiguration')\n  selectedConfigurationChangedHandler(newValue: Configuration) {\n    debug('nylas-customize-booking-settings', 'selectedConfigurationChangedHandler', newValue);\n    this.allowGuestsToInvite = !newValue?.scheduler?.hide_additional_guests;\n    this.hideCancellationOptions = newValue?.scheduler?.hide_cancellation_options ?? false;\n    this.hideReschedulingOptions = newValue?.scheduler?.hide_rescheduling_options ?? false;\n    this.handleSettingValues(false);\n  }\n\n  @Watch('selectedLanguage')\n  selectedLanguageChangedHandler(newVal: LANGUAGE_CODE, oldVal: LANGUAGE_CODE) {\n    if (newVal === oldVal) return;\n    i18next.changeLanguage(newVal);\n  }\n\n  @Watch('themeConfig')\n  themeConfigChangedHandler(newVal: ThemeConfig, oldVal: ThemeConfig) {\n    if (newVal === oldVal) return;\n    this.applyThemeConfig(newVal);\n  }\n\n  // Lifecycle methods\n  connectedCallback() {\n    debug('nylas-customize-booking-settings', 'connectedCallback');\n    // Use queueMicrotask to defer theme application until after React has set props.\n    // This fixes the timing issue where connectedCallback fires before React sets themeConfig.\n    queueMicrotask(() => {\n      if (this.themeConfig) {\n        this.applyThemeConfig(this.themeConfig);\n        this.host.setAttribute('data-themed', '');\n      }\n    });\n  }\n\n  disconnectedCallback() {\n    debug('nylas-customize-booking-settings', 'disconnectedCallback');\n  }\n\n  componentWillLoad() {\n    debug('nylas-customize-booking-settings', 'componentWillLoad');\n    // See comment in the @Watch('name') decorator for more information.\n    this.host.setAttribute('name', this.name);\n    this.allowGuestsToInvite = !this.defaultHideAdditionalGuests;\n    this.hideCancellationOptions = this.defaultHideCancellationOptions;\n    this.hideReschedulingOptions = this.defaultHideReschedulingOptions;\n  }\n\n  componentDidLoad() {\n    debug('nylas-customize-booking-settings', 'componentDidLoad');\n    if (this.selectedConfiguration) {\n      this.selectedConfigurationChangedHandler(this.selectedConfiguration);\n    } else {\n      // Set the default values if the selected configuration is not available\n      this.allowGuestsToInvite = !this.defaultHideAdditionalGuests;\n      this.hideCancellationOptions = this.defaultHideCancellationOptions;\n      this.hideReschedulingOptions = this.defaultHideReschedulingOptions;\n      this.handleSettingValues(false);\n    }\n  }\n\n  componentWillUpdate() {\n    debug('nylas-customize-booking-settings', 'componentWillUpdate');\n  }\n\n  componentDidUpdate() {\n    debug('nylas-customize-booking-settings', 'componentDidUpdate');\n  }\n\n  componentWillRender() {\n    debug('nylas-customize-booking-settings', 'componentWillRender');\n  }\n\n  componentDidRender() {\n    debug('nylas-customize-booking-settings', 'componentDidRender');\n  }\n\n  @Listen('nylasFormCheckboxToggled')\n  nylasFormCheckboxToggledHandler(event: CustomEvent<{ checked: boolean; name: string }>) {\n    debug('nylas-customize-booking-settings', 'nylasFormCheckboxToggledHandler', event.detail);\n    const { name, checked } = event.detail;\n\n    if (name === 'hide_additional_guests') {\n      this.allowGuestsToInvite = checked;\n    } else if (name === 'hide_cancellation_options') {\n      this.hideCancellationOptions = checked;\n    } else if (name === 'hide_rescheduling_options') {\n      this.hideReschedulingOptions = checked;\n    }\n    this.handleSettingValues();\n  }\n\n  handleSettingValues(valueChanged: boolean = true) {\n    if (valueChanged) {\n      this.valueChanged.emit({\n        value: JSON.stringify({\n          additionalGuestsHidden: this.showSettings.includes('allowGuestsToInvite') ? !this.allowGuestsToInvite : undefined,\n          hideCancellationOptions: this.hideCancellationOptions,\n          hideReschedulingOptions: this.hideReschedulingOptions,\n        }),\n        name: this.name,\n      });\n    }\n    this.isInternalsAvailable &&\n      this.internals.setFormValue(\n        JSON.stringify({\n          additionalGuestsHidden: this.showSettings.includes('allowGuestsToInvite') ? !this.allowGuestsToInvite : undefined,\n          hideCancellationOptions: this.hideCancellationOptions,\n          hideReschedulingOptions: this.hideReschedulingOptions,\n        }),\n        this.name,\n      );\n  }\n\n  /**\n   * This method is essentially a workaround to check if the internals are available because\n   * the unit tests in stencil do not support the internals.\n   * @returns boolean\n   */\n  get isInternalsAvailable() {\n    return this.internals !== undefined && typeof this.internals.setFormValue === 'function';\n  }\n\n  applyThemeConfig(themeConfig?: ThemeConfig) {\n    if (themeConfig) {\n      for (const [key, value] of Object.entries(themeConfig)) {\n        this.host.style.setProperty(`${key}`, value);\n      }\n    }\n  }\n\n  @RegisterComponent<NylasCustomizeBookingSettings, NylasSchedulerConfigConnector, Exclude<NylasSchedulerEditor['stores'], undefined>>({\n    name: 'nylas-customize-booking-settings',\n    stateToProps: new Map([\n      ['schedulerConfig.selectedConfiguration', 'selectedConfiguration'],\n      ['schedulerConfig.selectedLanguage', 'selectedLanguage'],\n      ['schedulerConfig.themeConfig', 'themeConfig'],\n    ]),\n    fireRegisterEvent: true,\n  })\n  render() {\n    const showComponent = typeof this.hideCancellationOptions === 'boolean' && typeof this.hideReschedulingOptions === 'boolean' && typeof this.allowGuestsToInvite === 'boolean';\n    const showHideAdditionalGuests = this.showSettings.includes('allowGuestsToInvite');\n\n    return (\n      <Host>\n        {showComponent && (\n          <div class=\"nylas-customize-booking-settings\" part=\"ncbs\">\n            <div class=\"header\" part=\"ncbs__header\">\n              <h3>{i18next.t('nylasCustomizeBookingSettings.headerTitle')}</h3>\n              <p>{i18next.t('nylasCustomizeBookingSettings.headerSubTitle')}</p>\n            </div>\n\n            <div class=\"nylas-customize-booking-settings__settings\" part=\"ncbs__settings\">\n              {showHideAdditionalGuests && (\n                <div class=\"nylas-customize-booking-settings__settings-div\" part=\"ncbs__settings-div , ncbs__additional_guests\">\n                  <checkbox-component\n                    name=\"hide_additional_guests\"\n                    label={i18next.t('nylasCustomizeBookingSettings.allowGuests.label')}\n                    checked={this.allowGuestsToInvite}\n                    themeConfig={this.themeConfig}\n                  >\n                    <span slot=\"label\" class=\"label\">\n                      <p class=\"label-contents\">\n                        {i18next.t('nylasCustomizeBookingSettings.allowGuests.label', { interpolation: { escapeValue: false, escape: s => `${s}`, useRawValueToEscape: true } })}\n                      </p>\n                    </span>\n                  </checkbox-component>\n                </div>\n              )}\n              <div class=\"nylas-customize-booking-settings__settings-div\" part=\"ncbs__settings-div , ncbs__rescheduling_options\">\n                <checkbox-component\n                  name=\"hide_rescheduling_options\"\n                  label=\"Hide 'Reschedule' option on booking page and emails.\"\n                  checked={this.hideReschedulingOptions}\n                  themeConfig={this.themeConfig}\n                >\n                  <span slot=\"label\" class=\"label\">\n                    <p class=\"label-contents\">{i18next.t('nylasCustomizeBookingSettings.hideReschedule.label')}</p>\n                    <tooltip-component id=\"reschedule\">\n                      <info-icon slot=\"tooltip-icon\" />\n                      <span slot=\"tooltip-content\">{i18next.t('nylasCustomizeBookingSettings.hideReschedule.tooltip.desc')}</span>\n                    </tooltip-component>\n                  </span>\n                </checkbox-component>\n              </div>\n              <div class=\"nylas-customize-booking-settings__settings-div\" part=\"ncbs__settings-div , ncbs__cancellation_options\">\n                <checkbox-component\n                  name=\"hide_cancellation_options\"\n                  label=\"Hide 'Cancel' option on booking page and emails.\"\n                  checked={this.hideCancellationOptions}\n                  themeConfig={this.themeConfig}\n                >\n                  <span slot=\"label\" class=\"label\">\n                    <p class=\"label-contents\">{i18next.t('nylasCustomizeBookingSettings.hideCancel.label')}</p>\n                    <tooltip-component id=\"cancel\">\n                      <info-icon slot=\"tooltip-icon\" />\n                      <span slot=\"tooltip-content\">{i18next.t('nylasCustomizeBookingSettings.hideCancel.tooltip.desc')}</span>\n                    </tooltip-component>\n                  </span>\n                </checkbox-component>\n              </div>\n            </div>\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/{p-ByDfkWkX.js → p-xXZAaFtS.js}

@@ -10,7 +10,7 @@ const PaintbrushFillIcon = proxyCustomElement(class PaintbrushFillIcon extends H
         this.height = '13';
     }
     render() {
-        return (h("svg", { key: 'b05991d7f99be4ce28b375542916cad566fb9e19', width: "16", height: "17", viewBox: "-3 0 16 17", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '26f6a46d0debef7011dad15c260cab047da1902e', d: "M5 2.875V0.375H0.5C0.223858 0.375 0 0.598858 0 0.875V7.37585H10V0.875C10 0.598858 9.77614 0.375 9.5 0.375H8V3.87722C8 4.15337 7.77614 4.37722 7.5 4.37722C7.22386 4.37722 7 4.15337 7 3.87722V0.375H6V2.875C6 3.15114 5.77614 3.375 5.5 3.375C5.22386 3.375 5 3.15114 5 2.875ZM10 8.37585H0V9.37938C0 10.4839 0.895431 11.3794 2 11.3794H3.5V14.8767C3.5 15.7051 4.17157 16.3767 5 16.3767C5.82843 16.3767 6.5 15.7051 6.5 14.8767V11.3794H8C9.10457 11.3794 10 10.4839 10 9.37938V8.37585Z", fill: "currentColor" })));
+        return (h("svg", { key: '84419345cda246bb8878168baa584ccb802857f4', width: "16", height: "17", viewBox: "-3 0 16 17", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'b2446041496744ac28362614638b7bc0f62fa453', d: "M5 2.875V0.375H0.5C0.223858 0.375 0 0.598858 0 0.875V7.37585H10V0.875C10 0.598858 9.77614 0.375 9.5 0.375H8V3.87722C8 4.15337 7.77614 4.37722 7.5 4.37722C7.22386 4.37722 7 4.15337 7 3.87722V0.375H6V2.875C6 3.15114 5.77614 3.375 5.5 3.375C5.22386 3.375 5 3.15114 5 2.875ZM10 8.37585H0V9.37938C0 10.4839 0.895431 11.3794 2 11.3794H3.5V14.8767C3.5 15.7051 4.17157 16.3767 5 16.3767C5.82843 16.3767 6.5 15.7051 6.5 14.8767V11.3794H8C9.10457 11.3794 10 10.4839 10 9.37938V8.37585Z", fill: "currentColor" })));
     }
     static get style() { return iconCss; }
 }, [258, "paintbrush-fill-icon", {
@@ -32,6 +32,6 @@ function defineCustomElement() {
 }
 
 export { PaintbrushFillIcon as P, defineCustomElement as d };
-//# sourceMappingURL=p-ByDfkWkX.js.map
+//# sourceMappingURL=p-xXZAaFtS.js.map
 
-//# sourceMappingURL=p-ByDfkWkX.js.map
+//# sourceMappingURL=p-xXZAaFtS.js.map

package/dist/components/{p-ByDfkWkX.js.map → p-xXZAaFtS.js.map}

@@ -1 +1 @@
-{"file":"p-ByDfkWkX.js","mappings":";;AAAA,MAAM,OAAO,GAAG,0CAA0C;;MCO7C,kBAAkB,GAAAA,kBAAA,CAAA,MAAA,kBAAA,SAAAC,CAAA,CAAA;AAL/B,IAAA,WAAA,GAAA;;;AAMU,QAAA,IAAK,CAAA,KAAA,GAAW,IAAI;AACpB,QAAA,IAAM,CAAA,MAAA,GAAW,IAAI;AAY9B;IAVC,MAAM,GAAA;QACJ,QACE,4DAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,YAAY,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,EAAA,EAC7F,CACE,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAC,EAAC,6dAA6d,EAC/d,IAAI,EAAC,cAAc,EAAA,CACnB,CACE;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/common/icons/icon.css?tag=paintbrush-fill-icon&encapsulation=scoped","src/common/icons/paintbrush-fill.tsx"],"sourcesContent":[":host {\n  display: flex;\n}\n","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'paintbrush-fill-icon',\n  styleUrl: 'icon.css',\n  scoped: true,\n})\nexport class PaintbrushFillIcon {\n  @Prop() width: string = '16';\n  @Prop() height: string = '13';\n\n  render() {\n    return (\n      <svg width=\"16\" height=\"17\" viewBox=\"-3 0 16 17\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path\n          d=\"M5 2.875V0.375H0.5C0.223858 0.375 0 0.598858 0 0.875V7.37585H10V0.875C10 0.598858 9.77614 0.375 9.5 0.375H8V3.87722C8 4.15337 7.77614 4.37722 7.5 4.37722C7.22386 4.37722 7 4.15337 7 3.87722V0.375H6V2.875C6 3.15114 5.77614 3.375 5.5 3.375C5.22386 3.375 5 3.15114 5 2.875ZM10 8.37585H0V9.37938C0 10.4839 0.895431 11.3794 2 11.3794H3.5V14.8767C3.5 15.7051 4.17157 16.3767 5 16.3767C5.82843 16.3767 6.5 15.7051 6.5 14.8767V11.3794H8C9.10457 11.3794 10 10.4839 10 9.37938V8.37585Z\"\n          fill=\"currentColor\"\n        />\n      </svg>\n    );\n  }\n}\n"],"version":3}
+{"file":"p-xXZAaFtS.js","mappings":";;AAAA,MAAM,OAAO,GAAG,0CAA0C;;MCO7C,kBAAkB,GAAAA,kBAAA,CAAA,MAAA,kBAAA,SAAAC,CAAA,CAAA;AAL/B,IAAA,WAAA,GAAA;;;AAMU,QAAA,IAAK,CAAA,KAAA,GAAW,IAAI;AACpB,QAAA,IAAM,CAAA,MAAA,GAAW,IAAI;AAY9B;IAVC,MAAM,GAAA;QACJ,QACE,4DAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,YAAY,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,EAAA,EAC7F,CACE,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAC,EAAC,6dAA6d,EAC/d,IAAI,EAAC,cAAc,EAAA,CACnB,CACE;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/common/icons/icon.css?tag=paintbrush-fill-icon&encapsulation=scoped","src/common/icons/paintbrush-fill.tsx"],"sourcesContent":[":host {\n  display: flex;\n}\n","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'paintbrush-fill-icon',\n  styleUrl: 'icon.css',\n  scoped: true,\n})\nexport class PaintbrushFillIcon {\n  @Prop() width: string = '16';\n  @Prop() height: string = '13';\n\n  render() {\n    return (\n      <svg width=\"16\" height=\"17\" viewBox=\"-3 0 16 17\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path\n          d=\"M5 2.875V0.375H0.5C0.223858 0.375 0 0.598858 0 0.875V7.37585H10V0.875C10 0.598858 9.77614 0.375 9.5 0.375H8V3.87722C8 4.15337 7.77614 4.37722 7.5 4.37722C7.22386 4.37722 7 4.15337 7 3.87722V0.375H6V2.875C6 3.15114 5.77614 3.375 5.5 3.375C5.22386 3.375 5 3.15114 5 2.875ZM10 8.37585H0V9.37938C0 10.4839 0.895431 11.3794 2 11.3794H3.5V14.8767C3.5 15.7051 4.17157 16.3767 5 16.3767C5.82843 16.3767 6.5 15.7051 6.5 14.8767V11.3794H8C9.10457 11.3794 10 10.4839 10 9.37938V8.37585Z\"\n          fill=\"currentColor\"\n        />\n      </svg>\n    );\n  }\n}\n"],"version":3}

package/dist/components/{p-OhUC7F_g.js → p-zT4P9vUn.js}

@@ -10,7 +10,7 @@ const WarningIcon = proxyCustomElement(class WarningIcon extends H {
         this.height = '16';
     }
     render() {
-        return (h("svg", { key: 'ebfcd1c97f6ae0518079ec8c6488d64028ca360f', width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '4091b1705b59de27899c22e3d0cc052c37e56fb8', d: "M7.68551 1.35232L1.12678 13.2773C0.576954 14.277 1.3002 15.5002 2.4411 15.5002H15.5586C16.6995 15.5002 17.4227 14.277 16.8729 13.2773L10.3142 1.35232C9.74426 0.316153 8.2554 0.316157 7.68551 1.35232ZM8.99982 5.25016C9.41403 5.25016 9.74982 5.58595 9.74982 6.00016V10.0002C9.74982 10.4144 9.41403 10.7502 8.99982 10.7502C8.5856 10.7502 8.24982 10.4144 8.24982 10.0002V6.00016C8.24982 5.58595 8.5856 5.25016 8.99982 5.25016ZM9.74982 12.2502C9.74982 12.6644 9.41403 13.0002 8.99982 13.0002C8.5856 13.0002 8.24982 12.6644 8.24982 12.2502C8.24982 11.8359 8.5856 11.5002 8.99982 11.5002C9.41403 11.5002 9.74982 11.8359 9.74982 12.2502Z", fill: "currentColor" })));
+        return (h("svg", { key: 'f25dd3cb90a80e17cbf5370d926afa329f396b65', width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '95be28aae068d723a24fb7ad4f576c5570b875bc', d: "M7.68551 1.35232L1.12678 13.2773C0.576954 14.277 1.3002 15.5002 2.4411 15.5002H15.5586C16.6995 15.5002 17.4227 14.277 16.8729 13.2773L10.3142 1.35232C9.74426 0.316153 8.2554 0.316157 7.68551 1.35232ZM8.99982 5.25016C9.41403 5.25016 9.74982 5.58595 9.74982 6.00016V10.0002C9.74982 10.4144 9.41403 10.7502 8.99982 10.7502C8.5856 10.7502 8.24982 10.4144 8.24982 10.0002V6.00016C8.24982 5.58595 8.5856 5.25016 8.99982 5.25016ZM9.74982 12.2502C9.74982 12.6644 9.41403 13.0002 8.99982 13.0002C8.5856 13.0002 8.24982 12.6644 8.24982 12.2502C8.24982 11.8359 8.5856 11.5002 8.99982 11.5002C9.41403 11.5002 9.74982 11.8359 9.74982 12.2502Z", fill: "currentColor" })));
     }
     static get style() { return iconCss; }
 }, [258, "warning-icon", {
@@ -32,6 +32,6 @@ function defineCustomElement() {
 }
 
 export { WarningIcon as W, defineCustomElement as d };
-//# sourceMappingURL=p-OhUC7F_g.js.map
+//# sourceMappingURL=p-zT4P9vUn.js.map
 
-//# sourceMappingURL=p-OhUC7F_g.js.map
+//# sourceMappingURL=p-zT4P9vUn.js.map

package/dist/components/{p-OhUC7F_g.js.map → p-zT4P9vUn.js.map}

@@ -1 +1 @@
-{"file":"p-OhUC7F_g.js","mappings":";;AAAA,MAAM,OAAO,GAAG,kCAAkC;;MCOrC,WAAW,GAAAA,kBAAA,CAAA,MAAA,WAAA,SAAAC,CAAA,CAAA;AALxB,IAAA,WAAA,GAAA;;;AAMU,QAAA,IAAK,CAAA,KAAA,GAAW,IAAI;AACpB,QAAA,IAAM,CAAA,MAAA,GAAW,IAAI;AAY9B;IAVC,MAAM,GAAA;QACJ,QACE,4DAAK,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,EAAA,EACzF,CACE,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAC,EAAC,unBAAunB,EACznB,IAAI,EAAC,cAAc,EAAA,CACnB,CACE;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/common/icons/icon.css?tag=warning-icon&encapsulation=scoped","src/common/icons/warning.tsx"],"sourcesContent":[":host {\n  display: flex;\n}\n","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'warning-icon',\n  styleUrl: 'icon.css',\n  scoped: true,\n})\nexport class WarningIcon {\n  @Prop() width: string = '16';\n  @Prop() height: string = '16';\n\n  render() {\n    return (\n      <svg width={this.width} height={this.height} fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path\n          d=\"M7.68551 1.35232L1.12678 13.2773C0.576954 14.277 1.3002 15.5002 2.4411 15.5002H15.5586C16.6995 15.5002 17.4227 14.277 16.8729 13.2773L10.3142 1.35232C9.74426 0.316153 8.2554 0.316157 7.68551 1.35232ZM8.99982 5.25016C9.41403 5.25016 9.74982 5.58595 9.74982 6.00016V10.0002C9.74982 10.4144 9.41403 10.7502 8.99982 10.7502C8.5856 10.7502 8.24982 10.4144 8.24982 10.0002V6.00016C8.24982 5.58595 8.5856 5.25016 8.99982 5.25016ZM9.74982 12.2502C9.74982 12.6644 9.41403 13.0002 8.99982 13.0002C8.5856 13.0002 8.24982 12.6644 8.24982 12.2502C8.24982 11.8359 8.5856 11.5002 8.99982 11.5002C9.41403 11.5002 9.74982 11.8359 9.74982 12.2502Z\"\n          fill=\"currentColor\"\n        />\n      </svg>\n    );\n  }\n}\n"],"version":3}
+{"file":"p-zT4P9vUn.js","mappings":";;AAAA,MAAM,OAAO,GAAG,kCAAkC;;MCOrC,WAAW,GAAAA,kBAAA,CAAA,MAAA,WAAA,SAAAC,CAAA,CAAA;AALxB,IAAA,WAAA,GAAA;;;AAMU,QAAA,IAAK,CAAA,KAAA,GAAW,IAAI;AACpB,QAAA,IAAM,CAAA,MAAA,GAAW,IAAI;AAY9B;IAVC,MAAM,GAAA;QACJ,QACE,4DAAK,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,EAAA,EACzF,CACE,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAC,EAAC,unBAAunB,EACznB,IAAI,EAAC,cAAc,EAAA,CACnB,CACE;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/common/icons/icon.css?tag=warning-icon&encapsulation=scoped","src/common/icons/warning.tsx"],"sourcesContent":[":host {\n  display: flex;\n}\n","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'warning-icon',\n  styleUrl: 'icon.css',\n  scoped: true,\n})\nexport class WarningIcon {\n  @Prop() width: string = '16';\n  @Prop() height: string = '16';\n\n  render() {\n    return (\n      <svg width={this.width} height={this.height} fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path\n          d=\"M7.68551 1.35232L1.12678 13.2773C0.576954 14.277 1.3002 15.5002 2.4411 15.5002H15.5586C16.6995 15.5002 17.4227 14.277 16.8729 13.2773L10.3142 1.35232C9.74426 0.316153 8.2554 0.316157 7.68551 1.35232ZM8.99982 5.25016C9.41403 5.25016 9.74982 5.58595 9.74982 6.00016V10.0002C9.74982 10.4144 9.41403 10.7502 8.99982 10.7502C8.5856 10.7502 8.24982 10.4144 8.24982 10.0002V6.00016C8.24982 5.58595 8.5856 5.25016 8.99982 5.25016ZM9.74982 12.2502C9.74982 12.6644 9.41403 13.0002 8.99982 13.0002C8.5856 13.0002 8.24982 12.6644 8.24982 12.2502C8.24982 11.8359 8.5856 11.5002 8.99982 11.5002C9.41403 11.5002 9.74982 11.8359 9.74982 12.2502Z\"\n          fill=\"currentColor\"\n        />\n      </svg>\n    );\n  }\n}\n"],"version":3}

package/dist/components/paintbrush-fill-icon.js

@@ -1,4 +1,4 @@
-import { P as PaintbrushFillIcon$1, d as defineCustomElement$1 } from './p-ByDfkWkX.js';
+import { P as PaintbrushFillIcon$1, d as defineCustomElement$1 } from './p-xXZAaFtS.js';
 
 const PaintbrushFillIcon = PaintbrushFillIcon$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/paintbrush-icon.js

@@ -1,4 +1,4 @@
-import { P as PaintbrushIcon$1, d as defineCustomElement$1 } from './p-BSfQxQEN.js';
+import { P as PaintbrushIcon$1, d as defineCustomElement$1 } from './p-DA5RYBjv.js';
 
 const PaintbrushIcon = PaintbrushIcon$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/people-icon.js

@@ -1,4 +1,4 @@
-import { P as PeopleIcon$1, d as defineCustomElement$1 } from './p-xMlGGw2N.js';
+import { P as PeopleIcon$1, d as defineCustomElement$1 } from './p-BuYNWtp6.js';
 
 const PeopleIcon = PeopleIcon$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/person-clipboard-icon.js

@@ -1,4 +1,4 @@
-import { P as PersonClipboardIcon$1, d as defineCustomElement$1 } from './p-DPwhlVlN.js';
+import { P as PersonClipboardIcon$1, d as defineCustomElement$1 } from './p-BTqJQKYU.js';
 
 const PersonClipboardIcon = PersonClipboardIcon$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/person-icon.js

@@ -1,4 +1,4 @@
-import { P as PersonIcon$1, d as defineCustomElement$1 } from './p-DEbbVkgj.js';
+import { P as PersonIcon$1, d as defineCustomElement$1 } from './p-C6ARzQ6M.js';
 
 const PersonIcon = PersonIcon$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/play-icon.js

@@ -10,7 +10,7 @@ const PlayIcon$1 = proxyCustomElement(class PlayIcon extends H {
         this.height = '15';
     }
     render() {
-        return (h("svg", { key: '93cc2bb552af4df81f405472ed3189a41d4f07e4', width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "auto", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'fe499e6ce2f2c3224a3695a69ea83af71d6f18aa', d: "M21 12L3 21V3L21 12Z", stroke: "auto", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })));
+        return (h("svg", { key: 'cc619b0ca927ecf9c374d2dfb61122181b64a456', width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "auto", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '8d9b45bcf9686c7ee3530f651694bb9815728de7', d: "M21 12L3 21V3L21 12Z", stroke: "auto", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })));
     }
     static get style() { return iconCss; }
 }, [258, "play-icon", {

package/dist/components/plus-icon.js

@@ -1,4 +1,4 @@
-import { P as PlusIcon$1, d as defineCustomElement$1 } from './p-jBYg7WMS.js';
+import { P as PlusIcon$1, d as defineCustomElement$1 } from './p-LgZAWXty.js';
 
 const PlusIcon = PlusIcon$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/radio-button-group.js

@@ -1,4 +1,4 @@
-import { R as RadioButtonGroup$1, d as defineCustomElement$1 } from './p-CyWE9dXK.js';
+import { R as RadioButtonGroup$1, d as defineCustomElement$1 } from './p-C_MBjjfN.js';
 
 const RadioButtonGroup = RadioButtonGroup$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/refresh-icon.js

@@ -10,7 +10,7 @@ const RefreshIcon$1 = proxyCustomElement(class RefreshIcon extends H {
         this.height = '15';
     }
     render() {
-        return (h("svg", { key: 'ef3a65d8c263401fa75f041e3ea42948287da287', fill: "auto", width: this.width, height: this.height, viewBox: "0 0 32 32", version: "1.1", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'ceacbf9e9dba4957b9f884232efe24d7de5a3c91', d: "M15.544 28.080c-0.002-0.006-0.008-0.010-0.012-0.015l-2.873-4.489c-0.204-0.335-0.646-0.454-0.992-0.266l-0.256 0.157c-0.344 0.188-0.337 0.673-0.133 1.008l1.841 2.857c-0.157-0.035-0.316-0.063-0.471-0.103-3.224-0.843-5.953-3.026-7.485-5.988-1.448-2.797-1.72-5.99-0.766-8.992s3.118-5.452 5.915-6.899c0.476-0.247 0.662-0.832 0.416-1.308-0.246-0.477-0.832-0.663-1.308-0.416-3.258 1.686-5.763 4.54-6.874 8.036s-0.794 7.215 0.892 10.473c1.786 3.448 4.963 5.989 8.72 6.973 0.043 0.011 0.087 0.017 0.13 0.028l-2.541 1.288c-0.344 0.189-0.458 0.613-0.254 0.948l0.098 0.256c0.205 0.335 0.557 0.454 0.9 0.266l4.651-2.381c0.006-0.004 0.012-0.003 0.018-0.007l0.312-0.171c0.172-0.095 0.287-0.249 0.332-0.422 0.047-0.172 0.025-0.364-0.076-0.531zM28.559 10.025c-1.783-3.447-4.862-5.988-8.618-6.972-0.267-0.070-0.541-0.124-0.814-0.179l2.494-1.265c0.344-0.189 0.549-0.614 0.345-0.949l-0.099-0.255c-0.205-0.336-0.648-0.454-0.991-0.267l-4.651 2.381c-0.006 0.003-0.012 0.002-0.018 0.006l-0.312 0.171c-0.173 0.095-0.287 0.249-0.332 0.422-0.047 0.172-0.025 0.364 0.077 0.53l0.185 0.304c0.003 0.006 0.008 0.010 0.012 0.016l2.873 4.489c0.203 0.335 0.646 0.454 0.991 0.266l0.226-0.157c0.344-0.188 0.366-0.673 0.163-1.008l-1.85-2.87c0.407 0.063 0.811 0.138 1.207 0.242 3.226 0.845 5.856 3.027 7.387 5.986 1.448 2.797 1.72 5.99 0.765 8.991s-3.020 5.451-5.818 6.901c-0.476 0.247-0.662 0.831-0.415 1.308 0.172 0.332 0.511 0.524 0.863 0.524 0.15 0 0.302-0.035 0.446-0.109 3.259-1.686 5.664-4.54 6.776-8.035 1.111-3.497 0.794-7.217-0.893-10.473z" })));
+        return (h("svg", { key: '2b6b1a308a52f07ca850d28b27de692de23229dc', fill: "auto", width: this.width, height: this.height, viewBox: "0 0 32 32", version: "1.1", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '83939d50cd09e9f74cf4315b55ef2d64687098aa', d: "M15.544 28.080c-0.002-0.006-0.008-0.010-0.012-0.015l-2.873-4.489c-0.204-0.335-0.646-0.454-0.992-0.266l-0.256 0.157c-0.344 0.188-0.337 0.673-0.133 1.008l1.841 2.857c-0.157-0.035-0.316-0.063-0.471-0.103-3.224-0.843-5.953-3.026-7.485-5.988-1.448-2.797-1.72-5.99-0.766-8.992s3.118-5.452 5.915-6.899c0.476-0.247 0.662-0.832 0.416-1.308-0.246-0.477-0.832-0.663-1.308-0.416-3.258 1.686-5.763 4.54-6.874 8.036s-0.794 7.215 0.892 10.473c1.786 3.448 4.963 5.989 8.72 6.973 0.043 0.011 0.087 0.017 0.13 0.028l-2.541 1.288c-0.344 0.189-0.458 0.613-0.254 0.948l0.098 0.256c0.205 0.335 0.557 0.454 0.9 0.266l4.651-2.381c0.006-0.004 0.012-0.003 0.018-0.007l0.312-0.171c0.172-0.095 0.287-0.249 0.332-0.422 0.047-0.172 0.025-0.364-0.076-0.531zM28.559 10.025c-1.783-3.447-4.862-5.988-8.618-6.972-0.267-0.070-0.541-0.124-0.814-0.179l2.494-1.265c0.344-0.189 0.549-0.614 0.345-0.949l-0.099-0.255c-0.205-0.336-0.648-0.454-0.991-0.267l-4.651 2.381c-0.006 0.003-0.012 0.002-0.018 0.006l-0.312 0.171c-0.173 0.095-0.287 0.249-0.332 0.422-0.047 0.172-0.025 0.364 0.077 0.53l0.185 0.304c0.003 0.006 0.008 0.010 0.012 0.016l2.873 4.489c0.203 0.335 0.646 0.454 0.991 0.266l0.226-0.157c0.344-0.188 0.366-0.673 0.163-1.008l-1.85-2.87c0.407 0.063 0.811 0.138 1.207 0.242 3.226 0.845 5.856 3.027 7.387 5.986 1.448 2.797 1.72 5.99 0.765 8.991s-3.020 5.451-5.818 6.901c-0.476 0.247-0.662 0.831-0.415 1.308 0.172 0.332 0.511 0.524 0.863 0.524 0.15 0 0.302-0.035 0.446-0.109 3.259-1.686 5.664-4.54 6.776-8.035 1.111-3.497 0.794-7.217-0.893-10.473z" })));
     }
     static get style() { return iconCss; }
 }, [258, "refresh-icon", {

package/dist/components/reply-all-icon.js

@@ -10,7 +10,7 @@ const ReplyAllIcon$1 = proxyCustomElement(class ReplyAllIcon extends H {
         this.height = '15';
     }
     render() {
-        return (h("svg", { key: '305b00d57e31331d7fed8a434885dcca36196334', fill: "auto", width: this.width, height: this.height, viewBox: "0 0 1920 1920", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'eae8cfe4ecfcadacd8a7d461177a4670cce902c3', d: "m1030.975 188 81.249 81.249-429.228 429.228h300.747c516.223 0 936.257 420.034 936.257 936.257v98.028h-114.92v-98.028c0-452.901-368.436-821.337-821.337-821.337H682.996l429.228 429.229-81.25 81.248-567.936-567.937L1030.975 188Zm-463.038.011 81.249 81.25-486.688 486.688 486.688 486.688-81.249 81.249L0 755.949 567.937 188.01Z", "fill-rule": "evenodd" })));
+        return (h("svg", { key: '07e18025d7a18348327b57532d028f7f455e45c2', fill: "auto", width: this.width, height: this.height, viewBox: "0 0 1920 1920", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'da4d575bf8ffe2b33d3f8c5b2582d2b94e4da5ed', d: "m1030.975 188 81.249 81.249-429.228 429.228h300.747c516.223 0 936.257 420.034 936.257 936.257v98.028h-114.92v-98.028c0-452.901-368.436-821.337-821.337-821.337H682.996l429.228 429.229-81.25 81.248-567.936-567.937L1030.975 188Zm-463.038.011 81.249 81.25-486.688 486.688 486.688 486.688-81.249 81.249L0 755.949 567.937 188.01Z", "fill-rule": "evenodd" })));
     }
     static get style() { return iconCss; }
 }, [258, "reply-all-icon", {

package/dist/components/reply-icon.js

@@ -10,7 +10,7 @@ const ReplyIcon$1 = proxyCustomElement(class ReplyIcon extends H {
         this.height = '15';
     }
     render() {
-        return (h("svg", { key: '37fb9469fe54e6c7a7cf278210c51b61af425c61', fill: "auto", width: this.width, height: this.height, viewBox: "0 0 1920 1920", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '7aff0bf2be364b64e52c1cb727cc6f9b0404f22f', d: "M835.942 632.563H244.966l478.08-478.08-90.496-90.496L-.026 696.563 632.55 1329.14l90.496-90.496-478.08-478.08h590.976c504.448 0 914.816 410.368 914.816 914.816v109.184h128V1675.38c0-574.976-467.84-1042.816-1042.816-1042.816", "fill-rule": "evenodd" })));
+        return (h("svg", { key: '4cb134752df721f8a9d703b8130ed41a0e6acbd9', fill: "auto", width: this.width, height: this.height, viewBox: "0 0 1920 1920", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'cde2f7475278c0064adcf486c374e2366e19b9a0', d: "M835.942 632.563H244.966l478.08-478.08-90.496-90.496L-.026 696.563 632.55 1329.14l90.496-90.496-478.08-478.08h590.976c504.448 0 914.816 410.368 914.816 914.816v109.184h128V1675.38c0-574.976-467.84-1042.816-1042.816-1042.816", "fill-rule": "evenodd" })));
     }
     static get style() { return iconCss; }
 }, [258, "reply-icon", {

package/dist/components/search-icon.js

@@ -1,4 +1,4 @@
-import { S as SearchIcon$1, d as defineCustomElement$1 } from './p-DBHtQK2b.js';
+import { S as SearchIcon$1, d as defineCustomElement$1 } from './p-BEvwJe37.js';
 
 const SearchIcon = SearchIcon$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/select-dropdown.js

@@ -1,4 +1,4 @@
-import { S as SelectDropdown$1, d as defineCustomElement$1 } from './p-wphqTozF.js';
+import { S as SelectDropdown$1, d as defineCustomElement$1 } from './p-DtEl3UXW.js';
 
 const SelectDropdown = SelectDropdown$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/sent-icon.js

@@ -10,7 +10,7 @@ const SentIcon$1 = proxyCustomElement(class SentIcon extends H {
         this.height = '15';
     }
     render() {
-        return (h("svg", { key: '9f63c19f3c5af16edc95a3d747e97933a3e9f84d', width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "auto", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '9731204683c7836b8e37721fc55d4ada313bafe1', d: "M21.5 12L3.5 3.5L3.5 20.5L21.5 12Z", stroke: "auto", "stroke-width": "1.5" }), h("path", { key: '8b47427cb6ea268a3387d6a5638ec680e0cb46ef', d: "M3.5 3.5L12 10.5", stroke: "auto", "stroke-width": "1.5" }), h("path", { key: '309973df5a0e3a162b87e163cc811f1084670971', d: "M3.5 20.5L12 13.5", stroke: "auto", "stroke-width": "1.5" })));
+        return (h("svg", { key: '234cb3e33a1bcd8dc4f3b36352f059ce05c22d06', width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "auto", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'dc925d03da83bfa6fa9f3b20598a6a1cb5d76812', d: "M21.5 12L3.5 3.5L3.5 20.5L21.5 12Z", stroke: "auto", "stroke-width": "1.5" }), h("path", { key: '896249bb54b707852daa2b1d99d09ba1a01d50f0', d: "M3.5 3.5L12 10.5", stroke: "auto", "stroke-width": "1.5" }), h("path", { key: '7f12849e05c7afebf1393a797dce241283589006', d: "M3.5 20.5L12 13.5", stroke: "auto", "stroke-width": "1.5" })));
     }
     static get style() { return iconCss; }
 }, [258, "sent-icon", {

package/dist/components/spam-icon.js

@@ -10,7 +10,7 @@ const SpamIcon$1 = proxyCustomElement(class SpamIcon extends H {
         this.height = '15';
     }
     render() {
-        return (h("svg", { key: '07f3ebf8705393bfdb44dc17f53431a38d52f119', width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "auto", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'a98b4e519bdf6be4bbc55cdf4867f16c97f001db', d: "M20 3H4C2.89543 3 2 3.89543 2 5V19C2 20.1046 2.89543 21 4 21H20C21.1046 21 22 20.1046 22 19V5C22 3.89543 21.1046 3 20 3Z", stroke: "auto", "stroke-width": "1.5" }), h("path", { key: 'b1957975b9f357ce0ca52183e84b80ebf8f1223e', d: "M2 5L12 12.5L22 5", stroke: "auto", "stroke-width": "1.5" })));
+        return (h("svg", { key: '393983c5409c817338be7378819cc67c2b909e8a', width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "auto", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'c97c96c9795df69194e4194ccaa473536760508e', d: "M20 3H4C2.89543 3 2 3.89543 2 5V19C2 20.1046 2.89543 21 4 21H20C21.1046 21 22 20.1046 22 19V5C22 3.89543 21.1046 3 20 3Z", stroke: "auto", "stroke-width": "1.5" }), h("path", { key: 'a137663f093d7e21f431ec3432dd9000793d661f', d: "M2 5L12 12.5L22 5", stroke: "auto", "stroke-width": "1.5" })));
     }
     static get style() { return iconCss; }
 }, [258, "spam-icon", {

package/dist/components/star-icon.js

@@ -10,7 +10,7 @@ const StarIcon$1 = proxyCustomElement(class StarIcon extends H {
         this.height = '15';
     }
     render() {
-        return (h("svg", { key: '8010c51355690730112d149a9ce580263721d663', width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "auto", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'dd00db4cf01733ad49bb6a234345bb63ea797e91', d: "M9.15316 5.40838C10.4198 3.13613 11.0531 2 12 2C12.9469 2 13.5802 3.13612 14.8468 5.40837L15.1745 5.99623C15.5345 6.64193 15.7144 6.96479 15.9951 7.17781C16.2757 7.39083 16.6251 7.4699 17.3241 7.62805L17.9605 7.77203C20.4201 8.32856 21.65 8.60682 21.9426 9.54773C22.2352 10.4886 21.3968 11.4691 19.7199 13.4299L19.2861 13.9372C18.8096 14.4944 18.5713 14.773 18.4641 15.1177C18.357 15.4624 18.393 15.8341 18.465 16.5776L18.5306 17.2544C18.7841 19.8706 18.9109 21.1787 18.1449 21.7602C17.3788 22.3417 16.2273 21.8115 13.9243 20.7512L13.3285 20.4768C12.6741 20.1755 12.3469 20.0248 12 20.0248C11.6531 20.0248 11.3259 20.1755 10.6715 20.4768L10.0757 20.7512C7.77268 21.8115 6.62118 22.3417 5.85515 21.7602C5.08912 21.1787 5.21588 19.8706 5.4694 17.2544L5.53498 16.5776C5.60703 15.8341 5.64305 15.4624 5.53586 15.1177C5.42868 14.773 5.19043 14.4944 4.71392 13.9372L4.2801 13.4299C2.60325 11.4691 1.76482 10.4886 2.05742 9.54773C2.35002 8.60682 3.57986 8.32856 6.03954 7.77203L6.67589 7.62805C7.37485 7.4699 7.72433 7.39083 8.00494 7.17781C8.28555 6.96479 8.46553 6.64194 8.82547 5.99623L9.15316 5.40838Z", stroke: "auto", "stroke-width": "1.5" })));
+        return (h("svg", { key: '4a0bfec2633c79da28509638c9278f107510ea31', width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "auto", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '20250d33db40a1d543ee20b5679fe42a7d9de5b5', d: "M9.15316 5.40838C10.4198 3.13613 11.0531 2 12 2C12.9469 2 13.5802 3.13612 14.8468 5.40837L15.1745 5.99623C15.5345 6.64193 15.7144 6.96479 15.9951 7.17781C16.2757 7.39083 16.6251 7.4699 17.3241 7.62805L17.9605 7.77203C20.4201 8.32856 21.65 8.60682 21.9426 9.54773C22.2352 10.4886 21.3968 11.4691 19.7199 13.4299L19.2861 13.9372C18.8096 14.4944 18.5713 14.773 18.4641 15.1177C18.357 15.4624 18.393 15.8341 18.465 16.5776L18.5306 17.2544C18.7841 19.8706 18.9109 21.1787 18.1449 21.7602C17.3788 22.3417 16.2273 21.8115 13.9243 20.7512L13.3285 20.4768C12.6741 20.1755 12.3469 20.0248 12 20.0248C11.6531 20.0248 11.3259 20.1755 10.6715 20.4768L10.0757 20.7512C7.77268 21.8115 6.62118 22.3417 5.85515 21.7602C5.08912 21.1787 5.21588 19.8706 5.4694 17.2544L5.53498 16.5776C5.60703 15.8341 5.64305 15.4624 5.53586 15.1177C5.42868 14.773 5.19043 14.4944 4.71392 13.9372L4.2801 13.4299C2.60325 11.4691 1.76482 10.4886 2.05742 9.54773C2.35002 8.60682 3.57986 8.32856 6.03954 7.77203L6.67589 7.62805C7.37485 7.4699 7.72433 7.39083 8.00494 7.17781C8.28555 6.96479 8.46553 6.64194 8.82547 5.99623L9.15316 5.40838Z", stroke: "auto", "stroke-width": "1.5" })));
     }
     static get style() { return iconCss; }
 }, [258, "star-icon", {

package/dist/components/stop-icon.js

@@ -10,7 +10,7 @@ const StopIcon$1 = proxyCustomElement(class StopIcon extends H {
         this.height = '15';
     }
     render() {
-        return (h("svg", { key: 'd3e4ee769c3cc25268a59abf44601bdad792d7ec', width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "auto", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '314bf2244bdb7b73fd605adb9a2ed82cb812b489', d: "M4 4H20V20H4V4Z", stroke: "auto", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })));
+        return (h("svg", { key: '33ef026e8f4aa24fd25211bde41154faad1fff93', width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "auto", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '49dfa386d0d24901b8a512e4b0db44eac73c2cc1', d: "M4 4H20V20H4V4Z", stroke: "auto", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })));
     }
     static get style() { return iconCss; }
 }, [258, "stop-icon", {

package/dist/components/textarea-component.js

@@ -1,4 +1,4 @@
-import { T as TextareaComponent$1, d as defineCustomElement$1 } from './p-CdPtFwy6.js';
+import { T as TextareaComponent$1, d as defineCustomElement$1 } from './p-BQ5o0vvR.js';
 
 const TextareaComponent = TextareaComponent$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/time-period-selector.js

@@ -1,4 +1,4 @@
-import { T as TimePeriodSelector$1, d as defineCustomElement$1 } from './p-BzLxndYA.js';
+import { T as TimePeriodSelector$1, d as defineCustomElement$1 } from './p-BMLPTwTQ.js';
 
 const TimePeriodSelector = TimePeriodSelector$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/toggle-switch.js

@@ -1,4 +1,4 @@
-import { T as ToggleSwitchComponent, d as defineCustomElement$1 } from './p-C4RTQIyO.js';
+import { T as ToggleSwitchComponent, d as defineCustomElement$1 } from './p-9KfwmETj.js';
 
 const ToggleSwitch = ToggleSwitchComponent;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/tooltip-component.js

@@ -1,4 +1,4 @@
-import { T as TooltipComponent$1, d as defineCustomElement$1 } from './p-DxDoo-4C.js';
+import { T as TooltipComponent$1, d as defineCustomElement$1 } from './p-C_a8Brku.js';
 
 const TooltipComponent = TooltipComponent$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/translate-icon.js

@@ -1,4 +1,4 @@
-import { G as GlobeIcon, d as defineCustomElement$1 } from './p-Dj1TLa3T.js';
+import { G as GlobeIcon, d as defineCustomElement$1 } from './p-VZFbCMYS.js';
 
 const TranslateIcon = GlobeIcon;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/trash-fill-icon.js

@@ -10,7 +10,7 @@ const TrashFillIcon$1 = proxyCustomElement(class TrashFillIcon extends H {
         this.height = '15';
     }
     render() {
-        return (h("svg", { key: 'f4b6bf0a4e86ceb196065f771242ac6e4487fc1a', width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "auto", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'dc1472db1426fca03c7709b167f4405f95e6f1f5', d: "M3 6H5H21", stroke: "auto", "stroke-width": "1.5" }), h("path", { key: '09f4731c1874955f7172f8423abea95632d89cd6', d: "M8 6V4C8 3.46957 8.21071 2.96086 8.58579 2.58579C8.96086 2.21071 9.46957 2 10 2H14C14.5304 2 15.0391 2.21071 15.4142 2.58579C15.7893 2.96086 16 3.46957 16 4V6M19 6V20C19 20.5304 18.7893 21.0391 18.4142 21.4142C18.0391 21.7893 17.5304 22 17 22H7C6.46957 22 5.96086 21.7893 5.58579 21.4142C5.21071 21.0391 5 20.5304 5 20V6H19Z", stroke: "auto", "stroke-width": "1.5" }), h("path", { key: '9a5326048ec96555dbbc4be234c773fa3fd663da', d: "M10 11V17", stroke: "auto", "stroke-width": "1.5" }), h("path", { key: 'fc50cf30fbef0f4ba33e16d6d9a5dd8bdec769d1', d: "M14 11V17", stroke: "auto", "stroke-width": "1.5" })));
+        return (h("svg", { key: '7364568098022fc43ef2660bf6c55c18f4984354', width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "auto", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'fd1489e8f9d8552bb263ffb245b0c5331d9e0ff7', d: "M3 6H5H21", stroke: "auto", "stroke-width": "1.5" }), h("path", { key: 'bc177f2968eb1e13a0aeee74f3ad1062fb50029f', d: "M8 6V4C8 3.46957 8.21071 2.96086 8.58579 2.58579C8.96086 2.21071 9.46957 2 10 2H14C14.5304 2 15.0391 2.21071 15.4142 2.58579C15.7893 2.96086 16 3.46957 16 4V6M19 6V20C19 20.5304 18.7893 21.0391 18.4142 21.4142C18.0391 21.7893 17.5304 22 17 22H7C6.46957 22 5.96086 21.7893 5.58579 21.4142C5.21071 21.0391 5 20.5304 5 20V6H19Z", stroke: "auto", "stroke-width": "1.5" }), h("path", { key: '9bbbc06eb4138a2cb9e7bee54cae0c0e9635c106', d: "M10 11V17", stroke: "auto", "stroke-width": "1.5" }), h("path", { key: '62ff992828ce136651fe24c90074b29fea6839d6', d: "M14 11V17", stroke: "auto", "stroke-width": "1.5" })));
     }
     static get style() { return iconCss; }
 }, [258, "trash-fill-icon", {

package/dist/components/trash-icon.js

@@ -1,4 +1,4 @@
-import { T as TrashIcon$1, d as defineCustomElement$1 } from './p-BrOgWk7y.js';
+import { T as TrashIcon$1, d as defineCustomElement$1 } from './p-BMv8LXnI.js';
 
 const TrashIcon = TrashIcon$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/underline-icon.js

@@ -10,7 +10,7 @@ const UnderlineIcon$1 = proxyCustomElement(class UnderlineIcon extends H {
         this.height = '15';
     }
     render() {
-        return (h("svg", { key: '4d71ec4fdf0fa2505394ec32a9595f576c90aba9', width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'a1a86fed569522894b6a305bc107cf7885f721e1', d: "M19 4V10C19 13.866 15.866 17 12 17C8.13401 17 5 13.866 5 10V4M8.5 4V10C8.5 13.2218 10.6766 15.9352 13.6395 16.7501M4 21H20M3 4L10.5 4M17 4L21 4", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })));
+        return (h("svg", { key: 'c98b9cc6128178614fd19536f75327c2d8f30fea', width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '1548d691451f610bcfe46c5397f0817354b0e735', d: "M19 4V10C19 13.866 15.866 17 12 17C8.13401 17 5 13.866 5 10V4M8.5 4V10C8.5 13.2218 10.6766 15.9352 13.6395 16.7501M4 21H20M3 4L10.5 4M17 4L21 4", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })));
     }
     static get style() { return iconCss; }
 }, [258, "underline-icon", {

package/dist/components/warning-icon.js

@@ -1,4 +1,4 @@
-import { W as WarningIcon$1, d as defineCustomElement$1 } from './p-OhUC7F_g.js';
+import { W as WarningIcon$1, d as defineCustomElement$1 } from './p-zT4P9vUn.js';
 
 const WarningIcon = WarningIcon$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/zoom-icon.js

@@ -1,4 +1,4 @@
-import { Z as ZoomIcon$1, d as defineCustomElement$1 } from './p-BNuHkEZZ.js';
+import { Z as ZoomIcon$1, d as defineCustomElement$1 } from './p-CsyulOVn.js';
 
 const ZoomIcon = ZoomIcon$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/esm/add-circle-icon_2.entry.js

@@ -9,7 +9,7 @@ const AddCircleIcon = class {
         this.height = '25';
     }
     render() {
-        return (h("svg", { key: 'ff593b9352c5f19d67abfcdff50947b41c925b0c', width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '58bab69ff247f61019927bd63f3d9eefab6fafd3', d: "M12 2.5c5.523 0 10 4.477 10 10s-4.477 10-10 10-10-4.477-10-10 4.477-10 10-10ZM12 4a8.5 8.5 0 1 0 0 17 8.5 8.5 0 0 0 0-17Zm0 3.5a.75.75 0 0 1 .75.75v3.5h3.5a.75.75 0 0 1 0 1.5h-3.5v3.5a.75.75 0 0 1-1.5 0v-3.5h-3.5a.75.75 0 0 1 0-1.5h3.5v-3.5A.75.75 0 0 1 12 7.5Z", fill: "currentColor" })));
+        return (h("svg", { key: '24852b2f9e3ce022429bfbdd17ae500e053c1119', width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '832cd96776ff0c6948f17d7d3cd22ba8571c0efc', d: "M12 2.5c5.523 0 10 4.477 10 10s-4.477 10-10 10-10-4.477-10-10 4.477-10 10-10ZM12 4a8.5 8.5 0 1 0 0 17 8.5 8.5 0 0 0 0-17Zm0 3.5a.75.75 0 0 1 .75.75v3.5h3.5a.75.75 0 0 1 0 1.5h-3.5v3.5a.75.75 0 0 1-1.5 0v-3.5h-3.5a.75.75 0 0 1 0-1.5h3.5v-3.5A.75.75 0 0 1 12 7.5Z", fill: "currentColor" })));
     }
 };
 AddCircleIcon.style = iconCss$1;
@@ -23,7 +23,7 @@ const CloseIcon = class {
         this.height = '16';
     }
     render() {
-        return (h("svg", { key: '5368bb6e54a8d00b2f9c5341f659456bc22ce6d7', width: "21", height: "21", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { key: '72b3b1397317660237d431c9369bdb0f056498d3', "clip-path": "url(#a)" }, h("path", { key: 'a0c33893d9e1add4ed7eba184fc1fe00d4357194', d: "M5.73 4.574a.75.75 0 1 0-1.061 1.06l4.419 4.42-4.42 4.42a.75.75 0 1 0 1.061 1.06l4.42-4.42 4.419 4.42a.75.75 0 0 0 1.06-1.06l-4.419-4.42 4.42-4.42a.75.75 0 1 0-1.061-1.06l-4.42 4.42-4.419-4.42Z", fill: "currentColor" })), h("defs", { key: 'c79c29a059d82c9dc5659d9f12b64cd01a1feddb' }, h("clipPath", { key: 'af603cbea959cda6bbc6d5cdd184121fae27d902', id: "a" }, h("path", { key: 'd687297726f1eb4a972b484c6535602809ac14ab', fill: "#fff", transform: "translate(.148 .054)", d: "M0 0h20v20H0z" })))));
+        return (h("svg", { key: 'f7c355d4ab2688ef1ee55f1bbcf41f04b5a15384', width: "21", height: "21", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { key: 'ecc05329afbbac453c39480cea36189836f89cc6', "clip-path": "url(#a)" }, h("path", { key: '131b7b0949ab244d8a54d8246c28c6c102f470e9', d: "M5.73 4.574a.75.75 0 1 0-1.061 1.06l4.419 4.42-4.42 4.42a.75.75 0 1 0 1.061 1.06l4.42-4.42 4.419 4.42a.75.75 0 0 0 1.06-1.06l-4.419-4.42 4.42-4.42a.75.75 0 1 0-1.061-1.06l-4.42 4.42-4.419-4.42Z", fill: "currentColor" })), h("defs", { key: '2e2dbf26090a2131d0c4e8dd64c4e6c2a0e12fde' }, h("clipPath", { key: '78367b3d8bf646a5a6f3eebb30503bc5920892e9', id: "a" }, h("path", { key: '0e8e3396a88a95ff8d0835f30802b59d5ed90eab', fill: "#fff", transform: "translate(.148 .054)", d: "M0 0h20v20H0z" })))));
     }
 };
 CloseIcon.style = iconCss;

package/dist/esm/archive-icon.entry.js

@@ -9,7 +9,7 @@ const ArchiveIcon = class {
         this.height = '15';
     }
     render() {
-        return (h("svg", { key: '9b72eb88095606ed4c1a6c480500b9b4bf772052', width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "auto", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'e6158cd1a2d187e4f550058da69a45516d51aad8', d: "M3 6H5H21", stroke: "auto", "stroke-width": "1.5" }), h("path", { key: 'ef3cb6475c7b0644167a899a2b191fff7abfbdbd', d: "M8 6V4C8 3.46957 8.21071 2.96086 8.58579 2.58579C8.96086 2.21071 9.46957 2 10 2H14C14.5304 2 15.0391 2.21071 15.4142 2.58579C15.7893 2.96086 16 3.46957 16 4V6M19 6V20C19 20.5304 18.7893 21.0391 18.4142 21.4142C18.0391 21.7893 17.5304 22 17 22H7C6.46957 22 5.96086 21.7893 5.58579 21.4142C5.21071 21.0391 5 20.5304 5 20V6H19Z", stroke: "auto", "stroke-width": "1.5" }), h("path", { key: '3cbdf1d2e45f266108c785caa66e5c17b517835b', d: "M10 11V17", stroke: "auto", "stroke-width": "1.5" }), h("path", { key: '39e13a2f03d63febf6e7c3e2bfc15d2907d73398', d: "M14 11V17", stroke: "auto", "stroke-width": "1.5" })));
+        return (h("svg", { key: 'f807d7557dc10ddec8d64d0165f0f2d33feddee9', width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "auto", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '953d25ccc76770a63cfce6e833892b86f025124a', d: "M3 6H5H21", stroke: "auto", "stroke-width": "1.5" }), h("path", { key: 'fc113103c992e3f6cc032645946a422948741d5f', d: "M8 6V4C8 3.46957 8.21071 2.96086 8.58579 2.58579C8.96086 2.21071 9.46957 2 10 2H14C14.5304 2 15.0391 2.21071 15.4142 2.58579C15.7893 2.96086 16 3.46957 16 4V6M19 6V20C19 20.5304 18.7893 21.0391 18.4142 21.4142C18.0391 21.7893 17.5304 22 17 22H7C6.46957 22 5.96086 21.7893 5.58579 21.4142C5.21071 21.0391 5 20.5304 5 20V6H19Z", stroke: "auto", "stroke-width": "1.5" }), h("path", { key: 'b0ffc912761cb17856a481c17c1b382a642ea135', d: "M10 11V17", stroke: "auto", "stroke-width": "1.5" }), h("path", { key: 'baa9c79f6f3a3570477b916b2ebe5c300c805a57', d: "M14 11V17", stroke: "auto", "stroke-width": "1.5" })));
     }
 };
 ArchiveIcon.style = iconCss;

package/dist/esm/arrow-icon.entry.js

@@ -9,7 +9,7 @@ const ArrowIcon = class {
         this.height = '15';
     }
     render() {
-        return (h("svg", { key: '376301779830aaa2b422ea2e98144d16da633f35', width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '1be1d349819cc2f70c0097262be84ce6b4b1639e', d: "M5 12H19M12 5L19 12L12 19", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })));
+        return (h("svg", { key: 'd5506a47452d3bb765db31c414ad33bb3140897d', width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'fd0e33fc2a61a92dbaee8807443d2e0b437241fe', d: "M5 12H19M12 5L19 12L12 19", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })));
     }
 };
 ArrowIcon.style = iconCss;

package/dist/esm/bold-icon.entry.js

@@ -9,7 +9,7 @@ const BoldIcon = class {
         this.height = '15';
     }
     render() {
-        return (h("svg", { key: '9f35550f56b32150cba1390076404e973a05c970', width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '1f6cbeb7126d0b226f9d6455a14b82262c09a8a5', d: "M6 4V20M9.5 4H15.5C17.7091 4 19.5 5.79086 19.5 8C19.5 10.2091 17.7091 12 15.5 12H9.5H16.5C18.7091 12 20.5 13.7909 20.5 16C20.5 18.2091 18.7091 20 16.5 20H9.5M9.5 4V20M9.5 4H4M9.5 20H4", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })));
+        return (h("svg", { key: 'c49a79fa5c5d8b828d4d21860d78914546e744c4', width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'bc3e5e7030252e1cb6ed28bf50e1c578a56b1b12', d: "M6 4V20M9.5 4H15.5C17.7091 4 19.5 5.79086 19.5 8C19.5 10.2091 17.7091 12 15.5 12H9.5H16.5C18.7091 12 20.5 13.7909 20.5 16C20.5 18.2091 18.7091 20 16.5 20H9.5M9.5 4V20M9.5 4H4M9.5 20H4", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })));
     }
 };
 BoldIcon.style = iconCss;

package/dist/esm/button-component_2.entry.js

@@ -13,7 +13,7 @@ const ButtonComponent = class {
     }
     render() {
         const className = `button-${this.variant}` + (this.disabled ? ' disabled' : '');
-        return (h("button", { key: '96ccf32b8d9df2950f00992ffaf98428ffaf7149', class: className, disabled: this.disabled, type: this.type, title: this.tooltip, onClick: this.clickHandler, onMouseOver: this.mouseOverHandler, onMouseOut: this.mouseOutHandler, onFocus: this.focusHandler, onBlur: this.blurHandler }, !!this.isLoading && h("loading-icon", { key: '899efdeeb0a2a0431a0cea6c4d1fe0f49ff4d6b4', slot: "icon" }), h("slot", { key: 'f8cb2e32f1692819d38c3f8144d1ba55ad7270b4' })));
+        return (h("button", { key: 'a6fa48fef8026f48c43fa91401b3dcab0f79b145', class: className, disabled: this.disabled, type: this.type, title: this.tooltip, onClick: this.clickHandler, onMouseOver: this.mouseOverHandler, onMouseOut: this.mouseOutHandler, onFocus: this.focusHandler, onBlur: this.blurHandler }, !!this.isLoading && h("loading-icon", { key: '25674b8e90302cf1c10ea14e7fcaf72a0ee43242', slot: "icon" }), h("slot", { key: 'a86f251bcee3f9678fca0c20403cbc679b1fc891' })));
     }
 };
 ButtonComponent.style = buttonComponentCss;
@@ -27,7 +27,7 @@ const LoadingIcon = class {
         this.height = '15';
     }
     render() {
-        return (h("div", { key: '1c7a8af5f257259549c05e4062a08e1f00f3b945', class: "wave" }, h("div", { key: '14747a40db8129a12e311fee841ec403789c4220', class: "dot" }), h("div", { key: '82015d617314b0de3ec2879cb301eecc210e6839', class: "dot" }), h("div", { key: '253906269debfba1a08256ce1a1d9bf98df8faa6', class: "dot" })));
+        return (h("div", { key: '273307c3f5664dad740f256d1edb17e156688749', class: "wave" }, h("div", { key: '449c44b3661e4000a6d33b455e910a501f03d875', class: "dot" }), h("div", { key: '7bc88532a793f06fd46d5e9f9d807a99fce48b63', class: "dot" }), h("div", { key: 'b11b70cfab8ee202c6a48b7eca2ced71016e35bc', class: "dot" })));
     }
 };
 LoadingIcon.style = loadingCss;