@soul-refiner/design-system 0.1.29 → 0.1.30

package/dist/common/colors.d.ts

@@ -0,0 +1,2 @@
+export declare const COLORS: readonly ["inherit", "page-bg", "white", "primary-blue-0", "primary-blue-1", "primary-blue-2", "primary-blue-3", "primary-blue-4", "grey-0", "grey-1", "grey-2", "grey-3", "grey-4", "grey-5", "grey-6", "grey-7", "grey-8", "grey-9", "grey-10", "red-0", "red-1", "red-2", "red-3", "red-4", "red-5", "red-6", "red-7", "red-8", "red-9", "red-10", "green-0", "green-1", "green-2", "green-3", "green-4", "green-5", "green-6", "green-7", "green-8", "green-9", "green-10", "blue-0", "blue-1", "blue-2", "blue-3", "blue-4", "blue-5", "blue-6", "blue-7", "blue-8", "blue-9", "blue-10", "turquoise-0", "turquoise-1", "turquoise-2", "turquoise-3", "turquoise-4", "turquoise-5", "turquoise-6", "turquoise-7", "turquoise-8", "turquoise-9", "turquoise-10", "purple-0", "purple-1", "purple-2", "purple-3", "purple-4", "purple-5", "purple-6", "purple-7", "purple-8", "purple-9", "purple-10", "yellow-0", "yellow-1", "yellow-2", "yellow-3", "yellow-4", "yellow-5", "yellow-6", "yellow-7", "yellow-8", "yellow-9", "yellow-10", "orange-0", "orange-1", "orange-2", "orange-3", "orange-4", "orange-5", "orange-6", "orange-7", "orange-8", "orange-9", "orange-10", "hue-pink-1", "hue-pink-2", "hue-pink-3", "hue-purple-1", "hue-purple-2", "hue-purple-3", "hue-ocean-1", "hue-ocean-2", "hue-ocean-3", "hue-mint-1", "hue-mint-2", "hue-mint-3", "hue-blue-1", "hue-blue-2", "hue-blue-3", "hue-orange-1", "hue-orange-2", "hue-orange-3", "special-yellow-1", "special-yellow-2", "special-orange-1", "special-orange-2", "special-red-1", "special-red-2", "special-pink-1", "special-pink-2", "special-purple-1", "special-purple-2", "special-blue-1", "special-blue-2", "special-turquoise-1", "special-turquoise-2", "special-green-1", "special-green-2", "special-grape-1", "special-grape-2"];
+export declare const colorReference: Record<"inherit" | "page-bg" | "white" | "primary-blue-0" | "primary-blue-1" | "primary-blue-2" | "primary-blue-3" | "primary-blue-4" | "grey-0" | "grey-1" | "grey-2" | "grey-3" | "grey-4" | "grey-5" | "grey-6" | "grey-7" | "grey-8" | "grey-9" | "grey-10" | "red-0" | "red-1" | "red-2" | "red-3" | "red-4" | "red-5" | "red-6" | "red-7" | "red-8" | "red-9" | "red-10" | "green-0" | "green-1" | "green-2" | "green-3" | "green-4" | "green-5" | "green-6" | "green-7" | "green-8" | "green-9" | "green-10" | "blue-0" | "blue-1" | "blue-2" | "blue-3" | "blue-4" | "blue-5" | "blue-6" | "blue-7" | "blue-8" | "blue-9" | "blue-10" | "turquoise-0" | "turquoise-1" | "turquoise-2" | "turquoise-3" | "turquoise-4" | "turquoise-5" | "turquoise-6" | "turquoise-7" | "turquoise-8" | "turquoise-9" | "turquoise-10" | "purple-0" | "purple-1" | "purple-2" | "purple-3" | "purple-4" | "purple-5" | "purple-6" | "purple-7" | "purple-8" | "purple-9" | "purple-10" | "yellow-0" | "yellow-1" | "yellow-2" | "yellow-3" | "yellow-4" | "yellow-5" | "yellow-6" | "yellow-7" | "yellow-8" | "yellow-9" | "yellow-10" | "orange-0" | "orange-1" | "orange-2" | "orange-3" | "orange-4" | "orange-5" | "orange-6" | "orange-7" | "orange-8" | "orange-9" | "orange-10" | "hue-pink-1" | "hue-pink-2" | "hue-pink-3" | "hue-purple-1" | "hue-purple-2" | "hue-purple-3" | "hue-ocean-1" | "hue-ocean-2" | "hue-ocean-3" | "hue-mint-1" | "hue-mint-2" | "hue-mint-3" | "hue-blue-1" | "hue-blue-2" | "hue-blue-3" | "hue-orange-1" | "hue-orange-2" | "hue-orange-3" | "special-yellow-1" | "special-yellow-2" | "special-orange-1" | "special-orange-2" | "special-red-1" | "special-red-2" | "special-pink-1" | "special-pink-2" | "special-purple-1" | "special-purple-2" | "special-blue-1" | "special-blue-2" | "special-turquoise-1" | "special-turquoise-2" | "special-green-1" | "special-green-2" | "special-grape-1" | "special-grape-2", string>;

package/dist/common/date.d.ts

@@ -0,0 +1,26 @@
+export declare const THIS_YEAR: number;
+export declare const THIS_MONTH: number;
+export declare enum WEEKDAYS {
+    MON = "Mon",
+    TUE = "Tue",
+    WED = "Wed",
+    THU = "Thu",
+    FRI = "Fri",
+    SAT = "Sat",
+    SUN = "Sun"
+}
+export declare enum MONTHS {
+    JAN = "Jan",
+    FEB = "Feb",
+    MAR = "Mar",
+    APR = "Apr",
+    MAY = "May",
+    JUN = "Jun",
+    JUL = "Jul",
+    AUG = "Aug",
+    SEP = "Sep",
+    OCT = "Oct",
+    NOV = "Nov",
+    DEC = "Dec"
+}
+export declare const CALENDAR_WEEKS = 6;

package/dist/common/index.d.ts

@@ -0,0 +1,3 @@
+export { colorReference, COLORS } from './colors';
+export { CALENDAR_WEEKS, MONTHS, THIS_MONTH, THIS_YEAR, WEEKDAYS, } from './date';
+export { Styles } from './styles';

package/dist/common/styles.d.ts

@@ -0,0 +1,14 @@
+import { BackgroundColor, BorderRadius, Color, Elevation, Flex, Margin, Padding, Styleable, TextClamp, TypographyStyle, TypographyWeight } from 'types';
+export declare namespace Styles {
+    const backgroundColor: import("styled-components").RuleSet<BackgroundColor>;
+    const borderRadius: import("styled-components").RuleSet<BorderRadius>;
+    const color: import("styled-components").RuleSet<Color>;
+    const elevation: import("styled-components").RuleSet<Elevation>;
+    const flex: import("styled-components").RuleSet<Flex>;
+    const margin: import("styled-components").RuleSet<Margin>;
+    const padding: import("styled-components").RuleSet<Padding>;
+    const styleable: import("styled-components").RuleSet<Styleable>;
+    const textClamp: import("styled-components").RuleSet<TextClamp>;
+    const typography: import("styled-components").RuleSet<TypographyStyle>;
+    const weight: import("styled-components").RuleSet<TypographyWeight>;
+}

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

@@ -0,0 +1,20 @@
+import React from 'react';
+type NativeProps = Pick<React.HTMLAttributes<HTMLButtonElement>, 'dangerouslySetInnerHTML' | 'onClick' | 'onMouseDown' | 'onMouseDownCapture' | 'onMouseEnter' | 'onMouseLeave' | 'onMouseOut' | 'onMouseOver'> & {
+    value?: string;
+};
+type ButtonTypes = 'primary' | 'secondary' | 'outlined' | 'danger' | 'text' | 'raised' | 'special';
+type ButtonSize = 'small' | 'large';
+type ButtonShape = 'none' | 'small' | 'medium-small' | 'large';
+export interface ButtonProps extends NativeProps, React.PropsWithChildren {
+    as?: React.ElementType;
+    disabled?: boolean;
+    fluid?: boolean;
+    icon?: React.ReactElement | undefined;
+    isDropdownOpen?: boolean;
+    roundness?: ButtonShape;
+    size?: ButtonSize;
+    sx?: string;
+    type?: ButtonTypes;
+}
+export declare const Button: ({ as, children, disabled, fluid, icon, isDropdownOpen, roundness, size, sx, type, ...props }: ButtonProps) => React.JSX.Element;
+export {};

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

@@ -0,0 +1,5 @@
+import { Meta } from '@storybook/react';
+import { ButtonProps } from './button';
+declare const meta: Meta;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ButtonProps>;
+export default meta;

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

@@ -0,0 +1,2 @@
+export { Button } from './button';
+export type { ButtonProps } from './button';

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

@@ -0,0 +1,44 @@
+import React from 'react';
+type NativeProps = Pick<React.HTMLAttributes<HTMLDivElement>, 'children' | 'onBlur' | 'onBlurCapture' | 'onClick' | 'onChange' | 'onMouseDown' | 'onMouseDownCapture' | 'onMouseEnter' | 'onMouseLeave' | 'onMouseOut' | 'onMouseOver'>;
+export interface DropdownProps extends NativeProps, React.PropsWithChildren {
+    checkbox?: boolean;
+    closeOnChange?: boolean;
+    closeOnBlur?: boolean;
+    defaultValue?: string | string[];
+    disabled?: boolean;
+    hasArrow?: boolean;
+    maintainState?: boolean;
+    multiple?: boolean;
+    offset?: [number, number];
+    open?: 'right' | 'left';
+    options?: (Omit<DropdownOptionProps, 'selected' | 'onClick'> | 'break')[];
+    sx?: string;
+    trigger: React.ReactElement;
+}
+declare const Dropdown: {
+    ({ checkbox, children, closeOnChange, closeOnBlur, defaultValue, disabled, hasArrow, maintainState, multiple, offset, onChange, open: openDirection, options, sx, trigger, ...rest }: DropdownProps): React.JSX.Element;
+    Option: {
+        ({ checkbox, disabled, icon, label, onClick, selected, sublabel, sx, value, }: DropdownOptionProps): React.JSX.Element;
+        displayName: string;
+    };
+    Spacer: {
+        ({ sx }: DropdownSpacerProps): React.JSX.Element;
+        displayName: string;
+    };
+};
+export interface DropdownOptionProps {
+    checkbox?: boolean;
+    color?: string;
+    disabled?: boolean;
+    icon?: React.ReactElement;
+    label?: React.ReactNode;
+    onClick?: (event: React.MouseEvent<HTMLDivElement>) => void | undefined;
+    selected: boolean;
+    sublabel?: string;
+    sx?: string;
+    value: string;
+}
+export interface DropdownSpacerProps {
+    sx?: string;
+}
+export { Dropdown };

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

@@ -0,0 +1,5 @@
+import { StoryFn, Meta } from '@storybook/react';
+import { DropdownProps } from './dropdown';
+declare const meta: Meta;
+export declare const Default: StoryFn<DropdownProps>;
+export default meta;

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

@@ -0,0 +1,2 @@
+export { Dropdown } from './dropdown';
+export type { DropdownOptionProps, DropdownProps, DropdownSpacerProps, } from './dropdown';

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

@@ -0,0 +1,10 @@
+export { Button } from './button';
+export type { ButtonProps } from './button';
+export { Dropdown } from './dropdown';
+export type { DropdownOptionProps, DropdownProps, DropdownSpacerProps, } from './dropdown';
+export { Rate } from './rate';
+export type { RateProps } from './rate';
+export { Switch } from './switch';
+export type { SwitchProps } from './switch';
+export { Upload } from './upload';
+export type { UploadProps } from './upload';

package/dist/components/actions/rate/index.d.ts

@@ -0,0 +1,2 @@
+export { Rate } from './rate';
+export type { RateProps } from './rate';

package/dist/components/actions/rate/rate.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface RateProps {
+    isRateable?: boolean;
+    onRate?: (rating: number) => void;
+    percent: number;
+    size: 'small' | 'large';
+    userRating?: number;
+}
+export declare const Rate: ({ isRateable, onRate, percent, size, userRating, }: RateProps) => React.JSX.Element;

package/dist/components/actions/rate/rate.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta } from '@storybook/react';
+import { RateProps } from './rate';
+declare const meta: Meta;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Pick<RateProps, "isRateable" | "percent" | "size">>;
+export default meta;

package/dist/components/actions/switch/index.d.ts

@@ -0,0 +1,2 @@
+export { Switch } from './switch';
+export type { SwitchProps } from './switch';

package/dist/components/actions/switch/switch.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+export interface SwitchProps extends React.PropsWithChildren {
+    disabled?: boolean;
+    onChange: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    value: string;
+}
+export declare const Switch: {
+    ({ children, disabled, onChange, value, }: SwitchProps): React.JSX.Element;
+    Item: {
+        ({ active, children, disabled, icon, onClick, value, }: SwitchItemProps): React.JSX.Element;
+        displayName: string;
+    };
+};
+interface SwitchItemProps extends React.PropsWithChildren {
+    active?: boolean;
+    disabled?: boolean;
+    icon?: React.ReactElement;
+    onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    value: string;
+}
+export {};

package/dist/components/actions/switch/switch.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta } from '@storybook/react';
+import { SwitchProps } from './switch';
+declare const meta: Meta;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Pick<SwitchProps, "disabled">>;
+export default meta;

package/dist/components/actions/toggle/index.d.ts

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

package/dist/components/actions/toggle/toggle.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export interface ToggleProps {
+    checked?: boolean;
+    label?: string;
+    onChange?: () => void;
+}
+export declare const Toggle: ({ checked, label, onChange }: ToggleProps) => React.JSX.Element;

package/dist/components/actions/toggle/toggle.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta } from '@storybook/react';
+import { ToggleProps } from './toggle';
+declare const meta: Meta;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ToggleProps>;
+export default meta;

package/dist/components/actions/upload/index.d.ts

@@ -0,0 +1,2 @@
+export { Upload } from './upload';
+export type { UploadProps } from './upload';

package/dist/components/actions/upload/upload.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { COLORS } from 'common';
+type UploadTypes = 'audio' | 'image' | 'file' | 'video';
+export interface UploadProps extends React.PropsWithChildren {
+    background: (typeof COLORS)[number] | string;
+    borderColor: (typeof COLORS)[number];
+    iconColor: (typeof COLORS)[number];
+    multiple?: boolean;
+    onDrop?: (files: FileList) => void;
+    size?: 'small' | 'large' | 'fit-content';
+    subtext?: string;
+    text?: React.ReactNode;
+    type: UploadTypes;
+}
+export declare const Upload: ({ background, borderColor, children, iconColor, multiple, onDrop, size, subtext, text, type, }: UploadProps) => React.JSX.Element;
+export {};

package/dist/components/actions/upload/upload.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta } from '@storybook/react';
+import { UploadProps } from './upload';
+declare const meta: Meta;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, UploadProps>;
+export default meta;

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

@@ -0,0 +1,15 @@
+import React from 'react';
+import { BackgroundColor, BorderRadius, Elevation, Flex, Margin, Padding, Polymorphic, Styleable } from 'types';
+type NativeProps = Pick<React.HTMLAttributes<HTMLDivElement>, 'children' | 'className' | 'dangerouslySetInnerHTML' | 'onBlur' | 'onBlurCapture' | 'onClick' | 'onChange' | 'onCopy' | 'onCut' | 'onKeyDown' | 'onKeyDownCapture' | 'onKeyUp' | 'onKeyUpCapture' | 'onMouseDown' | 'onMouseDownCapture' | 'onMouseEnter' | 'onMouseLeave' | 'onMouseOut' | 'onMouseOver' | 'title'> & {
+    value?: string;
+    href?: string;
+};
+export interface BoxProps extends BackgroundColor, BorderRadius, Elevation, Flex, Margin, Padding, Polymorphic, Styleable, NativeProps {
+    $display?: 'block' | 'flex';
+    sx?: string;
+}
+export declare const Box: ({ $display, sx, ...args }: BoxProps) => React.JSX.Element;
+export declare const Component: import("styled-components").IStyledComponent<"web", "div", BoxProps & {
+    $sx?: string | undefined;
+}, never>;
+export {};

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

@@ -0,0 +1,5 @@
+import { Meta } from '@storybook/react';
+import { BoxProps } from './box';
+declare const meta: Meta;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, BoxProps>;
+export default meta;

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

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

package/dist/components/atoms/colors/colors.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export interface ColorProps {
+    colors: string[];
+    title: string;
+}
+export declare const Colors: ({ colors, title }: ColorProps) => React.JSX.Element;

package/dist/components/atoms/colors/colors.stories.d.ts

@@ -0,0 +1,15 @@
+import { Meta } from '@storybook/react';
+import { ColorProps } from './colors';
+declare const meta: Meta;
+export declare const PrimaryBlue: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ColorProps>;
+export declare const Grey: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ColorProps>;
+export declare const Red: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ColorProps>;
+export declare const Green: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ColorProps>;
+export declare const Blue: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ColorProps>;
+export declare const Turquoise: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ColorProps>;
+export declare const Purple: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ColorProps>;
+export declare const Yellow: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ColorProps>;
+export declare const Orange: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ColorProps>;
+export declare const Colorify: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ColorProps>;
+export declare const Special: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ColorProps>;
+export default meta;

package/dist/components/atoms/colors/index.d.ts

@@ -0,0 +1 @@
+export { Colors } from './colors';

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

@@ -0,0 +1,4 @@
+export { Box } from './box';
+export type { BoxProps } from './box';
+export { Display, H, P, Typography } from './typography';
+export type { DisplayProps, HeadingProps, ParagraphProps, TypographyProps, } from './typography';

package/dist/components/atoms/typography/display.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { TypographyProps } from './typography';
+export interface CommonProps extends TypographyProps {
+    as?: React.ElementType;
+    $textAlign?: 'center' | 'inherit' | 'justify' | 'left' | 'right';
+}
+export interface DisplayProps extends CommonProps {
+    $fontSize?: 56 | 64;
+    $lineHeight?: 84 | 96;
+}
+export declare const Display: ({ as, $fontSize, $lineHeight, $textAlign, ...rest }: DisplayProps) => React.JSX.Element;

package/dist/components/atoms/typography/heading.d.ts

@@ -0,0 +1,45 @@
+import React from 'react';
+import { TypographyProps } from './typography';
+export interface CommonProps extends TypographyProps {
+    $textAlign?: 'center' | 'inherit' | 'justify' | 'left' | 'right';
+}
+export interface HeadingProps extends CommonProps {
+    as?: React.ElementType;
+    $fontSize?: 16 | 18 | 20 | 24 | 28 | 32 | 36 | 40 | 48;
+    $lineHeight?: 64 | 60 | 54 | 48 | 36 | 28 | 26;
+}
+export declare const H: {
+    (args: HeadingProps): React.JSX.Element;
+    One: {
+        ({ ...rest }: CommonProps): React.JSX.Element;
+        displayName: string;
+    };
+    Two: {
+        ({ ...rest }: CommonProps): React.JSX.Element;
+        displayName: string;
+    };
+    Three: {
+        ({ ...rest }: CommonProps): React.JSX.Element;
+        displayName: string;
+    };
+    Four: {
+        ({ ...rest }: CommonProps): React.JSX.Element;
+        displayName: string;
+    };
+    Five: {
+        ({ ...rest }: CommonProps): React.JSX.Element;
+        displayName: string;
+    };
+    Six: {
+        ({ ...rest }: CommonProps): React.JSX.Element;
+        displayName: string;
+    };
+    Seven: {
+        ({ ...rest }: CommonProps): React.JSX.Element;
+        displayName: string;
+    };
+    Eight: {
+        ({ ...rest }: CommonProps): React.JSX.Element;
+        displayName: string;
+    };
+};

package/dist/components/atoms/typography/index.d.ts

@@ -0,0 +1,8 @@
+export { Display } from './display';
+export type { DisplayProps } from './display';
+export { H } from './heading';
+export type { HeadingProps } from './heading';
+export { P } from './paragraph';
+export type { ParagraphProps } from './paragraph';
+export { Typography } from './typography';
+export type { TypographyProps } from './typography';

package/dist/components/atoms/typography/paragraph.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { TypographyProps } from './typography';
+export interface CommonProps extends TypographyProps {
+    as?: React.ElementType;
+    $textAlign?: 'center' | 'inherit' | 'justify' | 'left' | 'right';
+}
+export interface ParagraphProps extends CommonProps {
+    $fontSize?: 10 | 11 | 12 | 14 | 16;
+    $lineHeight?: 14 | 16 | 20 | 24;
+}
+export declare const P: ({ as, children, $fontSize, $lineHeight, $textAlign, ...rest }: ParagraphProps) => React.JSX.Element;

package/dist/components/atoms/typography/typography.d.ts

@@ -0,0 +1,9 @@
+import { Color, Styleable, TextClamp, TypographyStyle, TypographyWeight } from 'types';
+export type TypographyProps = Pick<React.HTMLAttributes<HTMLParagraphElement>, 'children' | 'className' | 'dangerouslySetInnerHTML' | 'id' | 'onBlur' | 'onBlurCapture' | 'onClick' | 'onChange' | 'onCopy' | 'onCut' | 'onKeyDown' | 'onKeyDownCapture' | 'onKeyUp' | 'onKeyUpCapture' | 'onMouseDown' | 'onMouseDownCapture' | 'onMouseEnter' | 'onMouseLeave' | 'onMouseOut' | 'onMouseOver'> & {
+    value?: string;
+    href?: string;
+} & Color & Styleable & TextClamp & TypographyStyle & TypographyWeight;
+export declare const Typography: import("styled-components").IStyledComponent<"web", "p", Pick<import("react").HTMLAttributes<HTMLParagraphElement>, "children" | "onBlur" | "onBlurCapture" | "onClick" | "onChange" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseOut" | "onMouseOver" | "className" | "id" | "dangerouslySetInnerHTML" | "onCopy" | "onCut" | "onKeyDown" | "onKeyDownCapture" | "onKeyUp" | "onKeyUpCapture"> & {
+    value?: string | undefined;
+    href?: string | undefined;
+} & Color & Styleable & TextClamp & TypographyStyle & TypographyWeight, never>;

package/dist/components/atoms/typography/typography.stories.d.ts

@@ -0,0 +1,12 @@
+import { Meta } from '@storybook/react';
+import { DisplayProps } from './display';
+import { HeadingProps } from './heading';
+import { ParagraphProps } from './paragraph';
+declare const meta: Meta;
+export declare const Display: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, DisplayProps>;
+interface HeadingStoryProps extends HeadingProps {
+    type: 'One' | 'Two' | 'Three' | 'Four' | 'Five' | 'Six' | 'Seven' | 'Eight';
+}
+export declare const Heading: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, HeadingStoryProps>;
+export declare const Paragraph: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ParagraphProps>;
+export default meta;

package/dist/components/card/action/action.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+export interface ActionCardProps {
+    actions: React.ReactElement | React.ReactElement[];
+    content: string;
+    image: string;
+    logo: React.ReactElement;
+    subtitle: string;
+    sx?: string;
+    title: string;
+}
+export declare const ActionCard: ({ actions, content, image, logo, subtitle, sx, title, }: ActionCardProps) => React.JSX.Element;

package/dist/components/card/action/index.d.ts

@@ -0,0 +1,2 @@
+export { ActionCard } from './action';
+export type { ActionCardProps } from './action';

package/dist/components/card/audio/audio.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+export interface AudioEpisodeCardProps {
+    actions: React.ReactElement[];
+    actionDropdown?: React.ReactElement;
+    content: string;
+    cta: React.ReactElement;
+    href: string;
+    image: string;
+    logo?: React.ReactElement;
+    numRating: number;
+    rating: number;
+    subtitle: string;
+    supportLabel?: string;
+    sx?: string;
+    title: string;
+}
+export declare const AudioEpisodeCard: ({ actions, actionDropdown, content, cta, href, image, logo, numRating, rating, subtitle, supportLabel, sx, title, }: AudioEpisodeCardProps) => React.JSX.Element;

package/dist/components/card/audio/index.d.ts

@@ -0,0 +1,2 @@
+export { AudioEpisodeCard } from './audio';
+export type { AudioEpisodeCardProps } from './audio';

package/dist/components/card/card.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { ActionCardProps } from './action';
+import { AudioEpisodeCardProps } from './audio';
+import { FeatureCardProps } from './feature';
+import { PersonCardProps } from './person';
+import { PriceCardProps } from './price';
+import { RegularCardProps } from './regular';
+import { VideoEpisodeCardProps } from './video';
+import { WrittenEpisodeCardProps } from './written';
+type CardType = 'action' | 'audio-episode' | 'feature' | 'person' | 'price' | 'regular' | 'video-episode' | 'written-episode';
+export type CardProps = (ActionCardProps | AudioEpisodeCardProps | FeatureCardProps | PersonCardProps | PriceCardProps | RegularCardProps | VideoEpisodeCardProps | WrittenEpisodeCardProps) & {
+    type: CardType;
+};
+export declare const Card: ({ type, ...rest }: CardProps) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+export {};

package/dist/components/card/card.stories.d.ts

@@ -0,0 +1,18 @@
+import { StoryFn, Meta } from '@storybook/react';
+import { CardProps } from './card';
+/************************************************************************
+ * Global config
+ */
+declare const meta: Meta;
+/************************************************************************
+ * Pages
+ */
+export declare const Action: StoryFn<CardProps>;
+export declare const AudioEpisode: StoryFn<CardProps>;
+export declare const Feature: StoryFn<CardProps>;
+export declare const Person: StoryFn<CardProps>;
+export declare const Price: StoryFn<CardProps>;
+export declare const Regular: StoryFn<CardProps>;
+export declare const VideoEpisode: StoryFn<CardProps>;
+export declare const WrittenEpisode: StoryFn<CardProps>;
+export default meta;

package/dist/components/card/feature/feature.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+export interface FeatureCardProps {
+    content: string;
+    editable?: boolean;
+    href?: string;
+    image: string;
+    onSave?: (title: string, content: string) => void;
+    sx?: string;
+    title: string;
+    uploadModal?: React.ReactElement;
+}
+export declare const FeatureCard: ({ content, editable, href, image, onSave, sx, title, uploadModal, }: FeatureCardProps) => React.JSX.Element;

package/dist/components/card/feature/index.d.ts

@@ -0,0 +1,2 @@
+export { FeatureCard } from './feature';
+export type { FeatureCardProps } from './feature';

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

@@ -0,0 +1,2 @@
+export { Card } from './card';
+export type { CardProps } from './card';

package/dist/components/card/person/index.d.ts

@@ -0,0 +1,2 @@
+export { PersonCard } from './person';
+export type { PersonCardProps } from './person';

package/dist/components/card/person/person.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export interface PersonCardProps {
+    actions?: React.ReactElement | React.ReactElement[];
+    href: string;
+    image: string;
+    subtitle: string;
+    sx?: string;
+    title: string;
+}
+export declare const PersonCard: ({ actions, href, image, subtitle, sx, title, }: PersonCardProps) => React.JSX.Element;

package/dist/components/card/price/index.d.ts

@@ -0,0 +1,2 @@
+export { PriceCard } from './price';
+export type { PriceCardProps } from './price';

package/dist/components/card/price/price.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export interface PriceCardProps {
+    actions: React.ReactElement;
+    content: string;
+    features: string[];
+    featureTitle: string;
+    price: string;
+    title: string;
+}
+export declare const PriceCard: ({ actions, content, featureTitle, features, price, title, }: PriceCardProps) => React.JSX.Element;

package/dist/components/card/regular/index.d.ts

@@ -0,0 +1,2 @@
+export { RegularCard } from './regular';
+export type { RegularCardProps } from './regular';

package/dist/components/card/regular/regular.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export interface RegularCardProps extends React.PropsWithChildren {
+    href?: string;
+    image: string;
+    sx?: string;
+}
+export declare const RegularCard: ({ children, href, image, sx, }: RegularCardProps) => React.JSX.Element;

package/dist/components/card/video/index.d.ts

@@ -0,0 +1,2 @@
+export { VideoEpisodeCard } from './video';
+export type { VideoEpisodeCardProps } from './video';

package/dist/components/card/video/video.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+export interface VideoEpisodeCardProps {
+    actions: React.ReactElement[];
+    actionDropdown?: React.ReactElement;
+    content: string;
+    cta: React.ReactElement;
+    href: string;
+    image: string;
+    logo?: React.ReactElement;
+    numRating: number;
+    rating: number;
+    subtitle: string;
+    supportLabel?: string;
+    sx?: string;
+    title: string;
+}
+export declare const VideoEpisodeCard: ({ actions, actionDropdown, content, cta, href, image, logo, numRating, rating, subtitle, supportLabel, sx, title, }: VideoEpisodeCardProps) => React.JSX.Element;

package/dist/components/card/written/index.d.ts

@@ -0,0 +1,2 @@
+export { WrittenEpisodeCard } from './written';
+export type { WrittenEpisodeCardProps } from './written';