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

package/dist/Menu/index.js

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

package/dist/index.d.ts

@@ -91,19 +91,13 @@ export interface AppShellProperties {
 	 * Prefer using this over individual top-level props for simpler usage.
 	 */
 	menuFlyout?: AppShellMenuFlyoutOptions;
-	/**
-	 * Optional content to render inside the collapsed rail. Falls back to `menu` when not provided.
-	 * @TJS-type React.ReactNode
-	 */
-	menuCollapsed?: ReactNode;
-	/**
-	 * Optional content to render when expanded (both inline and popover). Falls back to `menu` when not provided.
-	 * @TJS-type React.ReactNode
-	 */
-	menuExpandedContent?: ReactNode;
 }
 export type AppShellProps = AppShellProperties & Omit<HTMLAttributes<HTMLElement>, "color">;
 export declare const AppShell: React.FC<AppShellProps> & AppShellComponents;
+export type AppShellMenuContextValue = {
+	isMenuPopover?: boolean;
+};
+export declare const useAppShellMenuContext: () => AppShellMenuContextValue;
 export interface CalloutCardProperties {
 	/**
 	 * CalloutCard color.