@unizap/uniui 1.0.0 → 1.0.1

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

@@ -0,0 +1,41 @@
+import { CompColor } from "../../utils/ColorMap";
+export type SnackbarPosition = 'top-center' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'bottom-center';
+export interface SnackbarProps {
+    /**
+     * Whether the snackbar is open/visible
+     * @default false
+     */
+    open?: boolean;
+    /**
+     * The message to display in the snackbar
+     */
+    message: string;
+    /**
+     * Duration in milliseconds to auto hide the snackbar
+     * Set to 0 to disable auto hide
+     * @default 4000
+     */
+    autoHideDuration?: number;
+    /**
+     * Position of the snackbar on screen
+     * @default 'bottom-center'
+     */
+    position?: SnackbarPosition;
+    /**
+     * Color theme from the ColorMap
+     * @default 'dark'
+     */
+    color?: CompColor;
+    /**
+     * Callback fired when the snackbar should close
+     */
+    onClose?: () => void;
+    /**
+     * Custom action element (button, link, etc.)
+     */
+    action?: React.ReactNode;
+    /**
+     * Additional CSS classes to apply to the component
+     */
+    className?: string;
+}

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

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

package/dist/components/Stepper/Stepper.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+export type Step = {
+    label: string;
+};
+export type StepperProps = {
+    steps: Step[];
+    currentStep: number;
+    className?: string;
+    onChange?: (stepIndex: number) => void;
+};
+export declare const Stepper: React.FC<StepperProps>;
+export default Stepper;

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

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

package/dist/components/Stepper/Stepper.type.d.ts

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

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

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

package/dist/components/Table/Table.d.ts

@@ -0,0 +1,5 @@
+import { TableProps } from './Table.types';
+declare const Table: <T>({ data, columns, pageSize, pageIndex, onPageSizeChange, onPageChange, rowOptionArray, totalRecords, className, paginationClassName, tdClassName, thClassName, }: TableProps<T> & {
+    totalRecords?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export default Table;

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

@@ -0,0 +1,17 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { TableProps } from './Table.types';
+declare const meta: Meta<TableProps<Customer>>;
+export default meta;
+type Story = StoryObj<TableProps<Customer>>;
+type Customer = {
+    avatarUrl: string;
+    name: string;
+    phone: string | null;
+    lastActiveDate: Date;
+    lastActiveTime: string;
+    email: string | null;
+    totalEnquiry: number;
+    status: 'Active' | 'Inactive' | 'Pending';
+};
+export declare const Default: Story;
+export declare const MoreJsx: Story;

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

@@ -0,0 +1,15 @@
+import { ColumnDef } from "@tanstack/react-table";
+export interface TableProps<T> {
+    data: T[];
+    columns: ColumnDef<T>[];
+    pageSize: number;
+    pageIndex: number;
+    onPageSizeChange: (newSize: number) => void;
+    onPageChange: (newPageIndex: number) => void;
+    rowOptionArray?: number[];
+    totalRecords?: number;
+    className?: string;
+    paginationClassName?: string;
+    tdClassName?: string;
+    thClassName?: string;
+}

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

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

package/dist/components/Tabs/Tabs.d.ts

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

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

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

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

@@ -0,0 +1,17 @@
+import { ReactNode } from "react";
+export type Tab = {
+    key: string;
+    label: string;
+    icon?: ReactNode;
+    content: ReactNode;
+};
+export interface TabsProps {
+    tabs: Tab[];
+    activeKey: string;
+    onChange: (key: string) => void;
+    className?: string;
+    tabsClass?: string;
+    tabItemClass?: string;
+    tabContentClass?: string;
+    variant?: "horizontal" | "vertical";
+}

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

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

package/dist/components/TextArea/TextArea.d.ts

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

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

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

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

@@ -0,0 +1,7 @@
+export interface TextAreaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
+    label?: string;
+    error?: string;
+    className?: string;
+    inputClass?: string;
+    labelClass?: string;
+}

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

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

package/dist/components/TextInput/TextInput.d.ts

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

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

@@ -0,0 +1,10 @@
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    component: import("react").ForwardRefExoticComponent<import("./TextInput.types").ITextInputProps & import("react").RefAttributes<HTMLInputElement>>;
+    title: string;
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Fill: Story;

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

@@ -0,0 +1,15 @@
+export interface ITextInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+    placeholder?: string;
+    value?: string;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    type?: string;
+    labelClassName?: string;
+    className?: string;
+    inputClass?: string;
+    iconStyle?: string;
+    startIcon?: React.ReactNode;
+    endIcon?: React.ReactNode;
+    error?: string;
+    maxLength?: number;
+    label?: string;
+}

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

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

package/dist/components/ToggleSwitch/ToggleSwitch.d.ts

@@ -0,0 +1,3 @@
+import { ToggleSwitchProps } from './ToggleSwitch.types';
+declare const ToggleSwitch: React.FC<ToggleSwitchProps>;
+export default ToggleSwitch;

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

@@ -0,0 +1,8 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import ToggleSwitch from './ToggleSwitch';
+declare const meta: Meta<typeof ToggleSwitch>;
+export default meta;
+export declare const Synchronous: StoryObj<typeof ToggleSwitch>;
+export declare const AllColors: StoryObj<typeof ToggleSwitch>;
+export declare const Asynchronous: StoryObj<typeof ToggleSwitch>;
+export declare const Disabled: StoryObj<typeof ToggleSwitch>;

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

@@ -0,0 +1,8 @@
+import { CompColor } from "../../utils/ColorMap";
+export interface ToggleSwitchProps {
+    initialState?: boolean;
+    onToggle?: (state: boolean) => Promise<void> | void;
+    disabled?: boolean;
+    color: CompColor;
+    type?: "submit" | "reset" | "button";
+}

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

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

package/dist/components/Tooltip/Tooltip.d.ts

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

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

@@ -0,0 +1,10 @@
+declare const _default: {
+    title: string;
+    component: import("react").FC<import("./Tooltip.type").TooltipProps>;
+    tags: string[];
+};
+export default _default;
+export declare const Top: () => import("react/jsx-runtime").JSX.Element;
+export declare const Right: () => import("react/jsx-runtime").JSX.Element;
+export declare const Bottom: () => import("react/jsx-runtime").JSX.Element;
+export declare const Left: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/Tooltip/Tooltip.type.d.ts

@@ -0,0 +1,5 @@
+export interface TooltipProps {
+    content: string;
+    children: React.ReactNode;
+    position?: 'top' | 'right' | 'bottom' | 'left';
+}

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

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

package/dist/components/Typography/Typography.d.ts

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

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

@@ -0,0 +1,17 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import Typography from './Typography';
+declare const meta: Meta<typeof Typography>;
+export default meta;
+type Story = StoryObj<typeof Typography>;
+export declare const h1: Story;
+export declare const h2: Story;
+export declare const h3: Story;
+export declare const h4: Story;
+export declare const h5: Story;
+export declare const h6: Story;
+export declare const subtitle1: Story;
+export declare const subtitle2: Story;
+export declare const body1: Story;
+export declare const body2: Story;
+export declare const caption: Story;
+export declare const overline: Story;

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

@@ -0,0 +1,8 @@
+import React from "react";
+export interface ITypographyProps {
+    variant?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'subtitle1' | 'subtitle2' | 'body1' | 'body2' | 'caption' | 'overline';
+    component?: React.ElementType;
+    className?: string;
+    children: React.ReactNode;
+    color?: 'default' | 'primary' | 'secondary' | 'accent' | 'muted' | 'error' | 'success';
+}

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

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

package/dist/components/index.d.ts

@@ -0,0 +1,42 @@
+export { default as Button } from './Button';
+export { default as CardWrapper } from './CardWrapper';
+export { default as Checkbox } from './Checkbox';
+export { default as Dropdown } from './Dropdown';
+export { default as DropzoneUploader } from './DropzoneUploader';
+export { default as Menu } from './Menu';
+export { default as OtpInput } from './otpInput';
+export { default as PasswordInput } from './PasswordInput';
+export { default as Pill } from './Pill';
+export { default as ProfileImageShowcase } from './ProfileImageShowcase';
+export { default as Stepper } from './Stepper';
+export { default as Table } from './Table';
+export { default as TextInput } from './TextInput';
+export { default as Skeleton } from './Skeleton';
+export { default as TextArea } from './TextArea';
+export { default as Slider } from './Slider';
+export { default as Snackbar } from './Snackbar';
+export { default as Progress } from './Progress';
+export { default as Carousel } from './Carousel';
+export { default as EmptyState } from './EmptyState';
+export { default as ToggleSwitch } from './ToggleSwitch';
+export { default as Typography } from './Typography';
+export { default as Card } from './Card';
+export { default as Divider } from './Divider';
+export { default as IconButton } from './IconButton';
+export { default as RadioGroup } from './RadioGroup';
+export { default as Select } from './Select';
+export { default as Tooltip } from './Tooltip';
+export { default as Dialog } from './Dialog';
+export { default as ActionMenu } from './ActionMenu';
+export { default as Drawer } from './Drawer';
+export { default as Accordion } from './Accordion';
+export { default as Pagination } from './Pagination';
+export { default as Avatar } from './Avatar';
+export { default as Alert } from './Alert';
+export { default as Badge } from './Badge';
+export { default as BottomNavigation } from './BottomNavigation';
+export { default as Breadcrumbs } from './Breadcrumbs';
+export { default as DatePicker } from './DatePicker';
+export { default as Tabs } from './Tabs';
+export { default as DashboardStatBoxes } from './DashboardStatBoxes';
+export { default as Sidebar } from './Sidebar';

package/dist/components/otpInput/OtpInput.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IPinInputProps } from './OtpInput.type';
+declare const OtpInput: React.ForwardRefExoticComponent<IPinInputProps & React.RefAttributes<HTMLInputElement>>;
+export default OtpInput;

package/dist/components/otpInput/OtpInput.stories.d.ts

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

package/dist/components/otpInput/OtpInput.type.d.ts

@@ -0,0 +1,13 @@
+import { InputHTMLAttributes } from 'react';
+export interface IPinInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'endIcon' | 'size'> {
+    value?: string;
+    onChange?: (pin: string) => void;
+    onComplete?: (pin: string) => void;
+    length?: number;
+    inputClass?: string;
+    className?: string;
+    disabled?: boolean;
+    size?: 'small' | 'medium' | 'large';
+    variant?: 'outlined' | 'filled';
+    rounded?: 'none' | 'small' | 'medium' | 'large' | 'full';
+}

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

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

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+import './index.css';
+export * from './components';

package/dist/tsconfig.app.tsbuildinfo

@@ -0,0 +1 @@
+{"root":["../src/index.tsx","../src/components/index.ts","../src/components/accordion/accordion.stories.tsx","../src/components/accordion/accordion.tsx","../src/components/accordion/accordion.types.ts","../src/components/accordion/index.ts","../src/components/actionmenu/actionmenu.stories.tsx","../src/components/actionmenu/actionmenu.tsx","../src/components/actionmenu/actionmenu.types.ts","../src/components/actionmenu/index.ts","../src/components/alert/alert.stories.tsx","../src/components/alert/alert.tsx","../src/components/alert/alert.types.ts","../src/components/alert/index.ts","../src/components/avatar/avatar.stories.tsx","../src/components/avatar/avatar.tsx","../src/components/avatar/avatar.types.ts","../src/components/avatar/index.ts","../src/components/badge/badge.stories.tsx","../src/components/badge/badge.tsx","../src/components/badge/badge.types.ts","../src/components/badge/index.ts","../src/components/bottomnavigation/bottomnavigation.stories.tsx","../src/components/bottomnavigation/bottomnavigation.tsx","../src/components/bottomnavigation/bottomnavigation.types.ts","../src/components/bottomnavigation/index.ts","../src/components/breadcrumbs/breadcrumbs.stories.tsx","../src/components/breadcrumbs/breadcrumbs.tsx","../src/components/breadcrumbs/breadcrumbs.types.ts","../src/components/breadcrumbs/index.ts","../src/components/button/button.stories.tsx","../src/components/button/button.tsx","../src/components/button/button.types.ts","../src/components/button/index.ts","../src/components/card/card.stories.tsx","../src/components/card/card.tsx","../src/components/card/card.types.ts","../src/components/card/index.ts","../src/components/cardwrapper/cardwrapper.stories.tsx","../src/components/cardwrapper/cardwrapper.tsx","../src/components/cardwrapper/cardwrapper.types.ts","../src/components/cardwrapper/index.ts","../src/components/carousel/carousel.stories.tsx","../src/components/carousel/carousel.tsx","../src/components/carousel/carousel.types.ts","../src/components/carousel/index.tsx","../src/components/checkbox/checkbox.stories.tsx","../src/components/checkbox/checkbox.tsx","../src/components/checkbox/checkbox.types.ts","../src/components/checkbox/index.ts","../src/components/dashboardstatboxes/dashboardstatboxes.stories.tsx","../src/components/dashboardstatboxes/dashboardstatboxes.tsx","../src/components/dashboardstatboxes/dashboardstatboxes.types.ts","../src/components/dashboardstatboxes/index.ts","../src/components/datepicker/datepicker.stories.tsx","../src/components/datepicker/datepicker.tsx","../src/components/datepicker/datepicker.types.ts","../src/components/datepicker/index.ts","../src/components/dialog/dialog.stories.tsx","../src/components/dialog/dialog.tsx","../src/components/dialog/dialog.types.ts","../src/components/dialog/index.ts","../src/components/divider/divider.stories.tsx","../src/components/divider/divider.tsx","../src/components/divider/divider.types.ts","../src/components/divider/index.ts","../src/components/drawer/drawer.stories.tsx","../src/components/drawer/drawer.tsx","../src/components/drawer/drawer.types.ts","../src/components/drawer/index.ts","../src/components/dropdown/dropdown.stories.tsx","../src/components/dropdown/dropdown.tsx","../src/components/dropdown/dropdown.types.ts","../src/components/dropdown/index.ts","../src/components/dropzoneuploader/dropzoneuploader.stories.tsx","../src/components/dropzoneuploader/dropzoneuploader.tsx","../src/components/dropzoneuploader/dropzoneuploader.types.ts","../src/components/dropzoneuploader/index.ts","../src/components/emptystate/emptystate.stories.tsx","../src/components/emptystate/emptystate.tsx","../src/components/emptystate/emptystate.types.ts","../src/components/emptystate/index.tsx","../src/components/iconbutton/icon.stories.tsx","../src/components/iconbutton/iconbutton.tsx","../src/components/iconbutton/iconbutton.types.ts","../src/components/iconbutton/index.ts","../src/components/list/list.stories.tsx","../src/components/list/list.tsx","../src/components/list/list.types.ts","../src/components/list/listitem.tsx","../src/components/list/index.ts","../src/components/menu/menu.tsx","../src/components/menu/menu.types.ts","../src/components/menu/select.stories.tsx","../src/components/menu/index.ts","../src/components/pagination/pagination.stories.tsx","../src/components/pagination/pagination.tsx","../src/components/pagination/pagination.types.ts","../src/components/pagination/index.ts","../src/components/passwordinput/passwordinput.stories.tsx","../src/components/passwordinput/passwordinput.tsx","../src/components/passwordinput/index.tsx","../src/components/pill/pill.stories.tsx","../src/components/pill/pill.tsx","../src/components/pill/pill.type.ts","../src/components/pill/index.ts","../src/components/profileimageshowcase/profileshowcase.stories.tsx","../src/components/profileimageshowcase/profileshowcase.tsx","../src/components/profileimageshowcase/profileshowcase.type.tsx","../src/components/profileimageshowcase/index.ts","../src/components/progress/progress.stories.tsx","../src/components/progress/progress.tsx","../src/components/progress/progress.types.ts","../src/components/progress/index.tsx","../src/components/radiogroup/radiogroup.stories.tsx","../src/components/radiogroup/radiogroup.tsx","../src/components/radiogroup/radiogroup.types.ts","../src/components/radiogroup/index.ts","../src/components/searchbar/searchbar.stories.tsx","../src/components/searchbar/searchbar.tsx","../src/components/searchbar/searchbar.types.ts","../src/components/searchbar/index.tsx","../src/components/select/select.stories.tsx","../src/components/select/select.tsx","../src/components/select/select.types.ts","../src/components/select/index.ts","../src/components/sidebar/sidebar.stories.tsx","../src/components/sidebar/sidebar.tsx","../src/components/sidebar/sidebar.types.ts","../src/components/sidebar/index.ts","../src/components/skeleton/skeleton.stories.tsx","../src/components/skeleton/skeleton.tsx","../src/components/skeleton/skeleton.types.ts","../src/components/skeleton/index.tsx","../src/components/slider/slider.stories.tsx","../src/components/slider/slider.tsx","../src/components/slider/slider.types.ts","../src/components/slider/index.tsx","../src/components/snackbar/snackbar.stories.tsx","../src/components/snackbar/snackbar.tsx","../src/components/snackbar/snackbar.types.ts","../src/components/snackbar/index.tsx","../src/components/stepper/stepper.stories.tsx","../src/components/stepper/stepper.tsx","../src/components/stepper/stepper.type.ts","../src/components/stepper/index.ts","../src/components/table/table.stories.tsx","../src/components/table/table.tsx","../src/components/table/table.types.ts","../src/components/table/index.ts","../src/components/tabs/tabs.stories.tsx","../src/components/tabs/tabs.tsx","../src/components/tabs/tabs.types.ts","../src/components/tabs/index.ts","../src/components/textarea/textarea.stories.tsx","../src/components/textarea/textarea.tsx","../src/components/textarea/textarea.types.ts","../src/components/textarea/index.tsx","../src/components/textinput/textinput.stories.tsx","../src/components/textinput/textinput.tsx","../src/components/textinput/textinput.types.ts","../src/components/textinput/index.tsx","../src/components/toggleswitch/toggleswitch.stories.tsx","../src/components/toggleswitch/toggleswitch.tsx","../src/components/toggleswitch/toggleswitch.types.ts","../src/components/toggleswitch/index.ts","../src/components/tooltip/tooltip.stories.tsx","../src/components/tooltip/tooltip.tsx","../src/components/tooltip/tooltip.type.ts","../src/components/tooltip/index.ts","../src/components/typography/typography.stories.tsx","../src/components/typography/typography.tsx","../src/components/typography/typography.types.ts","../src/components/typography/index.ts","../src/components/otpinput/otpinput.stories.tsx","../src/components/otpinput/otpinput.tsx","../src/components/otpinput/otpinput.type.tsx","../src/components/otpinput/index.tsx","../src/utils/colormap.ts","../src/utils/constants.ts"],"version":"5.7.3"}

package/dist/utils/ColorMap.d.ts

@@ -0,0 +1,156 @@
+export type CompColor = 'dark' | 'gray' | 'light' | 'pearl' | 'red' | 'orange' | 'amber' | 'yellow' | 'lime' | 'green' | 'emerald' | 'teal' | 'cyan' | 'sky' | 'blue' | 'indigo' | 'violet' | 'purple' | 'fuchsia' | 'pink' | 'rose';
+export declare const COLOR_MAP: Record<CompColor, string>;
+export declare const ACCENT_COLOR_MAP: Record<CompColor, string>;
+export declare const BORDER_COLOR_MAP: Record<CompColor, string>;
+export declare const PEER_BORDER_COLOR_MAP: Record<CompColor, string>;
+export declare const TEXT_COLOR_MAP: Record<CompColor, string>;
+export declare const BG_COLOR_MAP: Record<CompColor, string>;
+export declare const RANGE_COLOR_MAP: {
+    dark: {
+        track: string;
+        progress: string;
+        thumb: string;
+        thumbHover: string;
+        thumbActive: string;
+    };
+    gray: {
+        track: string;
+        progress: string;
+        thumb: string;
+        thumbHover: string;
+        thumbActive: string;
+    };
+    light: {
+        track: string;
+        progress: string;
+        thumb: string;
+        thumbHover: string;
+        thumbActive: string;
+    };
+    pearl: {
+        track: string;
+        progress: string;
+        thumb: string;
+        thumbHover: string;
+        thumbActive: string;
+    };
+    red: {
+        track: string;
+        progress: string;
+        thumb: string;
+        thumbHover: string;
+        thumbActive: string;
+    };
+    orange: {
+        track: string;
+        progress: string;
+        thumb: string;
+        thumbHover: string;
+        thumbActive: string;
+    };
+    amber: {
+        track: string;
+        progress: string;
+        thumb: string;
+        thumbHover: string;
+        thumbActive: string;
+    };
+    yellow: {
+        track: string;
+        progress: string;
+        thumb: string;
+        thumbHover: string;
+        thumbActive: string;
+    };
+    lime: {
+        track: string;
+        progress: string;
+        thumb: string;
+        thumbHover: string;
+        thumbActive: string;
+    };
+    green: {
+        track: string;
+        progress: string;
+        thumb: string;
+        thumbHover: string;
+        thumbActive: string;
+    };
+    emerald: {
+        track: string;
+        progress: string;
+        thumb: string;
+        thumbHover: string;
+        thumbActive: string;
+    };
+    teal: {
+        track: string;
+        progress: string;
+        thumb: string;
+        thumbHover: string;
+        thumbActive: string;
+    };
+    cyan: {
+        track: string;
+        progress: string;
+        thumb: string;
+        thumbHover: string;
+        thumbActive: string;
+    };
+    sky: {
+        track: string;
+        progress: string;
+        thumb: string;
+        thumbHover: string;
+        thumbActive: string;
+    };
+    blue: {
+        track: string;
+        progress: string;
+        thumb: string;
+        thumbHover: string;
+        thumbActive: string;
+    };
+    indigo: {
+        track: string;
+        progress: string;
+        thumb: string;
+        thumbHover: string;
+        thumbActive: string;
+    };
+    violet: {
+        track: string;
+        progress: string;
+        thumb: string;
+        thumbHover: string;
+        thumbActive: string;
+    };
+    purple: {
+        track: string;
+        progress: string;
+        thumb: string;
+        thumbHover: string;
+        thumbActive: string;
+    };
+    fuchsia: {
+        track: string;
+        progress: string;
+        thumb: string;
+        thumbHover: string;
+        thumbActive: string;
+    };
+    pink: {
+        track: string;
+        progress: string;
+        thumb: string;
+        thumbHover: string;
+        thumbActive: string;
+    };
+    rose: {
+        track: string;
+        progress: string;
+        thumb: string;
+        thumbHover: string;
+        thumbActive: string;
+    };
+};

package/dist/utils/constants.d.ts

@@ -0,0 +1 @@
+export declare const dummyImageUrl: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unizap/uniui",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "A UI component library for React",
   "type": "module",
   "files": [
@@ -19,10 +19,6 @@
     "build-storybook": "storybook build",
     "prepare": "husky"
   },
-  "peerDependencies": {
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0"
-  },
   "lint-staged": {
     "*.{ts,html,tsx}": [
       "eslint --fix",
@@ -48,6 +44,7 @@
     "@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",
@@ -63,7 +60,12 @@
     "typescript-eslint": "^8.24.1",
     "vite": "^6.2.0",
     "vite-plugin-dts": "^4.5.3",
-    "vitest": "^3.0.9"
+    "vitest": "^3.0.9",
+    "react-router-dom": "^7.5.0"
+  },
+  "peerDependencies": {
+    "react": ">=16.8.0",
+    "react-dom": ">=16.8.0"
   },
   "eslintConfig": {
     "extends": [
@@ -71,10 +73,8 @@
     ]
   },
   "dependencies": {
-    "@babel/runtime": "^7.28.2",
     "@tanstack/react-table": "^8.21.2",
     "@unizap/unicss": "^1.1.27",
-    "react-dropzone": "^14.3.8",
-    "react-router-dom": "^7.5.0"
+    "react-dropzone": "^14.3.8"
   }
 }