@loja-integrada/admin-components 1.0.0 → 1.0.2

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

@@ -0,0 +1,32 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React__default from 'react';
+
+declare const InputLabel: React__default.MemoExoticComponent<({ className, label, labelComplement, hasError, required, htmlFor }: InputLabelProps) => react_jsx_runtime.JSX.Element | null>;
+interface InputLabelProps {
+    /**
+     * Custom class name
+     * */
+    className?: string;
+    /**
+     * Label title
+     * */
+    label?: string;
+    /**
+     * Complement to label title
+     * */
+    labelComplement?: string | React__default.ReactNode;
+    /** Should render error state
+     * @default false
+     * */
+    hasError?: boolean;
+    /** Input is required
+     * @default false
+     * */
+    required?: boolean;
+    /**
+     * Input this label is for
+     * */
+    htmlFor?: string;
+}
+
+export { InputLabel, type InputLabelProps };

package/dist/forms/InputLabel/index.js

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

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

@@ -0,0 +1,29 @@
+import React__default from 'react';
+import { MaskedInputProps } from 'react-text-mask';
+import { InputProps } from '../Input/index.js';
+import '../InputHelpText/index.js';
+import 'react/jsx-runtime';
+import '../InputLabel/index.js';
+
+interface IPatterns extends MaskedInputProps {
+    inputMode?: 'text' | 'decimal';
+}
+declare const formatValuePatterns: Record<string, IPatterns>;
+
+declare const InputMask: React__default.ForwardRefExoticComponent<InputMaskProps & React__default.RefAttributes<HTMLInputElement>>;
+interface InputMaskProps extends InputProps {
+    /**
+     * Predefined masks. When used, will replace passed `mask` attr
+     * @default 'onlyAlphanumeric'
+     * */
+    formatValue?: keyof typeof formatValuePatterns;
+    mask?: MaskedInputProps['mask'];
+    guide?: MaskedInputProps['guide'];
+    placeholderChar?: MaskedInputProps['placeholderChar'];
+    keepCharPositions?: MaskedInputProps['keepCharPositions'];
+    pipe?: MaskedInputProps['pipe'];
+    showMask?: MaskedInputProps['showMask'];
+}
+type InputMaskType = MaskedInputProps['mask'];
+
+export { InputMask, type InputMaskProps, type InputMaskType, formatValuePatterns };

package/dist/forms/InputMask/index.js

@@ -0,0 +1,5 @@
+export { b as InputMask, a as formatValuePatterns } from '../../chunk-IPSRY3RR.js';
+import '../../chunk-LJS4TVL3.js';
+import '../../chunk-WEZVMEBK.js';
+import '../../chunk-3OHDGUPG.js';
+import '../../chunk-WEYSRHTX.js';

package/dist/forms/index.js

@@ -0,0 +1,7 @@
+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';
+export { a as Checkbox } from '../chunk-22FGINA5.js';
+export { a as InputHelpText } from '../chunk-3OHDGUPG.js';
+import '../chunk-WEYSRHTX.js';

package/dist/icons-path/index.js

@@ -0,0 +1 @@
+export { a as icons } from '../chunk-2H2JX2FG.js';

package/dist/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}.tippy-box{font-size:.75rem;letter-spacing:-.025em;line-height:1.063rem;position:relative;border-radius:.25rem;--tw-bg-opacity:1;background-color:rgb(var(--color-inverted-1) / var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(var(--color-base-1) / var(--tw-text-opacity));outline-width:0px;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}.tippy-box [data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-.5rem;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-.5rem;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{right:-.5rem;border-width:8px 0 8px 8px;border-left-color:initial;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-.5rem;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{height:1rem;width:1rem;--tw-text-opacity:1;color:rgb(var(--color-inverted-1) / var(--tw-text-opacity))}.tippy-box .tippy-arrow:before{position:absolute;border-style:solid;border-color:transparent;content:""}.tippy-box .tippy-content{position:relative;z-index:1;padding:.75rem .5rem}

package/dist/index.d.ts

@@ -1,243 +1,30 @@
-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';
+export { Button, ButtonProps } from './components/Button/index.js';
+export { DataTable, DataTableColumn, DataTableProps } from './components/DataTable/index.js';
+export { Icon, IconProps } from './components/Icon/index.js';
+export { IconCircular, IconCircularProps } from './components/IconCircular/index.js';
+export { LoadingPlaceholder, LoadingPlaceholderProps } from './components/LoadingPlaceholder/index.js';
+export { Modal, ModalProps } from './components/Modal/index.js';
+export { SidebarFixed, SidebarFixedComponent, SidebarFixedProps } from './components/SidebarFixed/index.js';
+export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow } from './components/Table/index.js';
+export { Tabs, TabsProps } from './components/Tabs/index.js';
+export { Checkbox, CheckboxProps } from './forms/Checkbox/index.js';
+export { Input, InputProps } from './forms/Input/index.js';
+export { InputHelpText, InputHelpTextProps } from './forms/InputHelpText/index.js';
+export { InputLabel, InputLabelProps } from './forms/InputLabel/index.js';
+export { InputMask, InputMaskProps, InputMaskType, formatValuePatterns } from './forms/InputMask/index.js';
+export { Alert, AlertProps } from './indicators/Alert/index.js';
+export { Badge, BadgeProps } from './indicators/Badge/index.js';
+export { Tag, TagProps } from './indicators/Tag/index.js';
+export { Tooltip, TooltipProps } from './indicators/Tooltip/index.js';
+export { ActionBar, ActionBarProps } from './layout/ActionBar/index.js';
+export { Box, BoxContent, BoxContentProps, BoxHeader, BoxHeaderProps, BoxProps, BoxSeparator } from './layout/Box/index.js';
+export { Container, ContainerHeader, ContainerProps } from './layout/Container/index.js';
+export { Breadcrumb, BreadcrumbProps } from './navigation/Breadcrumb/index.js';
+export { HelpLink, HelpLinkProps } from './navigation/HelpLink/index.js';
 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 };
+import 'react';
+import 'react/jsx-runtime';
+import '@tanstack/react-table';
+import 'react-text-mask';
+import '@tippyjs/react';

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-TZI6YTCW.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-V3MWWR5B.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/index.d.ts

@@ -0,0 +1,50 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React__default from 'react';
+import { IconProps } from '../../components/Icon/index.js';
+
+type alertVariantsOptions = 'success' | 'warning' | 'danger' | 'info' | 'primary';
+interface AlertProps {
+    /** Alert color
+     * @default info
+     * */
+    variant?: alertVariantsOptions;
+    /** Alert is visible
+     * @default true
+     */
+    isOpen?: boolean;
+    /**
+     * Alert main text
+     */
+    title: string | React__default.ReactNode;
+    /**
+     * Alert text below title
+     */
+    subtitle?: string | React__default.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__default.ReactNode;
+    /**
+     * Custom className for the Alert container
+     * */
+    className?: string;
+}
+declare const Alert: React__default.MemoExoticComponent<({ variant, isOpen, title, subtitle, actions, showClose, onClose, hideIcon, customIcon, className, }: AlertProps) => react_jsx_runtime.JSX.Element | null>;
+
+export { Alert, type AlertProps };

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/index.d.ts

@@ -0,0 +1,33 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React__default from 'react';
+
+declare const Badge: React__default.MemoExoticComponent<({ type, text, size, expanded, rounded, className }: BadgeProps) => react_jsx_runtime.JSX.Element>;
+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';
+}
+
+export { Badge, type BadgeProps };

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/index.css

@@ -0,0 +1 @@
+.ReactModal__Overlay--after-open{opacity:1}.ReactModal__Overlay--before-close{opacity:0}

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

@@ -0,0 +1,36 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React__default from 'react';
+
+interface TagProps {
+    /** Tag's color
+     * @default neutral
+     * */
+    variant?: 'neutral' | 'primary' | 'danger' | 'success' | 'warning';
+    /**
+     * Tag's content
+     * */
+    content: string | React__default.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__default.ReactNode;
+    /**
+     * Icon to remove Tag on click
+     * */
+    removeTag?: boolean;
+    /**
+     * Handler called when close icon is clicked
+     * */
+    onClose?: () => void;
+}
+declare const Tag: React__default.MemoExoticComponent<({ variant, content, fullWidth, className, action, removeTag, onClose, }: TagProps) => react_jsx_runtime.JSX.Element>;
+
+export { Tag, type TagProps };

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-V3MWWR5B.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/index.css

@@ -0,0 +1 @@
+.tippy-box{font-size:.75rem;letter-spacing:-.025em;line-height:1.063rem;position:relative;border-radius:.25rem;--tw-bg-opacity:1;background-color:rgb(var(--color-inverted-1) / var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(var(--color-base-1) / var(--tw-text-opacity));outline-width:0px;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}.tippy-box [data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-.5rem;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-.5rem;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{right:-.5rem;border-width:8px 0 8px 8px;border-left-color:initial;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-.5rem;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{height:1rem;width:1rem;--tw-text-opacity:1;color:rgb(var(--color-inverted-1) / var(--tw-text-opacity))}.tippy-box .tippy-arrow:before{position:absolute;border-style:solid;border-color:transparent;content:""}.tippy-box .tippy-content{position:relative;z-index:1;padding:.75rem .5rem}