@ds-mo/ui 2.8.0 → 2.10.0

package/dist/components/p-DUDppafq.js

@@ -1,2 +0,0 @@
-import{p as o,H as r,c as n,h as t,a,t as e}from"./index.js";import{d as i}from"./p-DgDSRPSP.js";const s=()=>`.btn-host.sc-ds-button{display:inline-block}.btn-host--full.sc-ds-button{display:block;width:100%}.btn.sc-ds-button{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:var(--dimension-radius-050);cursor:pointer;position:relative;transition:transform var(--effect-motion-short-2);height:var(--dimension-size-400);font-family:inherit;color:var(--color-foreground-primary);background:transparent;box-sizing:border-box;text-decoration:none;user-select:none;outline:none;width:100%;--_hover-bg:var(--color-interaction-hover);--_pressed-bg:var(--color-interaction-pressed);--_border:var(--color-border-tertiary)}.btn.sc-ds-button:focus-visible{outline:var(--dimension-stroke-width-025) solid var(--color-interaction-focus);outline-offset:var(--dimension-space-025)}.btn.sc-ds-button:hover:not(.inactive){background-color:var(--_hover-bg)}.btn.sc-ds-button:active:not(.inactive){background-color:var(--_pressed-bg);transform:scale(var(--dimension-scale-subtle))}.onMedium.sc-ds-button{--_hover-bg:var(--color-interaction-on-medium-background-hover);--_pressed-bg:var(--color-interaction-on-medium-background-pressed);--_border:var(--color-border-on-medium-background-tertiary)}.onBold.sc-ds-button{--_hover-bg:var(--color-interaction-on-bold-background-hover);--_pressed-bg:var(--color-interaction-on-bold-background-pressed);--_border:var(--color-border-on-bold-background-tertiary)}.onStrong.sc-ds-button{--_hover-bg:var(--color-interaction-on-strong-background-hover);--_pressed-bg:var(--color-interaction-on-strong-background-pressed);--_border:var(--color-border-on-strong-background-tertiary)}.onAlwaysDark.sc-ds-button{--_hover-bg:var(--color-always-dark-interaction-hover);--_pressed-bg:var(--color-always-dark-interaction-pressed);--_border:var(--color-always-dark-border-tertiary)}.primary.sc-ds-button{color:var(--color-foreground-on-bold-background-primary)}.primary.intentNone.sc-ds-button{background-color:var(--color-inverted-background);color:var(--color-inverted-foreground-primary);--_hover-bg:color-mix(in oklch, var(--color-inverted-background) 90%, var(--color-inverted-foreground-primary));--_pressed-bg:color-mix(in oklch, var(--color-inverted-background) 85%, var(--color-inverted-foreground-primary));--_border:var(--color-inverted-border-tertiary)}.primary.sc-ds-button:not(.intentNone){background-color:var(--_bg);--_hover-bg:color-mix(in oklch, var(--_bg) 85%, var(--color-foreground-on-bold-background-primary));--_pressed-bg:color-mix(in oklch, var(--_bg) 80%, var(--color-foreground-on-bold-background-primary))}.primary.intentBrand.sc-ds-button{--_bg:var(--color-background-bold-brand);color:var(--color-foreground-faint-brand)}.primary.intentNeutral.sc-ds-button{--_bg:var(--color-background-bold-neutral);color:var(--color-foreground-faint-neutral)}.primary.intentPositive.sc-ds-button{--_bg:var(--color-background-bold-positive);color:var(--color-foreground-faint-positive)}.primary.intentNegative.sc-ds-button{--_bg:var(--color-background-bold-negative);color:var(--color-foreground-faint-negative)}.primary.intentWarning.sc-ds-button{--_bg:var(--color-background-bold-warning);color:var(--color-foreground-faint-warning)}.primary.intentCaution.sc-ds-button{--_bg:var(--color-background-bold-caution);color:var(--color-foreground-faint-caution)}.primary.intentAi.sc-ds-button{--_bg:var(--color-background-bold-ai);color:var(--color-foreground-faint-ai)}.primary.contrastMedium.sc-ds-button{--_hover-bg:color-mix(in oklch, var(--_bg) 85%, var(--color-foreground-primary));--_pressed-bg:color-mix(in oklch, var(--_bg) 80%, var(--color-foreground-primary))}.primary.contrastMedium.intentBrand.sc-ds-button{--_bg:var(--color-background-medium-brand);color:var(--color-foreground-strong-brand)}.primary.contrastMedium.intentNeutral.sc-ds-button{--_bg:var(--color-background-medium-neutral);color:var(--color-foreground-strong-neutral)}.primary.contrastMedium.intentPositive.sc-ds-button{--_bg:var(--color-background-medium-positive);color:var(--color-foreground-strong-positive)}.primary.contrastMedium.intentNegative.sc-ds-button{--_bg:var(--color-background-medium-negative);color:var(--color-foreground-strong-negative)}.primary.contrastMedium.intentWarning.sc-ds-button{--_bg:var(--color-background-medium-warning);color:var(--color-foreground-strong-warning)}.primary.contrastMedium.intentCaution.sc-ds-button{--_bg:var(--color-background-medium-caution);color:var(--color-foreground-strong-caution)}.primary.contrastMedium.intentAi.sc-ds-button{--_bg:var(--color-background-medium-ai);color:var(--color-foreground-strong-ai)}.primary.contrastStrong.sc-ds-button{--_hover-bg:color-mix(in oklch, var(--_bg) 90%, var(--color-foreground-on-bold-background-primary));--_pressed-bg:color-mix(in oklch, var(--_bg) 85%, var(--color-foreground-on-bold-background-primary))}.primary.contrastStrong.intentBrand.sc-ds-button{--_bg:var(--color-background-strong-brand);color:var(--color-foreground-medium-brand)}.primary.contrastStrong.intentNeutral.sc-ds-button{--_bg:var(--color-background-strong-neutral);color:var(--color-foreground-medium-neutral)}.primary.contrastStrong.intentPositive.sc-ds-button{--_bg:var(--color-background-strong-positive);color:var(--color-foreground-medium-positive)}.primary.contrastStrong.intentNegative.sc-ds-button{--_bg:var(--color-background-strong-negative);color:var(--color-foreground-medium-negative)}.primary.contrastStrong.intentWarning.sc-ds-button{--_bg:var(--color-background-strong-warning);color:var(--color-foreground-medium-warning)}.primary.contrastStrong.intentCaution.sc-ds-button{--_bg:var(--color-background-strong-caution);color:var(--color-foreground-medium-caution)}.primary.contrastStrong.intentAi.sc-ds-button{--_bg:var(--color-background-strong-ai);color:var(--color-foreground-medium-ai)}.primary.contrastFaint.sc-ds-button{--_hover-bg:color-mix(in oklch, var(--_bg) 90%, var(--color-foreground-primary));--_pressed-bg:color-mix(in oklch, var(--_bg) 85%, var(--color-foreground-primary))}.primary.contrastFaint.intentBrand.sc-ds-button{--_bg:var(--color-background-faint-brand);color:var(--color-foreground-bold-brand)}.primary.contrastFaint.intentNeutral.sc-ds-button{--_bg:var(--color-background-faint-neutral);color:var(--color-foreground-bold-neutral)}.primary.contrastFaint.intentPositive.sc-ds-button{--_bg:var(--color-background-faint-positive);color:var(--color-foreground-bold-positive)}.primary.contrastFaint.intentNegative.sc-ds-button{--_bg:var(--color-background-faint-negative);color:var(--color-foreground-bold-negative)}.primary.contrastFaint.intentWarning.sc-ds-button{--_bg:var(--color-background-faint-warning);color:var(--color-foreground-bold-warning)}.primary.contrastFaint.intentCaution.sc-ds-button{--_bg:var(--color-background-faint-caution);color:var(--color-foreground-bold-caution)}.primary.contrastFaint.intentAi.sc-ds-button{--_bg:var(--color-background-faint-ai);color:var(--color-foreground-bold-ai)}.primary.intentNone.onStrong.sc-ds-button,.primary.intentNone.onAlwaysDark.sc-ds-button{background-color:var(--color-background-primary);color:var(--color-foreground-primary);--_hover-bg:color-mix(in oklch, var(--color-background-primary) 90%, var(--color-foreground-primary));--_pressed-bg:color-mix(in oklch, var(--color-background-primary) 85%, var(--color-foreground-primary));--_border:var(--color-border-tertiary)}.secondary.sc-ds-button{background-color:transparent;color:var(--color-foreground-secondary)}.secondary.intentBrand.sc-ds-button{color:var(--color-foreground-bold-brand)}.secondary.intentNeutral.sc-ds-button{color:var(--color-foreground-bold-neutral)}.secondary.intentPositive.sc-ds-button{color:var(--color-foreground-bold-positive)}.secondary.intentNegative.sc-ds-button{color:var(--color-foreground-bold-negative)}.secondary.intentWarning.sc-ds-button{color:var(--color-foreground-bold-warning)}.secondary.intentCaution.sc-ds-button{color:var(--color-foreground-bold-caution)}.secondary.intentAi.sc-ds-button{color:var(--color-foreground-bold-ai)}.secondary.onMedium.sc-ds-button{color:var(--color-foreground-primary)}.secondary.onMedium.intentBrand.sc-ds-button{color:var(--color-foreground-strong-brand)}.secondary.onMedium.intentNeutral.sc-ds-button{color:var(--color-foreground-strong-neutral)}.secondary.onMedium.intentPositive.sc-ds-button{color:var(--color-foreground-strong-positive)}.secondary.onMedium.intentNegative.sc-ds-button{color:var(--color-foreground-strong-negative)}.secondary.onMedium.intentWarning.sc-ds-button{color:var(--color-foreground-strong-warning)}.secondary.onMedium.intentCaution.sc-ds-button{color:var(--color-foreground-strong-caution)}.secondary.onMedium.intentAi.sc-ds-button{color:var(--color-foreground-strong-ai)}.secondary.onBold.sc-ds-button{color:var(--color-foreground-on-bold-background-secondary)}.secondary.onBold.intentBrand.sc-ds-button{color:var(--color-foreground-faint-brand)}.secondary.onBold.intentNeutral.sc-ds-button{color:var(--color-foreground-faint-neutral)}.secondary.onBold.intentPositive.sc-ds-button{color:var(--color-foreground-faint-positive)}.secondary.onBold.intentNegative.sc-ds-button{color:var(--color-foreground-faint-negative)}.secondary.onBold.intentWarning.sc-ds-button{color:var(--color-foreground-faint-warning)}.secondary.onBold.intentCaution.sc-ds-button{color:var(--color-foreground-faint-caution)}.secondary.onBold.intentAi.sc-ds-button{color:var(--color-foreground-faint-ai)}.secondary.onAlwaysDark.sc-ds-button{color:var(--color-always-dark-foreground-secondary)}.secondary.onAlwaysDark.intentBrand.sc-ds-button{color:var(--color-always-dark-foreground-brand)}.secondary.onAlwaysDark.intentNeutral.sc-ds-button{color:var(--color-always-dark-foreground-neutral)}.secondary.onAlwaysDark.intentPositive.sc-ds-button{color:var(--color-always-dark-foreground-positive)}.secondary.onAlwaysDark.intentNegative.sc-ds-button{color:var(--color-always-dark-foreground-negative)}.secondary.onAlwaysDark.intentWarning.sc-ds-button{color:var(--color-always-dark-foreground-warning)}.secondary.onAlwaysDark.intentCaution.sc-ds-button{color:var(--color-always-dark-foreground-caution)}.secondary.onAlwaysDark.intentAi.sc-ds-button{color:var(--color-always-dark-foreground-ai)}.secondary.onStrong.sc-ds-button{color:var(--color-foreground-on-bold-background-secondary)}.secondary.onStrong.intentBrand.sc-ds-button{color:var(--color-foreground-faint-brand)}.secondary.onStrong.intentNeutral.sc-ds-button{color:var(--color-foreground-faint-neutral)}.secondary.onStrong.intentPositive.sc-ds-button{color:var(--color-foreground-faint-positive)}.secondary.onStrong.intentNegative.sc-ds-button{color:var(--color-foreground-faint-negative)}.secondary.onStrong.intentWarning.sc-ds-button{color:var(--color-foreground-faint-warning)}.secondary.onStrong.intentCaution.sc-ds-button{color:var(--color-foreground-faint-caution)}.secondary.onStrong.intentAi.sc-ds-button{color:var(--color-foreground-faint-ai)}.secondary.elevationFlat.sc-ds-button{box-shadow:inset 0 0 0 1px var(--_border)}.secondary.elevationElevated.sc-ds-button{background-color:var(--color-background-primary);box-shadow:var(--effect-elevation-elevated-sm);--_hover-bg:color-mix(in oklch, var(--color-background-primary) 90%, var(--color-foreground-primary));--_pressed-bg:color-mix(in oklch, var(--color-background-primary) 85%, var(--color-foreground-primary))}.secondary.elevationFloating.sc-ds-button{background-color:var(--color-background-primary);box-shadow:var(--effect-elevation-elevated-floating);--_hover-bg:color-mix(in oklch, var(--color-background-primary) 90%, var(--color-foreground-primary));--_pressed-bg:color-mix(in oklch, var(--color-background-primary) 85%, var(--color-foreground-primary))}.primary.elevationElevated.sc-ds-button{box-shadow:var(--effect-elevation-elevated-sm)}.primary.elevationNone.sc-ds-button{box-shadow:none}.primary.elevationFlat.sc-ds-button{box-shadow:inset 0 0 0 1px var(--_border)}.primary.intentNone.elevationFlat.sc-ds-button{--_border:var(--color-border-tertiary)}.primary.elevationFloating.sc-ds-button{box-shadow:var(--effect-elevation-elevated-floating) !important}.iconOnly.sc-ds-button{padding:0;width:var(--dimension-size-400);min-width:var(--dimension-size-400)}.labelOnly.sc-ds-button{padding:0 var(--dimension-space-100)}.iconAndLabel.sc-ds-button{padding:0 var(--dimension-space-100) 0 var(--dimension-space-075);gap:var(--dimension-space-025)}.dropdown.sc-ds-button{gap:var(--dimension-space-050)}.sizeSM.sc-ds-button{height:var(--dimension-size-300)}.sizeSM.iconOnly.sc-ds-button{width:var(--dimension-size-300);min-width:var(--dimension-size-300)}.sizeSM.labelOnly.sc-ds-button{padding:0 var(--dimension-space-075)}.sizeSM.iconAndLabel.sc-ds-button{padding:0 var(--dimension-space-075) 0 var(--dimension-space-050);gap:1px}.sizeXS.sc-ds-button{height:var(--dimension-size-200)}.sizeXS.iconOnly.sc-ds-button{width:var(--dimension-size-200);min-width:var(--dimension-size-200)}.sizeXS.labelOnly.sc-ds-button,.sizeXS.iconAndLabel.sc-ds-button{padding:0 var(--dimension-space-025);gap:0}.sizeLG.sc-ds-button{height:var(--dimension-size-500)}.sizeLG.iconOnly.sc-ds-button{width:var(--dimension-size-500);min-width:var(--dimension-size-500)}.sizeLG.labelOnly.sc-ds-button{padding:0 var(--dimension-space-150)}.sizeLG.iconAndLabel.sc-ds-button{padding:0 var(--dimension-space-150) 0 var(--dimension-space-100);gap:var(--dimension-space-075)}.rounded.sc-ds-button{border-radius:var(--dimension-radius-half)}.rounded.labelOnly.sc-ds-button{padding-left:calc(var(--dimension-space-100) + var(--dimension-space-050));padding-right:calc(var(--dimension-space-100) + var(--dimension-space-050))}.rounded.iconAndLabel.sc-ds-button{padding-left:calc(var(--dimension-space-075) + var(--dimension-space-050));padding-right:calc(var(--dimension-space-100) + var(--dimension-space-050))}.rounded.sizeSM.labelOnly.sc-ds-button{padding-left:calc(var(--dimension-space-075) + var(--dimension-space-050));padding-right:calc(var(--dimension-space-075) + var(--dimension-space-050))}.rounded.sizeSM.iconAndLabel.sc-ds-button{padding-left:calc(var(--dimension-space-050) + var(--dimension-space-050));padding-right:calc(var(--dimension-space-075) + var(--dimension-space-050))}.rounded.sizeLG.labelOnly.sc-ds-button{padding-left:calc(var(--dimension-space-150) + var(--dimension-space-050));padding-right:calc(var(--dimension-space-150) + var(--dimension-space-050))}.rounded.sizeLG.iconAndLabel.sc-ds-button{padding-left:calc(var(--dimension-space-100) + var(--dimension-space-050));padding-right:calc(var(--dimension-space-150) + var(--dimension-space-050))}.inactive.sc-ds-button{opacity:0.5;cursor:not-allowed;pointer-events:none}.fullWidth.sc-ds-button{display:flex;width:100%}.btn__icon.sc-ds-button{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;line-height:0}.btn__label.sc-ds-button{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn__chevron.sc-ds-button{flex-shrink:0}.btn__badge.sc-ds-button{position:absolute;top:var(--dimension-space-025);right:var(--dimension-space-025);font-size:var(--typography-fontsize-xs);font-weight:var(--typography-weight-semibold);line-height:var(--typography-lineheight-xs);color:var(--color-foreground-secondary);pointer-events:none;z-index:10}`;const d={xs:12,sm:16,md:20,lg:24};const c={xs:"text-caption-emphasis",sm:"text-body-small-emphasis",md:"text-body-medium-emphasis",lg:"text-body-large-emphasis"};const l=o(class o extends r{constructor(o){super();if(o!==false){this.__registerHost()}this.dsClick=n(this,"dsClick");this.dsMouseEnter=n(this,"dsMouseEnter");this.dsMouseLeave=n(this,"dsMouseLeave");this.variant="primary";this.intent="brand";this.size="md";this.rounded=false;this.fullWidth=false;this.contrast="bold";this.dropdown=false;this.loading=false;this.inactive=false;this.type="button";this.hasIcon=false;this.handleClick=o=>{if(this.inactive||this.loading)return;this.dsClick.emit(o)}}componentWillLoad(){this.hasIcon=!!this.el.querySelector('[slot="icon"]')}get effectiveElevation(){return this.elevation??(this.variant==="primary"?"none":"flat")}render(){const o=this.href?"a":"button";const r=this.size;const n=d[r];const e=c[r];const i=this.effectiveElevation;const s=!!this.label;const l=this.hasIcon||this.loading;const b=l&&!s;const g=s&&!l;const v=l&&s;const m=this.background;const p={btn:true,[this.variant]:true,[`intent${u(this.intent)}`]:true,[`size${r.toUpperCase()}`]:r!=="md",rounded:this.rounded,inactive:this.inactive||this.loading,iconOnly:b,labelOnly:g,iconAndLabel:v,dropdown:this.dropdown,[`contrast${u(this.contrast)}`]:this.variant==="primary"&&this.intent!=="none"&&this.contrast!=="bold",[`elevation${u(i)}`]:true,onMedium:m==="medium",onBold:m==="bold",onStrong:m==="strong",onAlwaysDark:m==="always-dark",fullWidth:this.fullWidth};const f={};if(o==="button"){f.type=this.type;f.disabled=this.inactive||this.loading}if(this.href)f.href=this.href;if(this.target)f.target=this.target;return t(a,{key:"53bffbeb6ad785dd542e220a0479abce151b53bf",class:{"btn-host":true,"btn-host--full":this.fullWidth}},t(o,{key:"bc22e851706ab643a4ba3d19c0b9300cce1bb863",class:p,style:this.width?{width:this.width}:undefined,"aria-label":this.ariaLabel,"aria-labelledby":this.ariaLabelledby,"aria-disabled":this.inactive||this.loading||undefined,"aria-busy":this.loading||undefined,onClick:this.handleClick,onMouseEnter:o=>!this.inactive&&!this.loading&&this.dsMouseEnter.emit(o),onMouseLeave:o=>!this.inactive&&!this.loading&&this.dsMouseLeave.emit(o),...f},t("span",{key:"38a68e4945a8e7517f67bbc3677d4d85878f767d",class:"btn__icon",style:{fontSize:`${n}px`,display:l?undefined:"none"}},this.loading?t("ds-loader",{size:n}):t("slot",{name:"icon"})),s&&t("span",{key:"9fdb9b30dbc61863f05960301f3c867a25634203",class:`btn__label ${e}`},this.label),this.dropdown&&t("svg",{key:"2687d9a0465f28cfc1f8927a2431ae1fd5acc540",class:"btn__chevron",width:n,height:n,viewBox:"0 0 20 20",fill:"none","aria-hidden":"true"},t("path",{key:"03253b27426d2805522167c9f32be8345b80eb1c",d:"M5 7.5L10 12.5L15 7.5",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"})),this.badgeCount!=null&&this.badgeCount>0&&t("span",{key:"57824101f159d9b75bfefd999d1e3c9234072372",class:"btn__badge"},this.badgeCount>9?"+":this.badgeCount)))}get el(){return this}static get style(){return s()}},[262,"ds-button",{variant:[1],intent:[1],size:[1],label:[1],rounded:[4],fullWidth:[4,"full-width"],width:[1],contrast:[1],background:[1],dropdown:[4],badgeCount:[2,"badge-count"],elevation:[1],loading:[4],inactive:[4],href:[1],target:[1],type:[1],ariaLabel:[1,"aria-label"],ariaLabelledby:[1,"aria-labelledby"],hasIcon:[32]}]);function u(o){return o.charAt(0).toUpperCase()+o.slice(1)}function b(){if(typeof customElements==="undefined"){return}const o=["ds-button","ds-loader"];o.forEach((o=>{switch(o){case"ds-button":if(!customElements.get(e(o))){customElements.define(e(o),l)}break;case"ds-loader":if(!customElements.get(e(o))){i()}break}}))}b();export{l as B,b as d};
-//# sourceMappingURL=p-DUDppafq.js.map

package/dist/components/p-DUDppafq.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["buttonCss","ICON_SIZE","xs","sm","md","lg","TEXT_CLASS","Button","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","variant","intent","size","rounded","fullWidth","contrast","dropdown","loading","inactive","type","hasIcon","handleClick","e","dsClick","emit","componentWillLoad","el","querySelector","effectiveElevation","elevation","render","Tag","href","iconSize","textClass","elev","hasLabel","label","showLeading","isIconOnly","isLabelOnly","isIconAndLabel","bg","background","btnCls","btn","cap","toUpperCase","iconOnly","labelOnly","iconAndLabel","onMedium","onBold","onStrong","onAlwaysDark","extraProps","disabled","target","h","Host","key","class","style","width","undefined","ariaLabel","ariaLabelledby","onClick","onMouseEnter","dsMouseEnter","onMouseLeave","dsMouseLeave","fontSize","display","name","height","viewBox","fill","d","stroke","badgeCount","s","charAt","slice"],"sources":["src/wc/components/Button/Button.css?tag=ds-button&encapsulation=scoped","src/wc/components/Button/Button.tsx"],"sourcesContent":["/* ── Host wrapper ─────────────────────────────────────────────────────────── */\n\n.btn-host {\n  display: inline-block;\n}\n\n.btn-host--full {\n  display: block;\n  width: 100%;\n}\n\n/* ── Base button ──────────────────────────────────────────────────────────── */\n\n.btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border: none;\n  border-radius: var(--dimension-radius-050);\n  cursor: pointer;\n  position: relative;\n  transition: transform var(--effect-motion-short-2);\n  height: var(--dimension-size-400);\n  font-family: inherit;\n  color: var(--color-foreground-primary);\n  background: transparent;\n  box-sizing: border-box;\n  text-decoration: none;\n  user-select: none;\n  outline: none;\n  width: 100%;\n\n  --_hover-bg: var(--color-interaction-hover);\n  --_pressed-bg: var(--color-interaction-pressed);\n  --_border: var(--color-border-tertiary);\n}\n\n.btn:focus-visible {\n  outline: var(--dimension-stroke-width-025) solid var(--color-interaction-focus);\n  outline-offset: var(--dimension-space-025);\n}\n\n.btn:hover:not(.inactive) {\n  background-color: var(--_hover-bg);\n}\n\n.btn:active:not(.inactive) {\n  background-color: var(--_pressed-bg);\n  transform: scale(var(--dimension-scale-subtle));\n}\n\n/* ── Background context ───────────────────────────────────────────────────── */\n\n.onMedium {\n  --_hover-bg: var(--color-interaction-on-medium-background-hover);\n  --_pressed-bg: var(--color-interaction-on-medium-background-pressed);\n  --_border: var(--color-border-on-medium-background-tertiary);\n}\n\n.onBold {\n  --_hover-bg: var(--color-interaction-on-bold-background-hover);\n  --_pressed-bg: var(--color-interaction-on-bold-background-pressed);\n  --_border: var(--color-border-on-bold-background-tertiary);\n}\n\n.onStrong {\n  --_hover-bg: var(--color-interaction-on-strong-background-hover);\n  --_pressed-bg: var(--color-interaction-on-strong-background-pressed);\n  --_border: var(--color-border-on-strong-background-tertiary);\n}\n\n.onAlwaysDark {\n  --_hover-bg: var(--color-always-dark-interaction-hover);\n  --_pressed-bg: var(--color-always-dark-interaction-pressed);\n  --_border: var(--color-always-dark-border-tertiary);\n}\n\n/* ── Primary variant ──────────────────────────────────────────────────────── */\n\n.primary {\n  color: var(--color-foreground-on-bold-background-primary);\n}\n\n.primary.intentNone {\n  background-color: var(--color-inverted-background);\n  color: var(--color-inverted-foreground-primary);\n  --_hover-bg: color-mix(in oklch, var(--color-inverted-background) 90%, var(--color-inverted-foreground-primary));\n  --_pressed-bg: color-mix(in oklch, var(--color-inverted-background) 85%, var(--color-inverted-foreground-primary));\n  --_border: var(--color-inverted-border-tertiary);\n}\n\n.primary:not(.intentNone) {\n  background-color: var(--_bg);\n  --_hover-bg: color-mix(in oklch, var(--_bg) 85%, var(--color-foreground-on-bold-background-primary));\n  --_pressed-bg: color-mix(in oklch, var(--_bg) 80%, var(--color-foreground-on-bold-background-primary));\n}\n\n/* Bold contrast (default) */\n.primary.intentBrand    { --_bg: var(--color-background-bold-brand);    color: var(--color-foreground-faint-brand); }\n.primary.intentNeutral  { --_bg: var(--color-background-bold-neutral);  color: var(--color-foreground-faint-neutral); }\n.primary.intentPositive { --_bg: var(--color-background-bold-positive); color: var(--color-foreground-faint-positive); }\n.primary.intentNegative { --_bg: var(--color-background-bold-negative); color: var(--color-foreground-faint-negative); }\n.primary.intentWarning  { --_bg: var(--color-background-bold-warning);  color: var(--color-foreground-faint-warning); }\n.primary.intentCaution  { --_bg: var(--color-background-bold-caution);  color: var(--color-foreground-faint-caution); }\n.primary.intentAi       { --_bg: var(--color-background-bold-ai);       color: var(--color-foreground-faint-ai); }\n\n/* Medium contrast */\n.primary.contrastMedium {\n  --_hover-bg: color-mix(in oklch, var(--_bg) 85%, var(--color-foreground-primary));\n  --_pressed-bg: color-mix(in oklch, var(--_bg) 80%, var(--color-foreground-primary));\n}\n.primary.contrastMedium.intentBrand    { --_bg: var(--color-background-medium-brand);    color: var(--color-foreground-strong-brand); }\n.primary.contrastMedium.intentNeutral  { --_bg: var(--color-background-medium-neutral);  color: var(--color-foreground-strong-neutral); }\n.primary.contrastMedium.intentPositive { --_bg: var(--color-background-medium-positive); color: var(--color-foreground-strong-positive); }\n.primary.contrastMedium.intentNegative { --_bg: var(--color-background-medium-negative); color: var(--color-foreground-strong-negative); }\n.primary.contrastMedium.intentWarning  { --_bg: var(--color-background-medium-warning);  color: var(--color-foreground-strong-warning); }\n.primary.contrastMedium.intentCaution  { --_bg: var(--color-background-medium-caution);  color: var(--color-foreground-strong-caution); }\n.primary.contrastMedium.intentAi       { --_bg: var(--color-background-medium-ai);       color: var(--color-foreground-strong-ai); }\n\n/* Strong contrast */\n.primary.contrastStrong {\n  --_hover-bg: color-mix(in oklch, var(--_bg) 90%, var(--color-foreground-on-bold-background-primary));\n  --_pressed-bg: color-mix(in oklch, var(--_bg) 85%, var(--color-foreground-on-bold-background-primary));\n}\n.primary.contrastStrong.intentBrand    { --_bg: var(--color-background-strong-brand);    color: var(--color-foreground-medium-brand); }\n.primary.contrastStrong.intentNeutral  { --_bg: var(--color-background-strong-neutral);  color: var(--color-foreground-medium-neutral); }\n.primary.contrastStrong.intentPositive { --_bg: var(--color-background-strong-positive); color: var(--color-foreground-medium-positive); }\n.primary.contrastStrong.intentNegative { --_bg: var(--color-background-strong-negative); color: var(--color-foreground-medium-negative); }\n.primary.contrastStrong.intentWarning  { --_bg: var(--color-background-strong-warning);  color: var(--color-foreground-medium-warning); }\n.primary.contrastStrong.intentCaution  { --_bg: var(--color-background-strong-caution);  color: var(--color-foreground-medium-caution); }\n.primary.contrastStrong.intentAi       { --_bg: var(--color-background-strong-ai);       color: var(--color-foreground-medium-ai); }\n\n/* Faint contrast */\n.primary.contrastFaint {\n  --_hover-bg: color-mix(in oklch, var(--_bg) 90%, var(--color-foreground-primary));\n  --_pressed-bg: color-mix(in oklch, var(--_bg) 85%, var(--color-foreground-primary));\n}\n.primary.contrastFaint.intentBrand    { --_bg: var(--color-background-faint-brand);    color: var(--color-foreground-bold-brand); }\n.primary.contrastFaint.intentNeutral  { --_bg: var(--color-background-faint-neutral);  color: var(--color-foreground-bold-neutral); }\n.primary.contrastFaint.intentPositive { --_bg: var(--color-background-faint-positive); color: var(--color-foreground-bold-positive); }\n.primary.contrastFaint.intentNegative { --_bg: var(--color-background-faint-negative); color: var(--color-foreground-bold-negative); }\n.primary.contrastFaint.intentWarning  { --_bg: var(--color-background-faint-warning);  color: var(--color-foreground-bold-warning); }\n.primary.contrastFaint.intentCaution  { --_bg: var(--color-background-faint-caution);  color: var(--color-foreground-bold-caution); }\n.primary.contrastFaint.intentAi       { --_bg: var(--color-background-faint-ai);       color: var(--color-foreground-bold-ai); }\n\n/* intentNone on strong/always-dark */\n.primary.intentNone.onStrong,\n.primary.intentNone.onAlwaysDark {\n  background-color: var(--color-background-primary);\n  color: var(--color-foreground-primary);\n  --_hover-bg: color-mix(in oklch, var(--color-background-primary) 90%, var(--color-foreground-primary));\n  --_pressed-bg: color-mix(in oklch, var(--color-background-primary) 85%, var(--color-foreground-primary));\n  --_border: var(--color-border-tertiary);\n}\n\n/* ── Secondary variant ────────────────────────────────────────────────────── */\n\n.secondary {\n  background-color: transparent;\n  color: var(--color-foreground-secondary);\n}\n\n.secondary.intentBrand    { color: var(--color-foreground-bold-brand); }\n.secondary.intentNeutral  { color: var(--color-foreground-bold-neutral); }\n.secondary.intentPositive { color: var(--color-foreground-bold-positive); }\n.secondary.intentNegative { color: var(--color-foreground-bold-negative); }\n.secondary.intentWarning  { color: var(--color-foreground-bold-warning); }\n.secondary.intentCaution  { color: var(--color-foreground-bold-caution); }\n.secondary.intentAi       { color: var(--color-foreground-bold-ai); }\n\n.secondary.onMedium { color: var(--color-foreground-primary); }\n.secondary.onMedium.intentBrand    { color: var(--color-foreground-strong-brand); }\n.secondary.onMedium.intentNeutral  { color: var(--color-foreground-strong-neutral); }\n.secondary.onMedium.intentPositive { color: var(--color-foreground-strong-positive); }\n.secondary.onMedium.intentNegative { color: var(--color-foreground-strong-negative); }\n.secondary.onMedium.intentWarning  { color: var(--color-foreground-strong-warning); }\n.secondary.onMedium.intentCaution  { color: var(--color-foreground-strong-caution); }\n.secondary.onMedium.intentAi       { color: var(--color-foreground-strong-ai); }\n\n.secondary.onBold { color: var(--color-foreground-on-bold-background-secondary); }\n.secondary.onBold.intentBrand    { color: var(--color-foreground-faint-brand); }\n.secondary.onBold.intentNeutral  { color: var(--color-foreground-faint-neutral); }\n.secondary.onBold.intentPositive { color: var(--color-foreground-faint-positive); }\n.secondary.onBold.intentNegative { color: var(--color-foreground-faint-negative); }\n.secondary.onBold.intentWarning  { color: var(--color-foreground-faint-warning); }\n.secondary.onBold.intentCaution  { color: var(--color-foreground-faint-caution); }\n.secondary.onBold.intentAi       { color: var(--color-foreground-faint-ai); }\n\n.secondary.onAlwaysDark { color: var(--color-always-dark-foreground-secondary); }\n.secondary.onAlwaysDark.intentBrand    { color: var(--color-always-dark-foreground-brand); }\n.secondary.onAlwaysDark.intentNeutral  { color: var(--color-always-dark-foreground-neutral); }\n.secondary.onAlwaysDark.intentPositive { color: var(--color-always-dark-foreground-positive); }\n.secondary.onAlwaysDark.intentNegative { color: var(--color-always-dark-foreground-negative); }\n.secondary.onAlwaysDark.intentWarning  { color: var(--color-always-dark-foreground-warning); }\n.secondary.onAlwaysDark.intentCaution  { color: var(--color-always-dark-foreground-caution); }\n.secondary.onAlwaysDark.intentAi       { color: var(--color-always-dark-foreground-ai); }\n\n.secondary.onStrong { color: var(--color-foreground-on-bold-background-secondary); }\n.secondary.onStrong.intentBrand    { color: var(--color-foreground-faint-brand); }\n.secondary.onStrong.intentNeutral  { color: var(--color-foreground-faint-neutral); }\n.secondary.onStrong.intentPositive { color: var(--color-foreground-faint-positive); }\n.secondary.onStrong.intentNegative { color: var(--color-foreground-faint-negative); }\n.secondary.onStrong.intentWarning  { color: var(--color-foreground-faint-warning); }\n.secondary.onStrong.intentCaution  { color: var(--color-foreground-faint-caution); }\n.secondary.onStrong.intentAi       { color: var(--color-foreground-faint-ai); }\n\n/* ── Elevation ────────────────────────────────────────────────────────────── */\n\n.secondary.elevationFlat {\n  box-shadow: inset 0 0 0 1px var(--_border);\n}\n\n.secondary.elevationElevated {\n  background-color: var(--color-background-primary);\n  box-shadow: var(--effect-elevation-elevated-sm);\n  --_hover-bg: color-mix(in oklch, var(--color-background-primary) 90%, var(--color-foreground-primary));\n  --_pressed-bg: color-mix(in oklch, var(--color-background-primary) 85%, var(--color-foreground-primary));\n}\n\n.secondary.elevationFloating {\n  background-color: var(--color-background-primary);\n  box-shadow: var(--effect-elevation-elevated-floating);\n  --_hover-bg: color-mix(in oklch, var(--color-background-primary) 90%, var(--color-foreground-primary));\n  --_pressed-bg: color-mix(in oklch, var(--color-background-primary) 85%, var(--color-foreground-primary));\n}\n\n.primary.elevationElevated { box-shadow: var(--effect-elevation-elevated-sm); }\n.primary.elevationNone     { box-shadow: none; }\n.primary.elevationFlat     { box-shadow: inset 0 0 0 1px var(--_border); }\n.primary.intentNone.elevationFlat { --_border: var(--color-border-tertiary); }\n.primary.elevationFloating { box-shadow: var(--effect-elevation-elevated-floating) !important; }\n\n/* ── Layout modes ─────────────────────────────────────────────────────────── */\n\n.iconOnly    { padding: 0; width: var(--dimension-size-400); min-width: var(--dimension-size-400); }\n.labelOnly   { padding: 0 var(--dimension-space-100); }\n.iconAndLabel { padding: 0 var(--dimension-space-100) 0 var(--dimension-space-075); gap: var(--dimension-space-025); }\n.dropdown    { gap: var(--dimension-space-050); }\n\n/* ── Sizes ────────────────────────────────────────────────────────────────── */\n\n.sizeSM { height: var(--dimension-size-300); }\n.sizeSM.iconOnly   { width: var(--dimension-size-300); min-width: var(--dimension-size-300); }\n.sizeSM.labelOnly  { padding: 0 var(--dimension-space-075); }\n.sizeSM.iconAndLabel { padding: 0 var(--dimension-space-075) 0 var(--dimension-space-050); gap: 1px; }\n\n.sizeXS { height: var(--dimension-size-200); }\n.sizeXS.iconOnly   { width: var(--dimension-size-200); min-width: var(--dimension-size-200); }\n.sizeXS.labelOnly, .sizeXS.iconAndLabel { padding: 0 var(--dimension-space-025); gap: 0; }\n\n.sizeLG { height: var(--dimension-size-500); }\n.sizeLG.iconOnly   { width: var(--dimension-size-500); min-width: var(--dimension-size-500); }\n.sizeLG.labelOnly  { padding: 0 var(--dimension-space-150); }\n.sizeLG.iconAndLabel { padding: 0 var(--dimension-space-150) 0 var(--dimension-space-100); gap: var(--dimension-space-075); }\n\n/* ── Rounded ──────────────────────────────────────────────────────────────── */\n\n.rounded { border-radius: var(--dimension-radius-half); }\n.rounded.labelOnly   { padding-left: calc(var(--dimension-space-100) + var(--dimension-space-050)); padding-right: calc(var(--dimension-space-100) + var(--dimension-space-050)); }\n.rounded.iconAndLabel { padding-left: calc(var(--dimension-space-075) + var(--dimension-space-050)); padding-right: calc(var(--dimension-space-100) + var(--dimension-space-050)); }\n.rounded.sizeSM.labelOnly   { padding-left: calc(var(--dimension-space-075) + var(--dimension-space-050)); padding-right: calc(var(--dimension-space-075) + var(--dimension-space-050)); }\n.rounded.sizeSM.iconAndLabel { padding-left: calc(var(--dimension-space-050) + var(--dimension-space-050)); padding-right: calc(var(--dimension-space-075) + var(--dimension-space-050)); }\n.rounded.sizeLG.labelOnly   { padding-left: calc(var(--dimension-space-150) + var(--dimension-space-050)); padding-right: calc(var(--dimension-space-150) + var(--dimension-space-050)); }\n.rounded.sizeLG.iconAndLabel { padding-left: calc(var(--dimension-space-100) + var(--dimension-space-050)); padding-right: calc(var(--dimension-space-150) + var(--dimension-space-050)); }\n\n/* ── Disabled ─────────────────────────────────────────────────────────────── */\n\n.inactive { opacity: 0.5; cursor: not-allowed; pointer-events: none; }\n\n/* ── Full width ───────────────────────────────────────────────────────────── */\n\n.fullWidth { display: flex; width: 100%; }\n\n/* ── Inner slots ──────────────────────────────────────────────────────────── */\n\n.btn__icon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  line-height: 0;\n}\n\n.btn__label {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.btn__chevron {\n  flex-shrink: 0;\n}\n\n.btn__badge {\n  position: absolute;\n  top: var(--dimension-space-025);\n  right: var(--dimension-space-025);\n  font-size: var(--typography-fontsize-xs);\n  font-weight: var(--typography-weight-semibold);\n  line-height: var(--typography-lineheight-xs);\n  color: var(--color-foreground-secondary);\n  pointer-events: none;\n  z-index: 10;\n}\n","import { Component, Prop, Event, EventEmitter, Element, State, h, Host } from '@stencil/core';\n\nexport type ButtonVariant   = 'primary' | 'secondary';\nexport type ButtonElevation = 'none' | 'flat' | 'elevated' | 'floating';\nexport type ButtonIntent    = 'none' | 'neutral' | 'brand' | 'ai' | 'negative' | 'warning' | 'caution' | 'positive';\nexport type ButtonSize      = 'xs' | 'sm' | 'md' | 'lg';\nexport type ButtonContrast  = 'strong' | 'bold' | 'medium' | 'faint';\nexport type ButtonBackground = 'faint' | 'medium' | 'bold' | 'strong' | 'always-dark';\n\nconst ICON_SIZE: Record<ButtonSize, number> = { xs: 12, sm: 16, md: 20, lg: 24 };\nconst TEXT_CLASS: Record<ButtonSize, string> = {\n  xs: 'text-caption-emphasis',\n  sm: 'text-body-small-emphasis',\n  md: 'text-body-medium-emphasis',\n  lg: 'text-body-large-emphasis',\n};\n\n@Component({\n  tag: 'ds-button',\n  styleUrl: 'Button.css',\n  scoped: true,\n})\nexport class Button {\n  @Element() el!: HTMLElement;\n\n  @Prop() variant: ButtonVariant = 'primary';\n  @Prop() intent: ButtonIntent = 'brand';\n  @Prop() size: ButtonSize = 'md';\n  @Prop() label: string | undefined;\n  @Prop() rounded: boolean = false;\n  @Prop() fullWidth: boolean = false;\n  @Prop() width: string | undefined;\n  @Prop() contrast: ButtonContrast = 'bold';\n  @Prop() background: ButtonBackground | undefined;\n  @Prop() dropdown: boolean = false;\n  @Prop() badgeCount: number | undefined;\n  @Prop() elevation: ButtonElevation | undefined;\n  @Prop() loading: boolean = false;\n  @Prop() inactive: boolean = false;\n  @Prop() href: string | undefined;\n  @Prop() target: string | undefined;\n  @Prop() type: 'button' | 'submit' | 'reset' = 'button';\n  @Prop({ attribute: 'aria-label' }) ariaLabel: string | undefined;\n  @Prop({ attribute: 'aria-labelledby' }) ariaLabelledby: string | undefined;\n\n  @State() private hasIcon: boolean = false;\n\n  @Event() dsClick!: EventEmitter<MouseEvent>;\n  @Event() dsMouseEnter!: EventEmitter<MouseEvent>;\n  @Event() dsMouseLeave!: EventEmitter<MouseEvent>;\n\n  componentWillLoad() {\n    this.hasIcon = !!this.el.querySelector('[slot=\"icon\"]');\n  }\n\n  private handleClick = (e: MouseEvent) => {\n    if (this.inactive || this.loading) return;\n    this.dsClick.emit(e);\n  };\n\n  private get effectiveElevation(): ButtonElevation {\n    return this.elevation ?? (this.variant === 'primary' ? 'none' : 'flat');\n  }\n\n  render() {\n    const Tag = this.href ? 'a' : 'button';\n    const size = this.size;\n    const iconSize = ICON_SIZE[size];\n    const textClass = TEXT_CLASS[size];\n    const elev = this.effectiveElevation;\n    const hasLabel = !!this.label;\n    const showLeading = this.hasIcon || this.loading;\n    const isIconOnly = showLeading && !hasLabel;\n    const isLabelOnly = hasLabel && !showLeading;\n    const isIconAndLabel = showLeading && hasLabel;\n    const bg = this.background;\n\n    const btnCls: Record<string, boolean> = {\n      btn: true,\n      [this.variant]: true,\n      [`intent${cap(this.intent)}`]: true,\n      [`size${size.toUpperCase()}`]: size !== 'md',\n      rounded: this.rounded,\n      inactive: this.inactive || this.loading,\n      iconOnly: isIconOnly,\n      labelOnly: isLabelOnly,\n      iconAndLabel: isIconAndLabel,\n      dropdown: this.dropdown,\n      [`contrast${cap(this.contrast)}`]: this.variant === 'primary' && this.intent !== 'none' && this.contrast !== 'bold',\n      [`elevation${cap(elev)}`]: true,\n      onMedium: bg === 'medium',\n      onBold: bg === 'bold',\n      onStrong: bg === 'strong',\n      onAlwaysDark: bg === 'always-dark',\n      fullWidth: this.fullWidth,\n    };\n\n    const extraProps: Record<string, unknown> = {};\n    if (Tag === 'button') {\n      extraProps.type = this.type;\n      extraProps.disabled = this.inactive || this.loading;\n    }\n    if (this.href) extraProps.href = this.href;\n    if (this.target) extraProps.target = this.target;\n\n    return (\n      <Host class={{ 'btn-host': true, 'btn-host--full': this.fullWidth }}>\n        <Tag\n          class={btnCls}\n          style={this.width ? { width: this.width } : undefined}\n          aria-label={this.ariaLabel}\n          aria-labelledby={this.ariaLabelledby}\n          aria-disabled={this.inactive || this.loading || undefined}\n          aria-busy={this.loading || undefined}\n          onClick={this.handleClick}\n          onMouseEnter={(e: MouseEvent) => !this.inactive && !this.loading && this.dsMouseEnter.emit(e)}\n          onMouseLeave={(e: MouseEvent) => !this.inactive && !this.loading && this.dsMouseLeave.emit(e)}\n          {...extraProps}\n        >\n          {/* Leading icon / loader */}\n          <span class=\"btn__icon\" style={{ fontSize: `${iconSize}px`, display: showLeading ? undefined : 'none' }}>\n            {this.loading\n              ? <ds-loader size={iconSize} />\n              : <slot name=\"icon\" />\n            }\n          </span>\n          {/* Label */}\n          {hasLabel && (\n            <span class={`btn__label ${textClass}`}>{this.label}</span>\n          )}\n          {/* Trailing chevron */}\n          {this.dropdown && (\n            <svg\n              class=\"btn__chevron\"\n              width={iconSize}\n              height={iconSize}\n              viewBox=\"0 0 20 20\"\n              fill=\"none\"\n              aria-hidden=\"true\"\n            >\n              <path d=\"M5 7.5L10 12.5L15 7.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n            </svg>\n          )}\n          {/* Badge */}\n          {this.badgeCount != null && this.badgeCount > 0 && (\n            <span class=\"btn__badge\">\n              {this.badgeCount > 9 ? '+' : this.badgeCount}\n            </span>\n          )}\n        </Tag>\n      </Host>\n    );\n  }\n}\n\nfunction cap(s: string) {\n  return s.charAt(0).toUpperCase() + s.slice(1);\n}\n"],"mappings":"iGAAA,MAAMA,EAAY,IAAM,45dCSxB,MAAMC,EAAwC,CAAEC,GAAI,GAAIC,GAAI,GAAIC,GAAI,GAAIC,GAAI,IAC5E,MAAMC,EAAyC,CAC7CJ,GAAI,wBACJC,GAAI,2BACJC,GAAI,4BACJC,GAAI,4B,MAQOE,EAAMC,EAAA,MAAAD,UAAAE,EALnB,WAAAC,CAAAC,G,6JAQUC,KAAAC,QAAyB,UACzBD,KAAAE,OAAuB,QACvBF,KAAAG,KAAmB,KAEnBH,KAAAI,QAAmB,MACnBJ,KAAAK,UAAqB,MAErBL,KAAAM,SAA2B,OAE3BN,KAAAO,SAAoB,MAGpBP,KAAAQ,QAAmB,MACnBR,KAAAS,SAAoB,MAGpBT,KAAAU,KAAsC,SAI7BV,KAAAW,QAAmB,MAU5BX,KAAAY,YAAeC,IACrB,GAAIb,KAAKS,UAAYT,KAAKQ,QAAS,OACnCR,KAAKc,QAAQC,KAAKF,EAAE,CAgGvB,CAtGC,iBAAAG,GACEhB,KAAKW,UAAYX,KAAKiB,GAAGC,cAAc,gB,CAQzC,sBAAYC,GACV,OAAOnB,KAAKoB,YAAcpB,KAAKC,UAAY,UAAY,OAAS,O,CAGlE,MAAAoB,GACE,MAAMC,EAAMtB,KAAKuB,KAAO,IAAM,SAC9B,MAAMpB,EAAOH,KAAKG,KAClB,MAAMqB,EAAWnC,EAAUc,GAC3B,MAAMsB,EAAY/B,EAAWS,GAC7B,MAAMuB,EAAO1B,KAAKmB,mBAClB,MAAMQ,IAAa3B,KAAK4B,MACxB,MAAMC,EAAc7B,KAAKW,SAAWX,KAAKQ,QACzC,MAAMsB,EAAaD,IAAgBF,EACnC,MAAMI,EAAcJ,IAAaE,EACjC,MAAMG,EAAiBH,GAAeF,EACtC,MAAMM,EAAKjC,KAAKkC,WAEhB,MAAMC,EAAkC,CACtCC,IAAK,KACL,CAACpC,KAAKC,SAAU,KAChB,CAAC,SAASoC,EAAIrC,KAAKE,WAAY,KAC/B,CAAC,OAAOC,EAAKmC,iBAAkBnC,IAAS,KACxCC,QAASJ,KAAKI,QACdK,SAAUT,KAAKS,UAAYT,KAAKQ,QAChC+B,SAAUT,EACVU,UAAWT,EACXU,aAAcT,EACdzB,SAAUP,KAAKO,SACf,CAAC,WAAW8B,EAAIrC,KAAKM,aAAcN,KAAKC,UAAY,WAAaD,KAAKE,SAAW,QAAUF,KAAKM,WAAa,OAC7G,CAAC,YAAY+B,EAAIX,MAAU,KAC3BgB,SAAUT,IAAO,SACjBU,OAAQV,IAAO,OACfW,SAAUX,IAAO,SACjBY,aAAcZ,IAAO,cACrB5B,UAAWL,KAAKK,WAGlB,MAAMyC,EAAsC,GAC5C,GAAIxB,IAAQ,SAAU,CACpBwB,EAAWpC,KAAOV,KAAKU,KACvBoC,EAAWC,SAAW/C,KAAKS,UAAYT,KAAKQ,O,CAE9C,GAAIR,KAAKuB,KAAMuB,EAAWvB,KAAOvB,KAAKuB,KACtC,GAAIvB,KAAKgD,OAAQF,EAAWE,OAAShD,KAAKgD,OAE1C,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAO,CAAE,WAAY,KAAM,iBAAkBpD,KAAKK,YACtD4C,EAAC3B,EAAG,CAAA6B,IAAA,2CACFC,MAAOjB,EACPkB,MAAOrD,KAAKsD,MAAQ,CAAEA,MAAOtD,KAAKsD,OAAUC,UAAS,aACzCvD,KAAKwD,UAAS,kBACTxD,KAAKyD,eAAc,gBACrBzD,KAAKS,UAAYT,KAAKQ,SAAW+C,UAAS,YAC9CvD,KAAKQ,SAAW+C,UAC3BG,QAAS1D,KAAKY,YACd+C,aAAe9C,IAAmBb,KAAKS,WAAaT,KAAKQ,SAAWR,KAAK4D,aAAa7C,KAAKF,GAC3FgD,aAAehD,IAAmBb,KAAKS,WAAaT,KAAKQ,SAAWR,KAAK8D,aAAa/C,KAAKF,MACvFiC,GAGJG,EAAA,QAAAE,IAAA,2CAAMC,MAAM,YAAYC,MAAO,CAAEU,SAAU,GAAGvC,MAAcwC,QAASnC,EAAc0B,UAAY,SAC5FvD,KAAKQ,QACFyC,EAAA,aAAW9C,KAAMqB,IACjByB,EAAA,QAAMgB,KAAK,UAIhBtC,GACCsB,EAAA,QAAAE,IAAA,2CAAMC,MAAO,cAAc3B,KAAczB,KAAK4B,OAG/C5B,KAAKO,UACJ0C,EAAA,OAAAE,IAAA,2CACEC,MAAM,eACNE,MAAO9B,EACP0C,OAAQ1C,EACR2C,QAAQ,YACRC,KAAK,OAAM,cACC,QAEZnB,EAAA,QAAAE,IAAA,2CAAMkB,EAAE,wBAAwBC,OAAO,eAAc,eAAc,MAAK,iBAAgB,QAAO,kBAAiB,WAInHtE,KAAKuE,YAAc,MAAQvE,KAAKuE,WAAa,GAC5CtB,EAAA,QAAAE,IAAA,2CAAMC,MAAM,cACTpD,KAAKuE,WAAa,EAAI,IAAMvE,KAAKuE,a,6XAShD,SAASlC,EAAImC,GACX,OAAOA,EAAEC,OAAO,GAAGnC,cAAgBkC,EAAEE,MAAM,EAC7C,C","ignoreList":[]}

package/dist/components/p-DgDSRPSP.js

@@ -1,2 +0,0 @@
-import{p as s,H as e,h as t,t as i}from"./index.js";import{T as r}from"./p-BPMJx63I.js";import{r as n}from"./p-BWUTr_XN.js";const a=()=>`:host{display:inline-flex;align-items:center;flex-shrink:0}.spinner{flex-shrink:0;animation:spin 0.75s linear infinite}.status{display:inline-flex;align-items:center}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}`;const o=s(class s extends e{constructor(s){super();if(s!==false){this.__registerHost()}this.__attachShadow();this.size=r.iconographyMd}get sizePx(){return n(this.size,r.iconographyMd)}render(){const s=`${this.sizePx}px`;const e=t("svg",{style:{width:s,height:s},viewBox:"0 0 16 16",fill:"none",class:"spinner","aria-hidden":"true"},t("circle",{cx:"8",cy:"8",r:"5",stroke:"currentColor","stroke-width":"1","stroke-linecap":"round","stroke-dasharray":"23.6 7.9"}));if(!this.label)return e;return t("span",{role:"status","aria-live":"polite",class:"status"},e,t("span",{class:"visually-hidden"},this.label))}static get style(){return a()}},[1,"ds-loader",{size:[8],label:[1]}]);function l(){if(typeof customElements==="undefined"){return}const s=["ds-loader"];s.forEach((s=>{switch(s){case"ds-loader":if(!customElements.get(i(s))){customElements.define(i(s),o)}break}}))}l();export{o as L,l as d};
-//# sourceMappingURL=p-DgDSRPSP.js.map

package/dist/components/p-DgDSRPSP.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["loaderCss","Loader","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","size","TOKEN_DEFAULTS","iconographyMd","sizePx","resolveCssLengthPx","render","px","svg","h","style","width","height","viewBox","fill","class","cx","cy","r","stroke","label","role"],"sources":["src/wc/components/Loader/Loader.css?tag=ds-loader&encapsulation=shadow","src/wc/components/Loader/Loader.tsx"],"sourcesContent":[":host {\n  display: inline-flex;\n  align-items: center;\n  flex-shrink: 0;\n}\n\n.spinner {\n  flex-shrink: 0;\n  animation: spin 0.75s linear infinite;\n}\n\n.status {\n  display: inline-flex;\n  align-items: center;\n}\n\n.visually-hidden {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border: 0;\n}\n\n@keyframes spin {\n  from { transform: rotate(0deg); }\n  to   { transform: rotate(360deg); }\n}\n","import { Component, Prop, h } from '@stencil/core';\nimport { resolveCssLengthPx, TOKEN_DEFAULTS } from '../../utils';\n\n@Component({\n  tag: 'ds-loader',\n  styleUrl: 'Loader.css',\n  shadow: true,\n})\nexport class Loader {\n  /** Render size — number (px) or TokoMo length (`var(--dimension-iconography-md)`, etc.). */\n  @Prop() size: number | string = TOKEN_DEFAULTS.iconographyMd;\n  /**\n   * Accessible label for standalone usage. Wraps the spinner in a live region\n   * and renders the label visually-hidden. Omit when the host element already\n   * conveys busy state via aria-busy.\n   */\n  @Prop() label: string | undefined;\n\n  private get sizePx(): number {\n    return resolveCssLengthPx(this.size, TOKEN_DEFAULTS.iconographyMd);\n  }\n\n  render() {\n    const px = `${this.sizePx}px`;\n    const svg = (\n      <svg\n        style={{ width: px, height: px }}\n        viewBox=\"0 0 16 16\"\n        fill=\"none\"\n        class=\"spinner\"\n        aria-hidden=\"true\"\n      >\n        <circle\n          cx=\"8\" cy=\"8\" r=\"5\"\n          stroke=\"currentColor\"\n          stroke-width=\"1\"\n          stroke-linecap=\"round\"\n          stroke-dasharray=\"23.6 7.9\"\n        />\n      </svg>\n    );\n\n    if (!this.label) return svg;\n\n    return (\n      <span role=\"status\" aria-live=\"polite\" class=\"status\">\n        {svg}\n        <span class=\"visually-hidden\">{this.label}</span>\n      </span>\n    );\n  }\n}\n"],"mappings":"4HAAA,MAAMA,EAAY,IAAM,kY,MCQXC,EAAMC,EAAA,MAAAD,UAAAE,EALnB,WAAAC,CAAAC,G,kEAOUC,KAAAC,KAAwBC,EAAeC,aAyChD,CAjCC,UAAYC,GACV,OAAOC,EAAmBL,KAAKC,KAAMC,EAAeC,c,CAGtD,MAAAG,GACE,MAAMC,EAAK,GAAGP,KAAKI,WACnB,MAAMI,EACJC,EAAA,OACEC,MAAO,CAAEC,MAAOJ,EAAIK,OAAQL,GAC5BM,QAAQ,YACRC,KAAK,OACLC,MAAM,UAAS,cACH,QAEZN,EAAA,UACEO,GAAG,IAAIC,GAAG,IAAIC,EAAE,IAChBC,OAAO,eAAc,eACR,IAAG,iBACD,QAAO,mBACL,cAKvB,IAAKnB,KAAKoB,MAAO,OAAOZ,EAExB,OACEC,EAAA,QAAMY,KAAK,SAAQ,YAAW,SAASN,MAAM,UAC1CP,EACDC,EAAA,QAAMM,MAAM,mBAAmBf,KAAKoB,O","ignoreList":[]}

package/dist/components/p-DqBCQRRd.js

@@ -1,2 +0,0 @@
-import{p as o,H as r,h as i,a as s,t as m}from"./index.js";import{FlagAustria as n}from"@ds-mo/icons/svg/flags/FlagAustria";import{FlagBelgium as e}from"@ds-mo/icons/svg/flags/FlagBelgium";import{FlagBulgaria as c}from"@ds-mo/icons/svg/flags/FlagBulgaria";import{FlagCanada as t}from"@ds-mo/icons/svg/flags/FlagCanada";import{FlagCroatia as l}from"@ds-mo/icons/svg/flags/FlagCroatia";import{FlagCyprus as d}from"@ds-mo/icons/svg/flags/FlagCyprus";import{FlagCzechRepublic as a}from"@ds-mo/icons/svg/flags/FlagCzechRepublic";import{FlagDenmark as g}from"@ds-mo/icons/svg/flags/FlagDenmark";import{FlagEU as f}from"@ds-mo/icons/svg/flags/FlagEU";import{FlagEstonia as p}from"@ds-mo/icons/svg/flags/FlagEstonia";import{FlagFinland as v}from"@ds-mo/icons/svg/flags/FlagFinland";import{FlagFrance as u}from"@ds-mo/icons/svg/flags/FlagFrance";import{FlagGermany as h}from"@ds-mo/icons/svg/flags/FlagGermany";import{FlagGreece as C}from"@ds-mo/icons/svg/flags/FlagGreece";import{FlagHungary as F}from"@ds-mo/icons/svg/flags/FlagHungary";import{FlagIreland as S}from"@ds-mo/icons/svg/flags/FlagIreland";import{FlagItaly as b}from"@ds-mo/icons/svg/flags/FlagItaly";import{FlagLatvia as D}from"@ds-mo/icons/svg/flags/FlagLatvia";import{FlagLithuania as P}from"@ds-mo/icons/svg/flags/FlagLithuania";import{FlagLuxembourg as y}from"@ds-mo/icons/svg/flags/FlagLuxembourg";import{FlagMalta as k}from"@ds-mo/icons/svg/flags/FlagMalta";import{FlagMexico as w}from"@ds-mo/icons/svg/flags/FlagMexico";import{FlagNetherlands as B}from"@ds-mo/icons/svg/flags/FlagNetherlands";import{FlagPoland as L}from"@ds-mo/icons/svg/flags/FlagPoland";import{FlagPortugal as T}from"@ds-mo/icons/svg/flags/FlagPortugal";import{FlagRomania as E}from"@ds-mo/icons/svg/flags/FlagRomania";import{FlagSlovakia as A}from"@ds-mo/icons/svg/flags/FlagSlovakia";import{FlagSlovenia as G}from"@ds-mo/icons/svg/flags/FlagSlovenia";import{FlagSpain as M}from"@ds-mo/icons/svg/flags/FlagSpain";import{FlagSweden as R}from"@ds-mo/icons/svg/flags/FlagSweden";import{FlagUnitedKingdom as x}from"@ds-mo/icons/svg/flags/FlagUnitedKingdom";import{FlagUnitedStates as I}from"@ds-mo/icons/svg/flags/FlagUnitedStates";import{AI as V}from"@ds-mo/icons/svg/AI";import{AIChip as z}from"@ds-mo/icons/svg/AIChip";import{AINew as q}from"@ds-mo/icons/svg/AINew";import{AISparkle as W}from"@ds-mo/icons/svg/AISparkle";import{AUX as U}from"@ds-mo/icons/svg/AUX";import{AUXFilled as H}from"@ds-mo/icons/svg/AUXFilled";import{AndroidFilled as O}from"@ds-mo/icons/svg/AndroidFilled";import{ArrowDown as _}from"@ds-mo/icons/svg/ArrowDown";import{ArrowLeft as N}from"@ds-mo/icons/svg/ArrowLeft";import{ArrowPath as K}from"@ds-mo/icons/svg/ArrowPath";import{ArrowRight as Z}from"@ds-mo/icons/svg/ArrowRight";import{ArrowUp as J}from"@ds-mo/icons/svg/ArrowUp";import{ArrowsDiagonal as Q}from"@ds-mo/icons/svg/ArrowsDiagonal";import{ArrowsDiff as X}from"@ds-mo/icons/svg/ArrowsDiff";import{ArrowsDiffDisabled as j}from"@ds-mo/icons/svg/ArrowsDiffDisabled";import{ArrowsVertical as $}from"@ds-mo/icons/svg/ArrowsVertical";import{AtSign as Y}from"@ds-mo/icons/svg/AtSign";import{Avatar as oo}from"@ds-mo/icons/svg/Avatar";import{BackslashBrackets as ro}from"@ds-mo/icons/svg/BackslashBrackets";import{BatteryCharging as io}from"@ds-mo/icons/svg/BatteryCharging";import{BatteryEmpty as so}from"@ds-mo/icons/svg/BatteryEmpty";import{BatteryFull as mo}from"@ds-mo/icons/svg/BatteryFull";import{BatteryHalf as no}from"@ds-mo/icons/svg/BatteryHalf";import{BatteryLow as eo}from"@ds-mo/icons/svg/BatteryLow";import{Beaker as co}from"@ds-mo/icons/svg/Beaker";import{Bell as to}from"@ds-mo/icons/svg/Bell";import{BellCircle as lo}from"@ds-mo/icons/svg/BellCircle";import{BellExclamation as ao}from"@ds-mo/icons/svg/BellExclamation";import{BellFilled as go}from"@ds-mo/icons/svg/BellFilled";import{BellRinging as fo}from"@ds-mo/icons/svg/BellRinging";import{BellWifi as po}from"@ds-mo/icons/svg/BellWifi";import{BlackWhite as vo}from"@ds-mo/icons/svg/BlackWhite";import{BlankUI as uo}from"@ds-mo/icons/svg/BlankUI";import{Bluetooth as ho}from"@ds-mo/icons/svg/Bluetooth";import{Bolt as Co}from"@ds-mo/icons/svg/Bolt";import{BoltFilled as Fo}from"@ds-mo/icons/svg/BoltFilled";import{Bookmark as So}from"@ds-mo/icons/svg/Bookmark";import{Box as bo}from"@ds-mo/icons/svg/Box";import{Braces as Do}from"@ds-mo/icons/svg/Braces";import{Bug as Po}from"@ds-mo/icons/svg/Bug";import{BuildingFacility as yo}from"@ds-mo/icons/svg/BuildingFacility";import{BuildingHome as ko}from"@ds-mo/icons/svg/BuildingHome";import{BuildingOffice as wo}from"@ds-mo/icons/svg/BuildingOffice";import{BuildingPublic as Bo}from"@ds-mo/icons/svg/BuildingPublic";import{BuildingShop as Lo}from"@ds-mo/icons/svg/BuildingShop";import{Bulb as To}from"@ds-mo/icons/svg/Bulb";import{Calculator as Eo}from"@ds-mo/icons/svg/Calculator";import{Calendar as Ao}from"@ds-mo/icons/svg/Calendar";import{CalendarClock as Go}from"@ds-mo/icons/svg/CalendarClock";import{CameraA as Mo}from"@ds-mo/icons/svg/CameraA";import{CameraB as Ro}from"@ds-mo/icons/svg/CameraB";import{Card as xo}from"@ds-mo/icons/svg/Card";import{CardPerson as Io}from"@ds-mo/icons/svg/CardPerson";import{Cart as Vo}from"@ds-mo/icons/svg/Cart";import{Chart as zo}from"@ds-mo/icons/svg/Chart";import{Check as qo}from"@ds-mo/icons/svg/Check";import{CheckCircle as Wo}from"@ds-mo/icons/svg/CheckCircle";import{CheckCircleFilled as Uo}from"@ds-mo/icons/svg/CheckCircleFilled";import{CheckDouble as Ho}from"@ds-mo/icons/svg/CheckDouble";import{ChevronDown as Oo}from"@ds-mo/icons/svg/ChevronDown";import{ChevronLeft as _o}from"@ds-mo/icons/svg/ChevronLeft";import{ChevronLeftDouble as No}from"@ds-mo/icons/svg/ChevronLeftDouble";import{ChevronRight as Ko}from"@ds-mo/icons/svg/ChevronRight";import{ChevronRightDouble as Zo}from"@ds-mo/icons/svg/ChevronRightDouble";import{ChevronUp as Jo}from"@ds-mo/icons/svg/ChevronUp";import{ChevronUpDown as Qo}from"@ds-mo/icons/svg/ChevronUpDown";import{Circle as Xo}from"@ds-mo/icons/svg/Circle";import{CircleArrow as jo}from"@ds-mo/icons/svg/CircleArrow";import{CircleArrowsDiff as $o}from"@ds-mo/icons/svg/CircleArrowsDiff";import{CircleArrowsDiffDisabled as Yo}from"@ds-mo/icons/svg/CircleArrowsDiffDisabled";import{CircleConcentricFilled as or}from"@ds-mo/icons/svg/CircleConcentricFilled";import{CircleConcentricThree as rr}from"@ds-mo/icons/svg/CircleConcentricThree";import{CircleConcentricTwo as ir}from"@ds-mo/icons/svg/CircleConcentricTwo";import{CircleExclamation as sr}from"@ds-mo/icons/svg/CircleExclamation";import{CircleExclamationFilled as mr}from"@ds-mo/icons/svg/CircleExclamationFilled";import{CircleFastForward as nr}from"@ds-mo/icons/svg/CircleFastForward";import{CircleFilled as er}from"@ds-mo/icons/svg/CircleFilled";import{CircleGrid as cr}from"@ds-mo/icons/svg/CircleGrid";import{CirclePlay as tr}from"@ds-mo/icons/svg/CirclePlay";import{CircleQuestion as lr}from"@ds-mo/icons/svg/CircleQuestion";import{CircleSlash as dr}from"@ds-mo/icons/svg/CircleSlash";import{Clipboard as ar}from"@ds-mo/icons/svg/Clipboard";import{ClipboardCheck as gr}from"@ds-mo/icons/svg/ClipboardCheck";import{Clock as fr}from"@ds-mo/icons/svg/Clock";import{ClockDefer as pr}from"@ds-mo/icons/svg/ClockDefer";import{ClockFilled as vr}from"@ds-mo/icons/svg/ClockFilled";import{ClockSixteenHour as ur}from"@ds-mo/icons/svg/ClockSixteenHour";import{Cloud as hr}from"@ds-mo/icons/svg/Cloud";import{CloudEllipses as Cr}from"@ds-mo/icons/svg/CloudEllipses";import{CloudLightning as Fr}from"@ds-mo/icons/svg/CloudLightning";import{CloudRain as Sr}from"@ds-mo/icons/svg/CloudRain";import{CloudRainSun as br}from"@ds-mo/icons/svg/CloudRainSun";import{CloudSun as Dr}from"@ds-mo/icons/svg/CloudSun";import{CloudWind as Pr}from"@ds-mo/icons/svg/CloudWind";import{Cluster as yr}from"@ds-mo/icons/svg/Cluster";import{Coin as kr}from"@ds-mo/icons/svg/Coin";import{CoinStack as wr}from"@ds-mo/icons/svg/CoinStack";import{CoinStackGeneral as Br}from"@ds-mo/icons/svg/CoinStackGeneral";import{Compass as Lr}from"@ds-mo/icons/svg/Compass";import{Copy as Tr}from"@ds-mo/icons/svg/Copy";import{Crop as Er}from"@ds-mo/icons/svg/Crop";import{Cross as Ar}from"@ds-mo/icons/svg/Cross";import{CrossCircle as Gr}from"@ds-mo/icons/svg/CrossCircle";import{CrossCircleFilled as Mr}from"@ds-mo/icons/svg/CrossCircleFilled";import{Cube as Rr}from"@ds-mo/icons/svg/Cube";import{Cup as xr}from"@ds-mo/icons/svg/Cup";import{CursorPointer as Ir}from"@ds-mo/icons/svg/CursorPointer";import{CursorPointerMinus as Vr}from"@ds-mo/icons/svg/CursorPointerMinus";import{CursorPointerPlus as zr}from"@ds-mo/icons/svg/CursorPointerPlus";import{Dashboard as qr}from"@ds-mo/icons/svg/Dashboard";import{DeviceAIDashcamPlus as Wr}from"@ds-mo/icons/svg/DeviceAIDashcamPlus";import{DeviceAssetTracker as Ur}from"@ds-mo/icons/svg/DeviceAssetTracker";import{DeviceDVR as Hr}from"@ds-mo/icons/svg/DeviceDVR";import{DeviceDashcam as Or}from"@ds-mo/icons/svg/DeviceDashcam";import{DeviceDashcamLiveStream as _r}from"@ds-mo/icons/svg/DeviceDashcamLiveStream";import{DeviceDoorSensor as Nr}from"@ds-mo/icons/svg/DeviceDoorSensor";import{DeviceMobile as Kr}from"@ds-mo/icons/svg/DeviceMobile";import{DeviceMobileTwo as Zr}from"@ds-mo/icons/svg/DeviceMobileTwo";import{DeviceOmnicam as Jr}from"@ds-mo/icons/svg/DeviceOmnicam";import{DeviceSensor as Qr}from"@ds-mo/icons/svg/DeviceSensor";import{DeviceTablet as Xr}from"@ds-mo/icons/svg/DeviceTablet";import{DeviceVehicleGateway as jr}from"@ds-mo/icons/svg/DeviceVehicleGateway";import{Devices as $r}from"@ds-mo/icons/svg/Devices";import{Document as Yr}from"@ds-mo/icons/svg/Document";import{DocumentArrow as oi}from"@ds-mo/icons/svg/DocumentArrow";import{DocumentChart as ri}from"@ds-mo/icons/svg/DocumentChart";import{DocumentDollar as ii}from"@ds-mo/icons/svg/DocumentDollar";import{DocumentGear as si}from"@ds-mo/icons/svg/DocumentGear";import{DocumentInverted as mi}from"@ds-mo/icons/svg/DocumentInverted";import{DocumentPencil as ni}from"@ds-mo/icons/svg/DocumentPencil";import{DocumentPlus as ei}from"@ds-mo/icons/svg/DocumentPlus";import{DocumentQuestion as ci}from"@ds-mo/icons/svg/DocumentQuestion";import{DocumentReceipt as ti}from"@ds-mo/icons/svg/DocumentReceipt";import{DocumentStacked as li}from"@ds-mo/icons/svg/DocumentStacked";import{Dot as di}from"@ds-mo/icons/svg/Dot";import{DotFilled as ai}from"@ds-mo/icons/svg/DotFilled";import{DotPath as gi}from"@ds-mo/icons/svg/DotPath";import{Download as fi}from"@ds-mo/icons/svg/Download";import{Drag as pi}from"@ds-mo/icons/svg/Drag";import{Ellipses as vi}from"@ds-mo/icons/svg/Ellipses";import{Email as ui}from"@ds-mo/icons/svg/Email";import{Engine as hi}from"@ds-mo/icons/svg/Engine";import{Enter as Ci}from"@ds-mo/icons/svg/Enter";import{EntityAsset as Fi}from"@ds-mo/icons/svg/EntityAsset";import{EntityAssetFilled as Si}from"@ds-mo/icons/svg/EntityAssetFilled";import{EntityDriver as bi}from"@ds-mo/icons/svg/EntityDriver";import{EntityDriverFilled as Di}from"@ds-mo/icons/svg/EntityDriverFilled";import{EntityTravelGroup as Pi}from"@ds-mo/icons/svg/EntityTravelGroup";import{EntityTravelGroupFilled as yi}from"@ds-mo/icons/svg/EntityTravelGroupFilled";import{EntityVehicle as ki}from"@ds-mo/icons/svg/EntityVehicle";import{EntityVehicleCharging as wi}from"@ds-mo/icons/svg/EntityVehicleCharging";import{EntityVehicleChargingFilled as Bi}from"@ds-mo/icons/svg/EntityVehicleChargingFilled";import{EntityVehicleFilled as Li}from"@ds-mo/icons/svg/EntityVehicleFilled";import{EntityVehicleImmobilized as Ti}from"@ds-mo/icons/svg/EntityVehicleImmobilized";import{EntityVehicleImmobilizedFilled as Ei}from"@ds-mo/icons/svg/EntityVehicleImmobilizedFilled";import{ErrorTriangle as Ai}from"@ds-mo/icons/svg/ErrorTriangle";import{ErrorTriangleFilled as Gi}from"@ds-mo/icons/svg/ErrorTriangleFilled";import{ErrorTriangleSimpleFilled as Mi}from"@ds-mo/icons/svg/ErrorTriangleSimpleFilled";import{Export as Ri}from"@ds-mo/icons/svg/Export";import{ExternalLink as xi}from"@ds-mo/icons/svg/ExternalLink";import{Eye as Ii}from"@ds-mo/icons/svg/Eye";import{EyeDisabled as Vi}from"@ds-mo/icons/svg/EyeDisabled";import{EyeLock as zi}from"@ds-mo/icons/svg/EyeLock";import{FastForward as qi}from"@ds-mo/icons/svg/FastForward";import{FastForwardSkip as Wi}from"@ds-mo/icons/svg/FastForwardSkip";import{Filters as Ui}from"@ds-mo/icons/svg/Filters";import{FitToScreen as Hi}from"@ds-mo/icons/svg/FitToScreen";import{Flag as Oi}from"@ds-mo/icons/svg/Flag";import{FlagFilled as _i}from"@ds-mo/icons/svg/FlagFilled";import{FloppyDisk as Ni}from"@ds-mo/icons/svg/FloppyDisk";import{Folder as Ki}from"@ds-mo/icons/svg/Folder";import{FolderFilled as Zi}from"@ds-mo/icons/svg/FolderFilled";import{FuelPump as Ji}from"@ds-mo/icons/svg/FuelPump";import{FullScreen as Qi}from"@ds-mo/icons/svg/FullScreen";import{FullScreenExit as Xi}from"@ds-mo/icons/svg/FullScreenExit";import{Gauge as ji}from"@ds-mo/icons/svg/Gauge";import{GaugeTemperature as $i}from"@ds-mo/icons/svg/GaugeTemperature";import{Gear as Yi}from"@ds-mo/icons/svg/Gear";import{GearCheck as os}from"@ds-mo/icons/svg/GearCheck";import{Geofence as rs}from"@ds-mo/icons/svg/Geofence";import{GeofenceCircle as is}from"@ds-mo/icons/svg/GeofenceCircle";import{GeofenceDiamond as ss}from"@ds-mo/icons/svg/GeofenceDiamond";import{GeofenceSquare as ms}from"@ds-mo/icons/svg/GeofenceSquare";import{GlobeNetwork as ns}from"@ds-mo/icons/svg/GlobeNetwork";import{GlobeWorldMap as es}from"@ds-mo/icons/svg/GlobeWorldMap";import{Graph as cs}from"@ds-mo/icons/svg/Graph";import{GraphArrow as ts}from"@ds-mo/icons/svg/GraphArrow";import{GraphBars as ls}from"@ds-mo/icons/svg/GraphBars";import{GraphDecreasing as ds}from"@ds-mo/icons/svg/GraphDecreasing";import{GraphIncreasing as as}from"@ds-mo/icons/svg/GraphIncreasing";import{GroupBy as gs}from"@ds-mo/icons/svg/GroupBy";import{Hamburger as fs}from"@ds-mo/icons/svg/Hamburger";import{HandOpen as ps}from"@ds-mo/icons/svg/HandOpen";import{Headset as vs}from"@ds-mo/icons/svg/Headset";import{History as us}from"@ds-mo/icons/svg/History";import{HourGlass as hs}from"@ds-mo/icons/svg/HourGlass";import{Image as Cs}from"@ds-mo/icons/svg/Image";import{Import as Fs}from"@ds-mo/icons/svg/Import";import{ImportClock as Ss}from"@ds-mo/icons/svg/ImportClock";import{Inbox as bs}from"@ds-mo/icons/svg/Inbox";import{IosFilled as Ds}from"@ds-mo/icons/svg/IosFilled";import{Jerrycan as Ps}from"@ds-mo/icons/svg/Jerrycan";import{KeyA as ys}from"@ds-mo/icons/svg/KeyA";import{KeyB as ks}from"@ds-mo/icons/svg/KeyB";import{KeyCmd as ws}from"@ds-mo/icons/svg/KeyCmd";import{KeyShift as Bs}from"@ds-mo/icons/svg/KeyShift";import{LED as Ls}from"@ds-mo/icons/svg/LED";import{Layers as Ts}from"@ds-mo/icons/svg/Layers";import{Leaf as Es}from"@ds-mo/icons/svg/Leaf";import{LeftCollapse as As}from"@ds-mo/icons/svg/LeftCollapse";import{LeftCollapseB as Gs}from"@ds-mo/icons/svg/LeftCollapseB";import{LeftExpand as Ms}from"@ds-mo/icons/svg/LeftExpand";import{LeftExpandB as Rs}from"@ds-mo/icons/svg/LeftExpandB";import{LeftTurnSignal as xs}from"@ds-mo/icons/svg/LeftTurnSignal";import{LetterB as Is}from"@ds-mo/icons/svg/LetterB";import{LetterC as Vs}from"@ds-mo/icons/svg/LetterC";import{LetterI as zs}from"@ds-mo/icons/svg/LetterI";import{License as qs}from"@ds-mo/icons/svg/License";import{LicensePlate as Ws}from"@ds-mo/icons/svg/LicensePlate";import{Lifebuoy as Us}from"@ds-mo/icons/svg/Lifebuoy";import{Link as Hs}from"@ds-mo/icons/svg/Link";import{List as Os}from"@ds-mo/icons/svg/List";import{Loads as _s}from"@ds-mo/icons/svg/Loads";import{LocationPin as Ns}from"@ds-mo/icons/svg/LocationPin";import{LocationPinArrows as Ks}from"@ds-mo/icons/svg/LocationPinArrows";import{LocationPinDisabled as Zs}from"@ds-mo/icons/svg/LocationPinDisabled";import{LocationPinDollar as Js}from"@ds-mo/icons/svg/LocationPinDollar";import{LockClosed as Qs}from"@ds-mo/icons/svg/LockClosed";import{LockClosedFilled as Xs}from"@ds-mo/icons/svg/LockClosedFilled";import{LockOpen as js}from"@ds-mo/icons/svg/LockOpen";import{Logout as $s}from"@ds-mo/icons/svg/Logout";import{Logs as Ys}from"@ds-mo/icons/svg/Logs";import{LogsMagnifyingGlass as om}from"@ds-mo/icons/svg/LogsMagnifyingGlass";import{MagnifyingGlass as rm}from"@ds-mo/icons/svg/MagnifyingGlass";import{MagnifyingGlassGraph as im}from"@ds-mo/icons/svg/MagnifyingGlassGraph";import{MagnifyingGlassZoomIn as sm}from"@ds-mo/icons/svg/MagnifyingGlassZoomIn";import{MagnifyingGlassZoomOut as mm}from"@ds-mo/icons/svg/MagnifyingGlassZoomOut";import{MapNavigation as nm}from"@ds-mo/icons/svg/MapNavigation";import{MapPage as em}from"@ds-mo/icons/svg/MapPage";import{MapPin as cm}from"@ds-mo/icons/svg/MapPin";import{MarkRead as tm}from"@ds-mo/icons/svg/MarkRead";import{Match as lm}from"@ds-mo/icons/svg/Match";import{MessageBubble as dm}from"@ds-mo/icons/svg/MessageBubble";import{MessageBubbleStack as am}from"@ds-mo/icons/svg/MessageBubbleStack";import{Messaging as gm}from"@ds-mo/icons/svg/Messaging";import{Mic as fm}from"@ds-mo/icons/svg/Mic";import{MicMute as pm}from"@ds-mo/icons/svg/MicMute";import{Minimize as vm}from"@ds-mo/icons/svg/Minimize";import{Monitor as um}from"@ds-mo/icons/svg/Monitor";import{Notification as hm}from"@ds-mo/icons/svg/Notification";import{NumberTen as Cm}from"@ds-mo/icons/svg/NumberTen";import{OctagonSubtract as Fm}from"@ds-mo/icons/svg/OctagonSubtract";import{Odometer as Sm}from"@ds-mo/icons/svg/Odometer";import{OverviewAI as bm}from"@ds-mo/icons/svg/OverviewAI";import{PanelCollapse as Dm}from"@ds-mo/icons/svg/PanelCollapse";import{PanelExpand as Pm}from"@ds-mo/icons/svg/PanelExpand";import{Paperclip as ym}from"@ds-mo/icons/svg/Paperclip";import{PaperplaneSend as km}from"@ds-mo/icons/svg/PaperplaneSend";import{Paragraph as wm}from"@ds-mo/icons/svg/Paragraph";import{ParagraphCheck as Bm}from"@ds-mo/icons/svg/ParagraphCheck";import{ParagraphPencil as Lm}from"@ds-mo/icons/svg/ParagraphPencil";import{Pause as Tm}from"@ds-mo/icons/svg/Pause";import{PauseFilled as Em}from"@ds-mo/icons/svg/PauseFilled";import{Pencil as Am}from"@ds-mo/icons/svg/Pencil";import{PencilSquiggle as Gm}from"@ds-mo/icons/svg/PencilSquiggle";import{Person as Mm}from"@ds-mo/icons/svg/Person";import{PersonAt as Rm}from"@ds-mo/icons/svg/PersonAt";import{PersonConnect as xm}from"@ds-mo/icons/svg/PersonConnect";import{PersonFrame as Im}from"@ds-mo/icons/svg/PersonFrame";import{PersonGear as Vm}from"@ds-mo/icons/svg/PersonGear";import{PersonGroup as zm}from"@ds-mo/icons/svg/PersonGroup";import{PersonGroupArrows as qm}from"@ds-mo/icons/svg/PersonGroupArrows";import{PersonManager as Wm}from"@ds-mo/icons/svg/PersonManager";import{PersonShield as Um}from"@ds-mo/icons/svg/PersonShield";import{PersonStar as Hm}from"@ds-mo/icons/svg/PersonStar";import{Phone as Om}from"@ds-mo/icons/svg/Phone";import{PhoneDisconnect as _m}from"@ds-mo/icons/svg/PhoneDisconnect";import{PicmanFilled as Nm}from"@ds-mo/icons/svg/PicmanFilled";import{Pin as Km}from"@ds-mo/icons/svg/Pin";import{PipBottomLeft as Zm}from"@ds-mo/icons/svg/PipBottomLeft";import{PipBottomRight as Jm}from"@ds-mo/icons/svg/PipBottomRight";import{PipTopLeft as Qm}from"@ds-mo/icons/svg/PipTopLeft";import{PipTopRight as Xm}from"@ds-mo/icons/svg/PipTopRight";import{Play as jm}from"@ds-mo/icons/svg/Play";import{PlayFilled as $m}from"@ds-mo/icons/svg/PlayFilled";import{Plug as Ym}from"@ds-mo/icons/svg/Plug";import{Plus as on}from"@ds-mo/icons/svg/Plus";import{PlusCircle as rn}from"@ds-mo/icons/svg/PlusCircle";import{Preferences as sn}from"@ds-mo/icons/svg/Preferences";import{Printer as mn}from"@ds-mo/icons/svg/Printer";import{PunchCard as nn}from"@ds-mo/icons/svg/PunchCard";import{Puzzle as en}from"@ds-mo/icons/svg/Puzzle";import{PuzzleJoined as cn}from"@ds-mo/icons/svg/PuzzleJoined";import{Redo as tn}from"@ds-mo/icons/svg/Redo";import{Refresh as ln}from"@ds-mo/icons/svg/Refresh";import{Restore as dn}from"@ds-mo/icons/svg/Restore";import{RewardRibbon as an}from"@ds-mo/icons/svg/RewardRibbon";import{Rewind as gn}from"@ds-mo/icons/svg/Rewind";import{RewindSkip as fn}from"@ds-mo/icons/svg/RewindSkip";import{RewindSkipFilled as pn}from"@ds-mo/icons/svg/RewindSkipFilled";import{RightCollapse as vn}from"@ds-mo/icons/svg/RightCollapse";import{RightCollapseB as un}from"@ds-mo/icons/svg/RightCollapseB";import{RightExpand as hn}from"@ds-mo/icons/svg/RightExpand";import{RightExpandB as Cn}from"@ds-mo/icons/svg/RightExpandB";import{RightTurnSignal as Fn}from"@ds-mo/icons/svg/RightTurnSignal";import{Rotate as Sn}from"@ds-mo/icons/svg/Rotate";import{Satellite as bn}from"@ds-mo/icons/svg/Satellite";import{Scan as Dn}from"@ds-mo/icons/svg/Scan";import{Scissor as Pn}from"@ds-mo/icons/svg/Scissor";import{Scope as yn}from"@ds-mo/icons/svg/Scope";import{Seatbelt as kn}from"@ds-mo/icons/svg/Seatbelt";import{SeatbeltBuckle as wn}from"@ds-mo/icons/svg/SeatbeltBuckle";import{Shapes as Bn}from"@ds-mo/icons/svg/Shapes";import{ShareCircles as Ln}from"@ds-mo/icons/svg/ShareCircles";import{ShareCirclesFilled as Tn}from"@ds-mo/icons/svg/ShareCirclesFilled";import{SharePaperplane as En}from"@ds-mo/icons/svg/SharePaperplane";import{Shield as An}from"@ds-mo/icons/svg/Shield";import{ShieldCheck as Gn}from"@ds-mo/icons/svg/ShieldCheck";import{ShieldCheckmarkFilled as Mn}from"@ds-mo/icons/svg/ShieldCheckmarkFilled";import{ShieldCircle as Rn}from"@ds-mo/icons/svg/ShieldCircle";import{ShieldCircleFilled as xn}from"@ds-mo/icons/svg/ShieldCircleFilled";import{ShieldCross as In}from"@ds-mo/icons/svg/ShieldCross";import{ShieldCrossFilled as Vn}from"@ds-mo/icons/svg/ShieldCrossFilled";import{ShieldFilled as zn}from"@ds-mo/icons/svg/ShieldFilled";import{ShieldLock as qn}from"@ds-mo/icons/svg/ShieldLock";import{ShieldLockFilled as Wn}from"@ds-mo/icons/svg/ShieldLockFilled";import{ShoppingBag as Un}from"@ds-mo/icons/svg/ShoppingBag";import{Snowflake as Hn}from"@ds-mo/icons/svg/Snowflake";import{SpeakerPhone as On}from"@ds-mo/icons/svg/SpeakerPhone";import{SpeedometerArrow as _n}from"@ds-mo/icons/svg/SpeedometerArrow";import{SpeedometerLeft as Nn}from"@ds-mo/icons/svg/SpeedometerLeft";import{SpeedometerRight as Kn}from"@ds-mo/icons/svg/SpeedometerRight";import{SpikeCirclePercentage as Zn}from"@ds-mo/icons/svg/SpikeCirclePercentage";import{SpikeCirclePercentageFilled as Jn}from"@ds-mo/icons/svg/SpikeCirclePercentageFilled";import{Square as Qn}from"@ds-mo/icons/svg/Square";import{SquareArrowTopRight as Xn}from"@ds-mo/icons/svg/SquareArrowTopRight";import{SquareCheck as jn}from"@ds-mo/icons/svg/SquareCheck";import{SquareCheckFilled as $n}from"@ds-mo/icons/svg/SquareCheckFilled";import{SquareDollar as Yn}from"@ds-mo/icons/svg/SquareDollar";import{SquareDollarFilled as oe}from"@ds-mo/icons/svg/SquareDollarFilled";import{SquareDottedMinus as re}from"@ds-mo/icons/svg/SquareDottedMinus";import{SquareFilled as ie}from"@ds-mo/icons/svg/SquareFilled";import{SquareGrid as se}from"@ds-mo/icons/svg/SquareGrid";import{SquarePencil as me}from"@ds-mo/icons/svg/SquarePencil";import{SquarePlus as ne}from"@ds-mo/icons/svg/SquarePlus";import{SquareSubtract as ee}from"@ds-mo/icons/svg/SquareSubtract";import{SquareSubtractFilled as ce}from"@ds-mo/icons/svg/SquareSubtractFilled";import{Star as te}from"@ds-mo/icons/svg/Star";import{StarFilled as le}from"@ds-mo/icons/svg/StarFilled";import{Stopwatch as de}from"@ds-mo/icons/svg/Stopwatch";import{Street as ae}from"@ds-mo/icons/svg/Street";import{Subtract as ge}from"@ds-mo/icons/svg/Subtract";import{SubtractCircle as fe}from"@ds-mo/icons/svg/SubtractCircle";import{SubtractCircleFilled as pe}from"@ds-mo/icons/svg/SubtractCircleFilled";import{Table as ve}from"@ds-mo/icons/svg/Table";import{Tag as ue}from"@ds-mo/icons/svg/Tag";import{Target as he}from"@ds-mo/icons/svg/Target";import{TargetDollar as Ce}from"@ds-mo/icons/svg/TargetDollar";import{Text as Fe}from"@ds-mo/icons/svg/Text";import{ThemeDark as Se}from"@ds-mo/icons/svg/ThemeDark";import{ThemeLight as be}from"@ds-mo/icons/svg/ThemeLight";import{ThumbsDown as De}from"@ds-mo/icons/svg/ThumbsDown";import{ThumbsDownFilled as Pe}from"@ds-mo/icons/svg/ThumbsDownFilled";import{ThumbsUp as ye}from"@ds-mo/icons/svg/ThumbsUp";import{ThumbsUpFilled as ke}from"@ds-mo/icons/svg/ThumbsUpFilled";import{TirePressure as we}from"@ds-mo/icons/svg/TirePressure";import{Toggle as Be}from"@ds-mo/icons/svg/Toggle";import{TrafficLight as Le}from"@ds-mo/icons/svg/TrafficLight";import{Trash as Te}from"@ds-mo/icons/svg/Trash";import{Trophy as Ee}from"@ds-mo/icons/svg/Trophy";import{TurnSignal as Ae}from"@ds-mo/icons/svg/TurnSignal";import{TurnSignalFilled as Ge}from"@ds-mo/icons/svg/TurnSignalFilled";import{Undo as Me}from"@ds-mo/icons/svg/Undo";import{Upgrade as Re}from"@ds-mo/icons/svg/Upgrade";import{Upload as xe}from"@ds-mo/icons/svg/Upload";import{VehicleTrailer as Ie}from"@ds-mo/icons/svg/VehicleTrailer";import{VehicleTruck as Ve}from"@ds-mo/icons/svg/VehicleTruck";import{VehicleTruckMagnifyingGlass as ze}from"@ds-mo/icons/svg/VehicleTruckMagnifyingGlass";import{Video as qe}from"@ds-mo/icons/svg/Video";import{ViewMenu as We}from"@ds-mo/icons/svg/ViewMenu";import{Volume as Ue}from"@ds-mo/icons/svg/Volume";import{VolumeFilled as He}from"@ds-mo/icons/svg/VolumeFilled";import{VolumeMute as Oe}from"@ds-mo/icons/svg/VolumeMute";import{VolumeMuteFilled as _e}from"@ds-mo/icons/svg/VolumeMuteFilled";import{WandSparkle as Ne}from"@ds-mo/icons/svg/WandSparkle";import{Waveform as Ke}from"@ds-mo/icons/svg/Waveform";import{Webhooks as Ze}from"@ds-mo/icons/svg/Webhooks";import{Whistle as Je}from"@ds-mo/icons/svg/Whistle";import{WiFiHorizontal as Qe}from"@ds-mo/icons/svg/WiFiHorizontal";import{WiFiTower as Xe}from"@ds-mo/icons/svg/WiFiTower";import{WifiVertical as je}from"@ds-mo/icons/svg/WifiVertical";import{WifiVerticalFilled as $e}from"@ds-mo/icons/svg/WifiVerticalFilled";import{WifiVerticalFilledDisabled as Ye}from"@ds-mo/icons/svg/WifiVerticalFilledDisabled";import{WorkflowA as oc}from"@ds-mo/icons/svg/WorkflowA";import{WorkflowB as rc}from"@ds-mo/icons/svg/WorkflowB";import{Wrench as ic}from"@ds-mo/icons/svg/Wrench";import{ZoomBackOut as sc}from"@ds-mo/icons/svg/ZoomBackOut";const mc={FlagAustria:n,FlagBelgium:e,FlagBulgaria:c,FlagCanada:t,FlagCroatia:l,FlagCyprus:d,FlagCzechRepublic:a,FlagDenmark:g,FlagEU:f,FlagEstonia:p,FlagFinland:v,FlagFrance:u,FlagGermany:h,FlagGreece:C,FlagHungary:F,FlagIreland:S,FlagItaly:b,FlagLatvia:D,FlagLithuania:P,FlagLuxembourg:y,FlagMalta:k,FlagMexico:w,FlagNetherlands:B,FlagPoland:L,FlagPortugal:T,FlagRomania:E,FlagSlovakia:A,FlagSlovenia:G,FlagSpain:M,FlagSweden:R,FlagUnitedKingdom:x,FlagUnitedStates:I};const nc={AI:V,AIChip:z,AINew:q,AISparkle:W,AUX:U,AUXFilled:H,AndroidFilled:O,ArrowDown:_,ArrowLeft:N,ArrowPath:K,ArrowRight:Z,ArrowUp:J,ArrowsDiagonal:Q,ArrowsDiff:X,ArrowsDiffDisabled:j,ArrowsVertical:$,AtSign:Y,Avatar:oo,BackslashBrackets:ro,BatteryCharging:io,BatteryEmpty:so,BatteryFull:mo,BatteryHalf:no,BatteryLow:eo,Beaker:co,Bell:to,BellCircle:lo,BellExclamation:ao,BellFilled:go,BellRinging:fo,BellWifi:po,BlackWhite:vo,BlankUI:uo,Bluetooth:ho,Bolt:Co,BoltFilled:Fo,Bookmark:So,Box:bo,Braces:Do,Bug:Po,BuildingFacility:yo,BuildingHome:ko,BuildingOffice:wo,BuildingPublic:Bo,BuildingShop:Lo,Bulb:To,Calculator:Eo,Calendar:Ao,CalendarClock:Go,CameraA:Mo,CameraB:Ro,Card:xo,CardPerson:Io,Cart:Vo,Chart:zo,Check:qo,CheckCircle:Wo,CheckCircleFilled:Uo,CheckDouble:Ho,ChevronDown:Oo,ChevronLeft:_o,ChevronLeftDouble:No,ChevronRight:Ko,ChevronRightDouble:Zo,ChevronUp:Jo,ChevronUpDown:Qo,Circle:Xo,CircleArrow:jo,CircleArrowsDiff:$o,CircleArrowsDiffDisabled:Yo,CircleConcentricFilled:or,CircleConcentricThree:rr,CircleConcentricTwo:ir,CircleExclamation:sr,CircleExclamationFilled:mr,CircleFastForward:nr,CircleFilled:er,CircleGrid:cr,CirclePlay:tr,CircleQuestion:lr,CircleSlash:dr,Clipboard:ar,ClipboardCheck:gr,Clock:fr,ClockDefer:pr,ClockFilled:vr,ClockSixteenHour:ur,Cloud:hr,CloudEllipses:Cr,CloudLightning:Fr,CloudRain:Sr,CloudRainSun:br,CloudSun:Dr,CloudWind:Pr,Cluster:yr,Coin:kr,CoinStack:wr,CoinStackGeneral:Br,Compass:Lr,Copy:Tr,Crop:Er,Cross:Ar,CrossCircle:Gr,CrossCircleFilled:Mr,Cube:Rr,Cup:xr,CursorPointer:Ir,CursorPointerMinus:Vr,CursorPointerPlus:zr,Dashboard:qr,DeviceAIDashcamPlus:Wr,DeviceAssetTracker:Ur,DeviceDVR:Hr,DeviceDashcam:Or,DeviceDashcamLiveStream:_r,DeviceDoorSensor:Nr,DeviceMobile:Kr,DeviceMobileTwo:Zr,DeviceOmnicam:Jr,DeviceSensor:Qr,DeviceTablet:Xr,DeviceVehicleGateway:jr,Devices:$r,Document:Yr,DocumentArrow:oi,DocumentChart:ri,DocumentDollar:ii,DocumentGear:si,DocumentInverted:mi,DocumentPencil:ni,DocumentPlus:ei,DocumentQuestion:ci,DocumentReceipt:ti,DocumentStacked:li,Dot:di,DotFilled:ai,DotPath:gi,Download:fi,Drag:pi,Ellipses:vi,Email:ui,Engine:hi,Enter:Ci,EntityAsset:Fi,EntityAssetFilled:Si,EntityDriver:bi,EntityDriverFilled:Di,EntityTravelGroup:Pi,EntityTravelGroupFilled:yi,EntityVehicle:ki,EntityVehicleCharging:wi,EntityVehicleChargingFilled:Bi,EntityVehicleFilled:Li,EntityVehicleImmobilized:Ti,EntityVehicleImmobilizedFilled:Ei,ErrorTriangle:Ai,ErrorTriangleFilled:Gi,ErrorTriangleSimpleFilled:Mi,Export:Ri,ExternalLink:xi,Eye:Ii,EyeDisabled:Vi,EyeLock:zi,FastForward:qi,FastForwardSkip:Wi,Filters:Ui,FitToScreen:Hi,Flag:Oi,FlagFilled:_i,FloppyDisk:Ni,Folder:Ki,FolderFilled:Zi,FuelPump:Ji,FullScreen:Qi,FullScreenExit:Xi,Gauge:ji,GaugeTemperature:$i,Gear:Yi,GearCheck:os,Geofence:rs,GeofenceCircle:is,GeofenceDiamond:ss,GeofenceSquare:ms,GlobeNetwork:ns,GlobeWorldMap:es,Graph:cs,GraphArrow:ts,GraphBars:ls,GraphDecreasing:ds,GraphIncreasing:as,GroupBy:gs,Hamburger:fs,HandOpen:ps,Headset:vs,History:us,HourGlass:hs,Image:Cs,Import:Fs,ImportClock:Ss,Inbox:bs,IosFilled:Ds,Jerrycan:Ps,KeyA:ys,KeyB:ks,KeyCmd:ws,KeyShift:Bs,LED:Ls,Layers:Ts,Leaf:Es,LeftCollapse:As,LeftCollapseB:Gs,LeftExpand:Ms,LeftExpandB:Rs,LeftTurnSignal:xs,LetterB:Is,LetterC:Vs,LetterI:zs,License:qs,LicensePlate:Ws,Lifebuoy:Us,Link:Hs,List:Os,Loads:_s,LocationPin:Ns,LocationPinArrows:Ks,LocationPinDisabled:Zs,LocationPinDollar:Js,LockClosed:Qs,LockClosedFilled:Xs,LockOpen:js,Logout:$s,Logs:Ys,LogsMagnifyingGlass:om,MagnifyingGlass:rm,MagnifyingGlassGraph:im,MagnifyingGlassZoomIn:sm,MagnifyingGlassZoomOut:mm,MapNavigation:nm,MapPage:em,MapPin:cm,MarkRead:tm,Match:lm,MessageBubble:dm,MessageBubbleStack:am,Messaging:gm,Mic:fm,MicMute:pm,Minimize:vm,Monitor:um,Notification:hm,NumberTen:Cm,OctagonSubtract:Fm,Odometer:Sm,OverviewAI:bm,PanelCollapse:Dm,PanelExpand:Pm,Paperclip:ym,PaperplaneSend:km,Paragraph:wm,ParagraphCheck:Bm,ParagraphPencil:Lm,Pause:Tm,PauseFilled:Em,Pencil:Am,PencilSquiggle:Gm,Person:Mm,PersonAt:Rm,PersonConnect:xm,PersonFrame:Im,PersonGear:Vm,PersonGroup:zm,PersonGroupArrows:qm,PersonManager:Wm,PersonShield:Um,PersonStar:Hm,Phone:Om,PhoneDisconnect:_m,PicmanFilled:Nm,Pin:Km,PipBottomLeft:Zm,PipBottomRight:Jm,PipTopLeft:Qm,PipTopRight:Xm,Play:jm,PlayFilled:$m,Plug:Ym,Plus:on,PlusCircle:rn,Preferences:sn,Printer:mn,PunchCard:nn,Puzzle:en,PuzzleJoined:cn,Redo:tn,Refresh:ln,Restore:dn,RewardRibbon:an,Rewind:gn,RewindSkip:fn,RewindSkipFilled:pn,RightCollapse:vn,RightCollapseB:un,RightExpand:hn,RightExpandB:Cn,RightTurnSignal:Fn,Rotate:Sn,Satellite:bn,Scan:Dn,Scissor:Pn,Scope:yn,Seatbelt:kn,SeatbeltBuckle:wn,Shapes:Bn,ShareCircles:Ln,ShareCirclesFilled:Tn,SharePaperplane:En,Shield:An,ShieldCheck:Gn,ShieldCheckmarkFilled:Mn,ShieldCircle:Rn,ShieldCircleFilled:xn,ShieldCross:In,ShieldCrossFilled:Vn,ShieldFilled:zn,ShieldLock:qn,ShieldLockFilled:Wn,ShoppingBag:Un,Snowflake:Hn,SpeakerPhone:On,SpeedometerArrow:_n,SpeedometerLeft:Nn,SpeedometerRight:Kn,SpikeCirclePercentage:Zn,SpikeCirclePercentageFilled:Jn,Square:Qn,SquareArrowTopRight:Xn,SquareCheck:jn,SquareCheckFilled:$n,SquareDollar:Yn,SquareDollarFilled:oe,SquareDottedMinus:re,SquareFilled:ie,SquareGrid:se,SquarePencil:me,SquarePlus:ne,SquareSubtract:ee,SquareSubtractFilled:ce,Star:te,StarFilled:le,Stopwatch:de,Street:ae,Subtract:ge,SubtractCircle:fe,SubtractCircleFilled:pe,Table:ve,Tag:ue,Target:he,TargetDollar:Ce,Text:Fe,ThemeDark:Se,ThemeLight:be,ThumbsDown:De,ThumbsDownFilled:Pe,ThumbsUp:ye,ThumbsUpFilled:ke,TirePressure:we,Toggle:Be,TrafficLight:Le,Trash:Te,Trophy:Ee,TurnSignal:Ae,TurnSignalFilled:Ge,Undo:Me,Upgrade:Re,Upload:xe,VehicleTrailer:Ie,VehicleTruck:Ve,VehicleTruckMagnifyingGlass:ze,Video:qe,ViewMenu:We,Volume:Ue,VolumeFilled:He,VolumeMute:Oe,VolumeMuteFilled:_e,WandSparkle:Ne,Waveform:Ke,Webhooks:Ze,Whistle:Je,WiFiHorizontal:Qe,WiFiTower:Xe,WifiVertical:je,WifiVerticalFilled:$e,WifiVerticalFilledDisabled:Ye,WorkflowA:oc,WorkflowB:rc,Wrench:ic,ZoomBackOut:sc};const ec=()=>`.icon.sc-ds-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;line-height:0;color:var(--color-foreground-primary);width:var(--_icon-sz, var(--dimension-iconography-md));height:var(--_icon-sz, var(--dimension-iconography-md))}.icon__svg.sc-ds-icon{display:contents;line-height:0}.icon--size-xs.sc-ds-icon{--_icon-sz:var(--dimension-iconography-xs)}.icon--size-sm.sc-ds-icon{--_icon-sz:var(--dimension-iconography-sm)}.icon--size-md.sc-ds-icon{--_icon-sz:var(--dimension-iconography-md)}.icon--size-lg.sc-ds-icon{--_icon-sz:var(--dimension-iconography-lg)}.icon--size-xl.sc-ds-icon{--_icon-sz:var(--dimension-iconography-xl)}.icon--size-2xl.sc-ds-icon{--_icon-sz:var(--dimension-iconography-2xl)}.icon--size-3xl.sc-ds-icon{--_icon-sz:var(--dimension-iconography-3xl)}.icon--color-primary.sc-ds-icon{color:var(--color-foreground-primary)}.icon--color-secondary.sc-ds-icon{color:var(--color-foreground-secondary)}.icon--color-tertiary.sc-ds-icon{color:var(--color-foreground-tertiary)}.icon--color-quaternary.sc-ds-icon{color:var(--color-foreground-quaternary)}.icon--color-inherit.sc-ds-icon{color:inherit}.icon--color-brand.sc-ds-icon{color:var(--color-foreground-bold-brand)}.icon--color-negative.sc-ds-icon{color:var(--color-foreground-bold-negative)}.icon--color-positive.sc-ds-icon{color:var(--color-foreground-bold-positive)}.icon--color-warning.sc-ds-icon{color:var(--color-foreground-bold-warning)}.icon--color-caution.sc-ds-icon{color:var(--color-foreground-bold-caution)}.icon--color-ai.sc-ds-icon{color:var(--color-foreground-bold-ai)}.icon--color-guide.sc-ds-icon{color:var(--color-foreground-bold-guide)}.icon--color-neutral.sc-ds-icon{color:var(--color-foreground-bold-neutral)}.icon--color-faint-brand.sc-ds-icon{color:var(--color-foreground-faint-brand)}.icon--color-faint-negative.sc-ds-icon{color:var(--color-foreground-faint-negative)}.icon--color-faint-positive.sc-ds-icon{color:var(--color-foreground-faint-positive)}.icon--color-faint-warning.sc-ds-icon{color:var(--color-foreground-faint-warning)}.icon--color-faint-caution.sc-ds-icon{color:var(--color-foreground-faint-caution)}.icon--color-faint-ai.sc-ds-icon{color:var(--color-foreground-faint-ai)}.icon--color-faint-neutral.sc-ds-icon{color:var(--color-foreground-faint-neutral)}.icon--color-medium-brand.sc-ds-icon{color:var(--color-foreground-medium-brand)}.icon--color-medium-negative.sc-ds-icon{color:var(--color-foreground-medium-negative)}.icon--color-medium-positive.sc-ds-icon{color:var(--color-foreground-medium-positive)}.icon--color-medium-warning.sc-ds-icon{color:var(--color-foreground-medium-warning)}.icon--color-medium-caution.sc-ds-icon{color:var(--color-foreground-medium-caution)}.icon--color-medium-ai.sc-ds-icon{color:var(--color-foreground-medium-ai)}.icon--color-medium-neutral.sc-ds-icon{color:var(--color-foreground-medium-neutral)}.icon--color-bold-brand.sc-ds-icon{color:var(--color-foreground-bold-brand)}.icon--color-bold-negative.sc-ds-icon{color:var(--color-foreground-bold-negative)}.icon--color-bold-positive.sc-ds-icon{color:var(--color-foreground-bold-positive)}.icon--color-bold-warning.sc-ds-icon{color:var(--color-foreground-bold-warning)}.icon--color-bold-caution.sc-ds-icon{color:var(--color-foreground-bold-caution)}.icon--color-bold-ai.sc-ds-icon{color:var(--color-foreground-bold-ai)}.icon--color-bold-neutral.sc-ds-icon{color:var(--color-foreground-bold-neutral)}.icon--color-strong-brand.sc-ds-icon{color:var(--color-foreground-strong-brand)}.icon--color-strong-negative.sc-ds-icon{color:var(--color-foreground-strong-negative)}.icon--color-strong-positive.sc-ds-icon{color:var(--color-foreground-strong-positive)}.icon--color-strong-warning.sc-ds-icon{color:var(--color-foreground-strong-warning)}.icon--color-strong-caution.sc-ds-icon{color:var(--color-foreground-strong-caution)}.icon--color-strong-ai.sc-ds-icon{color:var(--color-foreground-strong-ai)}.icon--color-strong-neutral.sc-ds-icon{color:var(--color-foreground-strong-neutral)}.icon--color-on-strong.sc-ds-icon{color:var(--color-foreground-on-strong-background-primary)}.icon--color-on-bold.sc-ds-icon{color:var(--color-foreground-on-bold-background-primary)}`;const cc=o(class o extends r{constructor(o){super();if(o!==false){this.__registerHost()}this.name="";this.size="md";this.flag=false}get svgString(){const o=this.flag?mc:nc;return o[this.name]??""}updateSvg(){const o=this.el.querySelector(".icon__svg");if(!o)return;o.innerHTML=this.svgString;const r=o.querySelector("svg");if(r){r.removeAttribute("width");r.removeAttribute("height");r.setAttribute("focusable","false");r.setAttribute("aria-hidden","true");r.style.display="block";r.style.flexShrink="0";r.style.width="100%";r.style.height="100%"}}onIconChange(){this.updateSvg()}componentDidRender(){this.updateSvg()}render(){const o=typeof this.color==="string"&&this.color.startsWith("var(--");const r={icon:true,[`icon--size-${this.size}`]:true,[`icon--color-${this.color}`]:!!this.color&&!o&&this.color!=="inherit","icon--color-inherit":this.color==="inherit"};const m=o?{color:this.color}:undefined;return i(s,{key:"14a084149e2f9f46946a8d8abf4a9a77bd1836db",style:{display:"inline-flex",alignItems:"center",justifyContent:"center"}},i("span",{key:"77243650243fc35e22c89a3c87a8776f7c571094",class:r,style:m,role:this.label?"img":"presentation","aria-label":this.label,"aria-hidden":!this.label?"true":undefined},i("span",{key:"50820ce777075a42b5114b0fdf11e5e7311ff9f1",class:"icon__svg"})))}get el(){return this}static get watchers(){return{name:[{onIconChange:0}],flag:[{onIconChange:0}]}}static get style(){return ec()}},[2,"ds-icon",{name:[1],size:[1],color:[1],label:[1],flag:[4]},undefined,{name:[{onIconChange:0}],flag:[{onIconChange:0}]}]);function tc(){if(typeof customElements==="undefined"){return}const o=["ds-icon"];o.forEach((o=>{switch(o){case"ds-icon":if(!customElements.get(m(o))){customElements.define(m(o),cc)}break}}))}tc();export{cc as I,tc as d};
-//# sourceMappingURL=p-DqBCQRRd.js.map

package/dist/components/p-DqBCQRRd.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["flagIconCatalog","FlagAustria","FlagBelgium","FlagBulgaria","FlagCanada","FlagCroatia","FlagCyprus","FlagCzechRepublic","FlagDenmark","FlagEU","FlagEstonia","FlagFinland","FlagFrance","FlagGermany","FlagGreece","FlagHungary","FlagIreland","FlagItaly","FlagLatvia","FlagLithuania","FlagLuxembourg","FlagMalta","FlagMexico","FlagNetherlands","FlagPoland","FlagPortugal","FlagRomania","FlagSlovakia","FlagSlovenia","FlagSpain","FlagSweden","FlagUnitedKingdom","FlagUnitedStates","systemIconCatalog","AI","AIChip","AINew","AISparkle","AUX","AUXFilled","AndroidFilled","ArrowDown","ArrowLeft","ArrowPath","ArrowRight","ArrowUp","ArrowsDiagonal","ArrowsDiff","ArrowsDiffDisabled","ArrowsVertical","AtSign","Avatar","BackslashBrackets","BatteryCharging","BatteryEmpty","BatteryFull","BatteryHalf","BatteryLow","Beaker","Bell","BellCircle","BellExclamation","BellFilled","BellRinging","BellWifi","BlackWhite","BlankUI","Bluetooth","Bolt","BoltFilled","Bookmark","Box","Braces","Bug","BuildingFacility","BuildingHome","BuildingOffice","BuildingPublic","BuildingShop","Bulb","Calculator","Calendar","CalendarClock","CameraA","CameraB","Card","CardPerson","Cart","Chart","Check","CheckCircle","CheckCircleFilled","CheckDouble","ChevronDown","ChevronLeft","ChevronLeftDouble","ChevronRight","ChevronRightDouble","ChevronUp","ChevronUpDown","Circle","CircleArrow","CircleArrowsDiff","CircleArrowsDiffDisabled","CircleConcentricFilled","CircleConcentricThree","CircleConcentricTwo","CircleExclamation","CircleExclamationFilled","CircleFastForward","CircleFilled","CircleGrid","CirclePlay","CircleQuestion","CircleSlash","Clipboard","ClipboardCheck","Clock","ClockDefer","ClockFilled","ClockSixteenHour","Cloud","CloudEllipses","CloudLightning","CloudRain","CloudRainSun","CloudSun","CloudWind","Cluster","Coin","CoinStack","CoinStackGeneral","Compass","Copy","Crop","Cross","CrossCircle","CrossCircleFilled","Cube","Cup","CursorPointer","CursorPointerMinus","CursorPointerPlus","Dashboard","DeviceAIDashcamPlus","DeviceAssetTracker","DeviceDVR","DeviceDashcam","DeviceDashcamLiveStream","DeviceDoorSensor","DeviceMobile","DeviceMobileTwo","DeviceOmnicam","DeviceSensor","DeviceTablet","DeviceVehicleGateway","Devices","Document","DocumentArrow","DocumentChart","DocumentDollar","DocumentGear","DocumentInverted","DocumentPencil","DocumentPlus","DocumentQuestion","DocumentReceipt","DocumentStacked","Dot","DotFilled","DotPath","Download","Drag","Ellipses","Email","Engine","Enter","EntityAsset","EntityAssetFilled","EntityDriver","EntityDriverFilled","EntityTravelGroup","EntityTravelGroupFilled","EntityVehicle","EntityVehicleCharging","EntityVehicleChargingFilled","EntityVehicleFilled","EntityVehicleImmobilized","EntityVehicleImmobilizedFilled","ErrorTriangle","ErrorTriangleFilled","ErrorTriangleSimpleFilled","Export","ExternalLink","Eye","EyeDisabled","EyeLock","FastForward","FastForwardSkip","Filters","FitToScreen","Flag","FlagFilled","FloppyDisk","Folder","FolderFilled","FuelPump","FullScreen","FullScreenExit","Gauge","GaugeTemperature","Gear","GearCheck","Geofence","GeofenceCircle","GeofenceDiamond","GeofenceSquare","GlobeNetwork","GlobeWorldMap","Graph","GraphArrow","GraphBars","GraphDecreasing","GraphIncreasing","GroupBy","Hamburger","HandOpen","Headset","History","HourGlass","Image","Import","ImportClock","Inbox","IosFilled","Jerrycan","KeyA","KeyB","KeyCmd","KeyShift","LED","Layers","Leaf","LeftCollapse","LeftCollapseB","LeftExpand","LeftExpandB","LeftTurnSignal","LetterB","LetterC","LetterI","License","LicensePlate","Lifebuoy","Link","List","Loads","LocationPin","LocationPinArrows","LocationPinDisabled","LocationPinDollar","LockClosed","LockClosedFilled","LockOpen","Logout","Logs","LogsMagnifyingGlass","MagnifyingGlass","MagnifyingGlassGraph","MagnifyingGlassZoomIn","MagnifyingGlassZoomOut","MapNavigation","MapPage","MapPin","MarkRead","Match","MessageBubble","MessageBubbleStack","Messaging","Mic","MicMute","Minimize","Monitor","Notification","NumberTen","OctagonSubtract","Odometer","OverviewAI","PanelCollapse","PanelExpand","Paperclip","PaperplaneSend","Paragraph","ParagraphCheck","ParagraphPencil","Pause","PauseFilled","Pencil","PencilSquiggle","Person","PersonAt","PersonConnect","PersonFrame","PersonGear","PersonGroup","PersonGroupArrows","PersonManager","PersonShield","PersonStar","Phone","PhoneDisconnect","PicmanFilled","Pin","PipBottomLeft","PipBottomRight","PipTopLeft","PipTopRight","Play","PlayFilled","Plug","Plus","PlusCircle","Preferences","Printer","PunchCard","Puzzle","PuzzleJoined","Redo","Refresh","Restore","RewardRibbon","Rewind","RewindSkip","RewindSkipFilled","RightCollapse","RightCollapseB","RightExpand","RightExpandB","RightTurnSignal","Rotate","Satellite","Scan","Scissor","Scope","Seatbelt","SeatbeltBuckle","Shapes","ShareCircles","ShareCirclesFilled","SharePaperplane","Shield","ShieldCheck","ShieldCheckmarkFilled","ShieldCircle","ShieldCircleFilled","ShieldCross","ShieldCrossFilled","ShieldFilled","ShieldLock","ShieldLockFilled","ShoppingBag","Snowflake","SpeakerPhone","SpeedometerArrow","SpeedometerLeft","SpeedometerRight","SpikeCirclePercentage","SpikeCirclePercentageFilled","Square","SquareArrowTopRight","SquareCheck","SquareCheckFilled","SquareDollar","SquareDollarFilled","SquareDottedMinus","SquareFilled","SquareGrid","SquarePencil","SquarePlus","SquareSubtract","SquareSubtractFilled","Star","StarFilled","Stopwatch","Street","Subtract","SubtractCircle","SubtractCircleFilled","Table","Tag","Target","TargetDollar","Text","ThemeDark","ThemeLight","ThumbsDown","ThumbsDownFilled","ThumbsUp","ThumbsUpFilled","TirePressure","Toggle","TrafficLight","Trash","Trophy","TurnSignal","TurnSignalFilled","Undo","Upgrade","Upload","VehicleTrailer","VehicleTruck","VehicleTruckMagnifyingGlass","Video","ViewMenu","Volume","VolumeFilled","VolumeMute","VolumeMuteFilled","WandSparkle","Waveform","Webhooks","Whistle","WiFiHorizontal","WiFiTower","WifiVertical","WifiVerticalFilled","WifiVerticalFilledDisabled","WorkflowA","WorkflowB","Wrench","ZoomBackOut","iconCss","Icon","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","name","size","flag","svgString","source","updateSvg","container","el","querySelector","innerHTML","svg","removeAttribute","setAttribute","style","display","flexShrink","width","height","onIconChange","componentDidRender","render","isCustomColor","color","startsWith","cls","icon","undefined","h","Host","key","alignItems","justifyContent","class","role","label"],"sources":["src/wc/components/Icon/flag-icon-catalog.ts","src/wc/components/Icon/system-icon-catalog.ts","src/wc/components/Icon/Icon.css?tag=ds-icon&encapsulation=scoped","src/wc/components/Icon/Icon.tsx"],"sourcesContent":["/** Auto-generated by scripts/generate-icon-catalog.mjs — do not edit. */\nimport { FlagAustria } from '@ds-mo/icons/svg/flags/FlagAustria';\nimport { FlagBelgium } from '@ds-mo/icons/svg/flags/FlagBelgium';\nimport { FlagBulgaria } from '@ds-mo/icons/svg/flags/FlagBulgaria';\nimport { FlagCanada } from '@ds-mo/icons/svg/flags/FlagCanada';\nimport { FlagCroatia } from '@ds-mo/icons/svg/flags/FlagCroatia';\nimport { FlagCyprus } from '@ds-mo/icons/svg/flags/FlagCyprus';\nimport { FlagCzechRepublic } from '@ds-mo/icons/svg/flags/FlagCzechRepublic';\nimport { FlagDenmark } from '@ds-mo/icons/svg/flags/FlagDenmark';\nimport { FlagEU } from '@ds-mo/icons/svg/flags/FlagEU';\nimport { FlagEstonia } from '@ds-mo/icons/svg/flags/FlagEstonia';\nimport { FlagFinland } from '@ds-mo/icons/svg/flags/FlagFinland';\nimport { FlagFrance } from '@ds-mo/icons/svg/flags/FlagFrance';\nimport { FlagGermany } from '@ds-mo/icons/svg/flags/FlagGermany';\nimport { FlagGreece } from '@ds-mo/icons/svg/flags/FlagGreece';\nimport { FlagHungary } from '@ds-mo/icons/svg/flags/FlagHungary';\nimport { FlagIreland } from '@ds-mo/icons/svg/flags/FlagIreland';\nimport { FlagItaly } from '@ds-mo/icons/svg/flags/FlagItaly';\nimport { FlagLatvia } from '@ds-mo/icons/svg/flags/FlagLatvia';\nimport { FlagLithuania } from '@ds-mo/icons/svg/flags/FlagLithuania';\nimport { FlagLuxembourg } from '@ds-mo/icons/svg/flags/FlagLuxembourg';\nimport { FlagMalta } from '@ds-mo/icons/svg/flags/FlagMalta';\nimport { FlagMexico } from '@ds-mo/icons/svg/flags/FlagMexico';\nimport { FlagNetherlands } from '@ds-mo/icons/svg/flags/FlagNetherlands';\nimport { FlagPoland } from '@ds-mo/icons/svg/flags/FlagPoland';\nimport { FlagPortugal } from '@ds-mo/icons/svg/flags/FlagPortugal';\nimport { FlagRomania } from '@ds-mo/icons/svg/flags/FlagRomania';\nimport { FlagSlovakia } from '@ds-mo/icons/svg/flags/FlagSlovakia';\nimport { FlagSlovenia } from '@ds-mo/icons/svg/flags/FlagSlovenia';\nimport { FlagSpain } from '@ds-mo/icons/svg/flags/FlagSpain';\nimport { FlagSweden } from '@ds-mo/icons/svg/flags/FlagSweden';\nimport { FlagUnitedKingdom } from '@ds-mo/icons/svg/flags/FlagUnitedKingdom';\nimport { FlagUnitedStates } from '@ds-mo/icons/svg/flags/FlagUnitedStates';\n\nexport const flagIconCatalog: Record<string, string> = {\n  FlagAustria,\n  FlagBelgium,\n  FlagBulgaria,\n  FlagCanada,\n  FlagCroatia,\n  FlagCyprus,\n  FlagCzechRepublic,\n  FlagDenmark,\n  FlagEU,\n  FlagEstonia,\n  FlagFinland,\n  FlagFrance,\n  FlagGermany,\n  FlagGreece,\n  FlagHungary,\n  FlagIreland,\n  FlagItaly,\n  FlagLatvia,\n  FlagLithuania,\n  FlagLuxembourg,\n  FlagMalta,\n  FlagMexico,\n  FlagNetherlands,\n  FlagPoland,\n  FlagPortugal,\n  FlagRomania,\n  FlagSlovakia,\n  FlagSlovenia,\n  FlagSpain,\n  FlagSweden,\n  FlagUnitedKingdom,\n  FlagUnitedStates,\n};\n","/** Auto-generated by scripts/generate-icon-catalog.mjs — do not edit. */\nimport { AI } from '@ds-mo/icons/svg/AI';\nimport { AIChip } from '@ds-mo/icons/svg/AIChip';\nimport { AINew } from '@ds-mo/icons/svg/AINew';\nimport { AISparkle } from '@ds-mo/icons/svg/AISparkle';\nimport { AUX } from '@ds-mo/icons/svg/AUX';\nimport { AUXFilled } from '@ds-mo/icons/svg/AUXFilled';\nimport { AndroidFilled } from '@ds-mo/icons/svg/AndroidFilled';\nimport { ArrowDown } from '@ds-mo/icons/svg/ArrowDown';\nimport { ArrowLeft } from '@ds-mo/icons/svg/ArrowLeft';\nimport { ArrowPath } from '@ds-mo/icons/svg/ArrowPath';\nimport { ArrowRight } from '@ds-mo/icons/svg/ArrowRight';\nimport { ArrowUp } from '@ds-mo/icons/svg/ArrowUp';\nimport { ArrowsDiagonal } from '@ds-mo/icons/svg/ArrowsDiagonal';\nimport { ArrowsDiff } from '@ds-mo/icons/svg/ArrowsDiff';\nimport { ArrowsDiffDisabled } from '@ds-mo/icons/svg/ArrowsDiffDisabled';\nimport { ArrowsVertical } from '@ds-mo/icons/svg/ArrowsVertical';\nimport { AtSign } from '@ds-mo/icons/svg/AtSign';\nimport { Avatar } from '@ds-mo/icons/svg/Avatar';\nimport { BackslashBrackets } from '@ds-mo/icons/svg/BackslashBrackets';\nimport { BatteryCharging } from '@ds-mo/icons/svg/BatteryCharging';\nimport { BatteryEmpty } from '@ds-mo/icons/svg/BatteryEmpty';\nimport { BatteryFull } from '@ds-mo/icons/svg/BatteryFull';\nimport { BatteryHalf } from '@ds-mo/icons/svg/BatteryHalf';\nimport { BatteryLow } from '@ds-mo/icons/svg/BatteryLow';\nimport { Beaker } from '@ds-mo/icons/svg/Beaker';\nimport { Bell } from '@ds-mo/icons/svg/Bell';\nimport { BellCircle } from '@ds-mo/icons/svg/BellCircle';\nimport { BellExclamation } from '@ds-mo/icons/svg/BellExclamation';\nimport { BellFilled } from '@ds-mo/icons/svg/BellFilled';\nimport { BellRinging } from '@ds-mo/icons/svg/BellRinging';\nimport { BellWifi } from '@ds-mo/icons/svg/BellWifi';\nimport { BlackWhite } from '@ds-mo/icons/svg/BlackWhite';\nimport { BlankUI } from '@ds-mo/icons/svg/BlankUI';\nimport { Bluetooth } from '@ds-mo/icons/svg/Bluetooth';\nimport { Bolt } from '@ds-mo/icons/svg/Bolt';\nimport { BoltFilled } from '@ds-mo/icons/svg/BoltFilled';\nimport { Bookmark } from '@ds-mo/icons/svg/Bookmark';\nimport { Box } from '@ds-mo/icons/svg/Box';\nimport { Braces } from '@ds-mo/icons/svg/Braces';\nimport { Bug } from '@ds-mo/icons/svg/Bug';\nimport { BuildingFacility } from '@ds-mo/icons/svg/BuildingFacility';\nimport { BuildingHome } from '@ds-mo/icons/svg/BuildingHome';\nimport { BuildingOffice } from '@ds-mo/icons/svg/BuildingOffice';\nimport { BuildingPublic } from '@ds-mo/icons/svg/BuildingPublic';\nimport { BuildingShop } from '@ds-mo/icons/svg/BuildingShop';\nimport { Bulb } from '@ds-mo/icons/svg/Bulb';\nimport { Calculator } from '@ds-mo/icons/svg/Calculator';\nimport { Calendar } from '@ds-mo/icons/svg/Calendar';\nimport { CalendarClock } from '@ds-mo/icons/svg/CalendarClock';\nimport { CameraA } from '@ds-mo/icons/svg/CameraA';\nimport { CameraB } from '@ds-mo/icons/svg/CameraB';\nimport { Card } from '@ds-mo/icons/svg/Card';\nimport { CardPerson } from '@ds-mo/icons/svg/CardPerson';\nimport { Cart } from '@ds-mo/icons/svg/Cart';\nimport { Chart } from '@ds-mo/icons/svg/Chart';\nimport { Check } from '@ds-mo/icons/svg/Check';\nimport { CheckCircle } from '@ds-mo/icons/svg/CheckCircle';\nimport { CheckCircleFilled } from '@ds-mo/icons/svg/CheckCircleFilled';\nimport { CheckDouble } from '@ds-mo/icons/svg/CheckDouble';\nimport { ChevronDown } from '@ds-mo/icons/svg/ChevronDown';\nimport { ChevronLeft } from '@ds-mo/icons/svg/ChevronLeft';\nimport { ChevronLeftDouble } from '@ds-mo/icons/svg/ChevronLeftDouble';\nimport { ChevronRight } from '@ds-mo/icons/svg/ChevronRight';\nimport { ChevronRightDouble } from '@ds-mo/icons/svg/ChevronRightDouble';\nimport { ChevronUp } from '@ds-mo/icons/svg/ChevronUp';\nimport { ChevronUpDown } from '@ds-mo/icons/svg/ChevronUpDown';\nimport { Circle } from '@ds-mo/icons/svg/Circle';\nimport { CircleArrow } from '@ds-mo/icons/svg/CircleArrow';\nimport { CircleArrowsDiff } from '@ds-mo/icons/svg/CircleArrowsDiff';\nimport { CircleArrowsDiffDisabled } from '@ds-mo/icons/svg/CircleArrowsDiffDisabled';\nimport { CircleConcentricFilled } from '@ds-mo/icons/svg/CircleConcentricFilled';\nimport { CircleConcentricThree } from '@ds-mo/icons/svg/CircleConcentricThree';\nimport { CircleConcentricTwo } from '@ds-mo/icons/svg/CircleConcentricTwo';\nimport { CircleExclamation } from '@ds-mo/icons/svg/CircleExclamation';\nimport { CircleExclamationFilled } from '@ds-mo/icons/svg/CircleExclamationFilled';\nimport { CircleFastForward } from '@ds-mo/icons/svg/CircleFastForward';\nimport { CircleFilled } from '@ds-mo/icons/svg/CircleFilled';\nimport { CircleGrid } from '@ds-mo/icons/svg/CircleGrid';\nimport { CirclePlay } from '@ds-mo/icons/svg/CirclePlay';\nimport { CircleQuestion } from '@ds-mo/icons/svg/CircleQuestion';\nimport { CircleSlash } from '@ds-mo/icons/svg/CircleSlash';\nimport { Clipboard } from '@ds-mo/icons/svg/Clipboard';\nimport { ClipboardCheck } from '@ds-mo/icons/svg/ClipboardCheck';\nimport { Clock } from '@ds-mo/icons/svg/Clock';\nimport { ClockDefer } from '@ds-mo/icons/svg/ClockDefer';\nimport { ClockFilled } from '@ds-mo/icons/svg/ClockFilled';\nimport { ClockSixteenHour } from '@ds-mo/icons/svg/ClockSixteenHour';\nimport { Cloud } from '@ds-mo/icons/svg/Cloud';\nimport { CloudEllipses } from '@ds-mo/icons/svg/CloudEllipses';\nimport { CloudLightning } from '@ds-mo/icons/svg/CloudLightning';\nimport { CloudRain } from '@ds-mo/icons/svg/CloudRain';\nimport { CloudRainSun } from '@ds-mo/icons/svg/CloudRainSun';\nimport { CloudSun } from '@ds-mo/icons/svg/CloudSun';\nimport { CloudWind } from '@ds-mo/icons/svg/CloudWind';\nimport { Cluster } from '@ds-mo/icons/svg/Cluster';\nimport { Coin } from '@ds-mo/icons/svg/Coin';\nimport { CoinStack } from '@ds-mo/icons/svg/CoinStack';\nimport { CoinStackGeneral } from '@ds-mo/icons/svg/CoinStackGeneral';\nimport { Compass } from '@ds-mo/icons/svg/Compass';\nimport { Copy } from '@ds-mo/icons/svg/Copy';\nimport { Crop } from '@ds-mo/icons/svg/Crop';\nimport { Cross } from '@ds-mo/icons/svg/Cross';\nimport { CrossCircle } from '@ds-mo/icons/svg/CrossCircle';\nimport { CrossCircleFilled } from '@ds-mo/icons/svg/CrossCircleFilled';\nimport { Cube } from '@ds-mo/icons/svg/Cube';\nimport { Cup } from '@ds-mo/icons/svg/Cup';\nimport { CursorPointer } from '@ds-mo/icons/svg/CursorPointer';\nimport { CursorPointerMinus } from '@ds-mo/icons/svg/CursorPointerMinus';\nimport { CursorPointerPlus } from '@ds-mo/icons/svg/CursorPointerPlus';\nimport { Dashboard } from '@ds-mo/icons/svg/Dashboard';\nimport { DeviceAIDashcamPlus } from '@ds-mo/icons/svg/DeviceAIDashcamPlus';\nimport { DeviceAssetTracker } from '@ds-mo/icons/svg/DeviceAssetTracker';\nimport { DeviceDVR } from '@ds-mo/icons/svg/DeviceDVR';\nimport { DeviceDashcam } from '@ds-mo/icons/svg/DeviceDashcam';\nimport { DeviceDashcamLiveStream } from '@ds-mo/icons/svg/DeviceDashcamLiveStream';\nimport { DeviceDoorSensor } from '@ds-mo/icons/svg/DeviceDoorSensor';\nimport { DeviceMobile } from '@ds-mo/icons/svg/DeviceMobile';\nimport { DeviceMobileTwo } from '@ds-mo/icons/svg/DeviceMobileTwo';\nimport { DeviceOmnicam } from '@ds-mo/icons/svg/DeviceOmnicam';\nimport { DeviceSensor } from '@ds-mo/icons/svg/DeviceSensor';\nimport { DeviceTablet } from '@ds-mo/icons/svg/DeviceTablet';\nimport { DeviceVehicleGateway } from '@ds-mo/icons/svg/DeviceVehicleGateway';\nimport { Devices } from '@ds-mo/icons/svg/Devices';\nimport { Document } from '@ds-mo/icons/svg/Document';\nimport { DocumentArrow } from '@ds-mo/icons/svg/DocumentArrow';\nimport { DocumentChart } from '@ds-mo/icons/svg/DocumentChart';\nimport { DocumentDollar } from '@ds-mo/icons/svg/DocumentDollar';\nimport { DocumentGear } from '@ds-mo/icons/svg/DocumentGear';\nimport { DocumentInverted } from '@ds-mo/icons/svg/DocumentInverted';\nimport { DocumentPencil } from '@ds-mo/icons/svg/DocumentPencil';\nimport { DocumentPlus } from '@ds-mo/icons/svg/DocumentPlus';\nimport { DocumentQuestion } from '@ds-mo/icons/svg/DocumentQuestion';\nimport { DocumentReceipt } from '@ds-mo/icons/svg/DocumentReceipt';\nimport { DocumentStacked } from '@ds-mo/icons/svg/DocumentStacked';\nimport { Dot } from '@ds-mo/icons/svg/Dot';\nimport { DotFilled } from '@ds-mo/icons/svg/DotFilled';\nimport { DotPath } from '@ds-mo/icons/svg/DotPath';\nimport { Download } from '@ds-mo/icons/svg/Download';\nimport { Drag } from '@ds-mo/icons/svg/Drag';\nimport { Ellipses } from '@ds-mo/icons/svg/Ellipses';\nimport { Email } from '@ds-mo/icons/svg/Email';\nimport { Engine } from '@ds-mo/icons/svg/Engine';\nimport { Enter } from '@ds-mo/icons/svg/Enter';\nimport { EntityAsset } from '@ds-mo/icons/svg/EntityAsset';\nimport { EntityAssetFilled } from '@ds-mo/icons/svg/EntityAssetFilled';\nimport { EntityDriver } from '@ds-mo/icons/svg/EntityDriver';\nimport { EntityDriverFilled } from '@ds-mo/icons/svg/EntityDriverFilled';\nimport { EntityTravelGroup } from '@ds-mo/icons/svg/EntityTravelGroup';\nimport { EntityTravelGroupFilled } from '@ds-mo/icons/svg/EntityTravelGroupFilled';\nimport { EntityVehicle } from '@ds-mo/icons/svg/EntityVehicle';\nimport { EntityVehicleCharging } from '@ds-mo/icons/svg/EntityVehicleCharging';\nimport { EntityVehicleChargingFilled } from '@ds-mo/icons/svg/EntityVehicleChargingFilled';\nimport { EntityVehicleFilled } from '@ds-mo/icons/svg/EntityVehicleFilled';\nimport { EntityVehicleImmobilized } from '@ds-mo/icons/svg/EntityVehicleImmobilized';\nimport { EntityVehicleImmobilizedFilled } from '@ds-mo/icons/svg/EntityVehicleImmobilizedFilled';\nimport { ErrorTriangle } from '@ds-mo/icons/svg/ErrorTriangle';\nimport { ErrorTriangleFilled } from '@ds-mo/icons/svg/ErrorTriangleFilled';\nimport { ErrorTriangleSimpleFilled } from '@ds-mo/icons/svg/ErrorTriangleSimpleFilled';\nimport { Export } from '@ds-mo/icons/svg/Export';\nimport { ExternalLink } from '@ds-mo/icons/svg/ExternalLink';\nimport { Eye } from '@ds-mo/icons/svg/Eye';\nimport { EyeDisabled } from '@ds-mo/icons/svg/EyeDisabled';\nimport { EyeLock } from '@ds-mo/icons/svg/EyeLock';\nimport { FastForward } from '@ds-mo/icons/svg/FastForward';\nimport { FastForwardSkip } from '@ds-mo/icons/svg/FastForwardSkip';\nimport { Filters } from '@ds-mo/icons/svg/Filters';\nimport { FitToScreen } from '@ds-mo/icons/svg/FitToScreen';\nimport { Flag } from '@ds-mo/icons/svg/Flag';\nimport { FlagFilled } from '@ds-mo/icons/svg/FlagFilled';\nimport { FloppyDisk } from '@ds-mo/icons/svg/FloppyDisk';\nimport { Folder } from '@ds-mo/icons/svg/Folder';\nimport { FolderFilled } from '@ds-mo/icons/svg/FolderFilled';\nimport { FuelPump } from '@ds-mo/icons/svg/FuelPump';\nimport { FullScreen } from '@ds-mo/icons/svg/FullScreen';\nimport { FullScreenExit } from '@ds-mo/icons/svg/FullScreenExit';\nimport { Gauge } from '@ds-mo/icons/svg/Gauge';\nimport { GaugeTemperature } from '@ds-mo/icons/svg/GaugeTemperature';\nimport { Gear } from '@ds-mo/icons/svg/Gear';\nimport { GearCheck } from '@ds-mo/icons/svg/GearCheck';\nimport { Geofence } from '@ds-mo/icons/svg/Geofence';\nimport { GeofenceCircle } from '@ds-mo/icons/svg/GeofenceCircle';\nimport { GeofenceDiamond } from '@ds-mo/icons/svg/GeofenceDiamond';\nimport { GeofenceSquare } from '@ds-mo/icons/svg/GeofenceSquare';\nimport { GlobeNetwork } from '@ds-mo/icons/svg/GlobeNetwork';\nimport { GlobeWorldMap } from '@ds-mo/icons/svg/GlobeWorldMap';\nimport { Graph } from '@ds-mo/icons/svg/Graph';\nimport { GraphArrow } from '@ds-mo/icons/svg/GraphArrow';\nimport { GraphBars } from '@ds-mo/icons/svg/GraphBars';\nimport { GraphDecreasing } from '@ds-mo/icons/svg/GraphDecreasing';\nimport { GraphIncreasing } from '@ds-mo/icons/svg/GraphIncreasing';\nimport { GroupBy } from '@ds-mo/icons/svg/GroupBy';\nimport { Hamburger } from '@ds-mo/icons/svg/Hamburger';\nimport { HandOpen } from '@ds-mo/icons/svg/HandOpen';\nimport { Headset } from '@ds-mo/icons/svg/Headset';\nimport { History } from '@ds-mo/icons/svg/History';\nimport { HourGlass } from '@ds-mo/icons/svg/HourGlass';\nimport { Image } from '@ds-mo/icons/svg/Image';\nimport { Import } from '@ds-mo/icons/svg/Import';\nimport { ImportClock } from '@ds-mo/icons/svg/ImportClock';\nimport { Inbox } from '@ds-mo/icons/svg/Inbox';\nimport { IosFilled } from '@ds-mo/icons/svg/IosFilled';\nimport { Jerrycan } from '@ds-mo/icons/svg/Jerrycan';\nimport { KeyA } from '@ds-mo/icons/svg/KeyA';\nimport { KeyB } from '@ds-mo/icons/svg/KeyB';\nimport { KeyCmd } from '@ds-mo/icons/svg/KeyCmd';\nimport { KeyShift } from '@ds-mo/icons/svg/KeyShift';\nimport { LED } from '@ds-mo/icons/svg/LED';\nimport { Layers } from '@ds-mo/icons/svg/Layers';\nimport { Leaf } from '@ds-mo/icons/svg/Leaf';\nimport { LeftCollapse } from '@ds-mo/icons/svg/LeftCollapse';\nimport { LeftCollapseB } from '@ds-mo/icons/svg/LeftCollapseB';\nimport { LeftExpand } from '@ds-mo/icons/svg/LeftExpand';\nimport { LeftExpandB } from '@ds-mo/icons/svg/LeftExpandB';\nimport { LeftTurnSignal } from '@ds-mo/icons/svg/LeftTurnSignal';\nimport { LetterB } from '@ds-mo/icons/svg/LetterB';\nimport { LetterC } from '@ds-mo/icons/svg/LetterC';\nimport { LetterI } from '@ds-mo/icons/svg/LetterI';\nimport { License } from '@ds-mo/icons/svg/License';\nimport { LicensePlate } from '@ds-mo/icons/svg/LicensePlate';\nimport { Lifebuoy } from '@ds-mo/icons/svg/Lifebuoy';\nimport { Link } from '@ds-mo/icons/svg/Link';\nimport { List } from '@ds-mo/icons/svg/List';\nimport { Loads } from '@ds-mo/icons/svg/Loads';\nimport { LocationPin } from '@ds-mo/icons/svg/LocationPin';\nimport { LocationPinArrows } from '@ds-mo/icons/svg/LocationPinArrows';\nimport { LocationPinDisabled } from '@ds-mo/icons/svg/LocationPinDisabled';\nimport { LocationPinDollar } from '@ds-mo/icons/svg/LocationPinDollar';\nimport { LockClosed } from '@ds-mo/icons/svg/LockClosed';\nimport { LockClosedFilled } from '@ds-mo/icons/svg/LockClosedFilled';\nimport { LockOpen } from '@ds-mo/icons/svg/LockOpen';\nimport { Logout } from '@ds-mo/icons/svg/Logout';\nimport { Logs } from '@ds-mo/icons/svg/Logs';\nimport { LogsMagnifyingGlass } from '@ds-mo/icons/svg/LogsMagnifyingGlass';\nimport { MagnifyingGlass } from '@ds-mo/icons/svg/MagnifyingGlass';\nimport { MagnifyingGlassGraph } from '@ds-mo/icons/svg/MagnifyingGlassGraph';\nimport { MagnifyingGlassZoomIn } from '@ds-mo/icons/svg/MagnifyingGlassZoomIn';\nimport { MagnifyingGlassZoomOut } from '@ds-mo/icons/svg/MagnifyingGlassZoomOut';\nimport { MapNavigation } from '@ds-mo/icons/svg/MapNavigation';\nimport { MapPage } from '@ds-mo/icons/svg/MapPage';\nimport { MapPin } from '@ds-mo/icons/svg/MapPin';\nimport { MarkRead } from '@ds-mo/icons/svg/MarkRead';\nimport { Match } from '@ds-mo/icons/svg/Match';\nimport { MessageBubble } from '@ds-mo/icons/svg/MessageBubble';\nimport { MessageBubbleStack } from '@ds-mo/icons/svg/MessageBubbleStack';\nimport { Messaging } from '@ds-mo/icons/svg/Messaging';\nimport { Mic } from '@ds-mo/icons/svg/Mic';\nimport { MicMute } from '@ds-mo/icons/svg/MicMute';\nimport { Minimize } from '@ds-mo/icons/svg/Minimize';\nimport { Monitor } from '@ds-mo/icons/svg/Monitor';\nimport { Notification } from '@ds-mo/icons/svg/Notification';\nimport { NumberTen } from '@ds-mo/icons/svg/NumberTen';\nimport { OctagonSubtract } from '@ds-mo/icons/svg/OctagonSubtract';\nimport { Odometer } from '@ds-mo/icons/svg/Odometer';\nimport { OverviewAI } from '@ds-mo/icons/svg/OverviewAI';\nimport { PanelCollapse } from '@ds-mo/icons/svg/PanelCollapse';\nimport { PanelExpand } from '@ds-mo/icons/svg/PanelExpand';\nimport { Paperclip } from '@ds-mo/icons/svg/Paperclip';\nimport { PaperplaneSend } from '@ds-mo/icons/svg/PaperplaneSend';\nimport { Paragraph } from '@ds-mo/icons/svg/Paragraph';\nimport { ParagraphCheck } from '@ds-mo/icons/svg/ParagraphCheck';\nimport { ParagraphPencil } from '@ds-mo/icons/svg/ParagraphPencil';\nimport { Pause } from '@ds-mo/icons/svg/Pause';\nimport { PauseFilled } from '@ds-mo/icons/svg/PauseFilled';\nimport { Pencil } from '@ds-mo/icons/svg/Pencil';\nimport { PencilSquiggle } from '@ds-mo/icons/svg/PencilSquiggle';\nimport { Person } from '@ds-mo/icons/svg/Person';\nimport { PersonAt } from '@ds-mo/icons/svg/PersonAt';\nimport { PersonConnect } from '@ds-mo/icons/svg/PersonConnect';\nimport { PersonFrame } from '@ds-mo/icons/svg/PersonFrame';\nimport { PersonGear } from '@ds-mo/icons/svg/PersonGear';\nimport { PersonGroup } from '@ds-mo/icons/svg/PersonGroup';\nimport { PersonGroupArrows } from '@ds-mo/icons/svg/PersonGroupArrows';\nimport { PersonManager } from '@ds-mo/icons/svg/PersonManager';\nimport { PersonShield } from '@ds-mo/icons/svg/PersonShield';\nimport { PersonStar } from '@ds-mo/icons/svg/PersonStar';\nimport { Phone } from '@ds-mo/icons/svg/Phone';\nimport { PhoneDisconnect } from '@ds-mo/icons/svg/PhoneDisconnect';\nimport { PicmanFilled } from '@ds-mo/icons/svg/PicmanFilled';\nimport { Pin } from '@ds-mo/icons/svg/Pin';\nimport { PipBottomLeft } from '@ds-mo/icons/svg/PipBottomLeft';\nimport { PipBottomRight } from '@ds-mo/icons/svg/PipBottomRight';\nimport { PipTopLeft } from '@ds-mo/icons/svg/PipTopLeft';\nimport { PipTopRight } from '@ds-mo/icons/svg/PipTopRight';\nimport { Play } from '@ds-mo/icons/svg/Play';\nimport { PlayFilled } from '@ds-mo/icons/svg/PlayFilled';\nimport { Plug } from '@ds-mo/icons/svg/Plug';\nimport { Plus } from '@ds-mo/icons/svg/Plus';\nimport { PlusCircle } from '@ds-mo/icons/svg/PlusCircle';\nimport { Preferences } from '@ds-mo/icons/svg/Preferences';\nimport { Printer } from '@ds-mo/icons/svg/Printer';\nimport { PunchCard } from '@ds-mo/icons/svg/PunchCard';\nimport { Puzzle } from '@ds-mo/icons/svg/Puzzle';\nimport { PuzzleJoined } from '@ds-mo/icons/svg/PuzzleJoined';\nimport { Redo } from '@ds-mo/icons/svg/Redo';\nimport { Refresh } from '@ds-mo/icons/svg/Refresh';\nimport { Restore } from '@ds-mo/icons/svg/Restore';\nimport { RewardRibbon } from '@ds-mo/icons/svg/RewardRibbon';\nimport { Rewind } from '@ds-mo/icons/svg/Rewind';\nimport { RewindSkip } from '@ds-mo/icons/svg/RewindSkip';\nimport { RewindSkipFilled } from '@ds-mo/icons/svg/RewindSkipFilled';\nimport { RightCollapse } from '@ds-mo/icons/svg/RightCollapse';\nimport { RightCollapseB } from '@ds-mo/icons/svg/RightCollapseB';\nimport { RightExpand } from '@ds-mo/icons/svg/RightExpand';\nimport { RightExpandB } from '@ds-mo/icons/svg/RightExpandB';\nimport { RightTurnSignal } from '@ds-mo/icons/svg/RightTurnSignal';\nimport { Rotate } from '@ds-mo/icons/svg/Rotate';\nimport { Satellite } from '@ds-mo/icons/svg/Satellite';\nimport { Scan } from '@ds-mo/icons/svg/Scan';\nimport { Scissor } from '@ds-mo/icons/svg/Scissor';\nimport { Scope } from '@ds-mo/icons/svg/Scope';\nimport { Seatbelt } from '@ds-mo/icons/svg/Seatbelt';\nimport { SeatbeltBuckle } from '@ds-mo/icons/svg/SeatbeltBuckle';\nimport { Shapes } from '@ds-mo/icons/svg/Shapes';\nimport { ShareCircles } from '@ds-mo/icons/svg/ShareCircles';\nimport { ShareCirclesFilled } from '@ds-mo/icons/svg/ShareCirclesFilled';\nimport { SharePaperplane } from '@ds-mo/icons/svg/SharePaperplane';\nimport { Shield } from '@ds-mo/icons/svg/Shield';\nimport { ShieldCheck } from '@ds-mo/icons/svg/ShieldCheck';\nimport { ShieldCheckmarkFilled } from '@ds-mo/icons/svg/ShieldCheckmarkFilled';\nimport { ShieldCircle } from '@ds-mo/icons/svg/ShieldCircle';\nimport { ShieldCircleFilled } from '@ds-mo/icons/svg/ShieldCircleFilled';\nimport { ShieldCross } from '@ds-mo/icons/svg/ShieldCross';\nimport { ShieldCrossFilled } from '@ds-mo/icons/svg/ShieldCrossFilled';\nimport { ShieldFilled } from '@ds-mo/icons/svg/ShieldFilled';\nimport { ShieldLock } from '@ds-mo/icons/svg/ShieldLock';\nimport { ShieldLockFilled } from '@ds-mo/icons/svg/ShieldLockFilled';\nimport { ShoppingBag } from '@ds-mo/icons/svg/ShoppingBag';\nimport { Snowflake } from '@ds-mo/icons/svg/Snowflake';\nimport { SpeakerPhone } from '@ds-mo/icons/svg/SpeakerPhone';\nimport { SpeedometerArrow } from '@ds-mo/icons/svg/SpeedometerArrow';\nimport { SpeedometerLeft } from '@ds-mo/icons/svg/SpeedometerLeft';\nimport { SpeedometerRight } from '@ds-mo/icons/svg/SpeedometerRight';\nimport { SpikeCirclePercentage } from '@ds-mo/icons/svg/SpikeCirclePercentage';\nimport { SpikeCirclePercentageFilled } from '@ds-mo/icons/svg/SpikeCirclePercentageFilled';\nimport { Square } from '@ds-mo/icons/svg/Square';\nimport { SquareArrowTopRight } from '@ds-mo/icons/svg/SquareArrowTopRight';\nimport { SquareCheck } from '@ds-mo/icons/svg/SquareCheck';\nimport { SquareCheckFilled } from '@ds-mo/icons/svg/SquareCheckFilled';\nimport { SquareDollar } from '@ds-mo/icons/svg/SquareDollar';\nimport { SquareDollarFilled } from '@ds-mo/icons/svg/SquareDollarFilled';\nimport { SquareDottedMinus } from '@ds-mo/icons/svg/SquareDottedMinus';\nimport { SquareFilled } from '@ds-mo/icons/svg/SquareFilled';\nimport { SquareGrid } from '@ds-mo/icons/svg/SquareGrid';\nimport { SquarePencil } from '@ds-mo/icons/svg/SquarePencil';\nimport { SquarePlus } from '@ds-mo/icons/svg/SquarePlus';\nimport { SquareSubtract } from '@ds-mo/icons/svg/SquareSubtract';\nimport { SquareSubtractFilled } from '@ds-mo/icons/svg/SquareSubtractFilled';\nimport { Star } from '@ds-mo/icons/svg/Star';\nimport { StarFilled } from '@ds-mo/icons/svg/StarFilled';\nimport { Stopwatch } from '@ds-mo/icons/svg/Stopwatch';\nimport { Street } from '@ds-mo/icons/svg/Street';\nimport { Subtract } from '@ds-mo/icons/svg/Subtract';\nimport { SubtractCircle } from '@ds-mo/icons/svg/SubtractCircle';\nimport { SubtractCircleFilled } from '@ds-mo/icons/svg/SubtractCircleFilled';\nimport { Table } from '@ds-mo/icons/svg/Table';\nimport { Tag } from '@ds-mo/icons/svg/Tag';\nimport { Target } from '@ds-mo/icons/svg/Target';\nimport { TargetDollar } from '@ds-mo/icons/svg/TargetDollar';\nimport { Text } from '@ds-mo/icons/svg/Text';\nimport { ThemeDark } from '@ds-mo/icons/svg/ThemeDark';\nimport { ThemeLight } from '@ds-mo/icons/svg/ThemeLight';\nimport { ThumbsDown } from '@ds-mo/icons/svg/ThumbsDown';\nimport { ThumbsDownFilled } from '@ds-mo/icons/svg/ThumbsDownFilled';\nimport { ThumbsUp } from '@ds-mo/icons/svg/ThumbsUp';\nimport { ThumbsUpFilled } from '@ds-mo/icons/svg/ThumbsUpFilled';\nimport { TirePressure } from '@ds-mo/icons/svg/TirePressure';\nimport { Toggle } from '@ds-mo/icons/svg/Toggle';\nimport { TrafficLight } from '@ds-mo/icons/svg/TrafficLight';\nimport { Trash } from '@ds-mo/icons/svg/Trash';\nimport { Trophy } from '@ds-mo/icons/svg/Trophy';\nimport { TurnSignal } from '@ds-mo/icons/svg/TurnSignal';\nimport { TurnSignalFilled } from '@ds-mo/icons/svg/TurnSignalFilled';\nimport { Undo } from '@ds-mo/icons/svg/Undo';\nimport { Upgrade } from '@ds-mo/icons/svg/Upgrade';\nimport { Upload } from '@ds-mo/icons/svg/Upload';\nimport { VehicleTrailer } from '@ds-mo/icons/svg/VehicleTrailer';\nimport { VehicleTruck } from '@ds-mo/icons/svg/VehicleTruck';\nimport { VehicleTruckMagnifyingGlass } from '@ds-mo/icons/svg/VehicleTruckMagnifyingGlass';\nimport { Video } from '@ds-mo/icons/svg/Video';\nimport { ViewMenu } from '@ds-mo/icons/svg/ViewMenu';\nimport { Volume } from '@ds-mo/icons/svg/Volume';\nimport { VolumeFilled } from '@ds-mo/icons/svg/VolumeFilled';\nimport { VolumeMute } from '@ds-mo/icons/svg/VolumeMute';\nimport { VolumeMuteFilled } from '@ds-mo/icons/svg/VolumeMuteFilled';\nimport { WandSparkle } from '@ds-mo/icons/svg/WandSparkle';\nimport { Waveform } from '@ds-mo/icons/svg/Waveform';\nimport { Webhooks } from '@ds-mo/icons/svg/Webhooks';\nimport { Whistle } from '@ds-mo/icons/svg/Whistle';\nimport { WiFiHorizontal } from '@ds-mo/icons/svg/WiFiHorizontal';\nimport { WiFiTower } from '@ds-mo/icons/svg/WiFiTower';\nimport { WifiVertical } from '@ds-mo/icons/svg/WifiVertical';\nimport { WifiVerticalFilled } from '@ds-mo/icons/svg/WifiVerticalFilled';\nimport { WifiVerticalFilledDisabled } from '@ds-mo/icons/svg/WifiVerticalFilledDisabled';\nimport { WorkflowA } from '@ds-mo/icons/svg/WorkflowA';\nimport { WorkflowB } from '@ds-mo/icons/svg/WorkflowB';\nimport { Wrench } from '@ds-mo/icons/svg/Wrench';\nimport { ZoomBackOut } from '@ds-mo/icons/svg/ZoomBackOut';\n\nexport const systemIconCatalog: Record<string, string> = {\n  AI,\n  AIChip,\n  AINew,\n  AISparkle,\n  AUX,\n  AUXFilled,\n  AndroidFilled,\n  ArrowDown,\n  ArrowLeft,\n  ArrowPath,\n  ArrowRight,\n  ArrowUp,\n  ArrowsDiagonal,\n  ArrowsDiff,\n  ArrowsDiffDisabled,\n  ArrowsVertical,\n  AtSign,\n  Avatar,\n  BackslashBrackets,\n  BatteryCharging,\n  BatteryEmpty,\n  BatteryFull,\n  BatteryHalf,\n  BatteryLow,\n  Beaker,\n  Bell,\n  BellCircle,\n  BellExclamation,\n  BellFilled,\n  BellRinging,\n  BellWifi,\n  BlackWhite,\n  BlankUI,\n  Bluetooth,\n  Bolt,\n  BoltFilled,\n  Bookmark,\n  Box,\n  Braces,\n  Bug,\n  BuildingFacility,\n  BuildingHome,\n  BuildingOffice,\n  BuildingPublic,\n  BuildingShop,\n  Bulb,\n  Calculator,\n  Calendar,\n  CalendarClock,\n  CameraA,\n  CameraB,\n  Card,\n  CardPerson,\n  Cart,\n  Chart,\n  Check,\n  CheckCircle,\n  CheckCircleFilled,\n  CheckDouble,\n  ChevronDown,\n  ChevronLeft,\n  ChevronLeftDouble,\n  ChevronRight,\n  ChevronRightDouble,\n  ChevronUp,\n  ChevronUpDown,\n  Circle,\n  CircleArrow,\n  CircleArrowsDiff,\n  CircleArrowsDiffDisabled,\n  CircleConcentricFilled,\n  CircleConcentricThree,\n  CircleConcentricTwo,\n  CircleExclamation,\n  CircleExclamationFilled,\n  CircleFastForward,\n  CircleFilled,\n  CircleGrid,\n  CirclePlay,\n  CircleQuestion,\n  CircleSlash,\n  Clipboard,\n  ClipboardCheck,\n  Clock,\n  ClockDefer,\n  ClockFilled,\n  ClockSixteenHour,\n  Cloud,\n  CloudEllipses,\n  CloudLightning,\n  CloudRain,\n  CloudRainSun,\n  CloudSun,\n  CloudWind,\n  Cluster,\n  Coin,\n  CoinStack,\n  CoinStackGeneral,\n  Compass,\n  Copy,\n  Crop,\n  Cross,\n  CrossCircle,\n  CrossCircleFilled,\n  Cube,\n  Cup,\n  CursorPointer,\n  CursorPointerMinus,\n  CursorPointerPlus,\n  Dashboard,\n  DeviceAIDashcamPlus,\n  DeviceAssetTracker,\n  DeviceDVR,\n  DeviceDashcam,\n  DeviceDashcamLiveStream,\n  DeviceDoorSensor,\n  DeviceMobile,\n  DeviceMobileTwo,\n  DeviceOmnicam,\n  DeviceSensor,\n  DeviceTablet,\n  DeviceVehicleGateway,\n  Devices,\n  Document,\n  DocumentArrow,\n  DocumentChart,\n  DocumentDollar,\n  DocumentGear,\n  DocumentInverted,\n  DocumentPencil,\n  DocumentPlus,\n  DocumentQuestion,\n  DocumentReceipt,\n  DocumentStacked,\n  Dot,\n  DotFilled,\n  DotPath,\n  Download,\n  Drag,\n  Ellipses,\n  Email,\n  Engine,\n  Enter,\n  EntityAsset,\n  EntityAssetFilled,\n  EntityDriver,\n  EntityDriverFilled,\n  EntityTravelGroup,\n  EntityTravelGroupFilled,\n  EntityVehicle,\n  EntityVehicleCharging,\n  EntityVehicleChargingFilled,\n  EntityVehicleFilled,\n  EntityVehicleImmobilized,\n  EntityVehicleImmobilizedFilled,\n  ErrorTriangle,\n  ErrorTriangleFilled,\n  ErrorTriangleSimpleFilled,\n  Export,\n  ExternalLink,\n  Eye,\n  EyeDisabled,\n  EyeLock,\n  FastForward,\n  FastForwardSkip,\n  Filters,\n  FitToScreen,\n  Flag,\n  FlagFilled,\n  FloppyDisk,\n  Folder,\n  FolderFilled,\n  FuelPump,\n  FullScreen,\n  FullScreenExit,\n  Gauge,\n  GaugeTemperature,\n  Gear,\n  GearCheck,\n  Geofence,\n  GeofenceCircle,\n  GeofenceDiamond,\n  GeofenceSquare,\n  GlobeNetwork,\n  GlobeWorldMap,\n  Graph,\n  GraphArrow,\n  GraphBars,\n  GraphDecreasing,\n  GraphIncreasing,\n  GroupBy,\n  Hamburger,\n  HandOpen,\n  Headset,\n  History,\n  HourGlass,\n  Image,\n  Import,\n  ImportClock,\n  Inbox,\n  IosFilled,\n  Jerrycan,\n  KeyA,\n  KeyB,\n  KeyCmd,\n  KeyShift,\n  LED,\n  Layers,\n  Leaf,\n  LeftCollapse,\n  LeftCollapseB,\n  LeftExpand,\n  LeftExpandB,\n  LeftTurnSignal,\n  LetterB,\n  LetterC,\n  LetterI,\n  License,\n  LicensePlate,\n  Lifebuoy,\n  Link,\n  List,\n  Loads,\n  LocationPin,\n  LocationPinArrows,\n  LocationPinDisabled,\n  LocationPinDollar,\n  LockClosed,\n  LockClosedFilled,\n  LockOpen,\n  Logout,\n  Logs,\n  LogsMagnifyingGlass,\n  MagnifyingGlass,\n  MagnifyingGlassGraph,\n  MagnifyingGlassZoomIn,\n  MagnifyingGlassZoomOut,\n  MapNavigation,\n  MapPage,\n  MapPin,\n  MarkRead,\n  Match,\n  MessageBubble,\n  MessageBubbleStack,\n  Messaging,\n  Mic,\n  MicMute,\n  Minimize,\n  Monitor,\n  Notification,\n  NumberTen,\n  OctagonSubtract,\n  Odometer,\n  OverviewAI,\n  PanelCollapse,\n  PanelExpand,\n  Paperclip,\n  PaperplaneSend,\n  Paragraph,\n  ParagraphCheck,\n  ParagraphPencil,\n  Pause,\n  PauseFilled,\n  Pencil,\n  PencilSquiggle,\n  Person,\n  PersonAt,\n  PersonConnect,\n  PersonFrame,\n  PersonGear,\n  PersonGroup,\n  PersonGroupArrows,\n  PersonManager,\n  PersonShield,\n  PersonStar,\n  Phone,\n  PhoneDisconnect,\n  PicmanFilled,\n  Pin,\n  PipBottomLeft,\n  PipBottomRight,\n  PipTopLeft,\n  PipTopRight,\n  Play,\n  PlayFilled,\n  Plug,\n  Plus,\n  PlusCircle,\n  Preferences,\n  Printer,\n  PunchCard,\n  Puzzle,\n  PuzzleJoined,\n  Redo,\n  Refresh,\n  Restore,\n  RewardRibbon,\n  Rewind,\n  RewindSkip,\n  RewindSkipFilled,\n  RightCollapse,\n  RightCollapseB,\n  RightExpand,\n  RightExpandB,\n  RightTurnSignal,\n  Rotate,\n  Satellite,\n  Scan,\n  Scissor,\n  Scope,\n  Seatbelt,\n  SeatbeltBuckle,\n  Shapes,\n  ShareCircles,\n  ShareCirclesFilled,\n  SharePaperplane,\n  Shield,\n  ShieldCheck,\n  ShieldCheckmarkFilled,\n  ShieldCircle,\n  ShieldCircleFilled,\n  ShieldCross,\n  ShieldCrossFilled,\n  ShieldFilled,\n  ShieldLock,\n  ShieldLockFilled,\n  ShoppingBag,\n  Snowflake,\n  SpeakerPhone,\n  SpeedometerArrow,\n  SpeedometerLeft,\n  SpeedometerRight,\n  SpikeCirclePercentage,\n  SpikeCirclePercentageFilled,\n  Square,\n  SquareArrowTopRight,\n  SquareCheck,\n  SquareCheckFilled,\n  SquareDollar,\n  SquareDollarFilled,\n  SquareDottedMinus,\n  SquareFilled,\n  SquareGrid,\n  SquarePencil,\n  SquarePlus,\n  SquareSubtract,\n  SquareSubtractFilled,\n  Star,\n  StarFilled,\n  Stopwatch,\n  Street,\n  Subtract,\n  SubtractCircle,\n  SubtractCircleFilled,\n  Table,\n  Tag,\n  Target,\n  TargetDollar,\n  Text,\n  ThemeDark,\n  ThemeLight,\n  ThumbsDown,\n  ThumbsDownFilled,\n  ThumbsUp,\n  ThumbsUpFilled,\n  TirePressure,\n  Toggle,\n  TrafficLight,\n  Trash,\n  Trophy,\n  TurnSignal,\n  TurnSignalFilled,\n  Undo,\n  Upgrade,\n  Upload,\n  VehicleTrailer,\n  VehicleTruck,\n  VehicleTruckMagnifyingGlass,\n  Video,\n  ViewMenu,\n  Volume,\n  VolumeFilled,\n  VolumeMute,\n  VolumeMuteFilled,\n  WandSparkle,\n  Waveform,\n  Webhooks,\n  Whistle,\n  WiFiHorizontal,\n  WiFiTower,\n  WifiVertical,\n  WifiVerticalFilled,\n  WifiVerticalFilledDisabled,\n  WorkflowA,\n  WorkflowB,\n  Wrench,\n  ZoomBackOut,\n};\n","/* ── Base icon ───────────────────────────────────────────────────────────── */\n\n.icon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  line-height: 0;\n  color: var(--color-foreground-primary);\n  /* Explicit size so the SVG (width/height: 100% via JS) has a defined container */\n  width: var(--_icon-sz, var(--dimension-iconography-md));\n  height: var(--_icon-sz, var(--dimension-iconography-md));\n}\n\n.icon__svg {\n  display: contents;\n  line-height: 0;\n}\n\n/* SVG width/height are set via inline style in updateSvg() because Stencil's\n   scoped CSS cannot reach innerHTML-injected elements (they lack the sc-* class). */\n\n/* ── Sizes ───────────────────────────────────────────────────────────────── */\n\n.icon--size-xs  { --_icon-sz: var(--dimension-iconography-xs);  }\n.icon--size-sm  { --_icon-sz: var(--dimension-iconography-sm);  }\n.icon--size-md  { --_icon-sz: var(--dimension-iconography-md);  }\n.icon--size-lg  { --_icon-sz: var(--dimension-iconography-lg);  }\n.icon--size-xl  { --_icon-sz: var(--dimension-iconography-xl);  }\n.icon--size-2xl { --_icon-sz: var(--dimension-iconography-2xl); }\n.icon--size-3xl { --_icon-sz: var(--dimension-iconography-3xl); }\n\n/* ── Colors — hierarchy ──────────────────────────────────────────────────── */\n\n.icon--color-primary    { color: var(--color-foreground-primary);    }\n.icon--color-secondary  { color: var(--color-foreground-secondary);  }\n.icon--color-tertiary   { color: var(--color-foreground-tertiary);   }\n.icon--color-quaternary { color: var(--color-foreground-quaternary); }\n.icon--color-inherit    { color: inherit; }\n\n/* ── Colors — intent (bold contrast default) ─────────────────────────────── */\n\n.icon--color-brand    { color: var(--color-foreground-bold-brand);    }\n.icon--color-negative { color: var(--color-foreground-bold-negative); }\n.icon--color-positive { color: var(--color-foreground-bold-positive); }\n.icon--color-warning  { color: var(--color-foreground-bold-warning);  }\n.icon--color-caution  { color: var(--color-foreground-bold-caution);  }\n.icon--color-ai       { color: var(--color-foreground-bold-ai);       }\n.icon--color-guide    { color: var(--color-foreground-bold-guide);    }\n.icon--color-neutral  { color: var(--color-foreground-bold-neutral);  }\n\n/* ── Colors — intent faint ───────────────────────────────────────────────── */\n\n.icon--color-faint-brand    { color: var(--color-foreground-faint-brand);    }\n.icon--color-faint-negative { color: var(--color-foreground-faint-negative); }\n.icon--color-faint-positive { color: var(--color-foreground-faint-positive); }\n.icon--color-faint-warning  { color: var(--color-foreground-faint-warning);  }\n.icon--color-faint-caution  { color: var(--color-foreground-faint-caution);  }\n.icon--color-faint-ai       { color: var(--color-foreground-faint-ai);       }\n.icon--color-faint-neutral  { color: var(--color-foreground-faint-neutral);  }\n\n/* ── Colors — intent medium ─────────────────────────────────────────────── */\n\n.icon--color-medium-brand    { color: var(--color-foreground-medium-brand);    }\n.icon--color-medium-negative { color: var(--color-foreground-medium-negative); }\n.icon--color-medium-positive { color: var(--color-foreground-medium-positive); }\n.icon--color-medium-warning  { color: var(--color-foreground-medium-warning);  }\n.icon--color-medium-caution  { color: var(--color-foreground-medium-caution);  }\n.icon--color-medium-ai       { color: var(--color-foreground-medium-ai);       }\n.icon--color-medium-neutral  { color: var(--color-foreground-medium-neutral);  }\n\n/* ── Colors — intent bold (explicit) ────────────────────────────────────── */\n\n.icon--color-bold-brand    { color: var(--color-foreground-bold-brand);    }\n.icon--color-bold-negative { color: var(--color-foreground-bold-negative); }\n.icon--color-bold-positive { color: var(--color-foreground-bold-positive); }\n.icon--color-bold-warning  { color: var(--color-foreground-bold-warning);  }\n.icon--color-bold-caution  { color: var(--color-foreground-bold-caution);  }\n.icon--color-bold-ai       { color: var(--color-foreground-bold-ai);       }\n.icon--color-bold-neutral  { color: var(--color-foreground-bold-neutral);  }\n\n/* ── Colors — intent strong ──────────────────────────────────────────────── */\n\n.icon--color-strong-brand    { color: var(--color-foreground-strong-brand);    }\n.icon--color-strong-negative { color: var(--color-foreground-strong-negative); }\n.icon--color-strong-positive { color: var(--color-foreground-strong-positive); }\n.icon--color-strong-warning  { color: var(--color-foreground-strong-warning);  }\n.icon--color-strong-caution  { color: var(--color-foreground-strong-caution);  }\n.icon--color-strong-ai       { color: var(--color-foreground-strong-ai);       }\n.icon--color-strong-neutral  { color: var(--color-foreground-strong-neutral);  }\n\n/* ── Colors — contextual ────────────────────────────────────────────────── */\n\n.icon--color-on-strong { color: var(--color-foreground-on-strong-background-primary); }\n.icon--color-on-bold   { color: var(--color-foreground-on-bold-background-primary);   }\n","import { Component, Prop, Element, Watch, h, Host } from '@stencil/core';\nimport { flagIconCatalog } from './flag-icon-catalog';\nimport { systemIconCatalog } from './system-icon-catalog';\n\nexport type IconSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl';\n\nexport type IconColorToken =\n  // Hierarchy\n  | 'primary' | 'secondary' | 'tertiary' | 'quaternary'\n  // Intent — bold contrast (default)\n  | 'brand' | 'negative' | 'positive' | 'warning' | 'caution' | 'ai' | 'guide' | 'neutral'\n  // Intent — faint\n  | 'faint-brand' | 'faint-negative' | 'faint-positive' | 'faint-warning'\n  | 'faint-caution' | 'faint-ai' | 'faint-neutral'\n  // Intent — medium\n  | 'medium-brand' | 'medium-negative' | 'medium-positive' | 'medium-warning'\n  | 'medium-caution' | 'medium-ai' | 'medium-neutral'\n  // Intent — bold (explicit)\n  | 'bold-brand' | 'bold-negative' | 'bold-positive' | 'bold-warning'\n  | 'bold-caution' | 'bold-ai' | 'bold-neutral'\n  // Intent — strong\n  | 'strong-brand' | 'strong-negative' | 'strong-positive' | 'strong-warning'\n  | 'strong-caution' | 'strong-ai' | 'strong-neutral'\n  // Contextual\n  | 'on-strong' | 'on-bold'\n  // Pass-through\n  | 'inherit';\n\nexport type IconColor = IconColorToken | `var(--${string})`;\n\n@Component({\n  tag: 'ds-icon',\n  styleUrl: 'Icon.css',\n  scoped: true,\n})\nexport class Icon {\n  @Element() el!: HTMLElement;\n\n  /** Name of the system icon (e.g. `\"Gear\"`, `\"ArrowRight\"`) or flag (e.g. `\"US\"`) */\n  @Prop() name: string = '';\n  /** Iconography size token. Maps to `--dimension-iconography-{size}`. Default `md` = 20 px. */\n  @Prop() size: IconSize = 'md';\n  /** Semantic foreground color token, or a raw CSS var reference. */\n  @Prop() color: IconColor | undefined;\n  /** Accessible label. Sets `role=\"img\"` and `aria-label`. Omit for decorative icons. */\n  @Prop() label: string | undefined;\n  /** Set `true` to look up from the flag icon set instead of the system icon set. */\n  @Prop() flag: boolean = false;\n\n  private get svgString(): string {\n    const source = this.flag ? flagIconCatalog : systemIconCatalog;\n    return source[this.name] ?? '';\n  }\n\n  private updateSvg() {\n    const container = this.el.querySelector<HTMLElement>('.icon__svg');\n    if (!container) return;\n    container.innerHTML = this.svgString;\n    // Stencil's scoped CSS cannot reach innerHTML-injected elements (no sc-* class).\n    // Apply width/height as inline styles so sizing works regardless of scope class.\n    const svg = container.querySelector<SVGElement>('svg');\n    if (svg) {\n      svg.removeAttribute('width');\n      svg.removeAttribute('height');\n      // Prevent SVG from being natively focusable (Firefox/IE default) while\n      // sitting inside an aria-hidden parent — fixes aria-hidden-focus violation.\n      svg.setAttribute('focusable', 'false');\n      svg.setAttribute('aria-hidden', 'true');\n      svg.style.display = 'block';\n      svg.style.flexShrink = '0';\n      svg.style.width = '100%';\n      svg.style.height = '100%';\n    }\n  }\n\n  @Watch('name')\n  @Watch('flag')\n  onIconChange() {\n    this.updateSvg();\n  }\n\n  componentDidRender() {\n    this.updateSvg();\n  }\n\n  render() {\n    const isCustomColor = typeof this.color === 'string' && this.color.startsWith('var(--');\n\n    const cls: Record<string, boolean> = {\n      icon: true,\n      [`icon--size-${this.size}`]: true,\n      [`icon--color-${this.color}`]: !!this.color && !isCustomColor && this.color !== 'inherit',\n      'icon--color-inherit': this.color === 'inherit',\n    };\n\n    const style = isCustomColor ? { color: this.color as string } : undefined;\n\n    return (\n      <Host style={{ display: 'inline-flex', alignItems: 'center', justifyContent: 'center' }}>\n        <span\n          class={cls}\n          style={style}\n          role={this.label ? 'img' : 'presentation'}\n          aria-label={this.label}\n          aria-hidden={!this.label ? 'true' : undefined}\n        >\n          <span class=\"icon__svg\" />\n        </span>\n      </Host>\n    );\n  }\n}\n"],"mappings":"0yyBAkCO,MAAMA,GAA0C,CACrDC,cACAC,cACAC,eACAC,aACAC,cACAC,aACAC,oBACAC,cACAC,SACAC,cACAC,cACAC,aACAC,cACAC,aACAC,cACAC,cACAC,YACAC,aACAC,gBACAC,iBACAC,YACAC,aACAC,kBACAC,aACAC,eACAC,cACAC,eACAC,eACAC,YACAC,aACAC,oBACAC,oBC6UK,MAAMC,GAA4C,CACvDC,KACAC,SACAC,QACAC,YACAC,MACAC,YACAC,gBACAC,YACAC,YACAC,YACAC,aACAC,UACAC,iBACAC,aACAC,qBACAC,iBACAC,SACAC,UACAC,qBACAC,mBACAC,gBACAC,eACAC,eACAC,cACAC,UACAC,QACAC,cACAC,mBACAC,cACAC,eACAC,YACAC,cACAC,WACAC,aACAC,QACAC,cACAC,YACAC,OACAC,UACAC,OACAC,oBACAC,gBACAC,kBACAC,kBACAC,gBACAC,QACAC,cACAC,YACAC,iBACAC,WACAC,WACAC,QACAC,cACAC,QACAC,SACAC,SACAC,eACAC,qBACAC,eACAC,eACAC,eACAC,qBACAC,gBACAC,sBACAC,aACAC,iBACAC,UACAC,eACAC,oBACAC,4BACAC,0BACAC,yBACAC,uBACAC,qBACAC,2BACAC,qBACAC,gBACAC,cACAC,cACAC,kBACAC,eACAC,aACAC,kBACAC,SACAC,cACAC,eACAC,oBACAC,SACAC,iBACAC,kBACAC,aACAC,gBACAC,YACAC,aACAC,WACAC,QACAC,aACAC,oBACAC,WACAC,QACAC,QACAC,SACAC,eACAC,qBACAC,QACAC,OACAC,iBACAC,sBACAC,qBACAC,aACAC,uBACAC,sBACAC,aACAC,iBACAC,2BACAC,oBACAC,gBACAC,mBACAC,iBACAC,gBACAC,gBACAC,wBACAC,WACAC,YACAC,iBACAC,iBACAC,kBACAC,gBACAC,oBACAC,kBACAC,gBACAC,oBACAC,mBACAC,mBACAC,OACAC,aACAC,WACAC,YACAC,QACAC,YACAC,SACAC,UACAC,SACAC,eACAC,qBACAC,gBACAC,sBACAC,qBACAC,2BACAC,iBACAC,yBACAC,+BACAC,uBACAC,4BACAC,kCACAC,iBACAC,uBACAC,6BACAC,UACAC,gBACAC,OACAC,eACAC,WACAC,eACAC,mBACAC,WACAC,eACAC,QACAC,cACAC,cACAC,UACAC,gBACAC,YACAC,cACAC,kBACAC,SACAC,oBACAC,QACAC,aACAC,YACAC,kBACAC,mBACAC,kBACAC,gBACAC,iBACAC,SACAC,cACAC,aACAC,mBACAC,mBACAC,WACAC,aACAC,YACAC,WACAC,WACAC,aACAC,SACAC,UACAC,eACAC,SACAC,aACAC,YACAC,QACAC,QACAC,UACAC,YACAC,OACAC,UACAC,QACAC,gBACAC,iBACAC,cACAC,eACAC,kBACAC,WACAC,WACAC,WACAC,WACAC,gBACAC,YACAC,QACAC,QACAC,SACAC,eACAC,qBACAC,uBACAC,qBACAC,cACAC,oBACAC,YACAC,UACAC,QACAC,uBACAC,mBACAC,wBACAC,yBACAC,0BACAC,iBACAC,WACAC,UACAC,YACAC,SACAC,iBACAC,sBACAC,aACAC,OACAC,WACAC,YACAC,WACAC,gBACAC,aACAC,mBACAC,YACAC,cACAC,iBACAC,eACAC,aACAC,kBACAC,aACAC,kBACAC,mBACAC,SACAC,eACAC,UACAC,kBACAC,UACAC,YACAC,iBACAC,eACAC,cACAC,eACAC,qBACAC,iBACAC,gBACAC,cACAC,SACAC,mBACAC,gBACAC,OACAC,iBACAC,kBACAC,cACAC,eACAC,QACAC,cACAC,QACAC,QACAC,cACAC,eACAC,WACAC,aACAC,UACAC,gBACAC,QACAC,WACAC,WACAC,gBACAC,UACAC,cACAC,oBACAC,iBACAC,kBACAC,eACAC,gBACAC,mBACAC,UACAC,aACAC,QACAC,WACAC,SACAC,YACAC,kBACAC,UACAC,gBACAC,sBACAC,mBACAC,UACAC,eACAC,yBACAC,gBACAC,sBACAC,eACAC,qBACAC,gBACAC,cACAC,oBACAC,eACAC,aACAC,gBACAC,oBACAC,mBACAC,oBACAC,yBACAC,+BACAC,UACAC,uBACAC,eACAC,qBACAC,gBACAC,sBACAC,qBACAC,gBACAC,cACAC,gBACAC,cACAC,kBACAC,wBACAC,QACAC,cACAC,aACAC,UACAC,YACAC,kBACAC,wBACAC,SACAC,OACAC,UACAC,gBACAC,QACAC,aACAC,cACAC,cACAC,oBACAC,YACAC,kBACAC,gBACAC,UACAC,gBACAC,SACAC,UACAC,cACAC,oBACAC,QACAC,WACAC,UACAC,kBACAC,gBACAC,+BACAC,SACAC,YACAC,UACAC,gBACAC,cACAC,oBACAC,eACAC,YACAC,YACAC,WACAC,kBACAC,aACAC,gBACAC,sBACAC,8BACAC,aACAC,aACAC,UACAC,gBC5xBF,MAAMC,GAAU,IAAM,+kI,MCmCTC,GAAIC,EAAA,MAAAD,UAAAE,EALjB,WAAAC,CAAAC,G,4CASUC,KAAAC,KAAe,GAEfD,KAAAE,KAAiB,KAMjBF,KAAAG,KAAgB,KAgEzB,CA9DC,aAAYC,GACV,MAAMC,EAASL,KAAKG,KAAOxb,GAAkBiC,GAC7C,OAAOyZ,EAAOL,KAAKC,OAAS,E,CAGtB,SAAAK,GACN,MAAMC,EAAYP,KAAKQ,GAAGC,cAA2B,cACrD,IAAKF,EAAW,OAChBA,EAAUG,UAAYV,KAAKI,UAG3B,MAAMO,EAAMJ,EAAUE,cAA0B,OAChD,GAAIE,EAAK,CACPA,EAAIC,gBAAgB,SACpBD,EAAIC,gBAAgB,UAGpBD,EAAIE,aAAa,YAAa,SAC9BF,EAAIE,aAAa,cAAe,QAChCF,EAAIG,MAAMC,QAAU,QACpBJ,EAAIG,MAAME,WAAa,IACvBL,EAAIG,MAAMG,MAAQ,OAClBN,EAAIG,MAAMI,OAAS,M,EAMvB,YAAAC,GACEnB,KAAKM,W,CAGP,kBAAAc,GACEpB,KAAKM,W,CAGP,MAAAe,GACE,MAAMC,SAAuBtB,KAAKuB,QAAU,UAAYvB,KAAKuB,MAAMC,WAAW,UAE9E,MAAMC,EAA+B,CACnCC,KAAM,KACN,CAAC,cAAc1B,KAAKE,QAAS,KAC7B,CAAC,eAAeF,KAAKuB,WAAYvB,KAAKuB,QAAUD,GAAiBtB,KAAKuB,QAAU,UAChF,sBAAuBvB,KAAKuB,QAAU,WAGxC,MAAMT,EAAQQ,EAAgB,CAAEC,MAAOvB,KAAKuB,OAAoBI,UAEhE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAAChB,MAAO,CAAEC,QAAS,cAAegB,WAAY,SAAUC,eAAgB,WAC3EJ,EAAA,QAAAE,IAAA,2CACEG,MAAOR,EACPX,MAAOA,EACPoB,KAAMlC,KAAKmC,MAAQ,MAAQ,eAAc,aAC7BnC,KAAKmC,MAAK,eACRnC,KAAKmC,MAAQ,OAASR,WAEpCC,EAAA,QAAAE,IAAA,2CAAMG,MAAM,e","ignoreList":[]}

package/dist/components/p-g6MCxfm4.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["BADGE_GRADIENT_POSITION_VAR","isShellGradientActive","from","shell","closest","hasAttribute"],"sources":["src/wc/nav/badge-gradient-ring.ts"],"sourcesContent":["import {\n  SHELL_GRADIENT_POSITION_BAR_VAR,\n  SHELL_GRADIENT_POSITION_PANEL_VAR,\n} from './shell-gradient';\n\n/** Per-badge background-position for shell gradient ring sampling. */\nexport const BADGE_GRADIENT_POSITION_VAR = '--_badge-gradient-position';\n\nexport interface GradientSurface {\n  element: HTMLElement;\n  chromeHost: HTMLElement;\n  positionVar: string;\n}\n\n/** Whether the badge sits under `ds-app-shell[gradient]`. */\nexport function isShellGradientActive(from: HTMLElement): boolean {\n  const shell = from.closest('ds-app-shell');\n  return shell?.hasAttribute('gradient') === true;\n}\n\n/** Bar or panel chrome surface that owns the shell gradient stack. */\nexport function findGradientSurface(from: HTMLElement): GradientSurface | null {\n  const barHost = from.closest('ds-bar-nav') as HTMLElement | null;\n  if (barHost) {\n    const root = barHost.shadowRoot ?? barHost;\n    const element = root.querySelector('.bar-nav');\n    if (element) {\n      return {\n        element: element as HTMLElement,\n        chromeHost: barHost,\n        positionVar: SHELL_GRADIENT_POSITION_BAR_VAR,\n      };\n    }\n  }\n\n  const panelHost = from.closest('ds-panel-nav') as HTMLElement | null;\n  if (panelHost) {\n    const root = panelHost.shadowRoot ?? panelHost;\n    const element = root.querySelector('.panel-nav');\n    if (element) {\n      return {\n        element: element as HTMLElement,\n        chromeHost: panelHost,\n        positionVar: SHELL_GRADIENT_POSITION_PANEL_VAR,\n      };\n    }\n  }\n\n  return null;\n}\n\ninterface ParsedPosition {\n  x: number;\n  y: number;\n}\n\n/** Parse a two-value CSS background-position (e.g. `-200px 0`). */\nexport function parseCssBackgroundPosition(value: string): ParsedPosition {\n  const trimmed = value.trim();\n  if (!trimmed) return { x: 0, y: 0 };\n\n  const parts = trimmed.split(/\\s+/);\n  const x = parseLength(parts[0] ?? '0');\n  const y = parseLength(parts[1] ?? '0');\n  return { x, y };\n}\n\nfunction parseLength(token: string): number {\n  const px = token.match(/^(-?[\\d.]+)px$/);\n  if (px) return Number(px[1]);\n  return 0;\n}\n\n/**\n * Background position for a badge ring so the shell gradient aligns with nav chrome.\n * Uses badge center relative to the painted chrome surface.\n */\nexport function badgeGradientPosition(\n  badgeHost: HTMLElement,\n  surface: GradientSurface,\n  shellPosition: string,\n): string {\n  const badgeRect = badgeHost.getBoundingClientRect();\n  const surfaceRect = surface.element.getBoundingClientRect();\n  const anchorX = badgeRect.left + badgeRect.width / 2 - surfaceRect.left;\n  const anchorY = badgeRect.top + badgeRect.height / 2 - surfaceRect.top;\n  const { x, y } = parseCssBackgroundPosition(shellPosition);\n\n  return `${Math.round(x - anchorX)}px ${Math.round(y - anchorY)}px`;\n}\n\n/** Resolve shell gradient position from chrome host custom properties. */\nexport function readShellGradientPosition(surface: GradientSurface): string {\n  const styles = getComputedStyle(surface.chromeHost);\n  return styles.getPropertyValue(surface.positionVar).trim() || '0 0';\n}\n\n/** Stamp `--_badge-gradient-position` on the badge host (fixed viewport chrome). */\nexport function syncBadgeGradientPosition(badgeHost: HTMLElement): void {\n  if (!isShellGradientActive(badgeHost)) {\n    badgeHost.style.removeProperty(BADGE_GRADIENT_POSITION_VAR);\n    return;\n  }\n\n  badgeHost.style.setProperty(BADGE_GRADIENT_POSITION_VAR, '0 0');\n}\n"],"mappings":"AAMO,MAAMA,EAA8B,6BASrC,SAAUC,EAAsBC,GACpC,MAAMC,EAAQD,EAAKE,QAAQ,gBAC3B,OAAOD,GAAOE,aAAa,cAAgB,IAC7C,Q","ignoreList":[]}

package/dist/types/components/Button/Button.d.ts

@@ -1,38 +0,0 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-export type ButtonVariant = 'primary' | 'secondary';
-export type ButtonElevation = 'none' | 'flat' | 'elevated' | 'floating';
-export type ButtonIntent = 'none' | 'neutral' | 'brand' | 'ai' | 'negative' | 'warning' | 'caution' | 'positive';
-export type ButtonSize = 'xs' | 'sm' | 'md' | 'lg';
-export type ButtonContrast = 'strong' | 'bold' | 'medium' | 'faint';
-export type ButtonBackground = 'faint' | 'medium' | 'bold' | 'strong' | 'always-dark';
-export declare class Button {
-    el: HTMLElement;
-    variant: ButtonVariant;
-    intent: ButtonIntent;
-    size: ButtonSize;
-    label: string | undefined;
-    rounded: boolean;
-    fullWidth: boolean;
-    width: string | undefined;
-    contrast: ButtonContrast;
-    background: ButtonBackground | undefined;
-    dropdown: boolean;
-    badgeCount: number | undefined;
-    elevation: ButtonElevation | undefined;
-    loading: boolean;
-    inactive: boolean;
-    href: string | undefined;
-    target: string | undefined;
-    type: 'button' | 'submit' | 'reset';
-    ariaLabel: string | undefined;
-    ariaLabelledby: string | undefined;
-    private hasIcon;
-    dsClick: EventEmitter<MouseEvent>;
-    dsMouseEnter: EventEmitter<MouseEvent>;
-    dsMouseLeave: EventEmitter<MouseEvent>;
-    componentWillLoad(): void;
-    private handleClick;
-    private get effectiveElevation();
-    render(): any;
-}
-//# sourceMappingURL=Button.d.ts.map

package/dist/types/components/Button/index.d.ts

@@ -1,2 +0,0 @@
-export type { ButtonVariant, ButtonElevation, ButtonIntent, ButtonSize, ButtonContrast, ButtonBackground } from './Button';
-//# sourceMappingURL=index.d.ts.map

package/dist/types/components/ButtonGroup/ButtonGroup.d.ts

@@ -1,29 +0,0 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-export type ButtonGroupElevation = 'none' | 'flat' | 'elevated' | 'floating';
-export type ButtonGroupSize = 'xs' | 'sm' | 'md' | 'lg';
-export interface ButtonGroupItem {
-    label?: string;
-    /** Icon name for <ds-icon>. Set via JS property. */
-    icon?: string;
-    variant?: 'primary' | 'secondary';
-    intent?: 'none' | 'neutral' | 'brand' | 'negative' | 'warning' | 'positive';
-    inactive?: boolean;
-    href?: string;
-}
-export declare class ButtonGroup {
-    /**
-     * Array of button descriptors. Set via JS property.
-     * @example el.items = [{ label: 'Filter', icon: 'Filter' }, { label: 'Sort' }];
-     */
-    items: ButtonGroupItem[];
-    /** Chrome level for the group container. */
-    elevation: ButtonGroupElevation;
-    /** Size passed to each ds-button. */
-    size: ButtonGroupSize;
-    /** Pill shape for group + buttons. */
-    rounded: boolean;
-    /** Emits the index of the clicked item. */
-    dsClick: EventEmitter<number>;
-    render(): any;
-}
-//# sourceMappingURL=ButtonGroup.d.ts.map

package/dist/types/components/ToggleButton/ToggleButton.d.ts

@@ -1,37 +0,0 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-export type ToggleButtonElevation = 'none' | 'flat' | 'elevated' | 'floating';
-export type ToggleButtonSize = 'md' | 'sm' | 'xs';
-export type ToggleButtonBackground = 'faint' | 'medium' | 'bold' | 'strong' | 'always-dark';
-export declare class ToggleButton {
-    /**
-     * Chrome level.
-     *   none     — ghost (transparent, no border, no shadow)
-     *   flat     — border only, transparent bg
-     *   elevated — bg-primary + shadow  [default]
-     *   floating — bg-primary + FAB-strength shadow
-     */
-    elevation: ToggleButtonElevation;
-    /** Label text. */
-    label: string | undefined;
-    /**
-     * Icon name for <ds-icon>. Set via JS property.
-     * @example el.icon = 'GridView';
-     */
-    icon: string | undefined;
-    /** Size: md (32px), sm (24px), xs (16px). */
-    size: ToggleButtonSize;
-    /** Pill shape. */
-    rounded: boolean;
-    /** Parent surface context — adjusts hover tokens for colored backgrounds. */
-    background: ToggleButtonBackground | undefined;
-    /** Controlled pressed state. */
-    pressed: boolean;
-    /** Disables interaction. */
-    inactive: boolean;
-    ariaLabel: string | undefined;
-    /** Emits the new pressed value (!pressed) on click. */
-    dsChange: EventEmitter<boolean>;
-    private handleClick;
-    render(): any;
-}
-//# sourceMappingURL=ToggleButton.d.ts.map

package/dist/types/components/ToggleButtonGroup/ToggleButtonGroup.d.ts

@@ -1,33 +0,0 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-export type ToggleGroupElevation = 'none' | 'flat' | 'elevated' | 'floating';
-export type ToggleGroupSize = 'md' | 'sm' | 'xs';
-export type ToggleGroupBackground = 'faint' | 'medium' | 'bold' | 'strong' | 'always-dark';
-export interface ToggleGroupItem {
-    id: string;
-    label?: string;
-    /** Icon name for <ds-icon>. */
-    icon?: string;
-    inactive?: boolean;
-}
-export declare class ToggleButtonGroup {
-    /**
-     * Array of item descriptors. Set via JS property.
-     * @example el.items = [{ id: 'list', label: 'List' }, { id: 'grid', icon: 'GridView' }];
-     */
-    items: ToggleGroupItem[];
-    /** ID of the currently selected / pressed item. */
-    value: string;
-    /** Chrome level for the group container. */
-    elevation: ToggleGroupElevation;
-    /** Size passed to each ds-toggle-button. */
-    size: ToggleGroupSize;
-    /** Pill shape for group + buttons. */
-    rounded: boolean;
-    /** Parent surface context. */
-    background: ToggleGroupBackground | undefined;
-    /** Emits the id of the newly selected item. */
-    dsChange: EventEmitter<string>;
-    private handleItemChange;
-    render(): any;
-}
-//# sourceMappingURL=ToggleButtonGroup.d.ts.map

package/src/react/ds-button-group.ts

@@ -1,27 +0,0 @@
-'use client';
-
-/**
- * This file was automatically generated by the Stencil React Output Target.
- * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
- */
-
-/* eslint-disable */
-
-import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
-import { createComponent } from '@stencil/react-output-target/runtime';
-import React from 'react';
-
-import { type DsButtonGroupCustomEvent } from "@ds-mo/ui";
-import type { Components } from "@ds-mo/ui/dist/components";
-import { DsButtonGroup as DsButtonGroupElement, defineCustomElement as defineDsButtonGroup } from "@ds-mo/ui/dist/components/ds-button-group.js";
-
-export type DsButtonGroupEvents = { onDsClick: EventName<DsButtonGroupCustomEvent<number>> };
-
-export const DsButtonGroup: StencilReactComponent<DsButtonGroupElement, DsButtonGroupEvents, Components.DsButtonGroup> = /*@__PURE__*/ createComponent<DsButtonGroupElement, DsButtonGroupEvents, Components.DsButtonGroup>({
-    tagName: 'ds-button-group',
-    elementClass: DsButtonGroupElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: { onDsClick: 'dsClick' } as DsButtonGroupEvents,
-    defineCustomElement: defineDsButtonGroup
-});