primolab-ui-kit 1.1.4

package/dist/index.d.ts

@@ -0,0 +1,323 @@
+import { ReactNode, CSSProperties, MouseEventHandler, ChangeEventHandler } from 'react';
+
+// Button Component
+export interface ButtonProps {
+  children: ReactNode;
+  variant?: 'primary' | 'secondary' | 'danger' | 'success' | 'warning' | 'info' | 'outline' | 'outline-secondary' | 'outline-danger' | 'outline-success' | 'outline-warning' | 'outline-info' | 'ghost';
+  size?: 'xs' | 'sm' | 'md' | 'lg';
+  onClick?: MouseEventHandler<HTMLButtonElement>;
+  disabled?: boolean;
+  fullWidth?: boolean;
+  className?: string;
+  [key: string]: any;
+}
+export const Button: React.FC<ButtonProps>;
+
+// Modal Component
+export interface ModalProps {
+  isOpen: boolean;
+  onClose: () => void;
+  title?: string;
+  children: ReactNode;
+  size?: 'sm' | 'md' | 'lg' | 'xl' | 'full';
+  showCloseButton?: boolean;
+  closeOnBackdropClick?: boolean;
+  footer?: ReactNode;
+  icon?: ReactNode;
+  subtitle?: ReactNode;
+}
+export const Modal: React.FC<ModalProps>;
+
+// Table Component
+export interface TableColumn {
+  header: string;
+  align?: 'left' | 'center' | 'right';
+}
+export interface TableProps {
+  columns: TableColumn[];
+  data: any[];
+  renderRow: (item: any, index: number) => ReactNode;
+  striped?: boolean;
+  hoverable?: boolean;
+  bordered?: boolean;
+  unwrapped?: boolean;
+  className?: string;
+}
+export const Table: React.FC<TableProps>;
+
+// Input Component
+export interface InputProps {
+  type?: string;
+  label?: string;
+  placeholder?: string;
+  value?: string;
+  onChange?: ChangeEventHandler<HTMLInputElement>;
+  error?: string;
+  helperText?: string;
+  disabled?: boolean;
+  required?: boolean;
+  fullWidth?: boolean;
+  size?: 'sm' | 'md' | 'lg';
+  className?: string;
+  [key: string]: any;
+}
+export const Input: React.FC<InputProps>;
+
+// Select Component
+export interface SelectOption {
+  value: string;
+  label: string;
+  disabled?: boolean;
+}
+export interface SelectProps {
+  label?: string;
+  options?: SelectOption[];
+  value?: string;
+  onChange?: ChangeEventHandler<HTMLSelectElement>;
+  error?: string;
+  helperText?: string;
+  disabled?: boolean;
+  required?: boolean;
+  fullWidth?: boolean;
+  placeholder?: string;
+  size?: 'sm' | 'md' | 'lg';
+  variant?: 'default' | 'badge';
+  getBadgeColor?: (value: string) => string;
+  className?: string;
+  [key: string]: any;
+}
+export const Select: React.FC<SelectProps>;
+
+// TextArea Component
+export interface TextAreaProps {
+  label?: string;
+  placeholder?: string;
+  value?: string;
+  onChange?: ChangeEventHandler<HTMLTextAreaElement>;
+  error?: string;
+  helperText?: string;
+  disabled?: boolean;
+  required?: boolean;
+  fullWidth?: boolean;
+  rows?: number;
+  resize?: boolean;
+  className?: string;
+  [key: string]: any;
+}
+export const TextArea: React.FC<TextAreaProps>;
+
+// Card Component
+export interface CardProps {
+  children: ReactNode;
+  title?: string;
+  subtitle?: string;
+  footer?: ReactNode;
+  hoverable?: boolean;
+  clickable?: boolean;
+  onClick?: MouseEventHandler<HTMLDivElement>;
+  className?: string;
+  [key: string]: any;
+}
+export const Card: React.FC<CardProps>;
+
+// Badge Component
+export interface BadgeProps {
+  children: ReactNode;
+  variant?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'grey';
+  size?: 'sm' | 'md' | 'lg';
+  rounded?: boolean;
+  className?: string;
+}
+export const Badge: React.FC<BadgeProps>;
+
+// Alert Component
+export interface AlertProps {
+  children: ReactNode;
+  variant?: 'success' | 'danger' | 'warning' | 'info';
+  title?: string;
+  onClose?: () => void;
+  showIcon?: boolean;
+  className?: string;
+}
+export const Alert: React.FC<AlertProps>;
+
+// Spinner Component
+export interface SpinnerProps {
+  size?: 'sm' | 'md' | 'lg' | 'xl';
+  color?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'white';
+  className?: string;
+}
+export const Spinner: React.FC<SpinnerProps>;
+
+// Skeleton Component
+export interface SkeletonProps {
+  variant?: 'text' | 'title' | 'button' | 'card' | 'avatar';
+  width?: string | number;
+  height?: string | number;
+  circle?: boolean;
+  count?: number;
+  className?: string;
+}
+export const Skeleton: React.FC<SkeletonProps>;
+
+// SelectSearchable Component
+export interface SelectSearchableProps {
+  label?: string;
+  options?: SelectOption[];
+  value?: string | string[];
+  onChange?: (event: { target: { value: string | string[] } }) => void;
+  error?: string;
+  helperText?: string;
+  disabled?: boolean;
+  required?: boolean;
+  fullWidth?: boolean;
+  placeholder?: string;
+  size?: 'sm' | 'md' | 'lg';
+  className?: string;
+  searchPlaceholder?: string;
+  noResultsText?: string;
+  multiple?: boolean;
+  [key: string]: any;
+}
+export const SelectSearchable: React.FC<SelectSearchableProps>;
+
+// Loader Component
+export interface LoaderProps {
+  type?: 'spinner' | 'skeleton';
+  variant?: 'inline' | 'overlay' | 'block';
+  size?: 'sm' | 'md' | 'lg' | 'xl';
+  color?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'white';
+  text?: string;
+  skeletonProps?: SkeletonProps;
+  className?: string;
+  children?: ReactNode;
+}
+export const Loader: React.FC<LoaderProps>;
+
+// Bootbox Component
+export interface BootboxProps {
+  isOpen: boolean;
+  onClose: () => void;
+  onConfirm?: () => void;
+  title?: string;
+  message?: string;
+  children?: ReactNode;
+  variant?: 'primary' | 'warning' | 'info' | 'danger';
+  type?: 'alert' | 'confirm' | 'custom';
+  confirmText?: string;
+  cancelText?: string;
+  closeText?: string;
+  closeOnBackdropClick?: boolean;
+  closeOnEscape?: boolean;
+}
+export const Bootbox: React.FC<BootboxProps>;
+
+// Tooltip Component
+export interface TooltipProps {
+  children: ReactNode;
+  content: ReactNode;
+  variant?: 'primary' | 'warning' | 'danger';
+  title?: string;
+  position?: 'top' | 'bottom' | 'left' | 'right';
+  className?: string;
+}
+export const Tooltip: React.FC<TooltipProps>;
+
+// Accordion Component
+export interface AccordionProps {
+  children: ReactNode;
+  expandedContent: ReactNode;
+  defaultExpanded?: boolean;
+  asTableRow?: boolean;
+  className?: string;
+  arrowClassName?: string;
+  contentClassName?: string;
+  onToggle?: (isExpanded: boolean) => void;
+}
+export const Accordion: React.FC<AccordionProps>;
+
+// Checkbox Component
+export interface CheckboxProps {
+  label?: string;
+  checked?: boolean;
+  onChange?: (event: { target: { checked: boolean } }) => void;
+  disabled?: boolean;
+  error?: boolean | string;
+  helperText?: string;
+  required?: boolean;
+  className?: string;
+  [key: string]: any;
+}
+export const Checkbox: React.FC<CheckboxProps>;
+
+// Toggle Component
+export interface ToggleProps {
+  checked?: boolean;
+  onChange?: (checked: boolean) => void;
+  disabled?: boolean;
+  label?: string;
+  error?: string;
+  helperText?: string;
+  required?: boolean;
+  className?: string;
+  [key: string]: any;
+}
+export const Toggle: React.FC<ToggleProps>;
+
+// DateTimePicker Component
+export interface DateTimePickerProps {
+  label?: string;
+  value?: string;
+  onChange?: ChangeEventHandler<HTMLInputElement>;
+  error?: string;
+  helperText?: string;
+  disabled?: boolean;
+  required?: boolean;
+  fullWidth?: boolean;
+  size?: 'sm' | 'md' | 'lg';
+  showTime?: boolean;
+  className?: string;
+  [key: string]: any;
+}
+export const DateTimePicker: React.FC<DateTimePickerProps>;
+
+// Toast Component
+export interface ToastProps {
+  children: ReactNode;
+  variant?: 'success' | 'danger' | 'warning' | 'info';
+  title?: string;
+  onClose?: () => void;
+  showIcon?: boolean;
+  className?: string;
+  duration?: number;
+  position?: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left' | 'top-center' | 'bottom-center';
+  autoClose?: boolean;
+}
+export const Toast: React.FC<ToastProps>;
+
+// InfoBox Component
+export interface InfoBoxProps {
+  children: ReactNode;
+  variant?: 'info' | 'warning' | 'danger';
+  className?: string;
+}
+export const InfoBox: React.FC<InfoBoxProps>;
+
+// Navbar Component
+export interface NavbarProps {
+  children: ReactNode;
+  className?: string;
+  [key: string]: any;
+}
+export const Navbar: React.FC<NavbarProps>;
+
+// NavbarItem Component
+export interface NavbarItemProps {
+  children: ReactNode;
+  active?: boolean;
+  onClick?: MouseEventHandler<HTMLDivElement | HTMLAnchorElement>;
+  href?: string;
+  className?: string;
+  [key: string]: any;
+}
+export const NavbarItem: React.FC<NavbarItemProps>;