@loja-integrada/admin-components 1.0.1 → 1.0.2

package/README.md

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

package/dist/chunk-TZI6YTCW.js

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

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/components/Modal/index.css

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

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

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

package/dist/components/Modal/index.js

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

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

@@ -1 +1,36 @@
-export * from './SidebarFixed';
+import React__default from 'react';
+
+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;
+}
+
+export { SidebarFixed, SidebarFixedComponent, type SidebarFixedProps };

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

@@ -1 +1,12 @@
-export * from './Table';
+import * as React from 'react';
+
+declare const Table: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableElement> & React.RefAttributes<HTMLTableElement>>;
+declare const TableHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
+declare const TableHead: React.ForwardRefExoticComponent<React.ThHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
+declare const TableBody: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
+declare const TableFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
+declare const TableRow: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableRowElement> & React.RefAttributes<HTMLTableRowElement>>;
+declare const TableCell: React.ForwardRefExoticComponent<React.TdHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
+declare const TableCaption: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableCaptionElement> & React.RefAttributes<HTMLTableCaptionElement>>;
+
+export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };

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

@@ -1 +1,47 @@
-export * from './Tabs';
+import * as React$1 from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface TabsItemInterface {
+    /**
+     * Custom class name
+     */
+    className?: string;
+    /**
+     * Item identification
+     */
+    id: string;
+    /**
+     * Item visible title
+     */
+    title: string;
+    /**
+     * Complement to title
+     * */
+    titleComplement?: string | React.ReactNode | ((isActive: boolean) => React.ReactNode);
+    /**
+     * Disabled a specific tab
+     */
+    disabled?: boolean;
+}
+
+declare const Tabs: React$1.MemoExoticComponent<({ className, items, activeItem, onChange }: TabsProps) => react_jsx_runtime.JSX.Element | null>;
+interface TabsProps {
+    /**
+     * Custom class name
+     * */
+    className?: string;
+    /**
+     * ID of the active item
+     */
+    activeItem?: string;
+    /**
+     * Tab item
+     */
+    items?: TabsItemInterface[];
+    /**
+     * Callback handle when selected item change
+     * */
+    onChange?: (activeTabId: string) => void;
+}
+
+export { Tabs, type TabsProps };

package/dist/components/index.css

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

package/dist/components/index.js

@@ -3,7 +3,7 @@ export { a as IconCircular } from '../chunk-BW2HQVCT.js';
 export { a as Button } from '../chunk-YTHY4XI2.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 { a as Modal } from '../chunk-V3MWWR5B.js';
 export { b as SidebarFixed, a as SidebarFixedComponent } from '../chunk-RGSYU4MA.js';
 import '../chunk-LTWCICTK.js';
 export { a as Icon } from '../chunk-RPTUERXQ.js';

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

@@ -1 +1,31 @@
-export * from './Checkbox';
+import React__default from 'react';
+import { InputHelpTextProps } from '../InputHelpText/index.js';
+import 'react/jsx-runtime';
+
+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;
+}
+
+export { Checkbox, type CheckboxProps };