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

package/dist/FormField/index.d.ts

@@ -15,7 +15,7 @@ export declare const FormFieldTextarea: React.ForwardRefExoticComponent<Pick<For
 export type FormFieldTextareaProps = ComponentPropsWithRef<typeof FormField.Textarea>;
 export type FormFieldInputProperties = Omit<FormFieldProperties, "children"> & Omit<InputProperties, "appearance">;
 export type FormFieldInputBaseProps = FormFieldInputProperties & Omit<InputProps, "appearance"> & HTMLAttributes<HTMLElement>;
-export declare const FormFieldInput: React.ForwardRefExoticComponent<Pick<FormFieldInputBaseProps, "label" | "helpText" | "helpIcon" | "appearance" | "showHelpText" | "name" | "form" | "list" | "autoComplete" | "autoFocus" | "disabled" | "multiple" | "required" | "size" | "value" | "accept" | "alt" | "capture" | "checked" | "crossOrigin" | "enterKeyHint" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "height" | "max" | "maxLength" | "min" | "minLength" | "pattern" | "readOnly" | "src" | "step" | "type" | "width" | "key" | keyof React.HTMLAttributes<HTMLElement> | "appendPosition" | "append" | "data-testid"> & React.RefAttributes<HTMLInputElement>>;
+export declare const FormFieldInput: React.ForwardRefExoticComponent<Pick<FormFieldInputBaseProps, "label" | "helpText" | "helpIcon" | "appearance" | "showHelpText" | "name" | "form" | "list" | "autoComplete" | "autoFocus" | "disabled" | "multiple" | "required" | "size" | "value" | "accept" | "alt" | "capture" | "checked" | "crossOrigin" | "enterKeyHint" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "height" | "max" | "maxLength" | "min" | "minLength" | "pattern" | "readOnly" | "src" | "step" | "type" | "width" | "key" | keyof React.HTMLAttributes<HTMLElement> | "aiGenerated" | "appendPosition" | "append" | "data-testid"> & React.RefAttributes<HTMLInputElement>>;
 export type FormFieldInputProps = ComponentPropsWithRef<typeof FormField.Input>;
 export interface FormFieldComponents {
 	Select: typeof FormFieldSelect;

package/dist/Menu/index.d.ts

@@ -29,9 +29,9 @@ export interface MenuButtonAccordionProperties {
 	 */
 	active?: boolean;
 	/**
-	 * Whether the menu is collapsed (icon-only).
+	 * Whether the MenuButtonAccordion is expanded. If not provided, the expanded state will be determined by the context. If provided, it will override the context.
 	 */
-	collapsed?: boolean;
+	expanded?: boolean;
 }
 export type MenuButtonAccordionBaseProps = MenuButtonAccordionProperties & {
 	menuButton: MenuButtonProps;
@@ -65,9 +65,9 @@ export interface MenuButtonProperties {
 	 */
 	children?: ReactNode;
 	/**
-	 * Whether the menu is collapsed (icon-only).
+	 * Whether the menu is expanded. If not provided, the expanded state will be determined by the context. If provided, it will override the context.
 	 */
-	collapsed?: boolean;
+	expanded?: boolean;
 }
 export type MenuButtonBaseProps = MenuButtonProperties & Omit<ButtonHTMLAttributes<HTMLButtonElement>, "color">;
 declare const MenuButton: PolymorphicForwardRefComponent<"button" | "a", MenuButtonBaseProps> & MenuButtonComponents;
@@ -106,8 +106,6 @@ 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;
@@ -123,23 +121,12 @@ export interface MenuProperties {
 	 */
 	children: ReactNode;
 	/**
-	 * Whether the menu should render in collapsed mode (icon-only).
-	 * Defaults to false (expanded).
+	 * Whether the menu should render in expanded mode.
+	 * Defaults to true.
 	 */
-	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;
+	expanded?: 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).__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)})()));
+!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={5703:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.initialMenuContext=void 0,t.initialMenuContext={expanded:!0}},4834:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.useMenuExpandContext=t.MenuExpandContext=void 0;const r=n(8156),o=n(5703),a=(0,r.createContext)(void 0);t.MenuExpandContext=a;t.useMenuExpandContext=(e=!0)=>{const t=(0,r.useContext)(a);if(void 0===t){if(!e)return o.initialMenuContext;throw new Error("MenuExpand components must be used within a MenuExpand")}return t}},776:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.useMenuExpandContext=t.MenuExpandContext=void 0;var r=n(4834);Object.defineProperty(t,"MenuExpandContext",{enumerable:!0,get:function(){return r.MenuExpandContext}}),Object.defineProperty(t,"useMenuExpandContext",{enumerable:!0,get:function(){return r.useMenuExpandContext}})},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(776),i=n(8269),u=n(987),c=({className:e,style:t,children:n,expanded:i=!0,...u})=>{const c=(0,r.useMemo)((()=>({expanded:i})),[i]);return r.default.createElement(a.MenuExpandContext.Provider,{value:c},r.default.createElement(o.Box,{...u,display:"flex",flexDirection:"column",height:"100%",backgroundColor:"neutral-background",width:i?"100%":"unset",boxSizing:"border-box"},n))};t.Menu=c,c.Section=u.MenuSection,c.Button=i.MenuButton,c.ButtonAccordion=i.MenuButton?.Accordion,c.Header=u.MenuHeader,c.Body=u.MenuBody,c.Footer=u.MenuFooter,c.displayName="Menu",c.Section.displayName="Menu.Section",c.Header.displayName="Menu.Header",c.Body.displayName="Menu.Body",c.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(776);t.MenuBody=({className:e,style:t,children:n,...i})=>{const{expanded:u}=(0,a.useMenuExpandContext)(),c=u?{}:{pb:"none",alignItems:"center"};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",overflowX:"hidden",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},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),a=n(776);t.MenuHeader=({className:e,style:t,children:n,...i})=>{const{expanded:u}=(0,a.useMenuExpandContext)(),c=u?{}:{justifyContent:"center",paddingX:"3",paddingY:"4"};return r.default.createElement(o.Box,{...i,boxSizing:"border-box",display:"flex",flex:"0 1 auto",width:"100%",padding:"4",overflow:"hidden",...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(776);t.MenuSection=({className:e,style:t,title:n,children:i,...u})=>{const{expanded:c}=(0,a.useMenuExpandContext)(),l=c?{}:{maxWidth:"32px",pt:"2"};return r.default.createElement(o.Box,{...l,...u,display:"flex",flexDirection:"column",gap:"1-5"},n&&(c?r.default.createElement(o.Box,{pl:"2",pt:"2"},r.default.createElement(o.Text,{color:"neutral-textDisabled",fontSize:"caption"},n)):r.default.createElement(o.Box,{borderTopWidth:"1",borderBottomWidth:"none",borderColor:"neutral-surfaceHighlight",borderStyle:"solid",width:"100%",marginTop:"2",marginBottom:"3","data-testid":"menu-section--collapsed"})),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)},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(776),i=n(9283),u=(0,r.forwardRef)((({className:e,style:t,label:n,onClick:i,startIcon:u,children:c,active:l=!1,as:d="button",expanded:s,...f},p)=>{const{expanded:y}=(0,a.useMenuExpandContext)(!1),b=s??y,m=l?"primary-interactive":"neutral-textHigh",v=f.disabled?"neutral-textDisabled":m,_=b?{}:{justifyContent:"center",paddingX:"none"};return r.default.createElement(o.Box,{...f,ref:p,as:d,type:"button",onClick:i,alignItems:"center",textDecoration:"none",backgroundColor:{xs:l?"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"},..._},u&&r.default.createElement(o.Icon,{color:v,source:r.default.createElement(u,{size:16})}),b&&r.default.createElement(o.Box,{display:"inline-flex",flex:"1"},r.default.createElement(o.Text,{fontSize:"base",color:v,lineClamp:1,wordBreak:"break-all"},n)),b&&c)}));t.MenuButton=u,u.Accordion=i.MenuButtonAccordion,u.displayName="MenuButton",u.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(776),i=n(7135),u=(0,r.forwardRef)((({className:e,style:t,open:n,active:u,menuButton:c,children:l,as:d,expanded:s,...f},p)=>{const{expanded:y}=(0,a.useMenuExpandContext)(!1),b=s??y,[m,v]=(0,r.useState)(!1),_=(0,r.useMemo)((()=>void 0===n?m:n),[n,m]);return r.default.createElement(o.Box,{...f,ref:p,as:d,backgroundColor:u?"primary-surface":_?"neutral-surface":"transparent",borderRadius:"2",zIndex:_?"100":void 0,textDecoration:"none"},r.default.createElement(i.MenuButton,{...c,onClick:void 0!==n?c.onClick:()=>v((e=>!e)),active:u,"aria-expanded":_&&b}),_&&b&&r.default.createElement(o.Box,{id:"content-1","aria-hidden":!_,height:_?"auto":"0",overflow:"hidden",display:"flex",flexDirection:"column",gap:"0-5",pl:"6",pb:"1",pr:"1"},l))}));t.MenuButtonAccordion=u,u.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:()=>A,__classPrivateFieldSet:()=>D,__createBinding:()=>m,__decorate:()=>u,__esDecorate:()=>l,__exportStar:()=>v,__extends:()=>o,__generator:()=>b,__importDefault:()=>C,__importStar:()=>B,__makeTemplateObject:()=>E,__metadata:()=>p,__param:()=>c,__propKey:()=>s,__read:()=>x,__rest:()=>i,__runInitializers:()=>d,__setFunctionName:()=>f,__spread:()=>h,__spreadArray:()=>g,__spreadArrays:()=>M,__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",d=!t&&e?r.static?e:e.prototype:null,s=t||(d?Object.getOwnPropertyDescriptor(d,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:s.get,set:s.set}:s[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))&&(s.get=u),(u=i(m.set))&&(s.set=u),(u=i(m.init))&&o.push(u)}else(u=i(m))&&("field"===c?o.push(u):s[l]=u)}d&&Object.defineProperty(d,r.name,s),f=!0}function d(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 s(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 x(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(x(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):d(a[0][2],n)}catch(e){d(a[0][3],e)}var n}function c(e){u("next",e)}function l(e){u("throw",e)}function d(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 E(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 B(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 C(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 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 A(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

@@ -28,9 +28,9 @@ export interface MenuButtonAccordionProperties {
 	 */
 	active?: boolean;
 	/**
-	 * Whether the menu is collapsed (icon-only).
+	 * Whether the MenuButtonAccordion is expanded. If not provided, the expanded state will be determined by the context. If provided, it will override the context.
 	 */
-	collapsed?: boolean;
+	expanded?: boolean;
 }
 export type MenuButtonAccordionBaseProps = MenuButtonAccordionProperties & {
 	menuButton: MenuButtonProps;
@@ -65,9 +65,9 @@ export interface MenuButtonProperties {
 	 */
 	children?: ReactNode;
 	/**
-	 * Whether the menu is collapsed (icon-only).
+	 * Whether the menu is expanded. If not provided, the expanded state will be determined by the context. If provided, it will override the context.
 	 */
-	collapsed?: boolean;
+	expanded?: 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",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)})()));
+!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 n={5703:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.initialMenuContext=void 0,t.initialMenuContext={expanded:!0}},4834:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.useMenuExpandContext=t.MenuExpandContext=void 0;const r=n(8156),o=n(5703),a=(0,r.createContext)(void 0);t.MenuExpandContext=a;t.useMenuExpandContext=(e=!0)=>{const t=(0,r.useContext)(a);if(void 0===t){if(!e)return o.initialMenuContext;throw new Error("MenuExpand components must be used within a MenuExpand")}return t}},776:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.useMenuExpandContext=t.MenuExpandContext=void 0;var r=n(4834);Object.defineProperty(t,"MenuExpandContext",{enumerable:!0,get:function(){return r.MenuExpandContext}}),Object.defineProperty(t,"useMenuExpandContext",{enumerable:!0,get:function(){return r.useMenuExpandContext}})},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(776),i=n(9283),u=(0,r.forwardRef)((({className:e,style:t,label:n,onClick:i,startIcon:u,children:c,active:l=!1,as:f="button",expanded:s,...d},p)=>{const{expanded:y}=(0,a.useMenuExpandContext)(!1),b=s??y,v=l?"primary-interactive":"neutral-textHigh",_=d.disabled?"neutral-textDisabled":v,m=b?{}:{justifyContent:"center",paddingX:"none"};return r.default.createElement(o.Box,{...d,ref:p,as:f,type:"button",onClick:i,alignItems:"center",textDecoration:"none",backgroundColor:{xs:l?"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"},...m},u&&r.default.createElement(o.Icon,{color:_,source:r.default.createElement(u,{size:16})}),b&&r.default.createElement(o.Box,{display:"inline-flex",flex:"1"},r.default.createElement(o.Text,{fontSize:"base",color:_,lineClamp:1,wordBreak:"break-all"},n)),b&&c)}));t.MenuButton=u,u.Accordion=i.MenuButtonAccordion,u.displayName="MenuButton",u.Accordion.displayName="MenuButton.Accordion"},3756:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0});const r=n(5163);r.__exportStar(n(8269),t),r.__exportStar(n(9283),t)},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(776),i=n(7135),u=(0,r.forwardRef)((({className:e,style:t,open:n,active:u,menuButton:c,children:l,as:f,expanded:s,...d},p)=>{const{expanded:y}=(0,a.useMenuExpandContext)(!1),b=s??y,[v,_]=(0,r.useState)(!1),m=(0,r.useMemo)((()=>void 0===n?v:n),[n,v]);return r.default.createElement(o.Box,{...d,ref:p,as:f,backgroundColor:u?"primary-surface":m?"neutral-surface":"transparent",borderRadius:"2",zIndex:m?"100":void 0,textDecoration:"none"},r.default.createElement(i.MenuButton,{...c,onClick:void 0!==n?c.onClick:()=>_((e=>!e)),active:u,"aria-expanded":m&&b}),m&&b&&r.default.createElement(o.Box,{id:"content-1","aria-hidden":!m,height:m?"auto":"0",overflow:"hidden",display:"flex",flexDirection:"column",gap:"0-5",pl:"6",pb:"1",pr:"1"},l))}));t.MenuButtonAccordion=u,u.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:()=>M,__asyncGenerator:()=>j,__asyncValues:()=>P,__await:()=>O,__awaiter:()=>y,__classPrivateFieldGet:()=>T,__classPrivateFieldIn:()=>I,__classPrivateFieldSet:()=>A,__createBinding:()=>v,__decorate:()=>u,__esDecorate:()=>l,__exportStar:()=>_,__extends:()=>o,__generator:()=>b,__importDefault:()=>B,__importStar:()=>C,__makeTemplateObject:()=>E,__metadata:()=>p,__param:()=>c,__propKey:()=>s,__read:()=>h,__rest:()=>i,__runInitializers:()=>f,__setFunctionName:()=>d,__spread:()=>x,__spreadArray:()=>g,__spreadArrays:()=>w,__values:()=>m});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",f=!t&&e?r.static?e:e.prototype:null,s=t||(f?Object.getOwnPropertyDescriptor(f,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 v=(0,n[p])("accessor"===c?{get:s.get,set:s.set}:s[l],y);if("accessor"===c){if(void 0===v)continue;if(null===v||"object"!=typeof v)throw new TypeError("Object expected");(u=i(v.get))&&(s.get=u),(u=i(v.set))&&(s.set=u),(u=i(v.init))&&o.push(u)}else(u=i(v))&&("field"===c?o.push(u):s[l]=u)}f&&Object.defineProperty(f,r.name,s),d=!0}function f(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 s(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 v=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 _(e,t){for(var n in e)"default"===n||Object.prototype.hasOwnProperty.call(t,n)||v(t,e,n)}function m(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 w(){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 O(e){return this instanceof O?(this.v=e,this):new O(e)}function j(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 O?Promise.resolve(n.value.v).then(c,l):f(a[0][2],n)}catch(e){f(a[0][3],e)}var n}function c(e){u("next",e)}function l(e){u("throw",e)}function f(e,t){e(t),a.shift(),a.length&&u(a[0][0],a[0][1])}}function M(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:O(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=m(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 E(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)&&v(t,e,n);return S(t,e),t}function B(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},8156:t=>{t.exports=e}},r={};function o(e){var t=r[e];if(void 0!==t)return t.exports;var a=r[e]={exports:{}};return n[e](a,a.exports,o),a.exports}return o.d=(e,t)=>{for(var n in t)o.o(t,n)&&!o.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},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/SideModal/index.d.ts

@@ -1,11 +1,11 @@
 // Generated by dts-bundle-generator v8.0.0
 
-import { ButtonProperties, ButtonProps, SidebarProperties } from '@nimbus-ds/components';
+import { ButtonProperties, ButtonProps, SidebarProps } from '@nimbus-ds/components';
 import React from 'react';
 import { HTMLAttributes, ReactNode } from 'react';
 
 export type SideModalPadding = "none" | "base";
-export interface SideModalProperties extends Pick<SidebarProperties, "position" | "onRemove" | "open" | "padding" | "maxWidth" | "zIndex"> {
+export interface SideModalProperties extends Pick<SidebarProps, "position" | "onRemove" | "open" | "padding" | "maxWidth" | "zIndex" | "needRemoveScroll" | "root"> {
 	/**
 	 * Title.
 	 */

package/dist/index.d.ts

@@ -2,7 +2,7 @@
 
 import { DndContextProps, DragEndEvent, DragOverEvent, DragOverlayProps, DragStartEvent, DraggableAttributes, PointerSensorOptions, UniqueIdentifier } from '@dnd-kit/core';
 import { SyntheticListenerMap } from '@dnd-kit/core/dist/hooks/utilities';
-import { BoxBaseProps, BoxProperties, BoxProps, ButtonProperties, ButtonProps, CheckboxProperties, CheckboxProps, IconButtonProperties, IconButtonProps, InputProperties, InputProps, PaginationProperties, PaginationProps, PopoverProperties, RadioProps, SelectProperties, SelectProps, SidebarProperties, TableCellProps, TableProperties, TableRowProperties, TextareaProperties, TextareaProps, ThumbnailProperties, ThumbnailProps, ToggleProperties, ToggleProps } from '@nimbus-ds/components';
+import { BoxBaseProps, BoxProperties, BoxProps, ButtonProperties, ButtonProps, CheckboxProperties, CheckboxProps, IconButtonProperties, IconButtonProps, InputProperties, InputProps, PaginationProperties, PaginationProps, PopoverProperties, RadioProps, SelectProperties, SelectProps, SidebarProps, TableCellProps, TableProperties, TableRowProperties, TextareaProperties, TextareaProps, ThumbnailProperties, ThumbnailProps, ToggleProperties, ToggleProps } from '@nimbus-ds/components';
 import { IconProps } from '@nimbus-ds/icons';
 import { PolymorphicForwardRefComponent } from '@nimbus-ds/typings';
 import React from 'react';
@@ -36,7 +36,7 @@ export type AppShellMenuFlyoutOptions = {
 	trigger?: "hover" | "manual";
 	/** Controlled open state for the flyout. */
 	open?: boolean;
-	/** Uncontrolled initial open state for the flyout. */
+	/** Uncontrolled initial open state for the flyout. THIS IS IMPORTANT! Keep this */
 	defaultOpen?: boolean;
 	/** Callback when the open state should change. */
 	onOpenChange?: (open: boolean) => void;
@@ -75,11 +75,11 @@ export interface AppShellProperties {
 	/**
 	 * Sidebar width when expanded. Defaults to "18rem".
 	 */
-	menuExpandedWidth?: string | number;
+	menuExpandedWidth?: BoxBaseProps["width"];
 	/**
 	 * Sidebar width when collapsed (rail). If provided, the sidebar will render in a compact rail while collapsed. Defaults to "4.5rem".
 	 */
-	menuCollapsedWidth?: string | number;
+	menuCollapsedWidth?: BoxBaseProps["width"];
 	/**
 	 * Determines how the left sidebar behaves when collapsed.
 	 * - 'inline': current behavior; width changes affect layout.
@@ -92,18 +92,19 @@ export interface AppShellProperties {
 	 */
 	menuFlyout?: AppShellMenuFlyoutOptions;
 	/**
-	 * Optional content to render inside the collapsed rail. Falls back to `menu` when not provided.
-	 * @TJS-type React.ReactNode
+	 * Ref for the center children.
 	 */
-	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;
+	centerChildrenRef?: React.RefObject<HTMLDivElement>;
 }
 export type AppShellProps = AppShellProperties & Omit<HTMLAttributes<HTMLElement>, "color">;
 export declare const AppShell: React.FC<AppShellProps> & AppShellComponents;
+export type AppShellMenuContextValue = {
+	isMenuPopover: boolean;
+};
+export declare const useAppShellMenuContext: () => AppShellMenuContextValue;
+export declare const AppShellOverlayContext: React.Context<HTMLElement | null>;
+export declare const AppShellOverlayProvider: React.Provider<HTMLElement | null>;
+export declare const useAppShellOverlayContainer: () => HTMLElement | null;
 export interface CalloutCardProperties {
 	/**
 	 * CalloutCard color.
@@ -316,7 +317,7 @@ declare const FormFieldTextarea: React.ForwardRefExoticComponent<Pick<FormFieldT
 export type FormFieldTextareaProps = ComponentPropsWithRef<typeof FormField.Textarea>;
 export type FormFieldInputProperties = Omit<FormFieldProperties, "children"> & Omit<InputProperties, "appearance">;
 export type FormFieldInputBaseProps = FormFieldInputProperties & Omit<InputProps, "appearance"> & HTMLAttributes<HTMLElement>;
-declare const FormFieldInput: React.ForwardRefExoticComponent<Pick<FormFieldInputBaseProps, keyof React.HTMLAttributes<HTMLElement> | "width" | "height" | "form" | "label" | "pattern" | "key" | "max" | "min" | "name" | "type" | "crossOrigin" | "alt" | "src" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "value" | "autoComplete" | "accept" | "capture" | "checked" | "enterKeyHint" | "list" | "maxLength" | "minLength" | "multiple" | "readOnly" | "required" | "size" | "step" | "appearance" | "data-testid" | "helpText" | "helpIcon" | "showHelpText" | "appendPosition" | "append"> & React.RefAttributes<HTMLInputElement>>;
+declare const FormFieldInput: React.ForwardRefExoticComponent<Pick<FormFieldInputBaseProps, keyof React.HTMLAttributes<HTMLElement> | "width" | "height" | "form" | "label" | "pattern" | "key" | "max" | "min" | "name" | "type" | "crossOrigin" | "alt" | "src" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "value" | "autoComplete" | "accept" | "capture" | "checked" | "enterKeyHint" | "list" | "maxLength" | "minLength" | "multiple" | "readOnly" | "required" | "size" | "step" | "appearance" | "data-testid" | "helpText" | "helpIcon" | "showHelpText" | "aiGenerated" | "appendPosition" | "append"> & React.RefAttributes<HTMLInputElement>>;
 export type FormFieldInputProps = ComponentPropsWithRef<typeof FormField.Input>;
 export interface FormFieldComponents {
 	Select: typeof FormFieldSelect;
@@ -525,9 +526,9 @@ export interface MenuButtonAccordionProperties {
 	 */
 	active?: boolean;
 	/**
-	 * Whether the menu is collapsed (icon-only).
+	 * Whether the MenuButtonAccordion is expanded. If not provided, the expanded state will be determined by the context. If provided, it will override the context.
 	 */
-	collapsed?: boolean;
+	expanded?: boolean;
 }
 export type MenuButtonAccordionBaseProps = MenuButtonAccordionProperties & {
 	menuButton: MenuButtonProps;
@@ -561,9 +562,9 @@ export interface MenuButtonProperties {
 	 */
 	children?: ReactNode;
 	/**
-	 * Whether the menu is collapsed (icon-only).
+	 * Whether the menu is expanded. If not provided, the expanded state will be determined by the context. If provided, it will override the context.
 	 */
-	collapsed?: boolean;
+	expanded?: boolean;
 }
 export type MenuButtonBaseProps = MenuButtonProperties & Omit<ButtonHTMLAttributes<HTMLButtonElement>, "color">;
 export declare const MenuButton: PolymorphicForwardRefComponent<"a" | "button", MenuButtonBaseProps> & MenuButtonComponents;
@@ -617,24 +618,13 @@ export interface MenuProperties {
 	 */
 	children: ReactNode;
 	/**
-	 * Whether the menu should render in collapsed mode (icon-only).
-	 * Defaults to false (expanded).
+	 * Whether the menu should render in expanded mode.
+	 * Defaults to true.
 	 */
-	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;
+	expanded?: 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.
@@ -736,7 +726,7 @@ export interface ProductUpdatesProperties extends Omit<PopoverProperties, "conte
 export type ProductUpdatesProps = ProductUpdatesProperties & HTMLAttributes<HTMLElement>;
 export declare const ProductUpdates: React.FC<ProductUpdatesProps>;
 export type SideModalPadding = "none" | "base";
-export interface SideModalProperties extends Pick<SidebarProperties, "position" | "onRemove" | "open" | "padding" | "maxWidth" | "zIndex"> {
+export interface SideModalProperties extends Pick<SidebarProps, "position" | "onRemove" | "open" | "padding" | "maxWidth" | "zIndex" | "needRemoveScroll" | "root"> {
 	/**
 	 * Title.
 	 */
@@ -1303,5 +1293,10 @@ export interface ProductDataListComponents {
 	ItemDivider: typeof ProductDataListItemDivider;
 }
 export declare const ProductDataList: React.FC<ProductDataListProps> & ProductDataListComponents;
+export interface MenuExpandContextValue {
+	expanded: boolean;
+}
+export declare const MenuExpandContext: import("react").Context<MenuExpandContextValue | undefined>;
+export declare const useMenuExpandContext: (enforce?: boolean) => MenuExpandContextValue;
 
 export {};