@synergy-design-system/components 1.22.0 → 1.23.1

package/dist/chunks/chunk.YMICCSK6.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/dialog/dialog.styles.ts"],
+  "sourcesContent": ["// ---------------------------------------------------------------------\n// \uD83D\uDD12 AUTOGENERATED BY VENDORISM\n// Removing this comment will prevent it from being managed by it.\n// ---------------------------------------------------------------------\n\n/* eslint-disable */\nimport { css } from 'lit';\n\nexport default css`\n\t/* stylelint-disable */\n  :host {\n    --width: 31rem;\n    --header-spacing: var(--syn-spacing-large);\n    --body-spacing: var(--syn-spacing-large);\n    --footer-spacing: var(--syn-spacing-large);\n\n    display: contents;\n  }\n\n  .dialog {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    z-index: var(--syn-z-index-dialog);\n  }\n\n  .dialog__panel {\n    display: flex;\n    flex-direction: column;\n    z-index: 2;\n    width: var(--width);\n    max-width: calc(100% - var(--syn-spacing-2x-large));\n    max-height: calc(100% - var(--syn-spacing-2x-large));\n    background-color: var(--syn-panel-background-color);\n    border-radius: var(--syn-border-radius-medium);\n    box-shadow: var(--syn-shadow-x-large);\n  }\n\n  .dialog__panel:focus {\n    outline: none;\n  }\n\n  /* Ensure there's enough vertical padding for phones that don't update vh when chrome appears (e.g. iPhone) */\n  @media screen and (max-width: 420px) {\n    .dialog__panel {\n      max-height: 80vh;\n    }\n  }\n\n  .dialog--open .dialog__panel {\n    display: flex;\n    opacity: 1;\n  }\n\n  .dialog__header {\n    flex: 0 0 auto;\n    display: flex;\n  }\n\n  .dialog__title {\n    flex: 1 1 auto;\n    font: inherit;\n    font-size: var(--syn-font-size-large);\n    line-height: var(--syn-line-height-dense);\n    padding: var(--header-spacing);\n    margin: 0;\n  }\n\n  .dialog__header-actions {\n    flex-shrink: 0;\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: end;\n    gap: var(--syn-spacing-2x-small);\n    padding: 0 var(--header-spacing);\n  }\n\n  .dialog__header-actions syn-icon-button,\n  .dialog__header-actions ::slotted(syn-icon-button) {\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n    font-size: var(--syn-font-size-medium);\n  }\n\n  .dialog__body {\n    flex: 1 1 auto;\n    display: block;\n    padding: var(--body-spacing);\n    overflow: auto;\n    -webkit-overflow-scrolling: touch;\n  }\n\n  .dialog__footer {\n    flex: 0 0 auto;\n    text-align: right;\n    padding: var(--footer-spacing);\n  }\n\n  .dialog__footer ::slotted(syn-button:not(:first-of-type)) {\n    margin-inline-start: var(--syn-spacing-x-small);\n  }\n\n  .dialog:not(.dialog--has-footer) .dialog__footer {\n    display: none;\n  }\n\n  .dialog__overlay {\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    background-color: var(--syn-overlay-background-color);\n  }\n\n  @media (forced-colors: active) {\n    .dialog__panel {\n      border: solid 1px var(--syn-color-neutral-0);\n    }\n  }\n`;\n"],
+  "mappings": ";AAMA,SAAS,WAAW;AAEpB,IAAO,wBAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
+  "names": []
+}

package/dist/components/alert/alert.component.js

@@ -1,25 +1,25 @@
 import {
   SynAlert
-} from "../../chunks/chunk.YRD4XV5H.js";
-import "../../chunks/chunk.6CKZ6DXB.js";
+} from "../../chunks/chunk.XOV2B5PS.js";
+import "../../chunks/chunk.OHFBZSOS.js";
 import "../../chunks/chunk.ZHH2AHOZ.js";
 import "../../chunks/chunk.LJQ7LEPV.js";
 import "../../chunks/chunk.UMKKOHXB.js";
 import "../../chunks/chunk.QAUTITK3.js";
 import "../../chunks/chunk.66WXVGAW.js";
-import "../../chunks/chunk.IAVZUZCD.js";
+import "../../chunks/chunk.H4QCIW5O.js";
+import "../../chunks/chunk.PJO6TM3T.js";
+import "../../chunks/chunk.2RF7KO5I.js";
 import "../../chunks/chunk.66MOXMDP.js";
 import "../../chunks/chunk.6C4JXZZN.js";
 import "../../chunks/chunk.VTKIDI7N.js";
-import "../../chunks/chunk.PJO6TM3T.js";
-import "../../chunks/chunk.2RF7KO5I.js";
 import "../../chunks/chunk.AVTU2BGE.js";
 import "../../chunks/chunk.C7624ITA.js";
 import "../../chunks/chunk.JRYXECAY.js";
 import "../../chunks/chunk.PS4UJFYT.js";
 import "../../chunks/chunk.GEHO4WRP.js";
 import "../../chunks/chunk.QY3GFWGZ.js";
-import "../../chunks/chunk.W3AKVJZS.js";
+import "../../chunks/chunk.C6S6REA2.js";
 import "../../chunks/chunk.QNDC5KWA.js";
 export {
   SynAlert as default

package/dist/components/alert/alert.js

@@ -1,26 +1,26 @@
 import {
   alert_default
-} from "../../chunks/chunk.5RX2EHTU.js";
-import "../../chunks/chunk.YRD4XV5H.js";
-import "../../chunks/chunk.6CKZ6DXB.js";
+} from "../../chunks/chunk.2RO7AYBG.js";
+import "../../chunks/chunk.XOV2B5PS.js";
+import "../../chunks/chunk.OHFBZSOS.js";
 import "../../chunks/chunk.ZHH2AHOZ.js";
 import "../../chunks/chunk.LJQ7LEPV.js";
 import "../../chunks/chunk.UMKKOHXB.js";
 import "../../chunks/chunk.QAUTITK3.js";
 import "../../chunks/chunk.66WXVGAW.js";
-import "../../chunks/chunk.IAVZUZCD.js";
+import "../../chunks/chunk.H4QCIW5O.js";
+import "../../chunks/chunk.PJO6TM3T.js";
+import "../../chunks/chunk.2RF7KO5I.js";
 import "../../chunks/chunk.66MOXMDP.js";
 import "../../chunks/chunk.6C4JXZZN.js";
 import "../../chunks/chunk.VTKIDI7N.js";
-import "../../chunks/chunk.PJO6TM3T.js";
-import "../../chunks/chunk.2RF7KO5I.js";
 import "../../chunks/chunk.AVTU2BGE.js";
 import "../../chunks/chunk.C7624ITA.js";
 import "../../chunks/chunk.JRYXECAY.js";
 import "../../chunks/chunk.PS4UJFYT.js";
 import "../../chunks/chunk.GEHO4WRP.js";
 import "../../chunks/chunk.QY3GFWGZ.js";
-import "../../chunks/chunk.W3AKVJZS.js";
+import "../../chunks/chunk.C6S6REA2.js";
 import "../../chunks/chunk.QNDC5KWA.js";
 export {
   alert_default as default

package/dist/components/badge/badge.component.js

@@ -1,10 +1,10 @@
 import {
   SynBadge
-} from "../../chunks/chunk.MUOLOUGJ.js";
+} from "../../chunks/chunk.JPKQBL6D.js";
 import "../../chunks/chunk.II4PANKR.js";
 import "../../chunks/chunk.GEHO4WRP.js";
 import "../../chunks/chunk.QY3GFWGZ.js";
-import "../../chunks/chunk.W3AKVJZS.js";
+import "../../chunks/chunk.C6S6REA2.js";
 import "../../chunks/chunk.WQJRBFZA.js";
 import "../../chunks/chunk.QNDC5KWA.js";
 export {

package/dist/components/badge/badge.js

@@ -1,11 +1,11 @@
 import {
   badge_default
-} from "../../chunks/chunk.AD6PNEAS.js";
-import "../../chunks/chunk.MUOLOUGJ.js";
+} from "../../chunks/chunk.IVTOOCED.js";
+import "../../chunks/chunk.JPKQBL6D.js";
 import "../../chunks/chunk.II4PANKR.js";
 import "../../chunks/chunk.GEHO4WRP.js";
 import "../../chunks/chunk.QY3GFWGZ.js";
-import "../../chunks/chunk.W3AKVJZS.js";
+import "../../chunks/chunk.C6S6REA2.js";
 import "../../chunks/chunk.WQJRBFZA.js";
 import "../../chunks/chunk.QNDC5KWA.js";
 export {

package/dist/components/button/button.component.js

@@ -1,24 +1,24 @@
 import {
   SynButton
-} from "../../chunks/chunk.JDG6T7O5.js";
-import "../../chunks/chunk.USAMRUVZ.js";
+} from "../../chunks/chunk.TWWDG2BW.js";
+import "../../chunks/chunk.7QVLBNZU.js";
 import "../../chunks/chunk.AWJ376R6.js";
 import "../../chunks/chunk.66DXY7BX.js";
 import "../../chunks/chunk.JUJZBRXD.js";
 import "../../chunks/chunk.K55MKNUR.js";
 import "../../chunks/chunk.Q4CRAGN3.js";
 import "../../chunks/chunk.66WXVGAW.js";
-import "../../chunks/chunk.IAVZUZCD.js";
+import "../../chunks/chunk.H4QCIW5O.js";
+import "../../chunks/chunk.PJO6TM3T.js";
+import "../../chunks/chunk.2RF7KO5I.js";
 import "../../chunks/chunk.66MOXMDP.js";
 import "../../chunks/chunk.6C4JXZZN.js";
 import "../../chunks/chunk.VTKIDI7N.js";
-import "../../chunks/chunk.PJO6TM3T.js";
-import "../../chunks/chunk.2RF7KO5I.js";
 import "../../chunks/chunk.AVTU2BGE.js";
 import "../../chunks/chunk.C7624ITA.js";
 import "../../chunks/chunk.GEHO4WRP.js";
 import "../../chunks/chunk.QY3GFWGZ.js";
-import "../../chunks/chunk.W3AKVJZS.js";
+import "../../chunks/chunk.C6S6REA2.js";
 import "../../chunks/chunk.QNDC5KWA.js";
 export {
   SynButton as default

package/dist/components/button/button.js

@@ -1,25 +1,25 @@
 import {
   button_default
-} from "../../chunks/chunk.TU7JCURI.js";
-import "../../chunks/chunk.JDG6T7O5.js";
-import "../../chunks/chunk.USAMRUVZ.js";
+} from "../../chunks/chunk.XIZJRNIG.js";
+import "../../chunks/chunk.TWWDG2BW.js";
+import "../../chunks/chunk.7QVLBNZU.js";
 import "../../chunks/chunk.AWJ376R6.js";
 import "../../chunks/chunk.66DXY7BX.js";
 import "../../chunks/chunk.JUJZBRXD.js";
 import "../../chunks/chunk.K55MKNUR.js";
 import "../../chunks/chunk.Q4CRAGN3.js";
 import "../../chunks/chunk.66WXVGAW.js";
-import "../../chunks/chunk.IAVZUZCD.js";
+import "../../chunks/chunk.H4QCIW5O.js";
+import "../../chunks/chunk.PJO6TM3T.js";
+import "../../chunks/chunk.2RF7KO5I.js";
 import "../../chunks/chunk.66MOXMDP.js";
 import "../../chunks/chunk.6C4JXZZN.js";
 import "../../chunks/chunk.VTKIDI7N.js";
-import "../../chunks/chunk.PJO6TM3T.js";
-import "../../chunks/chunk.2RF7KO5I.js";
 import "../../chunks/chunk.AVTU2BGE.js";
 import "../../chunks/chunk.C7624ITA.js";
 import "../../chunks/chunk.GEHO4WRP.js";
 import "../../chunks/chunk.QY3GFWGZ.js";
-import "../../chunks/chunk.W3AKVJZS.js";
+import "../../chunks/chunk.C6S6REA2.js";
 import "../../chunks/chunk.QNDC5KWA.js";
 export {
   button_default as default

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

@@ -1,8 +1,8 @@
 import {
   SynButtonGroup
-} from "../../chunks/chunk.MMWXEAUD.js";
+} from "../../chunks/chunk.DKER27DL.js";
 import "../../chunks/chunk.A7IIJ2LL.js";
-import "../../chunks/chunk.W3AKVJZS.js";
+import "../../chunks/chunk.C6S6REA2.js";
 import "../../chunks/chunk.QNDC5KWA.js";
 export {
   SynButtonGroup as default

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

@@ -1,9 +1,9 @@
 import {
   button_group_default
-} from "../../chunks/chunk.RUOP7EQ3.js";
-import "../../chunks/chunk.MMWXEAUD.js";
+} from "../../chunks/chunk.F6G5BFX2.js";
+import "../../chunks/chunk.DKER27DL.js";
 import "../../chunks/chunk.A7IIJ2LL.js";
-import "../../chunks/chunk.W3AKVJZS.js";
+import "../../chunks/chunk.C6S6REA2.js";
 import "../../chunks/chunk.QNDC5KWA.js";
 export {
   button_group_default as default

package/dist/components/checkbox/checkbox.component.js

@@ -1,21 +1,21 @@
 import {
   SynCheckbox
-} from "../../chunks/chunk.6SEZAKT6.js";
+} from "../../chunks/chunk.7ONKP73W.js";
 import "../../chunks/chunk.WFAJR3FN.js";
 import "../../chunks/chunk.TTL762VF.js";
-import "../../chunks/chunk.2XZKXVMR.js";
+import "../../chunks/chunk.IG3RCOB3.js";
 import "../../chunks/chunk.NIYKFSPR.js";
 import "../../chunks/chunk.JUJZBRXD.js";
 import "../../chunks/chunk.66WXVGAW.js";
-import "../../chunks/chunk.IAVZUZCD.js";
+import "../../chunks/chunk.H4QCIW5O.js";
+import "../../chunks/chunk.PJO6TM3T.js";
+import "../../chunks/chunk.2RF7KO5I.js";
 import "../../chunks/chunk.66MOXMDP.js";
 import "../../chunks/chunk.6C4JXZZN.js";
 import "../../chunks/chunk.VTKIDI7N.js";
-import "../../chunks/chunk.PJO6TM3T.js";
-import "../../chunks/chunk.2RF7KO5I.js";
 import "../../chunks/chunk.AVTU2BGE.js";
 import "../../chunks/chunk.C7624ITA.js";
-import "../../chunks/chunk.W3AKVJZS.js";
+import "../../chunks/chunk.C6S6REA2.js";
 import "../../chunks/chunk.QNDC5KWA.js";
 export {
   SynCheckbox as default

package/dist/components/checkbox/checkbox.custom.styles.js

@@ -1,6 +1,6 @@
 import {
   checkbox_custom_styles_default
-} from "../../chunks/chunk.2XZKXVMR.js";
+} from "../../chunks/chunk.IG3RCOB3.js";
 import "../../chunks/chunk.QNDC5KWA.js";
 export {
   checkbox_custom_styles_default as default

package/dist/components/checkbox/checkbox.js

@@ -1,22 +1,22 @@
 import {
   checkbox_default
-} from "../../chunks/chunk.ZS6PNXWP.js";
-import "../../chunks/chunk.6SEZAKT6.js";
+} from "../../chunks/chunk.RDZFETRP.js";
+import "../../chunks/chunk.7ONKP73W.js";
 import "../../chunks/chunk.WFAJR3FN.js";
 import "../../chunks/chunk.TTL762VF.js";
-import "../../chunks/chunk.2XZKXVMR.js";
+import "../../chunks/chunk.IG3RCOB3.js";
 import "../../chunks/chunk.NIYKFSPR.js";
 import "../../chunks/chunk.JUJZBRXD.js";
 import "../../chunks/chunk.66WXVGAW.js";
-import "../../chunks/chunk.IAVZUZCD.js";
+import "../../chunks/chunk.H4QCIW5O.js";
+import "../../chunks/chunk.PJO6TM3T.js";
+import "../../chunks/chunk.2RF7KO5I.js";
 import "../../chunks/chunk.66MOXMDP.js";
 import "../../chunks/chunk.6C4JXZZN.js";
 import "../../chunks/chunk.VTKIDI7N.js";
-import "../../chunks/chunk.PJO6TM3T.js";
-import "../../chunks/chunk.2RF7KO5I.js";
 import "../../chunks/chunk.AVTU2BGE.js";
 import "../../chunks/chunk.C7624ITA.js";
-import "../../chunks/chunk.W3AKVJZS.js";
+import "../../chunks/chunk.C6S6REA2.js";
 import "../../chunks/chunk.QNDC5KWA.js";
 export {
   checkbox_default as default

package/dist/components/dialog/dialog.component.d.ts

@@ -0,0 +1,95 @@
+import Modal from '../../internal/modal.js';
+import SynergyElement from '../../internal/synergy-element.js';
+import SynIconButton from '../icon-button/icon-button.component.js';
+import type { CSSResultGroup } from 'lit';
+/**
+ * @summary Dialogs, sometimes called "modals", appear above the page and require the user's immediate attention.
+ * @documentation https://synergy.style/components/dialog
+ * @status stable
+ * @since 2.0
+ *
+ * @dependency syn-icon-button
+ *
+ * @slot - The dialog's main content.
+ * @slot label - The dialog's label. Alternatively, you can use the `label` attribute.
+ * @slot header-actions - Optional actions to add to the header. Works best with `<syn-icon-button>`.
+ * @slot footer - The dialog's footer, usually one or more buttons representing various options.
+ *
+ * @event syn-show - Emitted when the dialog opens.
+ * @event syn-after-show - Emitted after the dialog opens and all animations are complete.
+ * @event syn-hide - Emitted when the dialog closes.
+ * @event syn-after-hide - Emitted after the dialog closes and all animations are complete.
+ * @event syn-initial-focus - Emitted when the dialog opens and is ready to receive focus. Calling
+ *   `event.preventDefault()` will prevent focusing and allow you to set it on a different element, such as an input.
+ * @event {{ source: 'close-button' | 'keyboard' | 'overlay' }} syn-request-close - Emitted when the user attempts to
+ *   close the dialog by clicking the close button, clicking the overlay, or pressing escape. Calling
+ *   `event.preventDefault()` will keep the dialog open. Avoid using this unless closing the dialog will result in
+ *   destructive behavior such as data loss.
+ *
+ * @csspart base - The component's base wrapper.
+ * @csspart overlay - The overlay that covers the screen behind the dialog.
+ * @csspart panel - The dialog's panel (where the dialog and its content are rendered).
+ * @csspart header - The dialog's header. This element wraps the title and header actions.
+ * @csspart header-actions - Optional actions to add to the header. Works best with `<syn-icon-button>`.
+ * @csspart title - The dialog's title.
+ * @csspart close-button - The close button, an `<syn-icon-button>`.
+ * @csspart close-button__base - The close button's exported `base` part.
+ * @csspart body - The dialog's body.
+ * @csspart footer - The dialog's footer.
+ *
+ * @cssproperty --width - The preferred width of the dialog. Note that the dialog will shrink to accommodate smaller screens.
+ * @cssproperty --header-spacing - The amount of padding to use for the header.
+ * @cssproperty --body-spacing - The amount of padding to use for the body.
+ * @cssproperty --footer-spacing - The amount of padding to use for the footer.
+ *
+ * @animation dialog.show - The animation to use when showing the dialog.
+ * @animation dialog.hide - The animation to use when hiding the dialog.
+ * @animation dialog.denyClose - The animation to use when a request to close the dialog is denied.
+ * @animation dialog.overlay.show - The animation to use when showing the dialog's overlay.
+ * @animation dialog.overlay.hide - The animation to use when hiding the dialog's overlay.
+ *
+ * @property modal - Exposes the internal modal utility that controls focus trapping. To temporarily disable focus
+ *   trapping and allow third-party modals spawned from an active Synergy modal, call `modal.activateExternal()` when
+ *   the third-party modal opens. Upon closing, call `modal.deactivateExternal()` to restore Synergy's focus trapping.
+ */
+export default class SynDialog extends SynergyElement {
+    static styles: CSSResultGroup;
+    static dependencies: {
+        'syn-icon-button': typeof SynIconButton;
+    };
+    private readonly hasSlotController;
+    private readonly localize;
+    private originalTrigger;
+    modal: Modal;
+    private closeWatcher;
+    dialog: HTMLElement;
+    panel: HTMLElement;
+    overlay: HTMLElement;
+    /**
+     * Indicates whether or not the dialog is open. You can toggle this attribute to show and hide the dialog, or you can
+     * use the `show()` and `hide()` methods and this attribute will reflect the dialog's open state.
+     */
+    open: boolean;
+    /**
+     * The dialog's label as displayed in the header. You should always include a relevant label even when using
+     * `no-header`, as it is required for proper accessibility. If you need to display HTML, use the `label` slot instead.
+     */
+    label: string;
+    /**
+     * Disables the header. This will also remove the default close button, so please ensure you provide an easy,
+     * accessible way for users to dismiss the dialog.
+     */
+    noHeader: boolean;
+    firstUpdated(): void;
+    disconnectedCallback(): void;
+    private requestClose;
+    private addOpenListeners;
+    private removeOpenListeners;
+    private handleDocumentKeyDown;
+    handleOpenChange(): Promise<void>;
+    /** Shows the dialog. */
+    show(): Promise<void>;
+    /** Hides the dialog */
+    hide(): Promise<void>;
+    render(): import("lit").TemplateResult<1>;
+}

package/dist/components/dialog/dialog.component.js

@@ -0,0 +1,30 @@
+import {
+  SynDialog
+} from "../../chunks/chunk.3NGHLZE6.js";
+import "../../chunks/chunk.ITXLZUTJ.js";
+import "../../chunks/chunk.RIJKFEYZ.js";
+import "../../chunks/chunk.2QOQY4ZG.js";
+import "../../chunks/chunk.IU3SSJZE.js";
+import "../../chunks/chunk.YMICCSK6.js";
+import "../../chunks/chunk.OHFBZSOS.js";
+import "../../chunks/chunk.ZHH2AHOZ.js";
+import "../../chunks/chunk.LJQ7LEPV.js";
+import "../../chunks/chunk.UMKKOHXB.js";
+import "../../chunks/chunk.QAUTITK3.js";
+import "../../chunks/chunk.66WXVGAW.js";
+import "../../chunks/chunk.H4QCIW5O.js";
+import "../../chunks/chunk.PJO6TM3T.js";
+import "../../chunks/chunk.2RF7KO5I.js";
+import "../../chunks/chunk.66MOXMDP.js";
+import "../../chunks/chunk.6C4JXZZN.js";
+import "../../chunks/chunk.VTKIDI7N.js";
+import "../../chunks/chunk.AVTU2BGE.js";
+import "../../chunks/chunk.C7624ITA.js";
+import "../../chunks/chunk.GEHO4WRP.js";
+import "../../chunks/chunk.QY3GFWGZ.js";
+import "../../chunks/chunk.C6S6REA2.js";
+import "../../chunks/chunk.QNDC5KWA.js";
+export {
+  SynDialog as default
+};
+//# sourceMappingURL=dialog.component.js.map

package/dist/components/dialog/dialog.component.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/components/dialog/dialog.custom.styles.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("lit").CSSResult;
+export default _default;

package/dist/components/dialog/dialog.custom.styles.js

@@ -0,0 +1,8 @@
+import {
+  dialog_custom_styles_default
+} from "../../chunks/chunk.IU3SSJZE.js";
+import "../../chunks/chunk.QNDC5KWA.js";
+export {
+  dialog_custom_styles_default as default
+};
+//# sourceMappingURL=dialog.custom.styles.js.map

package/dist/components/dialog/dialog.custom.styles.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/components/dialog/dialog.d.ts

@@ -0,0 +1,8 @@
+import SynDialog from './dialog.component.js';
+export * from './dialog.component.js';
+export default SynDialog;
+declare global {
+    interface HTMLElementTagNameMap {
+        'syn-dialog': SynDialog;
+    }
+}

package/dist/components/dialog/dialog.js

@@ -0,0 +1,31 @@
+import {
+  dialog_default
+} from "../../chunks/chunk.YIGXJM32.js";
+import "../../chunks/chunk.3NGHLZE6.js";
+import "../../chunks/chunk.ITXLZUTJ.js";
+import "../../chunks/chunk.RIJKFEYZ.js";
+import "../../chunks/chunk.2QOQY4ZG.js";
+import "../../chunks/chunk.IU3SSJZE.js";
+import "../../chunks/chunk.YMICCSK6.js";
+import "../../chunks/chunk.OHFBZSOS.js";
+import "../../chunks/chunk.ZHH2AHOZ.js";
+import "../../chunks/chunk.LJQ7LEPV.js";
+import "../../chunks/chunk.UMKKOHXB.js";
+import "../../chunks/chunk.QAUTITK3.js";
+import "../../chunks/chunk.66WXVGAW.js";
+import "../../chunks/chunk.H4QCIW5O.js";
+import "../../chunks/chunk.PJO6TM3T.js";
+import "../../chunks/chunk.2RF7KO5I.js";
+import "../../chunks/chunk.66MOXMDP.js";
+import "../../chunks/chunk.6C4JXZZN.js";
+import "../../chunks/chunk.VTKIDI7N.js";
+import "../../chunks/chunk.AVTU2BGE.js";
+import "../../chunks/chunk.C7624ITA.js";
+import "../../chunks/chunk.GEHO4WRP.js";
+import "../../chunks/chunk.QY3GFWGZ.js";
+import "../../chunks/chunk.C6S6REA2.js";
+import "../../chunks/chunk.QNDC5KWA.js";
+export {
+  dialog_default as default
+};
+//# sourceMappingURL=dialog.js.map

package/dist/components/dialog/dialog.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/components/dialog/dialog.styles.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("lit").CSSResult;
+export default _default;

package/dist/components/dialog/dialog.styles.js

@@ -0,0 +1,8 @@
+import {
+  dialog_styles_default
+} from "../../chunks/chunk.YMICCSK6.js";
+import "../../chunks/chunk.QNDC5KWA.js";
+export {
+  dialog_styles_default as default
+};
+//# sourceMappingURL=dialog.styles.js.map

package/dist/components/dialog/dialog.styles.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/components/divider/divider.component.js

@@ -1,10 +1,10 @@
 import {
   SynDivider
-} from "../../chunks/chunk.65XESUR4.js";
+} from "../../chunks/chunk.L2EO2HIH.js";
 import "../../chunks/chunk.FA6V2WD6.js";
 import "../../chunks/chunk.ACTJFDNK.js";
 import "../../chunks/chunk.AVTU2BGE.js";
-import "../../chunks/chunk.W3AKVJZS.js";
+import "../../chunks/chunk.C6S6REA2.js";
 import "../../chunks/chunk.QNDC5KWA.js";
 export {
   SynDivider as default

package/dist/components/divider/divider.js

@@ -1,11 +1,11 @@
 import {
   divider_default
-} from "../../chunks/chunk.RB53OKJP.js";
-import "../../chunks/chunk.65XESUR4.js";
+} from "../../chunks/chunk.J2HNKHUA.js";
+import "../../chunks/chunk.L2EO2HIH.js";
 import "../../chunks/chunk.FA6V2WD6.js";
 import "../../chunks/chunk.ACTJFDNK.js";
 import "../../chunks/chunk.AVTU2BGE.js";
-import "../../chunks/chunk.W3AKVJZS.js";
+import "../../chunks/chunk.C6S6REA2.js";
 import "../../chunks/chunk.QNDC5KWA.js";
 export {
   divider_default as default

package/dist/components/drawer/drawer.component.js

@@ -1,27 +1,28 @@
 import {
   SynDrawer
-} from "../../chunks/chunk.SV4C44N2.js";
-import "../../chunks/chunk.RIJKFEYZ.js";
-import "../../chunks/chunk.KZMWNTUS.js";
+} from "../../chunks/chunk.5AIVWVVB.js";
+import "../../chunks/chunk.I4FIU7FA.js";
 import "../../chunks/chunk.PHSJD47V.js";
+import "../../chunks/chunk.ITXLZUTJ.js";
+import "../../chunks/chunk.RIJKFEYZ.js";
 import "../../chunks/chunk.2QOQY4ZG.js";
-import "../../chunks/chunk.6CKZ6DXB.js";
+import "../../chunks/chunk.OHFBZSOS.js";
 import "../../chunks/chunk.ZHH2AHOZ.js";
 import "../../chunks/chunk.LJQ7LEPV.js";
 import "../../chunks/chunk.UMKKOHXB.js";
 import "../../chunks/chunk.QAUTITK3.js";
 import "../../chunks/chunk.66WXVGAW.js";
-import "../../chunks/chunk.IAVZUZCD.js";
+import "../../chunks/chunk.H4QCIW5O.js";
+import "../../chunks/chunk.PJO6TM3T.js";
+import "../../chunks/chunk.2RF7KO5I.js";
 import "../../chunks/chunk.66MOXMDP.js";
 import "../../chunks/chunk.6C4JXZZN.js";
 import "../../chunks/chunk.VTKIDI7N.js";
-import "../../chunks/chunk.PJO6TM3T.js";
-import "../../chunks/chunk.2RF7KO5I.js";
 import "../../chunks/chunk.AVTU2BGE.js";
 import "../../chunks/chunk.C7624ITA.js";
 import "../../chunks/chunk.GEHO4WRP.js";
 import "../../chunks/chunk.QY3GFWGZ.js";
-import "../../chunks/chunk.W3AKVJZS.js";
+import "../../chunks/chunk.C6S6REA2.js";
 import "../../chunks/chunk.QNDC5KWA.js";
 export {
   SynDrawer as default

package/dist/components/drawer/drawer.custom.styles.js

@@ -1,6 +1,6 @@
 import {
   drawer_custom_styles_default
-} from "../../chunks/chunk.KZMWNTUS.js";
+} from "../../chunks/chunk.I4FIU7FA.js";
 import "../../chunks/chunk.QNDC5KWA.js";
 export {
   drawer_custom_styles_default as default

package/dist/components/drawer/drawer.js

@@ -1,28 +1,29 @@
 import {
   drawer_default
-} from "../../chunks/chunk.V3VCKE3S.js";
-import "../../chunks/chunk.SV4C44N2.js";
-import "../../chunks/chunk.RIJKFEYZ.js";
-import "../../chunks/chunk.KZMWNTUS.js";
+} from "../../chunks/chunk.MTRBISJN.js";
+import "../../chunks/chunk.5AIVWVVB.js";
+import "../../chunks/chunk.I4FIU7FA.js";
 import "../../chunks/chunk.PHSJD47V.js";
+import "../../chunks/chunk.ITXLZUTJ.js";
+import "../../chunks/chunk.RIJKFEYZ.js";
 import "../../chunks/chunk.2QOQY4ZG.js";
-import "../../chunks/chunk.6CKZ6DXB.js";
+import "../../chunks/chunk.OHFBZSOS.js";
 import "../../chunks/chunk.ZHH2AHOZ.js";
 import "../../chunks/chunk.LJQ7LEPV.js";
 import "../../chunks/chunk.UMKKOHXB.js";
 import "../../chunks/chunk.QAUTITK3.js";
 import "../../chunks/chunk.66WXVGAW.js";
-import "../../chunks/chunk.IAVZUZCD.js";
+import "../../chunks/chunk.H4QCIW5O.js";
+import "../../chunks/chunk.PJO6TM3T.js";
+import "../../chunks/chunk.2RF7KO5I.js";
 import "../../chunks/chunk.66MOXMDP.js";
 import "../../chunks/chunk.6C4JXZZN.js";
 import "../../chunks/chunk.VTKIDI7N.js";
-import "../../chunks/chunk.PJO6TM3T.js";
-import "../../chunks/chunk.2RF7KO5I.js";
 import "../../chunks/chunk.AVTU2BGE.js";
 import "../../chunks/chunk.C7624ITA.js";
 import "../../chunks/chunk.GEHO4WRP.js";
 import "../../chunks/chunk.QY3GFWGZ.js";
-import "../../chunks/chunk.W3AKVJZS.js";
+import "../../chunks/chunk.C6S6REA2.js";
 import "../../chunks/chunk.QNDC5KWA.js";
 export {
   drawer_default as default