@duetds/components 10.0.0-alpha.13 → 10.0.0-alpha.14

package/lib/dist-custom-elements/duet-layout.js

@@ -1,94 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { p as proxyCustomElement, H, h, d as Host } from './p-f2c2f3d2.js';
-import { i as isInternetExplorer } from './p-43b89e38.js';
-import { c as checkNamedSlotElement } from './p-ad615991.js';
-
-const duetLayoutCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}::slotted([slot=page-heading]){width:calc(100% + 32px);margin:0 -16px 0 -16px}@media (min-width: 36em){::slotted([slot=page-heading]){width:calc(100% + 56px);margin:0 -28px 0 -28px}}@media (min-width: 62em){::slotted([slot=page-heading]){width:calc(100% + 112px);margin:0 -56px 0 -56px}}:host(.center) ::slotted([slot=page-heading]){width:calc(100% + 32px);margin:0 -16px 0 -16px}@media (min-width: 36em){:host(.center) ::slotted([slot=page-heading]){width:calc(100% + 96px);margin:0 -48px 0 -48px}}@media (min-width: 48em){:host(.center) ::slotted([slot=page-heading]){width:calc(100% + 144px);margin:0 -72px 0 -72px}}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;flex:1 0 auto;width:100%}:host(.duet-middle) .duet-layout{padding:36px 28px !important}@media (min-width: 36em){:host(.duet-middle) .duet-layout{padding:48px 36px !important}}@media (min-width: 62em){:host(.duet-middle) .duet-layout{padding:56px !important}}:host(.duet-middle) .heading-wrapper{padding:0 !important}:host(.duet-ie){height:100%}:host(.duet-middle.duet-ie){height:auto}.duet-layout-wrapper{display:block;margin:48px 0 36px;overflow-x:clip}@media (min-width: 36em){.duet-layout-wrapper{margin-top:72px}}@media (min-width: 62em){.duet-layout-wrapper{margin-bottom:48px}}.duet-layout-wrapper.duet-m-0{margin-top:0 !important;margin-bottom:0 !important}.duet-layout-wrapper>*{width:100%}.duet-layout{position:relative;padding:0 16px;margin:0 auto}@media (max-width: 20.5em){.duet-layout.padding-xxx-small{padding:0}}@media (max-width: 22.5em){.duet-layout.padding-xx-small{padding:0}}@media (max-width: 35.9375em){.duet-layout.padding-x-small{padding:0}}@media (min-width: 36em){.duet-layout.padding-small{padding:0}}@media (min-width: 48em){.duet-layout.padding-medium{padding:0}}@media (min-width: 62em){.duet-layout.padding-large{padding:0}}@media (min-width: 64.0625em){.duet-layout.padding-x-large{padding:0}}@media (min-width: 76.25em){.duet-layout.padding-xx-large{padding:0}}@media (min-width: 106.25em){.duet-layout.padding-xxx-large{padding:0}}.duet-layout.duet-center{display:flex;align-items:center;justify-content:center;width:100%;max-width:888px}@media (min-width: 36em){.duet-layout.duet-center{padding:0 48px}}@media (min-width: 48em){.duet-layout.duet-center{padding:0 72px}}@media (min-width: 62em){.duet-layout.duet-center{width:100%}}@media (min-width: 36em){.duet-layout{padding:0 28px}}@media (min-width: 62em){.duet-layout{display:flex;flex-direction:row;padding:0 56px}}@media (min-width: 76.25em){.duet-layout{max-width:1110px;padding:0}}.duet-main,.duet-sidebar,.duet-layout-top,.duet-layout-bottom{display:block;width:100%}.duet-layout-top{position:relative;display:block;width:100%}.duet-layout-top .duet-layout-top-wrapper{padding:0 20px;margin:0 auto}@media (min-width: 36em){.duet-layout-top .duet-layout-top-wrapper{padding:0 28px}}@media (min-width: 62em){.duet-layout-top .duet-layout-top-wrapper{padding:0 56px}}@media (min-width: 76.25em){.duet-layout-top .duet-layout-top-wrapper{max-width:1110px;padding:0}}.duet-center .duet-layout-top-wrapper{max-width:888px}@media (min-width: 36em){.duet-center .duet-layout-top-wrapper{padding:0 48px}}@media (min-width: 48em){.duet-center .duet-layout-top-wrapper{padding:0 72px}}@media (min-width: 62em){.duet-main{min-width:600px;margin:0 auto}.has-sidebar .duet-main{max-width:734px;margin-right:20px}}@media (min-width: 62em){.duet-sidebar{min-width:256px;max-width:356px}}@media (min-width: 62em){.duet-sidebar-container{width:auto;max-width:356px}}@media (min-width: 62em){.duet-sidebar-container.has-tabs{margin-top:89px}}@media (min-width: 62em){.duet-sidebar-container.sticky{position:sticky}.duet-sidebar-container.sticky.with-links{top:calc(3rem + 20px)}.duet-sidebar-container.sticky.without-links{top:calc(4rem + 20px)}}";
-const DuetLayoutStyle0 = duetLayoutCss;
-
-const DuetLayout$1 = /*@__PURE__*/ proxyCustomElement(class DuetLayout extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        /**
-         * Own Properties.
-         */
-        this.hasSidebar = false;
-        this.hasTop = false;
-        this.hasPageHeading = false;
-        this.sticky = false;
-        this.margin = "auto";
-        this.stickyDistance = "with-links";
-        this.center = false;
-        this.tabs = false;
-        this.middle = false;
-        this.paddingBreakpoint = undefined;
-    }
-    /**
-     * Component lifecycle events.
-     */
-    componentWillLoad() {
-        this.hasSidebar = !!this.element.querySelector("[slot='sidebar']");
-        this.hasTop = !!this.element.querySelector("[slot='top']");
-        this.hasPageHeading = !!this.element.querySelector("[slot='page-heading']");
-        checkNamedSlotElement(this.element, "page-heading", "duet-page-heading", 1, true);
-        if (!this.element.querySelector("[slot='main']")) {
-            console.warn("[DUET WARNING]: Nothing passed to <duet-layout> named slots. Please use one of 'main', 'sidebar' or 'top' to display contents.");
-        }
-    }
-    /**
-     * render() function.
-     * Always the last one in the class.
-     */
-    render() {
-        return (h(Host, { key: '53712da1e22dc258d30906570bf1271624379ed8', class: {
-                center: this.center,
-                "duet-middle": this.middle,
-                "duet-ie": isInternetExplorer(),
-            } }, h("div", { key: '80dc2f3b86a02c22c7aebd8802bd332154c4a273', class: { "duet-layout-wrapper": true, "duet-m-0": this.margin === "none" } }, this.hasTop && (h("div", { key: '9f3f4c713d5b921ad78480072e3dcea4d4867d04', class: {
-                "duet-layout-top": true,
-                "duet-center": this.center,
-            } }, h("div", { key: '7cd44f76b96b5e2bd6033cc044f08e75a10760ed', class: "duet-layout-top-wrapper" }, h("slot", { key: '7743f1fe659f31925b27a85a970e934506b935e7', name: "top" })))), h("div", { key: '637a68f8376e073f146c63f2c866b6f52722577e', class: {
-                "duet-layout": true,
-                "has-sidebar": this.hasSidebar,
-                "duet-center": this.center,
-                [`padding-${this.paddingBreakpoint}`]: !!this.paddingBreakpoint,
-            } }, h("main", { key: 'f6b2682dfb675be08976b23a485cf1a7ad76de0c', class: "duet-main" }, this.hasPageHeading && h("slot", { key: '9ec618959d54d768b880f95e05df0e5aaf76de75', name: "page-heading" }), h("slot", { key: 'b3c960b48d55fb863854fc34e126b1a143b3d194', name: "main" })), this.hasSidebar && (h("aside", { key: '68671aab139ba365d60284909e489a78bd7438d3', class: "duet-sidebar" }, h("div", { key: '60a53e1fa61ccec8fa2b85f20b475c52e016b963', class: {
-                "duet-sidebar-container": true,
-                "has-tabs": this.tabs,
-                sticky: this.sticky,
-                [this.stickyDistance]: this.sticky,
-            } }, h("slot", { key: 'a6131a1af98bb5cf2c6c808b15cea9e6996143f3', name: "sidebar" }))))))));
-    }
-    get element() { return this; }
-    static get style() { return DuetLayoutStyle0; }
-}, [1, "duet-layout", {
-        "sticky": [4],
-        "margin": [1],
-        "stickyDistance": [1, "sticky-distance"],
-        "center": [4],
-        "tabs": [4],
-        "middle": [4],
-        "paddingBreakpoint": [1, "padding-breakpoint"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["duet-layout"];
-    components.forEach(tagName => { switch (tagName) {
-        case "duet-layout":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, DuetLayout$1);
-            }
-            break;
-    } });
-}
-
-const DuetLayout = DuetLayout$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { DuetLayout, defineCustomElement };

package/lib/dist-custom-elements/duet-link.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface DuetLink extends Components.DuetLink, HTMLElement {}
-export const DuetLink: {
-    prototype: DuetLink;
-    new (): DuetLink;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/lib/dist-custom-elements/duet-link.js

@@ -1,9 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { D as DuetLink$1, d as defineCustomElement$1 } from './p-cde80d94.js';
-
-const DuetLink = DuetLink$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { DuetLink, defineCustomElement };

package/lib/dist-custom-elements/duet-list-item.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface DuetListItem extends Components.DuetListItem, HTMLElement {}
-export const DuetListItem: {
-    prototype: DuetListItem;
-    new (): DuetListItem;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/lib/dist-custom-elements/duet-list-item.js

@@ -1,9 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { D as DuetListItem$1, d as defineCustomElement$1 } from './p-15809286.js';
-
-const DuetListItem = DuetListItem$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { DuetListItem, defineCustomElement };

package/lib/dist-custom-elements/duet-list.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface DuetList extends Components.DuetList, HTMLElement {}
-export const DuetList: {
-    prototype: DuetList;
-    new (): DuetList;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/lib/dist-custom-elements/duet-list.js

@@ -1,9 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { D as DuetList$1, d as defineCustomElement$1 } from './p-fb43ee87.js';
-
-const DuetList = DuetList$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { DuetList, defineCustomElement };

package/lib/dist-custom-elements/duet-logo.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface DuetLogo extends Components.DuetLogo, HTMLElement {}
-export const DuetLogo: {
-    prototype: DuetLogo;
-    new (): DuetLogo;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/lib/dist-custom-elements/duet-logo.js

@@ -1,9 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { D as DuetLogo$1, d as defineCustomElement$1 } from './p-18dee42a.js';
-
-const DuetLogo = DuetLogo$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { DuetLogo, defineCustomElement };

package/lib/dist-custom-elements/duet-menu-bar-button.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface DuetMenuBarButton extends Components.DuetMenuBarButton, HTMLElement {}
-export const DuetMenuBarButton: {
-    prototype: DuetMenuBarButton;
-    new (): DuetMenuBarButton;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/lib/dist-custom-elements/duet-menu-bar-button.js

@@ -1,94 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { p as proxyCustomElement, H, h, d as Host } from './p-f2c2f3d2.js';
-import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
-import { d as defineCustomElement$2 } from './p-7b6a89e9.js';
-
-const duetMenuBarButtonCss = "*,*::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;height:100%}.duet-menu-bar-button{position:relative;display:flex;gap:8px;align-items:center;justify-content:center;height:100%;padding:0 12px;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:inherit;color:inherit;text-align:center;text-decoration:none;cursor:pointer}.duet-menu-bar-button:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-menu-bar-button:focus,.duet-menu-bar-button:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-menu-bar-button .menu-bar-button-icon{width:20px;height:20px}@media (min-width: 62em){.duet-menu-bar-button .menu-bar-button-icon{width:16px;height:16px}}.duet-menu-bar-button.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}@media (min-width: 62em){.duet-menu-bar-button{padding:0 16px}}@media (min-width: 76.25em){.duet-menu-bar-button{padding:0 28px}}@media (min-width: 62em){.duet-menu-bar-button:hover{color:rgb(0, 119, 179)}.duet-menu-bar-button:hover.duet-theme-turva{color:rgb(198, 12, 48)}}";
-const DuetMenuBarButtonStyle0 = duetMenuBarButtonCss;
-
-const DuetMenuBarButton$1 = /*@__PURE__*/ proxyCustomElement(class DuetMenuBarButton extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.accessibleLabel = undefined;
-        this.accessibleControls = undefined;
-        this.accessiblePopup = "false";
-        this.accessibleActiveDescendant = undefined;
-        this.accessibleOwns = undefined;
-        this.accessibleDescribedBy = undefined;
-        this.accessibleDetails = undefined;
-        this.accessibleLabelledBy = undefined;
-        this.accessibleDescription = undefined;
-        this.accessibleExpanded = undefined;
-        this.accessiblePressed = undefined;
-        this.theme = "";
-        this.icon = undefined;
-    }
-    /**
-     * Component lifecycle events.
-     */
-    componentWillLoad() {
-        inheritGlobalTheme(this);
-    }
-    /**
-     * Sets focus on underlying button element.
-     */
-    async setFocus(options) {
-        if (this.nativeButton) {
-            this.nativeButton.focus(options);
-        }
-    }
-    /**
-     * render() function
-     * Always the last one in the class.
-     */
-    render() {
-        return (h(Host, { key: '38bfc8b020483ea1619da061faa8b650c887667d', role: "listitem", onfocus: () => this.setFocus() }, h("button", { key: 'ce2dd048048dfe5b93679eb8e76df1d0c9535f95', ref: button => (this.nativeButton = button), class: {
-                "duet-menu-bar-button": true,
-                "duet-theme-turva": this.theme === "turva",
-            }, "aria-controls": this.accessibleControls, "aria-label": this.accessibleLabel, "aria-expanded": this.accessibleExpanded != null ? this.accessibleExpanded.toString() : undefined, "aria-activedescendant": this.accessibleActiveDescendant, "aria-owns": this.accessibleOwns, "aria-describedby": this.accessibleDescribedBy, "aria-labelledby": this.accessibleLabelledBy, "aria-details": this.accessibleDetails, "aria-description": this.accessibleDescription, "aria-pressed": this.accessiblePressed != null ? this.accessiblePressed.toString() : undefined, "aria-haspopup": this.accessiblePopup != null ? this.accessiblePopup.toString() : undefined }, this.icon && (h("duet-icon", { key: '15757e0e80d1d038485ec36bce95ff4c4fae05e5', class: "menu-bar-button-icon", theme: this.theme, size: "auto", name: this.icon, margin: "none", color: "currentColor" })), h("slot", { key: '3d80006b8f95eea5f830a456b9a986490875d8af' }))));
-    }
-    get element() { return this; }
-    static get style() { return DuetMenuBarButtonStyle0; }
-}, [1, "duet-menu-bar-button", {
-        "accessibleLabel": [1, "accessible-label"],
-        "accessibleControls": [1, "accessible-controls"],
-        "accessiblePopup": [1, "accessible-popup"],
-        "accessibleActiveDescendant": [1, "accessible-active-descendant"],
-        "accessibleOwns": [1, "accessible-owns"],
-        "accessibleDescribedBy": [1, "accessible-described-by"],
-        "accessibleDetails": [1, "accessible-details"],
-        "accessibleLabelledBy": [1, "accessible-labelled-by"],
-        "accessibleDescription": [1, "accessible-description"],
-        "accessibleExpanded": [4, "accessible-expanded"],
-        "accessiblePressed": [4, "accessible-pressed"],
-        "theme": [1025],
-        "icon": [1537],
-        "setFocus": [64]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["duet-menu-bar-button", "duet-icon"];
-    components.forEach(tagName => { switch (tagName) {
-        case "duet-menu-bar-button":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, DuetMenuBarButton$1);
-            }
-            break;
-        case "duet-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const DuetMenuBarButton = DuetMenuBarButton$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { DuetMenuBarButton, defineCustomElement };

package/lib/dist-custom-elements/duet-menu-bar-dropdown-link.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface DuetMenuBarDropdownLink extends Components.DuetMenuBarDropdownLink, HTMLElement {}
-export const DuetMenuBarDropdownLink: {
-    prototype: DuetMenuBarDropdownLink;
-    new (): DuetMenuBarDropdownLink;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/lib/dist-custom-elements/duet-menu-bar-dropdown-link.js

@@ -1,87 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { p as proxyCustomElement, H, h, d as Host } from './p-f2c2f3d2.js';
-import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
-import { b as isEscapeKey } from './p-8db11326.js';
-import { d as defineCustomElement$2 } from './p-7b6a89e9.js';
-
-const duetMenuBarDropdownLinkCss = "*,*::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;width:100%;height:100%}.duet-menu-bar-dropdown-link{display:flex;flex-direction:row;gap:12px;align-items:center;justify-content:flex-start;height:100%;padding:0.5rem 8px;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:400;line-height:1.5;color:rgb(8, 42, 77);text-align:center;text-decoration:none}.duet-menu-bar-dropdown-link:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-menu-bar-dropdown-link:focus,.duet-menu-bar-dropdown-link:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-menu-bar-dropdown-link.duet-theme-turva{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-menu-bar-dropdown-link:hover{background:rgb(228, 241, 247)}.duet-menu-bar-dropdown-link:hover.duet-theme-turva{background:rgb(222, 224, 228)}";
-const DuetMenuBarDropdownLinkStyle0 = duetMenuBarDropdownLinkCss;
-
-const DuetMenuBarDropdownLink$1 = /*@__PURE__*/ proxyCustomElement(class DuetMenuBarDropdownLink extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.getVariant = () => {
-            const slot = this.element.parentElement.parentElement.getAttribute("slot");
-            switch (slot) {
-                case "center":
-                    return "right";
-                case "right":
-                    return "right";
-                default:
-                    return "right";
-            }
-        };
-        this.theme = "";
-        this.href = "#";
-        this.icon = undefined;
-        this.accessibleLabel = undefined;
-    }
-    /**
-     * Component lifecycle events.
-     */
-    componentWillLoad() {
-        inheritGlobalTheme(this);
-    }
-    handleEscape(e) {
-        if (isEscapeKey(e)) {
-            const dropdown = this.element.closest("duet-menu-bar-dropdown");
-            dropdown.open = false;
-            dropdown.setFocus();
-        }
-    }
-    /**
-     * render() function
-     * Always the last one in the class.
-     */
-    render() {
-        return (h(Host, { key: '3b1594a79e3d1fe88e179e683df893d3e83c407e' }, h("a", { key: '10724f053d791def92e9fe21773b4a65f20926de', class: {
-                "duet-menu-bar-dropdown-link": true,
-                [`duet-menu-bar-dropdown-link--slot-${this.getVariant()}`]: true,
-                "duet-theme-turva": this.theme === "turva",
-            }, href: this.href, role: "menuitem", onKeyUp: e => this.handleEscape(e), "aria-label": this.accessibleLabel }, this.icon && (h("duet-icon", { key: '6658417e520a3d6347859fa434fb527f8f376fbe', theme: this.theme, name: this.icon, size: "x-small", margin: "none", color: "currentColor" })), h("slot", { key: 'd8f728e9d507f4a3ccdda23ed33a958ec5e4e98c' }))));
-    }
-    get element() { return this; }
-    static get style() { return DuetMenuBarDropdownLinkStyle0; }
-}, [1, "duet-menu-bar-dropdown-link", {
-        "theme": [1025],
-        "href": [1025],
-        "icon": [1537],
-        "accessibleLabel": [1, "accessible-label"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["duet-menu-bar-dropdown-link", "duet-icon"];
-    components.forEach(tagName => { switch (tagName) {
-        case "duet-menu-bar-dropdown-link":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, DuetMenuBarDropdownLink$1);
-            }
-            break;
-        case "duet-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const DuetMenuBarDropdownLink = DuetMenuBarDropdownLink$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { DuetMenuBarDropdownLink, defineCustomElement };

package/lib/dist-custom-elements/duet-menu-bar-dropdown.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface DuetMenuBarDropdown extends Components.DuetMenuBarDropdown, HTMLElement {}
-export const DuetMenuBarDropdown: {
-    prototype: DuetMenuBarDropdown;
-    new (): DuetMenuBarDropdown;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/lib/dist-custom-elements/duet-menu-bar-dropdown.js

@@ -1,108 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { p as proxyCustomElement, H, h, d as Host } from './p-f2c2f3d2.js';
-import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
-import { b as isEscapeKey } from './p-8db11326.js';
-import { d as defineCustomElement$2 } from './p-7b6a89e9.js';
-
-const duetMenuBarDropdownCss = "*,*::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;height:100%}@media (min-width: 62em){:host(:last-child) .duet-menu-bar-dropdown button{padding:0 16px 0 16px}}@media (min-width: 76.25em){:host(:last-child) .duet-menu-bar-dropdown button{padding:0 16px 0 28px}}.duet-menu-bar-dropdown{position:relative;height:100%}.duet-menu-bar-dropdown button{position:relative;display:flex;gap:8px;align-items:center;justify-content:center;height:100%;padding:0 12px;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(0, 75, 129);text-align:center;text-decoration:none;cursor:pointer}@media (min-width: 62em){.duet-menu-bar-dropdown button{padding:0 16px}}@media (min-width: 76.25em){.duet-menu-bar-dropdown button{padding:0 28px}}.duet-menu-bar-dropdown button:hover{color:rgb(0, 119, 179)}.duet-menu-bar-dropdown button:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-menu-bar-dropdown button .label{display:flex;gap:0.5rem;align-items:center;justify-content:center}.duet-menu-bar-dropdown button.active{color:rgb(0, 119, 179)}.duet-menu-bar-dropdown button.active .caret{transform:rotate(180deg)}.duet-theme-turva .duet-menu-bar-dropdown button.active{color:rgb(198, 12, 48)}.duet-menu-bar-dropdown button.active::after{position:absolute;top:auto;bottom:2px;left:0;display:block;width:100%;height:2px;content:\"\";background:rgb(0, 119, 179);transition:300ms ease;transform:translateY(2px)}.duet-theme-turva .duet-menu-bar-dropdown button.active::after{background:rgb(198, 12, 48)}.duet-menu-bar-dropdown .menu-bar-dropdown-icon{width:20px;height:20px}@media (min-width: 62em){.duet-menu-bar-dropdown .menu-bar-dropdown-icon{width:16px;height:16px}}.duet-menu-bar-dropdown .items{position:absolute;top:70%;right:0%;left:auto;z-index:600;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:225px;padding:8px;color:rgb(8, 42, 77);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)}.duet-menu-bar-dropdown .items.hidden{display:none}.duet-menu-bar-dropdown.duet-theme-turva button{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-menu-bar-dropdown.duet-theme-turva button:hover{color:rgb(198, 12, 48)}.duet-menu-bar-dropdown.duet-theme-turva button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-menu-bar-dropdown.duet-theme-turva button.active{color:rgb(198, 12, 48)}.duet-menu-bar-dropdown.duet-theme-turva button.active::after{background:rgb(198, 12, 48)}.duet-menu-bar-dropdown.duet-theme-turva .items{background:rgb(255, 255, 255)}";
-const DuetMenuBarDropdownStyle0 = duetMenuBarDropdownCss;
-
-const DuetMenuBarDropdown$1 = /*@__PURE__*/ proxyCustomElement(class DuetMenuBarDropdown extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.onClick = () => {
-            this.open = !this.open;
-        };
-        this.getVariant = () => {
-            const slot = this.element.parentElement.getAttribute("slot");
-            switch (slot) {
-                case "center":
-                    return "right";
-                case "right":
-                    return "right";
-                default:
-                    return "right";
-            }
-        };
-        this.accessibleLabel = undefined;
-        this.theme = "";
-        this.open = false;
-        this.icon = undefined;
-    }
-    handleFocus(e) {
-        const isClickOutside = e.composedPath().every(node => node !== this.element);
-        if (isClickOutside) {
-            this.open = false;
-        }
-    }
-    /**
-     * Component lifecycle events.
-     */
-    componentWillLoad() {
-        inheritGlobalTheme(this);
-    }
-    handleEscape(e) {
-        if (isEscapeKey(e)) {
-            this.open = false;
-            this.setFocus();
-        }
-    }
-    /**
-     * Sets focus. Use this method instead of the global focus().
-     */
-    async setFocus(options) {
-        this.button.focus(options);
-    }
-    /**
-     * render() function
-     * Always the last one in the class.
-     */
-    render() {
-        return (h(Host, { key: 'a43589ddb7b2a061c18b414dd65bc3f51f285711', role: "listitem" }, h("div", { key: '2f223f45a89ef906763f8a3bf92b860162f31e4e', class: {
-                "duet-menu-bar-dropdown": true,
-                "duet-theme-turva": this.theme === "turva",
-                active: this.open,
-                [`duet-menu-bar-dropdown--slot-${this.getVariant()}`]: true,
-            } }, h("button", { key: '99e5e3ad6be32480a2c94ce50ab71b6d66fca5f5', ref: element => (this.button = element), "aria-label": this.accessibleLabel, "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", id: "button", type: "button", class: {
-                active: this.open,
-            }, onClick: this.onClick, onKeyUp: e => this.handleEscape(e) }, this.icon && (h("duet-icon", { key: '0992e1d334008b2020283e401bfe79e8ca9b9cdd', class: "menu-bar-dropdown-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), h("div", { key: 'e5891bffb51f49298f04019e573ff265a9c94630', class: "label" }, h("slot", { key: '68f31e63dac8f239d931e44b2ae703656380008b', name: "label" }), h("duet-icon", { key: '8b3eef3e47c1008ad65b4dc26ac82a360fca2c60', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), h("div", { key: 'e6f60f826a36ee47b41d1be994b2aa51606a7232', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
-                items: true,
-                hidden: !this.open,
-            } }, h("slot", { key: '81c31db440ca83dd6207e4d3ebfa9c1ef585babe' })))));
-    }
-    get element() { return this; }
-    static get style() { return DuetMenuBarDropdownStyle0; }
-}, [1, "duet-menu-bar-dropdown", {
-        "accessibleLabel": [1, "accessible-label"],
-        "theme": [1025],
-        "open": [1540],
-        "icon": [1537],
-        "setFocus": [64]
-    }, [[8, "click", "handleFocus"]]]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["duet-menu-bar-dropdown", "duet-icon"];
-    components.forEach(tagName => { switch (tagName) {
-        case "duet-menu-bar-dropdown":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, DuetMenuBarDropdown$1);
-            }
-            break;
-        case "duet-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const DuetMenuBarDropdown = DuetMenuBarDropdown$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { DuetMenuBarDropdown, defineCustomElement };

package/lib/dist-custom-elements/duet-menu-bar-item.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface DuetMenuBarItem extends Components.DuetMenuBarItem, HTMLElement {}
-export const DuetMenuBarItem: {
-    prototype: DuetMenuBarItem;
-    new (): DuetMenuBarItem;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;