@nimbus-ds/components 5.8.0 → 5.8.2

package/dist/Popover/index.js

@@ -0,0 +1,2 @@
+"use client";
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("@floating-ui/react"),require("@nimbus-ds/styles")):"function"==typeof define&&define.amd?define(["react","@floating-ui/react","@nimbus-ds/styles"],t):"object"==typeof exports?exports["@nimbus-ds/components"]=t(require("react"),require("@floating-ui/react"),require("@nimbus-ds/styles")):e["@nimbus-ds/components"]=t(e.react,e["@floating-ui/react"],e["@nimbus-ds/styles"])}(global,((e,t,r)=>(()=>{"use strict";var n={6801:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.Popover=void 0;const n=r(5608).__importStar(r(9155)),o=r(4955),a=r(4367),i=({className:e,style:t,visible:r,onVisibility:i,backgroundColor:s="neutral-background",position:c="bottom",padding:l="base",width:u="fit-content",arrow:f=!0,offset:p=10,enabledHover:d=!1,enabledDismiss:y=!0,enabledClick:_=!0,matchReferenceWidth:b=!1,children:v,content:h,...m})=>{const{className:w,style:g,otherProps:P}=a.popover.sprinkle({...m,width:u,padding:l,backgroundColor:s,color:s}),O=(0,n.useRef)(null),[j,S]=(0,n.useState)(!1),x=(0,n.useMemo)((()=>void 0===r?j:r),[r,j]),E=[(0,o.offset)(p),(0,o.arrow)({element:O}),(0,o.shift)(),(0,o.flip)({crossAxis:c.includes("-"),fallbackAxisSideDirection:"end",padding:5}),b&&(0,o.size)({apply({rects:e,elements:t}){Object.assign(t.floating.style,{width:`${e.reference.width}px`})}})].filter((e=>!1!==e)),{refThemeProvider:T}=(0,a.useTheme)(),{context:k,floatingStyles:D}=(0,o.useFloating)({open:x,placement:c,strategy:"fixed",middleware:E,whileElementsMounted:o.autoUpdate,onOpenChange:void 0!==i?i:S}),{getReferenceProps:F,getFloatingProps:R}=(0,o.useInteractions)([(0,o.useHover)(k,{enabled:d,restMs:50,delay:{close:100},handleClose:(0,o.safePolygon)({buffer:1})}),(0,o.useClick)(k,{enabled:_}),(0,o.useDismiss)(k,{enabled:y})]);return n.default.createElement(n.default.Fragment,null,n.default.createElement("div",{"data-testid":"popover-container",ref:k.refs.setReference,...F()},"function"==typeof v?v({open:x,setVisibility:S}):v),n.default.createElement(o.FloatingPortal,{id:"nimbus-popover-floating",root:T?.current},x&&n.default.createElement("div",{...P,ref:k.refs.setFloating,className:[a.popover.classnames.content,w].join(" "),style:{...g,...D},...R()},h,f&&n.default.createElement(o.FloatingArrow,{"data-testid":"arrow-element",ref:O,context:k,fill:"currentColor"}))))};t.Popover=i,i.displayName="Popover"},4955:e=>{e.exports=t},4367:e=>{e.exports=r},9155:t=>{t.exports=e},5608:(e,t,r)=>{r.r(t),r.d(t,{__addDisposableResource:()=>A,__assign:()=>a,__asyncDelegator:()=>S,__asyncGenerator:()=>j,__asyncValues:()=>x,__await:()=>O,__awaiter:()=>y,__classPrivateFieldGet:()=>F,__classPrivateFieldIn:()=>I,__classPrivateFieldSet:()=>R,__createBinding:()=>b,__decorate:()=>s,__disposeResources:()=>M,__esDecorate:()=>l,__exportStar:()=>v,__extends:()=>o,__generator:()=>_,__importDefault:()=>D,__importStar:()=>k,__makeTemplateObject:()=>E,__metadata:()=>d,__param:()=>c,__propKey:()=>f,__read:()=>m,__rest:()=>i,__runInitializers:()=>u,__setFunctionName:()=>p,__spread:()=>w,__spreadArray:()=>P,__spreadArrays:()=>g,__values:()=>h,default:()=>q});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 s(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 s=e.length-1;s>=0;s--)(o=e[s])&&(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 l(e,t,r,n,o,a){function i(e){if(void 0!==e&&"function"!=typeof e)throw new TypeError("Function expected");return e}for(var s,c=n.kind,l="getter"===c?"get":"setter"===c?"set":"value",u=!t&&e?n.static?e:e.prototype:null,f=t||(u?Object.getOwnPropertyDescriptor(u,n.name):{}),p=!1,d=r.length-1;d>=0;d--){var y={};for(var _ in n)y[_]="access"===_?{}:n[_];for(var _ in n.access)y.access[_]=n.access[_];y.addInitializer=function(e){if(p)throw new TypeError("Cannot add initializers after decoration has completed");a.push(i(e||null))};var b=(0,r[d])("accessor"===c?{get:f.get,set:f.set}:f[l],y);if("accessor"===c){if(void 0===b)continue;if(null===b||"object"!=typeof b)throw new TypeError("Object expected");(s=i(b.get))&&(f.get=s),(s=i(b.set))&&(f.set=s),(s=i(b.init))&&o.unshift(s)}else(s=i(b))&&("field"===c?o.unshift(s):f[l]=s)}u&&Object.defineProperty(u,n.name,f),p=!0}function u(e,t,r){for(var n=arguments.length>2,o=0;o<t.length;o++)r=n?t[o].call(e,r):t[o].call(e);return n?r:void 0}function f(e){return"symbol"==typeof e?e:"".concat(e)}function p(e,t,r){return"symbol"==typeof t&&(t=t.description?"[".concat(t.description,"]"):""),Object.defineProperty(e,"name",{configurable:!0,value:r?"".concat(r," ",t):t})}function d(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)}function y(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 s(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,s)}c((n=n.apply(e,t||[])).next())}))}function _(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:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function s(s){return function(c){return function(s){if(r)throw new TypeError("Generator is already executing.");for(;a&&(a=0,s[0]&&(i=0)),i;)try{if(r=1,n&&(o=2&s[0]?n.return:s[0]?n.throw||((o=n.return)&&o.call(n),0):n.next)&&!(o=o.call(n,s[1])).done)return o;switch(n=0,o&&(s=[2&s[0],o.value]),s[0]){case 0:case 1:o=s;break;case 4:return i.label++,{value:s[1],done:!1};case 5:i.label++,n=s[1],s=[0];continue;case 7:s=i.ops.pop(),i.trys.pop();continue;default:if(!(o=i.trys,(o=o.length>0&&o[o.length-1])||6!==s[0]&&2!==s[0])){i=0;continue}if(3===s[0]&&(!o||s[1]>o[0]&&s[1]<o[3])){i.label=s[1];break}if(6===s[0]&&i.label<o[1]){i.label=o[1],o=s;break}if(o&&i.label<o[2]){i.label=o[2],i.ops.push(s);break}o[2]&&i.ops.pop(),i.trys.pop();continue}s=t.call(e,i)}catch(e){s=[6,e],n=0}finally{r=o=0}if(5&s[0])throw s[1];return{value:s[0]?s[1]:void 0,done:!0}}([s,c])}}}var b=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 v(e,t){for(var r in e)"default"===r||Object.prototype.hasOwnProperty.call(t,r)||b(t,e,r)}function h(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 m(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 w(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(m(arguments[t]));return e}function g(){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,s=a.length;i<s;i++,o++)n[o]=a[i];return n}function P(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 O(e){return this instanceof O?(this.v=e,this):new O(e)}function j(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||s(e,t)}))})}function s(e,t){try{(r=o[e](t)).value instanceof O?Promise.resolve(r.value.v).then(c,l):u(a[0][2],r)}catch(e){u(a[0][3],e)}var r}function c(e){s("next",e)}function l(e){s("throw",e)}function u(e,t){e(t),a.shift(),a.length&&s(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:O(e[n](t)),done:!1}:o?o(t):t}:o}}function x(e){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var t,r=e[Symbol.asyncIterator];return r?r.call(e):(e=h(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 E(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}var T=Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t};function k(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&b(t,e,r);return T(t,e),t}function D(e){return e&&e.__esModule?e:{default:e}}function F(e,t,r,n){if("a"===r&&!n)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!n:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===r?n:"a"===r?n.call(e):n?n.value:t.get(e)}function R(e,t,r,n,o){if("m"===n)throw new TypeError("Private method is not writable");if("a"===n&&!o)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?e!==t||!o:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===n?o.call(e,r):o?o.value=r:t.set(e,r),r}function I(e,t){if(null===t||"object"!=typeof t&&"function"!=typeof t)throw new TypeError("Cannot use 'in' operator on non-object");return"function"==typeof e?t===e:e.has(t)}function A(e,t,r){if(null!=t){if("object"!=typeof t&&"function"!=typeof t)throw new TypeError("Object expected.");var n;if(r){if(!Symbol.asyncDispose)throw new TypeError("Symbol.asyncDispose is not defined.");n=t[Symbol.asyncDispose]}if(void 0===n){if(!Symbol.dispose)throw new TypeError("Symbol.dispose is not defined.");n=t[Symbol.dispose]}if("function"!=typeof n)throw new TypeError("Object not disposable.");e.stack.push({value:t,dispose:n,async:r})}else r&&e.stack.push({async:!0});return t}var C="function"==typeof SuppressedError?SuppressedError:function(e,t,r){var n=new Error(r);return n.name="SuppressedError",n.error=e,n.suppressed=t,n};function M(e){function t(t){e.error=e.hasError?new C(t,e.error,"An error was suppressed during disposal."):t,e.hasError=!0}return function r(){for(;e.stack.length;){var n=e.stack.pop();try{var o=n.dispose&&n.dispose.call(n.value);if(n.async)return Promise.resolve(o).then(r,(function(e){return t(e),r()}))}catch(e){t(e)}}if(e.hasError)throw e.error}()}const q={__extends:o,__assign:a,__rest:i,__decorate:s,__param:c,__metadata:d,__awaiter:y,__generator:_,__createBinding:b,__exportStar:v,__values:h,__read:m,__spread:w,__spreadArrays:g,__spreadArray:P,__await:O,__asyncGenerator:j,__asyncDelegator:S,__asyncValues:x,__makeTemplateObject:E,__importStar:k,__importDefault:D,__classPrivateFieldGet:F,__classPrivateFieldSet:R,__classPrivateFieldIn:I,__addDisposableResource:A,__disposeResources:M}}},o={};function a(e){var t=o[e];if(void 0!==t)return t.exports;var r=o[e]={exports:{}};return n[e](r,r.exports,a),r.exports}a.d=(e,t)=>{for(var r in t)a.o(t,r)&&!a.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},a.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),a.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var i={};return(()=>{var e=i;Object.defineProperty(e,"__esModule",{value:!0}),e.Popover=void 0;const t=a(6801);var r=a(6801);Object.defineProperty(e,"Popover",{enumerable:!0,get:function(){return r.Popover}}),e.default=t.Popover})(),i})()));

package/dist/README.md

@@ -0,0 +1,235 @@
+# `@nimbus-ds/components`
+
+[![@nimbus-ds/components](https://img.shields.io/npm/v/@nimbus-ds/components?label=%40nimbus-ds%2Fcomponents)](https://www.npmjs.com/package/@nimbus-ds/components)
+
+Nimbus components is a component library built with [React](https://reactjs.org), designed to help our teams and ecosystem build better products for our merchants.
+
+## 🚀 Getting started
+
+Install `@nimbus-ds/components` using any package manager.
+
+```sh
+$ yarn add @nimbus-ds/components
+# or
+$ npm install @nimbus-ds/components
+```
+
+## 💻 Usage
+
+```jsx
+import { Button } from "@nimbus-ds/components";
+
+const ComponentExample = () => <Button>Hello World</Button>;
+```
+
+For more information about our components, check out our [Storybook](https://tiendanube.github.io/nimbus-design-system/).
+
+### Folder & file structures 📁 📄
+
+- For best practices in structure files please read this [document](https://redux.js.org/style-guide/style-guide#structure-files-as-feature-folders-with-single-file-logic)
+- When creating a new component, do so inside the **src/atomic** or **src/composite** directory
+
+```
+  ├─ 📁 src
+  │  └─ 📁 atomic/composite
+```
+
+- Every directory must contain a 📄 **CHANGELOG.md** which serves to document all changes and changes made to each component.
+
+```
+  ├─ 📁 src
+  │  ├─ 📁 atomic/composite
+  │  │  ├─ 📁 ComponentExample
+  │  │  │  ├─ 📁 src
+  │  │  │  └─ CHANGELOG.md
+```
+
+- Every directory should contain a 📄 **README.md** which serves to document the installation steps and a brief summary of each component.
+
+```
+  ├─ 📁 src
+  │  ├─ 📁 atomic/composite
+  │  │  ├─ 📁 ComponentExample
+  │  │  │  ├─ 📁 src
+  │  │  │  ├─ CHANGELOG.md
+  │  │  │  └─ README.md
+```
+
+- The directory should have the same name as the component. The component file should have the name of the component in Pascal Case format and the extension `.tsx`
+
+```
+  ├─ 📁 src
+  │  ├─ 📁 atomic/composite
+  │  │  ├─ 📁 ComponentExample
+  │  │  │  ├─ 📁 src
+  │  │  │  │  └─ ComponentExample.tsx
+  │  │  │  ├─ CHANGELOG.md
+  │  │  │  └─ README.md
+```
+
+- Every directory should contain a 📄 **index.ts** which serves as an entry point for the module, component, utils and/or hooks.
+
+```
+  ├─ 📁 src
+  │  ├─ 📁 atomic/composite
+  │  │  ├─ 📁 ComponentExample
+  │  │  │  ├─ 📁 src
+  │  │  │  │  ├─ index.ts
+  │  │  │  │  └─ ComponentExample.tsx
+  │  │  │  ├─ CHANGELOG.md
+  │  │  │  └─ README.md
+```
+
+- Every component, utils and/or hooks should come with a test. The test must have the same name as the file being tested and the extension must be `.spec.tsx`
+
+```
+  ├─ 📁 src
+  │  ├─ 📁 atomic/composite
+  │  │  ├─ 📁 ComponentExample
+  │  │  │  ├─ 📁 src
+  │  │  │  │  ├─ index.ts
+  │  │  │  │  ├─ ComponentExample.tsx
+  │  │  │  │  └─ componentExample.spec.tsx
+  │  │  │  ├─ CHANGELOG.md
+  │  │  │  └─ README.md
+```
+
+- Every component must come with documentation. The documentation must have the same name as the file being documented and the extension must be `.stories.tsx`.
+
+```
+  ├─ 📁 src
+  │  ├─ 📁 atomic/composite
+  │  │  ├─ 📁 ComponentExample
+  │  │  │  ├─ 📁 src
+  │  │  │  │  ├─ index.ts
+  │  │  │  │  ├─ ComponentExample.tsx
+  │  │  │  │  ├─ componentExample.spec.tsx
+  │  │  │  │  └─ componentExample.stories.tsx
+  │  │  │  ├─ CHANGELOG.md
+  │  │  │  └─ README.md
+```
+
+- Every component must come with a typing. The type must have the same name as the file being documented and the extension must be `.types.tsx`.
+
+```
+  ├─ 📁 src
+  │  ├─ 📁 atomic/composite
+  │  │  ├─ 📁 ComponentExample
+  │  │  │  ├─ 📁 src
+  │  │  │  │  ├─ index.ts
+  │  │  │  │  ├─ ComponentExample.tsx
+  │  │  │  │  ├─ componentExample.spec.tsx
+  │  │  │  │  ├─ componentExample.stories.tsx
+  │  │  │  │  └─ componentExample.types.ts
+  │  │  │  ├─ CHANGELOG.md
+  │  │  │  └─ README.md
+```
+
+- If a component has one or more children components, a subdirectory **📁 components** must be created inside de main directory of the component.
+
+```
+  ├─ 📁 src
+  │  ├─ 📁 atomic/composite
+  │  │  ├─ 📁 ComponentExample
+  │  │  │  ├─ 📁 src
+  │  │  │  │  ├─ 📁 components
+  │  │  │  │  │  ├─ 📁 ComponentChild
+  │  │  │  │  │  │  ├─ index.ts
+  │  │  │  │  │  │  ├─ ComponentChild.tsx
+  │  │  │  │  │  │  ├─ componentChild.spec.tsx
+  │  │  │  │  │  │  └─ componentExample.types.ts
+  │  │  │  │  │  └─ index.ts
+  │  │  │  │  ├─ index.ts
+  │  │  │  │  ├─ ComponentExample.tsx
+  │  │  │  │  ├─ componentExample.spec.tsx
+  │  │  │  │  ├─ componentExample.stories.tsx
+  │  │  │  │  └─ componentExample.types.ts
+  │  │  │  ├─ CHANGELOG.md
+  │  │  │  └─ README.md
+```
+
+### Component coding 🤖 ⌨️
+
+- The component should have the same name as the file using Pascal Case format. It should be declared in a Arrow Function, always typying the expected answer and making the default export at the end of the file.
+
+  ```jsx
+  // ComponentExample.tsx
+  import React from "react";
+
+  const ComponentExample: React.FC = () => <div>...</div>;
+
+  export { ComponentExample };
+  ```
+
+- If the component has props, they will be imported from the corresponding `.definitions.ts` file adding initial prefix corresponding to their type. Example interface ` ILogin`, type `TLogin`, enum `ELogin`.
+
+  ```jsx
+  // ComponentExample.tsx
+  import React from "react";
+  import { ComponentExampleProps } from "./componentExampleProps.types";
+
+  const ComponentExample: React.FC<ComponentExampleProps> = ({
+    title,
+    description,
+  }) => (
+    <div>
+      <h1>{title}</h1>
+      <p>{description}</p>
+    </div>
+  );
+
+  export { ComponentExample };
+  ```
+
+### Testing 🧪🔬
+
+- For testing best practices, please read this [document](https://kentcdodds.com/blog/common-mistakes-with-react-testing-library).
+- To create a test is necessary to import from the testing library both the render and the screen.
+
+```jsx
+import { render, screen } from "@testing-library/react";
+```
+
+- The component to be tested should also be imported.
+
+```jsx
+import { render, screen } from "@testing-library/react";
+import { ComponentExample } from "./ComponentExample";
+```
+
+- The heading of the tests must be written following the order Given-When-Then [Documentation](https://cucumber.io/docs/gherkin/reference/)
+  - **Given** represents a precondition
+  - **When** an action
+  - **Then** a result or consequence of the action (user acceptance criteria).
+  - **And** a result or consequence of other consequence (user acceptance criteria).
+  - **But** a result which should not be possibly observable
+
+```jsx
+import { render, screen } from "@testing-library/react";
+import { ComponentExample } from "./ComponentExample";
+
+describe("GIVEN <ComponentExample />", () => {
+  describe("WHEN rendered", () => {
+      it("THEN should display the correct text", () => {
+        ...
+      });
+  });
+});
+```
+
+- In this first instance, we will verify the right rendering of the component by checking the text in each of the elements.
+
+```jsx
+import { render, screen } from "@testing-library/react";
+import { ComponentExample } from "./ComponentExample";
+
+describe("GIVEN <ComponentExample />", () => {
+  describe("WHEN rendered", () => {
+    it("THEN should display the correct text", () => {
+      render(<ComponentExample title="title" description="description" />);
+      expect(screen.getByText(/title/i)).toBeInTheDocument();
+      expect(screen.getByText(/description/i)).toBeInTheDocument();
+    });
+  });
+});
+```

package/dist/Radio/index.d.ts

@@ -0,0 +1,62 @@
+// Generated by dts-bundle-generator v7.2.0
+
+import React from 'react';
+import { HTMLAttributes, InputHTMLAttributes } from 'react';
+
+export interface SkeletonProperties {
+	/**
+	 * Width of the skeleton. Useful when the skeleton is inside an inline element with no width of its own.
+	 */
+	width: string;
+	/**
+	 * Height of the skeleton. Useful when you don't want to adapt the skeleton to a text element but for instance a card.
+	 */
+	height: string;
+	/**
+	 * The border radius of the skeleton.
+	 */
+	borderRadius?: string;
+	/**
+	 * This is an attribute used to identify a DOM node for testing purposes.
+	 */
+	"data-testid"?: string;
+}
+export type SkeletonProps = SkeletonProperties & HTMLAttributes<HTMLDivElement>;
+export type RadioSkeletonProperties = Partial<Pick<SkeletonProps, "width">> & Partial<Pick<RadioProps, "as">> & {
+	/**
+	 * This is an attribute used to identify a DOM node for testing purposes.
+	 */
+	"data-testid"?: string;
+};
+export type RadioSkeletonProps = RadioSkeletonProperties;
+export declare const RadioSkeleton: React.FC<RadioSkeletonProps>;
+export interface RadioComponents {
+	Skeleton: typeof RadioSkeleton;
+}
+export interface RadioProperties {
+	/**
+	 * Name attribute of the input element.
+	 */
+	name: string;
+	/**
+	 * Change the visual style of the radio.
+	 * @default radio
+	 */
+	as?: "radio" | "button";
+	/**
+	 * Modifies true/false value of the native radio.
+	 */
+	checked?: boolean;
+	/**
+	 * Modifies the native disabled state of the native radio.
+	 */
+	disabled?: boolean;
+	/**
+	 * Text to be rendered inside the component.
+	 */
+	label?: string;
+}
+export type RadioProps = RadioProperties & InputHTMLAttributes<HTMLInputElement>;
+export declare const Radio: React.FC<RadioProps> & RadioComponents;
+
+export {};

package/dist/Radio/index.js

@@ -0,0 +1,2 @@
+"use client";
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("@nimbus-ds/styles")):"function"==typeof define&&define.amd?define(["react","@nimbus-ds/styles"],t):"object"==typeof exports?exports["@nimbus-ds/components"]=t(require("react"),require("@nimbus-ds/styles")):e["@nimbus-ds/components"]=t(e.react,e["@nimbus-ds/styles"])}(global,((e,t)=>(()=>{"use strict";var r={9003:(e,t,r)=>{function n(e){var t=e.match(/^var\((.*)\)$/);return t?t[1]:e}function o(e,t){var r=e;for(var n of t){if(!(n in r))throw new Error("Path ".concat(t.join(" -> ")," does not exist in object"));r=r[n]}return r}function a(e,t){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[],n=e.constructor();for(var o in e){var i=e[o],s=[...r,o];"string"==typeof i||"number"==typeof i||null==i?n[o]=t(i,s):"object"!=typeof i||Array.isArray(i)?console.warn('Skipping invalid key "'.concat(s.join("."),'". Should be a string, number, null or object. Received: "').concat(Array.isArray(i)?"Array":typeof i,'"')):n[o]=a(i,t,s)}return n}function i(e,t){var r={};if("object"==typeof t){var i=e;a(t,((e,t)=>{if(null!=e){var a=o(i,t);r[n(a)]=String(e)}}))}else{var s=e;for(var c in s){var l=s[c];null!=l&&(r[n(c)]=l)}}return Object.defineProperty(r,"toString",{value:function(){return Object.keys(this).map((e=>"".concat(e,":").concat(this[e]))).join(";")},writable:!1}),r}function s(e,t,r){e.style.setProperty(n(t),r)}function c(e,t,r){if("object"==typeof r){var n=t;a(r,((t,r)=>{null!=t&&s(e,o(n,r),String(t))}))}else{var i=t;for(var c in i){null!=i[c]&&s(e,c,i[c])}}}r.r(t),r.d(t,{assignInlineVars:()=>i,setElementVars:()=>c})},8117:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.Radio=void 0;const n=r(5608).__importStar(r(9155)),o=r(5084),a=r(4367),i=r(165),s=({className:e,style:t,as:r="radio",label:i,id:s,name:c,disabled:l,...u})=>{const f=(0,n.useMemo)((()=>"radio"===r),[r]),d=(0,n.useMemo)((()=>l&&!f),[f,l]);return n.default.createElement("label",{htmlFor:s||c,className:[a.radio.classnames.container,a.radio.sprinkle({cursor:l?"auto":"pointer"})].join(" ")},n.default.createElement("input",{...u,id:s||c,name:c,type:"radio",className:a.radio.classnames.container__input,disabled:l}),f&&n.default.createElement("span",{"data-testid":"checkmark-element",className:a.radio.classnames.container__checkmark},n.default.createElement("div",{"data-testid":"checkicon-element",className:a.radio.classnames.container__checkicon})),i&&n.default.createElement("div",{"data-testid":"content-element",className:a.radio.classnames.container__content[d?"disabled":r]},n.default.createElement(o.Text,{"data-testid":"text",color:"currentColor",fontSize:f?"base":"caption",lineHeight:"caption"},i)))};t.Radio=s,s.Skeleton=i.RadioSkeleton,s.displayName="Radio",s.Skeleton.displayName="Radio.Skeleton"},9829:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0});const n=r(5608);n.__exportStar(r(8912),t),n.__exportStar(r(165),t)},7850:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.RadioSkeleton=void 0;const n=r(5608).__importStar(r(9155)),o=r(7940),a=r(4367);t.RadioSkeleton=({width:e,as:t="radio","data-testid":r})=>{const i=(0,n.useMemo)((()=>"radio"===t),[t]);return n.default.createElement("div",{className:a.radio.classnames.container},i&&n.default.createElement(o.Skeleton,{"data-testid":"checkmark-element",width:"1rem",height:"1rem",borderRadius:"0.75rem"}),n.default.createElement(o.Skeleton,{width:e??i?"2rem":"3.5rem",height:i?"1rem":"1.8rem",borderRadius:"0.25rem","data-testid":r}))}},8686:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.RadioSkeleton=void 0;const n=r(7850);var o=r(7850);Object.defineProperty(t,"RadioSkeleton",{enumerable:!0,get:function(){return o.RadioSkeleton}}),t.default=n.RadioSkeleton},165:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0});r(5608).__exportStar(r(8686),t)},8912:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.Radio=void 0;const n=r(8117);var o=r(8117);Object.defineProperty(t,"Radio",{enumerable:!0,get:function(){return o.Radio}}),t.default=n.Radio},5579:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.Skeleton=void 0;const n=r(5608).__importDefault(r(9155)),o=r(9003),a=r(4367),i=({className:e,style:t,height:r,width:i,borderRadius:s="0",...c})=>n.default.createElement("div",{className:a.skeleton.classnames.base,style:(0,o.assignInlineVars)({[a.vars.width]:i,[a.vars.height]:r,[a.vars.borderRadius]:s}),...c});t.Skeleton=i,i.displayName="Skeleton"},7940:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.Skeleton=void 0;const n=r(5579);var o=r(5579);Object.defineProperty(t,"Skeleton",{enumerable:!0,get:function(){return o.Skeleton}}),t.default=n.Skeleton},7155:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.Text=void 0;const n=r(5608).__importDefault(r(9155)),o=r(4367),a=r(7769),i=({className:e,style:t,as:r="p",color:a="neutral-textLow",textAlign:i="left",lineHeight:s="base",fontWeight:c="regular",fontSize:l="base",children:u,lineClamp:f,...d})=>{const{className:p,style:y,otherProps:_}=o.text.sprinkle({...d,color:a,textAlign:i,lineHeight:s,fontWeight:c,fontSize:l,WebkitLineClamp:f});return n.default.createElement(r,{...d,className:[o.text.classnames.base,f&&o.text.classnames.trim,p].join(" "),style:y,..._},u)};t.Text=i,i.Skeleton=a.TextSkeleton,i.displayName="Text",i.Skeleton.displayName="Text.Skeleton"},6816:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.TextSkeleton=void 0;const n=r(5608).__importDefault(r(9155)),o=r(7940),a=r(9096);t.TextSkeleton=({fontSize:e="caption",width:t,height:r,"data-testid":i})=>n.default.createElement(o.Skeleton,{width:t??a.sizes[e].width,height:r??a.sizes[e].height,"data-testid":i,borderRadius:"0.25rem"})},8494:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.TextSkeleton=void 0;const n=r(6816);var o=r(6816);Object.defineProperty(t,"TextSkeleton",{enumerable:!0,get:function(){return o.TextSkeleton}}),t.default=n.TextSkeleton},9096:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.sizes=void 0,t.sizes={caption:{width:"2rem",height:"1rem"},base:{width:"2rem",height:"1.25rem"},highlight:{width:"2rem",height:"1.125rem"}}},7769:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0});r(5608).__exportStar(r(8494),t)},5084:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.Text=void 0;const n=r(7155);var o=r(7155);Object.defineProperty(t,"Text",{enumerable:!0,get:function(){return o.Text}}),t.default=n.Text},4367:e=>{e.exports=t},9155:t=>{t.exports=e},5608:(e,t,r)=>{r.r(t),r.d(t,{__addDisposableResource:()=>D,__assign:()=>a,__asyncDelegator:()=>P,__asyncGenerator:()=>O,__asyncValues:()=>x,__await:()=>j,__awaiter:()=>y,__classPrivateFieldGet:()=>M,__classPrivateFieldIn:()=>A,__classPrivateFieldSet:()=>N,__createBinding:()=>m,__decorate:()=>s,__disposeResources:()=>z,__esDecorate:()=>l,__exportStar:()=>b,__extends:()=>o,__generator:()=>_,__importDefault:()=>R,__importStar:()=>T,__makeTemplateObject:()=>k,__metadata:()=>p,__param:()=>c,__propKey:()=>f,__read:()=>h,__rest:()=>i,__runInitializers:()=>u,__setFunctionName:()=>d,__spread:()=>w,__spreadArray:()=>S,__spreadArrays:()=>g,__values:()=>v,default:()=>F});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 s(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 s=e.length-1;s>=0;s--)(o=e[s])&&(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 l(e,t,r,n,o,a){function i(e){if(void 0!==e&&"function"!=typeof e)throw new TypeError("Function expected");return e}for(var s,c=n.kind,l="getter"===c?"get":"setter"===c?"set":"value",u=!t&&e?n.static?e:e.prototype:null,f=t||(u?Object.getOwnPropertyDescriptor(u,n.name):{}),d=!1,p=r.length-1;p>=0;p--){var y={};for(var _ in n)y[_]="access"===_?{}:n[_];for(var _ in n.access)y.access[_]=n.access[_];y.addInitializer=function(e){if(d)throw new TypeError("Cannot add initializers after decoration has completed");a.push(i(e||null))};var m=(0,r[p])("accessor"===c?{get:f.get,set:f.set}:f[l],y);if("accessor"===c){if(void 0===m)continue;if(null===m||"object"!=typeof m)throw new TypeError("Object expected");(s=i(m.get))&&(f.get=s),(s=i(m.set))&&(f.set=s),(s=i(m.init))&&o.unshift(s)}else(s=i(m))&&("field"===c?o.unshift(s):f[l]=s)}u&&Object.defineProperty(u,n.name,f),d=!0}function u(e,t,r){for(var n=arguments.length>2,o=0;o<t.length;o++)r=n?t[o].call(e,r):t[o].call(e);return n?r:void 0}function f(e){return"symbol"==typeof e?e:"".concat(e)}function d(e,t,r){return"symbol"==typeof t&&(t=t.description?"[".concat(t.description,"]"):""),Object.defineProperty(e,"name",{configurable:!0,value:r?"".concat(r," ",t):t})}function p(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)}function y(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 s(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,s)}c((n=n.apply(e,t||[])).next())}))}function _(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:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function s(s){return function(c){return function(s){if(r)throw new TypeError("Generator is already executing.");for(;a&&(a=0,s[0]&&(i=0)),i;)try{if(r=1,n&&(o=2&s[0]?n.return:s[0]?n.throw||((o=n.return)&&o.call(n),0):n.next)&&!(o=o.call(n,s[1])).done)return o;switch(n=0,o&&(s=[2&s[0],o.value]),s[0]){case 0:case 1:o=s;break;case 4:return i.label++,{value:s[1],done:!1};case 5:i.label++,n=s[1],s=[0];continue;case 7:s=i.ops.pop(),i.trys.pop();continue;default:if(!(o=i.trys,(o=o.length>0&&o[o.length-1])||6!==s[0]&&2!==s[0])){i=0;continue}if(3===s[0]&&(!o||s[1]>o[0]&&s[1]<o[3])){i.label=s[1];break}if(6===s[0]&&i.label<o[1]){i.label=o[1],o=s;break}if(o&&i.label<o[2]){i.label=o[2],i.ops.push(s);break}o[2]&&i.ops.pop(),i.trys.pop();continue}s=t.call(e,i)}catch(e){s=[6,e],n=0}finally{r=o=0}if(5&s[0])throw s[1];return{value:s[0]?s[1]:void 0,done:!0}}([s,c])}}}var m=Object.create?function(e,t,r,n){void 0===n&&(n=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,n,o)}:function(e,t,r,n){void 0===n&&(n=r),e[n]=t[r]};function b(e,t){for(var r in e)"default"===r||Object.prototype.hasOwnProperty.call(t,r)||m(t,e,r)}function v(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 h(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 w(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(h(arguments[t]));return e}function g(){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,s=a.length;i<s;i++,o++)n[o]=a[i];return n}function S(e,t,r){if(r||2===arguments.length)for(var n,o=0,a=t.length;o<a;o++)!n&&o in t||(n||(n=Array.prototype.slice.call(t,0,o)),n[o]=t[o]);return e.concat(n||Array.prototype.slice.call(t))}function j(e){return this instanceof j?(this.v=e,this):new j(e)}function O(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||s(e,t)}))})}function s(e,t){try{(r=o[e](t)).value instanceof j?Promise.resolve(r.value.v).then(c,l):u(a[0][2],r)}catch(e){u(a[0][3],e)}var r}function c(e){s("next",e)}function l(e){s("throw",e)}function u(e,t){e(t),a.shift(),a.length&&s(a[0][0],a[0][1])}}function P(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:j(e[n](t)),done:!1}:o?o(t):t}:o}}function x(e){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var t,r=e[Symbol.asyncIterator];return r?r.call(e):(e=v(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 k(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}var E=Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t};function T(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&m(t,e,r);return E(t,e),t}function R(e){return e&&e.__esModule?e:{default:e}}function M(e,t,r,n){if("a"===r&&!n)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!n:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===r?n:"a"===r?n.call(e):n?n.value:t.get(e)}function 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 A(e,t){if(null===t||"object"!=typeof t&&"function"!=typeof t)throw new TypeError("Cannot use 'in' operator on non-object");return"function"==typeof e?t===e:e.has(t)}function D(e,t,r){if(null!=t){if("object"!=typeof t&&"function"!=typeof t)throw new TypeError("Object expected.");var n;if(r){if(!Symbol.asyncDispose)throw new TypeError("Symbol.asyncDispose is not defined.");n=t[Symbol.asyncDispose]}if(void 0===n){if(!Symbol.dispose)throw new TypeError("Symbol.dispose is not defined.");n=t[Symbol.dispose]}if("function"!=typeof n)throw new TypeError("Object not disposable.");e.stack.push({value:t,dispose:n,async:r})}else r&&e.stack.push({async:!0});return t}var I="function"==typeof SuppressedError?SuppressedError:function(e,t,r){var n=new Error(r);return n.name="SuppressedError",n.error=e,n.suppressed=t,n};function z(e){function t(t){e.error=e.hasError?new I(t,e.error,"An error was suppressed during disposal."):t,e.hasError=!0}return function r(){for(;e.stack.length;){var n=e.stack.pop();try{var o=n.dispose&&n.dispose.call(n.value);if(n.async)return Promise.resolve(o).then(r,(function(e){return t(e),r()}))}catch(e){t(e)}}if(e.hasError)throw e.error}()}const F={__extends:o,__assign:a,__rest:i,__decorate:s,__param:c,__metadata:p,__awaiter:y,__generator:_,__createBinding:m,__exportStar:b,__values:v,__read:h,__spread:w,__spreadArrays:g,__spreadArray:S,__await:j,__asyncGenerator:O,__asyncDelegator:P,__asyncValues:x,__makeTemplateObject:k,__importStar:T,__importDefault:R,__classPrivateFieldGet:M,__classPrivateFieldSet:N,__classPrivateFieldIn:A,__addDisposableResource:D,__disposeResources:z}}},n={};function o(e){var t=n[e];if(void 0!==t)return t.exports;var a=n[e]={exports:{}};return r[e](a,a.exports,o),a.exports}return o.d=(e,t)=>{for(var r in t)o.o(t,r)&&!o.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),o.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o(9829)})()));

package/dist/Select/index.d.ts

@@ -0,0 +1,81 @@
+// Generated by dts-bundle-generator v7.2.0
+
+import React from 'react';
+import { ComponentPropsWithRef, HTMLAttributes, OptgroupHTMLAttributes, OptionHTMLAttributes, ReactNode } from 'react';
+
+export interface SelectGroupProperties {
+	/**
+	 * Label for the option group.
+	 */
+	label: string;
+	/**
+	 * The content of the option group.
+	 * @TJS-type React.ReactNode
+	 */
+	children: ReactNode;
+}
+export type SelectGroupProps = SelectGroupProperties & OptgroupHTMLAttributes<HTMLOptGroupElement>;
+export declare const SelectGroup: React.FC<SelectGroupProps>;
+export interface SelectOptionProperties {
+	/**
+	 * Label for the option.
+	 */
+	label: string;
+	/**
+	 * Value of the option
+	 */
+	value: string;
+}
+export type SelectOptionProps = SelectOptionProperties & OptionHTMLAttributes<HTMLOptionElement>;
+export declare const SelectOption: React.FC<SelectOptionProps>;
+export interface SkeletonProperties {
+	/**
+	 * Width of the skeleton. Useful when the skeleton is inside an inline element with no width of its own.
+	 */
+	width: string;
+	/**
+	 * Height of the skeleton. Useful when you don't want to adapt the skeleton to a text element but for instance a card.
+	 */
+	height: string;
+	/**
+	 * The border radius of the skeleton.
+	 */
+	borderRadius?: string;
+	/**
+	 * This is an attribute used to identify a DOM node for testing purposes.
+	 */
+	"data-testid"?: string;
+}
+export type SkeletonProps = SkeletonProperties & HTMLAttributes<HTMLDivElement>;
+export type SelectSkeletonProperties = Partial<Pick<SkeletonProps, "width" | "data-testid">>;
+export type SelectSkeletonProps = SelectSkeletonProperties;
+export declare const SelectSkeleton: React.FC<SelectSkeletonProps>;
+export interface SelectComponents {
+	Group: typeof SelectGroup;
+	Option: typeof SelectOption;
+	Skeleton: typeof SelectSkeleton;
+}
+export interface SelectProperties {
+	/**
+	 * The name of the wrapper element or the select element when native.
+	 */
+	name: string;
+	/**
+	 * The id of the wrapper element or the select element when native.
+	 */
+	id: string;
+	/**
+	 * The content of the select.
+	 * @TJS-type React.ReactNode
+	 */
+	children: ReactNode;
+	/**
+	 * Change the visual style of the select.
+	 * @default neutral
+	 */
+	appearance?: "success" | "warning" | "danger" | "neutral";
+}
+export declare const Select: React.ForwardRefExoticComponent<SelectProperties & React.SelectHTMLAttributes<HTMLSelectElement> & React.InputHTMLAttributes<HTMLSelectElement> & React.RefAttributes<HTMLSelectElement>> & SelectComponents;
+export type SelectProps = ComponentPropsWithRef<typeof Select>;
+
+export {};