alope-ui 1.0.7 → 1.1.2

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

@@ -0,0 +1,38 @@
+import { default as React } from 'react';
+declare const AvatarSize: {
+    sm: string;
+    md: string;
+    lg: string;
+};
+declare const AvatarVariant: {
+    solid: string;
+    outline: string;
+};
+declare const AvatarShape: {
+    sharp: string;
+    cornered: string;
+    rounded: string;
+};
+declare const AvatarFallbackColor: {
+    primary: string;
+    error: string;
+    warning: string;
+    success: string;
+    info: string;
+    secondary: string;
+};
+export type AvatarProps = {
+    imageSrc?: string;
+    shape?: keyof typeof AvatarShape;
+    variant?: keyof typeof AvatarVariant;
+    size?: keyof typeof AvatarSize;
+    ring?: boolean;
+    ringClassName?: string;
+    fallbackName?: string;
+    fallbackColor?: keyof typeof AvatarFallbackColor;
+    alt?: string;
+    status?: 'online' | 'offline';
+    className?: string;
+};
+export declare const Avatar: React.FC<AvatarProps>;
+export {};

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

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { AvatarProps } from './Avatar';
+export type AvatarGroupProps = {
+    avatars: AvatarProps[];
+    maxVisible?: number;
+    size?: AvatarProps['size'];
+    overlap?: string;
+    className?: string;
+};
+export declare const AvatarGroup: React.FC<AvatarGroupProps>;

package/dist/components/FileUpload/FIleUpload.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+interface FileUploadProps {
+    acceptedFiles?: string;
+    maxFiles?: number;
+    helperText?: string;
+    inputLabel?: string;
+    maxByte?: number;
+    mediaCapture?: 'user' | 'environment';
+    mode?: 'dropzone' | 'textinput';
+    clearable?: boolean;
+    onFilesChange: (files: File[]) => void;
+}
+export declare const FileUpload: React.FC<FileUploadProps>;
+export {};

package/dist/components/Pagination/Pagination.d.ts

@@ -0,0 +1,22 @@
+type PaginationProps = {
+    currentPage: number;
+    format?: 'none' | 'long';
+    count?: number;
+    pageSize?: number;
+    simplified?: boolean;
+    asLink?: boolean;
+    getPageHref?: (page: number) => string;
+    totalPages?: number;
+    onPageChange: (page: number) => void;
+    siblingCount?: number;
+    prevIcon?: React.ReactNode;
+    nextIcon?: React.ReactNode;
+    size?: keyof typeof PaginationSizes;
+};
+declare const PaginationSizes: {
+    sm: string;
+    md: string;
+    lg: string;
+};
+export declare const Pagination: React.FC<PaginationProps>;
+export {};

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

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+export type SkeletonProps = {
+    width?: string;
+    height?: string;
+    rounded?: boolean;
+    isLoading?: boolean;
+    children?: React.ReactNode;
+    animode?: "shimmer" | "flash";
+};
+export declare const Skeleton: React.FC<SkeletonProps>;

package/dist/components/Spinner/Spinner.d.ts

@@ -0,0 +1,23 @@
+import { default as React } from 'react';
+declare const SpinnerSize: {
+    sm: string;
+    md: string;
+    lg: string;
+};
+declare const SpinnerColor: {
+    primary: string;
+    error: string;
+    warning: string;
+    success: string;
+    info: string;
+    secondary: string;
+};
+export type SpinnerProps = {
+    size?: keyof typeof SpinnerSize;
+    color?: keyof typeof SpinnerColor;
+    className?: string;
+    duration?: number;
+    thickness?: number | undefined;
+};
+export declare const Spinner: React.FC<SpinnerProps>;
+export {};

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

@@ -0,0 +1,34 @@
+export type Column<T> = {
+    header: string;
+    accessor: keyof T;
+    render?: (value: T[keyof T], row: T) => React.ReactNode;
+};
+declare const TableSize: {
+    sm: string;
+    md: string;
+    lg: string;
+};
+export type TableType<T> = {
+    columns: Column<T>[];
+    data: T[];
+    striped?: boolean;
+    stripeColor?: string;
+    headerClassName?: string;
+    dataColumnClassName?: string;
+    dataRowClassName?: string;
+    tableClassName?: string;
+    captionClassName?: string;
+    containerClassName?: string;
+    customEmptyData?: React.ReactNode;
+    size?: keyof typeof TableSize;
+    caption?: string;
+    captionPosition?: 'top' | 'bottom';
+    stickyHeader?: boolean;
+    selectable?: boolean;
+    onSelectionChange?: (selected: T[]) => void;
+    selectedRows?: T[];
+};
+export declare function Table<T extends {
+    id: any;
+}>({ columns, data, striped, stripeColor, headerClassName, dataColumnClassName, dataRowClassName, customEmptyData, tableClassName, captionClassName, containerClassName, size, caption, captionPosition, stickyHeader, selectable, onSelectionChange, selectedRows, }: TableType<T>): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,57 @@
+declare const TabsVariants: {
+    line: {
+        wrapper: string;
+        button: string;
+        active: string;
+        inactive: string;
+    };
+    solid: {
+        wrapper: string;
+        button: string;
+        active: string;
+        inactive: string;
+    };
+    subtle: {
+        wrapper: string;
+        button: string;
+        active: string;
+        inactive: string;
+    };
+    inline: {
+        wrapper: string;
+        button: string;
+        active: string;
+        inactive: string;
+    };
+    outline: {
+        wrapper: string;
+        button: string;
+        active: string;
+        inactive: string;
+    };
+    plain: {
+        wrapper: string;
+        button: string;
+        active: string;
+        inactive: string;
+    };
+};
+export type Tabs = {
+    label: string;
+    content: React.ReactNode;
+    disabled?: boolean;
+    link?: string;
+};
+export type TabsProps = {
+    tabs: Tabs[];
+    variant?: keyof typeof TabsVariants;
+    fitted?: boolean;
+    wrapperClassName?: string;
+    buttonClassName?: string;
+    activeClassName?: string;
+    inactiveClassName?: string;
+    activeTab?: number;
+    onTabChange?: (index: number) => void;
+};
+export declare const Tabs: React.FC<TabsProps>;
+export {};

package/dist/components/Textarea/Textarea.d.ts

@@ -0,0 +1,8 @@
+import { default as React, InputHTMLAttributes } from 'react';
+export type TextareaType = {
+    label?: string;
+    error?: string;
+    autoResize?: boolean;
+    customClassName?: string;
+} & InputHTMLAttributes<HTMLTextAreaElement>;
+export declare const Textarea: React.FC<TextareaType>;

package/dist/components/Toggle/Toggle.d.ts

@@ -0,0 +1,27 @@
+import { InputHTMLAttributes } from 'react';
+export declare const ToggleVariant: {
+    primary: string;
+    error: string;
+    warning: string;
+    success: string;
+    info: string;
+    secondary: string;
+};
+export declare const ToggleThumbShape: {
+    stadium: string;
+    rounded: string;
+};
+export declare const ToggleSize: {
+    sm: string;
+    md: string;
+    lg: string;
+};
+export type ToggleProps = {
+    customSize?: keyof typeof ToggleSize;
+    variant?: keyof typeof ToggleVariant;
+    thumbShape?: keyof typeof ToggleThumbShape;
+    label?: string;
+    wrapperClassName?: string;
+    labelClassName?: string;
+} & InputHTMLAttributes<HTMLInputElement>;
+export declare const Toggle: React.FC<ToggleProps>;

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

@@ -0,0 +1,14 @@
+export type TooltipProps = {
+    children: React.ReactNode;
+    text: string;
+    showArrow?: boolean;
+    placement?: 'top' | 'bottom' | 'left' | 'right';
+    offset?: number;
+    bgColor?: string;
+    isOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    disabled?: boolean;
+    animationDuration?: number;
+    delay?: number;
+};
+export declare const Tooltip: React.FC<TooltipProps>;

package/dist/components/index.d.ts

@@ -11,3 +11,14 @@ export { SelectInput } from './SelectInput/SelectInput';
 export { RadioInput } from './RadioInput/RadioInput';
 export { CheckboxInput } from './CheckboxInput/CheckboxInput';
 export { ListCheckboxInput } from './CheckboxInput/ListCheckboxInput';
+export { Pagination } from './Pagination/Pagination';
+export { Table } from './Table/Table';
+export { Tooltip } from './Tooltip/Tooltip';
+export { Spinner } from './Spinner/Spinner';
+export { Skeleton } from './Skeleton/Skeleton';
+export { Toggle } from './Toggle/Toggle';
+export { Textarea } from './Textarea/Textarea';
+export { Avatar } from './Avatar/Avatar';
+export { AvatarGroup } from './Avatar/AvatarGroup';
+export { FileUpload } from './FileUpload/FIleUpload';
+export { Tabs } from './Tabs/Tabs';

package/dist/index.css

@@ -1 +1 @@
-@theme{ --color-success: #50C878; --color-info: #0096FF; --color-warning: #FFAC1C; --color-error: #F87171; --color-primary: #6366F1; --color-secondary: #D1D5DB; --color-primary-700: #4338CA; --color-success-700: #3C9C5A; --color-info-700: #0070C0; --color-warning-700: #CC8700; --color-error-700: #DC2626; --color-secondary-700: #9CA3AF; --color-success-30: #C2E6D3; --color-info-30: #B8DFFF; --color-warning-30: #FFE2B2; --color-error-30: #FECACA; --color-primary-30: #A6B8FF; --color-secondary-30: #E4E7EC; }@source "../dist";
+@theme{ --color-success: #50C878; --color-info: #0096FF; --color-warning: #FFAC1C; --color-error: #F87171; --color-primary: #6366F1; --color-secondary: #D1D5DB; --color-primary-700: #4338CA; --color-success-700: #3C9C5A; --color-info-700: #0070C0; --color-warning-700: #CC8700; --color-error-700: #DC2626; --color-secondary-700: #9CA3AF; --color-success-30: #C2E6D3; --color-info-30: #B8DFFF; --color-warning-30: #FFE2B2; --color-error-30: #FECACA; --color-primary-30: #A6B8FF; --color-secondary-30: #E4E7EC; }@layer components{@keyframes flash-anim{0%{background-color:#a3b7c299}to{background-color:#d1dbe099}}.flash{animation:flash-anim .8s linear infinite alternate}@keyframes shimmer-anim{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer{position:relative;overflow:hidden;background:linear-gradient(90deg,#b3c3ccb3 25%,#e7ecefe6,#b3c3ccb3 75%);background-size:200% 100%;animation:shimmer-anim 2.5s infinite linear}}*{font-family:Inter,sans-serif;font-optical-sizing:auto;font-style:normal}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@source "../dist";