alope-ui 1.2.2 → 1.2.4

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

@@ -8,7 +8,7 @@ declare const IconColors: {
     error: string;
     warning: string;
     primary: string;
-    default: string;
+    secondary: string;
 };
 declare const AlertType: {
     success: string;
@@ -16,7 +16,7 @@ declare const AlertType: {
     warning: string;
     error: string;
     primary: string;
-    default: string;
+    secondary: string;
 };
 export type AlertProps = {
     title: string;

package/dist/components/BottomNavbar/BottomNavbar.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+interface BottomNavbarProps {
+    children: React.ReactNode;
+    className?: string;
+    value: string;
+    onChangeValue: (value: string) => void;
+}
+export declare const BottomNavbar: React.FC<BottomNavbarProps>;
+export {};

package/dist/components/BottomNavbar/BottomNavbarAction.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+export interface BottomNavbarActionProps {
+    label?: React.ReactNode;
+    icon?: React.ReactNode;
+    value: string;
+    selectedValue?: string;
+    onChangeValue?: (value: string) => void;
+    labelClassName?: string;
+    className?: string;
+}
+export declare const BottomNavbarAction: React.FC<BottomNavbarActionProps>;

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

@@ -15,31 +15,31 @@ export declare const ButtonVariantsMap: {
         ghost: string;
         plain: string;
     };
-    error: {
+    secondary: {
         solid: string;
         outline: string;
         ghost: string;
         plain: string;
     };
-    warning: {
+    success: {
         solid: string;
         outline: string;
         ghost: string;
         plain: string;
     };
-    success: {
+    warning: {
         solid: string;
         outline: string;
         ghost: string;
         plain: string;
     };
-    info: {
+    error: {
         solid: string;
         outline: string;
         ghost: string;
         plain: string;
     };
-    secondary: {
+    info: {
         solid: string;
         outline: string;
         ghost: string;
@@ -48,6 +48,7 @@ export declare const ButtonVariantsMap: {
 };
 export type VariantType = keyof typeof ButtonVariantsMap;
 export type Variant = keyof typeof ButtonVariantsMap[VariantType];
+export declare const getVariantClasses: (variant: Variant, variantType: VariantType) => string;
 export type ButtonProps = {
     children?: React.ReactNode | string;
     onClick?: () => void;

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

@@ -12,6 +12,7 @@ type CardProps = {
     imageClassName?: string;
     titleClassName?: string;
     descriptionClassName?: string;
+    ribbonClassName?: string;
     ribbon?: string;
     children?: React.ReactNode;
 };

package/dist/components/CodeInput/CodeInput.d.ts

@@ -0,0 +1,17 @@
+import { InputHTMLAttributes } from 'react';
+declare const CodeInputSize: {
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+};
+export type CodeInputProps = {
+    label?: string;
+    value: string;
+    length: number;
+    labelClassName?: string;
+    onCodeChange: (code: string) => void;
+    inputSize?: keyof typeof CodeInputSize;
+} & Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange'>;
+export declare const CodeInput: React.FC<CodeInputProps>;
+export {};

package/dist/components/Collection/Collection.d.ts

@@ -0,0 +1,14 @@
+export type CollectionProps<T> = {
+    title?: string;
+    data: T[];
+    children?: (item: T, index: number, isActive: boolean) => React.ReactNode;
+    className?: string;
+    wrapperClassName?: string;
+    suffixIcon?: React.ReactNode | ((item?: T, index?: number, isActive?: boolean) => React.ReactNode);
+    activeItem?: any;
+    onChangeActive?: (item: T, index: number) => void;
+};
+export declare function Collection<T extends {
+    id: any;
+    name?: string;
+}>({ data, title, className, wrapperClassName, children, suffixIcon, activeItem, onChangeActive, }: CollectionProps<T>): import("react/jsx-runtime").JSX.Element;

package/dist/components/DatePicker/DatePicker.d.ts

@@ -0,0 +1,47 @@
+import { default as React, InputHTMLAttributes } from 'react';
+declare const DatePickerColors: {
+    success: {
+        input: string;
+        outline: string;
+        header: string;
+        icon: string;
+        day: string;
+    };
+    info: {
+        input: string;
+        outline: string;
+        header: string;
+        icon: string;
+        day: string;
+    };
+    error: {
+        input: string;
+        outline: string;
+        header: string;
+        icon: string;
+        day: string;
+    };
+    warning: {
+        input: string;
+        outline: string;
+        header: string;
+        icon: string;
+        day: string;
+    };
+    default: {
+        input: string;
+        outline: string;
+        header: string;
+        icon: string;
+        day: string;
+    };
+};
+type DatePickerProps = {
+    label?: string;
+    selectedDate?: Date;
+    labelClassName?: string;
+    color?: keyof typeof DatePickerColors;
+    onDateChange?: (date: Date) => void;
+} & InputHTMLAttributes<HTMLInputElement>;
+export declare const DatePicker: React.FC<DatePickerProps>;
+export {};

package/dist/components/FAB/FAB.d.ts

@@ -0,0 +1,18 @@
+import { Variant, VariantType } from '../Button/Button';
+declare const FABSizes: {
+    sm: string;
+    md: string;
+    lg: string;
+};
+type FABProps = {
+    children: React.ReactNode;
+    direction?: 'horizontal' | 'vertical';
+    size?: keyof typeof FABSizes;
+    variant?: Variant;
+    variantType?: VariantType;
+    isOpen: boolean;
+    onOpen: () => void;
+    icon?: React.ReactNode;
+};
+export declare const FAB: ({ children, direction, size, variant, variantType, isOpen, onOpen, icon }: FABProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -4,7 +4,7 @@ interface FileUploadProps {
     maxFiles?: number;
     helperText?: string;
     inputLabel?: string;
-    maxByte?: number;
+    maxKiloByte?: number;
     mediaCapture?: 'user' | 'environment';
     mode?: 'dropzone' | 'textinput';
     clearable?: boolean;

package/dist/components/Grid/Grid.d.ts

@@ -0,0 +1,12 @@
+import { default as React, HTMLAttributes } from 'react';
+type Breakpoint = 'base' | 'md' | 'lg' | 'xl' | 'lg' | 'xl' | '2xl';
+export type ResponsiveValue<T extends number | string> = T | Partial<Record<Breakpoint, T>>;
+type ResponsiveCols = ResponsiveValue<1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12>;
+type ResponsiveGap = ResponsiveValue<1 | 2 | 3 | 4 | 5 | 6>;
+export interface GridProps extends HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+    cols?: ResponsiveCols;
+    gap?: ResponsiveGap;
+}
+export declare const Grid: ({ className, cols, gap, children, style, ...props }: GridProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Grid/GridItem.d.ts

@@ -0,0 +1,10 @@
+import { default as React, HTMLAttributes } from 'react';
+type Breakpoint = "base" | "md" | "lg" | "xl" | "lg" | "xl" | "2xl";
+export type ResponsiveValueGrid<T extends number | string> = T | Partial<Record<Breakpoint, T>>;
+type ResponsiveColSpan = ResponsiveValueGrid<1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12>;
+export interface GridItemProps extends HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+    colSpan?: ResponsiveColSpan;
+}
+export declare const GridItem: ({ className, colSpan, children, ...props }: GridItemProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Masonry/Masonry.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+type Breakpoint = "base" | "sm" | "md" | "lg" | "xl" | "lg" | "xl" | "2xl";
+export type ResponsiveValueMasonry<T extends number | string> = T | Partial<Record<Breakpoint, T>>;
+type ResponsiveCols = ResponsiveValueMasonry<1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12>;
+type ResponsiveGap = ResponsiveValueMasonry<1 | 2 | 3 | 4 | 5 | 6>;
+export interface MasonryProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+    className?: string;
+    cols?: ResponsiveCols;
+    gap?: ResponsiveGap;
+}
+export declare const Masonry: React.ForwardRefExoticComponent<MasonryProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/components/Offcanvas/Offcanvas.d.ts

@@ -1,11 +1,17 @@
 import { default as React } from 'react';
+declare const OffcanvasWidthVariants: {
+    default: string;
+    sm: string;
+    md: string;
+    lg: string;
+};
 interface OffcanvasProps {
     isOpen: boolean;
     onClose: () => void;
     title: string;
     children: React.ReactNode;
     position?: 'left' | 'right';
-    width?: 'sm' | 'md' | 'lg';
+    width?: keyof typeof OffcanvasWidthVariants;
     titleClassName?: string;
     closeButtonClassName?: string;
     className?: string;

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

@@ -0,0 +1,26 @@
+import { InputHTMLAttributes } from 'react';
+declare const SliderColor: {
+    primary: string;
+    error: string;
+    warning: string;
+    success: string;
+    info: string;
+    secondary: string;
+};
+declare const SliderSize: {
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+};
+export type SliderProps = {
+    label?: string;
+    prefixIcon?: React.ReactNode;
+    suffixIcon?: React.ReactNode;
+    color?: keyof typeof SliderColor;
+    sliderSize?: keyof typeof SliderSize;
+    showTooltip?: boolean;
+    showMarks?: boolean;
+} & InputHTMLAttributes<HTMLInputElement>;
+export declare const Slider: React.FC<SliderProps>;
+export {};

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

@@ -2,5 +2,12 @@ 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.FC<TextInputProps>;
+export declare const TextInput: React.ForwardRefExoticComponent<{
+    label?: string;
+    error?: string;
+    labelClassName?: string;
+    errorClassName?: string;
+} & React.InputHTMLAttributes<HTMLInputElement> & React.RefAttributes<HTMLInputElement>>;

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

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

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

@@ -1,5 +1,5 @@
 import { InputHTMLAttributes } from 'react';
-export declare const ToggleVariant: {
+declare const ToggleVariant: {
     primary: string;
     error: string;
     warning: string;
@@ -7,11 +7,11 @@ export declare const ToggleVariant: {
     info: string;
     secondary: string;
 };
-export declare const ToggleThumbShape: {
+declare const ToggleThumbShape: {
     stadium: string;
     rounded: string;
 };
-export declare const ToggleSize: {
+declare const ToggleSize: {
     sm: string;
     md: string;
     lg: string;
@@ -25,3 +25,4 @@ export type ToggleProps = {
     labelClassName?: string;
 } & InputHTMLAttributes<HTMLInputElement>;
 export declare const Toggle: React.FC<ToggleProps>;
+export {};