@snowbomb1/nova-ui 1.0.9 → 1.0.11

package/dist/index.d.ts

@@ -1,13 +1,307 @@
-export * from './components/Box';
-export * from './components/Button';
-export * from './components/FormField';
-export * from './components/Header';
-export * from './components/Input';
-export * from './components/Modal';
-export * from './components/Select';
-export * from './components/Toggle';
-export * from './components/Tooltip';
-export * from './components/TopNav';
-export * from './components/Viewer';
-export { useMediaLoader } from './hooks/useMediaLoader';
-export { useTheme } from './hooks/useTheme';
+import { JSX } from 'react/jsx-runtime';
+import { LabelHTMLAttributes } from 'react';
+import { MouseEvent as MouseEvent_2 } from 'react';
+import { ReactNode } from 'react';
+
+export declare const Accordion: ({ title, children, defaultOpen }: AccordionProps) => JSX.Element;
+
+export declare interface AccordionProps {
+    title: string;
+    children: React.ReactNode;
+    defaultOpen?: boolean;
+}
+
+export declare const ActionSheet: ({ isOpen, onClose, title, message, actions }: ActionSheetProps) => JSX.Element;
+
+export declare interface ActionSheetAction {
+    label: string;
+    icon?: React.ReactNode;
+    onClick: () => void;
+    destructive?: boolean;
+    disabled?: boolean;
+}
+
+export declare interface ActionSheetProps {
+    isOpen: boolean;
+    onClose: () => void;
+    title?: string;
+    message?: string;
+    actions: ActionSheetAction[];
+}
+
+export declare const Alert: ({ type, children }: AlertProps) => JSX.Element;
+
+export declare interface AlertProps {
+    type?: AlertType;
+    children: React.ReactNode;
+}
+
+export declare type AlertType = 'success' | 'warning' | 'error' | 'info';
+
+export declare const AppLayout: ({ topNav, sideNav, sideNavOpen, sideNavExpandedWidth, sideNavCollapsedWidth, children }: AppLayoutProps) => JSX.Element;
+
+export declare interface AppLayoutProps {
+    topNav?: ReactNode;
+    sideNav?: ReactNode;
+    sideNavOpen?: boolean;
+    sideNavExpandedWidth?: string;
+    sideNavCollapsedWidth?: string;
+    children: ReactNode;
+}
+
+export declare const Box: ({ children, position, direction }: BoxProps) => JSX.Element;
+
+export declare type BoxPosition = 'left' | 'right' | 'center';
+
+export declare interface BoxProps {
+    children: React.ReactNode;
+    position?: BoxPosition;
+    direction?: FlexDirection;
+}
+
+export declare const Button: ({ children, onClick, variant, disabled, disabledMessage, tooltipPosition, ...props }: ButtonProps) => JSX.Element;
+
+export declare interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    children: React.ReactNode;
+    variant?: ButtonVariant;
+    disabled?: boolean;
+    disabledMessage?: string;
+    tooltipPosition?: TooltipPosition;
+}
+
+export declare type ButtonVariant = 'primary' | 'secondary' | 'icon';
+
+export declare const Checkbox: ({ checked, onChange, label, disabled, indeterminate }: CheckboxProps) => JSX.Element;
+
+export declare interface CheckboxProps {
+    checked: boolean;
+    onChange: (checked: boolean) => void;
+    label?: string;
+    disabled?: boolean;
+    indeterminate?: boolean;
+}
+
+export declare const Container: ({ children, header, headerActions, footer, variant, padding, fullWidth }: ContainerProps) => JSX.Element;
+
+export declare type ContainerPadding = 'none' | 'sm' | 'md' | 'lg';
+
+export declare interface ContainerProps {
+    children: React.ReactNode;
+    header?: React.ReactNode;
+    headerActions?: React.ReactNode;
+    footer?: React.ReactNode;
+    variant?: ContainerVariant;
+    padding?: ContainerPadding;
+    fullWidth?: boolean;
+}
+
+export declare type ContainerVariant = 'default' | 'outlined' | 'elevated' | 'flat';
+
+export declare type FlexDirection = 'horizontal' | 'vertical';
+
+export declare const FloatingButton: ({ onClick, variant, ariaLabel }: FloatingButtonProps) => JSX.Element;
+
+export declare interface FloatingButtonProps {
+    variant: FloatingButtonVariant;
+    ariaLabel: string;
+    onClick: () => void;
+}
+
+export declare type FloatingButtonVariant = 'menu' | 'action';
+
+export declare const FormField: ({ label, helperText, error, required, disabled, children }: FormFieldProps) => JSX.Element;
+
+export declare interface FormFieldProps extends LabelHTMLAttributes<HTMLLabelElement> {
+    label?: string;
+    helperText?: string;
+    error?: string;
+    required?: boolean;
+    disabled?: boolean;
+    children: React.ReactNode;
+}
+
+export declare const Header: ({ children, variant }: HeaderProps) => JSX.Element;
+
+export declare interface HeaderProps {
+    children: React.ReactNode;
+    variant?: HeaderVariant;
+}
+
+export declare type HeaderVariant = 'h1' | 'h2' | 'h3' | 'h4';
+
+export declare const Input: ({ value, onChange, disabled, suggestions, placeholder, hideClear, label, error, required, helperText, ...props }: InputProps) => JSX.Element;
+
+export declare interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange'> {
+    value: string | undefined;
+    onChange?: (newValue: string) => void;
+    disabled?: boolean;
+    suggestions?: string[];
+    hideClear?: boolean;
+    required?: boolean;
+    label?: string;
+    error?: string;
+    helperText?: string;
+}
+
+export declare const Modal: ({ isVisible, onClose, size, header, footer, children }: ModalProps) => JSX.Element;
+
+export declare interface ModalProps {
+    isVisible: boolean;
+    onClose: () => void;
+    children: React.ReactNode;
+    size?: ModalSize;
+    header?: React.ReactNode;
+    footer?: React.ReactNode;
+}
+
+export declare type ModalSize = 's' | 'm' | 'l' | 'xl';
+
+declare interface MultiSelectProps extends SharedProps {
+    selectType: 'multi';
+    selectedOption?: Option_2[];
+    onChange: (options: Option_2[]) => void;
+}
+
+export declare type NavItem = {
+    label: string;
+    icon?: React.ReactNode;
+    onClick: () => void;
+};
+
+export declare type NavPosition = 'left' | 'right';
+
+declare type Option_2 = {
+    label: string;
+    value: string | number;
+};
+export { Option_2 as Option }
+
+export declare const Select: (props: SelectProps) => JSX.Element;
+
+export declare type SelectProps = SingleSelectProps | MultiSelectProps;
+
+declare interface SharedProps {
+    options: Option_2[];
+    autoFilter?: boolean;
+    placeholder?: string;
+    disabled?: boolean;
+    name?: string;
+    required?: boolean;
+    label?: string;
+    helperText?: string;
+    error?: string;
+}
+
+export declare const SideNav: ({ isOpen, items, onToggle, expandedWidth, collapsedWidth, position }: SideNavProps) => JSX.Element;
+
+export declare interface SideNavProps {
+    isOpen: boolean;
+    onToggle: () => void;
+    items: NavItem[];
+    expandedWidth?: string;
+    collapsedWidth?: string;
+    position?: NavPosition;
+}
+
+declare interface SingleSelectProps extends SharedProps {
+    selectType?: 'single';
+    selectedOption?: Option_2;
+    onChange: (option: Option_2) => void;
+}
+
+export declare const Stepper: ({ label, helperText, error, required, value, onChange, min, max, step, disabled }: StepperProps) => JSX.Element;
+
+export declare interface StepperProps extends Pick<FormFieldProps, 'label' | 'helperText' | 'error' | 'required'> {
+    value: number;
+    onChange: (value: number) => void;
+    min?: number;
+    max?: number;
+    step?: number;
+    disabled?: boolean;
+}
+
+declare type Theme = 'light' | 'dark';
+
+export declare const Toast: ({ visible, onDismiss, timeout, position, status, children, dismissible }: ToastProps) => JSX.Element;
+
+export declare type ToastPosition = 'top' | 'bottom';
+
+export declare interface ToastProps {
+    visible: boolean;
+    onDismiss: () => void;
+    timeout?: number;
+    position?: ToastPosition;
+    status?: ToastStatus;
+    children: React.ReactNode;
+    dismissible?: boolean;
+}
+
+export declare type ToastStatus = 'success' | 'warning' | 'error' | 'info';
+
+export declare const Toggle: ({ label, value, onChange, disabled }: ToggleProps) => JSX.Element;
+
+export declare interface ToggleProps {
+    label: string;
+    value: boolean;
+    onChange: (enabled: boolean) => void;
+    disabled?: boolean;
+}
+
+export declare const Tooltip: ({ children, message, position }: TooltipProps) => JSX.Element;
+
+export declare type TooltipPosition = 'top' | 'bottom' | 'left' | 'right';
+
+export declare interface TooltipProps {
+    children: React.ReactNode;
+    message?: string;
+    position?: TooltipPosition;
+}
+
+export declare const TopNav: ({ header, logo, logoClick, search }: TopNavProps) => JSX.Element;
+
+export declare interface TopNavProps {
+    header: React.ReactNode;
+    logo?: React.ReactNode;
+    logoClick?: () => void;
+    search?: React.ReactNode;
+}
+
+export declare const useMediaLoader: ({ src, onError }: UseMediaLoaderProps) => {
+    isLoading: boolean;
+    hasError: boolean;
+    isVideo: boolean;
+    reload: () => void;
+};
+
+declare interface UseMediaLoaderProps {
+    src: string;
+    onError?: (error: Error) => void;
+}
+
+export declare const useTheme: () => {
+    theme: Theme;
+    isTransitioning: boolean;
+    toggleTheme: (event: MouseEvent_2) => void;
+};
+
+export declare interface VideoProps {
+    controls?: boolean;
+    loop?: boolean;
+    autoPlay?: boolean;
+    muted?: boolean;
+}
+
+export declare const Viewer: ({ src, alt, video, thumbnailWidth, onError, aspectRatio }: ViewerProps) => JSX.Element;
+
+export declare type ViewerAspectRatio = '16/9' | '9/16' | '1/1' | '4/3' | '3/2' | '21/19';
+
+export declare interface ViewerProps {
+    src: string;
+    alt: string;
+    video?: VideoProps;
+    thumbnailWidth?: string;
+    aspectRatio?: ViewerAspectRatio;
+    onError?: (error: Error) => void;
+}
+
+export { }