@loja-integrada/admin-components 1.0.1 → 1.0.2

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

@@ -1 +1,44 @@
-export * from './Input';
+import React__default from 'react';
+import { InputHelpTextProps } from '../InputHelpText/index.js';
+import { InputLabelProps } from '../InputLabel/index.js';
+import 'react/jsx-runtime';
+
+declare const Input: React__default.MemoExoticComponent<React__default.ForwardRefExoticComponent<InputProps & React__default.RefAttributes<HTMLInputElement>>>;
+interface InputProps extends InputLabelProps, InputHelpTextProps, Omit<React__default.InputHTMLAttributes<HTMLInputElement>, 'prefix'> {
+    /**
+     * Input custom class name
+     * */
+    className?: string;
+    /**
+     * Form group custom class name
+     * */
+    formGroupClassName?: string;
+    /** Input size
+     * @default default
+     * */
+    variant?: 'default' | 'small' | 'large' | 'xlarge';
+    /**
+     * Error message to display
+     * */
+    errorMessage?: string;
+    /**
+     * Custom element to append at the start of input
+     * */
+    prefix?: React__default.ReactNode | string | null;
+    /**
+     * Custom element to append at the end of input
+     * */
+    sufix?: React__default.ReactNode | string | null;
+    /**
+     * Set visibility of input prefix border
+     * @default true
+     * */
+    prefixBorder?: boolean;
+    /**
+     * Set visibility of input sufix border
+     * @default true
+     * */
+    sufixBorder?: boolean;
+}
+
+export { Input, type InputProps };

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

@@ -1 +1,20 @@
-export * from './InputHelpText';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React__default from 'react';
+
+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;
+}
+
+export { InputHelpText, type InputHelpTextProps };

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

@@ -1 +1,32 @@
-export * from './InputLabel';
+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/InputMask/index.d.ts

@@ -1 +1,29 @@
-export * from './InputMask';
+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/index.css

@@ -1 +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;}
+.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,5 +1,30 @@
-export * from './components';
-export * from './forms';
-export * from './indicators';
-export * from './layout';
-export * from './navigation';
+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';
+import 'react';
+import 'react/jsx-runtime';
+import '@tanstack/react-table';
+import 'react-text-mask';
+import '@tippyjs/react';

package/dist/index.js

@@ -15,12 +15,12 @@ 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 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-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/indicators/Alert/index.d.ts

@@ -1 +1,50 @@
-export * from './Alert';
+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/Badge/index.d.ts

@@ -1 +1,33 @@
-export * from './Badge';
+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/Tag/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/indicators/Tag/index.d.ts

@@ -1 +1,36 @@
-export * from './Tag';
+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

@@ -4,7 +4,7 @@ import '../../chunk-BW2HQVCT.js';
 import '../../chunk-YTHY4XI2.js';
 import '../../chunk-KEVA65S5.js';
 import '../../chunk-LTHYFCE7.js';
-import '../../chunk-FLXTIRDF.js';
+import '../../chunk-V3MWWR5B.js';
 import '../../chunk-RGSYU4MA.js';
 import '../../chunk-LTWCICTK.js';
 import '../../chunk-RPTUERXQ.js';

package/dist/indicators/Tooltip/index.css

@@ -1 +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;}
+.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/indicators/Tooltip/index.d.ts

@@ -1 +1,57 @@
-export * from './Tooltip';
+import * as React from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { TippyProps } from '@tippyjs/react';
+
+declare const Tooltip: React.MemoExoticComponent<({ isVisible, appendTo, hideOnClick, trigger, hideInMobile, duration, interactive, allowHTML, maxWidth, touch, placement, content, children, ...props }: TooltipProps) => 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.js

@@ -1 +1 @@
-export { a as Tooltip } from '../../chunk-GWT7XT76.js';
+"use client";export { a as Tooltip } from '../../chunk-TZI6YTCW.js';

package/dist/indicators/index.css

@@ -1 +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;}
+.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/indicators/index.js

@@ -5,10 +5,10 @@ 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';
+export { a as Tooltip } from '../chunk-TZI6YTCW.js';
 import '../chunk-KEVA65S5.js';
 import '../chunk-LTHYFCE7.js';
-import '../chunk-FLXTIRDF.js';
+import '../chunk-V3MWWR5B.js';
 import '../chunk-RGSYU4MA.js';
 import '../chunk-LTWCICTK.js';
 import '../chunk-RPTUERXQ.js';

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

@@ -1 +1,21 @@
-export * from './ActionBar';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React__default from 'react';
+import { ButtonProps } from '../../components/Button/index.js';
+import 'class-variance-authority/types';
+import 'class-variance-authority';
+import '../../components/Icon/index.js';
+
+declare const ActionBar: React__default.MemoExoticComponent<({ onlyMobile, children }: ActionBarProps) => react_jsx_runtime.JSX.Element>;
+interface ActionBarProps {
+    /**
+     * Show component only on Mobile
+     * @default false
+     */
+    onlyMobile?: boolean;
+    /**
+     * React children
+     */
+    children: React__default.ReactElement<ButtonProps> | React__default.ReactElement<ButtonProps>[];
+}
+
+export { ActionBar, type ActionBarProps };

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

@@ -1 +1,71 @@
-export * from './Box';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React__default from 'react';
+import { TabsProps } from '../../components/Tabs/index.js';
+
+declare const BoxSeparator: {
+    (): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const Box: React__default.MemoExoticComponent<({ id, className, isOpen, isToggle, variant, children }: BoxProps) => react_jsx_runtime.JSX.Element>;
+declare const BoxHeader: React__default.MemoExoticComponent<({ children, className, title, subtitle, Tabs }: BoxHeaderProps) => react_jsx_runtime.JSX.Element>;
+declare const BoxContent: React__default.MemoExoticComponent<({ children, className }: BoxContentProps) => react_jsx_runtime.JSX.Element>;
+interface BoxProps {
+    /**
+     * Custom class name
+     * */
+    className?: string;
+    /**
+     * Box ID
+     * */
+    id?: string;
+    /**
+     * Box Header and Content
+     */
+    children?: React__default.ReactElement<BoxContentProps> | Array<React__default.ReactElement<BoxContentProps>> | React__default.ReactElement<BoxHeaderProps> | Array<React__default.ReactElement<BoxHeaderProps>>;
+    /** Variant type
+     * @default 'default'
+     * */
+    variant?: 'default' | 'small';
+    /** Define is box content has visible by default
+     * @default true
+     * */
+    isOpen?: boolean;
+    /** Show toggle icon
+     * @default false
+     * */
+    isToggle?: boolean;
+}
+interface BoxContentProps {
+    /**
+     * React children
+     */
+    children?: React__default.ReactNode;
+    /**
+     * Custom class name
+     * */
+    className?: string;
+}
+interface BoxHeaderProps {
+    /**
+     * React children
+     */
+    children?: React__default.ReactNode;
+    /**
+     * Custom class name
+     * */
+    className?: string;
+    /**
+     * Title of the Box
+     */
+    title?: string | React__default.ReactNode;
+    /**
+     * Subtitle of the Box
+     */
+    subtitle?: string | React__default.ReactNode;
+    /**
+     * Use only with "&lt;Tabs /&gt;" component
+     */
+    Tabs?: React__default.ReactElement<TabsProps>;
+}
+
+export { Box, BoxContent, type BoxContentProps, BoxHeader, type BoxHeaderProps, type BoxProps, BoxSeparator };

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

@@ -1 +1,18 @@
-export * from './Container';
+import * as React$1 from 'react';
+
+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 { Container, ContainerHeader, type ContainerProps };

package/dist/navigation/Breadcrumb/index.d.ts

@@ -1 +1,45 @@
-export * from './Breadcrumb';
+import React__default from 'react';
+import { HelpLinkProps } from '../HelpLink/index.js';
+
+declare const Breadcrumb: React__default.FC<BreadcrumbProps>;
+interface BreadcrumbProps {
+    /**
+     * Custom class name
+     * */
+    className?: string;
+    /**
+     * Current page title
+     * */
+    currentTitle: string | React__default.ReactNode;
+    /**
+     * Previous page title
+     * */
+    previousTitle?: string | React__default.ReactNode;
+    /**
+     * Previous page href
+     * */
+    previousHref?: string;
+    /**
+     * Custom link component (replace <a>)
+     * Example: `const Link = (props: any) => { return  <a href="https://www.google.com" target="_blank" className={`underline ` + props.className}>{props.children}</a> }`
+     * */
+    Link?: React__default.ElementType;
+    /** Alignment of `currentTitle` at mobile
+     * @default 'left'
+     * */
+    mobileAlign?: 'left' | 'center';
+    /**
+     * Help link
+     * */
+    helpLink?: HelpLinkProps;
+    /**
+     * Custom actions and buttons
+     * */
+    actions?: React__default.ReactNode;
+    /** Should show actions only at one resolution or always
+     * @default 'both'
+     * */
+    actionsDisplay?: 'desktop' | 'mobile' | 'both';
+}
+
+export { Breadcrumb, type BreadcrumbProps };

package/dist/navigation/HelpLink/index.d.ts

@@ -1 +1,32 @@
-export * from './HelpLink';
+import React__default from 'react';
+
+declare const HelpLink: React__default.FC<HelpLinkProps>;
+interface HelpLinkProps {
+    /**
+     * Custom class name
+     * */
+    className?: string;
+    /**
+     * Text to be displayed
+     * */
+    text?: string;
+    /**
+     * Text will appear on mobile or not
+     * @default false
+     * */
+    mobileText?: boolean;
+    /**
+     * Component behavior as hyper link or button
+     * */
+    as?: 'hyperLink' | 'button';
+    /**
+     * Href to the link where component redirects
+     * */
+    href?: string;
+    /**
+     * Button action when clicked
+     * */
+    onClick?: React__default.MouseEventHandler<HTMLButtonElement>;
+}
+
+export { HelpLink, type HelpLinkProps };