@loja-integrada/admin-components 1.0.9 → 1.0.11

package/dist/chunk-2VOBQTBC.js

@@ -0,0 +1,12 @@
+import { a as a$1 } from './chunk-7Z3CCBLX.js';
+import { a as a$3 } from './chunk-HQ53LHR2.js';
+import { a as a$2 } from './chunk-G3GCVCTU.js';
+import { a } from './chunk-REQIQLRI.js';
+import { cva } from 'class-variance-authority';
+import h, { useMemo } from 'react';
+import k, { components } from 'react-select';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var W=cva("flex w-full cursor-pointer items-center border bg-base-1 transition-colors",{variants:{size:{small:"text-f7 h-10",default:"text-f6 h-12",large:"text-f5 h-14",xlarge:"text-f4 h-24"},variant:{default:"rounded border-card-stroke font-normal text-on-base",secondary:"rounded-md border-inverted-2 font-semibold shadow-inner hover:bg-base-3 focus:bg-base-1 focus:ring-2 focus:ring-focus focus:ring-offset-2"},disabled:{true:"pointer-events-none bg-base-3 text-on-base-2"},readOnly:{true:"pointer-events-none bg-base-2"},hasErrorState:{true:"border-danger focus:border-danger"}},defaultVariants:{variant:"default",size:"default",hasErrorState:!1,disabled:!1,readOnly:!1}}),{Option:q,DropdownIndicator:$}=components,A=o=>{let{selectProps:n}=o,t=`transform transition duration-200 ${n.menuIsOpen?"rotate-180":"rotate-0"} text-inverted-2`;return jsx($,{...o,className:"mr-2",children:jsx(a$3,{icon:"sortDown",size:5,className:t})})},J=o=>{let{isSelected:n,isDisabled:t,isFocused:p,data:s}=o;return jsxs(q,{...o,className:a("text-f6 first:mt-2 last:mb-2 py-2 px-5 font-semibold transition-colors flex items-center",t?"opacity-50 cursor-not-allowed":"hover:text-on-base hover:bg-inverted-2/5 cursor-pointer",n?"text-inverted-1":"text-inverted-2",p&&"bg-inverted-2/5"),children:[s.icon?jsx(a$3,{icon:s.icon,className:"mr-2"}):null,s.label]})},K=({options:o,isSearchable:n=!1,onChange:t,onBlur:p,size:s="default",variant:P="default",placeholder:v="Selecione um item",emptyMessage:w="Nenhuma op\xE7\xE3o dispon\xEDvel",hasError:C=!1,errorMessage:m,helpText:O,label:I,labelComplement:D,id:y,name:N,required:S=!1,disabled:c,readOnly:d,maxMenuHeight:E=300,menuPosition:M="absolute",menuPlacement:V="auto",menuWidth:G="100%",menuHorizontalPlacement:a$3,formGroupClassName:R="",value:z},B)=>{let F=useMemo(()=>Math.random().toString(36).substring(7),[]),f=y||N||F,i=C||!!m;return jsxs("div",{className:a("form-group flex flex-col",R),children:[jsx(a$1,{label:I,labelComplement:D,required:S,hasError:i,htmlFor:f,className:"mb-1"}),jsx(k,{id:f,ref:B,value:z,classNamePrefix:"select",options:o,isSearchable:n,isDisabled:c||d,maxMenuHeight:E,menuPortalTarget:document?.body,menuPosition:M,menuPlacement:V,placeholder:v,noOptionsMessage:({inputValue:e})=>e?`Nenhum resultado para "${e}"`:w,onChange:e=>t&&e&&t(e),onBlur:e=>p?.(e),components:{Option:e=>J(e),DropdownIndicator:e=>A(e)},classNames:{input:()=>"absolute !mx-0",noOptionsMessage:()=>"text-on-base-3 text-f6 font-semibold break-words",valueContainer:()=>"w-full min-h-10",singleValue:()=>"truncate",placeholder:()=>"w-full truncate pr-2 h-full text-on-base-3",control:({isFocused:e})=>a(W({variant:P,size:s,hasErrorState:i,disabled:c,readOnly:d}),e&&!i&&!d&&"border-inverted-1"),groupHeading:()=>"px-5 text-on-base-3 text-f7 font-semibold uppercase"},styles:{option:()=>({}),control:()=>({}),menu:e=>({...e,width:G,backgroundColor:"rgb(var(--color-base-1) / 100)",zIndex:999,...a$3&&a$3==="left"&&{left:0},...a$3&&a$3==="right"&&{right:0}}),menuPortal:e=>({...e,zIndex:9999}),indicatorSeparator:()=>({}),groupHeading:()=>({}),singleValue:()=>({maxWidth:"calc(100% - 6px)"}),valueContainer:e=>({...e,paddingLeft:16,display:"flex",alignItems:"center",flexWrap:"nowrap"}),placeholder:()=>({})}}),jsx(a$2,{helpText:m||O,hasError:i,className:"mt-2"})]})},Q=h.forwardRef(K),U=h.memo(Q);U.displayName="Dropdown";
+
+export { U as a };

package/dist/chunk-72QPS6JN.js

@@ -0,0 +1,8 @@
+import { a } from './chunk-REQIQLRI.js';
+import { cva } from 'class-variance-authority';
+import l from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var o=cva("badge inline-flex items-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:"text-f7 h-5 px-2 py-0.5",small:"text-f7 h-4 px-2",xsmall:"text-f8 h-3 px-0.5 py-px"},rounded:{full:"rounded-full",small:"rounded",none:"rounded-none"}},defaultVariants:{type:"primary",size:"default"}}),i=({type:t="neutral",text:a$1,size:r="default",rounded:s="full",className:n=""})=>jsx("div",{className:a(o({type:t,size:r,rounded:s}),n),children:a$1}),g=l.memo(i);g.displayName="Badge";
+
+export { g as a };

package/dist/{chunk-ZXGG7PWF.js → chunk-ABMMRP7O.js}

@@ -1,4 +1,4 @@
-import { a } from './chunk-VERZSHK6.js';
+import { a } from './chunk-FNTWCBA6.js';
 import { forwardRef } from 'react';
 import { IMaskMixin, IMask } from 'react-imask';
 import { jsx } from 'react/jsx-runtime';

package/dist/{chunk-UIHRQE2I.js → chunk-EHRQIKSI.js}

@@ -4,6 +4,6 @@ import i from 'react';
 import { ToastContainer, toast } from 'react-toastify';
 import { jsx } from 'react/jsx-runtime';
 
-var m={success:"bg-primary-light border-primary-dark",error:"bg-danger-light border-danger-dark",info:"bg-secondary-light border-secondary",warning:"bg-warning-light border-warning-dark",default:"",dark:""},l={success:"!bg-primary-dark",error:"!bg-danger-dark",info:"!bg-secondary-dark",warning:"!bg-warning-dark",default:"",dark:""},p=({...t})=>jsx(ToastContainer,{toastClassName:o=>a("border flex items-top justify-between py-3 px-4 relative rounded shadow-md mb-2",m[o?.type||"info"]),bodyClassName:"max-w-[95%] text-sm text-on-base break-words",progressClassName:o=>a(o?.defaultClassName,"!h-1",l[o?.type||"info"]),closeButton:({closeToast:o})=>jsx("div",{className:"text-on-base hover:text-on-base-2 flex cursor-pointer items-center",onClick:o,children:jsx(a$1,{icon:"close",size:3})}),position:"top-right",icon:!1,...t}),h=({content:t,...o})=>{let a=o?.type||"success",n=typeof o?.autoClose!="boolean"?o?.autoClose:o?.autoClose&&5e3;toast(t,{...o,type:a,autoClose:n});},f=i.memo(p);f.displayName="Toast";
+var m={success:"bg-primary-light border-primary-dark",error:"bg-danger-light border-danger-dark",info:"bg-secondary-light border-secondary",warning:"bg-warning-light border-warning-dark",default:"",dark:""},l={success:"!bg-primary-dark",error:"!bg-danger-dark",info:"!bg-secondary-dark",warning:"!bg-warning-dark",default:"",dark:""},p=({...t})=>jsx(ToastContainer,{toastClassName:o=>a("border flex items-top justify-between py-3 px-4 relative rounded shadow-md mb-2",m[o?.type||"info"]),bodyClassName:"max-w-[95%] text-sm text-on-base break-words",progressClassName:o=>a(o?.defaultClassName,"!h-1",l[o?.type||"info"]),closeButton:({closeToast:o})=>jsx("div",{className:"flex cursor-pointer items-center text-on-base hover:text-on-base-2",onClick:o,children:jsx(a$1,{icon:"close",size:3})}),position:"top-right",icon:!1,...t}),h=({content:t,...o})=>{let a=o?.type||"success",n=typeof o?.autoClose!="boolean"?o?.autoClose:o?.autoClose&&5e3;toast(t,{...o,type:a,autoClose:n});},f=i.memo(p);f.displayName="Toast";
 
 export { h as a, f as b };

package/dist/{chunk-VERZSHK6.js → chunk-FNTWCBA6.js}

@@ -5,6 +5,6 @@ import { cva } from 'class-variance-authority';
 import h, { useMemo } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
-var V=cva("peer text-f6 flex w-full min-w-0 appearance-none overflow-hidden rounded border border-card-stroke bg-base-1 px-4 text-on-base shadow-none outline-none transition-colors placeholder:text-on-base-3 focus-within:border-inverted-1 focus:border-inverted-1",{variants:{variant:{default:"h-12",small:"h-10",large:"h-14",xlarge:"h-24"},hasErrorState:{true:"border-danger focus:border-danger [&~.adornment]:border-danger [&~.adornment]:focus:border-danger"},disabled:{true:"pointer-events-none bg-base-3 text-on-base-2"},readOnly:{true:"bg-base-2"},prefixBorder:{true:"[&~.adornment.prefix]:border-r"},sufixBorder:{true:"[&~.adornment.sufix]:border-l"},hasPrefix:{true:"pl-[4.5rem]"},hasSufix:{true:"pr-[4.5rem]"}},compoundVariants:[{hasPrefix:!0,prefixBorder:!1,class:"pl-14"},{hasSufix:!0,sufixBorder:!1,class:"pr-14"}],defaultVariants:{variant:"default",hasErrorState:!1,disabled:!1,readOnly:!1}}),b="adornment border-card-stroke flex justify-center items-center absolute bottom-0 w-14 h-full text-f6 text-inverted-2 -mt-px peer-focus:border-inverted-1 transition-colors",k=({className:g="",formGroupClassName:I="",label:v,labelComplement:N,helpText:P,hasError:R=!1,errorMessage:o,required:n=!1,id:w,name:s,variant:T="default",disabled:l,readOnly:d,type:E="text",prefix:i,sufix:p,prefixBorder:H=!0,sufixBorder:L=!0,...S},y)=>{let B=useMemo(()=>Math.random().toString(36).substring(7),[]),t=w||s||B,a$3=R||!!o,u=!!p,f=!!i,C=jsx(a,{label:v,labelComplement:N,required:n,hasError:a$3,htmlFor:t,className:"mb-1"}),F=jsx(a$1,{helpText:o||P,hasError:a$3,className:"mt-2"});return jsxs("div",{className:a$2("form-group flex flex-col",I),children:[C,jsxs("div",{className:"relative",children:[jsx("input",{ref:y,type:E,id:t,name:s,required:n,disabled:l,readOnly:d,className:a$2(V({variant:T,hasErrorState:a$3,disabled:l,readOnly:d,className:g,prefixBorder:H,sufixBorder:L,hasSufix:u,hasPrefix:f})),...S}),f?jsx("label",{htmlFor:t,className:a$2("prefix left-0",b),children:i}):null,u?jsx("label",{htmlFor:t,className:a$2("sufix right-0",b),children:p}):null]}),F]})},q=h.forwardRef(k),A=h.memo(q);A.displayName="Input";
+var V=cva("peer text-f6 flex w-full min-w-0 appearance-none overflow-hidden rounded border border-card-stroke bg-base-1 px-4 text-on-base shadow-none outline-none transition-colors placeholder:text-on-base-2 focus-within:border-inverted-1 focus:border-inverted-1",{variants:{variant:{default:"h-12",small:"h-10",large:"h-14",xlarge:"h-24"},hasErrorState:{true:"border-danger focus:border-danger [&~.adornment]:border-danger [&~.adornment]:focus:border-danger"},disabled:{true:"pointer-events-none bg-base-3 text-on-base-2"},readOnly:{true:"bg-base-2"},prefixBorder:{true:"[&~.adornment.prefix]:border-r"},sufixBorder:{true:"[&~.adornment.sufix]:border-l"},hasPrefix:{true:"pl-[4.5rem]"},hasSufix:{true:"pr-[4.5rem]"}},compoundVariants:[{hasPrefix:!0,prefixBorder:!1,class:"pl-14"},{hasSufix:!0,sufixBorder:!1,class:"pr-14"}],defaultVariants:{variant:"default",hasErrorState:!1,disabled:!1,readOnly:!1}}),b="adornment border-card-stroke flex justify-center items-center absolute bottom-0 w-14 h-full text-f6 text-inverted-2 -mt-px peer-focus:border-inverted-1 transition-colors",k=({className:g="",formGroupClassName:I="",label:v,labelComplement:N,helpText:P,hasError:R=!1,errorMessage:o,required:n=!1,id:w,name:s,variant:E="default",disabled:l,readOnly:d,type:T="text",prefix:i,sufix:p,prefixBorder:H=!0,sufixBorder:L=!0,...S},y)=>{let B=useMemo(()=>Math.random().toString(36).substring(7),[]),t=w||s||B,a$3=R||!!o,u=!!p,f=!!i,C=jsx(a,{label:v,labelComplement:N,required:n,hasError:a$3,htmlFor:t,className:"mb-1"}),F=jsx(a$1,{helpText:o||P,hasError:a$3,className:"mt-2"});return jsxs("div",{className:a$2("form-group flex flex-col",I),children:[C,jsxs("div",{className:"relative",children:[jsx("input",{ref:y,type:T,id:t,name:s,required:n,disabled:l,readOnly:d,className:a$2(V({variant:E,hasErrorState:a$3,disabled:l,readOnly:d,className:g,prefixBorder:H,sufixBorder:L,hasSufix:u,hasPrefix:f})),...S}),f?jsx("label",{htmlFor:t,className:a$2("prefix left-0",b),children:i}):null,u?jsx("label",{htmlFor:t,className:a$2("sufix right-0",b),children:p}):null]}),F]})},q=h.forwardRef(k),A=h.memo(q);A.displayName="Input";
 
 export { A as a };

package/dist/chunk-T46I7KD2.js

@@ -0,0 +1,10 @@
+import { a } from './chunk-7Z3CCBLX.js';
+import { a as a$1 } from './chunk-G3GCVCTU.js';
+import { a as a$2 } from './chunk-REQIQLRI.js';
+import { cva } from 'class-variance-authority';
+import b from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var E=cva("w-full min-w-0 cursor-pointer appearance-none rounded border border-card-stroke bg-base-1 bg-no-repeat pl-4 pr-8 text-sm tracking-4 text-on-base shadow-none outline-none transition-colors duration-75 placeholder:text-on-base-2 focus:border-inverted-1",{variants:{variant:{default:"h-12",small:"h-10",large:"h-14",xlarge:"h-24"},withoutStyle:{true:"no-style border-transparent pl-2 pr-4 hover:text-inverted-1"},hasErrorState:{true:"border-danger focus:border-danger"},disabled:{true:"pointer-events-none bg-base-3 text-on-base-2 opacity-100"}}}),R=({formGroupClassName:f="",className:g="",label:x,labelComplement:v,helpText:h,hasError:S=!1,errorMessage:n,required:r=!1,id:w,name:s,variant:H="default",disabled:p,placeholder:c,options:I=[],withoutStyle:i=!1,style:N,...P},T)=>{let a$3=w||s,o=S||!!n,y=jsx(a,{label:x,required:r,hasError:o,htmlFor:a$3,className:"mb-1",labelComplement:v}),L=jsx(a$1,{helpText:n||h,hasError:o,className:"mt-2"});return jsxs("div",{className:a$2("form-group flex flex-col",f),children:[y,jsx("div",{className:"flex w-full",children:jsxs("select",{ref:T,id:a$3,name:s,required:r,disabled:p,className:a$2(E({variant:H,withoutStyle:i,hasErrorState:o,disabled:p}),g),...P,style:{backgroundImage:`url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8 5" fill="%23607081"><path d="M7.11 0H.889a.667.667 0 00-.47 1.138l3.11 3.11a.661.661 0 00.943 0l3.11-3.11A.666.666 0 007.112 0z" /></svg>')`,backgroundSize:"8px",backgroundPosition:`calc(100% - ${i?"5px":"15px"}) center`,...N},children:[c?jsx("option",{value:"",disabled:r,children:c}):null,I?.map(t=>jsx("option",{value:`${t.value}`,disabled:t.disabled,children:t.label},`${a$3}-${t.value}`))]})}),L]})},C=b.forwardRef(R),M=b.memo(C);M.displayName="Select";
+
+export { R as a, M as b };

package/dist/chunk-UQTLNERO.js

@@ -0,0 +1,8 @@
+import { a } from './chunk-L6H2NDVS.js';
+import { a as a$1 } from './chunk-T7A7CWOV.js';
+import s, { memo, useState, useEffect } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var d=e=>s.isValidElement(e)&&e.type===a$1?s.cloneElement(e,{key:e.key,className:"[&_svg]:ml-0 [&_svg]:size-5 [&_svg]:p-px h-auto text-base-1 active:text-base-4 px-4 py-1 transition-colors flex-col-reverse inline-flex text-center font-normal text-f8 bg-transparent border-none hover:bg-transparent active:bg-transparent disabled:opacity-50"}):e,p=(e,o)=>{if(!Array.isArray(e))return d(e);for(let t=0;t<e.length;t++){let n;if(s.isValidElement(e[t]))if(e[t].type===a$1?n=d(e[t]):e[t].props.children?n=s.cloneElement(e[t],{key:t,children:p(e[t].props.children)}):n=e[t],o)o.push(n);else return n}},b=e=>{let o=[];return p(e,o),o},y=({onlyMobile:e=!1,children:o})=>{let[t,n]=useState(!0);useEffect(()=>{if(typeof window<"u"){let r=window.parent.document.querySelector(".botbar"),a=window.document.querySelector(".page-container");return r&&(r.style.display="none"),a&&(a.classList.remove("lg:mb-10","lg:pb-0"),n(!!a.dataset.expanded)),()=>{r&&(r.style.display=""),a&&a.classList.add("lg:mb-10","lg:pb-0");}}},[]);let f=b(o);return 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"+(e?" lg:hidden":""),children:jsxs("div",{className:`${t?a.expanded:a.default} mx-auto flex size-full items-center justify-center px-8 lg:justify-end lg:px-0`,children:[!e&&jsx("div",{className:"my-2.5 mr-8 hidden grid-flow-col gap-x-4 lg:grid [&_svg:not(.icon-loading)]:hidden",children:o}),jsx("div",{className:"flex h-full items-center justify-center lg:hidden",children:f})]})})},R=memo(y);R.displayName="ActionBar";
+
+export { R as a };

package/dist/chunk-UYUM2DWH.js

@@ -0,0 +1,9 @@
+import { b } from './chunk-T46I7KD2.js';
+import { a } from './chunk-HQ53LHR2.js';
+import { a as a$1 } from './chunk-REQIQLRI.js';
+import y, { useMemo, useRef } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var I=({currentItemsLength:n,totalItemsLength:a=0,itemsLengthOptions:i,onItemsLengthChange:r})=>{let e=l=>{let o=l.currentTarget.value;r&&r(o);},s=useMemo(()=>{if(n)return Math.max(n,a)},[n,a]);return !n&&n!==0?null:jsx("div",{className:"pagination-info hidden sm:flex",children:jsxs("div",{className:"text-f6 mr-5 flex items-center tracking-4 text-inverted-2",children:[i?jsx(b,{id:"selectItemsPerPage",options:i,withoutStyle:!0,"aria-label":"Itens por p\xE1gina",onChange:e,className:"h-6"}):jsxs("span",{children:["Mostrando ",jsx("span",{className:"pagination-info-current",children:n})]}),"\xA0de\xA0",jsx("span",{className:"pagination-info-total",children:s}),"\xA0no total"]})})},u=y.memo(I);u.displayName="PaginationInfo";var M=({currentPage:n=1,totalPages:a$1=1,onPageChange:i})=>{let r=useRef(null),e=useMemo(()=>Math.max(n,a$1),[n,a$1]),s=useMemo(()=>n<a$1,[n,a$1]),l=useMemo(()=>n>1,[n]),o=t=>{t=t<1?1:t>e?e:t,i&&i(t);},c=t=>(t.preventDefault(),!1);return jsxs("div",{className:"pagination-nav flex w-full items-center justify-between sm:w-auto",children:[jsxs("div",{className:"text-f6 tracking-4 text-inverted-2",children:[jsx("span",{id:"btnPaginationActualPage",className:"pagination-nav-current inline-block w-9 rounded border border-card-stroke/50 bg-base-1 text-center font-semibold leading-8 text-primary outline-none transition-colors focus-within:border-inverted-1 focus:border-inverted-1",ref:r,contentEditable:!0,suppressContentEditableWarning:!0,onKeyDown:t=>{if(!(t.which>=35&&t.which<=39)&&!(t.which===46||t.which===8)){if(t.which===13){let b=r?.current?.innerText;if(b){let w=parseInt(b);o(w);}t.preventDefault();return}isNaN(parseInt(String.fromCharCode(t.which)))&&t.preventDefault();}},onCopy:c,onCut:c,onPaste:c,children:n})," ","/"," ",jsx("button",{type:"button",id:"btnPaginationLastPage",className:"pagination-nav-total focus:outline-none",onClick:()=>{n!==e&&o(e);},children:e})]}),jsxs("div",{className:"ml-5 flex items-center text-inverted-2",children:[jsx("button",{type:"button",id:"btnPaginationPrev",className:`pagination-nav-previous mr-3 outline-none duration-200 ${l?"hover:text-inverted-1":""}`,"aria-label":"Ir para p\xE1gina anterior",onClick:()=>{l&&o(n-1);},children:jsx(a,{icon:"arrowLeft",size:4})}),jsx("button",{type:"button",id:"btnPaginationNext",className:`pagination-nav-next outline-none duration-200 ${s?"hover:text-inverted-1":""}`,"aria-label":"Ir para pr\xF3xima p\xE1gina",onClick:()=>{s&&o(n+1);},children:jsx(a,{icon:"arrowRight",size:4})})]})]})},v=y.memo(M);v.displayName="PaginationNav";var R=({className:n="",currentPage:a=1,totalPages:i=1,onPageChange:r,currentItemsLength:e,totalItemsLength:s,itemsLengthOptions:l,onItemsLengthChange:o})=>jsxs("div",{className:a$1("pagination flex flex-wrap items-center justify-end leading-4 sm:justify-between",n),children:[jsx(u,{currentItemsLength:e,totalItemsLength:s,itemsLengthOptions:l,onItemsLengthChange:o}),jsx(v,{currentPage:a,totalPages:i,onPageChange:r})]}),L=y.memo(R);L.displayName="Pagination";
+
+export { L as a };

package/dist/forms/Dropdown/Dropdown.client.d.ts

@@ -0,0 +1,141 @@
+import { type VariantProps } from 'class-variance-authority';
+import React from 'react';
+import { SelectInstance } from 'react-select';
+import { IconProps } from '../../components/Icon';
+import { InputLabelProps } from '../InputLabel';
+declare const dropdownVariants: (props?: ({
+    size?: "small" | "default" | "large" | "xlarge" | null | undefined;
+    variant?: "secondary" | "default" | null | undefined;
+    disabled?: boolean | null | undefined;
+    readOnly?: boolean | null | undefined;
+    hasErrorState?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+interface DropdownProps {
+    /**
+     * Form group custom class name
+     * */
+    formGroupClassName?: string;
+    /**
+     * Options displayed inside dropdown
+     * */
+    options: CustomOptionProps[] | CustomGroupedOptionsProps[];
+    /**
+     * Placeholder text
+     * @default "Selecione um item"
+     * */
+    placeholder?: string;
+    /**
+     * Callback function triggered when an option is selected
+     * */
+    onChange?: (option: CustomOptionProps) => void;
+    /**
+     * Callback function triggered when the dropdown loses
+     * focus
+     * */
+    onBlur?: (event: React.FocusEvent<HTMLElement>) => void;
+    /**
+     * Changes the size of dropdown
+     * @default default
+     * */
+    size?: VariantProps<typeof dropdownVariants>['size'];
+    /**
+     * Changes the variant of dropdown
+     * @default default
+     * */
+    variant?: VariantProps<typeof dropdownVariants>['variant'];
+    /**
+     * Keep marked the selected option on clicked
+     * @default false
+     * */
+    markSelectedOption?: boolean;
+    /**
+     * Makes the field writeable and return the matched options
+     * @default false
+     * */
+    isSearchable?: boolean;
+    /**
+     * Disable entire dropdown
+     * @default false
+     * */
+    disabled?: boolean;
+    /**
+     * ReadOnly entire dropdown
+     * @default false
+     * */
+    readOnly?: boolean;
+    /**
+     * The string showed if the options are empty or search result is empty
+     * @default "Nenhuma opção disponível"
+     * */
+    emptyMessage?: string;
+    /**
+     * Help text
+     * */
+    label?: string;
+    /**
+     * Label complement
+     * */
+    labelComplement?: InputLabelProps['labelComplement'];
+    /** Should display the label above the dropdown
+     * @default ''
+     * */
+    helpText?: string;
+    /**
+     * Change dropdown style to error state
+     * @default false
+     * */
+    hasError?: boolean;
+    /** Should display error state and the message
+     * @default ''
+     * */
+    errorMessage?: string;
+    /**
+     * Requires at least one option marked on dropdown
+     * @default false
+     * */
+    required?: boolean;
+    /**
+     * Current value of dropdown
+     * */
+    value?: CustomOptionProps;
+    /**
+     * Max height for the options menu container
+     * */
+    maxMenuHeight?: number;
+    /**
+     * The CSS position value of the menu,
+     * when "fixed" extra layout management is required
+     * @default 'absolute'
+     * */
+    menuPosition?: 'fixed' | 'absolute';
+    /**
+     * Default placement of the menu in relation to the control.
+     * 'auto' will flip when there isn't enough space below the control.
+     * @default 'auto'
+     * */
+    menuPlacement?: 'top' | 'bottom' | 'auto';
+    /**
+     * Width of menu containing the options
+     * @default '100%'
+     * */
+    menuWidth?: string;
+    /**
+     * Can align the menu in different positions if the menuWidth
+     * is bigger than the width of select
+     * */
+    menuHorizontalPlacement?: 'left' | 'right';
+    id?: string;
+    name?: string;
+}
+interface CustomOptionProps {
+    value: string | number;
+    label: string;
+    icon?: IconProps['icon'];
+    isDisabled?: boolean | undefined;
+}
+interface CustomGroupedOptionsProps {
+    label: string;
+    options: CustomOptionProps[];
+}
+declare const Dropdown: React.MemoExoticComponent<React.ForwardRefExoticComponent<DropdownProps & React.RefAttributes<SelectInstance<CustomOptionProps>>>>;
+export { type CustomGroupedOptionsProps, type CustomOptionProps, Dropdown, type DropdownProps };

package/dist/forms/Dropdown/index.d.ts

@@ -0,0 +1 @@
+export * from './Dropdown.client';

package/dist/forms/Dropdown/index.js

@@ -0,0 +1,7 @@
+"use client";export { a as Dropdown } from '../../chunk-2VOBQTBC.js';
+import '../../chunk-7Z3CCBLX.js';
+import '../../chunk-LTWCICTK.js';
+import '../../chunk-HQ53LHR2.js';
+import '../../chunk-EVEOC5I2.js';
+import '../../chunk-G3GCVCTU.js';
+import '../../chunk-REQIQLRI.js';

package/dist/forms/Input/Input.d.ts

@@ -15,6 +15,11 @@ interface InputProps extends InputLabelProps, InputHelpTextProps, Omit<React.Inp
      * @default default
      * */
     variant?: 'default' | 'small' | 'large' | 'xlarge';
+    /**
+     * Change input style to error state
+     * @default false
+     * */
+    hasError?: boolean;
     /**
      * Error message to display
      * */

package/dist/forms/Input/index.js

@@ -1,4 +1,4 @@
-export { a as Input } from '../../chunk-VERZSHK6.js';
+export { a as Input } from '../../chunk-FNTWCBA6.js';
 import '../../chunk-7Z3CCBLX.js';
 import '../../chunk-G3GCVCTU.js';
 import '../../chunk-REQIQLRI.js';

package/dist/forms/InputMask/index.js

@@ -1,5 +1,5 @@
-"use client";export { a as InputMask } from '../../chunk-ZXGG7PWF.js';
-import '../../chunk-VERZSHK6.js';
+"use client";export { a as InputMask } from '../../chunk-ABMMRP7O.js';
+import '../../chunk-FNTWCBA6.js';
 import '../../chunk-7Z3CCBLX.js';
 import '../../chunk-G3GCVCTU.js';
 import '../../chunk-REQIQLRI.js';

package/dist/forms/Select/Select.d.ts

@@ -1,10 +1,14 @@
 import React from 'react';
 import { InputHelpTextProps } from '../InputHelpText';
 import { InputLabelProps } from '../InputLabel';
-export declare const SelectComponent: ({ className, label, labelComplement, helpText, hasError, errorMessage, required, id, name, variant, disabled, placeholder, options, withoutStyle, style, ...props }: SelectProps, ref: React.ForwardedRef<HTMLSelectElement>) => import("react/jsx-runtime").JSX.Element;
+export declare const SelectComponent: ({ formGroupClassName, className, label, labelComplement, helpText, hasError, errorMessage, required, id, name, variant, disabled, placeholder, options, withoutStyle, style, ...props }: SelectProps, ref: React.ForwardedRef<HTMLSelectElement>) => import("react/jsx-runtime").JSX.Element;
 interface SelectProps extends InputLabelProps, InputHelpTextProps, React.SelectHTMLAttributes<HTMLSelectElement> {
     /**
-     * Custom class name
+     * Custom class name for form group
+     */
+    formGroupClassName?: string;
+    /**
+     * Custom class name for input
      * */
     className?: string;
     /** List of options to populate select

package/dist/forms/Select/index.js

@@ -1,4 +1,4 @@
-export { b as Select, a as SelectComponent } from '../../chunk-BLEJ5LCZ.js';
+export { b as Select, a as SelectComponent } from '../../chunk-T46I7KD2.js';
 import '../../chunk-7Z3CCBLX.js';
 import '../../chunk-G3GCVCTU.js';
 import '../../chunk-REQIQLRI.js';

package/dist/forms/index.d.ts

@@ -1,4 +1,5 @@
 export * from './Checkbox';
+export * from './Dropdown';
 export * from './Input';
 export * from './InputHelpText';
 export * from './InputLabel';

package/dist/forms/index.js

@@ -1,8 +1,12 @@
-import '../chunk-66GVVFKI.js';
-export { b as Select, a as SelectComponent } from '../chunk-BLEJ5LCZ.js';
-export { a as InputMask } from '../chunk-ZXGG7PWF.js';
-export { a as Input } from '../chunk-VERZSHK6.js';
+import '../chunk-WV2QQGA4.js';
+export { a as Dropdown } from '../chunk-2VOBQTBC.js';
+export { b as Select, a as SelectComponent } from '../chunk-T46I7KD2.js';
+export { a as InputMask } from '../chunk-ABMMRP7O.js';
+export { a as Input } from '../chunk-FNTWCBA6.js';
 export { a as InputLabel } from '../chunk-7Z3CCBLX.js';
+import '../chunk-LTWCICTK.js';
+import '../chunk-HQ53LHR2.js';
+import '../chunk-EVEOC5I2.js';
 export { a as Checkbox } from '../chunk-DIENJUYM.js';
 export { a as InputHelpText } from '../chunk-G3GCVCTU.js';
 import '../chunk-REQIQLRI.js';

package/dist/index.js

@@ -4,21 +4,22 @@ import './chunk-4PUGMMDC.js';
 export { a as Container, b as ContainerHeader } from './chunk-3BKW5XAK.js';
 export { a as Breadcrumb } from './chunk-FZISHDWC.js';
 export { a as HelpLink } from './chunk-SXBDHD2Z.js';
-export { a as Pagination } from './chunk-ZRJQNS4S.js';
+export { a as Pagination } from './chunk-UYUM2DWH.js';
 export { a as Stepper } from './chunk-I7PCF2VW.js';
 import './chunk-DIFKNF3L.js';
 export { a as IconCircular } from './chunk-BV27BOLB.js';
-import './chunk-66GVVFKI.js';
-export { b as Select, a as SelectComponent } from './chunk-BLEJ5LCZ.js';
-export { a as InputMask } from './chunk-ZXGG7PWF.js';
-export { a as Input } from './chunk-VERZSHK6.js';
+import './chunk-WV2QQGA4.js';
+export { a as Dropdown } from './chunk-2VOBQTBC.js';
+export { b as Select, a as SelectComponent } from './chunk-T46I7KD2.js';
+export { a as InputMask } from './chunk-ABMMRP7O.js';
+export { a as Input } from './chunk-FNTWCBA6.js';
 export { a as InputLabel } from './chunk-7Z3CCBLX.js';
 export { a as Alert } from './chunk-FM3XVRKO.js';
-export { a as Badge } from './chunk-M4V7OPDZ.js';
+export { a as Badge } from './chunk-72QPS6JN.js';
 export { a as Tag } from './chunk-2B6HWISX.js';
-export { b as ToastContainer, a as notify } from './chunk-UIHRQE2I.js';
+export { b as ToastContainer, a as notify } from './chunk-EHRQIKSI.js';
 export { a as Tooltip } from './chunk-TZI6YTCW.js';
-export { a as ActionBar } from './chunk-XMNDXVVV.js';
+export { a as ActionBar } from './chunk-UQTLNERO.js';
 import './chunk-L6H2NDVS.js';
 export { a as Button } from './chunk-T7A7CWOV.js';
 export { b as Box, d as BoxContent, c as BoxHeader, a as BoxSeparator } from './chunk-IGUCTFH2.js';

package/dist/indicators/Badge/Badge.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-declare const Badge: React.MemoExoticComponent<({ type, text, size, expanded, rounded, className }: BadgeProps) => import("react/jsx-runtime").JSX.Element>;
+declare const Badge: React.MemoExoticComponent<({ type, text, size, rounded, className }: BadgeProps) => import("react/jsx-runtime").JSX.Element>;
 interface BadgeProps {
     /**
      * Custom class name
@@ -17,10 +17,6 @@ interface BadgeProps {
      * @default default
      * */
     size?: 'default' | 'small' | 'xsmall';
-    /**
-     * Enlarge width of the badge
-     * */
-    expanded?: boolean;
     /**
      * Style of rounded corners
      * @default full

package/dist/indicators/Badge/index.js

@@ -1,2 +1,2 @@
-export { a as Badge } from '../../chunk-M4V7OPDZ.js';
+export { a as Badge } from '../../chunk-72QPS6JN.js';
 import '../../chunk-REQIQLRI.js';

package/dist/indicators/Toast/index.js

@@ -1,4 +1,4 @@
-"use client";export { b as ToastContainer, a as notify } from '../../chunk-UIHRQE2I.js';
+"use client";export { b as ToastContainer, a as notify } from '../../chunk-EHRQIKSI.js';
 import '../../chunk-LTWCICTK.js';
 import '../../chunk-HQ53LHR2.js';
 import '../../chunk-EVEOC5I2.js';

package/dist/indicators/index.js

@@ -1,8 +1,8 @@
 import '../chunk-7RP4L6ZM.js';
 export { a as Alert } from '../chunk-FM3XVRKO.js';
-export { a as Badge } from '../chunk-M4V7OPDZ.js';
+export { a as Badge } from '../chunk-72QPS6JN.js';
 export { a as Tag } from '../chunk-2B6HWISX.js';
-export { b as ToastContainer, a as notify } from '../chunk-UIHRQE2I.js';
+export { b as ToastContainer, a as notify } from '../chunk-EHRQIKSI.js';
 export { a as Tooltip } from '../chunk-TZI6YTCW.js';
 import '../chunk-T7A7CWOV.js';
 import '../chunk-LTWCICTK.js';

package/dist/layout/ActionBar/index.js

@@ -1,4 +1,4 @@
-"use client";export { a as ActionBar } from '../../chunk-XMNDXVVV.js';
+"use client";export { a as ActionBar } from '../../chunk-UQTLNERO.js';
 import '../../chunk-L6H2NDVS.js';
 import '../../chunk-T7A7CWOV.js';
 import '../../chunk-LTWCICTK.js';

package/dist/layout/index.js

@@ -1,6 +1,6 @@
 import '../chunk-DBWOW4GL.js';
 export { a as Container, b as ContainerHeader } from '../chunk-3BKW5XAK.js';
-export { a as ActionBar } from '../chunk-XMNDXVVV.js';
+export { a as ActionBar } from '../chunk-UQTLNERO.js';
 import '../chunk-L6H2NDVS.js';
 import '../chunk-T7A7CWOV.js';
 export { b as Box, d as BoxContent, c as BoxHeader, a as BoxSeparator } from '../chunk-IGUCTFH2.js';

package/dist/navigation/Pagination/index.js

@@ -1,5 +1,5 @@
-"use client";export { a as Pagination } from '../../chunk-ZRJQNS4S.js';
-import '../../chunk-BLEJ5LCZ.js';
+"use client";export { a as Pagination } from '../../chunk-UYUM2DWH.js';
+import '../../chunk-T46I7KD2.js';
 import '../../chunk-7Z3CCBLX.js';
 import '../../chunk-LTWCICTK.js';
 import '../../chunk-HQ53LHR2.js';

package/dist/navigation/index.js

@@ -1,9 +1,9 @@
 import '../chunk-4PUGMMDC.js';
 export { a as Breadcrumb } from '../chunk-FZISHDWC.js';
 export { a as HelpLink } from '../chunk-SXBDHD2Z.js';
-export { a as Pagination } from '../chunk-ZRJQNS4S.js';
+export { a as Pagination } from '../chunk-UYUM2DWH.js';
 export { a as Stepper } from '../chunk-I7PCF2VW.js';
-import '../chunk-BLEJ5LCZ.js';
+import '../chunk-T46I7KD2.js';
 import '../chunk-7Z3CCBLX.js';
 import '../chunk-LTWCICTK.js';
 import '../chunk-HQ53LHR2.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@loja-integrada/admin-components",
-  "version": "1.0.9",
+  "version": "1.0.11",
   "author": "Loja Integrada",
   "license": "MIT",
   "repository": {
@@ -32,7 +32,7 @@
     "tsup": "^8.1.0",
     "typescript": "^5.3.3",
     "vite": "^5.1.4",
-    "@loja-integrada/eslint-config": "0.0.1",
+    "@loja-integrada/eslint-config": "0.0.2",
     "@loja-integrada/tailwindcss-config": "2.0.1",
     "@loja-integrada/typescript-config": "0.0.2"
   },
@@ -43,6 +43,7 @@
     "clsx": "^2.1.1",
     "react-imask": "^7.6.1",
     "react-modal": "^3.16.1",
+    "react-select": "^5.8.0",
     "react-toastify": "10.0.5",
     "tailwind-merge": "^2.3.0"
   },
@@ -101,6 +102,10 @@
       "types": "./dist/forms/Checkbox/Checkbox.d.ts",
       "import": "./dist/forms/Checkbox/index.js"
     },
+    "./Dropdown": {
+      "types": "./dist/forms/Dropdown/Dropdown.d.ts",
+      "import": "./dist/forms/Dropdown/index.js"
+    },
     "./Input": {
       "types": "./dist/forms/Input/Input.d.ts",
       "import": "./dist/forms/Input/index.js"
@@ -176,7 +181,7 @@
     "gen-entry": "node scripts/entry-points.js",
     "dev": "tsup --watch",
     "lint": "eslint . && prettier --check .",
-    "format": "pnpm lint --fix && prettier --write .",
+    "format": "eslint --fix . && prettier --write .",
     "clean": "rm -rf .turbo && rm -rf node_modules && rm -rf dist",
     "test": "cypress run --component",
     "test-visual": "cypress open --component"

package/dist/chunk-BLEJ5LCZ.js

@@ -1,10 +0,0 @@
-import { a as a$1 } from './chunk-7Z3CCBLX.js';
-import { a as a$2 } from './chunk-G3GCVCTU.js';
-import { a } from './chunk-REQIQLRI.js';
-import { cva } from 'class-variance-authority';
-import b from 'react';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-var E=cva("",{variants:{variant:{default:"h-12",small:"h-10",large:"h-14",xlarge:"h-24"},withoutStyle:{true:"no-style mr-1 cursor-pointer appearance-none bg-no-repeat pr-4 hover:text-inverted-1",false:"transition-border w-full min-w-0 cursor-pointer appearance-none rounded border bg-base-1 bg-no-repeat px-4 pr-8 text-sm tracking-4 text-on-base placeholder-on-base-2 shadow-none outline-none duration-75 focus:border-inverted-1"},hasErrorState:{true:"border-danger focus:border-danger",false:"border-card-stroke"},disabled:{true:"pointer-events-none bg-base-3 text-on-base-2 opacity-100"}}}),R=({className:f="",label:g,labelComplement:x,helpText:v,hasError:h=!1,errorMessage:l,required:r=!1,id:S,name:n,variant:w="default",disabled:s,placeholder:p,options:H=[],withoutStyle:c=!1,style:I,...P},T)=>{let a$3=S||n,o=h||!!l,y=a(E({variant:w,withoutStyle:c,hasErrorState:o,disabled:s})),L=jsx(a$1,{label:g,required:r,hasError:o,htmlFor:a$3,className:"mb-1",labelComplement:x}),N=jsx(a$2,{helpText:l||v,hasError:o,className:"mt-2"});return jsxs("div",{className:`form-group flex flex-col ${f}`,children:[L,jsx("div",{className:"flex w-full",children:jsxs("select",{ref:T,id:a$3,name:n,required:r,disabled:s,className:y,...P,style:{backgroundImage:`url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8 5" fill="%23607081"><path d="M7.11 0H.889a.667.667 0 00-.47 1.138l3.11 3.11a.661.661 0 00.943 0l3.11-3.11A.666.666 0 007.112 0z" /></svg>')`,backgroundSize:"8px",backgroundPosition:`calc(100% - ${c?"5px":"15px"}) center`,...I},children:[p?jsx("option",{value:"",disabled:r,children:p}):null,H?.map(t=>jsx("option",{value:`${t.value}`,disabled:t.disabled,children:t.label},`${a$3}-${t.value}`))]})}),N]})},C=b.forwardRef(R),$=b.memo(C);$.displayName="Select";
-
-export { R as a, $ as b };

package/dist/chunk-M4V7OPDZ.js

@@ -1,8 +0,0 @@
-import { a } from './chunk-REQIQLRI.js';
-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: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 { p as a };

package/dist/chunk-XMNDXVVV.js

@@ -1,8 +0,0 @@
-import { a } from './chunk-L6H2NDVS.js';
-import { a as a$1 } from './chunk-T7A7CWOV.js';
-import s, { memo, useState, useEffect } from 'react';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-var d=e=>s.isValidElement(e)&&e.type===a$1?s.cloneElement(e,{className:"[&_svg]:ml-0 [&_svg]:size-5 [&_svg]:p-px h-auto text-base-1 active:text-base-4 px-4 py-1 transition-colors flex-col-reverse inline-flex text-center font-normal text-f8 bg-transparent border-none hover:bg-transparent active:bg-transparent"}):e,p=(e,o)=>{if(!Array.isArray(e))return d(e);for(let t=0;t<e.length;t++){let n;if(s.isValidElement(e[t]))if(e[t].type===a$1?n=d(e[t]):e[t].props.children?n=s.cloneElement(e[t],{children:p(e[t].props.children)}):n=e[t],o)o.push(n);else return n}},b=e=>{let o=[];return p(e,o),o},R=({onlyMobile:e=!1,children:o})=>{let[t,n]=useState(!0);useEffect(()=>{if(typeof window<"u"){let r=window.parent.document.querySelector(".botbar"),a=window.document.querySelector(".page-container");return r&&(r.style.display="none"),a&&(a.classList.remove("lg:mb-10","lg:pb-0"),n(!!a.dataset.expanded)),()=>{r&&(r.style.display=""),a&&a.classList.add("lg:mb-10","lg:pb-0");}}},[]);let f=b(o);return 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"+(e?" lg:hidden":""),children:jsxs("div",{className:`${t?a.expanded:a.default} mx-auto flex size-full items-center justify-center px-8 lg:justify-end lg:px-0`,children:[!e&&jsx("div",{className:"my-2.5 mr-8 hidden grid-flow-col gap-x-4 lg:grid [&_svg:not(.icon-loading)]:hidden",children:o}),jsx("div",{className:"flex h-full items-center justify-center lg:hidden",children:f})]})})},x=memo(R);x.displayName="ActionBar";
-
-export { x as a };

package/dist/chunk-ZRJQNS4S.js

@@ -1,9 +0,0 @@
-import { b } from './chunk-BLEJ5LCZ.js';
-import { a } from './chunk-HQ53LHR2.js';
-import { a as a$1 } from './chunk-REQIQLRI.js';
-import y, { useMemo, useRef } from 'react';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-var I=({currentItemsLength:n,totalItemsLength:a=0,itemsLengthOptions:i,onItemsLengthChange:r})=>{let e=p=>{let o=p.currentTarget.value;r&&r(o);},s=useMemo(()=>{if(n)return Math.max(n,a)},[n,a]);return !n&&n!==0?null:jsx("div",{className:"pagination-info hidden sm:flex",children:jsxs("div",{className:"text-f6 mr-5 flex items-center tracking-4 text-inverted-2",children:[i?jsx(b,{id:"selectItemsPerPage",options:i,withoutStyle:!0,"aria-label":"Itens por p\xE1gina",onChange:e}):jsxs("span",{children:["Mostrando ",jsx("span",{className:"pagination-info-current",children:n})]}),"\xA0de\xA0",jsx("span",{className:"pagination-info-total",children:s}),"\xA0no total"]})})},g=y.memo(I);g.displayName="PaginationInfo";var M=({currentPage:n=1,totalPages:a$1=1,onPageChange:i})=>{let r=useRef(null),e=useMemo(()=>Math.max(n,a$1),[n,a$1]),s=useMemo(()=>n<a$1,[n,a$1]),p=useMemo(()=>n>1,[n]),o=t=>{t=t<1?1:t>e?e:t,i&&i(t);},c=t=>(t.preventDefault(),!1);return jsxs("div",{className:"pagination-nav flex w-full items-center justify-between sm:w-auto",children:[jsxs("div",{className:"text-f6 tracking-4 text-inverted-2",children:[jsx("span",{id:"btnPaginationActualPage",className:"pagination-nav-current inline-block w-9 rounded border border-card-stroke/50 bg-base-1 text-center font-semibold leading-8 text-primary",ref:r,contentEditable:!0,suppressContentEditableWarning:!0,onKeyDown:t=>{if(!(t.which>=35&&t.which<=39)&&!(t.which===46||t.which===8)){if(t.which===13){let P=r?.current?.innerText;if(P){let w=parseInt(P);o(w);}t.preventDefault();return}isNaN(parseInt(String.fromCharCode(t.which)))&&t.preventDefault();}},onCopy:c,onCut:c,onPaste:c,children:n})," ","/"," ",jsx("button",{type:"button",id:"btnPaginationLastPage",className:"pagination-nav-total focus:outline-none",onClick:()=>{n!==e&&o(e);},children:e})]}),jsxs("div",{className:"ml-5 flex items-center text-inverted-2",children:[jsx("button",{type:"button",id:"btnPaginationPrev",className:`pagination-nav-previous mr-3 outline-none duration-200 ${p?"hover:text-inverted-1":""}`,"aria-label":"Ir para p\xE1gina anterior",onClick:()=>{p&&o(n-1);},children:jsx(a,{icon:"arrowLeft",size:4})}),jsx("button",{type:"button",id:"btnPaginationNext",className:`pagination-nav-next outline-none duration-200 ${s?"hover:text-inverted-1":""}`,"aria-label":"Ir para pr\xF3xima p\xE1gina",onClick:()=>{s&&o(n+1);},children:jsx(a,{icon:"arrowRight",size:4})})]})]})},v=y.memo(M);v.displayName="PaginationNav";var R=({className:n="",currentPage:a=1,totalPages:i=1,onPageChange:r,currentItemsLength:e,totalItemsLength:s,itemsLengthOptions:p,onItemsLengthChange:o})=>jsxs("div",{className:a$1("pagination flex flex-wrap items-center justify-end leading-4 sm:justify-between",n),children:[jsx(g,{currentItemsLength:e,totalItemsLength:s,itemsLengthOptions:p,onItemsLengthChange:o}),jsx(v,{currentPage:a,totalPages:i,onPageChange:r})]}),L=y.memo(R);L.displayName="Pagination";
-
-export { L as a };