@the-portland-company/shell 0.92.0 → 0.93.0

package/dist/index.d.cts

@@ -1,5 +1,5 @@
-import { P as PageHeaderProps, B as BreadcrumbBarProps, N as NavItem } from './index-Cg5aEImm.cjs';
-export { C as Card, a as CommsNotification, b as CommsNotificationKind, F as FormColumn, H as HeaderTabBar, c as HeaderTabBarItem, d as NotificationsAdapter, e as NotificationsFeed, f as createCommsNotificationsAdapter, g as emptyNotificationsFeed, n as normalizeNotificationsFeed } from './index-Cg5aEImm.cjs';
+import { P as PageHeaderProps, B as BreadcrumbBarProps, N as NavItem } from './index-BAFJZuRA.cjs';
+export { C as Card, a as CommsNotification, b as CommsNotificationKind, F as FormColumn, H as HeaderTabBar, c as HeaderTabBarItem, K as KNOWN_TAB_GLYPHS, d as NotificationsAdapter, e as NotificationsFeed, T as TabGlyphComponent, f as createCommsNotificationsAdapter, g as emptyNotificationsFeed, n as normalizeNotificationsFeed, r as resolveTabGlyph } from './index-BAFJZuRA.cjs';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import { ReactNode, CSSProperties } from 'react';

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import { P as PageHeaderProps, B as BreadcrumbBarProps, N as NavItem } from './index-DG32i0jC.js';
-export { C as Card, a as CommsNotification, b as CommsNotificationKind, F as FormColumn, H as HeaderTabBar, c as HeaderTabBarItem, d as NotificationsAdapter, e as NotificationsFeed, f as createCommsNotificationsAdapter, g as emptyNotificationsFeed, n as normalizeNotificationsFeed } from './index-DG32i0jC.js';
+import { P as PageHeaderProps, B as BreadcrumbBarProps, N as NavItem } from './index-DoSs3sQY.js';
+export { C as Card, a as CommsNotification, b as CommsNotificationKind, F as FormColumn, H as HeaderTabBar, c as HeaderTabBarItem, K as KNOWN_TAB_GLYPHS, d as NotificationsAdapter, e as NotificationsFeed, T as TabGlyphComponent, f as createCommsNotificationsAdapter, g as emptyNotificationsFeed, n as normalizeNotificationsFeed, r as resolveTabGlyph } from './index-DoSs3sQY.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import { ReactNode, CSSProperties } from 'react';

package/dist/index.js

@@ -1,5 +1,5 @@
-import { PageHeaderView, warnDeprecated, BreadcrumbBarView } from './chunk-ZS7MQXDQ.js';
-export { Card, FormColumn, HeaderTabBar, SpeculationRulesScript, buildNavSpeculationRules, buildSpeculationRules, collectSiblingAppUrls, createCommsNotificationsAdapter, emptyNotificationsFeed, normalizeNotificationsFeed } from './chunk-ZS7MQXDQ.js';
+import { PageHeaderView, warnDeprecated, BreadcrumbBarView } from './chunk-Y66PVCZO.js';
+export { Card, FormColumn, HeaderTabBar, KNOWN_TAB_GLYPHS, SpeculationRulesScript, buildNavSpeculationRules, buildSpeculationRules, collectSiblingAppUrls, createCommsNotificationsAdapter, emptyNotificationsFeed, normalizeNotificationsFeed, resolveTabGlyph } from './chunk-Y66PVCZO.js';
 import { readResolvedTheme } from './chunk-BHRVZPZ7.js';
 import { extendTheme, ChakraProvider, useColorMode } from '@chakra-ui/react';
 import { jsx, jsxs } from 'react/jsx-runtime';

package/dist/native.cjs

@@ -4,9 +4,9 @@
 var react = require('react');
 var clsx4 = require('clsx');
 var fi = require('react-icons/fi');
+var lu = require('react-icons/lu');
 var reactDom = require('react-dom');
 var jsxRuntime = require('react/jsx-runtime');
-var lu = require('react-icons/lu');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -59,6 +59,173 @@ function resolveBrandGlyph(name) {
   if (!name) return null;
   return GLYPHS[name.trim().toLowerCase()] ?? null;
 }
+var TAB_GLYPHS = {
+  "layout-dashboard": lu.LuLayoutDashboard,
+  "layout-list": lu.LuLayoutList,
+  "layout-grid": lu.LuLayoutGrid,
+  "layout-template": lu.LuLayoutTemplate,
+  "users": lu.LuUsers,
+  "users-round": lu.LuUsersRound,
+  "user": lu.LuUser,
+  "user-plus": lu.LuUserPlus,
+  "user-check": lu.LuUserCheck,
+  "square-user": lu.LuSquareUser,
+  "upload": lu.LuUpload,
+  "download": lu.LuDownload,
+  "copy": lu.LuCopy,
+  "library": lu.LuLibrary,
+  "flag": lu.LuFlag,
+  "flag-triangle-right": lu.LuFlagTriangleRight,
+  "activity": lu.LuActivity,
+  "table-2": lu.LuTable2,
+  "chart-pie": lu.LuChartPie,
+  "chart-column": lu.LuChartColumn,
+  "chart-line": lu.LuChartLine,
+  "chart-bar": lu.LuChartBar,
+  "chart-area": lu.LuChartArea,
+  "chart-no-axes-combined": lu.LuChartNoAxesCombined,
+  "lightbulb": lu.LuLightbulb,
+  "crosshair": lu.LuCrosshair,
+  "map": lu.LuMap,
+  "map-pin": lu.LuMapPin,
+  "footprints": lu.LuFootprints,
+  "brain": lu.LuBrain,
+  "clipboard-list": lu.LuClipboardList,
+  "clipboard-check": lu.LuClipboardCheck,
+  "timer": lu.LuTimer,
+  "clock": lu.LuClock,
+  "calendar": lu.LuCalendar,
+  "layers": lu.LuLayers,
+  "scale": lu.LuScale,
+  "route": lu.LuRoute,
+  "bot": lu.LuBot,
+  "messages-square": lu.LuMessagesSquare,
+  "message-square": lu.LuMessageSquare,
+  "message-circle": lu.LuMessageCircle,
+  "send": lu.LuSend,
+  "gauge": lu.LuGauge,
+  "split": lu.LuSplit,
+  "file-text": lu.LuFileText,
+  "file": lu.LuFile,
+  "files": lu.LuFiles,
+  "folder": lu.LuFolder,
+  "folder-lock": lu.LuFolderLock,
+  "list": lu.LuList,
+  "list-checks": lu.LuListChecks,
+  "list-ordered": lu.LuListOrdered,
+  "list-todo": lu.LuListTodo,
+  "trending-up": lu.LuTrendingUp,
+  "megaphone": lu.LuMegaphone,
+  "shield": lu.LuShield,
+  "shield-check": lu.LuShieldCheck,
+  "phone": lu.LuPhone,
+  "phone-call": lu.LuPhoneCall,
+  "book-open": lu.LuBookOpen,
+  "notebook-pen": lu.LuNotebookPen,
+  "radio": lu.LuRadio,
+  "voicemail": lu.LuVoicemail,
+  "square-check": lu.LuSquareCheck,
+  "circle-check": lu.LuCircleCheck,
+  "rotate-ccw": lu.LuRotateCcw,
+  "refresh-cw": lu.LuRefreshCw,
+  "history": lu.LuHistory,
+  "smartphone": lu.LuSmartphone,
+  "pencil": lu.LuPencil,
+  "sparkles": lu.LuSparkles,
+  "target": lu.LuTarget,
+  "flask-conical": lu.LuFlaskConical,
+  "settings": lu.LuSettings,
+  "sliders-horizontal": lu.LuSlidersHorizontal,
+  "inbox": lu.LuInbox,
+  "share-2": lu.LuShare2,
+  "building-2": lu.LuBuilding2,
+  "palette": lu.LuPalette,
+  "credit-card": lu.LuCreditCard,
+  "wallet": lu.LuWallet,
+  "receipt": lu.LuReceipt,
+  "dollar-sign": lu.LuDollarSign,
+  "mail": lu.LuMail,
+  "mail-open": lu.LuMailOpen,
+  "bell": lu.LuBell,
+  "house": lu.LuHouse,
+  "star": lu.LuStar,
+  "heart": lu.LuHeart,
+  "hand-heart": lu.LuHandHeart,
+  "tag": lu.LuTag,
+  "filter": lu.LuFilter,
+  "search": lu.LuSearch,
+  "globe": lu.LuGlobe,
+  "link": lu.LuLink,
+  "image": lu.LuImage,
+  "video": lu.LuVideo,
+  "mic": lu.LuMic,
+  "printer": lu.LuPrinter,
+  "eye": lu.LuEye,
+  "lock": lu.LuLock,
+  "key": lu.LuKey,
+  "vote": lu.LuVote,
+  "landmark": lu.LuLandmark,
+  "newspaper": lu.LuNewspaper,
+  "kanban": lu.LuKanban,
+  "wrench": lu.LuWrench,
+  "zap": lu.LuZap,
+  "rocket": lu.LuRocket,
+  "archive": lu.LuArchive,
+  "trash-2": lu.LuTrash2,
+  "circle-help": lu.LuCircleHelp,
+  "info": lu.LuInfo,
+  "triangle-alert": lu.LuTriangleAlert,
+  "door-open": lu.LuDoorOpen,
+  "signpost": lu.LuSignpost,
+  "badge-check": lu.LuBadgeCheck,
+  "award": lu.LuAward,
+  "briefcase": lu.LuBriefcase,
+  "handshake": lu.LuHandshake,
+  "network": lu.LuNetwork,
+  "workflow": lu.LuWorkflow,
+  "git-branch": lu.LuGitBranch
+};
+function resolveTabGlyph(name) {
+  if (!name) return null;
+  const key = name.trim().replace(/^['"]|['"]$/g, "").trim().toLowerCase();
+  if (!key) return null;
+  return Object.prototype.hasOwnProperty.call(TAB_GLYPHS, key) ? TAB_GLYPHS[key] : null;
+}
+var KNOWN_TAB_GLYPHS = Object.freeze(Object.keys(TAB_GLYPHS));
+function tabIconVarName(strip, tabKey) {
+  return `--tab-icon-${strip}-${tabKey}`;
+}
+var EMPTY = Object.freeze({});
+function useTabIconStripGlyphs(strip, tabKeys) {
+  const [names, setNames] = react.useState(EMPTY);
+  const keysSig = tabKeys.join("\0");
+  react.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/lib/deprecation.ts
 var warned = /* @__PURE__ */ new Set();
@@ -4146,9 +4313,14 @@ function NavTabStrip({
   linkComponent,
   size = "md",
   className,
+  iconStrip,
   children
 }) {
   const Link = linkComponent ?? DefaultLink;
+  const brandIconNames = useTabIconStripGlyphs(
+    iconStrip,
+    tabs.map((tab) => tab.key)
+  );
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       "div",
@@ -4162,7 +4334,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__ */ jsxRuntime.jsx(NavTabButton, { tab, Link, size }, tab.key))
+        children: tabs.map((tab) => {
+          const BrandIcon = iconStrip ? resolveTabGlyph(brandIconNames[tab.key]) : null;
+          return /* @__PURE__ */ jsxRuntime.jsx(
+            NavTabButton,
+            {
+              tab: BrandIcon ? { ...tab, icon: BrandIcon } : tab,
+              Link,
+              size
+            },
+            tab.key
+          );
+        })
       }
     ),
     children !== void 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pt-5", children }) : null
@@ -4375,6 +4558,7 @@ exports.CreditsAction = CreditsAction;
 exports.FormColumn = FormColumn;
 exports.FuelAction = FuelAction;
 exports.HeaderTabBar = HeaderTabBar;
+exports.KNOWN_TAB_GLYPHS = KNOWN_TAB_GLYPHS;
 exports.NavAppShell = NavAppShell;
 exports.NavBetaBanner = NavBetaBanner;
 exports.NavChromeProvider = NavChromeProvider;
@@ -4403,6 +4587,7 @@ exports.envChipClasses = envChipClasses;
 exports.isNavItemActive = isNavItemActive;
 exports.modeIdFromLabel = modeIdFromLabel;
 exports.resolveOrgLogoUrl = resolveOrgLogoUrl;
+exports.resolveTabGlyph = resolveTabGlyph;
 exports.shortEnvLabel = shortEnvLabel;
 exports.shortUserName = shortUserName;
 exports.standardPolitogyNav = standardPolitogyNav;