@loja-integrada/admin-components 1.0.0 → 1.0.1

package/dist/index.d.ts

@@ -1,243 +1,5 @@
-export { Button, ButtonProps } from './components/Button/Button.js';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ColumnDef } from '@tanstack/react-table';
-export { Icon, IconProps } from './components/Icon/Icon.js';
-export { IconCircular, IconCircularProps } from './components/IconCircular/IconCircular.js';
-import * as React$1 from 'react';
-import React__default from 'react';
-import 'class-variance-authority/types';
-import 'class-variance-authority';
-
-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;
-}
-
-declare const LoadingPlaceholder: React__default.MemoExoticComponent<({ className }: LoadingPlaceholderProps) => react_jsx_runtime.JSX.Element>;
-interface LoadingPlaceholderProps {
-    /**
-     * Custom class name
-     */
-    className?: string;
-}
-
-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;
-}
-
-declare const SidebarFixedComponent: React__default.FC<SidebarFixedProps>;
-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;
-}
-
-declare const Table: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableElement> & React$1.RefAttributes<HTMLTableElement>>;
-declare const TableHeader: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableSectionElement> & React$1.RefAttributes<HTMLTableSectionElement>>;
-declare const TableHead: React$1.ForwardRefExoticComponent<React$1.ThHTMLAttributes<HTMLTableCellElement> & React$1.RefAttributes<HTMLTableCellElement>>;
-declare const TableBody: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableSectionElement> & React$1.RefAttributes<HTMLTableSectionElement>>;
-declare const TableFooter: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableSectionElement> & React$1.RefAttributes<HTMLTableSectionElement>>;
-declare const TableRow: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableRowElement> & React$1.RefAttributes<HTMLTableRowElement>>;
-declare const TableCell: React$1.ForwardRefExoticComponent<React$1.TdHTMLAttributes<HTMLTableCellElement> & React$1.RefAttributes<HTMLTableCellElement>>;
-declare const TableCaption: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableCaptionElement> & React$1.RefAttributes<HTMLTableCaptionElement>>;
-
-declare const InputHelpText: React__default.MemoExoticComponent<({ className, helpText, hasError }: InputHelpTextProps) => react_jsx_runtime.JSX.Element | null>;
-interface InputHelpTextProps {
-    /**
-     * Custom class name
-     * */
-    className?: string;
-    /**
-     * Help text
-     * */
-    helpText?: string;
-    /** Should render error state
-     * @default false
-     * */
-    hasError?: boolean;
-}
-
-declare const Checkbox: React__default.MemoExoticComponent<React__default.ForwardRefExoticComponent<CheckboxProps & React__default.RefAttributes<HTMLInputElement>>>;
-interface CheckboxProps extends InputHelpTextProps, React__default.InputHTMLAttributes<HTMLInputElement> {
-    /**
-     * Custom class name
-     * */
-    className?: string;
-    /**
-     * Text label of the checkbox
-     * */
-    label?: string | React__default.ReactNode;
-    /**
-     * Checkbox box isn't selected nwither unselected
-     * @default false
-     * */
-    indeterminate?: boolean;
-    /**
-     * Item align
-     * @default 'baseline'
-     * */
-    boxAlign?: 'start' | 'end' | 'center' | 'baseline' | 'stretch';
-    /**
-     * Error message to display
-     * */
-    errorMessage?: string;
-}
-
-declare const Container: React$1.MemoExoticComponent<({ children, expanded, className }: ContainerProps) => JSX.Element>;
-declare const ContainerHeader: React$1.MemoExoticComponent<({ children, className }: ContainerProps) => JSX.Element>;
-interface ContainerProps {
-    /**
-     * Container expanded
-     * @default false
-     */
-    expanded?: boolean;
-    /**
-     * Custom class name
-     */
-    className?: string;
-    children?: React.ReactNode;
-}
-
-export { Checkbox, type CheckboxProps, Container, ContainerHeader, type ContainerProps, DataTable, type DataTableColumn, type DataTableProps, InputHelpText, type InputHelpTextProps, LoadingPlaceholder, type LoadingPlaceholderProps, Modal, type ModalProps, SidebarFixed, SidebarFixedComponent, type SidebarFixedProps, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };
+export * from './components';
+export * from './forms';
+export * from './indicators';
+export * from './layout';
+export * from './navigation';

package/dist/index.js

@@ -1,19 +1,32 @@
-import './chunk-QCTWLTAA.js';
-export { a as Button } from './chunk-W64HPITJ.js';
-import './chunk-AYBQ5B4L.js';
-export { a as IconCircular } from './chunk-C3ECJWEX.js';
+import './chunk-IA7GSQNX.js';
+export { b as InputMask, a as formatValuePatterns } from './chunk-IPSRY3RR.js';
+export { a as Input } from './chunk-LJS4TVL3.js';
+export { a as InputLabel } from './chunk-WEZVMEBK.js';
+import './chunk-AKA4VSQF.js';
+import './chunk-DBWOW4GL.js';
+import './chunk-27G6ETZK.js';
+export { a as ActionBar } from './chunk-AZI2H7OT.js';
+export { b as Box, d as BoxContent, c as BoxHeader, a as BoxSeparator } from './chunk-K5XL557B.js';
+export { a as Container, b as ContainerHeader } from './chunk-24UC33BJ.js';
+import './chunk-L6H2NDVS.js';
+export { a as Alert } from './chunk-QNBPXACD.js';
+export { a as Badge } from './chunk-YDYMRCXH.js';
+export { a as Tag } from './chunk-NHDLQM42.js';
+import './chunk-DIFKNF3L.js';
+export { a as IconCircular } from './chunk-BW2HQVCT.js';
+export { a as Button } from './chunk-YTHY4XI2.js';
+export { a as Tooltip } from './chunk-GWT7XT76.js';
+export { a as Breadcrumb } from './chunk-767NPRMO.js';
+export { a as HelpLink } from './chunk-N73XF5FY.js';
+export { a as DataTable } from './chunk-KEVA65S5.js';
+export { a as LoadingPlaceholder } from './chunk-LTHYFCE7.js';
+export { a as Modal } from './chunk-FLXTIRDF.js';
+export { b as SidebarFixed, a as SidebarFixedComponent } from './chunk-RGSYU4MA.js';
 import './chunk-LTWCICTK.js';
-import { a, b } from './chunk-3IB6AR7I.js';
-export { b as Icon } from './chunk-3IB6AR7I.js';
-import { useReactTable, getCoreRowModel, getPaginationRowModel, getFilteredRowModel, getFacetedUniqueValues, flexRender } from '@tanstack/react-table';
-import * as v from 'react';
-import v__default, { memo, useState, useMemo, useEffect } from 'react';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { cva } from 'class-variance-authority';
-import Me from 'react-modal';
-
-var ne=({className:t=""})=>jsx("div",{className:a("animate-pulse bg-inverted-2/20 h-4 w-full rounded",t)}),q=v__default.memo(ne);q.displayName="LoadingPlaceholder";var B=v.forwardRef(({className:t,...e},a$1)=>jsx("div",{className:a("overflow-hidden rounded lg:border-t lg:border-b border-card-stroke w-full [&:has(caption)]:border-b-0",t),children:jsx("div",{className:"lg:bg-on-base-1 relative w-full overflow-auto",children:jsx("table",{ref:a$1,className:"text-f6 w-full caption-bottom",...e})})}));B.displayName="Table";var W=v.forwardRef(({className:t,...e},a$1)=>jsx("thead",{ref:a$1,className:a("hidden lg:table-header-group bg-base-2 [&_tr]:border-b",t),...e}));W.displayName="TableHeader";var $=v.forwardRef(({className:t,...e},a$1)=>jsx("th",{ref:a$1,className:a("text-left align-middle text-f7 font-semibold text-inverted-2 lg:p-2 lg:first:pl-4",t),...e}));$.displayName="TableHead";var X=v.forwardRef(({className:t,...e},a$1)=>jsx("tbody",{ref:a$1,className:a("flex flex-col gap-3 lg:table-row-group lg:[&>tr:last-child]:border-b-0",t),...e}));X.displayName="TableBody";var de=v.forwardRef(({className:t,...e},a$1)=>jsx("tfoot",{ref:a$1,className:a("font-semibold [&>tr]:last:hover:bg-transparent lg:bg-base-2 lg:border-t lg:mt-0 mt-3 block lg:table-footer-group border-card-stroke last:[&>tr:last-child]:border-b-0 max-lg:[&>tr]:p-0 max-lg:[&>tr]:border-0",t),...e}));de.displayName="TableFooter";var P=v.forwardRef(({className:t,...e},a$1)=>jsx("tr",{ref:a$1,className:a("relative flex flex-col rounded border border-card-stroke bg-on-base-1 p-2 transition-all data-[checked=true]:bg-primary-light hover:data-[checked=true]:bg-base-2 hover:bg-base-2 lg:table-row lg:rounded-none lg:border-b lg:border-t-0 lg:p-0",t),...e}));P.displayName="TableRow";var y=v.forwardRef(({className:t,...e},a$1)=>jsx("td",{ref:a$1,className:a("align-middle lg:p-2 lg:first:pl-4",t),...e}));y.displayName="TableCell";var ce=v.forwardRef(({className:t,...e},a$1)=>jsx("caption",{ref:a$1,className:a("lg:mt-0 mt-3 py-2 text-f6 text-on-base-3 lg:border border-card-stroke rounded-b",t),...e}));ce.displayName="TableCaption";var Z=v__default.memo(({className:t="",helpText:e,hasError:a$1=!1})=>e?jsx("div",{className:a(`input-help-text text-f7 ${a$1?"text-danger":"text-on-base-2"}`,t),children:e}):null);Z.displayName="InputHelpText";var be=({className:t="",label:e,id:a,name:b,onChange:l,checked:d,disabled:f,readOnly:c,indeterminate:n=!1,boxAlign:w="baseline",helpText:T,hasError:I=!1,errorMessage:S,...m},C)=>{let u=v__default.useRef(null),g=a||b,[h,p]=v__default.useState(!!d||!1),[R,L]=v__default.useState(!!n||!1),F=I||!!S,E=f||c;v__default.useEffect(()=>{p(!!d),d&&L(!1);},[d]),v__default.useEffect(()=>{L(!!n),n&&p(!1),u.current&&(u.current.indeterminate=!!n);},[n]);let o=J=>{E||(p(J.target.checked),L(!1),l&&l(J));},r=`transition duration-200 ease-in-out ${h||R?"scale-100":"scale-0"}`,V=`border border-card-stroke transition duration-200 ease-in-out
-    ${E?"bg-base-4":h||R?"bg-primary border-primary":"bg-base-1"}
-    items-center rounded w-4 h-4 flex justify-center m-px`,oe=`ml-1 input-label text-f6 tracking-4 leading-6 ${F?"text-danger":E?"text-inverted-2":""}`,le={start:"items-start",end:"items-end",center:"items-center",baseline:"items-baseline",stretch:"items-stretch"},re=jsx(Z,{helpText:S||T,hasError:F,className:"mt-2"});return jsxs("div",{className:`inline-block ${t}`,children:[jsxs("label",{htmlFor:g,className:`inline-flex ${le[w]} cursor-pointer`,children:[jsxs("span",{className:"relative z-10 flex items-center justify-center rounded ring-focus focus-within:ring-2",children:[jsx("input",{ref:C||u,type:"checkbox",id:g,name:b,className:"absolute z-10 size-4 cursor-pointer opacity-0",checked:h,onChange:o,disabled:!!f,readOnly:!!c,...m}),jsx("div",{className:V,children:jsx("svg",{width:"12",height:"12",viewBox:`0 0 10 ${h?"10":"2"}`,fill:"none",xmlns:"http://www.w3.org/2000/svg",className:r,children:h||h&&E?jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3.33353 8.86651C3.10353 8.86651 2.88353 8.77518 2.72087 8.61318L0.0541992 5.94651L1.27953 4.72051L3.31753 6.75851L9.03887 0.736511L10.2949 1.93051L3.96153 8.59718C3.80087 8.76651 3.5782 8.86384 3.34487 8.86651H3.33353Z",fill:"white"}):R&&jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M0 1.99998H10V0.333313H0V1.99998Z",fill:"white"})})})]}),e?jsx("span",{className:oe,children:e}):null]}),re]})},fe=v__default.forwardRef(be),D=v__default.memo(fe);D.displayName="Checkbox";var Y=t=>typeof t=="string"?jsx("div",{className:"text-f4 py-4 text-center font-semibold text-on-base-2 lg:py-10",children:t}):t,Ne=({columns:t,data:e=[],isLoading:a=!1,error:b=!1,selectable:l=!1,showSelectAll:d=!0,showCountSelected:f=!0,onChange:c,selectedIds:n,disabledIds:w=[],id:T="",emptyText:I="Nenhum registro encontrado",errorText:S="Ocorreu um erro ao carregar os itens."})=>{let[m,C]=useState({}),u=useMemo(()=>t.map(o=>({...o,accessorKey:o?.id||""})),[t]);useEffect(()=>{n&&C(n.reduce((o,r)=>({...o,[r]:!0}),{})||{});},[n]),useEffect(()=>{c&&c(Object.keys(m));},[m,c]);let g=useMemo(()=>T?`table${T.charAt(0).toUpperCase()}${T.slice(1)}`:"table",[T]),h=useMemo(()=>l?w.length===0?!0:o=>!w.includes(o.id.toString()):!1,[l,w]),p=useReactTable({data:e,columns:u,state:{rowSelection:m},getRowId:o=>o?.id,enableRowSelection:h,onRowSelectionChange:C,getCoreRowModel:getCoreRowModel(),getPaginationRowModel:getPaginationRowModel(),getFilteredRowModel:getFilteredRowModel(),getFacetedUniqueValues:getFacetedUniqueValues()}),R=p.getIsAllRowsSelected(),L=p.getIsSomeRowsSelected(),F=useMemo(()=>p.getHeaderGroups().map(o=>jsxs(P,{children:[l?jsx($,{className:"w-8",children:d?jsx(D,{checked:R,indeterminate:!R&&L,onChange:p.getToggleAllRowsSelectedHandler(),id:`checkboxSelectAllRows${g}`}):null}):null,o.headers.map((r,V)=>jsx($,{colSpan:r.colSpan,className:r.column.columnDef?.className?.header||"",children:f&&V===0&&Object.keys(m).length>0?jsxs("span",{className:"min-w-28 text-primary-dark",id:"tableCountSelected",children:[Object.keys(m).length," selecionado",Object.keys(m).length>1?"s":""]}):r.isPlaceholder?null:flexRender(r.column.columnDef.header,r.getContext())},r.id))]},o.id)),[p,l,g,R,L,d,m,f]),E=useMemo(()=>l?u.length+1:u.length,[u,l]);return jsxs(B,{id:g,children:[jsx(W,{children:F}),jsx(X,{className:"flex flex-col gap-2 lg:table-row-group",children:a||b||e.length===0?jsx(P,{className:b||e.length===0?"p-0 hover:bg-transparent max-lg:border-none":"flex-row flex-wrap items-center",children:a?jsxs(Fragment,{children:[l?jsx(y,{className:"mr-2",children:jsx(D,{disabled:!0,className:"animate-pulse"})}):null,u.map((o,r)=>jsx(y,{className:`${r===0?"w-10/12":"w-full"} lg:w-auto`,children:jsx(q,{className:"mb-1 lg:mb-0"})},`${o.id}-${r}`))]}):b||e.length===0?jsx(y,{colSpan:E||1,children:Y(b?S:I)}):null}):p.getRowModel().rows.map(o=>jsxs(P,{"data-checked":o.getIsSelected(),className:l?"flex-row flex-wrap items-center":"",children:[l?jsx(y,{children:jsx(D,{onChange:o.getToggleSelectedHandler(),checked:o.getIsSelected(),disabled:!o.getCanSelect(),indeterminate:o.getIsSomeSelected(),id:`checkboxRow${o.id}${g}`,className:"mr-2 lg:mr-0"})}):null,o.getVisibleCells().map(r=>jsx(y,{className:r.column.columnDef?.className?.cell||"",children:flexRender(r.column.columnDef.cell,r.getContext())},r.id))]},o.id))})]})},ht=memo(Ne);var ke=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"}}),Se=({className:t="",isOpen:e=!1,preventClose:a$1=!1,size:b$1="default",headerStep:l="",headerTitle:d="",headerClose:f="",footerActions:c,onClose:n,closeTimeout:w=200,parentSelector:T,children:I})=>{let[S,m]=useState(!1),[C,u]=useState(!1);useEffect(()=>{m(e),u(a$1);},[e,a$1]);let g=()=>{m(!1);};return jsx(Me,{isOpen:S,onAfterClose:()=>{n&&n();},onRequestClose:g,closeTimeoutMS:w,ariaHideApp:!1,shouldCloseOnOverlayClick:!C,shouldCloseOnEsc:!C,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(ke({size:b$1,className:t})),bodyOpenClassName:"ReactModal__Body--open overflow-hidden",testId:"modal-component",parentSelector:()=>T||document.body,contentElement:(p,R)=>jsxs("div",{...p,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,d?jsx("h2",{className:"text-f4 mb-4 break-words font-semibold text-on-base",children:d}):null]}),jsxs("button",{type:"button",id:"btnCloseModal",className:`${a$1?"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:g,children:[f?jsx("span",{className:"pr-2",children:f}):null,jsx(b,{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:R}),c?jsx("div",{className:"ReactModal__footer pt-5",children:c}):null]}),children:I})},Le=v__default.memo(Se);Le.displayName="Modal";var Pe=["[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"],De=({children:t,footerActions:e,isOpen:a=!1,onClose:b$1,title:l,helpLink:d})=>{let[f,c]=useState(!1);useEffect(()=>{c(a);},[a]);let n=()=>{c(!1),b$1?.();};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 ${f?"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:n}),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 ${f?"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:[l?jsx("div",{className:"sidebar-fixed-title text-f5 p-2 font-semibold text-inverted-1 sm:text-f4 sm:py-5",children:l}):null,jsxs("div",{className:`flex justify-between${l?"":" 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:n,children:jsx(b,{icon:"close",size:4,className:"block"})}),d?jsx("a",{"aria-label":"Ajuda",className:"sidebar-fixed-help p-2 text-inverted-2 transition-colors hover:text-inverted-1",href:d,target:"_blank",rel:"noreferrer",children:jsx(b,{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 ${Pe.join(" ")}`,children:t}),e?jsx("div",{className:"sidebar-fixed-footer flex items-center justify-between p-5 lg:p-7 lg:pt-6",children:e}):null]})]})},Ae=v__default.memo(De);Ae.displayName="SidebarFixed";var U={default:"max-w-[964px]",expanded:"max-w-[1204px]"};var Oe=({children:t,expanded:e=!1,className:a$1=""})=>jsx("div",{className:a(`${e?U.expanded:U.default} page-container mx-auto mb-16 mt-6 px-5 pb-3 lg:mb-10 lg:px-8 lg:pb-0`,a$1),"data-expanded":e,children:t}),Fe=({children:t,className:e=""})=>jsx("div",{className:a("flex w-full items-baseline justify-between",e),children:t}),$e=memo(Oe);$e.displayName="Container";var ze=memo(Fe);ze.displayName="ContainerHeader";
-
-export { D as Checkbox, $e as Container, ze as ContainerHeader, ht as DataTable, Z as InputHelpText, q as LoadingPlaceholder, Le as Modal, Ae as SidebarFixed, De as SidebarFixedComponent, B as Table, X as TableBody, ce as TableCaption, y as TableCell, de as TableFooter, $ as TableHead, W as TableHeader, P as TableRow };
+export { a as Icon } from './chunk-RPTUERXQ.js';
+import './chunk-2H2JX2FG.js';
+export { a as Table, d as TableBody, h as TableCaption, g as TableCell, e as TableFooter, c as TableHead, b as TableHeader, f as TableRow } from './chunk-RL2XPX57.js';
+export { a as Tabs } from './chunk-63ACUGSG.js';
+export { a as Checkbox } from './chunk-22FGINA5.js';
+export { a as InputHelpText } from './chunk-3OHDGUPG.js';
+import './chunk-WEYSRHTX.js';

package/dist/indicators/Alert/Alert.d.ts

@@ -0,0 +1,47 @@
+import React from 'react';
+import { IconProps } from '@/components/Icon/';
+type alertVariantsOptions = 'success' | 'warning' | 'danger' | 'info' | 'primary';
+export interface AlertProps {
+    /** Alert color
+     * @default info
+     * */
+    variant?: alertVariantsOptions;
+    /** Alert is visible
+     * @default true
+     */
+    isOpen?: boolean;
+    /**
+     * Alert main text
+     */
+    title: string | React.ReactNode;
+    /**
+     * Alert text below title
+     */
+    subtitle?: string | React.ReactNode;
+    /**
+     * Function to close alert (also activate `showClose`)
+     */
+    onClose?: () => void;
+    /** Show button close
+     * @default false
+     */
+    showClose?: boolean;
+    /** Hide alert icon
+     * @default false
+     */
+    hideIcon?: boolean;
+    /**
+     * Custom icon
+     */
+    customIcon?: IconProps['icon'];
+    /**
+     * Action for the alert, like button and hiperlinks
+     * */
+    actions?: React.ReactNode;
+    /**
+     * Custom className for the Alert container
+     * */
+    className?: string;
+}
+export declare const Alert: React.MemoExoticComponent<({ variant, isOpen, title, subtitle, actions, showClose, onClose, hideIcon, customIcon, className, }: AlertProps) => import("react/jsx-runtime").JSX.Element | null>;
+export {};

package/dist/indicators/Alert/index.d.ts

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

package/dist/indicators/Alert/index.js

@@ -0,0 +1,5 @@
+export { a as Alert } from '../../chunk-QNBPXACD.js';
+import '../../chunk-LTWCICTK.js';
+import '../../chunk-RPTUERXQ.js';
+import '../../chunk-2H2JX2FG.js';
+import '../../chunk-WEYSRHTX.js';

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

@@ -0,0 +1,29 @@
+import React from 'react';
+export declare const Badge: React.MemoExoticComponent<({ type, text, size, expanded, rounded, className }: BadgeProps) => import("react/jsx-runtime").JSX.Element>;
+export interface BadgeProps {
+    /**
+     * Custom class name
+     * */
+    className?: string;
+    /** Badge color
+     * @default neutral
+     * */
+    type?: 'neutral' | 'neutralLight' | 'primary' | 'danger' | 'success' | 'warning' | 'focus';
+    /**
+     * Badge text
+     * */
+    text?: string;
+    /** Size of the badge
+     * @default default
+     * */
+    size?: 'default' | 'small' | 'xsmall';
+    /**
+     * Enlarge width of the badge
+     * */
+    expanded?: boolean;
+    /**
+     * Style of rounded corners
+     * @default full
+     * */
+    rounded?: 'full' | 'small' | 'none';
+}

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

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

package/dist/indicators/Badge/index.js

@@ -0,0 +1,2 @@
+export { a as Badge } from '../../chunk-YDYMRCXH.js';
+import '../../chunk-WEYSRHTX.js';

package/dist/indicators/Tag/Tag.d.ts

@@ -0,0 +1,32 @@
+import React from 'react';
+export interface TagProps {
+    /** Tag's color
+     * @default neutral
+     * */
+    variant?: 'neutral' | 'primary' | 'danger' | 'success' | 'warning';
+    /**
+     * Tag's content
+     * */
+    content: string | React.ReactNode;
+    /**
+     * Enlarge Tag's width
+     * */
+    fullWidth?: boolean;
+    /** Adittional Tag's classes
+     * @default ''
+     * */
+    className?: string;
+    /**
+     * Tag's action, like a button or an icon
+     * */
+    action?: React.ReactNode;
+    /**
+     * Icon to remove Tag on click
+     * */
+    removeTag?: boolean;
+    /**
+     * Handler called when close icon is clicked
+     * */
+    onClose?: () => void;
+}
+export declare const Tag: React.MemoExoticComponent<({ variant, content, fullWidth, className, action, removeTag, onClose, }: TagProps) => import("react/jsx-runtime").JSX.Element>;

package/dist/indicators/Tag/index.css

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

package/dist/indicators/Tag/index.d.ts

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

package/dist/indicators/Tag/index.js

@@ -0,0 +1,16 @@
+export { a as Tag } from '../../chunk-NHDLQM42.js';
+import '../../chunk-DIFKNF3L.js';
+import '../../chunk-BW2HQVCT.js';
+import '../../chunk-YTHY4XI2.js';
+import '../../chunk-KEVA65S5.js';
+import '../../chunk-LTHYFCE7.js';
+import '../../chunk-FLXTIRDF.js';
+import '../../chunk-RGSYU4MA.js';
+import '../../chunk-LTWCICTK.js';
+import '../../chunk-RPTUERXQ.js';
+import '../../chunk-2H2JX2FG.js';
+import '../../chunk-RL2XPX57.js';
+import '../../chunk-63ACUGSG.js';
+import '../../chunk-22FGINA5.js';
+import '../../chunk-3OHDGUPG.js';
+import '../../chunk-WEYSRHTX.js';

package/dist/indicators/Tooltip/Tooltip.d.ts

@@ -0,0 +1,54 @@
+import './style.scss';
+import { TippyProps } from '@tippyjs/react';
+declare const Tooltip: import("react").MemoExoticComponent<({ isVisible, appendTo, hideOnClick, trigger, hideInMobile, duration, interactive, allowHTML, maxWidth, touch, placement, content, children, ...props }: TooltipProps) => import("react/jsx-runtime").JSX.Element>;
+interface TooltipProps extends TippyProps {
+    /**
+     * Controls tooltip visibility
+     * @default true
+     */
+    isVisible?: boolean;
+    /** Tooltip append
+     * @default 'document.body'
+     * */
+    appendTo?: TippyProps['appendTo'];
+    /** Tooltip hide on click
+     * @default false
+     * */
+    hideOnClick?: TippyProps['hideOnClick'];
+    /** Tooltip trigger
+     * @default 'mouseenter'
+     * */
+    trigger?: TippyProps['trigger'];
+    /** Tooltip action on touch
+     * @default ['hold', 400]
+     * */
+    touch?: TippyProps['touch'];
+    /**
+     * Hide tooltip in mobile screen
+     * @default false
+     */
+    hideInMobile?: boolean;
+    /** Tooltip duration
+     * @default 150
+     * */
+    duration?: TippyProps['duration'];
+    /** Tooltip position
+     * @default 'top'
+     * */
+    placement?: TippyProps['placement'];
+    /** Tooltip can be hovered over and clicked inside
+     * @default false
+     * */
+    interactive?: TippyProps['interactive'];
+    /**
+     * Allow use HTML in content
+     * @default true
+     */
+    allowHTML?: TippyProps['allowHTML'];
+    /**
+     * Tooltip max width
+     * @default 250
+     */
+    maxWidth?: TippyProps['maxWidth'];
+}
+export { Tooltip, type TooltipProps };

package/dist/indicators/Tooltip/index.css

@@ -0,0 +1 @@
+.tippy-box{@apply relative bg-inverted-1 text-base-1 rounded text-f7 outline-0 transition-all;}.tippy-box[data-animation=fade][data-state=hidden]{@apply opacity-0;}.tippy-box [data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box[data-placement^=top]>.tippy-arrow{@apply bottom-0;}.tippy-box[data-placement^=top]>.tippy-arrow:before{@apply -bottom-2 left-0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{@apply top-0;}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{@apply -top-2 left-0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{@apply right-0;}.tippy-box[data-placement^=left]>.tippy-arrow:before{@apply -right-2;border-width:8px 0 8px 8px;border-left-color:initial;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{@apply left-0;}.tippy-box[data-placement^=right]>.tippy-arrow:before{@apply -left-2;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-box .tippy-arrow{@apply text-inverted-1 w-4 h-4;}.tippy-box .tippy-arrow:before{@apply absolute border-transparent border-solid;content:""}.tippy-box .tippy-content{@apply relative py-3 px-2 z-1;}

package/dist/indicators/Tooltip/index.d.ts

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

package/dist/indicators/Tooltip/index.js

@@ -0,0 +1 @@
+export { a as Tooltip } from '../../chunk-GWT7XT76.js';

package/dist/indicators/index.css

@@ -0,0 +1 @@
+.ReactModal__Overlay--after-open{@apply opacity-100;}.ReactModal__Overlay--before-close{@apply opacity-0;}.tippy-box{@apply relative bg-inverted-1 text-base-1 rounded text-f7 outline-0 transition-all;}.tippy-box[data-animation=fade][data-state=hidden]{@apply opacity-0;}.tippy-box [data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box[data-placement^=top]>.tippy-arrow{@apply bottom-0;}.tippy-box[data-placement^=top]>.tippy-arrow:before{@apply -bottom-2 left-0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{@apply top-0;}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{@apply -top-2 left-0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{@apply right-0;}.tippy-box[data-placement^=left]>.tippy-arrow:before{@apply -right-2;border-width:8px 0 8px 8px;border-left-color:initial;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{@apply left-0;}.tippy-box[data-placement^=right]>.tippy-arrow:before{@apply -left-2;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-box .tippy-arrow{@apply text-inverted-1 w-4 h-4;}.tippy-box .tippy-arrow:before{@apply absolute border-transparent border-solid;content:""}.tippy-box .tippy-content{@apply relative py-3 px-2 z-1;}

package/dist/indicators/index.d.ts

@@ -0,0 +1,4 @@
+export * from './Alert';
+export * from './Badge';
+export * from './Tag';
+export * from './Tooltip';

package/dist/indicators/index.js

@@ -0,0 +1,20 @@
+import '../chunk-AKA4VSQF.js';
+export { a as Alert } from '../chunk-QNBPXACD.js';
+export { a as Badge } from '../chunk-YDYMRCXH.js';
+export { a as Tag } from '../chunk-NHDLQM42.js';
+import '../chunk-DIFKNF3L.js';
+import '../chunk-BW2HQVCT.js';
+import '../chunk-YTHY4XI2.js';
+export { a as Tooltip } from '../chunk-GWT7XT76.js';
+import '../chunk-KEVA65S5.js';
+import '../chunk-LTHYFCE7.js';
+import '../chunk-FLXTIRDF.js';
+import '../chunk-RGSYU4MA.js';
+import '../chunk-LTWCICTK.js';
+import '../chunk-RPTUERXQ.js';
+import '../chunk-2H2JX2FG.js';
+import '../chunk-RL2XPX57.js';
+import '../chunk-63ACUGSG.js';
+import '../chunk-22FGINA5.js';
+import '../chunk-3OHDGUPG.js';
+import '../chunk-WEYSRHTX.js';

package/dist/layout/ActionBar/ActionBar.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { ButtonProps } from '@/components/Button';
+declare const ActionBar: React.MemoExoticComponent<({ onlyMobile, children }: ActionBarProps) => import("react/jsx-runtime").JSX.Element>;
+interface ActionBarProps {
+    /**
+     * Show component only on Mobile
+     * @default false
+     */
+    onlyMobile?: boolean;
+    /**
+     * React children
+     */
+    children: React.ReactElement<ButtonProps> | React.ReactElement<ButtonProps>[];
+}
+export { ActionBar, type ActionBarProps };

package/dist/layout/ActionBar/index.d.ts

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

package/dist/layout/ActionBar/index.js

@@ -0,0 +1,7 @@
+export { a as ActionBar } from '../../chunk-AZI2H7OT.js';
+import '../../chunk-L6H2NDVS.js';
+import '../../chunk-YTHY4XI2.js';
+import '../../chunk-LTWCICTK.js';
+import '../../chunk-RPTUERXQ.js';
+import '../../chunk-2H2JX2FG.js';
+import '../../chunk-WEYSRHTX.js';