gantri-components 1.114.1 → 1.114.2

package/dist/components/aspect-ratio/aspect-ratio.d.ts

@@ -0,0 +1,3 @@
+import { FC, PropsWithChildren } from 'react';
+import { AspectRatioProps } from './aspect-ratio.types';
+export declare const AspectRatio: FC<PropsWithChildren<AspectRatioProps>>;

package/dist/components/aspect-ratio/aspect-ratio.presets.d.ts

@@ -0,0 +1,2 @@
+import { AspectRatioProps } from "./aspect-ratio.types";
+export declare const AspectRatioPresets: AspectRatioProps;

package/dist/components/aspect-ratio/aspect-ratio.styles.d.ts

@@ -0,0 +1,5 @@
+import { ResolutionAwareProp, ResolutionAwarePropBase } from '../../types/resolution-aware-prop.type';
+import { AspectRatioProps } from './aspect-ratio.types';
+export declare const populateAspectRatioStyles: (aspectRatio: ResolutionAwareProp<string>, height?: 0 | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "auto" | ResolutionAwarePropBase<string & {}> | ResolutionAwarePropBase<"-moz-initial"> | ResolutionAwarePropBase<"inherit"> | ResolutionAwarePropBase<"initial"> | ResolutionAwarePropBase<"revert"> | ResolutionAwarePropBase<"unset"> | ResolutionAwarePropBase<"auto"> | ResolutionAwarePropBase<0> | "-moz-max-content" | "-moz-min-content" | "-webkit-fit-content" | "fit-content" | "max-content" | "min-content" | ResolutionAwarePropBase<"-moz-max-content"> | ResolutionAwarePropBase<"-moz-min-content"> | ResolutionAwarePropBase<"-webkit-fit-content"> | ResolutionAwarePropBase<"fit-content"> | ResolutionAwarePropBase<"max-content"> | ResolutionAwarePropBase<"min-content"> | undefined) => import("styled-components").FlattenSimpleInterpolation;
+export declare const StyledAspectRatio: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, Partial<AspectRatioProps>, never>;
+export declare const StyledAspectRatioContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/components/aspect-ratio/aspect-ratio.types.d.ts

@@ -0,0 +1,11 @@
+import { Property } from 'csstype';
+import { ResolutionAwareProp } from '../../types/resolution-aware-prop.type';
+import { BaseProps } from '../box/box.types';
+import { Color } from '../../styles';
+export interface AspectRatioProps extends BaseProps {
+    aspectRatio?: ResolutionAwareProp<string>;
+    backgroundColor?: ResolutionAwareProp<Color>;
+    height?: ResolutionAwareProp<Property.Height>;
+    hidden?: ResolutionAwareProp<boolean>;
+    width?: ResolutionAwareProp<Property.Width>;
+}

package/dist/components/aspect-ratio/index.d.ts

@@ -0,0 +1 @@
+export { AspectRatio } from "./aspect-ratio";

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

@@ -0,0 +1,3 @@
+import { FC, PropsWithChildren } from 'react';
+import { BadgeProps } from './badge.types';
+export declare const Badge: FC<PropsWithChildren<BadgeProps>>;

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

@@ -0,0 +1,2 @@
+import { BadgeProps } from './badge.types';
+export declare const BadgePresets: Partial<BadgeProps>;

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

@@ -0,0 +1,2 @@
+import { BadgeProps } from './badge.types';
+export declare const StyledBadge: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, Pick<BadgeProps, "color" | "width" | "borderColor" | "minWidth" | "opacity" | "size" | "textColor" | "variant">, never>;

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

@@ -0,0 +1,16 @@
+import { PaletteColor } from '../../styles/theme';
+import { IconType } from '../icon/icon.type';
+export interface BadgeProps {
+    borderColor?: PaletteColor;
+    color?: PaletteColor;
+    icon?: IconType;
+    minWidth?: string;
+    opacity?: string;
+    size?: 'large' | 'small';
+    text?: string;
+    textColor?: PaletteColor;
+    tx?: string;
+    txValues?: any;
+    variant?: 'primary' | 'secondary';
+    width?: string;
+}

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

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

package/dist/components/box/box.d.ts

@@ -0,0 +1,3 @@
+import { FC, PropsWithChildren } from 'react';
+import { BoxProps } from './box.types';
+export declare const Box: FC<PropsWithChildren<BoxProps>>;

package/dist/components/box/box.presets.d.ts

@@ -0,0 +1,2 @@
+import { BoxProps } from './box.types';
+export declare const BoxPresets: BoxProps;

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

@@ -0,0 +1,2 @@
+import { BoxProps } from './box.types';
+export declare const StyledBoxContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, BoxProps, never>;

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

@@ -0,0 +1,38 @@
+import { HTMLAttributes } from 'react';
+import { Globals, Property } from 'csstype';
+import { ResolutionAwareProp } from '../../types/resolution-aware-prop.type';
+import { Color } from '../../styles';
+export declare type BoxDimension = 's1' | 's2' | 's3' | 's4' | 's5' | 's6' | Globals | string;
+export interface BaseProps extends HTMLAttributes<any> {
+    children?: any;
+    className?: string;
+}
+export interface BoxProps extends BaseProps {
+    alignSelf?: ResolutionAwareProp<Property.AlignSelf>;
+    backgroundColor?: ResolutionAwareProp<Color>;
+    borderRadius?: ResolutionAwareProp<Property.BorderRadius>;
+    height?: ResolutionAwareProp<Property.Height>;
+    hidden?: ResolutionAwareProp<boolean>;
+    horizontalMargin?: ResolutionAwareProp<BoxDimension>;
+    horizontalPadding?: ResolutionAwareProp<BoxDimension>;
+    justifySelf?: ResolutionAwareProp<Property.JustifySelf>;
+    margin?: ResolutionAwareProp<BoxDimension>;
+    marginBottom?: ResolutionAwareProp<BoxDimension>;
+    marginLeft?: ResolutionAwareProp<BoxDimension>;
+    marginRight?: ResolutionAwareProp<BoxDimension>;
+    marginTop?: ResolutionAwareProp<BoxDimension>;
+    maxHeight?: ResolutionAwareProp<Property.MaxHeight>;
+    maxWidth?: ResolutionAwareProp<string>;
+    minHeight?: ResolutionAwareProp<Property.MinHeight>;
+    minWidth?: ResolutionAwareProp<string>;
+    overflow?: Property.Overflow;
+    padding?: ResolutionAwareProp<BoxDimension>;
+    paddingBottom?: ResolutionAwareProp<BoxDimension>;
+    paddingLeft?: ResolutionAwareProp<BoxDimension>;
+    paddingRight?: ResolutionAwareProp<BoxDimension>;
+    paddingTop?: ResolutionAwareProp<BoxDimension>;
+    textAlign?: ResolutionAwareProp<string>;
+    verticalMargin?: ResolutionAwareProp<BoxDimension>;
+    verticalPadding?: ResolutionAwareProp<BoxDimension>;
+    width?: ResolutionAwareProp<string>;
+}

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

@@ -0,0 +1 @@
+export { Box } from './box';

package/dist/components/breadcrumbs/breadcrumbs.d.ts

@@ -0,0 +1,3 @@
+import { FC, PropsWithChildren } from 'react';
+import { BreadcrumbsProps } from './breadcrumbs.types';
+export declare const Breadcrumbs: FC<PropsWithChildren<BreadcrumbsProps>>;

package/dist/components/breadcrumbs/breadcrumbs.presets.d.ts

@@ -0,0 +1,2 @@
+import { BreadcrumbsProps } from './breadcrumbs.types';
+export declare const BreadcrumbsPresets: Partial<BreadcrumbsProps>;

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

@@ -0,0 +1,5 @@
+import { Property } from 'csstype';
+export declare const StyledBreadcrumb: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    $gap?: Property.Gap<0 | (string & {})> | undefined;
+    $separator?: string | undefined;
+}, never>;

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

@@ -0,0 +1,6 @@
+import { Property } from 'csstype';
+export interface BreadcrumbsProps {
+    'aria-label'?: string;
+    gap?: Property.Gap;
+    separator?: string;
+}

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

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

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { ButtonProps } from './button.types';
+export declare const Button: FC<ButtonProps>;

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

@@ -0,0 +1,2 @@
+import { ButtonProps } from './button.types';
+export declare const ButtonPresets: Partial<ButtonProps>;

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

@@ -0,0 +1,4 @@
+import { DefaultTheme } from 'styled-components';
+import { ButtonProps } from './button.types';
+export declare const StyledButton: import("styled-components").StyledComponent<"button", DefaultTheme, Partial<ButtonProps>, never>;
+export declare const StyledButtonContent: import("styled-components").StyledComponent<"div", DefaultTheme, ButtonProps, never>;

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

@@ -0,0 +1,32 @@
+import { MouseEvent } from 'react';
+import { Property } from 'csstype';
+import { BaseProps } from '../box/box.types';
+import { TextVariant } from '../typography/typography.types';
+import { ResolutionAwareProp } from '../../types/resolution-aware-prop.type';
+export declare type ButtonVariant = 'default' | 'primary' | 'secondary' | 'action';
+export declare type ButtonColor = 'primary' | 'primaryAlt' | 'grey' | 'greyLight' | 'black' | 'alert' | 'secondary' | 'secondaryAlt' | 'blue' | 'gold' | 'green' | 'yellow' | 'white' | 'pink';
+export declare type ButtonWidth = 'sm' | 'md' | 'lg' | string;
+export interface ButtonProps extends BaseProps {
+    alignSelf?: ResolutionAwareProp<Property.AlignSelf>;
+    borderRadius?: ResolutionAwareProp<Property.BorderRadius>;
+    color?: ButtonColor;
+    disabled?: boolean;
+    fontSize?: ResolutionAwareProp<Property.Font>;
+    height?: ResolutionAwareProp<Property.Height>;
+    hidden?: ResolutionAwareProp<boolean>;
+    icon?: JSX.Element;
+    iconLocation?: 'left' | 'right';
+    justifySelf?: ResolutionAwareProp<Property.JustifySelf>;
+    minWidth?: ResolutionAwareProp<Property.Width>;
+    onClick?: (event: MouseEvent) => void;
+    processing?: boolean;
+    size?: 'large' | 'small';
+    text?: string;
+    textLineHeight?: Property.LineHeight;
+    textVariant?: TextVariant;
+    tx?: string;
+    txValues?: Record<string, unknown>;
+    type?: 'submit' | 'button';
+    variant?: ButtonVariant;
+    width?: ResolutionAwareProp<ButtonWidth>;
+}

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

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

package/dist/components/cell/cell.d.ts

@@ -0,0 +1,3 @@
+import { FC, PropsWithChildren } from 'react';
+import { CellProps } from './cell.types';
+export declare const Cell: FC<PropsWithChildren<CellProps>>;

package/dist/components/cell/cell.presets.d.ts

@@ -0,0 +1,2 @@
+import { CellProps } from './cell.types';
+export declare const CellPresets: CellProps;

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

@@ -0,0 +1,2 @@
+import { CellProps } from './cell.types';
+export declare const StyledCell: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, CellProps, never>;

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

@@ -0,0 +1,33 @@
+import { CSSProperties } from 'react';
+import { Property } from 'csstype';
+import { ResolutionAwareProp } from '../../types/resolution-aware-prop.type';
+import { BaseProps, BoxDimension } from '../box/box.types';
+import { Color } from '../../styles';
+export interface CellProps extends BaseProps {
+    alignContent?: ResolutionAwareProp<Property.AlignContent>;
+    alignItems?: ResolutionAwareProp<Property.AlignItems>;
+    alignSelf?: ResolutionAwareProp<Property.AlignSelf>;
+    area?: ResolutionAwareProp<string>;
+    backgroundColor?: ResolutionAwareProp<Color>;
+    borderRadius?: Property.BorderRadius<string>;
+    column?: ResolutionAwareProp<any>;
+    columnGap?: ResolutionAwareProp<string>;
+    gap?: ResolutionAwareProp<Property.Gap>;
+    height?: ResolutionAwareProp<number>;
+    hidden?: ResolutionAwareProp<boolean>;
+    horizontalPadding?: ResolutionAwareProp<BoxDimension>;
+    justifyContent?: ResolutionAwareProp<Property.JustifyContent>;
+    justifyItems?: ResolutionAwareProp<Property.JustifyItems>;
+    padding?: ResolutionAwareProp<Property.Padding>;
+    paddingBottom?: ResolutionAwareProp<BoxDimension>;
+    paddingLeft?: ResolutionAwareProp<BoxDimension>;
+    paddingRight?: ResolutionAwareProp<BoxDimension>;
+    paddingTop?: ResolutionAwareProp<BoxDimension>;
+    position?: Property.Position;
+    row?: ResolutionAwareProp<any>;
+    rowGap?: ResolutionAwareProp<string>;
+    style?: CSSProperties;
+    textAlign?: ResolutionAwareProp<Property.TextAlign>;
+    verticalPadding?: ResolutionAwareProp<BoxDimension>;
+    width?: ResolutionAwareProp<number>;
+}

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

@@ -0,0 +1 @@
+export { Cell } from './cell';

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

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { CheckboxProps } from './checkbox.types';
+export declare const Checkbox: FC<CheckboxProps>;

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

@@ -0,0 +1,2 @@
+import { CheckboxProps } from './checkbox.types';
+export declare const CheckboxPresets: CheckboxProps;

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

@@ -0,0 +1,7 @@
+export declare const StyledCheckboxWrapper: import("styled-components").StyledComponent<"label", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledCheckboxContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    disabled: boolean;
+}, never>;
+export declare const StyledCheckbox: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    checked: boolean;
+}, never>;

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

@@ -0,0 +1,21 @@
+import { TextVariant } from '../typography/typography.types';
+import { FieldChangeEvent } from '../text-field';
+import { JSXElementConstructor } from 'react';
+export interface CheckboxProps<T = boolean> {
+    checked?: boolean;
+    disabled?: boolean;
+    labelPosition?: 'left' | 'right';
+    labelText?: string;
+    labelTx?: string;
+    labelVariant?: TextVariant;
+    name?: string;
+    onChange?: (event: FieldChangeEvent<T>) => void;
+    onSelected?: (value: T) => void;
+    /** Overrides `labelTx` and `labelText` props to render `Component` inside a `label` element. */
+    Component?: JSXElementConstructor<{
+        checked: boolean;
+    }>;
+}
+export interface LabelContentProps extends Pick<CheckboxProps, 'labelText' | 'labelTx' | 'labelVariant' | 'Component'> {
+    isChecked: boolean;
+}

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

@@ -0,0 +1 @@
+export { Checkbox } from './checkbox';

package/dist/components/circular-progress/circular-progress.d.ts

@@ -0,0 +1,3 @@
+import { FC, PropsWithChildren } from 'react';
+import { CircularProgressProps } from './circular-progress.types';
+export declare const CircularProgress: FC<PropsWithChildren<CircularProgressProps>>;

package/dist/components/circular-progress/circular-progress.presets.d.ts

@@ -0,0 +1,2 @@
+import { CircularProgressProps } from './circular-progress.types';
+export declare const CircularProgressPresets: Partial<CircularProgressProps>;

package/dist/components/circular-progress/circular-progress.styles.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const StyledCircularProgressIcon: import("styled-components").StyledComponent<import("react").FC<import("../icon/icon.types").IconProps>, import("styled-components").DefaultTheme, {}, never>;

package/dist/components/circular-progress/circular-progress.types.d.ts

@@ -0,0 +1,4 @@
+import { Property } from 'csstype';
+export interface CircularProgressProps {
+    size?: Property.Height;
+}

package/dist/components/circular-progress/index.d.ts

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

package/dist/components/color-picker/color-picker.d.ts

@@ -0,0 +1,3 @@
+import { FC, PropsWithChildren } from 'react';
+import { ColorPickerProps } from './color-picker.types';
+export declare const ColorPicker: FC<PropsWithChildren<ColorPickerProps>>;

package/dist/components/color-picker/color-picker.presets.d.ts

@@ -0,0 +1,2 @@
+import { ColorPickerProps } from './color-picker.types';
+export declare const ColorPickerPresets: Partial<ColorPickerProps>;

package/dist/components/color-picker/color-picker.styles.d.ts

@@ -0,0 +1,13 @@
+import { ColorPickerVariant } from './color-picker.types';
+export declare const StyledColorPicker: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledColorList: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    $readOnly?: boolean | undefined;
+}, never>;
+export declare const StyledColorOutline: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    $selected?: boolean | undefined;
+    $variant?: ColorPickerVariant | undefined;
+}, never>;
+export declare const StyledColor: import("styled-components").StyledComponent<import("react-spring").AnimatedComponent<"span">, import("styled-components").DefaultTheme, {
+    $variant?: ColorPickerVariant | undefined;
+    color: string;
+}, never>;

package/dist/components/color-picker/color-picker.types.d.ts

@@ -0,0 +1,30 @@
+import { ChangeEvent } from 'react';
+export declare type ColorPickerVariant = 'large' | 'small';
+export interface ColorPickerProps {
+    allowMultipleSelection?: boolean;
+    /**
+     * List of colors to render,
+     * defaults to gantri's product colors list
+     * */
+    colors?: PickerColor[];
+    labelText?: string;
+    labelTx?: string;
+    labelTxValues?: Record<string, unknown>;
+    name?: string;
+    onChange?: (event: ColorPickerChangeEvent) => void;
+    onValueChange?: (selected: PickerColor | PickerColor[] | null) => void;
+    readOnly?: boolean;
+    value?: string | string[];
+    variant?: ColorPickerVariant;
+}
+export interface PickerColor {
+    code: string;
+    name: string;
+    value: string;
+}
+export interface ColorPickerChangeEvent extends Pick<ChangeEvent<HTMLInputElement>, Exclude<keyof ChangeEvent<HTMLInputElement>, 'target'>> {
+    target: {
+        name: string;
+        value: string;
+    };
+}

package/dist/components/color-picker/index.d.ts

@@ -0,0 +1,2 @@
+export * from './color-picker';
+export * from './color-picker.types';

package/dist/components/confirmation-modal/confirmation-modal.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { ConfirmationModalProps } from './confirmation-modal.types';
+export declare const ConfirmationModal: FC<ConfirmationModalProps>;

package/dist/components/confirmation-modal/confirmation-modal.presets.d.ts

@@ -0,0 +1,2 @@
+import { ConfirmationModalProps } from './confirmation-modal.types';
+export declare const useConfirmationModalPresets: Partial<ConfirmationModalProps>;

package/dist/components/confirmation-modal/confirmation-modal.types.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+import { ModalProps } from '../modal/modal.types';
+import { ButtonColor } from '../button/button.types';
+export interface ConfirmationModalProps extends Partial<ModalProps> {
+    confirmButtonIsDisabled?: boolean;
+    confirmButtonText?: string;
+    confirmButtonVariant?: ButtonColor;
+    content: string | ReactNode;
+    headerText: string;
+    onConfirm: () => void;
+}

package/dist/components/confirmation-modal/confirmationModal.types.d.ts

@@ -0,0 +1 @@
+export declare const StyledConfirmationModalBody: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/components/confirmation-modal/index.d.ts

@@ -0,0 +1,2 @@
+export { ConfirmationModal } from './confirmation-modal';
+export { useConfirmationModal } from './useConfirmationModal';

package/dist/components/confirmation-modal/useConfirmationModal.d.ts

@@ -0,0 +1,5 @@
+import { UseConfirmationModalProps } from './useConfirmationModal.types';
+declare type ShowModal = () => void;
+declare type HideModal = () => void;
+export declare const useConfirmationModal: (props: UseConfirmationModalProps, dependencies?: unknown[]) => [ShowModal, HideModal];
+export {};

package/dist/components/confirmation-modal/useConfirmationModal.types.d.ts

@@ -0,0 +1,3 @@
+import { ConfirmationModalProps } from './confirmation-modal.types';
+export interface UseConfirmationModalProps extends ConfirmationModalProps {
+}

package/dist/components/dropdown/default-option.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { DefaultOptionProps } from './dropdown.types';
+export declare const DefaultOption: FC<DefaultOptionProps>;

package/dist/components/dropdown/dropdown.d.ts

@@ -0,0 +1,3 @@
+import { FC, PropsWithChildren } from 'react';
+import { DropdownProps } from './dropdown.types';
+export declare const Dropdown: FC<PropsWithChildren<DropdownProps<any>>>;

package/dist/components/dropdown/dropdown.presets.d.ts

@@ -0,0 +1,2 @@
+import { DropdownProps } from './dropdown.types';
+export declare const DropdownPresets: Partial<DropdownProps<any>>;

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

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { Property } from 'csstype';
+export declare const StyledOption: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../typography/typography.types").TypographyProps & import("react").RefAttributes<unknown>>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledSelect: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    $maxWidth?: Property.Width<string | number> | undefined;
+}, never>;
+export declare const StyledContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledCustomPlaceholderContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    $hasTopPadding: boolean;
+}, never>;
+export declare const StyledTextField: import("styled-components").StyledComponent<import("react").FC<import("../text-field").TextFieldProps>, import("styled-components").DefaultTheme, {
+    $transparentInputText: boolean;
+}, never>;

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

@@ -0,0 +1,54 @@
+import { ChangeEvent, CSSProperties, FocusEvent, ReactElement } from 'react';
+import { Property } from 'csstype';
+import { DropdownMenuProps } from '../dropdown-menu/dropdown-menu.types';
+import { ErrorMessageType } from '../text-field';
+import { Maybe } from '../../global';
+export interface DropdownProps<T> extends Omit<DropdownMenuProps<T>, 'items'> {
+    borderless?: boolean;
+    className?: string;
+    disabled?: boolean;
+    dropdownPopupWidth?: Property.Width<string | number>;
+    dropdownVariant?: 'inline' | 'external';
+    errorMessage?: ErrorMessageType;
+    hideErrors?: boolean;
+    icon?: ReactElement;
+    items?: T[];
+    keyProperty?: (option?: T) => string;
+    labelPosition?: 'top' | 'left';
+    labelText?: string;
+    labelTx?: string;
+    name?: string;
+    onBlur?: (event: BlurChangeEvent) => void;
+    onChange?: (event: DropdownChangeEvent<T>) => void;
+    onFocus?: (event: FocusEvent<HTMLDivElement>) => void;
+    onOpen?: () => void;
+    placeholder?: string;
+    placeholderTx?: string;
+    placeholderTxValues?: {
+        [key: string]: string;
+    };
+    renderPlaceholder?: (option?: T) => Maybe<JSX.Element>;
+    required?: boolean;
+    resetSelectionOnDisabled?: boolean;
+    style?: CSSProperties;
+    variant?: 'line' | 'filled';
+}
+export interface DefaultOptionProps {
+    label?: string;
+    labelTx?: string;
+}
+export interface DropdownChangeEvent<T = Record<string, unknown>> extends Pick<ChangeEvent<HTMLInputElement>, Exclude<keyof ChangeEvent<HTMLInputElement>, 'target'>> {
+    target: {
+        name: string;
+        value: T[keyof T];
+    };
+}
+export interface BlurChangeEvent extends Pick<FocusEvent<HTMLDivElement>, Exclude<keyof FocusEvent<HTMLDivElement>, 'target'>> {
+    target: {
+        name: string;
+    };
+}
+export declare type DefaultDropdownRecord<T extends number | string = string> = {
+    label: string;
+    value: T;
+};

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

@@ -0,0 +1,3 @@
+export * from './dropdown';
+export * from './default-option';
+export * from './dropdown.types';

package/dist/components/dropdown-menu/dropdown-menu.d.ts

@@ -0,0 +1,5 @@
+import { DropdownMenuProps } from './dropdown-menu.types';
+export declare const DropdownMenu: {
+    <T>(props: DropdownMenuProps<T>): JSX.Element;
+    defaultProps: Partial<DropdownMenuProps<Record<string, unknown>>>;
+};

package/dist/components/dropdown-menu/dropdown-menu.presets.d.ts

@@ -0,0 +1,2 @@
+import { DropdownMenuProps } from './dropdown-menu.types';
+export declare const DropdownMenuPresets: Partial<DropdownMenuProps>;

package/dist/components/dropdown-menu/dropdown-menu.styles.d.ts

@@ -0,0 +1,8 @@
+export declare const StyledContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    $noShadow: boolean;
+}, never>;
+export declare const StyledHeader: import("styled-components").StyledComponent<"header", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledItem: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    $basic: boolean;
+    $selected: boolean;
+}, never>;

package/dist/components/dropdown-menu/dropdown-menu.types.d.ts

@@ -0,0 +1,22 @@
+import { Property } from 'csstype';
+import { ReactNode } from 'react';
+import { Maybe } from '../../global';
+export interface DropdownMenuProps<T = Record<string, unknown>> {
+    className?: string;
+    header?: ReactNode;
+    idProperty?: keyof T;
+    items: T[];
+    keyProperty?: (item?: T) => string;
+    labelProperty?: keyof T | ((item?: T) => string);
+    labelPropertyTx?: (item?: T) => string;
+    maxHeight?: Property.MaxHeight<string | number>;
+    noShadow?: boolean;
+    onKeyDown?: (event: KeyboardEvent) => void;
+    onPreselectedIndexChange?: (index: number) => void;
+    onSelect?: (item: T | null) => void;
+    renderItem?: (item: T) => Maybe<ReactNode>;
+    searchType?: 'startsWith' | 'contains' | 'endsWith';
+    searchable?: boolean;
+    value?: string | number;
+    width?: Property.Width<string | number>;
+}

package/dist/components/dropdown-menu/index.d.ts

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

package/dist/components/flex/flex.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { FlexProps } from './flex.types';
+export declare const Flex: FC<FlexProps>;

package/dist/components/flex/flex.presets.d.ts

@@ -0,0 +1,2 @@
+import { FlexProps } from './flex.types';
+export declare const FlexPresets: FlexProps;

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { FlexProps } from './flex.types';
+export declare const StyledFlexContainer: import("styled-components").StyledComponent<import("react").FC<import("react").PropsWithChildren<import("../box/box.types").BoxProps>>, import("styled-components").DefaultTheme, FlexProps, never>;

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

@@ -0,0 +1,11 @@
+import { Property } from 'csstype';
+import { BoxProps } from '../box/box.types';
+import { ResolutionAwareProp } from '../../types/resolution-aware-prop.type';
+export interface FlexProps extends BoxProps {
+    alignItems?: ResolutionAwareProp<Property.AlignItems>;
+    direction?: ResolutionAwareProp<any>;
+    gap?: ResolutionAwareProp<Property.Gap>;
+    height?: ResolutionAwareProp<string>;
+    justifyContent?: ResolutionAwareProp<Property.JustifyContent>;
+    width?: ResolutionAwareProp<string>;
+}

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

@@ -0,0 +1 @@
+export { Flex } from './flex';

package/dist/components/formik-input/formik-input.d.ts

@@ -0,0 +1,3 @@
+import { FC, PropsWithChildren } from 'react';
+import { FormikInputProps } from './formik-input.types';
+export declare const FormikInput: FC<PropsWithChildren<FormikInputProps>>;

package/dist/components/formik-input/formik-input.presets.d.ts

@@ -0,0 +1,2 @@
+import { FormikInputProps } from './formik-input.types';
+export declare const FormikInputPresets: Partial<FormikInputProps>;