@nimbus-ds/patterns 1.23.3 → 1.24.0-rc.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -1,6 +1,22 @@
1
1
  # Changelog
2
2
 
3
- Nimbus is an open-source Design System created by Tiendanube / Nuvesmhops team to empower and enhance more stories every day, with simplicity, accessibility, consistency and performance.
3
+ Nimbus is an open-source Design System created by Tiendanube / Nuvesmhop's team to empower and enhance more stories every day, with simplicity, accessibility, consistency and performance.
4
+
5
+ ## 2025-10-09 `1.24.0`
6
+
7
+ #### 🎉 New features
8
+
9
+ - Added `showTooltipsWhenCollapsed` prop to `Menu` component to control tooltip visibility when menu is collapsed. ([#129](https://github.com/TiendaNube/nimbus-patterns/pull/129) by [@joacotornello](https://github.com/joacotornello))
10
+ - Added `tooltipsPosition` prop to `Menu` component to control tooltip position when menu is collapsed. ([#129](https://github.com/TiendaNube/nimbus-patterns/pull/129) by [@joacotornello](https://github.com/joacotornello))
11
+ - Added `tooltipText` prop to `MenuButton` component to display custom tooltip text when menu is collapsed. ([#129](https://github.com/TiendaNube/nimbus-patterns/pull/129) by [@joacotornello](https://github.com/joacotornello))
12
+ - Added `tooltipText` prop to `MenuButton.Accordion` component to display custom tooltip text when menu is collapsed. ([#129](https://github.com/TiendaNube/nimbus-patterns/pull/129) by [@joacotornello](https://github.com/joacotornello))
13
+ - Added tooltip support to `MenuButton` component that automatically displays when menu is collapsed. ([#129](https://github.com/TiendaNube/nimbus-patterns/pull/129) by [@joacotornello](https://github.com/joacotornello))
14
+ - Added tooltip support to `MenuButton.Accordion` component that automatically displays when menu is collapsed. ([#129](https://github.com/TiendaNube/nimbus-patterns/pull/129) by [@joacotornello](https://github.com/joacotornello))
15
+
16
+ #### 💡 Others
17
+
18
+ - Updated `AppShell` collapsible menu story with improved UI interactions using `SidebarIcon` for menu toggle. ([#129](https://github.com/TiendaNube/nimbus-patterns/pull/129) by [@joacotornello](https://github.com/joacotornello))
19
+ - Extended `MenuExpandContext` with `showTooltipsWhenCollapsed` and `tooltipsPosition` properties. ([#129](https://github.com/TiendaNube/nimbus-patterns/pull/129) by [@joacotornello](https://github.com/joacotornello))
4
20
 
5
21
  ## 2025-09-30 `1.23.3`
6
22
 
package/dist/CHANGELOG.md CHANGED
@@ -1,6 +1,22 @@
1
1
  # Changelog
2
2
 
3
- Nimbus is an open-source Design System created by Tiendanube / Nuvesmhops team to empower and enhance more stories every day, with simplicity, accessibility, consistency and performance.
3
+ Nimbus is an open-source Design System created by Tiendanube / Nuvesmhop's team to empower and enhance more stories every day, with simplicity, accessibility, consistency and performance.
4
+
5
+ ## 2025-10-09 `1.24.0`
6
+
7
+ #### 🎉 New features
8
+
9
+ - Added `showTooltipsWhenCollapsed` prop to `Menu` component to control tooltip visibility when menu is collapsed. ([#129](https://github.com/TiendaNube/nimbus-patterns/pull/129) by [@joacotornello](https://github.com/joacotornello))
10
+ - Added `tooltipsPosition` prop to `Menu` component to control tooltip position when menu is collapsed. ([#129](https://github.com/TiendaNube/nimbus-patterns/pull/129) by [@joacotornello](https://github.com/joacotornello))
11
+ - Added `tooltipText` prop to `MenuButton` component to display custom tooltip text when menu is collapsed. ([#129](https://github.com/TiendaNube/nimbus-patterns/pull/129) by [@joacotornello](https://github.com/joacotornello))
12
+ - Added `tooltipText` prop to `MenuButton.Accordion` component to display custom tooltip text when menu is collapsed. ([#129](https://github.com/TiendaNube/nimbus-patterns/pull/129) by [@joacotornello](https://github.com/joacotornello))
13
+ - Added tooltip support to `MenuButton` component that automatically displays when menu is collapsed. ([#129](https://github.com/TiendaNube/nimbus-patterns/pull/129) by [@joacotornello](https://github.com/joacotornello))
14
+ - Added tooltip support to `MenuButton.Accordion` component that automatically displays when menu is collapsed. ([#129](https://github.com/TiendaNube/nimbus-patterns/pull/129) by [@joacotornello](https://github.com/joacotornello))
15
+
16
+ #### 💡 Others
17
+
18
+ - Updated `AppShell` collapsible menu story with improved UI interactions using `SidebarIcon` for menu toggle. ([#129](https://github.com/TiendaNube/nimbus-patterns/pull/129) by [@joacotornello](https://github.com/joacotornello))
19
+ - Extended `MenuExpandContext` with `showTooltipsWhenCollapsed` and `tooltipsPosition` properties. ([#129](https://github.com/TiendaNube/nimbus-patterns/pull/129) by [@joacotornello](https://github.com/joacotornello))
4
20
 
5
21
  ## 2025-09-30 `1.23.3`
6
22
 
@@ -34,9 +34,13 @@ export interface MenuButtonAccordionProperties {
34
34
  * If provided, it overrides the context.
35
35
  */
36
36
  expanded?: boolean;
37
+ /**
38
+ * Text to be displayed in the tooltip when the button is collapsed. If not provided, the label will be used.
39
+ */
40
+ tooltipText?: string;
37
41
  }
38
42
  export type MenuButtonAccordionBaseProps = MenuButtonAccordionProperties & {
39
- menuButton: MenuButtonProps;
43
+ menuButton: Omit<MenuButtonProps, "expanded" | "tooltipText">;
40
44
  } & Omit<HTMLAttributes<HTMLElement>, "color">;
41
45
  declare const MenuButtonAccordion: PolymorphicForwardRefComponent<"button" | "a", MenuButtonAccordionBaseProps>;
42
46
  export interface MenuButtonComponents {
@@ -73,6 +77,10 @@ export interface MenuButtonProperties {
73
77
  * If not provided, the expanded state will be determined by the context.
74
78
  */
75
79
  expanded?: boolean;
80
+ /**
81
+ * Text to be displayed in the tooltip when the button is collapsed. If not provided, the label will be used.
82
+ */
83
+ tooltipText?: string;
76
84
  }
77
85
  export type MenuButtonBaseProps = MenuButtonProperties & Omit<ButtonHTMLAttributes<HTMLButtonElement>, "color">;
78
86
  declare const MenuButton: PolymorphicForwardRefComponent<"button" | "a", MenuButtonBaseProps> & MenuButtonComponents;
@@ -131,6 +139,14 @@ export interface MenuProperties {
131
139
  * If provided, it overrides the context.
132
140
  */
133
141
  expanded?: boolean;
142
+ /**
143
+ * Whether to show tooltips for buttons when the menu is collapsed. Defaults to true.
144
+ */
145
+ showTooltipsWhenCollapsed?: boolean;
146
+ /**
147
+ * Position of the tooltips for buttons when the menu is collapsed. Defaults to "right".
148
+ */
149
+ tooltipsPosition?: "top" | "bottom" | "left" | "right";
134
150
  }
135
151
  export type MenuProps = MenuProperties & Omit<HTMLAttributes<HTMLElement>, "color">;
136
152
  export declare const Menu: React.FC<MenuProps> & MenuComponents;
@@ -1,2 +1,2 @@
1
1
  "use client";
2
- !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={7713:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.initialMenuContext=void 0,t.initialMenuContext={expanded:!0}},3843:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.useMenuExpandContext=t.MenuExpandContext=void 0;const r=n(8156),o=n(7713),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("Menu subcomponents must be used within MenuExpandContext.Provider")}return t}},776:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.useMenuExpandContext=t.MenuExpandContext=void 0;var r=n(3843);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]),l=(0,r.useMemo)((()=>i?{width:"100%"}:{width:"unset"}),[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",boxSizing:"border-box",...l},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).__importStar(n(8156)),o=n(5280),a=n(776);t.MenuBody=({className:e,style:t,children:n,...i})=>{const{expanded:u}=(0,a.useMenuExpandContext)(!1),c=(0,r.useMemo)((()=>u?{pb:"4"}:{alignItems:"center"}),[u]);return r.default.createElement(o.Box,{...i,display:"flex",flexDirection:"column",flex:"1 1 auto",gap:"2",paddingX:"2",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).__importStar(n(8156)),o=n(5280),a=n(776);t.MenuHeader=({className:e,style:t,children:n,...i})=>{const{expanded:u}=(0,a.useMenuExpandContext)(!1),c=(0,r.useMemo)((()=>u?{padding:"4"}:{justifyContent:"center",paddingX:"3",paddingY:"4"}),[u]);return r.default.createElement(o.Box,{...i,boxSizing:"border-box",display:"flex",flex:"0 1 auto",width:"100%",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).__importStar(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)(!1),l=(0,r.useMemo)((()=>c?{}:{maxWidth:"32px",pt:"2"}),[c]);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)((()=>n??m),[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:()=>D,__classPrivateFieldSet:()=>A,__createBinding:()=>m,__decorate:()=>u,__esDecorate:()=>l,__exportStar:()=>v,__extends:()=>o,__generator:()=>b,__importDefault:()=>C,__importStar:()=>B,__makeTemplateObject:()=>S,__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 S(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 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 E(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 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 D(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)})()));
2
+ !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 o={7713:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.initialMenuContext=void 0,t.initialMenuContext={expanded:!0,showTooltipsWhenCollapsed:!0,tooltipsPosition:"right"}},3843:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.useMenuExpandContext=t.MenuExpandContext=void 0;const o=n(8156),r=n(7713),a=(0,o.createContext)(void 0);t.MenuExpandContext=a;t.useMenuExpandContext=(e=!0)=>{const t=(0,o.useContext)(a);if(void 0===t){if(!e)return r.initialMenuContext;throw new Error("Menu subcomponents must be used within MenuExpandContext.Provider")}return t}},776:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.useMenuExpandContext=t.MenuExpandContext=void 0;var o=n(3843);Object.defineProperty(t,"MenuExpandContext",{enumerable:!0,get:function(){return o.MenuExpandContext}}),Object.defineProperty(t,"useMenuExpandContext",{enumerable:!0,get:function(){return o.useMenuExpandContext}})},6188:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.Menu=void 0;const o=n(5163).__importStar(n(8156)),r=n(5280),a=n(776),i=n(8269),u=n(987),c=({className:e,style:t,children:n,expanded:i=!0,showTooltipsWhenCollapsed:u=!0,tooltipsPosition:c="right",...l})=>{const d=(0,o.useMemo)((()=>({expanded:i,showTooltipsWhenCollapsed:u,tooltipsPosition:c})),[i,u,c]),s=(0,o.useMemo)((()=>i?{width:"100%"}:{width:"unset"}),[i]);return o.default.createElement(a.MenuExpandContext.Provider,{value:d},o.default.createElement(r.Box,{...l,display:"flex",flexDirection:"column",height:"100%",backgroundColor:"neutral-background",boxSizing:"border-box",...s},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 o=n(5163);o.__exportStar(n(20),t),o.__exportStar(n(987),t)},6103:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.MenuBody=void 0;const o=n(5163).__importStar(n(8156)),r=n(5280),a=n(776);t.MenuBody=({className:e,style:t,children:n,...i})=>{const{expanded:u}=(0,a.useMenuExpandContext)(!1),c=(0,o.useMemo)((()=>u?{pb:"4"}:{alignItems:"center"}),[u]);return o.default.createElement(r.Box,{...i,display:"flex",flexDirection:"column",flex:"1 1 auto",gap:"2",paddingX:"2",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 o=n(6103);var r=n(6103);Object.defineProperty(t,"MenuBody",{enumerable:!0,get:function(){return r.MenuBody}}),t.default=o.MenuBody},9065:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.MenuFooter=void 0;const o=n(5163).__importDefault(n(8156)),r=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 o.default.createElement(a.Box,{boxSizing:"border-box",display:"flex",flex:"0 1 auto",paddingX:"2",paddingY:"3",width:"100%"},o.default.createElement(i.MenuButton,{...n},o.default.createElement(a.Icon,{source:o.default.createElement(r.ChevronRightIcon,{size:16}),color:c})))}},6116:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.MenuFooter=void 0;const o=n(9065);var r=n(9065);Object.defineProperty(t,"MenuFooter",{enumerable:!0,get:function(){return r.MenuFooter}}),t.default=o.MenuFooter},7446:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.MenuHeader=void 0;const o=n(5163).__importStar(n(8156)),r=n(5280),a=n(776);t.MenuHeader=({className:e,style:t,children:n,...i})=>{const{expanded:u}=(0,a.useMenuExpandContext)(!1),c=(0,o.useMemo)((()=>u?{padding:"4"}:{justifyContent:"center",paddingX:"3",paddingY:"4"}),[u]);return o.default.createElement(r.Box,{...i,boxSizing:"border-box",display:"flex",flex:"0 1 auto",width:"100%",overflow:"hidden",...c},n)}},9925:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.MenuHeader=void 0;const o=n(7446);var r=n(7446);Object.defineProperty(t,"MenuHeader",{enumerable:!0,get:function(){return r.MenuHeader}}),t.default=o.MenuHeader},2771:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.MenuSection=void 0;const o=n(5163).__importStar(n(8156)),r=n(5280),a=n(776);t.MenuSection=({className:e,style:t,title:n,children:i,...u})=>{const{expanded:c}=(0,a.useMenuExpandContext)(!1),l=(0,o.useMemo)((()=>c?{}:{maxWidth:"32px"}),[c]);return o.default.createElement(r.Box,{...l,...u,display:"flex",flexDirection:"column",gap:"1-5"},n&&(c?o.default.createElement(r.Box,{pl:"2",pt:"2"},o.default.createElement(r.Text,{color:"neutral-textDisabled",fontSize:"caption"},n)):o.default.createElement(r.Box,{borderTopWidth:"1",borderBottomWidth:"none",borderColor:"neutral-surfaceHighlight",borderStyle:"solid",width:"100%",marginTop:"3",marginBottom:"3","data-testid":"menu-section--collapsed"})),i)}},2915:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.MenuSection=void 0;const o=n(2771);var r=n(2771);Object.defineProperty(t,"MenuSection",{enumerable:!0,get:function(){return r.MenuSection}}),t.default=o.MenuSection},987:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0});const o=n(5163);o.__exportStar(n(9925),t),o.__exportStar(n(1485),t),o.__exportStar(n(6116),t),o.__exportStar(n(2915),t)},20:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.Menu=void 0;const o=n(6188);var r=n(6188);Object.defineProperty(t,"Menu",{enumerable:!0,get:function(){return r.Menu}}),t.default=o.Menu},7135:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.MenuButton=void 0;const o=n(5163).__importStar(n(8156)),r=n(5280),a=n(776),i=n(9283),u=(0,o.forwardRef)((({className:e,style:t,label:n,onClick:i,startIcon:u,children:c,active:l=!1,as:d="button",expanded:s,tooltipText:f,...p},y)=>{const{expanded:b,showTooltipsWhenCollapsed:m,tooltipsPosition:v}=(0,a.useMenuExpandContext)(!1),x=s??b,_=l?"primary-interactive":"neutral-textHigh",h=p.disabled?"neutral-textDisabled":_,M=x?{}:{justifyContent:"center",paddingX:"none"},w=o.default.createElement(r.Box,{...p,ref:y,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"},...M},u&&o.default.createElement(r.Icon,{color:h,source:o.default.createElement(u,{size:16})}),x&&o.default.createElement(r.Box,{display:"inline-flex",flex:"1"},o.default.createElement(r.Text,{fontSize:"base",color:h,lineClamp:1,wordBreak:"break-all"},n)),x&&c),g=f??n;return!x&&m&&g?o.default.createElement(r.Tooltip,{content:g,position:v,arrow:!0},w):w}));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 o=n(5163).__importStar(n(8156)),r=n(5280),a=n(776),i=n(7135),u=(0,o.forwardRef)((({className:e,style:t,open:n,active:u,menuButton:c,children:l,as:d,expanded:s,tooltipText:f,...p},y)=>{const{expanded:b,showTooltipsWhenCollapsed:m,tooltipsPosition:v}=(0,a.useMenuExpandContext)(!1),x=s??b,[_,h]=(0,o.useState)(!1),M=(0,o.useMemo)((()=>n??_),[n,_]),w=o.default.createElement(r.Box,{...p,ref:y,as:d,backgroundColor:u?"primary-surface":M?"neutral-surface":"transparent",borderRadius:"2",zIndex:M?"100":void 0,textDecoration:"none"},o.default.createElement(i.MenuButton,{...c,onClick:void 0!==n?c.onClick:()=>h((e=>!e)),active:u,"aria-expanded":M&&x}),M&&x&&o.default.createElement(r.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)),g=f??c.label;return!x&&m&&g?o.default.createElement(r.Tooltip,{content:g,position:v,arrow:!0},w):w}));t.MenuButtonAccordion=u,u.displayName="MenuButtonAccordion"},9895:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.MenuButtonAccordion=void 0;const o=n(8366);var r=n(8366);Object.defineProperty(t,"MenuButtonAccordion",{enumerable:!0,get:function(){return r.MenuButtonAccordion}}),t.default=o.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 o=n(7135);var r=n(7135);Object.defineProperty(t,"MenuButton",{enumerable:!0,get:function(){return r.MenuButton}}),t.default=o.MenuButton},5163:(e,t,n)=>{n.r(t),n.d(t,{__assign:()=>a,__asyncDelegator:()=>j,__asyncGenerator:()=>O,__asyncValues:()=>P,__await:()=>g,__awaiter:()=>y,__classPrivateFieldGet:()=>T,__classPrivateFieldIn:()=>D,__classPrivateFieldSet:()=>A,__createBinding:()=>m,__decorate:()=>u,__esDecorate:()=>l,__exportStar:()=>v,__extends:()=>r,__generator:()=>b,__importDefault:()=>C,__importStar:()=>B,__makeTemplateObject:()=>S,__metadata:()=>p,__param:()=>c,__propKey:()=>s,__read:()=>_,__rest:()=>i,__runInitializers:()=>d,__setFunctionName:()=>f,__spread:()=>h,__spreadArray:()=>w,__spreadArrays:()=>M,__values:()=>x});var o=function(e,t){return o=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])},o(e,t)};function r(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}o(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,o=arguments.length;n<o;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},a.apply(this,arguments)};function i(e,t){var n={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(n[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(o=Object.getOwnPropertySymbols(e);r<o.length;r++)t.indexOf(o[r])<0&&Object.prototype.propertyIsEnumerable.call(e,o[r])&&(n[o[r]]=e[o[r]])}return n}function u(e,t,n,o){var r,a=arguments.length,i=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,n,o);else for(var u=e.length-1;u>=0;u--)(r=e[u])&&(i=(a<3?r(i):a>3?r(t,n,i):r(t,n))||i);return a>3&&i&&Object.defineProperty(t,n,i),i}function c(e,t){return function(n,o){t(n,o,e)}}function l(e,t,n,o,r,a){function i(e){if(void 0!==e&&"function"!=typeof e)throw new TypeError("Function expected");return e}for(var u,c=o.kind,l="getter"===c?"get":"setter"===c?"set":"value",d=!t&&e?o.static?e:e.prototype:null,s=t||(d?Object.getOwnPropertyDescriptor(d,o.name):{}),f=!1,p=n.length-1;p>=0;p--){var y={};for(var b in o)y[b]="access"===b?{}:o[b];for(var b in o.access)y.access[b]=o.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))&&r.push(u)}else(u=i(m))&&("field"===c?r.push(u):s[l]=u)}d&&Object.defineProperty(d,o.name,s),f=!0}function d(e,t,n){for(var o=arguments.length>2,r=0;r<t.length;r++)n=o?t[r].call(e,n):t[r].call(e);return o?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,o){return new(n||(n=Promise))((function(r,a){function i(e){try{c(o.next(e))}catch(e){a(e)}}function u(e){try{c(o.throw(e))}catch(e){a(e)}}function c(e){var t;e.done?r(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(i,u)}c((o=o.apply(e,t||[])).next())}))}function b(e,t){var n,o,r,a,i={label:0,sent:function(){if(1&r[0])throw r[1];return r[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,o&&(r=2&u[0]?o.return:u[0]?o.throw||((r=o.return)&&r.call(o),0):o.next)&&!(r=r.call(o,u[1])).done)return r;switch(o=0,r&&(u=[2&u[0],r.value]),u[0]){case 0:case 1:r=u;break;case 4:return i.label++,{value:u[1],done:!1};case 5:i.label++,o=u[1],u=[0];continue;case 7:u=i.ops.pop(),i.trys.pop();continue;default:if(!(r=i.trys,(r=r.length>0&&r[r.length-1])||6!==u[0]&&2!==u[0])){i=0;continue}if(3===u[0]&&(!r||u[1]>r[0]&&u[1]<r[3])){i.label=u[1];break}if(6===u[0]&&i.label<r[1]){i.label=r[1],r=u;break}if(r&&i.label<r[2]){i.label=r[2],i.ops.push(u);break}r[2]&&i.ops.pop(),i.trys.pop();continue}u=t.call(e,i)}catch(e){u=[6,e],o=0}finally{n=r=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,o){void 0===o&&(o=n);var r=Object.getOwnPropertyDescriptor(t,n);r&&!("get"in r?!t.__esModule:r.writable||r.configurable)||(r={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,o,r)}:function(e,t,n,o){void 0===o&&(o=n),e[o]=t[n]};function v(e,t){for(var n in e)"default"===n||Object.prototype.hasOwnProperty.call(t,n)||m(t,e,n)}function x(e){var t="function"==typeof Symbol&&Symbol.iterator,n=t&&e[t],o=0;if(n)return n.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&o>=e.length&&(e=void 0),{value:e&&e[o++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}function _(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var o,r,a=n.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(o=a.next()).done;)i.push(o.value)}catch(e){r={error:e}}finally{try{o&&!o.done&&(n=a.return)&&n.call(a)}finally{if(r)throw r.error}}return i}function h(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(_(arguments[t]));return e}function M(){for(var e=0,t=0,n=arguments.length;t<n;t++)e+=arguments[t].length;var o=Array(e),r=0;for(t=0;t<n;t++)for(var a=arguments[t],i=0,u=a.length;i<u;i++,r++)o[r]=a[i];return o}function w(e,t,n){if(n||2===arguments.length)for(var o,r=0,a=t.length;r<a;r++)!o&&r in t||(o||(o=Array.prototype.slice.call(t,0,r)),o[r]=t[r]);return e.concat(o||Array.prototype.slice.call(t))}function g(e){return this instanceof g?(this.v=e,this):new g(e)}function O(e,t,n){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var o,r=n.apply(e,t||[]),a=[];return o={},i("next"),i("throw"),i("return"),o[Symbol.asyncIterator]=function(){return this},o;function i(e){r[e]&&(o[e]=function(t){return new Promise((function(n,o){a.push([e,t,n,o])>1||u(e,t)}))})}function u(e,t){try{(n=r[e](t)).value instanceof g?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={},o("next"),o("throw",(function(e){throw e})),o("return"),t[Symbol.iterator]=function(){return this},t;function o(o,r){t[o]=e[o]?function(t){return(n=!n)?{value:g(e[o](t)),done:!1}:r?r(t):t}:r}}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=x(e),t={},o("next"),o("throw"),o("return"),t[Symbol.asyncIterator]=function(){return this},t);function o(n){t[n]=e[n]&&function(t){return new Promise((function(o,r){(function(e,t,n,o){Promise.resolve(o).then((function(t){e({value:t,done:n})}),t)})(o,r,(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 E=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 E(t,e),t}function C(e){return e&&e.__esModule?e:{default:e}}function T(e,t,n,o){if("a"===n&&!o)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!o:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===n?o:"a"===n?o.call(e):o?o.value:t.get(e)}function A(e,t,n,o,r){if("m"===o)throw new TypeError("Private method is not writable");if("a"===o&&!r)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?e!==t||!r:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===o?r.call(e,n):r?r.value=n:t.set(e,n),n}function D(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}},r={};function a(e){var t=r[e];if(void 0!==t)return t.exports;var n=r[e]={exports:{}};return o[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)})()));
@@ -33,9 +33,13 @@ export interface MenuButtonAccordionProperties {
33
33
  * If provided, it overrides the context.
34
34
  */
35
35
  expanded?: boolean;
36
+ /**
37
+ * Text to be displayed in the tooltip when the button is collapsed. If not provided, the label will be used.
38
+ */
39
+ tooltipText?: string;
36
40
  }
37
41
  export type MenuButtonAccordionBaseProps = MenuButtonAccordionProperties & {
38
- menuButton: MenuButtonProps;
42
+ menuButton: Omit<MenuButtonProps, "expanded" | "tooltipText">;
39
43
  } & Omit<HTMLAttributes<HTMLElement>, "color">;
40
44
  export declare const MenuButtonAccordion: PolymorphicForwardRefComponent<"button" | "a", MenuButtonAccordionBaseProps>;
41
45
  export type MenuButtonAccordionProps = ComponentPropsWithRef<typeof MenuButtonAccordion>;
@@ -73,6 +77,10 @@ export interface MenuButtonProperties {
73
77
  * If not provided, the expanded state will be determined by the context.
74
78
  */
75
79
  expanded?: boolean;
80
+ /**
81
+ * Text to be displayed in the tooltip when the button is collapsed. If not provided, the label will be used.
82
+ */
83
+ tooltipText?: string;
76
84
  }
77
85
  export type MenuButtonBaseProps = MenuButtonProperties & Omit<ButtonHTMLAttributes<HTMLButtonElement>, "color">;
78
86
  export declare const MenuButton: PolymorphicForwardRefComponent<"button" | "a", MenuButtonBaseProps> & MenuButtonComponents;
@@ -1,2 +1,2 @@
1
1
  "use client";
2
- !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={7713:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.initialMenuContext=void 0,t.initialMenuContext={expanded:!0}},3843:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.useMenuExpandContext=t.MenuExpandContext=void 0;const r=n(8156),o=n(7713),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("Menu subcomponents must be used within MenuExpandContext.Provider")}return t}},776:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.useMenuExpandContext=t.MenuExpandContext=void 0;var r=n(3843);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)((()=>n??v),[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)})()));
2
+ !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={7713:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.initialMenuContext=void 0,t.initialMenuContext={expanded:!0,showTooltipsWhenCollapsed:!0,tooltipsPosition:"right"}},3843:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.useMenuExpandContext=t.MenuExpandContext=void 0;const r=n(8156),o=n(7713),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("Menu subcomponents must be used within MenuExpandContext.Provider")}return t}},776:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.useMenuExpandContext=t.MenuExpandContext=void 0;var r=n(3843);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:s="button",expanded:f,tooltipText:p,...d},y)=>{const{expanded:b,showTooltipsWhenCollapsed:v,tooltipsPosition:h}=(0,a.useMenuExpandContext)(!1),m=f??b,_=l?"primary-interactive":"neutral-textHigh",x=d.disabled?"neutral-textDisabled":_,w=m?{}:{justifyContent:"center",paddingX:"none"},g=r.default.createElement(o.Box,{...d,ref:y,as:s,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"},...w},u&&r.default.createElement(o.Icon,{color:x,source:r.default.createElement(u,{size:16})}),m&&r.default.createElement(o.Box,{display:"inline-flex",flex:"1"},r.default.createElement(o.Text,{fontSize:"base",color:x,lineClamp:1,wordBreak:"break-all"},n)),m&&c),O=p??n;return!m&&v&&O?r.default.createElement(o.Tooltip,{content:O,position:h,arrow:!0},g):g}));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:s,expanded:f,tooltipText:p,...d},y)=>{const{expanded:b,showTooltipsWhenCollapsed:v,tooltipsPosition:h}=(0,a.useMenuExpandContext)(!1),m=f??b,[_,x]=(0,r.useState)(!1),w=(0,r.useMemo)((()=>n??_),[n,_]),g=r.default.createElement(o.Box,{...d,ref:y,as:s,backgroundColor:u?"primary-surface":w?"neutral-surface":"transparent",borderRadius:"2",zIndex:w?"100":void 0,textDecoration:"none"},r.default.createElement(i.MenuButton,{...c,onClick:void 0!==n?c.onClick:()=>x((e=>!e)),active:u,"aria-expanded":w&&m}),w&&m&&r.default.createElement(o.Box,{id:"content-1","aria-hidden":!w,height:w?"auto":"0",overflow:"hidden",display:"flex",flexDirection:"column",gap:"0-5",pl:"6",pb:"1",pr:"1"},l)),O=p??c.label;return!m&&v&&O?r.default.createElement(o.Tooltip,{content:O,position:h,arrow:!0},g):g}));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:()=>P,__asyncGenerator:()=>j,__asyncValues:()=>M,__await:()=>O,__awaiter:()=>y,__classPrivateFieldGet:()=>B,__classPrivateFieldIn:()=>I,__classPrivateFieldSet:()=>A,__createBinding:()=>v,__decorate:()=>u,__esDecorate:()=>l,__exportStar:()=>h,__extends:()=>o,__generator:()=>b,__importDefault:()=>T,__importStar:()=>S,__makeTemplateObject:()=>E,__metadata:()=>d,__param:()=>c,__propKey:()=>f,__read:()=>_,__rest:()=>i,__runInitializers:()=>s,__setFunctionName:()=>p,__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",s=!t&&e?r.static?e:e.prototype:null,f=t||(s?Object.getOwnPropertyDescriptor(s,r.name):{}),p=!1,d=n.length-1;d>=0;d--){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(p)throw new TypeError("Cannot add initializers after decoration has completed");a.push(i(e||null))};var v=(0,n[d])("accessor"===c?{get:f.get,set:f.set}:f[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))&&(f.get=u),(u=i(v.set))&&(f.set=u),(u=i(v.init))&&o.push(u)}else(u=i(v))&&("field"===c?o.push(u):f[l]=u)}s&&Object.defineProperty(s,r.name,f),p=!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 p(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 d(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 h(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 _(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(_(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):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 P(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 M(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 C=Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t};function S(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 C(t,e),t}function T(e){return e&&e.__esModule?e:{default:e}}function B(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)})()));