@soul-refiner/design-system 2.0.0-alpha.2 → 2.0.0-alpha.21

package/dist/src/common/styles.d.ts

@@ -0,0 +1,24 @@
+import { BackgroundColor } from '../types/attributes';
+import { BorderRadius } from '../types/attributes';
+import { Color } from '../types/attributes';
+import { Elevation } from '../types/attributes';
+import { Flex } from '../types/attributes';
+import { Margin } from '../types/attributes';
+import { Padding } from '../types/attributes';
+import { Styleable } from '../types/attributes';
+import { TextClamp } from '../types/attributes';
+import { TypographyStyle } from '../types/attributes';
+import { TypographyWeight } from '../types/attributes';
+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/src/components/actions/button/button.d.ts

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

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

@@ -0,0 +1,50 @@
+import React from 'react';
+import { COLORS } from '../../../common/colors';
+type NativeProps = Pick<React.HTMLAttributes<HTMLDivElement>, 'className' | '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;
+    containerSx?: string;
+    additionalOptions?: Omit<DropdownOptionProps, 'selected' | 'onClick'>[];
+    additionalOnChange?: (value: string) => void;
+    defaultAdditionalValue?: string;
+    useFullWidth?: boolean;
+}
+declare const Dropdown: {
+    ({ checkbox, children, closeOnChange, closeOnBlur, defaultValue, disabled, hasArrow, maintainState, multiple, offset, onChange, open: openDirection, options, sx, trigger, containerSx, additionalOptions, additionalOnChange, defaultAdditionalValue, useFullWidth, ...rest }: DropdownProps): React.JSX.Element;
+    Option: {
+        ({ checkbox, disabled, icon, label, onClick, selected, sublabel, sx, value, color, }: DropdownOptionProps): React.JSX.Element;
+        displayName: string;
+    };
+    Spacer: {
+        ({ sx }: DropdownSpacerProps): React.JSX.Element;
+        displayName: string;
+    };
+};
+export interface DropdownOptionProps {
+    checkbox?: boolean;
+    color?: (typeof COLORS)[number];
+    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/src/components/actions/upload/upload.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { COLORS } from '../../../common/colors';
+type UploadTypes = 'audio' | 'image' | 'file' | 'video';
+export interface UploadProps extends React.PropsWithChildren {
+    /**
+     * @param background one of the defined colors e.g. grey-1 or a user defined color
+     */
+    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;
+    height?: number;
+}
+export declare const Upload: ({ background, borderColor, children, iconColor, multiple, onDrop, size, subtext, text, type, height, }: UploadProps) => React.JSX.Element;
+export {};

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

@@ -0,0 +1,22 @@
+import React from 'react';
+import { BackgroundColor } from '../../../types/attributes';
+import { BorderRadius } from '../../../types/attributes';
+import { Elevation } from '../../../types/attributes';
+import { Flex } from '../../../types/attributes';
+import { Margin } from '../../../types/attributes';
+import { Padding } from '../../../types/attributes';
+import { Polymorphic } from '../../../types/attributes';
+import { Styleable } from '../../../types/attributes';
+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", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, BoxProps & {
+    $sx?: string | undefined;
+}>>;
+export {};

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import { TypographyProps } from '../../../components/atoms/typography/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/src/components/atoms/typography/heading.d.ts

@@ -0,0 +1,46 @@
+import React from 'react';
+import { TypographyProps } from '../../../components/atoms/typography/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;
+    $sx?: string;
+}
+export declare const H: {
+    ({ sx, ...args }: HeadingProps): React.JSX.Element;
+    One: {
+        ({ sx, ...rest }: CommonProps): React.JSX.Element;
+        displayName: string;
+    };
+    Two: {
+        ({ sx, ...rest }: CommonProps): React.JSX.Element;
+        displayName: string;
+    };
+    Three: {
+        ({ sx, ...rest }: CommonProps): React.JSX.Element;
+        displayName: string;
+    };
+    Four: {
+        ({ sx, ...rest }: CommonProps): React.JSX.Element;
+        displayName: string;
+    };
+    Five: {
+        ({ sx, ...rest }: CommonProps): React.JSX.Element;
+        displayName: string;
+    };
+    Six: {
+        ({ sx, ...rest }: CommonProps): React.JSX.Element;
+        displayName: string;
+    };
+    Seven: {
+        ({ sx, ...rest }: CommonProps): React.JSX.Element;
+        displayName: string;
+    };
+    Eight: {
+        ({ sx, ...rest }: CommonProps): React.JSX.Element;
+        displayName: string;
+    };
+};

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

@@ -0,0 +1,12 @@
+import React from 'react';
+import { TypographyProps } from '../../../components/atoms/typography/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;
+    $sx?: string;
+}
+export declare const P: ({ as, children, $fontSize, $lineHeight, $textAlign, sx, ...rest }: ParagraphProps) => React.JSX.Element;

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { Color } from '../../../types/attributes';
+import { Styleable } from '../../../types/attributes';
+import { TextClamp } from '../../../types/attributes';
+import { TypographyStyle } from '../../../types/attributes';
+import { TypographyWeight } from '../../../types/attributes';
+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", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, TypographyProps>>;

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

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

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

@@ -0,0 +1,27 @@
+import React from 'react';
+import { DropdownOptionProps } from '../../../components/actions/dropdown/dropdown';
+declare enum RSVP {
+    INTERESTED = "INTERESTED",
+    NOT_INTERESTED = "NOT_INTERESTED"
+}
+export interface MeetingCardProps {
+    href?: string;
+    image: string;
+    sx?: string;
+    title: string;
+    actions: React.ReactElement | React.ReactElement[];
+    course?: string;
+    startDate: string;
+    endDate: string;
+    startTime: string;
+    endTime: string;
+    location: string;
+    shareModal?: React.ReactElement;
+    handleInterestedOnClick?: (event: React.MouseEvent<HTMLDivElement>) => void | undefined;
+    handleNotInterestedOnClick?: (event: React.MouseEvent<HTMLDivElement>) => void | undefined;
+    handleVisibleToConnectionsOnClick?: (event: React.MouseEvent<HTMLDivElement>) => void | undefined;
+    rsvp?: `${RSVP}`;
+    dotsActions?: (Omit<DropdownOptionProps, 'selected'> | 'break')[];
+}
+export declare const MeetingCard: ({ href, image, sx, title, actions, course, startDate, endDate, startTime, endTime, location, shareModal, handleInterestedOnClick, handleNotInterestedOnClick, handleVisibleToConnectionsOnClick, rsvp, dotsActions, }: MeetingCardProps) => React.JSX.Element;
+export {};

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

@@ -0,0 +1,12 @@
+import React from 'react';
+import { DropdownOptionProps } from '../../../components/actions/dropdown/dropdown';
+export interface PersonCardProps {
+    actions?: React.ReactElement | React.ReactElement[];
+    dotsActions?: (Omit<DropdownOptionProps, 'selected'> | 'break')[];
+    href: string;
+    image: string;
+    subtitle: string | React.ReactElement;
+    sx?: string;
+    title: string;
+}
+export declare const PersonCard: ({ actions, dotsActions, href, image, subtitle, sx, title, }: PersonCardProps) => React.JSX.Element;

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

@@ -0,0 +1,13 @@
+import React from 'react';
+import { DropdownOptionProps } from '../../../components/actions/dropdown/dropdown';
+export interface PriceCardProps {
+    actions: React.ReactElement;
+    content: string;
+    dotsActions?: (Omit<DropdownOptionProps, 'selected'> | 'break')[];
+    features: string[];
+    featureTitle: string;
+    label?: string;
+    price: string;
+    title: string;
+}
+export declare const PriceCard: ({ actions, content, dotsActions, featureTitle, features, label, price, title, }: PriceCardProps) => React.JSX.Element;

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

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const PurchaseTextWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("../../components/atoms/box/box").BoxProps, never>> & Omit<({ $display, sx, ...args }: import("../../components/atoms/box/box").BoxProps) => import("react").JSX.Element, keyof import("react").Component<any, {}, any>>;

package/dist/src/components/custom/users_selection/users_selection.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import { IconProps } from '../../../components/iconography/icon/icon';
+type NativeProps = Pick<React.HTMLAttributes<HTMLDivElement>, 'children' | 'onBlur' | 'onBlurCapture' | 'onClick' | 'onChange' | 'onMouseDown' | 'onMouseDownCapture' | 'onMouseEnter' | 'onMouseLeave' | 'onMouseOut' | 'onMouseOver'>;
+type User = {
+    id: string;
+    fullName: string;
+    imageSrc: string;
+};
+export interface UsersSelectionProps extends NativeProps, React.PropsWithChildren {
+    closeOnBlur?: boolean;
+    disabled?: boolean;
+    offset?: [number, number];
+    sx?: string;
+    containerSx?: string;
+    searchSx?: string;
+    users: User[];
+    label: string;
+    title: string;
+    userIsChecked: Record<string, boolean>;
+    setUserIsChecked: React.Dispatch<React.SetStateAction<Record<string, boolean>>>;
+    icon: React.ComponentType<IconProps>;
+}
+export declare const UsersSelection: ({ closeOnBlur, disabled, offset, sx, containerSx, searchSx, users, label, title, userIsChecked, setUserIsChecked, icon, ...rest }: UsersSelectionProps) => React.JSX.Element;
+export {};

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

@@ -0,0 +1,5 @@
+import React from 'react';
+export interface EditorBarProps {
+    handleUploadImage: (files: FileList) => Promise<string>;
+}
+export declare const EditorBar: ({ handleUploadImage }: EditorBarProps) => React.JSX.Element;

package/dist/src/components/editor/styles/menu_button.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const MenuButton: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
+    $active?: boolean | undefined;
+}>>;

package/dist/src/components/feedback/animated_toast/animated_toast.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { ToastTypes } from '../../../components/feedback/toast/toast';
+export interface AnimatedToastProps {
+    message: string;
+    onClose?: () => void;
+    type: ToastTypes;
+    animationDuration?: number;
+}
+export declare const AnimatedToast: ({ message, type, onClose, animationDuration, }: AnimatedToastProps) => React.JSX.Element;

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

@@ -0,0 +1,10 @@
+import React from 'react';
+import { COLORS } from '../../../common/colors';
+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/src/components/iconography/icon/icon.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { COLORS } from '../../../common/colors';
+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 | 32 | 40;
+    sx?: string;
+}
+export declare const Icon: ({ as, children, color, size, sx, ...rest }: IconProps) => React.JSX.Element;
+export {};

package/dist/src/components/input/radio/radio.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+import { BoxProps } from '../../../components/atoms/box/box';
+type NativeProps = Pick<React.HTMLAttributes<HTMLInputElement>, 'onClick' | 'onChange' | 'onMouseDown' | 'onMouseDownCapture' | 'onMouseEnter' | 'onMouseLeave' | 'onMouseOut' | 'onMouseOver'>;
+export interface RadioProps extends NativeProps {
+    checked: boolean;
+    disabled?: boolean;
+    label?: string;
+    onClick?: (event: React.MouseEvent) => void;
+    name?: string;
+    readOnly?: boolean;
+    reversed?: boolean;
+    sx?: string;
+    value: string;
+}
+declare const Radio: {
+    ({ checked, disabled, label, onClick, reversed, sx, value, ...rest }: RadioProps): React.JSX.Element;
+    Group: {
+        ({ children, name, ...rest }: RadioGroupProps): React.JSX.Element;
+        displayName: string;
+    };
+};
+export interface RadioGroupProps extends React.PropsWithChildren, BoxProps {
+    name: string;
+    sx?: string;
+}
+export { Radio };

package/dist/src/components/media/video-player/video.d.ts

@@ -0,0 +1,73 @@
+import React from 'react';
+import { Subtitle } from '../common';
+interface MediaItem {
+    id: string;
+    duration: number;
+    progress?: number;
+    src: string;
+    subtitles: Subtitle[];
+    shortDescription: string;
+    thumbnail: string;
+    title: string;
+}
+interface Trailer {
+    id: number;
+    src: string;
+    subtitles: Subtitle[];
+    thumbnail: string;
+}
+export interface VideoPlayerProps {
+    /**
+     * @param activeIndex the media item frm the playlist currently playing
+     */
+    activeIndex: number;
+    /**
+     * @param orientation the orientation of the player
+     */
+    orientation: 'horizontal' | 'vertical';
+    /**
+     * @param onPipChange when the pip changes
+     */
+    onPipChange?: (pip: boolean) => void;
+    /**
+     * @param onProgress the handler as the video progresses
+     */
+    onProgress: (progress: {
+        playedSeconds: number;
+        loadedSeconds: number;
+    }) => void;
+    /**
+     * @param pip picture in picture is enabled
+     */
+    pip?: boolean;
+    /**
+     * @param playable whether the video can play
+     */
+    playable: boolean;
+    /**
+     * @param playlist the media items in the player
+     */
+    playlist: MediaItem[];
+    /**
+     * @param setMediaItem sets the index of the item to be played
+     */
+    setMediaItem: (index: number) => void;
+    /**
+     * @param subtitle the video player's subtitle
+     */
+    subtitle: string;
+    /**
+     * @param title the video player's title
+     */
+    title: string;
+    /**
+     * @param trailer if in
+     */
+    trailer?: Trailer;
+}
+/**
+ * ReactPlayer props reference -> https://www.npmjs.com/package/react-player#props
+ * HLS Option props reference -> https://github.com/video-dev/hls.js/blob/master/docs/API.md#fine-tuning
+ */
+export declare const VideoPlayer: ({ activeIndex, pip, playable, playlist, onPipChange, onProgress, orientation, setMediaItem, subtitle, title, trailer, }: VideoPlayerProps) => React.JSX.Element | null;
+export {};

package/dist/src/components/navigation/inner/inner.d.ts

@@ -0,0 +1,92 @@
+import React from 'react';
+import { DrawerProps } from '../../../components/surfaces/drawer/drawer';
+/*************************************************************************************************************************
+ * Inner Navigation
+ */
+declare const InnerNav: {
+    ({ children }: React.PropsWithChildren): React.JSX.Element;
+    Item: {
+        ({ active, href, icon, label, sx, onClick, }: InnerNavItemProps): React.JSX.Element;
+        displayName: string;
+    };
+    Dropdown: {
+        ({ children, icon, label, open, sx, onClick, }: InnerNavDropdownProps): React.JSX.Element;
+        displayName: string;
+    };
+    BackButton: {
+        ({ href, label, sx }: InnerNavBackButtonProps): React.JSX.Element;
+        displayName: string;
+    };
+    Header: {
+        ({ children }: InnerNavHeaderProps): React.JSX.Element;
+        displayName: string;
+    };
+    Drawer: {
+        ({ children, label, controlledOpen, onOpenChange, }: InnerNavDrawerProps): React.JSX.Element;
+        displayName: string;
+    };
+    DrawerHeader: {
+        ({ children }: {
+            children?: React.ReactNode;
+        }): React.JSX.Element;
+        displayName: string;
+    };
+    DrawerContent: {
+        ({ children }: {
+            children?: React.ReactNode;
+        }): React.JSX.Element;
+        displayName: string;
+    };
+    DrawerFooter: {
+        ({ children }: {
+            children?: React.ReactNode;
+        }): React.JSX.Element;
+        displayName: string;
+    };
+    DrawerTrigger: {
+        ({ children: child, }: {
+            children: React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+        }): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+        displayName: string;
+    };
+};
+/*************************************************************************************************************************
+ * Item
+ */
+export interface InnerNavItemProps {
+    active: boolean;
+    href?: string;
+    icon?: React.ReactElement;
+    label: React.ReactNode;
+    sx?: string;
+    onClick?: () => void;
+}
+/*************************************************************************************************************************
+ * Dropdown
+ */
+export interface InnerNavDropdownProps extends React.PropsWithChildren {
+    icon?: React.ReactElement;
+    label: React.ReactNode;
+    open: boolean;
+    sx?: string;
+    onClick?: React.MouseEventHandler;
+}
+/*************************************************************************************************************************
+ * Back Button
+ */
+export interface InnerNavBackButtonProps {
+    href: string;
+    label: React.ReactNode;
+    sx?: string;
+}
+/*************************************************************************************************************************
+ * Header
+ */
+export type InnerNavHeaderProps = React.PropsWithChildren;
+/*************************************************************************************************************************
+ * Create Button
+ */
+export interface InnerNavDrawerProps extends DrawerProps, React.PropsWithChildren {
+    label: React.ReactNode;
+}
+export { InnerNav };

package/dist/src/icons/arrow/arrow_all.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IconProps } from '../../components/iconography/icon/icon';
+export declare const ArrowAll: (props: IconProps) => React.JSX.Element;

package/dist/src/icons/arrow/arrow_all_diagonal.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IconProps } from '../../components/iconography/icon/icon';
+export declare const ArrowAllDiagonal: (props: IconProps) => React.JSX.Element;

package/dist/src/icons/arrow/arrow_both_downwards.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IconProps } from '../../components/iconography/icon/icon';
+export declare const ArrowBothDownwards: (props: IconProps) => React.JSX.Element;

package/dist/src/icons/arrow/arrow_both_upwards.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IconProps } from '../../components/iconography/icon/icon';
+export declare const ArrowBothUpwards: (props: IconProps) => React.JSX.Element;

package/dist/src/icons/arrow/arrow_circle_left.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IconProps } from '../../components/iconography/icon/icon';
+export declare const ArrowCircleLeft: (props: IconProps) => React.JSX.Element;

package/dist/src/icons/arrow/arrow_circle_left_double.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IconProps } from '../../components/iconography/icon/icon';
+export declare const ArrowCircleLeftDouble: (props: IconProps) => React.JSX.Element;

package/dist/src/icons/arrow/arrow_circle_left_double_alert.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IconProps } from '../../components/iconography/icon/icon';
+export declare const ArrowCircleLeftDoubleAlert: (props: IconProps) => React.JSX.Element;

package/dist/src/icons/arrow/arrow_circle_right.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IconProps } from '../../components/iconography/icon/icon';
+export declare const ArrowCircleRight: (props: IconProps) => React.JSX.Element;

package/dist/src/icons/arrow/arrow_circle_right_double.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IconProps } from '../../components/iconography/icon/icon';
+export declare const ArrowCircleRightDouble: (props: IconProps) => React.JSX.Element;

package/dist/src/icons/arrow/arrow_circle_right_double_alert.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IconProps } from '../../components/iconography/icon/icon';
+export declare const ArrowCircleRightDoubleAlert: (props: IconProps) => React.JSX.Element;

package/dist/src/icons/arrow/arrow_diagonal_down_left.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IconProps } from '../../components/iconography/icon/icon';
+export declare const ArrowDiagonalDownLeft: (props: IconProps) => React.JSX.Element;

package/dist/src/icons/arrow/arrow_diagonal_down_left_circle.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IconProps } from '../../components/iconography/icon/icon';
+export declare const ArrowDiagonalDownLeftCircle: (props: IconProps) => React.JSX.Element;