alope-ui 1.2.0 → 1.2.3

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/TextInput/TextInput.d.ts

@@ -0,0 +1,13 @@
+import { default as React, InputHTMLAttributes } from 'react';
+export type TextInputProps = {
+    label?: string;
+    error?: string;
+    labelClassName?: string;
+    errorClassName?: string;
+} & InputHTMLAttributes<HTMLInputElement>;
+export declare const TextInput: React.ForwardRefExoticComponent<{
+    label?: string;
+    error?: string;
+    labelClassName?: string;
+    errorClassName?: string;
+} & React.InputHTMLAttributes<HTMLInputElement> & React.RefAttributes<HTMLInputElement>>;

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/Timeline/Timeline.d.ts

@@ -0,0 +1,33 @@
+import { default as React, ReactNode } from 'react';
+declare const DotColors: {
+    success: string;
+    info: string;
+    error: string;
+    warning: string;
+    primary: string;
+    default: string;
+};
+declare const LineColors: {
+    success: string;
+    info: string;
+    error: string;
+    warning: string;
+    primary: string;
+    default: string;
+};
+export type TimelineProps = {
+    position?: 'split' | 'right' | 'left';
+    lineColor?: keyof typeof LineColors;
+    children: ReactNode;
+};
+export type TimelineItemProps = {
+    title: string;
+    time: string;
+    children: ReactNode;
+    dotColor?: keyof typeof DotColors;
+    icon?: React.ReactNode;
+};
+export declare const Timeline: React.FC<TimelineProps> & {
+    Item: React.FC<TimelineItemProps>;
+};
+export {};

package/dist/components/Toast/Toast.d.ts

@@ -0,0 +1,28 @@
+import { default as React } from 'react';
+export interface ToastProps {
+    title?: string;
+    message: string;
+    type: keyof typeof ToastTypes;
+    position?: keyof typeof ToastPositions;
+    variant?: keyof typeof ToastVariants;
+    icon?: React.ReactNode;
+    onClose?: () => void;
+}
+export declare const ToastVariants: {
+    outline: string;
+    solid: string;
+};
+export declare const ToastPositions: {
+    topLeft: string;
+    bottomLeft: string;
+    topRight: string;
+    bottomRight: string;
+};
+export declare const ToastTypes: {
+    success: string;
+    info: string;
+    warning: string;
+    error: string;
+};
+declare const Toast: React.FC<ToastProps>;
+export default Toast;

package/dist/components/Toast/ToastProvider.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { ToastProps } from './Toast';
+interface ToastContextType {
+    addToast: ({ title, message, type, variant, icon, onClose }: ToastProps) => void;
+}
+export declare const useToast: () => ToastContextType;
+interface ToastProviderProps {
+    children: React.ReactNode;
+}
+export declare const ToastProvider: React.FC<ToastProviderProps>;
+export {};

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

@@ -0,0 +1,28 @@
+import { InputHTMLAttributes } from 'react';
+declare const ToggleVariant: {
+    primary: string;
+    error: string;
+    warning: string;
+    success: string;
+    info: string;
+    secondary: string;
+};
+declare const ToggleThumbShape: {
+    stadium: string;
+    rounded: string;
+};
+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>;
+export {};

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/index.css

@@ -0,0 +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; }@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";