1mpacto-react-ui 0.2.0-beta.20 → 0.2.0-beta.21

package/dist/package.json.d.ts

@@ -1,7 +1,7 @@
 declare const _default: {
   "name": "1mpacto-react-ui",
   "private": false,
-  "version": "0.2.0-beta.20",
+  "version": "0.2.0-beta.21",
   "type": "module",
   "engines": {
     "node": ">=20.19.4",

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

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { IInputInnerLabel } from '../../interfaces/components/Input';
+declare const InputInnerLabel: React.ForwardRefExoticComponent<IInputInnerLabel & React.RefAttributes<HTMLInputElement>>;
+export default InputInnerLabel;

package/dist/src/components/Input/InputInnerLabel.stories.d.ts

@@ -0,0 +1,31 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<import('../../interfaces/components/Input').IInputInnerLabel & import('react').RefAttributes<HTMLInputElement>>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        className: {
+            type: "string";
+        };
+        classNameContainer: {
+            type: "string";
+        };
+        classNameLabelError: {
+            type: "string";
+        };
+        error: {
+            type: "string";
+        };
+    };
+    args: {
+        onChange: import('@vitest/spy').Mock<(...args: any[]) => any>;
+        value: string;
+    };
+    render: (args: import('../../interfaces/components/Input').IInputInnerLabel & import('react').RefAttributes<HTMLInputElement>) => import("react/jsx-runtime").JSX.Element;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

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

@@ -7,26 +7,208 @@ declare const meta: {
     };
     tags: string[];
     argTypes: {
-        className: {
-            type: "string";
-        };
         classNameContainer: {
-            type: "string";
+            control: "text";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
         };
         classNameLabel: {
-            type: "string";
+            control: "text";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
         };
         classNameCheckedIcon: {
-            type: "string";
+            control: "text";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
         };
         classNameContainerCheckedIcon: {
-            type: "string";
+            control: "text";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        sizeInput: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        variants: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        variantDisableds: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        borderRadius: {
+            control: "text";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
         };
         checkedIcon: {
+            control: {
+                disable: true;
+            };
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        type: {
+            control: {
+                type: "radio";
+            };
+            options: string[];
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        fonts: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        label: {
+            control: "text";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        typography: {
+            control: "text";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        disabled: {
             control: "boolean";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
         };
         checked: {
             control: "boolean";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
         };
     };
     args: {

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

@@ -1,5 +1,7 @@
 import { StylesConfig } from 'react-select';
 export declare const styleSelectDropdownContainerLaba: StylesConfig;
 export declare const styleSelectDropdownContainerPayhere: StylesConfig;
+export declare const styleSelectDropdownContainerBill: StylesConfig;
 export declare const styleSelectDropdownContainerNoSearchLaba: StylesConfig;
 export declare const styleSelectDropdownContainerNoSearchPayhere: StylesConfig;
+export declare const styleSelectDropdownContainerNoSearchBill: StylesConfig;

package/dist/src/components/Textarea/TextareaInnerLabel.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { ITextareaInnerLabel } from '../../interfaces/components/Textarea';
+declare const TextareaInnerLabel: React.ForwardRefExoticComponent<ITextareaInnerLabel & React.RefAttributes<HTMLTextAreaElement>>;
+export default TextareaInnerLabel;

package/dist/src/components/Textarea/TextareaInnerLabel.stories.d.ts

@@ -0,0 +1,25 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<import('../../interfaces/components/Textarea').ITextareaInnerLabel & import('react').RefAttributes<HTMLTextAreaElement>>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        className: {
+            type: "string";
+        };
+        error: {
+            type: "string";
+        };
+    };
+    args: {
+        onChange: import('@vitest/spy').Mock<(...args: any[]) => any>;
+        value: string;
+    };
+    render: (args: import('../../interfaces/components/Textarea').ITextareaInnerLabel & import('react').RefAttributes<HTMLTextAreaElement>) => import("react/jsx-runtime").JSX.Element;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

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

@@ -0,0 +1,3 @@
+import { ITimeRange } from '../../interfaces/components/TimeRange';
+declare const TimeRange: (props: ITimeRange) => import("react/jsx-runtime").JSX.Element;
+export default TimeRange;

package/dist/src/components/TimeRange/TimeRange.stories.d.ts

@@ -0,0 +1,19 @@
+import { StoryObj } from '@storybook/react-vite';
+import { ITimeRange } from '../../interfaces/components/TimeRange';
+declare const meta: {
+    title: string;
+    component: (props: ITimeRange) => import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        className: {
+            type: "string";
+        };
+    };
+    render: (args: ITimeRange) => import("react/jsx-runtime").JSX.Element;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

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

@@ -1,5 +1,4 @@
 import { ICollapse } from './../interfaces/components/Collapse';
-import { IMasonryLayout } from './../hooks/useMasonry';
 import { IChips } from './../interfaces/components/Chips';
 import { IDatePicker } from './../interfaces/components/DatePicker';
 import { default as TPublish } from './TPublish/TPublish';
@@ -24,6 +23,7 @@ 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 { TKeyLocale } from '../interfaces/components/Calendar';
 import { IFilterDateButtonList, TKeyFilterDateButtonListType } from '../interfaces/components/DatePicker';
 import { default as Switch } from './Switch/Switch';
 import { default as ButtonIcon } from './ButtonIcon/ButtonIcon';
@@ -74,8 +74,12 @@ import { default as StepIndicator } from './Step/StepIndicator';
 import { default as TextEditor } from './TextEditor/TextEditor';
 import { ITextEditorProps } from '../interfaces/components/TextEditor';
 import { default as CollapseV2 } from './Collapse/CollapseV2';
+import { default as TimeRange } from './TimeRange/TimeRange';
+import { ITimeRangeListTime, ITimeRange, TTimeRangeValue } from '../interfaces/components/TimeRange';
+import { default as TextareaInnerLabel } from './Textarea/TextareaInnerLabel';
+import { default as InputInnerLabel } from './Input/InputInnerLabel';
 import * as utilTable from '@tanstack/react-table';
 import type * as SelectDropdownContainerType from 'react-select';
 import type * as FilterContainerType from '../interfaces/components/FilterContainer';
-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, Sidebar, Collapse, ModalDialog, SelectDropdownContainerComponents, Timeline, FilterContainer, NumberFormat, PatternFormat, DefaultCheckedChecboxIcon, DefaultRadioChecboxIcon, ConfigTable, PortalComponent, AlertContainer, UploadFile, TruncateComponent, UploadImage, Textarea, DoughnutChart, MonthYearPicker, CheckboxTable, InputNative, UploadMultipleFile, ErrorMessage, TextareaFloatingInner, Step, LineChart, Tooltip, ButtonPopover, GradientLineChart, GradientBarChart, StepIndicator, TextEditor, CollapseV2, TableSubComponent, };
-export type { ITableColumnDef, IRefPopover, IRefTableVirtualization, IRefListVirtualization, IRefSelectDropdownContainer, IChildrenSelectDropdownContainer, ISidebarModule, SelectDropdownContainerType, FilterContainerType, IInputReguler, IInputFloatingInner, ITableConfig, TButtonVariants, TButtonSize, ITabsList, TTypeEventTabs, ITextarea, IListVirtualization, ITableVirtualization, IRefSidebar, IChildrenIconCompany, ICloneElementSidebar, IDataDoughnutChart, IDataInnerLabelDoughnutChart, ISelectDropdownContainer, IDatePicker, IPopover, IInputNative, IUploadMultipleFileValue, IDataStepList, IDataLineChart, IChips, IRefButtonPopover, TGradientLineChartCustomTooltip, IGradientLineChart, IGradientLineChartDataSet, IGradientLineChartData, TGradientBarChartCustomTooltip, IGradientBarChart, IGradientBarChartDataSet, IGradientBarChartData, IFilterDateButtonList, TKeyFilterDateButtonListType, IMasonryLayout, IDataGradientBarChartCustomTooltip, IDataGradientLineChartCustomTooltip, ITextEditorProps, ICollapse, ITableColumnBreakpoint, TTableRenderSubComponent, TTableHandlerRowClick, };
+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, Sidebar, Collapse, ModalDialog, SelectDropdownContainerComponents, Timeline, FilterContainer, NumberFormat, PatternFormat, DefaultCheckedChecboxIcon, DefaultRadioChecboxIcon, ConfigTable, PortalComponent, AlertContainer, UploadFile, TruncateComponent, UploadImage, Textarea, DoughnutChart, MonthYearPicker, CheckboxTable, InputNative, UploadMultipleFile, ErrorMessage, TextareaFloatingInner, Step, LineChart, Tooltip, ButtonPopover, GradientLineChart, GradientBarChart, StepIndicator, TextEditor, CollapseV2, TableSubComponent, TimeRange, TextareaInnerLabel, InputInnerLabel, };
+export type { ITableColumnDef, IRefPopover, IRefTableVirtualization, IRefListVirtualization, IRefSelectDropdownContainer, IChildrenSelectDropdownContainer, ISidebarModule, SelectDropdownContainerType, FilterContainerType, IInputReguler, IInputFloatingInner, ITableConfig, TButtonVariants, TButtonSize, ITabsList, TTypeEventTabs, ITextarea, IListVirtualization, ITableVirtualization, IRefSidebar, IChildrenIconCompany, ICloneElementSidebar, IDataDoughnutChart, IDataInnerLabelDoughnutChart, ISelectDropdownContainer, IDatePicker, IPopover, IInputNative, IUploadMultipleFileValue, IDataStepList, IDataLineChart, IChips, IRefButtonPopover, TGradientLineChartCustomTooltip, IGradientLineChart, IGradientLineChartDataSet, IGradientLineChartData, TGradientBarChartCustomTooltip, IGradientBarChart, IGradientBarChartDataSet, IGradientBarChartData, IFilterDateButtonList, TKeyFilterDateButtonListType, IDataGradientBarChartCustomTooltip, IDataGradientLineChartCustomTooltip, ITextEditorProps, ICollapse, ITableColumnBreakpoint, TTableRenderSubComponent, TTableHandlerRowClick, TKeyLocale, ITimeRangeListTime, ITimeRange, TTimeRangeValue, };

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

@@ -0,0 +1,6 @@
+export type TFont = 'lato' | 'inter' | 'pJakartaSans';
+export declare const configFont: {
+    lato: string;
+    inter: string;
+    pJakartaSans: string;
+};

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

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

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

@@ -1,10 +1,12 @@
 import { default as useElementOrWindowMediaQuery } from './useElementOrWindowMediaQuery';
-import { default as useCountdown } from './useCountdown';
+import { default as useCountdown, IUseCountdownReturn, IUseCountdown } from './useCountdown';
 import { default as useAsyncDebounce } from './useAsyncDebounce';
 import { default as useCombinedResizeObserver } from './useCombinedResizeObserver';
 import { default as useStateRef } from './useStateRef';
 import { useMergeRefs } from './useMergeRefs';
 import { useDeepCompareEffect, useDeepCompareMemoize } from './useDeepCompareEffect';
 import { useEventListener } from './useEventListener';
-import { default as useMasonry } from './useMasonry';
-export { useElementOrWindowMediaQuery, useCountdown, useAsyncDebounce, useCombinedResizeObserver, useStateRef, useDeepCompareEffect, useDeepCompareMemoize, useMergeRefs, useEventListener, useMasonry, };
+import { default as useMasonry, IMasonryLayout } from './useMasonry';
+import { default as useOtpInput, IUseOtpInput, IUseOtpInputReturn } from './useOtpInput';
+export { useElementOrWindowMediaQuery, useCountdown, useAsyncDebounce, useCombinedResizeObserver, useStateRef, useDeepCompareEffect, useDeepCompareMemoize, useMergeRefs, useEventListener, useMasonry, useOtpInput, };
+export type { IUseOtpInput, IUseOtpInputReturn, IMasonryLayout, IUseCountdownReturn, IUseCountdown };

package/dist/src/hooks/useCountdown.d.ts

@@ -1,14 +1,17 @@
-declare const useCountdown: (options: {
+export interface IUseCountdown {
     date: string;
     intervalMs: number;
     running: boolean;
     adjustTimesTime?: number;
     callbackDone?: () => void;
-}) => {
+}
+export interface IUseCountdownReturn {
     count: number;
+    isRunning: boolean;
     startCountdown: () => void;
     stopCountdown: () => void;
     resetCountdown: (value?: Date | number) => void;
     setCallbackDone: (val: () => void) => void;
-};
+}
+declare const useCountdown: (options: IUseCountdown) => IUseCountdownReturn;
 export default useCountdown;

package/dist/src/hooks/useOtpInput.d.ts

@@ -0,0 +1,42 @@
+import { default as React } from 'react';
+export interface IUseOtpInput {
+    id?: string;
+    numInputs: number;
+    onComplete?: (otp: string) => void;
+    disableFocusOnEdit?: boolean;
+    blurOnComplete?: boolean;
+    disableOnComplete?: boolean;
+}
+export interface IInputProps {
+    id: string;
+    ref: (el: HTMLInputElement | null) => void;
+    value: string;
+    onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    onKeyDown: (e: React.KeyboardEvent<HTMLInputElement>) => void;
+    onPaste: (e: React.ClipboardEvent<HTMLInputElement>) => void;
+    onFocus: (e: React.FocusEvent<HTMLInputElement>) => void;
+    disabled: boolean;
+    type: 'text';
+    inputMode: 'numeric';
+    autoComplete: 'one-time-code';
+    'aria-label': string;
+}
+export interface IInputData {
+    id: string;
+    ref: (el: HTMLInputElement | null) => void;
+    value: string;
+    disabled: boolean;
+    type: 'text';
+    inputMode: 'numeric';
+    isOtpFilled: boolean;
+}
+export interface IUseOtpInputReturn {
+    getInputProps: (index: number) => IInputProps;
+    getInputData: (index: number) => IInputData;
+    clearOtp: () => void;
+    otpValues: string[];
+    otpString: string;
+    isOtpComplete: boolean;
+}
+export declare const useOtpInput: ({ id, numInputs, onComplete, disableFocusOnEdit, blurOnComplete, disableOnComplete, }: IUseOtpInput) => IUseOtpInputReturn;
+export default useOtpInput;

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

@@ -1,11 +1,12 @@
 import { ReactNode } from 'react';
 import { IBorderRadius } from '../../../config/components/borderRadius';
 import { Itypography } from '../../../config/components/typography';
+import { TFont } from '../../../config/components/font';
 export interface IBadges extends React.HTMLAttributes<HTMLSpanElement> {
     children: ReactNode | ReactNode[];
     className?: string | undefined;
     rounded?: IBorderRadius;
     variants?: 'filled-gray-600' | 'filled-green-600' | 'filled-green-50' | 'filled-blue-gray-50' | 'filled-red-500' | 'filled-blue-600' | 'filled-amber-800' | 'filled-pink-600' | 'filled-lime-700' | 'filled-lime-900-bg_lime-100' | 'filled-red-900' | 'filled-laba-green-10' | 'filled-cyan-800-bg_cyan-100' | 'ghost-gray-200' | 'ghost-green-100' | 'ghost-red-100' | 'ghost-blue-100' | 'ghost-amber-100' | 'ghost-laba-orange-01' | 'ghost-laba-green-01' | 'ghost-laba-green-02' | 'ghost-laba-blue-02' | 'ghost-laba-blue-01' | 'ghost-laba-grey-05' | 'ghost-laba-red-01' | 'outline-gray-600' | 'outline-green-600' | 'outline-red-500' | 'outline-blue-600' | 'outline-amber-800' | 'outline-laba-blue-01' | 'outline-laba-orange-06' | 'outline-laba-orange-06-bg_laba-orange-01' | 'outline-laba-red-06' | 'outline-laba-green-06';
-    fonts?: 'lato' | 'inter';
+    fonts?: TFont;
     typography?: Itypography;
 }

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

@@ -1,9 +1,10 @@
 import { ReactNode, ElementType, HTMLAttributes } from 'react';
 import { IGap } from '../../../config/components/gap';
+import { TFont } from '../../../config/components/font';
 export interface IBreadcrumbs<T extends ElementType> extends HTMLAttributes<HTMLDivElement> {
     as?: T;
-    fonts?: 'lato' | 'inter';
-    variants?: 'laba-blue-10' | 'blue-700';
+    fonts?: TFont;
+    variants?: 'laba-blue-10' | 'blue-700' | 'bill-secondary-800';
     urls: string[];
     textBreadcrumbs: string[];
     onClickBreadcrumbs?: (() => void | undefined)[];

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

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
-export type TButtonVariants = 'primary-laba-blue-10' | 'primary-red-700-dsb_laba-grey-06' | 'primary-green-700' | 'ghost-laba-blue-10' | 'ghost-red-700' | 'ghost-green-700' | 'ghost-blue-gray-100-bg_white' | 'ghost-laba-green-10' | 'ghost-blue-gray-100-bg_white-text_blue-gray-400' | 'ghost-laba-blue-05' | 'nude-laba-blue-10' | 'nude-red-700' | 'nude-green-700' | 'nude-gray-500' | 'nude-laba-red-10' | 'nude-laba-red-08' | 'nude-laba-red-05' | 'primary-blue-700' | 'primary-red-700' | 'secondary-blue-700' | 'secondary-red-600' | 'secondary-green-600' | 'tertiary-blue-700' | 'tertiary-red-300' | 'tertiary-red-600' | 'tertiary-gray-500' | 'ghost-laba-blue-01' | 'filled-laba-white_laba-blue-10' | 'filled-laba-white_laba-red-05' | 'secondary-red-700' | 'tertiary-black';
-export type TButtonSize = 'large' | 'reguler' | 'small' | 'extra-small' | 'l' | 'm' | 's' | 'xs';
+export type TButtonVariants = 'primary-laba-blue-10' | 'primary-red-700-dsb_laba-grey-06' | 'primary-green-700' | 'ghost-laba-blue-10' | 'ghost-red-700' | 'ghost-green-700' | 'ghost-blue-gray-100-bg_white' | 'ghost-laba-green-10' | 'ghost-blue-gray-100-bg_white-text_blue-gray-400' | 'ghost-laba-blue-05' | 'nude-laba-blue-10' | 'nude-red-700' | 'nude-green-700' | 'nude-gray-500' | 'nude-laba-red-10' | 'nude-laba-red-08' | 'nude-laba-red-05' | 'primary-blue-700' | 'primary-red-700' | 'secondary-blue-700' | 'secondary-red-600' | 'secondary-green-600' | 'tertiary-blue-700' | 'tertiary-red-300' | 'tertiary-red-600' | 'tertiary-gray-500' | 'ghost-laba-blue-01' | 'filled-laba-white_laba-blue-10' | 'filled-laba-white_laba-red-05' | 'secondary-red-700' | 'tertiary-black' | 'primary-bill-primary-600' | 'secondary-bill-secondary-800' | 'tertiary-bill-secondary-800' | 'primary-bill-red-700';
+export type TButtonSize = 'large' | 'reguler' | 'small' | 'extra-small' | 'l' | 'm' | 's' | 'xs' | 'bill-l' | 'bill-m' | 'bill-s' | 'bill-xs';
 export interface IButton extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     size?: TButtonSize;
     variants?: TButtonVariants;

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

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

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

@@ -35,3 +35,16 @@ export interface IInputNative extends InputHTMLAttributes<HTMLInputElement> {
     sizeInput?: 's' | 'xs' | 'l';
     classNameLabelError?: string | undefined;
 }
+export interface IInputInnerLabel extends InputHTMLAttributes<HTMLInputElement> {
+    classNameContainer?: string | undefined;
+    id?: string | undefined;
+    label?: string;
+    type?: string;
+    startIcon?: ReactNode | ReactNode[] | (() => ReactNode) | (() => ReactNode[]);
+    endIcon?: ReactNode | ReactNode[] | (() => ReactNode) | (() => ReactNode[]);
+    isRequired?: boolean;
+    error?: string | undefined;
+    sizeInput?: 'large' | 'small';
+    classNameLabel?: string | undefined;
+    classNameLabelError?: string | undefined;
+}

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

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { FlipOptions, AutoPlacementOptions, UseFloatingOptions, OffsetOptions, FloatingArrowProps } from '@floating-ui/react';
+import { FlipOptions, AutoPlacementOptions, UseFloatingOptions, OffsetOptions, FloatingArrowProps, FloatingFocusManagerProps, UseDismissProps } from '@floating-ui/react';
 export interface IPopover extends React.HTMLAttributes<HTMLDivElement> {
     children: ReactNode | ReactNode[];
     className?: string | undefined;
@@ -16,6 +16,8 @@ export interface IPopover extends React.HTMLAttributes<HTMLDivElement> {
     withArrow?: boolean;
     propsArrow?: Partial<FloatingArrowProps>;
     onClose?: () => void;
+    floatingFocusManagerProps?: Omit<FloatingFocusManagerProps, 'context' | 'children'>;
+    useDismissProps?: UseDismissProps;
 }
 export interface IRefPopover {
     show: boolean;

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

@@ -1,18 +1,19 @@
 import { InputHTMLAttributes, ReactNode } from 'react';
 import { IBorderRadius } from '../../../config/components/borderRadius';
 import { Itypography } from '../../../config/components/typography';
+import { TFont } from '../../../config/components/font';
 export interface IRadioCheckbox extends InputHTMLAttributes<HTMLInputElement> {
     classNameContainer?: string | undefined;
     classNameLabel?: string | undefined;
     classNameCheckedIcon?: string | undefined;
     classNameContainerCheckedIcon?: string | undefined;
     sizeInput?: 'reguler' | 'small' | 's' | 'm';
-    variants?: 'laba-blue-10' | 'blue-700' | 'blue-700-hv_bg_transparent' | 'laba-blue-10-hv_bg_transparent';
+    variants?: 'laba-blue-10' | 'blue-700' | 'blue-700-hv_bg_transparent' | 'laba-blue-10-hv_bg_transparent' | 'bill-primary-500' | 'bill-primary-600-hv_bg_transparent' | 'bill-secondary-800-hv_bg_transparent';
     variantDisableds?: 'default-disabled-checkbox' | 'default-disabled-radio';
     borderRadius?: IBorderRadius;
     checkedIcon?: ReactNode | ReactNode[];
     type?: 'checkbox' | 'radio';
-    fonts?: 'lato' | 'inter';
+    fonts?: TFont;
     label?: string;
     typography?: Itypography;
 }

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

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

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

@@ -31,7 +31,7 @@ export interface ISelectDropdownContainer<T> extends Omit<SelectProps<T, boolean
     offsetPopover?: OffsetOptions;
     errorLabel?: 'payhere' | 'laba';
     actionValueChange?: (value: MultiValue<T> | SingleValue<T> | T | T[] | object) => void;
-    controlType?: 'laba' | 'payhere';
+    controlType?: 'laba' | 'payhere' | 'bill';
 }
 export interface IChildrenSelectDropdownContainer<T> {
     selectValue: T | T[] | object;

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

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-export type TVariantSidebarType = 'payhere-brand-base-white' | 'payhere-brand-base-transparent' | 'laba-white' | 'lpd-brand-base-transparent' | 'lpd-brand-base-transparent-responsive' | 'lpd-brand-base-white' | 'lpd-brand-base-white-responsive';
+export type TVariantSidebarType = 'payhere-brand-base-white' | 'payhere-brand-base-transparent' | 'laba-white' | 'lpd-brand-base-transparent' | 'lpd-brand-base-transparent-responsive' | 'lpd-brand-base-white' | 'lpd-brand-base-white-responsive' | 'bill-brand-base-white' | 'bill-brand-base-white-responsive';
 export interface ISidebarModule {
     name: string;
     label: string;

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

@@ -9,7 +9,7 @@ export interface ISwitch {
     className?: string | undefined;
     classNameTitle?: string | undefined;
     classNameDesc?: string | undefined;
-    kind?: 'payhere' | 'laba';
+    kind?: 'payhere' | 'laba' | 'bill';
     onChange: (v: boolean) => void;
 }
 export {};