@the-portland-company/shell 0.96.2 → 0.97.1

package/dist/{chunk-537NZZVP.js → chunk-XPTC47TY.js}

@@ -4,7 +4,7 @@ import { createContext, useState, useRef, useCallback, useEffect, useLayoutEffec
 import { createPortal } from 'react-dom';
 import clsx2 from 'clsx';
 import { FiUser, FiSettings, FiMessageSquare, FiMail, FiInfo, FiSun, FiMoon, FiHelpCircle, FiLifeBuoy, FiAlertCircle, FiAlertTriangle, FiBell, FiGrid, FiZap, FiBatteryCharging, FiBattery } from 'react-icons/fi';
-import { LuGitBranch, LuWorkflow, LuNetwork, LuHandshake, LuBriefcase, LuAward, LuBadgeCheck, LuSignpost, LuDoorOpen, LuTriangleAlert, LuInfo, LuCircleHelp, LuTrash2, LuArchive, LuRocket, LuZap, LuWrench, LuKanban, LuNewspaper, LuLandmark, LuVote, LuKey, LuLock, LuEye, LuPrinter, LuMic, LuVideo, LuImage, LuLink, LuGlobe, LuSearch, LuFilter, LuTag, LuHandHeart, LuHeart, LuStar, LuHouse, LuBell, LuMailOpen, LuMail, LuDollarSign, LuReceipt, LuWallet, LuCreditCard, LuPalette, LuBuilding2, LuShare2, LuInbox, LuSlidersHorizontal, LuSettings, LuFlaskConical, LuTarget, LuSparkles, LuPencil, LuSmartphone, LuHistory, LuRefreshCw, LuRotateCcw, LuCircleCheck, LuSquareCheck, LuVoicemail, LuRadio, LuNotebookPen, LuBookOpen, LuPhoneCall, LuPhone, LuShieldCheck, LuShield, LuMegaphone, LuTrendingUp, LuListTodo, LuListOrdered, LuListChecks, LuList, LuFolderLock, LuFolder, LuFiles, LuFile, LuFileText, LuSplit, LuGauge, LuSend, LuMessageCircle, LuMessageSquare, LuMessagesSquare, LuBot, LuRoute, LuScale, LuLayers, LuCalendar, LuClock, LuTimer, LuClipboardCheck, LuClipboardList, LuBrain, LuFootprints, LuMapPin, LuMap, LuCrosshair, LuLightbulb, LuChartNoAxesCombined, LuChartArea, LuChartBar, LuChartLine, LuChartColumn, LuChartPie, LuTable2, LuActivity, LuFlagTriangleRight, LuFlag, LuLibrary, LuCopy, LuDownload, LuUpload, LuSquareUser, LuUserCheck, LuUserPlus, LuUser, LuUsersRound, LuUsers, LuLayoutTemplate, LuLayoutGrid, LuLayoutList, LuLayoutDashboard } from 'react-icons/lu';
+import { LuGitBranch, LuWorkflow, LuNetwork, LuHandshake, LuBriefcase, LuAward, LuBadgeCheck, LuSignpost, LuDoorOpen, LuTriangleAlert, LuInfo, LuCircleHelp, LuTrash2, LuArchive, LuRocket, LuZap, LuWrench, LuKanban, LuNewspaper, LuLandmark, LuVote, LuKey, LuLock, LuEye, LuPrinter, LuMic, LuVideo, LuImage, LuLink, LuGlobe, LuSearch, LuFilter, LuTag, LuHandHeart, LuHeart, LuStar, LuHouse, LuBell, LuMailOpen, LuMail, LuDollarSign, LuReceipt, LuWallet, LuCreditCard, LuPalette, LuBuilding2, LuShare2, LuInbox, LuSlidersHorizontal, LuSettings, LuFlaskConical, LuTarget, LuSparkles, LuPencil, LuSmartphone, LuHistory, LuRefreshCw, LuRotateCcw, LuCircleCheck, LuSquareCheck, LuVoicemail, LuRadio, LuNotebookPen, LuBookOpen, LuPhoneCall, LuPhone, LuShieldCheck, LuShield, LuMegaphone, LuTrendingUp, LuListTodo, LuListOrdered, LuListChecks, LuList, LuFolderLock, LuFolder, LuFiles, LuFile, LuFileText, LuSplit, LuGauge, LuSend, LuMessageCircle, LuMessageSquare, LuMessagesSquare, LuBot, LuRoute, LuScale, LuLayers, LuCalendar, LuClock, LuTimer, LuClipboardCheck, LuClipboardList, LuBrain, LuFootprints, LuMapPin, LuMap, LuCrosshair, LuLightbulb, LuChartNoAxesCombined, LuChartArea, LuChartBar, LuChartLine, LuChartColumn, LuChartPie, LuTable2, LuActivity, LuFlagTriangleRight, LuFlag, LuLibrary, LuCopy, LuDownload, LuUpload, LuSquareUser, LuUserCheck, LuUserPlus, LuUser, LuUsersRound, LuUsers, LuLayoutTemplate, LuLayoutGrid, LuLayoutList, LuLayoutDashboard, LuCircleUser } from 'react-icons/lu';
 
 function Card({
   title,
@@ -609,19 +609,26 @@ function TopBarCountBadge({ count }) {
 }
 function TopBarTooltip({
   title,
-  description
+  description,
+  align = "center"
 }) {
+  const bodyPosition = align === "end" ? "right-0" : "left-1/2 -translate-x-1/2";
+  const arrowPosition = align === "end" ? "" : "left-1/2 -translate-x-1/2";
+  const arrowStyle = align === "end" ? { right: "calc(var(--topbar-icon-button-size, 34px) / 2 - 5px)" } : void 0;
   return /* @__PURE__ */ jsxs(
     "span",
     {
       role: "tooltip",
-      className: "pointer-events-none absolute left-1/2 top-full z-50 mt-2 hidden w-max max-w-56 -translate-x-1/2 flex-col rounded-lg border border-[color:var(--app-btn-tooltip-bg,#2F3136)] bg-[color:var(--app-btn-tooltip-bg,#2F3136)] px-3 py-2 text-left shadow-[var(--shadow-soft)] group-hover/tbtip:flex group-focus-visible/tbtip:flex",
+      "data-tooltip-align": align,
+      className: `pointer-events-none absolute ${bodyPosition} top-full z-50 mt-2 hidden w-max max-w-56 flex-col rounded-lg border border-[color:var(--app-btn-tooltip-bg,#2F3136)] bg-[color:var(--app-btn-tooltip-bg,#2F3136)] px-3 py-2 text-left shadow-[var(--shadow-soft)] group-hover/tbtip:flex group-focus-visible/tbtip:flex`,
       children: [
         /* @__PURE__ */ jsx(
           "span",
           {
             "aria-hidden": true,
-            className: "absolute -top-[5px] left-1/2 h-2.5 w-2.5 -translate-x-1/2 rotate-45 border-l border-t border-[color:var(--app-btn-tooltip-bg,#2F3136)] bg-[color:var(--app-btn-tooltip-bg,#2F3136)]"
+            "data-tooltip-arrow": true,
+            style: arrowStyle,
+            className: `absolute -top-[5px] ${arrowPosition} h-2.5 w-2.5 rotate-45 border-l border-t border-[color:var(--app-btn-tooltip-bg,#2F3136)] bg-[color:var(--app-btn-tooltip-bg,#2F3136)]`
           }
         ),
         /* @__PURE__ */ jsx("span", { className: "text-xs font-semibold text-[color:var(--app-btn-tooltip-fg,#FFFFFF)]", children: title }),
@@ -2291,6 +2298,34 @@ function useThemePreference() {
   );
   return { value, setValue };
 }
+function TopBarLinkAction({ label, description, href, icon: Icon }) {
+  return /* @__PURE__ */ jsxs("a", { href, "aria-label": label, className: topBarIconButtonClass(), children: [
+    /* @__PURE__ */ jsx(Icon, { size: TOPBAR_GLYPH_SIZE, className: "text-current" }),
+    /* @__PURE__ */ jsx(TopBarTooltip, { title: label, description, align: "end" })
+  ] });
+}
+function OrganizationSettingsAction({ href }) {
+  return /* @__PURE__ */ jsx(
+    TopBarLinkAction,
+    {
+      label: "Organization settings",
+      description: "Users, Brand Kit, modes and billing for this organization.",
+      href,
+      icon: LuSettings
+    }
+  );
+}
+function MyProfileAction({ href }) {
+  return /* @__PURE__ */ jsx(
+    TopBarLinkAction,
+    {
+      label: "My profile",
+      description: "Your photo, organizations, security and notifications.",
+      href,
+      icon: LuCircleUser
+    }
+  );
+}
 function HeaderTabBar({
   items,
   activeId,
@@ -2698,6 +2733,6 @@ function BreadcrumbBarView({
   );
 }
 
-export { AI_CREDITS_STATE_TITLES, AiCreditsState, BreadcrumbBarView, CORE_APP_ORIGIN, CORE_BILLING_PATH, CREDIT_TYPE_LABELS, CREDIT_TYPE_ORDER, Card, CreditsAction, FormColumn, FuelAction, HeaderTabBar, KNOWN_TAB_GLYPHS, NAV_DISPLAY_OPTIONS, NavChromeProvider, NavDisplayAction, NavThemeControl, NotificationsAction, PageHeaderView, RowMenu, RowMenuItem, SPECS_ORIGIN, SpecOverlayAction, SpeculationRulesScript, SupportAction, TOPBAR_GLYPH_SIZE, TopBarCountBadge, TopBarPanelArrow, TopBarPopover, TopBarTooltip, TopBarWidgetSlot, aiCreditsWalletUrl, buildNavSpeculationRules, buildSpeculationRules, collectSiblingAppUrls, createCommsNotificationsAdapter, creditGaugeRatio, creditStateWord, creditTooltipLine, creditsAriaLabel, creditsIconState, emptyNotificationsFeed, normalizeNotificationsFeed, resolveBrandGlyph, resolveOrgLogoUrl, resolveTabGlyph, rowMenuPosition, topBarIconButtonClass, useChromeMe, useChromeOrgs, useNavChromeDedupedFetch, useNavChromeFetcher, useThemePreference, useTopBarIconSlotGlyph, warnDeprecated };
-//# sourceMappingURL=chunk-537NZZVP.js.map
-//# sourceMappingURL=chunk-537NZZVP.js.map
+export { AI_CREDITS_STATE_TITLES, AiCreditsState, BreadcrumbBarView, CORE_APP_ORIGIN, CORE_BILLING_PATH, CREDIT_TYPE_LABELS, CREDIT_TYPE_ORDER, Card, CreditsAction, FormColumn, FuelAction, HeaderTabBar, KNOWN_TAB_GLYPHS, MyProfileAction, NAV_DISPLAY_OPTIONS, NavChromeProvider, NavDisplayAction, NavThemeControl, NotificationsAction, OrganizationSettingsAction, PageHeaderView, RowMenu, RowMenuItem, SPECS_ORIGIN, SpecOverlayAction, SpeculationRulesScript, SupportAction, TOPBAR_GLYPH_SIZE, TopBarCountBadge, TopBarLinkAction, TopBarPanelArrow, TopBarPopover, TopBarTooltip, TopBarWidgetSlot, aiCreditsWalletUrl, buildNavSpeculationRules, buildSpeculationRules, collectSiblingAppUrls, createCommsNotificationsAdapter, creditGaugeRatio, creditStateWord, creditTooltipLine, creditsAriaLabel, creditsIconState, emptyNotificationsFeed, normalizeNotificationsFeed, resolveBrandGlyph, resolveOrgLogoUrl, resolveTabGlyph, rowMenuPosition, topBarIconButtonClass, useChromeMe, useChromeOrgs, useNavChromeDedupedFetch, useNavChromeFetcher, useThemePreference, useTopBarIconSlotGlyph, warnDeprecated };
+//# sourceMappingURL=chunk-XPTC47TY.js.map
+//# sourceMappingURL=chunk-XPTC47TY.js.map