@flamingo-stack/openframe-frontend-core 0.0.838 → 0.0.840

package/dist/components/navigation/account-popover.js

@@ -1,9 +1,11 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useControllableState } from "@radix-ui/react-use-controllable-state";
+import { useClippedLabelTooltip } from "../../hooks/ui/use-clipped-label-tooltip.js";
 import { cn } from "../../utils/index.js";
 import { Chevron02DownIcon } from "../icons-v2-generated/index.js";
 import { ActionsMenuDropdown } from "../ui/actions-menu.js";
+import { FloatingTooltip } from "../ui/floating-tooltip.js";
 import { SquareAvatar } from "../ui/square-avatar.js";
 import { UnreadCountBadge, UnreadDot } from "./unread-dot.js";
 function toMenuGroups(entries) {
@@ -59,6 +61,8 @@ function AccountPopover({
   className
 }) {
   const unread = items.some((entry) => entry.type !== "divider" && (entry.count ?? 0) > 0);
+  const { ref: nameRef, enabled: nameTooltip } = useClippedLabelTooltip(name);
+  const { ref: subtitleRef, enabled: subtitleTooltip } = useClippedLabelTooltip(subtitle);
   const [open = false, setOpen] = useControllableState({
     prop: openProp,
     defaultProp: false,
@@ -113,7 +117,17 @@ function AccountPopover({
                 "aria-hidden": collapsed || void 0,
                 children: [
                   /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 items-center gap-[var(--spacing-system-xxs)]", children: [
-                    /* @__PURE__ */ jsx("span", { className: "truncate text-ods-text-primary text-h4", children: name }),
+                    /* @__PURE__ */ jsx(
+                      FloatingTooltip,
+                      {
+                        content: name,
+                        side: "top",
+                        as: "span",
+                        disabled: collapsed || !nameTooltip,
+                        triggerClassName: "min-w-0",
+                        children: /* @__PURE__ */ jsx("span", { ref: nameRef, className: "block truncate text-ods-text-primary text-h4", children: name })
+                      }
+                    ),
                     /* @__PURE__ */ jsx(
                       Chevron02DownIcon,
                       {
@@ -123,7 +137,17 @@ function AccountPopover({
                       }
                     )
                   ] }),
-                  subtitle && /* @__PURE__ */ jsx("span", { className: "truncate text-ods-text-secondary text-code", children: subtitle })
+                  subtitle && /* @__PURE__ */ jsx(
+                    FloatingTooltip,
+                    {
+                      content: subtitle,
+                      side: "top",
+                      as: "span",
+                      disabled: collapsed || !subtitleTooltip,
+                      triggerClassName: "min-w-0",
+                      children: /* @__PURE__ */ jsx("span", { ref: subtitleRef, className: "block truncate text-ods-text-secondary text-code", children: subtitle })
+                    }
+                  )
                 ]
               }
             )

package/dist/components/navigation/app-layout-side-panel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"app-layout-side-panel.d.ts","sourceRoot":"","sources":["../../../src/components/navigation/app-layout-side-panel.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGL,KAAK,SAAS,EAMf,MAAM,OAAO,CAAC;AAMf;;;;;;;GAOG;AACH,MAAM,MAAM,sBAAsB,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,CAAC;AAE9E,MAAM,WAAW,6BAA6B;IAC5C,+CAA+C;IAC/C,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,sBAAsB,CAAC;IAC7B;;;OAGG;IACH,QAAQ,EAAE,OAAO,CAAC;IAClB,4DAA4D;IAC5D,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB;;;;OAIG;IACH,WAAW,EAAE,QAAQ,GAAG,SAAS,GAAG,IAAI,CAAC;IACzC,yDAAyD;IACzD,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,oEAAoE;IACpE,SAAS,EAAE,OAAO,CAAC;IACnB,sFAAsF;IACtF,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AAED,MAAM,WAAW,wBAAwB;IACvC,6DAA6D;IAC7D,QAAQ,EAAE,CAAC,KAAK,EAAE,6BAA6B,KAAK,SAAS,CAAC;IAC9D,+DAA+D;IAC/D,QAAQ,EAAE,MAAM,CAAC;IACjB;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,8EAA8E;IAC9E,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,qFAAqF;IACrF,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,iEAAiE;IACjE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,2DAA2D;IAC3D,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC;AAED,oEAAoE;AACpE,eAAO,MAAM,gBAAgB,KAAK,CAAC;AACnC;;;GAGG;AACH,eAAO,MAAM,sBAAsB,IAAI,CAAC;AAOxC,MAAM,WAAW,aAAa;IAC5B,mCAAmC;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,wEAAwE;IACxE,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,oBAAoB;IACnC,iFAAiF;IACjF,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,qEAAqE;IACrE,MAAM,EAAE,OAAO,CAAC;IAChB,IAAI,EAAE,aAAa,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,eAAe,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,sBAAsB,CAAC;IAC7B,wCAAwC;IACxC,KAAK,EAAE,MAAM,CAAC;IACd,4CAA4C;IAC5C,OAAO,EAAE,OAAO,CAAC;IACjB,gEAAgE;IAChE,cAAc,EAAE,MAAM,CAAC;IACvB,8EAA8E;IAC9E,WAAW,EAAE,MAAM,CAAC;CACrB;AAED;;;;;GAKG;AACH,wBAAgB,sBAAsB,CAAC,EACrC,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,IAAI,EACJ,QAAQ,EACR,eAAe,GAChB,EAAE,oBAAoB,GAAG,eAAe,CAkBxC;AA6DD;;;;;GAKG;AACH,MAAM,MAAM,cAAc,GAAG,QAAQ,GAAG,UAAU,GAAG,QAAQ,CAAC;AAE9D,MAAM,WAAW,uBAAwB,SAAQ,eAAe;IAC9D,QAAQ,EAAE,MAAM,CAAC;IACjB,mDAAmD;IACnD,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,EAAE,cAAc,GAAG,IAAI,CAAC;IAC7B;;;OAGG;IACH,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,oEAAoE;IACpE,aAAa,EAAE,OAAO,CAAC;IACvB,uEAAuE;IACvE,eAAe,EAAE,OAAO,CAAC;IACzB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,EAAE,6BAA6B,CAAC,aAAa,CAAC,CAAC;IAC1D,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B;;;OAGG;IACH,IAAI,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7B;;;OAGG;IACH,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACjC;AAED;;;GAGG;AACH,wBAAgB,qBAAqB,CACnC,MAAM,EAAE,wBAAwB,GAAG,SAAS,EAC5C,GAAG,EAAE,WAAW,GAAG,IAAI,GACtB,uBAAuB,GAAG,IAAI,CAuJhC;AAmHD,UAAU,uBAAuB;IAC/B,MAAM,EAAE,wBAAwB,CAAC;IACjC,KAAK,EAAE,uBAAuB,CAAC;CAChC;AAED,wBAAgB,kBAAkB,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,uBAAuB,sCAiF5E"}
+{"version":3,"file":"app-layout-side-panel.d.ts","sourceRoot":"","sources":["../../../src/components/navigation/app-layout-side-panel.tsx"],"names":[],"mappings":"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"}

package/dist/components/navigation/app-layout-side-panel.js

@@ -10,7 +10,7 @@ import {
 import { useIsomorphicLayoutEffect } from "../../hooks/ui/use-isomorphic-layout-effect.js";
 import { breakpoints, useMediaQuery } from "../../hooks/ui/use-media-query.js";
 import { cn } from "../../utils/cn.js";
-import { Menu01Icon } from "../icons-v2-generated/index.js";
+import { PanelResizeGrip } from "../ui/panel-resize-handle.js";
 const SIDE_PANEL_INSET = 16;
 const SIDE_PANEL_FRAME_WIDTH = 2;
 const MOBILE_QUERY = `not all and ${breakpoints.md}`;
@@ -288,14 +288,7 @@ function SidePanelResizeHandle({ state, label, controls }) {
       onPointerCancel: endDrag,
       onKeyDown: handleKeyDown,
       className: "group absolute inset-y-0 left-0 z-10 flex w-4 -translate-x-1/2 cursor-col-resize touch-none select-none items-center justify-center outline-none",
-      children: /* @__PURE__ */ jsx(
-        "span",
-        {
-          "aria-hidden": true,
-          className: "flex h-8 w-4 items-center justify-center rounded-sm border border-ods-border bg-ods-card text-ods-text-secondary transition-colors group-hover:border-ods-border-hover group-focus-visible:border-ods-accent group-focus-visible:text-ods-accent",
-          children: /* @__PURE__ */ jsx(Menu01Icon, { size: 12 })
-        }
-      )
+      children: /* @__PURE__ */ jsx(PanelResizeGrip, {})
     }
   );
 }

package/dist/components/navigation/index.cjs

@@ -33,15 +33,15 @@
 
 
 
-var _chunkJI34QKPJcjs = require('../../chunk-JI34QKPJ.cjs');
+var _chunkHXTZZE3Rcjs = require('../../chunk-HXTZZE3R.cjs');
 
 
 
 
 
 
-var _chunk64PF3UC7cjs = require('../../chunk-64PF3UC7.cjs');
-require('../../chunk-ENK75WN4.cjs');
+var _chunkINBFKUZAcjs = require('../../chunk-INBFKUZA.cjs');
+require('../../chunk-ZAO5SYBJ.cjs');
 
 
 
@@ -55,30 +55,30 @@ require('../../chunk-ENK75WN4.cjs');
 
 
 
-var _chunkB4THEQOWcjs = require('../../chunk-B4THEQOW.cjs');
-require('../../chunk-FNNDGOR3.cjs');
-require('../../chunk-SWMUW3RR.cjs');
-require('../../chunk-TRZEFT2N.cjs');
+var _chunkDYDQLS2Rcjs = require('../../chunk-DYDQLS2R.cjs');
+require('../../chunk-WCK5T3UD.cjs');
+require('../../chunk-744JXTDP.cjs');
+require('../../chunk-WI7EXAZT.cjs');
 require('../../chunk-HQQE74RO.cjs');
 require('../../chunk-DEY6XXGO.cjs');
-require('../../chunk-LWMWY3JO.cjs');
-require('../../chunk-APOMNC7H.cjs');
+require('../../chunk-E7M54JWW.cjs');
+require('../../chunk-IUDBG3HJ.cjs');
 require('../../chunk-24I6RFVU.cjs');
 require('../../chunk-MZ4KBSH7.cjs');
 require('../../chunk-5SZ4ILU3.cjs');
 
 
 
-var _chunk5E4YEHHOcjs = require('../../chunk-5E4YEHHO.cjs');
+var _chunkDGY5KEPYcjs = require('../../chunk-DGY5KEPY.cjs');
 
 
 var _chunkOT6P57ZScjs = require('../../chunk-OT6P57ZS.cjs');
 
 
 
-var _chunkZ7A7IZWLcjs = require('../../chunk-Z7A7IZWL.cjs');
-require('../../chunk-4JHO2NVI.cjs');
-require('../../chunk-5L3UKDC6.cjs');
+var _chunkEV6BPF47cjs = require('../../chunk-EV6BPF47.cjs');
+require('../../chunk-J2IXYCEH.cjs');
+require('../../chunk-6LDL3UZE.cjs');
 require('../../chunk-YJZ7R3W5.cjs');
 require('../../chunk-6CZVQ72C.cjs');
 require('../../chunk-46547WQW.cjs');
@@ -1871,8 +1871,8 @@ require('../../chunk-TMVC7S2R.cjs');
 require('../../chunk-IYHH5EIO.cjs');
 require('../../chunk-XIBCMGBW.cjs');
 require('../../chunk-HLJXCOMA.cjs');
-require('../../chunk-ZABZIM2Y.cjs');
-require('../../chunk-7Z536SPR.cjs');
+require('../../chunk-FRL2ZN4O.cjs');
+require('../../chunk-FW7RKWPY.cjs');
 require('../../chunk-BUEEQD3G.cjs');
 require('../../chunk-JKX2C3I2.cjs');
 require('../../chunk-WWUSFOJ7.cjs');
@@ -1880,10 +1880,10 @@ require('../../chunk-SKI6NKOE.cjs');
 require('../../chunk-EWPR7662.cjs');
 require('../../chunk-IX2E3AN7.cjs');
 require('../../chunk-7DNL734S.cjs');
-require('../../chunk-C4OQIYGW.cjs');
-require('../../chunk-H3WTYAVR.cjs');
-require('../../chunk-5BM7X4GA.cjs');
-require('../../chunk-GRHF5SWL.cjs');
+require('../../chunk-CCRXBFNL.cjs');
+require('../../chunk-RSJYTQEA.cjs');
+require('../../chunk-5GBLXY5F.cjs');
+require('../../chunk-NFNSPLGC.cjs');
 require('../../chunk-TD4CC4KV.cjs');
 require('../../chunk-JBTH3O2C.cjs');
 require('../../chunk-USUVHAQ7.cjs');
@@ -1895,8 +1895,8 @@ require('../../chunk-6VOOPMP5.cjs');
 require('../../chunk-ORO54HDF.cjs');
 require('../../chunk-RUHKTWGB.cjs');
 require('../../chunk-BLH2SFOO.cjs');
-require('../../chunk-MG3HJIGG.cjs');
-require('../../chunk-LC65AC6M.cjs');
+require('../../chunk-UAI4VMEF.cjs');
+require('../../chunk-COWMXUHN.cjs');
 require('../../chunk-YSDB6HGQ.cjs');
 require('../../chunk-APNONOHY.cjs');
 require('../../chunk-FX35L4Y6.cjs');
@@ -1971,4 +1971,4 @@ require('../../chunk-QDB2JO55.cjs');
 
 
 
-exports.ASK_AI_OPEN_EVENT = _chunkZ7A7IZWLcjs.ASK_AI_OPEN_EVENT; exports.ASK_AI_OPEN_WITH_REF_EVENT = _chunkZ7A7IZWLcjs.ASK_AI_OPEN_WITH_REF_EVENT; exports.AccountPopover = _chunkJI34QKPJcjs.AccountPopover; exports.AppHeader = _chunkJI34QKPJcjs.AppHeader; exports.AppLayout = _chunkJI34QKPJcjs.AppLayout; exports.AppLayoutDrawer = _chunkB4THEQOWcjs.AppLayoutDrawerRoot; exports.AppLayoutDrawerBody = _chunkB4THEQOWcjs.AppLayoutDrawerBody; exports.AppLayoutDrawerClose = _chunkB4THEQOWcjs.AppLayoutDrawerClose; exports.AppLayoutDrawerContent = _chunkB4THEQOWcjs.AppLayoutDrawerContent; exports.AppLayoutDrawerDescription = _chunkB4THEQOWcjs.AppLayoutDrawerDescription; exports.AppLayoutDrawerFooter = _chunkB4THEQOWcjs.AppLayoutDrawerFooter; exports.AppLayoutDrawerHeader = _chunkB4THEQOWcjs.AppLayoutDrawerHeader; exports.AppLayoutDrawerTitle = _chunkB4THEQOWcjs.AppLayoutDrawerTitle; exports.AppLayoutDrawerTrigger = _chunkB4THEQOWcjs.AppLayoutDrawerTrigger; exports.HeaderButton = _chunkB4THEQOWcjs.HeaderButton; exports.HeaderGlobalSearch = _chunkJI34QKPJcjs.HeaderGlobalSearch; exports.HeaderMingoButton = _chunkJI34QKPJcjs.HeaderMingoButton; exports.HeaderOrganizationFilter = _chunkJI34QKPJcjs.HeaderOrganizationFilter; exports.MOBILE_NAV_SHEET_ID = _chunkJI34QKPJcjs.MOBILE_NAV_SHEET_ID; exports.MingoAiButton = _chunk5E4YEHHOcjs.MingoAiButton; exports.MobileBurgerMenu = _chunkJI34QKPJcjs.MobileBurgerMenu; exports.MobileNavSheet = _chunkJI34QKPJcjs.MobileNavSheet; exports.MobileNavigationDropdown = _chunk64PF3UC7cjs.MobileNavigationDropdown; exports.MultiLevelNavigation = _chunk64PF3UC7cjs.MultiLevelNavigation; exports.NAVIGATION_SIDEBAR_WIDTH_VAR = _chunkJI34QKPJcjs.NAVIGATION_SIDEBAR_WIDTH_VAR; exports.NavItemRow = _chunkJI34QKPJcjs.NavItemRow; exports.NavPanel = _chunkJI34QKPJcjs.NavPanel; exports.NavigationItemBadge = _chunkJI34QKPJcjs.NavigationItemBadge; exports.NavigationSidebar = _chunkJI34QKPJcjs.NavigationSidebar; exports.NavigationSidebarActionRow = _chunkJI34QKPJcjs.NavigationSidebarActionRow; exports.NotificationsBellButton = _chunkJI34QKPJcjs.NotificationsBellButton; exports.PAGE_ANCHOR_GAP_PX = _chunkJI34QKPJcjs.PAGE_ANCHOR_GAP_PX; exports.PAGE_ANCHOR_SCOPE_CLASS = _chunkJI34QKPJcjs.PAGE_ANCHOR_SCOPE_CLASS; exports.PAGE_ANCHOR_SCROLL_MARGIN_CLASS = _chunkJI34QKPJcjs.PAGE_ANCHOR_SCROLL_MARGIN_CLASS; exports.PageSectionBar = _chunkJI34QKPJcjs.PageSectionBar; exports.SECTION_BAR_HEIGHT_PX = _chunkJI34QKPJcjs.SECTION_BAR_HEIGHT_PX; exports.SIDE_PANEL_FRAME_WIDTH = _chunkJI34QKPJcjs.SIDE_PANEL_FRAME_WIDTH; exports.SiteFooter = _chunkJI34QKPJcjs.SiteFooter; exports.SiteHeader = _chunkJI34QKPJcjs.SiteHeader; exports.SlidingSidebar = _chunkJI34QKPJcjs.SlidingSidebar; exports.StickySectionNav = _chunk64PF3UC7cjs.StickySectionNav; exports.TicketAlertsButton = _chunkJI34QKPJcjs.TicketAlertsButton; exports.TopNavigation = _chunkJI34QKPJcjs.TopNavigation; exports.UnreadCountBadge = _chunkB4THEQOWcjs.UnreadCountBadge; exports.UnreadDot = _chunkB4THEQOWcjs.UnreadDot; exports.defaultRenderSiteNavLink = _chunkJI34QKPJcjs.defaultRenderSiteNavLink; exports.isMegaMenu = _chunkJI34QKPJcjs.isMegaMenu; exports.navLinkLabel = _chunkJI34QKPJcjs.navLinkLabel; exports.openAskAi = _chunk5E4YEHHOcjs.openAskAi; exports.resolveNavigationActive = _chunkJI34QKPJcjs.resolveNavigationActive; exports.siteNavHasMobileMenus = _chunkJI34QKPJcjs.siteNavHasMobileMenus; exports.useAppLayoutDrawerContainer = _chunkOT6P57ZScjs.useAppLayoutDrawerContainer; exports.useScrollSpy = _chunk64PF3UC7cjs.useScrollSpy; exports.useSectionNavigation = _chunk64PF3UC7cjs.useSectionNavigation;
+exports.ASK_AI_OPEN_EVENT = _chunkEV6BPF47cjs.ASK_AI_OPEN_EVENT; exports.ASK_AI_OPEN_WITH_REF_EVENT = _chunkEV6BPF47cjs.ASK_AI_OPEN_WITH_REF_EVENT; exports.AccountPopover = _chunkHXTZZE3Rcjs.AccountPopover; exports.AppHeader = _chunkHXTZZE3Rcjs.AppHeader; exports.AppLayout = _chunkHXTZZE3Rcjs.AppLayout; exports.AppLayoutDrawer = _chunkDYDQLS2Rcjs.AppLayoutDrawerRoot; exports.AppLayoutDrawerBody = _chunkDYDQLS2Rcjs.AppLayoutDrawerBody; exports.AppLayoutDrawerClose = _chunkDYDQLS2Rcjs.AppLayoutDrawerClose; exports.AppLayoutDrawerContent = _chunkDYDQLS2Rcjs.AppLayoutDrawerContent; exports.AppLayoutDrawerDescription = _chunkDYDQLS2Rcjs.AppLayoutDrawerDescription; exports.AppLayoutDrawerFooter = _chunkDYDQLS2Rcjs.AppLayoutDrawerFooter; exports.AppLayoutDrawerHeader = _chunkDYDQLS2Rcjs.AppLayoutDrawerHeader; exports.AppLayoutDrawerTitle = _chunkDYDQLS2Rcjs.AppLayoutDrawerTitle; exports.AppLayoutDrawerTrigger = _chunkDYDQLS2Rcjs.AppLayoutDrawerTrigger; exports.HeaderButton = _chunkDYDQLS2Rcjs.HeaderButton; exports.HeaderGlobalSearch = _chunkHXTZZE3Rcjs.HeaderGlobalSearch; exports.HeaderMingoButton = _chunkHXTZZE3Rcjs.HeaderMingoButton; exports.HeaderOrganizationFilter = _chunkHXTZZE3Rcjs.HeaderOrganizationFilter; exports.MOBILE_NAV_SHEET_ID = _chunkHXTZZE3Rcjs.MOBILE_NAV_SHEET_ID; exports.MingoAiButton = _chunkDGY5KEPYcjs.MingoAiButton; exports.MobileBurgerMenu = _chunkHXTZZE3Rcjs.MobileBurgerMenu; exports.MobileNavSheet = _chunkHXTZZE3Rcjs.MobileNavSheet; exports.MobileNavigationDropdown = _chunkINBFKUZAcjs.MobileNavigationDropdown; exports.MultiLevelNavigation = _chunkINBFKUZAcjs.MultiLevelNavigation; exports.NAVIGATION_SIDEBAR_WIDTH_VAR = _chunkHXTZZE3Rcjs.NAVIGATION_SIDEBAR_WIDTH_VAR; exports.NavItemRow = _chunkHXTZZE3Rcjs.NavItemRow; exports.NavPanel = _chunkHXTZZE3Rcjs.NavPanel; exports.NavigationItemBadge = _chunkHXTZZE3Rcjs.NavigationItemBadge; exports.NavigationSidebar = _chunkHXTZZE3Rcjs.NavigationSidebar; exports.NavigationSidebarActionRow = _chunkHXTZZE3Rcjs.NavigationSidebarActionRow; exports.NotificationsBellButton = _chunkHXTZZE3Rcjs.NotificationsBellButton; exports.PAGE_ANCHOR_GAP_PX = _chunkHXTZZE3Rcjs.PAGE_ANCHOR_GAP_PX; exports.PAGE_ANCHOR_SCOPE_CLASS = _chunkHXTZZE3Rcjs.PAGE_ANCHOR_SCOPE_CLASS; exports.PAGE_ANCHOR_SCROLL_MARGIN_CLASS = _chunkHXTZZE3Rcjs.PAGE_ANCHOR_SCROLL_MARGIN_CLASS; exports.PageSectionBar = _chunkHXTZZE3Rcjs.PageSectionBar; exports.SECTION_BAR_HEIGHT_PX = _chunkHXTZZE3Rcjs.SECTION_BAR_HEIGHT_PX; exports.SIDE_PANEL_FRAME_WIDTH = _chunkHXTZZE3Rcjs.SIDE_PANEL_FRAME_WIDTH; exports.SiteFooter = _chunkHXTZZE3Rcjs.SiteFooter; exports.SiteHeader = _chunkHXTZZE3Rcjs.SiteHeader; exports.SlidingSidebar = _chunkHXTZZE3Rcjs.SlidingSidebar; exports.StickySectionNav = _chunkINBFKUZAcjs.StickySectionNav; exports.TicketAlertsButton = _chunkHXTZZE3Rcjs.TicketAlertsButton; exports.TopNavigation = _chunkHXTZZE3Rcjs.TopNavigation; exports.UnreadCountBadge = _chunkDYDQLS2Rcjs.UnreadCountBadge; exports.UnreadDot = _chunkDYDQLS2Rcjs.UnreadDot; exports.defaultRenderSiteNavLink = _chunkHXTZZE3Rcjs.defaultRenderSiteNavLink; exports.isMegaMenu = _chunkHXTZZE3Rcjs.isMegaMenu; exports.navLinkLabel = _chunkHXTZZE3Rcjs.navLinkLabel; exports.openAskAi = _chunkDGY5KEPYcjs.openAskAi; exports.resolveNavigationActive = _chunkHXTZZE3Rcjs.resolveNavigationActive; exports.siteNavHasMobileMenus = _chunkHXTZZE3Rcjs.siteNavHasMobileMenus; exports.useAppLayoutDrawerContainer = _chunkOT6P57ZScjs.useAppLayoutDrawerContainer; exports.useScrollSpy = _chunkINBFKUZAcjs.useScrollSpy; exports.useSectionNavigation = _chunkINBFKUZAcjs.useSectionNavigation;

package/dist/components/navigation/navigation-sidebar-grouped.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"navigation-sidebar-grouped.d.ts","sourceRoot":"","sources":["../../../src/components/navigation/navigation-sidebar-grouped.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAgC,KAAK,UAAU,EAAE,KAAK,SAAS,EAAmB,MAAM,OAAO,CAAC;AAEvG,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAsCpE;;;;;;;;;GASG;AACH,wBAAgB,sBAAsB,CAAC,aAAa,EAAE,MAAM,GAAG,IAAI,qGAQlE;AA2VD,MAAM,WAAW,oCAAoC;IACnD,KAAK,EAAE,SAAS,qBAAqB,EAAE,CAAC;IACxC,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,CAAC,IAAI,EAAE,qBAAqB,EAAE,KAAK,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACvE,+EAA+E;IAC/E,YAAY,EAAE,CAAC,IAAI,EAAE,qBAAqB,KAAK,IAAI,CAAC;CACrD;AAED,0GAA0G;AAC1G,wBAAgB,+BAA+B,CAAC,EAC9C,KAAK,EACL,QAAQ,EACR,SAAS,EACT,WAAW,EACX,SAAS,EACT,QAAQ,EACR,WAAW,EACX,YAAY,GACb,EAAE,oCAAoC,+BA8BtC;AAED,MAAM,WAAW,+BAA+B;IAC9C,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,4EAA4E;IAC5E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,4EAA4E;IAC5E,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACnD,gGAAgG;IAChG,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,+FAA+F;IAC/F,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oGAAoG;IACpG,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yIAAyI;IACzI,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,kFAAkF;IAClF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;GAMG;AACH,wBAAgB,0BAA0B,CAAC,EACzC,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,OAAO,EACP,MAAc,EACd,KAAS,EACT,OAAmB,EACnB,QAAgB,EAChB,SAAiB,EACjB,YAAY,EAAE,SAAS,EACvB,SAAS,GACV,EAAE,+BAA+B,+BAkCjC;AAED,wFAAwF;AACxF,wBAAgB,gCAAgC,gCAe/C"}
+{"version":3,"file":"navigation-sidebar-grouped.d.ts","sourceRoot":"","sources":["../../../src/components/navigation/navigation-sidebar-grouped.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAgC,KAAK,UAAU,EAAE,KAAK,SAAS,EAAmB,MAAM,OAAO,CAAC;AAGvG,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAuCpE;;;;;;;;;GASG;AACH,wBAAgB,sBAAsB,CAAC,aAAa,EAAE,MAAM,GAAG,IAAI,qGAQlE;AAwXD,MAAM,WAAW,oCAAoC;IACnD,KAAK,EAAE,SAAS,qBAAqB,EAAE,CAAC;IACxC,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,CAAC,IAAI,EAAE,qBAAqB,EAAE,KAAK,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACvE,+EAA+E;IAC/E,YAAY,EAAE,CAAC,IAAI,EAAE,qBAAqB,KAAK,IAAI,CAAC;CACrD;AAED,0GAA0G;AAC1G,wBAAgB,+BAA+B,CAAC,EAC9C,KAAK,EACL,QAAQ,EACR,SAAS,EACT,WAAW,EACX,SAAS,EACT,QAAQ,EACR,WAAW,EACX,YAAY,GACb,EAAE,oCAAoC,+BA8BtC;AAED,MAAM,WAAW,+BAA+B;IAC9C,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,4EAA4E;IAC5E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,4EAA4E;IAC5E,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACnD,gGAAgG;IAChG,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,+FAA+F;IAC/F,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oGAAoG;IACpG,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yIAAyI;IACzI,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,kFAAkF;IAClF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;GAMG;AACH,wBAAgB,0BAA0B,CAAC,EACzC,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,OAAO,EACP,MAAc,EACd,KAAS,EACT,OAAmB,EACnB,QAAgB,EAChB,SAAiB,EACjB,YAAY,EAAE,SAAS,EACvB,SAAS,GACV,EAAE,+BAA+B,+BAkCjC;AAED,wFAAwF;AACxF,wBAAgB,gCAAgC,gCAe/C"}

package/dist/components/navigation/navigation-sidebar-grouped.js

@@ -2,8 +2,10 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { cloneElement, isValidElement, useId, useState } from "react";
 import Link from "../../embed-shims/next-link.js";
+import { useClippedLabelTooltip } from "../../hooks/ui/use-clipped-label-tooltip.js";
 import { cn } from "../../utils/index.js";
 import { UnifiedSkeleton } from "../loading/unified-skeleton.js";
+import { FloatingTooltip } from "../ui/floating-tooltip.js";
 import { NavigationItemBadge } from "./navigation-item-badge.js";
 import { UnreadDot } from "./unread-dot.js";
 function sizedIcon(icon, size) {
@@ -59,8 +61,9 @@ function CountPill({ count, className }) {
 function RowEnd({ count }) {
   return count > 0 ? /* @__PURE__ */ jsx(CountPill, { count, className: "ml-auto" }) : null;
 }
-function RowLabel({ item }) {
+function RowLabel({ item, showLabel = true }) {
   const unreadCount = item.unreadCount ?? 0;
+  const { ref: labelRef, enabled: labelTooltip } = useClippedLabelTooltip(item.label);
   return /* @__PURE__ */ jsxs(
     "span",
     {
@@ -69,7 +72,17 @@ function RowLabel({ item }) {
         EXPANDED_ONLY
       ),
       children: [
-        /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate text-h4", children: item.label }),
+        /* @__PURE__ */ jsx(
+          FloatingTooltip,
+          {
+            content: item.label,
+            side: "top",
+            as: "span",
+            disabled: !showLabel || !labelTooltip,
+            triggerClassName: "min-w-0",
+            children: /* @__PURE__ */ jsx("span", { ref: labelRef, className: "block min-w-0 truncate text-h4", children: item.label })
+          }
+        ),
         item.badge && /* @__PURE__ */ jsx(NavigationItemBadge, { label: item.badge, compact: true }),
         /* @__PURE__ */ jsx(RowEnd, { count: unreadCount })
       ]
@@ -108,7 +121,7 @@ function GroupedLeafRow({
   );
   const content = /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(RowIcon, { item, size: 20, className: lit ? "text-ods-accent" : idleIcon("row") }),
-    /* @__PURE__ */ jsx(RowLabel, { item })
+    /* @__PURE__ */ jsx(RowLabel, { item, showLabel })
   ] });
   const shared = {
     className,
@@ -131,6 +144,7 @@ function GroupedChildRow({
 }) {
   const name = accessibleName(item);
   const lit = isActive && !disabled;
+  const { ref: labelRef, enabled: labelTooltip } = useClippedLabelTooltip(item.label);
   const className = cn(
     // The icon column flush, under the parent's icon at both widths.
     "group/nav-child relative flex h-11 w-full items-stretch gap-[var(--spacing-system-xxs)] rounded-md text-left",
@@ -162,7 +176,17 @@ function GroupedChildRow({
           !lit && !disabled && isPending && "after:opacity-100"
         ),
         children: [
-          /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate text-h4", children: item.label }),
+          /* @__PURE__ */ jsx(
+            FloatingTooltip,
+            {
+              content: item.label,
+              side: "top",
+              as: "span",
+              disabled: !showLabel || !labelTooltip,
+              triggerClassName: "min-w-0",
+              children: /* @__PURE__ */ jsx("span", { ref: labelRef, className: "block min-w-0 truncate text-h4", children: item.label })
+            }
+          ),
           item.badge && /* @__PURE__ */ jsx(NavigationItemBadge, { label: item.badge, compact: true }),
           /* @__PURE__ */ jsx(RowEnd, { count: item.unreadCount ?? 0 })
         ]
@@ -225,7 +249,7 @@ function GroupedGroup({
             ),
             children: [
               /* @__PURE__ */ jsx(RowIcon, { item, size: 20, className: lit ? "text-ods-accent" : idleIcon("row") }),
-              /* @__PURE__ */ jsx(RowLabel, { item })
+              /* @__PURE__ */ jsx(RowLabel, { item, showLabel })
             ]
           }
         ),
@@ -336,7 +360,7 @@ function NavigationSidebarActionRow({
   );
   const content = /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(RowIcon, { item: entry, size: 20, className: lit || outline && !disabled ? "text-ods-accent" : idleIcon("row") }),
-    /* @__PURE__ */ jsx(RowLabel, { item: entry })
+    /* @__PURE__ */ jsx(RowLabel, { item: entry, showLabel: !minimized })
   ] });
   const shared = { className: classes, title: minimized ? name : void 0, "aria-label": name };
   if (href && !disabled) {

package/dist/components/navigation/navigation-sidebar-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"navigation-sidebar-item.d.ts","sourceRoot":"","sources":["../../../src/components/navigation/navigation-sidebar-item.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAyD,KAAK,UAAU,EAAE,MAAM,OAAO,CAAC;AAE/F,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAgBpE,UAAU,sCAAsC;IAC9C,IAAI,EAAE,qBAAqB,CAAC;IAC5B,iGAAiG;IACjG,QAAQ,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,CAAC,IAAI,EAAE,qBAAqB,EAAE,KAAK,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;CACpE;AAED;;;GAGG;AACH,MAAM,MAAM,gCAAgC,GACxC,CAAC,sCAAsC,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC,GAChE,CAAC,OAAO,CAAC,sCAAsC,CAAC,GAAG;IAAE,OAAO,EAAE,IAAI,CAAC;IAAC,SAAS,EAAE,OAAO,CAAA;CAAE,CAAC,CAAC;AAE9F;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,2BAA2B,8CAC/B,gCAAgC,iCAKvC,CAAC"}
+{"version":3,"file":"navigation-sidebar-item.d.ts","sourceRoot":"","sources":["../../../src/components/navigation/navigation-sidebar-item.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAyD,KAAK,UAAU,EAAE,MAAM,OAAO,CAAC;AAG/F,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAiBpE,UAAU,sCAAsC;IAC9C,IAAI,EAAE,qBAAqB,CAAC;IAC5B,iGAAiG;IACjG,QAAQ,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,CAAC,IAAI,EAAE,qBAAqB,EAAE,KAAK,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;CACpE;AAED;;;GAGG;AACH,MAAM,MAAM,gCAAgC,GACxC,CAAC,sCAAsC,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC,GAChE,CAAC,OAAO,CAAC,sCAAsC,CAAC,GAAG;IAAE,OAAO,EAAE,IAAI,CAAC;IAAC,SAAS,EAAE,OAAO,CAAA;CAAE,CAAC,CAAC;AAE9F;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,2BAA2B,8CAC/B,gCAAgC,iCAKvC,CAAC"}

package/dist/components/navigation/navigation-sidebar-item.js

@@ -2,9 +2,11 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { cloneElement, memo } from "react";
 import Link from "../../embed-shims/next-link.js";
+import { useClippedLabelTooltip } from "../../hooks/ui/use-clipped-label-tooltip.js";
 import { cn } from "../../utils/index.js";
 import { UnifiedSkeleton } from "../loading/unified-skeleton.js";
 import { BUTTON_KIND_CLASS, Button } from "../ui/button/index.js";
+import { FloatingTooltip } from "../ui/floating-tooltip.js";
 import { useLoadingScope } from "../ui/loading-scope.js";
 import { NavigationItemBadge } from "./navigation-item-badge.js";
 import { UnreadDot } from "./unread-dot.js";
@@ -24,6 +26,7 @@ function LoadedNavigationSidebarItemButton({
   const unreadCount = item.unreadCount ?? 0;
   const hasUnread = unreadCount > 0;
   const name = item.badge ? `${item.label} (${item.badge})` : item.label;
+  const { ref: labelRef, enabled: labelTooltip } = useClippedLabelTooltip(item.label);
   const content = /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs("div", { className: "relative flex flex-shrink-0 items-center justify-center", children: [
       cloneElement(item.icon, { color: "inherit" }),
@@ -38,7 +41,17 @@ function LoadedNavigationSidebarItemButton({
         ),
         "aria-hidden": !showLabel,
         children: [
-          /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate text-h4", children: item.label }),
+          /* @__PURE__ */ jsx(
+            FloatingTooltip,
+            {
+              content: item.label,
+              side: "top",
+              as: "span",
+              disabled: !showLabel || !labelTooltip,
+              triggerClassName: "min-w-0",
+              children: /* @__PURE__ */ jsx("span", { ref: labelRef, className: "block min-w-0 truncate text-h4", children: item.label })
+            }
+          ),
           item.badge && /* @__PURE__ */ jsx(NavigationItemBadge, { label: item.badge, className: "ml-[var(--spacing-system-xs)] shrink-0" })
         ]
       }

package/dist/components/navigation/navigation-sidebar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"navigation-sidebar.d.ts","sourceRoot":"","sources":["../../../src/components/navigation/navigation-sidebar.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAiB,UAAU,EAAa,MAAM,OAAO,CAAC;AAKlE,OAAO,KAAK,EAAE,uBAAuB,EAAyB,MAAM,wBAAwB,CAAC;AAoB7F;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,4BAA4B,kCAAkC,CAAC;AAuG5E,oFAAoF;AACpF,eAAO,MAAM,eAAe,GAAI,QAAQ,UAAU,KAAG,OACgD,CAAC;AAEtG,MAAM,WAAW,sBAAsB;IACrC,MAAM,EAAE,uBAAuB,CAAC;IAChC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;OAKG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;;;;;OAOG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,wBAAgB,iBAAiB,CAAC,EAChC,MAAM,EACN,QAAgB,EAChB,YAAoB,EACpB,YAAmB,GACpB,EAAE,sBAAsB,+BAucxB"}
+{"version":3,"file":"navigation-sidebar.d.ts","sourceRoot":"","sources":["../../../src/components/navigation/navigation-sidebar.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAiB,UAAU,EAAwB,MAAM,OAAO,CAAC;AAM7E,OAAO,KAAK,EAAE,uBAAuB,EAAyB,MAAM,wBAAwB,CAAC;AA2B7F;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,4BAA4B,kCAAkC,CAAC;AA4H5E,oFAAoF;AACpF,eAAO,MAAM,eAAe,GAAI,QAAQ,UAAU,KAAG,OACgD,CAAC;AAEtG,MAAM,WAAW,sBAAsB;IACrC,MAAM,EAAE,uBAAuB,CAAC;IAChC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;OAKG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;;;;;OAOG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,wBAAgB,iBAAiB,CAAC,EAChC,MAAM,EACN,QAAgB,EAChB,YAAoB,EACpB,YAAmB,GACpB,EAAE,sBAAsB,+BAuhBxB"}

package/dist/components/navigation/navigation-sidebar.js

@@ -5,7 +5,9 @@ import { useIsHydrated } from "../../hooks/ui/use-is-hydrated.js";
 import { useIsomorphicLayoutEffect } from "../../hooks/ui/use-isomorphic-layout-effect.js";
 import { useLocalStorage } from "../../hooks/ui/use-local-storage.js";
 import { useLgUp, useMdUp } from "../../hooks/ui/use-media-query.js";
+import { useResizablePanelSize } from "../../hooks/ui/use-resizable-panel-size.js";
 import { cn } from "../../utils/index.js";
+import { PanelResizeGrip, PanelResizeHandle } from "../ui/panel-resize-handle.js";
 import { NAVIGATION_SIDEBAR_ATTRIBUTE } from "./app-layout-context.js";
 import {
   NavigationSidebarGroupedEntries,
@@ -20,6 +22,7 @@ import { NavigationSidebarToggle } from "./navigation-sidebar-toggle.js";
 const MINIMIZED_WIDTH = 56;
 const EXPANDED_WIDTH = 224;
 const MIN_CUSTOM_EXPANDED_WIDTH = 141;
+const DEFAULT_MIN_CONTENT_WIDTH = 720;
 const STORAGE_KEY = "of.navigationSidebar.minimized";
 const NAVIGATION_SIDEBAR_WIDTH_VAR = "--of-navigation-sidebar-width";
 const EXPANDED_WIDTH_VAR = "--of-navigation-sidebar-expanded-width";
@@ -49,6 +52,20 @@ const SIDEBAR_TABLET_WIDTH = {
   overlay: "md:w-56",
   customOverlay: "md:w-[var(--of-navigation-sidebar-expanded-width)]"
 };
+function useRowWidth(asideRef, enabled) {
+  const [width, setWidth] = useState(0);
+  useEffect(() => {
+    const row = enabled ? asideRef.current?.parentElement : null;
+    if (!row) return void 0;
+    const update = () => setWidth(row.clientWidth);
+    update();
+    if (typeof ResizeObserver === "undefined") return void 0;
+    const observer = new ResizeObserver(update);
+    observer.observe(row);
+    return () => observer.disconnect();
+  }, [asideRef, enabled]);
+  return width;
+}
 const isModifiedClick = (event) => !!event && (event.metaKey || event.ctrlKey || event.shiftKey || event.altKey || event.button !== 0);
 function NavigationSidebar({
   config,
@@ -82,9 +99,42 @@ function NavigationSidebar({
   const serverMinimized = isControlled ? desktopMinimized : config.minimized ?? false;
   const minimized = hydrated ? isTablet ? tabletMinimized : desktopMinimized : serverMinimized;
   const [transitionsEnabled, setTransitionsEnabled] = useState(false);
-  const customExpandedWidth = config.variant === "grouped" && config.expandedWidth !== void 0 ? Math.max(config.expandedWidth, MIN_CUSTOM_EXPANDED_WIDTH) : null;
-  const expandedWidth = customExpandedWidth ?? EXPANDED_WIDTH;
+  const configExpandedWidth = config.variant === "grouped" && config.expandedWidth !== void 0 ? Math.max(config.expandedWidth, MIN_CUSTOM_EXPANDED_WIDTH) : null;
+  const resize = config.resizable;
+  const asideRef = useRef(null);
+  const rowWidth = useRowWidth(asideRef, resize !== void 0);
+  const resizeMinWidth = Math.max(resize?.minWidth ?? MIN_CUSTOM_EXPANDED_WIDTH, MIN_CUSTOM_EXPANDED_WIDTH);
+  const {
+    size: chosenExpandedWidth,
+    setSize: setChosenExpandedWidth,
+    resetSize: resetChosenExpandedWidth,
+    clampSize: clampExpandedWidth
+  } = useResizablePanelSize({
+    enabled: resize !== void 0,
+    minSize: resizeMinWidth,
+    maxSize: resize?.maxWidth ?? Number.POSITIVE_INFINITY,
+    defaultSize: configExpandedWidth ?? EXPANDED_WIDTH,
+    available: rowWidth,
+    reserve: resize?.minContentWidth ?? DEFAULT_MIN_CONTENT_WIDTH,
+    storageKey: resize?.storageKey
+  });
+  const expandedWidth = resize !== void 0 ? chosenExpandedWidth : configExpandedWidth ?? EXPANDED_WIDTH;
+  const markupExpandedWidth = hydrated ? chosenExpandedWidth : configExpandedWidth ?? EXPANDED_WIDTH;
+  const customExpandedWidth = resize !== void 0 ? markupExpandedWidth : configExpandedWidth;
   const expandedWidthStyle = customExpandedWidth === null ? void 0 : { [EXPANDED_WIDTH_VAR]: `${customExpandedWidth}px` };
+  const dragExpandedWidth = useCallback((next) => {
+    const aside = asideRef.current;
+    if (!aside) return;
+    aside.setAttribute("data-resizing", "");
+    aside.style.setProperty(NAVIGATION_SIDEBAR_WIDTH_VAR, `${Math.round(next)}px`);
+  }, []);
+  const commitExpandedWidth = useCallback(
+    (next) => {
+      asideRef.current?.removeAttribute("data-resizing");
+      setChosenExpandedWidth(next);
+    },
+    [setChosenExpandedWidth]
+  );
   const [widthFor, setWidthFor] = useState(expandedWidth);
   if (widthFor !== expandedWidth) {
     setWidthFor(expandedWidth);
@@ -181,7 +231,6 @@ function NavigationSidebar({
     [minimized, expandedWidth]
   );
   const sectionRailHidden = typeof config.sectionSlot !== "function" && "hidden @[140px]/of-nav-sidebar:flex animate-in fade-in duration-300 motion-reduce:animate-none";
-  const asideRef = useRef(null);
   useIsomorphicLayoutEffect(() => {
     asideRef.current?.style.setProperty(NAVIGATION_SIDEBAR_WIDTH_VAR, sidebarWidth);
   }, [sidebarWidth]);
@@ -265,6 +314,9 @@ function NavigationSidebar({
           // the rail.
           !isOverlayOpen ? SIDEBAR_TABLET_WIDTH.rail : customExpandedWidth === null ? SIDEBAR_TABLET_WIDTH.overlay : SIDEBAR_TABLET_WIDTH.customOverlay,
           transitionsEnabled && widthTransition,
+          // A drag on the resize handle in progress: the width follows the
+          // pointer, with no transition trailing it (`dragExpandedWidth`).
+          "data-[resizing]:transition-none",
           // Snaps where its width moves the content: the desktop rail, and the
           // tablet overlay too when it pushes (its slot above snaps with it).
           !animateWidth && (pushOnTablet ? "transition-none" : "lg:transition-none"),
@@ -322,6 +374,23 @@ function NavigationSidebar({
               onToggle: handleToggle,
               compact: grouped
             }
+          ),
+          resize !== void 0 && !minimized && /* @__PURE__ */ jsx(
+            PanelResizeHandle,
+            {
+              side: "left",
+              variant: "inLayout",
+              size: markupExpandedWidth,
+              minSize: resizeMinWidth,
+              maxSize: clampExpandedWidth(Number.POSITIVE_INFINITY),
+              clampSize: clampExpandedWidth,
+              onSize: commitExpandedWidth,
+              onDrag: dragExpandedWidth,
+              onReset: resetChosenExpandedWidth,
+              ariaLabel: "Resize navigation sidebar",
+              className: "inset-y-0 hidden w-6 -translate-x-1/2 justify-center pl-0 lg:flex",
+              grip: /* @__PURE__ */ jsx(PanelResizeGrip, {})
+            }
           )
         ]
       }

package/dist/components/onboarding-guides/index.cjs

@@ -7,25 +7,25 @@
 
 
 
-var _chunk7QNGILIYcjs = require('../../chunk-7QNGILIY.cjs');
-require('../../chunk-46LATWQR.cjs');
-require('../../chunk-7XRFAHJF.cjs');
-require('../../chunk-B4THEQOW.cjs');
-require('../../chunk-FNNDGOR3.cjs');
-require('../../chunk-SWMUW3RR.cjs');
-require('../../chunk-TRZEFT2N.cjs');
+var _chunkZ35PL3URcjs = require('../../chunk-Z35PL3UR.cjs');
+require('../../chunk-7WKRMJI6.cjs');
+require('../../chunk-FHI4I3TQ.cjs');
+require('../../chunk-DYDQLS2R.cjs');
+require('../../chunk-WCK5T3UD.cjs');
+require('../../chunk-744JXTDP.cjs');
+require('../../chunk-WI7EXAZT.cjs');
 require('../../chunk-HQQE74RO.cjs');
 require('../../chunk-DEY6XXGO.cjs');
-require('../../chunk-LWMWY3JO.cjs');
-require('../../chunk-APOMNC7H.cjs');
+require('../../chunk-E7M54JWW.cjs');
+require('../../chunk-IUDBG3HJ.cjs');
 require('../../chunk-24I6RFVU.cjs');
 require('../../chunk-MZ4KBSH7.cjs');
 require('../../chunk-5SZ4ILU3.cjs');
-require('../../chunk-5E4YEHHO.cjs');
+require('../../chunk-DGY5KEPY.cjs');
 require('../../chunk-OT6P57ZS.cjs');
-require('../../chunk-Z7A7IZWL.cjs');
-require('../../chunk-4JHO2NVI.cjs');
-require('../../chunk-5L3UKDC6.cjs');
+require('../../chunk-EV6BPF47.cjs');
+require('../../chunk-J2IXYCEH.cjs');
+require('../../chunk-6LDL3UZE.cjs');
 require('../../chunk-YJZ7R3W5.cjs');
 require('../../chunk-6CZVQ72C.cjs');
 require('../../chunk-46547WQW.cjs');
@@ -1818,8 +1818,8 @@ require('../../chunk-TMVC7S2R.cjs');
 require('../../chunk-IYHH5EIO.cjs');
 require('../../chunk-XIBCMGBW.cjs');
 require('../../chunk-HLJXCOMA.cjs');
-require('../../chunk-ZABZIM2Y.cjs');
-require('../../chunk-7Z536SPR.cjs');
+require('../../chunk-FRL2ZN4O.cjs');
+require('../../chunk-FW7RKWPY.cjs');
 require('../../chunk-BUEEQD3G.cjs');
 require('../../chunk-JKX2C3I2.cjs');
 require('../../chunk-WWUSFOJ7.cjs');
@@ -1827,10 +1827,10 @@ require('../../chunk-SKI6NKOE.cjs');
 require('../../chunk-EWPR7662.cjs');
 require('../../chunk-IX2E3AN7.cjs');
 require('../../chunk-7DNL734S.cjs');
-require('../../chunk-C4OQIYGW.cjs');
-require('../../chunk-H3WTYAVR.cjs');
-require('../../chunk-5BM7X4GA.cjs');
-require('../../chunk-GRHF5SWL.cjs');
+require('../../chunk-CCRXBFNL.cjs');
+require('../../chunk-RSJYTQEA.cjs');
+require('../../chunk-5GBLXY5F.cjs');
+require('../../chunk-NFNSPLGC.cjs');
 require('../../chunk-TD4CC4KV.cjs');
 require('../../chunk-JBTH3O2C.cjs');
 require('../../chunk-USUVHAQ7.cjs');
@@ -1842,8 +1842,8 @@ require('../../chunk-6VOOPMP5.cjs');
 require('../../chunk-ORO54HDF.cjs');
 require('../../chunk-RUHKTWGB.cjs');
 require('../../chunk-BLH2SFOO.cjs');
-require('../../chunk-MG3HJIGG.cjs');
-require('../../chunk-LC65AC6M.cjs');
+require('../../chunk-UAI4VMEF.cjs');
+require('../../chunk-COWMXUHN.cjs');
 require('../../chunk-YSDB6HGQ.cjs');
 require('../../chunk-APNONOHY.cjs');
 require('../../chunk-FX35L4Y6.cjs');
@@ -1871,4 +1871,4 @@ require('../../chunk-QDB2JO55.cjs');
 
 
 
-exports.ONBOARDING_GUIDE_RELATED_SKELETON_COUNT = _chunk7QNGILIYcjs.ONBOARDING_GUIDE_RELATED_SKELETON_COUNT; exports.OnboardingGuideDetailView = _chunk7QNGILIYcjs.OnboardingGuideDetailView; exports.OnboardingGuidesCatalogView = _chunk7QNGILIYcjs.OnboardingGuidesCatalogView; exports.onboardingGuideKeys = _chunk7QNGILIYcjs.onboardingGuideKeys; exports.useOnboardingGuide = _chunk7QNGILIYcjs.useOnboardingGuide; exports.useOnboardingGuideSections = _chunk7QNGILIYcjs.useOnboardingGuideSections; exports.useOnboardingGuides = _chunk7QNGILIYcjs.useOnboardingGuides;
+exports.ONBOARDING_GUIDE_RELATED_SKELETON_COUNT = _chunkZ35PL3URcjs.ONBOARDING_GUIDE_RELATED_SKELETON_COUNT; exports.OnboardingGuideDetailView = _chunkZ35PL3URcjs.OnboardingGuideDetailView; exports.OnboardingGuidesCatalogView = _chunkZ35PL3URcjs.OnboardingGuidesCatalogView; exports.onboardingGuideKeys = _chunkZ35PL3URcjs.onboardingGuideKeys; exports.useOnboardingGuide = _chunkZ35PL3URcjs.useOnboardingGuide; exports.useOnboardingGuideSections = _chunkZ35PL3URcjs.useOnboardingGuideSections; exports.useOnboardingGuides = _chunkZ35PL3URcjs.useOnboardingGuides;

package/dist/components/product-demo/fixtures/software-update.d.ts

@@ -1,6 +1,8 @@
 import type { DeviceRow } from '../../features/devices';
 import type { SelectedPackage, SoftwareScheduleTiming } from '../../features/software';
 import type { DemoCast } from '../cast';
+/** A fixed reading of the schedule fields: tonight's late slots, nothing in the past. */
+export declare const SOFTWARE_DEMO_TIMING: SoftwareScheduleTiming;
 /**
  * Chrome updated tonight at 11 PM on the Windows devices picked for it (WinGet
  * installs on Windows, so the picker offers the fleet's Windows devices), one

package/dist/components/product-demo/fixtures/software-update.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"software-update.d.ts","sourceRoot":"","sources":["../../../../src/components/product-demo/fixtures/software-update.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,KAAK,EAAE,eAAe,EAA2B,sBAAsB,EAAE,MAAM,yBAAyB,CAAC;AAChH,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAuCxC;;;;GAIG;AACH,wBAAgB,0BAA0B,CAAC,IAAI,EAAE,QAAQ;;;;;;;;;EAUxD"}
+{"version":3,"file":"software-update.d.ts","sourceRoot":"","sources":["../../../../src/components/product-demo/fixtures/software-update.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,KAAK,EAAE,eAAe,EAA2B,sBAAsB,EAAE,MAAM,yBAAyB,CAAC;AAChH,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAexC,yFAAyF;AACzF,eAAO,MAAM,oBAAoB,EAAE,sBAalC,CAAC;AAUF;;;;GAIG;AACH,wBAAgB,0BAA0B,CAAC,IAAI,EAAE,QAAQ;;;;;;;;;EAUxD"}

package/dist/components/product-demo/fixtures/software-update.js

@@ -9,7 +9,7 @@ const chrome = {
   packageType: null
 };
 const TONIGHT_11_PM = { value: "23:00", label: "11:00 PM" };
-const timing = {
+const SOFTWARE_DEMO_TIMING = {
   timeReferenceOptions: [
     { value: "SERVER", label: "Your account timezone" },
     { value: "DEVICE_LOCAL", label: "Device local timezone" }
@@ -35,12 +35,13 @@ function buildSoftwareUpdateFixture(cast) {
   return {
     action: "UPDATE",
     package: chrome,
-    timing,
+    timing: SOFTWARE_DEMO_TIMING,
     initialValues,
     devices,
     selectedIds: /* @__PURE__ */ new Set([DEMO_DEVICES.reception.id, DEMO_DEVICES.samT14.id, DEMO_DEVICES.frontDesk.id])
   };
 }
 export {
+  SOFTWARE_DEMO_TIMING,
   buildSoftwareUpdateFixture
 };