@alma-oss/spirit-web-react 4.4.2 → 4.6.0

package/dist/src/components/UNSTABLE_Picker/usePickerStyleProps.d.ts

@@ -0,0 +1,21 @@
+import { SizesDictionaryType, Validation } from '../../types';
+export interface UnstablePickerStyleProps<S = void> extends Validation {
+    isDisabled?: boolean;
+    isFluid?: boolean;
+    isLabelHidden?: boolean;
+    isRequired?: boolean;
+    size?: SizesDictionaryType<S>;
+}
+export interface UnstablePickerStyle {
+    classProps: {
+        helperText: string;
+        inputContainer: string;
+        label: string;
+        root: string;
+        selection: string;
+        selectionEmpty: string;
+        trigger: string;
+        validationText: string;
+    };
+}
+export declare const usePickerStyleProps: (props: UnstablePickerStyleProps) => UnstablePickerStyle;

package/dist/src/components/UNSTABLE_Picker/utils.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+import { UnstablePickerItemData } from './types';
+export declare const collectPickerItems: (children: ReactNode) => UnstablePickerItemData[];
+export declare const getPickerItemLabelMap: (items: UnstablePickerItemData[]) => Record<string, ReactNode>;
+export declare const getSelectedItems: (keys: string[], labels: Record<string, ReactNode>) => UnstablePickerItemData[];
+export declare const getNodeText: (value: ReactNode) => string;
+export declare const getAggregatedTagLabel: (label: string, selectedItems: UnstablePickerItemData[]) => ReactNode;
+export declare const getPickerSelectionGridKeyboardRowCount: (selectedItemCount: number, options: {
+    isAggregated: boolean;
+}) => number;

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

@@ -0,0 +1,7 @@
+import { ReactElement } from 'react';
+import { SpiritTableProps } from './types';
+declare const UNSTABLE_Table: {
+    (props: SpiritTableProps): ReactElement;
+    spiritComponent: string;
+};
+export default UNSTABLE_Table;

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

@@ -0,0 +1,3 @@
+export { default as UNSTABLE_Table } from './UNSTABLE_Table';
+export * as useUnstableTableStyleProps from './useUnstableTableStyleProps';
+export * from './types';

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

@@ -0,0 +1,2 @@
+import { Preview } from '../demo/preview';
+export default Preview;

package/dist/src/components/UNSTABLE_Table/types.d.ts

@@ -0,0 +1,10 @@
+import { SpiritDetailedHTMLProps, StyleProps } from '../../types/shared';
+export interface UnstableTableProps extends StyleProps {
+    isStriped?: boolean;
+    isBordered?: boolean;
+    isCompact?: boolean;
+    isHoverable?: boolean;
+    isResponsive?: boolean;
+}
+export interface SpiritTableProps extends UnstableTableProps, SpiritDetailedHTMLProps<HTMLTableElement> {
+}

package/dist/src/components/UNSTABLE_Table/useUnstableTableStyleProps.d.ts

@@ -0,0 +1,8 @@
+import { SpiritTableProps } from './types';
+export interface TableStyles<T> {
+    classProps: {
+        root: string;
+    };
+    props: T;
+}
+export declare const useUnstableTableStyleProps: (props: SpiritTableProps) => TableStyles<SpiritTableProps>;

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

@@ -0,0 +1,8 @@
+import { ElementType } from 'react';
+import { SpiritVisuallyHiddenProps } from '../../types';
+declare const VisuallyHidden: {
+    <E extends ElementType = "span">(props: SpiritVisuallyHiddenProps<E>): JSX.Element;
+    spiritComponent: string;
+    displayName: string;
+};
+export default VisuallyHidden;

package/dist/src/components/VisuallyHidden/useVisuallyHiddenProps.d.ts

@@ -0,0 +1,6 @@
+import { VisuallyHiddenProps } from '../../types';
+export interface VisuallyHiddenStyles {
+    classProps: string | null;
+    props: VisuallyHiddenProps;
+}
+export declare function useVisuallyHiddenProps(props: VisuallyHiddenProps): VisuallyHiddenStyles;

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

@@ -0,0 +1,69 @@
+export * from './Accordion';
+export * from './ActionGroup';
+export * from './Alert';
+export * from './Avatar';
+export * from './Box';
+export * from './Breadcrumbs';
+export * from './Button';
+export * from './Card';
+export * from './CharacterCounter';
+export * from './Checkbox';
+export * from './Collapse';
+export * from './Container';
+export * from './ControlButton';
+export * from './Dialog';
+export * from './Divider';
+export * from './Drawer';
+export * from './Dropdown';
+export * from './EmptyState';
+export * from './Field';
+export * from './FieldGroup';
+export * from './FileUploader';
+export * from './Flex';
+export * from './Footer';
+export * from './Grid';
+export * from './Header';
+export * from './Heading';
+export * from './Hidden';
+export * from './Icon';
+export * from './IconBox';
+export * from './InputDetails';
+export * from './Item';
+export * from './Link';
+export * from './Matrix';
+export * from './Modal';
+export * from './Navigation';
+export * from './NoSsr';
+export * from './Pagination';
+export * from './PartnerLogo';
+export * from './Pill';
+export * from './PricingPlan';
+export * from './ProductLogo';
+export * from './Radio';
+export * from './ScrollView';
+export * from './Section';
+export * from './SegmentedControl';
+export * from './Select';
+export * from './Skeleton';
+export * from './SkipLink';
+export * from './Slider';
+export * from './Spinner';
+export * from './SplitButton';
+export * from './Stack';
+export * from './Tabs';
+export * from './Tag';
+export * from './Text';
+export * from './TextArea';
+export * from './TextField';
+export * from './TextFieldBase';
+export * from './Timeline';
+export * from './Toast';
+export * from './Toggle';
+export * from './Tooltip';
+export * from './Truncate';
+export * from './UNSTABLE_File';
+export * from './UNSTABLE_FileUpload';
+export * from './UNSTABLE_Header';
+export * from './UNSTABLE_Picker';
+export * from './UNSTABLE_Table';
+export * from './VisuallyHidden';

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

@@ -0,0 +1,11 @@
+export * from './classes';
+export * from './colors';
+export * from './dictionaries';
+export * from './direction';
+export * from './inputs';
+export * from './media';
+export * from './position';
+export * from './selection';
+export * from './style';
+export * from './text';
+export * from './units';

package/dist/src/constants/selection.d.ts

@@ -0,0 +1,2 @@
+export declare const MULTIPLE_SELECTION_MODE: "multiple";
+export declare const SINGLE_SELECTION_MODE: "single";

package/dist/src/constants/units.d.ts

@@ -0,0 +1,4 @@
+export declare const DEFAULT_DECIMALS = 4;
+export declare const FALLBACK_BASE_FONT_SIZE_PX = 16;
+export declare const MAX_TO_FIXED_DIGITS = 100;
+export declare const REM_UNIT = "rem";

package/dist/src/context/I18nContext.d.ts

@@ -0,0 +1,165 @@
+import { default as React } from 'react';
+import { defaultTranslations } from '../translations/defaults';
+import { ChildrenProps } from '../types/shared';
+export type I18nTranslations = typeof defaultTranslations;
+type NestedPartial<T> = {
+    [K in keyof T]?: T[K] extends string ? string : T[K] extends object ? NestedPartial<T[K]> : never;
+};
+type LocaleCatalog = Record<string, NestedPartial<I18nTranslations>>;
+export type I18nProviderTranslations = NestedPartial<I18nTranslations> | LocaleCatalog;
+export type I18nProviderProps = ChildrenProps & {
+    locale?: string;
+    translations?: I18nProviderTranslations;
+};
+declare const I18nContext: React.Context<{
+    common: {
+        close: string;
+        edit: string;
+        remove: string;
+    };
+    attachment: {
+        edit: string;
+        remove: string;
+    };
+    breadcrumbs: {
+        back: string;
+    };
+    fileUploader: {
+        edit: string;
+        remove: string;
+        attachments: string;
+    };
+    pagination: {
+        next: string;
+        previous: string;
+        goToPage: string;
+    };
+    picker: {
+        add: string;
+        removeAll: string;
+        removeItemLabel: string;
+        selectionAriaLabel: string;
+        tagDescriptionText: string;
+    };
+    textArea: {
+        counter: {
+            charactersEntered: string;
+            charactersRemaining: string;
+            characterRemaining: string;
+            canEnterUpTo: string;
+            charactersOverLimit: string;
+            characterOverLimit: string;
+        };
+    };
+    textField: {
+        password: {
+            show: string;
+            hide: string;
+        };
+    };
+    splitButton: {
+        dropdown: string;
+    };
+} | null>;
+declare const I18nConsumer: React.Consumer<{
+    common: {
+        close: string;
+        edit: string;
+        remove: string;
+    };
+    attachment: {
+        edit: string;
+        remove: string;
+    };
+    breadcrumbs: {
+        back: string;
+    };
+    fileUploader: {
+        edit: string;
+        remove: string;
+        attachments: string;
+    };
+    pagination: {
+        next: string;
+        previous: string;
+        goToPage: string;
+    };
+    picker: {
+        add: string;
+        removeAll: string;
+        removeItemLabel: string;
+        selectionAriaLabel: string;
+        tagDescriptionText: string;
+    };
+    textArea: {
+        counter: {
+            charactersEntered: string;
+            charactersRemaining: string;
+            characterRemaining: string;
+            canEnterUpTo: string;
+            charactersOverLimit: string;
+            characterOverLimit: string;
+        };
+    };
+    textField: {
+        password: {
+            show: string;
+            hide: string;
+        };
+    };
+    splitButton: {
+        dropdown: string;
+    };
+} | null>;
+declare const I18nProvider: ({ children, locale, translations }: I18nProviderProps) => React.FunctionComponentElement<React.ProviderProps<{
+    common: {
+        close: string;
+        edit: string;
+        remove: string;
+    };
+    attachment: {
+        edit: string;
+        remove: string;
+    };
+    breadcrumbs: {
+        back: string;
+    };
+    fileUploader: {
+        edit: string;
+        remove: string;
+        attachments: string;
+    };
+    pagination: {
+        next: string;
+        previous: string;
+        goToPage: string;
+    };
+    picker: {
+        add: string;
+        removeAll: string;
+        removeItemLabel: string;
+        selectionAriaLabel: string;
+        tagDescriptionText: string;
+    };
+    textArea: {
+        counter: {
+            charactersEntered: string;
+            charactersRemaining: string;
+            characterRemaining: string;
+            canEnterUpTo: string;
+            charactersOverLimit: string;
+            characterOverLimit: string;
+        };
+    };
+    textField: {
+        password: {
+            show: string;
+            hide: string;
+        };
+    };
+    splitButton: {
+        dropdown: string;
+    };
+} | null>>;
+export default I18nContext;
+export { I18nConsumer, I18nProvider };

package/dist/src/context/RouterContext.d.ts

@@ -0,0 +1,16 @@
+import { ReactNode } from 'react';
+type RouterNavigate = (path: string, routerOptions?: Record<string, unknown>) => unknown;
+type RouterContextType = {
+    navigate: RouterNavigate;
+} | null;
+type RouterProviderProps = {
+    navigate: RouterNavigate;
+    children: ReactNode;
+};
+declare const RouterContext: React.Context<RouterContextType>;
+declare const RouterConsumer: React.Consumer<RouterContextType>;
+declare const RouterProvider: (props: RouterProviderProps) => JSX.Element;
+declare const useRouter: () => RouterContextType;
+export default RouterContext;
+export { RouterConsumer, RouterProvider, useRouter };
+export type { RouterContextType, RouterNavigate, RouterProviderProps };

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

@@ -0,0 +1,5 @@
+export * from './ClassNamePrefixContext';
+export * from './I18nContext';
+export * from './IconsContext';
+export * from './PropsContext';
+export * from './RouterContext';

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

@@ -0,0 +1,26 @@
+export * from './styleProps';
+export * from './useAlignmentClass';
+export * from './useAriaIdRefs';
+export * from './useCancelEvent';
+export * from './useClassNamePrefix';
+export * from './useClick';
+export * from './useClickOutside';
+export * from './useControlledModeGuard';
+export * from './useDebouncedValue';
+export * from './useDeprecationMessage';
+export * from './useDimensionStyle';
+export * from './useDragAndDrop';
+export * from './useI18n';
+export * from './useIcon';
+export * from './useIconName';
+export * from './useInputPositionClass';
+export * from './useIsomorphicLayoutEffect';
+export * from './useLastActiveFocus';
+export * from './useLinkClick';
+export * from './useResizeObserver';
+export * from './useScrollControl';
+export * from './useSelectionState';
+export * from './useSpacingStyle';
+export * from './useSymmetry';
+export * from './useToggle';
+export * from './useWrapClass';

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

@@ -0,0 +1,11 @@
+type AriaIdRefAttribute = 'aria-describedby' | 'aria-details';
+export type RegisterParams = {
+    add?: string;
+    remove?: string;
+};
+export type RegisterType = (params: RegisterParams) => void;
+export type AriaIdRefsReturn = [Partial<Record<AriaIdRefAttribute, string>>, RegisterType];
+export declare function useAriaIdRefs(ariaAttribute: AriaIdRefAttribute, initialIds?: string): AriaIdRefsReturn;
+export declare const useAriaDescribedBy: (initialIds?: string) => AriaIdRefsReturn;
+export declare const useAriaDetails: (initialIds?: string) => AriaIdRefsReturn;
+export default useAriaIdRefs;

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

@@ -0,0 +1,10 @@
+export interface UseControlledModeGuardProps<T> {
+    value?: T;
+    defaultValue?: T;
+    componentName: string;
+    valuePropName?: string;
+    defaultValuePropName?: string;
+    bothDefinedMessage?: string;
+    modeSwitchMessage?: string;
+}
+export declare const useControlledModeGuard: <T>(props: UseControlledModeGuardProps<T>) => void;

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

@@ -0,0 +1 @@
+export declare const useDebouncedValue: <T>(inputValue: T, delay: number) => T;

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

@@ -0,0 +1,5 @@
+export type TranslateFunction = (key: string, params?: Record<string, unknown>) => string;
+export interface UseI18nReturn {
+    t: TranslateFunction;
+}
+export declare const useI18n: () => UseI18nReturn;

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

@@ -0,0 +1,4 @@
+import { MouseEventHandler } from 'react';
+import { HandleLinkClickOptions } from '../utils/router';
+export type UseLinkClickOptions = Omit<HandleLinkClickOptions, 'router'>;
+export declare const useLinkClick: (options: UseLinkClickOptions) => MouseEventHandler | undefined;

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

@@ -0,0 +1,17 @@
+import { MULTIPLE_SELECTION_MODE, SINGLE_SELECTION_MODE } from '../constants';
+export type SelectionMode = typeof MULTIPLE_SELECTION_MODE | typeof SINGLE_SELECTION_MODE;
+export declare const isSingleSelectionMode: (selectionMode: SelectionMode) => boolean;
+export declare const getSelectedKeys: (keys: string[], selectionMode: SelectionMode) => string[];
+export declare const isKeySelected: (selectedKeys: string[], key: string, selectionMode: SelectionMode) => boolean;
+export declare const getToggledSelectedKeys: (previousKeys: string[], key: string, selectionMode: SelectionMode) => string[];
+export interface UseSelectionStateProps {
+    defaultSelectedKeys?: string[];
+    onSelectionChange?: (keys: string[]) => void;
+    selectionMode?: SelectionMode;
+}
+export interface SelectionState {
+    selectedKeys: string[];
+    setSelectedKeys: (keys: string[]) => void;
+    toggleSelectedKey: (key: string) => void;
+}
+export declare const useSelectionState: ({ defaultSelectedKeys, onSelectionChange, selectionMode, }: UseSelectionStateProps) => SelectionState;

package/dist/src/index.d.ts

@@ -0,0 +1,7 @@
+export * from './components';
+export * from './constants';
+export * from './context';
+export * from './hooks';
+export * from './translations';
+export * from './types';
+export * from './utils';

package/dist/src/translations/defaults.d.ts

@@ -0,0 +1,50 @@
+export declare const defaultTranslations: {
+    common: {
+        close: string;
+        edit: string;
+        remove: string;
+    };
+    attachment: {
+        edit: string;
+        remove: string;
+    };
+    breadcrumbs: {
+        back: string;
+    };
+    fileUploader: {
+        edit: string;
+        remove: string;
+        attachments: string;
+    };
+    pagination: {
+        next: string;
+        previous: string;
+        goToPage: string;
+    };
+    picker: {
+        add: string;
+        removeAll: string;
+        removeItemLabel: string;
+        selectionAriaLabel: string;
+        tagDescriptionText: string;
+    };
+    textArea: {
+        counter: {
+            charactersEntered: string;
+            charactersRemaining: string;
+            characterRemaining: string;
+            canEnterUpTo: string;
+            charactersOverLimit: string;
+            characterOverLimit: string;
+        };
+    };
+    textField: {
+        password: {
+            show: string;
+            hide: string;
+        };
+    };
+    splitButton: {
+        dropdown: string;
+    };
+};

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

@@ -0,0 +1,4 @@
+export { defaultTranslations } from './defaults';
+export { mergeTranslations } from './mergeTranslations';
+export { replaceTranslationParams } from './replaceTranslationParams';
+export { resolveTranslationKey } from './resolveTranslationKey';

package/dist/src/translations/mergeTranslations.d.ts

@@ -0,0 +1,5 @@
+type TranslationTree = {
+    [key: string]: string | TranslationTree;
+};
+export declare const mergeTranslations: (base: TranslationTree, override: TranslationTree) => TranslationTree;
+export {};

package/dist/src/types/actionGroup.d.ts

@@ -0,0 +1,3 @@
+import { ElementType } from 'react';
+import { SpiritFlexProps } from './flex';
+export type SpiritActionGroupProps<E extends ElementType = 'div'> = SpiritFlexProps<E>;

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

@@ -0,0 +1,23 @@
+import { ElementType } from 'react';
+import { ChildrenProps, PolymorphicComponentProps, StyleProps } from './shared';
+type BreadcrumbsItem = {
+    title: string;
+    url?: string;
+};
+export type BreadcrumbsItems = BreadcrumbsItem[];
+export interface SpiritBreadcrumbsItemProps extends ChildrenProps {
+    href?: string;
+    iconNameEnd?: string;
+    iconNameStart?: string;
+    isCurrent?: boolean;
+    isGoBackOnly?: boolean;
+}
+export interface BreadcrumbsStyleProps extends StyleProps {
+    isGoBackOnly?: boolean;
+}
+export interface BreadcrumbsProps extends StyleProps, ChildrenProps {
+    goBackTitle?: string;
+    items?: BreadcrumbsItems;
+}
+export type SpiritBreadcrumbsProps<E extends ElementType = 'nav'> = PolymorphicComponentProps<E, BreadcrumbsProps>;
+export {};

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

@@ -0,0 +1,20 @@
+import { ElementType } from 'react';
+import { ButtonSizesType, ButtonType, ChildrenProps, ClickEvents, ComponentButtonColorNamesType, EmotionColorNamesType, PolymorphicComponentProps, RouterLinkProps, SingleOrResponsive, SizesDictionaryType, StyleProps } from './shared';
+export type ButtonColor<C> = ComponentButtonColorNamesType<C> | EmotionColorNamesType<C>;
+export type ButtonSize<S> = keyof S extends never ? SizesDictionaryType : ButtonSizesType | S;
+export interface ButtonBaseProps extends ChildrenProps, StyleProps, ClickEvents {
+}
+export interface ButtonStyleProps<C = void, S = void> extends ButtonBaseProps {
+    color?: ButtonColor<C>;
+    isDisabled?: boolean;
+    isBlock?: boolean;
+    isLoading?: boolean;
+    isSymmetrical?: SingleOrResponsive<boolean>;
+    size?: ButtonSize<S>;
+}
+export type ButtonLinkStyleProps<C = void, S = void> = ButtonStyleProps<C, S> & RouterLinkProps;
+export interface ButtonProps<C = void, S = void> extends ButtonStyleProps<C, S> {
+    type?: ButtonType;
+}
+export type SpiritButtonProps<E extends ElementType = 'button', C = void, S = void> = PolymorphicComponentProps<E, ButtonProps<C, S>>;
+export type SpiritButtonLinkProps<E extends ElementType = 'a', C = void, S = void> = PolymorphicComponentProps<E, Omit<ButtonProps<C, S>, 'type'> & RouterLinkProps>;

package/dist/src/types/card.d.ts

@@ -0,0 +1,60 @@
+import { ElementType } from 'react';
+import { ObjectFit } from '../constants';
+import { AlignmentXDictionaryType, AlignmentYDictionaryType, BackgroundAccentColorsType, BackgroundColorsDictionaryType, BackgroundEmotionColorsType, ChildrenProps, DirectionExtendedDictionaryType, PolymorphicComponentProps, SingleOrResponsive, StyleProps } from './shared';
+export declare const CardSizes: {
+    readonly AUTO: "auto";
+    readonly SMALL: "small";
+    readonly MEDIUM: "medium";
+    readonly LARGE: "large";
+};
+export type CardSizesDictionaryKeys = keyof typeof CardSizes;
+export type CardSizesDictionaryType<C = undefined> = (typeof CardSizes)[CardSizesDictionaryKeys] | C;
+export type CardAlignmentXType = SingleOrResponsive<NonNullable<AlignmentXDictionaryType>>;
+export type CardAlignmentYType = SingleOrResponsive<NonNullable<AlignmentYDictionaryType>>;
+export type CardDirectionType = NonNullable<DirectionExtendedDictionaryType> | {
+    [key: string]: NonNullable<DirectionExtendedDictionaryType>;
+};
+export interface CardProps extends ChildrenProps, StyleProps {
+    alignmentY?: CardAlignmentYType;
+    direction?: CardDirectionType;
+    isBoxed?: boolean;
+}
+export type SpiritCardProps<E extends ElementType = 'article'> = PolymorphicComponentProps<E, CardProps>;
+export type CardMediaBackgroundColorsType = BackgroundColorsDictionaryType | BackgroundAccentColorsType | BackgroundEmotionColorsType;
+export type CardMediaObjectFitType = (typeof ObjectFit)[keyof typeof ObjectFit];
+export interface CardMediaProps {
+    backgroundColor?: CardMediaBackgroundColorsType;
+    fit?: CardMediaObjectFitType;
+    hasFilledHeight?: boolean;
+    isExpanded?: boolean;
+    size?: CardSizesDictionaryType;
+}
+export interface SpiritCardMediaProps extends CardMediaProps, ChildrenProps, StyleProps {
+}
+export interface SpiritCardLogoProps extends ChildrenProps, StyleProps {
+}
+export interface CardArtworkProps {
+    alignmentX?: CardAlignmentXType;
+}
+export interface SpiritCardArtworkProps extends CardArtworkProps, ChildrenProps, StyleProps {
+}
+export interface CardBodyProps {
+    isSelectable?: boolean;
+}
+export interface SpiritCardBodyProps extends CardBodyProps, ChildrenProps, StyleProps {
+}
+export interface SpiritCardEyebrowProps extends ChildrenProps, StyleProps {
+}
+export interface CardTitleProps extends ChildrenProps, StyleProps {
+    isHeading?: boolean;
+}
+export type SpiritCardTitleProps<E extends ElementType = 'h4'> = PolymorphicComponentProps<E, CardTitleProps>;
+export interface CardFooterProps {
+    alignmentX?: CardAlignmentXType;
+}
+export interface SpiritCardFooterProps extends CardFooterProps, ChildrenProps, StyleProps {
+}
+export interface CardLinkProps extends ChildrenProps, StyleProps {
+    href?: string;
+}
+export type SpiritCardLinkProps<E extends ElementType = 'a'> = PolymorphicComponentProps<E, CardLinkProps>;

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

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+import { LabelProps } from './label';
+import { ChildrenProps, DetailsProps, HelperTextProps, InputBaseProps, InputPositionType, ItemProps, RequiredProps, SingleOrResponsive, SpiritInputElementPropsWithRef, Validation, ValidationTextProp } from './shared';
+export type CheckboxElementBaseProps = SpiritInputElementPropsWithRef;
+export interface CheckboxProps extends CheckboxElementBaseProps, ChildrenProps, LabelProps, ItemProps, InputBaseProps, Validation, ValidationTextProp, RequiredProps, HelperTextProps, DetailsProps {
+    indeterminate?: boolean;
+    isChecked?: boolean;
+    inputPosition?: SingleOrResponsive<InputPositionType>;
+    label: ReactNode;
+}
+export interface SpiritCheckboxProps extends CheckboxProps {
+}