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

package/package.json

@@ -1,7 +1,8 @@
 {
   "name": "@soul-refiner/design-system",
-  "version": "2.0.0-alpha.2",
+  "version": "2.0.0-alpha.21",
   "main": "dist/index.js",
+  "types": "dist/src/index.d.ts",
   "type": "module",
   "license": "MIT",
   "publishConfig": {
@@ -16,14 +17,15 @@
   "exports": {
     ".": {
       "import": {
-        "types": "./dist/index.d.ts",
+        "types": "./dist/src/index.d.ts",
         "default": "./dist/index.js"
       }
     }
   },
   "devDependencies": {
+    "@rollup/plugin-commonjs": "^25.0.7",
     "@rollup/plugin-json": "^6.1.0",
-    "@rollup/plugin-typescript": "^11.1.6",
+    "@rollup/plugin-node-resolve": "^15.2.3",
     "@storybook/addon-essentials": "^7.6.7",
     "@storybook/addon-interactions": "^7.6.7",
     "@storybook/addon-links": "^7.6.7",
@@ -45,10 +47,13 @@
     "rollup": "^4.12.0",
     "rollup-plugin-node-externals": "^7.0.1",
     "rollup-plugin-postcss": "^4.0.2",
+    "rollup-plugin-preserve-directives": "^0.4.0",
     "rollup-plugin-tailwindcss": "^1.0.0",
     "rollup-plugin-typescript2": "^0.36.0",
     "storybook": "~7.5.3",
     "tailwindcss": "^3.4.1",
+    "tsc-alias": "^1.8.8",
+    "tsconfig-paths-webpack-plugin": "~4.0.1",
     "tslib": "^2.6.2",
     "typescript": "~5.0.4",
     "typescript-plugin-styled-components": "^3.0.0"
@@ -57,7 +62,6 @@
     "build": "yarn rollup --config",
     "build:tailwind": "npx tailwindcss -i ./src/styles/globals.css -o ./dist/styles/output.css",
     "format": "prettier --write .",
-    "lint": "yarn eslint ./**/*.{ts,tsx}",
     "storybook": "yarn build:tailwind && storybook dev -p 6006",
     "build-storybook": "storybook build",
     "prepare": "husky install"

package/dist/common/styles.d.ts

@@ -1,14 +0,0 @@
-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

@@ -1,26 +0,0 @@
-import React from 'react';
-import { IconProps } from '../../';
-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/components/actions/dropdown/dropdown.d.ts

@@ -1,50 +0,0 @@
-import React from 'react';
-import { COLORS } from 'common';
-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/components/actions/upload/upload.d.ts

@@ -1,20 +0,0 @@
-import React from 'react';
-import { COLORS } from '../../../common';
-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/components/atoms/box/box.d.ts

@@ -1,15 +0,0 @@
-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", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, BoxProps & {
-    $sx?: string | undefined;
-}>>;
-export {};

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

@@ -1,11 +0,0 @@
-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

@@ -1,46 +0,0 @@
-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;
-    $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/components/atoms/typography/paragraph.d.ts

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

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

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-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", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, TypographyProps>>;

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

@@ -1,17 +0,0 @@
-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';
-import { MeetingCardProps } from './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 declare const PurchaseTextWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("../atoms/box").BoxProps, never>> & Omit<({ $display, sx, ...args }: import("../atoms/box").BoxProps) => React.JSX.Element, keyof React.Component<any, {}, any>>;
-export {};

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

@@ -1,27 +0,0 @@
-import React from 'react';
-import { DropdownOptionProps } from '../..';
-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/components/card/person/person.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-import { DropdownOptionProps } from '../../';
-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/components/card/price/price.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-import { DropdownOptionProps } from '../../';
-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/components/custom/users_selection/users_selection.d.ts

@@ -1,24 +0,0 @@
-import React from 'react';
-import { IconProps } from '../../';
-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/components/editor/simple_editor/navbar.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-export interface EditorBarProps {
-    handleUploadImage: (files: FileList) => Promise<string>;
-}
-export declare const EditorBar: ({ handleUploadImage }: EditorBarProps) => React.JSX.Element;
-export declare const MenuButton: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
-    $active?: boolean | undefined;
-}>>;

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

@@ -1,9 +0,0 @@
-import React from 'react';
-import { ToastTypes } from '../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/components/feedback/loader/loader.d.ts

@@ -1,10 +0,0 @@
-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/iconography/icon/icon.d.ts

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

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

@@ -1,26 +0,0 @@
-import React from 'react';
-import { BoxProps } from '../../';
-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/components/media/video-player/video.d.ts

@@ -1,73 +0,0 @@
-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 from 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/components/navigation/inner/inner.d.ts

@@ -1,92 +0,0 @@
-import React from 'react';
-import { DrawerProps } from '../../../components/surfaces/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/icons/arrow/arrow_all.d.ts

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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