@synergy-design-system/components 1.25.0 → 1.26.0

package/dist/chunks/{chunk.DCUFJIWA.js → chunk.HCRY7OUP.js}

@@ -1,6 +1,6 @@
 import {
   SynButtonGroup
-} from "./chunk.U7BPATGD.js";
+} from "./chunk.OHAJFCI2.js";
 
 // src/components/button-group/button-group.ts
 var button_group_default = SynButtonGroup;
@@ -9,4 +9,4 @@ SynButtonGroup.define("syn-button-group");
 export {
   button_group_default
 };
-//# sourceMappingURL=chunk.DCUFJIWA.js.map
+//# sourceMappingURL=chunk.HCRY7OUP.js.map

package/dist/chunks/{chunk.HQZ3BXPQ.js → chunk.HV4DMIWV.js}

@@ -1,6 +1,6 @@
 import {
   SynCard
-} from "./chunk.2AMQXMBJ.js";
+} from "./chunk.PRVPMRMP.js";
 
 // src/components/card/card.ts
 var card_default = SynCard;
@@ -9,4 +9,4 @@ SynCard.define("syn-card");
 export {
   card_default
 };
-//# sourceMappingURL=chunk.HQZ3BXPQ.js.map
+//# sourceMappingURL=chunk.HV4DMIWV.js.map

package/dist/chunks/{chunk.KPD7UXYG.js → chunk.I6TCSTYE.js}

@@ -6,17 +6,17 @@ import {
 } from "./chunk.3B24TYVN.js";
 import {
   SynIcon
-} from "./chunk.OL27RSKJ.js";
-import {
-  watch
-} from "./chunk.AVTU2BGE.js";
+} from "./chunk.QDJMXGZK.js";
 import {
   LocalizeController
 } from "./chunk.GEHO4WRP.js";
+import {
+  watch
+} from "./chunk.AVTU2BGE.js";
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.Q7UHNN5N.js";
+} from "./chunk.QHHUWWKO.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -144,4 +144,4 @@ __decorateClass([
 export {
   SynOption
 };
-//# sourceMappingURL=chunk.KPD7UXYG.js.map
+//# sourceMappingURL=chunk.I6TCSTYE.js.map

package/dist/chunks/{chunk.R63SNGSK.js → chunk.I7MO3POA.js}

@@ -1,6 +1,6 @@
 import {
   SynDrawer
-} from "./chunk.66VRELGR.js";
+} from "./chunk.DQM2APFS.js";
 
 // src/components/drawer/drawer.ts
 var drawer_default = SynDrawer;
@@ -9,4 +9,4 @@ SynDrawer.define("syn-drawer");
 export {
   drawer_default
 };
-//# sourceMappingURL=chunk.R63SNGSK.js.map
+//# sourceMappingURL=chunk.I7MO3POA.js.map

package/dist/chunks/{chunk.RTMMKZQC.js → chunk.IQVAT35M.js}

@@ -1,6 +1,6 @@
 import {
   SynTag
-} from "./chunk.EAK2CZN5.js";
+} from "./chunk.53ZID3W7.js";
 import {
   select_custom_styles_default
 } from "./chunk.OWMT6OL2.js";
@@ -9,7 +9,7 @@ import {
 } from "./chunk.QNQNR3RY.js";
 import {
   SynPopup
-} from "./chunk.KPIFYZIW.js";
+} from "./chunk.KBLXNDOK.js";
 import {
   scrollIntoView
 } from "./chunk.RIJKFEYZ.js";
@@ -32,22 +32,22 @@ import {
   getAnimation,
   setDefaultAnimation
 } from "./chunk.QAUTITK3.js";
-import {
-  SynIcon
-} from "./chunk.OL27RSKJ.js";
-import {
-  watch
-} from "./chunk.AVTU2BGE.js";
 import {
   HasSlotController
 } from "./chunk.66WXVGAW.js";
+import {
+  SynIcon
+} from "./chunk.QDJMXGZK.js";
 import {
   LocalizeController
 } from "./chunk.GEHO4WRP.js";
+import {
+  watch
+} from "./chunk.AVTU2BGE.js";
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.Q7UHNN5N.js";
+} from "./chunk.QHHUWWKO.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -764,4 +764,4 @@ setDefaultAnimation("select.hide", {
 export {
   SynSelect
 };
-//# sourceMappingURL=chunk.RTMMKZQC.js.map
+//# sourceMappingURL=chunk.IQVAT35M.js.map

package/dist/chunks/chunk.JCMU5P5Q.js

@@ -0,0 +1,12 @@
+import {
+  SynBreadcrumbItem
+} from "./chunk.UUFPSNOM.js";
+
+// src/components/breadcrumb-item/breadcrumb-item.ts
+var breadcrumb_item_default = SynBreadcrumbItem;
+SynBreadcrumbItem.define("syn-breadcrumb-item");
+
+export {
+  breadcrumb_item_default
+};
+//# sourceMappingURL=chunk.JCMU5P5Q.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/breadcrumb-item/breadcrumb-item.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 SynBreadcrumbItem from './breadcrumb-item.component.js';\n\nexport * from './breadcrumb-item.component.js';\nexport default SynBreadcrumbItem;\n\nSynBreadcrumbItem.define('syn-breadcrumb-item');\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'syn-breadcrumb-item': SynBreadcrumbItem;\n  }\n}\n"],
+  "mappings": ";;;;;AASA,IAAO,0BAAQ;AAEf,kBAAkB,OAAO,qBAAqB;",
+  "names": []
+}

package/dist/chunks/{chunk.TC5MUZDT.js → chunk.KAHSOZEQ.js}

@@ -1,6 +1,6 @@
 import {
   SynTooltip
-} from "./chunk.G74PTGLR.js";
+} from "./chunk.53WD4CSA.js";
 
 // src/components/tooltip/tooltip.ts
 var tooltip_default = SynTooltip;
@@ -9,4 +9,4 @@ SynTooltip.define("syn-tooltip");
 export {
   tooltip_default
 };
-//# sourceMappingURL=chunk.TC5MUZDT.js.map
+//# sourceMappingURL=chunk.KAHSOZEQ.js.map

package/dist/chunks/{chunk.KPIFYZIW.js → chunk.KBLXNDOK.js}

@@ -4,7 +4,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.Q7UHNN5N.js";
+} from "./chunk.QHHUWWKO.js";
 import {
   __decorateClass,
   __spreadProps,
@@ -409,4 +409,4 @@ __decorateClass([
 export {
   SynPopup
 };
-//# sourceMappingURL=chunk.KPIFYZIW.js.map
+//# sourceMappingURL=chunk.KBLXNDOK.js.map

package/dist/chunks/chunk.KLDQHER5.js

@@ -0,0 +1,92 @@
+// src/components/breadcrumb-item/breadcrumb-item.styles.ts
+import { css } from "lit";
+var breadcrumb_item_styles_default = css`
+	/* stylelint-disable */
+  :host {
+    display: inline-flex;
+  }
+
+  .breadcrumb-item {
+    display: inline-flex;
+    align-items: center;
+    font-family: var(--syn-font-sans);
+    font-size: var(--syn-font-size-small);
+    font-weight: var(--syn-font-weight-semibold);
+    color: var(--syn-color-neutral-600);
+    line-height: var(--syn-line-height-normal);
+    white-space: nowrap;
+  }
+
+  .breadcrumb-item__label {
+    display: inline-block;
+    font-family: inherit;
+    font-size: inherit;
+    font-weight: inherit;
+    line-height: inherit;
+    text-decoration: none;
+    color: inherit;
+    background: none;
+    border: none;
+    border-radius: var(--syn-border-radius-medium);
+    padding: 0;
+    margin: 0;
+    cursor: pointer;
+    transition: var(--syn-transition-fast) --color;
+  }
+
+  :host(:not(:last-of-type)) .breadcrumb-item__label {
+    color: var(--syn-color-primary-600);
+  }
+
+  :host(:not(:last-of-type)) .breadcrumb-item__label:hover {
+    color: var(--syn-color-primary-500);
+  }
+
+  :host(:not(:last-of-type)) .breadcrumb-item__label:active {
+    color: var(--syn-color-primary-600);
+  }
+
+  .breadcrumb-item__label:focus {
+    outline: none;
+  }
+
+  .breadcrumb-item__label:focus-visible {
+    outline: var(--syn-focus-ring);
+    outline-offset: var(--syn-focus-ring-offset);
+  }
+
+  .breadcrumb-item__prefix,
+  .breadcrumb-item__suffix {
+    display: none;
+    flex: 0 0 auto;
+    display: flex;
+    align-items: center;
+  }
+
+  .breadcrumb-item--has-prefix .breadcrumb-item__prefix {
+    display: inline-flex;
+    margin-inline-end: var(--syn-spacing-x-small);
+  }
+
+  .breadcrumb-item--has-suffix .breadcrumb-item__suffix {
+    display: inline-flex;
+    margin-inline-start: var(--syn-spacing-x-small);
+  }
+
+  :host(:last-of-type) .breadcrumb-item__separator {
+    display: none;
+  }
+
+  .breadcrumb-item__separator {
+    display: inline-flex;
+    align-items: center;
+    margin: 0 var(--syn-spacing-x-small);
+    user-select: none;
+    -webkit-user-select: none;
+  }
+`;
+
+export {
+  breadcrumb_item_styles_default
+};
+//# sourceMappingURL=chunk.KLDQHER5.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/breadcrumb-item/breadcrumb-item.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    display: inline-flex;\n  }\n\n  .breadcrumb-item {\n    display: inline-flex;\n    align-items: center;\n    font-family: var(--syn-font-sans);\n    font-size: var(--syn-font-size-small);\n    font-weight: var(--syn-font-weight-semibold);\n    color: var(--syn-color-neutral-600);\n    line-height: var(--syn-line-height-normal);\n    white-space: nowrap;\n  }\n\n  .breadcrumb-item__label {\n    display: inline-block;\n    font-family: inherit;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n    text-decoration: none;\n    color: inherit;\n    background: none;\n    border: none;\n    border-radius: var(--syn-border-radius-medium);\n    padding: 0;\n    margin: 0;\n    cursor: pointer;\n    transition: var(--syn-transition-fast) --color;\n  }\n\n  :host(:not(:last-of-type)) .breadcrumb-item__label {\n    color: var(--syn-color-primary-600);\n  }\n\n  :host(:not(:last-of-type)) .breadcrumb-item__label:hover {\n    color: var(--syn-color-primary-500);\n  }\n\n  :host(:not(:last-of-type)) .breadcrumb-item__label:active {\n    color: var(--syn-color-primary-600);\n  }\n\n  .breadcrumb-item__label:focus {\n    outline: none;\n  }\n\n  .breadcrumb-item__label:focus-visible {\n    outline: var(--syn-focus-ring);\n    outline-offset: var(--syn-focus-ring-offset);\n  }\n\n  .breadcrumb-item__prefix,\n  .breadcrumb-item__suffix {\n    display: none;\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n  }\n\n  .breadcrumb-item--has-prefix .breadcrumb-item__prefix {\n    display: inline-flex;\n    margin-inline-end: var(--syn-spacing-x-small);\n  }\n\n  .breadcrumb-item--has-suffix .breadcrumb-item__suffix {\n    display: inline-flex;\n    margin-inline-start: var(--syn-spacing-x-small);\n  }\n\n  :host(:last-of-type) .breadcrumb-item__separator {\n    display: none;\n  }\n\n  .breadcrumb-item__separator {\n    display: inline-flex;\n    align-items: center;\n    margin: 0 var(--syn-spacing-x-small);\n    user-select: none;\n    -webkit-user-select: none;\n  }\n`;\n"],
+  "mappings": ";AAMA,SAAS,WAAW;AAEpB,IAAO,iCAAQ;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/chunks/{chunk.FUTC5UNF.js → chunk.KUIBRZ2M.js}

@@ -10,7 +10,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.Q7UHNN5N.js";
+} from "./chunk.QHHUWWKO.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -41,4 +41,4 @@ __decorateClass([
 export {
   SynDivider
 };
-//# sourceMappingURL=chunk.FUTC5UNF.js.map
+//# sourceMappingURL=chunk.KUIBRZ2M.js.map

package/dist/chunks/{chunk.YSCN2H4J.js → chunk.LAPGJCVJ.js}

@@ -6,11 +6,11 @@ import {
 } from "./chunk.3FOVDOJX.js";
 import {
   SynDivider
-} from "./chunk.FUTC5UNF.js";
+} from "./chunk.KUIBRZ2M.js";
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.Q7UHNN5N.js";
+} from "./chunk.QHHUWWKO.js";
 
 // src/components/menu-label/menu-label.component.ts
 import { html } from "lit";
@@ -32,4 +32,4 @@ SynMenuLabel.dependencies = {
 export {
   SynMenuLabel
 };
-//# sourceMappingURL=chunk.YSCN2H4J.js.map
+//# sourceMappingURL=chunk.LAPGJCVJ.js.map

package/dist/chunks/{chunk.YZLJINMN.js → chunk.LJW4RAGM.js}

@@ -6,11 +6,11 @@ import {
 } from "./chunk.LJQ7LEPV.js";
 import {
   SynIcon
-} from "./chunk.OL27RSKJ.js";
+} from "./chunk.QDJMXGZK.js";
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.Q7UHNN5N.js";
+} from "./chunk.QHHUWWKO.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -138,4 +138,4 @@ __decorateClass([
 export {
   SynIconButton
 };
-//# sourceMappingURL=chunk.YZLJINMN.js.map
+//# sourceMappingURL=chunk.LJW4RAGM.js.map

package/dist/chunks/{chunk.MHORC52J.js → chunk.LOYJXKLZ.js}

@@ -1,6 +1,6 @@
 import {
   SynPopup
-} from "./chunk.KPIFYZIW.js";
+} from "./chunk.KBLXNDOK.js";
 
 // src/components/popup/popup.ts
 var popup_default = SynPopup;
@@ -9,4 +9,4 @@ SynPopup.define("syn-popup");
 export {
   popup_default
 };
-//# sourceMappingURL=chunk.MHORC52J.js.map
+//# sourceMappingURL=chunk.LOYJXKLZ.js.map

package/dist/chunks/{chunk.7YHPAFBY.js → chunk.LQKP7DYF.js}

@@ -1,6 +1,6 @@
 import {
   SynSpinner
-} from "./chunk.5GJBOJOJ.js";
+} from "./chunk.7L6RIM5M.js";
 import {
   FormControlController,
   validValidityState
@@ -11,22 +11,22 @@ import {
 import {
   button_styles_default
 } from "./chunk.Q4CRAGN3.js";
-import {
-  SynIcon
-} from "./chunk.OL27RSKJ.js";
-import {
-  watch
-} from "./chunk.AVTU2BGE.js";
 import {
   HasSlotController
 } from "./chunk.66WXVGAW.js";
+import {
+  SynIcon
+} from "./chunk.QDJMXGZK.js";
 import {
   LocalizeController
 } from "./chunk.GEHO4WRP.js";
+import {
+  watch
+} from "./chunk.AVTU2BGE.js";
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.Q7UHNN5N.js";
+} from "./chunk.QHHUWWKO.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -273,4 +273,4 @@ __decorateClass([
 export {
   SynButton
 };
-//# sourceMappingURL=chunk.7YHPAFBY.js.map
+//# sourceMappingURL=chunk.LQKP7DYF.js.map

package/dist/chunks/{chunk.FFTKB5DB.js → chunk.LQNSOIU3.js}

@@ -13,7 +13,7 @@ import {
 } from "./chunk.YMICCSK6.js";
 import {
   SynIconButton
-} from "./chunk.YZLJINMN.js";
+} from "./chunk.LJW4RAGM.js";
 import {
   animateTo,
   stopAnimations,
@@ -23,19 +23,19 @@ import {
   getAnimation,
   setDefaultAnimation
 } from "./chunk.QAUTITK3.js";
-import {
-  watch
-} from "./chunk.AVTU2BGE.js";
 import {
   HasSlotController
 } from "./chunk.66WXVGAW.js";
 import {
   LocalizeController
 } from "./chunk.GEHO4WRP.js";
+import {
+  watch
+} from "./chunk.AVTU2BGE.js";
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.Q7UHNN5N.js";
+} from "./chunk.QHHUWWKO.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -285,4 +285,4 @@ setDefaultAnimation("dialog.overlay.hide", {
 export {
   SynDialog
 };
-//# sourceMappingURL=chunk.FFTKB5DB.js.map
+//# sourceMappingURL=chunk.LQNSOIU3.js.map

package/dist/chunks/{chunk.MZB3A2PC.js → chunk.MMWS4XGO.js}

@@ -1,6 +1,6 @@
 import {
   SynBadge
-} from "./chunk.P5AMPKUK.js";
+} from "./chunk.OYB4Y7ET.js";
 
 // src/components/badge/badge.ts
 var badge_default = SynBadge;
@@ -9,4 +9,4 @@ SynBadge.define("syn-badge");
 export {
   badge_default
 };
-//# sourceMappingURL=chunk.MZB3A2PC.js.map
+//# sourceMappingURL=chunk.MMWS4XGO.js.map

package/dist/chunks/{chunk.CU6YTDF3.js → chunk.N4TETQXP.js}

@@ -3,20 +3,20 @@ import {
 } from "./chunk.GVNVZMMM.js";
 import {
   icon_default
-} from "./chunk.DXCVWKBW.js";
-import {
-  watch
-} from "./chunk.AVTU2BGE.js";
+} from "./chunk.ESTZWKEU.js";
 import {
   HasSlotController
 } from "./chunk.66WXVGAW.js";
 import {
   LocalizeController
 } from "./chunk.GEHO4WRP.js";
+import {
+  watch
+} from "./chunk.AVTU2BGE.js";
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.Q7UHNN5N.js";
+} from "./chunk.QHHUWWKO.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -163,4 +163,4 @@ __decorateClass([
 export {
   SynHeader
 };
-//# sourceMappingURL=chunk.CU6YTDF3.js.map
+//# sourceMappingURL=chunk.N4TETQXP.js.map

package/dist/chunks/chunk.NGIGPLN2.js

@@ -0,0 +1,79 @@
+// src/components/breadcrumb-item/breadcrumb-item.custom.styles.ts
+import { css } from "lit";
+var breadcrumb_item_custom_styles_default = css`
+  .breadcrumb-item {
+    color: var(--syn-color-neutral-500);
+    font-size: var(--syn-font-size-x-small);
+    font-weight: var(--syn-font-weight-normal);
+  }
+
+  /**
+   * Make sure to remove the border radius.
+   * Without this, focus will be rounded
+   */
+  .breadcrumb-item__label {
+    border-radius: var(--syn-border-radius-none);
+  }
+
+  :host(:not(:last-of-type)) .breadcrumb-item__label {
+    color: var(--syn-typography-color-text);
+  }
+
+  :host(:not(:last-of-type)) .breadcrumb-item__label:hover {
+    color: var(--syn-color-primary-600);
+  }
+
+  :host(:not(:last-of-type)) .breadcrumb-item__label:active {
+    color: var(--syn-color-primary-950);
+  }
+
+  .breadcrumb-item--has-prefix .breadcrumb-item__prefix {
+    margin-inline-end: var(--syn-spacing-2x-small);
+  }
+
+  .breadcrumb-item--has-suffix .breadcrumb-item__suffix {
+    margin-inline-start: var(--syn-spacing-2x-small);
+  }
+
+  /**
+   * Adjust color and font size to match Synergy's typography.
+   */
+  .breadcrumb-item--has-prefix .breadcrumb-item__prefix,
+  .breadcrumb-item--has-suffix .breadcrumb-item__suffix {
+    color: var(--syn-typography-color-text);
+    font-size: var(--syn-spacing-medium);
+  }
+
+  /**
+   * Make sure the color of the last item's prefix and suffix matches the text.
+   */
+  :host(:last-of-type) .breadcrumb-item--has-prefix .breadcrumb-item__prefix,
+  :host(:last-of-type) .breadcrumb-item--has-suffix .breadcrumb-item__suffix {
+    color: var(--syn-color-neutral-500);
+  }
+
+  .breadcrumb-item__separator {
+    font-size: var(--syn-spacing-medium);
+    margin: 0 var(--syn-spacing-x-small) 0 var(--syn-spacing-2x-small);
+  }
+
+  /**
+   * Make sure the direction of the chevron matches the direction of the text.
+   */
+  .breadcrumb-item__separator ::slotted(syn-icon.ltr) {
+    rotate: -90deg;
+  }
+
+  .breadcrumb-item__separator ::slotted(syn-icon.rtl) {
+    rotate: 90deg;
+  }
+
+  .breadcrumb-item__label--drop-down {
+    display: flex;
+  }
+`;
+
+export {
+  breadcrumb_item_custom_styles_default
+};
+//# sourceMappingURL=chunk.NGIGPLN2.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/breadcrumb-item/breadcrumb-item.custom.styles.ts"],
+  "sourcesContent": ["import { css } from 'lit';\n\nexport default css`\n  .breadcrumb-item {\n    color: var(--syn-color-neutral-500);\n    font-size: var(--syn-font-size-x-small);\n    font-weight: var(--syn-font-weight-normal);\n  }\n\n  /**\n   * Make sure to remove the border radius.\n   * Without this, focus will be rounded\n   */\n  .breadcrumb-item__label {\n    border-radius: var(--syn-border-radius-none);\n  }\n\n  :host(:not(:last-of-type)) .breadcrumb-item__label {\n    color: var(--syn-typography-color-text);\n  }\n\n  :host(:not(:last-of-type)) .breadcrumb-item__label:hover {\n    color: var(--syn-color-primary-600);\n  }\n\n  :host(:not(:last-of-type)) .breadcrumb-item__label:active {\n    color: var(--syn-color-primary-950);\n  }\n\n  .breadcrumb-item--has-prefix .breadcrumb-item__prefix {\n    margin-inline-end: var(--syn-spacing-2x-small);\n  }\n\n  .breadcrumb-item--has-suffix .breadcrumb-item__suffix {\n    margin-inline-start: var(--syn-spacing-2x-small);\n  }\n\n  /**\n   * Adjust color and font size to match Synergy's typography.\n   */\n  .breadcrumb-item--has-prefix .breadcrumb-item__prefix,\n  .breadcrumb-item--has-suffix .breadcrumb-item__suffix {\n    color: var(--syn-typography-color-text);\n    font-size: var(--syn-spacing-medium);\n  }\n\n  /**\n   * Make sure the color of the last item's prefix and suffix matches the text.\n   */\n  :host(:last-of-type) .breadcrumb-item--has-prefix .breadcrumb-item__prefix,\n  :host(:last-of-type) .breadcrumb-item--has-suffix .breadcrumb-item__suffix {\n    color: var(--syn-color-neutral-500);\n  }\n\n  .breadcrumb-item__separator {\n    font-size: var(--syn-spacing-medium);\n    margin: 0 var(--syn-spacing-x-small) 0 var(--syn-spacing-2x-small);\n  }\n\n  /**\n   * Make sure the direction of the chevron matches the direction of the text.\n   */\n  .breadcrumb-item__separator ::slotted(syn-icon.ltr) {\n    rotate: -90deg;\n  }\n\n  .breadcrumb-item__separator ::slotted(syn-icon.rtl) {\n    rotate: 90deg;\n  }\n\n  .breadcrumb-item__label--drop-down {\n    display: flex;\n  }\n`;\n"],
+  "mappings": ";AAAA,SAAS,WAAW;AAEpB,IAAO,wCAAQ;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/chunks/{chunk.QABH4GYW.js → chunk.O53BTQWD.js}

@@ -1,6 +1,6 @@
 import {
   SynSpinner
-} from "./chunk.5GJBOJOJ.js";
+} from "./chunk.7L6RIM5M.js";
 
 // src/components/spinner/spinner.ts
 var spinner_default = SynSpinner;
@@ -9,4 +9,4 @@ SynSpinner.define("syn-spinner");
 export {
   spinner_default
 };
-//# sourceMappingURL=chunk.QABH4GYW.js.map
+//# sourceMappingURL=chunk.O53BTQWD.js.map

package/dist/chunks/{chunk.WNMVQDJ4.js → chunk.O6SSJ23X.js}

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

package/dist/chunks/{chunk.U7BPATGD.js → chunk.OHAJFCI2.js}

@@ -4,7 +4,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.Q7UHNN5N.js";
+} from "./chunk.QHHUWWKO.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -87,4 +87,4 @@ function findButton(el) {
 export {
   SynButtonGroup
 };
-//# sourceMappingURL=chunk.U7BPATGD.js.map
+//# sourceMappingURL=chunk.OHAJFCI2.js.map

package/dist/chunks/{chunk.P5AMPKUK.js → chunk.OYB4Y7ET.js}

@@ -1,3 +1,6 @@
+import {
+  badge_custom_styles_default
+} from "./chunk.WQJRBFZA.js";
 import {
   badge_styles_default
 } from "./chunk.II4PANKR.js";
@@ -7,10 +10,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.Q7UHNN5N.js";
-import {
-  badge_custom_styles_default
-} from "./chunk.WQJRBFZA.js";
+} from "./chunk.QHHUWWKO.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -58,4 +58,4 @@ __decorateClass([
 export {
   SynBadge
 };
-//# sourceMappingURL=chunk.P5AMPKUK.js.map
+//# sourceMappingURL=chunk.OYB4Y7ET.js.map