groovinads-ui 1.9.81 → 1.9.82

package/index.d.ts

@@ -214,16 +214,19 @@ export interface InputEmailProps {
 export const InputEmail: React.FC<InputEmailProps>;
 
 export interface InputChipProps {
-  chips?: string[];
+  autoFocus?: boolean;
   className?: string;
+  counter?: boolean;
   disabled?: boolean;
-  helpText?: string;
-  label?: string;
-  maxChips?: number;
-  name?: string;
-  onChipsChange?: (chips: string[]) => void;
-  placeholder?: string;
-  size?: 'xs' | 'md' | 'lg';
+  duplicateKeywordErrorText?: string;
+  keywordsList: string[];
+  maxKeywords: number;
+  maxKeywordLength: number;
+  pillColor?: 'blue' | 'danger' | 'dark' | 'green' | 'light' | 'midtone' | 'neutral' | 'red' | 'yellow';
+  placeholder: string;
+  recomendedKeywords: number;
+  requiredText: string;
+  setKeywordsList: (keywords: string[]) => void;
 }
 
 export const InputChip: React.FC<InputChipProps>;
@@ -244,6 +247,16 @@ export interface AlertProps {
 
 export const Alert: React.FC<AlertProps>;
 
+export interface EditableContentProps {
+  as: string;
+  className?: string;
+  onChange: (value: string) => void;
+  onSave: (value: string) => Promise<void>;
+  value?: string;
+}
+
+export const EditableContent: React.FC<EditableContentProps>;
+
 export interface IconProps {
   className?: string;
   iconName: string;
@@ -261,10 +274,12 @@ export interface LoginSourceProps {
 export const LoginSource: React.FC<LoginSourceProps>;
 
 export interface PillComponentProps {
+  children?: ReactNode;
   className?: string;
-  icon?: string;
-  label: string;
-  variant?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark';
+  closeButton?: boolean;
+  color?: 'green' | 'yellow' | 'red' | 'danger' | 'neutral' | 'blue' | 'light' | 'midtone' | 'dark';
+  disabled?: boolean;
+  onClick?: MouseEventHandler<HTMLButtonElement>;
 }
 
 export const PillComponent: React.FC<PillComponentProps>;
@@ -319,6 +334,23 @@ export interface ToastProgressProps {
 
 export const ToastProgress: React.FC<ToastProgressProps>;
 
+// ============================================================================
+// MODAL COMPONENTS
+// ============================================================================
+
+export interface ModalComponentProps {
+  children: ReactNode;
+  className?: string;
+  footer?: ReactNode;
+  header: string | ReactNode;
+  setShow: Dispatch<SetStateAction<boolean>>;
+  show: boolean;
+  size?: 'sm' | 'md' | 'lg';
+  type?: 'default' | 'confirmation' | 'error';
+}
+
+export const ModalComponent: React.FC<ModalComponentProps>;
+
 // ============================================================================
 // NAVIGATION COMPONENTS
 // ============================================================================
@@ -335,6 +367,18 @@ export interface NavbarProps {
 
 export const Navbar: React.FC<NavbarProps>;
 
+export interface AsideProps {
+  backdrop?: boolean;
+  belowNavbar?: boolean;
+  children: ReactNode;
+  className?: string;
+  header: string | ReactNode;
+  onHide: () => void;
+  show: boolean;
+}
+
+export const Aside: React.FC<AsideProps>;
+
 export interface StepperProps {
   activeStep?: number;
   className?: string;
@@ -352,6 +396,22 @@ export interface TabnavProps {
 
 export const Tabnav: React.FC<TabnavProps>;
 
+export interface PaginationProps {
+  className?: string;
+  currentPage: number;
+  onNextPage: () => void;
+  onPageChange: (page: number) => void;
+  onPageSizeChange: (size: number) => void;
+  onPrevPage: () => void;
+  pageSize: number;
+  pageSizeOptions?: number[];
+  paginationMode?: 'local' | 'remote';
+  showPerPageLabel?: string;
+  totalPages?: number;
+}
+
+export const Pagination: React.FC<PaginationProps>;
+
 export interface SidebarProps {
   children?: ReactNode;
   className?: string;
@@ -362,3 +422,15 @@ export interface SidebarProps {
 
 export const Sidebar: React.FC<SidebarProps>;
 
+// ============================================================================
+// TABLE COMPONENTS
+// ============================================================================
+
+export interface TableSkeletonProps {
+  className?: string;
+  cols: number;
+  rows: number;
+}
+
+export const TableSkeleton: React.FC<TableSkeletonProps>;
+

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "groovinads-ui",
   "description": "Groovinads UI is a React component library designed exclusively for Groovinads applications. It provides ready-to-use UI elements styled according to Groovinads design guidelines to facilitate rapid development.",
-  "version": "1.9.081",
+  "version": "1.9.82",
   "type": "module",
   "keywords": [
     "css",