@duetds/components 9.1.2 → 9.2.0

package/lib/dist-custom-elements/{p-cc58e64e.js → p-e416ccec.js}

@@ -1,8 +1,8 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, d as Host } from './p-926dfd0d.js';
-import { d as defineCustomElement$1 } from './p-f5924b7d.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-4e532364.js';
+import { d as defineCustomElement$1 } from './p-e8d60da0.js';
 
 const DuetUploadAriaStatus = /*@__PURE__*/ proxyCustomElement(class DuetUploadAriaStatus extends H {
     constructor() {
@@ -65,7 +65,7 @@ const DuetUploadAriaStatus = /*@__PURE__*/ proxyCustomElement(class DuetUploadAr
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '86d09688da162133dae76983bbfc285abf03ec4b', role: "status", "aria-live": "assertive", "aria-atomic": "true", "aria-relevant": "all" }, h("duet-visually-hidden", { key: '22fb5bc7a884e3d9b63f68b6720cdf9550418082' }, this.statusMessage)));
+        return (h(Host, { key: '28cd5bb1f92c9b403b91c6abf2cbedb12415069f', role: "status", "aria-live": "assertive", "aria-atomic": "true", "aria-relevant": "all" }, h("duet-visually-hidden", { key: 'fbc14d38d44e631ace4e2e9c2f6b4b79119c36fd' }, this.statusMessage)));
     }
     get element() { return this; }
     static get watchers() { return {

package/lib/dist-custom-elements/{p-52618a53.js → p-e5f6aaab.js}

@@ -1,11 +1,11 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, d as Host } from './p-926dfd0d.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-4e532364.js';
 import { j as colorGrayLightest, k as colorBrandGrayTurva, l as colorPrimaryTurva, n as colorPrimary } from './p-dc26d4a2.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { c as createID } from './p-5e59e970.js';
-import { g as getLocaleString, a as getLanguage, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './p-69f6a6aa.js';
+import { g as getLocaleString, a as getLanguage, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './p-317b4bb8.js';
 
 const duetLogoCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:8px !important;display:inline-block;width:auto;vertical-align:middle}:host:last-child,:host:last-of-type{margin-right:0 !important}:host(.duet-m-0){margin:0 !important}.duet-logo{-webkit-user-select:none;user-select:none;display:block;width:154px;height:40px;border-radius:4px}.duet-logo:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-logo:focus,.duet-logo:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-logo.duet-logo-en{width:166px}.duet-logo.duet-logo-sv{width:167px}.duet-logo.duet-theme-turva{width:110px;height:40px}.duet-logo svg{display:block;width:100%;height:auto}.duet-logo.large{width:184.8px;height:48px}.duet-logo.large.duet-logo-en{width:199.2px}.duet-logo.large.duet-logo-sv{width:200.4px}.duet-logo.large.duet-theme-turva{width:149.6px;height:54.4px}";
 const DuetLogoStyle0 = duetLogoCss;
@@ -86,7 +86,7 @@ const DuetLogo = /*@__PURE__*/ proxyCustomElement(class DuetLogo extends H {
      */
     render() {
         const TagName = this.href ? "a" : "div";
-        return (h(Host, { key: '5d084305a0696301d4a6821758e0689a4c7cb24b', class: { "duet-m-0": this.margin === "none" } }, h(TagName, { key: 'bd7ff8798ac2294e92714074abc3a40ac09f84a3', href: this.href, ref: link => (this.nativeLink = link), "aria-label": this.accessibleLabel, class: {
+        return (h(Host, { key: 'cd53d85f163bc76250be1e5514b00bf6769e7f54', class: { "duet-m-0": this.margin === "none" } }, h(TagName, { key: '8ec59c6823257e298b0e298a7d6eda2c40725d83', href: this.href, ref: link => (this.nativeLink = link), "aria-label": this.accessibleLabel, class: {
                 "duet-logo": true,
                 [this.size]: true,
                 "duet-theme-turva": this.theme === "turva",

package/lib/dist-custom-elements/{p-7dfb4906.js → p-e7918410.js}

@@ -1,11 +1,11 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, d as Host } from './p-926dfd0d.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-4e532364.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { c as createID } from './p-5e59e970.js';
-import { h as hasSlot } from './p-c5df07b9.js';
-import { d as defineCustomElement$1 } from './p-3caf29d6.js';
+import { h as hasSlot } from './p-fc9b988f.js';
+import { d as defineCustomElement$1 } from './p-3f00c32a.js';
 
 const duetFieldsetCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:12px !important;display:block;width:100%}:host(.duet-m-0){margin:0 !important}fieldset{position:relative;width:100%;min-width:0;border:0}fieldset legend{position:absolute !important;top:0;width:1px !important;height:1px !important;padding:0 !important;overflow:hidden !important;clip:rect(1px, 1px, 1px, 1px) !important;border:0 !important}.duet-legend-wrapper{position:relative;display:block;width:100%;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:600;line-height:1.5;color:rgb(0, 41, 77);text-align:left;background:transparent}.duet-legend-wrapper.duet-legend-compact:not(.duet-legend-has-caption){line-height:1.25}.duet-theme-turva .duet-legend-wrapper{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}.duet-fieldset-label{margin-bottom:12px !important;margin-top:8px}.duet-legend-has-caption .duet-fieldset-label{margin-bottom:6px !important}.duet-legend-has-tooltip .duet-fieldset-label{padding-right:36px}@media (min-width: 48em){.duet-legend-has-tooltip .duet-fieldset-label{margin-bottom:3px !important;padding-right:0}}@media (min-width: 48em){.duet-legend-has-tooltip.duet-legend-has-caption .duet-fieldset-label{margin-bottom:-3px !important}}.duet-fieldset-caption{margin-bottom:12px !important}.duet-fieldset-help{display:block;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(222, 35, 98);border-radius:4px}.duet-fieldset-help span{display:block;margin-top:12px}.duet-theme-turva .duet-fieldset-help{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(224, 42, 13)}::slotted(duet-tooltip){position:absolute;top:4px;right:0}@media (min-width: 48em){::slotted(duet-tooltip){position:relative;right:auto}}.duet-legend-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}";
 const DuetFieldsetStyle0 = duetFieldsetCss;
@@ -43,20 +43,20 @@ const DuetFieldset = /*@__PURE__*/ proxyCustomElement(class DuetFieldset extends
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '4da3e5f66820460f1ef0493f60f630c76d818473', class: { "duet-m-0": this.margin === "none" } }, h("fieldset", { key: 'ed739d61e287215e42e4506b4c71595540bc361d', "aria-labelledby": this.labelId, "aria-describedby": this.error ? this.errorId : null,
+        return (h(Host, { key: 'f1f3d444a12a63dc805ed39d5df2127e5bb1a6b0', class: { "duet-m-0": this.margin === "none" } }, h("fieldset", { key: 'ee4f9a2ecd2929ec5c3a8ef1451d576455fdeb3c', "aria-labelledby": this.labelId, "aria-describedby": this.error ? this.errorId : null,
             // NVDA and VoiceOver do not yet support aria-errormessage
             // once they do, we can remove errors from the aria-describedby
             // aria-errormessage={this.error ? this.errorId : null}
             class: {
                 "duet-fieldset": true,
                 "duet-theme-turva": this.theme === "turva",
-            } }, h("legend", { key: '2bad3be10867df4d945fd05b0dc208107ed6a792', id: this.labelId }, h(this.labelHeadingLevel, { key: 'd6cc673f67359ddd2ee7e5edd740de0c465e1ac8' }, this.label), this.caption && h("span", { key: '1831049370a39c6d8ac1e63cad3f56516ffa2073' }, this.caption)), h("div", { key: '58aeac7ddfee203189ab2e9f9d796b370de6ab89', class: {
+            } }, h("legend", { key: 'f28701a95d80391e51b4da87c959632b5a8d1ffb', id: this.labelId }, h(this.labelHeadingLevel, { key: '00174cf4da53b36e02cbb1baa6e7f394e4837013' }, this.label), this.caption && h("span", { key: 'c9cd441e8bca0154ef1813ddfbde9dfaf340c5aa' }, this.caption)), h("div", { key: '50f3f035319e6d60aef074d6469e4a61577fc15b', class: {
                 "duet-legend-wrapper": true,
                 "duet-legend-has-caption": !!this.caption,
                 "duet-legend-has-tooltip": this.hasTooltip,
                 "duet-legend-hidden": this.labelHidden,
                 "duet-legend-compact": this.compactLabel,
-            } }, h("div", { key: '5572f59933addae60637f304ffb1dc900313375e', class: "duet-fieldset-label" }, h("span", { key: '35c227c6950d0d5f2717a967d3d660022ef91915', "aria-hidden": "true" }, this.label), h("slot", { key: '1e0b4cff03a36a0e101e972b36d5bbfeef399e7f', onSlotchange: this.checkHasTooltip, name: "tooltip" })), this.caption && (h("div", { key: '139fb6fddaace73d9ef5e0d6c3c07b5281641f65', class: "duet-fieldset-caption", "aria-hidden": "true" }, h("duet-caption", { key: '4603eb768b61f4b6b342c5b08549dd708bcc2c1b', theme: this.theme, margin: "none" }, this.caption)))), h("slot", { key: '6e0732f202a8228c0b5c10d2dfe54f072e829837' }), h("span", { key: '90b501fd275d5bdd63a500c2478e0831b48f2fbe', class: "duet-fieldset-help", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && h("span", { key: '55be98cfad770433b98a20fa045e1bcb15433441' }, this.error)))));
+            } }, h("div", { key: '3295a828e865f3a098633a3dc6ef7a3be348aa26', class: "duet-fieldset-label" }, h("span", { key: '72f62a24e4815ff4a9807c030c32b6dedef0d667', "aria-hidden": "true" }, this.label), h("slot", { key: '890f95bd218c8b0bbdfc1a408c1449fa2b56afbb', onSlotchange: this.checkHasTooltip, name: "tooltip" })), this.caption && (h("div", { key: '8dc56ad89eb4bac4a5e4563f45200a8d2993dc47', class: "duet-fieldset-caption", "aria-hidden": "true" }, h("duet-caption", { key: '2321bfb5f6e91b96fbdf2514e697e9de2265b22d', theme: this.theme, margin: "none" }, this.caption)))), h("slot", { key: '27c31b44f71cdf4b5a4a7902c4df395f175f2e8e' }), h("span", { key: '31d68af77217b877f00493b906a41a03eb67672c', class: "duet-fieldset-help", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && h("span", { key: '131471978f9b59dad56ad633dd52609578c66c62' }, this.error)))));
     }
     get element() { return this; }
     static get style() { return DuetFieldsetStyle0; }

package/lib/dist-custom-elements/{p-f5924b7d.js → p-e8d60da0.js}

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, d as Host } from './p-926dfd0d.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-4e532364.js';
 
 const duetVisuallyHiddenCss = ":host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:absolute !important;top:0;width:1px !important;height:1px !important;padding:0 !important;overflow:hidden !important;clip:rect(1px, 1px, 1px, 1px) !important;border:0 !important}";
 const DuetVisuallyHiddenStyle0 = duetVisuallyHiddenCss;
@@ -17,7 +17,7 @@ const DuetVisuallyHidden = /*@__PURE__*/ proxyCustomElement(class DuetVisuallyHi
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '1a63587b9972cddb552468bea28f8146b8d302df', class: "duet-visually-hidden" }, h("slot", { key: 'a3e8c6847caa94f67d82569bc769a6397ccc8c56' })));
+        return (h(Host, { key: '75782b03708912eba3e0d42dc1d48cc33d81a01a', class: "duet-visually-hidden" }, h("slot", { key: '5e1d99058a2a17144777554316c1b03c22d1b283' })));
     }
     get element() { return this; }
     static get style() { return DuetVisuallyHiddenStyle0; }

package/lib/dist-custom-elements/{p-1e7abd9f.js → p-e9361277.js}

@@ -1,13 +1,13 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, F as Fragment, d as Host } from './p-926dfd0d.js';
+import { p as proxyCustomElement, H, h, F as Fragment, d as Host } from './p-4e532364.js';
 import { a as actionNewWindowSmall } from './p-f11208c3.js';
 import { D as DuetStringsExternalDefaults, b as DuetStringsDownloadLinkDefaults } from './p-9df4cfa4.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
-import { a as getLanguage, g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './p-69f6a6aa.js';
+import { a as getLanguage, g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './p-317b4bb8.js';
 import { b as breakpointToToken, g as getColorByName } from './p-fac41d14.js';
-import { d as defineCustomElement$1 } from './p-7a8eda34.js';
+import { d as defineCustomElement$1 } from './p-f2f2bcca.js';
 
 var actionArrowRight={"title":"action-arrow-right","tags":"action arrow right caret","svg":"<svg fill=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" role=\"img\"><path d=\"M5.499 24a.752.752 0 0 1-.53-1.281L15.689 12 4.969 1.28c-.142-.141-.22-.33-.22-.53s.078-.389.22-.53c.141-.142.33-.22.53-.22s.389.078.53.22l10.72 10.72a1.5 1.5 0 0 1 .001 2.119L6.029 23.78a.743.743 0 0 1-.53.22z\"/></svg>"};
 
@@ -144,10 +144,10 @@ const DuetLink = /*@__PURE__*/ proxyCustomElement(class DuetLink extends H {
     render() {
         const Tag = !this.url ? "button" : "a";
         const isButton = Tag === "button";
-        return (h(Host, { key: '75eb01922ce99815e41ce9ad2debcd3a7adf0289', class: {
+        return (h(Host, { key: 'd41fb8c7164bbecec224e9e2fa972eb7b1a293d6', class: {
                 [`duet-link-${this.variation}`]: true,
                 "duet-m-0": this.margin === "none",
-            } }, h(Tag, { key: '939df1d20c0a1e9beca877828c2e5aea3b6d6279', href: this.url, class: {
+            } }, h(Tag, { key: 'e6918074f43470311a133ff2141b23ec25e927a0', href: this.url, class: {
                 "duet-link": true,
                 "duet-link-is-external": this.external,
                 "duet-link-is-download": !!this.download,

package/lib/{esm/duet-popup-menu.entry.js → dist-custom-elements/p-ec4d6856.js}

@@ -1,19 +1,21 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-f384e24a.js';
-import { o as offset, f as flip, c as computePosition } from './floating-ui.dom.esm-ebc91b33.js';
-import { i as inheritGlobalTheme } from './themeable-component-860041c5.js';
-import { f as focusElement } from './focus-utils-1e2c1ed7.js';
-import { f as isEscapeKey, c as isArrowDownKey, b as isArrowUpKey, o as isTabKey } from './keyboard-utils-439bcc8b.js';
-import { T as Teleport } from './teleport-546f382d.js';
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-4e532364.js';
+import { o as offset, f as flip, c as computePosition } from './p-81287261.js';
+import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
+import { f as focusElement } from './p-c3854d56.js';
+import { b as isEscapeKey, g as isArrowDownKey, f as isArrowUpKey, d as isTabKey } from './p-785686e3.js';
+import { T as Teleport } from './p-ca3cb21e.js';
 
 const duetPopupMenuCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.duet-popup-menu-list{position:absolute;top:0;left:0;z-index:950;width:max-content;min-width:175px;padding:8px;margin:0;color:rgb(0, 41, 77);list-style:none;visibility:hidden !important;background:rgb(255, 255, 255);border-radius:8px;box-shadow:0 0 0 1px rgba(0, 0, 0, 0.07), 0 4px 10px 0 rgba(0, 41, 77, 0.15);opacity:0;transition:transform 300ms ease, visibility 300ms ease, opacity 300ms ease;transform:scaleY(0);transform-origin:top center}.duet-popup-menu-list.open{visibility:visible !important;opacity:1;transform:scaleY(1)}.duet-popup-menu-list.fixed{position:fixed}.duet-popup-menu-list.duet-theme-turva{color:rgb(23, 28, 58) !important;background:rgb(255, 255, 255)}";
 const DuetPopupMenuStyle0 = duetPopupMenuCss;
 
-const DuetPopupMenu = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
+const DuetPopupMenu = /*@__PURE__*/ proxyCustomElement(class DuetPopupMenu extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
         this.duetToggle = createEvent(this, "duetToggle", 7);
         this.setOpenButton = (element) => {
             if (!element) {
@@ -23,7 +25,9 @@ const DuetPopupMenu = class {
                 const button = element;
                 button.accessiblePopup = "true";
                 button.accessibleExpanded = false;
-                button.setAttribute("trailing-icon", "action-arrow-down-small");
+                if (this.controllerIcon) {
+                    button.setAttribute("trailing-icon", "action-arrow-down-small");
+                }
                 this.openButton = button;
             }
             catch (_e) { }
@@ -60,6 +64,7 @@ const DuetPopupMenu = class {
         this.position = "absolute";
         this.mainAxisOffset = 0;
         this.crossAxisOffset = 0;
+        this.controllerIcon = "action-arrow-down-small";
     }
     /**
      * Component lifecycle events.
@@ -84,7 +89,9 @@ const DuetPopupMenu = class {
     disconnectedCallback() {
         if (this.openButton) {
             this.openButton.removeEventListener("click", this.openButtonEventListener);
-            this.openButton.removeAttribute("trailing-icon");
+            if (this.controllerIcon) {
+                this.openButton.removeAttribute("trailing-icon");
+            }
         }
     }
     /**
@@ -188,7 +195,9 @@ const DuetPopupMenu = class {
             if (this.openButton) {
                 this.openButton.accessibleExpanded = true;
             }
-            this.teleport.makeSiblingsInert();
+            if (this.accessibleRole !== "listbox") {
+                this.teleport.makeSiblingsInert();
+            }
             this.updatePlacement();
             setTimeout(() => {
                 if (this.accessibleRole === "menu") {
@@ -206,7 +215,9 @@ const DuetPopupMenu = class {
                     this.focusOpenButton();
                 }
                 this.duetToggle.emit({ open: this.open, component: "duet-popup-menu" });
-                this.teleport.removeInertFromSiblings();
+                if (this.accessibleRole !== "listbox") {
+                    this.teleport.removeInertFromSiblings();
+                }
             }, 200);
         }
     }
@@ -228,19 +239,57 @@ const DuetPopupMenu = class {
         return -1;
     }
     render() {
-        const positionStyles = {
+        const styles = {
             top: `${this.menuY}px`,
             left: `${this.menuX}px`,
             position: this.position,
+            overflowY: "auto",
         };
-        return (h(Host, { key: 'dbd5d6ba344124704ad5798622aeed8e2f1edb1b' }, h("div", { key: 'a59dd98042f84b7460956b4b94870691f7af399e', ref: element => (this.menuElement = element), style: positionStyles, class: { open: this.open, "duet-popup-menu-list": true, "duet-theme-turva": this.theme === "turva" }, role: this.accessibleRole, "aria-label": this.accessibleLabel }, h("slot", { key: '2a0d9c72cc78e95918685a0b13f9c184d352867e' }))));
+        return (h(Host, { key: '389d4d1b46db081d29a7fa8d57fd65f9c113f7a9' }, h("div", { key: '8d5e47a1dac1f4a7b17aed4aa69afed4cfa44a39', ref: element => {
+                this.menuElement = element;
+            }, style: styles, class: { open: this.open, "duet-popup-menu-list": true, "duet-theme-turva": this.theme === "turva" }, role: this.accessibleRole, "aria-label": this.accessibleLabel }, h("slot", { key: '09fc711a6dc838d9e345a694c5e45c09a01bf4ed' }))));
     }
-    get element() { return getElement(this); }
+    get element() { return this; }
     static get watchers() { return {
         "controller": ["handleControllerChange"],
         "open": ["handleOpenChange"]
     }; }
-};
-DuetPopupMenu.style = DuetPopupMenuStyle0;
+    static get style() { return DuetPopupMenuStyle0; }
+}, [1, "duet-popup-menu", {
+        "accessibleLabel": [1, "accessible-label"],
+        "accessibleRole": [1, "accessible-role"],
+        "theme": [1025],
+        "skipTeleport": [4, "skip-teleport"],
+        "controller": [1],
+        "placement": [1],
+        "forcePlacement": [4, "force-placement"],
+        "position": [1025],
+        "mainAxisOffset": [2, "main-axis-offset"],
+        "crossAxisOffset": [2, "cross-axis-offset"],
+        "controllerIcon": [1, "controller-icon"],
+        "open": [32],
+        "menuY": [32],
+        "menuX": [32],
+        "isOpen": [64],
+        "show": [64],
+        "hide": [64],
+        "toggle": [64]
+    }, [[8, "keyup", "handleKeyUp"], [8, "keydown", "handleKeyDown"], [8, "click", "handleClick"]], {
+        "controller": ["handleControllerChange"],
+        "open": ["handleOpenChange"]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["duet-popup-menu"];
+    components.forEach(tagName => { switch (tagName) {
+        case "duet-popup-menu":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, DuetPopupMenu);
+            }
+            break;
+    } });
+}
 
-export { DuetPopupMenu as duet_popup_menu };
+export { DuetPopupMenu as D, defineCustomElement as d };

package/lib/dist-custom-elements/{p-e399097c.js → p-ecc803b3.js}

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h } from './p-926dfd0d.js';
+import { p as proxyCustomElement, H, h } from './p-4e532364.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { g as getColorByName } from './p-fac41d14.js';
 

package/lib/dist-custom-elements/{p-c77f9e4d.js → p-f055bb61.js}

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, d as Host } from './p-926dfd0d.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-4e532364.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 
 const duetBadgeCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:4px !important;margin-bottom:2px !important;display:inline-block;width:auto;vertical-align:middle}:host:last-child,:host:last-of-type{margin-right:0 !important}:host(.duet-m-0){margin:0 !important}.duet-badge{display:inline-block;width:100%;padding:4.4444444444px 12px 5.4444444444px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:0.75rem;font-style:normal;font-weight:600;line-height:1.25;color:rgb(0, 41, 77);text-align:center;word-break:break-word;vertical-align:middle;background:#d9ebf4;border-radius:20rem}.duet-badge.duet-p-0{padding:0 !important}.duet-badge.duet-m-0{margin:0 !important}.duet-badge.duet-theme-turva{padding:5.4444444444px 12px 4.4444444444px;font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-weight:700;color:rgb(23, 28, 58);background:#e8e8eb}.duet-badge.warning{background:#fdecc9}.duet-badge.warning.duet-theme-turva{background:#fee8c3}.duet-badge.danger{background:#f8d3e0}.duet-badge.danger.duet-theme-turva{background:#f9d4cf}.duet-badge.success{background:#cce7de}.duet-badge.success.duet-theme-turva{background:#cee7dc}.duet-badge.subtle{color:rgb(101, 119, 135);background:none;outline:1px solid rgb(225, 227, 230);outline-offset:-1px}.duet-badge.subtle.duet-theme-turva{color:rgb(68, 68, 69);background:none;outline-color:rgb(228, 228, 230)}.duet-badge.background-strong.default{color:rgb(255, 255, 255);background:rgb(0, 119, 179)}.duet-badge.background-strong.default.duet-theme-turva{color:rgb(255, 255, 255);background:rgb(23, 28, 58)}.duet-badge.background-strong.warning{background:#f9c153}.duet-badge.background-strong.warning.duet-theme-turva{background:#fbb63f}.duet-badge.background-strong.danger{color:rgb(255, 255, 255);background:rgb(222, 35, 98)}.duet-badge.background-strong.danger.duet-theme-turva{color:rgb(255, 255, 255);background:rgb(224, 42, 13)}.duet-badge.background-strong.success{color:rgb(255, 255, 255);background:rgb(0, 135, 90)}.duet-badge.background-strong.success.duet-theme-turva{color:rgb(255, 255, 255);background:rgb(8, 135, 78)}.duet-badge.background-strong.subtle{border-color:rgb(207, 210, 212);outline-color:rgb(0, 41, 77)}.duet-badge.background-strong.subtle.duet-theme-turva{border-color:rgb(207, 207, 209);outline-color:rgb(23, 28, 58)}";
@@ -29,12 +29,12 @@ const DuetBadge = /*@__PURE__*/ proxyCustomElement(class DuetBadge extends H {
      */
     render() {
         const backgroundClass = `background-${this.background}`;
-        return (h(Host, { key: 'a98ddf68ce6e0d104c642e48a2d5d6d5660498f4', class: { "duet-m-0": this.margin === "none" } }, h("span", { key: 'aa121dca4645858c43d9d81bc29ec710723a026f', class: {
+        return (h(Host, { key: '9961997225b2be95620a2bb6cd925a38ca781319', class: { "duet-m-0": this.margin === "none" } }, h("span", { key: '7f60092c2cbd3243ae62c54ffd64714b967feb4c', class: {
                 "duet-badge": true,
                 [this.variation]: true,
                 [backgroundClass]: true,
                 "duet-theme-turva": this.theme === "turva",
-            } }, h("slot", { key: '9baaff220b3bfaca21de1951ecc81fa1dde17c03' }))));
+            } }, h("slot", { key: 'bfe777ba2975bdc4fe654dbbe7fcadd9c74a4de9' }))));
     }
     get element() { return this; }
     static get style() { return DuetBadgeStyle0; }

package/lib/dist-custom-elements/{p-7a8eda34.js → p-f2f2bcca.js}

@@ -1,10 +1,10 @@
 /*!
  * Built with Duet Design System
  */
-import { E as Env, p as proxyCustomElement, H, h, d as Host } from './p-926dfd0d.js';
+import { E as Env, p as proxyCustomElement, H, h, d as Host } from './p-4e532364.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { g as getColorByName, r as rgbaColorFromRgb } from './p-fac41d14.js';
-import './p-bc933201.js';
+import './p-8764aea1.js';
 
 const cleanupSvg = (svgContent) => {
     if (typeof document === "undefined" || !svgContent) {
@@ -173,11 +173,11 @@ const DuetIcon = /*@__PURE__*/ proxyCustomElement(class DuetIcon extends H {
             : {};
         const iconStyles = Object.assign({}, iconRotationStyles);
         const shapeStyle = this.shape === "brand-rotated" ? "duet-icon-shape-brand" : `duet-icon-shape-${this.shape}`;
-        return (h(Host, { key: '31c5135f5c8950e7289e947331edfc1f27086274', class: {
+        return (h(Host, { key: 'e2a6207edfe7af905325a3fe412f97a529c93ed8', class: {
                 "duet-m-0": this.margin === "none",
                 "duet-icon-has-outline": !!this.outline,
                 "duet-icon-has-background": !!this.background,
-            } }, h("span", { key: '5cf6bd4d1d466181ee1e7277a043b1c0bb0d46ef', "aria-hidden": "true", style: styles, class: {
+            } }, h("span", { key: '0bd4b9de6c7c4fb0a2663fc16d742e9e0223aa5d', "aria-hidden": "true", style: styles, class: {
                 "duet-icon": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-theme-default": this.theme === "default",
@@ -186,7 +186,7 @@ const DuetIcon = /*@__PURE__*/ proxyCustomElement(class DuetIcon extends H {
                 [shapeStyle]: true,
                 rotated: this.shape === "brand-rotated" && this.theme !== "turva",
                 "duet-icon-not-responsive": !this.responsive,
-            } }, h("span", { key: '3742ad60c14b0f10d67cc2ca1c22b1446ffc6725', "aria-hidden": "true", class: { "duet-icon-svg": true, rotated: this.shape === "brand-rotated" && this.theme !== "turva" }, "data-name": this.name, innerHTML: this.svgContent, style: iconStyles }))));
+            } }, h("span", { key: 'dca93a95c7f578585dcd6030f7d2bbdf50766ed5', "aria-hidden": "true", class: { "duet-icon-svg": true, rotated: this.shape === "brand-rotated" && this.theme !== "turva" }, "data-name": this.name, innerHTML: this.svgContent, style: iconStyles }))));
     }
     get element() { return this; }
     static get watchers() { return {

package/lib/dist-custom-elements/{p-c5df07b9.js → p-fc9b988f.js}

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import './p-bc933201.js';
+import './p-8764aea1.js';
 
 const getElementsFromNamedSlot = (element, slotName) => {
     const childElements = Array.from(element.querySelectorAll(":scope > *"));