@nimbus-ds/sidebar 2.2.0 → 2.2.1

package/CHANGELOG.md

@@ -2,6 +2,13 @@
 
 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.
 
+## 2023-05-22 `2.2.1`
+
+### 📚 3rd party library updates
+
+- Removed `@floating-ui/react-dom-interactions`. ([#157](https://github.com/TiendaNube/nimbus-design-system/pull/157) by [@juanchigallego](https://github.com/juanchigallego))
+- Added `@floating-ui/react`. ([#157](https://github.com/TiendaNube/nimbus-design-system/pull/157) by [@juanchigallego](https://github.com/juanchigallego))
+
 ## 2023-03-13 `2.2.0`
 
 ### 💡 Others
@@ -38,6 +45,7 @@ The Sidebar component is a large floating container that goes into the page from
 - Removed `terser-webpack-plugin@5.3.5`. ([#63](https://github.com/TiendaNube/nimbus-design-system/pull/63) by [@juniorconquista](https://github.com/juniorconquista))
 - Removed `ts-loader@9.3.1`. ([#63](https://github.com/TiendaNube/nimbus-design-system/pull/63) by [@juniorconquista](https://github.com/juniorconquista))
 - Removed `webpack-cli@4.10.0`. ([#63](https://github.com/TiendaNube/nimbus-design-system/pull/63) by [@juniorconquista](https://github.com/juniorconquista))
+- Removed `webpack@5.74.0`. ([#63](https://github.com/TiendaNube/nimbus-design-system/pull/63) by [@juniorconquista](https://github.com/juniorconquista))
 - Removed `typescript@4.7.4`. ([#63](https://github.com/TiendaNube/nimbus-design-system/pull/63) by [@juniorconquista](https://github.com/juniorconquista))
 
 ## 2022-12-01 `1.2.0`

package/dist/index.d.ts

@@ -81,8 +81,19 @@ declare const sidebarSprinkle: {
 };
 export type SidebarPaddingProperties = keyof typeof sidebarSprinkle.properties.padding;
 export interface SidebarSprinkle {
+	/**
+	 * The maxWidth property specifies the maxWidth of a sidebar's content area.
+	 * @default 375px
+	 */
 	maxWidth?: string | Conditions<string>;
+	/**
+	 * The zIndex property specifies the stack order of the sidebar.
+	 */
 	zIndex?: number | Conditions<number>;
+	/**
+	 * The padding properties are used to generate space around an sidebar's content area.
+	 * @default base
+	 */
 	padding?: SidebarPaddingProperties | Conditions<SidebarPaddingProperties>;
 }
 declare const sidebar: {
@@ -164,47 +175,85 @@ declare const sidebar: {
 		isVisible: string;
 	};
 };
-export interface SidebarBodyProps extends HTMLAttributes<HTMLElement> {
-	/** Body content */
+export interface SidebarBodyProperties {
+	/**
+	 * The content of the sidebar body.
+	 * @TJS-type React.ReactNode
+	 */
 	children: ReactNode;
-	/** Sidebar padding */
+	/**
+	 * The padding properties are used to generate space around an sidebar's body content area.
+	 * @default base
+	 */
 	padding?: keyof typeof sidebar.properties.padding;
 }
+export type SidebarBodyProps = SidebarBodyProperties & HTMLAttributes<HTMLElement>;
 declare const SidebarBody: React.FC<SidebarBodyProps>;
-export interface SidebarFooterProps extends HTMLAttributes<HTMLElement> {
-	/** Footer content */
+export interface SidebarFooterProperties {
+	/**
+	 * The content of the sidebar footer.
+	 * @TJS-type React.ReactNode
+	 */
 	children: ReactNode;
-	/** Sidebar padding */
+	/**
+	 * The padding properties are used to generate space around an sidebar's footer content area.
+	 * @default base
+	 */
 	padding?: keyof typeof sidebar.properties.padding;
 }
+export type SidebarFooterProps = SidebarFooterProperties & HTMLAttributes<HTMLElement>;
 declare const SidebarFooter: React.FC<SidebarFooterProps>;
-export interface SidebarHeaderProps extends HTMLAttributes<HTMLElement> {
-	/** Header content */
+export interface SidebarHeaderProperties {
+	/**
+	 * The content of the sidebar header.
+	 * @TJS-type React.ReactNode
+	 */
 	children?: ReactNode;
-	/** Header title */
+	/**
+	 * The title to display in the sidebar header.
+	 */
 	title?: string;
-	/** Sidebar padding */
+	/**
+	 * The padding properties are used to generate space around an sidebar's header content area.
+	 * @default base
+	 */
 	padding?: keyof typeof sidebar.properties.padding;
 }
+export type SidebarHeaderProps = SidebarHeaderProperties & HTMLAttributes<HTMLElement>;
 declare const SidebarHeader: React.FC<SidebarHeaderProps>;
-export type SidebarExtends = SidebarSprinkle & HTMLAttributes<HTMLDivElement>;
 export interface SidebarComponents {
 	Body: typeof SidebarBody;
 	Footer: typeof SidebarFooter;
 	Header: typeof SidebarHeader;
 }
-export interface SidebarProps extends SidebarExtends {
-	/** Sidebar position */
+export interface SidebarProperties extends SidebarSprinkle {
+	/**
+	 * Side from which the sidebar will appear.
+	 * @default right
+	 */
 	position?: "right" | "left";
-	/** Sidebar padding */
+	/**
+	 * The padding properties are used to generate space around an sidebar's content area.
+	 * @default base
+	 */
 	padding?: keyof typeof sidebar.properties.padding;
-	/** Sidebar body content */
+	/**
+	 * The content of the sidebar.
+	 * @TJS-type React.ReactNode
+	 */
 	children: ReactNode;
-	/** Function to be passed on actioning the dismiss button */
+	/**
+	 * Callback fired when the component requests to be closed.
+	 * () => void;
+	 */
 	onRemove?: () => void;
-	/** Controls the menu display */
+	/**
+	 * Determines if the sidebar is shown or not.
+	 * @default true
+	 */
 	open?: boolean;
 }
+export type SidebarProps = SidebarProperties & HTMLAttributes<HTMLDivElement>;
 export declare const Sidebar: React.FC<SidebarProps> & SidebarComponents;
 
 export {

package/dist/index.js

@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("@floating-ui/react-dom-interactions"),require("@nimbus-ds/styles"),require("@nimbus-ds/title")):"function"==typeof define&&define.amd?define(["react","@floating-ui/react-dom-interactions","@nimbus-ds/styles","@nimbus-ds/title"],t):"object"==typeof exports?exports["@nimbus-ds/sidebar"]=t(require("react"),require("@floating-ui/react-dom-interactions"),require("@nimbus-ds/styles"),require("@nimbus-ds/title")):e["@nimbus-ds/sidebar"]=t(e.react,e["@floating-ui/react-dom-interactions"],e["@nimbus-ds/styles"],e["@nimbus-ds/title"])}(global,((e,t,r,n)=>(()=>{"use strict";var o={111:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.Sidebar=void 0;const n=r(15).__importDefault(r(156)),o=r(105),a=r(990),i=r(612),l=({className:e,style:t,title:r,position:i="right",maxWidth:l="375px",open:c=!1,children:s,onRemove:u,...d})=>{const{className:f,style:y,otherProps:p}=a.sidebar.sprinkle({...d,maxWidth:l});return n.default.createElement(o.FloatingPortal,{id:"nimbus-sidebar"},n.default.createElement("div",{...p,role:d.role||"presentation",style:y,className:[a.sidebar.classnames.container,a.sidebar.classnames.position[i],f,c&&a.sidebar.classnames.isVisible].join(" ")},s),c&&n.default.createElement("button",{"aria-label":"overlay","data-testid":"overlay-sidebar-button",type:"button",className:a.sidebar.classnames.overlay,onClick:u}))};t.Sidebar=l,l.Body=i.SidebarBody,l.Footer=i.SidebarFooter,l.Header=i.SidebarHeader,l.displayName="Sidebar",l.Body.displayName="Sidebar.Body",l.Footer.displayName="Sidebar.Footer",l.Header.displayName="Sidebar.Header"},175:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.SidebarBody=void 0;const n=r(15).__importDefault(r(156)),o=r(990);t.SidebarBody=({className:e,style:t,children:r,...a})=>{const{className:i,style:l,otherProps:c}=o.sidebar.sprinkle(a);return n.default.createElement("div",{...c,style:l,className:[o.sidebar.classnames.container__body,i].join(" ")},r)}},383:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.SidebarBody=void 0;const n=r(175);var o=r(175);Object.defineProperty(t,"SidebarBody",{enumerable:!0,get:function(){return o.SidebarBody}}),t.default=n.SidebarBody},637:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.SidebarFooter=void 0;const n=r(15).__importDefault(r(156)),o=r(990);t.SidebarFooter=({className:e,style:t,children:r,...a})=>{const{className:i,style:l,otherProps:c}=o.sidebar.sprinkle(a);return n.default.createElement("div",{...c,style:l,className:[i,o.sidebar.classnames.container__footer].join(" ")},r)}},521:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.SidebarFooter=void 0;const n=r(637);var o=r(637);Object.defineProperty(t,"SidebarFooter",{enumerable:!0,get:function(){return o.SidebarFooter}}),t.default=n.SidebarFooter},324:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.SidebarHeader=void 0;const n=r(15).__importDefault(r(156)),o=r(892),a=r(990);t.SidebarHeader=({className:e,style:t,title:r,children:i,...l})=>{const{className:c,style:s,otherProps:u}=a.sidebar.sprinkle(l);return n.default.createElement("div",{...u,style:s,className:[c,a.sidebar.classnames.container__header].join(" ")},r&&n.default.createElement(o.Title,{"data-testid":"header-title"},r),i)}},377:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.SidebarHeader=void 0;const n=r(324);var o=r(324);Object.defineProperty(t,"SidebarHeader",{enumerable:!0,get:function(){return o.SidebarHeader}}),t.default=n.SidebarHeader},612:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0});const n=r(15);n.__exportStar(r(383),t),n.__exportStar(r(521),t),n.__exportStar(r(377),t)},15:(e,t,r)=>{r.r(t),r.d(t,{__assign:()=>a,__asyncDelegator:()=>S,__asyncGenerator:()=>w,__asyncValues:()=>j,__await:()=>h,__awaiter:()=>u,__classPrivateFieldGet:()=>E,__classPrivateFieldIn:()=>T,__classPrivateFieldSet:()=>N,__createBinding:()=>f,__decorate:()=>l,__exportStar:()=>y,__extends:()=>o,__generator:()=>d,__importDefault:()=>x,__importStar:()=>g,__makeTemplateObject:()=>O,__metadata:()=>s,__param:()=>c,__read:()=>b,__rest:()=>i,__spread:()=>m,__spreadArray:()=>v,__spreadArrays:()=>_,__values:()=>p});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 l(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 l=e.length-1;l>=0;l--)(o=e[l])&&(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 c(e,t){return function(r,n){t(r,n,e)}}function s(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)}function u(e,t,r,n){return new(r||(r=Promise))((function(o,a){function i(e){try{c(n.next(e))}catch(e){a(e)}}function l(e){try{c(n.throw(e))}catch(e){a(e)}}function c(e){var t;e.done?o(e.value):(t=e.value,t instanceof r?t:new r((function(e){e(t)}))).then(i,l)}c((n=n.apply(e,t||[])).next())}))}function d(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:l(0),throw:l(1),return:l(2)},"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function l(a){return function(l){return function(a){if(r)throw new TypeError("Generator is already executing.");for(;i;)try{if(r=1,n&&(o=2&a[0]?n.return:a[0]?n.throw||((o=n.return)&&o.call(n),0):n.next)&&!(o=o.call(n,a[1])).done)return o;switch(n=0,o&&(a=[2&a[0],o.value]),a[0]){case 0:case 1:o=a;break;case 4:return i.label++,{value:a[1],done:!1};case 5:i.label++,n=a[1],a=[0];continue;case 7:a=i.ops.pop(),i.trys.pop();continue;default:if(!(o=i.trys,(o=o.length>0&&o[o.length-1])||6!==a[0]&&2!==a[0])){i=0;continue}if(3===a[0]&&(!o||a[1]>o[0]&&a[1]<o[3])){i.label=a[1];break}if(6===a[0]&&i.label<o[1]){i.label=o[1],o=a;break}if(o&&i.label<o[2]){i.label=o[2],i.ops.push(a);break}o[2]&&i.ops.pop(),i.trys.pop();continue}a=t.call(e,i)}catch(e){a=[6,e],n=0}finally{r=o=0}if(5&a[0])throw a[1];return{value:a[0]?a[1]:void 0,done:!0}}([a,l])}}}var f=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 y(e,t){for(var r in e)"default"===r||Object.prototype.hasOwnProperty.call(t,r)||f(t,e,r)}function p(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 b(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 m(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(b(arguments[t]));return e}function _(){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,l=a.length;i<l;i++,o++)n[o]=a[i];return n}function v(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 h(e){return this instanceof h?(this.v=e,this):new h(e)}function w(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||l(e,t)}))})}function l(e,t){try{(r=o[e](t)).value instanceof h?Promise.resolve(r.value.v).then(c,s):u(a[0][2],r)}catch(e){u(a[0][3],e)}var r}function c(e){l("next",e)}function s(e){l("throw",e)}function u(e,t){e(t),a.shift(),a.length&&l(a[0][0],a[0][1])}}function S(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:h(e[n](t)),done:"return"===n}:o?o(t):t}:o}}function j(e){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var t,r=e[Symbol.asyncIterator];return r?r.call(e):(e=p(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 O(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}var P=Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t};function g(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)&&f(t,e,r);return P(t,e),t}function x(e){return e&&e.__esModule?e:{default:e}}function E(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 N(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 T(e,t){if(null===t||"object"!=typeof t&&"function"!=typeof t)throw new TypeError("Cannot use 'in' operator on non-object");return"function"==typeof e?t===e:e.has(t)}},105:e=>{e.exports=t},990:e=>{e.exports=r},892:e=>{e.exports=n},156:t=>{t.exports=e}},a={};function i(e){var t=a[e];if(void 0!==t)return t.exports;var r=a[e]={exports:{}};return o[e](r,r.exports,i),r.exports}i.d=(e,t)=>{for(var r in t)i.o(t,r)&&!i.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},i.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),i.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var l={};return(()=>{var e=l;Object.defineProperty(e,"__esModule",{value:!0}),e.Sidebar=void 0;const t=i(111);var r=i(111);Object.defineProperty(e,"Sidebar",{enumerable:!0,get:function(){return r.Sidebar}}),e.default=t.Sidebar})(),l})()));
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("@floating-ui/react"),require("@nimbus-ds/styles"),require("@nimbus-ds/title")):"function"==typeof define&&define.amd?define(["react","@floating-ui/react","@nimbus-ds/styles","@nimbus-ds/title"],t):"object"==typeof exports?exports["@nimbus-ds/sidebar"]=t(require("react"),require("@floating-ui/react"),require("@nimbus-ds/styles"),require("@nimbus-ds/title")):e["@nimbus-ds/sidebar"]=t(e.react,e["@floating-ui/react"],e["@nimbus-ds/styles"],e["@nimbus-ds/title"])}(global,((e,t,r,n)=>(()=>{"use strict";var o={111:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.Sidebar=void 0;const n=r(15).__importDefault(r(156)),o=r(367),a=r(990),i=r(612),l=({className:e,style:t,position:r="right",maxWidth:i="375px",open:l=!1,children:s,onRemove:c,...u})=>{const{className:f,style:d,otherProps:p}=a.sidebar.sprinkle({...u,maxWidth:i}),{context:y}=(0,o.useFloating)({open:l,onOpenChange:c}),b=(0,o.useDismiss)(y,{outsidePressEvent:"mousedown"}),{getFloatingProps:m}=(0,o.useInteractions)([b]);return l?n.default.createElement(o.FloatingPortal,{id:"nimbus-sidebar"},n.default.createElement(o.FloatingOverlay,{className:a.sidebar.classnames.overlay,lockScroll:!0,"data-testid":"overlay-sidebar-button"},n.default.createElement(o.FloatingFocusManager,{context:y},n.default.createElement("div",{...p,ref:y.refs.setFloating,role:u.role||"presentation",style:d,...m(),className:[a.sidebar.classnames.container,a.sidebar.classnames.position[r],f,l&&a.sidebar.classnames.isVisible].join(" ")},s)))):null};t.Sidebar=l,l.Body=i.SidebarBody,l.Footer=i.SidebarFooter,l.Header=i.SidebarHeader,l.displayName="Sidebar",l.Body.displayName="Sidebar.Body",l.Footer.displayName="Sidebar.Footer",l.Header.displayName="Sidebar.Header"},175:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.SidebarBody=void 0;const n=r(15).__importDefault(r(156)),o=r(990);t.SidebarBody=({className:e,style:t,children:r,...a})=>{const{className:i,style:l,otherProps:s}=o.sidebar.sprinkle(a);return n.default.createElement("div",{...s,style:l,className:[o.sidebar.classnames.container__body,i].join(" ")},r)}},383:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.SidebarBody=void 0;const n=r(175);var o=r(175);Object.defineProperty(t,"SidebarBody",{enumerable:!0,get:function(){return o.SidebarBody}}),t.default=n.SidebarBody},637:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.SidebarFooter=void 0;const n=r(15).__importDefault(r(156)),o=r(990);t.SidebarFooter=({className:e,style:t,children:r,...a})=>{const{className:i,style:l,otherProps:s}=o.sidebar.sprinkle(a);return n.default.createElement("div",{...s,style:l,className:[i,o.sidebar.classnames.container__footer].join(" ")},r)}},521:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.SidebarFooter=void 0;const n=r(637);var o=r(637);Object.defineProperty(t,"SidebarFooter",{enumerable:!0,get:function(){return o.SidebarFooter}}),t.default=n.SidebarFooter},324:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.SidebarHeader=void 0;const n=r(15).__importDefault(r(156)),o=r(892),a=r(990);t.SidebarHeader=({className:e,style:t,title:r,children:i,...l})=>{const{className:s,style:c,otherProps:u}=a.sidebar.sprinkle(l);return n.default.createElement("div",{...u,style:c,className:[s,a.sidebar.classnames.container__header].join(" ")},r&&n.default.createElement(o.Title,{"data-testid":"header-title"},r),i)}},377:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.SidebarHeader=void 0;const n=r(324);var o=r(324);Object.defineProperty(t,"SidebarHeader",{enumerable:!0,get:function(){return o.SidebarHeader}}),t.default=n.SidebarHeader},612:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0});const n=r(15);n.__exportStar(r(383),t),n.__exportStar(r(521),t),n.__exportStar(r(377),t)},15:(e,t,r)=>{r.r(t),r.d(t,{__assign:()=>a,__asyncDelegator:()=>S,__asyncGenerator:()=>w,__asyncValues:()=>g,__await:()=>h,__awaiter:()=>u,__classPrivateFieldGet:()=>E,__classPrivateFieldIn:()=>N,__classPrivateFieldSet:()=>F,__createBinding:()=>d,__decorate:()=>l,__exportStar:()=>p,__extends:()=>o,__generator:()=>f,__importDefault:()=>x,__importStar:()=>P,__makeTemplateObject:()=>O,__metadata:()=>c,__param:()=>s,__read:()=>b,__rest:()=>i,__spread:()=>m,__spreadArray:()=>_,__spreadArrays:()=>v,__values:()=>y});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 l(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 l=e.length-1;l>=0;l--)(o=e[l])&&(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 c(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)}function u(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 l(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,l)}s((n=n.apply(e,t||[])).next())}))}function f(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:l(0),throw:l(1),return:l(2)},"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function l(a){return function(l){return function(a){if(r)throw new TypeError("Generator is already executing.");for(;i;)try{if(r=1,n&&(o=2&a[0]?n.return:a[0]?n.throw||((o=n.return)&&o.call(n),0):n.next)&&!(o=o.call(n,a[1])).done)return o;switch(n=0,o&&(a=[2&a[0],o.value]),a[0]){case 0:case 1:o=a;break;case 4:return i.label++,{value:a[1],done:!1};case 5:i.label++,n=a[1],a=[0];continue;case 7:a=i.ops.pop(),i.trys.pop();continue;default:if(!(o=i.trys,(o=o.length>0&&o[o.length-1])||6!==a[0]&&2!==a[0])){i=0;continue}if(3===a[0]&&(!o||a[1]>o[0]&&a[1]<o[3])){i.label=a[1];break}if(6===a[0]&&i.label<o[1]){i.label=o[1],o=a;break}if(o&&i.label<o[2]){i.label=o[2],i.ops.push(a);break}o[2]&&i.ops.pop(),i.trys.pop();continue}a=t.call(e,i)}catch(e){a=[6,e],n=0}finally{r=o=0}if(5&a[0])throw a[1];return{value:a[0]?a[1]:void 0,done:!0}}([a,l])}}}var d=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 p(e,t){for(var r in e)"default"===r||Object.prototype.hasOwnProperty.call(t,r)||d(t,e,r)}function y(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 b(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 m(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(b(arguments[t]));return e}function v(){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,l=a.length;i<l;i++,o++)n[o]=a[i];return n}function _(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 h(e){return this instanceof h?(this.v=e,this):new h(e)}function w(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||l(e,t)}))})}function l(e,t){try{(r=o[e](t)).value instanceof h?Promise.resolve(r.value.v).then(s,c):u(a[0][2],r)}catch(e){u(a[0][3],e)}var r}function s(e){l("next",e)}function c(e){l("throw",e)}function u(e,t){e(t),a.shift(),a.length&&l(a[0][0],a[0][1])}}function S(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:h(e[n](t)),done:"return"===n}:o?o(t):t}:o}}function g(e){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var t,r=e[Symbol.asyncIterator];return r?r.call(e):(e=y(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 O(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}var j=Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t};function P(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)&&d(t,e,r);return j(t,e),t}function x(e){return e&&e.__esModule?e:{default:e}}function E(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 F(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)}},367:e=>{e.exports=t},990:e=>{e.exports=r},892:e=>{e.exports=n},156:t=>{t.exports=e}},a={};function i(e){var t=a[e];if(void 0!==t)return t.exports;var r=a[e]={exports:{}};return o[e](r,r.exports,i),r.exports}i.d=(e,t)=>{for(var r in t)i.o(t,r)&&!i.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},i.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),i.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var l={};return(()=>{var e=l;Object.defineProperty(e,"__esModule",{value:!0}),e.Sidebar=void 0;const t=i(111);var r=i(111);Object.defineProperty(e,"Sidebar",{enumerable:!0,get:function(){return r.Sidebar}}),e.default=t.Sidebar})(),l})()));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nimbus-ds/sidebar",
-  "version": "2.2.0",
+  "version": "2.2.1",
   "license": "MIT",
   "main": "dist/index.js",
   "files": [
@@ -9,13 +9,13 @@
   ],
   "sideEffects": false,
   "scripts": {
-    "build": "webpack",
+    "build": "yarn g:webpack",
     "clean": "rm -rf dist",
     "version": "yarn version"
   },
   "dependencies": {
-    "@floating-ui/react-dom-interactions": "^0.10.1",
-    "@nimbus-ds/title": "^3.0.0"
+    "@floating-ui/react": "^0.24.1",
+    "@nimbus-ds/title": "^3.1.0"
   },
   "peerDependencies": {
     "react": "^16.8 || ^17.0 || ^18.0",
@@ -30,9 +30,9 @@
     "url": "https://github.com/TiendaNube/nimbus-design-system/issues"
   },
   "devDependencies": {
-    "@nimbus-ds/box": "^3.0.0",
-    "@nimbus-ds/button": "^2.4.0",
-    "@nimbus-ds/text": "^6.0.0",
-    "webpack": "^5.74.0"
+    "@nimbus-ds/box": "^3.2.0",
+    "@nimbus-ds/button": "^2.5.0",
+    "@nimbus-ds/text": "^6.2.0",
+    "@nimbus-ds/webpack": "^1.3.1"
   }
 }