1mpacto-react-ui 0.0.5 → 0.0.7

package/dist/src/components/Badges/Badges.d.ts

@@ -0,0 +1,4 @@
+import { IBadges } from '../../interfaces/components/Badges';
+
+declare const Badges: import('react').ForwardRefExoticComponent<IBadges & import('react').RefAttributes<HTMLSpanElement>>;
+export default Badges;

package/dist/src/components/Breadcrumbs/Breadcrumbs.d.ts

@@ -0,0 +1,5 @@
+import { ElementType } from 'react';
+import { IBreadcrumbs } from '../../interfaces/components/Breadcrumbs';
+
+declare const Breadcrumbs: <T extends ElementType = "div">({ as, variants, fonts, urls, textBreadcrumbs, onClickBreadcrumbs, gapAction, gapUrls, className, textAction, iconAction, onClickAction, onClickUrls, separator, propsLink, ...props }: IBreadcrumbs<T>) => JSX.Element;
+export default Breadcrumbs;

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

@@ -0,0 +1,4 @@
+import { IButton } from '../../interfaces/components/Button';
+
+declare const Button: import('react').ForwardRefExoticComponent<IButton & import('react').RefAttributes<HTMLButtonElement>>;
+export default Button;

package/dist/src/components/ButtonIcon/ButtonIcon.d.ts

@@ -0,0 +1,4 @@
+import { IButtonIcon } from '../../interfaces/components/ButtonIcon';
+
+declare const ButtonIcon: import('react').ForwardRefExoticComponent<IButtonIcon & import('react').RefAttributes<HTMLButtonElement>>;
+export default ButtonIcon;

package/dist/src/components/Calendar/Calendar.d.ts

@@ -0,0 +1,42 @@
+import { ReactNode } from 'react';
+import { DateValue } from 'react-aria';
+import { CalendarState, CalendarStateOptions } from 'react-stately';
+
+export type TCalendarType = 'date' | 'month' | 'year';
+export type TDateType = Date | string | null | undefined;
+export interface ICalendarPrevNextIcon {
+    prevIcon?: ReactNode | ReactNode[] | (() => ReactNode) | (() => ReactNode[]);
+    nextIcon?: ReactNode | ReactNode[] | (() => ReactNode) | (() => ReactNode[]);
+}
+export interface ICalendarButton {
+    buttonReset?: ReactNode | ReactNode[] | (() => ReactNode) | (() => ReactNode[]);
+    buttonSubmit?: ReactNode | ReactNode[] | (() => ReactNode) | (() => ReactNode[]);
+}
+export interface ITimeCalendar {
+    hour?: number;
+    minut?: number;
+    second?: number;
+}
+export interface ICalendar extends CalendarStateOptions<DateValue>, ICalendarPrevNextIcon, ICalendarButton {
+    withConfirm?: boolean;
+    isCustomTime?: boolean;
+    minDate?: TDateType;
+    maxDate?: TDateType;
+    time?: ITimeCalendar;
+    handlerChangeTime: (v: ITimeCalendar) => void;
+    handlerReset: (v: CalendarState) => void;
+    handlerSubmit: () => void;
+}
+export interface ICalendarDateSelect extends CalendarStateOptions<DateValue>, ICalendarPrevNextIcon {
+    state: CalendarState;
+    setType: (v: TCalendarType) => void;
+}
+export interface ICustomTimeCalendar {
+    time?: ITimeCalendar;
+    value?: DateValue | null | undefined;
+    minDate?: TDateType;
+    maxDate?: TDateType;
+    handlerChangeTime: (v: ITimeCalendar) => void;
+}
+declare const Calendar: (props: ICalendar) => JSX.Element;
+export default Calendar;

package/dist/src/components/Calendar/CalendarButton.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+import { AriaButtonOptions } from 'react-aria';
+
+export interface ICalendarButton extends AriaButtonOptions<'button'> {
+    children: ReactNode | ReactNode[];
+}
+declare const CalendarButton: (props: ICalendarButton) => JSX.Element;
+export default CalendarButton;

package/dist/src/components/Calendar/CalendarCell.d.ts

@@ -0,0 +1,9 @@
+import { CalendarDate } from '@internationalized/date';
+import { CalendarState, RangeCalendarState } from 'react-stately';
+
+export interface ICalendarCell {
+    state: RangeCalendarState | CalendarState;
+    date: CalendarDate;
+}
+declare const CalendarCell: (props: ICalendarCell) => JSX.Element;
+export default CalendarCell;

package/dist/src/components/Calendar/CalendarMonth.d.ts

@@ -0,0 +1,9 @@
+import { CalendarState, RangeCalendarState } from 'react-stately';
+import { ICalendarPrevNextIcon, TCalendarType } from './Calendar';
+
+export interface ICalendarMonth extends ICalendarPrevNextIcon {
+    state: CalendarState | RangeCalendarState;
+    setType: (v: TCalendarType) => void;
+}
+declare const CalendarMonth: ({ prevIcon, nextIcon, state, setType }: ICalendarMonth) => JSX.Element;
+export default CalendarMonth;

package/dist/src/components/Calendar/CalendarRange.d.ts

@@ -0,0 +1,16 @@
+import { DateValue, RangeCalendarProps } from 'react-aria';
+import { DateRangePickerStateOptions, RangeCalendarState } from 'react-stately';
+import { ICalendarButton, ICalendarPrevNextIcon } from './Calendar';
+
+export interface ICalendarDateRange extends RangeCalendarProps<DateValue>, ICalendarPrevNextIcon, ICalendarButton {
+    withConfirm?: boolean;
+    handlerSubmit: () => void;
+    handlerReset: (v: RangeCalendarState) => void;
+}
+export interface ICalendarRange extends DateRangePickerStateOptions, ICalendarPrevNextIcon, ICalendarButton {
+    withConfirm?: boolean;
+    handlerSubmit: () => void;
+    handlerReset: (v: RangeCalendarState) => void;
+}
+declare const CalendarRange: (props: ICalendarRange) => JSX.Element;
+export default CalendarRange;

package/dist/src/components/Calendar/CalendarYear.d.ts

@@ -0,0 +1,15 @@
+import { CalendarState, RangeCalendarState } from 'react-stately';
+import { TCalendarType } from './Calendar';
+
+export interface ISetUpYear {
+    startYear: number;
+    endAfterThisYear: number;
+}
+export interface ICalendarYear {
+    title: string;
+    state: CalendarState | RangeCalendarState;
+    setUpYear?: ISetUpYear;
+    setType: (v: TCalendarType) => void;
+}
+declare const CalendarYear: ({ title, state, setUpYear, setType, }: ICalendarYear) => JSX.Element;
+export default CalendarYear;

package/dist/src/components/Chips/Chips.d.ts

@@ -0,0 +1,4 @@
+import { IChips } from '../../interfaces/components/Chips';
+
+declare const Chips: import('react').ForwardRefExoticComponent<IChips & import('react').RefAttributes<HTMLSpanElement>>;
+export default Chips;

package/dist/src/components/DatePicker/DatePicker.d.ts

@@ -0,0 +1,16 @@
+import { ReactNode } from 'react';
+import { ICalendarButton, ICalendarPrevNextIcon, TDateType } from '../Calendar/Calendar';
+
+export interface IDatePicker extends ICalendarPrevNextIcon, ICalendarButton {
+    value?: TDateType;
+    minDate?: TDateType;
+    maxDate?: TDateType;
+    withConfirm?: boolean;
+    isCustomTime?: boolean;
+    className?: string | undefined;
+    classNameButton?: string | undefined;
+    buttonClick?: ReactNode | ReactNode[] | ((v: TDateType) => ReactNode) | ((v: TDateType) => ReactNode[]);
+    onChange?: (v: TDateType | undefined) => void;
+}
+declare const DatePicker: (props: IDatePicker) => JSX.Element;
+export default DatePicker;

package/dist/src/components/DatePicker/DateRangePicker.d.ts

@@ -0,0 +1,17 @@
+import { ICalendarButton, ICalendarPrevNextIcon, TDateType } from '../Calendar/Calendar';
+
+export interface IDateRange {
+    startDate: TDateType;
+    endDate: TDateType;
+}
+export interface IDateRangePicker extends ICalendarPrevNextIcon, ICalendarButton {
+    defaultValue?: IDateRange;
+    value?: TDateType;
+    minDate?: Date | string;
+    maxDate?: Date | string;
+    withConfirm?: boolean;
+    onChange?: (v: IDateRange) => void;
+    onReset?: () => void;
+}
+declare const DateRangePicker: (props: IDateRangePicker) => JSX.Element;
+export default DateRangePicker;

package/dist/src/components/DatePicker/FilterDate.d.ts

@@ -0,0 +1,19 @@
+import { ReactNode } from 'react';
+import { IDateRange } from './DateRangePicker';
+import { ICalendarButton, ICalendarPrevNextIcon } from '../Calendar/Calendar';
+
+export type TKeyButtonListType = 'thisDay' | 'thisWeek' | 'thisMonth' | 'thisYear' | 'yesterday' | 'lastWeek' | 'lastMonth' | 'lastYear' | 'custom';
+export interface IButtonList {
+    key: TKeyButtonListType;
+    value: string;
+}
+export interface IFilterDate extends ICalendarPrevNextIcon, ICalendarButton {
+    className?: string | undefined;
+    classNameButton?: string | undefined;
+    buttonClick?: ReactNode | ReactNode[] | ((v: IDateRange | undefined) => ReactNode) | ((v: IDateRange | undefined) => ReactNode[]);
+    value?: IDateRange | undefined;
+    buttonList?: IButtonList[];
+    onChange?: (v?: IDateRange) => void;
+}
+declare const FilterDate: ({ value, prevIcon, nextIcon, buttonReset, buttonSubmit, className, classNameButton, buttonClick, buttonList, onChange, }: IFilterDate) => JSX.Element;
+export default FilterDate;

package/dist/src/components/Input/InputFloatingInner.d.ts

@@ -0,0 +1,4 @@
+import { IInputFloatingInner } from '../../interfaces/components/Input/index';
+
+declare const InputFloatingInner: import('react').ForwardRefExoticComponent<IInputFloatingInner & import('react').RefAttributes<HTMLInputElement>>;
+export default InputFloatingInner;

package/dist/src/components/Input/InputReguler.d.ts

@@ -0,0 +1,4 @@
+import { IInputReguler } from '../../interfaces/components/Input/index';
+
+declare const InputReguler: import('react').ForwardRefExoticComponent<IInputReguler & import('react').RefAttributes<HTMLInputElement>>;
+export default InputReguler;

package/dist/src/components/Pagination/Pagination.d.ts

@@ -0,0 +1,19 @@
+import { ReactNode } from 'react';
+
+type TKindPaginationType = 'box' | 'nude';
+export interface IPagination {
+    pageNumber: number;
+    pageSize: number;
+    totalData: number;
+    totalPage: number;
+}
+interface IPaginationProps extends IPagination {
+    onChange?: (v: IPagination) => void;
+    kind?: TKindPaginationType;
+    className?: string | undefined;
+    id?: string | undefined;
+    prevIcon?: ReactNode | ReactNode[] | (() => ReactNode) | (() => ReactNode[]);
+    nextIcon?: ReactNode | ReactNode[] | (() => ReactNode) | (() => ReactNode[]);
+}
+declare const Pagination: ({ totalData, totalPage, pageNumber, pageSize, className, id, kind, prevIcon, nextIcon, onChange, }: IPaginationProps) => JSX.Element;
+export default Pagination;

package/dist/src/components/Popover/Popover.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+import { IPopover, IRefPopover } from '../../interfaces/components/Popover';
+
+declare const Popover: React.ForwardRefExoticComponent<IPopover & React.RefAttributes<IRefPopover>>;
+export default Popover;

package/dist/src/components/RadioCheckbox/RadioCheckbox.d.ts

@@ -0,0 +1,4 @@
+import { IRadioCheckbox } from '../../interfaces/components/RadioCheckbox/RadioCheckbox';
+
+declare const RadioCheckbox: import('react').ForwardRefExoticComponent<IRadioCheckbox & import('react').RefAttributes<HTMLInputElement>>;
+export default RadioCheckbox;

package/dist/src/components/RadioCheckbox/RadioCheckboxLabel.d.ts

@@ -0,0 +1,4 @@
+import { IRadioCheckboxLabel } from '../../interfaces/components/RadioCheckbox/RadioCheckboxLabel';
+
+declare const RadioCheckboxLabel: ({ radioCheckboxProps, name, id, type, typographyLabel, typographyDesc, fonts, borderRadius, className, disabled, variants, label, desc, ...props }: IRadioCheckboxLabel) => JSX.Element;
+export default RadioCheckboxLabel;

package/dist/src/components/SelectDropdownContainer/SelectDropdownContainer.d.ts

@@ -0,0 +1,4 @@
+import { IRefSelectDropdownContainer, ISelectDropdownContainer } from '../../interfaces/components/SelectDropdownContainer';
+
+declare const SelectDropdownContainer: import('react').ForwardRefExoticComponent<ISelectDropdownContainer & import('react').RefAttributes<IRefSelectDropdownContainer>>;
+export default SelectDropdownContainer;

package/dist/src/components/SelectDropdownContainer/styleConfig.d.ts

@@ -0,0 +1,4 @@
+import { StylesConfig } from 'react-select';
+
+export declare const styleSelectDropdownContainer: StylesConfig;
+export declare const styleSelectDropdownContainerNoSearch: StylesConfig;

package/dist/src/components/Switch/Switch.d.ts

@@ -0,0 +1,12 @@
+interface ISwitch {
+    value: boolean;
+    disabled?: boolean;
+    size?: 'large' | 'regular' | 'small';
+    title?: string;
+    description?: string;
+    id?: string | undefined;
+    className?: string | undefined;
+    onChange: (v: boolean) => void;
+}
+declare const Switch: ({ value, disabled, title, description, size, id, className, onChange, }: ISwitch) => JSX.Element;
+export default Switch;

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

@@ -0,0 +1,6 @@
+import { ITable, IVirtualizationHead, IVirtualizationTable } from '../../interfaces/components/Table';
+
+export declare const VirtualizationHead: import('react').ForwardRefExoticComponent<Pick<IVirtualizationHead, keyof IVirtualizationHead> & import('react').RefAttributes<HTMLTableSectionElement>>;
+export declare const VirtualizationTable: ({ style, context, ...props }: IVirtualizationTable) => JSX.Element;
+declare const Table: <T>({ tableInstance, classNameWrapperTable, classNameTable, collapseAll, handlerRowClick, privillageRowClick, virtualization, virtualizationProps, headerId, tbodyTrId, maxHeight, idCalculateHeight, kind, componentSortASC, componentSortDESC, scrollTop, }: ITable<T>) => JSX.Element;
+export default Table;

package/dist/src/components/Tabs/TabPanel.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+
+interface ITabPanel {
+    children: ReactNode | ReactNode[];
+    id?: string;
+    value: string | number;
+    selected: string | number;
+    className?: string | undefined;
+    isHide?: boolean;
+}
+declare const TabPanel: ({ children, id, value, selected, className, isHide }: ITabPanel) => JSX.Element;
+export default TabPanel;

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

@@ -0,0 +1,14 @@
+export interface ITabsList {
+    id: string | number;
+    label: string | number;
+    isHide?: boolean;
+}
+interface ITabs {
+    id?: string;
+    value: string | number;
+    tabsList: ITabsList[];
+    className?: string | undefined;
+    onChange?: (v: ITabsList) => void;
+}
+declare const Tabs: ({ id, value, tabsList, className, onChange }: ITabs) => JSX.Element;
+export default Tabs;

package/dist/src/components/Virtualization/ListVirtualization.d.ts

@@ -0,0 +1,5 @@
+import { VirtuosoHandle } from 'react-virtuoso';
+import { IListVirtualization } from '../../interfaces/components/Virtualization/ListVirtualization';
+
+declare const ListVirtualization: import('react').ForwardRefExoticComponent<IListVirtualization & import('react').RefAttributes<VirtuosoHandle>>;
+export default ListVirtualization;

package/dist/src/components/Virtualization/TableVirtualization.d.ts

@@ -0,0 +1,5 @@
+import { TableVirtuosoHandle } from 'react-virtuoso';
+import { ITableVirtualization } from '../../interfaces/components/Virtualization/TableVirtualization';
+
+declare const TableVirtualization: import('react').ForwardRefExoticComponent<ITableVirtualization & import('react').RefAttributes<TableVirtuosoHandle>>;
+export default TableVirtualization;

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

@@ -0,0 +1,32 @@
+import { default as TPublish } from './TPublish/TPublish';
+import { default as Button } from './Button/Button';
+import { default as Popover } from './Popover/Popover';
+import { IRefPopover } from '../interfaces/components/Popover';
+import { default as InputFloatingInner } from './Input/InputFloatingInner';
+import { default as InputReguler } from './Input/InputReguler';
+import { default as Table } from './Table/Table';
+import { ITableColumnDef } from '../interfaces/components/Table';
+import { default as TableVirtualization } from './Virtualization/TableVirtualization';
+import { TableVirtuosoHandle as IRefTableVirtualization, VirtuosoHandle as IRefListVirtualization } from 'react-virtuoso';
+import { default as ListVirtualization } from './Virtualization/ListVirtualization';
+import { default as Tabs } from './Tabs/Tabs';
+import { default as TabPanel } from './Tabs/TabPanel';
+import { default as Pagination } from './Pagination/Pagination';
+import { default as SelectDropdownContainer } from './SelectDropdownContainer/SelectDropdownContainer';
+import { IRefSelectDropdownContainer, IChildrenSelectDropdownContainer } from '../interfaces/components/SelectDropdownContainer';
+import { default as Calendar } from './Calendar/Calendar';
+import { default as CalendarRange } from './Calendar/CalendarRange';
+import { default as DatePicker } from './DatePicker/DatePicker';
+import { default as DateRangePicker } from './DatePicker/DateRangePicker';
+import { default as FilterDate } from './DatePicker/FilterDate';
+import { default as Switch } from './Switch/Switch';
+import { default as ButtonIcon } from './ButtonIcon/ButtonIcon';
+import { default as Badges } from './Badges/Badges';
+import { default as Chips } from './Chips/Chips';
+import { default as RadioCheckbox } from './RadioCheckbox/RadioCheckbox';
+import { default as RadioCheckboxLabel } from './RadioCheckbox/RadioCheckboxLabel';
+import { default as Breadcrumbs } from './Breadcrumbs/Breadcrumbs';
+
+import * as utilTable from '@tanstack/react-table';
+export { TPublish, Button, Popover, Calendar, CalendarRange, DatePicker, DateRangePicker, FilterDate, InputFloatingInner, InputReguler, Pagination, Tabs, TabPanel, Table, TableVirtualization, ListVirtualization, SelectDropdownContainer, utilTable, Switch, ButtonIcon, Badges, Chips, RadioCheckbox, RadioCheckboxLabel, Breadcrumbs, };
+export type { ITableColumnDef, IRefPopover, IRefTableVirtualization, IRefListVirtualization, IRefSelectDropdownContainer, IChildrenSelectDropdownContainer, };

package/dist/src/config/components/borderRadius.d.ts

@@ -0,0 +1,12 @@
+export type IBorderRadius = '0px' | '2px' | '4px' | '6px' | '8px' | '12px' | '16px' | '24px' | 'full';
+export declare const configBorderRadius: {
+    '0px': string;
+    '2px': string;
+    '4px': string;
+    '6px': string;
+    '8px': string;
+    '12px': string;
+    '16px': string;
+    '24px': string;
+    full: string;
+};

package/dist/src/config/components/gap.d.ts

@@ -0,0 +1,51 @@
+export type IGap = 'gap-0' | 'gap-x-0' | 'gap-y-0' | 'gap-px' | 'gap-x-px' | 'gap-y-px' | 'gap-0.5' | 'gap-x-0.5' | 'gap-y-0.5' | 'gap-1' | 'gap-x-1' | 'gap-y-1' | 'gap-1.5' | 'gap-x-1.5' | 'gap-y-1.5' | 'gap-2' | 'gap-x-2' | 'gap-y-2' | 'gap-2.5' | 'gap-x-2.5' | 'gap-y-2.5' | 'gap-3' | 'gap-x-3' | 'gap-y-3' | 'gap-3.5' | 'gap-x-3.5' | 'gap-y-3.5' | 'gap-4' | 'gap-x-4' | 'gap-y-4' | 'gap-5' | 'gap-x-5' | 'gap-y-5' | 'gap-6' | 'gap-x-6' | 'gap-y-6' | 'gap-7' | 'gap-x-7' | 'gap-y-7' | 'gap-8' | 'gap-x-8' | 'gap-y-8' | 'gap-9' | 'gap-x-9' | 'gap-y-9' | 'gap-10' | 'gap-x-10' | 'gap-y-10';
+export declare const configGap: {
+    'gap-0': string;
+    'gap-x-0': string;
+    'gap-y-0': string;
+    'gap-px': string;
+    'gap-x-px': string;
+    'gap-y-px': string;
+    'gap-0.5': string;
+    'gap-x-0.5': string;
+    'gap-y-0.5': string;
+    'gap-1': string;
+    'gap-x-1': string;
+    'gap-y-1': string;
+    'gap-1.5': string;
+    'gap-x-1.5': string;
+    'gap-y-1.5': string;
+    'gap-2': string;
+    'gap-x-2': string;
+    'gap-y-2': string;
+    'gap-2.5': string;
+    'gap-x-2.5': string;
+    'gap-y-2.5': string;
+    'gap-3': string;
+    'gap-x-3': string;
+    'gap-y-3': string;
+    'gap-3.5': string;
+    'gap-x-3.5': string;
+    'gap-y-3.5': string;
+    'gap-4': string;
+    'gap-x-4': string;
+    'gap-y-4': string;
+    'gap-5': string;
+    'gap-x-5': string;
+    'gap-y-5': string;
+    'gap-6': string;
+    'gap-x-6': string;
+    'gap-y-6': string;
+    'gap-7': string;
+    'gap-x-7': string;
+    'gap-y-7': string;
+    'gap-8': string;
+    'gap-x-8': string;
+    'gap-y-8': string;
+    'gap-9': string;
+    'gap-x-9': string;
+    'gap-y-9': string;
+    'gap-10': string;
+    'gap-x-10': string;
+    'gap-y-10': string;
+};

package/dist/src/config/components/typography.d.ts

@@ -0,0 +1,37 @@
+export type Itypography = 'payhere-h1' | 'payhere-h2' | 'payhere-h3' | 'payhere-h4' | 'payhere-h5' | 'payhere-h6' | 'payhere-body-lr' | 'payhere-body-lm' | 'payhere-body-ls' | 'payhere-body-lb' | 'payhere-body-mr' | 'payhere-body-mm' | 'payhere-body-ms' | 'payhere-body-mb' | 'payhere-label-r' | 'payhere-label-m' | 'payhere-body-sr' | 'payhere-body-sm' | 'payhere-body-esr' | 'payhere-body-esm' | 'laba-h1' | 'laba-h2' | 'laba-base-rb' | 'laba-base-rs' | 'laba-base-rr' | 'laba-base-sb' | 'laba-base-ss' | 'laba-base-sr' | 'laba-subtitle-rb' | 'laba-subtitle-rs' | 'laba-subtitle-rr' | 'laba-subtitle-sb' | 'laba-subtitle-ss' | 'laba-subtitle-sr';
+export declare const configtypography: {
+    'payhere-h1': string;
+    'payhere-h2': string;
+    'payhere-h3': string;
+    'payhere-h4': string;
+    'payhere-h5': string;
+    'payhere-h6': string;
+    'payhere-body-lr': string;
+    'payhere-body-lm': string;
+    'payhere-body-ls': string;
+    'payhere-body-lb': string;
+    'payhere-body-mr': string;
+    'payhere-body-mm': string;
+    'payhere-body-ms': string;
+    'payhere-body-mb': string;
+    'payhere-label-r': string;
+    'payhere-label-m': string;
+    'payhere-body-sr': string;
+    'payhere-body-sm': string;
+    'payhere-body-esr': string;
+    'payhere-body-esm': string;
+    'laba-h1': string;
+    'laba-h2': string;
+    'laba-base-rb': string;
+    'laba-base-rs': string;
+    'laba-base-rr': string;
+    'laba-base-sb': string;
+    'laba-base-ss': string;
+    'laba-base-sr': string;
+    'laba-subtitle-rb': string;
+    'laba-subtitle-rs': string;
+    'laba-subtitle-rr': string;
+    'laba-subtitle-sb': string;
+    'laba-subtitle-ss': string;
+    'laba-subtitle-sr': string;
+};

package/dist/src/config/tailwind/index.d.ts

@@ -0,0 +1,4 @@
+import { default as ConfigColors } from './colors';
+import { default as configTypography, configTypographyLabaBisnis, configTypographyPayhere } from './typography';
+
+export { ConfigColors, configTypography, configTypographyLabaBisnis, configTypographyPayhere };

package/dist/src/config/tailwind/typography.d.ts

@@ -0,0 +1,7 @@
+export type ITypography = Record<string, [string, Record<string, string | number>]>;
+export declare const configTypographyPayhere: ITypography;
+export declare const configTypographyLabaBisnis: ITypography;
+declare const _default: {
+    [x: string]: [string, Record<string, string | number>];
+};
+export default _default;

package/dist/src/interfaces/components/Badges/index.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+import { IBorderRadius } from '../../../config/components/borderRadius';
+
+export interface IBadges extends React.HTMLAttributes<HTMLSpanElement> {
+    children: ReactNode | ReactNode[];
+    className?: string | undefined;
+    rounded?: IBorderRadius;
+    variants?: 'filled-gray-600' | 'filled-green-600' | 'filled-red-500' | 'filled-blue-600' | 'filled-amber-800' | 'ghost-gray-200' | 'ghost-green-100' | 'ghost-red-100' | 'ghost-blue-100' | 'ghost-amber-100' | 'outline-gray-600' | 'outline-green-600' | 'outline-red-500' | 'outline-blue-600' | 'outline-amber-800';
+    fonts?: 'lato' | 'inter';
+}

package/dist/src/interfaces/components/Breadcrumbs/index.d.ts

@@ -0,0 +1,19 @@
+import { ReactNode, ElementType, HTMLAttributes } from 'react';
+import { IGap } from '../../../config/components/gap';
+
+export interface IBreadcrumbs<T extends ElementType> extends HTMLAttributes<HTMLDivElement> {
+    as?: T;
+    fonts?: 'lato' | 'inter';
+    variants?: 'laba-blue-10' | 'blue-700';
+    urls: string[];
+    textBreadcrumbs: string[];
+    onClickBreadcrumbs?: (() => void | undefined)[];
+    onClickAction?: () => void;
+    onClickUrls?: (url: string) => void;
+    gapAction?: IGap;
+    gapUrls?: IGap;
+    textAction?: string;
+    iconAction?: ReactNode | ReactNode[];
+    separator?: ReactNode | ReactNode[] | string;
+    propsLink?: (value: string, index: number, urls: string[]) => object;
+}

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

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+
+export interface IButton extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    size?: 'large' | 'reguler' | 'small' | 'l' | 'm' | 's' | 'xs';
+    kind?: 'filled' | 'ghost' | 'nude' | 'primary' | 'secondary' | 'tertiary';
+    startIcon?: ReactNode | ReactNode[] | (() => ReactNode) | (() => ReactNode[]);
+    endIcon?: ReactNode | ReactNode[] | (() => ReactNode) | (() => ReactNode[]);
+    children: ReactNode | ReactNode[];
+    className?: string | undefined;
+}

package/dist/src/interfaces/components/ButtonIcon/index.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+
+export interface IButtonIcon extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    size?: 'large' | 'reguler' | 'small' | 'l' | 'm' | 's' | 'xs';
+    kind?: 'filled' | 'ghost' | 'nude' | 'primary' | 'secondary' | 'tertiary';
+    children: ReactNode | ReactNode[];
+    className?: string | undefined;
+}

package/dist/src/interfaces/components/Chips/index.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+
+export interface IChips extends React.HTMLAttributes<HTMLSpanElement> {
+    children: ReactNode | ReactNode[];
+    className?: string | undefined;
+    fonts?: 'lato' | 'inter';
+    size?: 'reguler' | 'small' | 'l' | 's';
+    variants?: 'filled-laba-blue-10' | 'ghost-laba-grey-02' | 'nude-laba-grey-10' | 'filled-blue-gray-100';
+    icon?: ReactNode | ReactNode[] | (() => ReactNode) | (() => ReactNode[]);
+    removeIcon?: ReactNode | ReactNode[] | (() => ReactNode) | (() => ReactNode[]);
+}

package/dist/src/interfaces/components/Input/index.d.ts

@@ -0,0 +1,25 @@
+import { InputHTMLAttributes, ReactNode } from 'react';
+
+export interface IInputFloatingInner extends InputHTMLAttributes<HTMLInputElement> {
+    classNameContainer?: string | undefined;
+    id?: string | undefined;
+    label: string;
+    type?: string;
+    endIcon?: ReactNode | ReactNode[] | (() => ReactNode) | (() => ReactNode[]);
+    isRequired?: boolean;
+    error?: string | undefined;
+    sizeInput?: 'reguler';
+    classNameLabelError?: string | undefined;
+}
+export interface IInputReguler extends InputHTMLAttributes<HTMLInputElement> {
+    classNameContainer?: string | undefined;
+    id?: string | undefined;
+    label: string;
+    type?: string;
+    endIcon?: ReactNode | ReactNode[] | (() => ReactNode) | (() => ReactNode[]);
+    isRequired?: boolean;
+    error?: string | undefined;
+    sizeInput?: 'reguler';
+    classNameLabel?: string | undefined;
+    classNameLabelError?: string | undefined;
+}

package/dist/src/interfaces/components/Popover/index.d.ts

@@ -0,0 +1,22 @@
+import { ReactNode } from 'react';
+import { FlipOptions, AutoPlacementOptions } from '@floating-ui/react';
+
+export interface IPopover extends React.HTMLAttributes<HTMLDivElement> {
+    children: ReactNode | ReactNode[];
+    className?: string | undefined;
+    offset?: number;
+    anchorEl?: ReactNode;
+    isShow?: boolean;
+    useAutoPlacement?: boolean;
+    flipOptions?: FlipOptions;
+    autoPlacementOptions?: AutoPlacementOptions;
+    zIndex?: number | undefined | string;
+    width?: number | string;
+    styleInnerPopover?: React.CSSProperties;
+}
+export interface IRefPopover {
+    show: boolean;
+    setShow: React.Dispatch<React.SetStateAction<boolean>>;
+    handlerShow: (event: React.MouseEvent<HTMLButtonElement | HTMLDivElement>) => void;
+    getReferenceProps: (userProps?: React.HTMLProps<Element> | undefined) => Record<string, unknown>;
+}

package/dist/src/interfaces/components/RadioCheckbox/RadioCheckbox.d.ts

@@ -0,0 +1,17 @@
+import { InputHTMLAttributes, ReactNode } from 'react';
+import { IBorderRadius } from '../../../config/components/borderRadius';
+import { Itypography } from '../../../config/components/typography';
+
+export interface IRadioCheckbox extends InputHTMLAttributes<HTMLInputElement> {
+    classNameContainer?: string | undefined;
+    classNameLabel?: string | undefined;
+    sizeInput?: 'reguler' | 's';
+    variants?: 'laba-blue-10' | 'blue-700' | 'blue-700-hv_bg_transparent' | 'laba-blue-10-hv_bg_transparent';
+    variantDisableds?: 'default-disabled-checkbox' | 'default-disabled-radio';
+    borderRadius?: IBorderRadius;
+    checkedIcon?: ReactNode | ReactNode[];
+    type?: 'checkbox' | 'radio';
+    fonts?: 'lato' | 'inter';
+    label?: string;
+    typography?: Itypography;
+}

package/dist/src/interfaces/components/RadioCheckbox/RadioCheckboxLabel.d.ts

@@ -0,0 +1,16 @@
+import { InputHTMLAttributes, ReactNode } from 'react';
+import { Itypography } from '../../../config/components/typography';
+import { IRadioCheckbox } from './RadioCheckbox';
+import { IBorderRadius } from '../../../config/components/borderRadius';
+
+export interface IRadioCheckboxLabel extends InputHTMLAttributes<HTMLInputElement> {
+    typographyLabel?: Itypography;
+    typographyDesc?: Itypography;
+    borderRadius?: IBorderRadius;
+    type?: 'checkbox' | 'radio';
+    fonts?: 'lato' | 'inter';
+    radioCheckboxProps?: IRadioCheckbox;
+    variants?: 'blue-50' | 'laba-blue-01';
+    label: string | ReactNode | ReactNode[];
+    desc?: string | ReactNode | ReactNode[];
+}