@loadsmart/loadsmart-ui 8.0.0 → 8.0.2

package/dist/DragDropFile.context-oKnUu6d3.js.map

@@ -1 +1 @@
-{"version":3,"file":"DragDropFile.context-oKnUu6d3.js","sources":["../src/components/DragDropFile/DragDropFile.context.tsx"],"sourcesContent":["import React, { createContext, useContext, useCallback, useMemo } from 'react'\n\nimport type { DragDropFileContextValue, DragDropFileProviderProps, FileWithStatus } from './types'\n\nexport const DragDropFileContext = createContext<DragDropFileContextValue | undefined>(undefined)\n\nexport const DragDropFileProvider = ({\n  fileList,\n  onFilesAdded,\n  onFileRemoved,\n  onRetryUpload,\n  children,\n}: DragDropFileProviderProps): JSX.Element => {\n  const onRemoveFile = useCallback(\n    (removedItem: FileWithStatus, index: number) => {\n      onFileRemoved([...fileList.slice(0, index), ...fileList.slice(index + 1)], removedItem, index)\n    },\n    [fileList]\n  )\n\n  const contextValue = useMemo(\n    () => ({ fileList, onFilesAdded, onRemoveFile, onRetryUpload }),\n    [fileList, onFilesAdded, onRemoveFile, onRetryUpload]\n  )\n\n  return (\n    <DragDropFileContext.Provider value={contextValue}>{children}</DragDropFileContext.Provider>\n  )\n}\n\nexport const useDragDropFileContext = (): DragDropFileContextValue => {\n  const context = useContext(DragDropFileContext)\n\n  if (!context) {\n    throw new Error('useDragDropFileContext must be used within an DragDropFileProvider')\n  }\n\n  return context\n}\n"],"names":["DragDropFileContext","createContext","undefined","DragDropFileProvider","fileList","onFilesAdded","onFileRemoved","onRetryUpload","children","onRemoveFile","useCallback","removedItem","index","slice","contextValue","useMemo","useDragDropFileContext","context","useContext","Error"],"mappings":";AAIaA,MAAAA,sBAAsBC,cAAoDC,MAAS;AAEzF,MAAMC,uBAAuBA,CAAC;AAAA,EACnCC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AACyB,MAAmB;AAC5C,QAAMC,eAAeC,YACnB,CAACC,aAA6BC,UAAkB;AAC9CN,kBAAc,CAAC,GAAGF,SAASS,MAAM,GAAGD,KAAK,GAAG,GAAGR,SAASS,MAAMD,QAAQ,CAAC,CAAC,GAAGD,aAAaC,KAAK;AAAA,EAAA,GAE/F,CAACR,QAAQ,CACX;AAEMU,QAAAA,eAAeC,QACnB,OAAO;AAAA,IAAEX;AAAAA,IAAUC;AAAAA,IAAcI;AAAAA,IAAcF;AAAAA,MAC/C,CAACH,UAAUC,cAAcI,cAAcF,aAAa,CACtD;AAEA,sDACG,oBAAoB,UAApB,EAA6B,OAAOO,gBAAeN,QAAS;AAEjE;AAEO,MAAMQ,yBAAyBA,MAAgC;AAC9DC,QAAAA,UAAUC,WAAWlB,mBAAmB;AAE9C,MAAI,CAACiB,SAAS;AACN,UAAA,IAAIE,MAAM,oEAAoE;AAAA,EAAA;AAG/EF,SAAAA;AACT;"}
+{"version":3,"file":"DragDropFile.context-oKnUu6d3.js","sources":["../src/components/DragDropFile/DragDropFile.context.tsx"],"sourcesContent":["import React, { createContext, useContext, useCallback, useMemo } from 'react'\n\nimport type { DragDropFileContextValue, DragDropFileProviderProps, FileWithStatus } from './types'\n\nexport const DragDropFileContext = createContext<DragDropFileContextValue | undefined>(undefined)\n\nexport const DragDropFileProvider = ({\n  fileList,\n  onFilesAdded,\n  onFileRemoved,\n  onRetryUpload,\n  children,\n}: DragDropFileProviderProps) => {\n  const onRemoveFile = useCallback(\n    (removedItem: FileWithStatus, index: number) => {\n      onFileRemoved([...fileList.slice(0, index), ...fileList.slice(index + 1)], removedItem, index)\n    },\n    [fileList]\n  )\n\n  const contextValue = useMemo(\n    () => ({ fileList, onFilesAdded, onRemoveFile, onRetryUpload }),\n    [fileList, onFilesAdded, onRemoveFile, onRetryUpload]\n  )\n\n  return (\n    <DragDropFileContext.Provider value={contextValue}>{children}</DragDropFileContext.Provider>\n  )\n}\n\nexport const useDragDropFileContext = (): DragDropFileContextValue => {\n  const context = useContext(DragDropFileContext)\n\n  if (!context) {\n    throw new Error('useDragDropFileContext must be used within an DragDropFileProvider')\n  }\n\n  return context\n}\n"],"names":["DragDropFileContext","createContext","undefined","DragDropFileProvider","fileList","onFilesAdded","onFileRemoved","onRetryUpload","children","onRemoveFile","useCallback","removedItem","index","slice","contextValue","useMemo","useDragDropFileContext","context","useContext","Error"],"mappings":";AAIO,MAAMA,sBAAsBC,cAAoDC,MAAS;AAEzF,MAAMC,uBAAuBA,CAAC;AAAA,EACnCC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AACyB,MAAM;AAC/B,QAAMC,eAAeC,YACnB,CAACC,aAA6BC,UAAkB;AAC9CN,kBAAc,CAAC,GAAGF,SAASS,MAAM,GAAGD,KAAK,GAAG,GAAGR,SAASS,MAAMD,QAAQ,CAAC,CAAC,GAAGD,aAAaC,KAAK;AAAA,EAC/F,GACA,CAACR,QAAQ,CACX;AAEA,QAAMU,eAAeC,QACnB,OAAO;AAAA,IAAEX;AAAAA,IAAUC;AAAAA,IAAcI;AAAAA,IAAcF;AAAAA,EAAAA,IAC/C,CAACH,UAAUC,cAAcI,cAAcF,aAAa,CACtD;AAEA,sDACG,oBAAoB,UAApB,EAA6B,OAAOO,gBAAeN,QAAS;AAEjE;AAEO,MAAMQ,yBAAyBA,MAAgC;AACpE,QAAMC,UAAUC,WAAWlB,mBAAmB;AAE9C,MAAI,CAACiB,SAAS;AACZ,UAAM,IAAIE,MAAM,oEAAoE;AAAA,EACtF;AAEA,SAAOF;AACT;"}

package/dist/common/BackButton/BackButton.d.ts

@@ -1,4 +1,5 @@
+import { default as React } from 'react';
 import { ButtonProps } from '../../components/Button';
 export type BackButtonProps = Omit<ButtonProps, 'children'>;
-declare function BackButton({ scale, ...others }: BackButtonProps): JSX.Element;
+declare function BackButton({ scale, ...others }: BackButtonProps): React.JSX.Element;
 export default BackButton;

package/dist/common/CloseButton/CloseButton.d.ts

@@ -1,6 +1,7 @@
+import { default as React } from 'react';
 import { ButtonProps } from '../../components/Button';
 export interface CloseButtonProps extends ButtonProps {
-    size?: string | number;
+    readonly size?: string | number;
 }
-declare function CloseButton({ scale, size, ...others }: CloseButtonProps): JSX.Element;
+declare function CloseButton({ scale, size, ...others }: CloseButtonProps): React.JSX.Element;
 export default CloseButton;

package/dist/common/SelectionWrapper.d.ts

@@ -1,14 +1,14 @@
-import { LabelHTMLAttributes, ReactNode } from 'react';
-import { default as ColorScheme } from '../utils/types/ColorScheme';
+import { LabelHTMLAttributes, ReactNode, default as React } from 'react';
+import { ColorScheme } from '../utils/types/ColorScheme';
 export interface SelectionStyleProps {
-    scale?: 'small' | 'default';
-    scheme?: ColorScheme;
-    disabled?: boolean;
+    readonly scale?: 'small' | 'default';
+    readonly scheme?: ColorScheme;
+    readonly disabled?: boolean;
 }
 export interface SelectionWrapperProps extends LabelHTMLAttributes<HTMLLabelElement>, SelectionStyleProps {
-    selector: ReactNode;
-    leading?: ReactNode;
-    trailing?: ReactNode;
+    readonly selector: ReactNode;
+    readonly leading?: ReactNode;
+    readonly trailing?: ReactNode;
 }
-declare function SelectionWrapper({ selector, children, leading, trailing, className, disabled, ...others }: SelectionWrapperProps): JSX.Element;
+declare function SelectionWrapper({ selector, children, leading, trailing, className, disabled, ...others }: SelectionWrapperProps): React.JSX.Element;
 export default SelectionWrapper;

package/dist/components/Accordion/Accordion.context.d.ts

@@ -1,10 +1,10 @@
-import { ReactNode } from 'react';
+import { ReactNode, default as React } from 'react';
 type AccordionContextType = [boolean, () => void];
 declare function AccordionProvider({ expanded, children, onExpandedChange, initialExpanded, }: {
-    children: ReactNode;
-    initialExpanded?: boolean;
-    expanded?: boolean;
-    onExpandedChange?: (expanded: boolean) => void;
-}): JSX.Element;
+    readonly children: ReactNode;
+    readonly initialExpanded?: boolean;
+    readonly expanded?: boolean;
+    readonly onExpandedChange?: (expanded: boolean) => void;
+}): React.JSX.Element;
 declare function useAccordionContext(): AccordionContextType;
 export { AccordionProvider, useAccordionContext };

package/dist/components/Accordion/Accordion.d.ts

@@ -1,17 +1,17 @@
-import { PropsWithChildren, HTMLAttributes, ReactNode } from 'react';
-export type AccordionToggleProps = {
-    leading?: ReactNode | ((expanded: boolean) => ReactNode);
-    trailing?: ReactNode | ((expanded: boolean) => ReactNode);
-};
-declare function AccordionToggle({ leading, trailing: propsTrailing, children, }: PropsWithChildren<AccordionToggleProps>): JSX.Element;
+import { default as React, PropsWithChildren, HTMLAttributes, ReactNode } from 'react';
+export interface AccordionToggleProps {
+    readonly leading?: ReactNode | ((expanded: boolean) => ReactNode);
+    readonly trailing?: ReactNode | ((expanded: boolean) => ReactNode);
+}
+declare function AccordionToggle({ leading, trailing: propsTrailing, children, }: PropsWithChildren<AccordionToggleProps>): React.JSX.Element;
 export type AccordionBodyProps = HTMLAttributes<HTMLElement>;
-declare function AccordionBody({ children, ...props }: PropsWithChildren<AccordionBodyProps>): JSX.Element;
+declare function AccordionBody({ children, ...props }: PropsWithChildren<AccordionBodyProps>): React.JSX.Element;
 export interface AccordionProps extends HTMLAttributes<HTMLElement> {
-    expanded?: boolean;
-    initialExpanded?: boolean;
-    onExpandedChange?: (expanded: boolean) => void;
+    readonly expanded?: boolean;
+    readonly initialExpanded?: boolean;
+    readonly onExpandedChange?: (expanded: boolean) => void;
 }
-declare function Accordion({ children, expanded, initialExpanded, onExpandedChange, ...others }: AccordionProps): JSX.Element;
+declare function Accordion({ children, expanded, initialExpanded, onExpandedChange, ...others }: AccordionProps): React.JSX.Element;
 declare namespace Accordion {
     var Toggle: typeof AccordionToggle;
     var Body: typeof AccordionBody;

package/dist/components/Banner/Banner.d.ts

@@ -1,25 +1,25 @@
-import { default as React, ReactElement } from 'react';
-import { default as DefaultCloseButton } from '../../common/CloseButton';
+import { ReactNode, default as React } from 'react';
+import { StyledComponent } from 'styled-components';
 export interface BannerProps {
-    className?: string;
-    variant?: 'success' | 'danger' | 'warning' | 'neutral';
-    icon?: JSX.Element;
-    scale?: 'default' | 'large';
-    title?: string | ReactElement;
-    description?: string | ReactElement;
-    onClose?: () => void;
-    dismissible?: boolean;
+    readonly className?: string;
+    readonly variant?: 'success' | 'danger' | 'warning' | 'neutral';
+    readonly icon?: ReactNode;
+    readonly scale?: 'default' | 'large';
+    readonly title?: string | ReactNode;
+    readonly description?: string | ReactNode;
+    readonly onClose?: () => void;
+    readonly dismissible?: boolean;
 }
 export interface BannerActionProps extends BannerProps {
-    action?: string;
-    secondaryAction?: string;
-    onActionButtonClick?: () => void;
-    onSecondaryActionButtonClick?: () => void;
+    readonly action?: string;
+    readonly secondaryAction?: string;
+    readonly onActionButtonClick?: () => void;
+    readonly onSecondaryActionButtonClick?: () => void;
 }
-export declare const CloseButton: import('styled-components').StyledComponent<typeof DefaultCloseButton, any, {}, never>;
-export declare const Icon: import('styled-components').StyledComponent<React.ComponentType<import('../IconFactory').IconProps<import('../IconFactory').IconMapping>>, any, {}, never>;
+export declare const CloseButton: StyledComponent<any, any, any, any>;
+export declare const Icon: StyledComponent<any, any, any, any>;
 declare function Banner({ scale, variant, icon, title, description, onClose, dismissible, ...others }: BannerProps): React.JSX.Element | null;
 export declare function BannerLarge({ scale, variant, icon, title, description, onClose, dismissible, ...others }: BannerProps): React.JSX.Element | null;
-export declare function BannerAction({ scale, variant, icon, title, action, secondaryAction, onActionButtonClick, onSecondaryActionButtonClick, ...others }: BannerActionProps): JSX.Element;
+export declare function BannerAction({ scale, variant, icon, title, action, secondaryAction, onActionButtonClick, onSecondaryActionButtonClick, ...others }: BannerActionProps): React.JSX.Element;
 export declare function BannerActionLarge({ scale, variant, icon, title, description, action, secondaryAction, onActionButtonClick, onSecondaryActionButtonClick, onClose, dismissible, ...others }: BannerActionProps): React.JSX.Element | null;
 export default Banner;

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

@@ -1,8 +1,8 @@
-import { HTMLAttributes } from 'react';
+import { HTMLAttributes, default as React } from 'react';
 export interface BreadcrumbProps extends HTMLAttributes<HTMLElement> {
-    active?: boolean;
-    label: string;
-    url?: string;
+    readonly active?: boolean;
+    readonly label: string;
+    readonly url?: string;
 }
-declare function Breadcrumb({ active, label, url, ...rest }: BreadcrumbProps): JSX.Element;
+declare function Breadcrumb({ active, label, url, ...rest }: BreadcrumbProps): React.JSX.Element;
 export default Breadcrumb;

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

@@ -1,10 +1,10 @@
-import { MouseEvent } from 'react';
+import { MouseEvent, default as React } from 'react';
 import { BreadcrumbProps } from './Breadcrumb';
 export interface BreadcrumbsProps {
-    className?: string;
-    disabled?: boolean;
-    entries: BreadcrumbProps[];
-    onBack?: (e: MouseEvent<HTMLButtonElement>) => void;
+    readonly className?: string;
+    readonly disabled?: boolean;
+    readonly entries: BreadcrumbProps[];
+    readonly onBack?: (e: MouseEvent<HTMLButtonElement>) => void;
 }
-declare function Breadcrumbs({ entries, onBack, disabled, ...others }: BreadcrumbsProps): JSX.Element;
+declare function Breadcrumbs({ entries, onBack, disabled, ...others }: BreadcrumbsProps): React.JSX.Element;
 export default Breadcrumbs;

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

@@ -1,20 +1,21 @@
 import { default as React, ButtonHTMLAttributes, ReactNode } from 'react';
 import { IconProps } from '../Icon';
-import { default as ColorScheme } from '../../utils/types/ColorScheme';
+import { ColorScheme } from '../../utils/types/ColorScheme';
+import { StyledComponent } from 'styled-components';
 export type ButtonVariants = 'primary' | 'secondary' | 'warning' | 'icon' | 'tertiary';
 export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
-    className?: string;
-    leading?: ReactNode;
-    scheme?: ColorScheme;
-    trailing?: ReactNode;
-    variant?: ButtonVariants;
-    scale?: 'small' | 'default' | 'large';
-    loading?: boolean;
+    readonly className?: string;
+    readonly leading?: ReactNode;
+    readonly scheme?: ColorScheme;
+    readonly trailing?: ReactNode;
+    readonly variant?: ButtonVariants;
+    readonly scale?: 'small' | 'default' | 'large';
+    readonly loading?: boolean;
 }
-export declare const Children: import('styled-components').StyledComponent<"span", any, ButtonProps, never>;
+export declare const Children: StyledComponent<"span", any, ButtonProps, never>;
 export declare const BaseButton: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
 declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
-export declare function Caret(props: Omit<IconProps, 'name'>): JSX.Element;
+export declare function Caret(props: Omit<IconProps, 'name'>): React.JSX.Element;
 export declare const SelectorButton: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
 export type IconButtonProps = Omit<ButtonProps, 'leading' | 'trailing' | 'variant' | 'loading'>;
 export declare const IconButton: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;

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

@@ -1,9 +1,10 @@
+import { default as React } from 'react';
 import { CalendarProps, GenericCalendarProps } from './Calendar.types';
 /**
  * Implementation based on
  * * https://medium.com/swlh/build-a-date-picker-in-15mins-using-javascript-react-from-scratch-f6932c77db09
  * * https://codepen.io/zellwk/pen/xNpKwp
  */
-export declare function GenericCalendar(props: GenericCalendarProps): JSX.Element;
-declare function Calendar(props: CalendarProps): JSX.Element;
+export declare function GenericCalendar(props: GenericCalendarProps): React.JSX.Element;
+declare function Calendar(props: CalendarProps): React.JSX.Element;
 export default Calendar;

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

@@ -1,2 +1,3 @@
-export declare const formatter: import('./DateFormat.helper').DateFormat;
+import { DateFormat } from './DateFormat.helper';
+export declare const formatter: DateFormat;
 export declare function getSelection(selection?: number | string | null | [number | string | null, number | string | null]): [null | number, null | number];

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

@@ -1,10 +1,10 @@
 import { HTMLAttributes } from 'react';
 import { CalendarDate, CalendarConstraint } from './Date.helper';
-export type RenderableMonth = {
+export interface RenderableMonth {
     month: number;
     year: number;
     days: CalendarDate[];
-};
+}
 export type CalendarMode = 'single' | 'range';
 export interface useCalendarProps {
     year?: number;
@@ -45,8 +45,8 @@ export interface CalendarPickerProps {
     onYearClick?: (year: number) => void;
 }
 export interface usePickerModeReturn {
-    get(): PickerMode;
-    is(other: PickerMode): boolean;
+    get: () => PickerMode;
+    is: (other: PickerMode) => boolean;
     dispatch: React.Dispatch<PickerModeAction>;
     Picker: (props: CalendarPickerProps) => JSX.Element;
 }

package/dist/components/Calendar/Date.helper.d.ts

@@ -1,9 +1,9 @@
-export type DateHelperOptions = {
+export interface DateHelperOptions {
     normalize?: boolean;
-};
+}
 export declare const DEFAULT_OPTIONS: DateHelperOptions;
 export type InputDate = string | number | Date;
-type Unit = 'year' | 'month' | 'day' | 'hour' | 'minute' | 'second' | 'millisecond';
+export type Unit = 'year' | 'month' | 'day' | 'hour' | 'minute' | 'second' | 'millisecond';
 type Operator = '>=' | '>' | '=' | '<' | '<=';
 export type DateConstraint = InputDate | [InputDate, InputDate] | [null, InputDate] | [InputDate, null];
 export type FunctionConstraint = (day: CalendarDate) => boolean;
@@ -11,126 +11,104 @@ export type CalendarConstraint = DateConstraint | FunctionConstraint;
 export interface CalendarDate {
     /**
      * Get `Date` object representing this date.
-     * @returns {Date}
      */
-    get(): Date;
+    get: () => Date;
     /**
      * Get the year using Universal Coordinated Time (UTC).
-     * @returns {number}
      */
-    getYear(): number;
+    getYear: () => number;
     /**
      * Gets the month using Universal Coordinated Time (UTC).
-     * @returns {number}
      */
-    getMonth(): number;
+    getMonth: () => number;
     /**
      * Get the day-of-the-month, using Universal Coordinated Time (UTC).
-     * @returns {number}
      */
-    getDate(): number;
+    getDate: () => number;
     /**
      * Get the time value in milliseconds.
      *
      * [!] Be aware that it might be normalized to 12:00:00 (UTC), if you did not call the helper with
      * `options.normalize: false`.
      *
-     * @returns {number}
      */
-    getTime(): number;
+    getTime: () => number;
     /**
      * Get the day of the week.
      *
      * [!] Be aware that it might be normalized to 12:00:00 (UTC), if you did not call the helper with
      * `options.normalize: false`.
      *
-     * @returns {number}
      */
-    getWeekday(): number;
+    getWeekday: () => number;
     /**
      * Get the hours value.
      *
      * [!] Be aware that it might be normalized to 12:00:00 (UTC), if you did not call the helper with
      * `options.normalize: false`.
      *
-     * @returns {number}
      */
-    getHours(): number;
+    getHours: () => number;
     /**
      * Get the minutes value.
      *
      * [!] Be aware that it might be normalized to 12:00:00 (UTC), if you did not call the helper with
      * `options.normalize: false`.
      *
-     * @returns {number}
      */
-    getMinutes(): number;
+    getMinutes: () => number;
     /**
      * Get the seconds value.
      *
      * [!] Be aware that it might be normalized to 12:00:00 (UTC), if you did not call the helper with
      * `options.normalize: false`.
      *
-     * @returns {number}
      */
-    getSeconds(): number;
+    getSeconds: () => number;
     /**
      * Get the milliseconds value.
      *
      * [!] Be aware that it might be normalized to 12:00:00 (UTC), if you did not call the helper with
      * `options.normalize: false`.
      *
-     * @returns {number}
      */
-    getMilliseconds(): number;
+    getMilliseconds: () => number;
     /**
      * Check if the current date matches **at least one** of the provided constraints.
      *
      * [!] Be aware that all dates in this comparison will be normalized to 12:00:00 (UTC).
      *
-     * @param {...CalendarConstraint[]} constraintsArg
-     * @returns {boolean}
      */
-    matches(...constraints: CalendarConstraint[]): boolean;
+    matches: (...constraints: CalendarConstraint[]) => boolean;
     /**
      * Set the given `value` to the `unit` property of this instance.
      * This function mutates the internal date instance.
-     * @param {Unit} unit
-     * @param {number} value
-     * @returns {CalendarDate}
      */
-    set(unit: Unit, value: number): CalendarDate;
+    set: (unit: Unit, value: number) => CalendarDate;
     /**
      * Return a copy of this instance, adding the given `value` to the `unit` property.
-     * @param {Unit} unit
-     * @param {number} value
-     * @returns {CalendarDate}
      */
-    add(unit: Unit, value: number): CalendarDate;
+    add: (unit: Unit, value: number) => CalendarDate;
     /**
      * Return a copy of this instance, subtracting the given `value` from the `unit` property.
-     * @param {Unit} unit
-     * @param {number} value
-     * @returns {CalendarDate}
      */
-    subtract(unit: Unit, value: number): CalendarDate;
+    subtract: (unit: Unit, value: number) => CalendarDate;
     /**
      * Compare this date with the given `other`.
      *
      * [!] Be aware that it might be normalized to 12:00:00 (UTC), if you did not call the helper with
      * `options.normalize: false`.
      *
-     * @param {Operator} operator - type of comparison to be performed.
-     * @param {CalendarDate} other - Other `CalendarDate` to compare with.
-     * @param {Unit} [precision] - notice that the precision increases with the evaluated period, so year < month < day < hour < minute < second < millisecond. Default is 'day'.
-     * @return {boolean} comparison result
+     * @param operator - type of comparison to be performed.
+     * @param other - Other `CalendarDate` to compare with.
+     * @param precision - notice that the precision increases with the evaluated period, so year < month < day < hour < minute < second < millisecond. Default is 'day'.
+     * @return comparison result
      */
-    is(operator: Operator, other: CalendarDate, precision?: string): boolean;
+    is: (operator: Operator, other: CalendarDate, precision?: Unit) => boolean;
     /**
      * Return this date as a string value in ISO format.
-     * @returns {string}
      */
-    toString(): string;
+    toString: () => string;
 }
 export type CalendarDateRange = [CalendarDate | null, CalendarDate | null];
 /**
@@ -145,8 +123,7 @@ export type CalendarDateRange = [CalendarDate | null, CalendarDate | null];
  * of this when using this helper for time relate logic.
  * You can disable this behavior by passing `options.normalize: false`.
  *
- * @param {InputDate} [dateArg]
- * @return {CalendarDate}
+ * @param dateArg - The input date.
  */
 declare function DateHelper(dateArg?: InputDate, optionsArg?: DateHelperOptions): CalendarDate;
 /**
@@ -161,9 +138,9 @@ declare function DateHelper(dateArg?: InputDate, optionsArg?: DateHelperOptions)
  * // 1665680400000 is equal to: new Date('2022-10-13T17:00:00.000Z').getTime()
  * ```
  *
- * @param {Date} date
- * @param {Unit} precision
- * @returns {number}
+ * @param date - The input date.
+ * @param precision - The unit of precision for normalization.
+ * @returns The timestamp of the normalized date.
  */
 export declare function getComparableDate(date: Date, precision?: Unit): number;
 /**
@@ -190,14 +167,10 @@ export declare function getComparableDate(date: Date, precision?: Unit): number;
  * getConstraintRange([null, 1643371200000]) // returns [0, 1643371200000]
  * getConstraintRange([null, '2022-01-28T12:00:00.000Z']) // returns [0, 1643371200000]
  * ```
- * @param rangeArg
- * @returns
  */
 export declare function getConstraintRange(rangeArg: DateConstraint): [number, number];
 /**
  * Wrap range constraint into a function and return a function constraint untouched.
- * @param {CalendarConstraint} constraint
- * @returns {(day: CalendarDate) => boolean}
  */
 export declare function getConstraintEvaluator(constraint: CalendarConstraint): (day: CalendarDate) => boolean;
 export declare function padded(value: number | string, maxLength?: number): string;

package/dist/components/Calendar/DateFormat.helper.d.ts

@@ -1,6 +1,6 @@
 import { CalendarDate } from './Date.helper';
 export interface DateFormat {
-    format(date: CalendarDate): string;
+    format: (date: CalendarDate) => string;
 }
 /**
  * This helpers provides a convenient layer on top of `Intl.DateTimeFormat`,
@@ -29,7 +29,5 @@ export default function DateFormatHelper(format: string): DateFormat;
  *| Ordinal numbers                | o     | 1st, 2nd, 3rd, ..., 10th                  |
  *| Scaped sequence                | []    |                                           |
  *
- * @param format
- * @returns
  */
 export declare function tokenizer(format: string): string[];

package/dist/components/Calendar/Month.helper.d.ts

@@ -37,20 +37,20 @@ export declare const MONTH_BY_ALIAS: {
     december: string;
 };
 export type CalendarMonthAlias = keyof typeof MONTH_BY_ALIAS;
-export type CalendarMonth = {
+export interface CalendarMonth {
     name: string;
     /**
      * Integer value representing the month, beginning with 0 for January to 11 for December.
      * Based on https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/Date
      */
     index: number;
-};
+}
 export declare const MONTH_BY_NAME: Record<string, CalendarMonth>;
 declare function getAllMonths(): CalendarMonth[];
 declare function MonthHelper(alias: CalendarMonthAlias): {
-    get(): CalendarMonth;
-    format(representation?: 'numeric' | '2-digit' | 'long' | 'short' | 'narrow'): string;
-    is(other: CalendarMonthAlias): boolean;
+    get: () => CalendarMonth;
+    format: (representation?: 'numeric' | '2-digit' | 'long' | 'short' | 'narrow') => string;
+    is: (other: CalendarMonthAlias) => boolean;
 };
 declare namespace MonthHelper {
     var getAll: typeof getAllMonths;

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

@@ -1,5 +1,6 @@
+import { default as React } from 'react';
 import { ButtonProps } from '../Button';
 declare function PickerModeToggle(props: Omit<ButtonProps & {
     expanded: boolean;
-}, 'trailing'>): JSX.Element;
+}, 'trailing'>): React.JSX.Element;
 export default PickerModeToggle;

package/dist/components/Calendar/Pickers/DayPicker.d.ts

@@ -1,9 +1,11 @@
+import { default as React } from 'react';
 import { CalendarPickerProps } from '../Calendar.types';
+import { DateFormat } from '..';
 export declare const WEEKDAYS: string[];
-export declare const formatter: import('..').DateFormat;
+export declare const formatter: DateFormat;
 /**
  * filling days of previous month
  * TODO: supress this for range selection
  */
-declare function CalendarDayPicker({ calendar, onDayClick }: CalendarPickerProps): JSX.Element;
+declare function CalendarDayPicker({ calendar, onDayClick }: CalendarPickerProps): React.JSX.Element;
 export default CalendarDayPicker;

package/dist/components/Calendar/Pickers/MonthPicker.d.ts

@@ -1,3 +1,4 @@
+import { default as React } from 'react';
 import { CalendarPickerProps } from '../Calendar.types';
-declare function CalendarMonthPicker({ calendar, mode }: CalendarPickerProps): JSX.Element;
+declare function CalendarMonthPicker({ calendar, mode }: CalendarPickerProps): React.JSX.Element;
 export default CalendarMonthPicker;

package/dist/components/Calendar/Pickers/PickerButton.d.ts

@@ -1,4 +1,3 @@
-declare const _default: import('styled-components').StyledComponent<import('react').ForwardRefExoticComponent<import('../../Button').ButtonProps & import('react').RefAttributes<HTMLButtonElement>>, any, {
-    $status: "default" | "current-day" | "faded" | "selection-start" | "selection-end" | "selection" | "next-month-day";
-}, never>;
+import { StyledComponent } from 'styled-components';
+declare const _default: StyledComponent<any, any, any, any>;
 export default _default;

package/dist/components/Calendar/Pickers/YearPicker.d.ts

@@ -1,3 +1,4 @@
+import { default as React } from 'react';
 import { CalendarPickerProps } from '../Calendar.types';
-declare function CalendarYearPicker({ calendar, mode }: CalendarPickerProps): JSX.Element;
+declare function CalendarYearPicker({ calendar, mode }: CalendarPickerProps): React.JSX.Element;
 export default CalendarYearPicker;

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

@@ -1,18 +1,13 @@
 import { useCalendarProps, useCalendarReturn, RenderableMonth } from './Calendar.types';
 declare function useCalendar(props: useCalendarProps): useCalendarReturn;
 /**
- * Generate the whole grid of days,
- * @param {number} year
- * @param {number }month
- * @returns {RenderableMonth}
+ * Generate the whole grid of days
  */
 export declare function getRenderableMonth(year: number, month: number): RenderableMonth;
 /**
- *
- * @param {number} year
- * @param {number} month
- * @param {number?} amount - number of months to be generated. Default value is 1.
- * @returns
+ * @param year - year number, e.g., 2022
+ * @param month - month index, where 0 is January and 11 is December
+ * @param amount - number of months to be generated. Default value is 1.
  */
 export declare function getRenderableMonths(year: number, month: number, amount?: number): ReturnType<typeof getRenderableMonth>[];
 export declare function getSelectionPair(selected?: null | [string | number | null, string | number | null]): [number | null, number | null];

package/dist/components/Card/Card.d.ts

@@ -1,12 +1,12 @@
-import { HTMLAttributes, ReactNode } from 'react';
+import { HTMLAttributes, ReactNode, default as React } from 'react';
 import { default as CardTitle } from './CardTitle';
 import { default as Status } from '../../utils/types/Status';
 export interface CardProps extends HTMLAttributes<HTMLElement> {
-    children: ReactNode;
-    status?: Status;
-    flagged?: boolean;
+    readonly children: ReactNode;
+    readonly status?: Status;
+    readonly flagged?: boolean;
 }
-declare function Card({ flagged, status, children, ...others }: CardProps): JSX.Element;
+declare function Card({ flagged, status, children, ...others }: CardProps): React.JSX.Element;
 declare namespace Card {
     var Title: typeof CardTitle;
     var Subtitle: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/components/Card/CardTitle.d.ts

@@ -1,8 +1,9 @@
-import { ReactNode, HTMLAttributes } from 'react';
+import { ReactNode, HTMLAttributes, default as React } from 'react';
+import { StyledComponent } from 'styled-components';
 export interface CardTitleProps extends HTMLAttributes<HTMLElement> {
-    leading?: ReactNode;
+    readonly leading?: ReactNode;
 }
-declare const Wrapper: import('styled-components').StyledComponent<"div", any, {}, never>;
-declare function CardTitle({ children, leading, ...others }: CardTitleProps): JSX.Element;
+declare const Wrapper: StyledComponent<"div", any, {}, never>;
+declare function CardTitle({ children, leading, ...others }: CardTitleProps): React.JSX.Element;
 export { Wrapper as CardTitleWrapper };
 export default CardTitle;

package/dist/components/Checkbox/Checkbox.d.ts

@@ -1,10 +1,10 @@
-import { InputHTMLAttributes, ReactNode } from 'react';
-import { default as ColorScheme } from '../../utils/types/ColorScheme';
+import { InputHTMLAttributes, ReactNode, default as React } from 'react';
+import { ColorScheme } from '../../utils/types/ColorScheme';
 import { SelectionStyleProps } from '../../common/SelectionWrapper';
-export interface CheckboxProps extends InputHTMLAttributes<HTMLInputElement>, SelectionStyleProps {
-    leading?: ReactNode;
-    scheme?: ColorScheme;
-    trailing?: ReactNode;
+export interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'disabled'>, SelectionStyleProps {
+    readonly leading?: ReactNode;
+    readonly scheme?: ColorScheme;
+    readonly trailing?: ReactNode;
 }
-declare function Checkbox({ className, disabled, children, leading, trailing, scheme, scale, ...others }: CheckboxProps): JSX.Element;
+declare function Checkbox({ className, disabled, children, leading, trailing, scheme, scale, ...others }: CheckboxProps): React.JSX.Element;
 export default Checkbox;