@loja-integrada/admin-components 1.0.0 → 1.0.2

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

@@ -1,6 +1,52 @@
-export { Button, ButtonProps } from './Button.js';
-import 'class-variance-authority/types';
-import 'class-variance-authority';
-import 'react';
-import '../Icon/Icon.js';
+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/Button/index.js

@@ -1,4 +1,5 @@
-import '../../chunk-QCTWLTAA.js';
-export { a as Button } from '../../chunk-W64HPITJ.js';
+export { a as Button } from '../../chunk-YTHY4XI2.js';
 import '../../chunk-LTWCICTK.js';
-import '../../chunk-3IB6AR7I.js';
+import '../../chunk-RPTUERXQ.js';
+import '../../chunk-2H2JX2FG.js';
+import '../../chunk-WEYSRHTX.js';

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

@@ -0,0 +1,77 @@
+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/DataTable/index.js

@@ -0,0 +1,6 @@
+export { a as DataTable } from '../../chunk-KEVA65S5.js';
+import '../../chunk-LTHYFCE7.js';
+import '../../chunk-RL2XPX57.js';
+import '../../chunk-22FGINA5.js';
+import '../../chunk-3OHDGUPG.js';
+import '../../chunk-WEYSRHTX.js';

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

@@ -1,3 +1,127 @@
-export { Icon, IconProps } from './Icon.js';
-import 'react';
-import 'react/jsx-runtime';
+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/Icon/index.js

@@ -1,2 +1,4 @@
 import '../../chunk-LTWCICTK.js';
-export { b as Icon } from '../../chunk-3IB6AR7I.js';
+export { a as Icon } from '../../chunk-RPTUERXQ.js';
+import '../../chunk-2H2JX2FG.js';
+import '../../chunk-WEYSRHTX.js';

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

@@ -1,4 +1,22 @@
-export { IconCircular, IconCircularProps } from './IconCircular.js';
-import 'react';
-import '../Icon/Icon.js';
+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/IconCircular/index.js

@@ -1,4 +1,5 @@
-import '../../chunk-AYBQ5B4L.js';
-export { a as IconCircular } from '../../chunk-C3ECJWEX.js';
+export { a as IconCircular } from '../../chunk-BW2HQVCT.js';
 import '../../chunk-LTWCICTK.js';
-import '../../chunk-3IB6AR7I.js';
+import '../../chunk-RPTUERXQ.js';
+import '../../chunk-2H2JX2FG.js';
+import '../../chunk-WEYSRHTX.js';

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

@@ -0,0 +1,12 @@
+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/LoadingPlaceholder/index.js

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

package/dist/components/Modal/index.css

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

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

@@ -0,0 +1,56 @@
+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

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

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

@@ -0,0 +1,36 @@
+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/SidebarFixed/index.js

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

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

@@ -0,0 +1,12 @@
+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/Table/index.js

@@ -0,0 +1,2 @@
+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';
+import '../../chunk-WEYSRHTX.js';

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

@@ -0,0 +1,47 @@
+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/Tabs/index.js

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

package/dist/components/index.css

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

package/dist/components/index.js

@@ -0,0 +1,15 @@
+import '../chunk-DIFKNF3L.js';
+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-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';
+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';
+import '../chunk-22FGINA5.js';
+import '../chunk-3OHDGUPG.js';
+import '../chunk-WEYSRHTX.js';

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

@@ -0,0 +1,31 @@
+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 };

package/dist/forms/Checkbox/index.js

@@ -0,0 +1,3 @@
+export { a as Checkbox } from '../../chunk-22FGINA5.js';
+import '../../chunk-3OHDGUPG.js';
+import '../../chunk-WEYSRHTX.js';

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

@@ -0,0 +1,44 @@
+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/Input/index.js

@@ -0,0 +1,4 @@
+export { a as Input } from '../../chunk-LJS4TVL3.js';
+import '../../chunk-WEZVMEBK.js';
+import '../../chunk-3OHDGUPG.js';
+import '../../chunk-WEYSRHTX.js';

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

@@ -0,0 +1,20 @@
+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/InputHelpText/index.js

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