@nimbus-ds/scroll-pane 1.0.0 → 1.0.1

package/CHANGELOG.md

@@ -2,6 +2,12 @@
 
 The ScrollPane component handles responsive scrolls in lists that are overflowing inside a container.
 
+## 2025-09-10 `1.0.1`
+
+#### 💡 Others
+
+- Removed Scroll Pane margins to align with design specifications. ([#347](https://github.com/TiendaNube/nimbus-design-system/pull/347) by [@mrolando-tn](https://github.com/mrolando-tn))
+
 ## 2025-07-28 `1.0.0`
 
 #### 🎉 New features
@@ -14,5 +20,5 @@ The ScrollPane component handles responsive scrolls in lists that are overflowin
   - Option to show/hide scrollbar
   - ScrollPane.Item sub-component for wrapping content
   - Full accessibility support with ARIA labels
-  - Responsive design for mobile and desktop 
-  ([#319](https://github.com/TiendaNube/nimbus-design-system/pull/319) by [@joacotornello](https://github.com/joacotornello)) 
+  - Responsive design for mobile and desktop
+    ([#319](https://github.com/TiendaNube/nimbus-design-system/pull/319) by [@joacotornello](https://github.com/joacotornello))

package/dist/CHANGELOG.md

@@ -2,6 +2,12 @@
 
 The ScrollPane component handles responsive scrolls in lists that are overflowing inside a container.
 
+## 2025-09-10 `1.0.1`
+
+#### 💡 Others
+
+- Removed Scroll Pane margins to align with design specifications. ([#347](https://github.com/TiendaNube/nimbus-design-system/pull/347) by [@mrolando-tn](https://github.com/mrolando-tn))
+
 ## 2025-07-28 `1.0.0`
 
 #### 🎉 New features
@@ -14,5 +20,5 @@ The ScrollPane component handles responsive scrolls in lists that are overflowin
   - Option to show/hide scrollbar
   - ScrollPane.Item sub-component for wrapping content
   - Full accessibility support with ARIA labels
-  - Responsive design for mobile and desktop 
-  ([#319](https://github.com/TiendaNube/nimbus-design-system/pull/319) by [@joacotornello](https://github.com/joacotornello)) 
+  - Responsive design for mobile and desktop
+    ([#319](https://github.com/TiendaNube/nimbus-design-system/pull/319) by [@joacotornello](https://github.com/joacotornello))

package/dist/index.d.ts

@@ -831,8 +831,14 @@ export interface ScrollPaneProperties {
 	 * Custom arrow component to render at the end of the scroll area
 	 */
 	scrollPaneArrowEnd?: React.ReactNode;
+	/**
+	 * Props to be passed to the content container
+	 */
+	contentContainerProps?: object;
 }
-export type ScrollPaneProps = ScrollPaneProperties & Omit<BoxProps, "children">;
+export type ScrollPaneProps = ScrollPaneProperties & Omit<BoxProps, "children"> & {
+	contentContainerProps?: BoxProps;
+};
 /**
  * ScrollPane component handles responsive scrolls in lists that are overflowing inside a container.
  * It provides gradient overlays, optional navigation arrows, and scroll-to-item functionality.

package/dist/index.js

@@ -1 +1 @@
-!function(e,r){"object"==typeof exports&&"object"==typeof module?module.exports=r(require("react"),require("@nimbus-ds/box"),require("@nimbus-ds/styles")):"function"==typeof define&&define.amd?define(["react","@nimbus-ds/box","@nimbus-ds/styles"],r):"object"==typeof exports?exports["@nimbus-ds/scroll-pane"]=r(require("react"),require("@nimbus-ds/box"),require("@nimbus-ds/styles")):e["@nimbus-ds/scroll-pane"]=r(e.react,e["@nimbus-ds/box"],e["@nimbus-ds/styles"])}(global,((e,r,t)=>(()=>{"use strict";var o={865:(e,r)=>{Object.defineProperty(r,"__esModule",{value:!0}),r.getPosition=void 0;r.getPosition=(e,r)=>{const t=((e,r)=>{const t="horizontal"===r;return"start"===e?t?"left":"top":t?"right":"bottom"})(e,r);return`${r}-${t}`}},627:(e,r,t)=>{Object.defineProperty(r,"__esModule",{value:!0}),r.ScrollPane=void 0;const o=t(769).__importStar(t(155)),n=t(558),a=t(367),l=t(337),c=t(865),i=({children:e,showGradients:r=!0,showArrows:t=!1,showScrollbar:i=!0,direction:s="horizontal",scrollToItemOnClick:u=!0,scrollPaneArrowStart:f,scrollPaneArrowEnd:d,...p})=>{const y=(0,o.useRef)(null),b=(0,o.useRef)(null),[m,_]=(0,o.useState)(!1),[w,h]=(0,o.useState)(!1),[v,P]=(0,o.useState)(!1),S=(0,o.useCallback)((()=>{if(!y.current)return;const e=y.current,{scrollLeft:r,scrollTop:t,scrollWidth:o,scrollHeight:n,clientWidth:a,clientHeight:l}=e;"horizontal"===s?(_(r>0),h(r<o-a-1)):(_(t>0),h(t<n-l-1))}),[s]),g=(0,o.useCallback)((()=>{v||P(!0),S(),b.current&&clearTimeout(b.current),b.current=setTimeout((()=>{P(!1)}),150)}),[S,v]),O=(0,o.useCallback)((e=>{if(!y.current)return;const r=y.current,t="horizontal"===s?.8*r.clientWidth:.8*r.clientHeight;if("horizontal"===s){const o="start"===e?r.scrollLeft-t:r.scrollLeft+t;r.scrollTo({left:Math.max(0,Math.min(o,r.scrollWidth-r.clientWidth)),behavior:"smooth"})}else{const o="start"===e?r.scrollTop-t:r.scrollTop+t;r.scrollTo({top:Math.max(0,Math.min(o,r.scrollHeight-r.clientHeight)),behavior:"smooth"})}}),[s]);(0,o.useEffect)((()=>{const e=y.current;if(!e)return;S(),e.addEventListener("scroll",g);const r=new ResizeObserver(S);return r.observe(e),()=>{e.removeEventListener("scroll",g),r.disconnect(),b.current&&clearTimeout(b.current)}}),[S,g]);const j=(0,o.useMemo)((()=>({direction:s,scrollToItemOnClick:u,containerRef:y,scrollToDirection:O})),[s,u,O]);return o.default.createElement(l.ScrollPaneContext.Provider,{value:j},o.default.createElement(n.Box,{as:"div",position:"relative"},o.default.createElement("div",{ref:y,className:[a.scrollPane.classnames.scrollArea,a.scrollPane.classnames.direction[s],!i&&a.scrollPane.classnames.scrollAreaHidden].filter(Boolean).join(" ")},o.default.createElement(n.Box,{display:"flex",margin:"1",...p},e),r&&o.default.createElement(o.default.Fragment,null,m&&o.default.createElement("div",{className:[a.scrollPane.classnames.gradient,a.scrollPane.classnames.gradientVariants[(0,c.getPosition)("start",s)]].join(" ")}),w&&o.default.createElement("div",{className:[a.scrollPane.classnames.gradient,a.scrollPane.classnames.gradientVariants[(0,c.getPosition)("end",s)]].join(" ")})),t&&o.default.createElement(o.default.Fragment,null,m&&f,w&&d))))};r.ScrollPane=i,i.displayName="ScrollPane",i.Item=l.ScrollPaneItem,i.ArrowHorizontalStart=l.ScrollPaneArrowHorizontalStart,i.ArrowHorizontalEnd=l.ScrollPaneArrowHorizontalEnd,i.ArrowVerticalStart=l.ScrollPaneArrowVerticalStart,i.ArrowVerticalEnd=l.ScrollPaneArrowVerticalEnd,i.Item.displayName="ScrollPane.Item",i.ArrowHorizontalStart.displayName="ScrollPane.ArrowHorizontalStart",i.ArrowHorizontalEnd.displayName="ScrollPane.ArrowHorizontalEnd",i.ArrowVerticalStart.displayName="ScrollPane.ArrowVerticalStart",i.ArrowVerticalEnd.displayName="ScrollPane.ArrowVerticalEnd"},138:(e,r,t)=>{Object.defineProperty(r,"__esModule",{value:!0}),r.ScrollPaneArrowVerticalEnd=r.ScrollPaneArrowVerticalStart=r.ScrollPaneArrowHorizontalEnd=r.ScrollPaneArrowHorizontalStart=void 0;const o=t(769).__importDefault(t(155)),n=t(367),a=t(640),l=({children:e,variant:r,direction:t})=>{const l=(0,a.useScrollPaneContext)(),c=()=>l.scrollToDirection(t);return o.default.createElement("div",{className:[n.scrollPane.classnames.arrow,n.scrollPane.classnames.arrowVariants[r]].join(" "),onClick:c,onKeyDown:e=>{"Enter"!==e.key&&"Space"!==e.code||(e.preventDefault(),c())},role:"button",tabIndex:0,"aria-label":"Scroll "+("start"===t?"backward":"forward")},e)};r.ScrollPaneArrowHorizontalStart=({children:e})=>o.default.createElement(l,{variant:"horizontal-left",direction:"start"},e);r.ScrollPaneArrowHorizontalEnd=({children:e})=>o.default.createElement(l,{variant:"horizontal-right",direction:"end"},e);r.ScrollPaneArrowVerticalStart=({children:e})=>o.default.createElement(l,{variant:"vertical-top",direction:"start"},e);r.ScrollPaneArrowVerticalEnd=({children:e})=>o.default.createElement(l,{variant:"vertical-bottom",direction:"end"},e)},658:(e,r,t)=>{Object.defineProperty(r,"__esModule",{value:!0}),r.ScrollPaneArrowVerticalEnd=r.ScrollPaneArrowVerticalStart=r.ScrollPaneArrowHorizontalEnd=r.ScrollPaneArrowHorizontalStart=void 0;var o=t(138);Object.defineProperty(r,"ScrollPaneArrowHorizontalStart",{enumerable:!0,get:function(){return o.ScrollPaneArrowHorizontalStart}}),Object.defineProperty(r,"ScrollPaneArrowHorizontalEnd",{enumerable:!0,get:function(){return o.ScrollPaneArrowHorizontalEnd}}),Object.defineProperty(r,"ScrollPaneArrowVerticalStart",{enumerable:!0,get:function(){return o.ScrollPaneArrowVerticalStart}}),Object.defineProperty(r,"ScrollPaneArrowVerticalEnd",{enumerable:!0,get:function(){return o.ScrollPaneArrowVerticalEnd}})},516:(e,r)=>{Object.defineProperty(r,"__esModule",{value:!0}),r.scrollItemIntoView=void 0;r.scrollItemIntoView=(e,r,t)=>{const o=e.getBoundingClientRect(),n=r.getBoundingClientRect();if(!((e,r,t)=>"horizontal"===t?r.left>=e.left&&r.right<=e.right:r.top>=e.top&&r.bottom<=e.bottom)(o,n,t))if("horizontal"===t){const r=o.width/2,t=n.width/2,a=n.left-o.left-r+t,l=e.scrollLeft+a;e.scrollTo({left:Math.max(0,l),behavior:"smooth"})}else{const r=o.height/2,t=n.height/2,a=n.top-o.top-r+t,l=e.scrollTop+a;e.scrollTo({top:Math.max(0,l),behavior:"smooth"})}}},900:(e,r,t)=>{Object.defineProperty(r,"__esModule",{value:!0}),r.ScrollPaneItem=void 0;const o=t(769).__importDefault(t(155)),n=t(558),a=t(640),l=t(516);r.ScrollPaneItem=({children:e,onClick:r,...t})=>{const c=(0,a.useScrollPaneContext)();return o.default.createElement(n.Box,{...t,onClick:e=>{if(r&&r(e),c.scrollToItemOnClick&&e.currentTarget){const r=c.containerRef?.current,t=e.currentTarget;r&&t&&c.direction&&(0,l.scrollItemIntoView)(r,t,c.direction)}}},e)}},742:(e,r,t)=>{Object.defineProperty(r,"__esModule",{value:!0});const o=t(769);o.__exportStar(t(900),r),o.__exportStar(t(119),r)},119:(e,r)=>{Object.defineProperty(r,"__esModule",{value:!0})},337:(e,r,t)=>{Object.defineProperty(r,"__esModule",{value:!0}),r.ScrollPaneArrowVerticalEnd=r.ScrollPaneArrowVerticalStart=r.ScrollPaneArrowHorizontalEnd=r.ScrollPaneArrowHorizontalStart=r.ScrollPaneContext=r.ScrollPaneItem=void 0;var o=t(742);Object.defineProperty(r,"ScrollPaneItem",{enumerable:!0,get:function(){return o.ScrollPaneItem}});var n=t(640);Object.defineProperty(r,"ScrollPaneContext",{enumerable:!0,get:function(){return n.ScrollPaneContext}});var a=t(658);Object.defineProperty(r,"ScrollPaneArrowHorizontalStart",{enumerable:!0,get:function(){return a.ScrollPaneArrowHorizontalStart}}),Object.defineProperty(r,"ScrollPaneArrowHorizontalEnd",{enumerable:!0,get:function(){return a.ScrollPaneArrowHorizontalEnd}}),Object.defineProperty(r,"ScrollPaneArrowVerticalStart",{enumerable:!0,get:function(){return a.ScrollPaneArrowVerticalStart}}),Object.defineProperty(r,"ScrollPaneArrowVerticalEnd",{enumerable:!0,get:function(){return a.ScrollPaneArrowVerticalEnd}})},250:(e,r,t)=>{Object.defineProperty(r,"__esModule",{value:!0}),r.useScrollPaneContext=r.ScrollPaneContext=void 0;const o=t(155);r.ScrollPaneContext=(0,o.createContext)(null);r.useScrollPaneContext=()=>{const e=(0,o.useContext)(r.ScrollPaneContext);if(!e)throw new Error("useScrollPaneContext must be used within a ScrollPane");return e}},640:(e,r,t)=>{Object.defineProperty(r,"__esModule",{value:!0}),r.useScrollPaneContext=r.ScrollPaneContext=void 0;var o=t(250);Object.defineProperty(r,"ScrollPaneContext",{enumerable:!0,get:function(){return o.ScrollPaneContext}}),Object.defineProperty(r,"useScrollPaneContext",{enumerable:!0,get:function(){return o.useScrollPaneContext}})},558:e=>{e.exports=r},367:e=>{e.exports=t},155:r=>{r.exports=e},769:(e,r,t)=>{t.r(r),t.d(r,{__addDisposableResource:()=>H,__assign:()=>a,__asyncDelegator:()=>j,__asyncGenerator:()=>O,__asyncValues:()=>E,__await:()=>g,__awaiter:()=>y,__classPrivateFieldGet:()=>C,__classPrivateFieldIn:()=>I,__classPrivateFieldSet:()=>V,__createBinding:()=>m,__decorate:()=>c,__disposeResources:()=>k,__esDecorate:()=>s,__exportStar:()=>_,__extends:()=>n,__generator:()=>b,__importDefault:()=>z,__importStar:()=>T,__makeTemplateObject:()=>x,__metadata:()=>p,__param:()=>i,__propKey:()=>f,__read:()=>h,__rest:()=>l,__runInitializers:()=>u,__setFunctionName:()=>d,__spread:()=>v,__spreadArray:()=>S,__spreadArrays:()=>P,__values:()=>w,default:()=>D});var o=function(e,r){return o=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,r){e.__proto__=r}||function(e,r){for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t])},o(e,r)};function n(e,r){if("function"!=typeof r&&null!==r)throw new TypeError("Class extends value "+String(r)+" is not a constructor or null");function t(){this.constructor=e}o(e,r),e.prototype=null===r?Object.create(r):(t.prototype=r.prototype,new t)}var a=function(){return a=Object.assign||function(e){for(var r,t=1,o=arguments.length;t<o;t++)for(var n in r=arguments[t])Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n]);return e},a.apply(this,arguments)};function l(e,r){var t={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&r.indexOf(o)<0&&(t[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(o=Object.getOwnPropertySymbols(e);n<o.length;n++)r.indexOf(o[n])<0&&Object.prototype.propertyIsEnumerable.call(e,o[n])&&(t[o[n]]=e[o[n]])}return t}function c(e,r,t,o){var n,a=arguments.length,l=a<3?r:null===o?o=Object.getOwnPropertyDescriptor(r,t):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,r,t,o);else for(var c=e.length-1;c>=0;c--)(n=e[c])&&(l=(a<3?n(l):a>3?n(r,t,l):n(r,t))||l);return a>3&&l&&Object.defineProperty(r,t,l),l}function i(e,r){return function(t,o){r(t,o,e)}}function s(e,r,t,o,n,a){function l(e){if(void 0!==e&&"function"!=typeof e)throw new TypeError("Function expected");return e}for(var c,i=o.kind,s="getter"===i?"get":"setter"===i?"set":"value",u=!r&&e?o.static?e:e.prototype:null,f=r||(u?Object.getOwnPropertyDescriptor(u,o.name):{}),d=!1,p=t.length-1;p>=0;p--){var y={};for(var b in o)y[b]="access"===b?{}:o[b];for(var b in o.access)y.access[b]=o.access[b];y.addInitializer=function(e){if(d)throw new TypeError("Cannot add initializers after decoration has completed");a.push(l(e||null))};var m=(0,t[p])("accessor"===i?{get:f.get,set:f.set}:f[s],y);if("accessor"===i){if(void 0===m)continue;if(null===m||"object"!=typeof m)throw new TypeError("Object expected");(c=l(m.get))&&(f.get=c),(c=l(m.set))&&(f.set=c),(c=l(m.init))&&n.unshift(c)}else(c=l(m))&&("field"===i?n.unshift(c):f[s]=c)}u&&Object.defineProperty(u,o.name,f),d=!0}function u(e,r,t){for(var o=arguments.length>2,n=0;n<r.length;n++)t=o?r[n].call(e,t):r[n].call(e);return o?t:void 0}function f(e){return"symbol"==typeof e?e:"".concat(e)}function d(e,r,t){return"symbol"==typeof r&&(r=r.description?"[".concat(r.description,"]"):""),Object.defineProperty(e,"name",{configurable:!0,value:t?"".concat(t," ",r):r})}function p(e,r){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,r)}function y(e,r,t,o){return new(t||(t=Promise))((function(n,a){function l(e){try{i(o.next(e))}catch(e){a(e)}}function c(e){try{i(o.throw(e))}catch(e){a(e)}}function i(e){var r;e.done?n(e.value):(r=e.value,r instanceof t?r:new t((function(e){e(r)}))).then(l,c)}i((o=o.apply(e,r||[])).next())}))}function b(e,r){var t,o,n,a,l={label:0,sent:function(){if(1&n[0])throw n[1];return n[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(i){return function(c){if(t)throw new TypeError("Generator is already executing.");for(;a&&(a=0,c[0]&&(l=0)),l;)try{if(t=1,o&&(n=2&c[0]?o.return:c[0]?o.throw||((n=o.return)&&n.call(o),0):o.next)&&!(n=n.call(o,c[1])).done)return n;switch(o=0,n&&(c=[2&c[0],n.value]),c[0]){case 0:case 1:n=c;break;case 4:return l.label++,{value:c[1],done:!1};case 5:l.label++,o=c[1],c=[0];continue;case 7:c=l.ops.pop(),l.trys.pop();continue;default:if(!(n=l.trys,(n=n.length>0&&n[n.length-1])||6!==c[0]&&2!==c[0])){l=0;continue}if(3===c[0]&&(!n||c[1]>n[0]&&c[1]<n[3])){l.label=c[1];break}if(6===c[0]&&l.label<n[1]){l.label=n[1],n=c;break}if(n&&l.label<n[2]){l.label=n[2],l.ops.push(c);break}n[2]&&l.ops.pop(),l.trys.pop();continue}c=r.call(e,l)}catch(e){c=[6,e],o=0}finally{t=n=0}if(5&c[0])throw c[1];return{value:c[0]?c[1]:void 0,done:!0}}([c,i])}}}var m=Object.create?function(e,r,t,o){void 0===o&&(o=t);var n=Object.getOwnPropertyDescriptor(r,t);n&&!("get"in n?!r.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return r[t]}}),Object.defineProperty(e,o,n)}:function(e,r,t,o){void 0===o&&(o=t),e[o]=r[t]};function _(e,r){for(var t in e)"default"===t||Object.prototype.hasOwnProperty.call(r,t)||m(r,e,t)}function w(e){var r="function"==typeof Symbol&&Symbol.iterator,t=r&&e[r],o=0;if(t)return t.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&o>=e.length&&(e=void 0),{value:e&&e[o++],done:!e}}};throw new TypeError(r?"Object is not iterable.":"Symbol.iterator is not defined.")}function h(e,r){var t="function"==typeof Symbol&&e[Symbol.iterator];if(!t)return e;var o,n,a=t.call(e),l=[];try{for(;(void 0===r||r-- >0)&&!(o=a.next()).done;)l.push(o.value)}catch(e){n={error:e}}finally{try{o&&!o.done&&(t=a.return)&&t.call(a)}finally{if(n)throw n.error}}return l}function v(){for(var e=[],r=0;r<arguments.length;r++)e=e.concat(h(arguments[r]));return e}function P(){for(var e=0,r=0,t=arguments.length;r<t;r++)e+=arguments[r].length;var o=Array(e),n=0;for(r=0;r<t;r++)for(var a=arguments[r],l=0,c=a.length;l<c;l++,n++)o[n]=a[l];return o}function S(e,r,t){if(t||2===arguments.length)for(var o,n=0,a=r.length;n<a;n++)!o&&n in r||(o||(o=Array.prototype.slice.call(r,0,n)),o[n]=r[n]);return e.concat(o||Array.prototype.slice.call(r))}function g(e){return this instanceof g?(this.v=e,this):new g(e)}function O(e,r,t){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var o,n=t.apply(e,r||[]),a=[];return o={},l("next"),l("throw"),l("return"),o[Symbol.asyncIterator]=function(){return this},o;function l(e){n[e]&&(o[e]=function(r){return new Promise((function(t,o){a.push([e,r,t,o])>1||c(e,r)}))})}function c(e,r){try{(t=n[e](r)).value instanceof g?Promise.resolve(t.value.v).then(i,s):u(a[0][2],t)}catch(e){u(a[0][3],e)}var t}function i(e){c("next",e)}function s(e){c("throw",e)}function u(e,r){e(r),a.shift(),a.length&&c(a[0][0],a[0][1])}}function j(e){var r,t;return r={},o("next"),o("throw",(function(e){throw e})),o("return"),r[Symbol.iterator]=function(){return this},r;function o(o,n){r[o]=e[o]?function(r){return(t=!t)?{value:g(e[o](r)),done:!1}:n?n(r):r}:n}}function E(e){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var r,t=e[Symbol.asyncIterator];return t?t.call(e):(e=w(e),r={},o("next"),o("throw"),o("return"),r[Symbol.asyncIterator]=function(){return this},r);function o(t){r[t]=e[t]&&function(r){return new Promise((function(o,n){(function(e,r,t,o){Promise.resolve(o).then((function(r){e({value:r,done:t})}),r)})(o,n,(r=e[t](r)).done,r.value)}))}}}function x(e,r){return Object.defineProperty?Object.defineProperty(e,"raw",{value:r}):e.raw=r,e}var A=Object.create?function(e,r){Object.defineProperty(e,"default",{enumerable:!0,value:r})}:function(e,r){e.default=r};function T(e){if(e&&e.__esModule)return e;var r={};if(null!=e)for(var t in e)"default"!==t&&Object.prototype.hasOwnProperty.call(e,t)&&m(r,e,t);return A(r,e),r}function z(e){return e&&e.__esModule?e:{default:e}}function C(e,r,t,o){if("a"===t&&!o)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof r?e!==r||!o:!r.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===t?o:"a"===t?o.call(e):o?o.value:r.get(e)}function V(e,r,t,o,n){if("m"===o)throw new TypeError("Private method is not writable");if("a"===o&&!n)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof r?e!==r||!n:!r.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===o?n.call(e,t):n?n.value=t:r.set(e,t),t}function I(e,r){if(null===r||"object"!=typeof r&&"function"!=typeof r)throw new TypeError("Cannot use 'in' operator on non-object");return"function"==typeof e?r===e:e.has(r)}function H(e,r,t){if(null!=r){if("object"!=typeof r&&"function"!=typeof r)throw new TypeError("Object expected.");var o;if(t){if(!Symbol.asyncDispose)throw new TypeError("Symbol.asyncDispose is not defined.");o=r[Symbol.asyncDispose]}if(void 0===o){if(!Symbol.dispose)throw new TypeError("Symbol.dispose is not defined.");o=r[Symbol.dispose]}if("function"!=typeof o)throw new TypeError("Object not disposable.");e.stack.push({value:r,dispose:o,async:t})}else t&&e.stack.push({async:!0});return r}var M="function"==typeof SuppressedError?SuppressedError:function(e,r,t){var o=new Error(t);return o.name="SuppressedError",o.error=e,o.suppressed=r,o};function k(e){function r(r){e.error=e.hasError?new M(r,e.error,"An error was suppressed during disposal."):r,e.hasError=!0}return function t(){for(;e.stack.length;){var o=e.stack.pop();try{var n=o.dispose&&o.dispose.call(o.value);if(o.async)return Promise.resolve(n).then(t,(function(e){return r(e),t()}))}catch(e){r(e)}}if(e.hasError)throw e.error}()}const D={__extends:n,__assign:a,__rest:l,__decorate:c,__param:i,__metadata:p,__awaiter:y,__generator:b,__createBinding:m,__exportStar:_,__values:w,__read:h,__spread:v,__spreadArrays:P,__spreadArray:S,__await:g,__asyncGenerator:O,__asyncDelegator:j,__asyncValues:E,__makeTemplateObject:x,__importStar:T,__importDefault:z,__classPrivateFieldGet:C,__classPrivateFieldSet:V,__classPrivateFieldIn:I,__addDisposableResource:H,__disposeResources:k}}},n={};function a(e){var r=n[e];if(void 0!==r)return r.exports;var t=n[e]={exports:{}};return o[e](t,t.exports,a),t.exports}a.d=(e,r)=>{for(var t in r)a.o(r,t)&&!a.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:r[t]})},a.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),a.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var l={};return(()=>{var e=l;Object.defineProperty(e,"__esModule",{value:!0}),e.ScrollPane=void 0;var r=a(627);Object.defineProperty(e,"ScrollPane",{enumerable:!0,get:function(){return r.ScrollPane}})})(),l})()));
+!function(e,r){"object"==typeof exports&&"object"==typeof module?module.exports=r(require("react"),require("@nimbus-ds/box"),require("@nimbus-ds/styles")):"function"==typeof define&&define.amd?define(["react","@nimbus-ds/box","@nimbus-ds/styles"],r):"object"==typeof exports?exports["@nimbus-ds/scroll-pane"]=r(require("react"),require("@nimbus-ds/box"),require("@nimbus-ds/styles")):e["@nimbus-ds/scroll-pane"]=r(e.react,e["@nimbus-ds/box"],e["@nimbus-ds/styles"])}(global,((e,r,t)=>(()=>{"use strict";var o={865:(e,r)=>{Object.defineProperty(r,"__esModule",{value:!0}),r.getPosition=void 0;r.getPosition=(e,r)=>{const t=((e,r)=>{const t="horizontal"===r;return"start"===e?t?"left":"top":t?"right":"bottom"})(e,r);return`${r}-${t}`}},627:(e,r,t)=>{Object.defineProperty(r,"__esModule",{value:!0}),r.ScrollPane=void 0;const o=t(769).__importStar(t(155)),n=t(558),a=t(367),l=t(337),c=t(865),i=({children:e,showGradients:r=!0,showArrows:t=!1,showScrollbar:i=!0,direction:s="horizontal",scrollToItemOnClick:u=!0,scrollPaneArrowStart:f,scrollPaneArrowEnd:d,contentContainerProps:p,...y})=>{const b=(0,o.useRef)(null),m=(0,o.useRef)(null),[_,w]=(0,o.useState)(!1),[h,v]=(0,o.useState)(!1),[P,S]=(0,o.useState)(!1),g=(0,o.useCallback)((()=>{if(!b.current)return;const e=b.current,{scrollLeft:r,scrollTop:t,scrollWidth:o,scrollHeight:n,clientWidth:a,clientHeight:l}=e;"horizontal"===s?(w(r>0),v(r<o-a-1)):(w(t>0),v(t<n-l-1))}),[s]),O=(0,o.useCallback)((()=>{P||S(!0),g(),m.current&&clearTimeout(m.current),m.current=setTimeout((()=>{S(!1)}),150)}),[g,P]),j=(0,o.useCallback)((e=>{if(!b.current)return;const r=b.current,t="horizontal"===s?.8*r.clientWidth:.8*r.clientHeight;if("horizontal"===s){const o="start"===e?r.scrollLeft-t:r.scrollLeft+t;r.scrollTo({left:Math.max(0,Math.min(o,r.scrollWidth-r.clientWidth)),behavior:"smooth"})}else{const o="start"===e?r.scrollTop-t:r.scrollTop+t;r.scrollTo({top:Math.max(0,Math.min(o,r.scrollHeight-r.clientHeight)),behavior:"smooth"})}}),[s]);(0,o.useEffect)((()=>{const e=b.current;if(!e)return;g(),e.addEventListener("scroll",O);const r=new ResizeObserver(g);return r.observe(e),()=>{e.removeEventListener("scroll",O),r.disconnect(),m.current&&clearTimeout(m.current)}}),[g,O]);const E=(0,o.useMemo)((()=>({direction:s,scrollToItemOnClick:u,containerRef:b,scrollToDirection:j})),[s,u,j]);return o.default.createElement(l.ScrollPaneContext.Provider,{value:E},o.default.createElement(n.Box,{as:"div",position:"relative",...y},o.default.createElement("div",{ref:b,className:[a.scrollPane.classnames.scrollArea,a.scrollPane.classnames.direction[s],!i&&a.scrollPane.classnames.scrollAreaHidden].filter(Boolean).join(" ")},o.default.createElement(n.Box,{display:"flex",margin:"1",...p},e),r&&o.default.createElement(o.default.Fragment,null,_&&o.default.createElement("div",{className:[a.scrollPane.classnames.gradient,a.scrollPane.classnames.gradientVariants[(0,c.getPosition)("start",s)]].join(" ")}),h&&o.default.createElement("div",{className:[a.scrollPane.classnames.gradient,a.scrollPane.classnames.gradientVariants[(0,c.getPosition)("end",s)]].join(" ")})),t&&o.default.createElement(o.default.Fragment,null,_&&f,h&&d))))};r.ScrollPane=i,i.displayName="ScrollPane",i.Item=l.ScrollPaneItem,i.ArrowHorizontalStart=l.ScrollPaneArrowHorizontalStart,i.ArrowHorizontalEnd=l.ScrollPaneArrowHorizontalEnd,i.ArrowVerticalStart=l.ScrollPaneArrowVerticalStart,i.ArrowVerticalEnd=l.ScrollPaneArrowVerticalEnd,i.Item.displayName="ScrollPane.Item",i.ArrowHorizontalStart.displayName="ScrollPane.ArrowHorizontalStart",i.ArrowHorizontalEnd.displayName="ScrollPane.ArrowHorizontalEnd",i.ArrowVerticalStart.displayName="ScrollPane.ArrowVerticalStart",i.ArrowVerticalEnd.displayName="ScrollPane.ArrowVerticalEnd"},138:(e,r,t)=>{Object.defineProperty(r,"__esModule",{value:!0}),r.ScrollPaneArrowVerticalEnd=r.ScrollPaneArrowVerticalStart=r.ScrollPaneArrowHorizontalEnd=r.ScrollPaneArrowHorizontalStart=void 0;const o=t(769).__importDefault(t(155)),n=t(367),a=t(640),l=({children:e,variant:r,direction:t})=>{const l=(0,a.useScrollPaneContext)(),c=()=>l.scrollToDirection(t);return o.default.createElement("div",{className:[n.scrollPane.classnames.arrow,n.scrollPane.classnames.arrowVariants[r]].join(" "),onClick:c,onKeyDown:e=>{"Enter"!==e.key&&"Space"!==e.code||(e.preventDefault(),c())},role:"button",tabIndex:0,"aria-label":"Scroll "+("start"===t?"backward":"forward")},e)};r.ScrollPaneArrowHorizontalStart=({children:e})=>o.default.createElement(l,{variant:"horizontal-left",direction:"start"},e);r.ScrollPaneArrowHorizontalEnd=({children:e})=>o.default.createElement(l,{variant:"horizontal-right",direction:"end"},e);r.ScrollPaneArrowVerticalStart=({children:e})=>o.default.createElement(l,{variant:"vertical-top",direction:"start"},e);r.ScrollPaneArrowVerticalEnd=({children:e})=>o.default.createElement(l,{variant:"vertical-bottom",direction:"end"},e)},658:(e,r,t)=>{Object.defineProperty(r,"__esModule",{value:!0}),r.ScrollPaneArrowVerticalEnd=r.ScrollPaneArrowVerticalStart=r.ScrollPaneArrowHorizontalEnd=r.ScrollPaneArrowHorizontalStart=void 0;var o=t(138);Object.defineProperty(r,"ScrollPaneArrowHorizontalStart",{enumerable:!0,get:function(){return o.ScrollPaneArrowHorizontalStart}}),Object.defineProperty(r,"ScrollPaneArrowHorizontalEnd",{enumerable:!0,get:function(){return o.ScrollPaneArrowHorizontalEnd}}),Object.defineProperty(r,"ScrollPaneArrowVerticalStart",{enumerable:!0,get:function(){return o.ScrollPaneArrowVerticalStart}}),Object.defineProperty(r,"ScrollPaneArrowVerticalEnd",{enumerable:!0,get:function(){return o.ScrollPaneArrowVerticalEnd}})},516:(e,r)=>{Object.defineProperty(r,"__esModule",{value:!0}),r.scrollItemIntoView=void 0;r.scrollItemIntoView=(e,r,t)=>{const o=e.getBoundingClientRect(),n=r.getBoundingClientRect();if(!((e,r,t)=>"horizontal"===t?r.left>=e.left&&r.right<=e.right:r.top>=e.top&&r.bottom<=e.bottom)(o,n,t))if("horizontal"===t){const r=o.width/2,t=n.width/2,a=n.left-o.left-r+t,l=e.scrollLeft+a;e.scrollTo({left:Math.max(0,l),behavior:"smooth"})}else{const r=o.height/2,t=n.height/2,a=n.top-o.top-r+t,l=e.scrollTop+a;e.scrollTo({top:Math.max(0,l),behavior:"smooth"})}}},900:(e,r,t)=>{Object.defineProperty(r,"__esModule",{value:!0}),r.ScrollPaneItem=void 0;const o=t(769).__importDefault(t(155)),n=t(558),a=t(640),l=t(516);r.ScrollPaneItem=({children:e,onClick:r,...t})=>{const c=(0,a.useScrollPaneContext)();return o.default.createElement(n.Box,{...t,onClick:e=>{if(r&&r(e),c.scrollToItemOnClick&&e.currentTarget){const r=c.containerRef?.current,t=e.currentTarget;r&&t&&c.direction&&(0,l.scrollItemIntoView)(r,t,c.direction)}}},e)}},742:(e,r,t)=>{Object.defineProperty(r,"__esModule",{value:!0});const o=t(769);o.__exportStar(t(900),r),o.__exportStar(t(119),r)},119:(e,r)=>{Object.defineProperty(r,"__esModule",{value:!0})},337:(e,r,t)=>{Object.defineProperty(r,"__esModule",{value:!0}),r.ScrollPaneArrowVerticalEnd=r.ScrollPaneArrowVerticalStart=r.ScrollPaneArrowHorizontalEnd=r.ScrollPaneArrowHorizontalStart=r.ScrollPaneContext=r.ScrollPaneItem=void 0;var o=t(742);Object.defineProperty(r,"ScrollPaneItem",{enumerable:!0,get:function(){return o.ScrollPaneItem}});var n=t(640);Object.defineProperty(r,"ScrollPaneContext",{enumerable:!0,get:function(){return n.ScrollPaneContext}});var a=t(658);Object.defineProperty(r,"ScrollPaneArrowHorizontalStart",{enumerable:!0,get:function(){return a.ScrollPaneArrowHorizontalStart}}),Object.defineProperty(r,"ScrollPaneArrowHorizontalEnd",{enumerable:!0,get:function(){return a.ScrollPaneArrowHorizontalEnd}}),Object.defineProperty(r,"ScrollPaneArrowVerticalStart",{enumerable:!0,get:function(){return a.ScrollPaneArrowVerticalStart}}),Object.defineProperty(r,"ScrollPaneArrowVerticalEnd",{enumerable:!0,get:function(){return a.ScrollPaneArrowVerticalEnd}})},250:(e,r,t)=>{Object.defineProperty(r,"__esModule",{value:!0}),r.useScrollPaneContext=r.ScrollPaneContext=void 0;const o=t(155);r.ScrollPaneContext=(0,o.createContext)(null);r.useScrollPaneContext=()=>{const e=(0,o.useContext)(r.ScrollPaneContext);if(!e)throw new Error("useScrollPaneContext must be used within a ScrollPane");return e}},640:(e,r,t)=>{Object.defineProperty(r,"__esModule",{value:!0}),r.useScrollPaneContext=r.ScrollPaneContext=void 0;var o=t(250);Object.defineProperty(r,"ScrollPaneContext",{enumerable:!0,get:function(){return o.ScrollPaneContext}}),Object.defineProperty(r,"useScrollPaneContext",{enumerable:!0,get:function(){return o.useScrollPaneContext}})},558:e=>{e.exports=r},367:e=>{e.exports=t},155:r=>{r.exports=e},769:(e,r,t)=>{t.r(r),t.d(r,{__addDisposableResource:()=>H,__assign:()=>a,__asyncDelegator:()=>j,__asyncGenerator:()=>O,__asyncValues:()=>E,__await:()=>g,__awaiter:()=>y,__classPrivateFieldGet:()=>C,__classPrivateFieldIn:()=>I,__classPrivateFieldSet:()=>V,__createBinding:()=>m,__decorate:()=>c,__disposeResources:()=>k,__esDecorate:()=>s,__exportStar:()=>_,__extends:()=>n,__generator:()=>b,__importDefault:()=>z,__importStar:()=>T,__makeTemplateObject:()=>x,__metadata:()=>p,__param:()=>i,__propKey:()=>f,__read:()=>h,__rest:()=>l,__runInitializers:()=>u,__setFunctionName:()=>d,__spread:()=>v,__spreadArray:()=>S,__spreadArrays:()=>P,__values:()=>w,default:()=>D});var o=function(e,r){return o=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,r){e.__proto__=r}||function(e,r){for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t])},o(e,r)};function n(e,r){if("function"!=typeof r&&null!==r)throw new TypeError("Class extends value "+String(r)+" is not a constructor or null");function t(){this.constructor=e}o(e,r),e.prototype=null===r?Object.create(r):(t.prototype=r.prototype,new t)}var a=function(){return a=Object.assign||function(e){for(var r,t=1,o=arguments.length;t<o;t++)for(var n in r=arguments[t])Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n]);return e},a.apply(this,arguments)};function l(e,r){var t={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&r.indexOf(o)<0&&(t[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(o=Object.getOwnPropertySymbols(e);n<o.length;n++)r.indexOf(o[n])<0&&Object.prototype.propertyIsEnumerable.call(e,o[n])&&(t[o[n]]=e[o[n]])}return t}function c(e,r,t,o){var n,a=arguments.length,l=a<3?r:null===o?o=Object.getOwnPropertyDescriptor(r,t):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,r,t,o);else for(var c=e.length-1;c>=0;c--)(n=e[c])&&(l=(a<3?n(l):a>3?n(r,t,l):n(r,t))||l);return a>3&&l&&Object.defineProperty(r,t,l),l}function i(e,r){return function(t,o){r(t,o,e)}}function s(e,r,t,o,n,a){function l(e){if(void 0!==e&&"function"!=typeof e)throw new TypeError("Function expected");return e}for(var c,i=o.kind,s="getter"===i?"get":"setter"===i?"set":"value",u=!r&&e?o.static?e:e.prototype:null,f=r||(u?Object.getOwnPropertyDescriptor(u,o.name):{}),d=!1,p=t.length-1;p>=0;p--){var y={};for(var b in o)y[b]="access"===b?{}:o[b];for(var b in o.access)y.access[b]=o.access[b];y.addInitializer=function(e){if(d)throw new TypeError("Cannot add initializers after decoration has completed");a.push(l(e||null))};var m=(0,t[p])("accessor"===i?{get:f.get,set:f.set}:f[s],y);if("accessor"===i){if(void 0===m)continue;if(null===m||"object"!=typeof m)throw new TypeError("Object expected");(c=l(m.get))&&(f.get=c),(c=l(m.set))&&(f.set=c),(c=l(m.init))&&n.unshift(c)}else(c=l(m))&&("field"===i?n.unshift(c):f[s]=c)}u&&Object.defineProperty(u,o.name,f),d=!0}function u(e,r,t){for(var o=arguments.length>2,n=0;n<r.length;n++)t=o?r[n].call(e,t):r[n].call(e);return o?t:void 0}function f(e){return"symbol"==typeof e?e:"".concat(e)}function d(e,r,t){return"symbol"==typeof r&&(r=r.description?"[".concat(r.description,"]"):""),Object.defineProperty(e,"name",{configurable:!0,value:t?"".concat(t," ",r):r})}function p(e,r){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,r)}function y(e,r,t,o){return new(t||(t=Promise))((function(n,a){function l(e){try{i(o.next(e))}catch(e){a(e)}}function c(e){try{i(o.throw(e))}catch(e){a(e)}}function i(e){var r;e.done?n(e.value):(r=e.value,r instanceof t?r:new t((function(e){e(r)}))).then(l,c)}i((o=o.apply(e,r||[])).next())}))}function b(e,r){var t,o,n,a,l={label:0,sent:function(){if(1&n[0])throw n[1];return n[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(i){return function(c){if(t)throw new TypeError("Generator is already executing.");for(;a&&(a=0,c[0]&&(l=0)),l;)try{if(t=1,o&&(n=2&c[0]?o.return:c[0]?o.throw||((n=o.return)&&n.call(o),0):o.next)&&!(n=n.call(o,c[1])).done)return n;switch(o=0,n&&(c=[2&c[0],n.value]),c[0]){case 0:case 1:n=c;break;case 4:return l.label++,{value:c[1],done:!1};case 5:l.label++,o=c[1],c=[0];continue;case 7:c=l.ops.pop(),l.trys.pop();continue;default:if(!(n=l.trys,(n=n.length>0&&n[n.length-1])||6!==c[0]&&2!==c[0])){l=0;continue}if(3===c[0]&&(!n||c[1]>n[0]&&c[1]<n[3])){l.label=c[1];break}if(6===c[0]&&l.label<n[1]){l.label=n[1],n=c;break}if(n&&l.label<n[2]){l.label=n[2],l.ops.push(c);break}n[2]&&l.ops.pop(),l.trys.pop();continue}c=r.call(e,l)}catch(e){c=[6,e],o=0}finally{t=n=0}if(5&c[0])throw c[1];return{value:c[0]?c[1]:void 0,done:!0}}([c,i])}}}var m=Object.create?function(e,r,t,o){void 0===o&&(o=t);var n=Object.getOwnPropertyDescriptor(r,t);n&&!("get"in n?!r.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return r[t]}}),Object.defineProperty(e,o,n)}:function(e,r,t,o){void 0===o&&(o=t),e[o]=r[t]};function _(e,r){for(var t in e)"default"===t||Object.prototype.hasOwnProperty.call(r,t)||m(r,e,t)}function w(e){var r="function"==typeof Symbol&&Symbol.iterator,t=r&&e[r],o=0;if(t)return t.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&o>=e.length&&(e=void 0),{value:e&&e[o++],done:!e}}};throw new TypeError(r?"Object is not iterable.":"Symbol.iterator is not defined.")}function h(e,r){var t="function"==typeof Symbol&&e[Symbol.iterator];if(!t)return e;var o,n,a=t.call(e),l=[];try{for(;(void 0===r||r-- >0)&&!(o=a.next()).done;)l.push(o.value)}catch(e){n={error:e}}finally{try{o&&!o.done&&(t=a.return)&&t.call(a)}finally{if(n)throw n.error}}return l}function v(){for(var e=[],r=0;r<arguments.length;r++)e=e.concat(h(arguments[r]));return e}function P(){for(var e=0,r=0,t=arguments.length;r<t;r++)e+=arguments[r].length;var o=Array(e),n=0;for(r=0;r<t;r++)for(var a=arguments[r],l=0,c=a.length;l<c;l++,n++)o[n]=a[l];return o}function S(e,r,t){if(t||2===arguments.length)for(var o,n=0,a=r.length;n<a;n++)!o&&n in r||(o||(o=Array.prototype.slice.call(r,0,n)),o[n]=r[n]);return e.concat(o||Array.prototype.slice.call(r))}function g(e){return this instanceof g?(this.v=e,this):new g(e)}function O(e,r,t){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var o,n=t.apply(e,r||[]),a=[];return o={},l("next"),l("throw"),l("return"),o[Symbol.asyncIterator]=function(){return this},o;function l(e){n[e]&&(o[e]=function(r){return new Promise((function(t,o){a.push([e,r,t,o])>1||c(e,r)}))})}function c(e,r){try{(t=n[e](r)).value instanceof g?Promise.resolve(t.value.v).then(i,s):u(a[0][2],t)}catch(e){u(a[0][3],e)}var t}function i(e){c("next",e)}function s(e){c("throw",e)}function u(e,r){e(r),a.shift(),a.length&&c(a[0][0],a[0][1])}}function j(e){var r,t;return r={},o("next"),o("throw",(function(e){throw e})),o("return"),r[Symbol.iterator]=function(){return this},r;function o(o,n){r[o]=e[o]?function(r){return(t=!t)?{value:g(e[o](r)),done:!1}:n?n(r):r}:n}}function E(e){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var r,t=e[Symbol.asyncIterator];return t?t.call(e):(e=w(e),r={},o("next"),o("throw"),o("return"),r[Symbol.asyncIterator]=function(){return this},r);function o(t){r[t]=e[t]&&function(r){return new Promise((function(o,n){(function(e,r,t,o){Promise.resolve(o).then((function(r){e({value:r,done:t})}),r)})(o,n,(r=e[t](r)).done,r.value)}))}}}function x(e,r){return Object.defineProperty?Object.defineProperty(e,"raw",{value:r}):e.raw=r,e}var A=Object.create?function(e,r){Object.defineProperty(e,"default",{enumerable:!0,value:r})}:function(e,r){e.default=r};function T(e){if(e&&e.__esModule)return e;var r={};if(null!=e)for(var t in e)"default"!==t&&Object.prototype.hasOwnProperty.call(e,t)&&m(r,e,t);return A(r,e),r}function z(e){return e&&e.__esModule?e:{default:e}}function C(e,r,t,o){if("a"===t&&!o)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof r?e!==r||!o:!r.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===t?o:"a"===t?o.call(e):o?o.value:r.get(e)}function V(e,r,t,o,n){if("m"===o)throw new TypeError("Private method is not writable");if("a"===o&&!n)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof r?e!==r||!n:!r.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===o?n.call(e,t):n?n.value=t:r.set(e,t),t}function I(e,r){if(null===r||"object"!=typeof r&&"function"!=typeof r)throw new TypeError("Cannot use 'in' operator on non-object");return"function"==typeof e?r===e:e.has(r)}function H(e,r,t){if(null!=r){if("object"!=typeof r&&"function"!=typeof r)throw new TypeError("Object expected.");var o;if(t){if(!Symbol.asyncDispose)throw new TypeError("Symbol.asyncDispose is not defined.");o=r[Symbol.asyncDispose]}if(void 0===o){if(!Symbol.dispose)throw new TypeError("Symbol.dispose is not defined.");o=r[Symbol.dispose]}if("function"!=typeof o)throw new TypeError("Object not disposable.");e.stack.push({value:r,dispose:o,async:t})}else t&&e.stack.push({async:!0});return r}var M="function"==typeof SuppressedError?SuppressedError:function(e,r,t){var o=new Error(t);return o.name="SuppressedError",o.error=e,o.suppressed=r,o};function k(e){function r(r){e.error=e.hasError?new M(r,e.error,"An error was suppressed during disposal."):r,e.hasError=!0}return function t(){for(;e.stack.length;){var o=e.stack.pop();try{var n=o.dispose&&o.dispose.call(o.value);if(o.async)return Promise.resolve(n).then(t,(function(e){return r(e),t()}))}catch(e){r(e)}}if(e.hasError)throw e.error}()}const D={__extends:n,__assign:a,__rest:l,__decorate:c,__param:i,__metadata:p,__awaiter:y,__generator:b,__createBinding:m,__exportStar:_,__values:w,__read:h,__spread:v,__spreadArrays:P,__spreadArray:S,__await:g,__asyncGenerator:O,__asyncDelegator:j,__asyncValues:E,__makeTemplateObject:x,__importStar:T,__importDefault:z,__classPrivateFieldGet:C,__classPrivateFieldSet:V,__classPrivateFieldIn:I,__addDisposableResource:H,__disposeResources:k}}},n={};function a(e){var r=n[e];if(void 0!==r)return r.exports;var t=n[e]={exports:{}};return o[e](t,t.exports,a),t.exports}a.d=(e,r)=>{for(var t in r)a.o(r,t)&&!a.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:r[t]})},a.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),a.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var l={};return(()=>{var e=l;Object.defineProperty(e,"__esModule",{value:!0}),e.ScrollPane=void 0;var r=a(627);Object.defineProperty(e,"ScrollPane",{enumerable:!0,get:function(){return r.ScrollPane}})})(),l})()));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nimbus-ds/scroll-pane",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "ScrollPane component handles responsive scrolls in lists that are overflowing inside a container.",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",
@@ -41,7 +41,7 @@
     "url": "https://github.com/TiendaNube/nimbus-design-system/issues"
   },
   "peerDependencies": {
-    "@nimbus-ds/styles": "^9.18.0",
+    "@nimbus-ds/styles": "^9.24.1",
     "react": "^16.8 || ^17.0 || ^18.0",
     "react-dom": "^16.8 || ^17.0 || ^18.0"
   },
@@ -49,11 +49,11 @@
     "@nimbus-ds/box": "^4.2.0"
   },
   "devDependencies": {
-    "@nimbus-ds/button": "^2.6.1",
+    "@nimbus-ds/button": "^2.7.0",
     "@nimbus-ds/card": "^3.1.2",
-    "@nimbus-ds/icon": "^3.1.0",
-    "@nimbus-ds/icons": "^1.11.0",
+    "@nimbus-ds/icon": "^3.2.1",
+    "@nimbus-ds/icons": "^1.12.0",
     "@nimbus-ds/text": "^6.4.0",
-    "@nimbus-ds/webpack": "^1.5.1"
+    "@nimbus-ds/webpack": "^1.7.0"
   }
 }