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

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

@@ -1,32 +0,0 @@
-'use client';
-import { __decorate } from 'tslib';
-import { consume } from '@lit/context';
-import { state } from 'lit/decorators.js';
-import NavProfileElement from '../../base/nav-profile-element.js';
-import { AppnavBreakpointContext } from './appnav-context.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 {
-    constructor() {
-        super(...arguments);
-        this._breakpointReached = true;
-    }
-}
-__decorate([
-    consume({ context: AppnavBreakpointContext, subscribe: true }),
-    state()
-], SgdsAppnavProfile.prototype, "_breakpointReached", void 0);
-
-export { SgdsAppnavProfile, SgdsAppnavProfile as default };
-//# sourceMappingURL=sgds-appnav-profile.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"sgds-appnav-profile.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":[],"mappings":";;;;;;;AAKA;;;;;;;;;;;AAWG;AACG,MAAO,iBAAkB,SAAQ,iBAAiB,CAAA;AAAxD,IAAA,WAAA,GAAA;;QAGqB,IAAkB,CAAA,kBAAA,GAAG,IAAI,CAAC;KAC9C;AAAA,CAAA;AADoB,UAAA,CAAA;IAFlB,OAAO,CAAC,EAAE,OAAO,EAAE,uBAAuB,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;AAC9D,IAAA,KAAK,EAAE;AACqC,CAAA,EAAA,iBAAA,CAAA,SAAA,EAAA,oBAAA,EAAA,KAAA,CAAA,CAAA;;;;"}

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

@@ -1,189 +0,0 @@
-'use client';
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib = require('tslib');
-var context = require('@lit/context');
-var lit = require('lit');
-var decorators_js = require('lit/decorators.js');
-var classMap_js = require('lit/directives/class-map.js');
-var navElement = require('../../base/nav-element.cjs.js');
-var slot = require('../../utils/slot.cjs.js');
-var appnavContext = require('./appnav-context.cjs.js');
-var appnav = require('./appnav.cjs.js');
-
-/**
- * @summary `SgdsAppnav` is a application navigation bar for operational apps. Accepts icon-buttons and profile in a fluid layout with collapse/expand behavior.
- *
- * @storyOrder 1
- *
- * @event sgds-show - Emitted on show. Only for collapsed menu.
- * @event sgds-after-show - Emitted on show after animation has completed. Only for collapsed menu.
- * @event sgds-hide - Emitted on hide. Only for collapsed menu.
- * @event sgds-after-hide - Emitted on hide after animation has completed. Only for collapsed menu.
- *
- * @slot default - Elements in this slot collapse into the mobile menu as text items. Accepts sgds-icon-button and other elements. Uses ariaLabel as menu item text.
- * @slot start - Elements in this slot will be positioned to the left of the brand.
- * @slot brand - Brand slot of SgdsAppnav. Pass in brand logo img here
- * @slot profile - Profile slot. sgds-appnav-profile goes here. Positioned to the right of the toggler.
- *
- */
-class SgdsAppnav extends navElement["default"] {
-    constructor() {
-        super(...arguments);
-        this._breakpointReached = false;
-        this._expanded = false;
-        /** Sets the visual tone of the navigation bar */
-        this.tone = "brand";
-        /** Used only for SSR to indicate the presence of the `start` slot. */
-        this.hasStartSlot = false;
-        this.hasSlotController = new slot.HasSlotController(this, "start");
-        /** @internal Whether the default slot has assigned elements */
-        this._hasDefaultSlotItems = false;
-        /** @internal Whether the profile slot has assigned elements */
-        this._hasProfileSlotItems = false;
-        /** @internal Stored default slot items for mobile menu rendering */
-        this._defaultSlotItems = [];
-    }
-    updated() {
-        if (!this.hasStartSlot)
-            this.hasStartSlot = this.hasSlotController.test("start");
-        this._expanded = this.expanded;
-    }
-    _onBreakpointReached(reached) {
-        this._breakpointReached = reached;
-    }
-    _isBreakpointReached() {
-        return this._breakpointReached;
-    }
-    _handleTogglerKeydown(e) {
-        var _a;
-        if (e.key === "Tab" && !e.shiftKey && this.expanded) {
-            e.preventDefault();
-            const firstItem = (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(".appnav-menu-item");
-            firstItem === null || firstItem === void 0 ? void 0 : firstItem.focus();
-        }
-    }
-    _handleDefaultSlotChange(e) {
-        const childElements = e.target.assignedElements({ flatten: true });
-        this._hasDefaultSlotItems = childElements.length > 0;
-        this._defaultSlotItems = childElements
-            .filter(el => typeof el.tagName !== "undefined")
-            .map(el => {
-            var _a;
-            return ({
-                label: el.getAttribute("ariaLabel") || el.getAttribute("aria-label") || ((_a = el.textContent) === null || _a === void 0 ? void 0 : _a.trim()) || "",
-                element: el
-            });
-        });
-        childElements.forEach(el => {
-            el.setAttribute("expand", this.expand);
-        });
-    }
-    _handleMobileItemClick(item) {
-        item.element.click();
-        this.hide();
-    }
-    _renderAppnavToggler() {
-        return lit.html `<sgds-icon-button
-      name="three-dots-vertical"
-      variant="ghost"
-      size="sm"
-      tone="fixed-light"
-      class="navbar-toggler"
-      @click=${this._handleSummaryClick}
-      @keydown=${this._handleTogglerKeydown}
-      aria-controls="${this.collapseId}"
-      aria-expanded="${this.expanded}"
-      .ariaLabel=${"Toggle navigation"}
-    ></sgds-icon-button>`;
-    }
-    _handleProfileSlotChange(e) {
-        const childElements = e.target.assignedElements({ flatten: true });
-        this._hasProfileSlotItems = childElements.length > 0;
-        childElements.forEach(el => {
-            el.setAttribute("expand", this.expand);
-            el.setAttribute("tone", this.tone);
-        });
-    }
-    render() {
-        this.breakpointReached =
-            window.innerWidth <
-                (this.expand === "always"
-                    ? -1
-                    : this.expand === "never"
-                        ? Infinity
-                        : { sm: 512, md: 768, lg: 1024, xl: 1280, xxl: 1440 }[this.expand]);
-        return lit.html `
-      <nav>
-        <div class="navbar ${this._expandClass()}">
-          <slot name="start" class=${classMap_js.classMap({ "slot-empty": !this.hasStartSlot })}></slot>
-          <a class="navbar-brand" href=${this.brandHref} aria-label="brand-link">
-            <slot name="brand"></slot>
-          </a>
-          <div class="navbar-body navbar-collapse" id=${this.collapseId}>
-            <div class="navbar-nav navbar-nav-scroll">
-              <slot
-                class=${classMap_js.classMap({ "slot-desktop-only": this.breakpointReached })}
-                @slotchange=${this._handleDefaultSlotChange}
-              ></slot>
-              ${this.breakpointReached
-            ? this._defaultSlotItems.map(item => lit.html `<a
-                      class="appnav-menu-item"
-                      role="button"
-                      tabindex="0"
-                      @click=${() => this._handleMobileItemClick(item)}
-                      @keydown=${(e) => {
-                if (e.key === "Enter" || e.key === " ") {
-                    e.preventDefault();
-                    this._handleMobileItemClick(item);
-                }
-            }}
-                      >${item.label}</a
-                    >`)
-            : lit.nothing}
-            </div>
-          </div>
-          <div
-            class="navbar-end ${this._hasProfileSlotItems || (this._hasDefaultSlotItems && this.breakpointReached)
-            ? ""
-            : "slot-empty"}"
-          >
-            ${this._hasDefaultSlotItems && this.breakpointReached ? this._renderAppnavToggler() : lit.nothing}
-            <slot name="profile" @slotchange=${this._handleProfileSlotChange}></slot>
-          </div>
-        </div>
-      </nav>
-    `;
-    }
-}
-SgdsAppnav.styles = [...navElement["default"].styles, appnav["default"]];
-tslib.__decorate([
-    context.provide({ context: appnavContext.AppnavBreakpointContext }),
-    decorators_js.state()
-], SgdsAppnav.prototype, "_breakpointReached", void 0);
-tslib.__decorate([
-    context.provide({ context: appnavContext.AppnavExpandedContext }),
-    decorators_js.state()
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-], SgdsAppnav.prototype, "_expanded", void 0);
-tslib.__decorate([
-    decorators_js.property({ type: String, reflect: true })
-], SgdsAppnav.prototype, "tone", void 0);
-tslib.__decorate([
-    decorators_js.property({ type: Boolean })
-], SgdsAppnav.prototype, "hasStartSlot", void 0);
-tslib.__decorate([
-    decorators_js.state()
-], SgdsAppnav.prototype, "_hasDefaultSlotItems", void 0);
-tslib.__decorate([
-    decorators_js.state()
-], SgdsAppnav.prototype, "_hasProfileSlotItems", void 0);
-tslib.__decorate([
-    decorators_js.state()
-], SgdsAppnav.prototype, "_defaultSlotItems", void 0);
-
-exports.SgdsAppnav = SgdsAppnav;
-exports["default"] = SgdsAppnav;
-//# sourceMappingURL=sgds-appnav.cjs.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"sgds-appnav.cjs.js","sources":["../../../../src/components/Appnav/sgds-appnav.ts"],"sourcesContent":["import { provide } from \"@lit/context\";\nimport { html, nothing } from \"lit\";\nimport { property, state } from \"lit/decorators.js\";\nimport { classMap } from \"lit/directives/class-map.js\";\nimport NavElement from \"../../base/nav-element\";\nimport { HasSlotController } from \"../../utils/slot\";\nimport { AppnavBreakpointContext, AppnavExpandedContext } from \"./appnav-context\";\nimport appnavStyle from \"./appnav.css\";\n\nexport type AppnavTone = \"brand\" | \"gradient-1\" | \"gradient-2\" | \"gradient-3\" | \"gradient-4\";\n\ninterface DefaultSlotItem {\n  label: string;\n  element: HTMLElement;\n}\n\n/**\n * @summary `SgdsAppnav` is a application navigation bar for operational apps. Accepts icon-buttons and profile in a fluid layout with collapse/expand behavior.\n *\n * @storyOrder 1\n *\n * @event sgds-show - Emitted on show. Only for collapsed menu.\n * @event sgds-after-show - Emitted on show after animation has completed. Only for collapsed menu.\n * @event sgds-hide - Emitted on hide. Only for collapsed menu.\n * @event sgds-after-hide - Emitted on hide after animation has completed. Only for collapsed menu.\n *\n * @slot default - Elements in this slot collapse into the mobile menu as text items. Accepts sgds-icon-button and other elements. Uses ariaLabel as menu item text.\n * @slot start - Elements in this slot will be positioned to the left of the brand.\n * @slot brand - Brand slot of SgdsAppnav. Pass in brand logo img here\n * @slot profile - Profile slot. sgds-appnav-profile goes here. Positioned to the right of the toggler.\n *\n */\nexport class SgdsAppnav extends NavElement {\n  static styles = [...NavElement.styles, appnavStyle];\n\n  @provide({ context: AppnavBreakpointContext })\n  @state()\n  private _breakpointReached = false;\n\n  @provide({ context: AppnavExpandedContext })\n  @state()\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  private _expanded = false;\n\n  /** Sets the visual tone of the navigation bar */\n  @property({ type: String, reflect: true })\n  tone: AppnavTone = \"brand\";\n\n  /** Used only for SSR to indicate the presence of the `start` slot. */\n  @property({ type: Boolean }) hasStartSlot = false;\n\n  private readonly hasSlotController = new HasSlotController(this, \"start\");\n\n  /** @internal Whether the default slot has assigned elements */\n  @state()\n  private _hasDefaultSlotItems = false;\n\n  /** @internal Whether the profile slot has assigned elements */\n  @state()\n  private _hasProfileSlotItems = false;\n\n  /** @internal Stored default slot items for mobile menu rendering */\n  @state()\n  private _defaultSlotItems: DefaultSlotItem[] = [];\n\n  updated() {\n    if (!this.hasStartSlot) this.hasStartSlot = this.hasSlotController.test(\"start\");\n    this._expanded = this.expanded;\n  }\n\n  protected _onBreakpointReached(reached: boolean): void {\n    this._breakpointReached = reached;\n  }\n\n  protected _isBreakpointReached(): boolean {\n    return this._breakpointReached;\n  }\n\n  private _handleTogglerKeydown(e: KeyboardEvent) {\n    if (e.key === \"Tab\" && !e.shiftKey && this.expanded) {\n      e.preventDefault();\n      const firstItem = this.shadowRoot?.querySelector(\".appnav-menu-item\") as HTMLElement | null;\n      firstItem?.focus();\n    }\n  }\n\n  private _handleDefaultSlotChange(e: Event) {\n    const childElements = (e.target as HTMLSlotElement).assignedElements({ flatten: true }) as HTMLElement[];\n    this._hasDefaultSlotItems = childElements.length > 0;\n    this._defaultSlotItems = childElements\n      .filter(el => typeof el.tagName !== \"undefined\")\n      .map(el => ({\n        label: el.getAttribute(\"ariaLabel\") || el.getAttribute(\"aria-label\") || el.textContent?.trim() || \"\",\n        element: el\n      }));\n    childElements.forEach(el => {\n      el.setAttribute(\"expand\", this.expand);\n    });\n  }\n\n  private _handleMobileItemClick(item: DefaultSlotItem) {\n    item.element.click();\n    this.hide();\n  }\n\n  private _renderAppnavToggler() {\n    return html`<sgds-icon-button\n      name=\"three-dots-vertical\"\n      variant=\"ghost\"\n      size=\"sm\"\n      tone=\"fixed-light\"\n      class=\"navbar-toggler\"\n      @click=${this._handleSummaryClick}\n      @keydown=${this._handleTogglerKeydown}\n      aria-controls=\"${this.collapseId}\"\n      aria-expanded=\"${this.expanded}\"\n      .ariaLabel=${\"Toggle navigation\"}\n    ></sgds-icon-button>`;\n  }\n\n  private _handleProfileSlotChange(e: Event) {\n    const childElements = (e.target as HTMLSlotElement).assignedElements({ flatten: true });\n    this._hasProfileSlotItems = childElements.length > 0;\n    childElements.forEach(el => {\n      el.setAttribute(\"expand\", this.expand);\n      el.setAttribute(\"tone\", this.tone);\n    });\n  }\n\n  render() {\n    this.breakpointReached =\n      window.innerWidth <\n      (this.expand === \"always\"\n        ? -1\n        : this.expand === \"never\"\n        ? Infinity\n        : { sm: 512, md: 768, lg: 1024, xl: 1280, xxl: 1440 }[this.expand]);\n\n    return html`\n      <nav>\n        <div class=\"navbar ${this._expandClass()}\">\n          <slot name=\"start\" class=${classMap({ \"slot-empty\": !this.hasStartSlot })}></slot>\n          <a class=\"navbar-brand\" href=${this.brandHref} aria-label=\"brand-link\">\n            <slot name=\"brand\"></slot>\n          </a>\n          <div class=\"navbar-body navbar-collapse\" id=${this.collapseId}>\n            <div class=\"navbar-nav navbar-nav-scroll\">\n              <slot\n                class=${classMap({ \"slot-desktop-only\": this.breakpointReached })}\n                @slotchange=${this._handleDefaultSlotChange}\n              ></slot>\n              ${this.breakpointReached\n                ? this._defaultSlotItems.map(\n                    item => html`<a\n                      class=\"appnav-menu-item\"\n                      role=\"button\"\n                      tabindex=\"0\"\n                      @click=${() => this._handleMobileItemClick(item)}\n                      @keydown=${(e: KeyboardEvent) => {\n                        if (e.key === \"Enter\" || e.key === \" \") {\n                          e.preventDefault();\n                          this._handleMobileItemClick(item);\n                        }\n                      }}\n                      >${item.label}</a\n                    >`\n                  )\n                : nothing}\n            </div>\n          </div>\n          <div\n            class=\"navbar-end ${this._hasProfileSlotItems || (this._hasDefaultSlotItems && this.breakpointReached)\n              ? \"\"\n              : \"slot-empty\"}\"\n          >\n            ${this._hasDefaultSlotItems && this.breakpointReached ? this._renderAppnavToggler() : nothing}\n            <slot name=\"profile\" @slotchange=${this._handleProfileSlotChange}></slot>\n          </div>\n        </div>\n      </nav>\n    `;\n  }\n}\n\nexport default SgdsAppnav;\n"],"names":["NavElement","HasSlotController","html","classMap","nothing","appnavStyle","__decorate","provide","AppnavBreakpointContext","state","AppnavExpandedContext","property"],"mappings":"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"}

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

@@ -1,184 +0,0 @@
-'use client';
-import { __decorate } from 'tslib';
-import { provide } from '@lit/context';
-import { html, nothing } from 'lit';
-import { state, property } from 'lit/decorators.js';
-import { classMap } from 'lit/directives/class-map.js';
-import NavElement from '../../base/nav-element.js';
-import { HasSlotController } from '../../utils/slot.js';
-import { AppnavBreakpointContext, AppnavExpandedContext } from './appnav-context.js';
-import css_248z from './appnav.js';
-
-/**
- * @summary `SgdsAppnav` is a application navigation bar for operational apps. Accepts icon-buttons and profile in a fluid layout with collapse/expand behavior.
- *
- * @storyOrder 1
- *
- * @event sgds-show - Emitted on show. Only for collapsed menu.
- * @event sgds-after-show - Emitted on show after animation has completed. Only for collapsed menu.
- * @event sgds-hide - Emitted on hide. Only for collapsed menu.
- * @event sgds-after-hide - Emitted on hide after animation has completed. Only for collapsed menu.
- *
- * @slot default - Elements in this slot collapse into the mobile menu as text items. Accepts sgds-icon-button and other elements. Uses ariaLabel as menu item text.
- * @slot start - Elements in this slot will be positioned to the left of the brand.
- * @slot brand - Brand slot of SgdsAppnav. Pass in brand logo img here
- * @slot profile - Profile slot. sgds-appnav-profile goes here. Positioned to the right of the toggler.
- *
- */
-class SgdsAppnav extends NavElement {
-    constructor() {
-        super(...arguments);
-        this._breakpointReached = false;
-        this._expanded = false;
-        /** Sets the visual tone of the navigation bar */
-        this.tone = "brand";
-        /** Used only for SSR to indicate the presence of the `start` slot. */
-        this.hasStartSlot = false;
-        this.hasSlotController = new HasSlotController(this, "start");
-        /** @internal Whether the default slot has assigned elements */
-        this._hasDefaultSlotItems = false;
-        /** @internal Whether the profile slot has assigned elements */
-        this._hasProfileSlotItems = false;
-        /** @internal Stored default slot items for mobile menu rendering */
-        this._defaultSlotItems = [];
-    }
-    updated() {
-        if (!this.hasStartSlot)
-            this.hasStartSlot = this.hasSlotController.test("start");
-        this._expanded = this.expanded;
-    }
-    _onBreakpointReached(reached) {
-        this._breakpointReached = reached;
-    }
-    _isBreakpointReached() {
-        return this._breakpointReached;
-    }
-    _handleTogglerKeydown(e) {
-        var _a;
-        if (e.key === "Tab" && !e.shiftKey && this.expanded) {
-            e.preventDefault();
-            const firstItem = (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(".appnav-menu-item");
-            firstItem === null || firstItem === void 0 ? void 0 : firstItem.focus();
-        }
-    }
-    _handleDefaultSlotChange(e) {
-        const childElements = e.target.assignedElements({ flatten: true });
-        this._hasDefaultSlotItems = childElements.length > 0;
-        this._defaultSlotItems = childElements
-            .filter(el => typeof el.tagName !== "undefined")
-            .map(el => {
-            var _a;
-            return ({
-                label: el.getAttribute("ariaLabel") || el.getAttribute("aria-label") || ((_a = el.textContent) === null || _a === void 0 ? void 0 : _a.trim()) || "",
-                element: el
-            });
-        });
-        childElements.forEach(el => {
-            el.setAttribute("expand", this.expand);
-        });
-    }
-    _handleMobileItemClick(item) {
-        item.element.click();
-        this.hide();
-    }
-    _renderAppnavToggler() {
-        return html `<sgds-icon-button
-      name="three-dots-vertical"
-      variant="ghost"
-      size="sm"
-      tone="fixed-light"
-      class="navbar-toggler"
-      @click=${this._handleSummaryClick}
-      @keydown=${this._handleTogglerKeydown}
-      aria-controls="${this.collapseId}"
-      aria-expanded="${this.expanded}"
-      .ariaLabel=${"Toggle navigation"}
-    ></sgds-icon-button>`;
-    }
-    _handleProfileSlotChange(e) {
-        const childElements = e.target.assignedElements({ flatten: true });
-        this._hasProfileSlotItems = childElements.length > 0;
-        childElements.forEach(el => {
-            el.setAttribute("expand", this.expand);
-            el.setAttribute("tone", this.tone);
-        });
-    }
-    render() {
-        this.breakpointReached =
-            window.innerWidth <
-                (this.expand === "always"
-                    ? -1
-                    : this.expand === "never"
-                        ? Infinity
-                        : { sm: 512, md: 768, lg: 1024, xl: 1280, xxl: 1440 }[this.expand]);
-        return html `
-      <nav>
-        <div class="navbar ${this._expandClass()}">
-          <slot name="start" class=${classMap({ "slot-empty": !this.hasStartSlot })}></slot>
-          <a class="navbar-brand" href=${this.brandHref} aria-label="brand-link">
-            <slot name="brand"></slot>
-          </a>
-          <div class="navbar-body navbar-collapse" id=${this.collapseId}>
-            <div class="navbar-nav navbar-nav-scroll">
-              <slot
-                class=${classMap({ "slot-desktop-only": this.breakpointReached })}
-                @slotchange=${this._handleDefaultSlotChange}
-              ></slot>
-              ${this.breakpointReached
-            ? this._defaultSlotItems.map(item => html `<a
-                      class="appnav-menu-item"
-                      role="button"
-                      tabindex="0"
-                      @click=${() => this._handleMobileItemClick(item)}
-                      @keydown=${(e) => {
-                if (e.key === "Enter" || e.key === " ") {
-                    e.preventDefault();
-                    this._handleMobileItemClick(item);
-                }
-            }}
-                      >${item.label}</a
-                    >`)
-            : nothing}
-            </div>
-          </div>
-          <div
-            class="navbar-end ${this._hasProfileSlotItems || (this._hasDefaultSlotItems && this.breakpointReached)
-            ? ""
-            : "slot-empty"}"
-          >
-            ${this._hasDefaultSlotItems && this.breakpointReached ? this._renderAppnavToggler() : nothing}
-            <slot name="profile" @slotchange=${this._handleProfileSlotChange}></slot>
-          </div>
-        </div>
-      </nav>
-    `;
-    }
-}
-SgdsAppnav.styles = [...NavElement.styles, css_248z];
-__decorate([
-    provide({ context: AppnavBreakpointContext }),
-    state()
-], SgdsAppnav.prototype, "_breakpointReached", void 0);
-__decorate([
-    provide({ context: AppnavExpandedContext }),
-    state()
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-], SgdsAppnav.prototype, "_expanded", void 0);
-__decorate([
-    property({ type: String, reflect: true })
-], SgdsAppnav.prototype, "tone", void 0);
-__decorate([
-    property({ type: Boolean })
-], SgdsAppnav.prototype, "hasStartSlot", void 0);
-__decorate([
-    state()
-], SgdsAppnav.prototype, "_hasDefaultSlotItems", void 0);
-__decorate([
-    state()
-], SgdsAppnav.prototype, "_hasProfileSlotItems", void 0);
-__decorate([
-    state()
-], SgdsAppnav.prototype, "_defaultSlotItems", void 0);
-
-export { SgdsAppnav, SgdsAppnav as default };
-//# sourceMappingURL=sgds-appnav.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"sgds-appnav.js","sources":["../../../../src/components/Appnav/sgds-appnav.ts"],"sourcesContent":["import { provide } from \"@lit/context\";\nimport { html, nothing } from \"lit\";\nimport { property, state } from \"lit/decorators.js\";\nimport { classMap } from \"lit/directives/class-map.js\";\nimport NavElement from \"../../base/nav-element\";\nimport { HasSlotController } from \"../../utils/slot\";\nimport { AppnavBreakpointContext, AppnavExpandedContext } from \"./appnav-context\";\nimport appnavStyle from \"./appnav.css\";\n\nexport type AppnavTone = \"brand\" | \"gradient-1\" | \"gradient-2\" | \"gradient-3\" | \"gradient-4\";\n\ninterface DefaultSlotItem {\n  label: string;\n  element: HTMLElement;\n}\n\n/**\n * @summary `SgdsAppnav` is a application navigation bar for operational apps. Accepts icon-buttons and profile in a fluid layout with collapse/expand behavior.\n *\n * @storyOrder 1\n *\n * @event sgds-show - Emitted on show. Only for collapsed menu.\n * @event sgds-after-show - Emitted on show after animation has completed. Only for collapsed menu.\n * @event sgds-hide - Emitted on hide. Only for collapsed menu.\n * @event sgds-after-hide - Emitted on hide after animation has completed. Only for collapsed menu.\n *\n * @slot default - Elements in this slot collapse into the mobile menu as text items. Accepts sgds-icon-button and other elements. Uses ariaLabel as menu item text.\n * @slot start - Elements in this slot will be positioned to the left of the brand.\n * @slot brand - Brand slot of SgdsAppnav. Pass in brand logo img here\n * @slot profile - Profile slot. sgds-appnav-profile goes here. Positioned to the right of the toggler.\n *\n */\nexport class SgdsAppnav extends NavElement {\n  static styles = [...NavElement.styles, appnavStyle];\n\n  @provide({ context: AppnavBreakpointContext })\n  @state()\n  private _breakpointReached = false;\n\n  @provide({ context: AppnavExpandedContext })\n  @state()\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  private _expanded = false;\n\n  /** Sets the visual tone of the navigation bar */\n  @property({ type: String, reflect: true })\n  tone: AppnavTone = \"brand\";\n\n  /** Used only for SSR to indicate the presence of the `start` slot. */\n  @property({ type: Boolean }) hasStartSlot = false;\n\n  private readonly hasSlotController = new HasSlotController(this, \"start\");\n\n  /** @internal Whether the default slot has assigned elements */\n  @state()\n  private _hasDefaultSlotItems = false;\n\n  /** @internal Whether the profile slot has assigned elements */\n  @state()\n  private _hasProfileSlotItems = false;\n\n  /** @internal Stored default slot items for mobile menu rendering */\n  @state()\n  private _defaultSlotItems: DefaultSlotItem[] = [];\n\n  updated() {\n    if (!this.hasStartSlot) this.hasStartSlot = this.hasSlotController.test(\"start\");\n    this._expanded = this.expanded;\n  }\n\n  protected _onBreakpointReached(reached: boolean): void {\n    this._breakpointReached = reached;\n  }\n\n  protected _isBreakpointReached(): boolean {\n    return this._breakpointReached;\n  }\n\n  private _handleTogglerKeydown(e: KeyboardEvent) {\n    if (e.key === \"Tab\" && !e.shiftKey && this.expanded) {\n      e.preventDefault();\n      const firstItem = this.shadowRoot?.querySelector(\".appnav-menu-item\") as HTMLElement | null;\n      firstItem?.focus();\n    }\n  }\n\n  private _handleDefaultSlotChange(e: Event) {\n    const childElements = (e.target as HTMLSlotElement).assignedElements({ flatten: true }) as HTMLElement[];\n    this._hasDefaultSlotItems = childElements.length > 0;\n    this._defaultSlotItems = childElements\n      .filter(el => typeof el.tagName !== \"undefined\")\n      .map(el => ({\n        label: el.getAttribute(\"ariaLabel\") || el.getAttribute(\"aria-label\") || el.textContent?.trim() || \"\",\n        element: el\n      }));\n    childElements.forEach(el => {\n      el.setAttribute(\"expand\", this.expand);\n    });\n  }\n\n  private _handleMobileItemClick(item: DefaultSlotItem) {\n    item.element.click();\n    this.hide();\n  }\n\n  private _renderAppnavToggler() {\n    return html`<sgds-icon-button\n      name=\"three-dots-vertical\"\n      variant=\"ghost\"\n      size=\"sm\"\n      tone=\"fixed-light\"\n      class=\"navbar-toggler\"\n      @click=${this._handleSummaryClick}\n      @keydown=${this._handleTogglerKeydown}\n      aria-controls=\"${this.collapseId}\"\n      aria-expanded=\"${this.expanded}\"\n      .ariaLabel=${\"Toggle navigation\"}\n    ></sgds-icon-button>`;\n  }\n\n  private _handleProfileSlotChange(e: Event) {\n    const childElements = (e.target as HTMLSlotElement).assignedElements({ flatten: true });\n    this._hasProfileSlotItems = childElements.length > 0;\n    childElements.forEach(el => {\n      el.setAttribute(\"expand\", this.expand);\n      el.setAttribute(\"tone\", this.tone);\n    });\n  }\n\n  render() {\n    this.breakpointReached =\n      window.innerWidth <\n      (this.expand === \"always\"\n        ? -1\n        : this.expand === \"never\"\n        ? Infinity\n        : { sm: 512, md: 768, lg: 1024, xl: 1280, xxl: 1440 }[this.expand]);\n\n    return html`\n      <nav>\n        <div class=\"navbar ${this._expandClass()}\">\n          <slot name=\"start\" class=${classMap({ \"slot-empty\": !this.hasStartSlot })}></slot>\n          <a class=\"navbar-brand\" href=${this.brandHref} aria-label=\"brand-link\">\n            <slot name=\"brand\"></slot>\n          </a>\n          <div class=\"navbar-body navbar-collapse\" id=${this.collapseId}>\n            <div class=\"navbar-nav navbar-nav-scroll\">\n              <slot\n                class=${classMap({ \"slot-desktop-only\": this.breakpointReached })}\n                @slotchange=${this._handleDefaultSlotChange}\n              ></slot>\n              ${this.breakpointReached\n                ? this._defaultSlotItems.map(\n                    item => html`<a\n                      class=\"appnav-menu-item\"\n                      role=\"button\"\n                      tabindex=\"0\"\n                      @click=${() => this._handleMobileItemClick(item)}\n                      @keydown=${(e: KeyboardEvent) => {\n                        if (e.key === \"Enter\" || e.key === \" \") {\n                          e.preventDefault();\n                          this._handleMobileItemClick(item);\n                        }\n                      }}\n                      >${item.label}</a\n                    >`\n                  )\n                : nothing}\n            </div>\n          </div>\n          <div\n            class=\"navbar-end ${this._hasProfileSlotItems || (this._hasDefaultSlotItems && this.breakpointReached)\n              ? \"\"\n              : \"slot-empty\"}\"\n          >\n            ${this._hasDefaultSlotItems && this.breakpointReached ? this._renderAppnavToggler() : nothing}\n            <slot name=\"profile\" @slotchange=${this._handleProfileSlotChange}></slot>\n          </div>\n        </div>\n      </nav>\n    `;\n  }\n}\n\nexport default SgdsAppnav;\n"],"names":["appnavStyle"],"mappings":"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"}

package/react/components/Mainnav/sgds-mainnav-profile.cjs.js

@@ -1,35 +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 mainnavContext = require('./mainnav-context.cjs.js');
-
-/**
- * @summary A profile component for the mainnav 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 mainnav's default hamburger toggler.
- *
- * @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 SgdsMainnavProfile extends navProfileElement["default"] {
-    constructor() {
-        super(...arguments);
-        this._breakpointReached = true;
-    }
-}
-tslib.__decorate([
-    context.consume({ context: mainnavContext.MainnavBreakpointContext, subscribe: true }),
-    decorators_js.state()
-], SgdsMainnavProfile.prototype, "_breakpointReached", void 0);
-
-exports.SgdsMainnavProfile = SgdsMainnavProfile;
-exports["default"] = SgdsMainnavProfile;
-//# sourceMappingURL=sgds-mainnav-profile.cjs.js.map

package/react/components/Mainnav/sgds-mainnav-profile.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sgds-mainnav-profile.cjs.js","sources":["../../../../src/components/Mainnav/sgds-mainnav-profile.ts"],"sourcesContent":["import { consume } from \"@lit/context\";\nimport { state } from \"lit/decorators.js\";\nimport NavProfileElement from \"../../base/nav-profile-element\";\nimport { MainnavBreakpointContext } from \"./mainnav-context\";\n\n/**\n * @summary A profile component for the mainnav 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 mainnav's default hamburger toggler.\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 SgdsMainnavProfile extends NavProfileElement {\n  @consume({ context: MainnavBreakpointContext, subscribe: true })\n  @state()\n  protected override _breakpointReached = true;\n}\n\nexport default SgdsMainnavProfile;\n"],"names":["NavProfileElement","__decorate","consume","MainnavBreakpointContext","state"],"mappings":";;;;;;;;;;;AAKA;;;;;;;;;AASG;AACG,MAAO,kBAAmB,SAAQA,4BAAiB,CAAA;AAAzD,IAAA,WAAA,GAAA;;QAGqB,IAAkB,CAAA,kBAAA,GAAG,IAAI,CAAC;KAC9C;AAAA,CAAA;AADoBC,gBAAA,CAAA;IAFlBC,eAAO,CAAC,EAAE,OAAO,EAAEC,uCAAwB,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;AAC/D,IAAAC,mBAAK,EAAE;AACqC,CAAA,EAAA,kBAAA,CAAA,SAAA,EAAA,oBAAA,EAAA,KAAA,CAAA,CAAA;;;;;"}

package/react/components/Mainnav/sgds-mainnav-profile.js

@@ -1,30 +0,0 @@
-'use client';
-import { __decorate } from 'tslib';
-import { consume } from '@lit/context';
-import { state } from 'lit/decorators.js';
-import NavProfileElement from '../../base/nav-profile-element.js';
-import { MainnavBreakpointContext } from './mainnav-context.js';
-
-/**
- * @summary A profile component for the mainnav 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 mainnav's default hamburger toggler.
- *
- * @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 SgdsMainnavProfile extends NavProfileElement {
-    constructor() {
-        super(...arguments);
-        this._breakpointReached = true;
-    }
-}
-__decorate([
-    consume({ context: MainnavBreakpointContext, subscribe: true }),
-    state()
-], SgdsMainnavProfile.prototype, "_breakpointReached", void 0);
-
-export { SgdsMainnavProfile, SgdsMainnavProfile as default };
-//# sourceMappingURL=sgds-mainnav-profile.js.map

package/react/components/Mainnav/sgds-mainnav-profile.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sgds-mainnav-profile.js","sources":["../../../../src/components/Mainnav/sgds-mainnav-profile.ts"],"sourcesContent":["import { consume } from \"@lit/context\";\nimport { state } from \"lit/decorators.js\";\nimport NavProfileElement from \"../../base/nav-profile-element\";\nimport { MainnavBreakpointContext } from \"./mainnav-context\";\n\n/**\n * @summary A profile component for the mainnav 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 mainnav's default hamburger toggler.\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 SgdsMainnavProfile extends NavProfileElement {\n  @consume({ context: MainnavBreakpointContext, subscribe: true })\n  @state()\n  protected override _breakpointReached = true;\n}\n\nexport default SgdsMainnavProfile;\n"],"names":[],"mappings":";;;;;;;AAKA;;;;;;;;;AASG;AACG,MAAO,kBAAmB,SAAQ,iBAAiB,CAAA;AAAzD,IAAA,WAAA,GAAA;;QAGqB,IAAkB,CAAA,kBAAA,GAAG,IAAI,CAAC;KAC9C;AAAA,CAAA;AADoB,UAAA,CAAA;IAFlB,OAAO,CAAC,EAAE,OAAO,EAAE,wBAAwB,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;AAC/D,IAAA,KAAK,EAAE;AACqC,CAAA,EAAA,kBAAA,CAAA,SAAA,EAAA,oBAAA,EAAA,KAAA,CAAA,CAAA;;;;"}

package/react/mainnav-profile/index.cjs.js

@@ -1,40 +0,0 @@
-'use client';
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var react = require('@lit/react');
-var sgdsMainnavProfile = require('../components/Mainnav/sgds-mainnav-profile.cjs.js');
-var ceRegistry = require('../utils/ce-registry.cjs.js');
-
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n["default"] = e;
-  return Object.freeze(n);
-}
-
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
-
-ceRegistry.register("sgds-mainnav-profile", sgdsMainnavProfile.SgdsMainnavProfile);
-var index = react.createComponent({
-    react: React__namespace,
-    tagName: "sgds-mainnav-profile",
-    elementClass: sgdsMainnavProfile.SgdsMainnavProfile,
-    events: {}
-});
-
-exports["default"] = index;
-//# sourceMappingURL=index.cjs.js.map

package/react/mainnav-profile/index.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs.js","sources":["../../../src/react/mainnav-profile/index.ts"],"sourcesContent":["import * as React from \"react\";\nimport { createComponent } from \"@lit/react\";\nimport Component from \"../../components/Mainnav/sgds-mainnav-profile\";\nimport { register } from \"../../utils/ce-registry\";\n\nregister(\"sgds-mainnav-profile\", Component);\n\nexport default createComponent({\n  react: React,\n  tagName: \"sgds-mainnav-profile\",\n  elementClass: Component,\n  events: {}\n});\n"],"names":["register","Component","createComponent","React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKAA,mBAAQ,CAAC,sBAAsB,EAAEC,qCAAS,CAAC,CAAC;AAE5C,YAAeC,qBAAe,CAAC;AAC7B,IAAA,KAAK,EAAEC,gBAAK;AACZ,IAAA,OAAO,EAAE,sBAAsB;AAC/B,IAAA,YAAY,EAAEF,qCAAS;AACvB,IAAA,MAAM,EAAE,EAAE;AACX,CAAA,CAAC;;;;"}

package/react/mainnav-profile/index.d.ts

@@ -1,4 +0,0 @@
-import type { SgdsMainnavProfileProps } from '../../types/react';
-import * as React from 'react';
-declare const _default: React.ForwardRefExoticComponent<React.PropsWithChildren<SgdsMainnavProfileProps> & React.RefAttributes<HTMLElement>>;
-export default _default;

package/react/mainnav-profile/index.js

@@ -1,16 +0,0 @@
-'use client';
-import * as React from 'react';
-import { createComponent } from '@lit/react';
-import { SgdsMainnavProfile } from '../components/Mainnav/sgds-mainnav-profile.js';
-import { register } from '../utils/ce-registry.js';
-
-register("sgds-mainnav-profile", SgdsMainnavProfile);
-var index = createComponent({
-    react: React,
-    tagName: "sgds-mainnav-profile",
-    elementClass: SgdsMainnavProfile,
-    events: {}
-});
-
-export { index as default };
-//# sourceMappingURL=index.js.map

package/react/mainnav-profile/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../src/react/mainnav-profile/index.ts"],"sourcesContent":["import * as React from \"react\";\nimport { createComponent } from \"@lit/react\";\nimport Component from \"../../components/Mainnav/sgds-mainnav-profile\";\nimport { register } from \"../../utils/ce-registry\";\n\nregister(\"sgds-mainnav-profile\", Component);\n\nexport default createComponent({\n  react: React,\n  tagName: \"sgds-mainnav-profile\",\n  elementClass: Component,\n  events: {}\n});\n"],"names":["Component"],"mappings":";;;;;;AAKA,QAAQ,CAAC,sBAAsB,EAAEA,kBAAS,CAAC,CAAC;AAE5C,YAAe,eAAe,CAAC;AAC7B,IAAA,KAAK,EAAE,KAAK;AACZ,IAAA,OAAO,EAAE,sBAAsB;AAC/B,IAAA,YAAY,EAAEA,kBAAS;AACvB,IAAA,MAAM,EAAE,EAAE;AACX,CAAA,CAAC;;;;"}