@unizap/uniui 1.0.1 → 1.0.3

package/package.json

@@ -1,80 +1,99 @@
 {
-  "name": "@unizap/uniui",
-  "version": "1.0.1",
-  "description": "A UI component library for React",
-  "type": "module",
-  "files": [
-    "dist"
-  ],
-  "types": "dist/index.d.ts",
-  "main": "dist/unizap-ui.umd.cjs",
-  "module": "dist/unizap-ui.js",
-  "styles": "dist/unizap-ui.css",
-  "scripts": {
-    "dev": "vite",
-    "build": "tsc -b && vite build",
-    "lint": "eslint .",
-    "preview": "vite preview",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build",
-    "prepare": "husky"
-  },
-  "lint-staged": {
-    "*.{ts,html,tsx}": [
-      "eslint --fix",
-      "prettier --write"
-    ]
-  },
-  "devDependencies": {
-    "@chromatic-com/storybook": "3",
-    "@eslint/js": "^9.21.0",
-    "@storybook/addon-essentials": "8.6.11",
-    "@storybook/addon-onboarding": "8.6.11",
-    "@storybook/blocks": "8.6.11",
-    "@storybook/experimental-addon-test": "8.6.11",
-    "@storybook/react": "8.6.11",
-    "@storybook/react-vite": "8.6.11",
-    "@storybook/test": "8.6.11",
-    "@tailwindcss/vite": "^4.0.17",
-    "@types/cookie": "^1.0.0",
-    "@types/node": "^22.13.14",
-    "@types/react": "^19.0.12",
-    "@types/react-dom": "^19.0.4",
-    "@types/statuses": "^2.0.6",
-    "@vitejs/plugin-react": "^4.3.4",
-    "@vitest/browser": "^3.0.9",
-    "@vitest/coverage-v8": "^3.0.9",
-    "@babel/runtime": "^7.28.2",
-    "daisyui": "^5.0.11",
-    "eslint": "^9.21.0",
-    "eslint-plugin-react-hooks": "^5.1.0",
-    "eslint-plugin-react-refresh": "^0.4.19",
-    "eslint-plugin-storybook": "^0.12.0",
-    "globals": "^15.15.0",
-    "husky": "^9.1.7",
-    "lint-staged": "^15.5.0",
-    "playwright": "^1.51.1",
-    "prettier": "^3.5.3",
-    "storybook": "8.6.11",
-    "typescript": "~5.7.2",
-    "typescript-eslint": "^8.24.1",
-    "vite": "^6.2.0",
-    "vite-plugin-dts": "^4.5.3",
-    "vitest": "^3.0.9",
-    "react-router-dom": "^7.5.0"
-  },
-  "peerDependencies": {
-    "react": ">=16.8.0",
-    "react-dom": ">=16.8.0"
-  },
-  "eslintConfig": {
-    "extends": [
-      "plugin:storybook/recommended"
-    ]
-  },
-  "dependencies": {
-    "@tanstack/react-table": "^8.21.2",
-    "@unizap/unicss": "^1.1.27",
-    "react-dropzone": "^14.3.8"
-  }
+    "name": "@unizap/uniui",
+    "version": "1.0.3",
+    "description": "A UI component library for React",
+    "type": "module",
+    "files": [
+        "dist"
+    ],
+    "types": "dist/index.d.ts",
+    "main": "dist/unizap-ui.umd.cjs",
+    "module": "dist/unizap-ui.js",
+    "styles": "dist/unizap-ui.css",
+    "exports": {
+        ".": {
+            "import": "./dist/unizap-ui.js",
+            "require": "./dist/unizap-ui.umd.cjs",
+            "types": "./dist/index.d.ts"
+        },
+        "./dist/unizap-ui.css": "./dist/unizap-ui.css"
+    },
+    "scripts": {
+        "dev": "vite",
+        "build": "tsc -b && vite build",
+        "lint": "eslint .",
+        "preview": "vite preview",
+        "storybook": "storybook dev -p 6006",
+        "build-storybook": "storybook build",
+        "prepare": "husky"
+    },
+    "lint-staged": {
+        "*.{ts,html,tsx}": [
+            "eslint --fix",
+            "prettier --write"
+        ]
+    },
+    "devDependencies": {
+        "@babel/runtime": "^7.28.2",
+        "@chromatic-com/storybook": "3",
+        "@eslint/js": "^9.21.0",
+        "@storybook/addon-essentials": "8.6.11",
+        "@storybook/addon-onboarding": "8.6.11",
+        "@storybook/blocks": "8.6.11",
+        "@storybook/experimental-addon-test": "8.6.11",
+        "@storybook/react": "8.6.11",
+        "@storybook/react-vite": "8.6.11",
+        "@storybook/test": "8.6.11",
+        "@tailwindcss/vite": "^4.0.17",
+        "@types/cookie": "^1.0.0",
+        "@types/node": "^22.13.14",
+        "@types/react": "^19.0.12",
+        "@types/react-dom": "^19.0.4",
+        "@types/statuses": "^2.0.6",
+        "@vitejs/plugin-react": "^4.3.4",
+        "@vitest/browser": "^3.0.9",
+        "@vitest/coverage-v8": "^3.0.9",
+        "daisyui": "^5.0.11",
+        "eslint": "^9.21.0",
+        "eslint-plugin-react-hooks": "^5.1.0",
+        "eslint-plugin-react-refresh": "^0.4.19",
+        "eslint-plugin-storybook": "^0.12.0",
+        "globals": "^15.15.0",
+        "husky": "^9.1.7",
+        "lint-staged": "^15.5.0",
+        "playwright": "^1.51.1",
+        "prettier": "^3.5.3",
+        "react-router-dom": "^7.5.0",
+        "storybook": "8.6.11",
+        "typescript": "4.9.5",
+        "typescript-eslint": "^8.24.1",
+        "vite": "^6.2.0",
+        "vite-plugin-dts": "^4.5.3",
+        "vitest": "^3.0.9"
+    },
+    "peerDependencies": {
+        "react": ">=16.8.0",
+        "react-dom": ">=16.8.0"
+    },
+    "eslintConfig": {
+        "extends": [
+            "plugin:storybook/recommended"
+        ]
+    },
+    "dependencies": {
+        "@tanstack/react-table": "^8.21.2",
+        "@unizap/unicss": "^1.1.27",
+        "react-dropzone": "^14.3.8"
+    },
+    "overrides": {
+        "@rollup/plugin-babel": {
+            "rollup": "^4.0.0"
+        },
+        "@rollup/plugin-replace": {
+            "rollup": "^4.0.0"
+        },
+        "react-scripts": {
+            "typescript": "^4.0.0"
+        }
+    }
 }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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