@unizap/uniui 1.0.0 → 1.0.2

package/dist/components/Accordion/Accordion.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { AccordionProps } from './Accordion.types';
+declare const Accordion: React.FC<AccordionProps>;
+export default Accordion;

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

@@ -0,0 +1,7 @@
+import Accordion from './Accordion';
+import type { Meta, StoryObj } from '@storybook/react';
+declare const meta: Meta<typeof Accordion>;
+export default meta;
+type Story = StoryObj<typeof Accordion>;
+export declare const Basic: Story;
+export declare const MultipleAccordions: Story;

package/dist/components/Accordion/Accordion.types.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+export interface AccordionProps {
+    title: ReactNode;
+    content: ReactNode;
+    expandIcon?: ReactNode;
+    collapseIcon?: ReactNode;
+    isOpen?: boolean;
+    defaultExpanded?: boolean;
+    onToggle?: (expanded: boolean) => void;
+    className?: string;
+    titleClass?: string;
+    contentClass?: string;
+}

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

@@ -0,0 +1 @@
+export { default } from './Accordion';

package/dist/components/ActionMenu/ActionMenu.d.ts

@@ -0,0 +1,2 @@
+import { ActionMenuProps } from "./ActionMenu.types";
+export default function ActionMenu({ items, trigger, className, dropdownItemClass }: ActionMenuProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,6 @@
+import ActionMenu from "./ActionMenu";
+import type { Meta, StoryObj } from '@storybook/react';
+declare const meta: Meta<typeof ActionMenu>;
+export default meta;
+type Story = StoryObj<typeof ActionMenu>;
+export declare const Default: Story;

package/dist/components/ActionMenu/ActionMenu.types.d.ts

@@ -0,0 +1,14 @@
+import { ReactNode } from "react";
+export interface ActionMenuItem {
+    label?: string;
+    icon?: ReactNode;
+    itemClass?: string;
+    disabled?: boolean;
+    onClick?: () => void;
+}
+export interface ActionMenuProps {
+    items: ActionMenuItem[];
+    trigger: ReactNode;
+    className?: string;
+    dropdownItemClass?: string;
+}

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

@@ -0,0 +1 @@
+export { default } from './ActionMenu';

package/dist/components/Alert/Alert.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { AlertProps } from './Alert.types';
+declare const Alert: React.FC<AlertProps>;
+export default Alert;

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

@@ -0,0 +1,7 @@
+declare const _default: {
+    title: string;
+    tags: string[];
+};
+export default _default;
+export declare const Variants: () => import("react/jsx-runtime").JSX.Element;
+export declare const AutoClose: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/Alert/Alert.types.d.ts

@@ -0,0 +1,8 @@
+export interface AlertProps {
+    message: string;
+    variant?: 'info' | 'success' | 'danger' | 'warning' | 'dark';
+    onClose?: () => void;
+    autoClose?: boolean;
+    autoCloseDuration?: number;
+    className?: string;
+}

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

@@ -0,0 +1 @@
+export { default } from './Alert';

package/dist/components/Avatar/Avatar.d.ts

@@ -0,0 +1,3 @@
+import { AvatarProps } from './Avatar.types';
+declare const Avatar: ({ src, alt, size, fallback, className, color, shape, }: AvatarProps) => import("react/jsx-runtime").JSX.Element;
+export default Avatar;

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

@@ -0,0 +1,10 @@
+import Avatar from './Avatar';
+import { Meta, StoryObj } from '@storybook/react';
+declare const meta: Meta<typeof Avatar>;
+export default meta;
+type Story = StoryObj<typeof Avatar>;
+export declare const Default: Story;
+export declare const Fallback: Story;
+export declare const Sizes: Story;
+export declare const Shapes: Story;
+export declare const Group: Story;

package/dist/components/Avatar/Avatar.types.d.ts

@@ -0,0 +1,10 @@
+import { CompColor } from "../../utils/ColorMap";
+export interface AvatarProps {
+    src?: string;
+    alt?: string;
+    fallback?: React.ReactNode;
+    size?: 'sm' | 'md' | 'lg' | 'xl';
+    shape?: 'circle' | 'rounded' | 'square';
+    color?: CompColor;
+    className?: string;
+}

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

@@ -0,0 +1 @@
+export { default } from './Avatar';

package/dist/components/Badge/Badge.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { BadgeProps } from './Badge.types';
+declare const Badge: React.FC<BadgeProps>;
+export default Badge;

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

@@ -0,0 +1,8 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import Badge from './Badge';
+declare const meta: Meta<typeof Badge>;
+export default meta;
+type Story = StoryObj<typeof Badge>;
+export declare const DotBadge: Story;
+export declare const CountBadge: Story;
+export declare const ManyMails: Story;

package/dist/components/Badge/Badge.types.d.ts

@@ -0,0 +1,9 @@
+import { CompColor } from "../../utils/ColorMap";
+export interface BadgeProps {
+    children: React.ReactNode;
+    count?: number;
+    showDot?: boolean;
+    max?: number;
+    color?: CompColor;
+    position?: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';
+}

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

@@ -0,0 +1 @@
+export { default } from './Badge';

package/dist/components/BottomNavigation/BottomNavigation.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { BottomNavigationProps } from './BottomNavigation.types';
+declare const BottomNavigation: React.FC<BottomNavigationProps>;
+export default BottomNavigation;

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

@@ -0,0 +1,9 @@
+declare const _default: {
+    title: string;
+    component: import("react").FC<import("./BottomNavigation.types").BottomNavigationProps>;
+    tags: string[];
+    decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
+};
+export default _default;
+export declare const Floating: () => import("react/jsx-runtime").JSX.Element;
+export declare const Fixed: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/BottomNavigation/BottomNavigation.types.d.ts

@@ -0,0 +1,14 @@
+export interface NavItem {
+    label: string;
+    icon: React.ReactNode;
+    path: string;
+}
+export interface BottomNavigationProps {
+    variant?: 'floating' | 'static' | 'fixed';
+    activeTab: string;
+    navItems: NavItem[];
+    onTabChange: (label: string) => void;
+    className?: string;
+    activeClass?: string;
+    buttonClass?: string;
+}

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

@@ -0,0 +1 @@
+export { default } from './BottomNavigation';

package/dist/components/Breadcrumbs/Breadcrumbs.d.ts

@@ -0,0 +1,3 @@
+import { BreadcrumbsProps } from './Breadcrumbs.types';
+declare const Breadcrumbs: ({ items, separator, className }: BreadcrumbsProps) => import("react/jsx-runtime").JSX.Element;
+export default Breadcrumbs;

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

@@ -0,0 +1,7 @@
+declare const _default: {
+    title: string;
+    tags: string[];
+};
+export default _default;
+export declare const Default: () => import("react/jsx-runtime").JSX.Element;
+export declare const CustomSeparator: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/Breadcrumbs/Breadcrumbs.types.d.ts

@@ -0,0 +1,9 @@
+export interface BreadcrumbItem {
+    label: string;
+    href?: string;
+}
+export interface BreadcrumbsProps {
+    items: BreadcrumbItem[];
+    separator?: string;
+    className?: string;
+}

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

@@ -0,0 +1 @@
+export { default } from './Breadcrumbs';

package/dist/components/Button/Button.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IButtonProps } from './Button.types';
+declare const Button: React.FC<IButtonProps>;
+export default Button;

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

@@ -0,0 +1,12 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import Button from './Button';
+declare const meta: Meta<typeof Button>;
+export default meta;
+type Story = StoryObj<typeof Button>;
+export declare const Filled: Story;
+export declare const Outlined: Story;
+export declare const Text: Story;
+export declare const RoundedFull: Story;
+export declare const Disabled: Story;
+export declare const Link: Story;
+export declare const Color: Story;

package/dist/components/Button/Button.types.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { CompColor } from '../../utils/ColorMap';
+export interface IButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    title?: string;
+    variant?: 'filled' | 'outlined' | 'text';
+    color?: CompColor;
+    size?: 'small' | 'medium' | 'large';
+    children?: React.ReactNode;
+    className?: string;
+    fullWidth?: boolean;
+    disabled?: boolean;
+    roundedFull?: boolean;
+    icon?: React.ReactNode;
+    href?: string;
+    target?: '_blank' | '_self' | '_parent' | '_top';
+    type?: 'submit' | 'reset' | 'button';
+    onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+}

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

@@ -0,0 +1 @@
+export { default } from './Button';

package/dist/components/Card/Card.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ICardProps } from './Card.types';
+declare const Card: React.FC<ICardProps>;
+export default Card;

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

@@ -0,0 +1,8 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import Card from './Card';
+declare const meta: Meta<typeof Card>;
+export default meta;
+type Story = StoryObj<typeof Card>;
+export declare const Default: Story;
+export declare const Image: Story;
+export declare const ClickableCard: Story;

package/dist/components/Card/Card.types.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+export interface ICardProps {
+    title?: string;
+    subtitle?: string;
+    space?: 'none' | 'small' | 'medium' | 'large';
+    shadow?: 'default' | 'small' | 'medium' | 'large';
+    roundness?: 'small' | 'medium' | 'large';
+    image?: string;
+    divider?: boolean;
+    actionMenu?: React.ReactNode;
+    children?: React.ReactNode;
+    className?: string;
+    hoverable?: boolean;
+    bordered?: boolean;
+    onClick?: () => void;
+    loaderJsx?: boolean;
+}

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

@@ -0,0 +1 @@
+export { default } from './Card';

package/dist/components/CardWrapper/CardWrapper.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface CardWrapperProps {
+    children?: React.ReactNode;
+    className?: string;
+    border?: boolean;
+}
+declare const CardWrapper: React.FC<CardWrapperProps>;
+export default CardWrapper;

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

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import CardWrapper from './CardWrapper';
+declare const meta: Meta<typeof CardWrapper>;
+export default meta;
+type Story = StoryObj<typeof CardWrapper>;
+export declare const Default: Story;

package/dist/components/CardWrapper/CardWrapper.types.d.ts

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

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

@@ -0,0 +1 @@
+export { default } from './CardWrapper';

package/dist/components/Carousel/Carousel.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { CarouselProps } from './Carousel.types';
+declare const Carousel: React.FC<CarouselProps>;
+export default Carousel;

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

@@ -0,0 +1,23 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import type { CarouselProps } from './Carousel.types';
+declare const meta: Meta<CarouselProps>;
+export default meta;
+type Story = StoryObj<CarouselProps>;
+export declare const FixedSize: Story;
+export declare const FullWidth: Story;
+export declare const WithIndicators: Story;
+export declare const WithoutIndicators: Story;
+export declare const WithArrows: Story;
+export declare const CustomIcons: Story;
+export declare const Autoplay: Story;
+export declare const InfiniteLoop: Story;
+export declare const OnePerView: Story;
+export declare const FractionalPerView: Story;
+export declare const ThreePerView: Story;
+export declare const Gap: Story;
+export declare const ClickCallbacks: Story;
+export declare const PauseOnHover: Story;
+export declare const NoSwipe: Story;
+export declare const WithThumbnails: Story;
+export declare const LargeThumbnails: Story;
+export declare const Vertical: Story;

package/dist/components/Carousel/Carousel.types.d.ts

@@ -0,0 +1,21 @@
+export interface CarouselProps {
+    children: React.ReactNode[];
+    width?: string;
+    height?: string;
+    showIndicators?: boolean;
+    showArrows?: boolean;
+    autoplay?: boolean;
+    interval?: number;
+    infiniteLoop?: boolean;
+    perview?: number;
+    onClickItem?: (index: number) => void;
+    showThumbs?: boolean;
+    pauseOnHover?: boolean;
+    swipeable?: boolean;
+    thumbWidth?: number;
+    gap?: number;
+    nextIcon?: React.ReactNode;
+    prevIcon?: React.ReactNode;
+    className?: string;
+    orientation?: 'horizontal' | 'vertical';
+}

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

@@ -0,0 +1 @@
+export { default } from './Carousel';

package/dist/components/Checkbox/Checkbox.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ICheckboxProps } from './Checkbox.types';
+declare const Checkbox: React.FC<ICheckboxProps>;
+export default Checkbox;

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

@@ -0,0 +1,9 @@
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    component: import("react").FC<import("./Checkbox.types").ICheckboxProps>;
+    title: string;
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/components/Checkbox/Checkbox.types.d.ts

@@ -0,0 +1,9 @@
+export interface ICheckboxProps {
+    label?: string;
+    checked?: boolean;
+    disabled?: boolean;
+    onChange?: (checked: boolean) => void;
+    className?: string;
+    labelClass?: string;
+    id?: string;
+}

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

@@ -0,0 +1 @@
+export { default } from './Checkbox';

package/dist/components/DashboardStatBoxes/DashboardStatBoxes.d.ts

@@ -0,0 +1,3 @@
+import { DashboardStatBoxesProps } from "./DashboardStatBoxes.types";
+declare const DashboardStatBoxes: ({ stats, className, }: DashboardStatBoxesProps) => import("react/jsx-runtime").JSX.Element;
+export default DashboardStatBoxes;

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

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from "@storybook/react";
+import DashboardStatBoxes from "./DashboardStatBoxes";
+declare const meta: Meta<typeof DashboardStatBoxes>;
+export default meta;
+type Story = StoryObj<typeof DashboardStatBoxes>;
+export declare const Default: Story;

package/dist/components/DashboardStatBoxes/DashboardStatBoxes.types.d.ts

@@ -0,0 +1,12 @@
+export type DashboardStatBox = {
+    icon: React.ReactNode;
+    name: string;
+    value: string;
+    className?: string;
+    accentColor?: string;
+    accentBackground?: string;
+};
+export type DashboardStatBoxesProps = {
+    stats: DashboardStatBox[];
+    className?: string;
+};

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

@@ -0,0 +1 @@
+export { default } from './DashboardStatBoxes';

package/dist/components/DatePicker/DatePicker.d.ts

@@ -0,0 +1,3 @@
+import { DatePickerProps } from './DatePicker.types';
+export declare const DatePicker: ({ mode, type, showTime, onlyTime, className, onChange, placeholder, icon, disableBefore, disableAfter, selectedDate, }: DatePickerProps) => import("react/jsx-runtime").JSX.Element;
+export default DatePicker;

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

@@ -0,0 +1,10 @@
+import { Meta, StoryObj } from '@storybook/react';
+import DatePicker from './DatePicker';
+declare const meta: Meta<typeof DatePicker>;
+export default meta;
+type Story = StoryObj<typeof DatePicker>;
+export declare const SingleDate: Story;
+export declare const PreSelectedDate: Story;
+export declare const DateRange: Story;
+export declare const DateDisabled: Story;
+export declare const TimePicker: Story;

package/dist/components/DatePicker/DatePicker.types.d.ts

@@ -0,0 +1,16 @@
+export interface DatePickerProps {
+    mode?: 'single' | 'range';
+    type?: 'inline' | 'dialog';
+    showTime?: boolean;
+    onlyTime?: boolean;
+    className?: string;
+    onChange?: (value: number | null | {
+        startDate: number | null;
+        endDate: number | null;
+    }) => void;
+    placeholder?: string;
+    icon?: React.ReactNode;
+    disableBefore?: number;
+    disableAfter?: number;
+    selectedDate?: number | null;
+}

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

@@ -0,0 +1 @@
+export { default } from './DatePicker';

package/dist/components/Dialog/Dialog.d.ts

@@ -0,0 +1,3 @@
+import { DialogProps, DialogHandle } from './Dialog.types';
+declare const Dialog: import("react").ForwardRefExoticComponent<DialogProps & import("react").RefAttributes<DialogHandle>>;
+export default Dialog;

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

@@ -0,0 +1,9 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import Dialog from './Dialog';
+declare const meta: Meta<typeof Dialog>;
+export default meta;
+type Story = StoryObj<typeof Dialog>;
+export declare const MaxWidth: Story;
+export declare const FullWidth: Story;
+export declare const FullScreen: Story;
+export declare const RefControl: Story;

package/dist/components/Dialog/Dialog.types.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+export interface DialogProps {
+    open?: boolean;
+    onClose?: () => void;
+    className?: string;
+    title?: string;
+    children: React.ReactNode;
+    actions?: React.ReactNode;
+    showCloseIcon?: boolean;
+    fullscreen?: boolean;
+    fullWidth?: boolean;
+    maxWidth?: 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '4xl' | '6xl';
+}
+export interface DialogHandle {
+    open: () => void;
+    close: () => void;
+}

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

@@ -0,0 +1 @@
+export { default } from './Dialog';

package/dist/components/Divider/Divider.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { DividerProps } from './Divider.types';
+declare const Divider: React.FC<DividerProps>;
+export default Divider;

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

@@ -0,0 +1,9 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import Divider from './Divider';
+declare const meta: Meta<typeof Divider>;
+export default meta;
+type Story = StoryObj<typeof Divider>;
+export declare const Horizontal: Story;
+export declare const WithText: Story;
+export declare const VerticalWithText: Story;
+export declare const Inset: Story;

package/dist/components/Divider/Divider.types.d.ts

@@ -0,0 +1,6 @@
+export type DividerProps = {
+    orientation?: 'horizontal' | 'vertical';
+    variant?: 'fullWidth' | 'inset';
+    children?: React.ReactNode;
+    className?: string;
+};

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

@@ -0,0 +1 @@
+export { default } from './Divider';

package/dist/components/Drawer/Drawer.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { DrawerProps } from './Drawer.types';
+declare const Drawer: ({ open, onClose, className, title, children, childrenClass, actions, showCloseIcon, anchor, }: DrawerProps) => React.ReactPortal;
+export default Drawer;

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

@@ -0,0 +1,9 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import Drawer from './Drawer';
+declare const meta: Meta<typeof Drawer>;
+export default meta;
+type Story = StoryObj<typeof Drawer>;
+export declare const Left: Story;
+export declare const Right: Story;
+export declare const Top: Story;
+export declare const Bottom: Story;

package/dist/components/Drawer/Drawer.types.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+export interface DrawerProps {
+    open: boolean;
+    className?: string;
+    childrenClass?: string;
+    title?: string;
+    children?: React.ReactNode;
+    onClose: () => void;
+    actions?: React.ReactNode;
+    showCloseIcon?: boolean;
+    anchor?: 'left' | 'right' | 'top' | 'bottom';
+}

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

@@ -0,0 +1 @@
+export { default } from './Drawer';

package/dist/components/Dropdown/Dropdown.d.ts

@@ -0,0 +1,4 @@
+import { IDropdownProps } from './Dropdown.types';
+import React from 'react';
+declare const Dropdown: React.FC<IDropdownProps>;
+export default Dropdown;

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

@@ -0,0 +1,11 @@
+import type { StoryObj } from '@storybook/react';
+import Dropdown from './';
+declare const meta: {
+    component: import("react").FC<import("./Dropdown.types").IDropdownProps>;
+    title: string;
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof Dropdown>;
+export declare const Default: Story;
+export declare const Demo: Story;

package/dist/components/Dropdown/Dropdown.types.d.ts

@@ -0,0 +1,11 @@
+export interface DropdownItemTypes {
+    label: React.ReactNode;
+    onClick: (val: any) => void;
+}
+export interface IDropdownProps {
+    selected?: DropdownItemTypes;
+    items: DropdownItemTypes[];
+    className?: string;
+    menuClassName?: string;
+    stayOpenOnSelect?: boolean;
+}

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

@@ -0,0 +1 @@
+export { default } from './Dropdown';

package/dist/components/DropzoneUploader/DropzoneUploader.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IDropzoneUploaderProps } from './DropzoneUploader.types';
+declare const DropzoneUploader: React.FC<IDropzoneUploaderProps>;
+export default DropzoneUploader;