@snowbomb1/nova-ui 1.0.9 → 1.0.10

package/dist/components/Accordion/Accordion.d.ts

@@ -0,0 +1,6 @@
+export interface AccordionProps {
+    title: string;
+    children: React.ReactNode;
+    defaultOpen?: boolean;
+}
+export declare const Accordion: ({ title, children, defaultOpen }: AccordionProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1 @@
+export * from './Accordion';

package/dist/components/ActionSheet/ActionSheet.d.ts

@@ -0,0 +1,15 @@
+export interface ActionSheetAction {
+    label: string;
+    icon?: React.ReactNode;
+    onClick: () => void;
+    destructive?: boolean;
+    disabled?: boolean;
+}
+export interface ActionSheetProps {
+    isOpen: boolean;
+    onClose: () => void;
+    title?: string;
+    message?: string;
+    actions: ActionSheetAction[];
+}
+export declare const ActionSheet: ({ isOpen, onClose, title, message, actions }: ActionSheetProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1 @@
+export * from './ActionSheet';

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

@@ -0,0 +1,6 @@
+export type AlertType = 'success' | 'warning' | 'error' | 'info';
+export interface AlertProps {
+    type?: AlertType;
+    children: React.ReactNode;
+}
+export declare const Alert: ({ type, children }: AlertProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1 @@
+export * from './Alert';

package/dist/components/AppLayout/AppLayout.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+export interface AppLayoutProps {
+    topNav?: ReactNode;
+    sideNav?: ReactNode;
+    sideNavOpen?: boolean;
+    sideNavExpandedWidth?: string;
+    sideNavCollapsedWidth?: string;
+    children: ReactNode;
+}
+export declare const AppLayout: ({ topNav, sideNav, sideNavOpen, sideNavExpandedWidth, sideNavCollapsedWidth, children }: AppLayoutProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1 @@
+export * from './AppLayout';

package/dist/components/Box/Box.d.ts

@@ -1,6 +1,8 @@
 export type BoxPosition = 'left' | 'right' | 'center';
+export type FlexDirection = 'horizontal' | 'vertical';
 export interface BoxProps {
     children: React.ReactNode;
-    position: 'left' | 'right' | 'center';
+    position?: BoxPosition;
+    direction?: FlexDirection;
 }
-export declare const Box: ({ children, position }: BoxProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Box: ({ children, position, direction }: BoxProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,8 +1,7 @@
 import { TooltipPosition } from '../Tooltip/Tooltip';
 export type ButtonVariant = 'primary' | 'secondary' | 'icon';
-export interface ButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'onChange'> {
+export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     children: React.ReactNode;
-    onClick?: (event: React.MouseEvent) => void;
     variant?: ButtonVariant;
     disabled?: boolean;
     disabledMessage?: string;

package/dist/components/Checkbox/Checkbox.d.ts

@@ -0,0 +1,8 @@
+export interface CheckboxProps {
+    checked: boolean;
+    onChange: (checked: boolean) => void;
+    label?: string;
+    disabled?: boolean;
+    indeterminate?: boolean;
+}
+export declare const Checkbox: ({ checked, onChange, label, disabled, indeterminate }: CheckboxProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1 @@
+export * from './Checkbox';

package/dist/components/Container/Container.d.ts

@@ -0,0 +1,12 @@
+export type ContainerVariant = 'default' | 'outlined' | 'elevated' | 'flat';
+export type ContainerPadding = 'none' | 'sm' | 'md' | 'lg';
+export interface ContainerProps {
+    children: React.ReactNode;
+    header?: React.ReactNode;
+    headerActions?: React.ReactNode;
+    footer?: React.ReactNode;
+    variant?: ContainerVariant;
+    padding?: ContainerPadding;
+    fullWidth?: boolean;
+}
+export declare const Container: ({ children, header, headerActions, footer, variant, padding, fullWidth }: ContainerProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1 @@
+export * from './Container';

package/dist/components/FloatingMenuButton/FloatingMenuButton.d.ts

@@ -0,0 +1,7 @@
+export type FloatingButtonVariant = 'menu' | 'action';
+export interface FloatingButtonProps {
+    variant: FloatingButtonVariant;
+    ariaLabel: string;
+    onClick: () => void;
+}
+export declare const FloatingButton: ({ onClick, variant, ariaLabel }: FloatingButtonProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1 @@
+export * from './FloatingMenuButton';

package/dist/components/Form field/FormField.d.ts

@@ -0,0 +1,10 @@
+import { LabelHTMLAttributes } from 'react';
+export interface FormFieldProps extends LabelHTMLAttributes<HTMLLabelElement> {
+    label?: string;
+    helperText?: string;
+    error?: string;
+    required?: boolean;
+    disabled?: boolean;
+    children: React.ReactNode;
+}
+export declare const FormField: ({ label, helperText, error, required, disabled, children }: FormFieldProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Input/Input.d.ts

@@ -1,8 +1,12 @@
 export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange'> {
     value: string | undefined;
-    onChange: (newValue: string) => void;
-    autoComplete?: "on" | "off";
+    onChange?: (newValue: string) => void;
     disabled?: boolean;
     suggestions?: string[];
+    hideClear?: boolean;
+    required?: boolean;
+    label?: string;
+    error?: string;
+    helperText?: string;
 }
-export declare const Input: ({ value, onChange, autoComplete, disabled, suggestions, placeholder, ...props }: InputProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Input: ({ value, onChange, disabled, suggestions, placeholder, hideClear, label, error, required, helperText, ...props }: InputProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Modal/Modal.d.ts

@@ -1,8 +1,9 @@
+export type ModalSize = 's' | 'm' | 'l' | 'xl';
 export interface ModalProps {
     isVisible: boolean;
     onClose: () => void;
     children: React.ReactNode;
-    size?: 's' | 'm' | 'l' | 'xl';
+    size?: ModalSize;
     header?: React.ReactNode;
     footer?: React.ReactNode;
 }

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

@@ -1,15 +1,28 @@
-import { SelectHTMLAttributes } from 'react';
 export type Option = {
     label: string;
     value: string | number;
 };
-export interface SelectProps<T> extends Omit<SelectHTMLAttributes<HTMLSelectElement>, 'onChange' | 'value'> {
-    selectedOption?: T;
-    selectType?: "multi" | "single";
-    autoFilter?: boolean;
+interface SharedProps {
     options: Option[];
-    onChange: (option: T) => void;
+    autoFilter?: boolean;
     placeholder?: string;
     disabled?: boolean;
+    name?: string;
+    required?: boolean;
+    label?: string;
+    helperText?: string;
+    error?: string;
+}
+interface SingleSelectProps extends SharedProps {
+    selectType?: 'single';
+    selectedOption?: Option;
+    onChange: (option: Option) => void;
+}
+interface MultiSelectProps extends SharedProps {
+    selectType: 'multi';
+    selectedOption?: Option[];
+    onChange: (options: Option[]) => void;
 }
-export declare const Select: <T extends Option | Option[]>({ selectedOption, selectType, autoFilter, options, onChange, placeholder, disabled, className, name, id, required, ...htmlProps }: SelectProps<T>) => import("react/jsx-runtime").JSX.Element;
+export type SelectProps = SingleSelectProps | MultiSelectProps;
+export declare const Select: (props: SelectProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/SideNav/SideNav.d.ts

@@ -0,0 +1,15 @@
+export type NavItem = {
+    label: string;
+    icon?: React.ReactNode;
+    onClick: () => void;
+};
+export type NavPosition = 'left' | 'right';
+export interface SideNavProps {
+    isOpen: boolean;
+    onToggle: () => void;
+    items: NavItem[];
+    expandedWidth?: string;
+    collapsedWidth?: string;
+    position?: NavPosition;
+}
+export declare const SideNav: ({ isOpen, items, onToggle, expandedWidth, collapsedWidth, position }: SideNavProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1 @@
+export * from './SideNav';

package/dist/components/Stepper/Stepper.d.ts

@@ -0,0 +1,10 @@
+import { FormFieldProps } from '../Form field';
+export interface StepperProps extends Pick<FormFieldProps, 'label' | 'helperText' | 'error' | 'required'> {
+    value: number;
+    onChange: (value: number) => void;
+    min?: number;
+    max?: number;
+    step?: number;
+    disabled?: boolean;
+}
+export declare const Stepper: ({ label, helperText, error, required, value, onChange, min, max, step, disabled }: StepperProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1 @@
+export * from './Stepper';

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

@@ -0,0 +1,12 @@
+export type ToastPosition = 'top' | 'bottom';
+export type ToastStatus = 'success' | 'warning' | 'error' | 'info';
+export interface ToastProps {
+    visible: boolean;
+    onDismiss: () => void;
+    timeout?: number;
+    position?: ToastPosition;
+    status?: ToastStatus;
+    children: React.ReactNode;
+    dismissible?: boolean;
+}
+export declare const Toast: ({ visible, onDismiss, timeout, position, status, children, dismissible }: ToastProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1 @@
+export * from './Toast';

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

@@ -1,7 +1,7 @@
 export interface ToggleProps {
     label: string;
-    state: boolean;
-    onChange: (enabaled: boolean) => void;
+    value: boolean;
+    onChange: (enabled: boolean) => void;
     disabled?: boolean;
 }
-export declare const Toggle: ({ label, state, onChange, disabled }: ToggleProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Toggle: ({ label, value, onChange, disabled }: ToggleProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Viewer/Viewer.d.ts

@@ -1,15 +1,16 @@
-interface VideoProps {
+export interface VideoProps {
     controls?: boolean;
     loop?: boolean;
     autoPlay?: boolean;
     muted?: boolean;
 }
+export type ViewerAspectRatio = '16/9' | '9/16' | '1/1' | '4/3' | '3/2' | '21/19';
 export interface ViewerProps {
     src: string;
-    alt?: string;
+    alt: string;
     video?: VideoProps;
     thumbnailWidth?: string;
+    aspectRatio?: ViewerAspectRatio;
     onError?: (error: Error) => void;
 }
-export declare const Viewer: ({ src, alt, video, thumbnailWidth, onError }: ViewerProps) => import("react/jsx-runtime").JSX.Element;
-export {};
+export declare const Viewer: ({ src, alt, video, thumbnailWidth, onError, aspectRatio }: ViewerProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Viewer/ViewerLoader.d.ts

@@ -1,6 +1,9 @@
 import { RefObject } from 'react';
+import { ViewerAspectRatio } from './Viewer';
 interface ViewerLoderProps {
     divRef: RefObject<HTMLDivElement | null>;
+    width: string;
+    aspectRatio: ViewerAspectRatio;
 }
-export declare const ViewerLoader: ({ divRef }: ViewerLoderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ViewerLoader: ({ divRef, width, aspectRatio }: ViewerLoderProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/hooks/useTheme.d.ts

@@ -1,6 +1,8 @@
 import { MouseEvent } from 'react';
+type Theme = 'light' | 'dark';
 export declare const useTheme: () => {
-    isDark: boolean | undefined;
+    theme: Theme;
     isTransitioning: boolean;
     toggleTheme: (event: MouseEvent) => void;
 };
+export {};

package/dist/index.d.ts

@@ -1,10 +1,20 @@
+export * from './components/Accordion';
+export * from './components/ActionSheet';
+export * from './components/Alert';
+export * from './components/AppLayout';
 export * from './components/Box';
 export * from './components/Button';
-export * from './components/FormField';
+export * from './components/Checkbox';
+export * from './components/Container';
+export * from './components/FloatingMenuButton';
+export * from './components/Form field';
 export * from './components/Header';
 export * from './components/Input';
 export * from './components/Modal';
 export * from './components/Select';
+export * from './components/SideNav';
+export * from './components/Stepper';
+export * from './components/Toast';
 export * from './components/Toggle';
 export * from './components/Tooltip';
 export * from './components/TopNav';