@ballistix.digital/react-components 0.1.5 → 0.1.6

package/dist/@types/components/Element/Avatar/AvatarElement.d.ts

@@ -0,0 +1,17 @@
+import { FC, ReactNode } from 'react';
+
+import { StylesType } from '.';
+export interface Props {
+  src?: string | undefined;
+  placeholder?: string | undefined;
+  children?: ReactNode | ReactNode[] | string;
+  url?: string;
+  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+  figure?: 'block' | 'rounded';
+  status?: 'offline' | 'online' | 'blocked';
+  isDisabled?: boolean;
+  isLoading?: boolean;
+  styles?: StylesType;
+}
+declare const AvatarElement: FC<Props>;
+export default AvatarElement;

package/dist/@types/components/Element/Avatar/AvatarElement.styles.d.ts

@@ -0,0 +1,14 @@
+export type StylesType = {
+  loading?: string;
+  empty?: string;
+  placeholder?: string;
+  container?: string;
+  indicator?: string;
+  spinner?: string;
+};
+declare const styles: {
+  [Key in StylesType as string]: {
+    [key: string]: string;
+  };
+};
+export default styles;

package/dist/@types/components/Element/Avatar/index.d.ts

@@ -0,0 +1,3 @@
+export type { StylesType } from './AvatarElement.styles';
+export { default } from './AvatarElement';
+export { default as styles } from './AvatarElement.styles';

package/dist/@types/components/Element/Badge/BadgeElement.d.ts

@@ -0,0 +1,15 @@
+import { ReactNode, FC } from 'react';
+import { StylesType } from '.';
+export interface Props {
+    children: string | ReactNode;
+    color?: 'gray' | 'red' | 'yellow' | 'green' | 'blue' | 'indigo' | 'purple' | 'pink';
+    type?: 'normal' | 'indicator' | 'close';
+    size?: 'sm' | 'lg';
+    figure?: 'block' | 'rounded';
+    isDisabled?: boolean;
+    isLoading?: boolean;
+    onClose?: () => void;
+    styles?: StylesType;
+}
+declare const BadgeElement: FC<Props>;
+export default BadgeElement;

package/dist/@types/components/Element/Badge/BadgeElement.styles.d.ts

@@ -0,0 +1,11 @@
+export type StylesType = {
+    container?: string;
+    indicator?: string;
+    button?: string;
+};
+declare const styles: {
+    [selector: string]: {
+        [key: string]: string;
+    };
+};
+export default styles;

package/dist/@types/components/Element/Badge/index.d.ts

@@ -0,0 +1,3 @@
+export type { StylesType } from './BadgeElement.styles';
+export { default } from './BadgeElement';
+export { default as styles } from './BadgeElement.styles';

package/dist/@types/components/Element/Button/ButtonElement.d.ts

@@ -0,0 +1,15 @@
+import { ReactNode, FC } from 'react';
+import { StylesType } from '.';
+import '../../../styles/index.css';
+export interface Props {
+    children: string | ReactNode;
+    type?: 'primary' | 'secondary' | 'outline';
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    figure?: 'block' | 'rounded';
+    status?: 'idle' | 'loading' | 'success' | 'error';
+    isDisabled?: boolean;
+    styles?: StylesType;
+    onClick: () => void;
+}
+declare const ButtonElement: FC<Props>;
+export default ButtonElement;

package/dist/@types/components/Element/Button/ButtonElement.styles.d.ts

@@ -0,0 +1,9 @@
+export type StylesType = {
+    container?: string;
+};
+declare const styles: {
+    [selector: string]: {
+        [key: string]: string;
+    };
+};
+export default styles;

package/dist/@types/components/Element/Button/index.d.ts

@@ -0,0 +1,3 @@
+export type { StylesType } from './ButtonElement.styles';
+export { default } from './ButtonElement';
+export { default as styles } from './ButtonElement.styles';

package/dist/@types/components/Element/ButtonGroup/ButtonGroupElement.d.ts

@@ -0,0 +1,8 @@
+import { FC, ReactElement } from 'react';
+import { StylesType } from '.';
+export interface Props {
+    children: ReactElement[];
+    styles?: StylesType;
+}
+declare const ButtonGroupElement: FC<Props>;
+export default ButtonGroupElement;

package/dist/@types/components/Element/ButtonGroup/ButtonGroupElement.styles.d.ts

@@ -0,0 +1,12 @@
+export type StylesType = {
+    container?: string;
+    firstButton?: string;
+    button?: string;
+    lastButton?: string;
+};
+declare const styles: {
+    [selector: string]: {
+        [key: string]: string;
+    };
+};
+export default styles;

package/dist/@types/components/Element/ButtonGroup/index.d.ts

@@ -0,0 +1,3 @@
+export type { StylesType } from './ButtonGroupElement.styles';
+export { default } from './ButtonGroupElement';
+export { default as styles } from './ButtonGroupElement.styles';

package/dist/@types/components/Element/Dropdown/DropdownElement.d.ts

@@ -0,0 +1,15 @@
+import { Menu } from '@headlessui/react';
+import { FC, ReactElement } from 'react';
+import { StylesType } from '.';
+export interface Props {
+    children: ReactElement | ReactElement[];
+    label: string;
+    type?: 'button' | 'compact';
+    direction?: 'left' | 'right';
+    styles?: StylesType;
+}
+declare const DropdownElement: {
+    Container: FC<Props>;
+    Item: typeof Menu.Item;
+};
+export default DropdownElement;

package/dist/@types/components/Element/Dropdown/DropdownElement.styles.d.ts

@@ -0,0 +1,15 @@
+export type StylesType = {
+    container?: string;
+    button?: string;
+    compact?: string;
+    dots?: string;
+    items?: string;
+    left?: string;
+    right?: string;
+};
+declare const styles: {
+    [selector: string]: {
+        [key: string]: string;
+    };
+};
+export default styles;

package/dist/@types/components/Element/Dropdown/index.d.ts

@@ -0,0 +1,3 @@
+export type { StylesType } from './DropdownElement.styles';
+export { default } from './DropdownElement';
+export { default as styles } from './DropdownElement.styles';

package/dist/@types/components/Layout/Container/ContainerLayout.d.ts

@@ -0,0 +1,9 @@
+import { FC, ReactNode } from 'react';
+import { StylesType } from '.';
+export interface Props {
+    children: ReactNode;
+    type?: 'break' | 'center' | 'fill';
+    styles?: StylesType;
+}
+declare const ContainerLayout: FC<Props>;
+export default ContainerLayout;

package/dist/@types/components/Layout/Container/ContainerLayout.styles.d.ts

@@ -0,0 +1,17 @@
+export type StylesType = {
+    container?: string;
+    content?: string;
+};
+declare const _default: {
+    break: {
+        container: string;
+    };
+    center: {
+        container: string;
+        content: string;
+    };
+    fill: {
+        container: string;
+    };
+};
+export default _default;

package/dist/@types/components/Layout/Container/index.d.ts

@@ -0,0 +1,3 @@
+export type { StylesType } from './ContainerLayout.styles';
+export { default } from './ContainerLayout';
+export { default as styles } from './ContainerLayout.styles';

package/dist/@types/components/Layout/Divider/DividerLayout.d.ts

@@ -0,0 +1,9 @@
+import { FC, ReactNode } from 'react';
+import { StylesType } from '.';
+export interface Props {
+    children: ReactNode;
+    type?: 'left' | 'center' | 'right';
+    styles?: StylesType;
+}
+declare const DividerLayout: FC<Props>;
+export default DividerLayout;

package/dist/@types/components/Layout/Divider/DividerLayout.styles.d.ts

@@ -0,0 +1,13 @@
+export type StylesType = {
+    container?: string;
+    head?: string;
+    line?: string;
+    body?: string;
+    content?: string;
+};
+declare const styles: {
+    [selector: string]: {
+        [key: string]: string;
+    };
+};
+export default styles;

package/dist/@types/components/Layout/Divider/index.d.ts

@@ -0,0 +1,3 @@
+export type { StylesType } from './DividerLayout.styles';
+export { default } from './DividerLayout';
+export { default as styles } from './DividerLayout.styles';

package/dist/@types/components/Layout/ListContainer/ListContainerLayout.d.ts

@@ -0,0 +1,9 @@
+import { FC, ReactElement } from 'react';
+import { StylesType } from '.';
+export interface Props {
+    children: ReactElement | ReactElement[];
+    type?: 'fill' | 'fill-sticky' | 'center' | 'center-sticky' | 'card' | 'card-sticky';
+    styles?: StylesType;
+}
+declare const ListContainerLayout: FC<Props>;
+export default ListContainerLayout;

package/dist/@types/components/Layout/ListContainer/ListContainerLayout.styles.d.ts

@@ -0,0 +1,11 @@
+export type StylesType = {
+    container?: string;
+    list?: string;
+    item?: string;
+};
+declare const styles: {
+    [selector: string]: {
+        [key: string]: string;
+    };
+};
+export default styles;

package/dist/@types/components/Layout/ListContainer/index.d.ts

@@ -0,0 +1,3 @@
+export type { StylesType } from './ListContainerLayout.styles';
+export { default } from './ListContainerLayout';
+export { default as styles } from './ListContainerLayout.styles';

package/dist/@types/components/Layout/MediaObject/MediaObjectLayout.d.ts

@@ -0,0 +1,12 @@
+import { FC, ReactNode, DetailedReactHTMLElement, HTMLAttributes } from 'react';
+import { StylesType } from '.';
+export type Element = DetailedReactHTMLElement<HTMLAttributes<HTMLElement>, HTMLElement>;
+export interface Props {
+    title: string;
+    paragraph: string;
+    figure?: ReactNode;
+    type?: 'top' | 'top-reversed' | 'center' | 'center-reversed' | 'bottom' | 'bottom-reversed' | 'stretch' | 'stretch-reversed' | 'responsive' | 'responsive-reversed' | 'wide' | 'wide-reversed';
+    styles?: StylesType;
+}
+declare const MediaObjectLayout: FC<Props>;
+export default MediaObjectLayout;

package/dist/@types/components/Layout/MediaObject/MediaObjectLayout.styles.d.ts

@@ -0,0 +1,13 @@
+export type StylesType = {
+    container?: string;
+    figure?: string;
+    svg?: string;
+    title?: string;
+    paragraph?: string;
+};
+declare const styles: {
+    [selector: string]: {
+        [key: string]: string;
+    };
+};
+export default styles;

package/dist/@types/components/Layout/MediaObject/index.d.ts

@@ -0,0 +1,3 @@
+export type { StylesType } from './MediaObjectLayout.styles';
+export { default } from './MediaObjectLayout';
+export { default as styles } from './MediaObjectLayout.styles';

package/dist/@types/components/Layout/Panel/PanelLayout.d.ts

@@ -0,0 +1,16 @@
+import React, { ReactNode } from 'react';
+import { StylesType } from '.';
+export interface ContainerProps {
+    children: ReactNode;
+    type?: 'normal' | 'sticky';
+    styles?: StylesType;
+}
+export interface HeadProps {
+    children: ReactNode;
+    styles?: StylesType;
+}
+declare const LayoutPanel: {
+    Container: React.FC<ContainerProps>;
+    Section: React.FC<HeadProps>;
+};
+export default LayoutPanel;

package/dist/@types/components/Layout/Panel/PanelLayout.styles.d.ts

@@ -0,0 +1,6 @@
+export type StylesType = {
+    container?: string;
+    section?: string;
+};
+declare const styles: StylesType;
+export default styles;

package/dist/@types/components/Layout/Panel/index.d.ts

@@ -0,0 +1,3 @@
+export type { StylesType } from './PanelLayout.styles';
+export { default } from './PanelLayout';
+export { default as styles } from './PanelLayout.styles';

package/dist/@types/components/Navigation/Breadcrumbs/BreadcrumbsNavigation.d.ts

@@ -0,0 +1,15 @@
+import { FC, ReactNode } from 'react';
+import { StylesType } from '.';
+export interface Props {
+    href: string;
+    pages: {
+        name: string;
+        href: string;
+        isCurrent: boolean;
+    }[];
+    type?: 'slashes' | 'chevrons' | 'panel' | 'bar';
+    separator?: ReactNode;
+    styles?: StylesType;
+}
+declare const BreadcrumbsNavigation: FC<Props>;
+export default BreadcrumbsNavigation;

package/dist/@types/components/Navigation/Breadcrumbs/BreadcrumbsNavigation.styles.d.ts

@@ -0,0 +1,145 @@
+export type StylesType = {
+    slashes?: {
+        container?: string;
+        list?: string;
+        separator?: string;
+        home?: {
+            container?: string;
+            content?: string;
+            link?: string;
+            icon?: string;
+            span?: string;
+        };
+        page?: {
+            container?: string;
+            content?: string;
+            link?: string;
+            span?: string;
+        };
+    };
+    chevrons?: {
+        container?: string;
+        list?: string;
+        separator?: string;
+        home?: {
+            container?: string;
+            content?: string;
+            link?: string;
+            icon?: string;
+            span?: string;
+        };
+        page?: {
+            container?: string;
+            content?: string;
+            link?: string;
+            span?: string;
+        };
+    };
+    panel?: {
+        container?: string;
+        list?: string;
+        separator?: string;
+        home?: {
+            container?: string;
+            content?: string;
+            link?: string;
+            icon?: string;
+            span?: string;
+        };
+        page?: {
+            container?: string;
+            content?: string;
+            link?: string;
+            span?: string;
+        };
+    };
+    bar?: {
+        container?: string;
+        list?: string;
+        separator?: string;
+        home?: {
+            container?: string;
+            content?: string;
+            link?: string;
+            icon?: string;
+            span?: string;
+        };
+        page?: {
+            container?: string;
+            content?: string;
+            link?: string;
+            span?: string;
+        };
+    };
+};
+declare const styles: {
+    slashes: {
+        container: string;
+        list: string;
+        separator: string;
+        home: {
+            container: string;
+            content: string;
+            link: string;
+            icon: string;
+            span: string;
+        };
+        page: {
+            container: string;
+            content: string;
+            link: string;
+        };
+    };
+    chevrons: {
+        container: string;
+        list: string;
+        separator: string;
+        home: {
+            container: string;
+            content: string;
+            link: string;
+            icon: string;
+            span: string;
+        };
+        page: {
+            container: string;
+            content: string;
+            link: string;
+        };
+    };
+    panel: {
+        container: string;
+        list: string;
+        separator: string;
+        home: {
+            container: string;
+            content: string;
+            link: string;
+            icon: string;
+            span: string;
+        };
+        page: {
+            container: string;
+            content: string;
+            link: string;
+        };
+    };
+    bar: {
+        container: string;
+        list: string;
+        separator: string;
+        home: {
+            container: string;
+            content: string;
+            link: string;
+            icon: string;
+            span: string;
+        };
+        page: {
+            container: string;
+            content: string;
+            link: string;
+        };
+    };
+};
+export default styles;

package/dist/@types/components/Navigation/Breadcrumbs/index.d.ts

@@ -0,0 +1,3 @@
+export type { StylesType } from './BreadcrumbsNavigation.styles';
+export { default } from './BreadcrumbsNavigation';
+export { default as styles } from './BreadcrumbsNavigation.styles';

package/dist/@types/components/Navigation/PagePagination/PagePaginationNavigation.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { StylesType } from '.';
+export interface Props {
+    min?: number;
+    max: number;
+    styles?: StylesType;
+    onChange?: (current: number) => void;
+}
+declare const PagePaginationNavigation: React.FC<Props>;
+export default PagePaginationNavigation;

package/dist/@types/components/Navigation/PagePagination/PagePaginationNavigation.styles.d.ts

@@ -0,0 +1,45 @@
+export type StylesType = {
+    container?: string;
+    left?: {
+        container?: string;
+        button?: string;
+        icon?: string;
+    };
+    center?: {
+        container?: string;
+    };
+    right?: {
+        container?: string;
+        button?: string;
+        icon?: string;
+    };
+    button?: {
+        default?: string;
+        active?: string;
+        disabled?: string;
+    };
+    divider?: string;
+};
+declare const styles: {
+    container: string;
+    left: {
+        container: string;
+        button: string;
+        icon: string;
+    };
+    center: {
+        container: string;
+    };
+    right: {
+        container: string;
+        button: string;
+        icon: string;
+    };
+    button: {
+        default: string;
+        active: string;
+        disabled: string;
+    };
+    divider: string;
+};
+export default styles;

package/dist/@types/components/Navigation/PagePagination/index.d.ts

@@ -0,0 +1,3 @@
+export type { StylesType } from './PagePaginationNavigation.styles';
+export { default } from './PagePaginationNavigation';
+export { default as styles } from './PagePaginationNavigation.styles';

package/dist/@types/components/Navigation/PanelPagination/PanelPagination.d.ts

@@ -0,0 +1,15 @@
+import React, { ReactNode } from 'react';
+import { StylesType } from '.';
+export interface Props {
+    min?: number;
+    max: number;
+    children: ({ min, max, current, }: {
+        min: number;
+        max: number;
+        current: number;
+    }) => ReactNode;
+    styles?: StylesType;
+    onChange?: (current: number) => void;
+}
+declare const PanelPaginationNavigation: React.FC<Props>;
+export default PanelPaginationNavigation;

package/dist/@types/components/Navigation/PanelPagination/PanelPagination.styles.d.ts

@@ -0,0 +1,43 @@
+export type StylesType = {
+    container?: string;
+    mobile?: {
+        container?: string;
+        button?: string;
+    };
+    desktop?: {
+        container?: string;
+        leftButton?: string;
+        rightButton?: string;
+        navigation?: string;
+    };
+    button?: {
+        default?: string;
+        active?: string;
+        disabled?: string;
+    };
+    divider?: string;
+    label: string;
+    icon: string;
+};
+declare const styles: {
+    container: string;
+    mobile: {
+        container: string;
+        button: string;
+    };
+    desktop: {
+        container: string;
+        leftButton: string;
+        rightButton: string;
+        navigation: string;
+    };
+    button: {
+        default: string;
+        active: string;
+        disabled: string;
+    };
+    divider: string;
+    label: string;
+    icon: string;
+};
+export default styles;

package/dist/@types/components/Navigation/PanelPagination/index.d.ts

@@ -0,0 +1,3 @@
+export type { StylesType } from './PanelPagination.styles';
+export { default } from './PanelPagination';
+export { default as styles } from './PanelPagination.styles';

package/dist/@types/components/Navigation/Sidebar/SidebarNavigation.d.ts

@@ -0,0 +1,35 @@
+import React, { ReactNode } from 'react';
+import { ContainerStylesType, NavigationStylesType } from '.';
+export interface ContainerProps {
+    children: ({ active, setActive, }: {
+        active: string;
+        setActive: any;
+    }) => ReactNode | ReactNode[];
+    styles?: ContainerStylesType;
+}
+export interface ListProps {
+    children: ReactNode | ReactNode[];
+    active: string;
+    setActive: any;
+    styles?: NavigationStylesType;
+}
+export interface ItemProps {
+    accessor: string;
+    href?: string;
+    type?: string;
+    children: ReactNode;
+    isCurrent?: boolean;
+    isInitial?: boolean;
+    onClick?: (accessor: any) => void;
+}
+export interface FooterProps {
+    children: ReactNode | ReactNode[];
+    styles?: NavigationStylesType;
+}
+declare const SidebarNavigation: {
+    Container: React.FC<ContainerProps>;
+    List: React.FC<ListProps>;
+    Item: React.FC<ItemProps>;
+    Footer: React.FC<FooterProps>;
+};
+export default SidebarNavigation;