oddsgate-ds 1.0.11 → 1.0.14

package/dist/esm/types/components/atoms/Button/Button.component.d.ts

@@ -0,0 +1,4 @@
+import { IButton } from './Button.interface';
+import React from 'react';
+declare const Button: ({ id, as, children, variant, mode, outlined, leftIcon, rightIcon, removeLabel, className, href, ariaLabel, rel, target, disabled, type, ...props }: IButton) => React.JSX.Element;
+export default Button;

package/dist/esm/types/components/atoms/Button/Button.interface.d.ts

@@ -0,0 +1,28 @@
+import { CSSProperties } from 'react';
+interface IButtonBase {
+    id?: string;
+    as?: 'button' | 'a';
+    type?: string;
+    outlined?: boolean;
+    leftIcon?: React.ReactElement;
+    rightIcon?: React.ReactElement;
+    removeLabel?: boolean;
+    href?: string;
+    ariaLabel?: string;
+    rel?: string;
+    disabled?: boolean;
+    target?: string;
+    className?: string;
+    style?: CSSProperties;
+    children?: React.ReactNode;
+    onClick?: (event?: React.MouseEvent<HTMLElement>) => void;
+}
+export interface IButtonSC extends IButtonBase {
+    $variant?: string;
+    $mode?: string;
+}
+export interface IButton extends IButtonBase {
+    variant?: string;
+    mode?: string;
+}
+export {};

package/dist/esm/types/components/atoms/Button/Button.stories.d.ts

@@ -0,0 +1,7 @@
+import type { StoryObj } from '@storybook/react';
+import { IButton } from './Button.interface';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, import("@storybook/types").Args>;
+export default _default;
+export declare const Primary: StoryObj<IButton>;
+export declare const Secondary: StoryObj<IButton>;
+export declare const Disabled: StoryObj<IButton>;

package/dist/esm/types/components/atoms/Button/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./Button.component";

package/dist/esm/types/components/atoms/Chip/Chip.component.d.ts

@@ -0,0 +1,4 @@
+import { IChip } from './Chip.interface';
+import React from 'react';
+declare const Chip: ({ variant, hover, className, style, children, ...props }: IChip) => React.JSX.Element;
+export default Chip;

package/dist/esm/types/components/atoms/Chip/Chip.interface.d.ts

@@ -0,0 +1,9 @@
+import { CSSProperties } from 'react';
+export interface IChip {
+    variant?: string;
+    $variant?: string;
+    hover?: boolean;
+    className?: string;
+    style?: CSSProperties;
+    children?: React.ReactNode;
+}

package/dist/esm/types/components/atoms/Chip/Chip.stories.d.ts

@@ -0,0 +1,6 @@
+import type { StoryObj } from '@storybook/react';
+import { IChip } from './Chip.interface';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, import("@storybook/types").Args>;
+export default _default;
+export declare const Dark: StoryObj<IChip>;
+export declare const Light: StoryObj<IChip>;

package/dist/esm/types/components/atoms/Chip/index.d.ts

@@ -0,0 +1 @@
+export { default } from './Chip.component';

package/dist/esm/types/components/atoms/CloseButton/CloseButton.component.d.ts

@@ -0,0 +1,4 @@
+import { ICloseButton } from './CloseButton.interface';
+import React from 'react';
+declare const CloseButton: ({ variant, className, onClick, ...props }: ICloseButton) => React.JSX.Element;
+export default CloseButton;

package/dist/esm/types/components/atoms/CloseButton/CloseButton.interface.d.ts

@@ -0,0 +1,8 @@
+import { CSSProperties } from 'react';
+export type ICloseButton = {
+    variant?: string;
+    $variant?: string;
+    className?: string;
+    style?: CSSProperties;
+    onClick?: () => void;
+};

package/dist/esm/types/components/atoms/CloseButton/CloseButton.stories.d.ts

@@ -0,0 +1,6 @@
+import type { StoryObj } from '@storybook/react';
+import { ICloseButton } from './CloseButton.interface';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, import("@storybook/types").Args>;
+export default _default;
+export declare const Simple: StoryObj<ICloseButton>;
+export declare const Small: StoryObj<ICloseButton>;

package/dist/esm/types/components/atoms/CloseButton/index.d.ts

@@ -0,0 +1 @@
+export { default } from './CloseButton.component';

package/dist/esm/types/components/atoms/EmptyState/EmptyState.component.d.ts

@@ -0,0 +1,4 @@
+import { IEmptyState } from './EmptyState.interface';
+import React from 'react';
+declare const EmptyState: ({ variant, label, children, className, style, ...props }: IEmptyState) => React.JSX.Element;
+export default EmptyState;

package/dist/esm/types/components/atoms/EmptyState/EmptyState.interface.d.ts

@@ -0,0 +1,9 @@
+import { CSSProperties } from 'react';
+export interface IEmptyState {
+    variant?: string;
+    $variant?: string;
+    label?: string;
+    className?: string;
+    style?: CSSProperties;
+    children?: React.ReactNode;
+}

package/dist/esm/types/components/atoms/EmptyState/EmptyState.stories.d.ts

@@ -0,0 +1,6 @@
+import type { StoryObj } from '@storybook/react';
+import { IEmptyState } from './EmptyState.interface';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, import("@storybook/types").Args>;
+export default _default;
+export declare const Light: StoryObj<IEmptyState>;
+export declare const Dark: StoryObj<IEmptyState>;

package/dist/esm/types/components/atoms/EmptyState/index.d.ts

@@ -0,0 +1 @@
+export { default } from './EmptyState.component';

package/dist/esm/types/components/atoms/Flex/Flex.component.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IFlex } from './Flex.interface';
+declare const Flex: ({ direction, align, justify, wrap, children, className, ...props }: IFlex) => React.JSX.Element;
+export default Flex;

package/dist/esm/types/components/atoms/Flex/Flex.interface.d.ts

@@ -0,0 +1,21 @@
+import { CSSProperties } from 'react';
+interface IFlexBase {
+    className?: string;
+    style?: CSSProperties;
+    children?: React.ReactNode;
+}
+export type flexAlign = 'flex-start' | 'center' | 'flex-end' | 'stretch' | string;
+export type flexJustify = 'flex-start' | 'center' | 'flex-end' | 'space-between' | string;
+export interface IFlex extends IFlexBase {
+    direction?: 'row' | 'column';
+    align?: flexAlign;
+    justify?: flexJustify;
+    wrap?: 'wrap' | 'nowrap';
+}
+export interface IFlexSC extends IFlexBase {
+    $direction?: 'row' | 'column';
+    $align?: flexAlign;
+    $justify?: flexJustify;
+    $wrap?: 'wrap' | 'nowrap';
+}
+export {};

package/dist/esm/types/components/atoms/Flex/index.d.ts

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

package/dist/esm/types/components/atoms/FlexGrid/FlexGrid.component.d.ts

@@ -0,0 +1,5 @@
+import { IColumn, IRow } from './FlexGrid.interface';
+import React from 'react';
+export declare const Row: ({ fluid, direction, align, justify, wrap, mobileSpace, className, style, children, ...props }: IRow) => React.JSX.Element;
+export declare const Column: ({ xs, sm, md, lg, align, mobileOrder, children, className, style, ...props }: IColumn) => React.JSX.Element;
+export default Row;

package/dist/esm/types/components/atoms/FlexGrid/FlexGrid.interface.d.ts

@@ -0,0 +1,46 @@
+import { flexAlign, flexJustify } from '../Flex/Flex.interface';
+import { CSSProperties } from 'react';
+export interface IRowBase {
+    className?: string;
+    style?: CSSProperties;
+    children?: React.ReactNode;
+}
+export interface IRow extends IRowBase {
+    fluid?: boolean;
+    direction?: 'row' | 'column';
+    align?: flexAlign;
+    justify?: flexJustify;
+    wrap?: 'wrap' | 'nowrap';
+    mobileSpace?: boolean;
+}
+export interface IRowSC extends IRowBase {
+    $fluid?: boolean;
+    $direction?: 'row' | 'column';
+    $align?: flexAlign;
+    $justify?: flexJustify;
+    $wrap?: 'wrap' | 'nowrap';
+    $mobileSpace?: boolean;
+}
+export type IColumnsSize = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | number;
+export interface IColumnBase {
+    className?: string;
+    style?: CSSProperties;
+    children?: React.ReactNode;
+}
+export interface IColumnSC extends IColumnBase {
+    $align?: flexAlign;
+    $lg?: IColumnsSize;
+    $md?: IColumnsSize;
+    $sm?: IColumnsSize;
+    $xs?: IColumnsSize;
+    $mobileOrder?: number;
+}
+export interface IColumn extends IColumnBase {
+    align?: flexAlign;
+    lg?: IColumnsSize;
+    md?: IColumnsSize;
+    sm?: IColumnsSize;
+    xs?: IColumnsSize;
+    mobileOrder?: number;
+}
+export type Flex = IRow;

package/dist/esm/types/components/atoms/FlexGrid/FlexGrid.stories.d.ts

@@ -0,0 +1,7 @@
+import type { StoryObj } from '@storybook/react';
+import { IRow } from './FlexGrid.interface';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, import("@storybook/types").Args>;
+export default _default;
+export declare const Simple: StoryObj<IRow>;
+export declare const Fluid: StoryObj<IRow>;
+export declare const Order: StoryObj<IRow>;

package/dist/esm/types/components/atoms/FlexGrid/index.d.ts

@@ -0,0 +1 @@
+export { Column, Row } from './FlexGrid.component';

package/dist/esm/types/components/atoms/FormField/CheckRadioField/CheckRadioField.component.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ICheckRadioField } from './CheckRadioField.interface';
+declare const CheckRadioField: ({ id, label, className, children, ...props }: ICheckRadioField) => React.JSX.Element;
+export default CheckRadioField;

package/dist/esm/types/components/atoms/FormField/CheckRadioField/CheckRadioField.interface.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export type ICheckRadioField = {
+    id?: string;
+    label?: string;
+    className?: string;
+    children?: React.ReactNode;
+};

package/dist/esm/types/components/atoms/FormField/CheckRadioField/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./CheckRadioField.component";

package/dist/esm/types/components/atoms/FormField/FormField.component.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IFormField } from './FormField.interface';
+export declare const FormField: ({ id, label, leftIcon, rightIcon, isCheckRadio, className, children, ...props }: IFormField) => React.JSX.Element;
+export default FormField;

package/dist/esm/types/components/atoms/FormField/FormField.interface.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+export interface IFormField {
+    id?: string;
+    label?: string;
+    leftIcon?: React.ReactNode | React.ReactNode[];
+    rightIcon?: React.ReactNode | React.ReactNode[];
+    isCheckRadio?: boolean;
+    children?: React.ReactNode;
+    className?: string;
+}

package/dist/esm/types/components/atoms/FormField/FormField.stories.d.ts

@@ -0,0 +1,9 @@
+import type { StoryObj } from '@storybook/react';
+import { IFormField } from './FormField.interface';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, import("@storybook/types").Args>;
+export default _default;
+export declare const Simple: StoryObj<IFormField>;
+export declare const WithIcon: StoryObj<IFormField>;
+export declare const FilterWithInputs: StoryObj<IFormField>;
+export declare const DarkStyle: StoryObj<IFormField>;
+export declare const All: StoryObj<IFormField>;

package/dist/esm/types/components/atoms/FormField/index.d.ts

@@ -0,0 +1 @@
+export { default } from './FormField.component';

package/dist/esm/types/components/atoms/Heading/Heading.component.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IHeading } from './Heading.interface';
+declare const Heading: ({ tag, size, className, ...props }: IHeading) => React.JSX.Element;
+export default Heading;

package/dist/esm/types/components/atoms/Heading/Heading.interface.d.ts

@@ -0,0 +1,19 @@
+import { CSSProperties } from 'react';
+export declare enum typographyTags {
+    div = "div",
+    span = "span",
+    p = "p",
+    h1 = "h1",
+    h2 = "h2",
+    h3 = "h3",
+    h4 = "h4",
+    h5 = "h5",
+    h6 = "h6"
+}
+export type IHeading = {
+    tag?: keyof typeof typographyTags | string;
+    size?: string;
+    className?: string;
+    style?: CSSProperties;
+    children?: React.ReactNode;
+};

package/dist/esm/types/components/atoms/Heading/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./Heading.component";

package/dist/esm/types/components/atoms/Icon/Icon.component.d.ts

@@ -0,0 +1,4 @@
+import { IIcon } from './Icon.interface';
+import React from 'react';
+declare const Icon: ({ icon, className, onClick, ...props }: IIcon) => React.JSX.Element;
+export default Icon;

package/dist/esm/types/components/atoms/Icon/Icon.interface.d.ts

@@ -0,0 +1,7 @@
+import { CSSProperties } from 'react';
+export type IIcon = {
+    icon?: string;
+    className?: string;
+    style?: CSSProperties;
+    onClick?: () => void;
+};

package/dist/esm/types/components/atoms/Icon/Icon.stories.d.ts

@@ -0,0 +1,5 @@
+import type { StoryObj } from '@storybook/react';
+import { IIcon } from './Icon.interface';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, import("@storybook/types").Args>;
+export default _default;
+export declare const Simple: StoryObj<IIcon>;

package/dist/esm/types/components/atoms/Icon/index.d.ts

@@ -0,0 +1 @@
+export { default } from './Icon.component';

package/dist/esm/types/components/atoms/ImageWrapper/ImageWrapper.component.d.ts

@@ -0,0 +1,4 @@
+import { IImageWrapper } from './ImageWrapper.interface';
+import React from 'react';
+declare const ImageWrapper: ({ aspectRatioHeight, align, caption, href, linkTarget, rel, className, style, children, asBackground }: IImageWrapper) => React.JSX.Element;
+export default ImageWrapper;

package/dist/esm/types/components/atoms/ImageWrapper/ImageWrapper.interface.d.ts

@@ -0,0 +1,15 @@
+import { CSSProperties } from 'react';
+export type IImageWrapper = {
+    aspectRatioHeight?: number;
+    anchor?: string;
+    $align?: string;
+    align?: string;
+    caption?: string;
+    href?: string;
+    linkTarget?: string;
+    rel?: string;
+    className?: string;
+    style?: CSSProperties;
+    children?: React.ReactNode;
+    asBackground?: boolean;
+};

package/dist/esm/types/components/atoms/ImageWrapper/ImageWrapper.stories.d.ts

@@ -0,0 +1,5 @@
+import type { StoryObj } from '@storybook/react';
+import { IImageWrapper } from './ImageWrapper.interface';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, import("@storybook/types").Args>;
+export default _default;
+export declare const Simple: StoryObj<IImageWrapper>;

package/dist/esm/types/components/atoms/ImageWrapper/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./ImageWrapper.component";

package/dist/esm/types/components/atoms/Loader/Loader.component.d.ts

@@ -0,0 +1,4 @@
+import { ILoader } from './Loader.interface';
+import React from 'react';
+declare const Loader: ({ variant, label, children, className, style, ...props }: ILoader) => React.JSX.Element;
+export default Loader;

package/dist/esm/types/components/atoms/Loader/Loader.interface.d.ts

@@ -0,0 +1,9 @@
+import { CSSProperties } from 'react';
+export interface ILoader {
+    variant?: string;
+    $variant?: string;
+    label?: string;
+    className?: string;
+    style?: CSSProperties;
+    children?: React.ReactNode;
+}

package/dist/esm/types/components/atoms/Loader/Loader.stories.d.ts

@@ -0,0 +1,6 @@
+import type { StoryObj } from '@storybook/react';
+import { ILoader } from './Loader.interface';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, import("@storybook/types").Args>;
+export default _default;
+export declare const Light: StoryObj<ILoader>;
+export declare const Dark: StoryObj<ILoader>;

package/dist/esm/types/components/atoms/Loader/index.d.ts

@@ -0,0 +1 @@
+export { default } from './Loader.component';

package/dist/esm/types/components/atoms/Marquee/Marquee.component.d.ts

@@ -0,0 +1,4 @@
+import { IMarquee } from './Marquee.interface';
+import React from 'react';
+declare const Marquee: ({ text, className, onClick, ...props }: IMarquee) => React.JSX.Element;
+export default Marquee;

package/dist/esm/types/components/atoms/Marquee/Marquee.interface.d.ts

@@ -0,0 +1,7 @@
+import { CSSProperties } from 'react';
+export type IMarquee = {
+    text?: string;
+    className?: string;
+    style?: CSSProperties;
+    onClick?: () => void;
+};

package/dist/esm/types/components/atoms/Marquee/Marquee.stories.d.ts

@@ -0,0 +1,5 @@
+import type { StoryObj } from '@storybook/react';
+import { IMarquee } from './Marquee.interface';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, import("@storybook/types").Args>;
+export default _default;
+export declare const Simple: StoryObj<IMarquee>;

package/dist/esm/types/components/atoms/Marquee/index.d.ts

@@ -0,0 +1 @@
+export { default } from './Marquee.component';

package/dist/esm/types/components/atoms/Quote/Quote.component.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IQuote } from './Quote.interface';
+declare const Quote: ({ id, value, citation, className, children, ...props }: IQuote) => React.JSX.Element;
+export default Quote;

package/dist/esm/types/components/atoms/Quote/Quote.interface.d.ts

@@ -0,0 +1,9 @@
+import { CSSProperties } from 'react';
+export type IQuote = {
+    id?: string;
+    value?: string;
+    citation?: string;
+    className?: string;
+    style?: CSSProperties;
+    children?: React.ReactNode;
+};

package/dist/esm/types/components/atoms/Quote/Quote.stories.d.ts

@@ -0,0 +1,6 @@
+import type { StoryObj } from '@storybook/react';
+import { IQuote } from './Quote.interface';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, import("@storybook/types").Args>;
+export default _default;
+export declare const Simple: StoryObj<IQuote>;
+export declare const WithCitation: StoryObj<IQuote>;

package/dist/esm/types/components/atoms/Quote/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./Quote.component";

package/dist/esm/types/components/atoms/RichText/RichText.component.d.ts

@@ -0,0 +1,4 @@
+import { IRichText } from './RichText.interface';
+import React from 'react';
+declare const RichText: ({ id, tag, attributes, className, style, children, ...props }: IRichText) => React.JSX.Element;
+export default RichText;

package/dist/esm/types/components/atoms/RichText/RichText.interface.d.ts

@@ -0,0 +1,10 @@
+import { CSSProperties } from 'react';
+import { typographyTags } from '../Heading/Heading.interface';
+export type IRichText = {
+    id?: string;
+    tag?: keyof typeof typographyTags;
+    attributes?: object;
+    className?: string;
+    style?: CSSProperties;
+    children?: any;
+};

package/dist/esm/types/components/atoms/RichText/RichText.stories.d.ts

@@ -0,0 +1,7 @@
+import { StoryObj } from '@storybook/react';
+import { IRichText } from './RichText.interface';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, import("@storybook/types").Args>;
+export default _default;
+export declare const Simple: StoryObj<IRichText>;
+export declare const List: StoryObj<IRichText>;
+export declare const Heading: StoryObj<IRichText>;

package/dist/esm/types/components/atoms/RichText/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./RichText.component";

package/dist/esm/types/components/atoms/ScrollingNav/ScrollingNav.component.d.ts

@@ -0,0 +1,4 @@
+import { IScrollingNav } from './ScrollingNav.interface';
+import React from 'react';
+declare const ScrollingNav: ({ align, children, className, ...props }: IScrollingNav) => React.JSX.Element;
+export default ScrollingNav;

package/dist/esm/types/components/atoms/ScrollingNav/ScrollingNav.interface.d.ts

@@ -0,0 +1,7 @@
+import { CSSProperties } from 'react';
+export interface IScrollingNav {
+    align?: string;
+    className?: string;
+    style?: CSSProperties;
+    children?: React.ReactNode;
+}

package/dist/esm/types/components/atoms/ScrollingNav/ScrollingNav.stories.d.ts

@@ -0,0 +1,5 @@
+import type { StoryObj } from '@storybook/react';
+import { IScrollingNav } from './ScrollingNav.interface';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, import("@storybook/types").Args>;
+export default _default;
+export declare const Simple: StoryObj<IScrollingNav>;

package/dist/esm/types/components/atoms/ScrollingNav/index.d.ts

@@ -0,0 +1 @@
+export { default } from './ScrollingNav.component';

package/dist/esm/types/components/atoms/Separator/Separator.component.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ISeparator } from './Separator.interface';
+declare const Separator: ({ color, margin, height, ...props }: ISeparator) => React.JSX.Element;
+export default Separator;

package/dist/esm/types/components/atoms/Separator/Separator.interface.d.ts

@@ -0,0 +1,8 @@
+import { CSSProperties } from 'react';
+export type ISeparator = {
+    color?: string;
+    margin?: string;
+    height?: string;
+    className?: string;
+    style?: CSSProperties;
+};

package/dist/esm/types/components/atoms/Separator/Separator.stories.d.ts

@@ -0,0 +1,5 @@
+import type { StoryObj } from '@storybook/react';
+import { ISeparator } from '../Separator/Separator.interface';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, import("@storybook/types").Args>;
+export default _default;
+export declare const Simple: StoryObj<ISeparator>;

package/dist/esm/types/components/atoms/Separator/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./Separator.component";

package/dist/esm/types/components/atoms/SocialLinks/SocialLinks.component.d.ts

@@ -0,0 +1,4 @@
+import { ISocialLinks } from './SocialLinks.interface';
+import React from 'react';
+declare const SocialLinks: ({ variant, socials, className, style, ...props }: ISocialLinks) => React.JSX.Element;
+export default SocialLinks;

package/dist/esm/types/components/atoms/SocialLinks/SocialLinks.interface.d.ts

@@ -0,0 +1,7 @@
+import { CSSProperties } from 'react';
+export type ISocialLinks = {
+    variant?: string;
+    socials?: Record<string, string>;
+    className?: string;
+    style?: CSSProperties;
+};

package/dist/esm/types/components/atoms/SocialLinks/SocialLinks.stories.d.ts

@@ -0,0 +1,6 @@
+import type { StoryObj } from '@storybook/react';
+import { ISocialLinks } from './SocialLinks.interface';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, import("@storybook/types").Args>;
+export default _default;
+export declare const Light: StoryObj<ISocialLinks>;
+export declare const Dark: StoryObj<ISocialLinks>;

package/dist/esm/types/components/atoms/SocialLinks/index.d.ts

@@ -0,0 +1 @@
+export { default } from './SocialLinks.component';

package/dist/esm/types/components/atoms/Spacer/Spacer.component.d.ts

@@ -0,0 +1,4 @@
+import { ISpacer } from './Spacer.interface';
+import React from 'react';
+declare const Spacer: ({ id, color, customHeight, height, className, ...props }: ISpacer) => React.JSX.Element;
+export default Spacer;

package/dist/esm/types/components/atoms/Spacer/Spacer.interface.d.ts

@@ -0,0 +1,10 @@
+import { CSSProperties } from 'react';
+import { spaces } from '@/styles/variables';
+export type ISpacer = {
+    id?: string;
+    color?: string;
+    height?: keyof typeof spaces | string | number;
+    customHeight?: string;
+    className?: string;
+    style?: CSSProperties;
+};

package/dist/esm/types/components/atoms/Spacer/Spacer.stories.d.ts

@@ -0,0 +1,5 @@
+import type { StoryObj } from '@storybook/react';
+import { ISpacer } from '../Spacer/Spacer.interface';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, import("@storybook/types").Args>;
+export default _default;
+export declare const Simple: StoryObj<ISpacer>;

package/dist/esm/types/components/atoms/Spacer/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./Spacer.component";

package/dist/esm/types/components/atoms/Video/Video.component.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IVideo } from './Video.interface';
+declare const Video: ({ src, poster, autoplay, controls, loop, muted, playsInline, className, style, ...props }: IVideo) => React.JSX.Element;
+export default Video;

package/dist/esm/types/components/atoms/Video/Video.interface.d.ts

@@ -0,0 +1,12 @@
+import { CSSProperties } from 'react';
+export type IVideo = {
+    src?: string;
+    poster?: string;
+    autoplay?: boolean;
+    controls?: boolean;
+    loop?: boolean;
+    muted?: boolean;
+    playsInline?: boolean;
+    className?: string;
+    style?: CSSProperties;
+};

package/dist/esm/types/components/atoms/Video/Video.stories.d.ts

@@ -0,0 +1,5 @@
+import type { StoryObj } from '@storybook/react';
+import { IVideo } from './Video.interface';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, import("@storybook/types").Args>;
+export default _default;
+export declare const Default: StoryObj<IVideo>;