@synergy-design-system/components 2.15.1 → 2.16.0

package/dist/chunks/{chunk.IFW77IB7.js → chunk.MJ7R4QQT.js}

@@ -17,6 +17,7 @@ var optgroup_styles_default = css`
     color: var(--syn-color-neutral-950);
     display: flex;
     gap: var(--syn-spacing-small);
+    min-height: var(--option-min-height, var(--syn-input-height-medium));
   }
 
   /**
@@ -25,8 +26,7 @@ var optgroup_styles_default = css`
   .optgroup--has-prefix .optgroup__label-container,
   .optgroup--has-label .optgroup__label-container,
   .optgroup--has-suffix .optgroup__label-container {
-    padding-block: var(--syn-spacing-small);
-    padding-inline: var(--syn-spacing-medium);
+    padding: var(--option-padding, var(--syn-spacing-small) var(--syn-spacing-medium));
   }
 
   /**
@@ -37,7 +37,7 @@ var optgroup_styles_default = css`
   .optgroup__label::slotted(*) {
     flex: 1;
     font-family: var(--syn-font-sans);
-    font-size: var(--syn-font-size-medium);
+    font-size: var(--option-font-size, var(--syn-font-size-medium));
     font-weight: var(--syn-font-weight-semibold);
     line-height: var(--syn-line-height-normal);
   }
@@ -52,9 +52,13 @@ var optgroup_styles_default = css`
     color: var(--syn-color-neutral-800);
     font-size: var(--syn-spacing-large);
   }
+
+  .optgroup__options ::slotted(syn-option[hidden]) {
+    display: none;
+  }
 `;
 
 export {
   optgroup_styles_default
 };
-//# sourceMappingURL=chunk.IFW77IB7.js.map
+//# sourceMappingURL=chunk.MJ7R4QQT.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/optgroup/optgroup.styles.ts"],
+  "sourcesContent": ["import { css } from 'lit';\n\nexport default css`\n  :host {\n    --display-divider: block;\n  }\n\n  .optgroup__divider {\n    --spacing: var(--syn-spacing-x-small);\n\n    display: var(--display-divider);\n  }\n\n  .optgroup__label-container {\n    align-items: center;\n    box-sizing: border-box;\n    color: var(--syn-color-neutral-950);\n    display: flex;\n    gap: var(--syn-spacing-small);\n    min-height: var(--option-min-height, var(--syn-input-height-medium));\n  }\n\n  /**\n   * Only show the label container when there is a label at all\n   */\n  .optgroup--has-prefix .optgroup__label-container,\n  .optgroup--has-label .optgroup__label-container,\n  .optgroup--has-suffix .optgroup__label-container {\n    padding: var(--option-padding, var(--syn-spacing-small) var(--syn-spacing-medium));\n  }\n\n  /**\n   * Format main label.\n   * Make sure this works for props and slotted content\n   */\n  .optgroup__label-content,\n  .optgroup__label::slotted(*) {\n    flex: 1;\n    font-family: var(--syn-font-sans);\n    font-size: var(--option-font-size, var(--syn-font-size-medium));\n    font-weight: var(--syn-font-weight-semibold);\n    line-height: var(--syn-line-height-normal);\n  }\n\n  /* Disabled Label */\n  .optgroup--is-disabled .optgroup__label-container {\n    opacity: var(--syn-input-disabled-opacity);\n  }\n\n  .optgroup__prefix,\n  .optgroup__suffix {\n    color: var(--syn-color-neutral-800);\n    font-size: var(--syn-spacing-large);\n  }\n\n  .optgroup__options ::slotted(syn-option[hidden]) {\n    display: none;\n  }\n`;\n"],
+  "mappings": ";AAAA,SAAS,WAAW;AAEpB,IAAO,0BAAQ;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/chunks/{chunk.TGZPDHKX.js → chunk.NL5BERRD.js}

@@ -6,13 +6,13 @@ import {
 } from "./chunk.RAOPZXJL.js";
 import {
   SynDivider
-} from "./chunk.ZH4SWUQK.js";
+} from "./chunk.Z75O27E5.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.GJP3MWP2.js";
+} from "./chunk.BQ5QQEE4.js";
 
 // src/components/menu-label/menu-label.component.ts
 import { html } from "lit";
@@ -34,4 +34,4 @@ SynMenuLabel.dependencies = {
 export {
   SynMenuLabel
 };
-//# sourceMappingURL=chunk.TGZPDHKX.js.map
+//# sourceMappingURL=chunk.NL5BERRD.js.map

package/dist/chunks/{chunk.2SY67ATC.js → chunk.NOKSF6XX.js}

@@ -1,6 +1,6 @@
 import {
   SynFile
-} from "./chunk.4R5RBC5L.js";
+} from "./chunk.AQG4RTYT.js";
 
 // src/components/file/file.ts
 var file_default = SynFile;
@@ -9,4 +9,4 @@ SynFile.define("syn-file");
 export {
   file_default
 };
-//# sourceMappingURL=chunk.2SY67ATC.js.map
+//# sourceMappingURL=chunk.NOKSF6XX.js.map

package/dist/chunks/{chunk.ZSB3UTQI.js → chunk.NTVLNKUW.js}

@@ -9,29 +9,29 @@ import {
 } from "./chunk.V4HPWQE7.js";
 import {
   SynPopup
-} from "./chunk.33URTGM5.js";
+} from "./chunk.RTI5KERT.js";
 import {
   SynSpinner
-} from "./chunk.LPK45S5C.js";
+} from "./chunk.3VTK46AD.js";
 import {
   HasSlotController,
   getTextContent
 } from "./chunk.WVVQK5TE.js";
 import {
   SynIcon
-} from "./chunk.JRJDNTMQ.js";
-import {
-  LocalizeController
-} from "./chunk.GIU3H3J3.js";
+} from "./chunk.WEMAFCFO.js";
 import {
   watch
 } from "./chunk.74IOULXM.js";
+import {
+  LocalizeController
+} from "./chunk.GIU3H3J3.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.GJP3MWP2.js";
+} from "./chunk.BQ5QQEE4.js";
 import {
   __decorateClass,
   __privateAdd,
@@ -241,4 +241,4 @@ SynMenuItem = __decorateClass([
 export {
   SynMenuItem
 };
-//# sourceMappingURL=chunk.ZSB3UTQI.js.map
+//# sourceMappingURL=chunk.NTVLNKUW.js.map

package/dist/chunks/{chunk.36CPTB4R.js → chunk.NVLBT4EX.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.O644HRW3.js";
 import {
   SynPopup
-} from "./chunk.33URTGM5.js";
+} from "./chunk.RTI5KERT.js";
 import {
   waitForEvent
 } from "./chunk.C2ENQBPM.js";
@@ -19,18 +19,18 @@ import {
   getAnimation,
   setDefaultAnimation
 } from "./chunk.HQ6QUSK7.js";
-import {
-  LocalizeController
-} from "./chunk.GIU3H3J3.js";
 import {
   watch
 } from "./chunk.74IOULXM.js";
+import {
+  LocalizeController
+} from "./chunk.GIU3H3J3.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.GJP3MWP2.js";
+} from "./chunk.BQ5QQEE4.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -275,4 +275,4 @@ setDefaultAnimation("tooltip.hide", {
 export {
   SynTooltip
 };
-//# sourceMappingURL=chunk.36CPTB4R.js.map
+//# sourceMappingURL=chunk.NVLBT4EX.js.map

package/dist/chunks/{chunk.DF7L374K.js → chunk.O4UZUEV2.js}

@@ -1,6 +1,6 @@
 import {
   SynRadioButton
-} from "./chunk.KYN4SHKA.js";
+} from "./chunk.KTVS4UZQ.js";
 
 // src/components/radio-button/radio-button.ts
 var radio_button_default = SynRadioButton;
@@ -9,4 +9,4 @@ SynRadioButton.define("syn-radio-button");
 export {
   radio_button_default
 };
-//# sourceMappingURL=chunk.DF7L374K.js.map
+//# sourceMappingURL=chunk.O4UZUEV2.js.map

package/dist/chunks/{chunk.XRQDVGVT.js → chunk.PIZR7FER.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.SHCZO4KK.js";
 import {
   SynDivider
-} from "./chunk.ZH4SWUQK.js";
+} from "./chunk.Z75O27E5.js";
 import {
   HasSlotController
 } from "./chunk.WVVQK5TE.js";
@@ -15,7 +15,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.GJP3MWP2.js";
+} from "./chunk.BQ5QQEE4.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -339,4 +339,4 @@ __decorateClass([
 export {
   SynNavItem
 };
-//# sourceMappingURL=chunk.XRQDVGVT.js.map
+//# sourceMappingURL=chunk.PIZR7FER.js.map

package/dist/chunks/{chunk.TOMTCTNT.js → chunk.PKS27BPW.js}

@@ -1,6 +1,6 @@
 import {
   SynInput
-} from "./chunk.2F44CLC6.js";
+} from "./chunk.Q5QC5PL2.js";
 
 // src/components/input/input.ts
 var input_default = SynInput;
@@ -9,4 +9,4 @@ SynInput.define("syn-input");
 export {
   input_default
 };
-//# sourceMappingURL=chunk.TOMTCTNT.js.map
+//# sourceMappingURL=chunk.PKS27BPW.js.map

package/dist/chunks/{chunk.2F44CLC6.js → chunk.Q5QC5PL2.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.3B22DBSJ.js";
 import {
   SynDivider
-} from "./chunk.ZH4SWUQK.js";
+} from "./chunk.Z75O27E5.js";
 import {
   defaultValue
 } from "./chunk.3NXKLKWH.js";
@@ -22,19 +22,19 @@ import {
 } from "./chunk.WVVQK5TE.js";
 import {
   SynIcon
-} from "./chunk.JRJDNTMQ.js";
-import {
-  LocalizeController
-} from "./chunk.GIU3H3J3.js";
+} from "./chunk.WEMAFCFO.js";
 import {
   watch
 } from "./chunk.74IOULXM.js";
+import {
+  LocalizeController
+} from "./chunk.GIU3H3J3.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.GJP3MWP2.js";
+} from "./chunk.BQ5QQEE4.js";
 import {
   __decorateClass,
   __spreadValues
@@ -644,4 +644,4 @@ __decorateClass([
 export {
   SynInput
 };
-//# sourceMappingURL=chunk.2F44CLC6.js.map
+//# sourceMappingURL=chunk.Q5QC5PL2.js.map

package/dist/chunks/{chunk.HGDCL6QB.js → chunk.QAEUBEAV.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.GJP3MWP2.js";
+} from "./chunk.BQ5QQEE4.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -160,4 +160,4 @@ __decorateClass([
 export {
   SynMenu
 };
-//# sourceMappingURL=chunk.HGDCL6QB.js.map
+//# sourceMappingURL=chunk.QAEUBEAV.js.map

package/dist/chunks/{chunk.VHEPER3E.js → chunk.QAJE6ZLA.js}

@@ -25,7 +25,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.GJP3MWP2.js";
+} from "./chunk.BQ5QQEE4.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -249,4 +249,4 @@ __decorateClass([
 export {
   SynSwitch
 };
-//# sourceMappingURL=chunk.VHEPER3E.js.map
+//# sourceMappingURL=chunk.QAJE6ZLA.js.map

package/dist/chunks/chunk.QC7X32ZP.js

@@ -0,0 +1,34 @@
+// src/components/option/option-size.styles.ts
+import { css } from "lit";
+var option_size_styles_default = css`
+  /**
+   * Size adjustments for syn-select and other widgets that use syn-option
+   * This allows to share the common settings between all components that
+   * should be able to set the size of a syn-option tag.
+   */
+  :host([size="small"]) {
+    --option-min-height: var(--syn-input-height-small);
+    --option-padding: 0 var(--syn-input-spacing-small);
+    --option-font-size: var(--syn-input-font-size-small);
+    --option-icon-size: var(--syn-spacing-medium);
+  }
+
+  :host([size="medium"]) {
+    --option-min-height: var(--syn-input-height-medium);
+    --option-padding: 0 var(--syn-input-spacing-medium);
+    --option-font-size: var(--syn-input-font-size-medium);
+    --option-icon-size: var(--syn-spacing-large);
+  }
+
+  :host([size="large"]) {
+    --option-min-height: var(--syn-input-height-large);
+    --option-padding: 0 var(--syn-input-spacing-large);
+    --option-font-size: var(--syn-input-font-size-large);
+    --option-icon-size: var(--syn-spacing-x-large);
+  }
+`;
+
+export {
+  option_size_styles_default
+};
+//# sourceMappingURL=chunk.QC7X32ZP.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/option/option-size.styles.ts"],
+  "sourcesContent": ["import { css } from 'lit';\n\nexport default css`\n  /**\n   * Size adjustments for syn-select and other widgets that use syn-option\n   * This allows to share the common settings between all components that\n   * should be able to set the size of a syn-option tag.\n   */\n  :host([size=\"small\"]) {\n    --option-min-height: var(--syn-input-height-small);\n    --option-padding: 0 var(--syn-input-spacing-small);\n    --option-font-size: var(--syn-input-font-size-small);\n    --option-icon-size: var(--syn-spacing-medium);\n  }\n\n  :host([size=\"medium\"]) {\n    --option-min-height: var(--syn-input-height-medium);\n    --option-padding: 0 var(--syn-input-spacing-medium);\n    --option-font-size: var(--syn-input-font-size-medium);\n    --option-icon-size: var(--syn-spacing-large);\n  }\n\n  :host([size=\"large\"]) {\n    --option-min-height: var(--syn-input-height-large);\n    --option-padding: 0 var(--syn-input-spacing-large);\n    --option-font-size: var(--syn-input-font-size-large);\n    --option-icon-size: var(--syn-spacing-x-large);\n  }\n`;\n"],
+  "mappings": ";AAAA,SAAS,WAAW;AAEpB,IAAO,6BAAQ;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/chunks/{chunk.PQI2S4UD.js → chunk.QLST7IBN.js}

@@ -1,6 +1,6 @@
 import {
   SynCombobox
-} from "./chunk.KDZQ7752.js";
+} from "./chunk.5K6422DI.js";
 
 // src/components/combobox/combobox.ts
 var combobox_default = SynCombobox;
@@ -9,4 +9,4 @@ SynCombobox.define("syn-combobox");
 export {
   combobox_default
 };
-//# sourceMappingURL=chunk.PQI2S4UD.js.map
+//# sourceMappingURL=chunk.QLST7IBN.js.map

package/dist/chunks/{chunk.J5PQPOH3.js → chunk.QQER6FSQ.js}

@@ -1,6 +1,6 @@
 import {
   SynSwitch
-} from "./chunk.VHEPER3E.js";
+} from "./chunk.QAJE6ZLA.js";
 
 // src/components/switch/switch.ts
 var switch_default = SynSwitch;
@@ -9,4 +9,4 @@ SynSwitch.define("syn-switch");
 export {
   switch_default
 };
-//# sourceMappingURL=chunk.J5PQPOH3.js.map
+//# sourceMappingURL=chunk.QQER6FSQ.js.map

package/dist/chunks/{chunk.33URTGM5.js → chunk.RTI5KERT.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.GJP3MWP2.js";
+} from "./chunk.BQ5QQEE4.js";
 import {
   __decorateClass,
   __spreadProps,
@@ -415,4 +415,4 @@ __decorateClass([
 export {
   SynPopup
 };
-//# sourceMappingURL=chunk.33URTGM5.js.map
+//# sourceMappingURL=chunk.RTI5KERT.js.map

package/dist/chunks/{chunk.R7CRN6GG.js → chunk.RUSXBAKS.js}

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

package/dist/chunks/chunk.S6AC4UW6.js

@@ -0,0 +1,45 @@
+// src/components/combobox/utils.ts
+import { html, render } from "lit";
+import { unsafeHTML } from "lit/directives/unsafe-html.js";
+var getAssignedElementsForSlot = (slot) => Array.from(
+  slot.assignedElements({ flatten: true })
+);
+var getOptionOrNestedOptions = (item) => item.tagName.toLocaleLowerCase() === "syn-option" ? item : Array.from(item.querySelectorAll(":scope > syn-option"));
+var isOptgroup = (item) => item.tagName.toLocaleLowerCase() === "syn-optgroup";
+var getAllOptions = (items) => items.map(getOptionOrNestedOptions);
+var filterOnlyOptgroups = (items) => items.filter(isOptgroup);
+var normalizeString = (str) => str.normalize("NFD").replace(/[\u0300-\u036f]/g, "").toLowerCase();
+var createElementFromTemplateResult = (template) => {
+  const container = document.createElement("div");
+  render(template, container);
+  return container.firstElementChild;
+};
+var getOptionOrUndefined = (element) => element.tagName.toLocaleLowerCase() === "syn-option" ? element : void 0;
+var createOptionFromDifferentTypes = (option) => {
+  if (!option) return void 0;
+  if (option instanceof HTMLElement) {
+    return getOptionOrUndefined(option);
+  }
+  if (typeof option === "string") {
+    const template = html`${unsafeHTML(option)}`;
+    const element = createElementFromTemplateResult(template);
+    return getOptionOrUndefined(element);
+  }
+  if (Object.prototype.hasOwnProperty.call(option, "_$litType$")) {
+    const element = createElementFromTemplateResult(option);
+    return getOptionOrUndefined(element);
+  }
+  return void 0;
+};
+
+export {
+  getAssignedElementsForSlot,
+  getOptionOrNestedOptions,
+  isOptgroup,
+  getAllOptions,
+  filterOnlyOptgroups,
+  normalizeString,
+  createElementFromTemplateResult,
+  createOptionFromDifferentTypes
+};
+//# sourceMappingURL=chunk.S6AC4UW6.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/combobox/utils.ts"],
+  "sourcesContent": ["import { type TemplateResult, html, render } from 'lit';\nimport { unsafeHTML } from 'lit/directives/unsafe-html.js';\nimport type SynOptGroup from '../optgroup/optgroup.js';\nimport type SynOption from '../option/option.component.js';\n\n/**\n * Get a list of all assigned elements for a given slot\n * @param slot The slot to query\n * @returns Flattened list of assigned elements\n */\nexport const getAssignedElementsForSlot = (slot: HTMLSlotElement) => Array.from(\n  slot.assignedElements({ flatten: true }),\n) as HTMLElement[];\n\n/**\n * Retrieves the option or nested options from the provided HTMLElement.\n *\n * @param item - The HTMLElement representing the option or containing nested options.\n * @returns The found syn-option(s)\n */\nexport const getOptionOrNestedOptions = (item: HTMLElement): SynOption | SynOption[] => (\n  item.tagName.toLocaleLowerCase() === 'syn-option' ? item as SynOption : Array.from(item.querySelectorAll<SynOption>(':scope > syn-option'))\n);\n\n/**\n * Check if an item is a syn-optgroup\n * @param item The item to check for\n * @returns True if the item is a SynOptgroup, false otherwise\n */\nexport const isOptgroup = (item: HTMLElement): item is SynOptGroup => (\n  item.tagName.toLocaleLowerCase() === 'syn-optgroup'\n);\n\n/**\n * Get a list of only Option elements\n * @param items List of items to check for\n * @returns New array of all found syn-nav-items\n */\nexport const getAllOptions = (items: HTMLElement[]) => items.map(getOptionOrNestedOptions);\n\n/**\n * Get a list of only Optgroup elements\n * @param items List of items to check for\n * @returns New array of all found syn-optgroup's\n */\nexport const filterOnlyOptgroups = (items: HTMLElement[]) => items.filter(isOptgroup);\n\n/**\n * Normalize a string by removing accents and converting to lowercase\n * @param str The string to normalize\n * @returns The normalized string\n */\nexport const normalizeString = (str: string) => str.normalize('NFD').replace(/[\\u0300-\\u036f]/g, '').toLowerCase();\n\n/**\n * Creates a `SynOption` element from a given `TemplateResult`.\n * We assume that the given `TemplateResult` is a <syn-option>.\n *\n * @param template - The `TemplateResult` to be rendered into a `SynOption`.\n * @returns The created SynOption element\n */\nexport const createElementFromTemplateResult = (template: TemplateResult) => {\n  const container = document.createElement('div');\n  render(template, container);\n  return container.firstElementChild as HTMLElement;\n};\n\nconst getOptionOrUndefined = (element: HTMLElement) => (element.tagName.toLocaleLowerCase() === 'syn-option' ? element as SynOption : undefined);\n\n/**\n * This function takes an input of type `TemplateResult`, `string`, or `HTMLElement`\n * and creates an SynOption from it.\n *\n * @param option - The option which can be of type `TemplateResult`, `string` or `HTMLElement`.\n * @returns The created SynOption or undefined if the option was not a valid type.\n */\nexport const createOptionFromDifferentTypes = (option: TemplateResult | string | HTMLElement) => {\n  if (!option) return undefined;\n\n  if (option instanceof HTMLElement) {\n    return getOptionOrUndefined(option);\n  }\n\n  if (typeof option === 'string') {\n    const template = html`${unsafeHTML(option)}`;\n    const element = createElementFromTemplateResult(template);\n    return getOptionOrUndefined(element);\n  }\n\n  if (Object.prototype.hasOwnProperty.call(option, '_$litType$')) {\n    const element = createElementFromTemplateResult(option);\n    return getOptionOrUndefined(element);\n  }\n\n  return undefined;\n};\n"],
+  "mappings": ";AAAA,SAA8B,MAAM,cAAc;AAClD,SAAS,kBAAkB;AASpB,IAAM,6BAA6B,CAAC,SAA0B,MAAM;AAAA,EACzE,KAAK,iBAAiB,EAAE,SAAS,KAAK,CAAC;AACzC;AAQO,IAAM,2BAA2B,CAAC,SACvC,KAAK,QAAQ,kBAAkB,MAAM,eAAe,OAAoB,MAAM,KAAK,KAAK,iBAA4B,qBAAqB,CAAC;AAQrI,IAAM,aAAa,CAAC,SACzB,KAAK,QAAQ,kBAAkB,MAAM;AAQhC,IAAM,gBAAgB,CAAC,UAAyB,MAAM,IAAI,wBAAwB;AAOlF,IAAM,sBAAsB,CAAC,UAAyB,MAAM,OAAO,UAAU;AAO7E,IAAM,kBAAkB,CAAC,QAAgB,IAAI,UAAU,KAAK,EAAE,QAAQ,oBAAoB,EAAE,EAAE,YAAY;AAS1G,IAAM,kCAAkC,CAAC,aAA6B;AAC3E,QAAM,YAAY,SAAS,cAAc,KAAK;AAC9C,SAAO,UAAU,SAAS;AAC1B,SAAO,UAAU;AACnB;AAEA,IAAM,uBAAuB,CAAC,YAA0B,QAAQ,QAAQ,kBAAkB,MAAM,eAAe,UAAuB;AAS/H,IAAM,iCAAiC,CAAC,WAAkD;AAC/F,MAAI,CAAC,OAAQ,QAAO;AAEpB,MAAI,kBAAkB,aAAa;AACjC,WAAO,qBAAqB,MAAM;AAAA,EACpC;AAEA,MAAI,OAAO,WAAW,UAAU;AAC9B,UAAM,WAAW,OAAO,WAAW,MAAM,CAAC;AAC1C,UAAM,UAAU,gCAAgC,QAAQ;AACxD,WAAO,qBAAqB,OAAO;AAAA,EACrC;AAEA,MAAI,OAAO,UAAU,eAAe,KAAK,QAAQ,YAAY,GAAG;AAC9D,UAAM,UAAU,gCAAgC,MAAM;AACtD,WAAO,qBAAqB,OAAO;AAAA,EACrC;AAEA,SAAO;AACT;",
+  "names": []
+}

package/dist/chunks/{chunk.TN3LO4ZT.js → chunk.S6PVL3IY.js}

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

package/dist/chunks/{chunk.6AZMGNDW.js → chunk.SJYFH4NX.js}

@@ -1,15 +1,15 @@
 import {
   SynTag
-} from "./chunk.ZNXC6YL4.js";
-import {
-  select_custom_styles_default
-} from "./chunk.KL5VXGK4.js";
+} from "./chunk.MA2KQ5TL.js";
 import {
   select_styles_default
 } from "./chunk.XTWO6ZZW.js";
+import {
+  select_custom_styles_default
+} from "./chunk.B6HFSIU2.js";
 import {
   SynPopup
-} from "./chunk.33URTGM5.js";
+} from "./chunk.RTI5KERT.js";
 import {
   scrollIntoView
 } from "./chunk.5732DMBC.js";
@@ -36,19 +36,19 @@ import {
 } from "./chunk.WVVQK5TE.js";
 import {
   SynIcon
-} from "./chunk.JRJDNTMQ.js";
-import {
-  LocalizeController
-} from "./chunk.GIU3H3J3.js";
+} from "./chunk.WEMAFCFO.js";
 import {
   watch
 } from "./chunk.74IOULXM.js";
+import {
+  LocalizeController
+} from "./chunk.GIU3H3J3.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.GJP3MWP2.js";
+} from "./chunk.BQ5QQEE4.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -804,4 +804,4 @@ setDefaultAnimation("select.hide", {
 export {
   SynSelect
 };
-//# sourceMappingURL=chunk.6AZMGNDW.js.map
+//# sourceMappingURL=chunk.SJYFH4NX.js.map

package/dist/chunks/{chunk.L4VLQVR6.js → chunk.SKRJOAVB.js}

@@ -1,9 +1,9 @@
 import {
   optgroup_styles_default
-} from "./chunk.IFW77IB7.js";
+} from "./chunk.MJ7R4QQT.js";
 import {
   SynDivider
-} from "./chunk.ZH4SWUQK.js";
+} from "./chunk.Z75O27E5.js";
 import {
   HasSlotController
 } from "./chunk.WVVQK5TE.js";
@@ -12,7 +12,7 @@ import {
 } from "./chunk.74IOULXM.js";
 import {
   SynergyElement
-} from "./chunk.GJP3MWP2.js";
+} from "./chunk.BQ5QQEE4.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -93,4 +93,4 @@ __decorateClass([
 export {
   SynOptgroup
 };
-//# sourceMappingURL=chunk.L4VLQVR6.js.map
+//# sourceMappingURL=chunk.SKRJOAVB.js.map

package/dist/chunks/{chunk.DGCICKSE.js → chunk.T7GIAIHS.js}

@@ -13,7 +13,7 @@ import {
 } from "./chunk.5732DMBC.js";
 import {
   SynIconButton
-} from "./chunk.LYM7AO7F.js";
+} from "./chunk.A47YOODQ.js";
 import {
   waitForEvent
 } from "./chunk.C2ENQBPM.js";
@@ -28,18 +28,18 @@ import {
 import {
   HasSlotController
 } from "./chunk.WVVQK5TE.js";
-import {
-  LocalizeController
-} from "./chunk.GIU3H3J3.js";
 import {
   watch
 } from "./chunk.74IOULXM.js";
+import {
+  LocalizeController
+} from "./chunk.GIU3H3J3.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.GJP3MWP2.js";
+} from "./chunk.BQ5QQEE4.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -288,4 +288,4 @@ setDefaultAnimation("dialog.overlay.hide", {
 export {
   SynDialog
 };
-//# sourceMappingURL=chunk.DGCICKSE.js.map
+//# sourceMappingURL=chunk.T7GIAIHS.js.map

package/dist/chunks/{chunk.AYAVBFAG.js → chunk.TKZVWU7T.js}

@@ -1,6 +1,6 @@
 import {
   SynTooltip
-} from "./chunk.36CPTB4R.js";
+} from "./chunk.NVLBT4EX.js";
 
 // src/components/tooltip/tooltip.ts
 var tooltip_default = SynTooltip;
@@ -9,4 +9,4 @@ SynTooltip.define("syn-tooltip");
 export {
   tooltip_default
 };
-//# sourceMappingURL=chunk.AYAVBFAG.js.map
+//# sourceMappingURL=chunk.TKZVWU7T.js.map

package/dist/chunks/{chunk.Q24YSYWC.js → chunk.UFC3YJ5I.js}

@@ -1,6 +1,6 @@
 import {
   SynValidate
-} from "./chunk.HHDEWNIZ.js";
+} from "./chunk.HC6MGGJ6.js";
 
 // src/components/validate/validate.ts
 var validate_default = SynValidate;
@@ -9,4 +9,4 @@ SynValidate.define("syn-validate");
 export {
   validate_default
 };
-//# sourceMappingURL=chunk.Q24YSYWC.js.map
+//# sourceMappingURL=chunk.UFC3YJ5I.js.map

package/dist/chunks/{chunk.FZT4C2IH.js → chunk.UFN7YVRT.js}

@@ -1,6 +1,6 @@
 import {
   SynBreadcrumbItem
-} from "./chunk.57VAAUO6.js";
+} from "./chunk.XRUFZ67F.js";
 
 // src/components/breadcrumb-item/breadcrumb-item.ts
 var breadcrumb_item_default = SynBreadcrumbItem;
@@ -9,4 +9,4 @@ SynBreadcrumbItem.define("syn-breadcrumb-item");
 export {
   breadcrumb_item_default
 };
-//# sourceMappingURL=chunk.FZT4C2IH.js.map
+//# sourceMappingURL=chunk.UFN7YVRT.js.map