@synergy-design-system/components 1.22.0 → 1.23.1

package/dist/chunks/{chunk.V3VCKE3S.js → chunk.MTRBISJN.js}

@@ -1,6 +1,6 @@
 import {
   SynDrawer
-} from "./chunk.SV4C44N2.js";
+} from "./chunk.5AIVWVVB.js";
 
 // src/components/drawer/drawer.ts
 var drawer_default = SynDrawer;
@@ -9,4 +9,4 @@ SynDrawer.define("syn-drawer");
 export {
   drawer_default
 };
-//# sourceMappingURL=chunk.V3VCKE3S.js.map
+//# sourceMappingURL=chunk.MTRBISJN.js.map

package/dist/chunks/{chunk.BVTKQLIH.js → chunk.MUYFBW6P.js}

@@ -1,18 +1,15 @@
 import {
   SynTag
-} from "./chunk.6XCVG5NN.js";
+} from "./chunk.RLDU67KN.js";
 import {
   select_custom_styles_default
 } from "./chunk.OWMT6OL2.js";
 import {
   select_styles_default
 } from "./chunk.QNQNR3RY.js";
-import {
-  scrollIntoView
-} from "./chunk.RIJKFEYZ.js";
 import {
   SynPopup
-} from "./chunk.6T5ZLDVO.js";
+} from "./chunk.RMAP6V7M.js";
 import {
   defaultValue
 } from "./chunk.WFAJR3FN.js";
@@ -20,6 +17,9 @@ import {
   form_control_custom_styles_default,
   form_control_styles_default
 } from "./chunk.TTL762VF.js";
+import {
+  scrollIntoView
+} from "./chunk.RIJKFEYZ.js";
 import {
   FormControlController
 } from "./chunk.JUJZBRXD.js";
@@ -37,7 +37,7 @@ import {
 } from "./chunk.66WXVGAW.js";
 import {
   SynIcon
-} from "./chunk.IAVZUZCD.js";
+} from "./chunk.H4QCIW5O.js";
 import {
   watch
 } from "./chunk.AVTU2BGE.js";
@@ -47,7 +47,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.W3AKVJZS.js";
+} from "./chunk.C6S6REA2.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -764,4 +764,4 @@ setDefaultAnimation("select.hide", {
 export {
   SynSelect
 };
-//# sourceMappingURL=chunk.BVTKQLIH.js.map
+//# sourceMappingURL=chunk.MUYFBW6P.js.map

package/dist/chunks/{chunk.AFIABGBZ.js → chunk.N2XFN5OP.js}

@@ -1,6 +1,6 @@
 import {
   SynMenuLabel
-} from "./chunk.34B3X4BC.js";
+} from "./chunk.7ONQYFRM.js";
 
 // src/components/menu-label/menu-label.ts
 var menu_label_default = SynMenuLabel;
@@ -9,4 +9,4 @@ SynMenuLabel.define("syn-menu-label");
 export {
   menu_label_default
 };
-//# sourceMappingURL=chunk.AFIABGBZ.js.map
+//# sourceMappingURL=chunk.N2XFN5OP.js.map

package/dist/chunks/{chunk.6CKZ6DXB.js → chunk.OHFBZSOS.js}

@@ -6,11 +6,11 @@ import {
 } from "./chunk.LJQ7LEPV.js";
 import {
   SynIcon
-} from "./chunk.IAVZUZCD.js";
+} from "./chunk.H4QCIW5O.js";
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.W3AKVJZS.js";
+} from "./chunk.C6S6REA2.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -138,4 +138,4 @@ __decorateClass([
 export {
   SynIconButton
 };
-//# sourceMappingURL=chunk.6CKZ6DXB.js.map
+//# sourceMappingURL=chunk.OHFBZSOS.js.map

package/dist/chunks/{chunk.WFEAPO2Z.js → chunk.OOFT7HKQ.js}

@@ -1,6 +1,6 @@
 import {
   SynTextarea
-} from "./chunk.2SD2EQGI.js";
+} from "./chunk.HLAIHK3F.js";
 
 // src/components/textarea/textarea.ts
 var textarea_default = SynTextarea;
@@ -9,4 +9,4 @@ SynTextarea.define("syn-textarea");
 export {
   textarea_default
 };
-//# sourceMappingURL=chunk.WFEAPO2Z.js.map
+//# sourceMappingURL=chunk.OOFT7HKQ.js.map

package/dist/chunks/{chunk.O6P2C7TM.js → chunk.OT463KIT.js}

@@ -1,26 +1,26 @@
+import {
+  prio_nav_styles_default
+} from "./chunk.74N5WLM5.js";
 import {
   filterOnlyNavItems,
   getAssignedElementsForSlot
 } from "./chunk.XNP4OTUB.js";
-import {
-  prio_nav_styles_default
-} from "./chunk.74N5WLM5.js";
 import {
   SynNavItem
-} from "./chunk.HSGDEWPR.js";
+} from "./chunk.5Z6CUXIU.js";
 import {
   SynMenu
-} from "./chunk.PSKG77JT.js";
+} from "./chunk.KPGFBZ5C.js";
 import {
   SynDropdown
-} from "./chunk.CFRF4L43.js";
+} from "./chunk.RBXGUBZ6.js";
 import {
   SynIcon
-} from "./chunk.IAVZUZCD.js";
+} from "./chunk.H4QCIW5O.js";
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.W3AKVJZS.js";
+} from "./chunk.C6S6REA2.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -205,4 +205,4 @@ __decorateClass([
 export {
   SynPrioNav
 };
-//# sourceMappingURL=chunk.O6P2C7TM.js.map
+//# sourceMappingURL=chunk.OT463KIT.js.map

package/dist/chunks/{chunk.BDXKKIGY.js → chunk.R4K74B2J.js}

@@ -1,6 +1,6 @@
 import {
   SynSwitch
-} from "./chunk.XQIMTGR7.js";
+} from "./chunk.3TJ2BCES.js";
 
 // src/components/switch/switch.ts
 var switch_default = SynSwitch;
@@ -9,4 +9,4 @@ SynSwitch.define("syn-switch");
 export {
   switch_default
 };
-//# sourceMappingURL=chunk.BDXKKIGY.js.map
+//# sourceMappingURL=chunk.R4K74B2J.js.map

package/dist/chunks/{chunk.CYRZCQZW.js → chunk.RBPB2J5Y.js}

@@ -1,6 +1,6 @@
 import {
   SynInput
-} from "./chunk.YCTQAHOK.js";
+} from "./chunk.XJAJIFEL.js";
 
 // src/components/input/input.ts
 var input_default = SynInput;
@@ -9,4 +9,4 @@ SynInput.define("syn-input");
 export {
   input_default
 };
-//# sourceMappingURL=chunk.CYRZCQZW.js.map
+//# sourceMappingURL=chunk.RBPB2J5Y.js.map

package/dist/chunks/{chunk.QM7VXUFB.js → chunk.RBPQKC2F.js}

@@ -1,6 +1,6 @@
 import {
   SynDropdown
-} from "./chunk.CFRF4L43.js";
+} from "./chunk.RBXGUBZ6.js";
 
 // src/components/dropdown/dropdown.ts
 var dropdown_default = SynDropdown;
@@ -9,4 +9,4 @@ SynDropdown.define("syn-dropdown");
 export {
   dropdown_default
 };
-//# sourceMappingURL=chunk.QM7VXUFB.js.map
+//# sourceMappingURL=chunk.RBPQKC2F.js.map

package/dist/chunks/{chunk.CFRF4L43.js → chunk.RBXGUBZ6.js}

@@ -1,15 +1,15 @@
 import {
   SynPopup
-} from "./chunk.6T5ZLDVO.js";
-import {
-  getTabbableBoundary
-} from "./chunk.2QOQY4ZG.js";
+} from "./chunk.RMAP6V7M.js";
 import {
   dropdown_custom_styles_default
 } from "./chunk.2KYFCKCK.js";
 import {
   dropdown_styles_default
 } from "./chunk.SLCYXMHB.js";
+import {
+  getTabbableBoundary
+} from "./chunk.2QOQY4ZG.js";
 import {
   animateTo,
   stopAnimations,
@@ -28,7 +28,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.W3AKVJZS.js";
+} from "./chunk.C6S6REA2.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -368,4 +368,4 @@ setDefaultAnimation("dropdown.hide", {
 export {
   SynDropdown
 };
-//# sourceMappingURL=chunk.CFRF4L43.js.map
+//# sourceMappingURL=chunk.RBXGUBZ6.js.map

package/dist/chunks/{chunk.KDLLV322.js → chunk.RCAY5SPF.js}

@@ -1,6 +1,6 @@
 import {
   SynSpinner
-} from "./chunk.USAMRUVZ.js";
+} from "./chunk.7QVLBNZU.js";
 
 // src/components/spinner/spinner.ts
 var spinner_default = SynSpinner;
@@ -9,4 +9,4 @@ SynSpinner.define("syn-spinner");
 export {
   spinner_default
 };
-//# sourceMappingURL=chunk.KDLLV322.js.map
+//# sourceMappingURL=chunk.RCAY5SPF.js.map

package/dist/chunks/{chunk.ZS6PNXWP.js → chunk.RDZFETRP.js}

@@ -1,6 +1,6 @@
 import {
   SynCheckbox
-} from "./chunk.6SEZAKT6.js";
+} from "./chunk.7ONKP73W.js";
 
 // src/components/checkbox/checkbox.ts
 var checkbox_default = SynCheckbox;
@@ -9,4 +9,4 @@ SynCheckbox.define("syn-checkbox");
 export {
   checkbox_default
 };
-//# sourceMappingURL=chunk.ZS6PNXWP.js.map
+//# sourceMappingURL=chunk.RDZFETRP.js.map

package/dist/chunks/{chunk.6XCVG5NN.js → chunk.RLDU67KN.js}

@@ -6,14 +6,14 @@ import {
 } from "./chunk.BGHK4NQA.js";
 import {
   SynIconButton
-} from "./chunk.6CKZ6DXB.js";
+} from "./chunk.OHFBZSOS.js";
 import {
   LocalizeController
 } from "./chunk.GEHO4WRP.js";
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.W3AKVJZS.js";
+} from "./chunk.C6S6REA2.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -76,4 +76,4 @@ __decorateClass([
 export {
   SynTag
 };
-//# sourceMappingURL=chunk.6XCVG5NN.js.map
+//# sourceMappingURL=chunk.RLDU67KN.js.map

package/dist/chunks/{chunk.6T5ZLDVO.js → chunk.RMAP6V7M.js}

@@ -4,7 +4,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.W3AKVJZS.js";
+} from "./chunk.C6S6REA2.js";
 import {
   __decorateClass,
   __spreadProps,
@@ -409,4 +409,4 @@ __decorateClass([
 export {
   SynPopup
 };
-//# sourceMappingURL=chunk.6T5ZLDVO.js.map
+//# sourceMappingURL=chunk.RMAP6V7M.js.map

package/dist/chunks/{chunk.2OABF2SJ.js → chunk.RUDKKOVW.js}

@@ -9,17 +9,17 @@ import {
 } from "./chunk.JDBDBGQP.js";
 import {
   SynPopup
-} from "./chunk.6T5ZLDVO.js";
+} from "./chunk.RMAP6V7M.js";
 import {
   SynSpinner
-} from "./chunk.USAMRUVZ.js";
+} from "./chunk.7QVLBNZU.js";
 import {
   HasSlotController,
   getTextContent
 } from "./chunk.66WXVGAW.js";
 import {
   SynIcon
-} from "./chunk.IAVZUZCD.js";
+} from "./chunk.H4QCIW5O.js";
 import {
   watch
 } from "./chunk.AVTU2BGE.js";
@@ -29,7 +29,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.W3AKVJZS.js";
+} from "./chunk.C6S6REA2.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -191,4 +191,4 @@ __decorateClass([
 export {
   SynMenuItem
 };
-//# sourceMappingURL=chunk.2OABF2SJ.js.map
+//# sourceMappingURL=chunk.RUDKKOVW.js.map

package/dist/chunks/{chunk.KJSP6UU7.js → chunk.RWAAXJCL.js}

@@ -1,6 +1,6 @@
 import {
   SynMenu
-} from "./chunk.PSKG77JT.js";
+} from "./chunk.KPGFBZ5C.js";
 
 // src/components/menu/menu.ts
 var menu_default = SynMenu;
@@ -9,4 +9,4 @@ SynMenu.define("syn-menu");
 export {
   menu_default
 };
-//# sourceMappingURL=chunk.KJSP6UU7.js.map
+//# sourceMappingURL=chunk.RWAAXJCL.js.map

package/dist/chunks/{chunk.IIUHOC6Y.js → chunk.SYFWW347.js}

@@ -1,6 +1,6 @@
 import {
   SynIconButton
-} from "./chunk.6CKZ6DXB.js";
+} from "./chunk.OHFBZSOS.js";
 
 // src/components/icon-button/icon-button.ts
 var icon_button_default = SynIconButton;
@@ -9,4 +9,4 @@ SynIconButton.define("syn-icon-button");
 export {
   icon_button_default
 };
-//# sourceMappingURL=chunk.IIUHOC6Y.js.map
+//# sourceMappingURL=chunk.SYFWW347.js.map

package/dist/chunks/{chunk.JDG6T7O5.js → chunk.TWWDG2BW.js}

@@ -1,6 +1,6 @@
 import {
   SynSpinner
-} from "./chunk.USAMRUVZ.js";
+} from "./chunk.7QVLBNZU.js";
 import {
   FormControlController,
   validValidityState
@@ -16,7 +16,7 @@ import {
 } from "./chunk.66WXVGAW.js";
 import {
   SynIcon
-} from "./chunk.IAVZUZCD.js";
+} from "./chunk.H4QCIW5O.js";
 import {
   watch
 } from "./chunk.AVTU2BGE.js";
@@ -26,7 +26,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.W3AKVJZS.js";
+} from "./chunk.C6S6REA2.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -273,4 +273,4 @@ __decorateClass([
 export {
   SynButton
 };
-//# sourceMappingURL=chunk.JDG6T7O5.js.map
+//# sourceMappingURL=chunk.TWWDG2BW.js.map

package/dist/chunks/{chunk.R5B6AH26.js → chunk.VIB3IN4H.js}

@@ -1,6 +1,6 @@
 import {
   SynOptgroup
-} from "./chunk.ICZ4XHFM.js";
+} from "./chunk.JRMD2CBG.js";
 
 // src/components/optgroup/optgroup.ts
 var optgroup_default = SynOptgroup;
@@ -9,4 +9,4 @@ SynOptgroup.define("syn-optgroup");
 export {
   optgroup_default
 };
-//# sourceMappingURL=chunk.R5B6AH26.js.map
+//# sourceMappingURL=chunk.VIB3IN4H.js.map

package/dist/chunks/{chunk.LJDKT3WV.js → chunk.XDLPOQOB.js}

@@ -1,6 +1,6 @@
 import {
   SynIcon
-} from "./chunk.IAVZUZCD.js";
+} from "./chunk.H4QCIW5O.js";
 
 // src/components/icon/icon.ts
 var icon_default = SynIcon;
@@ -9,4 +9,4 @@ SynIcon.define("syn-icon");
 export {
   icon_default
 };
-//# sourceMappingURL=chunk.LJDKT3WV.js.map
+//# sourceMappingURL=chunk.XDLPOQOB.js.map

package/dist/chunks/{chunk.TU7JCURI.js → chunk.XIZJRNIG.js}

@@ -1,6 +1,6 @@
 import {
   SynButton
-} from "./chunk.JDG6T7O5.js";
+} from "./chunk.TWWDG2BW.js";
 
 // src/components/button/button.ts
 var button_default = SynButton;
@@ -9,4 +9,4 @@ SynButton.define("syn-button");
 export {
   button_default
 };
-//# sourceMappingURL=chunk.TU7JCURI.js.map
+//# sourceMappingURL=chunk.XIZJRNIG.js.map

package/dist/chunks/{chunk.YCTQAHOK.js → chunk.XJAJIFEL.js}

@@ -4,6 +4,9 @@ import {
 import {
   input_styles_default
 } from "./chunk.AW2HNLNP.js";
+import {
+  SynDivider
+} from "./chunk.L2EO2HIH.js";
 import {
   defaultValue
 } from "./chunk.WFAJR3FN.js";
@@ -11,9 +14,6 @@ import {
   form_control_custom_styles_default,
   form_control_styles_default
 } from "./chunk.TTL762VF.js";
-import {
-  SynDivider
-} from "./chunk.65XESUR4.js";
 import {
   FormControlController
 } from "./chunk.JUJZBRXD.js";
@@ -22,7 +22,7 @@ import {
 } from "./chunk.66WXVGAW.js";
 import {
   SynIcon
-} from "./chunk.IAVZUZCD.js";
+} from "./chunk.H4QCIW5O.js";
 import {
   watch
 } from "./chunk.AVTU2BGE.js";
@@ -32,7 +32,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.W3AKVJZS.js";
+} from "./chunk.C6S6REA2.js";
 import {
   __decorateClass,
   __spreadValues
@@ -642,4 +642,4 @@ __decorateClass([
 export {
   SynInput
 };
-//# sourceMappingURL=chunk.YCTQAHOK.js.map
+//# sourceMappingURL=chunk.XJAJIFEL.js.map

package/dist/chunks/{chunk.YRD4XV5H.js → chunk.XOV2B5PS.js}

@@ -1,6 +1,6 @@
 import {
   SynIconButton
-} from "./chunk.6CKZ6DXB.js";
+} from "./chunk.OHFBZSOS.js";
 import {
   animateTo,
   stopAnimations,
@@ -28,7 +28,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.W3AKVJZS.js";
+} from "./chunk.C6S6REA2.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -214,4 +214,4 @@ setDefaultAnimation("alert.hide", {
 export {
   SynAlert
 };
-//# sourceMappingURL=chunk.YRD4XV5H.js.map
+//# sourceMappingURL=chunk.XOV2B5PS.js.map

package/dist/chunks/{chunk.LZTZI755.js → chunk.YE553IIG.js}

@@ -1,6 +1,6 @@
 import {
   SynNavItem
-} from "./chunk.HSGDEWPR.js";
+} from "./chunk.5Z6CUXIU.js";
 
 // src/components/nav-item/nav-item.ts
 var nav_item_default = SynNavItem;
@@ -9,4 +9,4 @@ SynNavItem.define("syn-nav-item");
 export {
   nav_item_default
 };
-//# sourceMappingURL=chunk.LZTZI755.js.map
+//# sourceMappingURL=chunk.YE553IIG.js.map

package/dist/chunks/chunk.YIGXJM32.js

@@ -0,0 +1,12 @@
+import {
+  SynDialog
+} from "./chunk.3NGHLZE6.js";
+
+// src/components/dialog/dialog.ts
+var dialog_default = SynDialog;
+SynDialog.define("syn-dialog");
+
+export {
+  dialog_default
+};
+//# sourceMappingURL=chunk.YIGXJM32.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/dialog/dialog.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 SynDialog from './dialog.component.js';\n\nexport * from './dialog.component.js';\nexport default SynDialog;\n\nSynDialog.define('syn-dialog');\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'syn-dialog': SynDialog;\n  }\n}\n"],
+  "mappings": ";;;;;AASA,IAAO,iBAAQ;AAEf,UAAU,OAAO,YAAY;",
+  "names": []
+}

package/dist/chunks/chunk.YMICCSK6.js

@@ -0,0 +1,126 @@
+// src/components/dialog/dialog.styles.ts
+import { css } from "lit";
+var dialog_styles_default = css`
+	/* stylelint-disable */
+  :host {
+    --width: 31rem;
+    --header-spacing: var(--syn-spacing-large);
+    --body-spacing: var(--syn-spacing-large);
+    --footer-spacing: var(--syn-spacing-large);
+
+    display: contents;
+  }
+
+  .dialog {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    position: fixed;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    z-index: var(--syn-z-index-dialog);
+  }
+
+  .dialog__panel {
+    display: flex;
+    flex-direction: column;
+    z-index: 2;
+    width: var(--width);
+    max-width: calc(100% - var(--syn-spacing-2x-large));
+    max-height: calc(100% - var(--syn-spacing-2x-large));
+    background-color: var(--syn-panel-background-color);
+    border-radius: var(--syn-border-radius-medium);
+    box-shadow: var(--syn-shadow-x-large);
+  }
+
+  .dialog__panel:focus {
+    outline: none;
+  }
+
+  /* Ensure there's enough vertical padding for phones that don't update vh when chrome appears (e.g. iPhone) */
+  @media screen and (max-width: 420px) {
+    .dialog__panel {
+      max-height: 80vh;
+    }
+  }
+
+  .dialog--open .dialog__panel {
+    display: flex;
+    opacity: 1;
+  }
+
+  .dialog__header {
+    flex: 0 0 auto;
+    display: flex;
+  }
+
+  .dialog__title {
+    flex: 1 1 auto;
+    font: inherit;
+    font-size: var(--syn-font-size-large);
+    line-height: var(--syn-line-height-dense);
+    padding: var(--header-spacing);
+    margin: 0;
+  }
+
+  .dialog__header-actions {
+    flex-shrink: 0;
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: end;
+    gap: var(--syn-spacing-2x-small);
+    padding: 0 var(--header-spacing);
+  }
+
+  .dialog__header-actions syn-icon-button,
+  .dialog__header-actions ::slotted(syn-icon-button) {
+    flex: 0 0 auto;
+    display: flex;
+    align-items: center;
+    font-size: var(--syn-font-size-medium);
+  }
+
+  .dialog__body {
+    flex: 1 1 auto;
+    display: block;
+    padding: var(--body-spacing);
+    overflow: auto;
+    -webkit-overflow-scrolling: touch;
+  }
+
+  .dialog__footer {
+    flex: 0 0 auto;
+    text-align: right;
+    padding: var(--footer-spacing);
+  }
+
+  .dialog__footer ::slotted(syn-button:not(:first-of-type)) {
+    margin-inline-start: var(--syn-spacing-x-small);
+  }
+
+  .dialog:not(.dialog--has-footer) .dialog__footer {
+    display: none;
+  }
+
+  .dialog__overlay {
+    position: fixed;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    background-color: var(--syn-overlay-background-color);
+  }
+
+  @media (forced-colors: active) {
+    .dialog__panel {
+      border: solid 1px var(--syn-color-neutral-0);
+    }
+  }
+`;
+
+export {
+  dialog_styles_default
+};
+//# sourceMappingURL=chunk.YMICCSK6.js.map