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

package/dist/types/pagination.d.ts

@@ -0,0 +1,44 @@
+import { ElementType } from 'react';
+import { SpiritButtonProps } from './button';
+import { ChildrenProps, SpiritElementProps, SpiritLItemElementProps, SpiritPolymorphicElementPropsWithRef, SpiritUListElementProps } from './shared';
+export type PaginationLinkDirectionType = 'previous' | 'next';
+export interface PaginationProps extends SpiritElementProps {
+    listProps?: SpiritUListElementProps;
+}
+export interface PaginationItemProps extends SpiritLItemElementProps {
+}
+export interface AriaPaginationProps {
+    accessibilityLabel?: string;
+}
+export interface PaginationLinkBaseProps<E extends ElementType = 'a'> {
+    elementType?: E;
+}
+export interface PaginationLinkProps<E extends ElementType = 'a'> extends PaginationLinkBaseProps<E>, AriaPaginationProps {
+    isCurrent?: boolean;
+    pageNumber: number;
+}
+export type PaginationButtonLinkProps<E extends ElementType = 'a'> = SpiritButtonProps<E> & AriaPaginationProps & {
+    direction: PaginationLinkDirectionType;
+};
+export type PaginationLinkPreviousNextProps<E extends ElementType = 'a'> = SpiritButtonProps<E> & AriaPaginationProps;
+export interface SpiritPaginationProps extends PaginationProps {
+}
+export interface SpiritPaginationItemProps extends PaginationItemProps {
+}
+export type SpiritPaginationLinkProps<E extends ElementType = 'a'> = PaginationLinkProps<E> & SpiritPolymorphicElementPropsWithRef<E, PaginationLinkProps<E>>;
+export type SpiritPaginationButtonLinkProps<E extends ElementType = 'a'> = PaginationButtonLinkProps<E>;
+export type SpiritPaginationLinkPreviousNextProps<E extends ElementType = 'a'> = PaginationLinkPreviousNextProps<E>;
+export interface UncontrolledPaginationProps {
+    accessibilityLabelNext?: string;
+    accessibilityLabelPrevious?: string;
+    defaultPage?: number;
+    visiblePages?: number;
+    onChange?: (pageNumber: number) => void;
+    totalPages: number;
+}
+export interface SpiritUncontrolledPaginationProps extends AriaPaginationProps, UncontrolledPaginationProps, ChildrenProps {
+}
+export interface UsePaginationProps extends UncontrolledPaginationProps {
+    defaultPage: number;
+    visiblePages: number;
+}

package/dist/types/partnerLogo.d.ts

@@ -0,0 +1,7 @@
+import { ChildrenProps, SingleOrResponsive, SizesDictionaryType, StyleProps } from './shared';
+export type SpiritPartnerLogoSizeType<S> = SingleOrResponsive<SizesDictionaryType<S> | S>;
+export interface SpiritPartnerLogoProps<S = string> extends ChildrenProps, StyleProps {
+    hasSafeArea?: boolean;
+    isFluid?: boolean;
+    size?: SpiritPartnerLogoSizeType<S>;
+}

package/dist/types/pill.d.ts

@@ -0,0 +1,13 @@
+import { ComponentPropsWithRef, ElementType } from 'react';
+import { PillColorsExtended } from '../components/Pill';
+import { ChildrenProps, EmotionColorNamesType, StyleProps, TransferProps } from './shared';
+export type PillColorsExtendedNamesType = (typeof PillColorsExtended)[keyof typeof PillColorsExtended];
+export type PillColor<C> = EmotionColorNamesType<C> | PillColorsExtendedNamesType | C;
+export interface AriaPillElementTypeProps<E extends ElementType = 'span'> {
+    elementType?: E;
+}
+export interface PillProps extends ChildrenProps, StyleProps, TransferProps {
+}
+export type SpiritPillProps<E extends ElementType = 'span', C = void> = AriaPillElementTypeProps<E> & ComponentPropsWithRef<E> & PillProps & {
+    color?: PillColor<C>;
+};

package/dist/types/pricingPlan.d.ts

@@ -0,0 +1,32 @@
+import { ElementType, ReactNode } from 'react';
+import { ChildrenProps, RequiredProps, SpiritPolymorphicElementPropsWithRef, StyleProps } from './shared';
+export interface PricingPlanBaseProps extends ChildrenProps, StyleProps {
+    hasComparableFeatures?: boolean;
+    isHighlighted?: boolean;
+    rows?: number;
+}
+export interface PricingPlanHeaderBaseProps extends StyleProps {
+    action?: ReactNode;
+    badge?: ReactNode;
+    note?: string;
+    price?: string;
+    subtitle?: string;
+    title?: ReactNode;
+}
+export type PricingPlanFeature = {
+    description?: string | ReactNode;
+    modalContent?: string | ReactNode;
+    title: string;
+    tooltipContent?: string | ReactNode;
+};
+export interface PricingPlanBodyBaseProps extends StyleProps, RequiredProps {
+    description?: string;
+    features?: PricingPlanFeature[];
+}
+export type PricingPlanProps<E extends ElementType> = {
+    elementType?: E;
+};
+export type SpiritPricingPlanProps<E extends ElementType = 'article'> = PricingPlanProps<E> & PricingPlanBaseProps & SpiritPolymorphicElementPropsWithRef<E, PricingPlanProps<E>>;
+export type SpiritPricingPlanHeaderProps<E extends ElementType = 'header'> = PricingPlanProps<E> & PricingPlanHeaderBaseProps & Omit<SpiritPolymorphicElementPropsWithRef<E, PricingPlanProps<E>>, 'title'>;
+export type SpiritPricingPlanBodyProps<E extends ElementType = 'div'> = PricingPlanProps<E> & PricingPlanBodyBaseProps & SpiritPolymorphicElementPropsWithRef<E, PricingPlanProps<E>>;
+export type SpiritPricingPlanFooterProps<E extends ElementType = 'footer'> = PricingPlanProps<E> & StyleProps & ChildrenProps & SpiritPolymorphicElementPropsWithRef<E, PricingPlanProps<E>>;

package/dist/types/productLogo.d.ts

@@ -0,0 +1,3 @@
+import { ChildrenProps, StyleProps } from './shared';
+export interface SpiritProductLogoProps extends ChildrenProps, StyleProps {
+}

package/dist/types/radio.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+import { LabelProps } from './label';
+import { ChildrenProps, HelperTextProps, InputBaseProps, InputPositionType, ItemProps, RequiredProps, SingleOrResponsive, SpiritInputElementPropsWithRef, Validation } from './shared';
+export type RadioElementBaseProps = SpiritInputElementPropsWithRef;
+export interface RadioProps extends RadioElementBaseProps, ChildrenProps, LabelProps, ItemProps, HelperTextProps, InputBaseProps, RequiredProps, Omit<Validation, 'isRequired'> {
+    inputPosition?: SingleOrResponsive<InputPositionType>;
+    isChecked?: boolean;
+    label: ReactNode;
+}
+export interface SpiritRadioProps extends RadioProps {
+}

package/dist/types/scrollView.d.ts

@@ -0,0 +1,30 @@
+import { RefObject } from 'react';
+import { ChildrenProps, DirectionDictionaryType, StyleProps } from './shared';
+export type ScrollViewDirectionType = DirectionDictionaryType;
+export type ScrollViewOverflowDecoratorsType = 'borders' | 'shadows' | 'both';
+export type ScrollViewArrowsAriaLabelType = {
+    top?: string;
+    bottom?: string;
+    start?: string;
+    end?: string;
+};
+export type ScrollViewArrowsScrollStepType = number;
+interface ScrollViewArrowsBaseProps {
+    ariaLabelArrows?: ScrollViewArrowsAriaLabelType;
+    direction: ScrollViewDirectionType;
+    scrollStep: ScrollViewArrowsScrollStepType;
+    viewportRef: RefObject<HTMLDivElement>;
+}
+export interface ScrollViewBaseProps extends ChildrenProps, StyleProps {
+    ariaLabelArrows?: ScrollViewArrowsAriaLabelType;
+    arrowsScrollStep?: ScrollViewArrowsScrollStepType;
+    direction?: ScrollViewDirectionType;
+    hasArrows?: boolean;
+    isScrollbarDisabled?: boolean;
+    overflowDecorators?: ScrollViewOverflowDecoratorsType;
+}
+export interface SpiritScrollViewProps extends ScrollViewBaseProps {
+}
+export interface SpiritScrollViewArrowsProps extends ScrollViewArrowsBaseProps {
+}
+export {};

package/dist/types/section.d.ts

@@ -0,0 +1,18 @@
+import { ElementType } from 'react';
+import { ContainerProps } from './container';
+import { BackgroundColorsDictionaryType, ChildrenProps, PolymorphicComponentProps, SingleOrResponsive, SizeExtendedDictionaryType, SpaceToken, StyleProps, TextAlignmentType } from './shared';
+export interface SectionBaseProps extends ChildrenProps, StyleProps {
+}
+export interface SectionStyleProps<S = void> extends SectionBaseProps {
+    containerProps?: ContainerProps;
+    hasContainer?: boolean;
+    backgroundColor?: BackgroundColorsDictionaryType;
+    paddingY?: SingleOrResponsive<SpaceToken>;
+    paddingTop?: SingleOrResponsive<SpaceToken>;
+    paddingBottom?: SingleOrResponsive<SpaceToken>;
+    size?: SizeExtendedDictionaryType | S;
+    textAlignment?: TextAlignmentType;
+}
+export interface SectionProps<S = void> extends SectionStyleProps<S> {
+}
+export type SpiritSectionProps<E extends ElementType = 'section', S = void> = PolymorphicComponentProps<E, SectionProps<S>>;

package/dist/types/segmentedControl.d.ts

@@ -0,0 +1,25 @@
+import { ChildrenProps, FillVariantDictionaryType, SpiritInputElementProps, StyleProps, TransferProps } from './shared';
+export interface SegmentedControlBaseProps extends SegmentedControlMultiselectProps {
+    isFluid?: boolean;
+    label: string;
+    name: string;
+    onSelectionChange?: (value: string | string[]) => void;
+    variant?: FillVariantDictionaryType;
+}
+export interface SegmentedControlMultiselectProps {
+    isMultiselect?: boolean;
+}
+export interface SegmentedControlItemProps extends StyleProps, SpiritInputElementProps, ChildrenProps, TransferProps {
+    isDisabled?: boolean;
+}
+export interface SegmentedControlProps extends ChildrenProps, StyleProps, TransferProps {
+}
+export interface SpiritSegmentedControlItemProps extends SegmentedControlItemProps {
+}
+export interface SpiritSegmentedControlProps extends SegmentedControlProps, SegmentedControlBaseProps {
+    selectedValue: string | string[];
+    setSelectedValue: (value: string | string[]) => void;
+}
+export interface SpiritUncontrolledSegmentedControlProps extends SegmentedControlProps, SegmentedControlBaseProps, SegmentedControlMultiselectProps {
+    defaultSelectedValue?: string | string[];
+}

package/dist/types/select.d.ts

@@ -0,0 +1,15 @@
+import { ReactNode } from 'react';
+import { LabelProps } from './label';
+import { HelperTextProps, RequiredProps, SizesDictionaryType, SpiritSelectElementPropsWithRef, Validation, ValidationTextType } from './shared';
+export type SelectElementBaseProps = Omit<SpiritSelectElementPropsWithRef, 'size'>;
+export type SelectSizeType<S> = SizesDictionaryType<S>;
+export interface SelectProps<S = void> extends SelectElementBaseProps, LabelProps, HelperTextProps, RequiredProps, Validation {
+    isDisabled?: boolean;
+    isFluid?: boolean;
+    isLabelHidden?: boolean;
+    label: ReactNode;
+    size?: SelectSizeType<S>;
+    validationText?: ValidationTextType;
+}
+export interface SpiritSelectProps<S = void> extends SelectProps<S> {
+}

package/dist/types/shared/colors.d.ts

@@ -0,0 +1,23 @@
+import { accentColors, componentColors, emotionColors, textColors } from '@alma-oss/spirit-design-tokens';
+import { ColorPrefixes } from '../../constants';
+export type ColorPrefixesType = (typeof ColorPrefixes)[keyof typeof ColorPrefixes];
+type ComponentKeys<Obj extends Record<string, any>, C = never> = keyof Obj | C;
+type MatchingKeys<T, Prefix extends string> = keyof {
+    [K in Extract<keyof T, string> as K extends `${Prefix}${string}` ? K : never]: string;
+};
+type GenerateColorsType<T, Prefix extends string, TokenPrefix extends string, C> = keyof {
+    [K in Extract<keyof T, string> as MatchingKeys<T[K], Prefix> extends `${Prefix}${infer Rest}` ? `${TokenPrefix}-${K}-${Lowercase<Rest>}` : never]: C;
+};
+export type TextAccentColorsType<C = undefined> = GenerateColorsType<typeof accentColors, 'content', 'accent', C>;
+export type BorderAccentColorsType<C = undefined> = GenerateColorsType<typeof accentColors, 'border', 'accent', C>;
+export type BackgroundAccentColorsType<C = undefined> = GenerateColorsType<typeof accentColors, 'background', 'accent', C>;
+export type TextEmotionColorsType<C = undefined> = GenerateColorsType<typeof emotionColors, 'content', 'emotion', C>;
+export type BorderEmotionColorsType<C = undefined> = GenerateColorsType<typeof emotionColors, 'border', 'emotion', C>;
+export type BackgroundEmotionColorsType<C = undefined> = GenerateColorsType<typeof emotionColors, 'background', 'emotion', C>;
+export type TextNeutralColorsType<C = undefined> = 'neutral-basic' | 'neutral-subtle' | C;
+export type BackgroundNeutralColorsType<C = undefined> = 'neutral-basic' | 'neutral-subtle' | C;
+export type AccentColorNamesType<C = undefined> = ComponentKeys<typeof accentColors, C>;
+export type ComponentButtonColorNamesType<C = undefined> = ComponentKeys<typeof componentColors.button, C>;
+export type EmotionColorNamesType<C = undefined> = ComponentKeys<typeof emotionColors, C>;
+export type TextColorNamesType<C = undefined> = ComponentKeys<typeof textColors, C>;
+export {};

package/dist/types/shared/dialogs.d.ts

@@ -0,0 +1,10 @@
+import { SyntheticEvent } from 'react';
+import { SpiritDialogElementPropsWithRef } from './element';
+import { ChildrenProps, StyleProps } from '.';
+export type DialogElementBaseProps = SpiritDialogElementPropsWithRef;
+export interface DialogProps extends DialogElementBaseProps, ChildrenProps, StyleProps {
+    isOpen: boolean;
+    onClose: (event: Event | SyntheticEvent) => void;
+    closeOnBackdropClick?: boolean;
+    closeOnEscapeKeyDown?: boolean;
+}

package/dist/types/shared/dictionaries.d.ts

@@ -0,0 +1,57 @@
+import { AlignmentX, AlignmentXExtended, AlignmentY, AlignmentYExtended, BackgroundColors, BackgroundGradients, BorderColors, BorderRadii, BorderStyles, BorderWidths, ComponentButtonColors, Emphasis, FillVariants, Intensity, LinkColors, Placements, ShapeVariants, Sizes, SizesExtended, TextAlignments, TextColors, ValidationStates } from '../../constants';
+import { TextAccentColorsType, TextEmotionColorsType, TextNeutralColorsType } from './colors';
+type AutocompleteStringLiteral = string & {};
+export type AlignmentXDictionaryKeys = keyof typeof AlignmentX;
+export type AlignmentXDictionaryType<T = undefined> = (typeof AlignmentX)[AlignmentXDictionaryKeys] | T;
+export type AlignmentXExtendedDictionaryKeys = keyof typeof AlignmentXExtended;
+export type AlignmentXExtendedDictionaryType<T = undefined> = (typeof AlignmentXExtended)[AlignmentXExtendedDictionaryKeys] | T;
+export type AlignmentYDictionaryKeys = keyof typeof AlignmentY;
+export type AlignmentYDictionaryType<T = undefined> = (typeof AlignmentY)[AlignmentYDictionaryKeys] | T;
+export type AlignmentYExtendedDictionaryKeys = keyof typeof AlignmentYExtended;
+export type AlignmentYExtendedDictionaryType<T = undefined> = (typeof AlignmentYExtended)[AlignmentYExtendedDictionaryKeys] | T;
+export type TextAlignmentDictionaryKeys = keyof typeof TextAlignments;
+export type TextAlignmentDictionaryType<T = undefined> = (typeof TextAlignments)[TextAlignmentDictionaryKeys] | T;
+export type BorderColorsDictionaryKeys = keyof typeof BorderColors;
+export type BorderColorsDictionaryType<C = undefined> = (typeof BorderColors)[BorderColorsDictionaryKeys] | C;
+export type BorderRadiiDictionaryKeys = keyof typeof BorderRadii;
+export type BorderRadiiDictionaryType<C = undefined> = (typeof BorderRadii)[BorderRadiiDictionaryKeys] | C;
+export type BorderStylesDictionaryKeys = keyof typeof BorderStyles;
+export type BorderStylesDictionaryType<C = undefined> = (typeof BorderStyles)[BorderStylesDictionaryKeys] | C;
+export type BorderWidthsDictionaryKeys = keyof typeof BorderWidths;
+export type BorderWidthsDictionaryType<C = undefined> = (typeof BorderWidths)[BorderWidthsDictionaryKeys] | C;
+export type BackgroundColorsDictionaryKeys = keyof typeof BackgroundColors;
+export type BackgroundColorsDictionaryType<C = undefined> = (typeof BackgroundColors)[BackgroundColorsDictionaryKeys] | C;
+export type ComponentButtonColorsDictionaryKeys = keyof typeof ComponentButtonColors;
+export type ComponentButtonColorsDictionaryType<C = undefined> = (typeof ComponentButtonColors)[ComponentButtonColorsDictionaryKeys] | C;
+export type LinkColorsDictionaryKeys = keyof typeof LinkColors;
+export type LinkColorsDictionaryType<C = undefined> = (typeof LinkColors)[LinkColorsDictionaryKeys] | C;
+export type TextColorsDictionaryKeys = keyof typeof TextColors;
+export type TextColorsDictionaryType<C = undefined> = (typeof TextColors)[TextColorsDictionaryKeys] | C;
+export interface TextColorProps<C = undefined> {
+    textColor?: C | TextAccentColorsType | TextEmotionColorsType | TextNeutralColorsType | TextColorsDictionaryType;
+}
+export type IntensityDictionaryKeys = keyof typeof Intensity;
+export type IntensityDictionaryType = (typeof Intensity)[IntensityDictionaryKeys];
+export type EmphasisDictionaryKeys = keyof typeof Emphasis;
+export type EmphasisDictionaryType<C = undefined> = (typeof Emphasis)[EmphasisDictionaryKeys] | C;
+export interface EmphasisProps<E> {
+    emphasis?: E;
+}
+export type BackgroundGradientsDictionaryKeys = keyof typeof BackgroundGradients;
+export type BackgroundGradientsDictionaryType<C = undefined> = (typeof BackgroundGradients)[BackgroundGradientsDictionaryKeys] | C;
+export type PlacementDictionaryKeys = keyof typeof Placements;
+export type PlacementDictionaryType<T = undefined> = (typeof Placements)[PlacementDictionaryKeys] | T;
+export type SizesDictionaryKeys = keyof typeof Sizes;
+export type SizesDictionaryType<T = undefined> = (typeof Sizes)[SizesDictionaryKeys] | T;
+export type SizesExtendedDictionaryKeys = keyof typeof SizesExtended;
+export type SizeExtendedDictionaryType<T = undefined> = (typeof SizesExtended)[SizesExtendedDictionaryKeys] | T;
+export interface SizeProps<P> {
+    size?: P;
+}
+export type ValidationStatesDictionaryKeys = keyof typeof ValidationStates;
+export type ValidationStatesDictionaryType<T = undefined> = (typeof ValidationStates)[ValidationStatesDictionaryKeys] | T;
+export type ShapeVariantDictionaryKeys = keyof typeof ShapeVariants;
+export type ShapeVariantDictionaryType = (typeof ShapeVariants)[ShapeVariantDictionaryKeys] | AutocompleteStringLiteral;
+export type FillVariantDictionaryKeys = keyof typeof FillVariants;
+export type FillVariantDictionaryType = (typeof FillVariants)[FillVariantDictionaryKeys] | AutocompleteStringLiteral;
+export {};

package/dist/types/shared/directions.d.ts

@@ -0,0 +1,5 @@
+import { Direction, DirectionExtended } from '../../constants';
+export type DirectionDictionaryKeys = keyof typeof Direction;
+export type DirectionDictionaryType = (typeof Direction)[DirectionDictionaryKeys];
+export type DirectionExtendedDictionaryKeys = keyof typeof DirectionExtended;
+export type DirectionExtendedDictionaryType = (typeof DirectionExtended)[DirectionExtendedDictionaryKeys];

package/dist/types/shared/dragAndDrop.d.ts

@@ -0,0 +1,7 @@
+import { DragEvent } from 'react';
+export interface DragAndDropHandlingProps<E = HTMLElement> {
+    onDragEnter: (event: DragEvent<E>) => void;
+    onDragLeave: (event: DragEvent<E>) => void;
+    onDragOver: (event: DragEvent<E>) => void;
+    onDrop: (event: DragEvent<E>) => void;
+}

package/dist/types/shared/element.d.ts

@@ -0,0 +1,51 @@
+import { ComponentPropsWithRef, ComponentPropsWithoutRef, DetailedHTMLProps, ElementType, HTMLAttributes, HTMLProps, PropsWithChildren } from 'react';
+import { PolymorphicRef } from './polymorphic';
+import { OverloadStyleProps } from './style';
+type ElementTypeProp<E extends ElementType> = {
+    elementType?: E;
+};
+type DistributiveOmit<T, U> = T extends unknown ? Pick<T, Exclude<keyof T, U>> : never;
+type PropsOf<E extends ElementType> = E extends {
+    spiritDefaultElement: infer D;
+    spiritDefaultProps: infer P;
+} ? D extends ElementType ? P extends ComponentPropsWithRef<ElementType> ? P & ComponentPropsWithRef<D> : ComponentPropsWithRef<D> & ComponentPropsWithRef<E> : ComponentPropsWithRef<E> : E extends {
+    spiritDefaultElement: infer D;
+} ? D extends ElementType ? ComponentPropsWithRef<D> & ComponentPropsWithRef<E> : ComponentPropsWithRef<E> : ComponentPropsWithRef<E>;
+export type SpiritPolymorphicComponentProp<E extends ElementType, P> = PropsWithChildren<ElementTypeProp<E> & P & DistributiveOmit<PropsOf<E>, keyof P | keyof ElementTypeProp<E> | 'ref'>>;
+export type SpiritPolymorphicComponentPropWithRef<E extends ElementType, P> = SpiritPolymorphicComponentProp<E, P> & {
+    ref?: PolymorphicRef<E>;
+};
+export type SpiritDetailedHTMLProps<E> = DetailedHTMLProps<HTMLAttributes<E>, E>;
+export type SpiritCombinedHTMLProps<E> = DetailedHTMLProps<HTMLAttributes<E>, E> & HTMLProps<E>;
+export type SpiritPolymorphicElementPropsWithRef<E extends ElementType, P> = Omit<ComponentPropsWithRef<E>, keyof P>;
+export type SpiritPolymorphicElementPropsWithoutRef<E extends ElementType, P> = Omit<ComponentPropsWithoutRef<E>, keyof P>;
+export type SpiritElementBaseProps = SpiritDetailedHTMLProps<HTMLElement>;
+export type SpiritAnchorElementBaseProps = SpiritCombinedHTMLProps<HTMLButtonElement>;
+export type SpiritButtonElementBaseProps = SpiritCombinedHTMLProps<HTMLButtonElement>;
+export type SpiritDialogElementBaseProps = SpiritDetailedHTMLProps<HTMLDialogElement>;
+export type SpiritDivElementBaseProps = SpiritDetailedHTMLProps<HTMLDivElement>;
+export type SpiritInputElementBaseProps = SpiritCombinedHTMLProps<HTMLInputElement>;
+export type SpiritLItemElementBaseProps = SpiritDetailedHTMLProps<HTMLLIElement>;
+export type SpiritSelectElementBaseProps = SpiritCombinedHTMLProps<HTMLSelectElement>;
+export type SpiritSpanElementBaseProps = SpiritDetailedHTMLProps<HTMLSpanElement>;
+export type SpiritTextAreaElementBaseProps = SpiritCombinedHTMLProps<HTMLTextAreaElement>;
+export type SpiritUListElementBaseProps = SpiritDetailedHTMLProps<HTMLUListElement>;
+export type SpiritFieldGroupElementBaseProps = SpiritDetailedHTMLProps<HTMLFieldSetElement>;
+export type SpiritElementProps = OverloadStyleProps<SpiritElementBaseProps>;
+export type SpiritAnchorElementProps = OverloadStyleProps<SpiritAnchorElementBaseProps>;
+export type SpiritButtonElementProps = OverloadStyleProps<SpiritButtonElementBaseProps>;
+export type SpiritDialogElementProps = OverloadStyleProps<SpiritDialogElementBaseProps>;
+export type SpiritDivElementProps = OverloadStyleProps<SpiritDivElementBaseProps>;
+export type SpiritInputElementProps = Omit<OverloadStyleProps<SpiritInputElementBaseProps>, 'required' | 'disabled' | 'type'>;
+export type SpiritLItemElementProps = OverloadStyleProps<SpiritLItemElementBaseProps>;
+export type SpiritSelectElementProps = Omit<OverloadStyleProps<SpiritSelectElementBaseProps>, 'required' | 'disabled'>;
+export type SpiritSpanElementProps = OverloadStyleProps<SpiritSpanElementBaseProps>;
+export type SpiritTextAreaElementProps = Omit<OverloadStyleProps<SpiritTextAreaElementBaseProps>, 'required' | 'disabled'>;
+export type SpiritUListElementProps = OverloadStyleProps<SpiritUListElementBaseProps>;
+export type SpiritFieldGroupElementProps = OverloadStyleProps<SpiritFieldGroupElementBaseProps>;
+export type SpiritInputElementPropsWithRef = Omit<SpiritInputElementProps & ComponentPropsWithRef<'input'>, 'id' | 'label'>;
+export type SpiritSelectElementPropsWithRef = Omit<SpiritSelectElementProps & ComponentPropsWithRef<'select'>, 'id' | 'label'>;
+export type SpiritTextAreaElementPropsWithRef = Omit<SpiritTextAreaElementProps & ComponentPropsWithRef<'textarea'>, 'id' | 'label'>;
+export type SpiritDialogElementPropsWithRef = Omit<SpiritDialogElementProps & ComponentPropsWithRef<'dialog'>, 'onClose'>;
+export type SpiritFieldGroupElementPropsWithRef = Omit<SpiritFieldGroupElementProps & ComponentPropsWithRef<'fieldset'>, 'id'>;
+export {};

package/dist/types/shared/events.d.ts

@@ -0,0 +1,8 @@
+import { MouseEvent as ReactMouseEvent, SyntheticEvent } from 'react';
+export type BaseEvent<T extends SyntheticEvent> = T & unknown;
+export interface ClickEvent extends BaseEvent<ReactMouseEvent<any>> {
+    target: HTMLElement;
+}
+export interface ClickEvents {
+    onClick?: (event: ClickEvent) => void;
+}

package/dist/types/shared/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./style.cjs"),T=require("./tokens.cjs");var t=(e=>(e.TABLET="tablet",e.DESKTOP="desktop",e))(t||{});exports.STYLE_SPACING_AUTO=r.STYLE_SPACING_AUTO;exports.BREAKPOINT_MOBILE=T.BREAKPOINT_MOBILE;exports.SpiritBreakpoints=t;
+//# sourceMappingURL=index.cjs.map

package/dist/types/shared/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/types/shared/index.ts"],"sourcesContent":["import { type ElementType, type ReactNode } from 'react';\n\nexport * from './adornments';\nexport * from './buttons';\nexport * from './colors';\nexport * from './columns';\nexport * from './dialogs';\nexport * from './dictionaries';\nexport * from './directions';\nexport * from './dragAndDrop';\nexport * from './element';\nexport * from './events';\nexport * from './inputs';\nexport * from './item';\nexport * from './polymorphic';\nexport * from './positions';\nexport * from './radii';\nexport * from './refs';\nexport * from './responsive';\nexport * from './rest';\nexport * from './sizes';\nexport * from './style';\nexport * from './text';\nexport * from './tokens';\n\nexport interface ChildrenProps {\n  /** The content to display in the component. */\n  children?: ReactNode | string;\n}\n\nexport interface ElementTypeProps<E extends ElementType = 'div'> {\n  /**\n   * The HTML element or React element used to render the component.\n   *\n   * @default 'div'\n   */\n  elementType?: E;\n}\n\nexport enum SpiritBreakpoints {\n  TABLET = 'tablet',\n  DESKTOP = 'desktop',\n}\n\n/**\n * This is actual type for all aria-* props which have value 'true' or 'false' is called Booleanish.\n * Unfortunately it is not exported, and you must create it manually.\n */\nexport type Booleanish = boolean | 'true' | 'false';\n\n/**\n * Represents a non-negative integer.\n *\n * @template T - The type of the number.\n */\n/* eslint-disable @typescript-eslint/no-explicit-any -- we don't care about the type here */\nexport type PositiveInteger<T extends number> = `${T}` extends '0' | `-${any}` | `${any}.${any}` ? never : T;\n/* eslint-enable @typescript-eslint/no-explicit-any */\n"],"names":["SpiritBreakpoints"],"mappings":"yIAuCO,IAAKA,GAAAA,IACVA,EAAA,OAAS,SACTA,EAAA,QAAU,UAFAA,IAAAA,GAAA,CAAA,CAAA"}

package/dist/types/shared/index.d.ts

@@ -0,0 +1,35 @@
+import { ElementType, ReactNode } from 'react';
+export * from './adornments';
+export * from './buttons';
+export * from './colors';
+export * from './columns';
+export * from './dialogs';
+export * from './dictionaries';
+export * from './directions';
+export * from './dragAndDrop';
+export * from './element';
+export * from './events';
+export * from './inputs';
+export * from './item';
+export * from './polymorphic';
+export * from './positions';
+export * from './radii';
+export * from './refs';
+export * from './responsive';
+export * from './rest';
+export * from './sizes';
+export * from './style';
+export * from './text';
+export * from './tokens';
+export interface ChildrenProps {
+    children?: ReactNode | string;
+}
+export interface ElementTypeProps<E extends ElementType = 'div'> {
+    elementType?: E;
+}
+export declare enum SpiritBreakpoints {
+    TABLET = "tablet",
+    DESKTOP = "desktop"
+}
+export type Booleanish = boolean | 'true' | 'false';
+export type PositiveInteger<T extends number> = `${T}` extends '0' | `-${any}` | `${any}.${any}` ? never : T;

package/dist/types/shared/index.js

@@ -0,0 +1,9 @@
+import { STYLE_SPACING_AUTO as o } from "./style.js";
+import { BREAKPOINT_MOBILE as A } from "./tokens.js";
+var t = /* @__PURE__ */ ((r) => (r.TABLET = "tablet", r.DESKTOP = "desktop", r))(t || {});
+export {
+  A as BREAKPOINT_MOBILE,
+  o as STYLE_SPACING_AUTO,
+  t as SpiritBreakpoints
+};
+//# sourceMappingURL=index.js.map

package/dist/types/shared/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/types/shared/index.ts"],"sourcesContent":["import { type ElementType, type ReactNode } from 'react';\n\nexport * from './adornments';\nexport * from './buttons';\nexport * from './colors';\nexport * from './columns';\nexport * from './dialogs';\nexport * from './dictionaries';\nexport * from './directions';\nexport * from './dragAndDrop';\nexport * from './element';\nexport * from './events';\nexport * from './inputs';\nexport * from './item';\nexport * from './polymorphic';\nexport * from './positions';\nexport * from './radii';\nexport * from './refs';\nexport * from './responsive';\nexport * from './rest';\nexport * from './sizes';\nexport * from './style';\nexport * from './text';\nexport * from './tokens';\n\nexport interface ChildrenProps {\n  /** The content to display in the component. */\n  children?: ReactNode | string;\n}\n\nexport interface ElementTypeProps<E extends ElementType = 'div'> {\n  /**\n   * The HTML element or React element used to render the component.\n   *\n   * @default 'div'\n   */\n  elementType?: E;\n}\n\nexport enum SpiritBreakpoints {\n  TABLET = 'tablet',\n  DESKTOP = 'desktop',\n}\n\n/**\n * This is actual type for all aria-* props which have value 'true' or 'false' is called Booleanish.\n * Unfortunately it is not exported, and you must create it manually.\n */\nexport type Booleanish = boolean | 'true' | 'false';\n\n/**\n * Represents a non-negative integer.\n *\n * @template T - The type of the number.\n */\n/* eslint-disable @typescript-eslint/no-explicit-any -- we don't care about the type here */\nexport type PositiveInteger<T extends number> = `${T}` extends '0' | `-${any}` | `${any}.${any}` ? never : T;\n/* eslint-enable @typescript-eslint/no-explicit-any */\n"],"names":["SpiritBreakpoints"],"mappings":";;AAuCO,IAAKA,sBAAAA,OACVA,EAAA,SAAS,UACTA,EAAA,UAAU,WAFAA,IAAAA,KAAA,CAAA,CAAA;"}

package/dist/types/shared/inputs.d.ts

@@ -0,0 +1,34 @@
+import { AriaRole, ReactNode } from 'react';
+import { InputPositions } from '../../constants';
+import { ValidationStatesDictionaryType } from './dictionaries';
+export type ValidationState = ValidationStatesDictionaryType;
+export type ValidationTextType = ReactNode | ReactNode[];
+export interface Validation {
+    validationState?: ValidationState;
+    isRequired?: boolean;
+    hasValidationIcon?: boolean;
+}
+export interface TextInputBase {
+    placeholder?: string;
+    inputWidth?: number;
+}
+export type InputBaseProps = {
+    isLabelHidden?: boolean;
+    isDisabled?: boolean;
+};
+export interface TextInputProps extends TextInputBase {
+    isFluid?: boolean;
+}
+export interface HelperTextProps {
+    helperText?: ReactNode;
+}
+export interface ValidationTextProp {
+    role?: AriaRole;
+    validationText?: ValidationTextType;
+    hasValidationStateIcon?: ValidationState;
+}
+export interface RequiredProps {
+    id: string;
+}
+export type InputPositionKeys = keyof typeof InputPositions;
+export type InputPositionType = (typeof InputPositions)[InputPositionKeys];

package/dist/types/shared/polymorphic.d.ts

@@ -0,0 +1,13 @@
+import { ComponentPropsWithRef, ElementType, ForwardRefExoticComponent, RefAttributes } from 'react';
+export type PolymorphicComponentProps<E extends ElementType, Props = object> = Props & Omit<ComponentPropsWithRef<E>, keyof Props | 'elementType'> & {
+    elementType?: E;
+};
+export type ComponentStaticProps = {
+    spiritComponent: string;
+    displayName: string;
+};
+export type PolymorphicComponent<E extends ElementType, Props> = (<T extends ElementType = E>(props: PolymorphicComponentProps<T, Props> & {
+    ref?: PolymorphicRef<T>;
+}) => JSX.Element) & ComponentStaticProps;
+export type PolymorphicRef<E extends ElementType> = ComponentPropsWithRef<E>['ref'];
+export type ForwardRefComponent<E, Props> = ForwardRefExoticComponent<Props & RefAttributes<E>> & ComponentStaticProps;

package/dist/types/shared/positions.d.ts

@@ -0,0 +1,3 @@
+import { Position } from '../../constants';
+export type PositionKeys = keyof typeof Position;
+export type PositionType = (typeof Position)[PositionKeys];

package/dist/types/shared/radii.d.ts

@@ -0,0 +1,2 @@
+import { radii } from '@alma-oss/spirit-design-tokens';
+export type BorderRadiiTokenType = `${keyof typeof radii}`;

package/dist/types/shared/refs.d.ts

@@ -0,0 +1,5 @@
+import { Ref } from 'react';
+export interface DOMRefValue<T extends HTMLElement = HTMLElement> {
+    UNSAFE_getDOMNode(): T;
+}
+export type DOMRef<T extends HTMLElement = HTMLElement> = Ref<DOMRefValue<T>>;

package/dist/types/shared/responsive.d.ts

@@ -0,0 +1,4 @@
+import { breakpoints } from '@alma-oss/spirit-design-tokens';
+export type BreakpointToken = keyof typeof breakpoints;
+export type Responsive<T> = Partial<Record<BreakpointToken, T>>;
+export type SingleOrResponsive<T> = T | Responsive<T>;

package/dist/types/shared/sizes.d.ts

@@ -0,0 +1,3 @@
+import { buttons, containers } from '@alma-oss/spirit-design-tokens';
+export type ButtonSizesType = keyof typeof buttons;
+export type ContainerSizesType = Exclude<keyof typeof containers, 'padding' | 'maxWidth'>;

package/dist/types/shared/style.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t="auto";exports.STYLE_SPACING_AUTO=t;
+//# sourceMappingURL=style.cjs.map

package/dist/types/shared/style.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.cjs","sources":["../../../src/types/shared/style.ts"],"sourcesContent":["import { type CSSProperties, type ElementType } from 'react';\nimport { type SpacingStyleProp } from '../../constants';\nimport { type TextAlignmentDictionaryType } from './dictionaries';\nimport { type BreakpointToken, type SingleOrResponsive } from './responsive';\nimport { type TextHyphensDictionaryType, type TextWordBreakDictionaryType } from './text';\nimport { type SpaceToken, type ThemeNameType } from './tokens';\n\nexport const STYLE_SPACING_AUTO = 'auto' as const;\nexport type StyleSpacingAuto = typeof STYLE_SPACING_AUTO;\n\nexport type SpacingProps = {\n  [key in keyof typeof SpacingStyleProp]?: SingleOrResponsive<SpaceToken | StyleSpacingAuto>;\n};\n\nexport type SpacingType = SingleOrResponsive<SpaceToken>;\n\nexport interface SpacingProp {\n  spacing?: SpacingType;\n}\n\nexport interface SpacingCSSProperties extends CSSProperties {\n  [index: `--${string}`]: string | undefined | number;\n}\n\nexport type DimensionType = SingleOrResponsive<number>;\n\nexport type ElementTypeProp = string | ElementType;\n\nexport type DisplayProps = {\n  hideOn?: BreakpointToken | BreakpointToken[];\n  hideFrom?: BreakpointToken;\n};\n\nexport interface StyleProps extends SpacingProps, DisplayProps {\n  /** Applies a theme class based on the defined design tokens. */\n  theme?: ThemeNameType;\n  // For backward compatibility!\n  /** Sets the CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. Only use as a **last resort**. Use style props instead. */\n  UNSAFE_className?: string;\n  /** Sets inline [style](https://developer.mozilla.org/en-US/docs/Web/API/Element/style) for the element. Only use as a **last resort**. Use style props instead. */\n  UNSAFE_style?: CSSProperties;\n}\n\nexport type TextAlignmentType = SingleOrResponsive<TextAlignmentDictionaryType>;\n\nexport type TextHyphensType = TextHyphensDictionaryType;\n\nexport type TextWordBreakType = TextWordBreakDictionaryType;\n\nexport type UnsafeStyleProps = 'style' | 'className';\n\nexport type OmittedExtendedUnsafeStyleProps<E, P> = Omit<E, UnsafeStyleProps & P>;\n\nexport type OverloadStyleProps<E> = Omit<E, UnsafeStyleProps> & StyleProps;\n"],"names":["STYLE_SPACING_AUTO"],"mappings":"gFAOO,MAAMA,EAAqB"}

package/dist/types/shared/style.d.ts

@@ -0,0 +1,35 @@
+import { CSSProperties, ElementType } from 'react';
+import { SpacingStyleProp } from '../../constants';
+import { TextAlignmentDictionaryType } from './dictionaries';
+import { BreakpointToken, SingleOrResponsive } from './responsive';
+import { TextHyphensDictionaryType, TextWordBreakDictionaryType } from './text';
+import { SpaceToken, ThemeNameType } from './tokens';
+export declare const STYLE_SPACING_AUTO: "auto";
+export type StyleSpacingAuto = typeof STYLE_SPACING_AUTO;
+export type SpacingProps = {
+    [key in keyof typeof SpacingStyleProp]?: SingleOrResponsive<SpaceToken | StyleSpacingAuto>;
+};
+export type SpacingType = SingleOrResponsive<SpaceToken>;
+export interface SpacingProp {
+    spacing?: SpacingType;
+}
+export interface SpacingCSSProperties extends CSSProperties {
+    [index: `--${string}`]: string | undefined | number;
+}
+export type DimensionType = SingleOrResponsive<number>;
+export type ElementTypeProp = string | ElementType;
+export type DisplayProps = {
+    hideOn?: BreakpointToken | BreakpointToken[];
+    hideFrom?: BreakpointToken;
+};
+export interface StyleProps extends SpacingProps, DisplayProps {
+    theme?: ThemeNameType;
+    UNSAFE_className?: string;
+    UNSAFE_style?: CSSProperties;
+}
+export type TextAlignmentType = SingleOrResponsive<TextAlignmentDictionaryType>;
+export type TextHyphensType = TextHyphensDictionaryType;
+export type TextWordBreakType = TextWordBreakDictionaryType;
+export type UnsafeStyleProps = 'style' | 'className';
+export type OmittedExtendedUnsafeStyleProps<E, P> = Omit<E, UnsafeStyleProps & P>;
+export type OverloadStyleProps<E> = Omit<E, UnsafeStyleProps> & StyleProps;

package/dist/types/shared/style.js

@@ -0,0 +1,5 @@
+const t = "auto";
+export {
+  t as STYLE_SPACING_AUTO
+};
+//# sourceMappingURL=style.js.map

package/dist/types/shared/style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","sources":["../../../src/types/shared/style.ts"],"sourcesContent":["import { type CSSProperties, type ElementType } from 'react';\nimport { type SpacingStyleProp } from '../../constants';\nimport { type TextAlignmentDictionaryType } from './dictionaries';\nimport { type BreakpointToken, type SingleOrResponsive } from './responsive';\nimport { type TextHyphensDictionaryType, type TextWordBreakDictionaryType } from './text';\nimport { type SpaceToken, type ThemeNameType } from './tokens';\n\nexport const STYLE_SPACING_AUTO = 'auto' as const;\nexport type StyleSpacingAuto = typeof STYLE_SPACING_AUTO;\n\nexport type SpacingProps = {\n  [key in keyof typeof SpacingStyleProp]?: SingleOrResponsive<SpaceToken | StyleSpacingAuto>;\n};\n\nexport type SpacingType = SingleOrResponsive<SpaceToken>;\n\nexport interface SpacingProp {\n  spacing?: SpacingType;\n}\n\nexport interface SpacingCSSProperties extends CSSProperties {\n  [index: `--${string}`]: string | undefined | number;\n}\n\nexport type DimensionType = SingleOrResponsive<number>;\n\nexport type ElementTypeProp = string | ElementType;\n\nexport type DisplayProps = {\n  hideOn?: BreakpointToken | BreakpointToken[];\n  hideFrom?: BreakpointToken;\n};\n\nexport interface StyleProps extends SpacingProps, DisplayProps {\n  /** Applies a theme class based on the defined design tokens. */\n  theme?: ThemeNameType;\n  // For backward compatibility!\n  /** Sets the CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. Only use as a **last resort**. Use style props instead. */\n  UNSAFE_className?: string;\n  /** Sets inline [style](https://developer.mozilla.org/en-US/docs/Web/API/Element/style) for the element. Only use as a **last resort**. Use style props instead. */\n  UNSAFE_style?: CSSProperties;\n}\n\nexport type TextAlignmentType = SingleOrResponsive<TextAlignmentDictionaryType>;\n\nexport type TextHyphensType = TextHyphensDictionaryType;\n\nexport type TextWordBreakType = TextWordBreakDictionaryType;\n\nexport type UnsafeStyleProps = 'style' | 'className';\n\nexport type OmittedExtendedUnsafeStyleProps<E, P> = Omit<E, UnsafeStyleProps & P>;\n\nexport type OverloadStyleProps<E> = Omit<E, UnsafeStyleProps> & StyleProps;\n"],"names":["STYLE_SPACING_AUTO"],"mappings":"AAOO,MAAMA,IAAqB;"}

package/dist/types/shared/text.d.ts

@@ -0,0 +1,14 @@
+import { TextHyphens, TextWordBreaks } from '../../constants';
+import { TextAccentColorsType, TextColorNamesType, TextEmotionColorsType } from './colors';
+import { TextAlignmentType, TextHyphensType, TextWordBreakType } from './style';
+export type TextHyphensDictionaryKeys = keyof typeof TextHyphens;
+export type TextHyphensDictionaryType = (typeof TextHyphens)[TextHyphensDictionaryKeys];
+export type TextWordBreakDictionaryKeys = keyof typeof TextWordBreaks;
+export type TextWordBreakDictionaryType = (typeof TextWordBreaks)[TextWordBreakDictionaryKeys];
+export type TextColorsType<C = undefined> = TextColorNamesType<C> | TextAccentColorsType<C> | TextEmotionColorsType<C>;
+export interface TypographyBaseProps {
+    isTextBalanced?: boolean;
+    textAlignment?: TextAlignmentType;
+    textHyphens?: TextHyphensType;
+    textWordBreak?: TextWordBreakType;
+}

package/dist/types/shared/tokens.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="mobile";exports.BREAKPOINT_MOBILE=e;
+//# sourceMappingURL=tokens.cjs.map

package/dist/types/shared/tokens.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.cjs","sources":["../../../src/types/shared/tokens.ts"],"sourcesContent":["import { type spaces, type themes } from '@alma-oss/spirit-design-tokens';\n\nexport const BREAKPOINT_MOBILE = 'mobile';\n\nexport type SpaceToken = `space-${keyof typeof spaces}` | `space-${number}`;\n\ntype CamelCaseToKebabCaseHelper<S extends string> = S extends `${infer First}${infer Rest}`\n  ? First extends Lowercase<First>\n    ? `${First}${CamelCaseToKebabCaseHelper<Rest>}`\n    : `-${Lowercase<First>}${CamelCaseToKebabCaseHelper<Rest>}`\n  : '';\n\ntype CamelCaseToKebabCase<S extends string> = S extends `${infer First}${infer Rest}`\n  ? `${Lowercase<First>}${CamelCaseToKebabCaseHelper<Rest>}`\n  : S;\n\nexport type ThemeName = keyof typeof themes;\nexport type ThemeNameType = CamelCaseToKebabCase<ThemeName>;\n"],"names":["BREAKPOINT_MOBILE"],"mappings":"gFAEO,MAAMA,EAAoB"}