period-ui 0.1.26 → 0.1.28

package/README.md

@@ -1 +1,97 @@
-## Read me
+# Period UI
+
+Librería de componentes de UI para React basada en el Design System de [Period UI](https://www.figma.com/design/ZK3xvBxkM2rtGMkbyQycfl/Period-Design-System), creado por Billo.
+
+## 🚀 Instalación
+
+1. Instala el paquete:
+
+   ```sh
+   yarn add period-ui
+   # o
+   npm install period-ui
+   ```
+
+2. Importa los estilos globales (necesario para los iconos y fuentes):
+
+   ```js
+   import 'period-ui/dist/index.css';
+   ```
+
+> **Nota:** Asegúrate de copiar los assets de fuentes a la carpeta `/public/fonts` de tu proyecto si tu bundler no los sirve automáticamente. Verifica el build y las rutas en tu entorno.
+
+---
+
+## 💡 ¿Qué es?
+
+Period UI es una librería de componentes reutilizables, accesibles y alineados 100% al design system de Billo. Pensada para uso interno en productos y prototipos.
+
+* Componentes escritos en React + TypeScript.
+* Totalmente tipados, con sugerencias de props en IDE.
+* Estilos con Tailwind + Sass.
+* Incluye sistema de iconos propio vía fuente (`BilloIcon`).
+* Soporte a dark mode, responsive y test unitarios.
+
+Figma Design System: [Solicítalo a Fernanda López](mailto:flopez@ld.co.cr) para acceso.
+
+---
+
+## 📦 Uso básico
+
+```tsx
+import { Button } from 'period-ui';
+import 'period-ui/dist/index.css';
+
+<Button variant="primary">Hola Billo</Button>
+```
+
+---
+
+## 📚 Storybook (Probar localmente)
+
+Para ver todos los componentes y ejemplos:
+
+```sh
+yarn storybook
+```
+
+---
+
+## 🛠️ Desarrollo
+
+Si vas a contribuir o agregar un nuevo componente:
+
+* **Componentes puros y bien escritos:**
+
+    * Solo lógica relacionada al UI, sin side effects, ni dependencias externas innecesarias.
+* **Basados 100% en el Design System de Billo:**
+
+    * Debes consultar y seguir los lineamientos de Figma (pide acceso a flopez).
+* **Unit tests obligatorios:**
+
+    * Usa Vitest y Testing Library. Todo nuevo componente debe tener coverage.
+* **Stories en Storybook obligatorias:**
+
+    * Cada estado/variante debe estar documentado.
+* **Exportar correctamente el tipo de los props** para mejor DX.
+
+### Build y publicación
+
+* Build: `yarn build`
+* Subir versión: `npm version patch` (o `minor`, `major` según el cambio)
+* Publicar (solo mfernandez o haraya): `npm publish`
+
+> **NOTA:** Para publicar, debes solicitarlo a [Mario Fernández](mailto:mfernandez@ld.co.cr) o [Hans Araya](mailto:haraya@ld.co.cr).
+>
+> El design system de Figma solo puede ser editado por Fernanda López.
+
+---
+
+## 📝 Notas adicionales
+
+* Si tu app no renderiza iconos, verifica que los fonts estén correctamente servidos desde `/public/fonts` y que `index.css` esté importado en el entrypoint.
+* Si tienes dudas o mejoras, abre un PR o contacta a los responsables.
+
+---
+
+**Built with ❤ by Billo**

package/dist/components/atoms/button/button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/button/button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAc,MAAM,OAAO,CAAC;AACnD,OAAO,EAAO,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAI7D,QAAA,MAAM,YAAY;;mFAsBjB,CAAC;AAEF,KAAK,KAAK,GAAG,cAAc,CAAC,QAAQ,CAAC,GAAG,YAAY,CAAC,OAAO,YAAY,CAAC,CAAC;AAiB1E,eAAO,MAAM,MAAM,EAAgB,KAAK,CAAC,yBAAyB,CAChE,KAAK,GAAG,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAC/C,CAAC;AAEF,YAAY,EAAE,KAAK,IAAI,WAAW,EAAE,CAAC"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/button/button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAc,MAAM,OAAO,CAAC;AACnD,OAAO,EAAO,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAI7D,QAAA,MAAM,YAAY;;mFAsBjB,CAAC;AAEF,KAAK,KAAK,GAAG,cAAc,CAAC,QAAQ,CAAC,GAAG,YAAY,CAAC,OAAO,YAAY,CAAC,CAAC;AAa1E,eAAO,MAAM,MAAM,EAAgB,KAAK,CAAC,yBAAyB,CAChE,KAAK,GAAG,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAC/C,CAAC;AAEF,YAAY,EAAE,KAAK,IAAI,WAAW,EAAE,CAAC"}

package/dist/components/atoms/button/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../../src/components/atoms/button/button.tsx"],"names":[],"mappings":";;;;AAAA,iCAAmD;AACnD,uEAA6D;AAC7D,kEAAyD;AACzD,iDAA+C;AAE/C,MAAM,YAAY,GAAG,IAAA,8BAAG,EACtB;IACE,iBAAiB;IACjB,cAAc;IACd,YAAY;IACZ,mCAAmC;IACnC,mCAAmC;IACnC,6BAA6B;CAC9B,EACD;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EACL,kHAAkH;YACpH,SAAS,EACP,4JAA4J;YAC9J,WAAW,EACT,6GAA6G;SAChH;KACF;IACD,eAAe,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;CACxC,CACF,CAAC;AAIF,MAAM,SAAS,GAAG,IAAA,kBAAU,EAC1B,CAAC,EAAE,OAAO,GAAG,4BAAa,CAAC,OAAO,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAChE,OAAO,CACL,mCACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,yBAAQ,EAAC,YAAY,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,CAAC,KACrD,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,SAAS,CAAC,WAAW,GAAG,QAAQ,CAAC;AAGpB,QAAA,MAAM,GAAG,SAErB,CAAC"}
+{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../../src/components/atoms/button/button.tsx"],"names":[],"mappings":";;;;AAAA,iCAAmD;AACnD,uEAA6D;AAC7D,kEAAyD;AACzD,iDAA+C;AAE/C,MAAM,YAAY,GAAG,IAAA,8BAAG,EACtB;IACE,iBAAiB;IACjB,cAAc;IACd,YAAY;IACZ,mCAAmC;IACnC,mCAAmC;IACnC,6BAA6B;CAC9B,EACD;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EACL,kHAAkH;YACpH,SAAS,EACP,4JAA4J;YAC9J,WAAW,EACT,6GAA6G;SAChH;KACF;IACD,eAAe,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;CACxC,CACF,CAAC;AAIF,MAAM,SAAS,GAAG,IAAA,kBAAU,EAC1B,CAAC,EAAE,OAAO,GAAG,4BAAa,CAAC,OAAO,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAChE,OAAO,CACL,mCAAQ,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,IAAA,yBAAQ,EAAC,YAAY,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,CAAC,KAAM,KAAK,GAAI,CAC3F,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,SAAS,CAAC,WAAW,GAAG,QAAQ,CAAC;AAGpB,QAAA,MAAM,GAAG,SAErB,CAAC"}

package/dist/components/atoms/check-box/check-box.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"check-box.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/check-box/check-box.tsx"],"names":[],"mappings":"AACA,OAAO,EAOW,eAAe,EAChC,MAAM,cAAc,CAAC;AAItB,KAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CAC1C,CAAC;AAEF,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,UAAkB,EAClB,KAAK,EACL,SAAS,EACT,SAAS,EACT,kBAAkB,EAClB,OAAiC,EACjC,aAAwB,GACzB,EAAE,KAAK,2CAiFP;AAED,YAAY,EAAE,KAAK,IAAI,aAAa,EAAE,CAAC"}
+{"version":3,"file":"check-box.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/check-box/check-box.tsx"],"names":[],"mappings":"AACA,OAAO,EAQL,eAAe,EAChB,MAAM,cAAc,CAAC;AAItB,KAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CAC1C,CAAC;AAEF,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,UAAkB,EAClB,KAAK,EACL,SAAS,EACT,SAAS,EACT,kBAAkB,EAClB,OAAiC,EACjC,aAAwB,GACzB,EAAE,KAAK,2CAiFP;AAED,YAAY,EAAE,KAAK,IAAI,aAAa,EAAE,CAAC"}

package/dist/components/atoms/check-box/check-box.js.map

@@ -1 +1 @@
-{"version":3,"file":"check-box.js","sourceRoot":"","sources":["../../../../src/components/atoms/check-box/check-box.tsx"],"names":[],"mappings":";;AAwBA,4BA0FC;;AAlHD,iCAA4C;AAC5C,6CAQsB;AACtB,6EAAsE;AACtE,2DAAkD;AAalD,SAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,UAAU,GAAG,KAAK,EAClB,KAAK,EACL,SAAS,EACT,SAAS,EACT,kBAAkB,EAClB,OAAO,GAAG,4BAAe,CAAC,OAAO,EACjC,aAAa,GAAG,GAAG,EAAE,GAAE,CAAC,GAClB;IACN,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAU,KAAK,CAAC,CAAC;IAC3D,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,6CAAmB,GAAE,CAAC;IAE3C,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;YACxB,OAAO;QACT,CAAC;QAED,YAAY,CAAC,KAAK,CAAC,CAAC;IACtB,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,UAAU,EAAE,CAAC;YACf,OAAO;QACT,CAAC;QAED,YAAY,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC;QAEpC,IAAI,CAAC,aAAa,EAAE,CAAC;YACnB,OAAO;QACT,CAAC;QACD,aAAa,CAAC,SAAS,CAAC,CAAC;IAC3B,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,OAAO,KAAK,4BAAe,CAAC,YAAY,CAAC;IAChE,MAAM,oBAAoB,GAAG,2BAAc,CAAC,cAAc,CAAC,CAAC,CAAC,4BAAe,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;IAEhG,OAAO,CACL,2DACE,iCACE,SAAS,EAAE,IAAA,yBAAQ,EACjB,iCAAiC,EACjC,UAAU,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,gBAAgB,EACpD,kBAAkB,CACnB,EACD,OAAO,EAAE,WAAW,aAEpB,oCACE,IAAI,EAAC,UAAU,EACf,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,UAAU,EACpB,SAAS,EAAE,IAAA,yBAAQ,EACjB,2EAA2E,EAC3E,iCAAiC,EACjC,uCAAuC,EACvC,yEAAyE,EACzE,iIAAiI,EACjI,SAAS,IAAI,GAAG,oBAAoB,cAAc,EAClD,SAAS,CACV,aAEA,SAAS,IAAI,CAAC,cAAc,IAAI,CAC/B,uBAAC,sBAAS,IACR,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,qBAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,qBAAQ,CAAC,EAAE,EAC3C,IAAI,EAAE,uBAAU,CAAC,KAAK,EACtB,SAAS,EAAC,0BAA0B,GACpC,CACH,EAEA,SAAS,IAAI,cAAc,IAAI,CAC9B,uBAAC,sBAAS,IACR,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,qBAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,qBAAQ,CAAC,EAAE,EAC3C,IAAI,EAAE,uBAAU,CAAC,KAAK,EACtB,SAAS,EAAC,YAAY,GACtB,CACH,IACM,EAER,KAAK,IAAI,CACR,uBAAC,iBAAI,IACH,OAAO,EAAE,wBAAW,CAAC,IAAI,EACzB,SAAS,EAAE,IAAA,yBAAQ,EAAC,yCAAyC,EAAE,SAAS,CAAC,EACzE,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,uBAAU,CAAC,QAAQ,CAAC,CAAC,CAAC,uBAAU,CAAC,KAAK,YAEzD,KAAK,GACD,CACR,IACG,GACL,CACJ,CAAC;AACJ,CAAC"}
+{"version":3,"file":"check-box.js","sourceRoot":"","sources":["../../../../src/components/atoms/check-box/check-box.tsx"],"names":[],"mappings":";;AAyBA,4BA0FC;;AAnHD,iCAA4C;AAC5C,6CASsB;AACtB,6EAAsE;AACtE,2DAAkD;AAalD,SAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,UAAU,GAAG,KAAK,EAClB,KAAK,EACL,SAAS,EACT,SAAS,EACT,kBAAkB,EAClB,OAAO,GAAG,4BAAe,CAAC,OAAO,EACjC,aAAa,GAAG,GAAG,EAAE,GAAE,CAAC,GAClB;IACN,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAU,KAAK,CAAC,CAAC;IAC3D,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,6CAAmB,GAAE,CAAC;IAE3C,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;YACxB,OAAO;QACT,CAAC;QAED,YAAY,CAAC,KAAK,CAAC,CAAC;IACtB,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,UAAU,EAAE,CAAC;YACf,OAAO;QACT,CAAC;QAED,YAAY,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC;QAEpC,IAAI,CAAC,aAAa,EAAE,CAAC;YACnB,OAAO;QACT,CAAC;QACD,aAAa,CAAC,SAAS,CAAC,CAAC;IAC3B,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,OAAO,KAAK,4BAAe,CAAC,YAAY,CAAC;IAChE,MAAM,oBAAoB,GAAG,2BAAc,CAAC,cAAc,CAAC,CAAC,CAAC,4BAAe,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;IAEhG,OAAO,CACL,2DACE,iCACE,SAAS,EAAE,IAAA,yBAAQ,EACjB,iCAAiC,EACjC,UAAU,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,gBAAgB,EACpD,kBAAkB,CACnB,EACD,OAAO,EAAE,WAAW,aAEpB,oCACE,IAAI,EAAC,UAAU,EACf,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,UAAU,EACpB,SAAS,EAAE,IAAA,yBAAQ,EACjB,2EAA2E,EAC3E,iCAAiC,EACjC,uCAAuC,EACvC,yEAAyE,EACzE,iIAAiI,EACjI,SAAS,IAAI,GAAG,oBAAoB,cAAc,EAClD,SAAS,CACV,aAEA,SAAS,IAAI,CAAC,cAAc,IAAI,CAC/B,uBAAC,sBAAS,IACR,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,qBAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,qBAAQ,CAAC,EAAE,EAC3C,IAAI,EAAE,uBAAU,CAAC,KAAK,EACtB,SAAS,EAAC,0BAA0B,GACpC,CACH,EAEA,SAAS,IAAI,cAAc,IAAI,CAC9B,uBAAC,sBAAS,IACR,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,qBAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,qBAAQ,CAAC,EAAE,EAC3C,IAAI,EAAE,uBAAU,CAAC,KAAK,EACtB,SAAS,EAAC,YAAY,GACtB,CACH,IACM,EAER,KAAK,IAAI,CACR,uBAAC,iBAAI,IACH,OAAO,EAAE,wBAAW,CAAC,IAAI,EACzB,SAAS,EAAE,IAAA,yBAAQ,EAAC,yCAAyC,EAAE,SAAS,CAAC,EACzE,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,uBAAU,CAAC,QAAQ,CAAC,CAAC,CAAC,uBAAU,CAAC,KAAK,YAEzD,KAAK,GACD,CACR,IACG,GACL,CACJ,CAAC;AACJ,CAAC"}

package/dist/index.css

@@ -0,0 +1,432 @@
+/* Regular font */
+@font-face {
+  font-family: "Geist";
+  src: url("/fonts/Geist-Regular.otf") format("opentype");
+  font-weight: normal;
+  font-style: normal;
+}
+/* Bold font */
+@font-face {
+  font-family: "Geist";
+  src: url("/fonts/Geist-Bold.otf") format("opentype");
+  font-weight: bold;
+  font-style: normal;
+}
+/* SemiBold font */
+@font-face {
+  font-family: "Geist";
+  src: url("/fonts/Geist-SemiBold.otf") format("opentype");
+  font-weight: 600;
+  font-style: normal;
+}
+/* Black font */
+@font-face {
+  font-family: "Geist";
+  src: url("/fonts/Geist-Black.otf") format("opentype");
+  font-weight: 900;
+  font-style: normal;
+}
+/* ExtraBold font */
+@font-face {
+  font-family: "Geist";
+  src: url("/fonts/Geist-ExtraBold.otf") format("opentype");
+  font-weight: 800;
+  font-style: normal;
+}
+/* Light font */
+@font-face {
+  font-family: "Geist";
+  src: url("/fonts/Geist-Light.otf") format("opentype");
+  font-weight: 300;
+  font-style: normal;
+}
+/* ExtraLight font */
+@font-face {
+  font-family: "Geist";
+  src: url("/fonts/Geist-ExtraLight.otf") format("opentype");
+  font-weight: 200;
+  font-style: normal;
+}
+/* Medium font */
+@font-face {
+  font-family: "Geist";
+  src: url("/fonts/Geist-Medium.otf") format("opentype");
+  font-weight: 500;
+  font-style: normal;
+}
+/* Thin font */
+@font-face {
+  font-family: "Geist";
+  src: url("/fonts/Geist-Thin.otf") format("opentype");
+  font-weight: 100;
+  font-style: normal;
+}
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+@font-face {
+  font-family: "billo-icons";
+  src: url("./fonts/billo-icons.eot?fpp649");
+  src: url("./fonts/billo-icons.eot?fpp649#iefix") format("embedded-opentype"), url("./fonts/billo-icons.ttf?fpp649") format("truetype"), url("./fonts/billo-icons.woff?fpp649") format("woff"), url("./fonts/billo-icons.svg?fpp649#billo-icons") format("svg");
+  font-weight: normal;
+  font-style: normal;
+  font-display: block;
+}
+[class^=icon-],
+[class*=" icon-"] {
+  /* use !important to prevent issues with browser extensions that change fonts */
+  font-family: "billo-icons" !important;
+  font-style: normal;
+  font-variant: normal;
+  text-transform: none;
+  line-height: 1;
+  /* Better Font Rendering =========== */
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-receipt:before {
+  content: "\e900";
+}
+
+.icon-dot-menu:before {
+  content: "\e902";
+}
+
+.icon-address-book:before {
+  content: "\e903";
+}
+
+.icon-alert:before {
+  content: "\e904";
+}
+
+.icon-arrows-left-right:before {
+  content: "\e905";
+}
+
+.icon-basket:before {
+  content: "\e907";
+}
+
+.icon-calendar:before {
+  content: "\e908";
+}
+
+.icon-caret-down:before {
+  content: "\e909";
+}
+
+.icon-caret-up:before {
+  content: "\e90a";
+}
+
+.icon-chevron-down:before {
+  content: "\e90d";
+}
+
+.icon-chevron-left:before {
+  content: "\e90e";
+}
+
+.icon-chevron-right:before {
+  content: "\e90f";
+}
+
+.icon-chevron-up:before {
+  content: "\e910";
+}
+
+.icon-clipboard:before {
+  content: "\e911";
+}
+
+.icon-clock:before {
+  content: "\e913";
+}
+
+.icon-clock-warning:before {
+  content: "\e912";
+}
+
+.icon-copy:before {
+  content: "\e916";
+}
+
+.icon-credit-card:before {
+  content: "\e917";
+}
+
+.icon-download:before {
+  content: "\e918";
+}
+
+.icon-electricity-bill:before {
+  content: "\e919";
+}
+
+.icon-eye:before {
+  content: "\e91b";
+}
+
+.icon-file-pdf:before {
+  content: "\e91c";
+}
+
+.icon-file:before {
+  content: "\e91d";
+}
+
+.icon-eye-slash:before {
+  content: "\e91a";
+}
+
+.icon-info:before {
+  content: "\e923";
+}
+
+.icon-menu:before {
+  content: "\e921";
+}
+
+.icon-image:before {
+  content: "\e922";
+}
+
+.icon-link:before {
+  content: "\e925";
+}
+
+.icon-link-break:before {
+  content: "\e924";
+}
+
+.icon-mastercard:before {
+  content: "\e929";
+}
+
+.icon-minus:before {
+  content: "\e92a";
+}
+
+.icon-paper-plane:before {
+  content: "\e92d";
+}
+
+.icon-pencil:before {
+  content: "\e92e";
+}
+
+.icon-pie-chart:before {
+  content: "\e92f";
+}
+
+.icon-shopping-cart:before {
+  content: "\e936";
+}
+
+.icon-plus:before {
+  content: "\e930";
+}
+
+.icon-pos:before {
+  content: "\e931";
+}
+
+.icon-qr-code:before {
+  content: "\e932";
+}
+
+.icon-question-contained:before {
+  content: "\e933";
+}
+
+.icon-question:before {
+  content: "\e934";
+}
+
+.icon-sign-out:before {
+  content: "\e937";
+}
+
+.icon-spinner:before {
+  content: "\e938";
+}
+
+.icon-stock:before {
+  content: "\e939";
+}
+
+.icon-tag:before {
+  content: "\e93a";
+}
+
+.icon-trash:before {
+  content: "\e93b";
+}
+
+.icon-upload:before {
+  content: "\e93c";
+}
+
+.icon-user-contained:before {
+  content: "\e93d";
+}
+
+.icon-warning:before {
+  content: "\e93f";
+}
+
+.icon-x-circle:before {
+  content: "\e940";
+}
+
+.icon-x:before {
+  content: "\e941";
+}
+
+.icon-visa:before {
+  content: "\e93e";
+}
+
+.icon-magnifying-glass-x:before {
+  content: "\e927";
+}
+
+.icon-magnifying-glass:before {
+  content: "\e928";
+}
+
+.icon-gear:before {
+  content: "\e91f";
+}
+
+.icon-funnel:before {
+  content: "\e91e";
+}
+
+.icon-check-circle:before {
+  content: "\e90c";
+}
+
+.icon-whatsapp:before {
+  content: "\e942";
+}
+
+.icon-store-clock:before {
+  content: "\e943";
+}
+
+.icon-phone-call:before {
+  content: "\e944";
+}
+
+.icon-lock:before {
+  content: "\e946";
+}
+
+.icon-arrow-square-out:before {
+  content: "\e947";
+}
+
+.icon-arrow-left:before {
+  content: "\e957";
+}
+
+.icon-arrow-right:before {
+  content: "\e948";
+}
+
+.icon-devices:before {
+  content: "\e949";
+}
+
+.icon-cash:before {
+  content: "\e901";
+}
+
+.icon-bank:before {
+  content: "\e906";
+}
+
+.icon-mobile:before {
+  content: "\e92b";
+}
+
+.icon-receipt-contained:before {
+  content: "\e935";
+}
+
+.icon-check:before {
+  content: "\e94a";
+}
+
+.icon-megaphone:before {
+  content: "\e94b";
+}
+
+.icon-bell:before {
+  content: "\e94f";
+}
+
+.icon-storefront:before {
+  content: "\e94d";
+}
+
+.icon-house:before {
+  content: "\e950";
+}
+
+.icon-arrow-clockwise:before {
+  content: "\e945";
+}
+
+.icon-envelope:before {
+  content: "\e94c";
+}
+
+.icon-user:before {
+  content: "\e94e";
+}
+
+.icon-check-seal:before {
+  content: "\e956";
+}
+
+.icon-pin:before {
+  content: "\e958";
+}
+
+.icon-billo-logo:before {
+  content: "\e959";
+}
+
+.icon-banco-nacional-logo:before {
+  content: "\e95a";
+}
+
+.icon-warning-filled:before {
+  content: "\e95b";
+}
+
+.icon-info-filled:before {
+  content: "\e95c";
+}
+
+.icon-check-circle-filled:before {
+  content: "\e95d";
+}
+
+.icon-alert-filled:before {
+  content: "\e95e";
+}
+
+.icon-duplicate-and-send:before {
+  content: "\e95f";
+}
+
+.icon-number-pad:before {
+  content: "\e960";
+}
+
+/*# sourceMappingURL=index.css.map */

package/dist/index.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../src/index.scss","../src/styles/settings/_icons.scss"],"names":[],"mappings":"AAAA;AACA;EACE;EACA;EACA;EACA;;AAGF;AACA;EACE;EACA;EACA;EACA;;AAGF;AACA;EACE;EACA;EACA;EACA;;AAGF;AACA;EACE;EACA;EACA;EACA;;AAGF;AACA;EACE;EACA;EACA;EACA;;AAGF;AACA;EACE;EACA;EACA;EACA;;AAGF;AACA;EACE;EACA;EACA;EACA;;AAGF;AACA;EACE;EACA;EACA;EACA;;AAGF;AACA;EACE;EACA;EACA;EACA;;AAGF;AACA;AACA;ACvEA;EACE;EACA;EACA;EAMA;EACA;EACA;;AAGF;AAAA;AAEE;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;;;AA8FE;EACE,SA5FE;;;AA2FJ;EACE,SA5FE;;;AA2FJ;EACE,SA5FE;;;AA2FJ;EACE,SA5FE;;;AA2FJ;EACE,SA5FE;;;AA2FJ;EACE,SA5FE;;;AA2FJ;EACE,SA5FE;;;AA2FJ;EACE,SA5FE;;;AA2FJ;EACE,SA5FE;;;AA2FJ;EACE,SA5FE;;;AA2FJ;EACE,SA5FE;;;AA2FJ;EACE,SA5FE;;;AA2FJ;EACE,SA5FE;;;AA2FJ;EACE,SA5FE;;;AA2FJ;EACE,SA5FE;;;AA2FJ;EACE,SA5FE;;;AA2FJ;EACE,SA5FE;;;AA2FJ;EACE,SA5FE;;;AA2FJ;EACE,SA5FE;;;AA2FJ;EACE,SA5FE;;;AA2FJ;EACE,SA5FE;;;AA2FJ;EACE,SA5FE;;;AA2FJ;EACE,SA5FE;;;AA2FJ;EACE,SA5FE;;;AA2FJ;EACE,SA5FE;;;AA2FJ;EACE,SA5FE;;;AA2FJ;EACE,SA5FE;;;AA2FJ;EACE,SA5FE;;;AA2FJ;EACE,SA5FE;;;AA2FJ;EACE,SA5FE;;;AA2FJ;EACE,SA5FE;;;AA2FJ;EACE,SA5FE;;;AA2FJ;EACE,SA5FE;;;AA2FJ;EACE,SA5FE;;;AA2FJ;EACE,SA5FE;;;AA2FJ;EACE,SA5FE;;;AA2FJ;EACE,SA5FE;;;AA2FJ;EACE,SA5FE;;;AA2FJ;EACE,SA5FE;;;AA2FJ;EACE,SA5FE;;;AA2FJ;EACE,SA5FE;;;AA2FJ;EACE,SA5FE;;;AA2FJ;EACE,SA5FE;;;AA2FJ;EACE,SA5FE;;;AA2FJ;EACE,SA5FE;;;AA2FJ;EACE,SA5FE;;;AA2FJ;EACE,SA5FE;;;AA2FJ;EACE,SA5FE;;;AA2FJ;EACE,SA5FE;;;AA2FJ;EACE,SA5FE;;;AA2FJ;EACE,SA5FE;;;AA2FJ;EACE,SA5FE;;;AA2FJ;EACE,SA5FE;;;AA2FJ;EACE,SA5FE;;;AA2FJ;EACE,SA5FE;;;AA2FJ;EACE,SA5FE;;;AA2FJ;EACE,SA5FE;;;AA2FJ;EACE,SA5FE;;;AA2FJ;EACE,SA5FE;;;AA2FJ;EACE,SA5FE;;;AA2FJ;EACE,SA5FE;;;AA2FJ;EACE,SA5FE;;;AA2FJ;EACE,SA5FE;;;AA2FJ;EACE,SA5FE;;;AA2FJ;EACE,SA5FE;;;AA2FJ;EACE,SA5FE;;;AA2FJ;EACE,SA5FE;;;AA2FJ;EACE,SA5FE;;;AA2FJ;EACE,SA5FE;;;AA2FJ;EACE,SA5FE;;;AA2FJ;EACE,SA5FE;;;AA2FJ;EACE,SA5FE;;;AA2FJ;EACE,SA5FE;;;AA2FJ;EACE,SA5FE;;;AA2FJ;EACE,SA5FE;;;AA2FJ;EACE,SA5FE;;;AA2FJ;EACE,SA5FE;;;AA2FJ;EACE,SA5FE;;;AA2FJ;EACE,SA5FE;;;AA2FJ;EACE,SA5FE;;;AA2FJ;EACE,SA5FE;;;AA2FJ;EACE,SA5FE;;;AA2FJ;EACE,SA5FE;;;AA2FJ;EACE,SA5FE;;;AA2FJ;EACE,SA5FE;;;AA2FJ;EACE,SA5FE","file":"index.css"}

package/package.json

@@ -1,16 +1,19 @@
 {
   "name": "period-ui",
-  "version": "0.1.26",
+  "version": "0.1.28",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
+  "style": "dist/index.css",
   "type": "commonjs",
   "files": [
     "dist",
     "README.md",
-    "LICENSE"
+    "LICENSE",
+    "dist/fonts"
   ],
   "scripts": {
-    "build": "vite build && tsc -p tsconfig.build.json && tsc-alias",
+    "build": "vite build && tsc -p tsconfig.build.json && tsc-alias && yarn build:css",
+    "build:css": "sass src/index.scss dist/index.css",
     "prepare": "npm run build",
     "test": "vitest",
     "lint": "eslint .",
@@ -63,6 +66,7 @@
     "prettier": "3.4.2",
     "react": "18.3.1",
     "react-dom": "18.3.1",
+    "saas": "1.0.0",
     "storybook": "8.4.7",
     "tailwindcss": "3.4.17",
     "tsc-alias": "^1.8.16",