@sendoutcards/quantum-design-ui 1.8.39-alpha.5 → 2.0.0-alpha.0

package/dist/src/molecules/sphere/sphere.d.ts

@@ -1,14 +1,14 @@
-import { FC } from 'react';
-import { TextColor } from "../../exports/atoms";
-import { BackgroundColor } from "../../helpers/hoc-types/hocBaseUnion";
-import { SizeType } from "../../types/global";
-import { Char } from "../../types/global";
-export declare type SphereProps = {
-    backgroundColor: BackgroundColor;
-    step: {
-        content: Char | number;
-        color?: TextColor;
-    };
-    size: SizeType;
-};
-export declare const Sphere: FC<SphereProps>;
+import { FC } from 'react';
+import { TextColor } from 'src/exports/atoms';
+import { BackgroundColor } from 'src/helpers/hoc-types/hocBaseUnion';
+import { SizeType } from 'src/types/global';
+import { Char } from 'src/types/global';
+export type SphereProps = {
+    backgroundColor: BackgroundColor;
+    step: {
+        content: Char | number;
+        color?: TextColor;
+    };
+    size: SizeType;
+};
+export declare const Sphere: FC<SphereProps>;

package/dist/src/molecules/stackedCards/stackedCards.d.ts

@@ -1,12 +1,12 @@
-import React from 'react';
-import { BackgroundColor, BorderRadius } from "../../helpers/hoc-types/hocBaseUnion";
-export declare type StackedCardsProps = {
-    width: number;
-    height: number;
-    stackCount?: number;
-    backgroundImage?: string;
-    stackBackgroundColor?: BackgroundColor;
-    borderRadius?: BorderRadius;
-    children?: React.ReactNode;
-};
-export declare const StackedCards: ({ width, height, stackCount, children, backgroundImage, borderRadius, }: StackedCardsProps) => React.JSX.Element;
+import React from 'react';
+import { BackgroundColor, BorderRadius } from 'src/helpers/hoc-types/hocBaseUnion';
+export type StackedCardsProps = {
+    width: number;
+    height: number;
+    stackCount?: number;
+    backgroundImage?: string;
+    stackBackgroundColor?: BackgroundColor;
+    borderRadius?: BorderRadius;
+    children?: React.ReactNode;
+};
+export declare const StackedCards: ({ width, height, stackCount, children, backgroundImage, borderRadius, }: StackedCardsProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/molecules/stoplight/components/colorOption.d.ts

@@ -1,10 +1,10 @@
-import { FC } from 'react';
-import { HOCSpacingKeys } from "../../../helpers/hoc-types/entityValueTypes";
-import { SizeType } from "../../../types/global";
-export declare type ColorOptionProps = {
-    hexColor: string;
-    size?: SizeType;
-    onClick: () => void;
-};
-export declare const getSize: (size: SizeType) => HOCSpacingKeys;
-export declare const ColorOption: FC<ColorOptionProps>;
+import { FC } from 'react';
+import { HOCSpacingKeys } from 'src/helpers/hoc-types/entityValueTypes';
+import { SizeType } from 'src/types/global';
+export type ColorOptionProps = {
+    hexColor: string;
+    size?: SizeType;
+    onClick: () => void;
+};
+export declare const getSize: (size: SizeType) => HOCSpacingKeys;
+export declare const ColorOption: FC<ColorOptionProps>;

package/dist/src/molecules/stoplight/stoplight.d.ts

@@ -1,13 +1,13 @@
-import React from 'react';
-export declare type StoplightProps = {
-    activeIndex: number;
-    setActiveIndex: (index: number) => void;
-    isExpanded?: boolean;
-    setIsExpanded?: (isExpanded: boolean) => void;
-    type: 'colors' | 'icons';
-    onClick?: () => void;
-    orientation?: 'horizontal' | 'vertical';
-    isCollapsible?: boolean;
-    children?: React.ReactNode;
-};
-export declare const Stoplight: ({ activeIndex, setActiveIndex, isExpanded, setIsExpanded, type, onClick, orientation, isCollapsible, children, }: StoplightProps) => React.JSX.Element;
+import React from 'react';
+export type StoplightProps = {
+    activeIndex: number;
+    setActiveIndex: (index: number) => void;
+    isExpanded?: boolean;
+    setIsExpanded?: (isExpanded: boolean) => void;
+    type: 'colors' | 'icons';
+    onClick?: () => void;
+    orientation?: 'horizontal' | 'vertical';
+    isCollapsible?: boolean;
+    children?: React.ReactNode;
+};
+export declare const Stoplight: ({ activeIndex, setActiveIndex, isExpanded, setIsExpanded, type, onClick, orientation, isCollapsible, children, }: StoplightProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/molecules/tab/components/tab.d.ts

@@ -1,8 +1,8 @@
-import React from 'react';
-declare type TabContentProps = {
-    tabKey: string | number;
-    title: string;
-    children?: React.ReactNode;
-};
-export declare const Tab: ({ children }: TabContentProps) => React.JSX.Element;
-export {};
+import React from 'react';
+type TabContentProps = {
+    tabKey: string | number;
+    title: string;
+    children?: React.ReactNode;
+};
+export declare const Tab: ({ children }: TabContentProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/molecules/tab/tabs.d.ts

@@ -1,13 +1,13 @@
-import React from 'react';
-import { HOCSpacingKeys } from "../../helpers/hoc-types/entityValueTypes";
-import { TextColor } from "../../atoms/typography/text";
-import { JustifyContent } from "../../helpers/hoc-types/cssValueTypes";
-export declare type TabProps = {
-    defaultActiveKey?: number | string;
-    activeColor?: TextColor;
-    gap?: HOCSpacingKeys;
-    height: string;
-    justify?: JustifyContent;
-    children?: React.ReactNode;
-};
-export declare const Tabs: ({ height, defaultActiveKey, activeColor, gap, justify, children, }: TabProps) => React.JSX.Element;
+import React from 'react';
+import { HOCSpacingKeys } from 'src/helpers/hoc-types/entityValueTypes';
+import { TextColor } from 'src/atoms/typography/text';
+import { JustifyContent } from 'src/helpers/hoc-types/cssValueTypes';
+export type TabProps = {
+    defaultActiveKey?: number | string;
+    activeColor?: TextColor;
+    gap?: HOCSpacingKeys;
+    height: string;
+    justify?: JustifyContent;
+    children?: React.ReactNode;
+};
+export declare const Tabs: ({ height, defaultActiveKey, activeColor, gap, justify, children, }: TabProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/molecules/table/components/rowItem.d.ts

@@ -1,9 +1,12 @@
-import React from 'react';
-import { SpacingDirection, LiteralUnion, HOCSpacingKeys } from "../../../helpers/hoc-types/entityValueTypes";
-declare type RowItemProps = {
-    alignment?: 'left' | 'center' | 'right';
-    inset?: SpacingDirection | LiteralUnion<HOCSpacingKeys>;
-    children?: React.ReactNode;
-};
-export declare const RowItem: ({ alignment, children, inset, }: RowItemProps) => React.JSX.Element;
-export {};
+import React from 'react';
+import '../table.css';
+import { SpacingDirection, LiteralUnion, HOCSpacingKeys } from 'src/helpers/hoc-types/entityValueTypes';
+type RowItemProps = {
+    alignment?: 'left' | 'center' | 'right';
+    inset?: SpacingDirection | LiteralUnion<HOCSpacingKeys>;
+    children?: React.ReactNode;
+};
+export declare const RowItem: ({ alignment, children, inset, style, ...props }: RowItemProps & {
+    style?: React.CSSProperties;
+}) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/molecules/table/components/tableRow.d.ts

@@ -1,13 +1,16 @@
-import React from 'react';
-import { HOCSpacingKeys, LiteralUnion, SpacingDirection } from "../../../helpers/hoc-types/entityValueTypes";
-declare type TableRowProps = {
-    columnCount: number;
-    children?: React.ReactNode;
-    inset?: SpacingDirection | LiteralUnion<HOCSpacingKeys>;
-    outset?: SpacingDirection | LiteralUnion<HOCSpacingKeys>;
-    radius?: number;
-    backgroundColor?: string;
-    border?: string;
-};
-export declare const TableRow: ({ columnCount, inset, outset, radius, backgroundColor, children, border, }: TableRowProps) => React.JSX.Element;
-export {};
+import React from 'react';
+import '../table.css';
+import { HOCSpacingKeys, LiteralUnion, SpacingDirection } from 'src/helpers/hoc-types/entityValueTypes';
+type TableRowProps = {
+    columnCount: number;
+    children?: React.ReactNode;
+    inset?: SpacingDirection | LiteralUnion<HOCSpacingKeys>;
+    outset?: SpacingDirection | LiteralUnion<HOCSpacingKeys>;
+    radius?: number;
+    backgroundColor?: string;
+    border?: string;
+};
+export declare const TableRow: ({ columnCount, inset, outset, radius, backgroundColor, children, border, style, ...props }: TableRowProps & {
+    style?: React.CSSProperties;
+}) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/molecules/table/table.d.ts

@@ -1,17 +1,20 @@
-import React from 'react';
-import { WeightType } from "../../exports/atoms";
-import { SpacingDirection, LiteralUnion, HOCSpacingKeys } from "../../helpers/hoc-types/entityValueTypes";
-export declare type TableItemAlignment = 'left' | 'center' | 'right';
-export declare type TableProps = {
-    rowCount: number;
-    columnCount: number;
-    headers?: string[];
-    headerAlignment?: TableItemAlignment;
-    headerWeight?: WeightType;
-    headerInset?: SpacingDirection | LiteralUnion<HOCSpacingKeys>;
-    headerOutset?: SpacingDirection | LiteralUnion<HOCSpacingKeys>;
-    headerTextColor?: string;
-    headerBorder?: string;
-    children?: React.ReactNode;
-};
-export declare const Table: ({ columnCount, rowCount, headers, headerAlignment, headerWeight, headerInset, headerOutset, headerBorder, headerTextColor, children, }: TableProps) => React.JSX.Element;
+import React from 'react';
+import './table.css';
+import { WeightType } from 'src/exports/atoms';
+import { SpacingDirection, LiteralUnion, HOCSpacingKeys } from 'src/helpers/hoc-types/entityValueTypes';
+export type TableItemAlignment = 'left' | 'center' | 'right';
+export type TableProps = {
+    rowCount: number;
+    columnCount: number;
+    headers?: string[];
+    headerAlignment?: TableItemAlignment;
+    headerWeight?: WeightType;
+    headerInset?: SpacingDirection | LiteralUnion<HOCSpacingKeys>;
+    headerOutset?: SpacingDirection | LiteralUnion<HOCSpacingKeys>;
+    headerTextColor?: string;
+    headerBorder?: string;
+    children?: React.ReactNode;
+};
+export declare const Table: ({ columnCount, rowCount, headers, headerAlignment, headerWeight, headerInset, headerOutset, headerBorder, headerTextColor, children, style, ...props }: TableProps & {
+    style?: React.CSSProperties;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/src/molecules/titledList/titledList.d.ts

@@ -1,10 +1,10 @@
-import { FC } from 'react';
-import { TextType } from "../../exports/atoms";
-export declare type TitledListProps = {
-    title: string;
-    listItems: string[];
-    listStyle?: 'ordered' | 'unordered';
-    titleSize?: TitleSize;
-};
-export declare type TitleSize = Extract<TextType, 'subtitle' | 'largeBody' | 'body'>;
-export declare const TitledList: FC<TitledListProps>;
+import { FC } from 'react';
+import { TextType } from 'src/exports/atoms';
+export type TitledListProps = {
+    title: string;
+    listItems: string[];
+    listStyle?: 'ordered' | 'unordered';
+    titleSize?: TitleSize;
+};
+export type TitleSize = Extract<TextType, 'subtitle' | 'largeBody' | 'body'>;
+export declare const TitledList: FC<TitledListProps>;

package/dist/src/molecules/todo/todo.d.ts

@@ -1,5 +1,5 @@
-import { FC } from 'react';
-export declare type TodoPropTypes = {
-    todo: string;
-};
-export declare const Todo: FC<TodoPropTypes>;
+import { FC } from 'react';
+export type TodoPropTypes = {
+    todo: string;
+};
+export declare const Todo: FC<TodoPropTypes>;

package/dist/src/molecules/toggle/toggle.d.ts

@@ -1,6 +1,6 @@
-import { FC } from 'react';
-export declare type ToggleProps = {
-    callBack: (isActive: boolean) => void;
-    defaultValue?: boolean;
-};
-export declare const Toggle: FC<ToggleProps>;
+import { FC } from 'react';
+export type ToggleProps = {
+    callBack: (isActive: boolean) => void;
+    defaultValue?: boolean;
+};
+export declare const Toggle: FC<ToggleProps>;

package/dist/src/molecules/tooltip/tooltip.d.ts

@@ -1,14 +1,15 @@
-import React from 'react';
-import { WhiteSpaceType } from "../../atoms/typography/text";
-import { ColorModeType } from "../../types/global";
-export declare type TooltipProps = {
-    title: string;
-    direction: DirectionType;
-    background?: ColorModeType;
-    repositionTooltip?: boolean;
-    zIndex?: number;
-    whiteSpace?: WhiteSpaceType;
-    children?: React.ReactNode;
-};
-export declare type DirectionType = 'left' | 'right' | 'top' | 'bottom';
-export declare const Tooltip: ({ title, children, direction, background, repositionTooltip, zIndex, whiteSpace, }: TooltipProps) => React.JSX.Element;
+import React from 'react';
+import { WhiteSpaceType } from 'src/atoms/typography/text';
+import { ColorModeType } from 'src/types/global';
+import './tooltip.css';
+export type TooltipProps = {
+    title: string;
+    direction: DirectionType;
+    background?: ColorModeType;
+    repositionTooltip?: boolean;
+    zIndex?: number;
+    whiteSpace?: WhiteSpaceType;
+    children?: React.ReactNode;
+};
+export type DirectionType = 'left' | 'right' | 'top' | 'bottom';
+export declare const Tooltip: ({ title, children, direction, background, repositionTooltip, zIndex, whiteSpace, }: TooltipProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/molecules/transition/transition.d.ts

@@ -1,8 +1,9 @@
-import { FC } from 'react';
-export declare type TransitionProps = {
-    title: string;
-    subtitle?: string;
-    isLoading: boolean;
-    loadedStatus?: 'success' | 'error';
-};
-export declare const Transition: FC<TransitionProps>;
+import { FC } from 'react';
+import './transition.css';
+export type TransitionProps = {
+    title: string;
+    subtitle?: string;
+    isLoading: boolean;
+    loadedStatus?: 'success' | 'error';
+};
+export declare const Transition: FC<TransitionProps>;

package/dist/src/molecules/uploadButton/uploadButton.d.ts

@@ -1,15 +1,16 @@
-import React from 'react';
-import { BackgroundColor, Width, Height } from "../../helpers/hoc-types/hocBaseUnion";
-import { Shadows } from "../../helpers/hoc-types/entityValueTypes";
-export declare type UploadButtonRef = {
-    clearPreview: () => void;
-};
-export declare type UploadButtonProps = {
-    onUpload: (upload: File | null) => void;
-    title: string;
-    backgroundColor?: BackgroundColor;
-    width?: Width;
-    height?: Height;
-    boxShadow?: Shadows;
-};
-export declare const UploadButton: React.ForwardRefExoticComponent<UploadButtonProps & React.RefAttributes<unknown>>;
+import React from 'react';
+import { BackgroundColor, Width, Height } from 'src/helpers/hoc-types/hocBaseUnion';
+import { Shadows } from 'src/helpers/hoc-types/entityValueTypes';
+import './uploadButton.css';
+export type UploadButtonRef = {
+    clearPreview: () => void;
+};
+export type UploadButtonProps = {
+    onUpload: (upload: File | null) => void;
+    title: string;
+    backgroundColor?: BackgroundColor;
+    width?: Width;
+    height?: Height;
+    boxShadow?: Shadows;
+};
+export declare const UploadButton: React.ForwardRefExoticComponent<UploadButtonProps & React.RefAttributes<unknown>>;

package/dist/src/organisms/accordion/accordion.d.ts

@@ -1,28 +1,28 @@
-import React, { FC } from 'react';
-import { HOCSpacingKeys } from "../../helpers/hoc-types/entityValueTypes";
-import { Overflow } from "../../helpers/hoc-types/cssValueTypes";
-export declare type AccordionProps = {
-    defaultActiveKeys?: (number | string)[];
-    isExclusive?: boolean;
-    sections: AccordionSection[];
-    background?: 'background' | 'foreground';
-    isHeadingBackgroundInverse?: boolean;
-    arrowLocation?: 'right' | 'left';
-    /** Make sure duplicate keys are not created in the state if you are overriding */
-    /** TODO - Handle duplicate case in QDS and remove them  */
-    stateOverride?: {
-        activeIndexes: (string | number)[];
-        setActiveIndexes: (activeIndexes: (string | number)[]) => void;
-    };
-    inset?: HOCSpacingKeys;
-    insetBody?: HOCSpacingKeys;
-    overflowBody?: Overflow;
-};
-export declare type AccordionSection = {
-    key: number | string;
-    heading: React.ReactElement | string;
-    body: React.ReactElement;
-    onAnimationComplete?: () => void;
-    onHeadingClick?: () => void;
-};
-export declare const Accordion: FC<AccordionProps>;
+import React, { FC } from 'react';
+import { HOCSpacingKeys } from 'src/helpers/hoc-types/entityValueTypes';
+import { Overflow } from 'src/helpers/hoc-types/cssValueTypes';
+export type AccordionProps = {
+    defaultActiveKeys?: (number | string)[];
+    isExclusive?: boolean;
+    sections: AccordionSection[];
+    background?: 'background' | 'foreground';
+    isHeadingBackgroundInverse?: boolean;
+    arrowLocation?: 'right' | 'left';
+    /** Make sure duplicate keys are not created in the state if you are overriding */
+    /** TODO - Handle duplicate case in QDS and remove them  */
+    stateOverride?: {
+        activeIndexes: (string | number)[];
+        setActiveIndexes: (activeIndexes: (string | number)[]) => void;
+    };
+    inset?: HOCSpacingKeys;
+    insetBody?: HOCSpacingKeys;
+    overflowBody?: Overflow;
+};
+export type AccordionSection = {
+    key: number | string;
+    heading: React.ReactElement | string;
+    body: React.ReactElement;
+    onAnimationComplete?: () => void;
+    onHeadingClick?: () => void;
+};
+export declare const Accordion: FC<AccordionProps>;

package/dist/src/organisms/accordion/components/accordionBody.d.ts

@@ -1,10 +1,10 @@
-import { FC } from 'react';
-import { HOCSpacingKeys } from "../../../helpers/hoc-types/entityValueTypes";
-import { Overflow } from "../../../helpers/hoc-types/cssValueTypes";
-export declare type AccordionBodyProps = {
-    eventKey: number | string;
-    onAnimationComplete?: () => void;
-    overflow?: Overflow;
-    insetBody?: HOCSpacingKeys;
-};
-export declare const AccordionBody: FC<AccordionBodyProps>;
+import { FC } from 'react';
+import { HOCSpacingKeys } from 'src/helpers/hoc-types/entityValueTypes';
+import { Overflow } from 'src/helpers/hoc-types/cssValueTypes';
+export type AccordionBodyProps = {
+    eventKey: number | string;
+    onAnimationComplete?: () => void;
+    overflow?: Overflow;
+    insetBody?: HOCSpacingKeys;
+};
+export declare const AccordionBody: FC<AccordionBodyProps>;

package/dist/src/organisms/accordion/components/accordionHeading.d.ts

@@ -1,12 +1,12 @@
-import React from 'react';
-import { SizeType } from "../../../types/global";
-export declare type AccordionHeadingProps = {
-    eventKey: number | string;
-    headingSize?: SizeType;
-    background?: 'background' | 'foreground';
-    arrowLocation?: 'right' | 'left' | 'none';
-    isBackgroundInverse?: boolean;
-    onHeadingClick?: () => void;
-    children: React.ReactNode;
-};
-export declare const AccordionHeading: ({ children, eventKey, headingSize, onHeadingClick, arrowLocation, }: AccordionHeadingProps) => React.JSX.Element;
+import React from 'react';
+import { SizeType } from 'src/types/global';
+export type AccordionHeadingProps = {
+    eventKey: number | string;
+    headingSize?: SizeType;
+    background?: 'background' | 'foreground';
+    arrowLocation?: 'right' | 'left' | 'none';
+    isBackgroundInverse?: boolean;
+    onHeadingClick?: () => void;
+    children: React.ReactNode;
+};
+export declare const AccordionHeading: ({ children, eventKey, headingSize, onHeadingClick, arrowLocation, }: AccordionHeadingProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/organisms/accordion/context/accordionContext.d.ts

@@ -1,9 +1,9 @@
-import React from 'react';
-declare type ContextType = {
-    activeIndexes: (number | string)[];
-    setActiveIndexes: (index: (string | number)[]) => void;
-    defaultActiveIndexes: (number | string)[];
-    isExclusive: boolean;
-};
-export declare const AccordionContext: React.Context<ContextType>;
-export {};
+import React from 'react';
+type ContextType = {
+    activeIndexes: (number | string)[];
+    setActiveIndexes: (index: (string | number)[]) => void;
+    defaultActiveIndexes: (number | string)[];
+    isExclusive: boolean;
+};
+export declare const AccordionContext: React.Context<ContextType>;
+export {};

package/dist/src/organisms/accountMenu/accountMenu.d.ts

@@ -1,18 +1,18 @@
-import React from 'react';
-import { IconType } from "../../atoms/iconography/types";
-import { UserInfo } from '../qdsChrome/qdsChrome';
-export declare type AccountMenuProps = {
-    sections: AccountMenuItem[][];
-    isOpen: boolean;
-    setIsOpen: (isOpen: boolean) => void;
-    navOpen: boolean;
-    user?: UserInfo;
-    children?: React.ReactNode;
-};
-export declare type AccountMenuItem = {
-    icon?: IconType;
-    title: string;
-    onClick: () => void;
-    badge?: string;
-};
-export declare const AccountMenu: ({ isOpen, navOpen, sections, setIsOpen, user, }: AccountMenuProps) => React.JSX.Element;
+import React from 'react';
+import { IconType } from 'src/atoms/iconography/types';
+import { UserInfo } from '../qdsChrome/qdsChrome';
+export type AccountMenuProps = {
+    sections: AccountMenuItem[][];
+    isOpen: boolean;
+    setIsOpen: (isOpen: boolean) => void;
+    navOpen: boolean;
+    user?: UserInfo;
+    children?: React.ReactNode;
+};
+export type AccountMenuItem = {
+    icon?: IconType;
+    title: string;
+    onClick: () => void;
+    badge?: string;
+};
+export declare const AccountMenu: ({ isOpen, navOpen, sections, setIsOpen, user, }: AccountMenuProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/organisms/animatedGrid/animatedGrid.d.ts

@@ -1,23 +1,23 @@
-import React from 'react';
-export declare type AnimateGridProps = {
-    gridImages?: AnimatedGridImageType[];
-    shouldAnimate?: boolean;
-    animationDirection?: 'horizontal' | 'vertical';
-    rotation?: RotationAndOffsetType;
-    gap?: number;
-    columnSize?: number;
-    rowSize?: number;
-    maxWidth?: number;
-    children?: React.ReactNode;
-};
-export declare type AnimatedGridImageType = {
-    url: string;
-    colSpan?: number;
-    rowSpan?: number;
-};
-declare type RotationAndOffsetType = {
-    degrees: number;
-    offset?: number;
-};
-export declare const AnimatedGrid: ({ gridImages, shouldAnimate, animationDirection, rotation, gap, columnSize, rowSize, maxWidth, children, }: AnimateGridProps) => React.JSX.Element;
-export {};
+import React from 'react';
+export type AnimateGridProps = {
+    gridImages?: AnimatedGridImageType[];
+    shouldAnimate?: boolean;
+    animationDirection?: 'horizontal' | 'vertical';
+    rotation?: RotationAndOffsetType;
+    gap?: number;
+    columnSize?: number;
+    rowSize?: number;
+    maxWidth?: number;
+    children?: React.ReactNode;
+};
+export type AnimatedGridImageType = {
+    url: string;
+    colSpan?: number;
+    rowSpan?: number;
+};
+type RotationAndOffsetType = {
+    degrees: number;
+    offset?: number;
+};
+export declare const AnimatedGrid: ({ gridImages, shouldAnimate, animationDirection, rotation, gap, columnSize, rowSize, maxWidth, children, }: AnimateGridProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/organisms/animatedTiltCard/animatedTiltCard.d.ts

@@ -1,18 +1,18 @@
-import { FC } from 'react';
-declare type GlareType = 'standard' | 'satin' | 'pearl';
-export declare type DimensionScale = 'small' | 'medium' | 'large';
-export declare type SelectableOptions = {
-    title: string;
-    thumbnail: string;
-    glare: GlareType;
-};
-export declare type AnimatedTiltCardProps = {
-    containerHeight?: string;
-    containerWidth?: string;
-    childHeight?: string;
-    childWidth?: string;
-    selectableOptions: SelectableOptions;
-    dimensionScale?: DimensionScale;
-};
-export declare const AnimatedTiltCard: FC<AnimatedTiltCardProps>;
-export {};
+import { FC } from 'react';
+type GlareType = 'standard' | 'satin' | 'pearl';
+export type DimensionScale = 'small' | 'medium' | 'large';
+export type SelectableOptions = {
+    title: string;
+    thumbnail: string;
+    glare: GlareType;
+};
+export type AnimatedTiltCardProps = {
+    containerHeight?: string;
+    containerWidth?: string;
+    childHeight?: string;
+    childWidth?: string;
+    selectableOptions: SelectableOptions;
+    dimensionScale?: DimensionScale;
+};
+export declare const AnimatedTiltCard: FC<AnimatedTiltCardProps>;
+export {};