@nimbus-ds/sidebar 3.5.0-rc.1 → 3.5.1

package/CHANGELOG.md

@@ -1,10 +1,15 @@
 # Changelog
-## 2025-08-13 `3.5.0`
 
-#### 🎉 New features
+## 2025-09-15 `3.5.1`
+
+#### 🐛 Bug fixes
 
-- Add optional `container` prop to scope portal and backdrop rendering to a provided element. Defaults preserve current behavior. ([#XXX](https://github.com/TiendaNube/nimbus-design-system/pull/XXX) by [@your-username](https://github.com/your-username))
+- Restored `FloatingOverlay` to be a sibling of the content, to avoid breaking consumers that were modifying the component via custom styling. This will be reverted in the next major version, or when consumers fix their custom styling. ([#349](https://github.com/TiendaNube/nimbus-design-system/pull/349) by [@joacotornello](https://github.com/joacotornello))
+## 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,10 +1,15 @@
 # Changelog
-## 2025-08-13 `3.5.0`
 
-#### 🎉 New features
+## 2025-09-15 `3.5.1`
+
+#### 🐛 Bug fixes
 
-- Add optional `container` prop to scope portal and backdrop rendering to a provided element. Defaults preserve current behavior. ([#XXX](https://github.com/TiendaNube/nimbus-design-system/pull/XXX) by [@your-username](https://github.com/your-username))
+- Restored `FloatingOverlay` to be a sibling of the content, to avoid breaking consumers that were modifying the component via custom styling. This will be reverted in the next major version, or when consumers fix their custom styling. ([#349](https://github.com/TiendaNube/nimbus-design-system/pull/349) by [@joacotornello](https://github.com/joacotornello))
+## 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

@@ -280,6 +280,7 @@ declare const sidebar: {
 		isVisible: string;
 	};
 };
+export type CloseOnOutsidePress = (event: PointerEvent | MouseEvent) => boolean;
 export interface SidebarBodyProperties {
 	/**
 	 * The content of the sidebar body.
@@ -362,13 +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 & {
 	/**
 	 * 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.
 	 */
-	container?: HTMLElement | null;
-}
-export type SidebarProps = SidebarProperties & HTMLAttributes<HTMLDivElement>;
+	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("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:()=>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 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"]),j=h,O=u([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: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)({},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,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",j=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")},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 q(e){for(var t=null;null!==e;)e instanceof ShadowRoot&&(t=e.host,e=e.host),e=e.parentNode;return t}const W=(X=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(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 u=o.useCallback((function(e,t){if("touches"in e&&2===e.touches.length)return!s.current.allowPinchZoom;var n,o=B(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=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||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=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(!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?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=(s.current.shards||[]).map(I).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:q(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,u(t,e.lockRef.current))}),[]),v=o.useCallback((function(t){d(t.type,B(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,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,m=e.inert;return o.createElement(o.Fragment,null,m?o.createElement(c,{styles:A(i)}):null,y?o.createElement(x,{gapMode:e.gapMode}):null)},f.useMedium(X),m);var X,Y=o.forwardRef((function(e,t){return o.createElement(v,(0,n.__assign)({},e,{ref:t,sideCar:W}))}));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(514),a=r(822),i=r(955),c=r(367),s=r(337),u=({className:e,style:t,position:r="right",maxWidth:s="375px",open:u=!1,needRemoveScroll:l=!1,children:d,onRemove:f,container:p,...v})=>{const{className:y,style:m,otherProps:h}=c.sidebar.sprinkle({...v,maxWidth:s}),{refThemeProvider:b}=(0,c.useTheme)(),{context:_}=(0,i.useFloating)({open:u,onOpenChange:f}),g=(0,i.useDismiss)(_,{outsidePressEvent:"mousedown"}),{getFloatingProps:w}=(0,i.useInteractions)([g]);if(!u)return null;const S=n.default.createElement(i.FloatingFocusManager,{context:_},n.default.createElement("div",{...h,ref:_.refs.setFloating,role:v.role||"presentation",style:m,...w(),className:[p?c.sidebar.classnames.containerScoped:c.sidebar.classnames.container,c.sidebar.classnames.position[r],y,u&&c.sidebar.classnames.isVisible].join(" ")},l?n.default.createElement(a.RemoveScroll,null,d):d));return p?(console.log("creating portal...",p),(0,o.createPortal)(n.default.createElement("div",{className:c.sidebar.classnames.overlayScoped,"data-testid":"portal-overlay-sidebar-button"},S),p)):n.default.createElement(i.FloatingPortal,{id:"nimbus-sidebar",root:b?.current},n.default.createElement(i.FloatingOverlay,{className:c.sidebar.classnames.overlay,"data-testid":"overlay-sidebar-button",lockScroll:!l},S))};t.Sidebar=u,u.Body=s.SidebarBody,u.Footer=s.SidebarFooter,u.Header=s.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: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},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=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:()=>F,__assign:()=>a,__asyncDelegator:()=>j,__asyncGenerator:()=>P,__asyncValues:()=>O,__await:()=>E,__awaiter:()=>v,__classPrivateFieldGet:()=>M,__classPrivateFieldIn:()=>N,__classPrivateFieldSet:()=>R,__createBinding:()=>m,__decorate:()=>c,__disposeResources:()=>D,__esDecorate:()=>u,__exportStar:()=>h,__extends:()=>o,__generator:()=>y,__importDefault:()=>C,__importStar:()=>k,__makeTemplateObject:()=>x,__metadata:()=>p,__param:()=>s,__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 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 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)&&m(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: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:j,__asyncValues:O,__makeTemplateObject:x,__importStar:k,__importDefault:C,__classPrivateFieldGet:M,__classPrivateFieldSet:R,__classPrivateFieldIn:N,__addDisposableResource:F,__disposeResources:D}}},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})()));
+!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.5.0-rc.1",
+  "version": "3.5.1",
   "license": "MIT",
   "main": "dist/index.js",
   "files": [
@@ -34,6 +34,6 @@
     "@nimbus-ds/box": "^4.2.0",
     "@nimbus-ds/button": "^2.7.0",
     "@nimbus-ds/text": "^6.4.0",
-    "@nimbus-ds/webpack": "^1.6.0"
+    "@nimbus-ds/webpack": "^1.7.0"
   }
 }