@loja-integrada/admin-components 1.0.1 → 1.0.3

package/README.md

@@ -1,8 +1,95 @@
 # Admin-Components
 
+[![NPM Version](https://img.shields.io/npm/v/@loja-integrada/admin-components.svg)](https://www.npmjs.com/package/@loja-integrada/admin-components)
+
 This package contains the admin components for the admin dashboard.
 
-## Test
+## Usage
+
+### Installation
+
+Install the package using your package manager:
+
+```bash
+npm install @loja-integrada/admin-components
+yarn add @loja-integrada/admin-components
+pnpm add @loja-integrada/admin-components
+```
+
+### Style
+
+Import the CSS file in your project default CSS file (like globals.scss):
+
+```css
+@import '@loja-integrada/admin-components/style.css';
+```
+
+### Configure TailwindCSS and PostCSS
+
+The components are built using [TailwindCSS](https://tailwindcss.com/), you need to use the [@loja-integrada/tailwindcss-config](https://www.npmjs.com/package/@loja-integrada/tailwindcss-config) package to use `defaultPreset` and compile the CSS. [Learn more](../tailwindcss-config/README.md)
+
+### Import components
+
+You can import the components from the package:
+
+```javascript
+import { Button } from '@loja-integrada/admin-components'
+```
+
+or
+
+```javascript
+import { Button } from '@loja-integrada/admin-components/Button'
+```
+
+## Development
+
+### Create a new component
+
+1 - Choose a category for the component (like `components`, `forms`, `indicators`, etc).
+
+2 - Create a new folder inside `src/[category]` with the component name.
+Example: `src/forms/InputCurrency`.
+
+3 - Create the component file inside the folder.
+Example: `src/forms/InputCurrency/InputCurrency.tsx`.
+
+4 - Create the component story file inside the folder.
+Example: `src/forms/InputCurrency/InputCurrency.stories.tsx`.
+
+5 - Create the component test file inside the folder.
+Example: `src/forms/InputCurrency/InputCurrency.test.tsx`.
+
+6 - Create the component documentation file inside the folder.
+Example: `src/forms/InputCurrency/InputCurrency.doc.mdx`.
+
+7 - Create an `index.ts` file inside the folder to export the component, and export too in parent folder `src/forms/index.ts`.
+Example: `export * from './InputCurrency';`.
+
+You should have the following structure:
+
+```
+src/
+  forms/
+    InputCurrency/
+      InputCurrency.tsx
+      InputCurrency.stories.tsx
+      InputCurrency.test.tsx
+      InputCurrency.doc.mdx
+      index.ts
+```
+
+_Obs: If your component only works on the **client-side**, the component file name should be `*.client.tsx`. Example: `InputCurrency.client.tsx`_
+
+### Preview
+
+To preview the components, use the following commands to run Storybook:
+
+```bash
+pnpm dev
+```
+
+### Test
 
 To run the tests, use the following commands:
 
@@ -13,5 +100,5 @@ pnpm test
 To run the tests manually in browser, use the following commands:
 
 ```bash
-pnpm cypress open
+pnpm test-visual
 ```

package/dist/{chunk-QNBPXACD.js → chunk-243NQZV5.js}

@@ -3,6 +3,6 @@ import { a as a$1 } from './chunk-WEYSRHTX.js';
 import v, { useState, useEffect } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
-var a={success:{class:"bg-success-light border-success",icon:"checkCircle",iconClass:"text-success"},warning:{class:"bg-warning-light border-warning",icon:"exclamationTriangle",iconClass:"text-warning"},danger:{class:"bg-danger-light border-danger",icon:"ban",iconClass:"text-danger"},info:{class:"bg-base-1 border-inverted-2",icon:"infoCircle",iconClass:"text-inverted-2"},primary:{class:"bg-primary-light border-primary",icon:"infoCircle",iconClass:"text-primary"}},N=({variant:s="info",isOpen:t=!0,title:p,subtitle:o,actions:l,showClose:f=!1,onClose:c,hideIcon:g=!1,customIcon:m,className:b})=>{let[x,d]=useState(t);useEffect(()=>{d(t);},[t]);let u=()=>{d(!1),c?.();};return x?jsxs("div",{className:a$1("alert relative flex w-full items-start rounded border border-l-4 px-5 py-4 sm:items-center",a[s].class,b),children:[!g&&jsx("div",{className:a$1("alert-icon mr-3 hidden shrink-0 sm:block",a[s].iconClass),children:jsx(a$2,{icon:m||a[s].icon,size:6})}),jsxs("div",{className:"flex min-w-0 grow flex-col items-start justify-between sm:flex-row sm:items-center",children:[jsxs("div",{className:"text-f6 flex min-w-0 flex-col justify-center break-words leading-5 tracking-4 text-on-base",children:[jsx("span",{className:"alert-title font-semibold",children:p}),o?jsx("span",{className:"alert-subtitle mt-1",children:o}):null]}),l?jsx("div",{className:"alert-actions mt-3 flex shrink-0 flex-row items-center space-x-3 sm:ml-5 sm:mt-0 sm:flex-row-reverse sm:space-x-reverse",children:l}):null]}),f||c?jsx("div",{className:"alert-close ml-5 flex shrink-0",children:jsx("button",{className:"-m-2 p-2 text-inverted-2 hover:text-inverted-1",onClick:u,type:"button",children:jsx(a$2,{icon:"close",size:4,className:"mt-px sm:mt-0"})})}):null]}):null},I=v.memo(N);
+var a={success:{class:"bg-success-light border-success",icon:"checkCircle",iconClass:"text-success"},warning:{class:"bg-warning-light border-warning",icon:"exclamationTriangle",iconClass:"text-warning"},danger:{class:"bg-danger-light border-danger",icon:"ban",iconClass:"text-danger"},info:{class:"bg-base-1 border-inverted-2",icon:"infoCircle",iconClass:"text-inverted-2"},primary:{class:"bg-primary-light border-primary",icon:"infoCircle",iconClass:"text-primary"}},N=({variant:s="info",isOpen:t=!0,title:p,subtitle:l,actions:o,showClose:f=!1,onClose:c,hideIcon:g=!1,customIcon:m,className:b})=>{let[x,d]=useState(t);useEffect(()=>{d(t);},[t]);let u=()=>{d(!1),c?.();};return x?jsxs("div",{className:a$1("alert relative flex w-full items-start rounded border border-l-4 px-5 py-4 sm:items-center",a[s].class,b),children:[!g&&jsx("div",{className:a$1("alert-icon mr-3 hidden shrink-0 sm:block",a[s].iconClass),children:jsx(a$2,{icon:m||a[s].icon,size:6})}),jsxs("div",{className:"flex min-w-0 grow flex-col items-start justify-between sm:flex-row sm:items-center",children:[jsxs("div",{className:"text-f6 flex min-w-0 flex-col justify-center break-words leading-5 tracking-4 text-on-base",children:[jsx("span",{className:"alert-title font-semibold",children:p}),l?jsx("span",{className:"alert-subtitle mt-1",children:l}):null]}),o?jsx("div",{className:"alert-actions mt-3 flex shrink-0 flex-row items-center space-x-3 sm:ml-5 sm:mt-0 sm:flex-row-reverse sm:space-x-reverse",children:o}):null]}),f||c?jsx("div",{className:"alert-close ml-5 flex shrink-0",children:jsx("button",{className:"-m-2 p-2 text-inverted-2 hover:text-inverted-1",onClick:u,type:"button","aria-label":"Close",children:jsx(a$2,{icon:"close",size:4,className:"mt-px sm:mt-0"})})}):null]}):null},h=v.memo(N);h.displayName="Alert";
 
-export { I as a };
+export { h as a };

package/dist/{chunk-AZI2H7OT.js → chunk-26ZK5M43.js}

@@ -1,9 +1,9 @@
 import { a } from './chunk-L6H2NDVS.js';
 import { a as a$1 } from './chunk-YTHY4XI2.js';
 import { a as a$2 } from './chunk-RPTUERXQ.js';
-import s, { memo, useState, useEffect } from 'react';
+import c, { memo, useState, useEffect } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
-var b=({onlyMobile:i=!1,children:l})=>{let[d,m]=useState(!0);return useEffect(()=>{if(typeof window<"u"){let e=window.parent.document.querySelector(".botbar"),t=window.document.querySelector(".page-container");return e&&(e.style.display="none"),t&&(t.classList.remove("lg:mb-10","lg:pb-0"),m(!!t.dataset.expanded)),()=>{e&&(e.style.display=""),t&&t.classList.add("lg:mb-10","lg:pb-0");}}},[]),jsx("div",{className:"action-bar fixed inset-x-0 bottom-0 h-12 lg:h-auto pb-0-safe bg-inverted-1 lg:bg-base-1 z-50 shadow"+(i?" lg:hidden":""),children:jsxs("div",{className:`${d?a.expanded:a.default} mx-auto flex size-full items-center justify-center px-8 lg:justify-end lg:px-0`,children:[!i&&jsx("div",{className:"my-2.5 mr-8 hidden grid-flow-col gap-x-4 lg:grid",children:s.Children.map(l,({props:e})=>{let{...t}=e;return delete t?.icon,jsx(a$1,{...t})})}),jsx("div",{className:"lg:hidden",children:s.Children.map(l,({props:e})=>{if(e.children)return jsxs("button",{className:"px-4 py-1 text-base-1 active:text-base-4 transition-colors"+(e?.loading?" pointer-events-none":""),onClick:e?.onClick,type:e?.type||"button",children:[e?.loading?jsx(a$2,{icon:"loading",className:"p-px"}):e?.icon&&jsx(a$2,{icon:e?.icon,className:"mx-auto p-px"}),jsx("span",{className:"text-f8 mt-px block",children:e.children})]})})})]})})},x=memo(b);x.displayName="ActionBar";
+var b=({onlyMobile:i=!1,children:l})=>{let[d,m]=useState(!0);return useEffect(()=>{if(typeof window<"u"){let e=window.parent.document.querySelector(".botbar"),t=window.document.querySelector(".page-container");return e&&(e.style.display="none"),t&&(t.classList.remove("lg:mb-10","lg:pb-0"),m(!!t.dataset.expanded)),()=>{e&&(e.style.display=""),t&&t.classList.add("lg:mb-10","lg:pb-0");}}},[]),jsx("div",{className:"action-bar fixed inset-x-0 bottom-0 h-12 lg:h-auto pb-0-safe bg-inverted-1 lg:bg-base-1 z-50 shadow"+(i?" lg:hidden":""),children:jsxs("div",{className:`${d?a.expanded:a.default} mx-auto flex size-full items-center justify-center px-8 lg:justify-end lg:px-0`,children:[!i&&jsx("div",{className:"my-2.5 mr-8 hidden grid-flow-col gap-x-4 lg:grid",children:c.Children.map(l,({props:e})=>{let{...t}=e;return delete t?.icon,jsx(a$1,{...t})})}),jsx("div",{className:"lg:hidden",children:c.Children.map(l,({props:e})=>{if(e.children)return jsxs("button",{className:"px-4 py-1 text-base-1 active:text-base-4 transition-colors"+(e?.loading?" pointer-events-none":""),onClick:e?.onClick,type:e?.type||"button",children:[e?.loading?jsx(a$2,{icon:"loading",className:"p-px"}):e?.icon&&jsx(a$2,{icon:e?.icon,className:"mx-auto p-px"}),jsx("span",{className:"text-f8 mt-px block",children:e.children})]})})})]})})},x=memo(b);x.displayName="ActionBar";
 
 export { x as a };

package/dist/{chunk-YDYMRCXH.js → chunk-4BVRONPO.js}

@@ -3,6 +3,6 @@ import { cva } from 'class-variance-authority';
 import o from 'react';
 import { jsx } from 'react/jsx-runtime';
 
-var i=cva("badge items-center justify-center font-semibold",{variants:{type:{neutral:"bg-inverted-2 text-base-1",neutralLight:"bg-inverted-3 text-tertiary",primary:"bg-primary-dark text-base-1",danger:"bg-danger-dark text-base-1",success:"bg-success-dark text-base-1",warning:"bg-warning-dark text-base-1",focus:"bg-focus text-base-1"},size:{default:"px-2 py-0.5 text-xs",small:"px-1.5 text-[0.70rem]",xsmall:"text-f8 px-0.5 py-px"},expanded:{true:"flex w-full",false:"inline-flex"},rounded:{full:"rounded-full",small:"rounded",none:"rounded-none"}},defaultVariants:{type:"primary",size:"default"}}),u=({type:t="neutral",text:a$1,size:r="default",expanded:n=!1,rounded:s="full",className:l=""})=>jsx("div",{className:a(i({type:t,size:r,expanded:n,rounded:s}),l),children:a$1}),g=o.memo(u);
+var i=cva("badge items-center justify-center font-semibold",{variants:{type:{neutral:"bg-inverted-2 text-base-1",neutralLight:"bg-inverted-3 text-tertiary",primary:"bg-primary-dark text-base-1",danger:"bg-danger-dark text-base-1",success:"bg-success-dark text-base-1",warning:"bg-warning-dark text-base-1",focus:"bg-focus text-base-1"},size:{default:"px-2 py-0.5 text-xs",small:"px-1.5 text-[0.70rem]",xsmall:"text-f8 px-0.5 py-px"},expanded:{true:"flex w-full",false:"inline-flex"},rounded:{full:"rounded-full",small:"rounded",none:"rounded-none"}},defaultVariants:{type:"primary",size:"default"}}),u=({type:a$1="neutral",text:t,size:r="default",expanded:s=!1,rounded:n="full",className:l=""})=>jsx("div",{className:a(i({type:a$1,size:r,expanded:s,rounded:n}),l),children:t}),p=o.memo(u);p.displayName="Badge";
 
-export { g as a };
+export { p as a };

package/dist/{chunk-FLXTIRDF.js → chunk-AHEXEKOY.js}

@@ -5,6 +5,6 @@ import _, { useState, useEffect } from 'react';
 import O from 'react-modal';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
-var k=cva("relative flex max-h-full w-full flex-col break-words rounded-t-xl border border-card-stroke bg-base-1 p-8 shadow-lg outline-none transition-all focus:outline-none sm:rounded-xl sm:p-10",{variants:{size:{small:"sm:max-w-[600px]",default:"sm:max-w-4xl",large:"sm:max-w-6xl"}},defaultVariants:{size:"default"}}),z=({className:x="",isOpen:a$2=!1,preventClose:t=!1,size:b="default",headerStep:l="",headerTitle:s="",headerClose:n="",footerActions:d,onClose:r,closeTimeout:M=200,parentSelector:i,children:R})=>{let[y,c]=useState(!1),[m,w]=useState(!1);useEffect(()=>{c(a$2),w(t);},[a$2,t]);let f=()=>{c(!1);};return jsx(O,{isOpen:y,onAfterClose:()=>{r&&r();},onRequestClose:f,closeTimeoutMS:M,ariaHideApp:!1,shouldCloseOnOverlayClick:!m,shouldCloseOnEsc:!m,overlayClassName:"opacity-0 justify-center items-end sm:items-center flex overflow-hidden w-screen h-full fixed inset-0 z-50 outline-none bg-black/50 pt-16 sm:p-3 focus:outline-none transition-opacity ease-in-out",className:a(k({size:b,className:x})),bodyOpenClassName:"ReactModal__Body--open overflow-hidden",testId:"modal-component",parentSelector:()=>i||document.body,contentElement:(N,h)=>jsxs("div",{...N,children:[jsxs("div",{className:"ReactModal__Header flex w-full items-start justify-between",children:[jsxs("div",{children:[l?jsx("div",{className:"text-f7 min-w-0 break-words pb-3 font-semibold uppercase text-inverted-2",children:l}):null,s?jsx("h2",{className:"text-f4 mb-4 break-words font-semibold text-on-base",children:s}):null]}),jsxs("button",{type:"button",id:"btnCloseModal",className:`${t?"hidden":"flex"} -mr-2 -mt-3 items-center p-2 pb-1 text-sm font-semibold text-inverted-2 transition-colors hover:text-inverted-1`,onClick:f,children:[n?jsx("span",{className:"pr-2",children:n}):null,jsx(a$1,{icon:"close",size:4})]})]}),jsx("div",{className:"ReactModal__innerContent -mx-8 min-w-0 flex-auto overflow-x-auto overscroll-none break-words px-8 sm:-mx-10 sm:px-10",children:h}),d?jsx("div",{className:"ReactModal__footer pt-5",children:d}):null]}),children:R})},P=_.memo(z);P.displayName="Modal";
+var k=cva("relative flex max-h-full w-full flex-col break-words rounded-t-xl border border-card-stroke bg-base-1 p-8 shadow-lg outline-none transition-all focus:outline-none sm:rounded-xl sm:p-10",{variants:{size:{small:"sm:max-w-[600px]",default:"sm:max-w-4xl",large:"sm:max-w-6xl"}},defaultVariants:{size:"default"}}),z=({className:x="",isOpen:a$2=!1,preventClose:t=!1,size:b="default",headerStep:l="",headerTitle:s="",headerClose:n="",footerActions:d,onClose:r,closeTimeout:M=200,parentSelector:i,children:R})=>{let[w,c]=useState(!1),[m,y]=useState(!1);useEffect(()=>{c(a$2),y(t);},[a$2,t]);let f=()=>{c(!1);};return jsx(O,{isOpen:w,onAfterClose:()=>{r&&r();},onRequestClose:f,closeTimeoutMS:M,ariaHideApp:!1,shouldCloseOnOverlayClick:!m,shouldCloseOnEsc:!m,overlayClassName:"opacity-0 justify-center items-end sm:items-center flex overflow-hidden w-screen h-full fixed inset-0 z-50 outline-none bg-black/50 pt-16 sm:p-3 focus:outline-none transition-opacity ease-in-out",className:a(k({size:b,className:x})),bodyOpenClassName:"ReactModal__Body--open overflow-hidden",testId:"modal-component",parentSelector:()=>i||document.body,contentElement:(N,h)=>jsxs("div",{...N,children:[jsxs("div",{className:"ReactModal__Header flex w-full items-start justify-between",children:[jsxs("div",{children:[l?jsx("div",{className:"text-f7 min-w-0 break-words pb-3 font-semibold uppercase text-inverted-2",children:l}):null,s?jsx("h2",{className:"text-f4 mb-4 break-words font-semibold text-on-base",children:s}):null]}),jsxs("button",{type:"button",id:"btnCloseModal",className:`${t?"hidden":"flex"} -mr-2 -mt-3 items-center p-2 pb-1 text-sm font-semibold text-inverted-2 transition-colors hover:text-inverted-1`,onClick:f,children:[n?jsx("span",{className:"pr-2",children:n}):null,jsx(a$1,{icon:"close",size:4})]})]}),jsx("div",{className:"ReactModal__innerContent -mx-8 min-w-0 flex-auto overflow-x-auto overscroll-none break-words px-8 sm:-mx-10 sm:px-10",children:h}),d?jsx("div",{className:"ReactModal__footer pt-5",children:d}):null]}),children:R})},P=_.memo(z);P.displayName="Modal";
 
 export { P as a };

package/dist/{chunk-NHDLQM42.js → chunk-BQW67FSK.js}

@@ -5,6 +5,6 @@ import { cva } from 'class-variance-authority';
 import g from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
-var p=cva("tag text-f6 items-center justify-between rounded border px-4 py-2 leading-6 tracking-4 text-primary-bold",{variants:{variant:{neutral:"border-inverted-2 bg-base-1",primary:"border-primary bg-primary-light",danger:"border-danger bg-danger-light",success:"border-success bg-success-light",warning:"border-warning bg-warning-light"},fullWidth:{true:"flex",false:"inline-flex"}},defaultVariants:{variant:"primary",fullWidth:!1}}),f=({variant:i="neutral",content:o,fullWidth:s=!1,className:l="",action:r,removeTag:c=!1,onClose:m})=>jsxs("div",{className:a(p({variant:i,fullWidth:s,className:l})),children:[jsx("div",{className:"content-container -my-px min-w-0 break-words",children:o}),r?jsx("div",{className:"action-container -my-px ml-3",children:r}):null,!r&&c?jsx("div",{className:"remove-tag-container -my-px ml-3 flex items-center justify-center",children:jsx(a$1,{title:"Remover",type:"button",onClick:m,variant:"onlyText",children:jsx(a$2,{icon:"timesCircle",size:4})})}):null]}),h=g.memo(f);
+var p=cva("tag text-f6 items-center justify-between rounded border px-4 py-2 leading-6 tracking-4 text-primary-bold",{variants:{variant:{neutral:"border-inverted-2 bg-base-1",primary:"border-primary bg-primary-light",danger:"border-danger bg-danger-light",success:"border-success bg-success-light",warning:"border-warning bg-warning-light"},fullWidth:{true:"flex",false:"inline-flex"}},defaultVariants:{variant:"primary",fullWidth:!1}}),f=({variant:i="neutral",content:o,fullWidth:s=!1,className:l="",action:r,removeTag:c=!1,onClose:m})=>jsxs("div",{className:a(p({variant:i,fullWidth:s,className:l})),children:[jsx("div",{className:"content-container -my-px min-w-0 break-words",children:o}),r?jsx("div",{className:"action-container -my-px ml-3",children:r}):null,!r&&c?jsx("div",{className:"remove-tag-container -my-px ml-3 flex items-center justify-center",children:jsx(a$1,{title:"Remover",type:"button",onClick:m,variant:"onlyText",className:"hover:text-on-base",children:jsx(a$2,{icon:"timesCircle",size:4})})}):null]}),N=g.memo(f);
 
-export { h as a };
+export { N as a };

package/dist/{chunk-RGSYU4MA.js → chunk-LSC6FNBR.js}

@@ -4,4 +4,4 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 
 var p=["[background:linear-gradient(theme(colors.base-1/100)_33%,rgba(255,255,255,0)),linear-gradient(rgba(255,255,255,0),theme(colors.base-1/100)_66%)_0_100%,radial-gradient(farthest-side_at_50%_0,rgba(156,156,156,0.5),rgba(0,0,0,0)),radial-gradient(farthest-side_at_50%_100%,_rgba(156,156,156,0.5),rgba(0,0,0,0))_0_100%]","[background-size:100%_15px,100%_15px,100%_5px,100%_5px]","[background-attachment:local,local,scroll,scroll]","[background-repeat:no-repeat]","[background-color:theme(colors.base-1/100)]","[&_.form-group_.bg-base-1]:bg-transparent"],u=({children:c,footerActions:i,isOpen:s=!1,onClose:b,title:t,helpLink:o})=>{let[l,n]=useState(!1);useEffect(()=>{n(s);},[s]);let d=()=>{n(!1),b?.();};return jsxs("div",{className:`sidebar-fixed fixed bottom-0 right-0 z-40 size-full overflow-x-hidden transition-all ease-in-out lg:z-20 ${l?"pointer-events-auto opacity-100":"pointer-events-none opacity-0"}`,children:[jsx("div",{className:"sidebar-fixed-backdrop fixed inset-0 -z-1 size-full bg-black/50",onClick:d}),jsxs("div",{className:`sidebar-fixed-inner absolute inset-y-0 right-0 mt-10 flex h-auto w-full flex-col justify-between rounded-t-lg bg-base-1 shadow transition-transform sm:ml-16 sm:mt-0 sm:max-w-[410px] sm:rounded-none ${l?"translate-x-0":"translate-x-10"}`,children:[jsxs("div",{className:"sidebar-fixed-header flex items-center justify-between p-3 text-inverted-2 lg:px-5",children:[t?jsx("div",{className:"sidebar-fixed-title text-f5 p-2 font-semibold text-inverted-1 sm:text-f4 sm:py-5",children:t}):null,jsxs("div",{className:`flex justify-between${t?"":" flex-1"}`,children:[jsx("button",{"aria-label":"Fechar",type:"button",className:"sidebar-fixed-close p-2 text-inverted-2 transition-colors hover:text-inverted-1",onClick:d,children:jsx(a,{icon:"close",size:4,className:"block"})}),o?jsx("a",{"aria-label":"Ajuda",className:"sidebar-fixed-help p-2 text-inverted-2 transition-colors hover:text-inverted-1",href:o,target:"_blank",rel:"noreferrer",children:jsx(a,{icon:"questionCircle",size:4,className:"block"})}):null]})]}),jsx("div",{className:`sidebar-fixed-content w-full flex-1 grow overflow-auto overscroll-none break-words px-5 lg:px-7 ${p.join(" ")}`,children:c}),i?jsx("div",{className:"sidebar-fixed-footer flex items-center justify-between p-5 lg:p-7 lg:pt-6",children:i}):null]})]})},g=f.memo(u);g.displayName="SidebarFixed";
 
-export { u as a, g as b };
+export { g as a };

package/dist/chunk-LZI7QZWG.js

@@ -0,0 +1,10 @@
+import { a as a$2 } from './chunk-LTHYFCE7.js';
+import { f, c, a as a$1, b, d, g } from './chunk-RL2XPX57.js';
+import { a } from './chunk-NXHQNIK2.js';
+import { useReactTable, getCoreRowModel, getPaginationRowModel, getFilteredRowModel, getFacetedUniqueValues, flexRender } from '@tanstack/react-table';
+import { memo, useState, useMemo, useEffect } from 'react';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+var j=n=>typeof n=="string"?jsx("div",{className:"text-f4 py-4 text-center font-semibold text-on-base-2 lg:py-10",children:n}):n,J=({columns:n,data:d$1=[],isLoading:h=!1,error:g$1=!1,selectable:l=!1,showSelectAll:y=!0,showCountSelected:S=!0,onChange:f$1,selectedIds:R,disabledIds:w=[],id:b$1="",emptyText:A="Nenhum registro encontrado",errorText:v="Ocorreu um erro ao carregar os itens."})=>{let[o,N]=useState({}),r=useMemo(()=>n.map(e=>({...e,accessorKey:e?.id||""})),[n]);useEffect(()=>{R&&N(R.reduce((e,a)=>({...e,[a]:!0}),{})||{});},[R]),useEffect(()=>{f$1&&f$1(Object.keys(o));},[o,f$1]);let u=useMemo(()=>b$1?`table${b$1.charAt(0).toUpperCase()}${b$1.slice(1)}`:"table",[b$1]),F=useMemo(()=>l?w.length===0?!0:e=>!w.includes(e.id.toString()):!1,[l,w]),s=useReactTable({data:d$1,columns:r,state:{rowSelection:o},getRowId:e=>e?.id,enableRowSelection:F,onRowSelectionChange:N,getCoreRowModel:getCoreRowModel(),getPaginationRowModel:getPaginationRowModel(),getFilteredRowModel:getFilteredRowModel(),getFacetedUniqueValues:getFacetedUniqueValues()}),D=s.getIsAllRowsSelected(),x=s.getIsSomeRowsSelected(),E=useMemo(()=>s.getHeaderGroups().map(e=>jsxs(f,{children:[l?jsx(c,{className:"w-8",children:y?jsx(a,{checked:D,indeterminate:!D&&x,onChange:s.getToggleAllRowsSelectedHandler(),id:`checkboxSelectAllRows${u}`}):null}):null,e.headers.map((a,U)=>jsx(c,{colSpan:a.colSpan,className:a.column.columnDef?.className?.header||"",children:S&&U===0&&Object.keys(o).length>0?jsxs("span",{className:"min-w-28 text-primary-dark",id:"tableCountSelected",children:[Object.keys(o).length," selecionado",Object.keys(o).length>1?"s":""]}):a.isPlaceholder?null:flexRender(a.column.columnDef.header,a.getContext())},a.id))]},e.id)),[s,l,u,D,x,y,o,S]),G=useMemo(()=>l?r.length+1:r.length,[r,l]);return jsxs(a$1,{id:u,children:[jsx(b,{children:E}),jsx(d,{className:"flex flex-col gap-2 lg:table-row-group",children:h||g$1||d$1.length===0?jsx(f,{className:g$1||d$1.length===0?"p-0 hover:bg-transparent max-lg:border-none":"flex-row flex-wrap items-center",children:h?jsxs(Fragment,{children:[l?jsx(g,{className:"mr-2",children:jsx(a,{disabled:!0,className:"animate-pulse"})}):null,r.map((e,a)=>jsx(g,{className:`${a===0?"w-10/12":"w-full"} lg:w-auto`,children:jsx(a$2,{className:"mb-1 lg:mb-0"})},`${e.id}-${a}`))]}):g$1||d$1.length===0?jsx(g,{colSpan:G||1,children:j(g$1?v:A)}):null}):s.getRowModel().rows.map(e=>jsxs(f,{"data-checked":e.getIsSelected(),className:l?"flex-row flex-wrap items-center":"",children:[l?jsx(g,{children:jsx(a,{onChange:e.getToggleSelectedHandler(),checked:e.getIsSelected(),disabled:!e.getCanSelect(),indeterminate:e.getIsSomeSelected(),id:`checkboxRow${e.id}${u}`,className:"mr-2 lg:mr-0"})}):null,e.getVisibleCells().map(a=>jsx(g,{className:a.column.columnDef?.className?.cell||"",children:flexRender(a.column.columnDef.cell,a.getContext())},a.id))]},e.id))})]})},P=memo(J);P.displayName="DataTable";var te=P;
+
+export { te as a };

package/dist/chunk-SFPIOMYQ.js

@@ -0,0 +1,7 @@
+import { a } from './chunk-WEYSRHTX.js';
+import d from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var c=d.memo(({className:n="",currentStep:a$1=0,steps:o=[],showText:i=!1})=>{let m=e=>a$1>e?"bg-primary border-primary":a$1===e?"bg-inverted-1 border-inverted-1":"bg-base-4 border-base-4";return jsx("div",{className:a("w-full flex flex-row justify-center gap-x-10 mb-6 relative",n),id:"stepsContainer",children:o.map(({step:e,handleClick:s,customClassName:p,text:b},l)=>jsxs("div",{id:`step${e}`,className:"relative z-10 flex flex-row items-center gap-x-3.5 gap-y-2.5",children:[!i&&l>0&&jsx("div",{id:`leftLinkStep${e}`,className:a("absolute -left-5 h-0.5 w-5",a$1>=e?"bg-primary":"bg-base-4")}),jsx("div",{id:`stepCircle${e}`,className:a("flex size-8 items-center justify-center rounded-full border-2 text-base-1",m(e),p),children:jsx("span",{onClick:s,className:a("font-semibold",s?"cursor-pointer":""),children:e})}),i?jsx("span",{onClick:s,className:a("my-auto text-center text-sm",e<2?"cursor-pointer":"",a$1===e?"font-semibold":""),children:b}):null,!i&&l<o.length-1&&jsx("div",{id:`rightLinkStep${e}`,className:a("absolute -right-5 h-0.5 w-5",a$1>e?"bg-primary":"bg-base-4")})]},e))})});c.displayName="Stepper";
+
+export { c as a };

package/dist/chunk-TZI6YTCW.js

@@ -0,0 +1,7 @@
+import x from '@tippyjs/react';
+import { memo } from 'react';
+import { jsx, Fragment } from 'react/jsx-runtime';
+
+var g=({isVisible:p=!0,appendTo:i=typeof document<"u"?document.body:"parent",hideOnClick:r=!1,trigger:e="mouseenter",hideInMobile:a=!1,duration:n=150,interactive:d=!1,allowHTML:l=!0,maxWidth:c=250,touch:b=["hold",400],placement:m="top",content:y,children:o,...s})=>p?jsx(x,{...s,appendTo:i,hideOnClick:r,trigger:e,touch:a?["hold",999999]:b,duration:n,interactive:d,allowHTML:l,maxWidth:c,placement:m,content:jsx("div",{className:"break-words text-center",children:y}),children:o}):jsx(Fragment,{children:o}),h=memo(g);h.displayName="Tooltip";
+
+export { h as a };

package/dist/components/Button/index.d.ts

@@ -1 +1,52 @@
-export * from './Button';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+import React__default from 'react';
+import { IconProps } from '../Icon/index.js';
+import 'react/jsx-runtime';
+
+declare const buttonVariants: (props?: ({
+    variant?: "primary" | "secondary" | "tertiary" | "warning" | "danger" | "outline" | "outlineSecondary" | "onlyText" | null | undefined;
+    size?: "small" | "default" | "large" | null | undefined;
+    disabled?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const Button: React__default.MemoExoticComponent<React__default.ForwardRefExoticComponent<ButtonProps & React__default.RefAttributes<HTMLButtonAnchorElement>>>;
+type ButtonAnchorProps = React__default.ButtonHTMLAttributes<HTMLButtonElement> & React__default.AnchorHTMLAttributes<HTMLAnchorElement>;
+type HTMLButtonAnchorElement = HTMLButtonElement & HTMLAnchorElement;
+type ButtonVariantsType = VariantProps<typeof buttonVariants>;
+interface ButtonProps extends ButtonAnchorProps, ButtonVariantsType {
+    /** Type of component to use
+     * @default button
+     * */
+    as?: 'a' | 'button';
+    /**
+     * Custom class
+     */
+    className?: string;
+    /** Button variant
+     * @default primary
+     * */
+    variant?: 'primary' | 'secondary' | 'outlineSecondary' | 'tertiary' | 'warning' | 'danger' | 'outline' | 'onlyText';
+    /** Size of the button
+     * @default default
+     * */
+    size?: 'small' | 'default' | 'large';
+    /**
+     * Button is loading
+     * */
+    loading?: boolean;
+    /**
+     * Button is disabled
+     * */
+    disabled?: boolean;
+    /**
+     * Icon of the button
+     */
+    icon?: IconProps['icon'];
+    /**
+     * Icon of the button
+     * @default 'right'
+     */
+    iconPosition?: 'left' | 'right';
+}
+
+export { Button, type ButtonProps };

package/dist/components/DataTable/index.d.ts

@@ -1 +1,77 @@
-export * from './DataTable';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ColumnDef } from '@tanstack/react-table';
+
+declare const DataTable: <TData>({ columns: columnsProps, data, isLoading, error, selectable, showSelectAll, showCountSelected, onChange, selectedIds, disabledIds, id, emptyText, errorText }: DataTableProps<TData>) => react_jsx_runtime.JSX.Element;
+type DataTableColumn<TData> = ColumnDef<TData> & {
+    className?: {
+        header?: string;
+        cell?: string;
+    };
+};
+interface DataTableProps<TData> {
+    /**
+     * Array of columns to be displayed in the table
+     */
+    columns: DataTableColumn<TData>[];
+    /**
+     * Array of data to be displayed in the table
+     */
+    data?: TData[];
+    /**
+     * Table is loading
+     * @default false
+     */
+    isLoading?: boolean;
+    /**
+     * Table has an error
+     * @default false
+     */
+    error?: boolean;
+    /**
+     * Makes rows selectable.
+     * @default false
+     */
+    selectable?: boolean;
+    /**
+     * Show select all checkbox in the header,
+     * when the table is selectable.
+     * @default true
+     */
+    showSelectAll?: boolean;
+    /**
+     * Show count of selected rows in the header
+     * @default true
+     */
+    showCountSelected?: boolean;
+    /**
+     * Content to show when table is empty
+     * @default 'Nenhum registro encontrado'
+     */
+    emptyText?: string | React.ReactNode;
+    /**
+     * Content to show when an error occurs
+     * @default 'Ocorreu um erro ao carregar os itens.'
+     */
+    errorText?: string | React.ReactNode;
+    /**
+     * Fired when the row is selectable and the Checkbox of the header/row is clicked
+     */
+    onChange?: (selectedRows: string[]) => void;
+    /**
+     * Array containing the id of selected rows.
+     * @default undefined
+     */
+    selectedIds?: string[];
+    /**
+     * Array containing the id of disabled rows.
+     * @default []
+     */
+    disabledIds?: string[];
+    /**
+     * Id of the table.
+     * @default undefined
+     */
+    id?: string;
+}
+
+export { DataTable, type DataTableColumn, type DataTableProps };

package/dist/components/DataTable/index.js

@@ -1,6 +1,6 @@
-export { a as DataTable } from '../../chunk-KEVA65S5.js';
+"use client";export { a as DataTable } from '../../chunk-LZI7QZWG.js';
 import '../../chunk-LTHYFCE7.js';
 import '../../chunk-RL2XPX57.js';
-import '../../chunk-22FGINA5.js';
+import '../../chunk-NXHQNIK2.js';
 import '../../chunk-3OHDGUPG.js';
 import '../../chunk-WEYSRHTX.js';

package/dist/components/Icon/index.d.ts

@@ -1 +1,127 @@
-export * from './Icon';
+import { FunctionComponent } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare const icons: {
+    adjust: () => react_jsx_runtime.JSX.Element;
+    angleDiagonal: () => react_jsx_runtime.JSX.Element;
+    angleDown: () => react_jsx_runtime.JSX.Element;
+    angleHeight: () => react_jsx_runtime.JSX.Element;
+    angleLeft: () => react_jsx_runtime.JSX.Element;
+    angleRight: () => react_jsx_runtime.JSX.Element;
+    angleWidth: () => react_jsx_runtime.JSX.Element;
+    app: () => react_jsx_runtime.JSX.Element;
+    arrow: () => react_jsx_runtime.JSX.Element;
+    arrowLeft: () => react_jsx_runtime.JSX.Element;
+    arrowRight: () => react_jsx_runtime.JSX.Element;
+    back: () => react_jsx_runtime.JSX.Element;
+    ban: () => react_jsx_runtime.JSX.Element;
+    barcodeRead: () => react_jsx_runtime.JSX.Element;
+    bell: () => react_jsx_runtime.JSX.Element;
+    blog: () => react_jsx_runtime.JSX.Element;
+    bullhorn: () => react_jsx_runtime.JSX.Element;
+    calculator: () => react_jsx_runtime.JSX.Element;
+    calendarAlt: () => react_jsx_runtime.JSX.Element;
+    camera: () => react_jsx_runtime.JSX.Element;
+    check: () => react_jsx_runtime.JSX.Element;
+    checkCircle: () => react_jsx_runtime.JSX.Element;
+    clock: () => react_jsx_runtime.JSX.Element;
+    close: () => react_jsx_runtime.JSX.Element;
+    cog: () => react_jsx_runtime.JSX.Element;
+    copy: () => react_jsx_runtime.JSX.Element;
+    creditcard: () => react_jsx_runtime.JSX.Element;
+    discount: () => react_jsx_runtime.JSX.Element;
+    desktop: () => react_jsx_runtime.JSX.Element;
+    download: () => react_jsx_runtime.JSX.Element;
+    edit: () => react_jsx_runtime.JSX.Element;
+    exchange: () => react_jsx_runtime.JSX.Element;
+    exclamation: () => react_jsx_runtime.JSX.Element;
+    exclamationCircle: () => react_jsx_runtime.JSX.Element;
+    exclamationTriangle: () => react_jsx_runtime.JSX.Element;
+    externalLink: () => react_jsx_runtime.JSX.Element;
+    eye: () => react_jsx_runtime.JSX.Element;
+    eyeSlash: () => react_jsx_runtime.JSX.Element;
+    filter: () => react_jsx_runtime.JSX.Element;
+    halfBack: () => react_jsx_runtime.JSX.Element;
+    home: () => react_jsx_runtime.JSX.Element;
+    iconSolidEnviali: () => react_jsx_runtime.JSX.Element;
+    iconSolidLI: () => react_jsx_runtime.JSX.Element;
+    image: () => react_jsx_runtime.JSX.Element;
+    infoCircle: () => react_jsx_runtime.JSX.Element;
+    lightbulb: () => react_jsx_runtime.JSX.Element;
+    link: () => react_jsx_runtime.JSX.Element;
+    loading: () => react_jsx_runtime.JSX.Element;
+    minus: () => react_jsx_runtime.JSX.Element;
+    mobile: () => react_jsx_runtime.JSX.Element;
+    moneyBill: () => react_jsx_runtime.JSX.Element;
+    move: () => react_jsx_runtime.JSX.Element;
+    nav: () => react_jsx_runtime.JSX.Element;
+    order: () => react_jsx_runtime.JSX.Element;
+    pagali: () => react_jsx_runtime.JSX.Element;
+    paperList: () => react_jsx_runtime.JSX.Element;
+    pieChart: () => react_jsx_runtime.JSX.Element;
+    pix: () => react_jsx_runtime.JSX.Element;
+    plus: () => react_jsx_runtime.JSX.Element;
+    plusCircle: () => react_jsx_runtime.JSX.Element;
+    print: () => react_jsx_runtime.JSX.Element;
+    product: () => react_jsx_runtime.JSX.Element;
+    questionCircle: () => react_jsx_runtime.JSX.Element;
+    reload: () => react_jsx_runtime.JSX.Element;
+    rocket: () => react_jsx_runtime.JSX.Element;
+    search: () => react_jsx_runtime.JSX.Element;
+    shoppingCart: () => react_jsx_runtime.JSX.Element;
+    sortDown: () => react_jsx_runtime.JSX.Element;
+    sync: () => react_jsx_runtime.JSX.Element;
+    thinAngleRight: () => react_jsx_runtime.JSX.Element;
+    times: () => react_jsx_runtime.JSX.Element;
+    timesCircle: () => react_jsx_runtime.JSX.Element;
+    trash: () => react_jsx_runtime.JSX.Element;
+    truck: () => react_jsx_runtime.JSX.Element;
+    tv: () => react_jsx_runtime.JSX.Element;
+    upload: () => react_jsx_runtime.JSX.Element;
+    usdCircle: () => react_jsx_runtime.JSX.Element;
+    user: () => react_jsx_runtime.JSX.Element;
+    whatsapp: () => react_jsx_runtime.JSX.Element;
+    clockwise: () => react_jsx_runtime.JSX.Element;
+    defaultCursor: () => react_jsx_runtime.JSX.Element;
+    envelope: () => react_jsx_runtime.JSX.Element;
+    exchangeY: () => react_jsx_runtime.JSX.Element;
+    hashtag: () => react_jsx_runtime.JSX.Element;
+    identificationBadge: () => react_jsx_runtime.JSX.Element;
+    listItems: () => react_jsx_runtime.JSX.Element;
+    store: () => react_jsx_runtime.JSX.Element;
+    trophy: () => react_jsx_runtime.JSX.Element;
+    dashedCircle: () => react_jsx_runtime.JSX.Element;
+    minusCircle: () => react_jsx_runtime.JSX.Element;
+    minusCircleSolid: () => react_jsx_runtime.JSX.Element;
+    dotsThree: () => react_jsx_runtime.JSX.Element;
+};
+
+declare const iconSizes: {
+    1: string;
+    2: string;
+    3: string;
+    4: string;
+    5: string;
+    6: string;
+    7: string;
+    8: string;
+    9: string;
+    10: string;
+};
+declare const Icon: FunctionComponent<IconProps>;
+interface IconProps {
+    /**
+     * Icon variation
+     */
+    icon: keyof typeof icons;
+    /** Icon size, number between 1 and 10
+     * @default 5
+     */
+    size?: keyof typeof iconSizes;
+    /**
+     * Additional classes for icon
+     */
+    className?: string;
+}
+
+export { Icon, type IconProps };

package/dist/components/IconCircular/index.d.ts

@@ -1 +1,22 @@
-export * from './IconCircular';
+import { FunctionComponent } from 'react';
+import { IconProps } from '../Icon/index.js';
+import 'react/jsx-runtime';
+
+type variantType = 'success' | 'warning' | 'danger';
+declare const IconCircular: FunctionComponent<IconCircularProps>;
+interface IconCircularProps {
+    /** Icon circular variant
+     * @default success
+     * */
+    variant?: variantType;
+    /**
+     * Icon variation
+     */
+    icon?: IconProps['icon'];
+    /**
+     * Custom class for background
+     */
+    bgClass?: string;
+}
+
+export { IconCircular, type IconCircularProps };

package/dist/components/LoadingPlaceholder/index.d.ts

@@ -1 +1,12 @@
-export * from './LoadingPlaceholder';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React__default from 'react';
+
+declare const LoadingPlaceholder: React__default.MemoExoticComponent<({ className }: LoadingPlaceholderProps) => react_jsx_runtime.JSX.Element>;
+interface LoadingPlaceholderProps {
+    /**
+     * Custom class name
+     */
+    className?: string;
+}
+
+export { LoadingPlaceholder, type LoadingPlaceholderProps };

package/dist/components/Modal/index.css

@@ -1 +1 @@
-.ReactModal__Overlay--after-open{@apply opacity-100;}.ReactModal__Overlay--before-close{@apply opacity-0;}
+.ReactModal__Overlay--after-open{opacity:1}.ReactModal__Overlay--before-close{opacity:0}

package/dist/components/Modal/index.d.ts

@@ -1 +1,56 @@
-export * from './Modal';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React__default from 'react';
+
+declare const Modal: React__default.MemoExoticComponent<({ className, isOpen, preventClose, size, headerStep, headerTitle, headerClose, footerActions, onClose, closeTimeout, parentSelector, children }: ModalProps) => react_jsx_runtime.JSX.Element>;
+interface ModalProps {
+    /**
+     * Custom class name
+     * */
+    className?: string;
+    /** Modal is open
+     * @default false
+     */
+    isOpen?: boolean;
+    /** Prevent modal close
+     * @default false
+     */
+    preventClose?: boolean;
+    /** Modal width
+     * @default 'default'
+     * */
+    size?: 'default' | 'large' | 'small';
+    /**
+     * Modal step, above the title
+     * */
+    headerStep?: string | React__default.ReactNode;
+    /**
+     * Modal title
+     * */
+    headerTitle?: string | React__default.ReactNode;
+    /** Close text at header
+     * @default ''
+     * */
+    headerClose?: string | false;
+    /**
+     * Call when modal is closed
+     * */
+    onClose?: () => void;
+    /**
+     * Number indicating the milliseconds to wait before closing the modal
+     * */
+    closeTimeout?: number;
+    /**
+     * React children
+     */
+    children?: React__default.ReactNode;
+    /**
+     * React children
+     */
+    footerActions?: React__default.ReactNode;
+    /** The parent element that the modal will be attached to
+     * @default 'document.body'
+     */
+    parentSelector?: HTMLElement | null;
+}
+
+export { Modal, type ModalProps };

package/dist/components/Modal/index.js

@@ -1,4 +1,4 @@
-export { a as Modal } from '../../chunk-FLXTIRDF.js';
+"use client";export { a as Modal } from '../../chunk-AHEXEKOY.js';
 import '../../chunk-LTWCICTK.js';
 import '../../chunk-RPTUERXQ.js';
 import '../../chunk-2H2JX2FG.js';

package/dist/components/SidebarFixed/index.d.ts

@@ -1 +1,35 @@
-export * from './SidebarFixed';
+import React__default from 'react';
+
+declare const SidebarFixed: React__default.NamedExoticComponent<SidebarFixedProps>;
+interface SidebarFixedProps {
+    /**
+     * React children
+     */
+    children?: React__default.ReactNode;
+    /**
+     * Bottom actions
+     */
+    footerActions?: React__default.ReactNode;
+    /** Sidebar is open
+     * @default false
+     */
+    isOpen?: boolean;
+    /**
+     * Call when sidebar is closed
+     * */
+    onClose?: () => void;
+    /**
+     * Title displayed in header
+     */
+    title?: string;
+    /**
+     * Help external link
+     */
+    helpLink?: string;
+    /** The parent element that the sidebar will be attached to
+     * @default 'document.body'
+     */
+    parentSelector?: HTMLElement | null;
+}
+
+export { SidebarFixed, type SidebarFixedProps };