@ctlyst.id/internal-ui 2.1.11-canary.0 → 2.1.11-canary.1

package/dist/components/accordion/__stories__/accordion.stories.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+declare const _default: {
+    title: string;
+    decorators: ((Story: React.ElementType) => JSX.Element)[];
+};
+export default _default;
+export declare const Default: () => JSX.Element;
+export declare const AccordionWithEyeIcon: () => JSX.Element;
+export declare const AccordionWithActiveIndicator: () => JSX.Element;

package/dist/components/accordion/components/accordion-indicator.d.ts

@@ -0,0 +1 @@
+export declare const AccordionIndicator: () => JSX.Element | null;

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

@@ -0,0 +1,2 @@
+export * from './accordion-indicator';
+export { Accordion, AccordionButton, AccordionButtonProps, AccordionIcon, AccordionIconProps, AccordionItem, AccordionItemProps, AccordionPanel, AccordionPanelProps, AccordionProps, AccordionProvider, useAccordion, useAccordionContext, useAccordionItem, UseAccordionItemProps, UseAccordionItemReturn, useAccordionItemState, UseAccordionProps, UseAccordionReturn, useAccordionStyles, } from '@chakra-ui/react';

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

@@ -0,0 +1 @@
+export * from './components';

package/dist/components/alert/__stories__/alert.stories.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+declare const _default: {
+    title: string;
+    decorators: ((Story: React.ElementType) => JSX.Element)[];
+};
+export default _default;
+export declare const Default: () => JSX.Element;
+export declare const AlertWithClose: () => JSX.Element;
+export declare const AlertWithCTA: () => JSX.Element;
+export declare const AlertWithCloseAndCTA: () => JSX.Element;
+export declare const Variant: () => JSX.Element;

package/dist/components/alert/components/alert-action.d.ts

@@ -0,0 +1,6 @@
+import type { HTMLChakraProps } from '@chakra-ui/system';
+export declare type AlertActionProps = HTMLChakraProps<'button'>;
+export declare function AlertAction({ children, className }: AlertActionProps): JSX.Element;
+export declare namespace AlertAction {
+    var displayName: string;
+}

package/dist/components/alert/components/alert-close.d.ts

@@ -0,0 +1,6 @@
+import type { HTMLChakraProps } from '@chakra-ui/system';
+export declare type AlertCloseProps = HTMLChakraProps<'span'>;
+export declare function AlertClose({ className, children, ...rest }: AlertCloseProps): JSX.Element;
+export declare namespace AlertClose {
+    var displayName: string;
+}

package/dist/components/alert/components/alert-context.d.ts

@@ -0,0 +1,33 @@
+/// <reference types="react" />
+import { CheckIcon, InfoIcon, WarningIcon } from './icons';
+export declare const AlertProvider: import("react").Provider<AlertContext>, useAlertContext: () => AlertContext;
+export declare const AlertStylesProvider: import("react").Provider<Record<string, import("@chakra-ui/styled-system").RecursiveCSSObject<import("@chakra-ui/styled-system").CSSWithMultiValues>>>, useAlertStyles: () => Record<string, import("@chakra-ui/styled-system").RecursiveCSSObject<import("@chakra-ui/styled-system").CSSWithMultiValues>>;
+declare const STATUSES: {
+    info: {
+        icon: typeof InfoIcon;
+        colorScheme: string;
+    };
+    warning: {
+        icon: typeof InfoIcon;
+        colorScheme: string;
+    };
+    success: {
+        icon: typeof CheckIcon;
+        colorScheme: string;
+    };
+    error: {
+        icon: typeof WarningIcon;
+        colorScheme: string;
+    };
+    neutral: {
+        icon: typeof InfoIcon;
+        colorScheme: string;
+    };
+};
+export declare function getStatusColorScheme(status: AlertStatus): string;
+export declare function getStatusIcon(status: AlertStatus): typeof InfoIcon | typeof CheckIcon | typeof WarningIcon;
+export declare type AlertStatus = keyof typeof STATUSES;
+export interface AlertContext {
+    status: AlertStatus;
+}
+export {};

package/dist/components/alert/components/alert-description.d.ts

@@ -0,0 +1,3 @@
+import type { HTMLChakraProps } from '@chakra-ui/system';
+export declare type AlertDescriptionProps = HTMLChakraProps<'div'>;
+export declare const AlertDescription: import("@chakra-ui/system/dist/system.types").ComponentWithAs<"div", HTMLChakraProps<"div">>;

package/dist/components/alert/components/alert-icon.d.ts

@@ -0,0 +1,6 @@
+import type { HTMLChakraProps } from '@chakra-ui/system';
+export declare type AlertIconProps = HTMLChakraProps<'span'>;
+export declare function AlertIcon({ className, children, ...rest }: AlertIconProps): JSX.Element;
+export declare namespace AlertIcon {
+    var displayName: string;
+}

package/dist/components/alert/components/alert-title.d.ts

@@ -0,0 +1,3 @@
+import type { HTMLChakraProps } from '@chakra-ui/system';
+export declare type AlertTitleProps = HTMLChakraProps<'div'>;
+export declare const AlertTitle: import("@chakra-ui/system/dist/system.types").ComponentWithAs<"div", HTMLChakraProps<"div">>;

package/dist/components/alert/components/alert.d.ts

@@ -0,0 +1,25 @@
+import type { HTMLChakraProps, ThemingProps } from '@chakra-ui/system';
+import type { AlertStatus } from './alert-context';
+interface AlertOptions {
+    /**
+     * The status of the alert
+     * @default "info"
+     */
+    status?: AlertStatus;
+}
+export declare type AlertVariant = 'solid' | 'light';
+export interface AlertProps extends HTMLChakraProps<'div'>, AlertOptions, ThemingProps<'Alert'> {
+    /**
+     * @default false
+     */
+    addRole?: boolean;
+}
+/**
+ * Alert is used to communicate the state or status of a
+ * page, feature or action
+ *
+ * @see Docs https://chakra-ui.com/docs/components/alert
+ * @see WAI-ARIA https://www.w3.org/WAI/ARIA/apg/patterns/alert/
+ */
+export declare const Alert: import("@chakra-ui/system/dist/system.types").ComponentWithAs<"div", AlertProps>;
+export {};

package/dist/components/alert/components/icons.d.ts

@@ -0,0 +1,3 @@
+export declare function CheckIcon(): JSX.Element;
+export declare function InfoIcon(): JSX.Element;
+export declare function WarningIcon(): JSX.Element;

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

@@ -0,0 +1,14 @@
+export type { AlertProps } from './alert';
+export { Alert } from './alert';
+export type { AlertActionProps } from './alert-action';
+export { AlertAction } from './alert-action';
+export type { AlertCloseProps } from './alert-close';
+export { AlertClose } from './alert-close';
+export type { AlertStatus } from './alert-context';
+export { useAlertStyles } from './alert-context';
+export type { AlertDescriptionProps } from './alert-description';
+export { AlertDescription } from './alert-description';
+export type { AlertIconProps } from './alert-icon';
+export { AlertIcon } from './alert-icon';
+export type { AlertTitleProps } from './alert-title';
+export { AlertTitle } from './alert-title';

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

@@ -0,0 +1 @@
+export * from './components';

package/dist/components/anchor/__stories__/anchor.stories.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+declare const _default: {
+    title: string;
+    decorators: ((Story: React.ElementType) => JSX.Element)[];
+};
+export default _default;
+export declare const Default: () => JSX.Element;
+export declare const AnchorWithPill: () => JSX.Element;
+export declare const AnchorChildl: () => JSX.Element;

package/dist/components/anchor/components/anchor.d.ts

@@ -0,0 +1,20 @@
+import type { LinkProps } from '@chakra-ui/layout';
+import type { PropsWithChildren } from 'react';
+import * as React from 'react';
+export interface AnchorProps extends LinkProps, PropsWithChildren {
+    leftIcon?: React.ReactNode;
+    rightIcon?: React.ReactNode;
+    isActive?: boolean;
+    isChild?: boolean;
+}
+export declare const Anchor: {
+    ({ children, leftIcon, rightIcon, isActive, isChild, ...props }: AnchorProps): JSX.Element;
+    displayName: string;
+    defaultProps: {
+        leftIcon: undefined;
+        rightIcon: undefined;
+        isActive: boolean;
+        isChild: boolean;
+    };
+};
+export default Anchor;

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

@@ -0,0 +1 @@
+export { Anchor, AnchorProps } from './anchor';

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

@@ -0,0 +1 @@
+export * from './components';

package/dist/components/badge/__stories__/badge.stories.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+declare const _default: {
+    title: string;
+    decorators: ((Story: React.ElementType) => JSX.Element)[];
+};
+export default _default;
+export declare const Default: () => JSX.Element;
+export declare const BadgeDefault: {
+    (): JSX.Element;
+    storyName: string;
+};
+export declare const PillsDefault: {
+    (): JSX.Element;
+    storyName: string;
+};

package/dist/components/badge/components/badge.d.ts

@@ -0,0 +1,11 @@
+import type { BadgeProps as BadgeChakraProps } from '@chakra-ui/react';
+export interface BadgeProps extends BadgeChakraProps {
+    pill?: boolean;
+}
+declare const Badge: {
+    (props: BadgeProps): JSX.Element;
+    defaultProps: {
+        pill: boolean;
+    };
+};
+export default Badge;

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

@@ -0,0 +1 @@
+export { default as Badge, BadgeProps } from './badge';

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

@@ -0,0 +1 @@
+export * from './components';

package/dist/components/breadcrumb/__stories__/breadcrumb.stories.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+declare const _default: {
+    title: string;
+    decorators: ((Story: React.ElementType) => JSX.Element)[];
+};
+export default _default;
+export declare const Default: () => JSX.Element;
+export declare const PanelBar: () => JSX.Element;

package/dist/components/breadcrumb/components/bread-crumb.d.ts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+export interface BreadCrumbParentProps {
+    name: string;
+    onClick?: () => void;
+    disable?: boolean;
+    link: string;
+}
+export interface BreadCrumbProps {
+    title: string;
+    children?: React.ReactNode;
+    parents?: BreadCrumbParentProps[];
+    className?: string;
+    disableHome?: boolean;
+    spacing?: number;
+    backButton?: () => void;
+}
+declare const BreadCrumb: React.FC<BreadCrumbProps>;
+export default BreadCrumb;

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

@@ -0,0 +1,2 @@
+export { default as BreadCrumb } from './components/bread-crumb';
+export * from './components/bread-crumb';

package/dist/components/button/__stories__/button.stories.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+declare const _default: {
+    title: string;
+    decorators: ((Story: React.ElementType) => JSX.Element)[];
+};
+export default _default;
+export declare const Default: () => JSX.Element;
+export declare const Size: () => JSX.Element;
+export declare const Variant: () => JSX.Element;
+export declare const TextLink: () => JSX.Element;
+export declare const IconButton: () => JSX.Element;
+export declare const ButtonGroupDefault: () => JSX.Element;

package/dist/components/button/components/button.d.ts

@@ -0,0 +1,4 @@
+import type { ButtonProps as ButtonChakraProps } from '@chakra-ui/react';
+export declare type ButtonProps = ButtonChakraProps;
+declare const Button: import("@chakra-ui/system/dist/system.types").ComponentWithAs<"button", ButtonChakraProps>;
+export default Button;

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

@@ -0,0 +1,3 @@
+export { default as Button } from './components/button';
+export * from './components/button';
+export { ButtonGroup, ButtonGroupProps, CloseButton, CloseButtonProps, IconButton, IconButtonProps, } from '@chakra-ui/react';

package/dist/components/card/__stories__/card.stories.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+declare const _default: {
+    title: string;
+    decorators: ((Story: React.ElementType) => JSX.Element)[];
+};
+export default _default;
+export declare const Default: () => JSX.Element;
+export declare const Variant: () => JSX.Element;

package/dist/components/card/components/card.d.ts

@@ -0,0 +1,8 @@
+import type { BoxProps } from '@chakra-ui/react';
+import React from 'react';
+export interface CardProps extends BoxProps {
+    withShadow?: boolean;
+    isRounded?: boolean;
+}
+declare const CardCustom: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;
+export default CardCustom;

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

@@ -0,0 +1,2 @@
+export { default as Card } from './components/card';
+export * from './components/card';

package/dist/components/checkbox/__stories__/checkbox.stories.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+declare const _default: {
+    title: string;
+    decorators: ((Story: React.ElementType) => JSX.Element)[];
+};
+export default _default;
+export declare const Default: () => JSX.Element;
+export declare const WithLabel: () => JSX.Element;
+export declare const WithHelpText: () => JSX.Element;
+export declare const DefaultGroup: () => JSX.Element;
+export declare const GroupRequiredLabel: () => JSX.Element;
+export declare const GroupWithHelpText: () => JSX.Element;
+export declare const GroupWithError: () => JSX.Element;

package/dist/components/checkbox/components/checkbox-group.d.ts

@@ -0,0 +1,18 @@
+import type { CheckboxGroupProps } from '@chakra-ui/react';
+import type { PropsWithChildren } from 'react';
+import type { FieldProps } from '../../field';
+export interface CheckboxGroupComponentProps extends FieldProps, CheckboxGroupProps, PropsWithChildren {
+    label: string;
+    helpText?: string;
+    isError?: boolean;
+    errorMessage?: string;
+}
+declare function CheckboxGroupComponent(props: CheckboxGroupComponentProps): JSX.Element;
+declare namespace CheckboxGroupComponent {
+    var defaultProps: {
+        helpText: string;
+        isError: boolean;
+        errorMessage: string;
+    };
+}
+export default CheckboxGroupComponent;

package/dist/components/checkbox/components/checkbox.d.ts

@@ -0,0 +1,10 @@
+import type { BoxProps, CheckboxProps } from '@chakra-ui/react';
+import type { PropsWithChildren } from 'react';
+export interface CheckboxComponentProps extends CheckboxProps, PropsWithChildren {
+    isError?: boolean;
+    helpText?: string;
+    errorText?: string;
+    boxProps?: BoxProps;
+}
+declare const CheckboxComponent: import("@chakra-ui/system/dist/system.types").ComponentWithAs<"input", CheckboxComponentProps>;
+export default CheckboxComponent;

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

@@ -0,0 +1,5 @@
+export { default as Checkbox } from './components/checkbox';
+export * from './components/checkbox';
+export { default as CheckboxGroup } from './components/checkbox-group';
+export * from './components/checkbox-group';
+export { CheckboxGroupContext, CheckboxGroupProps, CheckboxIcon, CheckboxIconProps, CheckboxState, useCheckbox, useCheckboxGroup, UseCheckboxGroupProps, UseCheckboxGroupReturn, UseCheckboxProps, UseCheckboxReturn, } from '@chakra-ui/checkbox';

package/dist/components/chips/__stories__/chips.stories.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+declare const _default: {
+    title: string;
+    decorators: ((Story: React.ElementType) => JSX.Element)[];
+};
+export default _default;
+export declare const Default: () => JSX.Element;
+export declare const Variant: () => JSX.Element;
+export declare const WithClose: () => JSX.Element;

package/dist/components/chips/components/chips.d.ts

@@ -0,0 +1,19 @@
+import type { ReactNode } from 'react';
+export interface ChipsProps {
+    isDisabled?: boolean;
+    isActive?: boolean;
+    onClose?: () => void;
+    children?: ReactNode;
+    size?: 'sm' | 'md';
+}
+declare const Chips: {
+    ({ children, ...rest }: ChipsProps): JSX.Element;
+    defaultProps: {
+        isDisabled: boolean;
+        isActive: boolean;
+        onClose: undefined;
+        children: undefined;
+        size: string;
+    };
+};
+export default Chips;

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

@@ -0,0 +1,2 @@
+export { default as Chips } from './components/chips';
+export * from './components/chips';

package/dist/components/collapse/__stories__/collapse.stories.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+declare const _default: {
+    title: string;
+    decorators: ((Story: React.ElementType) => JSX.Element)[];
+};
+export default _default;
+export declare const Default: () => JSX.Element;

package/dist/components/counter/__stories__/counter.stories.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+declare const _default: {
+    title: string;
+    decorators: ((Story: React.ElementType) => JSX.Element)[];
+};
+export default _default;
+export declare const Counter: () => JSX.Element;
+export declare const CounterHelperText: () => JSX.Element;
+export declare const CounterError: () => JSX.Element;
+export declare const CounterDisable: () => JSX.Element;

package/dist/components/counter/components/counter.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+export interface CounterProps {
+    value: number;
+    size?: string;
+    min?: number;
+    max?: number;
+    onChange: (val: number) => void;
+    isError?: boolean;
+    disabled?: boolean;
+    error?: string | React.ReactNode;
+    helperText?: string | React.ReactNode;
+    isReadOnly?: boolean;
+}
+declare const Counter: ({ value, size, min, max, onChange, isError, disabled, error, helperText, isReadOnly, }: CounterProps) => JSX.Element;
+export default Counter;

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

@@ -0,0 +1 @@
+export { default as Counter } from './components/counter';

package/dist/components/data-table/__stories__/datatable.stories.d.ts

@@ -0,0 +1,22 @@
+import * as React from 'react';
+declare const _default: {
+    title: string;
+    component: <T extends unknown>(props: import("../components/data-table").DataTableProps<T> & {
+        ref?: ((instance: Pick<import("@tanstack/react-table").RowSelectionInstance<T>, "toggleAllRowsSelected"> | null) => void) | React.RefObject<Pick<import("@tanstack/react-table").RowSelectionInstance<T>, "toggleAllRowsSelected">> | null | undefined;
+    }) => JSX.Element;
+    argTypes: {
+        selectedRow: {
+            options: boolean[];
+            control: {
+                type: string;
+            };
+        };
+    };
+    decorators: ((Story: React.ElementType) => JSX.Element)[];
+};
+export default _default;
+export declare const DataTableDefault: () => JSX.Element;
+export declare const DataTablePin: () => JSX.Element;
+export declare const DataTableManualSorting: () => JSX.Element;
+export declare const DataTableSelectedRow: () => JSX.Element;
+export declare const DataTableWithStyles: () => JSX.Element;

package/dist/components/data-table/components/data-table.d.ts

@@ -0,0 +1,36 @@
+import type { BoxProps, TableBodyProps, TableCellProps, TableColumnHeaderProps, TableHeadProps, TableProps, TableRowProps } from '@chakra-ui/react';
+import type { ColumnDef, ColumnPinningState, RowSelectionInstance, SortingState } from '@tanstack/react-table';
+import * as React from 'react';
+export interface TableStyleProps {
+    table?: TableProps;
+    tableHead?: TableHeadProps;
+    tableRow?: TableRowProps;
+    tableBody?: TableBodyProps;
+    tableColumnHeader?: TableColumnHeaderProps;
+    tableCell?: TableCellProps;
+}
+export interface DataTableProps<T = unknown> extends BoxProps {
+    styles?: TableStyleProps;
+    columns: ColumnDef<T>[];
+    dataSource: T[] | undefined;
+    isLoading?: boolean;
+    withSelectedRow?: boolean | undefined;
+    onSelectedRow?: (data: T[]) => void;
+    onSort?: (data: SortingState) => void;
+    manualSorting?: boolean;
+    sortingState?: SortingState;
+    sortDescFirst?: boolean;
+    headerSticky?: boolean;
+    columnPinning?: ColumnPinningState;
+    onRowClick?: (data: T) => void;
+}
+export declare type DataTableRefs<T> = Pick<RowSelectionInstance<T>, 'toggleAllRowsSelected'>;
+export declare const useDataTable: <T>({ columns, dataSource, withSelectedRow, onSelectedRow, onSort, sortDescFirst, sortingState, manualSorting, columnPinning, }: DataTableProps<T>) => {
+    table: import("@tanstack/react-table").Table<T>;
+    toggleAllRowsSelected: (value?: boolean | undefined) => void;
+    generateColumn: () => ColumnDef<T, unknown>[];
+};
+declare const _default: <T extends unknown>(props: DataTableProps<T> & {
+    ref?: ((instance: Pick<RowSelectionInstance<T>, "toggleAllRowsSelected"> | null) => void) | React.RefObject<Pick<RowSelectionInstance<T>, "toggleAllRowsSelected">> | null | undefined;
+}) => JSX.Element;
+export default _default;

package/dist/components/data-table/index.d.ts

@@ -0,0 +1,2 @@
+export { default as DataTable } from './components/data-table';
+export * from './components/data-table';

package/dist/components/datepicker/__stories__/datepicker.stories.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+declare const _default: {
+    title: string;
+    decorators: ((Story: React.ElementType) => JSX.Element)[];
+};
+export default _default;
+export declare const DatePickerDefault: () => JSX.Element;
+export declare const DatePickerMonthExample: () => JSX.Element;
+export declare const DatePickerWithYearMonthDropdown: () => JSX.Element;
+export declare const DatePickerWithTime: () => JSX.Element;
+export declare const DatePickerWithDateRange: () => JSX.Element;
+export declare const DatePickerWithNumberOfMonthRange: () => JSX.Element;
+export declare const DefaulMultiDatePickerMonth: () => JSX.Element;

package/dist/components/datepicker/components/datepicker-month/datepicker-month.d.ts

@@ -0,0 +1,9 @@
+import type { FC } from 'react';
+export interface DatePickerMonthProps {
+    onChange: (date: string) => void;
+    'data-test-id'?: string;
+    min: string;
+    max: string;
+}
+declare const DatePickerMonth: FC<DatePickerMonthProps>;
+export default DatePickerMonth;

package/dist/components/datepicker/components/datepicker-month/index.d.ts

@@ -0,0 +1,4 @@
+export * from './datepicker-month';
+export { default as DatePickerMonth } from './datepicker-month';
+export * from './multi-datepicker-month';
+export { default as MultiDatePickerMonth } from './multi-datepicker-month';

package/dist/components/datepicker/components/datepicker-month/multi-datepicker-month.d.ts

@@ -0,0 +1,9 @@
+import type { FC } from 'react';
+export interface MultiDatePickerMonthProps {
+    onChange: (startDate: string | null, endDate: string | null) => void;
+    min?: string;
+    max?: string;
+    isError?: boolean;
+}
+declare const MultiDatePickerMonth: FC<MultiDatePickerMonthProps>;
+export default MultiDatePickerMonth;

package/dist/components/datepicker/components/datepicker.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import type { ReactDatePickerProps } from 'react-datepicker';
+export interface DatepickerProps extends Omit<ReactDatePickerProps, 'selectsRange'> {
+    id?: string;
+    isRequired?: boolean;
+    label?: string;
+    error?: string | React.ReactNode;
+    isError?: boolean;
+    helperText?: string | React.ReactNode;
+    withTime?: boolean;
+    onClear?: () => void;
+    selectsRange?: boolean;
+    showMonth?: boolean;
+    shortMonth?: boolean;
+}
+declare const Datepicker: React.FC<DatepickerProps>;
+export default Datepicker;

package/dist/components/datepicker/components/styles.d.ts

@@ -0,0 +1,2 @@
+declare const Styles: () => JSX.Element;
+export default Styles;

package/dist/components/datepicker/components/time-input.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface TimeInputProps {
+    value?: string;
+    onChange?: (time: string) => void;
+    label?: string;
+    rightAddon?: React.ReactNode | string;
+}
+declare const TimeInput: React.FC<TimeInputProps>;
+export default TimeInput;

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

@@ -0,0 +1,3 @@
+export { default as Datepicker } from './components/datepicker';
+export * from './components/datepicker';
+export * from './components/datepicker-month';

package/dist/components/dialog/__stories__/dialog.stories.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+declare const _default: {
+    title: string;
+    decorators: ((Story: React.ElementType) => JSX.Element)[];
+};
+export default _default;
+export declare const Default: () => JSX.Element;

package/dist/components/dialog/components/dialog.d.ts

@@ -0,0 +1,12 @@
+import type { ModalProps as ChakraModalProps } from '@chakra-ui/react';
+import React from 'react';
+interface DialogProps extends Omit<ChakraModalProps, 'children'> {
+    title: string;
+    content: React.ReactNode;
+    footer: React.ReactNode;
+    isModalOverlay?: boolean;
+    width?: string;
+    isOverlayClickable?: boolean;
+}
+declare const Dialog: React.FC<DialogProps>;
+export default Dialog;

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

@@ -0,0 +1 @@
+export { default as Dialog } from './components/dialog';

package/dist/components/empty-state/__stories__/dialog.stories.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+declare const _default: {
+    title: string;
+    decorators: ((Story: React.ElementType) => JSX.Element)[];
+};
+export default _default;
+export declare const Default: () => JSX.Element;

package/dist/components/field/__stories__/field.stories.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+declare const _default: {
+    title: string;
+    decorators: ((Story: React.ElementType) => JSX.Element)[];
+};
+export default _default;
+export declare const Field: () => JSX.Element;