@the-portland-company/shell 0.92.0 → 0.93.0

package/dist/app-chrome.d.cts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ReactNode } from 'react';
-import { S as StandardNavIconKey, h as NavIcon, N as NavItem, i as NavBreadcrumb, j as StandardNavMode, k as NavLinkComponent, l as NavChromeFetcher, m as NavMode, o as NavUserMenu, p as NavOrgOption, d as NotificationsAdapter, q as NavFooterLink, r as NavFooter, s as NavDisplayMode } from './index-Cg5aEImm.cjs';
+import { S as StandardNavIconKey, h as NavIcon, N as NavItem, i as NavBreadcrumb, j as StandardNavMode, k as NavLinkComponent, l as NavChromeFetcher, m as NavMode, o as NavUserMenu, p as NavOrgOption, d as NotificationsAdapter, q as NavFooterLink, s as NavFooter, t as NavDisplayMode } from './index-BAFJZuRA.cjs';
 import './theme-preference.cjs';
 
 /**

package/dist/app-chrome.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ReactNode } from 'react';
-import { S as StandardNavIconKey, h as NavIcon, N as NavItem, i as NavBreadcrumb, j as StandardNavMode, k as NavLinkComponent, l as NavChromeFetcher, m as NavMode, o as NavUserMenu, p as NavOrgOption, d as NotificationsAdapter, q as NavFooterLink, r as NavFooter, s as NavDisplayMode } from './index-DG32i0jC.js';
+import { S as StandardNavIconKey, h as NavIcon, N as NavItem, i as NavBreadcrumb, j as StandardNavMode, k as NavLinkComponent, l as NavChromeFetcher, m as NavMode, o as NavUserMenu, p as NavOrgOption, d as NotificationsAdapter, q as NavFooterLink, s as NavFooter, t as NavDisplayMode } from './index-DoSs3sQY.js';
 import './theme-preference.js';
 
 /**

package/dist/app-chrome.js

@@ -1,9 +1,9 @@
 "use client";
 import { broadcastLogout, watchLogout } from './chunk-LL6LSJAH.js';
 import { writeUrlState } from './chunk-GVQKZI5X.js';
-import { clearBetaBannerDismissal, standardPolitogyNav, standardNavIcons, isNavItemActive, NavAppShell } from './chunk-WDVQBUWF.js';
-export { standardNavIcons } from './chunk-WDVQBUWF.js';
-import { warnDeprecated, NavChromeProvider, TopBarWidgetSlot, FuelAction, SpecOverlayAction, NotificationsAction, SupportAction, useChromeMe, useNavChromeDedupedFetch, useChromeOrgs, useNavChromeFetcher } from './chunk-ZS7MQXDQ.js';
+import { clearBetaBannerDismissal, standardPolitogyNav, standardNavIcons, isNavItemActive, NavAppShell } from './chunk-EN5ANFMB.js';
+export { standardNavIcons } from './chunk-EN5ANFMB.js';
+import { warnDeprecated, NavChromeProvider, TopBarWidgetSlot, FuelAction, SpecOverlayAction, NotificationsAction, SupportAction, useChromeMe, useNavChromeDedupedFetch, useChromeOrgs, useNavChromeFetcher } from './chunk-Y66PVCZO.js';
 import './chunk-BHRVZPZ7.js';
 import { NAV_DISPLAY_DEFAULT, resolveNavDisplay, writeNavDisplayLocal, writeNavDisplayCookie, isNavDisplayPreference, NAV_DISPLAY_STORAGE_KEY, readNavDisplayCookie } from './chunk-7YVJ7HQG.js';
 import { authBaseUrl, orgIdTail, settingsBaseUrl, ORG_ID_QUERY_PARAM, readOrgSelectorFromUrl, matchOrgSelector, syncOrgIdInUrl, isOrgId, switchActiveOrg, ACTIVE_ORG_QUERY_PARAM, writeActiveOrgCookie, resolveActiveOrg, readActiveOrgCookie } from './chunk-5LO5W7W5.js';

package/dist/{chunk-WDVQBUWF.js → chunk-EN5ANFMB.js}

@@ -1,4 +1,4 @@
-import { PageHeaderView, BreadcrumbBarView, resolveOrgLogoUrl, topBarIconButtonClass, TopBarTooltip, TopBarPanelArrow, NavThemeControl, NAV_DISPLAY_OPTIONS, useTopBarIconSlotGlyph, resolveBrandGlyph, TOPBAR_GLYPH_SIZE, warnDeprecated, SpeculationRulesScript } from './chunk-ZS7MQXDQ.js';
+import { PageHeaderView, BreadcrumbBarView, resolveOrgLogoUrl, topBarIconButtonClass, TopBarTooltip, TopBarPanelArrow, NavThemeControl, NAV_DISPLAY_OPTIONS, useTopBarIconSlotGlyph, resolveBrandGlyph, TOPBAR_GLYPH_SIZE, resolveTabGlyph, warnDeprecated, SpeculationRulesScript } from './chunk-Y66PVCZO.js';
 import { readRailPreference, writeRailPreference } from './chunk-7YVJ7HQG.js';
 import { orgIdTail, authBaseUrl } from './chunk-5LO5W7W5.js';
 import { createContext, useRef, useEffect, useMemo, useState, Fragment as Fragment$1, useContext } from 'react';
@@ -6,6 +6,41 @@ import clsx from 'clsx';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { LuSignpost, LuDoorOpen, LuChartNoAxesColumn, LuLandmark, LuCrosshair, LuCircleUser, LuClipboardList, LuMousePointerClick, LuUsersRound, LuLayoutDashboard, LuFlag, LuTarget, LuMapPin, LuMap, LuPhone, LuShare2, LuDollarSign, LuCreditCard, LuSettings, LuBriefcase, LuChartColumn, LuUser, LuClock, LuSend, LuFileText, LuPencil, LuUpload, LuList, LuLayoutGrid, LuLifeBuoy, LuActivity, LuMessageSquare, LuMail, LuUsers, LuHouse } from 'react-icons/lu';
 
+function tabIconVarName(strip, tabKey) {
+  return `--tab-icon-${strip}-${tabKey}`;
+}
+var EMPTY = Object.freeze({});
+function useTabIconStripGlyphs(strip, tabKeys) {
+  const [names, setNames] = useState(EMPTY);
+  const keysSig = tabKeys.join("\0");
+  useEffect(() => {
+    if (!strip || typeof window === "undefined" || typeof document === "undefined") {
+      setNames(EMPTY);
+      return;
+    }
+    const keys = keysSig ? keysSig.split("\0") : [];
+    const read = () => {
+      const style = window.getComputedStyle(document.documentElement);
+      const next = {};
+      for (const key of keys) {
+        const raw = style.getPropertyValue(tabIconVarName(strip, key)).trim().replace(/^['"]|['"]$/g, "").trim();
+        if (raw) next[key] = raw;
+      }
+      setNames((prev) => sameNames(prev, next) ? prev : next);
+    };
+    read();
+    const observer = new MutationObserver(read);
+    observer.observe(document.head, { childList: true, subtree: true, characterData: true });
+    return () => observer.disconnect();
+  }, [strip, keysSig]);
+  return names;
+}
+function sameNames(a, b) {
+  const ak = Object.keys(a);
+  if (ak.length !== Object.keys(b).length) return false;
+  return ak.every((k) => a[k] === b[k]);
+}
+
 // src/native/orgFilter.ts
 var ORG_FILTER_THRESHOLD = 8;
 function filterOrgs(orgs, query) {
@@ -1757,9 +1792,14 @@ function NavTabStrip({
   linkComponent,
   size = "md",
   className,
+  iconStrip,
   children
 }) {
   const Link = linkComponent ?? DefaultLink;
+  const brandIconNames = useTabIconStripGlyphs(
+    iconStrip,
+    tabs.map((tab) => tab.key)
+  );
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
       "div",
@@ -1773,7 +1813,18 @@ function NavTabStrip({
           "flex items-end gap-[var(--tab-gap,26px)] border-b border-[color:var(--tab-border-color,#D7DADF)]",
           className
         ].filter(Boolean).join(" "),
-        children: tabs.map((tab) => /* @__PURE__ */ jsx(NavTabButton, { tab, Link, size }, tab.key))
+        children: tabs.map((tab) => {
+          const BrandIcon = iconStrip ? resolveTabGlyph(brandIconNames[tab.key]) : null;
+          return /* @__PURE__ */ jsx(
+            NavTabButton,
+            {
+              tab: BrandIcon ? { ...tab, icon: BrandIcon } : tab,
+              Link,
+              size
+            },
+            tab.key
+          );
+        })
       }
     ),
     children !== void 0 ? /* @__PURE__ */ jsx("div", { className: "pt-5", children }) : null
@@ -1975,5 +2026,5 @@ function NavAppShell({
 }
 
 export { BETA_BANNER_DISMISS_KEY, BreadcrumbBar, CAMPAIGN_FEATURE_AVAILABILITY, NavAppShell, NavBetaBanner, NavSidebar, NavTabStrip, NavTopBar, PageHeader, clearBetaBannerDismissal, envChipClasses, isNavItemActive, modeIdFromLabel, shortEnvLabel, shortUserName, standardNavIcons, standardPolitogyNav };
-//# sourceMappingURL=chunk-WDVQBUWF.js.map
-//# sourceMappingURL=chunk-WDVQBUWF.js.map
+//# sourceMappingURL=chunk-EN5ANFMB.js.map
+//# sourceMappingURL=chunk-EN5ANFMB.js.map