@nimbus-ds/select 2.1.0 → 2.2.0

package/CHANGELOG.md

@@ -2,6 +2,12 @@
 
 Use a select box when a user needs to select one option from a list.
 
+## 2023-02-23 `2.2.0`
+
+### 🎉 New features
+
+- Added server side-rendering support to component. ([#99](https://github.com/TiendaNube/nimbus-design-system/pull/99) by [@juniorconquista](https://github.com/juniorconquista))
+
 ## 2023-02-16 `2.1.0`
 
 ### 🎉 New features

package/README.md

@@ -2,7 +2,7 @@
 
 [![@nimbus-ds/select](https://img.shields.io/npm/v/@nimbus-ds/select?select=%40nimbus-ds%2Fselect)](https://www.npmjs.com/package/@nimbus-ds/select)
 
-Use a select box when a user needs to select one option from a list.
+The Select component allows the user to select an option from a list.
 
 ## Installation
 
@@ -12,6 +12,40 @@ $ yarn add @nimbus-ds/select
 $ npm install @nimbus-ds/select
 ```
 
+### Component Anatomy
+
+The component consists of a field with a dropdown list.
+
+## Guidelines
+
+We use this component when we need the user to enter information in a form, selecting a single option from a dropdown list.
+
+### Select native
+
+This component is dependent on each browser's native select, so the look of the list of options will depend directly on the operating system and browser used.
+
+### Content
+
+Given that Select is a component that interacts directly with the user of an application or page, it is important that the information shown is clear and correct and helps guide you when filling out a form.
+
+In the first place, we must always accompany the Select with a Label component, which properly informs the data that must be inserted. This label must be visible at all times, as it helps the user to understand the information being requested.
+
+Within the list of options, the text of each item should be brief so as not to overload with information. In addition, if there are many items, we can use groups to divide the options into categories.
+
+### Recommendation for use
+
+- Select options in lists with more than 7 items
+- Select a configuration
+- Select a massive action
+
+### Related components
+
+- Radio - Can be used to select a single option from a list of less than 7 items.
+- Toggle - Can be used to toggle binary options on and off.
+- Checkbox - Can be used to select multiple options from a list.
+
 ## Usage
 
 View docs [here](https://nimbus.nuvemshop.com.br/documentation/atomic-components/select).
+
+<img alt="Nimbus" style="margin-bottom: 30px;" src="https://tiendanube.github.io/design-system-nimbus/static/media/nimbus-logo.ab60bd79.png" height="30" />

package/dist/index.js

@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("@nimbus-ds/styles"),require("@nimbus-ds/icon"),require("@nimbus-ds/icons"),require("@nimbus-ds/skeleton")):"function"==typeof define&&define.amd?define(["react","@nimbus-ds/styles","@nimbus-ds/icon","@nimbus-ds/icons","@nimbus-ds/skeleton"],t):"object"==typeof exports?exports["@nimbus-ds/select"]=t(require("react"),require("@nimbus-ds/styles"),require("@nimbus-ds/icon"),require("@nimbus-ds/icons"),require("@nimbus-ds/skeleton")):e["@nimbus-ds/select"]=t(e.react,e["@nimbus-ds/styles"],e["@nimbus-ds/icon"],e["@nimbus-ds/icons"],e["@nimbus-ds/skeleton"])}(self,((e,t,r,n,o)=>(()=>{"use strict";var a={578:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.Select=void 0;const n=r(15).__importDefault(r(156)),o=r(990),a=r(633),i=r(215),l=r(612),c=({className:e,style:t,name:r,id:l,children:c,appearance:u="neutral",...s})=>n.default.createElement("div",{className:o.select.classnames.wrapper},n.default.createElement("div",{className:o.select.classnames.icon},n.default.createElement(a.Icon,{source:n.default.createElement(i.ChevronDownIcon,null),color:"primary.textHigh"})),n.default.createElement("select",{...s,id:l,name:r,className:o.select.classnames.appearance[u]},c));t.Select=c,c.Group=l.SelectGroup,c.Option=l.SelectOption,c.Skeleton=l.SelectSkeleton,c.displayName="Select",c.Group.displayName="Select.Group",c.Option.displayName="Select.Option",c.Skeleton.displayName="Select.Skeleton"},317:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.SelectGroup=void 0;const n=r(15).__importDefault(r(156));t.SelectGroup=({className:e,style:t,label:r,children:o,...a})=>n.default.createElement("optgroup",{...a,label:r},o)},786:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.SelectGroup=void 0;const n=r(317);var o=r(317);Object.defineProperty(t,"SelectGroup",{enumerable:!0,get:function(){return o.SelectGroup}}),t.default=n.SelectGroup},526:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.SelectOption=void 0;const n=r(15).__importDefault(r(156));t.SelectOption=({className:e,style:t,label:r,value:o,...a})=>n.default.createElement("option",{...a,label:r,value:o})},705:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.SelectOption=void 0;const n=r(526);var o=r(526);Object.defineProperty(t,"SelectOption",{enumerable:!0,get:function(){return o.SelectOption}}),t.default=n.SelectOption},605:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.SelectSkeleton=void 0;const n=r(15).__importDefault(r(156)),o=r(678);t.SelectSkeleton=({width:e,"data-testid":t})=>n.default.createElement(o.Skeleton,{width:e??"15rem",height:"2.25rem",borderRadius:"0.5rem","data-testid":t})},101:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.SelectSkeleton=void 0;const n=r(605);var o=r(605);Object.defineProperty(t,"SelectSkeleton",{enumerable:!0,get:function(){return o.SelectSkeleton}}),t.default=n.SelectSkeleton},612:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0});const n=r(15);n.__exportStar(r(786),t),n.__exportStar(r(705),t),n.__exportStar(r(101),t)},15:(e,t,r)=>{r.r(t),r.d(t,{__assign:()=>a,__asyncDelegator:()=>w,__asyncGenerator:()=>S,__asyncValues:()=>O,__await:()=>h,__awaiter:()=>s,__classPrivateFieldGet:()=>k,__classPrivateFieldIn:()=>M,__classPrivateFieldSet:()=>E,__createBinding:()=>p,__decorate:()=>l,__exportStar:()=>d,__extends:()=>o,__generator:()=>f,__importDefault:()=>x,__importStar:()=>P,__makeTemplateObject:()=>j,__metadata:()=>u,__param:()=>c,__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 c(e,t){return function(r,n){t(r,n,e)}}function u(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)}function s(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 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 p=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 d(e,t){for(var r in e)"default"===r||Object.prototype.hasOwnProperty.call(t,r)||p(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 S(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,u):s(a[0][2],r)}catch(e){s(a[0][3],e)}var r}function c(e){l("next",e)}function u(e){l("throw",e)}function s(e,t){e(t),a.shift(),a.length&&l(a[0][0],a[0][1])}}function w(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 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=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 j(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}var g=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)&&p(t,e,r);return g(t,e),t}function x(e){return e&&e.__esModule?e:{default:e}}function k(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 E(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 M(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)}},633:e=>{e.exports=r},215:e=>{e.exports=n},678:e=>{e.exports=o},990:e=>{e.exports=t},156:t=>{t.exports=e}},i={};function l(e){var t=i[e];if(void 0!==t)return t.exports;var r=i[e]={exports:{}};return a[e](r,r.exports,l),r.exports}l.d=(e,t)=>{for(var r in t)l.o(t,r)&&!l.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},l.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),l.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var c={};return(()=>{var e=c;Object.defineProperty(e,"__esModule",{value:!0}),e.Select=void 0;const t=l(578);var r=l(578);Object.defineProperty(e,"Select",{enumerable:!0,get:function(){return r.Select}}),e.default=t.Select})(),c})()));
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("@nimbus-ds/styles"),require("@nimbus-ds/icon"),require("@nimbus-ds/icons"),require("@nimbus-ds/skeleton")):"function"==typeof define&&define.amd?define(["react","@nimbus-ds/styles","@nimbus-ds/icon","@nimbus-ds/icons","@nimbus-ds/skeleton"],t):"object"==typeof exports?exports["@nimbus-ds/select"]=t(require("react"),require("@nimbus-ds/styles"),require("@nimbus-ds/icon"),require("@nimbus-ds/icons"),require("@nimbus-ds/skeleton")):e["@nimbus-ds/select"]=t(e.react,e["@nimbus-ds/styles"],e["@nimbus-ds/icon"],e["@nimbus-ds/icons"],e["@nimbus-ds/skeleton"])}(global,((e,t,r,n,o)=>(()=>{"use strict";var a={578:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.Select=void 0;const n=r(15).__importDefault(r(156)),o=r(990),a=r(633),l=r(215),i=r(612),c=({className:e,style:t,name:r,id:i,children:c,appearance:u="neutral",...s})=>n.default.createElement("div",{className:o.select.classnames.wrapper},n.default.createElement("div",{className:o.select.classnames.icon},n.default.createElement(a.Icon,{source:n.default.createElement(l.ChevronDownIcon,null),color:"primary.textHigh"})),n.default.createElement("select",{...s,id:i,name:r,className:o.select.classnames.appearance[u]},c));t.Select=c,c.Group=i.SelectGroup,c.Option=i.SelectOption,c.Skeleton=i.SelectSkeleton,c.displayName="Select",c.Group.displayName="Select.Group",c.Option.displayName="Select.Option",c.Skeleton.displayName="Select.Skeleton"},317:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.SelectGroup=void 0;const n=r(15).__importDefault(r(156));t.SelectGroup=({className:e,style:t,label:r,children:o,...a})=>n.default.createElement("optgroup",{...a,label:r},o)},786:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.SelectGroup=void 0;const n=r(317);var o=r(317);Object.defineProperty(t,"SelectGroup",{enumerable:!0,get:function(){return o.SelectGroup}}),t.default=n.SelectGroup},526:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.SelectOption=void 0;const n=r(15).__importDefault(r(156));t.SelectOption=({className:e,style:t,label:r,value:o,...a})=>n.default.createElement("option",{...a,label:r,value:o})},705:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.SelectOption=void 0;const n=r(526);var o=r(526);Object.defineProperty(t,"SelectOption",{enumerable:!0,get:function(){return o.SelectOption}}),t.default=n.SelectOption},605:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.SelectSkeleton=void 0;const n=r(15).__importDefault(r(156)),o=r(678);t.SelectSkeleton=({width:e,"data-testid":t})=>n.default.createElement(o.Skeleton,{width:e??"15rem",height:"2.25rem",borderRadius:"0.5rem","data-testid":t})},101:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.SelectSkeleton=void 0;const n=r(605);var o=r(605);Object.defineProperty(t,"SelectSkeleton",{enumerable:!0,get:function(){return o.SelectSkeleton}}),t.default=n.SelectSkeleton},612:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0});const n=r(15);n.__exportStar(r(786),t),n.__exportStar(r(705),t),n.__exportStar(r(101),t)},15:(e,t,r)=>{r.r(t),r.d(t,{__assign:()=>a,__asyncDelegator:()=>w,__asyncGenerator:()=>S,__asyncValues:()=>O,__await:()=>h,__awaiter:()=>s,__classPrivateFieldGet:()=>k,__classPrivateFieldIn:()=>M,__classPrivateFieldSet:()=>E,__createBinding:()=>p,__decorate:()=>i,__exportStar:()=>d,__extends:()=>o,__generator:()=>f,__importDefault:()=>x,__importStar:()=>P,__makeTemplateObject:()=>j,__metadata:()=>u,__param:()=>c,__read:()=>b,__rest:()=>l,__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 l(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 i(e,t,r,n){var o,a=arguments.length,l=a<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,r):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,r,n);else for(var i=e.length-1;i>=0;i--)(o=e[i])&&(l=(a<3?o(l):a>3?o(t,r,l):o(t,r))||l);return a>3&&l&&Object.defineProperty(t,r,l),l}function c(e,t){return function(r,n){t(r,n,e)}}function u(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)}function s(e,t,r,n){return new(r||(r=Promise))((function(o,a){function l(e){try{c(n.next(e))}catch(e){a(e)}}function i(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(l,i)}c((n=n.apply(e,t||[])).next())}))}function f(e,t){var r,n,o,a,l={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return a={next:i(0),throw:i(1),return:i(2)},"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function i(a){return function(i){return function(a){if(r)throw new TypeError("Generator is already executing.");for(;l;)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 l.label++,{value:a[1],done:!1};case 5:l.label++,n=a[1],a=[0];continue;case 7:a=l.ops.pop(),l.trys.pop();continue;default:if(!(o=l.trys,(o=o.length>0&&o[o.length-1])||6!==a[0]&&2!==a[0])){l=0;continue}if(3===a[0]&&(!o||a[1]>o[0]&&a[1]<o[3])){l.label=a[1];break}if(6===a[0]&&l.label<o[1]){l.label=o[1],o=a;break}if(o&&l.label<o[2]){l.label=o[2],l.ops.push(a);break}o[2]&&l.ops.pop(),l.trys.pop();continue}a=t.call(e,l)}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,i])}}}var p=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 d(e,t){for(var r in e)"default"===r||Object.prototype.hasOwnProperty.call(t,r)||p(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),l=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)l.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 l}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],l=0,i=a.length;l<i;l++,o++)n[o]=a[l];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 S(e,t,r){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var n,o=r.apply(e,t||[]),a=[];return n={},l("next"),l("throw"),l("return"),n[Symbol.asyncIterator]=function(){return this},n;function l(e){o[e]&&(n[e]=function(t){return new Promise((function(r,n){a.push([e,t,r,n])>1||i(e,t)}))})}function i(e,t){try{(r=o[e](t)).value instanceof h?Promise.resolve(r.value.v).then(c,u):s(a[0][2],r)}catch(e){s(a[0][3],e)}var r}function c(e){i("next",e)}function u(e){i("throw",e)}function s(e,t){e(t),a.shift(),a.length&&i(a[0][0],a[0][1])}}function w(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 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=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 j(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}var g=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)&&p(t,e,r);return g(t,e),t}function x(e){return e&&e.__esModule?e:{default:e}}function k(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 E(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 M(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)}},633:e=>{e.exports=r},215:e=>{e.exports=n},678:e=>{e.exports=o},990:e=>{e.exports=t},156:t=>{t.exports=e}},l={};function i(e){var t=l[e];if(void 0!==t)return t.exports;var r=l[e]={exports:{}};return a[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 c={};return(()=>{var e=c;Object.defineProperty(e,"__esModule",{value:!0}),e.Select=void 0;const t=i(578);var r=i(578);Object.defineProperty(e,"Select",{enumerable:!0,get:function(){return r.Select}}),e.default=t.Select})(),c})()));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nimbus-ds/select",
-  "version": "2.1.0",
+  "version": "2.2.0",
   "license": "MIT",
   "main": "dist/index.js",
   "files": [
@@ -14,8 +14,8 @@
     "version": "yarn version"
   },
   "dependencies": {
-    "@nimbus-ds/icons": "^1.0.0",
-    "@nimbus-ds/skeleton": "^2.0.0"
+    "@nimbus-ds/icons": "^1.1.0",
+    "@nimbus-ds/skeleton": "^2.1.0"
   },
   "peerDependencies": {
     "react": "^16.8 || ^17.0 || ^18.0",