@nimbus-ds/patterns 1.25.0-rc.4 → 1.25.1-rc.1

package/CHANGELOG.md

@@ -2,6 +2,12 @@
 
 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.
 
+## 2025-11-07 `1.25.1`
+
+#### 💡 Others
+
+- Updated `AppShell` chat component sizes for better layout consistency. ([#132](https://github.com/TiendaNube/nimbus-patterns/pull/132) by [@joacotornello](https://github.com/joacotornello))
+
 ## 2025-11-04 `1.25.0`
 
 #### 💡 Others

package/dist/AppShell/index.js

@@ -1,2 +1,2 @@
 "use client";
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("@nimbus-ds/components"),require("@floating-ui/react")):"function"==typeof define&&define.amd?define(["react","@nimbus-ds/components","@floating-ui/react"],t):"object"==typeof exports?exports["@nimbus-ds/patterns"]=t(require("react"),require("@nimbus-ds/components"),require("@floating-ui/react")):e["@nimbus-ds/patterns"]=t(e.react,e["@nimbus-ds/components"],e["@floating-ui/react"])}(global,((e,t,r)=>(()=>{"use strict";var n={8713:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.AppShell=void 0;const n=r(5163).__importStar(r(8156)),o=r(5280),l=r(6156),a=r(6338),i=r(5128),u=({className:e,style:t,children:r,contentProperties:a,menu:u,menuProperties:p={display:{xs:"none",md:"block"}},menuExpanded:c=!0,menuExpandedWidth:s="240px",menuCollapsedWidth:f="48px",menuBehavior:d="inline",menuFlyout:h={trigger:"manual"},...y})=>{const b="popover"===d,{trigger:v="hover",open:_,defaultOpen:m=!1,onOpenChange:g,hoverOpenDelayMs:S=100,hoverCloseDelayMs:x=150,...w}=h??{},[O,P]=(0,n.useState)(m),j=_??O,A=(0,n.useCallback)((e=>{void 0===_&&P(e),g?.(e)}),[_,g]),{refs:C,context:M}=(0,l.useFloating)({open:!!b&&j,onOpenChange:A}),E=(0,l.useHover)(M,{delay:{open:S,close:x},handleClose:(0,l.safePolygon)(),enabled:"hover"===v}),B=(0,l.useFocus)(M,{enabled:"hover"===v}),T=(0,l.useDismiss)(M,{outsidePress:!0,escapeKey:!0}),k=(0,l.useRole)(M,{role:"dialog"}),{getReferenceProps:D,getFloatingProps:I}=(0,l.useInteractions)([E,B,T,k]),F=(0,n.useMemo)((()=>({isMenuPopover:!1})),[]),R=(0,n.useMemo)((()=>({isMenuPopover:!0})),[]);return n.default.createElement(o.Box,{...y,display:"flex"},u&&n.default.createElement(o.Box,{...p,width:c?s:f,height:"100vh",position:"sticky",top:"0",left:"0",borderStyle:"solid",borderWidth:"none",borderRightWidth:"1",borderColor:"neutral-surfaceDisabled",transitionProperty:"width",transitionDuration:"fast",transitionTimingFunction:"ease-out",flexShrink:c?"0":"1",ref:C.setReference,...D()},n.default.createElement(i.AppShellMenuContext.Provider,{value:F},u)),n.default.createElement(o.Box,{display:"grid",gridTemplateRows:"auto 1fr",flex:"1 1 auto",height:"100vh",width:"100%",backgroundColor:"neutral-surface",...a},r),b&&j&&n.default.createElement(i.AppShellMenuContext.Provider,{value:R},n.default.createElement(l.FloatingPortal,{id:"nimbus-popover-floating"},n.default.createElement(o.Box,{backgroundColor:"neutral-background",boxShadow:"2",borderStyle:"solid",borderWidth:"none",borderRightWidth:"1",borderColor:"neutral-surfaceDisabled",width:s,...w,position:"fixed",top:"0",left:"0",zIndex:"900",height:"100vh",ref:C.setFloating,...I()},u))))};t.AppShell=u,u.Header=a.AppShellHeader,u.Body=a.AppShellBody,u.Chat=a.AppShellChat,u.displayName="AppShell",u.Header.displayName="AppShell.Header",u.Body.displayName="AppShell.Body",u.Chat.displayName="AppShell.Chat"},3718:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0});const n=r(5163);n.__exportStar(r(8462),t),n.__exportStar(r(6338),t)},2545:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.AppShellBody=void 0;const n=r(5163).__importDefault(r(8156)),o=r(5280);t.AppShellBody=({children:e,...t})=>n.default.createElement(o.Box,{backgroundColor:"neutral-surface",width:"100%",gap:"2",overflow:"auto",height:"100%",...t,flex:"1 1 auto",display:"flex"},e)},1617:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.AppShellBody=void 0;var n=r(2545);Object.defineProperty(t,"AppShellBody",{enumerable:!0,get:function(){return n.AppShellBody}})},6572:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.AppShellChat=void 0;const n=r(5163).__importDefault(r(8156)),o=r(5280);t.AppShellChat=({children:e,...t})=>n.default.createElement(o.Box,{height:"100%",maxWidth:{xs:"300px",lg:"378px"},top:"0",flex:"1",padding:"2",zIndex:"700",...t,position:"sticky"},e)},8444:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.AppShellChat=void 0;var n=r(6572);Object.defineProperty(t,"AppShellChat",{enumerable:!0,get:function(){return n.AppShellChat}})},3485:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.AppShellHeader=void 0;const n=r(5163).__importDefault(r(8156)),o=r(5280);t.AppShellHeader=({className:e,style:t,leftSlot:r,rightSlot:l,...a})=>n.default.createElement(o.Box,{padding:"2",backgroundColor:"neutral-surface",gap:"2",...a,display:"flex",justifyContent:r?"space-between":"flex-end",position:"sticky",top:"0"},r,l&&n.default.createElement(o.Box,{display:"flex",gap:{xs:"1",md:"2"}},l))},1450:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.AppShellHeader=void 0;const n=r(3485);var o=r(3485);Object.defineProperty(t,"AppShellHeader",{enumerable:!0,get:function(){return o.AppShellHeader}}),t.default=n.AppShellHeader},6338:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0});const n=r(5163);n.__exportStar(r(1450),t),n.__exportStar(r(1617),t),n.__exportStar(r(8444),t)},41:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.initialAppShellMenuContextValue=void 0,t.initialAppShellMenuContextValue={isMenuPopover:!1}},8626:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.useAppShellMenuContext=t.AppShellMenuContext=void 0;const n=r(8156),o=r(41);t.AppShellMenuContext=(0,n.createContext)(void 0);t.useAppShellMenuContext=(e=!0)=>{const r=(0,n.useContext)(t.AppShellMenuContext);if(void 0===r){if(!e)return o.initialAppShellMenuContextValue;throw new Error("useAppShellMenuContext must be used within an AppShell Menu")}return r}},5128:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.useAppShellMenuContext=t.AppShellMenuContext=void 0;var n=r(8626);Object.defineProperty(t,"AppShellMenuContext",{enumerable:!0,get:function(){return n.AppShellMenuContext}}),Object.defineProperty(t,"useAppShellMenuContext",{enumerable:!0,get:function(){return n.useAppShellMenuContext}})},8377:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.useAppShellMenuContext=t.AppShellMenuContext=void 0;var n=r(5128);Object.defineProperty(t,"AppShellMenuContext",{enumerable:!0,get:function(){return n.AppShellMenuContext}}),Object.defineProperty(t,"useAppShellMenuContext",{enumerable:!0,get:function(){return n.useAppShellMenuContext}})},8462:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.useAppShellMenuContext=t.AppShell=void 0;const n=r(8713);var o=r(8713);Object.defineProperty(t,"AppShell",{enumerable:!0,get:function(){return o.AppShell}});var l=r(8377);Object.defineProperty(t,"useAppShellMenuContext",{enumerable:!0,get:function(){return l.useAppShellMenuContext}}),t.default=n.AppShell},5163:(e,t,r)=>{r.r(t),r.d(t,{__assign:()=>l,__asyncDelegator:()=>P,__asyncGenerator:()=>O,__asyncValues:()=>j,__await:()=>w,__awaiter:()=>h,__classPrivateFieldGet:()=>B,__classPrivateFieldIn:()=>k,__classPrivateFieldSet:()=>T,__createBinding:()=>b,__decorate:()=>i,__esDecorate:()=>p,__exportStar:()=>v,__extends:()=>o,__generator:()=>y,__importDefault:()=>E,__importStar:()=>M,__makeTemplateObject:()=>A,__metadata:()=>d,__param:()=>u,__propKey:()=>s,__read:()=>m,__rest:()=>a,__runInitializers:()=>c,__setFunctionName:()=>f,__spread:()=>g,__spreadArray:()=>x,__spreadArrays:()=>S,__values:()=>_});var n=function(e,t){return n=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])},n(e,t)};function o(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}n(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)}var l=function(){return l=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},l.apply(this,arguments)};function a(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 i(e,t,r,n){var o,l=arguments.length,a=l<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,r):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,r,n);else for(var i=e.length-1;i>=0;i--)(o=e[i])&&(a=(l<3?o(a):l>3?o(t,r,a):o(t,r))||a);return l>3&&a&&Object.defineProperty(t,r,a),a}function u(e,t){return function(r,n){t(r,n,e)}}function p(e,t,r,n,o,l){function a(e){if(void 0!==e&&"function"!=typeof e)throw new TypeError("Function expected");return e}for(var i,u=n.kind,p="getter"===u?"get":"setter"===u?"set":"value",c=!t&&e?n.static?e:e.prototype:null,s=t||(c?Object.getOwnPropertyDescriptor(c,n.name):{}),f=!1,d=r.length-1;d>=0;d--){var h={};for(var y in n)h[y]="access"===y?{}:n[y];for(var y in n.access)h.access[y]=n.access[y];h.addInitializer=function(e){if(f)throw new TypeError("Cannot add initializers after decoration has completed");l.push(a(e||null))};var b=(0,r[d])("accessor"===u?{get:s.get,set:s.set}:s[p],h);if("accessor"===u){if(void 0===b)continue;if(null===b||"object"!=typeof b)throw new TypeError("Object expected");(i=a(b.get))&&(s.get=i),(i=a(b.set))&&(s.set=i),(i=a(b.init))&&o.push(i)}else(i=a(b))&&("field"===u?o.push(i):s[p]=i)}c&&Object.defineProperty(c,n.name,s),f=!0}function c(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 f(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 h(e,t,r,n){return new(r||(r=Promise))((function(o,l){function a(e){try{u(n.next(e))}catch(e){l(e)}}function i(e){try{u(n.throw(e))}catch(e){l(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(a,i)}u((n=n.apply(e,t||[])).next())}))}function y(e,t){var r,n,o,l,a={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return l={next:i(0),throw:i(1),return:i(2)},"function"==typeof Symbol&&(l[Symbol.iterator]=function(){return this}),l;function i(i){return function(u){return function(i){if(r)throw new TypeError("Generator is already executing.");for(;l&&(l=0,i[0]&&(a=0)),a;)try{if(r=1,n&&(o=2&i[0]?n.return:i[0]?n.throw||((o=n.return)&&o.call(n),0):n.next)&&!(o=o.call(n,i[1])).done)return o;switch(n=0,o&&(i=[2&i[0],o.value]),i[0]){case 0:case 1:o=i;break;case 4:return a.label++,{value:i[1],done:!1};case 5:a.label++,n=i[1],i=[0];continue;case 7:i=a.ops.pop(),a.trys.pop();continue;default:if(!(o=a.trys,(o=o.length>0&&o[o.length-1])||6!==i[0]&&2!==i[0])){a=0;continue}if(3===i[0]&&(!o||i[1]>o[0]&&i[1]<o[3])){a.label=i[1];break}if(6===i[0]&&a.label<o[1]){a.label=o[1],o=i;break}if(o&&a.label<o[2]){a.label=o[2],a.ops.push(i);break}o[2]&&a.ops.pop(),a.trys.pop();continue}i=t.call(e,a)}catch(e){i=[6,e],n=0}finally{r=o=0}if(5&i[0])throw i[1];return{value:i[0]?i[1]:void 0,done:!0}}([i,u])}}}var b=Object.create?function(e,t,r,n){void 0===n&&(n=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,n,o)}:function(e,t,r,n){void 0===n&&(n=r),e[n]=t[r]};function v(e,t){for(var r in e)"default"===r||Object.prototype.hasOwnProperty.call(t,r)||b(t,e,r)}function _(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}function m(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,l=r.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(n=l.next()).done;)a.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=l.return)&&r.call(l)}finally{if(o)throw o.error}}return a}function g(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(m(arguments[t]));return e}function S(){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 l=arguments[t],a=0,i=l.length;a<i;a++,o++)n[o]=l[a];return n}function x(e,t,r){if(r||2===arguments.length)for(var n,o=0,l=t.length;o<l;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 w(e){return this instanceof w?(this.v=e,this):new w(e)}function O(e,t,r){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var n,o=r.apply(e,t||[]),l=[];return n={},a("next"),a("throw"),a("return"),n[Symbol.asyncIterator]=function(){return this},n;function a(e){o[e]&&(n[e]=function(t){return new Promise((function(r,n){l.push([e,t,r,n])>1||i(e,t)}))})}function i(e,t){try{(r=o[e](t)).value instanceof w?Promise.resolve(r.value.v).then(u,p):c(l[0][2],r)}catch(e){c(l[0][3],e)}var r}function u(e){i("next",e)}function p(e){i("throw",e)}function c(e,t){e(t),l.shift(),l.length&&i(l[0][0],l[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:w(e[n](t)),done:!1}:o?o(t):t}:o}}function j(e){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var t,r=e[Symbol.asyncIterator];return r?r.call(e):(e=_(e),t={},n("next"),n("throw"),n("return"),t[Symbol.asyncIterator]=function(){return this},t);function n(r){t[r]=e[r]&&function(t){return new Promise((function(n,o){(function(e,t,r,n){Promise.resolve(n).then((function(t){e({value:t,done:r})}),t)})(n,o,(t=e[r](t)).done,t.value)}))}}}function A(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}var C=Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t};function M(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&b(t,e,r);return C(t,e),t}function E(e){return e&&e.__esModule?e:{default:e}}function B(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 T(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)}},6156:e=>{e.exports=r},5280:e=>{e.exports=t},8156:t=>{t.exports=e}},o={};function l(e){var t=o[e];if(void 0!==t)return t.exports;var r=o[e]={exports:{}};return n[e](r,r.exports,l),r.exports}return l.d=(e,t)=>{for(var r in t)l.o(t,r)&&!l.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},l.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),l.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},l(3718)})()));
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("@nimbus-ds/components"),require("@floating-ui/react")):"function"==typeof define&&define.amd?define(["react","@nimbus-ds/components","@floating-ui/react"],t):"object"==typeof exports?exports["@nimbus-ds/patterns"]=t(require("react"),require("@nimbus-ds/components"),require("@floating-ui/react")):e["@nimbus-ds/patterns"]=t(e.react,e["@nimbus-ds/components"],e["@floating-ui/react"])}(global,((e,t,r)=>(()=>{"use strict";var n={8713:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.AppShell=void 0;const n=r(5163).__importStar(r(8156)),o=r(5280),l=r(6156),a=r(6338),i=r(5128),u=({className:e,style:t,children:r,contentProperties:a,menu:u,menuProperties:p={display:{xs:"none",md:"block"}},menuExpanded:c=!0,menuExpandedWidth:s="240px",menuCollapsedWidth:f="48px",menuBehavior:d="inline",menuFlyout:h={trigger:"manual"},...y})=>{const b="popover"===d,{trigger:v="hover",open:_,defaultOpen:m=!1,onOpenChange:g,hoverOpenDelayMs:x=100,hoverCloseDelayMs:S=150,...w}=h??{},[O,P]=(0,n.useState)(m),j=_??O,A=(0,n.useCallback)((e=>{void 0===_&&P(e),g?.(e)}),[_,g]),{refs:C,context:M}=(0,l.useFloating)({open:!!b&&j,onOpenChange:A}),E=(0,l.useHover)(M,{delay:{open:x,close:S},handleClose:(0,l.safePolygon)(),enabled:"hover"===v}),B=(0,l.useFocus)(M,{enabled:"hover"===v}),T=(0,l.useDismiss)(M,{outsidePress:!0,escapeKey:!0}),k=(0,l.useRole)(M,{role:"dialog"}),{getReferenceProps:D,getFloatingProps:I}=(0,l.useInteractions)([E,B,T,k]),F=(0,n.useMemo)((()=>({isMenuPopover:!1})),[]),R=(0,n.useMemo)((()=>({isMenuPopover:!0})),[]);return n.default.createElement(o.Box,{...y,display:"flex"},u&&n.default.createElement(o.Box,{...p,width:c?s:f,height:"100vh",position:"sticky",top:"0",left:"0",borderStyle:"solid",borderWidth:"none",borderRightWidth:"1",borderColor:"neutral-surfaceDisabled",transitionProperty:"width",transitionDuration:"fast",transitionTimingFunction:"ease-out",flexShrink:c?"0":"1",ref:C.setReference,...D()},n.default.createElement(i.AppShellMenuContext.Provider,{value:F},u)),n.default.createElement(o.Box,{display:"grid",gridTemplateRows:"auto 1fr",flex:"1 1 auto",height:"100vh",width:"100%",backgroundColor:"neutral-surface",...a},r),b&&j&&n.default.createElement(i.AppShellMenuContext.Provider,{value:R},n.default.createElement(l.FloatingPortal,{id:"nimbus-popover-floating"},n.default.createElement(o.Box,{backgroundColor:"neutral-background",boxShadow:"2",borderStyle:"solid",borderWidth:"none",borderRightWidth:"1",borderColor:"neutral-surfaceDisabled",width:s,...w,position:"fixed",top:"0",left:"0",zIndex:"900",height:"100vh",ref:C.setFloating,...I()},u))))};t.AppShell=u,u.Header=a.AppShellHeader,u.Body=a.AppShellBody,u.Chat=a.AppShellChat,u.displayName="AppShell",u.Header.displayName="AppShell.Header",u.Body.displayName="AppShell.Body",u.Chat.displayName="AppShell.Chat"},3718:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0});const n=r(5163);n.__exportStar(r(8462),t),n.__exportStar(r(6338),t)},2545:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.AppShellBody=void 0;const n=r(5163).__importDefault(r(8156)),o=r(5280);t.AppShellBody=({children:e,...t})=>n.default.createElement(o.Box,{backgroundColor:"neutral-surface",width:"100%",gap:"2",overflow:"auto",height:"100%",...t,flex:"1 1 auto",display:"flex"},e)},1617:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.AppShellBody=void 0;var n=r(2545);Object.defineProperty(t,"AppShellBody",{enumerable:!0,get:function(){return n.AppShellBody}})},6572:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.AppShellChat=void 0;const n=r(5163).__importDefault(r(8156)),o=r(5280);t.AppShellChat=({children:e,...t})=>n.default.createElement(o.Box,{height:"100%",maxWidth:{xs:"300px",xl:"378px"},minWidth:"300px",top:"0",flex:"1",padding:"2",zIndex:"700",...t,position:"sticky"},e)},8444:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.AppShellChat=void 0;var n=r(6572);Object.defineProperty(t,"AppShellChat",{enumerable:!0,get:function(){return n.AppShellChat}})},3485:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.AppShellHeader=void 0;const n=r(5163).__importDefault(r(8156)),o=r(5280);t.AppShellHeader=({className:e,style:t,leftSlot:r,rightSlot:l,...a})=>n.default.createElement(o.Box,{padding:"2",backgroundColor:"neutral-surface",gap:"2",...a,display:"flex",justifyContent:r?"space-between":"flex-end",position:"sticky",top:"0"},r,l&&n.default.createElement(o.Box,{display:"flex",gap:{xs:"1",md:"2"}},l))},1450:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.AppShellHeader=void 0;const n=r(3485);var o=r(3485);Object.defineProperty(t,"AppShellHeader",{enumerable:!0,get:function(){return o.AppShellHeader}}),t.default=n.AppShellHeader},6338:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0});const n=r(5163);n.__exportStar(r(1450),t),n.__exportStar(r(1617),t),n.__exportStar(r(8444),t)},41:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.initialAppShellMenuContextValue=void 0,t.initialAppShellMenuContextValue={isMenuPopover:!1}},8626:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.useAppShellMenuContext=t.AppShellMenuContext=void 0;const n=r(8156),o=r(41);t.AppShellMenuContext=(0,n.createContext)(void 0);t.useAppShellMenuContext=(e=!0)=>{const r=(0,n.useContext)(t.AppShellMenuContext);if(void 0===r){if(!e)return o.initialAppShellMenuContextValue;throw new Error("useAppShellMenuContext must be used within an AppShell Menu")}return r}},5128:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.useAppShellMenuContext=t.AppShellMenuContext=void 0;var n=r(8626);Object.defineProperty(t,"AppShellMenuContext",{enumerable:!0,get:function(){return n.AppShellMenuContext}}),Object.defineProperty(t,"useAppShellMenuContext",{enumerable:!0,get:function(){return n.useAppShellMenuContext}})},8377:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.useAppShellMenuContext=t.AppShellMenuContext=void 0;var n=r(5128);Object.defineProperty(t,"AppShellMenuContext",{enumerable:!0,get:function(){return n.AppShellMenuContext}}),Object.defineProperty(t,"useAppShellMenuContext",{enumerable:!0,get:function(){return n.useAppShellMenuContext}})},8462:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.useAppShellMenuContext=t.AppShell=void 0;const n=r(8713);var o=r(8713);Object.defineProperty(t,"AppShell",{enumerable:!0,get:function(){return o.AppShell}});var l=r(8377);Object.defineProperty(t,"useAppShellMenuContext",{enumerable:!0,get:function(){return l.useAppShellMenuContext}}),t.default=n.AppShell},5163:(e,t,r)=>{r.r(t),r.d(t,{__assign:()=>l,__asyncDelegator:()=>P,__asyncGenerator:()=>O,__asyncValues:()=>j,__await:()=>w,__awaiter:()=>h,__classPrivateFieldGet:()=>B,__classPrivateFieldIn:()=>k,__classPrivateFieldSet:()=>T,__createBinding:()=>b,__decorate:()=>i,__esDecorate:()=>p,__exportStar:()=>v,__extends:()=>o,__generator:()=>y,__importDefault:()=>E,__importStar:()=>M,__makeTemplateObject:()=>A,__metadata:()=>d,__param:()=>u,__propKey:()=>s,__read:()=>m,__rest:()=>a,__runInitializers:()=>c,__setFunctionName:()=>f,__spread:()=>g,__spreadArray:()=>S,__spreadArrays:()=>x,__values:()=>_});var n=function(e,t){return n=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])},n(e,t)};function o(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}n(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)}var l=function(){return l=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},l.apply(this,arguments)};function a(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 i(e,t,r,n){var o,l=arguments.length,a=l<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,r):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,r,n);else for(var i=e.length-1;i>=0;i--)(o=e[i])&&(a=(l<3?o(a):l>3?o(t,r,a):o(t,r))||a);return l>3&&a&&Object.defineProperty(t,r,a),a}function u(e,t){return function(r,n){t(r,n,e)}}function p(e,t,r,n,o,l){function a(e){if(void 0!==e&&"function"!=typeof e)throw new TypeError("Function expected");return e}for(var i,u=n.kind,p="getter"===u?"get":"setter"===u?"set":"value",c=!t&&e?n.static?e:e.prototype:null,s=t||(c?Object.getOwnPropertyDescriptor(c,n.name):{}),f=!1,d=r.length-1;d>=0;d--){var h={};for(var y in n)h[y]="access"===y?{}:n[y];for(var y in n.access)h.access[y]=n.access[y];h.addInitializer=function(e){if(f)throw new TypeError("Cannot add initializers after decoration has completed");l.push(a(e||null))};var b=(0,r[d])("accessor"===u?{get:s.get,set:s.set}:s[p],h);if("accessor"===u){if(void 0===b)continue;if(null===b||"object"!=typeof b)throw new TypeError("Object expected");(i=a(b.get))&&(s.get=i),(i=a(b.set))&&(s.set=i),(i=a(b.init))&&o.push(i)}else(i=a(b))&&("field"===u?o.push(i):s[p]=i)}c&&Object.defineProperty(c,n.name,s),f=!0}function c(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 f(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 h(e,t,r,n){return new(r||(r=Promise))((function(o,l){function a(e){try{u(n.next(e))}catch(e){l(e)}}function i(e){try{u(n.throw(e))}catch(e){l(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(a,i)}u((n=n.apply(e,t||[])).next())}))}function y(e,t){var r,n,o,l,a={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return l={next:i(0),throw:i(1),return:i(2)},"function"==typeof Symbol&&(l[Symbol.iterator]=function(){return this}),l;function i(i){return function(u){return function(i){if(r)throw new TypeError("Generator is already executing.");for(;l&&(l=0,i[0]&&(a=0)),a;)try{if(r=1,n&&(o=2&i[0]?n.return:i[0]?n.throw||((o=n.return)&&o.call(n),0):n.next)&&!(o=o.call(n,i[1])).done)return o;switch(n=0,o&&(i=[2&i[0],o.value]),i[0]){case 0:case 1:o=i;break;case 4:return a.label++,{value:i[1],done:!1};case 5:a.label++,n=i[1],i=[0];continue;case 7:i=a.ops.pop(),a.trys.pop();continue;default:if(!(o=a.trys,(o=o.length>0&&o[o.length-1])||6!==i[0]&&2!==i[0])){a=0;continue}if(3===i[0]&&(!o||i[1]>o[0]&&i[1]<o[3])){a.label=i[1];break}if(6===i[0]&&a.label<o[1]){a.label=o[1],o=i;break}if(o&&a.label<o[2]){a.label=o[2],a.ops.push(i);break}o[2]&&a.ops.pop(),a.trys.pop();continue}i=t.call(e,a)}catch(e){i=[6,e],n=0}finally{r=o=0}if(5&i[0])throw i[1];return{value:i[0]?i[1]:void 0,done:!0}}([i,u])}}}var b=Object.create?function(e,t,r,n){void 0===n&&(n=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,n,o)}:function(e,t,r,n){void 0===n&&(n=r),e[n]=t[r]};function v(e,t){for(var r in e)"default"===r||Object.prototype.hasOwnProperty.call(t,r)||b(t,e,r)}function _(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}function m(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,l=r.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(n=l.next()).done;)a.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=l.return)&&r.call(l)}finally{if(o)throw o.error}}return a}function g(){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,r=arguments.length;t<r;t++)e+=arguments[t].length;var n=Array(e),o=0;for(t=0;t<r;t++)for(var l=arguments[t],a=0,i=l.length;a<i;a++,o++)n[o]=l[a];return n}function S(e,t,r){if(r||2===arguments.length)for(var n,o=0,l=t.length;o<l;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 w(e){return this instanceof w?(this.v=e,this):new w(e)}function O(e,t,r){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var n,o=r.apply(e,t||[]),l=[];return n={},a("next"),a("throw"),a("return"),n[Symbol.asyncIterator]=function(){return this},n;function a(e){o[e]&&(n[e]=function(t){return new Promise((function(r,n){l.push([e,t,r,n])>1||i(e,t)}))})}function i(e,t){try{(r=o[e](t)).value instanceof w?Promise.resolve(r.value.v).then(u,p):c(l[0][2],r)}catch(e){c(l[0][3],e)}var r}function u(e){i("next",e)}function p(e){i("throw",e)}function c(e,t){e(t),l.shift(),l.length&&i(l[0][0],l[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:w(e[n](t)),done:!1}:o?o(t):t}:o}}function j(e){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var t,r=e[Symbol.asyncIterator];return r?r.call(e):(e=_(e),t={},n("next"),n("throw"),n("return"),t[Symbol.asyncIterator]=function(){return this},t);function n(r){t[r]=e[r]&&function(t){return new Promise((function(n,o){(function(e,t,r,n){Promise.resolve(n).then((function(t){e({value:t,done:r})}),t)})(n,o,(t=e[r](t)).done,t.value)}))}}}function A(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}var C=Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t};function M(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&b(t,e,r);return C(t,e),t}function E(e){return e&&e.__esModule?e:{default:e}}function B(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 T(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)}},6156:e=>{e.exports=r},5280:e=>{e.exports=t},8156:t=>{t.exports=e}},o={};function l(e){var t=o[e];if(void 0!==t)return t.exports;var r=o[e]={exports:{}};return n[e](r,r.exports,l),r.exports}return l.d=(e,t)=>{for(var r in t)l.o(t,r)&&!l.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},l.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),l.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},l(3718)})()));

package/dist/CHANGELOG.md

@@ -2,6 +2,12 @@
 
 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.
 
+## 2025-11-07 `1.25.1`
+
+#### 💡 Others
+
+- Updated `AppShell` chat component sizes for better layout consistency. ([#132](https://github.com/TiendaNube/nimbus-patterns/pull/132) by [@joacotornello](https://github.com/joacotornello))
+
 ## 2025-11-04 `1.25.0`
 
 #### 💡 Others

package/dist/Menu/index.d.ts

@@ -1,5 +1,6 @@
 // Generated by dts-bundle-generator v8.0.0
 
+import { PopoverPlacement } from '@nimbus-ds/components';
 import { IconProps } from '@nimbus-ds/icons';
 import { PolymorphicForwardRefComponent } from '@nimbus-ds/typings';
 import React from 'react';
@@ -74,13 +75,9 @@ export interface MenuButtonProperties {
 	 */
 	expanded?: boolean;
 	/**
-	 * Text to be displayed in the tooltip when the button is collapsed. If not provided, the label will be used.
+	 * Whether to show popovers when the button is collapsed. Defaults to true.
 	 */
-	tooltipText?: string;
-	/**
-	 * Whether to show tooltips when the button is collapsed. Defaults to true.
-	 */
-	showTooltipsWhenCollapsed?: boolean;
+	showPopoversWhenCollapsed?: boolean;
 }
 export type MenuButtonBaseProps = MenuButtonProperties & Omit<ButtonHTMLAttributes<HTMLButtonElement>, "color">;
 declare const MenuButton: PolymorphicForwardRefComponent<"button" | "a", MenuButtonBaseProps> & MenuButtonComponents;
@@ -140,13 +137,13 @@ export interface MenuProperties {
 	 */
 	expanded?: boolean;
 	/**
-	 * Whether to show tooltips for buttons when the menu is collapsed. Defaults to true.
+	 * Whether to show popover for buttons when the menu is collapsed. Defaults to true.
 	 */
-	showTooltipsWhenCollapsed?: boolean;
+	showPopoversWhenCollapsed?: boolean;
 	/**
-	 * Position of the tooltips for buttons when the menu is collapsed. Defaults to "right".
+	 * Position of the popovers for buttons when the menu is collapsed. Defaults to "right".
 	 */
-	tooltipsPosition?: "top" | "bottom" | "left" | "right";
+	popoverPosition?: PopoverPlacement;
 }
 export type MenuProps = MenuProperties & Omit<HTMLAttributes<HTMLElement>, "color">;
 export declare const Menu: React.FC<MenuProps> & MenuComponents;

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 o={7713:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.initialMenuContext=void 0;const o=n(1384);t.initialMenuContext={expanded:!0,showTooltipsWhenCollapsed:!0,tooltipsPosition:"right",activeAccordionPopover:null,setActiveAccordionPopover:o.noop}},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}})},1518:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.noop=void 0;t.noop=()=>{}},1384:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.noop=void 0;var o=n(1518);Object.defineProperty(t,"noop",{enumerable:!0,get:function(){return o.noop}})},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,s]=(0,o.useState)(null),p=(0,o.useMemo)((()=>({expanded:i,showTooltipsWhenCollapsed:u,tooltipsPosition:c,activeAccordionPopover:d,setActiveAccordionPopover:s})),[i,u,c,d]),f=(0,o.useMemo)((()=>i?{width:"100%"}:{width:"unset"}),[i]);return o.default.createElement(a.MenuExpandContext.Provider,{value:p},o.default.createElement(r.Box,{...l,display:"flex",flexDirection:"column",height:"100%",backgroundColor:"neutral-background",boxSizing:"border-box",...f},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:p,showTooltipsWhenCollapsed:f,...y},b)=>{const v=(0,o.useId)(),{expanded:m,showTooltipsWhenCollapsed:x,tooltipsPosition:_,activeAccordionPopover:h,setActiveAccordionPopover:M}=(0,a.useMenuExpandContext)(!1),g=s??m,w=f??x??!0,P=(0,o.useMemo)((()=>!g&&!!h&&h===v),[g,h,v]),O=(0,o.useMemo)((()=>({expanded:!0,tooltipsPosition:_,activeAccordionPopover:null,setActiveAccordionPopover:()=>{}})),[_]),j=l?"primary-interactive":"neutral-textHigh",E=y.disabled?"neutral-textDisabled":j,S=g?{}:{justifyContent:"center",paddingX:"none"},C=({expanded:e})=>o.default.createElement(r.Box,{...y,ref:b,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"},...S},u&&o.default.createElement(r.Icon,{color:E,source:o.default.createElement(u,{size:16})}),e&&o.default.createElement(r.Box,{display:"inline-flex",flex:"1"},o.default.createElement(r.Text,{fontSize:"base",color:E,lineClamp:1,wordBreak:"break-all"},n)),e&&c);return!g&&w&&(p??n)?o.default.createElement(r.Popover,{content:o.default.createElement(a.MenuExpandContext.Provider,{value:O},o.default.createElement(C,{expanded:!0})),arrow:!0,position:_??"right",padding:"small",onVisibility:e=>{M((t=>e?v:t===v?null:t))},enabledHover:!0,enabledClick:!1,visible:P},o.default.createElement(C,{expanded:g})):o.default.createElement(C,{expanded:g})}));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,...p},f)=>{const y=(0,o.useId)(),{expanded:b,tooltipsPosition:v,showTooltipsWhenCollapsed:m,activeAccordionPopover:x,setActiveAccordionPopover:_}=(0,a.useMenuExpandContext)(!1),h=s??b,[M,g]=(0,o.useState)(!1),w=(0,o.useMemo)((()=>!h&&!!x&&x===y),[h,x,y]),P=(0,o.useMemo)((()=>n??M),[n,M]),O=(0,o.useMemo)((()=>({expanded:!0,tooltipsPosition:v,activeAccordionPopover:null,setActiveAccordionPopover:()=>{}})),[v]),j=o.default.createElement(r.Box,{...p,ref:f,as:d,backgroundColor:u?"primary-surface":P?"neutral-surface":"transparent",borderRadius:"2",zIndex:P?"100":void 0,textDecoration:"none"},o.default.createElement(i.MenuButton,{...c,onClick:void 0!==n?c.onClick:()=>g((e=>!e)),active:u,"aria-expanded":P&&h,showTooltipsWhenCollapsed:!1,expanded:h}),P&&h&&o.default.createElement(r.Box,{id:"content-1","aria-hidden":!P,height:P?"auto":"0",overflow:"hidden",display:"flex",flexDirection:"column",gap:"0-5",pl:"6",pb:"1",pr:"1"},l));return!h&&m?o.default.createElement(r.Popover,{content:o.default.createElement(a.MenuExpandContext.Provider,{value:O},o.default.createElement(r.Box,{minWidth:"200px",display:"flex",flexDirection:"column",gap:"0-5"},l)),arrow:!0,position:v??"right",padding:"small",enabledClick:!1,onVisibility:e=>{_((t=>e?y:t===y?null:t))},enabledHover:!0,visible:w},j):j}));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:()=>O,__asyncGenerator:()=>P,__asyncValues:()=>j,__await:()=>w,__awaiter:()=>y,__classPrivateFieldGet:()=>A,__classPrivateFieldIn:()=>I,__classPrivateFieldSet:()=>T,__createBinding:()=>v,__decorate:()=>u,__esDecorate:()=>l,__exportStar:()=>m,__extends:()=>r,__generator:()=>b,__importDefault:()=>B,__importStar:()=>C,__makeTemplateObject:()=>E,__metadata:()=>f,__param:()=>c,__propKey:()=>s,__read:()=>_,__rest:()=>i,__runInitializers:()=>d,__setFunctionName:()=>p,__spread:()=>h,__spreadArray:()=>g,__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):{}),p=!1,f=n.length-1;f>=0;f--){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(p)throw new TypeError("Cannot add initializers after decoration has completed");a.push(i(e||null))};var v=(0,n[f])("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))&&r.push(u)}else(u=i(v))&&("field"===c?r.push(u):s[l]=u)}d&&Object.defineProperty(d,o.name,s),p=!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 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 f(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 v=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 m(e,t){for(var n in e)"default"===n||Object.prototype.hasOwnProperty.call(t,n)||v(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 g(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 w(e){return this instanceof w?(this.v=e,this):new w(e)}function P(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 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 O(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:w(e[o](t)),done:!1}:r?r(t):t}:r}}function j(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 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 A(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 T(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 I(e,t){if(null===t||"object"!=typeof t&&"function"!=typeof t)throw new TypeError("Cannot use 'in' operator on non-object");return"function"==typeof e?t===e:e.has(t)}},5280:e=>{e.exports=t},3215:e=>{e.exports=n},8156:t=>{t.exports=e}},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)})()));
+!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,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.initialMenuContext=void 0;const o=n(1384);t.initialMenuContext={expanded:!0,showPopoversWhenCollapsed:!0,popoverPosition:"right",activeAccordionPopover:null,setActiveAccordionPopover:o.noop}},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}})},1518:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.noop=void 0;t.noop=()=>{}},1384:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.noop=void 0;var o=n(1518);Object.defineProperty(t,"noop",{enumerable:!0,get:function(){return o.noop}})},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,showPopoversWhenCollapsed:u=!0,popoverPosition:c="right",...l})=>{const[d,s]=(0,o.useState)(null),p=(0,o.useMemo)((()=>({expanded:i,showPopoversWhenCollapsed:u,popoverPosition:c,activeAccordionPopover:d,setActiveAccordionPopover:s})),[i,u,c,d]),f=(0,o.useMemo)((()=>i?{width:"100%"}:{width:"unset"}),[i]);return o.default.createElement(a.MenuExpandContext.Provider,{value:p},o.default.createElement(r.Box,{...l,display:"flex",flexDirection:"column",height:"100%",backgroundColor:"neutral-background",boxSizing:"border-box",...f},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:u,startIcon:c,children:l,active:d=!1,as:s="button",expanded:p,showPopoversWhenCollapsed:f,...y},v)=>{const b=(0,o.useId)(),{expanded:m,showPopoversWhenCollapsed:_,popoverPosition:x,activeAccordionPopover:h,setActiveAccordionPopover:M}=(0,a.useMenuExpandContext)(!1),g=p??m,w=f??_??!0,P=(0,o.useMemo)((()=>!g&&!!h&&h===b),[g,h,b]),O=d?"primary-interactive":"neutral-textHigh",j=y.disabled?"neutral-textDisabled":O,C=o.default.createElement(i.MenuButtonContent,{ref:v,expanded:g,disabledColor:j,label:n,startIcon:c,active:d,as:s,onClick:u,...y},l);return!g&&w?o.default.createElement(r.Popover,{content:o.default.createElement(i.MenuButtonContent,{expanded:!0,disabledColor:j,label:n,startIcon:c,active:d,as:s,onClick:u,...y},l),arrow:!0,position:x??"right",padding:"small",onVisibility:e=>{M((t=>e?b:t===b?null:t))},enabledHover:!0,enabledClick:!1,visible:P},C):C}));t.MenuButton=u,u.Accordion=i.MenuButtonAccordion,u.displayName="MenuButton"},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,...p},f)=>{const y=(0,o.useId)(),{expanded:v,popoverPosition:b,showPopoversWhenCollapsed:m,activeAccordionPopover:_,setActiveAccordionPopover:x}=(0,a.useMenuExpandContext)(!1),h=s??v,[M,g]=(0,o.useState)(!1),w=(0,o.useMemo)((()=>!h&&!!_&&_===y),[h,_,y]),P=(0,o.useMemo)((()=>n??M),[n,M]),O=(0,o.useMemo)((()=>({expanded:!0,popoverPosition:b,activeAccordionPopover:null,setActiveAccordionPopover:()=>{}})),[b]),j=o.default.createElement(r.Box,{...p,ref:f,as:d,backgroundColor:u?"primary-surface":P?"neutral-surface":"transparent",borderRadius:"2",zIndex:P?"100":void 0,textDecoration:"none"},o.default.createElement(i.MenuButton,{...c,onClick:void 0!==n?c.onClick:()=>g((e=>!e)),active:u,"aria-expanded":P&&h,showPopoversWhenCollapsed:!1,expanded:h}),P&&h&&o.default.createElement(r.Box,{id:"content-1","aria-hidden":!P,height:P?"auto":"0",overflow:"hidden",display:"flex",flexDirection:"column",gap:"0-5",pl:"6",pb:"1",pr:"1"},l));return!h&&m?o.default.createElement(r.Popover,{content:o.default.createElement(a.MenuExpandContext.Provider,{value:O},o.default.createElement(r.Box,{minWidth:"200px",display:"flex",flexDirection:"column",gap:"0-5"},l)),arrow:!0,position:b??"right",padding:"small",enabledClick:!1,onVisibility:e=>{x((t=>e?y:t===y?null:t))},enabledHover:!0,visible:w},j):j}));t.MenuButtonAccordion=u},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},2335:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.MenuButtonContent=void 0;const o=n(5163).__importStar(n(8156)),r=n(5280),a=(0,o.forwardRef)((({expanded:e,disabledColor:t,label:n,startIcon:a,children:i,active:u,as:c="button",onClick:l,...d},s)=>{const p=e?{}:{justifyContent:"center",paddingX:"none"};return o.default.createElement(r.Box,{...d,ref:s,as:c,type:"button",onClick:l,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"},...p},a&&o.default.createElement(r.Icon,{color:t,source:o.default.createElement(a,{size:16})}),e&&o.default.createElement(r.Box,{display:"inline-flex",flex:"1"},o.default.createElement(r.Text,{fontSize:"base",color:t,lineClamp:1,wordBreak:"break-all"},n)),e&&i)}));t.MenuButtonContent=a,a.displayName="MenuButtonContent"},1054:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.MenuButtonContent=void 0;var o=n(2335);Object.defineProperty(t,"MenuButtonContent",{enumerable:!0,get:function(){return o.MenuButtonContent}})},9283:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0});const o=n(5163);o.__exportStar(n(9895),t),o.__exportStar(n(1054),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:()=>O,__asyncGenerator:()=>P,__asyncValues:()=>j,__await:()=>w,__awaiter:()=>y,__classPrivateFieldGet:()=>A,__classPrivateFieldIn:()=>T,__classPrivateFieldSet:()=>I,__createBinding:()=>b,__decorate:()=>u,__esDecorate:()=>l,__exportStar:()=>m,__extends:()=>r,__generator:()=>v,__importDefault:()=>B,__importStar:()=>S,__makeTemplateObject:()=>C,__metadata:()=>f,__param:()=>c,__propKey:()=>s,__read:()=>x,__rest:()=>i,__runInitializers:()=>d,__setFunctionName:()=>p,__spread:()=>h,__spreadArray:()=>g,__spreadArrays:()=>M,__values:()=>_});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):{}),p=!1,f=n.length-1;f>=0;f--){var y={};for(var v in o)y[v]="access"===v?{}:o[v];for(var v in o.access)y.access[v]=o.access[v];y.addInitializer=function(e){if(p)throw new TypeError("Cannot add initializers after decoration has completed");a.push(i(e||null))};var b=(0,n[f])("accessor"===c?{get:s.get,set:s.set}:s[l],y);if("accessor"===c){if(void 0===b)continue;if(null===b||"object"!=typeof b)throw new TypeError("Object expected");(u=i(b.get))&&(s.get=u),(u=i(b.set))&&(s.set=u),(u=i(b.init))&&r.push(u)}else(u=i(b))&&("field"===c?r.push(u):s[l]=u)}d&&Object.defineProperty(d,o.name,s),p=!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 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 f(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 v(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 b=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 m(e,t){for(var n in e)"default"===n||Object.prototype.hasOwnProperty.call(t,n)||b(t,e,n)}function _(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 x(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(x(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 g(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 w(e){return this instanceof w?(this.v=e,this):new w(e)}function P(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 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 O(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:w(e[o](t)),done:!1}:r?r(t):t}:r}}function j(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={},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 C(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 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)&&b(t,e,n);return E(t,e),t}function B(e){return e&&e.__esModule?e:{default:e}}function A(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 I(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 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}},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)})()));

package/dist/MenuButton/index.d.ts

@@ -39,6 +39,22 @@ export type MenuButtonAccordionBaseProps = MenuButtonAccordionProperties & {
 } & Omit<HTMLAttributes<HTMLElement>, "color">;
 export declare const MenuButtonAccordion: PolymorphicForwardRefComponent<"button" | "a", MenuButtonAccordionBaseProps>;
 export type MenuButtonAccordionProps = ComponentPropsWithRef<typeof MenuButtonAccordion>;
+export interface MenuButtonContentProperties {
+	/**
+	 * The HTML element or component type to render as.
+	 */
+	as?: "button" | "a";
+	/**
+	 * Color to apply when the button is disabled.
+	 */
+	disabledColor: "primary-interactive" | "neutral-textHigh" | "neutral-textDisabled";
+	/**
+	 * Controls the expanded state of the menu button content.
+	 */
+	expanded: boolean;
+}
+export type MenuButtonContentProps = MenuButtonContentProperties & Omit<MenuButtonBaseProps, "expanded" | "showPopoversWhenCollapsed">;
+export declare const MenuButtonContent: PolymorphicForwardRefComponent<"button" | "a", MenuButtonContentProps>;
 export interface MenuButtonComponents {
 	Accordion: typeof MenuButtonAccordion;
 }
@@ -74,13 +90,9 @@ export interface MenuButtonProperties {
 	 */
 	expanded?: boolean;
 	/**
-	 * Text to be displayed in the tooltip when the button is collapsed. If not provided, the label will be used.
-	 */
-	tooltipText?: string;
-	/**
-	 * Whether to show tooltips when the button is collapsed. Defaults to true.
+	 * Whether to show popovers when the button is collapsed. Defaults to true.
 	 */
-	showTooltipsWhenCollapsed?: boolean;
+	showPopoversWhenCollapsed?: 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 n={7713:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.initialMenuContext=void 0;const o=n(1384);t.initialMenuContext={expanded:!0,showTooltipsWhenCollapsed:!0,tooltipsPosition:"right",activeAccordionPopover:null,setActiveAccordionPopover:o.noop}},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}})},1518:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.noop=void 0;t.noop=()=>{}},1384:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.noop=void 0;var o=n(1518);Object.defineProperty(t,"noop",{enumerable:!0,get:function(){return o.noop}})},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),c=(0,o.forwardRef)((({className:e,style:t,label:n,onClick:i,startIcon:c,children:u,active:l=!1,as:s="button",expanded:d,tooltipText:f,showTooltipsWhenCollapsed:p,...y},v)=>{const b=(0,o.useId)(),{expanded:m,showTooltipsWhenCollapsed:h,tooltipsPosition:x,activeAccordionPopover:_,setActiveAccordionPopover:w}=(0,a.useMenuExpandContext)(!1),g=d??m,P=p??h??!0,O=(0,o.useMemo)((()=>!g&&!!_&&_===b),[g,_,b]),j=(0,o.useMemo)((()=>({expanded:!0,tooltipsPosition:x,activeAccordionPopover:null,setActiveAccordionPopover:()=>{}})),[x]),M=l?"primary-interactive":"neutral-textHigh",E=y.disabled?"neutral-textDisabled":M,C=g?{}:{justifyContent:"center",paddingX:"none"},S=({expanded:e})=>o.default.createElement(r.Box,{...y,ref:v,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"},...C},c&&o.default.createElement(r.Icon,{color:E,source:o.default.createElement(c,{size:16})}),e&&o.default.createElement(r.Box,{display:"inline-flex",flex:"1"},o.default.createElement(r.Text,{fontSize:"base",color:E,lineClamp:1,wordBreak:"break-all"},n)),e&&u);return!g&&P&&(f??n)?o.default.createElement(r.Popover,{content:o.default.createElement(a.MenuExpandContext.Provider,{value:j},o.default.createElement(S,{expanded:!0})),arrow:!0,position:x??"right",padding:"small",onVisibility:e=>{w((t=>e?b:t===b?null:t))},enabledHover:!0,enabledClick:!1,visible:O},o.default.createElement(S,{expanded:g})):o.default.createElement(S,{expanded:g})}));t.MenuButton=c,c.Accordion=i.MenuButtonAccordion,c.displayName="MenuButton",c.Accordion.displayName="MenuButton.Accordion"},3756:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0});const o=n(5163);o.__exportStar(n(8269),t),o.__exportStar(n(9283),t)},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),c=(0,o.forwardRef)((({className:e,style:t,open:n,active:c,menuButton:u,children:l,as:s,expanded:d,...f},p)=>{const y=(0,o.useId)(),{expanded:v,tooltipsPosition:b,showTooltipsWhenCollapsed:m,activeAccordionPopover:h,setActiveAccordionPopover:x}=(0,a.useMenuExpandContext)(!1),_=d??v,[w,g]=(0,o.useState)(!1),P=(0,o.useMemo)((()=>!_&&!!h&&h===y),[_,h,y]),O=(0,o.useMemo)((()=>n??w),[n,w]),j=(0,o.useMemo)((()=>({expanded:!0,tooltipsPosition:b,activeAccordionPopover:null,setActiveAccordionPopover:()=>{}})),[b]),M=o.default.createElement(r.Box,{...f,ref:p,as:s,backgroundColor:c?"primary-surface":O?"neutral-surface":"transparent",borderRadius:"2",zIndex:O?"100":void 0,textDecoration:"none"},o.default.createElement(i.MenuButton,{...u,onClick:void 0!==n?u.onClick:()=>g((e=>!e)),active:c,"aria-expanded":O&&_,showTooltipsWhenCollapsed:!1,expanded:_}),O&&_&&o.default.createElement(r.Box,{id:"content-1","aria-hidden":!O,height:O?"auto":"0",overflow:"hidden",display:"flex",flexDirection:"column",gap:"0-5",pl:"6",pb:"1",pr:"1"},l));return!_&&m?o.default.createElement(r.Popover,{content:o.default.createElement(a.MenuExpandContext.Provider,{value:j},o.default.createElement(r.Box,{minWidth:"200px",display:"flex",flexDirection:"column",gap:"0-5"},l)),arrow:!0,position:b??"right",padding:"small",enabledClick:!1,onVisibility:e=>{x((t=>e?y:t===y?null:t))},enabledHover:!0,visible:P},M):M}));t.MenuButtonAccordion=c,c.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:()=>M,__await:()=>P,__awaiter:()=>y,__classPrivateFieldGet:()=>B,__classPrivateFieldIn:()=>I,__classPrivateFieldSet:()=>T,__createBinding:()=>b,__decorate:()=>c,__esDecorate:()=>l,__exportStar:()=>m,__extends:()=>r,__generator:()=>v,__importDefault:()=>A,__importStar:()=>S,__makeTemplateObject:()=>E,__metadata:()=>p,__param:()=>u,__propKey:()=>d,__read:()=>x,__rest:()=>i,__runInitializers:()=>s,__setFunctionName:()=>f,__spread:()=>_,__spreadArray:()=>g,__spreadArrays:()=>w,__values:()=>h});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 c(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 c=e.length-1;c>=0;c--)(r=e[c])&&(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 u(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 c,u=o.kind,l="getter"===u?"get":"setter"===u?"set":"value",s=!t&&e?o.static?e:e.prototype:null,d=t||(s?Object.getOwnPropertyDescriptor(s,o.name):{}),f=!1,p=n.length-1;p>=0;p--){var y={};for(var v in o)y[v]="access"===v?{}:o[v];for(var v in o.access)y.access[v]=o.access[v];y.addInitializer=function(e){if(f)throw new TypeError("Cannot add initializers after decoration has completed");a.push(i(e||null))};var b=(0,n[p])("accessor"===u?{get:d.get,set:d.set}:d[l],y);if("accessor"===u){if(void 0===b)continue;if(null===b||"object"!=typeof b)throw new TypeError("Object expected");(c=i(b.get))&&(d.get=c),(c=i(b.set))&&(d.set=c),(c=i(b.init))&&r.push(c)}else(c=i(b))&&("field"===u?r.push(c):d[l]=c)}s&&Object.defineProperty(s,o.name,d),f=!0}function s(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 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,o){return new(n||(n=Promise))((function(r,a){function i(e){try{u(o.next(e))}catch(e){a(e)}}function c(e){try{u(o.throw(e))}catch(e){a(e)}}function u(e){var t;e.done?r(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(i,c)}u((o=o.apply(e,t||[])).next())}))}function v(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: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(n)throw new TypeError("Generator is already executing.");for(;a&&(a=0,c[0]&&(i=0)),i;)try{if(n=1,o&&(r=2&c[0]?o.return:c[0]?o.throw||((r=o.return)&&r.call(o),0):o.next)&&!(r=r.call(o,c[1])).done)return r;switch(o=0,r&&(c=[2&c[0],r.value]),c[0]){case 0:case 1:r=c;break;case 4:return i.label++,{value:c[1],done:!1};case 5:i.label++,o=c[1],c=[0];continue;case 7:c=i.ops.pop(),i.trys.pop();continue;default:if(!(r=i.trys,(r=r.length>0&&r[r.length-1])||6!==c[0]&&2!==c[0])){i=0;continue}if(3===c[0]&&(!r||c[1]>r[0]&&c[1]<r[3])){i.label=c[1];break}if(6===c[0]&&i.label<r[1]){i.label=r[1],r=c;break}if(r&&i.label<r[2]){i.label=r[2],i.ops.push(c);break}r[2]&&i.ops.pop(),i.trys.pop();continue}c=t.call(e,i)}catch(e){c=[6,e],o=0}finally{n=r=0}if(5&c[0])throw c[1];return{value:c[0]?c[1]:void 0,done:!0}}([c,u])}}}var b=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 m(e,t){for(var n in e)"default"===n||Object.prototype.hasOwnProperty.call(t,n)||b(t,e,n)}function h(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 x(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 _(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(x(arguments[t]));return e}function w(){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,c=a.length;i<c;i++,r++)o[r]=a[i];return o}function g(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 P(e){return this instanceof P?(this.v=e,this):new P(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||c(e,t)}))})}function c(e,t){try{(n=r[e](t)).value instanceof P?Promise.resolve(n.value.v).then(u,l):s(a[0][2],n)}catch(e){s(a[0][3],e)}var n}function u(e){c("next",e)}function l(e){c("throw",e)}function s(e,t){e(t),a.shift(),a.length&&c(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:P(e[o](t)),done:!1}:r?r(t):t}:r}}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=h(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 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)&&b(t,e,n);return C(t,e),t}function A(e){return e&&e.__esModule?e:{default:e}}function B(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 T(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 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}},o={};function r(e){var t=o[e];if(void 0!==t)return t.exports;var a=o[e]={exports:{}};return n[e](a,a.exports,r),a.exports}return r.d=(e,t)=>{for(var n in t)r.o(t,n)&&!r.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r(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={7713:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.initialMenuContext=void 0;const o=n(1384);t.initialMenuContext={expanded:!0,showPopoversWhenCollapsed:!0,popoverPosition:"right",activeAccordionPopover:null,setActiveAccordionPopover:o.noop}},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}})},1518:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.noop=void 0;t.noop=()=>{}},1384:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.noop=void 0;var o=n(1518);Object.defineProperty(t,"noop",{enumerable:!0,get:function(){return o.noop}})},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:u,startIcon:c,children:l,active:s=!1,as:d="button",expanded:f,showPopoversWhenCollapsed:p,...y},v)=>{const b=(0,o.useId)(),{expanded:m,showPopoversWhenCollapsed:_,popoverPosition:h,activeAccordionPopover:x,setActiveAccordionPopover:w}=(0,a.useMenuExpandContext)(!1),P=f??m,g=p??_??!0,M=(0,o.useMemo)((()=>!P&&!!x&&x===b),[P,x,b]),O=s?"primary-interactive":"neutral-textHigh",j=y.disabled?"neutral-textDisabled":O,C=o.default.createElement(i.MenuButtonContent,{ref:v,expanded:P,disabledColor:j,label:n,startIcon:c,active:s,as:d,onClick:u,...y},l);return!P&&g?o.default.createElement(r.Popover,{content:o.default.createElement(i.MenuButtonContent,{expanded:!0,disabledColor:j,label:n,startIcon:c,active:s,as:d,onClick:u,...y},l),arrow:!0,position:h??"right",padding:"small",onVisibility:e=>{w((t=>e?b:t===b?null:t))},enabledHover:!0,enabledClick:!1,visible:M},C):C}));t.MenuButton=u,u.Accordion=i.MenuButtonAccordion,u.displayName="MenuButton"},3756:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0});const o=n(5163);o.__exportStar(n(8269),t),o.__exportStar(n(9283),t)},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:s,expanded:d,...f},p)=>{const y=(0,o.useId)(),{expanded:v,popoverPosition:b,showPopoversWhenCollapsed:m,activeAccordionPopover:_,setActiveAccordionPopover:h}=(0,a.useMenuExpandContext)(!1),x=d??v,[w,P]=(0,o.useState)(!1),g=(0,o.useMemo)((()=>!x&&!!_&&_===y),[x,_,y]),M=(0,o.useMemo)((()=>n??w),[n,w]),O=(0,o.useMemo)((()=>({expanded:!0,popoverPosition:b,activeAccordionPopover:null,setActiveAccordionPopover:()=>{}})),[b]),j=o.default.createElement(r.Box,{...f,ref:p,as:s,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:()=>P((e=>!e)),active:u,"aria-expanded":M&&x,showPopoversWhenCollapsed:!1,expanded: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));return!x&&m?o.default.createElement(r.Popover,{content:o.default.createElement(a.MenuExpandContext.Provider,{value:O},o.default.createElement(r.Box,{minWidth:"200px",display:"flex",flexDirection:"column",gap:"0-5"},l)),arrow:!0,position:b??"right",padding:"small",enabledClick:!1,onVisibility:e=>{h((t=>e?y:t===y?null:t))},enabledHover:!0,visible:g},j):j}));t.MenuButtonAccordion=u},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},2335:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.MenuButtonContent=void 0;const o=n(5163).__importStar(n(8156)),r=n(5280),a=(0,o.forwardRef)((({expanded:e,disabledColor:t,label:n,startIcon:a,children:i,active:u,as:c="button",onClick:l,...s},d)=>{const f=e?{}:{justifyContent:"center",paddingX:"none"};return o.default.createElement(r.Box,{...s,ref:d,as:c,type:"button",onClick:l,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"},...f},a&&o.default.createElement(r.Icon,{color:t,source:o.default.createElement(a,{size:16})}),e&&o.default.createElement(r.Box,{display:"inline-flex",flex:"1"},o.default.createElement(r.Text,{fontSize:"base",color:t,lineClamp:1,wordBreak:"break-all"},n)),e&&i)}));t.MenuButtonContent=a,a.displayName="MenuButtonContent"},1054:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.MenuButtonContent=void 0;var o=n(2335);Object.defineProperty(t,"MenuButtonContent",{enumerable:!0,get:function(){return o.MenuButtonContent}})},9283:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0});const o=n(5163);o.__exportStar(n(9895),t),o.__exportStar(n(1054),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:()=>O,__asyncGenerator:()=>M,__asyncValues:()=>j,__await:()=>g,__awaiter:()=>y,__classPrivateFieldGet:()=>A,__classPrivateFieldIn:()=>k,__classPrivateFieldSet:()=>I,__createBinding:()=>b,__decorate:()=>u,__esDecorate:()=>l,__exportStar:()=>m,__extends:()=>r,__generator:()=>v,__importDefault:()=>B,__importStar:()=>S,__makeTemplateObject:()=>C,__metadata:()=>p,__param:()=>c,__propKey:()=>d,__read:()=>h,__rest:()=>i,__runInitializers:()=>s,__setFunctionName:()=>f,__spread:()=>x,__spreadArray:()=>P,__spreadArrays:()=>w,__values:()=>_});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",s=!t&&e?o.static?e:e.prototype:null,d=t||(s?Object.getOwnPropertyDescriptor(s,o.name):{}),f=!1,p=n.length-1;p>=0;p--){var y={};for(var v in o)y[v]="access"===v?{}:o[v];for(var v in o.access)y.access[v]=o.access[v];y.addInitializer=function(e){if(f)throw new TypeError("Cannot add initializers after decoration has completed");a.push(i(e||null))};var b=(0,n[p])("accessor"===c?{get:d.get,set:d.set}:d[l],y);if("accessor"===c){if(void 0===b)continue;if(null===b||"object"!=typeof b)throw new TypeError("Object expected");(u=i(b.get))&&(d.get=u),(u=i(b.set))&&(d.set=u),(u=i(b.init))&&r.push(u)}else(u=i(b))&&("field"===c?r.push(u):d[l]=u)}s&&Object.defineProperty(s,o.name,d),f=!0}function s(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 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,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 v(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 b=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 m(e,t){for(var n in e)"default"===n||Object.prototype.hasOwnProperty.call(t,n)||b(t,e,n)}function _(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 h(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 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 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 P(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 M(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):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 O(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 j(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={},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 C(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 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)&&b(t,e,n);return E(t,e),t}function B(e){return e&&e.__esModule?e:{default:e}}function A(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 I(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 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}},o={};function r(e){var t=o[e];if(void 0!==t)return t.exports;var a=o[e]={exports:{}};return n[e](a,a.exports,r),a.exports}return r.d=(e,t)=>{for(var n in t)r.o(t,n)&&!r.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r(3756)})()));

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, PopoverPlacement, PopoverProperties, RadioProps, SelectProperties, SelectProps, SidebarProperties, 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';
@@ -580,13 +580,9 @@ export interface MenuButtonProperties {
 	 */
 	expanded?: boolean;
 	/**
-	 * Text to be displayed in the tooltip when the button is collapsed. If not provided, the label will be used.
+	 * Whether to show popovers when the button is collapsed. Defaults to true.
 	 */
-	tooltipText?: string;
-	/**
-	 * Whether to show tooltips when the button is collapsed. Defaults to true.
-	 */
-	showTooltipsWhenCollapsed?: boolean;
+	showPopoversWhenCollapsed?: boolean;
 }
 export type MenuButtonBaseProps = MenuButtonProperties & Omit<ButtonHTMLAttributes<HTMLButtonElement>, "color">;
 export declare const MenuButton: PolymorphicForwardRefComponent<"a" | "button", MenuButtonBaseProps> & MenuButtonComponents;
@@ -646,13 +642,13 @@ export interface MenuProperties {
 	 */
 	expanded?: boolean;
 	/**
-	 * Whether to show tooltips for buttons when the menu is collapsed. Defaults to true.
+	 * Whether to show popover for buttons when the menu is collapsed. Defaults to true.
 	 */
-	showTooltipsWhenCollapsed?: boolean;
+	showPopoversWhenCollapsed?: boolean;
 	/**
-	 * Position of the tooltips for buttons when the menu is collapsed. Defaults to "right".
+	 * Position of the popovers for buttons when the menu is collapsed. Defaults to "right".
 	 */
-	tooltipsPosition?: "top" | "bottom" | "left" | "right";
+	popoverPosition?: PopoverPlacement;
 }
 export type MenuProps = MenuProperties & Omit<HTMLAttributes<HTMLElement>, "color">;
 export declare const Menu: React.FC<MenuProps> & MenuComponents;
@@ -1412,10 +1408,10 @@ export declare const ChatInput: React.FC<ChatInputProps> & ChatInputComponents;
 export interface MenuExpandContextValue {
 	/** True when the menu is expanded; false when collapsed. */
 	expanded: boolean;
-	/** Whether to show tooltips for buttons when the menu is collapsed. Defaults to true. */
-	showTooltipsWhenCollapsed?: boolean;
-	/** Position of the tooltips for buttons when the menu is collapsed. Defaults to "right". */
-	tooltipsPosition?: "top" | "bottom" | "left" | "right";
+	/** Whether to show popovers for buttons when the menu is collapsed. Defaults to true. */
+	showPopoversWhenCollapsed?: boolean;
+	/** Position of the popovers for buttons when the menu is collapsed. Defaults to "right". */
+	popoverPosition?: PopoverPlacement;
 	/** ID of the currently active accordion popover. Used to ensure only one popover is open at a time. */
 	activeAccordionPopover: string | null;
 	/** Function to set the active accordion popover ID. */