@nimbus-ds/sidebar 3.4.0 → 3.5.0

package/CHANGELOG.md

@@ -1,4 +1,10 @@
 # Changelog
+## 2025-08-25 `3.5.0`
+
+#### 🎉 New features
+
+- Add optional `root` prop to scope portal and backdrop rendering to a provided elements. ([#336](https://github.com/TiendaNube/nimbus-design-system/pull/336) by [@joacotornello](https://github.com/joacotornello))
+
 
 The Sidebar component is a large floating container that goes into the page from the corners. It allows us to present actions, forms or sections with a lot of information about the context of the page.
 

package/dist/CHANGELOG.md

@@ -1,4 +1,10 @@
 # Changelog
+## 2025-08-25 `3.5.0`
+
+#### 🎉 New features
+
+- Add optional `root` prop to scope portal and backdrop rendering to a provided elements. ([#336](https://github.com/TiendaNube/nimbus-design-system/pull/336) by [@joacotornello](https://github.com/joacotornello))
+
 
 The Sidebar component is a large floating container that goes into the page from the corners. It allows us to present actions, forms or sections with a lot of information about the context of the page.
 

package/dist/index.d.ts

@@ -270,7 +270,9 @@ declare const sidebar: {
 	};
 	classnames: {
 		overlay: string;
+		overlayScoped: string;
 		container: string;
+		containerScoped: string;
 		container__header: string;
 		container__body: string;
 		container__footer: string;
@@ -278,6 +280,7 @@ declare const sidebar: {
 		isVisible: string;
 	};
 };
+export type CloseOnOutsidePress = (event: PointerEvent | MouseEvent) => boolean;
 export interface SidebarBodyProperties {
 	/**
 	 * The content of the sidebar body.
@@ -360,8 +363,27 @@ export interface SidebarProperties extends SidebarSprinkle {
 	 * @default true
 	 */
 	needRemoveScroll?: boolean;
+	/**
+	 * Controls whether clicking/pressing outside should close the sidebar.
+	 * - boolean: enable/disable dismissal on outside press
+	 * - function: receive the DOM event and return true to allow closing, false to ignore
+	 *
+	 * Defaults to true for backward compatibility.
+	 */
+	closeOnOutsidePress?: boolean | CloseOnOutsidePress;
+	/**
+	 * The attribute name to ignore when checking for outside clicks.
+	 * @default "data-nimbus-outside-press-ignore"
+	 */
+	ignoreAttributeName?: string;
 }
-export type SidebarProps = SidebarProperties & HTMLAttributes<HTMLDivElement>;
+export type SidebarProps = SidebarProperties & {
+	/**
+	 * Root element where the portal should be mounted. When provided and not null,
+	 * the portal renders inside this element; when null/undefined, the default root is used.
+	 */
+	root?: HTMLElement | null;
+} & HTMLAttributes<HTMLDivElement>;
 export declare const Sidebar: React.FC<SidebarProps> & SidebarComponents;
 
 export {

package/dist/index.js

@@ -1,2 +1,2 @@
 "use client";
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("@floating-ui/react"),require("@nimbus-ds/styles"),require("@nimbus-ds/title")):"function"==typeof define&&define.amd?define(["react","@floating-ui/react","@nimbus-ds/styles","@nimbus-ds/title"],t):"object"==typeof exports?exports["@nimbus-ds/sidebar"]=t(require("react"),require("@floating-ui/react"),require("@nimbus-ds/styles"),require("@nimbus-ds/title")):e["@nimbus-ds/sidebar"]=t(e.react,e["@floating-ui/react"],e["@nimbus-ds/styles"],e["@nimbus-ds/title"])}(global,((e,t,r,n)=>(()=>{"use strict";var o={822:(e,t,r)=>{r.r(t),r.d(t,{RemoveScroll:()=>z});var n=r(769),o=r(155),a="right-scroll-bar-position",i="width-before-scroll-bar";function c(e,t){return"function"==typeof e?e(t):e&&(e.current=t),e}var u=new WeakMap;function s(e,t){var r,n,a,i=(r=t||null,n=function(t){return e.forEach((function(e){return c(e,t)}))},(a=(0,o.useState)((function(){return{value:r,callback:n,facade:{get current(){return a.value},set current(e){var t=a.value;t!==e&&(a.value=e,a.callback(e,t))}}}}))[0]).callback=n,a.facade);return o.useLayoutEffect((function(){var t=u.get(i);if(t){var r=new Set(t),n=new Set(e),o=i.current;r.forEach((function(e){n.has(e)||c(e,null)})),n.forEach((function(e){r.has(e)||c(e,o)}))}u.set(i,e)}),[e]),i}function l(e){return e}function d(e,t){void 0===t&&(t=l);var r=[],n=!1;return{read:function(){if(n)throw new Error("Sidecar: could not `read` from an `assigned` medium. `read` could be used only with `useMedium`.");return r.length?r[r.length-1]:e},useMedium:function(e){var o=t(e,n);return r.push(o),function(){r=r.filter((function(e){return e!==o}))}},assignSyncMedium:function(e){for(n=!0;r.length;){var t=r;r=[],t.forEach(e)}r={push:function(t){return e(t)},filter:function(){return r}}},assignMedium:function(e){n=!0;var t=[];if(r.length){var o=r;r=[],o.forEach(e),t=r}var a=function(){var r=t;t=[],r.forEach(e)},i=function(){return Promise.resolve().then(a)};i(),r={push:function(e){t.push(e),i()},filter:function(e){return t=t.filter(e),r}}}}}var f=function(e){void 0===e&&(e={});var t=d(null);return t.options=(0,n.__assign)({async:!0,ssr:!1},e),t}(),p=function(){},v=o.forwardRef((function(e,t){var r=o.useRef(null),a=o.useState({onScrollCapture:p,onWheelCapture:p,onTouchMoveCapture:p}),i=a[0],c=a[1],u=e.forwardProps,l=e.children,d=e.className,v=e.removeScrollBar,y=e.enabled,h=e.shards,m=e.sideCar,b=e.noIsolation,_=e.inert,g=e.allowPinchZoom,w=e.as,S=void 0===w?"div":w,E=e.gapMode,P=(0,n.__rest)(e,["forwardProps","children","className","removeScrollBar","enabled","shards","sideCar","noIsolation","inert","allowPinchZoom","as","gapMode"]),j=m,O=s([r,t]),x=(0,n.__assign)((0,n.__assign)({},P),i);return o.createElement(o.Fragment,null,y&&o.createElement(j,{sideCar:f,removeScrollBar:v,shards:h,noIsolation:b,inert:_,setCallbacks:c,allowPinchZoom:!!g,lockRef:r,gapMode:E}),u?o.cloneElement(o.Children.only(l),(0,n.__assign)((0,n.__assign)({},x),{ref:O})):o.createElement(S,(0,n.__assign)({},x,{className:d,ref:O}),l))}));v.defaultProps={enabled:!0,removeScrollBar:!0,inert:!1},v.classNames={fullWidth:i,zeroRight:a};var y,h=function(e){var t=e.sideCar,r=(0,n.__rest)(e,["sideCar"]);if(!t)throw new Error("Sidecar: please provide `sideCar` property to import the right car");var a=t.read();if(!a)throw new Error("Sidecar medium not found");return o.createElement(a,(0,n.__assign)({},r))};h.isSideCarExport=!0;function m(){if(!document)return null;var e=document.createElement("style");e.type="text/css";var t=y||r.nc;return t&&e.setAttribute("nonce",t),e}var b=function(){var e=0,t=null;return{add:function(r){var n,o;0==e&&(t=m())&&(o=r,(n=t).styleSheet?n.styleSheet.cssText=o:n.appendChild(document.createTextNode(o)),function(e){(document.head||document.getElementsByTagName("head")[0]).appendChild(e)}(t)),e++},remove:function(){! --e&&t&&(t.parentNode&&t.parentNode.removeChild(t),t=null)}}},_=function(){var e,t=(e=b(),function(t,r){o.useEffect((function(){return e.add(t),function(){e.remove()}}),[t&&r])});return function(e){var r=e.styles,n=e.dynamic;return t(r,n),null}},g={left:0,top:0,right:0,gap:0},w=function(e){return parseInt(e||"",10)||0},S=function(e){if(void 0===e&&(e="margin"),"undefined"==typeof window)return g;var t=function(e){var t=window.getComputedStyle(document.body),r=t["padding"===e?"paddingLeft":"marginLeft"],n=t["padding"===e?"paddingTop":"marginTop"],o=t["padding"===e?"paddingRight":"marginRight"];return[w(r),w(n),w(o)]}(e),r=document.documentElement.clientWidth,n=window.innerWidth;return{left:t[0],top:t[1],right:t[2],gap:Math.max(0,n-r+t[2]-t[0])}},E=_(),P="data-scroll-locked",j=function(e,t,r,n){var o=e.left,c=e.top,u=e.right,s=e.gap;return void 0===r&&(r="margin"),"\n  .".concat("with-scroll-bars-hidden"," {\n   overflow: hidden ").concat(n,";\n   padding-right: ").concat(s,"px ").concat(n,";\n  }\n  body[").concat(P,"] {\n    overflow: hidden ").concat(n,";\n    overscroll-behavior: contain;\n    ").concat([t&&"position: relative ".concat(n,";"),"margin"===r&&"\n    padding-left: ".concat(o,"px;\n    padding-top: ").concat(c,"px;\n    padding-right: ").concat(u,"px;\n    margin-left:0;\n    margin-top:0;\n    margin-right: ").concat(s,"px ").concat(n,";\n    "),"padding"===r&&"padding-right: ".concat(s,"px ").concat(n,";")].filter(Boolean).join(""),"\n  }\n  \n  .").concat(a," {\n    right: ").concat(s,"px ").concat(n,";\n  }\n  \n  .").concat(i," {\n    margin-right: ").concat(s,"px ").concat(n,";\n  }\n  \n  .").concat(a," .").concat(a," {\n    right: 0 ").concat(n,";\n  }\n  \n  .").concat(i," .").concat(i," {\n    margin-right: 0 ").concat(n,";\n  }\n  \n  body[").concat(P,"] {\n    ").concat("--removed-body-scroll-bar-size",": ").concat(s,"px;\n  }\n")},O=function(){var e=parseInt(document.body.getAttribute(P)||"0",10);return isFinite(e)?e:0},x=function(e){var t=e.noRelative,r=e.noImportant,n=e.gapMode,a=void 0===n?"margin":n;o.useEffect((function(){return document.body.setAttribute(P,(O()+1).toString()),function(){var e=O()-1;e<=0?document.body.removeAttribute(P):document.body.setAttribute(P,e.toString())}}),[]);var i=o.useMemo((function(){return S(a)}),[a]);return o.createElement(E,{styles:j(i,!t,a,r?"":"!important")})},T=!1;if("undefined"!=typeof window)try{var k=Object.defineProperty({},"passive",{get:function(){return T=!0,!0}});window.addEventListener("test",k,k),window.removeEventListener("test",k,k)}catch(e){T=!1}var C=!!T&&{passive:!1},M=function(e,t){var r=window.getComputedStyle(e);return"hidden"!==r[t]&&!(r.overflowY===r.overflowX&&!function(e){return"TEXTAREA"===e.tagName}(e)&&"visible"===r[t])},R=function(e,t){var r=t.ownerDocument,n=t;do{if("undefined"!=typeof ShadowRoot&&n instanceof ShadowRoot&&(n=n.host),N(e,n)){var o=F(e,n);if(o[1]>o[2])return!0}n=n.parentNode}while(n&&n!==r.body);return!1},N=function(e,t){return"v"===e?function(e){return M(e,"overflowY")}(t):function(e){return M(e,"overflowX")}(t)},F=function(e,t){return"v"===e?[(r=t).scrollTop,r.scrollHeight,r.clientHeight]:function(e){return[e.scrollLeft,e.scrollWidth,e.clientWidth]}(t);var r},B=function(e){return"changedTouches"in e?[e.changedTouches[0].clientX,e.changedTouches[0].clientY]:[0,0]},D=function(e){return[e.deltaX,e.deltaY]},I=function(e){return e&&"current"in e?e.current:e},A=function(e){return"\n  .block-interactivity-".concat(e," {pointer-events: none;}\n  .allow-interactivity-").concat(e," {pointer-events: all;}\n")},L=0,H=[];function W(e){for(var t=null;null!==e;)e instanceof ShadowRoot&&(t=e.host,e=e.host),e=e.parentNode;return t}const q=(X=function(e){var t=o.useRef([]),r=o.useRef([0,0]),a=o.useRef(),i=o.useState(L++)[0],c=o.useState(_)[0],u=o.useRef(e);o.useEffect((function(){u.current=e}),[e]),o.useEffect((function(){if(e.inert){document.body.classList.add("block-interactivity-".concat(i));var t=(0,n.__spreadArray)([e.lockRef.current],(e.shards||[]).map(I),!0).filter(Boolean);return t.forEach((function(e){return e.classList.add("allow-interactivity-".concat(i))})),function(){document.body.classList.remove("block-interactivity-".concat(i)),t.forEach((function(e){return e.classList.remove("allow-interactivity-".concat(i))}))}}}),[e.inert,e.lockRef.current,e.shards]);var s=o.useCallback((function(e,t){if("touches"in e&&2===e.touches.length)return!u.current.allowPinchZoom;var n,o=B(e),i=r.current,c="deltaX"in e?e.deltaX:i[0]-o[0],s="deltaY"in e?e.deltaY:i[1]-o[1],l=e.target,d=Math.abs(c)>Math.abs(s)?"h":"v";if("touches"in e&&"h"===d&&"range"===l.type)return!1;var f=R(d,l);if(!f)return!0;if(f?n=d:(n="v"===d?"h":"v",f=R(d,l)),!f)return!1;if(!a.current&&"changedTouches"in e&&(c||s)&&(a.current=n),!n)return!0;var p=a.current||n;return function(e,t,r,n,o){var a=function(e,t){return"h"===e&&"rtl"===t?-1:1}(e,window.getComputedStyle(t).direction),i=a*n,c=r.target,u=t.contains(c),s=!1,l=i>0,d=0,f=0;do{var p=F(e,c),v=p[0],y=p[1]-p[2]-a*v;(v||y)&&N(e,c)&&(d+=y,f+=v),c=c instanceof ShadowRoot?c.host:c.parentNode}while(!u&&c!==document.body||u&&(t.contains(c)||t===c));return(l&&(o&&Math.abs(d)<1||!o&&i>d)||!l&&(o&&Math.abs(f)<1||!o&&-i>f))&&(s=!0),s}(p,t,e,"h"===p?c:s,!0)}),[]),l=o.useCallback((function(e){var r=e;if(H.length&&H[H.length-1]===c){var n="deltaY"in r?D(r):B(r),o=t.current.filter((function(e){return e.name===r.type&&(e.target===r.target||r.target===e.shadowParent)&&(t=e.delta,o=n,t[0]===o[0]&&t[1]===o[1]);var t,o}))[0];if(o&&o.should)r.cancelable&&r.preventDefault();else if(!o){var a=(u.current.shards||[]).map(I).filter(Boolean).filter((function(e){return e.contains(r.target)}));(a.length>0?s(r,a[0]):!u.current.noIsolation)&&r.cancelable&&r.preventDefault()}}}),[]),d=o.useCallback((function(e,r,n,o){var a={name:e,delta:r,target:n,should:o,shadowParent:W(n)};t.current.push(a),setTimeout((function(){t.current=t.current.filter((function(e){return e!==a}))}),1)}),[]),f=o.useCallback((function(e){r.current=B(e),a.current=void 0}),[]),p=o.useCallback((function(t){d(t.type,D(t),t.target,s(t,e.lockRef.current))}),[]),v=o.useCallback((function(t){d(t.type,B(t),t.target,s(t,e.lockRef.current))}),[]);o.useEffect((function(){return H.push(c),e.setCallbacks({onScrollCapture:p,onWheelCapture:p,onTouchMoveCapture:v}),document.addEventListener("wheel",l,C),document.addEventListener("touchmove",l,C),document.addEventListener("touchstart",f,C),function(){H=H.filter((function(e){return e!==c})),document.removeEventListener("wheel",l,C),document.removeEventListener("touchmove",l,C),document.removeEventListener("touchstart",f,C)}}),[]);var y=e.removeScrollBar,h=e.inert;return o.createElement(o.Fragment,null,h?o.createElement(c,{styles:A(i)}):null,y?o.createElement(x,{gapMode:e.gapMode}):null)},f.useMedium(X),h);var X,Y=o.forwardRef((function(e,t){return o.createElement(v,(0,n.__assign)({},e,{ref:t,sideCar:q}))}));Y.classNames=v.classNames;const z=Y},288:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.Sidebar=void 0;const n=r(769).__importDefault(r(155)),o=r(822),a=r(955),i=r(367),c=r(337),u=({className:e,style:t,position:r="right",maxWidth:c="375px",open:u=!1,needRemoveScroll:s=!1,children:l,onRemove:d,...f})=>{const{className:p,style:v,otherProps:y}=i.sidebar.sprinkle({...f,maxWidth:c}),{refThemeProvider:h}=(0,i.useTheme)(),{context:m}=(0,a.useFloating)({open:u,onOpenChange:d}),b=(0,a.useDismiss)(m,{outsidePressEvent:"mousedown"}),{getFloatingProps:_}=(0,a.useInteractions)([b]);return u?n.default.createElement(a.FloatingPortal,{id:"nimbus-sidebar",root:h?.current},n.default.createElement(a.FloatingOverlay,{className:i.sidebar.classnames.overlay,"data-testid":"overlay-sidebar-button",lockScroll:!s},n.default.createElement(a.FloatingFocusManager,{context:m},n.default.createElement("div",{...y,ref:m.refs.setFloating,role:f.role||"presentation",style:v,..._(),className:[i.sidebar.classnames.container,i.sidebar.classnames.position[r],p,u&&i.sidebar.classnames.isVisible].join(" ")},s?n.default.createElement(o.RemoveScroll,null,l):l)))):null};t.Sidebar=u,u.Body=c.SidebarBody,u.Footer=c.SidebarFooter,u.Header=c.SidebarHeader,u.displayName="Sidebar",u.Body.displayName="Sidebar.Body",u.Footer.displayName="Sidebar.Footer",u.Header.displayName="Sidebar.Header"},982:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.SidebarBody=void 0;const n=r(769).__importDefault(r(155)),o=r(367);t.SidebarBody=({className:e,style:t,children:r,...a})=>{const{className:i,style:c,otherProps:u}=o.sidebar.sprinkle(a);return n.default.createElement("div",{...u,style:c,className:[o.sidebar.classnames.container__body,i].join(" ")},r)}},598:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.SidebarBody=void 0;const n=r(982);var o=r(982);Object.defineProperty(t,"SidebarBody",{enumerable:!0,get:function(){return o.SidebarBody}}),t.default=n.SidebarBody},894:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.SidebarFooter=void 0;const n=r(769).__importDefault(r(155)),o=r(367);t.SidebarFooter=({className:e,style:t,children:r,...a})=>{const{className:i,style:c,otherProps:u}=o.sidebar.sprinkle(a);return n.default.createElement("div",{...u,style:c,className:[i,o.sidebar.classnames.container__footer].join(" ")},r)}},25:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.SidebarFooter=void 0;const n=r(894);var o=r(894);Object.defineProperty(t,"SidebarFooter",{enumerable:!0,get:function(){return o.SidebarFooter}}),t.default=n.SidebarFooter},342:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.SidebarHeader=void 0;const n=r(769).__importDefault(r(155)),o=r(593),a=r(367);t.SidebarHeader=({className:e,style:t,title:r,children:i,...c})=>{const{className:u,style:s,otherProps:l}=a.sidebar.sprinkle(c);return n.default.createElement("div",{...l,style:s,className:[u,a.sidebar.classnames.container__header].join(" ")},r&&n.default.createElement(o.Title,{as:"h2","data-testid":"header-title"},r),i)}},331:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.SidebarHeader=void 0;const n=r(342);var o=r(342);Object.defineProperty(t,"SidebarHeader",{enumerable:!0,get:function(){return o.SidebarHeader}}),t.default=n.SidebarHeader},337:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0});const n=r(769);n.__exportStar(r(598),t),n.__exportStar(r(25),t),n.__exportStar(r(331),t)},955:e=>{e.exports=t},367:e=>{e.exports=r},593:e=>{e.exports=n},155:t=>{t.exports=e},769:(e,t,r)=>{r.r(t),r.d(t,{__addDisposableResource:()=>F,__assign:()=>a,__asyncDelegator:()=>j,__asyncGenerator:()=>P,__asyncValues:()=>O,__await:()=>E,__awaiter:()=>v,__classPrivateFieldGet:()=>M,__classPrivateFieldIn:()=>N,__classPrivateFieldSet:()=>R,__createBinding:()=>h,__decorate:()=>c,__disposeResources:()=>D,__esDecorate:()=>s,__exportStar:()=>m,__extends:()=>o,__generator:()=>y,__importDefault:()=>C,__importStar:()=>k,__makeTemplateObject:()=>x,__metadata:()=>p,__param:()=>u,__propKey:()=>d,__read:()=>_,__rest:()=>i,__runInitializers:()=>l,__setFunctionName:()=>f,__spread:()=>g,__spreadArray:()=>S,__spreadArrays:()=>w,__values:()=>b,default:()=>I});var n=function(e,t){return n=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])},n(e,t)};function o(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}n(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)}var a=function(){return a=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},a.apply(this,arguments)};function i(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(r[n[o]]=e[n[o]])}return r}function c(e,t,r,n){var o,a=arguments.length,i=a<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,r):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,r,n);else for(var c=e.length-1;c>=0;c--)(o=e[c])&&(i=(a<3?o(i):a>3?o(t,r,i):o(t,r))||i);return a>3&&i&&Object.defineProperty(t,r,i),i}function u(e,t){return function(r,n){t(r,n,e)}}function s(e,t,r,n,o,a){function i(e){if(void 0!==e&&"function"!=typeof e)throw new TypeError("Function expected");return e}for(var c,u=n.kind,s="getter"===u?"get":"setter"===u?"set":"value",l=!t&&e?n.static?e:e.prototype:null,d=t||(l?Object.getOwnPropertyDescriptor(l,n.name):{}),f=!1,p=r.length-1;p>=0;p--){var v={};for(var y in n)v[y]="access"===y?{}:n[y];for(var y in n.access)v.access[y]=n.access[y];v.addInitializer=function(e){if(f)throw new TypeError("Cannot add initializers after decoration has completed");a.push(i(e||null))};var h=(0,r[p])("accessor"===u?{get:d.get,set:d.set}:d[s],v);if("accessor"===u){if(void 0===h)continue;if(null===h||"object"!=typeof h)throw new TypeError("Object expected");(c=i(h.get))&&(d.get=c),(c=i(h.set))&&(d.set=c),(c=i(h.init))&&o.unshift(c)}else(c=i(h))&&("field"===u?o.unshift(c):d[s]=c)}l&&Object.defineProperty(l,n.name,d),f=!0}function l(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 d(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 p(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)}function v(e,t,r,n){return new(r||(r=Promise))((function(o,a){function i(e){try{u(n.next(e))}catch(e){a(e)}}function c(e){try{u(n.throw(e))}catch(e){a(e)}}function u(e){var t;e.done?o(e.value):(t=e.value,t instanceof r?t:new r((function(e){e(t)}))).then(i,c)}u((n=n.apply(e,t||[])).next())}))}function y(e,t){var r,n,o,a,i={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return a={next:c(0),throw:c(1),return:c(2)},"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function c(c){return function(u){return function(c){if(r)throw new TypeError("Generator is already executing.");for(;a&&(a=0,c[0]&&(i=0)),i;)try{if(r=1,n&&(o=2&c[0]?n.return:c[0]?n.throw||((o=n.return)&&o.call(n),0):n.next)&&!(o=o.call(n,c[1])).done)return o;switch(n=0,o&&(c=[2&c[0],o.value]),c[0]){case 0:case 1:o=c;break;case 4:return i.label++,{value:c[1],done:!1};case 5:i.label++,n=c[1],c=[0];continue;case 7:c=i.ops.pop(),i.trys.pop();continue;default:if(!(o=i.trys,(o=o.length>0&&o[o.length-1])||6!==c[0]&&2!==c[0])){i=0;continue}if(3===c[0]&&(!o||c[1]>o[0]&&c[1]<o[3])){i.label=c[1];break}if(6===c[0]&&i.label<o[1]){i.label=o[1],o=c;break}if(o&&i.label<o[2]){i.label=o[2],i.ops.push(c);break}o[2]&&i.ops.pop(),i.trys.pop();continue}c=t.call(e,i)}catch(e){c=[6,e],n=0}finally{r=o=0}if(5&c[0])throw c[1];return{value:c[0]?c[1]:void 0,done:!0}}([c,u])}}}var h=Object.create?function(e,t,r,n){void 0===n&&(n=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,n,o)}:function(e,t,r,n){void 0===n&&(n=r),e[n]=t[r]};function m(e,t){for(var r in e)"default"===r||Object.prototype.hasOwnProperty.call(t,r)||h(t,e,r)}function b(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}function _(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i}function g(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(_(arguments[t]));return e}function w(){for(var e=0,t=0,r=arguments.length;t<r;t++)e+=arguments[t].length;var n=Array(e),o=0;for(t=0;t<r;t++)for(var a=arguments[t],i=0,c=a.length;i<c;i++,o++)n[o]=a[i];return n}function S(e,t,r){if(r||2===arguments.length)for(var n,o=0,a=t.length;o<a;o++)!n&&o in t||(n||(n=Array.prototype.slice.call(t,0,o)),n[o]=t[o]);return e.concat(n||Array.prototype.slice.call(t))}function E(e){return this instanceof E?(this.v=e,this):new E(e)}function P(e,t,r){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var n,o=r.apply(e,t||[]),a=[];return n={},i("next"),i("throw"),i("return"),n[Symbol.asyncIterator]=function(){return this},n;function i(e){o[e]&&(n[e]=function(t){return new Promise((function(r,n){a.push([e,t,r,n])>1||c(e,t)}))})}function c(e,t){try{(r=o[e](t)).value instanceof E?Promise.resolve(r.value.v).then(u,s):l(a[0][2],r)}catch(e){l(a[0][3],e)}var r}function u(e){c("next",e)}function s(e){c("throw",e)}function l(e,t){e(t),a.shift(),a.length&&c(a[0][0],a[0][1])}}function j(e){var t,r;return t={},n("next"),n("throw",(function(e){throw e})),n("return"),t[Symbol.iterator]=function(){return this},t;function n(n,o){t[n]=e[n]?function(t){return(r=!r)?{value:E(e[n](t)),done:!1}:o?o(t):t}:o}}function O(e){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var t,r=e[Symbol.asyncIterator];return r?r.call(e):(e=b(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 x(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}var T=Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t};function k(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&h(t,e,r);return T(t,e),t}function C(e){return e&&e.__esModule?e:{default:e}}function M(e,t,r,n){if("a"===r&&!n)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!n:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===r?n:"a"===r?n.call(e):n?n.value:t.get(e)}function R(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 N(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)}function F(e,t,r){if(null!=t){if("object"!=typeof t&&"function"!=typeof t)throw new TypeError("Object expected.");var n;if(r){if(!Symbol.asyncDispose)throw new TypeError("Symbol.asyncDispose is not defined.");n=t[Symbol.asyncDispose]}if(void 0===n){if(!Symbol.dispose)throw new TypeError("Symbol.dispose is not defined.");n=t[Symbol.dispose]}if("function"!=typeof n)throw new TypeError("Object not disposable.");e.stack.push({value:t,dispose:n,async:r})}else r&&e.stack.push({async:!0});return t}var B="function"==typeof SuppressedError?SuppressedError:function(e,t,r){var n=new Error(r);return n.name="SuppressedError",n.error=e,n.suppressed=t,n};function D(e){function t(t){e.error=e.hasError?new B(t,e.error,"An error was suppressed during disposal."):t,e.hasError=!0}return function r(){for(;e.stack.length;){var n=e.stack.pop();try{var o=n.dispose&&n.dispose.call(n.value);if(n.async)return Promise.resolve(o).then(r,(function(e){return t(e),r()}))}catch(e){t(e)}}if(e.hasError)throw e.error}()}const I={__extends:o,__assign:a,__rest:i,__decorate:c,__param:u,__metadata:p,__awaiter:v,__generator:y,__createBinding:h,__exportStar:m,__values:b,__read:_,__spread:g,__spreadArrays:w,__spreadArray:S,__await:E,__asyncGenerator:P,__asyncDelegator:j,__asyncValues:O,__makeTemplateObject:x,__importStar:k,__importDefault:C,__classPrivateFieldGet:M,__classPrivateFieldSet:R,__classPrivateFieldIn:N,__addDisposableResource:F,__disposeResources:D}}},a={};function i(e){var t=a[e];if(void 0!==t)return t.exports;var r=a[e]={exports:{}};return o[e](r,r.exports,i),r.exports}i.d=(e,t)=>{for(var r in t)i.o(t,r)&&!i.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},i.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),i.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.nc=void 0;var c={};return(()=>{var e=c;Object.defineProperty(e,"__esModule",{value:!0}),e.Sidebar=void 0;const t=i(288);var r=i(288);Object.defineProperty(e,"Sidebar",{enumerable:!0,get:function(){return r.Sidebar}}),e.default=t.Sidebar})(),c})()));
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("react-dom"),require("@floating-ui/react"),require("@nimbus-ds/styles"),require("@nimbus-ds/title")):"function"==typeof define&&define.amd?define(["react","react-dom","@floating-ui/react","@nimbus-ds/styles","@nimbus-ds/title"],t):"object"==typeof exports?exports["@nimbus-ds/sidebar"]=t(require("react"),require("react-dom"),require("@floating-ui/react"),require("@nimbus-ds/styles"),require("@nimbus-ds/title")):e["@nimbus-ds/sidebar"]=t(e.react,e["react-dom"],e["@floating-ui/react"],e["@nimbus-ds/styles"],e["@nimbus-ds/title"])}(global,((e,t,r,n,o)=>(()=>{"use strict";var a={822:(e,t,r)=>{r.r(t),r.d(t,{RemoveScroll:()=>X});var n=r(769),o=r(155),a="right-scroll-bar-position",i="width-before-scroll-bar";function c(e,t){return"function"==typeof e?e(t):e&&(e.current=t),e}var s=new WeakMap;function u(e,t){var r,n,a,i=(r=t||null,n=function(t){return e.forEach((function(e){return c(e,t)}))},(a=(0,o.useState)((function(){return{value:r,callback:n,facade:{get current(){return a.value},set current(e){var t=a.value;t!==e&&(a.value=e,a.callback(e,t))}}}}))[0]).callback=n,a.facade);return o.useLayoutEffect((function(){var t=s.get(i);if(t){var r=new Set(t),n=new Set(e),o=i.current;r.forEach((function(e){n.has(e)||c(e,null)})),n.forEach((function(e){r.has(e)||c(e,o)}))}s.set(i,e)}),[e]),i}function l(e){return e}function d(e,t){void 0===t&&(t=l);var r=[],n=!1;return{read:function(){if(n)throw new Error("Sidecar: could not `read` from an `assigned` medium. `read` could be used only with `useMedium`.");return r.length?r[r.length-1]:e},useMedium:function(e){var o=t(e,n);return r.push(o),function(){r=r.filter((function(e){return e!==o}))}},assignSyncMedium:function(e){for(n=!0;r.length;){var t=r;r=[],t.forEach(e)}r={push:function(t){return e(t)},filter:function(){return r}}},assignMedium:function(e){n=!0;var t=[];if(r.length){var o=r;r=[],o.forEach(e),t=r}var a=function(){var r=t;t=[],r.forEach(e)},i=function(){return Promise.resolve().then(a)};i(),r={push:function(e){t.push(e),i()},filter:function(e){return t=t.filter(e),r}}}}}var f=function(e){void 0===e&&(e={});var t=d(null);return t.options=(0,n.__assign)({async:!0,ssr:!1},e),t}(),p=function(){},v=o.forwardRef((function(e,t){var r=o.useRef(null),a=o.useState({onScrollCapture:p,onWheelCapture:p,onTouchMoveCapture:p}),i=a[0],c=a[1],s=e.forwardProps,l=e.children,d=e.className,v=e.removeScrollBar,y=e.enabled,m=e.shards,h=e.sideCar,b=e.noIsolation,_=e.inert,g=e.allowPinchZoom,w=e.as,S=void 0===w?"div":w,E=e.gapMode,P=(0,n.__rest)(e,["forwardProps","children","className","removeScrollBar","enabled","shards","sideCar","noIsolation","inert","allowPinchZoom","as","gapMode"]),O=h,T=u([r,t]),j=(0,n.__assign)((0,n.__assign)({},P),i);return o.createElement(o.Fragment,null,y&&o.createElement(O,{sideCar:f,removeScrollBar:v,shards:m,noIsolation:b,inert:_,setCallbacks:c,allowPinchZoom:!!g,lockRef:r,gapMode:E}),s?o.cloneElement(o.Children.only(l),(0,n.__assign)((0,n.__assign)({},j),{ref:T})):o.createElement(S,(0,n.__assign)({},j,{className:d,ref:T}),l))}));v.defaultProps={enabled:!0,removeScrollBar:!0,inert:!1},v.classNames={fullWidth:i,zeroRight:a};var y,m=function(e){var t=e.sideCar,r=(0,n.__rest)(e,["sideCar"]);if(!t)throw new Error("Sidecar: please provide `sideCar` property to import the right car");var a=t.read();if(!a)throw new Error("Sidecar medium not found");return o.createElement(a,(0,n.__assign)({},r))};m.isSideCarExport=!0;function h(){if(!document)return null;var e=document.createElement("style");e.type="text/css";var t=y||r.nc;return t&&e.setAttribute("nonce",t),e}var b=function(){var e=0,t=null;return{add:function(r){var n,o;0==e&&(t=h())&&(o=r,(n=t).styleSheet?n.styleSheet.cssText=o:n.appendChild(document.createTextNode(o)),function(e){(document.head||document.getElementsByTagName("head")[0]).appendChild(e)}(t)),e++},remove:function(){! --e&&t&&(t.parentNode&&t.parentNode.removeChild(t),t=null)}}},_=function(){var e,t=(e=b(),function(t,r){o.useEffect((function(){return e.add(t),function(){e.remove()}}),[t&&r])});return function(e){var r=e.styles,n=e.dynamic;return t(r,n),null}},g={left:0,top:0,right:0,gap:0},w=function(e){return parseInt(e||"",10)||0},S=function(e){if(void 0===e&&(e="margin"),"undefined"==typeof window)return g;var t=function(e){var t=window.getComputedStyle(document.body),r=t["padding"===e?"paddingLeft":"marginLeft"],n=t["padding"===e?"paddingTop":"marginTop"],o=t["padding"===e?"paddingRight":"marginRight"];return[w(r),w(n),w(o)]}(e),r=document.documentElement.clientWidth,n=window.innerWidth;return{left:t[0],top:t[1],right:t[2],gap:Math.max(0,n-r+t[2]-t[0])}},E=_(),P="data-scroll-locked",O=function(e,t,r,n){var o=e.left,c=e.top,s=e.right,u=e.gap;return void 0===r&&(r="margin"),"\n  .".concat("with-scroll-bars-hidden"," {\n   overflow: hidden ").concat(n,";\n   padding-right: ").concat(u,"px ").concat(n,";\n  }\n  body[").concat(P,"] {\n    overflow: hidden ").concat(n,";\n    overscroll-behavior: contain;\n    ").concat([t&&"position: relative ".concat(n,";"),"margin"===r&&"\n    padding-left: ".concat(o,"px;\n    padding-top: ").concat(c,"px;\n    padding-right: ").concat(s,"px;\n    margin-left:0;\n    margin-top:0;\n    margin-right: ").concat(u,"px ").concat(n,";\n    "),"padding"===r&&"padding-right: ".concat(u,"px ").concat(n,";")].filter(Boolean).join(""),"\n  }\n  \n  .").concat(a," {\n    right: ").concat(u,"px ").concat(n,";\n  }\n  \n  .").concat(i," {\n    margin-right: ").concat(u,"px ").concat(n,";\n  }\n  \n  .").concat(a," .").concat(a," {\n    right: 0 ").concat(n,";\n  }\n  \n  .").concat(i," .").concat(i," {\n    margin-right: 0 ").concat(n,";\n  }\n  \n  body[").concat(P,"] {\n    ").concat("--removed-body-scroll-bar-size",": ").concat(u,"px;\n  }\n")},T=function(){var e=parseInt(document.body.getAttribute(P)||"0",10);return isFinite(e)?e:0},j=function(e){var t=e.noRelative,r=e.noImportant,n=e.gapMode,a=void 0===n?"margin":n;o.useEffect((function(){return document.body.setAttribute(P,(T()+1).toString()),function(){var e=T()-1;e<=0?document.body.removeAttribute(P):document.body.setAttribute(P,e.toString())}}),[]);var i=o.useMemo((function(){return S(a)}),[a]);return o.createElement(E,{styles:O(i,!t,a,r?"":"!important")})},x=!1;if("undefined"!=typeof window)try{var R=Object.defineProperty({},"passive",{get:function(){return x=!0,!0}});window.addEventListener("test",R,R),window.removeEventListener("test",R,R)}catch(e){x=!1}var N=!!x&&{passive:!1},A=function(e,t){var r=window.getComputedStyle(e);return"hidden"!==r[t]&&!(r.overflowY===r.overflowX&&!function(e){return"TEXTAREA"===e.tagName}(e)&&"visible"===r[t])},M=function(e,t){var r=t.ownerDocument,n=t;do{if("undefined"!=typeof ShadowRoot&&n instanceof ShadowRoot&&(n=n.host),k(e,n)){var o=I(e,n);if(o[1]>o[2])return!0}n=n.parentNode}while(n&&n!==r.body);return!1},k=function(e,t){return"v"===e?function(e){return A(e,"overflowY")}(t):function(e){return A(e,"overflowX")}(t)},I=function(e,t){return"v"===e?[(r=t).scrollTop,r.scrollHeight,r.clientHeight]:function(e){return[e.scrollLeft,e.scrollWidth,e.clientWidth]}(t);var r},C=function(e){return"changedTouches"in e?[e.changedTouches[0].clientX,e.changedTouches[0].clientY]:[0,0]},F=function(e){return[e.deltaX,e.deltaY]},D=function(e){return e&&"current"in e?e.current:e},B=function(e){return"\n  .block-interactivity-".concat(e," {pointer-events: none;}\n  .allow-interactivity-").concat(e," {pointer-events: all;}\n")},L=0,H=[];function U(e){for(var t=null;null!==e;)e instanceof ShadowRoot&&(t=e.host,e=e.host),e=e.parentNode;return t}const W=(G=function(e){var t=o.useRef([]),r=o.useRef([0,0]),a=o.useRef(),i=o.useState(L++)[0],c=o.useState(_)[0],s=o.useRef(e);o.useEffect((function(){s.current=e}),[e]),o.useEffect((function(){if(e.inert){document.body.classList.add("block-interactivity-".concat(i));var t=(0,n.__spreadArray)([e.lockRef.current],(e.shards||[]).map(D),!0).filter(Boolean);return t.forEach((function(e){return e.classList.add("allow-interactivity-".concat(i))})),function(){document.body.classList.remove("block-interactivity-".concat(i)),t.forEach((function(e){return e.classList.remove("allow-interactivity-".concat(i))}))}}}),[e.inert,e.lockRef.current,e.shards]);var u=o.useCallback((function(e,t){if("touches"in e&&2===e.touches.length)return!s.current.allowPinchZoom;var n,o=C(e),i=r.current,c="deltaX"in e?e.deltaX:i[0]-o[0],u="deltaY"in e?e.deltaY:i[1]-o[1],l=e.target,d=Math.abs(c)>Math.abs(u)?"h":"v";if("touches"in e&&"h"===d&&"range"===l.type)return!1;var f=M(d,l);if(!f)return!0;if(f?n=d:(n="v"===d?"h":"v",f=M(d,l)),!f)return!1;if(!a.current&&"changedTouches"in e&&(c||u)&&(a.current=n),!n)return!0;var p=a.current||n;return function(e,t,r,n,o){var a=function(e,t){return"h"===e&&"rtl"===t?-1:1}(e,window.getComputedStyle(t).direction),i=a*n,c=r.target,s=t.contains(c),u=!1,l=i>0,d=0,f=0;do{var p=I(e,c),v=p[0],y=p[1]-p[2]-a*v;(v||y)&&k(e,c)&&(d+=y,f+=v),c=c instanceof ShadowRoot?c.host:c.parentNode}while(!s&&c!==document.body||s&&(t.contains(c)||t===c));return(l&&(o&&Math.abs(d)<1||!o&&i>d)||!l&&(o&&Math.abs(f)<1||!o&&-i>f))&&(u=!0),u}(p,t,e,"h"===p?c:u,!0)}),[]),l=o.useCallback((function(e){var r=e;if(H.length&&H[H.length-1]===c){var n="deltaY"in r?F(r):C(r),o=t.current.filter((function(e){return e.name===r.type&&(e.target===r.target||r.target===e.shadowParent)&&(t=e.delta,o=n,t[0]===o[0]&&t[1]===o[1]);var t,o}))[0];if(o&&o.should)r.cancelable&&r.preventDefault();else if(!o){var a=(s.current.shards||[]).map(D).filter(Boolean).filter((function(e){return e.contains(r.target)}));(a.length>0?u(r,a[0]):!s.current.noIsolation)&&r.cancelable&&r.preventDefault()}}}),[]),d=o.useCallback((function(e,r,n,o){var a={name:e,delta:r,target:n,should:o,shadowParent:U(n)};t.current.push(a),setTimeout((function(){t.current=t.current.filter((function(e){return e!==a}))}),1)}),[]),f=o.useCallback((function(e){r.current=C(e),a.current=void 0}),[]),p=o.useCallback((function(t){d(t.type,F(t),t.target,u(t,e.lockRef.current))}),[]),v=o.useCallback((function(t){d(t.type,C(t),t.target,u(t,e.lockRef.current))}),[]);o.useEffect((function(){return H.push(c),e.setCallbacks({onScrollCapture:p,onWheelCapture:p,onTouchMoveCapture:v}),document.addEventListener("wheel",l,N),document.addEventListener("touchmove",l,N),document.addEventListener("touchstart",f,N),function(){H=H.filter((function(e){return e!==c})),document.removeEventListener("wheel",l,N),document.removeEventListener("touchmove",l,N),document.removeEventListener("touchstart",f,N)}}),[]);var y=e.removeScrollBar,m=e.inert;return o.createElement(o.Fragment,null,m?o.createElement(c,{styles:B(i)}):null,y?o.createElement(j,{gapMode:e.gapMode}):null)},f.useMedium(G),m);var G,q=o.forwardRef((function(e,t){return o.createElement(v,(0,n.__assign)({},e,{ref:t,sideCar:W}))}));q.classNames=v.classNames;const X=q},337:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.eventHasNodeWithAttribute=void 0;t.eventHasNodeWithAttribute=(e,t)=>{const r="composedPath"in e&&"function"==typeof e.composedPath?e.composedPath:void 0,n=r?.call(e);if(Array.isArray(n)){if(n.some((e=>e instanceof Element&&e.hasAttribute(t))))return!0}const o=e.target;return!!(o&&o instanceof Element&&o.closest(`[${t}]`))}},748:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.DEFAULT_OUTSIDE_PRESS_IGNORE_ATTRIBUTE=void 0,t.DEFAULT_OUTSIDE_PRESS_IGNORE_ATTRIBUTE="data-nimbus-outside-press-ignore"},145:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.DEFAULT_OUTSIDE_PRESS_IGNORE_ATTRIBUTE=t.eventHasNodeWithAttribute=void 0;var n=r(337);Object.defineProperty(t,"eventHasNodeWithAttribute",{enumerable:!0,get:function(){return n.eventHasNodeWithAttribute}});var o=r(748);Object.defineProperty(t,"DEFAULT_OUTSIDE_PRESS_IGNORE_ATTRIBUTE",{enumerable:!0,get:function(){return o.DEFAULT_OUTSIDE_PRESS_IGNORE_ATTRIBUTE}})},288:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.Sidebar=void 0;const n=r(769).__importStar(r(155)),o=r(514),a=r(822),i=r(955),c=r(367),s=r(145),u=r(718),l=({className:e,style:t,position:r="right",maxWidth:u="375px",open:l=!1,needRemoveScroll:d=!1,closeOnOutsidePress:f=!0,children:p,onRemove:v,root:y,ignoreAttributeName:m=s.DEFAULT_OUTSIDE_PRESS_IGNORE_ATTRIBUTE,...h})=>{const{className:b,style:_,otherProps:g}=c.sidebar.sprinkle({...h,maxWidth:u}),{refThemeProvider:w}=(0,c.useTheme)(),{context:S}=(0,i.useFloating)({open:l,onOpenChange:v}),E=n.default.useCallback((e=>(0,s.eventHasNodeWithAttribute)(e,m)),[m]),P=(0,n.useMemo)((()=>"function"==typeof f?e=>!!f(e)&&!E(e):!!f&&(e=>!E(e))),[f,E]),O=(0,i.useDismiss)(S,{outsidePressEvent:"mousedown",outsidePress:P}),{getFloatingProps:T}=(0,i.useInteractions)([O]);if(!l)return null;const j=n.default.createElement(i.FloatingFocusManager,{context:S},n.default.createElement("div",{...g,ref:S.refs.setFloating,role:h.role||"presentation",style:_,...T(),className:[y?c.sidebar.classnames.containerScoped:c.sidebar.classnames.container,c.sidebar.classnames.position[r],b,l&&c.sidebar.classnames.isVisible].join(" ")},d?n.default.createElement(a.RemoveScroll,null,p):p));return y?(0,o.createPortal)(n.default.createElement(n.default.Fragment,null,n.default.createElement("div",{className:c.sidebar.classnames.overlayScoped,"data-testid":"portal-overlay-sidebar-button",role:"presentation","aria-hidden":"true"}),j),y):n.default.createElement(i.FloatingPortal,{id:"nimbus-sidebar",root:w?.current},n.default.createElement(i.FloatingOverlay,{className:c.sidebar.classnames.overlay,"data-testid":"overlay-sidebar-button",lockScroll:!d}),j)};t.Sidebar=l,l.Body=u.SidebarBody,l.Footer=u.SidebarFooter,l.Header=u.SidebarHeader,l.displayName="Sidebar",l.Body.displayName="Sidebar.Body",l.Footer.displayName="Sidebar.Footer",l.Header.displayName="Sidebar.Header"},982:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.SidebarBody=void 0;const n=r(769).__importDefault(r(155)),o=r(367);t.SidebarBody=({className:e,style:t,children:r,...a})=>{const{className:i,style:c,otherProps:s}=o.sidebar.sprinkle(a);return n.default.createElement("div",{...s,style:c,className:[o.sidebar.classnames.container__body,i].join(" ")},r)}},598:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.SidebarBody=void 0;const n=r(982);var o=r(982);Object.defineProperty(t,"SidebarBody",{enumerable:!0,get:function(){return o.SidebarBody}}),t.default=n.SidebarBody},894:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.SidebarFooter=void 0;const n=r(769).__importDefault(r(155)),o=r(367);t.SidebarFooter=({className:e,style:t,children:r,...a})=>{const{className:i,style:c,otherProps:s}=o.sidebar.sprinkle(a);return n.default.createElement("div",{...s,style:c,className:[i,o.sidebar.classnames.container__footer].join(" ")},r)}},25:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.SidebarFooter=void 0;const n=r(894);var o=r(894);Object.defineProperty(t,"SidebarFooter",{enumerable:!0,get:function(){return o.SidebarFooter}}),t.default=n.SidebarFooter},342:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.SidebarHeader=void 0;const n=r(769).__importDefault(r(155)),o=r(593),a=r(367);t.SidebarHeader=({className:e,style:t,title:r,children:i,...c})=>{const{className:s,style:u,otherProps:l}=a.sidebar.sprinkle(c);return n.default.createElement("div",{...l,style:u,className:[s,a.sidebar.classnames.container__header].join(" ")},r&&n.default.createElement(o.Title,{as:"h2","data-testid":"header-title"},r),i)}},331:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.SidebarHeader=void 0;const n=r(342);var o=r(342);Object.defineProperty(t,"SidebarHeader",{enumerable:!0,get:function(){return o.SidebarHeader}}),t.default=n.SidebarHeader},718:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0});const n=r(769);n.__exportStar(r(598),t),n.__exportStar(r(25),t),n.__exportStar(r(331),t)},955:e=>{e.exports=r},367:e=>{e.exports=n},593:e=>{e.exports=o},155:t=>{t.exports=e},514:e=>{e.exports=t},769:(e,t,r)=>{r.r(t),r.d(t,{__addDisposableResource:()=>I,__assign:()=>a,__asyncDelegator:()=>O,__asyncGenerator:()=>P,__asyncValues:()=>T,__await:()=>E,__awaiter:()=>v,__classPrivateFieldGet:()=>A,__classPrivateFieldIn:()=>k,__classPrivateFieldSet:()=>M,__createBinding:()=>m,__decorate:()=>c,__disposeResources:()=>F,__esDecorate:()=>u,__exportStar:()=>h,__extends:()=>o,__generator:()=>y,__importDefault:()=>N,__importStar:()=>R,__makeTemplateObject:()=>j,__metadata:()=>p,__param:()=>s,__propKey:()=>d,__read:()=>_,__rest:()=>i,__runInitializers:()=>l,__setFunctionName:()=>f,__spread:()=>g,__spreadArray:()=>S,__spreadArrays:()=>w,__values:()=>b,default:()=>D});var n=function(e,t){return n=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])},n(e,t)};function o(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}n(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)}var a=function(){return a=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},a.apply(this,arguments)};function i(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(r[n[o]]=e[n[o]])}return r}function c(e,t,r,n){var o,a=arguments.length,i=a<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,r):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,r,n);else for(var c=e.length-1;c>=0;c--)(o=e[c])&&(i=(a<3?o(i):a>3?o(t,r,i):o(t,r))||i);return a>3&&i&&Object.defineProperty(t,r,i),i}function s(e,t){return function(r,n){t(r,n,e)}}function u(e,t,r,n,o,a){function i(e){if(void 0!==e&&"function"!=typeof e)throw new TypeError("Function expected");return e}for(var c,s=n.kind,u="getter"===s?"get":"setter"===s?"set":"value",l=!t&&e?n.static?e:e.prototype:null,d=t||(l?Object.getOwnPropertyDescriptor(l,n.name):{}),f=!1,p=r.length-1;p>=0;p--){var v={};for(var y in n)v[y]="access"===y?{}:n[y];for(var y in n.access)v.access[y]=n.access[y];v.addInitializer=function(e){if(f)throw new TypeError("Cannot add initializers after decoration has completed");a.push(i(e||null))};var m=(0,r[p])("accessor"===s?{get:d.get,set:d.set}:d[u],v);if("accessor"===s){if(void 0===m)continue;if(null===m||"object"!=typeof m)throw new TypeError("Object expected");(c=i(m.get))&&(d.get=c),(c=i(m.set))&&(d.set=c),(c=i(m.init))&&o.unshift(c)}else(c=i(m))&&("field"===s?o.unshift(c):d[u]=c)}l&&Object.defineProperty(l,n.name,d),f=!0}function l(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 d(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 p(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)}function v(e,t,r,n){return new(r||(r=Promise))((function(o,a){function i(e){try{s(n.next(e))}catch(e){a(e)}}function c(e){try{s(n.throw(e))}catch(e){a(e)}}function s(e){var t;e.done?o(e.value):(t=e.value,t instanceof r?t:new r((function(e){e(t)}))).then(i,c)}s((n=n.apply(e,t||[])).next())}))}function y(e,t){var r,n,o,a,i={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return a={next:c(0),throw:c(1),return:c(2)},"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function c(c){return function(s){return function(c){if(r)throw new TypeError("Generator is already executing.");for(;a&&(a=0,c[0]&&(i=0)),i;)try{if(r=1,n&&(o=2&c[0]?n.return:c[0]?n.throw||((o=n.return)&&o.call(n),0):n.next)&&!(o=o.call(n,c[1])).done)return o;switch(n=0,o&&(c=[2&c[0],o.value]),c[0]){case 0:case 1:o=c;break;case 4:return i.label++,{value:c[1],done:!1};case 5:i.label++,n=c[1],c=[0];continue;case 7:c=i.ops.pop(),i.trys.pop();continue;default:if(!(o=i.trys,(o=o.length>0&&o[o.length-1])||6!==c[0]&&2!==c[0])){i=0;continue}if(3===c[0]&&(!o||c[1]>o[0]&&c[1]<o[3])){i.label=c[1];break}if(6===c[0]&&i.label<o[1]){i.label=o[1],o=c;break}if(o&&i.label<o[2]){i.label=o[2],i.ops.push(c);break}o[2]&&i.ops.pop(),i.trys.pop();continue}c=t.call(e,i)}catch(e){c=[6,e],n=0}finally{r=o=0}if(5&c[0])throw c[1];return{value:c[0]?c[1]:void 0,done:!0}}([c,s])}}}var m=Object.create?function(e,t,r,n){void 0===n&&(n=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,n,o)}:function(e,t,r,n){void 0===n&&(n=r),e[n]=t[r]};function h(e,t){for(var r in e)"default"===r||Object.prototype.hasOwnProperty.call(t,r)||m(t,e,r)}function b(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}function _(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i}function g(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(_(arguments[t]));return e}function w(){for(var e=0,t=0,r=arguments.length;t<r;t++)e+=arguments[t].length;var n=Array(e),o=0;for(t=0;t<r;t++)for(var a=arguments[t],i=0,c=a.length;i<c;i++,o++)n[o]=a[i];return n}function S(e,t,r){if(r||2===arguments.length)for(var n,o=0,a=t.length;o<a;o++)!n&&o in t||(n||(n=Array.prototype.slice.call(t,0,o)),n[o]=t[o]);return e.concat(n||Array.prototype.slice.call(t))}function E(e){return this instanceof E?(this.v=e,this):new E(e)}function P(e,t,r){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var n,o=r.apply(e,t||[]),a=[];return n={},i("next"),i("throw"),i("return"),n[Symbol.asyncIterator]=function(){return this},n;function i(e){o[e]&&(n[e]=function(t){return new Promise((function(r,n){a.push([e,t,r,n])>1||c(e,t)}))})}function c(e,t){try{(r=o[e](t)).value instanceof E?Promise.resolve(r.value.v).then(s,u):l(a[0][2],r)}catch(e){l(a[0][3],e)}var r}function s(e){c("next",e)}function u(e){c("throw",e)}function l(e,t){e(t),a.shift(),a.length&&c(a[0][0],a[0][1])}}function O(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:E(e[n](t)),done:!1}:o?o(t):t}:o}}function T(e){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var t,r=e[Symbol.asyncIterator];return r?r.call(e):(e=b(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 j(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}var x=Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t};function R(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)&&m(t,e,r);return x(t,e),t}function N(e){return e&&e.__esModule?e:{default:e}}function A(e,t,r,n){if("a"===r&&!n)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!n:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===r?n:"a"===r?n.call(e):n?n.value:t.get(e)}function M(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)}function I(e,t,r){if(null!=t){if("object"!=typeof t&&"function"!=typeof t)throw new TypeError("Object expected.");var n;if(r){if(!Symbol.asyncDispose)throw new TypeError("Symbol.asyncDispose is not defined.");n=t[Symbol.asyncDispose]}if(void 0===n){if(!Symbol.dispose)throw new TypeError("Symbol.dispose is not defined.");n=t[Symbol.dispose]}if("function"!=typeof n)throw new TypeError("Object not disposable.");e.stack.push({value:t,dispose:n,async:r})}else r&&e.stack.push({async:!0});return t}var C="function"==typeof SuppressedError?SuppressedError:function(e,t,r){var n=new Error(r);return n.name="SuppressedError",n.error=e,n.suppressed=t,n};function F(e){function t(t){e.error=e.hasError?new C(t,e.error,"An error was suppressed during disposal."):t,e.hasError=!0}return function r(){for(;e.stack.length;){var n=e.stack.pop();try{var o=n.dispose&&n.dispose.call(n.value);if(n.async)return Promise.resolve(o).then(r,(function(e){return t(e),r()}))}catch(e){t(e)}}if(e.hasError)throw e.error}()}const D={__extends:o,__assign:a,__rest:i,__decorate:c,__param:s,__metadata:p,__awaiter:v,__generator:y,__createBinding:m,__exportStar:h,__values:b,__read:_,__spread:g,__spreadArrays:w,__spreadArray:S,__await:E,__asyncGenerator:P,__asyncDelegator:O,__asyncValues:T,__makeTemplateObject:j,__importStar:R,__importDefault:N,__classPrivateFieldGet:A,__classPrivateFieldSet:M,__classPrivateFieldIn:k,__addDisposableResource:I,__disposeResources:F}}},i={};function c(e){var t=i[e];if(void 0!==t)return t.exports;var r=i[e]={exports:{}};return a[e](r,r.exports,c),r.exports}c.d=(e,t)=>{for(var r in t)c.o(t,r)&&!c.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},c.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),c.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},c.nc=void 0;var s={};return(()=>{var e=s;Object.defineProperty(e,"__esModule",{value:!0}),e.Sidebar=void 0;const t=c(288);var r=c(288);Object.defineProperty(e,"Sidebar",{enumerable:!0,get:function(){return r.Sidebar}}),e.default=t.Sidebar})(),s})()));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nimbus-ds/sidebar",
-  "version": "3.4.0",
+  "version": "3.5.0",
   "license": "MIT",
   "main": "dist/index.js",
   "files": [
@@ -31,9 +31,9 @@
     "url": "https://github.com/TiendaNube/nimbus-design-system/issues"
   },
   "devDependencies": {
-    "@nimbus-ds/box": "^4.1.1",
-    "@nimbus-ds/button": "^2.6.0",
-    "@nimbus-ds/text": "^6.3.1",
-    "@nimbus-ds/webpack": "^1.5.0"
+    "@nimbus-ds/box": "^4.2.0",
+    "@nimbus-ds/button": "^2.7.0",
+    "@nimbus-ds/text": "^6.4.0",
+    "@nimbus-ds/webpack": "^1.7.0"
   }
 }