@flipdish/ui-library 0.31.0 → 0.31.1

package/dist/components/organisms/SidePanel/index.cjs

@@ -5,28 +5,18 @@ var useBreakpoints = require('@flipdish/ui-library/hooks/useBreakpoints');
 var testIdUtils = require('@flipdish/ui-library/utilities/testIdUtils');
 var react = require('motion/react');
 var React = require('react');
-var sidePanelContent = require('./components/side-panel-content.cjs');
-var sidePanelFooter = require('./components/side-panel-footer.cjs');
-var sidePanelHeader = require('./components/side-panel-header.cjs');
-var sidePanelRegion = require('./components/side-panel-region.cjs');
+var SidePanelContent = require('./components/SidePanelContent.cjs');
+var SidePanelFooter = require('./components/SidePanelFooter.cjs');
+var SidePanelHeader = require('./components/SidePanelHeader.cjs');
+var SidePanelRegion = require('./components/SidePanelRegion.cjs');
 var useOpenOnMount = require('./hooks/useOpenOnMount.cjs');
-var pageCoverContext = require('./providers/page-cover-context.cjs');
-var sidePanelContext = require('./providers/side-panel-context.cjs');
+var PageCover_context = require('./providers/PageCover.context.cjs');
+var SidePanel_context = require('./providers/SidePanel.context.cjs');
 
-/**
- * A side panel the user can keep open while they work, such as an AI assistant or a notifications
- * list. It is never a modal: no backdrop, no focus trap, no scroll lock. From `lg` it is docked
- * beside the page, which narrows to make room. Below `lg` there is no room to push, so it covers
- * the page area under the header, which stays in reach to close it. Place it in `AppShell`'s `panel`
- * slot, or as the last child of your own content row, and render it always: `isOpen` decides
- * whether it shows.
- *
- * @summary non-modal side panel that pushes the page on desktop and covers it under the header on mobile
- */
 const SidePanelRoot = ({ isOpen, onOpenChange, 'aria-label': ariaLabel, children, className, 'data-testid': dataTestId, }) => {
     const rootTestId = testIdUtils.useResolvedTestId({ testId: dataTestId, segment: 'side-panel', rootName: 'side-panel' });
     const isDesktop = useBreakpoints.useBreakpoints('lg');
-    const setPageCovered = React.useContext(pageCoverContext.PageCoverContext);
+    const setPageCovered = React.useContext(PageCover_context.PageCoverContext);
     // Nothing renders until the viewport is known, so server and client markup agree.
     const { canMeasureViewport, shouldFocusOnMount } = useOpenOnMount.useOpenOnMount(isOpen);
     const coversPage = canMeasureViewport && isOpen && !isDesktop;
@@ -38,14 +28,24 @@ const SidePanelRoot = ({ isOpen, onOpenChange, 'aria-label': ariaLabel, children
     }, [setPageCovered, coversPage]);
     if (!canMeasureViewport)
         return null;
-    return (jsxRuntime.jsx(sidePanelContext.SidePanelContext.Provider, { value: { close: () => onOpenChange(false), label: ariaLabel }, children: jsxRuntime.jsx(testIdUtils.TestIdProvider, { value: rootTestId, children: jsxRuntime.jsx(react.AnimatePresence, { initial: false, children: isOpen && (jsxRuntime.jsx(sidePanelRegion.SidePanelRegion, { "aria-label": ariaLabel, className: className, testId: rootTestId, isDesktop: isDesktop, shouldFocusOnMount: shouldFocusOnMount, children: children }, "side-panel")) }) }) }));
+    return (jsxRuntime.jsx(SidePanel_context.SidePanelContext.Provider, { value: { close: () => onOpenChange(false), label: ariaLabel }, children: jsxRuntime.jsx(testIdUtils.TestIdProvider, { value: rootTestId, children: jsxRuntime.jsx(react.AnimatePresence, { initial: false, children: isOpen && (jsxRuntime.jsx(SidePanelRegion.SidePanelRegion, { "aria-label": ariaLabel, className: className, testId: rootTestId, isDesktop: isDesktop, shouldFocusOnMount: shouldFocusOnMount, children: children }, "side-panel")) }) }) }));
 };
 SidePanelRoot.displayName = 'SidePanel';
+/**
+ * A side panel the user can keep open while they work, such as an AI assistant or a notifications
+ * list. It is never a modal: no backdrop, no focus trap, no scroll lock. From `lg` it is docked
+ * beside the page, which narrows to make room. Below `lg` there is no room to push, so it covers
+ * the page area under the header, which stays in reach to close it. Place it in `AppShell`'s `panel`
+ * slot, or as the last child of your own content row, and render it always: `isOpen` decides
+ * whether it shows.
+ *
+ * @summary non-modal side panel that pushes the page on desktop and covers it under the header on mobile
+ */
 const SidePanel = SidePanelRoot;
-SidePanel.Header = sidePanelHeader.SidePanelHeader;
-SidePanel.Content = sidePanelContent.SidePanelContent;
-SidePanel.Footer = sidePanelFooter.SidePanelFooter;
+SidePanel.Header = SidePanelHeader.SidePanelHeader;
+SidePanel.Content = SidePanelContent.SidePanelContent;
+SidePanel.Footer = SidePanelFooter.SidePanelFooter;
 
-exports.SIDE_PANEL_WIDTH = sidePanelRegion.SIDE_PANEL_WIDTH;
+exports.SIDE_PANEL_WIDTH = SidePanelRegion.SIDE_PANEL_WIDTH;
 exports.SidePanel = SidePanel;
 //# sourceMappingURL=index.cjs.map

package/dist/components/organisms/SidePanel/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../../src/components/organisms/SidePanel/index.tsx"],"sourcesContent":[null],"names":["useResolvedTestId","useBreakpoints","useContext","PageCoverContext","useOpenOnMount","useEffect","_jsx","SidePanelContext","TestIdProvider","AnimatePresence","SidePanelRegion","SidePanelHeader","SidePanelContent","SidePanelFooter"],"mappings":";;;;;;;;;;;;;;;AAwCA;;;;;;;;;AASG;AACH,MAAM,aAAa,GAAG,CAAC,EACrB,MAAM,EACN,YAAY,EACZ,YAAY,EAAE,SAAS,EACvB,QAAQ,EACR,SAAS,EACT,aAAa,EAAE,UAAU,GACV,KAAe;AAC9B,IAAA,MAAM,UAAU,GAAGA,6BAAiB,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,YAAY,EAAE,CAAC;AAC3G,IAAA,MAAM,SAAS,GAAGC,6BAAc,CAAC,IAAI,CAAC;AACtC,IAAA,MAAM,cAAc,GAAGC,gBAAU,CAACC,iCAAgB,CAAC;;IAEnD,MAAM,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,GAAGC,6BAAc,CAAC,MAAM,CAAC;IAEzE,MAAM,UAAU,GAAG,kBAAkB,IAAI,MAAM,IAAI,CAAC,SAAS;IAC7DC,eAAS,CAAC,MAAK;AACb,QAAA,IAAI,CAAC,cAAc,IAAI,CAAC,UAAU;YAAE;QACpC,cAAc,CAAC,IAAI,CAAC;AACpB,QAAA,OAAO,MAAM,cAAc,CAAC,KAAK,CAAC;AACpC,IAAA,CAAC,EAAE,CAAC,cAAc,EAAE,UAAU,CAAC,CAAC;AAEhC,IAAA,IAAI,CAAC,kBAAkB;AAAE,QAAA,OAAO,IAAI;AAEpC,IAAA,QACEC,cAAA,CAACC,iCAAgB,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAA,QAAA,EACtFD,cAAA,CAACE,0BAAc,EAAA,EAAC,KAAK,EAAE,UAAU,EAAA,QAAA,EAC/BF,cAAA,CAACG,qBAAe,EAAA,EAAC,OAAO,EAAE,KAAK,EAAA,QAAA,EAC5B,MAAM,KACLH,eAACI,+BAAe,EAAA,EAAA,YAAA,EAEF,SAAS,EACrB,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,UAAU,EAClB,SAAS,EAAE,SAAS,EACpB,kBAAkB,EAAE,kBAAkB,EAAA,QAAA,EAErC,QAAQ,EAAA,EAPL,YAAY,CAQA,CACnB,EAAA,CACe,EAAA,CACH,EAAA,CACS;AAEhC,CAAC;AACD,aAAa,CAAC,WAAW,GAAG,WAAW;AAEvC,MAAM,SAAS,GAAG;AAMlB,SAAS,CAAC,MAAM,GAAGC,+BAAe;AAClC,SAAS,CAAC,OAAO,GAAGC,iCAAgB;AACpC,SAAS,CAAC,MAAM,GAAGC,+BAAe;;;;;"}
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/organisms/SidePanel/index.tsx"],"sourcesContent":[null],"names":["useResolvedTestId","useBreakpoints","useContext","PageCoverContext","useOpenOnMount","useEffect","_jsx","SidePanelContext","TestIdProvider","AnimatePresence","SidePanelRegion","SidePanelHeader","SidePanelContent","SidePanelFooter"],"mappings":";;;;;;;;;;;;;;;AAwCA,MAAM,aAAa,GAAG,CAAC,EACrB,MAAM,EACN,YAAY,EACZ,YAAY,EAAE,SAAS,EACvB,QAAQ,EACR,SAAS,EACT,aAAa,EAAE,UAAU,GACV,KAAe;AAC9B,IAAA,MAAM,UAAU,GAAGA,6BAAiB,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,YAAY,EAAE,CAAC;AAC3G,IAAA,MAAM,SAAS,GAAGC,6BAAc,CAAC,IAAI,CAAC;AACtC,IAAA,MAAM,cAAc,GAAGC,gBAAU,CAACC,kCAAgB,CAAC;;IAEnD,MAAM,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,GAAGC,6BAAc,CAAC,MAAM,CAAC;IAEzE,MAAM,UAAU,GAAG,kBAAkB,IAAI,MAAM,IAAI,CAAC,SAAS;IAC7DC,eAAS,CAAC,MAAK;AACb,QAAA,IAAI,CAAC,cAAc,IAAI,CAAC,UAAU;YAAE;QACpC,cAAc,CAAC,IAAI,CAAC;AACpB,QAAA,OAAO,MAAM,cAAc,CAAC,KAAK,CAAC;AACpC,IAAA,CAAC,EAAE,CAAC,cAAc,EAAE,UAAU,CAAC,CAAC;AAEhC,IAAA,IAAI,CAAC,kBAAkB;AAAE,QAAA,OAAO,IAAI;AAEpC,IAAA,QACEC,cAAA,CAACC,kCAAgB,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAA,QAAA,EACtFD,cAAA,CAACE,0BAAc,EAAA,EAAC,KAAK,EAAE,UAAU,EAAA,QAAA,EAC/BF,cAAA,CAACG,qBAAe,EAAA,EAAC,OAAO,EAAE,KAAK,EAAA,QAAA,EAC5B,MAAM,KACLH,eAACI,+BAAe,EAAA,EAAA,YAAA,EAEF,SAAS,EACrB,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,UAAU,EAClB,SAAS,EAAE,SAAS,EACpB,kBAAkB,EAAE,kBAAkB,EAAA,QAAA,EAErC,QAAQ,EAAA,EAPL,YAAY,CAQA,CACnB,EAAA,CACe,EAAA,CACH,EAAA,CACS;AAEhC,CAAC;AACD,aAAa,CAAC,WAAW,GAAG,WAAW;AAEvC;;;;;;;;;AASG;AACH,MAAM,SAAS,GAAG;AAMlB,SAAS,CAAC,MAAM,GAAGC,+BAAe;AAClC,SAAS,CAAC,OAAO,GAAGC,iCAAgB;AACpC,SAAS,CAAC,MAAM,GAAGC,+BAAe;;;;;"}

package/dist/components/organisms/SidePanel/index.d.ts

@@ -1,11 +1,11 @@
 import type { ReactNode } from 'react';
-import { SidePanelContent } from './components/side-panel-content';
-import { SidePanelFooter } from './components/side-panel-footer';
-import { SidePanelHeader } from './components/side-panel-header';
-export type { SidePanelContentProps } from './components/side-panel-content';
-export type { SidePanelFooterProps } from './components/side-panel-footer';
-export type { SidePanelHeaderProps } from './components/side-panel-header';
-export { SIDE_PANEL_WIDTH } from './components/side-panel-region';
+import { SidePanelContent } from './components/SidePanelContent';
+import { SidePanelFooter } from './components/SidePanelFooter';
+import { SidePanelHeader } from './components/SidePanelHeader';
+export type { SidePanelContentProps } from './components/SidePanelContent';
+export type { SidePanelFooterProps } from './components/SidePanelFooter';
+export type { SidePanelHeaderProps } from './components/SidePanelHeader';
+export { SIDE_PANEL_WIDTH } from './components/SidePanelRegion';
 export interface SidePanelProps {
     /**
      * Whether the panel is open. Share it with the control that opens the panel, e.g. `assistant.isOpen`
@@ -25,6 +25,10 @@ export interface SidePanelProps {
     /** Overrides the root `data-testid` (defaults to `fd-side-panel`). Descendants derive their ids from this prefix. */
     'data-testid'?: string;
 }
+declare const SidePanelRoot: {
+    ({ isOpen, onOpenChange, "aria-label": ariaLabel, children, className, "data-testid": dataTestId, }: SidePanelProps): ReactNode;
+    displayName: string;
+};
 /**
  * A side panel the user can keep open while they work, such as an AI assistant or a notifications
  * list. It is never a modal: no backdrop, no focus trap, no scroll lock. From `lg` it is docked
@@ -35,10 +39,6 @@ export interface SidePanelProps {
  *
  * @summary non-modal side panel that pushes the page on desktop and covers it under the header on mobile
  */
-declare const SidePanelRoot: {
-    ({ isOpen, onOpenChange, "aria-label": ariaLabel, children, className, "data-testid": dataTestId, }: SidePanelProps): ReactNode;
-    displayName: string;
-};
 declare const SidePanel: typeof SidePanelRoot & {
     Header: typeof SidePanelHeader;
     Content: typeof SidePanelContent;

package/dist/components/organisms/SidePanel/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/SidePanel/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AACnE,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AAMjE,YAAY,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AAC7E,YAAY,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AAC3E,YAAY,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAElE,MAAM,WAAW,cAAc;IAC7B;;;;;OAKG;IACH,MAAM,EAAE,OAAO,CAAC;IAChB,oEAAoE;IACpE,YAAY,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACxC,sDAAsD;IACtD,YAAY,EAAE,MAAM,CAAC;IACrB,8EAA8E;IAC9E,QAAQ,EAAE,SAAS,CAAC;IACpB,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qHAAqH;IACrH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa;yGAOhB,cAAc,GAAG,SAAS;;CAoC5B,CAAC;AAGF,QAAA,MAAM,SAAS,EAAoB,OAAO,aAAa,GAAG;IACxD,MAAM,EAAE,OAAO,eAAe,CAAC;IAC/B,OAAO,EAAE,OAAO,gBAAgB,CAAC;IACjC,MAAM,EAAE,OAAO,eAAe,CAAC;CAChC,CAAC;AAMF,OAAO,EAAE,SAAS,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/SidePanel/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAM/D,YAAY,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AAC3E,YAAY,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AACzE,YAAY,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AACzE,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAEhE,MAAM,WAAW,cAAc;IAC7B;;;;;OAKG;IACH,MAAM,EAAE,OAAO,CAAC;IAChB,oEAAoE;IACpE,YAAY,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACxC,sDAAsD;IACtD,YAAY,EAAE,MAAM,CAAC;IACrB,8EAA8E;IAC9E,QAAQ,EAAE,SAAS,CAAC;IACpB,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qHAAqH;IACrH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,QAAA,MAAM,aAAa;yGAOhB,cAAc,GAAG,SAAS;;CAoC5B,CAAC;AAGF;;;;;;;;;GASG;AACH,QAAA,MAAM,SAAS,EAAoB,OAAO,aAAa,GAAG;IACxD,MAAM,EAAE,OAAO,eAAe,CAAC;IAC/B,OAAO,EAAE,OAAO,gBAAgB,CAAC;IACjC,MAAM,EAAE,OAAO,eAAe,CAAC;CAChC,CAAC;AAMF,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/dist/components/organisms/SidePanel/index.js

@@ -3,25 +3,15 @@ import { useBreakpoints } from '@flipdish/ui-library/hooks/useBreakpoints';
 import { useResolvedTestId, TestIdProvider } from '@flipdish/ui-library/utilities/testIdUtils';
 import { AnimatePresence } from 'motion/react';
 import { useContext, useEffect } from 'react';
-import { SidePanelContent } from './components/side-panel-content.js';
-import { SidePanelFooter } from './components/side-panel-footer.js';
-import { SidePanelHeader } from './components/side-panel-header.js';
-import { SidePanelRegion } from './components/side-panel-region.js';
-export { SIDE_PANEL_WIDTH } from './components/side-panel-region.js';
+import { SidePanelContent } from './components/SidePanelContent.js';
+import { SidePanelFooter } from './components/SidePanelFooter.js';
+import { SidePanelHeader } from './components/SidePanelHeader.js';
+import { SidePanelRegion } from './components/SidePanelRegion.js';
+export { SIDE_PANEL_WIDTH } from './components/SidePanelRegion.js';
 import { useOpenOnMount } from './hooks/useOpenOnMount.js';
-import { PageCoverContext } from './providers/page-cover-context.js';
-import { SidePanelContext } from './providers/side-panel-context.js';
+import { PageCoverContext } from './providers/PageCover.context.js';
+import { SidePanelContext } from './providers/SidePanel.context.js';
 
-/**
- * A side panel the user can keep open while they work, such as an AI assistant or a notifications
- * list. It is never a modal: no backdrop, no focus trap, no scroll lock. From `lg` it is docked
- * beside the page, which narrows to make room. Below `lg` there is no room to push, so it covers
- * the page area under the header, which stays in reach to close it. Place it in `AppShell`'s `panel`
- * slot, or as the last child of your own content row, and render it always: `isOpen` decides
- * whether it shows.
- *
- * @summary non-modal side panel that pushes the page on desktop and covers it under the header on mobile
- */
 const SidePanelRoot = ({ isOpen, onOpenChange, 'aria-label': ariaLabel, children, className, 'data-testid': dataTestId, }) => {
     const rootTestId = useResolvedTestId({ testId: dataTestId, segment: 'side-panel', rootName: 'side-panel' });
     const isDesktop = useBreakpoints('lg');
@@ -40,6 +30,16 @@ const SidePanelRoot = ({ isOpen, onOpenChange, 'aria-label': ariaLabel, children
     return (jsx(SidePanelContext.Provider, { value: { close: () => onOpenChange(false), label: ariaLabel }, children: jsx(TestIdProvider, { value: rootTestId, children: jsx(AnimatePresence, { initial: false, children: isOpen && (jsx(SidePanelRegion, { "aria-label": ariaLabel, className: className, testId: rootTestId, isDesktop: isDesktop, shouldFocusOnMount: shouldFocusOnMount, children: children }, "side-panel")) }) }) }));
 };
 SidePanelRoot.displayName = 'SidePanel';
+/**
+ * A side panel the user can keep open while they work, such as an AI assistant or a notifications
+ * list. It is never a modal: no backdrop, no focus trap, no scroll lock. From `lg` it is docked
+ * beside the page, which narrows to make room. Below `lg` there is no room to push, so it covers
+ * the page area under the header, which stays in reach to close it. Place it in `AppShell`'s `panel`
+ * slot, or as the last child of your own content row, and render it always: `isOpen` decides
+ * whether it shows.
+ *
+ * @summary non-modal side panel that pushes the page on desktop and covers it under the header on mobile
+ */
 const SidePanel = SidePanelRoot;
 SidePanel.Header = SidePanelHeader;
 SidePanel.Content = SidePanelContent;

package/dist/components/organisms/SidePanel/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/organisms/SidePanel/index.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;AAwCA;;;;;;;;;AASG;AACH,MAAM,aAAa,GAAG,CAAC,EACrB,MAAM,EACN,YAAY,EACZ,YAAY,EAAE,SAAS,EACvB,QAAQ,EACR,SAAS,EACT,aAAa,EAAE,UAAU,GACV,KAAe;AAC9B,IAAA,MAAM,UAAU,GAAG,iBAAiB,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,YAAY,EAAE,CAAC;AAC3G,IAAA,MAAM,SAAS,GAAG,cAAc,CAAC,IAAI,CAAC;AACtC,IAAA,MAAM,cAAc,GAAG,UAAU,CAAC,gBAAgB,CAAC;;IAEnD,MAAM,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,GAAG,cAAc,CAAC,MAAM,CAAC;IAEzE,MAAM,UAAU,GAAG,kBAAkB,IAAI,MAAM,IAAI,CAAC,SAAS;IAC7D,SAAS,CAAC,MAAK;AACb,QAAA,IAAI,CAAC,cAAc,IAAI,CAAC,UAAU;YAAE;QACpC,cAAc,CAAC,IAAI,CAAC;AACpB,QAAA,OAAO,MAAM,cAAc,CAAC,KAAK,CAAC;AACpC,IAAA,CAAC,EAAE,CAAC,cAAc,EAAE,UAAU,CAAC,CAAC;AAEhC,IAAA,IAAI,CAAC,kBAAkB;AAAE,QAAA,OAAO,IAAI;AAEpC,IAAA,QACEA,GAAA,CAAC,gBAAgB,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAA,QAAA,EACtFA,GAAA,CAAC,cAAc,EAAA,EAAC,KAAK,EAAE,UAAU,EAAA,QAAA,EAC/BA,GAAA,CAAC,eAAe,EAAA,EAAC,OAAO,EAAE,KAAK,EAAA,QAAA,EAC5B,MAAM,KACLA,IAAC,eAAe,EAAA,EAAA,YAAA,EAEF,SAAS,EACrB,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,UAAU,EAClB,SAAS,EAAE,SAAS,EACpB,kBAAkB,EAAE,kBAAkB,EAAA,QAAA,EAErC,QAAQ,EAAA,EAPL,YAAY,CAQA,CACnB,EAAA,CACe,EAAA,CACH,EAAA,CACS;AAEhC,CAAC;AACD,aAAa,CAAC,WAAW,GAAG,WAAW;AAEvC,MAAM,SAAS,GAAG;AAMlB,SAAS,CAAC,MAAM,GAAG,eAAe;AAClC,SAAS,CAAC,OAAO,GAAG,gBAAgB;AACpC,SAAS,CAAC,MAAM,GAAG,eAAe;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/organisms/SidePanel/index.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;AAwCA,MAAM,aAAa,GAAG,CAAC,EACrB,MAAM,EACN,YAAY,EACZ,YAAY,EAAE,SAAS,EACvB,QAAQ,EACR,SAAS,EACT,aAAa,EAAE,UAAU,GACV,KAAe;AAC9B,IAAA,MAAM,UAAU,GAAG,iBAAiB,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,YAAY,EAAE,CAAC;AAC3G,IAAA,MAAM,SAAS,GAAG,cAAc,CAAC,IAAI,CAAC;AACtC,IAAA,MAAM,cAAc,GAAG,UAAU,CAAC,gBAAgB,CAAC;;IAEnD,MAAM,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,GAAG,cAAc,CAAC,MAAM,CAAC;IAEzE,MAAM,UAAU,GAAG,kBAAkB,IAAI,MAAM,IAAI,CAAC,SAAS;IAC7D,SAAS,CAAC,MAAK;AACb,QAAA,IAAI,CAAC,cAAc,IAAI,CAAC,UAAU;YAAE;QACpC,cAAc,CAAC,IAAI,CAAC;AACpB,QAAA,OAAO,MAAM,cAAc,CAAC,KAAK,CAAC;AACpC,IAAA,CAAC,EAAE,CAAC,cAAc,EAAE,UAAU,CAAC,CAAC;AAEhC,IAAA,IAAI,CAAC,kBAAkB;AAAE,QAAA,OAAO,IAAI;AAEpC,IAAA,QACEA,GAAA,CAAC,gBAAgB,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAA,QAAA,EACtFA,GAAA,CAAC,cAAc,EAAA,EAAC,KAAK,EAAE,UAAU,EAAA,QAAA,EAC/BA,GAAA,CAAC,eAAe,EAAA,EAAC,OAAO,EAAE,KAAK,EAAA,QAAA,EAC5B,MAAM,KACLA,IAAC,eAAe,EAAA,EAAA,YAAA,EAEF,SAAS,EACrB,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,UAAU,EAClB,SAAS,EAAE,SAAS,EACpB,kBAAkB,EAAE,kBAAkB,EAAA,QAAA,EAErC,QAAQ,EAAA,EAPL,YAAY,CAQA,CACnB,EAAA,CACe,EAAA,CACH,EAAA,CACS;AAEhC,CAAC;AACD,aAAa,CAAC,WAAW,GAAG,WAAW;AAEvC;;;;;;;;;AASG;AACH,MAAM,SAAS,GAAG;AAMlB,SAAS,CAAC,MAAM,GAAG,eAAe;AAClC,SAAS,CAAC,OAAO,GAAG,gBAAgB;AACpC,SAAS,CAAC,MAAM,GAAG,eAAe;;;;"}

package/dist/components/organisms/SidePanel/providers/PageCover.context.cjs

@@ -0,0 +1,12 @@
+'use strict';
+
+var React = require('react');
+
+/**
+ * Lets the panel tell the layout around it that it is covering the page below `lg`, so the layout
+ * can take the page out of reach. `AppShell` provides it; without a provider the panel calls nothing.
+ */
+const PageCoverContext = React.createContext(undefined);
+
+exports.PageCoverContext = PageCoverContext;
+//# sourceMappingURL=PageCover.context.cjs.map

package/dist/components/organisms/SidePanel/providers/PageCover.context.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageCover.context.cjs","sources":["../../../../../src/components/organisms/SidePanel/providers/PageCover.context.ts"],"sourcesContent":[null],"names":["createContext"],"mappings":";;;;AAIA;;;AAGG;MACU,gBAAgB,GAAGA,mBAAa,CAA6C,SAAS;;;;"}

package/dist/components/organisms/SidePanel/providers/PageCover.context.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Lets the panel tell the layout around it that it is covering the page below `lg`, so the layout
+ * can take the page out of reach. `AppShell` provides it; without a provider the panel calls nothing.
+ */
+export declare const PageCoverContext: import("react").Context<((isCovered: boolean) => void) | undefined>;
+//# sourceMappingURL=PageCover.context.d.ts.map

package/dist/components/organisms/SidePanel/providers/PageCover.context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageCover.context.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/SidePanel/providers/PageCover.context.ts"],"names":[],"mappings":"AAIA;;;GAGG;AACH,eAAO,MAAM,gBAAgB,uCAA8B,OAAO,KAAK,IAAI,cAAyB,CAAC"}

package/dist/components/organisms/SidePanel/providers/PageCover.context.js

@@ -0,0 +1,10 @@
+import { createContext } from 'react';
+
+/**
+ * Lets the panel tell the layout around it that it is covering the page below `lg`, so the layout
+ * can take the page out of reach. `AppShell` provides it; without a provider the panel calls nothing.
+ */
+const PageCoverContext = createContext(undefined);
+
+export { PageCoverContext };
+//# sourceMappingURL=PageCover.context.js.map

package/dist/components/organisms/SidePanel/providers/PageCover.context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageCover.context.js","sources":["../../../../../src/components/organisms/SidePanel/providers/PageCover.context.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAIA;;;AAGG;MACU,gBAAgB,GAAG,aAAa,CAA6C,SAAS;;;;"}

package/dist/components/organisms/SidePanel/providers/SidePanel.context.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+var React = require('react');
+
+/** Provided by the panel root, read by its header, so the sections never import `../index`. */
+const SidePanelContext = React.createContext(undefined);
+
+exports.SidePanelContext = SidePanelContext;
+//# sourceMappingURL=SidePanel.context.cjs.map

package/dist/components/organisms/SidePanel/providers/SidePanel.context.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidePanel.context.cjs","sources":["../../../../../src/components/organisms/SidePanel/providers/SidePanel.context.ts"],"sourcesContent":[null],"names":["createContext"],"mappings":";;;;AAUA;MACa,gBAAgB,GAAGA,mBAAa,CAAoC,SAAS;;;;"}

package/dist/components/organisms/SidePanel/providers/SidePanel.context.d.ts

@@ -0,0 +1,8 @@
+export interface SidePanelContextValue {
+    close: () => void;
+    /** The panel's `aria-label`, so the close button can say which panel it closes. */
+    label: string;
+}
+/** Provided by the panel root, read by its header, so the sections never import `../index`. */
+export declare const SidePanelContext: import("react").Context<SidePanelContextValue | undefined>;
+//# sourceMappingURL=SidePanel.context.d.ts.map

package/dist/components/organisms/SidePanel/providers/SidePanel.context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidePanel.context.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/SidePanel/providers/SidePanel.context.ts"],"names":[],"mappings":"AAIA,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,mFAAmF;IACnF,KAAK,EAAE,MAAM,CAAC;CACf;AAED,+FAA+F;AAC/F,eAAO,MAAM,gBAAgB,4DAA8D,CAAC"}

package/dist/components/organisms/SidePanel/providers/SidePanel.context.js

@@ -0,0 +1,7 @@
+import { createContext } from 'react';
+
+/** Provided by the panel root, read by its header, so the sections never import `../index`. */
+const SidePanelContext = createContext(undefined);
+
+export { SidePanelContext };
+//# sourceMappingURL=SidePanel.context.js.map

package/dist/components/organisms/SidePanel/providers/SidePanel.context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidePanel.context.js","sources":["../../../../../src/components/organisms/SidePanel/providers/SidePanel.context.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAUA;MACa,gBAAgB,GAAG,aAAa,CAAoC,SAAS;;;;"}

package/dist/components/organisms/SidebarNavigation/components/LogoLink.cjs

@@ -0,0 +1,23 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var FlipdishLogo = require('@flipdish/ui-library/components/atoms/FlipdishLogo');
+var cx = require('@flipdish/ui-library/utilities/cx');
+var hrefUtils = require('@flipdish/ui-library/utilities/hrefUtils');
+var reactAriaComponents = require('react-aria-components');
+
+/**
+ * The Flipdish logo as a link home. Sized to the logo so it never swallows clicks meant for neighbouring
+ * controls. When `safeHref` rejects the destination it renders the plain logo, so nothing can be activated
+ * and `onClick` never reports a URL the link itself refused.
+ */
+const LogoLink = ({ href, size, onClick, className, 'data-testid': dataTestId }) => {
+    const destination = hrefUtils.safeHref(href);
+    if (destination === undefined) {
+        return jsxRuntime.jsx(FlipdishLogo.FlipdishLogo, { size: size, className: className, "data-testid": dataTestId });
+    }
+    return (jsxRuntime.jsx(reactAriaComponents.Link, { href: destination, "aria-label": "Go to homepage", "data-testid": dataTestId, onClick: onClick, className: cx.cx('inline-flex rounded-xs outline-focus-ring focus-visible:outline-2 focus-visible:outline-offset-2', className), children: jsxRuntime.jsx(FlipdishLogo.FlipdishLogo, { size: size, "aria-hidden": "true" }) }));
+};
+
+exports.LogoLink = LogoLink;
+//# sourceMappingURL=LogoLink.cjs.map

package/dist/components/organisms/SidebarNavigation/components/LogoLink.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LogoLink.cjs","sources":["../../../../../src/components/organisms/SidebarNavigation/components/LogoLink.tsx"],"sourcesContent":[null],"names":["safeHref","_jsx","FlipdishLogo","AriaLink","cx"],"mappings":";;;;;;;;AAgBA;;;;AAIG;AACI,MAAM,QAAQ,GAAG,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,UAAU,EAAiB,KAAI;AACvG,IAAA,MAAM,WAAW,GAAGA,kBAAQ,CAAC,IAAI,CAAC;AAElC,IAAA,IAAI,WAAW,KAAK,SAAS,EAAE;AAC7B,QAAA,OAAOC,cAAA,CAACC,yBAAY,EAAA,EAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAA,aAAA,EAAe,UAAU,GAAI;IACpF;AAEA,IAAA,QACED,cAAA,CAACE,wBAAQ,EAAA,EACP,IAAI,EAAE,WAAW,EAAA,YAAA,EACN,gBAAgB,EAAA,aAAA,EACd,UAAU,EACvB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAEC,KAAE,CAAC,kGAAkG,EAAE,SAAS,CAAC,EAAA,QAAA,EAE5HH,eAACC,yBAAY,EAAA,EAAC,IAAI,EAAE,IAAI,EAAA,aAAA,EAAc,MAAM,EAAA,CAAG,EAAA,CACtC;AAEf;;;;"}

package/dist/components/organisms/SidebarNavigation/components/LogoLink.d.ts

@@ -0,0 +1,16 @@
+interface LogoLinkProps {
+    href: string;
+    size: 'sm' | 'md';
+    /** Called when the link is activated, before the router handles it. Never called for a rejected `href`. */
+    onClick?: () => void;
+    className?: string;
+    'data-testid'?: string;
+}
+/**
+ * The Flipdish logo as a link home. Sized to the logo so it never swallows clicks meant for neighbouring
+ * controls. When `safeHref` rejects the destination it renders the plain logo, so nothing can be activated
+ * and `onClick` never reports a URL the link itself refused.
+ */
+export declare const LogoLink: ({ href, size, onClick, className, "data-testid": dataTestId }: LogoLinkProps) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=LogoLink.d.ts.map

package/dist/components/organisms/SidebarNavigation/components/LogoLink.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LogoLink.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/SidebarNavigation/components/LogoLink.tsx"],"names":[],"mappings":"AAOA,UAAU,aAAa;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IAClB,2GAA2G;IAC3G,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;GAIG;AACH,eAAO,MAAM,QAAQ,GAAI,+DAA+D,aAAa,gCAkBpG,CAAC"}

package/dist/components/organisms/SidebarNavigation/components/LogoLink.js

@@ -0,0 +1,21 @@
+import { jsx } from 'react/jsx-runtime';
+import { FlipdishLogo } from '@flipdish/ui-library/components/atoms/FlipdishLogo';
+import { cx } from '@flipdish/ui-library/utilities/cx';
+import { safeHref } from '@flipdish/ui-library/utilities/hrefUtils';
+import { Link } from 'react-aria-components';
+
+/**
+ * The Flipdish logo as a link home. Sized to the logo so it never swallows clicks meant for neighbouring
+ * controls. When `safeHref` rejects the destination it renders the plain logo, so nothing can be activated
+ * and `onClick` never reports a URL the link itself refused.
+ */
+const LogoLink = ({ href, size, onClick, className, 'data-testid': dataTestId }) => {
+    const destination = safeHref(href);
+    if (destination === undefined) {
+        return jsx(FlipdishLogo, { size: size, className: className, "data-testid": dataTestId });
+    }
+    return (jsx(Link, { href: destination, "aria-label": "Go to homepage", "data-testid": dataTestId, onClick: onClick, className: cx('inline-flex rounded-xs outline-focus-ring focus-visible:outline-2 focus-visible:outline-offset-2', className), children: jsx(FlipdishLogo, { size: size, "aria-hidden": "true" }) }));
+};
+
+export { LogoLink };
+//# sourceMappingURL=LogoLink.js.map

package/dist/components/organisms/SidebarNavigation/components/LogoLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LogoLink.js","sources":["../../../../../src/components/organisms/SidebarNavigation/components/LogoLink.tsx"],"sourcesContent":[null],"names":["_jsx","AriaLink"],"mappings":";;;;;;AAgBA;;;;AAIG;AACI,MAAM,QAAQ,GAAG,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,UAAU,EAAiB,KAAI;AACvG,IAAA,MAAM,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC;AAElC,IAAA,IAAI,WAAW,KAAK,SAAS,EAAE;AAC7B,QAAA,OAAOA,GAAA,CAAC,YAAY,EAAA,EAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAA,aAAA,EAAe,UAAU,GAAI;IACpF;AAEA,IAAA,QACEA,GAAA,CAACC,IAAQ,EAAA,EACP,IAAI,EAAE,WAAW,EAAA,YAAA,EACN,gBAAgB,EAAA,aAAA,EACd,UAAU,EACvB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,EAAE,CAAC,kGAAkG,EAAE,SAAS,CAAC,EAAA,QAAA,EAE5HD,IAAC,YAAY,EAAA,EAAC,IAAI,EAAE,IAAI,EAAA,aAAA,EAAc,MAAM,EAAA,CAAG,EAAA,CACtC;AAEf;;;;"}

package/dist/components/organisms/SidebarNavigation/components/MobileHeader.cjs

@@ -0,0 +1,27 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var uiIcons = require('@flipdish/ui-icons');
+var cx = require('@flipdish/ui-library/utilities/cx');
+var reactAriaComponents = require('react-aria-components');
+var LogoLink = require('./LogoLink.cjs');
+var SidebarMenuButton = require('./SidebarMenuButton.cjs');
+
+/**
+ * The built-in mobile top bar: Flipdish logo + hamburger toggle, shown below the
+ * `lg` breakpoint. Rendered by `SidebarNavigation` when `showMobileHeader` is `true`.
+ * Consumers who supply their own header instead should set `showMobileHeader={false}`
+ * and embed a {@link SidebarMenuButton}.
+ */
+const MobileNavigationHeader = ({ isOpen, onOpenChange, controls, homeHref, onHomePress, logoTestId, 'data-testid': dataTestId, }) => (jsxRuntime.jsxs("header", { className: "flex h-14 items-center justify-between border-b border-secondary bg-primary p-3 pl-4 lg:hidden", children: [jsxRuntime.jsx(LogoLink.LogoLink, { href: homeHref, size: "sm", onClick: onHomePress, "data-testid": logoTestId }), jsxRuntime.jsx(SidebarMenuButton.SidebarMenuButton, { isOpen: isOpen, onPress: () => onOpenChange(!isOpen), controls: controls, "data-testid": dataTestId })] }));
+/**
+ * The controlled slide-over drawer that holds the mobile navigation. Its open
+ * state is owned by `SidebarNavigation`, so it can be driven by either the
+ * built-in header or an externally-embedded {@link SidebarMenuButton}. Hidden at
+ * `lg` and up, where the fixed rail takes over.
+ */
+const MobileNavigationDrawer = ({ isOpen, onOpenChange, id, children, 'aria-label': ariaLabel = 'Navigation menu', 'data-testid': dataTestId, }) => (jsxRuntime.jsx(reactAriaComponents.ModalOverlay, { isDismissable: true, isOpen: isOpen, onOpenChange: onOpenChange, className: ({ isEntering, isExiting }) => cx.cx('fixed inset-0 z-50 cursor-pointer bg-overlay/70 pr-16 backdrop-blur-md lg:hidden', isEntering && 'duration-300 ease-in-out animate-in fade-in', isExiting && 'duration-200 ease-in-out animate-out fade-out'), children: ({ state }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(reactAriaComponents.Button, { "aria-label": "Close navigation menu", "data-testid": dataTestId, onPress: () => state.close(), className: "fixed top-2.5 right-3 flex cursor-pointer items-center justify-center rounded-lg p-2 text-fg-white/70 outline-focus-ring hover:bg-white/10 hover:text-fg-white focus-visible:outline-2 focus-visible:outline-offset-2", children: jsxRuntime.jsx(uiIcons.X, { className: "size-6" }) }), jsxRuntime.jsx(reactAriaComponents.Modal, { className: "w-full max-w-74 cursor-auto will-change-transform", children: jsxRuntime.jsx(reactAriaComponents.Dialog, { id: id, "aria-label": ariaLabel, className: "h-dvh outline-hidden focus:outline-hidden", children: children }) })] })) }));
+
+exports.MobileNavigationDrawer = MobileNavigationDrawer;
+exports.MobileNavigationHeader = MobileNavigationHeader;
+//# sourceMappingURL=MobileHeader.cjs.map

package/dist/components/organisms/SidebarNavigation/components/MobileHeader.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MobileHeader.cjs","sources":["../../../../../src/components/organisms/SidebarNavigation/components/MobileHeader.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx","LogoLink","SidebarMenuButton","AriaModalOverlay","cx","_Fragment","AriaButton","CloseIcon","AriaModal","AriaDialog"],"mappings":";;;;;;;;;AA0BA;;;;;AAKG;AACI,MAAM,sBAAsB,GAAG,CAAC,EACrC,MAAM,EACN,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,UAAU,EACV,aAAa,EAAE,UAAU,GACG,MAC5BA,eAAA,CAAA,QAAA,EAAA,EAAQ,SAAS,EAAC,gGAAgG,EAAA,QAAA,EAAA,CAChHC,cAAA,CAACC,iBAAQ,EAAA,EAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAC,IAAI,EAAC,OAAO,EAAE,WAAW,EAAA,aAAA,EAAe,UAAU,EAAA,CAAI,EACrFD,eAACE,mCAAiB,EAAA,EAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC,CAAC,MAAM,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAA,aAAA,EAAe,UAAU,EAAA,CAAI,CAAA,EAAA,CACjH;AAgBX;;;;;AAKG;AACI,MAAM,sBAAsB,GAAG,CAAC,EACrC,MAAM,EACN,YAAY,EACZ,EAAE,EACF,QAAQ,EACR,YAAY,EAAE,SAAS,GAAG,iBAAiB,EAC3C,aAAa,EAAE,UAAU,GACG,MAC5BF,eAACG,gCAAgB,EAAA,EACf,aAAa,EAAA,IAAA,EACb,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,CAAC,EAAE,UAAU,EAAE,SAAS,EAAE,KACnCC,KAAE,CACA,kFAAkF,EAClF,UAAU,IAAI,6CAA6C,EAC3D,SAAS,IAAI,+CAA+C,CAC7D,EAAA,QAAA,EAGF,CAAC,EAAE,KAAK,EAAE,MACTL,eAAA,CAAAM,mBAAA,EAAA,EAAA,QAAA,EAAA,CACEL,cAAA,CAACM,0BAAU,EAAA,EAAA,YAAA,EACE,uBAAuB,EAAA,aAAA,EACrB,UAAU,EACvB,OAAO,EAAE,MAAM,KAAK,CAAC,KAAK,EAAE,EAC5B,SAAS,EAAC,uNAAuN,EAAA,QAAA,EAEjON,cAAA,CAACO,SAAS,EAAA,EAAC,SAAS,EAAC,QAAQ,EAAA,CAAG,EAAA,CACrB,EAEbP,cAAA,CAACQ,yBAAS,EAAA,EAAC,SAAS,EAAC,mDAAmD,EAAA,QAAA,EACtER,cAAA,CAACS,0BAAU,IAAC,EAAE,EAAE,EAAE,EAAA,YAAA,EAAc,SAAS,EAAE,SAAS,EAAC,2CAA2C,EAAA,QAAA,EAC7F,QAAQ,EAAA,CACE,EAAA,CACH,CAAA,EAAA,CACX,CACJ,EAAA,CACgB;;;;;"}

package/dist/components/organisms/SidebarNavigation/components/MobileHeader.d.ts

@@ -0,0 +1,45 @@
+import type { PropsWithChildren } from 'react';
+interface MobileNavigationHeaderProps {
+    /** Whether the drawer is open — drives the hamburger's icon and `aria-expanded`. */
+    isOpen: boolean;
+    /** Toggle the drawer open-state. */
+    onOpenChange: (open: boolean) => void;
+    /** ID of the drawer this header's toggle controls, for `aria-controls`. */
+    controls?: string;
+    /** Destination of the logo link. */
+    homeHref: string;
+    /** Called when the logo link is activated. */
+    onHomePress?: () => void;
+    /** Test id applied to the logo link. */
+    logoTestId?: string;
+    /** Test id applied to the hamburger toggle. */
+    'data-testid'?: string;
+}
+/**
+ * The built-in mobile top bar: Flipdish logo + hamburger toggle, shown below the
+ * `lg` breakpoint. Rendered by `SidebarNavigation` when `showMobileHeader` is `true`.
+ * Consumers who supply their own header instead should set `showMobileHeader={false}`
+ * and embed a {@link SidebarMenuButton}.
+ */
+export declare const MobileNavigationHeader: ({ isOpen, onOpenChange, controls, homeHref, onHomePress, logoTestId, "data-testid": dataTestId, }: MobileNavigationHeaderProps) => import("react").JSX.Element;
+interface MobileNavigationDrawerProps extends PropsWithChildren {
+    /** Controlled open state of the drawer. */
+    isOpen: boolean;
+    /** Called when the drawer opens or closes (backdrop click, Escape, or close button). */
+    onOpenChange: (open: boolean) => void;
+    /** ID applied to the drawer dialog, so a toggle can reference it via `aria-controls`. */
+    id?: string;
+    /** Accessible name for the drawer dialog, announced to screen readers. */
+    'aria-label'?: string;
+    /** Test id applied to the drawer's close button. */
+    'data-testid'?: string;
+}
+/**
+ * The controlled slide-over drawer that holds the mobile navigation. Its open
+ * state is owned by `SidebarNavigation`, so it can be driven by either the
+ * built-in header or an externally-embedded {@link SidebarMenuButton}. Hidden at
+ * `lg` and up, where the fixed rail takes over.
+ */
+export declare const MobileNavigationDrawer: ({ isOpen, onOpenChange, id, children, "aria-label": ariaLabel, "data-testid": dataTestId, }: MobileNavigationDrawerProps) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=MobileHeader.d.ts.map

package/dist/components/organisms/SidebarNavigation/components/MobileHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MobileHeader.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/SidebarNavigation/components/MobileHeader.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAK/C,UAAU,2BAA2B;IACnC,oFAAoF;IACpF,MAAM,EAAE,OAAO,CAAC;IAChB,oCAAoC;IACpC,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,oCAAoC;IACpC,QAAQ,EAAE,MAAM,CAAC;IACjB,8CAA8C;IAC9C,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,wCAAwC;IACxC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,+CAA+C;IAC/C,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;;GAKG;AACH,eAAO,MAAM,sBAAsB,GAAI,mGAQpC,2BAA2B,gCAK7B,CAAC;AAEF,UAAU,2BAA4B,SAAQ,iBAAiB;IAC7D,2CAA2C;IAC3C,MAAM,EAAE,OAAO,CAAC;IAChB,wFAAwF;IACxF,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,yFAAyF;IACzF,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,0EAA0E;IAC1E,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oDAAoD;IACpD,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;;GAKG;AACH,eAAO,MAAM,sBAAsB,GAAI,6FAOpC,2BAA2B,gCAgC7B,CAAC"}

package/dist/components/organisms/SidebarNavigation/components/MobileHeader.js

@@ -0,0 +1,24 @@
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { X } from '@flipdish/ui-icons';
+import { cx } from '@flipdish/ui-library/utilities/cx';
+import { ModalOverlay, Button, Modal, Dialog } from 'react-aria-components';
+import { LogoLink } from './LogoLink.js';
+import { SidebarMenuButton } from './SidebarMenuButton.js';
+
+/**
+ * The built-in mobile top bar: Flipdish logo + hamburger toggle, shown below the
+ * `lg` breakpoint. Rendered by `SidebarNavigation` when `showMobileHeader` is `true`.
+ * Consumers who supply their own header instead should set `showMobileHeader={false}`
+ * and embed a {@link SidebarMenuButton}.
+ */
+const MobileNavigationHeader = ({ isOpen, onOpenChange, controls, homeHref, onHomePress, logoTestId, 'data-testid': dataTestId, }) => (jsxs("header", { className: "flex h-14 items-center justify-between border-b border-secondary bg-primary p-3 pl-4 lg:hidden", children: [jsx(LogoLink, { href: homeHref, size: "sm", onClick: onHomePress, "data-testid": logoTestId }), jsx(SidebarMenuButton, { isOpen: isOpen, onPress: () => onOpenChange(!isOpen), controls: controls, "data-testid": dataTestId })] }));
+/**
+ * The controlled slide-over drawer that holds the mobile navigation. Its open
+ * state is owned by `SidebarNavigation`, so it can be driven by either the
+ * built-in header or an externally-embedded {@link SidebarMenuButton}. Hidden at
+ * `lg` and up, where the fixed rail takes over.
+ */
+const MobileNavigationDrawer = ({ isOpen, onOpenChange, id, children, 'aria-label': ariaLabel = 'Navigation menu', 'data-testid': dataTestId, }) => (jsx(ModalOverlay, { isDismissable: true, isOpen: isOpen, onOpenChange: onOpenChange, className: ({ isEntering, isExiting }) => cx('fixed inset-0 z-50 cursor-pointer bg-overlay/70 pr-16 backdrop-blur-md lg:hidden', isEntering && 'duration-300 ease-in-out animate-in fade-in', isExiting && 'duration-200 ease-in-out animate-out fade-out'), children: ({ state }) => (jsxs(Fragment, { children: [jsx(Button, { "aria-label": "Close navigation menu", "data-testid": dataTestId, onPress: () => state.close(), className: "fixed top-2.5 right-3 flex cursor-pointer items-center justify-center rounded-lg p-2 text-fg-white/70 outline-focus-ring hover:bg-white/10 hover:text-fg-white focus-visible:outline-2 focus-visible:outline-offset-2", children: jsx(X, { className: "size-6" }) }), jsx(Modal, { className: "w-full max-w-74 cursor-auto will-change-transform", children: jsx(Dialog, { id: id, "aria-label": ariaLabel, className: "h-dvh outline-hidden focus:outline-hidden", children: children }) })] })) }));
+
+export { MobileNavigationDrawer, MobileNavigationHeader };
+//# sourceMappingURL=MobileHeader.js.map

package/dist/components/organisms/SidebarNavigation/components/MobileHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MobileHeader.js","sources":["../../../../../src/components/organisms/SidebarNavigation/components/MobileHeader.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx","AriaModalOverlay","_Fragment","AriaButton","CloseIcon","AriaModal","AriaDialog"],"mappings":";;;;;;;AA0BA;;;;;AAKG;AACI,MAAM,sBAAsB,GAAG,CAAC,EACrC,MAAM,EACN,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,UAAU,EACV,aAAa,EAAE,UAAU,GACG,MAC5BA,IAAA,CAAA,QAAA,EAAA,EAAQ,SAAS,EAAC,gGAAgG,EAAA,QAAA,EAAA,CAChHC,GAAA,CAAC,QAAQ,EAAA,EAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAC,IAAI,EAAC,OAAO,EAAE,WAAW,EAAA,aAAA,EAAe,UAAU,EAAA,CAAI,EACrFA,IAAC,iBAAiB,EAAA,EAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC,CAAC,MAAM,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAA,aAAA,EAAe,UAAU,EAAA,CAAI,CAAA,EAAA,CACjH;AAgBX;;;;;AAKG;AACI,MAAM,sBAAsB,GAAG,CAAC,EACrC,MAAM,EACN,YAAY,EACZ,EAAE,EACF,QAAQ,EACR,YAAY,EAAE,SAAS,GAAG,iBAAiB,EAC3C,aAAa,EAAE,UAAU,GACG,MAC5BA,IAACC,YAAgB,EAAA,EACf,aAAa,EAAA,IAAA,EACb,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,CAAC,EAAE,UAAU,EAAE,SAAS,EAAE,KACnC,EAAE,CACA,kFAAkF,EAClF,UAAU,IAAI,6CAA6C,EAC3D,SAAS,IAAI,+CAA+C,CAC7D,EAAA,QAAA,EAGF,CAAC,EAAE,KAAK,EAAE,MACTF,IAAA,CAAAG,QAAA,EAAA,EAAA,QAAA,EAAA,CACEF,GAAA,CAACG,MAAU,EAAA,EAAA,YAAA,EACE,uBAAuB,EAAA,aAAA,EACrB,UAAU,EACvB,OAAO,EAAE,MAAM,KAAK,CAAC,KAAK,EAAE,EAC5B,SAAS,EAAC,uNAAuN,EAAA,QAAA,EAEjOH,GAAA,CAACI,CAAS,EAAA,EAAC,SAAS,EAAC,QAAQ,EAAA,CAAG,EAAA,CACrB,EAEbJ,GAAA,CAACK,KAAS,EAAA,EAAC,SAAS,EAAC,mDAAmD,EAAA,QAAA,EACtEL,GAAA,CAACM,MAAU,IAAC,EAAE,EAAE,EAAE,EAAA,YAAA,EAAc,SAAS,EAAE,SAAS,EAAC,2CAA2C,EAAA,QAAA,EAC7F,QAAQ,EAAA,CACE,EAAA,CACH,CAAA,EAAA,CACX,CACJ,EAAA,CACgB;;;;"}

package/dist/components/organisms/SidebarNavigation/components/NavAccountCard.cjs

@@ -0,0 +1,55 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var uiIcons = require('@flipdish/ui-icons');
+var Avatar = require('@flipdish/ui-library/components/atoms/Avatar');
+var useBreakpoints = require('@flipdish/ui-library/hooks/useBreakpoints');
+var cx = require('@flipdish/ui-library/utilities/cx');
+var hrefUtils = require('@flipdish/ui-library/utilities/hrefUtils');
+var testIdUtils = require('@flipdish/ui-library/utilities/testIdUtils');
+var React = require('react');
+var reactAriaComponents = require('react-aria-components');
+var useHotkeyHint = require('../../../../hooks/__internal__/useHotkeyHint/useHotkeyHint.cjs');
+
+/** Derive a menu item's testid: explicit override wins, else `<prefix>--menu-item-<id|slug(label)>`. */
+const menuItemTestId = (prefix, item) => item['data-testid'] ?? testIdUtils.joinTestId(prefix, `menu-item-${item.id ?? testIdUtils.slugifyTestId(item.label)}`);
+const POPOVER_ANIMATION = ({ isEntering, isExiting }) => cx.cx('origin-(--trigger-anchor-point) will-change-transform', isEntering &&
+    'duration-150 ease-out animate-in fade-in placement-right:slide-in-from-left-0.5 placement-top:slide-in-from-bottom-0.5 placement-bottom:slide-in-from-top-0.5', isExiting &&
+    'duration-100 ease-in animate-out fade-out placement-right:slide-out-to-left-0.5 placement-top:slide-out-to-bottom-0.5 placement-bottom:slide-out-to-top-0.5');
+const MENU_ITEM_CLASSNAME = 'group/item flex w-full cursor-pointer px-1.5 focus:outline-hidden';
+const NavAccountCardMenuItem = ({ icon: Icon, label, shortcut, href, onClick, 'data-testid': dataTestId, }) => {
+    const shortcutLabel = useHotkeyHint.useHotkeyHint(shortcut);
+    const content = (jsxRuntime.jsxs("div", { className: cx.cx('flex w-full items-center justify-between gap-3 rounded-md p-2 group-hover/item:bg-primary_hover', 'outline-focus-ring group-focus-visible/item:outline-2 group-focus-visible/item:outline-offset-2'), children: [jsxRuntime.jsxs("div", { className: "flex gap-2 text-sm font-semibold text-secondary group-hover/item:text-secondary_hover", children: [Icon && jsxRuntime.jsx(Icon, { className: "size-5 text-fg-quaternary group-hover/item:text-fg-quaternary_hover" }), " ", label] }), shortcutLabel && (jsxRuntime.jsx("kbd", { className: "flex rounded px-1 py-px font-body text-xs font-medium text-tertiary ring-1 ring-secondary ring-inset", children: shortcutLabel }))] }));
+    // A destination renders as a real anchor so it routes through `RouteProvider` and supports middle-click / new tab.
+    if (href !== undefined) {
+        const isExternal = hrefUtils.isExternalHref(href);
+        return (jsxRuntime.jsx(reactAriaComponents.Link, { href: hrefUtils.safeHref(href), target: isExternal ? '_blank' : '_self', rel: "noopener noreferrer", "data-testid": dataTestId, className: MENU_ITEM_CLASSNAME, onClick: onClick, children: content }));
+    }
+    return (jsxRuntime.jsx("button", { type: "button", "data-testid": dataTestId, className: MENU_ITEM_CLASSNAME, onClick: onClick, children: content }));
+};
+const NavAccountMenu = ({ className, menuItems = [], bottomMenuItems = [], testIdPrefix, ...dialogProps }) => {
+    const prefix = testIdPrefix ?? testIdUtils.rootTestId('nav-account-menu');
+    // Activating an item dismisses the menu — otherwise it stays open over the page it just navigated to.
+    const renderItem = (item, close) => (jsxRuntime.jsx(NavAccountCardMenuItem, { label: item.label, icon: item.icon, shortcut: item.shortcut, href: item.href, onClick: () => {
+            close();
+            item.onClick?.();
+        }, "data-testid": menuItemTestId(prefix, item) }, item.label));
+    return (jsxRuntime.jsx(reactAriaComponents.Dialog, { ...dialogProps, className: cx.cx('w-66 rounded-xl bg-secondary_alt shadow-lg ring ring-secondary_alt outline-hidden', className), children: ({ close }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [menuItems.length > 0 && (jsxRuntime.jsx("div", { className: "rounded-xl bg-primary ring-1 ring-secondary", children: jsxRuntime.jsx("div", { className: "flex flex-col gap-0.5 py-1.5", children: menuItems.map((item) => renderItem(item, close)) }) })), bottomMenuItems.length > 0 && jsxRuntime.jsx("div", { className: "pt-1 pb-1.5", children: bottomMenuItems.map((item) => renderItem(item, close)) })] })) }));
+};
+const NavAccountCard = ({ popoverPlacement, account, avatarRounded, menuItems, bottomMenuItems, variant = 'full', onOpenChange, 'data-testid': dataTestId, }) => {
+    const triggerRef = React.useRef(null);
+    const isDesktop = useBreakpoints.useBreakpoints('lg');
+    // The trigger is icon/avatar-only with no visible text, so it needs an explicit
+    // accessible name (and doubles as the testid anchor for automated tests).
+    const accountTestId = testIdUtils.useResolvedTestId({ testId: dataTestId, segment: 'account', rootName: 'nav-account-card' });
+    const triggerLabel = `${account.name} account menu`;
+    const menu = jsxRuntime.jsx(NavAccountMenu, { menuItems: menuItems, bottomMenuItems: bottomMenuItems, testIdPrefix: accountTestId });
+    if (variant === 'avatar') {
+        return (jsxRuntime.jsxs(reactAriaComponents.DialogTrigger, { onOpenChange: onOpenChange, children: [jsxRuntime.jsx(reactAriaComponents.Button, { "aria-label": triggerLabel, ...testIdUtils.testIdProps(accountTestId), className: ({ isPressed, isFocused }) => cx.cx('group relative inline-flex cursor-pointer rounded-full', (isPressed || isFocused) && 'outline-2 outline-offset-2 outline-focus-ring'), children: jsxRuntime.jsx(Avatar.Avatar, { border: true, status: account.status, src: account.avatar, size: "md", alt: account.name, rounded: avatarRounded }) }), jsxRuntime.jsx(reactAriaComponents.Popover, { placement: popoverPlacement ?? 'right bottom', offset: 8, crossOffset: 6, className: POPOVER_ANIMATION, children: menu })] }));
+    }
+    return (jsxRuntime.jsxs("div", { ref: triggerRef, className: "relative flex items-center gap-3 rounded-xl bg-primary p-3 ring-1 ring-secondary ring-inset", children: [jsxRuntime.jsx(Avatar.AvatarLabelGroup, { size: "md", src: account.avatar, title: account.name, subtitle: account.email, status: account.status, rounded: avatarRounded }), jsxRuntime.jsxs(reactAriaComponents.DialogTrigger, { onOpenChange: onOpenChange, children: [jsxRuntime.jsx(reactAriaComponents.Button, { "aria-label": triggerLabel, ...testIdUtils.testIdProps(accountTestId), className: "absolute top-2 right-2 flex cursor-pointer items-center justify-center rounded-md p-1.5 text-fg-quaternary outline-focus-ring transition duration-100 ease-linear hover:bg-primary_hover hover:text-fg-quaternary_hover focus-visible:outline-2 focus-visible:outline-offset-2 pressed:bg-primary_hover pressed:text-fg-quaternary_hover", children: jsxRuntime.jsx(uiIcons.ChevronSelectorVertical, { className: "size-4 shrink-0 stroke-[2.25px]" }) }), jsxRuntime.jsx(reactAriaComponents.Popover, { placement: popoverPlacement ?? (isDesktop ? 'right bottom' : 'top right'), triggerRef: triggerRef, offset: 8, className: POPOVER_ANIMATION, children: menu })] })] }));
+};
+
+exports.NavAccountCard = NavAccountCard;
+exports.NavAccountMenu = NavAccountMenu;
+//# sourceMappingURL=NavAccountCard.cjs.map

package/dist/components/organisms/SidebarNavigation/components/NavAccountCard.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavAccountCard.cjs","sources":["../../../../../src/components/organisms/SidebarNavigation/components/NavAccountCard.tsx"],"sourcesContent":[null],"names":["joinTestId","slugifyTestId","cx","useHotkeyHint","_jsxs","_jsx","isExternalHref","AriaLink","safeHref","rootTestId","AriaDialog","_Fragment","useRef","useBreakpoints","useResolvedTestId","AriaDialogTrigger","AriaButton","testIdProps","Avatar","AriaPopover","AvatarLabelGroup","ChevronSelectorVertical"],"mappings":"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"}