@unizap/uniui 1.0.3 → 1.0.6

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

@@ -0,0 +1,48 @@
+import { CompColor } from '../../utils/ColorMap';
+export type ProgressVariant = 'linear' | 'circular';
+export interface BaseProgressProps {
+    /**
+     * The variant of progress indicator to display
+     * @default 'linear'
+     */
+    variant?: ProgressVariant;
+    /**
+     * The progress value between 0 and 100
+     * @default 0
+     */
+    value?: number;
+    /**
+     * The color theme of the progress indicator
+     * @default 'blue'
+     */
+    color?: CompColor;
+    /**
+     * Whether the progress is determinate (shows specific progress) or indeterminate (loading animation)
+     * @default true
+     */
+    determinate?: boolean;
+    /**
+     * Additional CSS classes to apply to the component
+     */
+    className?: string;
+}
+export interface LinearProgressProps extends BaseProgressProps {
+    variant?: 'linear';
+}
+export interface CircularProgressProps extends BaseProgressProps {
+    variant: 'circular';
+    /**
+     * The size of the circular progress indicator in pixels
+     * @default 40
+     */
+    size?: number;
+    /**
+     * The thickness of the circular progress stroke
+     * @default 3.6
+     */
+    thickness?: number;
+}
+export type ProgressProps = LinearProgressProps | CircularProgressProps;
+export interface ProgressColorClasses {
+    [key: string]: string;
+}

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

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

package/dist/components/RadioGroup/RadioGroup.d.ts

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

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

@@ -0,0 +1,16 @@
+import { CompColor } from '../../utils/ColorMap';
+export interface IRadioGroupProps {
+    name: string;
+    options: {
+        label: string;
+        value: string;
+        disabled?: boolean;
+    }[];
+    selectedValue?: string;
+    onChange?: (value: string) => void;
+    direction?: 'row' | 'column';
+    disabled?: boolean;
+    color?: CompColor;
+    className?: string;
+    radioClass?: string;
+}

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

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

package/dist/components/SearchBar/SearchBar.d.ts

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

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

@@ -0,0 +1,24 @@
+export interface SearchBarProps {
+    /** Current search value (controlled) */
+    value: string;
+    /** Called on every keystroke */
+    onChange: (v: string) => void;
+    /** Optional list shown under the field */
+    suggestions?: string[];
+    /** Fired when user picks a suggestion (click or Enter) */
+    onSelect?: (v: string) => void;
+    /** Placeholder text */
+    placeholder?: string;
+    /** Debounce delay (ms) before firing onChange; 0 = none */
+    debounce?: number;
+    /** Width of the component (CSS size) */
+    width?: string | number;
+    /** If true, filter suggestions client-side */
+    filterLocal?: boolean;
+    /** Custom empty-state text when no suggestions */
+    emptyLabel?: string;
+    iconStyle?: string;
+    inputClass?: string;
+    className?: string;
+    startIcon?: React.ReactNode;
+}

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

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

package/dist/components/Select/Select.d.ts

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

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

@@ -0,0 +1,17 @@
+export interface ISelectOption {
+    value: string;
+    label: string;
+}
+export interface ISelectProps {
+    label?: string;
+    value: string;
+    onChange: (value: string) => void;
+    options: ISelectOption[];
+    className?: string;
+    labelClass?: string;
+    disabled?: boolean;
+    shadow?: boolean;
+    size?: "small" | "medium" | "large";
+    rounded?: "small" | "medium" | "full";
+    variant?: "filled" | "outlined";
+}

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

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

package/dist/components/Sidebar/Sidebar.d.ts

@@ -0,0 +1,10 @@
+declare function Sidebar({ items, logoJSX, position, defaultActive, open, onClose, onItemSelect, }: {
+    items?: any[];
+    logoJSX: any;
+    position: any;
+    defaultActive: any;
+    open?: boolean;
+    onClose: any;
+    onItemSelect: any;
+}): import("react/jsx-runtime").JSX.Element;
+export default Sidebar;

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

@@ -0,0 +1,16 @@
+import { ReactNode } from 'react';
+export type SidebarItem = {
+    label: string;
+    icon: ReactNode;
+    href?: string;
+    onClick?: () => void;
+};
+export type SidebarProps = {
+    items: SidebarItem[];
+    closeSidebar?: () => void;
+    logoJSX?: React.ReactNode;
+    position?: "left" | "right" | "top" | "bottom";
+    defaultActive?: SidebarItem;
+    open?: boolean;
+    onClose?: () => void;
+};

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

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

package/dist/components/Skeleton/Skeleton.d.ts

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

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

@@ -0,0 +1,28 @@
+export type SkeletonAnimation = 'pulse' | 'wave';
+export type SkeletonVariant = 'circular' | 'rectangular' | 'rounded' | 'text';
+export interface SkeletonProps {
+    /**
+     * The type of animation to display
+     * @default 'pulse'
+     */
+    animation?: SkeletonAnimation;
+    /**
+     * The variant of skeleton to display
+     * @default 'rectangular'
+     */
+    variant?: SkeletonVariant;
+    /**
+     * The width of the skeleton in pixels
+     * @default undefined (full width for text, auto for others)
+     */
+    width?: number;
+    /**
+     * The height of the skeleton in pixels
+     * @default undefined (auto height based on variant)
+     */
+    height?: number;
+    /**
+     * Additional CSS classes to apply to the component
+     */
+    className?: string;
+}

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

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

package/dist/components/Slider/Slider.d.ts

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

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

@@ -0,0 +1,21 @@
+import { CompColor } from '../../utils/ColorMap';
+export interface SliderMark {
+    value: number;
+    label?: string | number;
+}
+export interface SliderProps {
+    value: number | [number, number];
+    onChange: (value: number | [number, number]) => void;
+    min?: number;
+    max?: number;
+    step?: number;
+    color?: CompColor;
+    size?: 'small' | 'medium' | 'large';
+    disabled?: boolean;
+    className?: string;
+    showValue?: boolean;
+    showMarks?: boolean;
+    marks?: SliderMark[];
+    range?: boolean;
+    minDistance?: number;
+}

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

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

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

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

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 { default as 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.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.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 { default as React } from 'react';
+import { TabsProps } from './Tabs.types';
+declare const Tabs: React.FC<TabsProps>;
+export default Tabs;

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 { default as React } from 'react';
+import { TextAreaProps } from './TextArea.types';
+declare const TextArea: React.FC<TextAreaProps>;
+export default TextArea;

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.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.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 { default as React } from 'react';
+import { TooltipProps } from './Tooltip.type';
+declare const Tooltip: React.FC<TooltipProps>;
+export default Tooltip;

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 { default as React } from 'react';
+import { ITypographyProps } from './Typography.types';
+declare const Typography: React.FC<ITypographyProps>;
+export default Typography;

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

@@ -0,0 +1,8 @@
+import { default as 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 { default as 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.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 @@
+export * from './components';