@soul-refiner/design-system 0.1.29 → 0.1.31

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

@@ -0,0 +1,17 @@
+import React from 'react';
+export interface WrittenEpisodeCardProps {
+    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 WrittenEpisodeCard: ({ actions, actionDropdown, content, cta, href, image, logo, numRating, rating, subtitle, supportLabel, sx, title, }: WrittenEpisodeCardProps) => React.JSX.Element;

package/dist/components/editor/constants.d.ts

@@ -0,0 +1,50 @@
+export { ELEMENT_BLOCKQUOTE, ELEMENT_CODE_LINE, ELEMENT_CODE_SYNTAX, ELEMENT_DEFAULT, ELEMENT_H1, ELEMENT_H2, ELEMENT_H3, ELEMENT_H4, ELEMENT_H5, ELEMENT_H6, ELEMENT_HR, ELEMENT_IMAGE, ELEMENT_LI, ELEMENT_LIC, ELEMENT_LINK, ELEMENT_MEDIA, ELEMENT_MEDIA_EMBED, ELEMENT_MENTION, ELEMENT_MENTION_INPUT, ELEMENT_OL, ELEMENT_PARAGRAPH, ELEMENT_TABLE, ELEMENT_TD, ELEMENT_TH, ELEMENT_TODO_LI, ELEMENT_TR, ELEMENT_UL, MARK_BG_COLOR, MARK_BOLD, MARK_CODE, MARK_COLOR, MARK_FONT_FAMILY, MARK_FONT_SIZE, MARK_FONT_WEIGHT, MARK_HIGHLIGHT, MARK_ITALIC, MARK_KBD, MARK_SEARCH_HIGHLIGHT, MARK_STRIKETHROUGH, MARK_SUBSCRIPT, MARK_SUPERSCRIPT, MARK_UNDERLINE, } from '@udecode/plate';
+export declare const ELEMENT_AUDIO = "audio";
+export declare const ELEMENT_BIBLE_QUOTE = "bible-quote";
+export declare const ELEMENT_BUTTON = "button";
+export declare const ELEMENT_EXAMPLE = "example";
+export declare const ELEMENT_FOOTNOTE = "footnote";
+export declare const ELEMENT_PAYWALL = "paywall";
+export declare const ELEMENT_POLL = "poll";
+export declare const ELEMENT_QA = "q-n-a";
+export declare const ELEMENT_RECIPE = "recipe";
+export declare const ELEMENT_VIDEO = "video";
+export declare const BUTTON_LINK = "button-link";
+export declare const BUTTON_SUBSCRIBE = "button-subscribe";
+export declare const COLORS: string[];
+export declare const PLACEHOLDER = "This is a placeholder";
+export declare const DEFAULT_CONTENT: ({
+    type: string;
+    children: {
+        text: string;
+        bold: boolean;
+    }[];
+    align?: undefined;
+    url?: undefined;
+} | {
+    type: string;
+    children: ({
+        text: string;
+        italic?: undefined;
+    } | {
+        text: string;
+        italic: boolean;
+    })[];
+    align?: undefined;
+    url?: undefined;
+} | {
+    type: string;
+    align: string;
+    children: {
+        text: string;
+        bold: boolean;
+    }[];
+    url?: undefined;
+} | {
+    type: string;
+    url: string;
+    children: {
+        text: string;
+    }[];
+    align?: undefined;
+})[];

package/dist/components/editor/editor.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { TElement } from '@udecode/plate';
+export interface EditorProps {
+    communityName: string;
+    editable: boolean;
+    handleUploadImage: (dataURL: File) => Promise<string>;
+    onChange: (newNodes: TElement[]) => void;
+}
+export declare const Editor: ({ editable, handleUploadImage, onChange, }: EditorProps) => React.JSX.Element;

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

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

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

@@ -0,0 +1,2 @@
+export { Editor } from './editor';
+export type { EditorProps } from './editor';

package/dist/components/editor/navbar/alignment_dropdown.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { PlateEditor } from '@udecode/plate';
+export interface AlignmentDropdownProps {
+    editorRef: PlateEditor;
+}
+export declare const AlignmentDropdown: ({ editorRef }: AlignmentDropdownProps) => React.JSX.Element;

package/dist/components/editor/navbar/button_modal.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface ButtonModalProps {
+    onButtonInsert: (type: string) => void;
+}
+export declare const ButtonModal: ({ onButtonInsert }: ButtonModalProps) => React.JSX.Element;
+export {};

package/dist/components/editor/navbar/index.d.ts

@@ -0,0 +1,2 @@
+export { EditorBar } from './navbar';
+export type { EditorBarProps } from './navbar';

package/dist/components/editor/navbar/navbar.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export interface EditorBarProps {
+    handleUploadImage: (dataURL: File) => Promise<string>;
+}
+export declare const EditorBar: ({ handleUploadImage }: EditorBarProps) => React.JSX.Element;
+export declare const MenuButton: import("styled-components").IStyledComponent<"web", "button", {
+    $active?: boolean | undefined;
+}, never>;

package/dist/components/editor/navbar/style_dropdown.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { PlateEditor } from '@udecode/plate';
+export interface StyleDropdown {
+    editorRef: PlateEditor;
+}
+export declare const StyleDropdown: ({ editorRef }: StyleDropdown) => React.JSX.Element;

package/dist/components/editor/plate.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+export declare const plateUI: {
+    p: import("react").ForwardRefExoticComponent<Omit<import("@udecode/plate").PlateElementProps, "ref"> & import("react").RefAttributes<any>>;
+    h1: import("react").ForwardRefExoticComponent<Omit<import("@udecode/plate").PlateElementProps, "ref"> & import("react").RefAttributes<any>>;
+    h2: import("react").ForwardRefExoticComponent<Omit<import("@udecode/plate").PlateElementProps, "ref"> & import("react").RefAttributes<any>>;
+    h3: import("react").ForwardRefExoticComponent<Omit<import("@udecode/plate").PlateElementProps, "ref"> & import("react").RefAttributes<any>>;
+    h4: import("react").ForwardRefExoticComponent<Omit<import("@udecode/plate").PlateElementProps, "ref"> & import("react").RefAttributes<any>>;
+    h5: import("react").ForwardRefExoticComponent<Omit<import("@udecode/plate").PlateElementProps, "ref"> & import("react").RefAttributes<any>>;
+    h6: import("react").ForwardRefExoticComponent<Omit<import("@udecode/plate").PlateElementProps, "ref"> & import("react").RefAttributes<any>>;
+    blockquote: import("react").ForwardRefExoticComponent<Omit<import("@udecode/plate").PlateElementProps, "ref"> & import("react").RefAttributes<any>>;
+    a: import("react").ForwardRefExoticComponent<Omit<import("@udecode/plate").PlateElementProps<import("@udecode/plate").Value, import("@udecode/plate").TLinkElement>, "ref"> & import("react").RefAttributes<any>>;
+    ol: import("react").FunctionComponent<any>;
+    ul: import("react").FunctionComponent<any>;
+    img: ({ ...props }: import("@udecode/plate").PlateElementProps<import("@udecode/plate").Value, import("@udecode/plate").TImageElement>) => import("react").JSX.Element;
+    button: import("react").ForwardRefExoticComponent<Omit<import("@udecode/plate").PlateElementProps, "ref"> & import("react").RefAttributes<any>>;
+};

package/dist/components/editor/plugins/blockquote.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { PlateElementProps } from '@udecode/plate';
+export declare const BlockquoteElement: React.ForwardRefExoticComponent<Omit<PlateElementProps, "ref"> & React.RefAttributes<any>>;

package/dist/components/editor/plugins/buttons.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { PlateElementProps } from '@udecode/plate';
+export declare const Button: React.ForwardRefExoticComponent<Omit<PlateElementProps, "ref"> & React.RefAttributes<any>>;
+export declare const createButtonsPlugin: <OP = any, OV extends import("@udecode/plate").Value = import("@udecode/plate").Value, OE extends import("@udecode/plate").PlateEditor<OV> = import("@udecode/plate").PlateEditor<OV>>(override?: Partial<import("@udecode/plate").PlatePlugin<import("@udecode/plate").NoInfer<OP>, OV, OE>> | undefined, overrideByKey?: import("@udecode/plate").OverrideByKey<OV, OE> | undefined) => import("@udecode/plate").PlatePlugin<import("@udecode/plate").NoInfer<OP>, OV, OE>;

package/dist/components/editor/plugins/exitBreak.d.ts

@@ -0,0 +1,21 @@
+export declare const exitBreakPlugin: {
+    options: {
+        rules: ({
+            hotkey: string;
+            before?: undefined;
+            query?: undefined;
+        } | {
+            hotkey: string;
+            before: boolean;
+            query?: undefined;
+        } | {
+            hotkey: string;
+            query: {
+                start: boolean;
+                end: boolean;
+                allow: string[];
+            };
+            before?: undefined;
+        })[];
+    };
+};

package/dist/components/editor/plugins/image.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { PlateElementProps, TImageElement, Value } from '@udecode/plate';
+export declare const ImageElement: ({ ...props }: PlateElementProps<Value, TImageElement>) => React.JSX.Element;

package/dist/components/editor/plugins/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * ELEMENT TYPES
+ */
+export declare const blocks: (import("@udecode/plate").PlatePlugin<any, import("@udecode/plate").Value, import("@udecode/plate").PlateEditor<import("@udecode/plate").Value>> | import("@udecode/plate").PlatePlugin<import("@udecode/plate").HotkeyPlugin, import("@udecode/plate").Value, import("@udecode/plate").PlateEditor<import("@udecode/plate").Value>> | import("@udecode/plate").PlatePlugin<import("@udecode/plate").CodeBlockPlugin, import("@udecode/plate").Value, import("@udecode/plate").PlateEditor<import("@udecode/plate").Value>> | import("@udecode/plate").PlatePlugin<import("@udecode/plate").HeadingsPlugin, import("@udecode/plate").Value, import("@udecode/plate").PlateEditor<import("@udecode/plate").Value>> | import("@udecode/plate").PlatePlugin<import("@udecode/plate").AnyObject, import("@udecode/plate").Value, import("@udecode/plate").PlateEditor<import("@udecode/plate").Value>> | import("@udecode/plate").PlatePlugin<import("@udecode/plate").ImagePlugin, import("@udecode/plate").Value, import("@udecode/plate").PlateEditor<import("@udecode/plate").Value>> | import("@udecode/plate").PlatePlugin<import("@udecode/plate").IndentPlugin, import("@udecode/plate").Value, import("@udecode/plate").PlateEditor<import("@udecode/plate").Value>> | import("@udecode/plate").PlatePlugin<import("@udecode/plate").IndentListPlugin, import("@udecode/plate").Value, import("@udecode/plate").PlateEditor<import("@udecode/plate").Value>> | import("@udecode/plate").PlatePlugin<import("@udecode/plate").MediaPlugin, import("@udecode/plate").Value, import("@udecode/plate").PlateEditor<import("@udecode/plate").Value>> | import("@udecode/plate").PlatePlugin<import("@udecode/plate").ResetNodePlugin<import("@udecode/plate").Value, import("@udecode/plate").PlateEditor<import("@udecode/plate").Value>>, import("@udecode/plate").Value, import("@udecode/plate").PlateEditor<import("@udecode/plate").Value>> | import("@udecode/plate").PlatePlugin<import("@udecode/plate").TablePlugin<import("@udecode/plate").Value>, import("@udecode/plate").Value, import("@udecode/plate").PlateEditor<import("@udecode/plate").Value>>)[];
+export declare const marks: (import("@udecode/plate").PlatePlugin<import("@udecode/plate").AnyObject, import("@udecode/plate").Value, import("@udecode/plate").PlateEditor<import("@udecode/plate").Value>> | import("@udecode/plate").PlatePlugin<import("@udecode/plate").ToggleMarkPlugin, import("@udecode/plate").Value, import("@udecode/plate").PlateEditor<import("@udecode/plate").Value>>)[];
+export declare const inline: (import("@udecode/plate").PlatePlugin<import("@udecode/plate").AnyObject, import("@udecode/plate").Value, import("@udecode/plate").PlateEditor<import("@udecode/plate").Value>> | import("@udecode/plate").PlatePlugin<import("@udecode/plate").IndentPlugin, import("@udecode/plate").Value, import("@udecode/plate").PlateEditor<import("@udecode/plate").Value>> | import("@udecode/plate").PlatePlugin<import("@udecode/plate").LinkPlugin, import("@udecode/plate").Value, import("@udecode/plate").PlateEditor<import("@udecode/plate").Value>>)[];
+export declare const utils: (import("@udecode/plate").PlatePlugin<any, import("@udecode/plate").Value, import("@udecode/plate").PlateEditor<import("@udecode/plate").Value>> | import("@udecode/plate").PlatePlugin<import("@udecode/plate").ResetNodePlugin<import("@udecode/plate").Value, import("@udecode/plate").PlateEditor<import("@udecode/plate").Value>>, import("@udecode/plate").Value, import("@udecode/plate").PlateEditor<import("@udecode/plate").Value>> | import("@udecode/plate").PlatePlugin<import("@udecode/plate").ExitBreakPlugin, import("@udecode/plate").Value, import("@udecode/plate").PlateEditor<import("@udecode/plate").Value>> | import("@udecode/plate").PlatePlugin<import("@udecode/plate").SelectOnBackspacePlugin, import("@udecode/plate").Value, import("@udecode/plate").PlateEditor<import("@udecode/plate").Value>> | import("@udecode/plate").PlatePlugin<import("@udecode/plate").SoftBreakPlugin, import("@udecode/plate").Value, import("@udecode/plate").PlateEditor<import("@udecode/plate").Value>>)[];

package/dist/components/editor/plugins/link.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { PlateElementProps, TEditableProps, TLinkElement, Value } from '@udecode/plate';
+export declare const LinkElement: React.ForwardRefExoticComponent<Omit<PlateElementProps<Value, TLinkElement>, "ref"> & React.RefAttributes<any>>;
+export declare const LinkFloatingMenu: ({ readOnly }: TEditableProps) => React.JSX.Element | null;

package/dist/components/editor/plugins/list.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { PlateElementProps } from '@udecode/plate';
+export declare const ListElement: ({ children, variant, ...props }: import("@udecode/plate").PlateRenderNodeProps<import("@udecode/plate").Value, import("@udecode/plate").PlateEditor<import("@udecode/plate").Value>> & Omit<import("slate-react").RenderElementProps, "element"> & {
+    element: import("@udecode/plate").TElement;
+} & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    as?: React.ElementType<any> | undefined;
+    asChild?: boolean | undefined;
+} & React.RefAttributes<any> & {
+    elementToAttributes?: ((element: import("@udecode/plate").TElement) => any) | undefined;
+} & {
+    variant: 'ul' | 'ol';
+}) => React.JSX.Element;

package/dist/components/editor/plugins/resetBlockType.d.ts

@@ -0,0 +1,10 @@
+export declare const resetBlockTypePlugin: {
+    options: {
+        rules: {
+            hotkey: string;
+            predicate: <V extends import("@udecode/plate").Value>(editor: import("@udecode/plate").TEditor<V>, options?: import("@udecode/plate").GetAboveNodeOptions<V> | undefined) => boolean;
+            types: string[];
+            defaultType: string;
+        }[];
+    };
+};

package/dist/components/editor/plugins/selectOnBackspace.d.ts

@@ -0,0 +1,7 @@
+export declare const selectOnBackspace: {
+    options: {
+        query: {
+            allow: string[];
+        };
+    };
+};

package/dist/components/editor/plugins/softBreak.d.ts

@@ -0,0 +1,13 @@
+export declare const softBreakPlugin: {
+    options: {
+        rules: ({
+            hotkey: string;
+            query?: undefined;
+        } | {
+            hotkey: string;
+            query: {
+                allow: string[];
+            };
+        })[];
+    };
+};

package/dist/components/editor/plugins/text.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { PlateElementProps } from '@udecode/plate';
+export declare const ParagraphElement: React.ForwardRefExoticComponent<Omit<PlateElementProps, "ref"> & React.RefAttributes<any>>;
+export declare const createParagraphPlugin: <OP = any, OV extends import("@udecode/plate").Value = import("@udecode/plate").Value, OE extends import("@udecode/plate").PlateEditor<OV> = import("@udecode/plate").PlateEditor<OV>>(override?: Partial<import("@udecode/plate").PlatePlugin<import("@udecode/plate").NoInfer<OP>, OV, OE>> | undefined, overrideByKey?: import("@udecode/plate").OverrideByKey<OV, OE> | undefined) => import("@udecode/plate").PlatePlugin<import("@udecode/plate").NoInfer<OP>, OV, OE>;
+export declare const HOneElement: React.ForwardRefExoticComponent<Omit<PlateElementProps, "ref"> & React.RefAttributes<any>>;
+export declare const createHOnePlugin: <OP = any, OV extends import("@udecode/plate").Value = import("@udecode/plate").Value, OE extends import("@udecode/plate").PlateEditor<OV> = import("@udecode/plate").PlateEditor<OV>>(override?: Partial<import("@udecode/plate").PlatePlugin<import("@udecode/plate").NoInfer<OP>, OV, OE>> | undefined, overrideByKey?: import("@udecode/plate").OverrideByKey<OV, OE> | undefined) => import("@udecode/plate").PlatePlugin<import("@udecode/plate").NoInfer<OP>, OV, OE>;
+export declare const HTwoElement: React.ForwardRefExoticComponent<Omit<PlateElementProps, "ref"> & React.RefAttributes<any>>;
+export declare const createHTwoPlugin: <OP = any, OV extends import("@udecode/plate").Value = import("@udecode/plate").Value, OE extends import("@udecode/plate").PlateEditor<OV> = import("@udecode/plate").PlateEditor<OV>>(override?: Partial<import("@udecode/plate").PlatePlugin<import("@udecode/plate").NoInfer<OP>, OV, OE>> | undefined, overrideByKey?: import("@udecode/plate").OverrideByKey<OV, OE> | undefined) => import("@udecode/plate").PlatePlugin<import("@udecode/plate").NoInfer<OP>, OV, OE>;
+export declare const HThreeElement: React.ForwardRefExoticComponent<Omit<PlateElementProps, "ref"> & React.RefAttributes<any>>;
+export declare const createHThreePlugin: <OP = any, OV extends import("@udecode/plate").Value = import("@udecode/plate").Value, OE extends import("@udecode/plate").PlateEditor<OV> = import("@udecode/plate").PlateEditor<OV>>(override?: Partial<import("@udecode/plate").PlatePlugin<import("@udecode/plate").NoInfer<OP>, OV, OE>> | undefined, overrideByKey?: import("@udecode/plate").OverrideByKey<OV, OE> | undefined) => import("@udecode/plate").PlatePlugin<import("@udecode/plate").NoInfer<OP>, OV, OE>;
+export declare const HFourElement: React.ForwardRefExoticComponent<Omit<PlateElementProps, "ref"> & React.RefAttributes<any>>;
+export declare const createHFourPlugin: <OP = any, OV extends import("@udecode/plate").Value = import("@udecode/plate").Value, OE extends import("@udecode/plate").PlateEditor<OV> = import("@udecode/plate").PlateEditor<OV>>(override?: Partial<import("@udecode/plate").PlatePlugin<import("@udecode/plate").NoInfer<OP>, OV, OE>> | undefined, overrideByKey?: import("@udecode/plate").OverrideByKey<OV, OE> | undefined) => import("@udecode/plate").PlatePlugin<import("@udecode/plate").NoInfer<OP>, OV, OE>;
+export declare const HFiveElement: React.ForwardRefExoticComponent<Omit<PlateElementProps, "ref"> & React.RefAttributes<any>>;
+export declare const createHFivePlugin: <OP = any, OV extends import("@udecode/plate").Value = import("@udecode/plate").Value, OE extends import("@udecode/plate").PlateEditor<OV> = import("@udecode/plate").PlateEditor<OV>>(override?: Partial<import("@udecode/plate").PlatePlugin<import("@udecode/plate").NoInfer<OP>, OV, OE>> | undefined, overrideByKey?: import("@udecode/plate").OverrideByKey<OV, OE> | undefined) => import("@udecode/plate").PlatePlugin<import("@udecode/plate").NoInfer<OP>, OV, OE>;
+export declare const HSixElement: React.ForwardRefExoticComponent<Omit<PlateElementProps, "ref"> & React.RefAttributes<any>>;
+export declare const createHSixPlugin: <OP = any, OV extends import("@udecode/plate").Value = import("@udecode/plate").Value, OE extends import("@udecode/plate").PlateEditor<OV> = import("@udecode/plate").PlateEditor<OV>>(override?: Partial<import("@udecode/plate").PlatePlugin<import("@udecode/plate").NoInfer<OP>, OV, OE>> | undefined, overrideByKey?: import("@udecode/plate").OverrideByKey<OV, OE> | undefined) => import("@udecode/plate").PlatePlugin<import("@udecode/plate").NoInfer<OP>, OV, OE>;

package/dist/components/feedback/badge/badge.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+type BadgeColor = 'blue' | 'red' | 'green' | 'purple' | 'orange';
+export interface BadgeProps extends React.PropsWithChildren {
+    color: BadgeColor;
+    dot?: boolean;
+    onDismiss?: () => void;
+}
+export declare const Badge: ({ children, color, dot, onDismiss }: BadgeProps) => React.JSX.Element;
+export {};

package/dist/components/feedback/badge/badge.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta } from '@storybook/react';
+import { BadgeProps } from './badge';
+declare const meta: Meta;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, BadgeProps & {
+    hasDismissFn?: boolean | undefined;
+}>;
+export default meta;

package/dist/components/feedback/badge/index.d.ts

@@ -0,0 +1,2 @@
+export { Badge } from './badge';
+export type { BadgeProps } from './badge';

package/dist/components/feedback/banner/banner.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+type BannerTypes = 'error' | 'info' | 'success' | 'warning';
+export interface BannerProps {
+    content: string;
+    href: string;
+    onClose: () => void;
+    title: string;
+    type: BannerTypes;
+}
+export declare const Banner: ({ content, href, onClose, title, type, }: BannerProps) => React.JSX.Element;
+export {};

package/dist/components/feedback/banner/banner.stories.d.ts

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

package/dist/components/feedback/banner/index.d.ts

@@ -0,0 +1,2 @@
+export { Banner } from './banner';
+export type { BannerProps } from './banner';

package/dist/components/feedback/chip/chip.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+type ChipColor = 'grey' | 'blue' | 'red' | 'green' | 'turquoise' | 'purple' | 'yellow' | 'orange' | 'primary-blue';
+type ChipSize = 'small' | 'large';
+export interface ChipProps extends React.PropsWithChildren {
+    color: ChipColor;
+    dot?: boolean;
+    onDismiss?: () => void;
+    size: ChipSize;
+}
+export declare const Chip: ({ children, color, dot, onDismiss, size }: ChipProps) => React.JSX.Element;
+export {};

package/dist/components/feedback/chip/chip.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta } from '@storybook/react';
+import { ChipProps } from './chip';
+declare const meta: Meta;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ChipProps & {
+    hasDismissFn?: boolean | undefined;
+}>;
+export default meta;

package/dist/components/feedback/chip/index.d.ts

@@ -0,0 +1,2 @@
+export { Chip } from './chip';
+export type { ChipProps } from './chip';

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

@@ -0,0 +1,14 @@
+export { Badge } from './badge';
+export type { BadgeProps } from './badge';
+export { Banner } from './banner';
+export type { BannerProps } from './banner';
+export { Loader } from './loader';
+export type { LoaderProps } from './loader';
+export { Notification } from './notification';
+export type { NotificationProps } from './notification';
+export { Progress } from './progress';
+export type { ProgressProps } from './progress';
+export { Toast } from './toast';
+export type { ToastProps } from './toast';
+export { Tooltip } from './tooltip';
+export type { TooltipProps } from './tooltip';

package/dist/components/feedback/loader/index.d.ts

@@ -0,0 +1,2 @@
+export { Loader } from './loader';
+export type { LoaderProps } from './loader';

package/dist/components/feedback/loader/loader.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { COLORS } from 'common';
+export interface LoaderProps {
+    color?: (typeof COLORS)[number];
+    inline?: boolean;
+    inverse?: boolean;
+    size?: number;
+    sx?: string;
+}
+export declare const Loader: ({ color, inline, size, sx, }: LoaderProps) => React.JSX.Element;

package/dist/components/feedback/loader/loader.stories.d.ts

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

package/dist/components/feedback/notification/index.d.ts

@@ -0,0 +1,2 @@
+export { Notification } from './notification';
+export type { NotificationProps } from './notification';

package/dist/components/feedback/notification/notification.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+type NotificationTypes = 'error' | 'info' | 'success' | 'warning';
+export interface NotificationProps {
+    content: string;
+    href?: string;
+    onClose: () => void;
+    sx?: string;
+    title: string;
+    type: NotificationTypes;
+}
+export declare const Notification: ({ content, href, onClose, sx, title, type, }: NotificationProps) => React.JSX.Element;
+export {};

package/dist/components/feedback/notification/notificition.stories.d.ts

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

package/dist/components/feedback/progress/index.d.ts

@@ -0,0 +1,2 @@
+export { Progress } from './progress';
+export type { ProgressProps } from './progress';

package/dist/components/feedback/progress/progress.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+type ProgressType = 'compact' | 'detailed';
+export interface ProgressProps {
+    hasError?: boolean;
+    hasIcon?: boolean;
+    /**
+     * @param progress a percentage until complete
+     */
+    progress: number;
+    subtitle?: string;
+    sx?: string;
+    title?: string;
+    type?: ProgressType;
+}
+export declare const Progress: ({ hasError, progress, subtitle, sx, title, type, }: ProgressProps) => React.JSX.Element;
+export {};

package/dist/components/feedback/progress/progress.stories.d.ts

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

package/dist/components/feedback/toast/index.d.ts

@@ -0,0 +1,2 @@
+export { Toast } from './toast';
+export type { ToastProps } from './toast';

package/dist/components/feedback/toast/toast.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+type ToastTypes = 'error' | 'info' | 'success' | 'warning';
+export interface ToastProps {
+    content: string;
+    href?: string;
+    onClose: () => void;
+    type: ToastTypes;
+}
+export declare const Toast: ({ content, href, onClose, type }: ToastProps) => React.JSX.Element;
+export {};

package/dist/components/feedback/toast/toast.stories.d.ts

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

package/dist/components/feedback/tooltip/index.d.ts

@@ -0,0 +1,2 @@
+export { Tooltip } from './tooltip';
+export type { TooltipProps } from './tooltip';

package/dist/components/feedback/tooltip/tooltip.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { PlacesType } from 'react-tooltip';
+export interface TooltipProps extends React.PropsWithChildren {
+    content: string;
+    place: PlacesType;
+}
+export declare const Tooltip: ({ children, content, place }: TooltipProps) => React.JSX.Element;

package/dist/components/feedback/tooltip/tooltip.stories.d.ts

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

package/dist/components/iconography/avatar/avatar.d.ts

@@ -0,0 +1,37 @@
+import React from 'react';
+type NativeProps = Pick<React.HTMLAttributes<any>, 'onBlur' | 'onBlurCapture' | 'onClick' | 'onChange' | 'onCopy' | 'onCut' | 'onKeyDown' | 'onKeyDownCapture' | 'onKeyUp' | 'onKeyUpCapture' | 'onMouseDown' | 'onMouseDownCapture' | 'onMouseEnter' | 'onMouseLeave' | 'onMouseOut' | 'onMouseOver'> & {
+    value?: string;
+};
+type Status = 'offline' | 'focus' | 'busy' | 'online' | 'subscribed' | 'locked' | 'declined' | 'approved';
+type Size = 96 | 72 | 64 | 56 | 48 | 40 | 36 | 32 | 24 | 16;
+export interface AvatarProps extends NativeProps {
+    as?: React.ElementType;
+    href?: string;
+    image: string;
+    size: Size;
+    status?: Status;
+    subtitle?: React.ReactNode;
+    sx?: string;
+    textPosition?: 'left' | 'right';
+    title?: React.ReactNode;
+}
+/**
+ *
+ * Avatar
+ */
+declare const Avatar: {
+    ({ as, href, image, size, status, subtitle, sx, textPosition, title, ...rest }: AvatarProps): React.JSX.Element;
+    displayName: string;
+    Group: {
+        ({ children, numDisplayed, total }: AvatarGroupProps): React.JSX.Element;
+        displayName: string;
+    };
+};
+/**
+ * Avatar Group
+ */
+export interface AvatarGroupProps extends React.PropsWithChildren {
+    numDisplayed: number;
+    total: number;
+}
+export { Avatar };

package/dist/components/iconography/avatar/avatar.stories.d.ts

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

package/dist/components/iconography/avatar/icons/approved.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const Approved: () => React.JSX.Element;

package/dist/components/iconography/avatar/icons/busy.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const Busy: () => React.JSX.Element;

package/dist/components/iconography/avatar/icons/declined.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const Declined: () => React.JSX.Element;

package/dist/components/iconography/avatar/icons/default.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const Default: () => React.JSX.Element;

package/dist/components/iconography/avatar/icons/focus.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const Focus: () => React.JSX.Element;

package/dist/components/iconography/avatar/icons/index.d.ts

@@ -0,0 +1,9 @@
+export { Approved } from './approved';
+export { Busy } from './busy';
+export { Declined } from './declined';
+export { Default } from './default';
+export { Focus } from './focus';
+export { Locked } from './locked';
+export { Offline } from './offline';
+export { Online } from './online';
+export { Subscribed } from './subscribed';

package/dist/components/iconography/avatar/icons/locked.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const Locked: () => React.JSX.Element;

package/dist/components/iconography/avatar/icons/offline.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const Offline: () => React.JSX.Element;

package/dist/components/iconography/avatar/icons/online.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const Online: () => React.JSX.Element;

package/dist/components/iconography/avatar/icons/subscribed.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const Subscribed: () => React.JSX.Element;

package/dist/components/iconography/avatar/index.d.ts

@@ -0,0 +1,2 @@
+export { Avatar } from './avatar';
+export type { AvatarGroupProps, AvatarProps } from './avatar';

package/dist/components/iconography/icon/icon.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { COLORS } from 'common';
+type NativeProps = Pick<React.HTMLAttributes<SVGElement>, 'children' | 'className' | 'dangerouslySetInnerHTML' | 'id' | 'onBlur' | 'onBlurCapture' | 'onClick' | 'onChange' | 'onCopy' | 'onCut' | 'onKeyDown' | 'onKeyDownCapture' | 'onKeyUp' | 'onKeyUpCapture' | 'onMouseDown' | 'onMouseDownCapture' | 'onMouseEnter' | 'onMouseLeave' | 'onMouseOut' | 'onMouseOver'> & {
+    value?: string;
+};
+export interface IconProps extends NativeProps {
+    as?: React.ElementType;
+    color?: (typeof COLORS)[number];
+    size?: 16 | 20 | 24;
+    sx?: string;
+}
+export declare const Icon: ({ as, children, color, size, sx, ...rest }: IconProps) => React.JSX.Element;
+export {};