@nimbus-ds/patterns 1.16.0 → 1.17.0-rc.1

package/dist/AppShell/index.d.ts

@@ -1,6 +1,6 @@
 // Generated by dts-bundle-generator v8.0.0
 
-import { BoxBaseProps, BoxProperties } from '@nimbus-ds/components';
+import { BoxBaseProps, BoxProperties, BoxProps } from '@nimbus-ds/components';
 import React from 'react';
 import { HTMLAttributes, ReactNode } from 'react';
 
@@ -21,6 +21,25 @@ export declare const AppShellHeader: React.FC<AppShellHeaderProps>;
 export interface AppShellComponents {
 	Header: typeof AppShellHeader;
 }
+/**
+ * Configuration options for the AppShell flyout (popover) behavior when the menu is collapsed.
+ * This consolidates all popover-related props into a single object for simpler usage,
+ * while keeping individual top-level props for backward compatibility.
+ */
+export type AppShellMenuFlyoutOptions = {
+	/** How the popover opens. Defaults to 'hover'. */
+	trigger?: "hover" | "manual";
+	/** Controlled open state for the flyout. */
+	open?: boolean;
+	/** Uncontrolled initial open state for the flyout. */
+	defaultOpen?: boolean;
+	/** Callback when the open state should change. */
+	onOpenChange?: (open: boolean) => void;
+	/** Hover open delay in ms (only when trigger is 'hover'). */
+	hoverOpenDelayMs?: number;
+	/** Hover close delay in ms (only when trigger is 'hover'). */
+	hoverCloseDelayMs?: number;
+} & Omit<BoxProps, "position" | "top" | "left" | "right" | "bottom" | "height">;
 export interface AppShellProperties {
 	/**
 	 * Content for the body of the application.
@@ -36,6 +55,47 @@ export interface AppShellProperties {
 	 * Can be used to control the responsive properties of the AppShell menu so you can change which breakpoint the menu hides under.
 	 */
 	menuProperties?: Pick<BoxBaseProps, "display">;
+	/**
+	 * Controls whether the left sidebar (menu) is expanded (true) or collapsed (false). When undefined, the component is uncontrolled and uses defaultMenuExpanded.
+	 */
+	menuExpanded?: boolean;
+	/**
+	 * Initial expansion state when uncontrolled.
+	 */
+	defaultMenuExpanded?: boolean;
+	/**
+	 * Callback fired when the expansion state changes.
+	 */
+	onMenuExpandedChange?: (expanded: boolean) => void;
+	/**
+	 * Sidebar width when expanded. Defaults to "18rem".
+	 */
+	menuExpandedWidth?: string | number;
+	/**
+	 * Sidebar width when collapsed (rail). If provided, the sidebar will render in a compact rail while collapsed. Defaults to "4.5rem".
+	 */
+	menuCollapsedWidth?: string | number;
+	/**
+	 * Determines how the left sidebar behaves when collapsed.
+	 * - 'inline': current behavior; width changes affect layout.
+	 * - 'popover': when collapsed, hovering or clicking the rail shows the expanded menu as an overlay without affecting layout.
+	 */
+	menuBehavior?: "inline" | "popover";
+	/**
+	 * Consolidated configuration for the popover/flyout behavior when `menuBehavior` is 'popover'.
+	 * Prefer using this over individual top-level props for simpler usage.
+	 */
+	menuFlyout?: AppShellMenuFlyoutOptions;
+	/**
+	 * Optional content to render inside the collapsed rail. Falls back to `menu` when not provided.
+	 * @TJS-type React.ReactNode
+	 */
+	menuCollapsed?: ReactNode;
+	/**
+	 * Optional content to render when expanded (both inline and popover). Falls back to `menu` when not provided.
+	 * @TJS-type React.ReactNode
+	 */
+	menuExpandedContent?: ReactNode;
 }
 export type AppShellProps = AppShellProperties & Omit<HTMLAttributes<HTMLElement>, "color">;
 export declare const AppShell: React.FC<AppShellProps> & AppShellComponents;

package/dist/AppShell/index.js

@@ -1,2 +1,2 @@
 "use client";
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("@nimbus-ds/components")):"function"==typeof define&&define.amd?define(["react","@nimbus-ds/components"],t):"object"==typeof exports?exports["@nimbus-ds/patterns"]=t(require("react"),require("@nimbus-ds/components")):e["@nimbus-ds/patterns"]=t(e.react,e["@nimbus-ds/components"])}(global,((e,t)=>(()=>{"use strict";var r={8713:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.AppShell=void 0;const n=r(5163).__importDefault(r(8156)),o=r(5280),a=r(6338),i=({className:e,style:t,children:r,menu:a,menuProperties:i={display:{xs:"none",md:"block"}},...l})=>n.default.createElement(o.Box,{...l,display:"flex"},a&&n.default.createElement(o.Box,{...i,width:"18rem",height:"100vh",position:"sticky",top:"0",left:"0",borderStyle:"solid",borderWidth:"none",borderRightWidth:"1",borderColor:"neutral-surfaceDisabled"},a),n.default.createElement(o.Box,{display:"flex",flexDirection:"column",flex:"1 1 auto",backgroundColor:"neutral-surface",width:"100%"},r));t.AppShell=i,i.Header=a.AppShellHeader,i.displayName="AppShell",i.Header.displayName="AppShell.Header"},3718:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0});const n=r(5163);n.__exportStar(r(8462),t),n.__exportStar(r(6338),t)},3485:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.AppShellHeader=void 0;const n=r(5163).__importDefault(r(8156)),o=r(5280);t.AppShellHeader=({className:e,style:t,leftSlot:r,rightSlot:a,...i})=>n.default.createElement(o.Box,{...i,padding:"2",display:"flex",justifyContent:r?"space-between":"flex-end",gap:"2"},r,a&&n.default.createElement(o.Box,{display:"flex",gap:{xs:"1",md:"2"}},a))},1450:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.AppShellHeader=void 0;const n=r(3485);var o=r(3485);Object.defineProperty(t,"AppShellHeader",{enumerable:!0,get:function(){return o.AppShellHeader}}),t.default=n.AppShellHeader},6338:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0});r(5163).__exportStar(r(1450),t)},8462:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.AppShell=void 0;const n=r(8713);var o=r(8713);Object.defineProperty(t,"AppShell",{enumerable:!0,get:function(){return o.AppShell}}),t.default=n.AppShell},5163:(e,t,r)=>{r.r(t),r.d(t,{__assign:()=>a,__asyncDelegator:()=>x,__asyncGenerator:()=>S,__asyncValues:()=>P,__await:()=>j,__awaiter:()=>y,__classPrivateFieldGet:()=>M,__classPrivateFieldIn:()=>H,__classPrivateFieldSet:()=>D,__createBinding:()=>h,__decorate:()=>l,__esDecorate:()=>u,__exportStar:()=>v,__extends:()=>o,__generator:()=>b,__importDefault:()=>I,__importStar:()=>T,__makeTemplateObject:()=>A,__metadata:()=>d,__param:()=>c,__propKey:()=>s,__read:()=>m,__rest:()=>i,__runInitializers:()=>f,__setFunctionName:()=>p,__spread:()=>w,__spreadArray:()=>O,__spreadArrays:()=>g,__values:()=>_});var n=function(e,t){return n=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])},n(e,t)};function o(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}n(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)}var a=function(){return a=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},a.apply(this,arguments)};function i(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(r[n[o]]=e[n[o]])}return r}function l(e,t,r,n){var o,a=arguments.length,i=a<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,r):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,r,n);else for(var l=e.length-1;l>=0;l--)(o=e[l])&&(i=(a<3?o(i):a>3?o(t,r,i):o(t,r))||i);return a>3&&i&&Object.defineProperty(t,r,i),i}function c(e,t){return function(r,n){t(r,n,e)}}function u(e,t,r,n,o,a){function i(e){if(void 0!==e&&"function"!=typeof e)throw new TypeError("Function expected");return e}for(var l,c=n.kind,u="getter"===c?"get":"setter"===c?"set":"value",f=!t&&e?n.static?e:e.prototype:null,s=t||(f?Object.getOwnPropertyDescriptor(f,n.name):{}),p=!1,d=r.length-1;d>=0;d--){var y={};for(var b in n)y[b]="access"===b?{}:n[b];for(var b in n.access)y.access[b]=n.access[b];y.addInitializer=function(e){if(p)throw new TypeError("Cannot add initializers after decoration has completed");a.push(i(e||null))};var h=(0,r[d])("accessor"===c?{get:s.get,set:s.set}:s[u],y);if("accessor"===c){if(void 0===h)continue;if(null===h||"object"!=typeof h)throw new TypeError("Object expected");(l=i(h.get))&&(s.get=l),(l=i(h.set))&&(s.set=l),(l=i(h.init))&&o.push(l)}else(l=i(h))&&("field"===c?o.push(l):s[u]=l)}f&&Object.defineProperty(f,n.name,s),p=!0}function f(e,t,r){for(var n=arguments.length>2,o=0;o<t.length;o++)r=n?t[o].call(e,r):t[o].call(e);return n?r:void 0}function s(e){return"symbol"==typeof e?e:"".concat(e)}function p(e,t,r){return"symbol"==typeof t&&(t=t.description?"[".concat(t.description,"]"):""),Object.defineProperty(e,"name",{configurable:!0,value:r?"".concat(r," ",t):t})}function d(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)}function y(e,t,r,n){return new(r||(r=Promise))((function(o,a){function i(e){try{c(n.next(e))}catch(e){a(e)}}function l(e){try{c(n.throw(e))}catch(e){a(e)}}function c(e){var t;e.done?o(e.value):(t=e.value,t instanceof r?t:new r((function(e){e(t)}))).then(i,l)}c((n=n.apply(e,t||[])).next())}))}function b(e,t){var r,n,o,a,i={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return a={next:l(0),throw:l(1),return:l(2)},"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function l(l){return function(c){return function(l){if(r)throw new TypeError("Generator is already executing.");for(;a&&(a=0,l[0]&&(i=0)),i;)try{if(r=1,n&&(o=2&l[0]?n.return:l[0]?n.throw||((o=n.return)&&o.call(n),0):n.next)&&!(o=o.call(n,l[1])).done)return o;switch(n=0,o&&(l=[2&l[0],o.value]),l[0]){case 0:case 1:o=l;break;case 4:return i.label++,{value:l[1],done:!1};case 5:i.label++,n=l[1],l=[0];continue;case 7:l=i.ops.pop(),i.trys.pop();continue;default:if(!(o=i.trys,(o=o.length>0&&o[o.length-1])||6!==l[0]&&2!==l[0])){i=0;continue}if(3===l[0]&&(!o||l[1]>o[0]&&l[1]<o[3])){i.label=l[1];break}if(6===l[0]&&i.label<o[1]){i.label=o[1],o=l;break}if(o&&i.label<o[2]){i.label=o[2],i.ops.push(l);break}o[2]&&i.ops.pop(),i.trys.pop();continue}l=t.call(e,i)}catch(e){l=[6,e],n=0}finally{r=o=0}if(5&l[0])throw l[1];return{value:l[0]?l[1]:void 0,done:!0}}([l,c])}}}var h=Object.create?function(e,t,r,n){void 0===n&&(n=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,n,o)}:function(e,t,r,n){void 0===n&&(n=r),e[n]=t[r]};function v(e,t){for(var r in e)"default"===r||Object.prototype.hasOwnProperty.call(t,r)||h(t,e,r)}function _(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}function m(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i}function w(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(m(arguments[t]));return e}function g(){for(var e=0,t=0,r=arguments.length;t<r;t++)e+=arguments[t].length;var n=Array(e),o=0;for(t=0;t<r;t++)for(var a=arguments[t],i=0,l=a.length;i<l;i++,o++)n[o]=a[i];return n}function O(e,t,r){if(r||2===arguments.length)for(var n,o=0,a=t.length;o<a;o++)!n&&o in t||(n||(n=Array.prototype.slice.call(t,0,o)),n[o]=t[o]);return e.concat(n||Array.prototype.slice.call(t))}function j(e){return this instanceof j?(this.v=e,this):new j(e)}function S(e,t,r){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var n,o=r.apply(e,t||[]),a=[];return n={},i("next"),i("throw"),i("return"),n[Symbol.asyncIterator]=function(){return this},n;function i(e){o[e]&&(n[e]=function(t){return new Promise((function(r,n){a.push([e,t,r,n])>1||l(e,t)}))})}function l(e,t){try{(r=o[e](t)).value instanceof j?Promise.resolve(r.value.v).then(c,u):f(a[0][2],r)}catch(e){f(a[0][3],e)}var r}function c(e){l("next",e)}function u(e){l("throw",e)}function f(e,t){e(t),a.shift(),a.length&&l(a[0][0],a[0][1])}}function x(e){var t,r;return t={},n("next"),n("throw",(function(e){throw e})),n("return"),t[Symbol.iterator]=function(){return this},t;function n(n,o){t[n]=e[n]?function(t){return(r=!r)?{value:j(e[n](t)),done:!1}:o?o(t):t}:o}}function P(e){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var t,r=e[Symbol.asyncIterator];return r?r.call(e):(e=_(e),t={},n("next"),n("throw"),n("return"),t[Symbol.asyncIterator]=function(){return this},t);function n(r){t[r]=e[r]&&function(t){return new Promise((function(n,o){(function(e,t,r,n){Promise.resolve(n).then((function(t){e({value:t,done:r})}),t)})(n,o,(t=e[r](t)).done,t.value)}))}}}function A(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}var E=Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t};function T(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&h(t,e,r);return E(t,e),t}function I(e){return e&&e.__esModule?e:{default:e}}function M(e,t,r,n){if("a"===r&&!n)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!n:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===r?n:"a"===r?n.call(e):n?n.value:t.get(e)}function D(e,t,r,n,o){if("m"===n)throw new TypeError("Private method is not writable");if("a"===n&&!o)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?e!==t||!o:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===n?o.call(e,r):o?o.value=r:t.set(e,r),r}function H(e,t){if(null===t||"object"!=typeof t&&"function"!=typeof t)throw new TypeError("Cannot use 'in' operator on non-object");return"function"==typeof e?t===e:e.has(t)}},5280:e=>{e.exports=t},8156:t=>{t.exports=e}},n={};function o(e){var t=n[e];if(void 0!==t)return t.exports;var a=n[e]={exports:{}};return r[e](a,a.exports,o),a.exports}return o.d=(e,t)=>{for(var r in t)o.o(t,r)&&!o.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),o.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o(3718)})()));
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("@nimbus-ds/components"),require("@floating-ui/react")):"function"==typeof define&&define.amd?define(["react","@nimbus-ds/components","@floating-ui/react"],t):"object"==typeof exports?exports["@nimbus-ds/patterns"]=t(require("react"),require("@nimbus-ds/components"),require("@floating-ui/react")):e["@nimbus-ds/patterns"]=t(e.react,e["@nimbus-ds/components"],e["@floating-ui/react"])}(global,((e,t,r)=>(()=>{"use strict";var n={8713:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.AppShell=void 0;const n=r(5163).__importStar(r(8156)),o=r(5280),a=r(6156),i=r(6338),l=({className:e,style:t,children:r,menu:i,menuProperties:l={display:{xs:"none",md:"block"}},menuExpanded:c,defaultMenuExpanded:u=!0,onMenuExpandedChange:f,menuExpandedWidth:s="18rem",menuCollapsedWidth:p="48px",menuBehavior:d="inline",menuFlyout:y,menuCollapsed:h,menuExpandedContent:b,...v})=>{const[m]=(0,n.useState)(u),_=void 0===c?m:c,g=String(_?s:p),w="popover"===d,{trigger:x="hover",open:O,defaultOpen:S=!1,onOpenChange:j,hoverOpenDelayMs:P=100,hoverCloseDelayMs:E=150,width:A,zIndex:C,...T}=y??{},[M,D]=(0,n.useState)(S),I=void 0===O?M:O,k=(0,n.useCallback)((e=>{void 0===O&&D(e),j?.(e),f?.(e)}),[O,j,f]),{refs:F,context:H}=(0,a.useFloating)({open:!(!w||_)&&I,onOpenChange:k}),R=(0,a.useHover)(H,{delay:{open:P,close:E},handleClose:(0,a.safePolygon)(),enabled:"hover"===x}),B=(0,a.useFocus)(H,{enabled:"hover"===x}),q=(0,a.useDismiss)(H,{outsidePress:!0,escapeKey:!0}),W=(0,a.useRole)(H,{role:"dialog"}),{getReferenceProps:z,getFloatingProps:N}=(0,a.useInteractions)([R,B,q,W]),G=h??i,K=b??i,V=Boolean(G||K);return n.default.createElement(o.Box,{...v,display:"flex"},V&&n.default.createElement(o.Box,{...l,width:g,height:"100vh",position:"sticky",top:"0",left:"0",borderStyle:"solid",borderWidth:"none",borderRightWidth:"1",borderColor:"neutral-surfaceDisabled",transitionProperty:"all",transitionDuration:"base",transitionTimingFunction:"ease-in-out",ref:F.setReference,...z()},_?K:G),n.default.createElement(o.Box,{display:"flex",flexDirection:"column",flex:"1 1 auto",backgroundColor:"neutral-surface",width:"100%"},r),w&&!_&&I&&n.default.createElement(a.FloatingPortal,{id:"nimbus-popover-floating"},n.default.createElement(o.Box,{backgroundColor:"neutral-background",boxShadow:"2",borderStyle:"solid",borderWidth:"none",borderRightWidth:"1",borderColor:"neutral-surfaceDisabled",...T,position:"fixed",top:"0",left:"0",height:"100vh",width:String(A??"18rem"),zIndex:C??"900",ref:F.setFloating,...N()},K)))};t.AppShell=l,l.Header=i.AppShellHeader,l.displayName="AppShell",l.Header.displayName="AppShell.Header"},3718:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0});const n=r(5163);n.__exportStar(r(8462),t),n.__exportStar(r(6338),t)},3485:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.AppShellHeader=void 0;const n=r(5163).__importDefault(r(8156)),o=r(5280);t.AppShellHeader=({className:e,style:t,leftSlot:r,rightSlot:a,...i})=>n.default.createElement(o.Box,{...i,padding:"2",display:"flex",justifyContent:r?"space-between":"flex-end",gap:"2"},r,a&&n.default.createElement(o.Box,{display:"flex",gap:{xs:"1",md:"2"}},a))},1450:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.AppShellHeader=void 0;const n=r(3485);var o=r(3485);Object.defineProperty(t,"AppShellHeader",{enumerable:!0,get:function(){return o.AppShellHeader}}),t.default=n.AppShellHeader},6338:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0});r(5163).__exportStar(r(1450),t)},8462:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.AppShell=void 0;const n=r(8713);var o=r(8713);Object.defineProperty(t,"AppShell",{enumerable:!0,get:function(){return o.AppShell}}),t.default=n.AppShell},5163:(e,t,r)=>{r.r(t),r.d(t,{__assign:()=>a,__asyncDelegator:()=>j,__asyncGenerator:()=>S,__asyncValues:()=>P,__await:()=>O,__awaiter:()=>y,__classPrivateFieldGet:()=>M,__classPrivateFieldIn:()=>I,__classPrivateFieldSet:()=>D,__createBinding:()=>b,__decorate:()=>l,__esDecorate:()=>u,__exportStar:()=>v,__extends:()=>o,__generator:()=>h,__importDefault:()=>T,__importStar:()=>C,__makeTemplateObject:()=>E,__metadata:()=>d,__param:()=>c,__propKey:()=>s,__read:()=>_,__rest:()=>i,__runInitializers:()=>f,__setFunctionName:()=>p,__spread:()=>g,__spreadArray:()=>x,__spreadArrays:()=>w,__values:()=>m});var n=function(e,t){return n=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])},n(e,t)};function o(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}n(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)}var a=function(){return a=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},a.apply(this,arguments)};function i(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(r[n[o]]=e[n[o]])}return r}function l(e,t,r,n){var o,a=arguments.length,i=a<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,r):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,r,n);else for(var l=e.length-1;l>=0;l--)(o=e[l])&&(i=(a<3?o(i):a>3?o(t,r,i):o(t,r))||i);return a>3&&i&&Object.defineProperty(t,r,i),i}function c(e,t){return function(r,n){t(r,n,e)}}function u(e,t,r,n,o,a){function i(e){if(void 0!==e&&"function"!=typeof e)throw new TypeError("Function expected");return e}for(var l,c=n.kind,u="getter"===c?"get":"setter"===c?"set":"value",f=!t&&e?n.static?e:e.prototype:null,s=t||(f?Object.getOwnPropertyDescriptor(f,n.name):{}),p=!1,d=r.length-1;d>=0;d--){var y={};for(var h in n)y[h]="access"===h?{}:n[h];for(var h in n.access)y.access[h]=n.access[h];y.addInitializer=function(e){if(p)throw new TypeError("Cannot add initializers after decoration has completed");a.push(i(e||null))};var b=(0,r[d])("accessor"===c?{get:s.get,set:s.set}:s[u],y);if("accessor"===c){if(void 0===b)continue;if(null===b||"object"!=typeof b)throw new TypeError("Object expected");(l=i(b.get))&&(s.get=l),(l=i(b.set))&&(s.set=l),(l=i(b.init))&&o.push(l)}else(l=i(b))&&("field"===c?o.push(l):s[u]=l)}f&&Object.defineProperty(f,n.name,s),p=!0}function f(e,t,r){for(var n=arguments.length>2,o=0;o<t.length;o++)r=n?t[o].call(e,r):t[o].call(e);return n?r:void 0}function s(e){return"symbol"==typeof e?e:"".concat(e)}function p(e,t,r){return"symbol"==typeof t&&(t=t.description?"[".concat(t.description,"]"):""),Object.defineProperty(e,"name",{configurable:!0,value:r?"".concat(r," ",t):t})}function d(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)}function y(e,t,r,n){return new(r||(r=Promise))((function(o,a){function i(e){try{c(n.next(e))}catch(e){a(e)}}function l(e){try{c(n.throw(e))}catch(e){a(e)}}function c(e){var t;e.done?o(e.value):(t=e.value,t instanceof r?t:new r((function(e){e(t)}))).then(i,l)}c((n=n.apply(e,t||[])).next())}))}function h(e,t){var r,n,o,a,i={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return a={next:l(0),throw:l(1),return:l(2)},"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function l(l){return function(c){return function(l){if(r)throw new TypeError("Generator is already executing.");for(;a&&(a=0,l[0]&&(i=0)),i;)try{if(r=1,n&&(o=2&l[0]?n.return:l[0]?n.throw||((o=n.return)&&o.call(n),0):n.next)&&!(o=o.call(n,l[1])).done)return o;switch(n=0,o&&(l=[2&l[0],o.value]),l[0]){case 0:case 1:o=l;break;case 4:return i.label++,{value:l[1],done:!1};case 5:i.label++,n=l[1],l=[0];continue;case 7:l=i.ops.pop(),i.trys.pop();continue;default:if(!(o=i.trys,(o=o.length>0&&o[o.length-1])||6!==l[0]&&2!==l[0])){i=0;continue}if(3===l[0]&&(!o||l[1]>o[0]&&l[1]<o[3])){i.label=l[1];break}if(6===l[0]&&i.label<o[1]){i.label=o[1],o=l;break}if(o&&i.label<o[2]){i.label=o[2],i.ops.push(l);break}o[2]&&i.ops.pop(),i.trys.pop();continue}l=t.call(e,i)}catch(e){l=[6,e],n=0}finally{r=o=0}if(5&l[0])throw l[1];return{value:l[0]?l[1]:void 0,done:!0}}([l,c])}}}var b=Object.create?function(e,t,r,n){void 0===n&&(n=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,n,o)}:function(e,t,r,n){void 0===n&&(n=r),e[n]=t[r]};function v(e,t){for(var r in e)"default"===r||Object.prototype.hasOwnProperty.call(t,r)||b(t,e,r)}function m(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}function _(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i}function g(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(_(arguments[t]));return e}function w(){for(var e=0,t=0,r=arguments.length;t<r;t++)e+=arguments[t].length;var n=Array(e),o=0;for(t=0;t<r;t++)for(var a=arguments[t],i=0,l=a.length;i<l;i++,o++)n[o]=a[i];return n}function x(e,t,r){if(r||2===arguments.length)for(var n,o=0,a=t.length;o<a;o++)!n&&o in t||(n||(n=Array.prototype.slice.call(t,0,o)),n[o]=t[o]);return e.concat(n||Array.prototype.slice.call(t))}function O(e){return this instanceof O?(this.v=e,this):new O(e)}function S(e,t,r){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var n,o=r.apply(e,t||[]),a=[];return n={},i("next"),i("throw"),i("return"),n[Symbol.asyncIterator]=function(){return this},n;function i(e){o[e]&&(n[e]=function(t){return new Promise((function(r,n){a.push([e,t,r,n])>1||l(e,t)}))})}function l(e,t){try{(r=o[e](t)).value instanceof O?Promise.resolve(r.value.v).then(c,u):f(a[0][2],r)}catch(e){f(a[0][3],e)}var r}function c(e){l("next",e)}function u(e){l("throw",e)}function f(e,t){e(t),a.shift(),a.length&&l(a[0][0],a[0][1])}}function j(e){var t,r;return t={},n("next"),n("throw",(function(e){throw e})),n("return"),t[Symbol.iterator]=function(){return this},t;function n(n,o){t[n]=e[n]?function(t){return(r=!r)?{value:O(e[n](t)),done:!1}:o?o(t):t}:o}}function P(e){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var t,r=e[Symbol.asyncIterator];return r?r.call(e):(e=m(e),t={},n("next"),n("throw"),n("return"),t[Symbol.asyncIterator]=function(){return this},t);function n(r){t[r]=e[r]&&function(t){return new Promise((function(n,o){(function(e,t,r,n){Promise.resolve(n).then((function(t){e({value:t,done:r})}),t)})(n,o,(t=e[r](t)).done,t.value)}))}}}function E(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}var A=Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t};function C(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&b(t,e,r);return A(t,e),t}function T(e){return e&&e.__esModule?e:{default:e}}function M(e,t,r,n){if("a"===r&&!n)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!n:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===r?n:"a"===r?n.call(e):n?n.value:t.get(e)}function D(e,t,r,n,o){if("m"===n)throw new TypeError("Private method is not writable");if("a"===n&&!o)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?e!==t||!o:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===n?o.call(e,r):o?o.value=r:t.set(e,r),r}function I(e,t){if(null===t||"object"!=typeof t&&"function"!=typeof t)throw new TypeError("Cannot use 'in' operator on non-object");return"function"==typeof e?t===e:e.has(t)}},6156:e=>{e.exports=r},5280:e=>{e.exports=t},8156:t=>{t.exports=e}},o={};function a(e){var t=o[e];if(void 0!==t)return t.exports;var r=o[e]={exports:{}};return n[e](r,r.exports,a),r.exports}return a.d=(e,t)=>{for(var r in t)a.o(t,r)&&!a.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},a.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),a.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},a(3718)})()));

package/dist/Menu/index.d.ts

@@ -28,6 +28,10 @@ export interface MenuButtonAccordionProperties {
 	 * Sets the state of the button as active/inactive.
 	 */
 	active?: boolean;
+	/**
+	 * Whether the menu is collapsed (icon-only).
+	 */
+	collapsed?: boolean;
 }
 export type MenuButtonAccordionBaseProps = MenuButtonAccordionProperties & {
 	menuButton: MenuButtonProps;
@@ -40,7 +44,7 @@ export interface MenuButtonProperties {
 	/**
 	 * Text label for the button.
 	 */
-	label: string;
+	label?: string;
 	/**
 	 * Function executed when clicking the button.
 	 * @TJS-type () => void;
@@ -60,6 +64,10 @@ export interface MenuButtonProperties {
 	 * @TJS-type React.ReactNode
 	 */
 	children?: ReactNode;
+	/**
+	 * Whether the menu is collapsed (icon-only).
+	 */
+	collapsed?: boolean;
 }
 export type MenuButtonBaseProps = MenuButtonProperties & Omit<ButtonHTMLAttributes<HTMLButtonElement>, "color">;
 declare const MenuButton: PolymorphicForwardRefComponent<"button" | "a", MenuButtonBaseProps> & MenuButtonComponents;
@@ -98,6 +106,8 @@ export interface MenuSectionProperties {
 }
 export type MenuSectionProps = MenuSectionProperties & Omit<HTMLAttributes<HTMLElement>, "color">;
 export declare const MenuSection: React.FC<MenuSectionProps>;
+export declare const MenuButtonContainer: PolymorphicForwardRefComponent<"button" | "a", MenuButtonBaseProps> & MenuButtonComponents;
+export declare const MenuButtonAccordionContainer: PolymorphicForwardRefComponent<"button" | "a", MenuButtonAccordionBaseProps> & MenuButtonComponents;
 export interface MenuComponents {
 	Section: typeof MenuSection;
 	Button: typeof MenuButton;
@@ -112,8 +122,24 @@ export interface MenuProperties {
 	 * @TJS-type React.ReactNode
 	 */
 	children: ReactNode;
+	/**
+	 * Whether the menu should render in collapsed mode (icon-only).
+	 * Defaults to false (expanded).
+	 */
+	collapse?: boolean;
+	/**
+	 * Whether the menu should animate its size/appearance transitions internally.
+	 * Defaults to false to allow parent containers like AppShell to handle transitions.
+	 */
+	transition?: boolean;
 }
 export type MenuProps = MenuProperties & Omit<HTMLAttributes<HTMLElement>, "color">;
 export declare const Menu: React.FC<MenuProps> & MenuComponents;
+export interface MenuContextValue {
+	collapsed: boolean;
+	transition: boolean;
+}
+export declare const MenuContext: import("react").Context<MenuContextValue | undefined>;
+export declare const useMenuContext: () => MenuContextValue;
 
 export {};

package/dist/Menu/index.js

@@ -1,2 +1,2 @@
 "use client";
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("@nimbus-ds/components"),require("@nimbus-ds/icons")):"function"==typeof define&&define.amd?define(["react","@nimbus-ds/components","@nimbus-ds/icons"],t):"object"==typeof exports?exports["@nimbus-ds/patterns"]=t(require("react"),require("@nimbus-ds/components"),require("@nimbus-ds/icons")):e["@nimbus-ds/patterns"]=t(e.react,e["@nimbus-ds/components"],e["@nimbus-ds/icons"])}(global,((e,t,n)=>(()=>{"use strict";var r={6188:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.Menu=void 0;const r=n(5163).__importDefault(n(8156)),o=n(5280),a=n(8269),i=n(987),u=({className:e,style:t,children:n,...a})=>r.default.createElement(o.Box,{...a,display:"flex",flexDirection:"column",flex:"0 0 auto",height:"100%",backgroundColor:"neutral-background",width:"100%",boxSizing:"border-box"},n);t.Menu=u,u.Section=i.MenuSection,u.Button=a.MenuButton,u.ButtonAccordion=a.MenuButton?.Accordion,u.Header=i.MenuHeader,u.Body=i.MenuBody,u.Footer=i.MenuFooter,u.displayName="Menu",u.Section.displayName="Menu.Section",u.Header.displayName="Menu.Header",u.Body.displayName="Menu.Body",u.Footer.displayName="Menu.Footer"},8483:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0});const r=n(5163);r.__exportStar(n(20),t),r.__exportStar(n(987),t)},6103:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.MenuBody=void 0;const r=n(5163).__importDefault(n(8156)),o=n(5280);t.MenuBody=({className:e,style:t,children:n,...a})=>r.default.createElement(o.Box,{...a,display:"flex",flexDirection:"column",flex:"1 1 auto",gap:"2",paddingX:"2",pb:"4",width:"100%",overflowY:"auto",boxSizing:"border-box"},n)},1485:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.MenuBody=void 0;const r=n(6103);var o=n(6103);Object.defineProperty(t,"MenuBody",{enumerable:!0,get:function(){return o.MenuBody}}),t.default=r.MenuBody},9065:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.MenuFooter=void 0;const r=n(5163).__importDefault(n(8156)),o=n(3215),a=n(5280),i=n(8269);t.MenuFooter=({className:e,style:t,...n})=>{const u=n.active?"primary-interactive":"neutral-textHigh",c=n.disabled?"neutral-textDisabled":u;return r.default.createElement(a.Box,{boxSizing:"border-box",display:"flex",flex:"0 1 auto",paddingX:"2",paddingY:"3",width:"100%"},r.default.createElement(i.MenuButton,{...n},r.default.createElement(a.Icon,{source:r.default.createElement(o.ChevronRightIcon,{size:16}),color:c})))}},6116:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.MenuFooter=void 0;const r=n(9065);var o=n(9065);Object.defineProperty(t,"MenuFooter",{enumerable:!0,get:function(){return o.MenuFooter}}),t.default=r.MenuFooter},7446:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.MenuHeader=void 0;const r=n(5163).__importDefault(n(8156)),o=n(5280);t.MenuHeader=({className:e,style:t,children:n,...a})=>r.default.createElement(o.Box,{...a,boxSizing:"border-box",display:"flex",flex:"0 1 auto",padding:"4",width:"100%"},n)},9925:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.MenuHeader=void 0;const r=n(7446);var o=n(7446);Object.defineProperty(t,"MenuHeader",{enumerable:!0,get:function(){return o.MenuHeader}}),t.default=r.MenuHeader},2771:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.MenuSection=void 0;const r=n(5163).__importDefault(n(8156)),o=n(5280);t.MenuSection=({className:e,style:t,title:n,children:a,...i})=>r.default.createElement(o.Box,{...i,display:"flex",flexDirection:"column",gap:"1-5"},n&&r.default.createElement(o.Box,{pl:"2",pt:"2"},r.default.createElement(o.Text,{color:"neutral-textDisabled",fontSize:"caption"},n)),a)},2915:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.MenuSection=void 0;const r=n(2771);var o=n(2771);Object.defineProperty(t,"MenuSection",{enumerable:!0,get:function(){return o.MenuSection}}),t.default=r.MenuSection},987:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0});const r=n(5163);r.__exportStar(n(9925),t),r.__exportStar(n(1485),t),r.__exportStar(n(6116),t),r.__exportStar(n(2915),t)},20:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.Menu=void 0;const r=n(6188);var o=n(6188);Object.defineProperty(t,"Menu",{enumerable:!0,get:function(){return o.Menu}}),t.default=r.Menu},7135:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.MenuButton=void 0;const r=n(5163).__importStar(n(8156)),o=n(5280),a=n(9283),i=(0,r.forwardRef)((({className:e,style:t,label:n,onClick:a,startIcon:i,children:u,active:c=!1,as:l="button",...s},f)=>{const d=c?"primary-interactive":"neutral-textHigh",p=s.disabled?"neutral-textDisabled":d;return r.default.createElement(o.Box,{...s,ref:f,as:l,type:"button",onClick:a,alignItems:"center",textDecoration:"none",backgroundColor:{xs:c?"primary-surface":"transparent",hover:"primary-surface",active:"primary-surfaceHighlight",disabled:"neutral-surfaceDisabled"},borderRadius:"2",borderWidth:"none",cursor:{xs:"pointer",disabled:"not-allowed"},display:"flex",gap:"2",px:"2",py:{xs:"2",md:"1"},width:"100%",transitionProperty:"all",transitionDuration:"base",transitionTimingFunction:"ease-in-out",maxHeight:{xs:"34px",md:"26px"}},i&&r.default.createElement(o.Icon,{color:p,source:r.default.createElement(i,{size:16})}),r.default.createElement(o.Box,{display:"inline-flex",flex:"1"},r.default.createElement(o.Text,{fontSize:"base",color:p,lineClamp:1,wordBreak:"break-all"},n)),u)}));t.MenuButton=i,i.Accordion=a.MenuButtonAccordion,i.displayName="MenuButton",i.Accordion.displayName="MenuButton.Accordion"},8366:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.MenuButtonAccordion=void 0;const r=n(5163).__importStar(n(8156)),o=n(5280),a=n(7135),i=(0,r.forwardRef)((({className:e,style:t,open:n,active:i,menuButton:u,children:c,as:l,...s},f)=>{const[d,p]=(0,r.useState)(!1),y=(0,r.useMemo)((()=>void 0===n?d:n),[n,d]);return r.default.createElement(o.Box,{...s,ref:f,as:l,backgroundColor:i?"primary-surface":y?"neutral-surface":"transparent",borderRadius:"2",zIndex:y?"100":void 0,textDecoration:"none"},r.default.createElement(a.MenuButton,{...u,onClick:void 0!==n?u.onClick:()=>p((e=>!e)),active:i,"aria-expanded":y}),y&&r.default.createElement(o.Box,{id:"content-1","aria-hidden":!y,height:y?"auto":"0",overflow:"hidden",display:"flex",flexDirection:"column",gap:"0-5",pl:"6",pb:"1",pr:"1"},c))}));t.MenuButtonAccordion=i,i.displayName="MenuButtonAccordion"},9895:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.MenuButtonAccordion=void 0;const r=n(8366);var o=n(8366);Object.defineProperty(t,"MenuButtonAccordion",{enumerable:!0,get:function(){return o.MenuButtonAccordion}}),t.default=r.MenuButtonAccordion},9283:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0});n(5163).__exportStar(n(9895),t)},8269:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.MenuButton=void 0;const r=n(7135);var o=n(7135);Object.defineProperty(t,"MenuButton",{enumerable:!0,get:function(){return o.MenuButton}}),t.default=r.MenuButton},5163:(e,t,n)=>{n.r(t),n.d(t,{__assign:()=>a,__asyncDelegator:()=>j,__asyncGenerator:()=>O,__asyncValues:()=>P,__await:()=>w,__awaiter:()=>y,__classPrivateFieldGet:()=>T,__classPrivateFieldIn:()=>I,__classPrivateFieldSet:()=>A,__createBinding:()=>_,__decorate:()=>u,__esDecorate:()=>l,__exportStar:()=>m,__extends:()=>o,__generator:()=>b,__importDefault:()=>D,__importStar:()=>E,__makeTemplateObject:()=>S,__metadata:()=>p,__param:()=>c,__propKey:()=>f,__read:()=>h,__rest:()=>i,__runInitializers:()=>s,__setFunctionName:()=>d,__spread:()=>x,__spreadArray:()=>g,__spreadArrays:()=>M,__values:()=>v});var r=function(e,t){return r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},r(e,t)};function o(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}var a=function(){return a=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},a.apply(this,arguments)};function i(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}function u(e,t,n,r){var o,a=arguments.length,i=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,n,r);else for(var u=e.length-1;u>=0;u--)(o=e[u])&&(i=(a<3?o(i):a>3?o(t,n,i):o(t,n))||i);return a>3&&i&&Object.defineProperty(t,n,i),i}function c(e,t){return function(n,r){t(n,r,e)}}function l(e,t,n,r,o,a){function i(e){if(void 0!==e&&"function"!=typeof e)throw new TypeError("Function expected");return e}for(var u,c=r.kind,l="getter"===c?"get":"setter"===c?"set":"value",s=!t&&e?r.static?e:e.prototype:null,f=t||(s?Object.getOwnPropertyDescriptor(s,r.name):{}),d=!1,p=n.length-1;p>=0;p--){var y={};for(var b in r)y[b]="access"===b?{}:r[b];for(var b in r.access)y.access[b]=r.access[b];y.addInitializer=function(e){if(d)throw new TypeError("Cannot add initializers after decoration has completed");a.push(i(e||null))};var _=(0,n[p])("accessor"===c?{get:f.get,set:f.set}:f[l],y);if("accessor"===c){if(void 0===_)continue;if(null===_||"object"!=typeof _)throw new TypeError("Object expected");(u=i(_.get))&&(f.get=u),(u=i(_.set))&&(f.set=u),(u=i(_.init))&&o.push(u)}else(u=i(_))&&("field"===c?o.push(u):f[l]=u)}s&&Object.defineProperty(s,r.name,f),d=!0}function s(e,t,n){for(var r=arguments.length>2,o=0;o<t.length;o++)n=r?t[o].call(e,n):t[o].call(e);return r?n:void 0}function f(e){return"symbol"==typeof e?e:"".concat(e)}function d(e,t,n){return"symbol"==typeof t&&(t=t.description?"[".concat(t.description,"]"):""),Object.defineProperty(e,"name",{configurable:!0,value:n?"".concat(n," ",t):t})}function p(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)}function y(e,t,n,r){return new(n||(n=Promise))((function(o,a){function i(e){try{c(r.next(e))}catch(e){a(e)}}function u(e){try{c(r.throw(e))}catch(e){a(e)}}function c(e){var t;e.done?o(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(i,u)}c((r=r.apply(e,t||[])).next())}))}function b(e,t){var n,r,o,a,i={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return a={next:u(0),throw:u(1),return:u(2)},"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function u(u){return function(c){return function(u){if(n)throw new TypeError("Generator is already executing.");for(;a&&(a=0,u[0]&&(i=0)),i;)try{if(n=1,r&&(o=2&u[0]?r.return:u[0]?r.throw||((o=r.return)&&o.call(r),0):r.next)&&!(o=o.call(r,u[1])).done)return o;switch(r=0,o&&(u=[2&u[0],o.value]),u[0]){case 0:case 1:o=u;break;case 4:return i.label++,{value:u[1],done:!1};case 5:i.label++,r=u[1],u=[0];continue;case 7:u=i.ops.pop(),i.trys.pop();continue;default:if(!(o=i.trys,(o=o.length>0&&o[o.length-1])||6!==u[0]&&2!==u[0])){i=0;continue}if(3===u[0]&&(!o||u[1]>o[0]&&u[1]<o[3])){i.label=u[1];break}if(6===u[0]&&i.label<o[1]){i.label=o[1],o=u;break}if(o&&i.label<o[2]){i.label=o[2],i.ops.push(u);break}o[2]&&i.ops.pop(),i.trys.pop();continue}u=t.call(e,i)}catch(e){u=[6,e],r=0}finally{n=o=0}if(5&u[0])throw u[1];return{value:u[0]?u[1]:void 0,done:!0}}([u,c])}}}var _=Object.create?function(e,t,n,r){void 0===r&&(r=n);var o=Object.getOwnPropertyDescriptor(t,n);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,o)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]};function m(e,t){for(var n in e)"default"===n||Object.prototype.hasOwnProperty.call(t,n)||_(t,e,n)}function v(e){var t="function"==typeof Symbol&&Symbol.iterator,n=t&&e[t],r=0;if(n)return n.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&r>=e.length&&(e=void 0),{value:e&&e[r++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}function h(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,o,a=n.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(r=a.next()).done;)i.push(r.value)}catch(e){o={error:e}}finally{try{r&&!r.done&&(n=a.return)&&n.call(a)}finally{if(o)throw o.error}}return i}function x(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(h(arguments[t]));return e}function M(){for(var e=0,t=0,n=arguments.length;t<n;t++)e+=arguments[t].length;var r=Array(e),o=0;for(t=0;t<n;t++)for(var a=arguments[t],i=0,u=a.length;i<u;i++,o++)r[o]=a[i];return r}function g(e,t,n){if(n||2===arguments.length)for(var r,o=0,a=t.length;o<a;o++)!r&&o in t||(r||(r=Array.prototype.slice.call(t,0,o)),r[o]=t[o]);return e.concat(r||Array.prototype.slice.call(t))}function w(e){return this instanceof w?(this.v=e,this):new w(e)}function O(e,t,n){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var r,o=n.apply(e,t||[]),a=[];return r={},i("next"),i("throw"),i("return"),r[Symbol.asyncIterator]=function(){return this},r;function i(e){o[e]&&(r[e]=function(t){return new Promise((function(n,r){a.push([e,t,n,r])>1||u(e,t)}))})}function u(e,t){try{(n=o[e](t)).value instanceof w?Promise.resolve(n.value.v).then(c,l):s(a[0][2],n)}catch(e){s(a[0][3],e)}var n}function c(e){u("next",e)}function l(e){u("throw",e)}function s(e,t){e(t),a.shift(),a.length&&u(a[0][0],a[0][1])}}function j(e){var t,n;return t={},r("next"),r("throw",(function(e){throw e})),r("return"),t[Symbol.iterator]=function(){return this},t;function r(r,o){t[r]=e[r]?function(t){return(n=!n)?{value:w(e[r](t)),done:!1}:o?o(t):t}:o}}function P(e){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var t,n=e[Symbol.asyncIterator];return n?n.call(e):(e=v(e),t={},r("next"),r("throw"),r("return"),t[Symbol.asyncIterator]=function(){return this},t);function r(n){t[n]=e[n]&&function(t){return new Promise((function(r,o){(function(e,t,n,r){Promise.resolve(r).then((function(t){e({value:t,done:n})}),t)})(r,o,(t=e[n](t)).done,t.value)}))}}}function S(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}var B=Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t};function E(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&_(t,e,n);return B(t,e),t}function D(e){return e&&e.__esModule?e:{default:e}}function T(e,t,n,r){if("a"===n&&!r)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!r:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===n?r:"a"===n?r.call(e):r?r.value:t.get(e)}function A(e,t,n,r,o){if("m"===r)throw new TypeError("Private method is not writable");if("a"===r&&!o)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?e!==t||!o:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===r?o.call(e,n):o?o.value=n:t.set(e,n),n}function I(e,t){if(null===t||"object"!=typeof t&&"function"!=typeof t)throw new TypeError("Cannot use 'in' operator on non-object");return"function"==typeof e?t===e:e.has(t)}},5280:e=>{e.exports=t},3215:e=>{e.exports=n},8156:t=>{t.exports=e}},o={};function a(e){var t=o[e];if(void 0!==t)return t.exports;var n=o[e]={exports:{}};return r[e](n,n.exports,a),n.exports}return a.d=(e,t)=>{for(var n in t)a.o(t,n)&&!a.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},a.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),a.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},a(8483)})()));
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("@nimbus-ds/components"),require("@nimbus-ds/icons")):"function"==typeof define&&define.amd?define(["react","@nimbus-ds/components","@nimbus-ds/icons"],t):"object"==typeof exports?exports["@nimbus-ds/patterns"]=t(require("react"),require("@nimbus-ds/components"),require("@nimbus-ds/icons")):e["@nimbus-ds/patterns"]=t(e.react,e["@nimbus-ds/components"],e["@nimbus-ds/icons"])}(global,((e,t,n)=>(()=>{"use strict";var r={6188:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.Menu=void 0;const r=n(5163).__importStar(n(8156)),o=n(5280),a=n(7763),i=n(987),u=({className:e,style:t,children:n,collapse:i=!1,transition:u=!1,...c})=>{const l=(0,r.useMemo)((()=>({collapsed:i,transition:u})),[i,u]);return r.default.createElement(a.MenuContext.Provider,{value:l},r.default.createElement(o.Box,{...c,display:"flex",flexDirection:"column",flex:"0 0 auto",height:"100%",backgroundColor:"neutral-background",width:"100%",boxSizing:"border-box",transitionProperty:u?"all":void 0,transitionDuration:u?"base":void 0,transitionTimingFunction:u?"ease-in-out":void 0},n))};t.Menu=u,u.Section=i.MenuSection,u.Button=i.MenuButtonContainer,u.ButtonAccordion=i.MenuButtonAccordionContainer,u.Header=i.MenuHeader,u.Body=i.MenuBody,u.Footer=i.MenuFooter,u.displayName="Menu",u.Section.displayName="Menu.Section",u.Header.displayName="Menu.Header",u.Body.displayName="Menu.Body",u.Footer.displayName="Menu.Footer"},8483:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0});const r=n(5163);r.__exportStar(n(20),t),r.__exportStar(n(987),t)},6103:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.MenuBody=void 0;const r=n(5163).__importDefault(n(8156)),o=n(5280),a=n(7763);t.MenuBody=({className:e,style:t,children:n,...i})=>{const{collapsed:u}=(0,a.useMenuContext)(),c=u?{paddingX:"none"}:{};return r.default.createElement(o.Box,{...i,display:"flex",flexDirection:"column",flex:"1 1 auto",gap:"2",paddingX:"2",pb:"4",width:"100%",overflowY:"auto",boxSizing:"border-box",...c},n)}},1485:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.MenuBody=void 0;const r=n(6103);var o=n(6103);Object.defineProperty(t,"MenuBody",{enumerable:!0,get:function(){return o.MenuBody}}),t.default=r.MenuBody},235:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.MenuButtonAccordionContainer=t.MenuButtonContainer=void 0;const r=n(5163).__importStar(n(8156)),o=n(8269),a=n(7763),i=(0,r.forwardRef)(((e,t)=>{const{collapsed:n}=(0,a.useMenuContext)();return r.default.createElement(o.MenuButton,{ref:t,collapsed:n,...e})}));t.MenuButtonContainer=i;const u=(0,r.forwardRef)(((e,t)=>{const{collapsed:n}=(0,a.useMenuContext)();return r.default.createElement(o.MenuButton.Accordion,{ref:t,collapsed:n,...e})}));t.MenuButtonAccordionContainer=u},5385:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.MenuButtonAccordionContainer=t.MenuButtonContainer=void 0;var r=n(235);Object.defineProperty(t,"MenuButtonContainer",{enumerable:!0,get:function(){return r.MenuButtonContainer}}),Object.defineProperty(t,"MenuButtonAccordionContainer",{enumerable:!0,get:function(){return r.MenuButtonAccordionContainer}})},9065:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.MenuFooter=void 0;const r=n(5163).__importDefault(n(8156)),o=n(3215),a=n(5280),i=n(8269),u=n(7763);t.MenuFooter=({className:e,style:t,...n})=>{const{collapsed:c}=(0,u.useMenuContext)(),l=n.active?"primary-interactive":"neutral-textHigh",s=n.disabled?"neutral-textDisabled":l;return r.default.createElement(a.Box,{boxSizing:"border-box",display:"flex",flex:"0 1 auto",paddingX:"2",paddingY:"3",width:"100%"},r.default.createElement(i.MenuButton,{collapsed:c,...n},r.default.createElement(a.Icon,{source:r.default.createElement(o.ChevronRightIcon,{size:16}),color:s})))}},6116:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.MenuFooter=void 0;const r=n(9065);var o=n(9065);Object.defineProperty(t,"MenuFooter",{enumerable:!0,get:function(){return o.MenuFooter}}),t.default=r.MenuFooter},7446:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.MenuHeader=void 0;const r=n(5163).__importDefault(n(8156)),o=n(5280),a=n(7763);t.MenuHeader=({className:e,style:t,children:n,...i})=>{const{collapsed:u}=(0,a.useMenuContext)(),c=u?{justifyContent:"center"}:{};return r.default.createElement(o.Box,{...i,boxSizing:"border-box",display:"flex",flex:"0 1 auto",width:"100%",padding:"4",...c},n)}},9925:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.MenuHeader=void 0;const r=n(7446);var o=n(7446);Object.defineProperty(t,"MenuHeader",{enumerable:!0,get:function(){return o.MenuHeader}}),t.default=r.MenuHeader},2771:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.MenuSection=void 0;const r=n(5163).__importDefault(n(8156)),o=n(5280),a=n(7763);t.MenuSection=({className:e,style:t,title:n,children:i,...u})=>{const{collapsed:c}=(0,a.useMenuContext)();return r.default.createElement(o.Box,{...u,display:"flex",flexDirection:"column",gap:"1-5",alignItems:c?"center":"flex-start"},n&&(c?r.default.createElement(o.Box,{borderTopWidth:"1",borderBottomWidth:"none",borderColor:"neutral-surfaceHighlight",borderStyle:"solid",width:"100%"}):r.default.createElement(o.Box,null,r.default.createElement(o.Text,{color:"neutral-textDisabled",fontSize:"caption"},n))),i)}},2915:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.MenuSection=void 0;const r=n(2771);var o=n(2771);Object.defineProperty(t,"MenuSection",{enumerable:!0,get:function(){return o.MenuSection}}),t.default=r.MenuSection},987:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0});const r=n(5163);r.__exportStar(n(9925),t),r.__exportStar(n(1485),t),r.__exportStar(n(6116),t),r.__exportStar(n(2915),t),r.__exportStar(n(5385),t)},7763:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.useMenuContext=t.MenuContext=t.initialMenuContext=void 0;const r=n(8156);t.initialMenuContext={collapsed:!1,transition:!1},t.MenuContext=(0,r.createContext)(void 0);t.useMenuContext=()=>{const e=(0,r.useContext)(t.MenuContext);if(void 0===e)throw new Error("Menu components must be used within a Menu");return e}},20:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.useMenuContext=t.MenuContext=t.Menu=void 0;const r=n(6188);var o=n(6188);Object.defineProperty(t,"Menu",{enumerable:!0,get:function(){return o.Menu}}),t.default=r.Menu;var a=n(7763);Object.defineProperty(t,"MenuContext",{enumerable:!0,get:function(){return a.MenuContext}}),Object.defineProperty(t,"useMenuContext",{enumerable:!0,get:function(){return a.useMenuContext}})},7135:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.MenuButton=void 0;const r=n(5163).__importStar(n(8156)),o=n(5280),a=n(9283),i=(0,r.forwardRef)((({className:e,style:t,label:n,onClick:a,startIcon:i,children:u,active:c=!1,as:l="button",collapsed:s=!1,...d},f)=>{const p=c?"primary-interactive":"neutral-textHigh",y=d.disabled?"neutral-textDisabled":p,b=s?{justifyContent:"center"}:{};return r.default.createElement(o.Box,{...d,ref:f,as:l,type:"button",onClick:a,alignItems:"center",textDecoration:"none",backgroundColor:{xs:c?"primary-surface":"transparent",hover:"primary-surface",active:"primary-surfaceHighlight",disabled:"neutral-surfaceDisabled"},borderRadius:"2",borderWidth:"none",cursor:{xs:"pointer",disabled:"not-allowed"},display:"flex",gap:"2",px:"2",py:{xs:"2",md:"1"},width:"100%",transitionProperty:"all",transitionDuration:"base",transitionTimingFunction:"ease-in-out",maxHeight:{xs:"34px",md:"26px"},...b},i&&r.default.createElement(o.Icon,{color:y,source:r.default.createElement(i,{size:16})}),!s&&r.default.createElement(o.Box,{display:"inline-flex",flex:"1"},r.default.createElement(o.Text,{fontSize:"base",color:y,lineClamp:1,wordBreak:"break-all"},n)),!s&&u)}));t.MenuButton=i,i.Accordion=a.MenuButtonAccordion,i.displayName="MenuButton",i.Accordion.displayName="MenuButton.Accordion"},8366:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.MenuButtonAccordion=void 0;const r=n(5163).__importStar(n(8156)),o=n(5280),a=n(7135),i=(0,r.forwardRef)((({className:e,style:t,open:n,active:i,menuButton:u,children:c,as:l,collapsed:s,...d},f)=>{const[p,y]=(0,r.useState)(!1),b=(0,r.useMemo)((()=>void 0===n?p:n),[n,p]);return r.default.createElement(o.Box,{...d,ref:f,as:l,backgroundColor:i?"primary-surface":b?"neutral-surface":"transparent",borderRadius:"2",zIndex:b?"100":void 0,textDecoration:"none",alignSelf:s?"center":"stretch"},r.default.createElement(a.MenuButton,{collapsed:s,...u,onClick:void 0!==n?u.onClick:()=>y((e=>!e)),active:i,"aria-expanded":b}),b&&!s&&r.default.createElement(o.Box,{id:"content-1","aria-hidden":!b,height:b?"auto":"0",overflow:"hidden",display:"flex",flexDirection:"column",gap:"0-5",pl:"6",pb:"1",pr:"1"},c))}));t.MenuButtonAccordion=i,i.displayName="MenuButtonAccordion"},9895:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.MenuButtonAccordion=void 0;const r=n(8366);var o=n(8366);Object.defineProperty(t,"MenuButtonAccordion",{enumerable:!0,get:function(){return o.MenuButtonAccordion}}),t.default=r.MenuButtonAccordion},9283:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0});n(5163).__exportStar(n(9895),t)},8269:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.MenuButton=void 0;const r=n(7135);var o=n(7135);Object.defineProperty(t,"MenuButton",{enumerable:!0,get:function(){return o.MenuButton}}),t.default=r.MenuButton},5163:(e,t,n)=>{n.r(t),n.d(t,{__assign:()=>a,__asyncDelegator:()=>j,__asyncGenerator:()=>O,__asyncValues:()=>P,__await:()=>w,__awaiter:()=>y,__classPrivateFieldGet:()=>A,__classPrivateFieldIn:()=>T,__classPrivateFieldSet:()=>D,__createBinding:()=>m,__decorate:()=>u,__esDecorate:()=>l,__exportStar:()=>v,__extends:()=>o,__generator:()=>b,__importDefault:()=>E,__importStar:()=>C,__makeTemplateObject:()=>B,__metadata:()=>p,__param:()=>c,__propKey:()=>d,__read:()=>M,__rest:()=>i,__runInitializers:()=>s,__setFunctionName:()=>f,__spread:()=>h,__spreadArray:()=>g,__spreadArrays:()=>x,__values:()=>_});var r=function(e,t){return r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},r(e,t)};function o(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}var a=function(){return a=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},a.apply(this,arguments)};function i(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}function u(e,t,n,r){var o,a=arguments.length,i=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,n,r);else for(var u=e.length-1;u>=0;u--)(o=e[u])&&(i=(a<3?o(i):a>3?o(t,n,i):o(t,n))||i);return a>3&&i&&Object.defineProperty(t,n,i),i}function c(e,t){return function(n,r){t(n,r,e)}}function l(e,t,n,r,o,a){function i(e){if(void 0!==e&&"function"!=typeof e)throw new TypeError("Function expected");return e}for(var u,c=r.kind,l="getter"===c?"get":"setter"===c?"set":"value",s=!t&&e?r.static?e:e.prototype:null,d=t||(s?Object.getOwnPropertyDescriptor(s,r.name):{}),f=!1,p=n.length-1;p>=0;p--){var y={};for(var b in r)y[b]="access"===b?{}:r[b];for(var b in r.access)y.access[b]=r.access[b];y.addInitializer=function(e){if(f)throw new TypeError("Cannot add initializers after decoration has completed");a.push(i(e||null))};var m=(0,n[p])("accessor"===c?{get:d.get,set:d.set}:d[l],y);if("accessor"===c){if(void 0===m)continue;if(null===m||"object"!=typeof m)throw new TypeError("Object expected");(u=i(m.get))&&(d.get=u),(u=i(m.set))&&(d.set=u),(u=i(m.init))&&o.push(u)}else(u=i(m))&&("field"===c?o.push(u):d[l]=u)}s&&Object.defineProperty(s,r.name,d),f=!0}function s(e,t,n){for(var r=arguments.length>2,o=0;o<t.length;o++)n=r?t[o].call(e,n):t[o].call(e);return r?n:void 0}function d(e){return"symbol"==typeof e?e:"".concat(e)}function f(e,t,n){return"symbol"==typeof t&&(t=t.description?"[".concat(t.description,"]"):""),Object.defineProperty(e,"name",{configurable:!0,value:n?"".concat(n," ",t):t})}function p(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)}function y(e,t,n,r){return new(n||(n=Promise))((function(o,a){function i(e){try{c(r.next(e))}catch(e){a(e)}}function u(e){try{c(r.throw(e))}catch(e){a(e)}}function c(e){var t;e.done?o(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(i,u)}c((r=r.apply(e,t||[])).next())}))}function b(e,t){var n,r,o,a,i={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return a={next:u(0),throw:u(1),return:u(2)},"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function u(u){return function(c){return function(u){if(n)throw new TypeError("Generator is already executing.");for(;a&&(a=0,u[0]&&(i=0)),i;)try{if(n=1,r&&(o=2&u[0]?r.return:u[0]?r.throw||((o=r.return)&&o.call(r),0):r.next)&&!(o=o.call(r,u[1])).done)return o;switch(r=0,o&&(u=[2&u[0],o.value]),u[0]){case 0:case 1:o=u;break;case 4:return i.label++,{value:u[1],done:!1};case 5:i.label++,r=u[1],u=[0];continue;case 7:u=i.ops.pop(),i.trys.pop();continue;default:if(!(o=i.trys,(o=o.length>0&&o[o.length-1])||6!==u[0]&&2!==u[0])){i=0;continue}if(3===u[0]&&(!o||u[1]>o[0]&&u[1]<o[3])){i.label=u[1];break}if(6===u[0]&&i.label<o[1]){i.label=o[1],o=u;break}if(o&&i.label<o[2]){i.label=o[2],i.ops.push(u);break}o[2]&&i.ops.pop(),i.trys.pop();continue}u=t.call(e,i)}catch(e){u=[6,e],r=0}finally{n=o=0}if(5&u[0])throw u[1];return{value:u[0]?u[1]:void 0,done:!0}}([u,c])}}}var m=Object.create?function(e,t,n,r){void 0===r&&(r=n);var o=Object.getOwnPropertyDescriptor(t,n);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,o)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]};function v(e,t){for(var n in e)"default"===n||Object.prototype.hasOwnProperty.call(t,n)||m(t,e,n)}function _(e){var t="function"==typeof Symbol&&Symbol.iterator,n=t&&e[t],r=0;if(n)return n.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&r>=e.length&&(e=void 0),{value:e&&e[r++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}function M(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,o,a=n.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(r=a.next()).done;)i.push(r.value)}catch(e){o={error:e}}finally{try{r&&!r.done&&(n=a.return)&&n.call(a)}finally{if(o)throw o.error}}return i}function h(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(M(arguments[t]));return e}function x(){for(var e=0,t=0,n=arguments.length;t<n;t++)e+=arguments[t].length;var r=Array(e),o=0;for(t=0;t<n;t++)for(var a=arguments[t],i=0,u=a.length;i<u;i++,o++)r[o]=a[i];return r}function g(e,t,n){if(n||2===arguments.length)for(var r,o=0,a=t.length;o<a;o++)!r&&o in t||(r||(r=Array.prototype.slice.call(t,0,o)),r[o]=t[o]);return e.concat(r||Array.prototype.slice.call(t))}function w(e){return this instanceof w?(this.v=e,this):new w(e)}function O(e,t,n){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var r,o=n.apply(e,t||[]),a=[];return r={},i("next"),i("throw"),i("return"),r[Symbol.asyncIterator]=function(){return this},r;function i(e){o[e]&&(r[e]=function(t){return new Promise((function(n,r){a.push([e,t,n,r])>1||u(e,t)}))})}function u(e,t){try{(n=o[e](t)).value instanceof w?Promise.resolve(n.value.v).then(c,l):s(a[0][2],n)}catch(e){s(a[0][3],e)}var n}function c(e){u("next",e)}function l(e){u("throw",e)}function s(e,t){e(t),a.shift(),a.length&&u(a[0][0],a[0][1])}}function j(e){var t,n;return t={},r("next"),r("throw",(function(e){throw e})),r("return"),t[Symbol.iterator]=function(){return this},t;function r(r,o){t[r]=e[r]?function(t){return(n=!n)?{value:w(e[r](t)),done:!1}:o?o(t):t}:o}}function P(e){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var t,n=e[Symbol.asyncIterator];return n?n.call(e):(e=_(e),t={},r("next"),r("throw"),r("return"),t[Symbol.asyncIterator]=function(){return this},t);function r(n){t[n]=e[n]&&function(t){return new Promise((function(r,o){(function(e,t,n,r){Promise.resolve(r).then((function(t){e({value:t,done:n})}),t)})(r,o,(t=e[n](t)).done,t.value)}))}}}function B(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}var S=Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t};function C(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&m(t,e,n);return S(t,e),t}function E(e){return e&&e.__esModule?e:{default:e}}function A(e,t,n,r){if("a"===n&&!r)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!r:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===n?r:"a"===n?r.call(e):r?r.value:t.get(e)}function D(e,t,n,r,o){if("m"===r)throw new TypeError("Private method is not writable");if("a"===r&&!o)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?e!==t||!o:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===r?o.call(e,n):o?o.value=n:t.set(e,n),n}function T(e,t){if(null===t||"object"!=typeof t&&"function"!=typeof t)throw new TypeError("Cannot use 'in' operator on non-object");return"function"==typeof e?t===e:e.has(t)}},5280:e=>{e.exports=t},3215:e=>{e.exports=n},8156:t=>{t.exports=e}},o={};function a(e){var t=o[e];if(void 0!==t)return t.exports;var n=o[e]={exports:{}};return r[e](n,n.exports,a),n.exports}return a.d=(e,t)=>{for(var n in t)a.o(t,n)&&!a.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},a.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),a.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},a(8483)})()));

package/dist/MenuButton/index.d.ts

@@ -27,6 +27,10 @@ export interface MenuButtonAccordionProperties {
 	 * Sets the state of the button as active/inactive.
 	 */
 	active?: boolean;
+	/**
+	 * Whether the menu is collapsed (icon-only).
+	 */
+	collapsed?: boolean;
 }
 export type MenuButtonAccordionBaseProps = MenuButtonAccordionProperties & {
 	menuButton: MenuButtonProps;
@@ -40,7 +44,7 @@ export interface MenuButtonProperties {
 	/**
 	 * Text label for the button.
 	 */
-	label: string;
+	label?: string;
 	/**
 	 * Function executed when clicking the button.
 	 * @TJS-type () => void;
@@ -60,6 +64,10 @@ export interface MenuButtonProperties {
 	 * @TJS-type React.ReactNode
 	 */
 	children?: ReactNode;
+	/**
+	 * Whether the menu is collapsed (icon-only).
+	 */
+	collapsed?: boolean;
 }
 export type MenuButtonBaseProps = MenuButtonProperties & Omit<ButtonHTMLAttributes<HTMLButtonElement>, "color">;
 export declare const MenuButton: PolymorphicForwardRefComponent<"button" | "a", MenuButtonBaseProps> & MenuButtonComponents;

package/dist/MenuButton/index.js

@@ -1,2 +1,2 @@
 "use client";
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("@nimbus-ds/components")):"function"==typeof define&&define.amd?define(["react","@nimbus-ds/components"],t):"object"==typeof exports?exports["@nimbus-ds/patterns"]=t(require("react"),require("@nimbus-ds/components")):e["@nimbus-ds/patterns"]=t(e.react,e["@nimbus-ds/components"])}(global,((e,t)=>(()=>{"use strict";var r={7135:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.MenuButton=void 0;const n=r(5163).__importStar(r(8156)),o=r(5280),a=r(9283),i=(0,n.forwardRef)((({className:e,style:t,label:r,onClick:a,startIcon:i,children:c,active:u=!1,as:l="button",...f},s)=>{const p=u?"primary-interactive":"neutral-textHigh",d=f.disabled?"neutral-textDisabled":p;return n.default.createElement(o.Box,{...f,ref:s,as:l,type:"button",onClick:a,alignItems:"center",textDecoration:"none",backgroundColor:{xs:u?"primary-surface":"transparent",hover:"primary-surface",active:"primary-surfaceHighlight",disabled:"neutral-surfaceDisabled"},borderRadius:"2",borderWidth:"none",cursor:{xs:"pointer",disabled:"not-allowed"},display:"flex",gap:"2",px:"2",py:{xs:"2",md:"1"},width:"100%",transitionProperty:"all",transitionDuration:"base",transitionTimingFunction:"ease-in-out",maxHeight:{xs:"34px",md:"26px"}},i&&n.default.createElement(o.Icon,{color:d,source:n.default.createElement(i,{size:16})}),n.default.createElement(o.Box,{display:"inline-flex",flex:"1"},n.default.createElement(o.Text,{fontSize:"base",color:d,lineClamp:1,wordBreak:"break-all"},r)),c)}));t.MenuButton=i,i.Accordion=a.MenuButtonAccordion,i.displayName="MenuButton",i.Accordion.displayName="MenuButton.Accordion"},3756:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0});const n=r(5163);n.__exportStar(r(8269),t),n.__exportStar(r(9283),t)},8366:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.MenuButtonAccordion=void 0;const n=r(5163).__importStar(r(8156)),o=r(5280),a=r(7135),i=(0,n.forwardRef)((({className:e,style:t,open:r,active:i,menuButton:c,children:u,as:l,...f},s)=>{const[p,d]=(0,n.useState)(!1),y=(0,n.useMemo)((()=>void 0===r?p:r),[r,p]);return n.default.createElement(o.Box,{...f,ref:s,as:l,backgroundColor:i?"primary-surface":y?"neutral-surface":"transparent",borderRadius:"2",zIndex:y?"100":void 0,textDecoration:"none"},n.default.createElement(a.MenuButton,{...c,onClick:void 0!==r?c.onClick:()=>d((e=>!e)),active:i,"aria-expanded":y}),y&&n.default.createElement(o.Box,{id:"content-1","aria-hidden":!y,height:y?"auto":"0",overflow:"hidden",display:"flex",flexDirection:"column",gap:"0-5",pl:"6",pb:"1",pr:"1"},u))}));t.MenuButtonAccordion=i,i.displayName="MenuButtonAccordion"},9895:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.MenuButtonAccordion=void 0;const n=r(8366);var o=r(8366);Object.defineProperty(t,"MenuButtonAccordion",{enumerable:!0,get:function(){return o.MenuButtonAccordion}}),t.default=n.MenuButtonAccordion},9283:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0});r(5163).__exportStar(r(9895),t)},8269:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.MenuButton=void 0;const n=r(7135);var o=r(7135);Object.defineProperty(t,"MenuButton",{enumerable:!0,get:function(){return o.MenuButton}}),t.default=n.MenuButton},5163:(e,t,r)=>{r.r(t),r.d(t,{__assign:()=>a,__asyncDelegator:()=>P,__asyncGenerator:()=>j,__asyncValues:()=>S,__await:()=>O,__awaiter:()=>y,__classPrivateFieldGet:()=>A,__classPrivateFieldIn:()=>k,__classPrivateFieldSet:()=>I,__createBinding:()=>v,__decorate:()=>c,__esDecorate:()=>l,__exportStar:()=>m,__extends:()=>o,__generator:()=>b,__importDefault:()=>T,__importStar:()=>E,__makeTemplateObject:()=>M,__metadata:()=>d,__param:()=>u,__propKey:()=>s,__read:()=>_,__rest:()=>i,__runInitializers:()=>f,__setFunctionName:()=>p,__spread:()=>w,__spreadArray:()=>x,__spreadArrays:()=>g,__values:()=>h});var n=function(e,t){return n=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])},n(e,t)};function o(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}n(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)}var a=function(){return a=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},a.apply(this,arguments)};function i(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(r[n[o]]=e[n[o]])}return r}function c(e,t,r,n){var o,a=arguments.length,i=a<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,r):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,r,n);else for(var c=e.length-1;c>=0;c--)(o=e[c])&&(i=(a<3?o(i):a>3?o(t,r,i):o(t,r))||i);return a>3&&i&&Object.defineProperty(t,r,i),i}function u(e,t){return function(r,n){t(r,n,e)}}function l(e,t,r,n,o,a){function i(e){if(void 0!==e&&"function"!=typeof e)throw new TypeError("Function expected");return e}for(var c,u=n.kind,l="getter"===u?"get":"setter"===u?"set":"value",f=!t&&e?n.static?e:e.prototype:null,s=t||(f?Object.getOwnPropertyDescriptor(f,n.name):{}),p=!1,d=r.length-1;d>=0;d--){var y={};for(var b in n)y[b]="access"===b?{}:n[b];for(var b in n.access)y.access[b]=n.access[b];y.addInitializer=function(e){if(p)throw new TypeError("Cannot add initializers after decoration has completed");a.push(i(e||null))};var v=(0,r[d])("accessor"===u?{get:s.get,set:s.set}:s[l],y);if("accessor"===u){if(void 0===v)continue;if(null===v||"object"!=typeof v)throw new TypeError("Object expected");(c=i(v.get))&&(s.get=c),(c=i(v.set))&&(s.set=c),(c=i(v.init))&&o.push(c)}else(c=i(v))&&("field"===u?o.push(c):s[l]=c)}f&&Object.defineProperty(f,n.name,s),p=!0}function f(e,t,r){for(var n=arguments.length>2,o=0;o<t.length;o++)r=n?t[o].call(e,r):t[o].call(e);return n?r:void 0}function s(e){return"symbol"==typeof e?e:"".concat(e)}function p(e,t,r){return"symbol"==typeof t&&(t=t.description?"[".concat(t.description,"]"):""),Object.defineProperty(e,"name",{configurable:!0,value:r?"".concat(r," ",t):t})}function d(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)}function y(e,t,r,n){return new(r||(r=Promise))((function(o,a){function i(e){try{u(n.next(e))}catch(e){a(e)}}function c(e){try{u(n.throw(e))}catch(e){a(e)}}function u(e){var t;e.done?o(e.value):(t=e.value,t instanceof r?t:new r((function(e){e(t)}))).then(i,c)}u((n=n.apply(e,t||[])).next())}))}function b(e,t){var r,n,o,a,i={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return a={next:c(0),throw:c(1),return:c(2)},"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function c(c){return function(u){return function(c){if(r)throw new TypeError("Generator is already executing.");for(;a&&(a=0,c[0]&&(i=0)),i;)try{if(r=1,n&&(o=2&c[0]?n.return:c[0]?n.throw||((o=n.return)&&o.call(n),0):n.next)&&!(o=o.call(n,c[1])).done)return o;switch(n=0,o&&(c=[2&c[0],o.value]),c[0]){case 0:case 1:o=c;break;case 4:return i.label++,{value:c[1],done:!1};case 5:i.label++,n=c[1],c=[0];continue;case 7:c=i.ops.pop(),i.trys.pop();continue;default:if(!(o=i.trys,(o=o.length>0&&o[o.length-1])||6!==c[0]&&2!==c[0])){i=0;continue}if(3===c[0]&&(!o||c[1]>o[0]&&c[1]<o[3])){i.label=c[1];break}if(6===c[0]&&i.label<o[1]){i.label=o[1],o=c;break}if(o&&i.label<o[2]){i.label=o[2],i.ops.push(c);break}o[2]&&i.ops.pop(),i.trys.pop();continue}c=t.call(e,i)}catch(e){c=[6,e],n=0}finally{r=o=0}if(5&c[0])throw c[1];return{value:c[0]?c[1]:void 0,done:!0}}([c,u])}}}var v=Object.create?function(e,t,r,n){void 0===n&&(n=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,n,o)}:function(e,t,r,n){void 0===n&&(n=r),e[n]=t[r]};function m(e,t){for(var r in e)"default"===r||Object.prototype.hasOwnProperty.call(t,r)||v(t,e,r)}function h(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}function _(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i}function w(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(_(arguments[t]));return e}function g(){for(var e=0,t=0,r=arguments.length;t<r;t++)e+=arguments[t].length;var n=Array(e),o=0;for(t=0;t<r;t++)for(var a=arguments[t],i=0,c=a.length;i<c;i++,o++)n[o]=a[i];return n}function x(e,t,r){if(r||2===arguments.length)for(var n,o=0,a=t.length;o<a;o++)!n&&o in t||(n||(n=Array.prototype.slice.call(t,0,o)),n[o]=t[o]);return e.concat(n||Array.prototype.slice.call(t))}function O(e){return this instanceof O?(this.v=e,this):new O(e)}function j(e,t,r){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var n,o=r.apply(e,t||[]),a=[];return n={},i("next"),i("throw"),i("return"),n[Symbol.asyncIterator]=function(){return this},n;function i(e){o[e]&&(n[e]=function(t){return new Promise((function(r,n){a.push([e,t,r,n])>1||c(e,t)}))})}function c(e,t){try{(r=o[e](t)).value instanceof O?Promise.resolve(r.value.v).then(u,l):f(a[0][2],r)}catch(e){f(a[0][3],e)}var r}function u(e){c("next",e)}function l(e){c("throw",e)}function f(e,t){e(t),a.shift(),a.length&&c(a[0][0],a[0][1])}}function P(e){var t,r;return t={},n("next"),n("throw",(function(e){throw e})),n("return"),t[Symbol.iterator]=function(){return this},t;function n(n,o){t[n]=e[n]?function(t){return(r=!r)?{value:O(e[n](t)),done:!1}:o?o(t):t}:o}}function S(e){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var t,r=e[Symbol.asyncIterator];return r?r.call(e):(e=h(e),t={},n("next"),n("throw"),n("return"),t[Symbol.asyncIterator]=function(){return this},t);function n(r){t[r]=e[r]&&function(t){return new Promise((function(n,o){(function(e,t,r,n){Promise.resolve(n).then((function(t){e({value:t,done:r})}),t)})(n,o,(t=e[r](t)).done,t.value)}))}}}function M(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}var B=Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t};function E(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&v(t,e,r);return B(t,e),t}function T(e){return e&&e.__esModule?e:{default:e}}function A(e,t,r,n){if("a"===r&&!n)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!n:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===r?n:"a"===r?n.call(e):n?n.value:t.get(e)}function I(e,t,r,n,o){if("m"===n)throw new TypeError("Private method is not writable");if("a"===n&&!o)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?e!==t||!o:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===n?o.call(e,r):o?o.value=r:t.set(e,r),r}function k(e,t){if(null===t||"object"!=typeof t&&"function"!=typeof t)throw new TypeError("Cannot use 'in' operator on non-object");return"function"==typeof e?t===e:e.has(t)}},5280:e=>{e.exports=t},8156:t=>{t.exports=e}},n={};function o(e){var t=n[e];if(void 0!==t)return t.exports;var a=n[e]={exports:{}};return r[e](a,a.exports,o),a.exports}return o.d=(e,t)=>{for(var r in t)o.o(t,r)&&!o.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),o.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o(3756)})()));
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("@nimbus-ds/components")):"function"==typeof define&&define.amd?define(["react","@nimbus-ds/components"],t):"object"==typeof exports?exports["@nimbus-ds/patterns"]=t(require("react"),require("@nimbus-ds/components")):e["@nimbus-ds/patterns"]=t(e.react,e["@nimbus-ds/components"])}(global,((e,t)=>(()=>{"use strict";var r={7135:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.MenuButton=void 0;const n=r(5163).__importStar(r(8156)),o=r(5280),a=r(9283),i=(0,n.forwardRef)((({className:e,style:t,label:r,onClick:a,startIcon:i,children:c,active:u=!1,as:l="button",collapsed:f=!1,...s},p)=>{const d=u?"primary-interactive":"neutral-textHigh",y=s.disabled?"neutral-textDisabled":d,b=f?{justifyContent:"center"}:{};return n.default.createElement(o.Box,{...s,ref:p,as:l,type:"button",onClick:a,alignItems:"center",textDecoration:"none",backgroundColor:{xs:u?"primary-surface":"transparent",hover:"primary-surface",active:"primary-surfaceHighlight",disabled:"neutral-surfaceDisabled"},borderRadius:"2",borderWidth:"none",cursor:{xs:"pointer",disabled:"not-allowed"},display:"flex",gap:"2",px:"2",py:{xs:"2",md:"1"},width:"100%",transitionProperty:"all",transitionDuration:"base",transitionTimingFunction:"ease-in-out",maxHeight:{xs:"34px",md:"26px"},...b},i&&n.default.createElement(o.Icon,{color:y,source:n.default.createElement(i,{size:16})}),!f&&n.default.createElement(o.Box,{display:"inline-flex",flex:"1"},n.default.createElement(o.Text,{fontSize:"base",color:y,lineClamp:1,wordBreak:"break-all"},r)),!f&&c)}));t.MenuButton=i,i.Accordion=a.MenuButtonAccordion,i.displayName="MenuButton",i.Accordion.displayName="MenuButton.Accordion"},3756:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0});const n=r(5163);n.__exportStar(r(8269),t),n.__exportStar(r(9283),t)},8366:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.MenuButtonAccordion=void 0;const n=r(5163).__importStar(r(8156)),o=r(5280),a=r(7135),i=(0,n.forwardRef)((({className:e,style:t,open:r,active:i,menuButton:c,children:u,as:l,collapsed:f,...s},p)=>{const[d,y]=(0,n.useState)(!1),b=(0,n.useMemo)((()=>void 0===r?d:r),[r,d]);return n.default.createElement(o.Box,{...s,ref:p,as:l,backgroundColor:i?"primary-surface":b?"neutral-surface":"transparent",borderRadius:"2",zIndex:b?"100":void 0,textDecoration:"none",alignSelf:f?"center":"stretch"},n.default.createElement(a.MenuButton,{collapsed:f,...c,onClick:void 0!==r?c.onClick:()=>y((e=>!e)),active:i,"aria-expanded":b}),b&&!f&&n.default.createElement(o.Box,{id:"content-1","aria-hidden":!b,height:b?"auto":"0",overflow:"hidden",display:"flex",flexDirection:"column",gap:"0-5",pl:"6",pb:"1",pr:"1"},u))}));t.MenuButtonAccordion=i,i.displayName="MenuButtonAccordion"},9895:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.MenuButtonAccordion=void 0;const n=r(8366);var o=r(8366);Object.defineProperty(t,"MenuButtonAccordion",{enumerable:!0,get:function(){return o.MenuButtonAccordion}}),t.default=n.MenuButtonAccordion},9283:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0});r(5163).__exportStar(r(9895),t)},8269:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.MenuButton=void 0;const n=r(7135);var o=r(7135);Object.defineProperty(t,"MenuButton",{enumerable:!0,get:function(){return o.MenuButton}}),t.default=n.MenuButton},5163:(e,t,r)=>{r.r(t),r.d(t,{__assign:()=>a,__asyncDelegator:()=>P,__asyncGenerator:()=>j,__asyncValues:()=>S,__await:()=>O,__awaiter:()=>y,__classPrivateFieldGet:()=>A,__classPrivateFieldIn:()=>k,__classPrivateFieldSet:()=>I,__createBinding:()=>v,__decorate:()=>c,__esDecorate:()=>l,__exportStar:()=>h,__extends:()=>o,__generator:()=>b,__importDefault:()=>T,__importStar:()=>E,__makeTemplateObject:()=>M,__metadata:()=>d,__param:()=>u,__propKey:()=>s,__read:()=>_,__rest:()=>i,__runInitializers:()=>f,__setFunctionName:()=>p,__spread:()=>w,__spreadArray:()=>x,__spreadArrays:()=>g,__values:()=>m});var n=function(e,t){return n=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])},n(e,t)};function o(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}n(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)}var a=function(){return a=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},a.apply(this,arguments)};function i(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(r[n[o]]=e[n[o]])}return r}function c(e,t,r,n){var o,a=arguments.length,i=a<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,r):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,r,n);else for(var c=e.length-1;c>=0;c--)(o=e[c])&&(i=(a<3?o(i):a>3?o(t,r,i):o(t,r))||i);return a>3&&i&&Object.defineProperty(t,r,i),i}function u(e,t){return function(r,n){t(r,n,e)}}function l(e,t,r,n,o,a){function i(e){if(void 0!==e&&"function"!=typeof e)throw new TypeError("Function expected");return e}for(var c,u=n.kind,l="getter"===u?"get":"setter"===u?"set":"value",f=!t&&e?n.static?e:e.prototype:null,s=t||(f?Object.getOwnPropertyDescriptor(f,n.name):{}),p=!1,d=r.length-1;d>=0;d--){var y={};for(var b in n)y[b]="access"===b?{}:n[b];for(var b in n.access)y.access[b]=n.access[b];y.addInitializer=function(e){if(p)throw new TypeError("Cannot add initializers after decoration has completed");a.push(i(e||null))};var v=(0,r[d])("accessor"===u?{get:s.get,set:s.set}:s[l],y);if("accessor"===u){if(void 0===v)continue;if(null===v||"object"!=typeof v)throw new TypeError("Object expected");(c=i(v.get))&&(s.get=c),(c=i(v.set))&&(s.set=c),(c=i(v.init))&&o.push(c)}else(c=i(v))&&("field"===u?o.push(c):s[l]=c)}f&&Object.defineProperty(f,n.name,s),p=!0}function f(e,t,r){for(var n=arguments.length>2,o=0;o<t.length;o++)r=n?t[o].call(e,r):t[o].call(e);return n?r:void 0}function s(e){return"symbol"==typeof e?e:"".concat(e)}function p(e,t,r){return"symbol"==typeof t&&(t=t.description?"[".concat(t.description,"]"):""),Object.defineProperty(e,"name",{configurable:!0,value:r?"".concat(r," ",t):t})}function d(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)}function y(e,t,r,n){return new(r||(r=Promise))((function(o,a){function i(e){try{u(n.next(e))}catch(e){a(e)}}function c(e){try{u(n.throw(e))}catch(e){a(e)}}function u(e){var t;e.done?o(e.value):(t=e.value,t instanceof r?t:new r((function(e){e(t)}))).then(i,c)}u((n=n.apply(e,t||[])).next())}))}function b(e,t){var r,n,o,a,i={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return a={next:c(0),throw:c(1),return:c(2)},"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function c(c){return function(u){return function(c){if(r)throw new TypeError("Generator is already executing.");for(;a&&(a=0,c[0]&&(i=0)),i;)try{if(r=1,n&&(o=2&c[0]?n.return:c[0]?n.throw||((o=n.return)&&o.call(n),0):n.next)&&!(o=o.call(n,c[1])).done)return o;switch(n=0,o&&(c=[2&c[0],o.value]),c[0]){case 0:case 1:o=c;break;case 4:return i.label++,{value:c[1],done:!1};case 5:i.label++,n=c[1],c=[0];continue;case 7:c=i.ops.pop(),i.trys.pop();continue;default:if(!(o=i.trys,(o=o.length>0&&o[o.length-1])||6!==c[0]&&2!==c[0])){i=0;continue}if(3===c[0]&&(!o||c[1]>o[0]&&c[1]<o[3])){i.label=c[1];break}if(6===c[0]&&i.label<o[1]){i.label=o[1],o=c;break}if(o&&i.label<o[2]){i.label=o[2],i.ops.push(c);break}o[2]&&i.ops.pop(),i.trys.pop();continue}c=t.call(e,i)}catch(e){c=[6,e],n=0}finally{r=o=0}if(5&c[0])throw c[1];return{value:c[0]?c[1]:void 0,done:!0}}([c,u])}}}var v=Object.create?function(e,t,r,n){void 0===n&&(n=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,n,o)}:function(e,t,r,n){void 0===n&&(n=r),e[n]=t[r]};function h(e,t){for(var r in e)"default"===r||Object.prototype.hasOwnProperty.call(t,r)||v(t,e,r)}function m(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}function _(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i}function w(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(_(arguments[t]));return e}function g(){for(var e=0,t=0,r=arguments.length;t<r;t++)e+=arguments[t].length;var n=Array(e),o=0;for(t=0;t<r;t++)for(var a=arguments[t],i=0,c=a.length;i<c;i++,o++)n[o]=a[i];return n}function x(e,t,r){if(r||2===arguments.length)for(var n,o=0,a=t.length;o<a;o++)!n&&o in t||(n||(n=Array.prototype.slice.call(t,0,o)),n[o]=t[o]);return e.concat(n||Array.prototype.slice.call(t))}function O(e){return this instanceof O?(this.v=e,this):new O(e)}function j(e,t,r){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var n,o=r.apply(e,t||[]),a=[];return n={},i("next"),i("throw"),i("return"),n[Symbol.asyncIterator]=function(){return this},n;function i(e){o[e]&&(n[e]=function(t){return new Promise((function(r,n){a.push([e,t,r,n])>1||c(e,t)}))})}function c(e,t){try{(r=o[e](t)).value instanceof O?Promise.resolve(r.value.v).then(u,l):f(a[0][2],r)}catch(e){f(a[0][3],e)}var r}function u(e){c("next",e)}function l(e){c("throw",e)}function f(e,t){e(t),a.shift(),a.length&&c(a[0][0],a[0][1])}}function P(e){var t,r;return t={},n("next"),n("throw",(function(e){throw e})),n("return"),t[Symbol.iterator]=function(){return this},t;function n(n,o){t[n]=e[n]?function(t){return(r=!r)?{value:O(e[n](t)),done:!1}:o?o(t):t}:o}}function S(e){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var t,r=e[Symbol.asyncIterator];return r?r.call(e):(e=m(e),t={},n("next"),n("throw"),n("return"),t[Symbol.asyncIterator]=function(){return this},t);function n(r){t[r]=e[r]&&function(t){return new Promise((function(n,o){(function(e,t,r,n){Promise.resolve(n).then((function(t){e({value:t,done:r})}),t)})(n,o,(t=e[r](t)).done,t.value)}))}}}function M(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}var B=Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t};function E(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&v(t,e,r);return B(t,e),t}function T(e){return e&&e.__esModule?e:{default:e}}function A(e,t,r,n){if("a"===r&&!n)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!n:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===r?n:"a"===r?n.call(e):n?n.value:t.get(e)}function I(e,t,r,n,o){if("m"===n)throw new TypeError("Private method is not writable");if("a"===n&&!o)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?e!==t||!o:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===n?o.call(e,r):o?o.value=r:t.set(e,r),r}function k(e,t){if(null===t||"object"!=typeof t&&"function"!=typeof t)throw new TypeError("Cannot use 'in' operator on non-object");return"function"==typeof e?t===e:e.has(t)}},5280:e=>{e.exports=t},8156:t=>{t.exports=e}},n={};function o(e){var t=n[e];if(void 0!==t)return t.exports;var a=n[e]={exports:{}};return r[e](a,a.exports,o),a.exports}return o.d=(e,t)=>{for(var r in t)o.o(t,r)&&!o.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),o.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o(3756)})()));

package/dist/index.d.ts

@@ -26,6 +26,25 @@ declare const AppShellHeader: React.FC<AppShellHeaderProps>;
 export interface AppShellComponents {
 	Header: typeof AppShellHeader;
 }
+/**
+ * Configuration options for the AppShell flyout (popover) behavior when the menu is collapsed.
+ * This consolidates all popover-related props into a single object for simpler usage,
+ * while keeping individual top-level props for backward compatibility.
+ */
+export type AppShellMenuFlyoutOptions = {
+	/** How the popover opens. Defaults to 'hover'. */
+	trigger?: "hover" | "manual";
+	/** Controlled open state for the flyout. */
+	open?: boolean;
+	/** Uncontrolled initial open state for the flyout. */
+	defaultOpen?: boolean;
+	/** Callback when the open state should change. */
+	onOpenChange?: (open: boolean) => void;
+	/** Hover open delay in ms (only when trigger is 'hover'). */
+	hoverOpenDelayMs?: number;
+	/** Hover close delay in ms (only when trigger is 'hover'). */
+	hoverCloseDelayMs?: number;
+} & Omit<BoxProps, "position" | "top" | "left" | "right" | "bottom" | "height">;
 export interface AppShellProperties {
 	/**
 	 * Content for the body of the application.
@@ -41,6 +60,47 @@ export interface AppShellProperties {
 	 * Can be used to control the responsive properties of the AppShell menu so you can change which breakpoint the menu hides under.
 	 */
 	menuProperties?: Pick<BoxBaseProps, "display">;
+	/**
+	 * Controls whether the left sidebar (menu) is expanded (true) or collapsed (false). When undefined, the component is uncontrolled and uses defaultMenuExpanded.
+	 */
+	menuExpanded?: boolean;
+	/**
+	 * Initial expansion state when uncontrolled.
+	 */
+	defaultMenuExpanded?: boolean;
+	/**
+	 * Callback fired when the expansion state changes.
+	 */
+	onMenuExpandedChange?: (expanded: boolean) => void;
+	/**
+	 * Sidebar width when expanded. Defaults to "18rem".
+	 */
+	menuExpandedWidth?: string | number;
+	/**
+	 * Sidebar width when collapsed (rail). If provided, the sidebar will render in a compact rail while collapsed. Defaults to "4.5rem".
+	 */
+	menuCollapsedWidth?: string | number;
+	/**
+	 * Determines how the left sidebar behaves when collapsed.
+	 * - 'inline': current behavior; width changes affect layout.
+	 * - 'popover': when collapsed, hovering or clicking the rail shows the expanded menu as an overlay without affecting layout.
+	 */
+	menuBehavior?: "inline" | "popover";
+	/**
+	 * Consolidated configuration for the popover/flyout behavior when `menuBehavior` is 'popover'.
+	 * Prefer using this over individual top-level props for simpler usage.
+	 */
+	menuFlyout?: AppShellMenuFlyoutOptions;
+	/**
+	 * Optional content to render inside the collapsed rail. Falls back to `menu` when not provided.
+	 * @TJS-type React.ReactNode
+	 */
+	menuCollapsed?: ReactNode;
+	/**
+	 * Optional content to render when expanded (both inline and popover). Falls back to `menu` when not provided.
+	 * @TJS-type React.ReactNode
+	 */
+	menuExpandedContent?: ReactNode;
 }
 export type AppShellProps = AppShellProperties & Omit<HTMLAttributes<HTMLElement>, "color">;
 export declare const AppShell: React.FC<AppShellProps> & AppShellComponents;
@@ -464,6 +524,10 @@ export interface MenuButtonAccordionProperties {
 	 * Sets the state of the button as active/inactive.
 	 */
 	active?: boolean;
+	/**
+	 * Whether the menu is collapsed (icon-only).
+	 */
+	collapsed?: boolean;
 }
 export type MenuButtonAccordionBaseProps = MenuButtonAccordionProperties & {
 	menuButton: MenuButtonProps;
@@ -476,7 +540,7 @@ export interface MenuButtonProperties {
 	/**
 	 * Text label for the button.
 	 */
-	label: string;
+	label?: string;
 	/**
 	 * Function executed when clicking the button.
 	 * @TJS-type () => void;
@@ -496,6 +560,10 @@ export interface MenuButtonProperties {
 	 * @TJS-type React.ReactNode
 	 */
 	children?: ReactNode;
+	/**
+	 * Whether the menu is collapsed (icon-only).
+	 */
+	collapsed?: boolean;
 }
 export type MenuButtonBaseProps = MenuButtonProperties & Omit<ButtonHTMLAttributes<HTMLButtonElement>, "color">;
 export declare const MenuButton: PolymorphicForwardRefComponent<"a" | "button", MenuButtonBaseProps> & MenuButtonComponents;
@@ -548,9 +616,25 @@ export interface MenuProperties {
 	 * @TJS-type React.ReactNode
 	 */
 	children: ReactNode;
+	/**
+	 * Whether the menu should render in collapsed mode (icon-only).
+	 * Defaults to false (expanded).
+	 */
+	collapse?: boolean;
+	/**
+	 * Whether the menu should animate its size/appearance transitions internally.
+	 * Defaults to false to allow parent containers like AppShell to handle transitions.
+	 */
+	transition?: boolean;
 }
 export type MenuProps = MenuProperties & Omit<HTMLAttributes<HTMLElement>, "color">;
 export declare const Menu: React.FC<MenuProps> & MenuComponents;
+export interface MenuContextValue {
+	collapsed: boolean;
+	transition: boolean;
+}
+export declare const MenuContext: import("react").Context<MenuContextValue | undefined>;
+export declare const useMenuContext: () => MenuContextValue;
 export interface NavTabsItemProperties {
 	/**
 	 * Icon element to be rendered inside the button.