@govtechsg/sgds-web-component 3.27.0-rc.3 → 3.27.0

package/react/base/nav-profile-element.cjs.js

@@ -1,196 +0,0 @@
-'use client';
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib = require('tslib');
-var lit = require('lit');
-var decorators_js = require('lit/decorators.js');
-var classMap_js = require('lit/directives/class-map.js');
-var ifDefined_js = require('lit/directives/if-defined.js');
-var dom = require('@floating-ui/dom');
-var sgdsElement = require('./sgds-element.cjs.js');
-var sgdsDropdown = require('../components/Dropdown/sgds-dropdown.cjs.js');
-var sgdsIcon = require('../components/Icon/sgds-icon.cjs.js');
-var navProfile = require('./nav-profile.cjs.js');
-var generateId = require('../utils/generateId.cjs.js');
-
-/**
- * Base class for navigation profile components (sgds-mainnav-profile and sgds-appnav-profile).
- * Provides the full profile dropdown (desktop) and mobile panel behavior.
- * When no dropdown items are slotted into the default slot, renders as a non-interactive
- * read-only element (no dropdown menu, no caret icon, cursor default, not focusable by keyboard or mouse).
- * Subclasses must consume the appropriate breakpoint context and set `_breakpointReached`.
- *
- * @slot avatar - Avatar element displayed in both desktop (before label) and mobile (as toggler)
- * @slot default - Profile menu items (sgds-dropdown-item elements). When empty, the component becomes read-only.
- */
-class NavProfileElement extends sgdsElement["default"] {
-    constructor() {
-        super(...arguments);
-        /** @internal Whether the breakpoint is reached (mobile mode). Subclasses set this via context consumption. */
-        this._breakpointReached = true;
-        /** @internal Whether the mobile menu is open */
-        this._mobileMenuOpen = false;
-        /** @internal Whether dropdown items are slotted */
-        this._hasDropdownItems = false;
-        /** Primary text displayed next to the avatar in desktop (e.g. user name) */
-        this.label = "";
-        /** Secondary text displayed below the label in desktop (e.g. agency or role) */
-        this.secondaryText = "";
-        /** When true, disables the profile dropdown */
-        this.disabled = false;
-        /** Accessible label for the profile toggle button */
-        this.ariaLabel = "";
-        /** Controls dropdown close behavior. "default" auto-closes on item/outside click, "outside" closes only on outside click, "inside" prevents auto-close. */
-        this.close = "default";
-        /** @internal */
-        this.togglerId = generateId["default"]("profile", "button");
-        this._handleMobileToggle = () => {
-            this._mobileMenuOpen = !this._mobileMenuOpen;
-        };
-        this._handleClickOutside = (e) => {
-            if (!this._mobileMenuOpen)
-                return;
-            if (this.close === "inside")
-                return;
-            if (!e.composedPath().includes(this)) {
-                this._mobileMenuOpen = false;
-            }
-        };
-        this._handleSlotChange = () => {
-            this._hasDropdownItems = this._defaultSlotElements.length > 0;
-        };
-        this._handleKeydown = (e) => {
-            if (e.key === "Enter" || e.key === " ") {
-                e.preventDefault();
-                this._handleMobileToggle();
-            }
-        };
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        window.addEventListener("click", this._handleClickOutside);
-    }
-    disconnectedCallback() {
-        super.disconnectedCallback();
-        window.removeEventListener("click", this._handleClickOutside);
-    }
-    render() {
-        if (!this._breakpointReached) {
-            // Desktop: read-only (no dropdown items)
-            if (!this._hasDropdownItems) {
-                return lit.html `
-          <div
-            class="${classMap_js.classMap({
-                    "nav-link": true,
-                    "read-only": true
-                })}"
-            aria-label=${ifDefined_js.ifDefined(this.ariaLabel)}
-          >
-            <slot name="avatar"></slot>
-            ${this.label || this.secondaryText
-                    ? lit.html `<div class="profile-text">
-                  ${this.label ? lit.html `<span class="profile-label">${this.label}</span>` : lit.nothing}
-                  ${this.secondaryText
-                        ? lit.html `<span class="profile-secondary-text">${this.secondaryText}</span>`
-                        : lit.nothing}
-                </div>`
-                    : lit.nothing}
-          </div>
-          <slot @slotchange=${this._handleSlotChange}></slot>
-        `;
-            }
-            // Desktop: dropdown with avatar + label + secondaryText
-            return lit.html `
-        <sgds-dropdown .floatingOpts=${{ middleware: [dom.offset(0)] }} ?disabled=${this.disabled} close=${this.close}>
-          <button
-            class="${classMap_js.classMap({
-                "nav-link": true,
-                disabled: this.disabled
-            })}"
-            aria-disabled=${this.disabled ? "true" : "false"}
-            aria-label=${ifDefined_js.ifDefined(this.ariaLabel)}
-            id=${this.togglerId}
-            tabindex=${this.disabled ? "-1" : "0"}
-            slot="toggler"
-          >
-            <slot name="avatar"></slot>
-            ${this.label || this.secondaryText
-                ? lit.html `<div class="profile-text">
-                  ${this.label ? lit.html `<span class="profile-label">${this.label}</span>` : lit.nothing}
-                  ${this.secondaryText
-                    ? lit.html `<span class="profile-secondary-text">${this.secondaryText}</span>`
-                    : lit.nothing}
-                </div>`
-                : lit.nothing}
-            <sgds-icon name="chevron-down" size="md"></sgds-icon>
-          </button>
-          <slot @slotchange=${this._handleSlotChange}></slot>
-        </sgds-dropdown>
-      `;
-        }
-        // Mobile: read-only (no dropdown items)
-        if (!this._hasDropdownItems) {
-            return lit.html `
-        <div class="profile-avatar-mobile read-only">
-          <slot name="avatar"></slot>
-        </div>
-        <slot @slotchange=${this._handleSlotChange}></slot>
-      `;
-        }
-        // Mobile: avatar toggler + self-contained mobile panel
-        return lit.html `
-      <button
-        class="profile-avatar-mobile"
-        aria-label=${this.ariaLabel || "Toggle navigation"}
-        aria-expanded=${this._mobileMenuOpen ? "true" : "false"}
-        @click=${this._handleMobileToggle}
-        @keydown=${this._handleKeydown}
-      >
-        <slot name="avatar"></slot>
-      </button>
-      <div class="profile-mobile-panel" ?hidden=${!this._mobileMenuOpen}>
-        <div class="profile-mobile-items">
-          <slot @slotchange=${this._handleSlotChange}></slot>
-        </div>
-      </div>
-    `;
-    }
-}
-NavProfileElement.styles = [...sgdsElement["default"].styles, navProfile["default"]];
-/** @internal */
-NavProfileElement.dependencies = {
-    "sgds-dropdown": sgdsDropdown.SgdsDropdown,
-    "sgds-icon": sgdsIcon.SgdsIcon
-};
-tslib.__decorate([
-    decorators_js.state()
-], NavProfileElement.prototype, "_breakpointReached", void 0);
-tslib.__decorate([
-    decorators_js.state()
-], NavProfileElement.prototype, "_mobileMenuOpen", void 0);
-tslib.__decorate([
-    decorators_js.state()
-], NavProfileElement.prototype, "_hasDropdownItems", void 0);
-tslib.__decorate([
-    decorators_js.queryAssignedElements({ flatten: true })
-], NavProfileElement.prototype, "_defaultSlotElements", void 0);
-tslib.__decorate([
-    decorators_js.property({ type: String, reflect: true })
-], NavProfileElement.prototype, "label", void 0);
-tslib.__decorate([
-    decorators_js.property({ type: String, reflect: true })
-], NavProfileElement.prototype, "secondaryText", void 0);
-tslib.__decorate([
-    decorators_js.property({ type: Boolean })
-], NavProfileElement.prototype, "disabled", void 0);
-tslib.__decorate([
-    decorators_js.property({ type: String })
-], NavProfileElement.prototype, "ariaLabel", void 0);
-tslib.__decorate([
-    decorators_js.property({ type: String })
-], NavProfileElement.prototype, "close", void 0);
-
-exports["default"] = NavProfileElement;
-//# sourceMappingURL=nav-profile-element.cjs.js.map

package/react/base/nav-profile-element.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"nav-profile-element.cjs.js","sources":["../../../src/base/nav-profile-element.ts"],"sourcesContent":["import { html, nothing } from \"lit\";\nimport { property, queryAssignedElements, state } from \"lit/decorators.js\";\nimport { classMap } from \"lit/directives/class-map.js\";\nimport { ifDefined } from \"lit/directives/if-defined.js\";\nimport { offset } from \"@floating-ui/dom\";\nimport SgdsElement from \"./sgds-element\";\nimport SgdsDropdown from \"../components/Dropdown/sgds-dropdown\";\nimport SgdsIcon from \"../components/Icon/sgds-icon\";\nimport navProfileStyle from \"./nav-profile.css\";\nimport genId from \"../utils/generateId\";\n\n/**\n * Base class for navigation profile components (sgds-mainnav-profile and sgds-appnav-profile).\n * Provides the full profile dropdown (desktop) and mobile panel behavior.\n * When no dropdown items are slotted into the default slot, renders as a non-interactive\n * read-only element (no dropdown menu, no caret icon, cursor default, not focusable by keyboard or mouse).\n * Subclasses must consume the appropriate breakpoint context and set `_breakpointReached`.\n *\n * @slot avatar - Avatar element displayed in both desktop (before label) and mobile (as toggler)\n * @slot default - Profile menu items (sgds-dropdown-item elements). When empty, the component becomes read-only.\n */\nexport default abstract class NavProfileElement extends SgdsElement {\n  static styles = [...SgdsElement.styles, navProfileStyle];\n  /** @internal */\n  static dependencies = {\n    \"sgds-dropdown\": SgdsDropdown,\n    \"sgds-icon\": SgdsIcon\n  };\n\n  /** @internal Whether the breakpoint is reached (mobile mode). Subclasses set this via context consumption. */\n  @state()\n  protected _breakpointReached = true;\n\n  /** @internal Whether the mobile menu is open */\n  @state()\n  private _mobileMenuOpen = false;\n\n  /** @internal Whether dropdown items are slotted */\n  @state()\n  private _hasDropdownItems = false;\n\n  @queryAssignedElements({ flatten: true })\n  private _defaultSlotElements!: HTMLElement[];\n\n  /** Primary text displayed next to the avatar in desktop (e.g. user name) */\n  @property({ type: String, reflect: true })\n  label = \"\";\n\n  /** Secondary text displayed below the label in desktop (e.g. agency or role) */\n  @property({ type: String, reflect: true })\n  secondaryText = \"\";\n\n  /** When true, disables the profile dropdown */\n  @property({ type: Boolean })\n  disabled = false;\n\n  /** Accessible label for the profile toggle button */\n  @property({ type: String })\n  ariaLabel = \"\";\n\n  /** Controls dropdown close behavior. \"default\" auto-closes on item/outside click, \"outside\" closes only on outside click, \"inside\" prevents auto-close. */\n  @property({ type: String })\n  close: \"default\" | \"outside\" | \"inside\" = \"default\";\n\n  /** @internal */\n  private togglerId: string = genId(\"profile\", \"button\");\n\n  private _handleMobileToggle = () => {\n    this._mobileMenuOpen = !this._mobileMenuOpen;\n  };\n\n  private _handleClickOutside = (e: MouseEvent) => {\n    if (!this._mobileMenuOpen) return;\n    if (this.close === \"inside\") return;\n    if (!e.composedPath().includes(this)) {\n      this._mobileMenuOpen = false;\n    }\n  };\n\n  connectedCallback() {\n    super.connectedCallback();\n    window.addEventListener(\"click\", this._handleClickOutside);\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    window.removeEventListener(\"click\", this._handleClickOutside);\n  }\n\n  private _handleSlotChange = () => {\n    this._hasDropdownItems = this._defaultSlotElements.length > 0;\n  };\n\n  private _handleKeydown = (e: KeyboardEvent) => {\n    if (e.key === \"Enter\" || e.key === \" \") {\n      e.preventDefault();\n      this._handleMobileToggle();\n    }\n  };\n\n  render() {\n    if (!this._breakpointReached) {\n      // Desktop: read-only (no dropdown items)\n      if (!this._hasDropdownItems) {\n        return html`\n          <div\n            class=\"${classMap({\n              \"nav-link\": true,\n              \"read-only\": true\n            })}\"\n            aria-label=${ifDefined(this.ariaLabel)}\n          >\n            <slot name=\"avatar\"></slot>\n            ${this.label || this.secondaryText\n              ? html`<div class=\"profile-text\">\n                  ${this.label ? html`<span class=\"profile-label\">${this.label}</span>` : nothing}\n                  ${this.secondaryText\n                    ? html`<span class=\"profile-secondary-text\">${this.secondaryText}</span>`\n                    : nothing}\n                </div>`\n              : nothing}\n          </div>\n          <slot @slotchange=${this._handleSlotChange}></slot>\n        `;\n      }\n\n      // Desktop: dropdown with avatar + label + secondaryText\n      return html`\n        <sgds-dropdown .floatingOpts=${{ middleware: [offset(0)] }} ?disabled=${this.disabled} close=${this.close}>\n          <button\n            class=\"${classMap({\n              \"nav-link\": true,\n              disabled: this.disabled\n            })}\"\n            aria-disabled=${this.disabled ? \"true\" : \"false\"}\n            aria-label=${ifDefined(this.ariaLabel)}\n            id=${this.togglerId}\n            tabindex=${this.disabled ? \"-1\" : \"0\"}\n            slot=\"toggler\"\n          >\n            <slot name=\"avatar\"></slot>\n            ${this.label || this.secondaryText\n              ? html`<div class=\"profile-text\">\n                  ${this.label ? html`<span class=\"profile-label\">${this.label}</span>` : nothing}\n                  ${this.secondaryText\n                    ? html`<span class=\"profile-secondary-text\">${this.secondaryText}</span>`\n                    : nothing}\n                </div>`\n              : nothing}\n            <sgds-icon name=\"chevron-down\" size=\"md\"></sgds-icon>\n          </button>\n          <slot @slotchange=${this._handleSlotChange}></slot>\n        </sgds-dropdown>\n      `;\n    }\n\n    // Mobile: read-only (no dropdown items)\n    if (!this._hasDropdownItems) {\n      return html`\n        <div class=\"profile-avatar-mobile read-only\">\n          <slot name=\"avatar\"></slot>\n        </div>\n        <slot @slotchange=${this._handleSlotChange}></slot>\n      `;\n    }\n\n    // Mobile: avatar toggler + self-contained mobile panel\n    return html`\n      <button\n        class=\"profile-avatar-mobile\"\n        aria-label=${this.ariaLabel || \"Toggle navigation\"}\n        aria-expanded=${this._mobileMenuOpen ? \"true\" : \"false\"}\n        @click=${this._handleMobileToggle}\n        @keydown=${this._handleKeydown}\n      >\n        <slot name=\"avatar\"></slot>\n      </button>\n      <div class=\"profile-mobile-panel\" ?hidden=${!this._mobileMenuOpen}>\n        <div class=\"profile-mobile-items\">\n          <slot @slotchange=${this._handleSlotChange}></slot>\n        </div>\n      </div>\n    `;\n  }\n}\n"],"names":["SgdsElement","genId","html","classMap","ifDefined","nothing","offset","navProfileStyle","SgdsDropdown","SgdsIcon","__decorate","state","queryAssignedElements","property"],"mappings":"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"}

package/react/base/nav-profile-element.js

@@ -1,192 +0,0 @@
-'use client';
-import { __decorate } from 'tslib';
-import { html, nothing } from 'lit';
-import { state, queryAssignedElements, property } from 'lit/decorators.js';
-import { classMap } from 'lit/directives/class-map.js';
-import { ifDefined } from 'lit/directives/if-defined.js';
-import { offset } from '@floating-ui/dom';
-import SgdsElement from './sgds-element.js';
-import { SgdsDropdown } from '../components/Dropdown/sgds-dropdown.js';
-import { SgdsIcon } from '../components/Icon/sgds-icon.js';
-import css_248z from './nav-profile.js';
-import genId from '../utils/generateId.js';
-
-/**
- * Base class for navigation profile components (sgds-mainnav-profile and sgds-appnav-profile).
- * Provides the full profile dropdown (desktop) and mobile panel behavior.
- * When no dropdown items are slotted into the default slot, renders as a non-interactive
- * read-only element (no dropdown menu, no caret icon, cursor default, not focusable by keyboard or mouse).
- * Subclasses must consume the appropriate breakpoint context and set `_breakpointReached`.
- *
- * @slot avatar - Avatar element displayed in both desktop (before label) and mobile (as toggler)
- * @slot default - Profile menu items (sgds-dropdown-item elements). When empty, the component becomes read-only.
- */
-class NavProfileElement extends SgdsElement {
-    constructor() {
-        super(...arguments);
-        /** @internal Whether the breakpoint is reached (mobile mode). Subclasses set this via context consumption. */
-        this._breakpointReached = true;
-        /** @internal Whether the mobile menu is open */
-        this._mobileMenuOpen = false;
-        /** @internal Whether dropdown items are slotted */
-        this._hasDropdownItems = false;
-        /** Primary text displayed next to the avatar in desktop (e.g. user name) */
-        this.label = "";
-        /** Secondary text displayed below the label in desktop (e.g. agency or role) */
-        this.secondaryText = "";
-        /** When true, disables the profile dropdown */
-        this.disabled = false;
-        /** Accessible label for the profile toggle button */
-        this.ariaLabel = "";
-        /** Controls dropdown close behavior. "default" auto-closes on item/outside click, "outside" closes only on outside click, "inside" prevents auto-close. */
-        this.close = "default";
-        /** @internal */
-        this.togglerId = genId("profile", "button");
-        this._handleMobileToggle = () => {
-            this._mobileMenuOpen = !this._mobileMenuOpen;
-        };
-        this._handleClickOutside = (e) => {
-            if (!this._mobileMenuOpen)
-                return;
-            if (this.close === "inside")
-                return;
-            if (!e.composedPath().includes(this)) {
-                this._mobileMenuOpen = false;
-            }
-        };
-        this._handleSlotChange = () => {
-            this._hasDropdownItems = this._defaultSlotElements.length > 0;
-        };
-        this._handleKeydown = (e) => {
-            if (e.key === "Enter" || e.key === " ") {
-                e.preventDefault();
-                this._handleMobileToggle();
-            }
-        };
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        window.addEventListener("click", this._handleClickOutside);
-    }
-    disconnectedCallback() {
-        super.disconnectedCallback();
-        window.removeEventListener("click", this._handleClickOutside);
-    }
-    render() {
-        if (!this._breakpointReached) {
-            // Desktop: read-only (no dropdown items)
-            if (!this._hasDropdownItems) {
-                return html `
-          <div
-            class="${classMap({
-                    "nav-link": true,
-                    "read-only": true
-                })}"
-            aria-label=${ifDefined(this.ariaLabel)}
-          >
-            <slot name="avatar"></slot>
-            ${this.label || this.secondaryText
-                    ? html `<div class="profile-text">
-                  ${this.label ? html `<span class="profile-label">${this.label}</span>` : nothing}
-                  ${this.secondaryText
-                        ? html `<span class="profile-secondary-text">${this.secondaryText}</span>`
-                        : nothing}
-                </div>`
-                    : nothing}
-          </div>
-          <slot @slotchange=${this._handleSlotChange}></slot>
-        `;
-            }
-            // Desktop: dropdown with avatar + label + secondaryText
-            return html `
-        <sgds-dropdown .floatingOpts=${{ middleware: [offset(0)] }} ?disabled=${this.disabled} close=${this.close}>
-          <button
-            class="${classMap({
-                "nav-link": true,
-                disabled: this.disabled
-            })}"
-            aria-disabled=${this.disabled ? "true" : "false"}
-            aria-label=${ifDefined(this.ariaLabel)}
-            id=${this.togglerId}
-            tabindex=${this.disabled ? "-1" : "0"}
-            slot="toggler"
-          >
-            <slot name="avatar"></slot>
-            ${this.label || this.secondaryText
-                ? html `<div class="profile-text">
-                  ${this.label ? html `<span class="profile-label">${this.label}</span>` : nothing}
-                  ${this.secondaryText
-                    ? html `<span class="profile-secondary-text">${this.secondaryText}</span>`
-                    : nothing}
-                </div>`
-                : nothing}
-            <sgds-icon name="chevron-down" size="md"></sgds-icon>
-          </button>
-          <slot @slotchange=${this._handleSlotChange}></slot>
-        </sgds-dropdown>
-      `;
-        }
-        // Mobile: read-only (no dropdown items)
-        if (!this._hasDropdownItems) {
-            return html `
-        <div class="profile-avatar-mobile read-only">
-          <slot name="avatar"></slot>
-        </div>
-        <slot @slotchange=${this._handleSlotChange}></slot>
-      `;
-        }
-        // Mobile: avatar toggler + self-contained mobile panel
-        return html `
-      <button
-        class="profile-avatar-mobile"
-        aria-label=${this.ariaLabel || "Toggle navigation"}
-        aria-expanded=${this._mobileMenuOpen ? "true" : "false"}
-        @click=${this._handleMobileToggle}
-        @keydown=${this._handleKeydown}
-      >
-        <slot name="avatar"></slot>
-      </button>
-      <div class="profile-mobile-panel" ?hidden=${!this._mobileMenuOpen}>
-        <div class="profile-mobile-items">
-          <slot @slotchange=${this._handleSlotChange}></slot>
-        </div>
-      </div>
-    `;
-    }
-}
-NavProfileElement.styles = [...SgdsElement.styles, css_248z];
-/** @internal */
-NavProfileElement.dependencies = {
-    "sgds-dropdown": SgdsDropdown,
-    "sgds-icon": SgdsIcon
-};
-__decorate([
-    state()
-], NavProfileElement.prototype, "_breakpointReached", void 0);
-__decorate([
-    state()
-], NavProfileElement.prototype, "_mobileMenuOpen", void 0);
-__decorate([
-    state()
-], NavProfileElement.prototype, "_hasDropdownItems", void 0);
-__decorate([
-    queryAssignedElements({ flatten: true })
-], NavProfileElement.prototype, "_defaultSlotElements", void 0);
-__decorate([
-    property({ type: String, reflect: true })
-], NavProfileElement.prototype, "label", void 0);
-__decorate([
-    property({ type: String, reflect: true })
-], NavProfileElement.prototype, "secondaryText", void 0);
-__decorate([
-    property({ type: Boolean })
-], NavProfileElement.prototype, "disabled", void 0);
-__decorate([
-    property({ type: String })
-], NavProfileElement.prototype, "ariaLabel", void 0);
-__decorate([
-    property({ type: String })
-], NavProfileElement.prototype, "close", void 0);
-
-export { NavProfileElement as default };
-//# sourceMappingURL=nav-profile-element.js.map

package/react/base/nav-profile-element.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"nav-profile-element.js","sources":["../../../src/base/nav-profile-element.ts"],"sourcesContent":["import { html, nothing } from \"lit\";\nimport { property, queryAssignedElements, state } from \"lit/decorators.js\";\nimport { classMap } from \"lit/directives/class-map.js\";\nimport { ifDefined } from \"lit/directives/if-defined.js\";\nimport { offset } from \"@floating-ui/dom\";\nimport SgdsElement from \"./sgds-element\";\nimport SgdsDropdown from \"../components/Dropdown/sgds-dropdown\";\nimport SgdsIcon from \"../components/Icon/sgds-icon\";\nimport navProfileStyle from \"./nav-profile.css\";\nimport genId from \"../utils/generateId\";\n\n/**\n * Base class for navigation profile components (sgds-mainnav-profile and sgds-appnav-profile).\n * Provides the full profile dropdown (desktop) and mobile panel behavior.\n * When no dropdown items are slotted into the default slot, renders as a non-interactive\n * read-only element (no dropdown menu, no caret icon, cursor default, not focusable by keyboard or mouse).\n * Subclasses must consume the appropriate breakpoint context and set `_breakpointReached`.\n *\n * @slot avatar - Avatar element displayed in both desktop (before label) and mobile (as toggler)\n * @slot default - Profile menu items (sgds-dropdown-item elements). When empty, the component becomes read-only.\n */\nexport default abstract class NavProfileElement extends SgdsElement {\n  static styles = [...SgdsElement.styles, navProfileStyle];\n  /** @internal */\n  static dependencies = {\n    \"sgds-dropdown\": SgdsDropdown,\n    \"sgds-icon\": SgdsIcon\n  };\n\n  /** @internal Whether the breakpoint is reached (mobile mode). Subclasses set this via context consumption. */\n  @state()\n  protected _breakpointReached = true;\n\n  /** @internal Whether the mobile menu is open */\n  @state()\n  private _mobileMenuOpen = false;\n\n  /** @internal Whether dropdown items are slotted */\n  @state()\n  private _hasDropdownItems = false;\n\n  @queryAssignedElements({ flatten: true })\n  private _defaultSlotElements!: HTMLElement[];\n\n  /** Primary text displayed next to the avatar in desktop (e.g. user name) */\n  @property({ type: String, reflect: true })\n  label = \"\";\n\n  /** Secondary text displayed below the label in desktop (e.g. agency or role) */\n  @property({ type: String, reflect: true })\n  secondaryText = \"\";\n\n  /** When true, disables the profile dropdown */\n  @property({ type: Boolean })\n  disabled = false;\n\n  /** Accessible label for the profile toggle button */\n  @property({ type: String })\n  ariaLabel = \"\";\n\n  /** Controls dropdown close behavior. \"default\" auto-closes on item/outside click, \"outside\" closes only on outside click, \"inside\" prevents auto-close. */\n  @property({ type: String })\n  close: \"default\" | \"outside\" | \"inside\" = \"default\";\n\n  /** @internal */\n  private togglerId: string = genId(\"profile\", \"button\");\n\n  private _handleMobileToggle = () => {\n    this._mobileMenuOpen = !this._mobileMenuOpen;\n  };\n\n  private _handleClickOutside = (e: MouseEvent) => {\n    if (!this._mobileMenuOpen) return;\n    if (this.close === \"inside\") return;\n    if (!e.composedPath().includes(this)) {\n      this._mobileMenuOpen = false;\n    }\n  };\n\n  connectedCallback() {\n    super.connectedCallback();\n    window.addEventListener(\"click\", this._handleClickOutside);\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    window.removeEventListener(\"click\", this._handleClickOutside);\n  }\n\n  private _handleSlotChange = () => {\n    this._hasDropdownItems = this._defaultSlotElements.length > 0;\n  };\n\n  private _handleKeydown = (e: KeyboardEvent) => {\n    if (e.key === \"Enter\" || e.key === \" \") {\n      e.preventDefault();\n      this._handleMobileToggle();\n    }\n  };\n\n  render() {\n    if (!this._breakpointReached) {\n      // Desktop: read-only (no dropdown items)\n      if (!this._hasDropdownItems) {\n        return html`\n          <div\n            class=\"${classMap({\n              \"nav-link\": true,\n              \"read-only\": true\n            })}\"\n            aria-label=${ifDefined(this.ariaLabel)}\n          >\n            <slot name=\"avatar\"></slot>\n            ${this.label || this.secondaryText\n              ? html`<div class=\"profile-text\">\n                  ${this.label ? html`<span class=\"profile-label\">${this.label}</span>` : nothing}\n                  ${this.secondaryText\n                    ? html`<span class=\"profile-secondary-text\">${this.secondaryText}</span>`\n                    : nothing}\n                </div>`\n              : nothing}\n          </div>\n          <slot @slotchange=${this._handleSlotChange}></slot>\n        `;\n      }\n\n      // Desktop: dropdown with avatar + label + secondaryText\n      return html`\n        <sgds-dropdown .floatingOpts=${{ middleware: [offset(0)] }} ?disabled=${this.disabled} close=${this.close}>\n          <button\n            class=\"${classMap({\n              \"nav-link\": true,\n              disabled: this.disabled\n            })}\"\n            aria-disabled=${this.disabled ? \"true\" : \"false\"}\n            aria-label=${ifDefined(this.ariaLabel)}\n            id=${this.togglerId}\n            tabindex=${this.disabled ? \"-1\" : \"0\"}\n            slot=\"toggler\"\n          >\n            <slot name=\"avatar\"></slot>\n            ${this.label || this.secondaryText\n              ? html`<div class=\"profile-text\">\n                  ${this.label ? html`<span class=\"profile-label\">${this.label}</span>` : nothing}\n                  ${this.secondaryText\n                    ? html`<span class=\"profile-secondary-text\">${this.secondaryText}</span>`\n                    : nothing}\n                </div>`\n              : nothing}\n            <sgds-icon name=\"chevron-down\" size=\"md\"></sgds-icon>\n          </button>\n          <slot @slotchange=${this._handleSlotChange}></slot>\n        </sgds-dropdown>\n      `;\n    }\n\n    // Mobile: read-only (no dropdown items)\n    if (!this._hasDropdownItems) {\n      return html`\n        <div class=\"profile-avatar-mobile read-only\">\n          <slot name=\"avatar\"></slot>\n        </div>\n        <slot @slotchange=${this._handleSlotChange}></slot>\n      `;\n    }\n\n    // Mobile: avatar toggler + self-contained mobile panel\n    return html`\n      <button\n        class=\"profile-avatar-mobile\"\n        aria-label=${this.ariaLabel || \"Toggle navigation\"}\n        aria-expanded=${this._mobileMenuOpen ? \"true\" : \"false\"}\n        @click=${this._handleMobileToggle}\n        @keydown=${this._handleKeydown}\n      >\n        <slot name=\"avatar\"></slot>\n      </button>\n      <div class=\"profile-mobile-panel\" ?hidden=${!this._mobileMenuOpen}>\n        <div class=\"profile-mobile-items\">\n          <slot @slotchange=${this._handleSlotChange}></slot>\n        </div>\n      </div>\n    `;\n  }\n}\n"],"names":["navProfileStyle"],"mappings":"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"}

package/react/base/nav-profile.cjs.js

@@ -1,11 +0,0 @@
-'use client';
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var lit = require('lit');
-
-var css_248z = lit.css`:host([expand=always]) .nav-link{border-bottom:var(--sgds-border-width-4) solid transparent;min-height:100%;padding:0 var(--sgds-padding-md)}@media (min-width:512px){:host([expand=sm]) .nav-link{border-bottom:var(--sgds-border-width-4) solid transparent;min-height:100%;padding:0 var(--sgds-padding-md)}}@media (min-width:768px){:host([expand=md]) .nav-link{border-bottom:var(--sgds-border-width-4) solid transparent;min-height:100%;padding:0 var(--sgds-padding-md)}}@media (min-width:1024px){:host(:not([expand])) .nav-link,:host([expand=lg]) .nav-link{border-bottom:var(--sgds-border-width-4) solid transparent;min-height:100%;padding:0 var(--sgds-padding-md)}}@media (min-width:1280px){:host([expand=xl]) .nav-link{border-bottom:var(--sgds-border-width-4) solid transparent;min-height:100%;padding:0 var(--sgds-padding-md)}}@media (min-width:1440px){:host([expand=xxl]) .nav-link{border-bottom:var(--sgds-border-width-4) solid transparent;min-height:100%;padding:0 var(--sgds-padding-md)}}button.nav-link{appearance:none;background:none;border:none;font-family:inherit}.nav-link{align-items:center;box-sizing:border-box;color:var(--sgds-color-default);cursor:pointer;display:flex;font-size:var(--sgds-font-size-label-sm);gap:var(--sgds-gap-xs);line-height:var(--sgds-line-height-2-xs,20px);padding:var(--sgds-padding-sm) var(--sgds-mainnav-mobile-padding-x);text-decoration:none}.nav-link:not(.disabled):hover{color:var(--sgds-primary-color-default)}.nav-link:not(.disabled):focus-visible{color:var(--sgds-primary-color-default);outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}.nav-link.disabled{cursor:not-allowed;opacity:var(--sgds-opacity-40)}.nav-link.read-only,.profile-avatar-mobile.read-only{cursor:default;pointer-events:none}:host([tone=brand][expand=always]) .nav-link,:host([tone^=gradient][expand=always]) .nav-link{color:var(--sgds-color-fixed-light)}@media screen and (min-width:512px){:host([tone=brand][expand=sm]) .nav-link,:host([tone^=gradient][expand=sm]) .nav-link{color:var(--sgds-color-fixed-light)}}@media screen and (min-width:768px){:host([tone=brand][expand=md]) .nav-link,:host([tone^=gradient][expand=md]) .nav-link{color:var(--sgds-color-fixed-light)}}@media screen and (min-width:1024px){:host([tone=brand][expand=lg]) .nav-link,:host([tone^=gradient][expand=lg]) .nav-link{color:var(--sgds-color-fixed-light)}}@media screen and (min-width:1280px){:host([tone=brand][expand=xl]) .nav-link,:host([tone^=gradient][expand=xl]) .nav-link{color:var(--sgds-color-fixed-light)}}@media screen and (min-width:1440px){:host([tone=brand][expand=xxl]) .nav-link,:host([tone^=gradient][expand=xxl]) .nav-link{color:var(--sgds-color-fixed-light)}}.profile-text{display:flex;flex:1;flex-direction:column;gap:var(--sgds-gap-text-2-xs,2px);text-align:left}.profile-label{font-weight:var(--sgds-font-weight-semibold)}.profile-label,.profile-secondary-text{font-size:var(--sgds-font-size-body-xs);line-height:var(--sgds-line-height-3-xs,16px)}sgds-dropdown{display:block;height:100%}.profile-avatar-mobile{align-items:center;background:none;border:none;border-radius:var(--sgds-border-radius-full);color:inherit;cursor:pointer;display:flex;font:inherit;height:100%;margin:0;padding:0}.profile-avatar-mobile:focus-visible{outline:none}.profile-avatar-mobile:focus-visible ::slotted(*){border-radius:var(--sgds-border-radius-full);outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}.profile-mobile-panel{animation:profile-panel-show .2s ease-in-out;background-color:var(--sgds-surface-default);border-top:var(--sgds-border-width-1) solid var(--sgds-border-color-translucent);box-shadow:0 2px 4px 0 hsla(0,0%,5%,.08);left:0;padding:var(--sgds-padding-md) 0;position:absolute;top:100%;width:100%;z-index:var(--sgds-z-index-floating)}.profile-mobile-panel[hidden]{display:none}@keyframes profile-panel-show{0%{max-height:0;opacity:0}to{max-height:100dvh;opacity:1}}.profile-mobile-items{display:flex;flex-direction:column;height:100dvh;margin:auto;max-width:var(--sgds-mainnav-max-width,1440px);overflow-y:auto;width:100%}@media screen and (min-width:1024px){.nav-link{padding:var(--sgds-padding-sm) var(--sgds-mainnav-padding-x)}}`;
-
-exports["default"] = css_248z;
-//# sourceMappingURL=nav-profile.cjs.js.map

package/react/base/nav-profile.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"nav-profile.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}

package/react/base/nav-profile.js

@@ -1,7 +0,0 @@
-'use client';
-import { css } from 'lit';
-
-var css_248z = css`:host([expand=always]) .nav-link{border-bottom:var(--sgds-border-width-4) solid transparent;min-height:100%;padding:0 var(--sgds-padding-md)}@media (min-width:512px){:host([expand=sm]) .nav-link{border-bottom:var(--sgds-border-width-4) solid transparent;min-height:100%;padding:0 var(--sgds-padding-md)}}@media (min-width:768px){:host([expand=md]) .nav-link{border-bottom:var(--sgds-border-width-4) solid transparent;min-height:100%;padding:0 var(--sgds-padding-md)}}@media (min-width:1024px){:host(:not([expand])) .nav-link,:host([expand=lg]) .nav-link{border-bottom:var(--sgds-border-width-4) solid transparent;min-height:100%;padding:0 var(--sgds-padding-md)}}@media (min-width:1280px){:host([expand=xl]) .nav-link{border-bottom:var(--sgds-border-width-4) solid transparent;min-height:100%;padding:0 var(--sgds-padding-md)}}@media (min-width:1440px){:host([expand=xxl]) .nav-link{border-bottom:var(--sgds-border-width-4) solid transparent;min-height:100%;padding:0 var(--sgds-padding-md)}}button.nav-link{appearance:none;background:none;border:none;font-family:inherit}.nav-link{align-items:center;box-sizing:border-box;color:var(--sgds-color-default);cursor:pointer;display:flex;font-size:var(--sgds-font-size-label-sm);gap:var(--sgds-gap-xs);line-height:var(--sgds-line-height-2-xs,20px);padding:var(--sgds-padding-sm) var(--sgds-mainnav-mobile-padding-x);text-decoration:none}.nav-link:not(.disabled):hover{color:var(--sgds-primary-color-default)}.nav-link:not(.disabled):focus-visible{color:var(--sgds-primary-color-default);outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}.nav-link.disabled{cursor:not-allowed;opacity:var(--sgds-opacity-40)}.nav-link.read-only,.profile-avatar-mobile.read-only{cursor:default;pointer-events:none}:host([tone=brand][expand=always]) .nav-link,:host([tone^=gradient][expand=always]) .nav-link{color:var(--sgds-color-fixed-light)}@media screen and (min-width:512px){:host([tone=brand][expand=sm]) .nav-link,:host([tone^=gradient][expand=sm]) .nav-link{color:var(--sgds-color-fixed-light)}}@media screen and (min-width:768px){:host([tone=brand][expand=md]) .nav-link,:host([tone^=gradient][expand=md]) .nav-link{color:var(--sgds-color-fixed-light)}}@media screen and (min-width:1024px){:host([tone=brand][expand=lg]) .nav-link,:host([tone^=gradient][expand=lg]) .nav-link{color:var(--sgds-color-fixed-light)}}@media screen and (min-width:1280px){:host([tone=brand][expand=xl]) .nav-link,:host([tone^=gradient][expand=xl]) .nav-link{color:var(--sgds-color-fixed-light)}}@media screen and (min-width:1440px){:host([tone=brand][expand=xxl]) .nav-link,:host([tone^=gradient][expand=xxl]) .nav-link{color:var(--sgds-color-fixed-light)}}.profile-text{display:flex;flex:1;flex-direction:column;gap:var(--sgds-gap-text-2-xs,2px);text-align:left}.profile-label{font-weight:var(--sgds-font-weight-semibold)}.profile-label,.profile-secondary-text{font-size:var(--sgds-font-size-body-xs);line-height:var(--sgds-line-height-3-xs,16px)}sgds-dropdown{display:block;height:100%}.profile-avatar-mobile{align-items:center;background:none;border:none;border-radius:var(--sgds-border-radius-full);color:inherit;cursor:pointer;display:flex;font:inherit;height:100%;margin:0;padding:0}.profile-avatar-mobile:focus-visible{outline:none}.profile-avatar-mobile:focus-visible ::slotted(*){border-radius:var(--sgds-border-radius-full);outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}.profile-mobile-panel{animation:profile-panel-show .2s ease-in-out;background-color:var(--sgds-surface-default);border-top:var(--sgds-border-width-1) solid var(--sgds-border-color-translucent);box-shadow:0 2px 4px 0 hsla(0,0%,5%,.08);left:0;padding:var(--sgds-padding-md) 0;position:absolute;top:100%;width:100%;z-index:var(--sgds-z-index-floating)}.profile-mobile-panel[hidden]{display:none}@keyframes profile-panel-show{0%{max-height:0;opacity:0}to{max-height:100dvh;opacity:1}}.profile-mobile-items{display:flex;flex-direction:column;height:100dvh;margin:auto;max-width:var(--sgds-mainnav-max-width,1440px);overflow-y:auto;width:100%}@media screen and (min-width:1024px){.nav-link{padding:var(--sgds-padding-sm) var(--sgds-mainnav-padding-x)}}`;
-
-export { css_248z as default };
-//# sourceMappingURL=nav-profile.js.map

package/react/base/nav-profile.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"nav-profile.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/react/components/Appnav/appnav-context.cjs.js

@@ -1,13 +0,0 @@
-'use client';
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var context = require('@lit/context');
-
-const AppnavBreakpointContext = context.createContext("appnav-context");
-const AppnavExpandedContext = context.createContext("appnav-expanded-context");
-
-exports.AppnavBreakpointContext = AppnavBreakpointContext;
-exports.AppnavExpandedContext = AppnavExpandedContext;
-//# sourceMappingURL=appnav-context.cjs.js.map

package/react/components/Appnav/appnav-context.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"appnav-context.cjs.js","sources":["../../../../src/components/Appnav/appnav-context.ts"],"sourcesContent":["import { createContext } from \"@lit/context\";\n\nexport const AppnavBreakpointContext = createContext<boolean>(\"appnav-context\");\n\nexport const AppnavExpandedContext = createContext<boolean>(\"appnav-expanded-context\");\n"],"names":["createContext"],"mappings":";;;;;;;MAEa,uBAAuB,GAAGA,qBAAa,CAAU,gBAAgB,EAAE;MAEnE,qBAAqB,GAAGA,qBAAa,CAAU,yBAAyB;;;;;"}

package/react/components/Appnav/appnav-context.js

@@ -1,8 +0,0 @@
-'use client';
-import { createContext } from '@lit/context';
-
-const AppnavBreakpointContext = createContext("appnav-context");
-const AppnavExpandedContext = createContext("appnav-expanded-context");
-
-export { AppnavBreakpointContext, AppnavExpandedContext };
-//# sourceMappingURL=appnav-context.js.map

package/react/components/Appnav/appnav-context.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"appnav-context.js","sources":["../../../../src/components/Appnav/appnav-context.ts"],"sourcesContent":["import { createContext } from \"@lit/context\";\n\nexport const AppnavBreakpointContext = createContext<boolean>(\"appnav-context\");\n\nexport const AppnavExpandedContext = createContext<boolean>(\"appnav-expanded-context\");\n"],"names":[],"mappings":";;;MAEa,uBAAuB,GAAG,aAAa,CAAU,gBAAgB,EAAE;MAEnE,qBAAqB,GAAG,aAAa,CAAU,yBAAyB;;;;"}

package/react/components/Appnav/appnav.cjs.js

@@ -1,11 +0,0 @@
-'use client';
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var lit = require('lit');
-
-var css_248z = lit.css`:host{display:block}nav{box-shadow:0 2px 4px 0 hsla(0,0%,5%,.08);position:relative;z-index:var(--sgds-z-index-floating)}:host([tone=brand]) nav{background-color:var(--sgds-primary-surface-default)}:host([tone=gradient-1]) nav{background:var(--sgds-gradient-1)}:host([tone=gradient-2]) nav{background:var(--sgds-gradient-2)}:host([tone=gradient-3]) nav{background:var(--sgds-gradient-3)}:host([tone=gradient-4]) nav{background:var(--sgds-gradient-4)}.navbar{align-items:stretch;display:flex;flex-wrap:wrap;font-size:var(--sgds-font-size-label-sm);gap:var(--sgds-gap-xs);justify-content:flex-start;margin:auto;min-height:var(--sgds-mainnav-height,72px);padding:0 var(--sgds-mainnav-mobile-padding-x);width:100%}.navbar-brand{align-items:center;color:var(--sgds-color-fixed-light);display:flex;text-decoration:none;white-space:nowrap}.navbar-brand:focus-visible{outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}.navbar-nav{align-items:flex-start;display:flex;flex-direction:column;gap:var(--sgds-gap-xs);height:100%;margin-bottom:0;margin-left:auto;margin-top:0}nav>.navbar-body{background-color:var(--sgds-surface-default);border-top:var(--sgds-border-width-1) solid var(--sgds-border-color-translucent);box-shadow:0 2px 4px 0 hsla(0,0%,5%,.08);padding:var(--sgds-padding-md) 0;position:absolute;transition:transform .2s ease-in-out;width:100%;z-index:var(--sgds-z-index-floating)}nav>.navbar-body .navbar-nav{height:100dvh;margin:auto}nav>.navbar-body slot::slotted(*){padding:var(--sgds-padding-sm) var(--sgds-mainnav-mobile-padding-x)}.navbar-collapse{align-items:center;flex-basis:100%;flex-grow:1}.navbar-toggler{align-self:center}@media (prefers-reduced-motion:reduce){.navbar-toggler{transition:none}}.navbar-nav-scroll{overflow-y:auto}@media (min-width:512px){.navbar-expand-sm{flex-wrap:nowrap;gap:var(--sgds-gap-xl);justify-content:flex-start}.navbar-expand-sm .navbar-nav{align-items:center;flex-direction:row}.navbar-expand-sm .navbar-nav-scroll{overflow:visible}.navbar-expand-sm .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}}@media (min-width:768px){.navbar-expand-md{flex-wrap:nowrap;gap:var(--sgds-gap-xl);justify-content:flex-start}.navbar-expand-md .navbar-nav{align-items:center;flex-direction:row}.navbar-expand-md .navbar-nav-scroll{overflow:visible}.navbar-expand-md .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}}@media (min-width:1024px){.navbar{padding:0 var(--sgds-mainnav-padding-x)}.navbar-expand-lg{flex-wrap:nowrap;gap:var(--sgds-gap-xl);justify-content:flex-start}.navbar-expand-lg .navbar-nav{align-items:center;flex-direction:row}.navbar-expand-lg .navbar-nav-scroll{overflow:visible}.navbar-expand-lg .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}}@media (min-width:1280px){.navbar-expand-xl{flex-wrap:nowrap;gap:var(--sgds-gap-xl);justify-content:flex-start}.navbar-expand-xl .navbar-nav{align-items:center;flex-direction:row}.navbar-expand-xl .navbar-nav-scroll{overflow:visible}.navbar-expand-xl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}}@media (min-width:1440px){.navbar-expand-xxl{flex-wrap:nowrap;gap:var(--sgds-gap-xl);justify-content:flex-start}.navbar-expand-xxl .navbar-nav{align-items:center;flex-direction:row}.navbar-expand-xxl .navbar-nav-scroll{overflow:visible}.navbar-expand-xxl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xxl .navbar-toggler{display:none}}.navbar-expand{flex-wrap:nowrap;gap:var(--sgds-gap-xl);justify-content:flex-start}.navbar-expand .navbar-nav{align-items:center;flex-direction:row}.navbar-expand .navbar-nav-scroll{overflow:visible}.navbar-expand .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-end{margin-left:auto}.navbar-end,slot[name=start]{align-items:center;display:flex;gap:var(--sgds-gap-xs)}slot[name=start].slot-empty{display:none}slot[name=profile]{align-self:stretch;display:flex}slot[name=start]::slotted(*){color:var(--sgds-color-fixed-light)}.navbar-end.slot-empty,.slot-desktop-only{display:none}.appnav-menu-item{align-items:center;box-sizing:border-box;cursor:pointer;display:flex;font-size:var(--sgds-font-size-label-sm);line-height:var(--sgds-line-height-2-xs,20px);padding:var(--sgds-padding-sm) var(--sgds-mainnav-mobile-padding-x);text-decoration:none;width:100%}.appnav-menu-item,.appnav-menu-item:hover{color:var(--sgds-color-default)}.appnav-menu-item:focus-visible{color:var(--sgds-primary-color-default);outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}`;
-
-exports["default"] = css_248z;
-//# sourceMappingURL=appnav.cjs.js.map

package/react/components/Appnav/appnav.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"appnav.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}

package/react/components/Appnav/appnav.js

@@ -1,7 +0,0 @@
-'use client';
-import { css } from 'lit';
-
-var css_248z = css`:host{display:block}nav{box-shadow:0 2px 4px 0 hsla(0,0%,5%,.08);position:relative;z-index:var(--sgds-z-index-floating)}:host([tone=brand]) nav{background-color:var(--sgds-primary-surface-default)}:host([tone=gradient-1]) nav{background:var(--sgds-gradient-1)}:host([tone=gradient-2]) nav{background:var(--sgds-gradient-2)}:host([tone=gradient-3]) nav{background:var(--sgds-gradient-3)}:host([tone=gradient-4]) nav{background:var(--sgds-gradient-4)}.navbar{align-items:stretch;display:flex;flex-wrap:wrap;font-size:var(--sgds-font-size-label-sm);gap:var(--sgds-gap-xs);justify-content:flex-start;margin:auto;min-height:var(--sgds-mainnav-height,72px);padding:0 var(--sgds-mainnav-mobile-padding-x);width:100%}.navbar-brand{align-items:center;color:var(--sgds-color-fixed-light);display:flex;text-decoration:none;white-space:nowrap}.navbar-brand:focus-visible{outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}.navbar-nav{align-items:flex-start;display:flex;flex-direction:column;gap:var(--sgds-gap-xs);height:100%;margin-bottom:0;margin-left:auto;margin-top:0}nav>.navbar-body{background-color:var(--sgds-surface-default);border-top:var(--sgds-border-width-1) solid var(--sgds-border-color-translucent);box-shadow:0 2px 4px 0 hsla(0,0%,5%,.08);padding:var(--sgds-padding-md) 0;position:absolute;transition:transform .2s ease-in-out;width:100%;z-index:var(--sgds-z-index-floating)}nav>.navbar-body .navbar-nav{height:100dvh;margin:auto}nav>.navbar-body slot::slotted(*){padding:var(--sgds-padding-sm) var(--sgds-mainnav-mobile-padding-x)}.navbar-collapse{align-items:center;flex-basis:100%;flex-grow:1}.navbar-toggler{align-self:center}@media (prefers-reduced-motion:reduce){.navbar-toggler{transition:none}}.navbar-nav-scroll{overflow-y:auto}@media (min-width:512px){.navbar-expand-sm{flex-wrap:nowrap;gap:var(--sgds-gap-xl);justify-content:flex-start}.navbar-expand-sm .navbar-nav{align-items:center;flex-direction:row}.navbar-expand-sm .navbar-nav-scroll{overflow:visible}.navbar-expand-sm .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}}@media (min-width:768px){.navbar-expand-md{flex-wrap:nowrap;gap:var(--sgds-gap-xl);justify-content:flex-start}.navbar-expand-md .navbar-nav{align-items:center;flex-direction:row}.navbar-expand-md .navbar-nav-scroll{overflow:visible}.navbar-expand-md .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}}@media (min-width:1024px){.navbar{padding:0 var(--sgds-mainnav-padding-x)}.navbar-expand-lg{flex-wrap:nowrap;gap:var(--sgds-gap-xl);justify-content:flex-start}.navbar-expand-lg .navbar-nav{align-items:center;flex-direction:row}.navbar-expand-lg .navbar-nav-scroll{overflow:visible}.navbar-expand-lg .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}}@media (min-width:1280px){.navbar-expand-xl{flex-wrap:nowrap;gap:var(--sgds-gap-xl);justify-content:flex-start}.navbar-expand-xl .navbar-nav{align-items:center;flex-direction:row}.navbar-expand-xl .navbar-nav-scroll{overflow:visible}.navbar-expand-xl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}}@media (min-width:1440px){.navbar-expand-xxl{flex-wrap:nowrap;gap:var(--sgds-gap-xl);justify-content:flex-start}.navbar-expand-xxl .navbar-nav{align-items:center;flex-direction:row}.navbar-expand-xxl .navbar-nav-scroll{overflow:visible}.navbar-expand-xxl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xxl .navbar-toggler{display:none}}.navbar-expand{flex-wrap:nowrap;gap:var(--sgds-gap-xl);justify-content:flex-start}.navbar-expand .navbar-nav{align-items:center;flex-direction:row}.navbar-expand .navbar-nav-scroll{overflow:visible}.navbar-expand .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-end{margin-left:auto}.navbar-end,slot[name=start]{align-items:center;display:flex;gap:var(--sgds-gap-xs)}slot[name=start].slot-empty{display:none}slot[name=profile]{align-self:stretch;display:flex}slot[name=start]::slotted(*){color:var(--sgds-color-fixed-light)}.navbar-end.slot-empty,.slot-desktop-only{display:none}.appnav-menu-item{align-items:center;box-sizing:border-box;cursor:pointer;display:flex;font-size:var(--sgds-font-size-label-sm);line-height:var(--sgds-line-height-2-xs,20px);padding:var(--sgds-padding-sm) var(--sgds-mainnav-mobile-padding-x);text-decoration:none;width:100%}.appnav-menu-item,.appnav-menu-item:hover{color:var(--sgds-color-default)}.appnav-menu-item:focus-visible{color:var(--sgds-primary-color-default);outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}`;
-
-export { css_248z as default };
-//# sourceMappingURL=appnav.js.map

package/react/components/Appnav/appnav.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"appnav.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/react/components/Appnav/sgds-appnav-profile.cjs.js

@@ -1,37 +0,0 @@
-'use client';
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib = require('tslib');
-var context = require('@lit/context');
-var decorators_js = require('lit/decorators.js');
-var navProfileElement = require('../../base/nav-profile-element.cjs.js');
-var appnavContext = require('./appnav-context.cjs.js');
-
-/**
- * @summary `SgdsAppnavProfile` is a profile component for the appnav that shows a full dropdown in desktop and handles its own mobile menu.
- * In desktop: renders avatar + label + secondaryText with a dropdown.
- * In mobile: renders the avatar as a toggler that opens a self-contained mobile panel with profile items.
- * When no dropdown items are slotted, renders as a non-interactive read-only element (no caret, no pointer cursor, not focusable).
- * When present, it disables the appnav's default hamburger toggler.
- *
- * @storyOrder 2
- *
- * @slot avatar - Avatar element displayed in both desktop (before label) and mobile (as toggler)
- * @slot default - Profile menu items (sgds-dropdown-item elements). When empty, the component becomes read-only.
- */
-class SgdsAppnavProfile extends navProfileElement["default"] {
-    constructor() {
-        super(...arguments);
-        this._breakpointReached = true;
-    }
-}
-tslib.__decorate([
-    context.consume({ context: appnavContext.AppnavBreakpointContext, subscribe: true }),
-    decorators_js.state()
-], SgdsAppnavProfile.prototype, "_breakpointReached", void 0);
-
-exports.SgdsAppnavProfile = SgdsAppnavProfile;
-exports["default"] = SgdsAppnavProfile;
-//# sourceMappingURL=sgds-appnav-profile.cjs.js.map

package/react/components/Appnav/sgds-appnav-profile.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sgds-appnav-profile.cjs.js","sources":["../../../../src/components/Appnav/sgds-appnav-profile.ts"],"sourcesContent":["import { consume } from \"@lit/context\";\nimport { state } from \"lit/decorators.js\";\nimport NavProfileElement from \"../../base/nav-profile-element\";\nimport { AppnavBreakpointContext } from \"./appnav-context\";\n\n/**\n * @summary `SgdsAppnavProfile` is a profile component for the appnav that shows a full dropdown in desktop and handles its own mobile menu.\n * In desktop: renders avatar + label + secondaryText with a dropdown.\n * In mobile: renders the avatar as a toggler that opens a self-contained mobile panel with profile items.\n * When no dropdown items are slotted, renders as a non-interactive read-only element (no caret, no pointer cursor, not focusable).\n * When present, it disables the appnav's default hamburger toggler.\n *\n * @storyOrder 2\n *\n * @slot avatar - Avatar element displayed in both desktop (before label) and mobile (as toggler)\n * @slot default - Profile menu items (sgds-dropdown-item elements). When empty, the component becomes read-only.\n */\nexport class SgdsAppnavProfile extends NavProfileElement {\n  @consume({ context: AppnavBreakpointContext, subscribe: true })\n  @state()\n  protected override _breakpointReached = true;\n}\n\nexport default SgdsAppnavProfile;\n"],"names":["NavProfileElement","__decorate","consume","AppnavBreakpointContext","state"],"mappings":";;;;;;;;;;;AAKA;;;;;;;;;;;AAWG;AACG,MAAO,iBAAkB,SAAQA,4BAAiB,CAAA;AAAxD,IAAA,WAAA,GAAA;;QAGqB,IAAkB,CAAA,kBAAA,GAAG,IAAI,CAAC;KAC9C;AAAA,CAAA;AADoBC,gBAAA,CAAA;IAFlBC,eAAO,CAAC,EAAE,OAAO,EAAEC,qCAAuB,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;AAC9D,IAAAC,mBAAK,EAAE;AACqC,CAAA,EAAA,iBAAA,CAAA,SAAA,EAAA,oBAAA,EAAA,KAAA,CAAA,CAAA;;;;;"}