pillardash-ui-react 0.1.29 → 0.1.30

package/dist/index.d.ts

@@ -199,7 +199,7 @@ type ModalPosition = 'left' | 'right' | 'center';
 interface ModalProps {
     isOpen: boolean;
     onClose: () => void;
-    title?: string;
+    title?: React$1.ReactNode;
     children: React$1.ReactNode;
     size?: ModalSize;
     position?: ModalPosition;
@@ -268,5 +268,121 @@ declare function TableSkeleton({ columns, rows }: {
     rows: number;
 }): react_jsx_runtime.JSX.Element;
 
-export { AlertContext, AlertProvider, Button, Card, CheckBox, EmptyStateCard, ExportButton, ExportFormatEnum, FileUpload, Input, Modal, ModalExample, Pagination, Search, Select, SelectButton, Table, TableSkeleton, TextEditor, alert, useAlert };
-export type { AlertContextProps, AlertItem, AlertProps, AlertType, ButtonProps, CheckBoxProps, Column, ConfirmationPopupProps, ConfirmationType, EmptyStateProps, FileUploadProps, InputProps, ModalProps, PaginationProps, SearchProps, SelectButtonOption, SelectButtonProps, SelectOption, SelectProps, TableDropdownProps, TableProps, TextEditorProps };
+type SkeletonVariant = 'text' | 'rectangular' | 'circular' | 'rounded' | 'card' | 'avatar' | 'button' | 'image' | 'line';
+type SkeletonAnimation = 'pulse' | 'wave' | 'none';
+type SkeletonSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+interface SkeletonLoaderProps {
+    /** Variant of the skeleton */
+    variant?: SkeletonVariant;
+    /** Animation type */
+    animation?: SkeletonAnimation;
+    /** Predefined size (overridden by width/height if provided) */
+    size?: SkeletonSize;
+    /** Custom width */
+    width?: string | number;
+    /** Custom height */
+    height?: string | number;
+    /** Number of skeleton items to render */
+    count?: number;
+    /** Additional CSS classes */
+    className?: string;
+    /** Whether to show shimmer effect */
+    shimmer?: boolean;
+    /** Custom border radius */
+    borderRadius?: string;
+    /** Background color intensity */
+    intensity?: 'light' | 'medium' | 'dark';
+    /** Delay before showing skeleton (in ms) */
+    delay?: number;
+}
+declare const SkeletonLoader: React$1.FC<SkeletonLoaderProps>;
+
+declare const SkeletonText: React$1.FC<Omit<SkeletonLoaderProps, 'variant'>>;
+declare const SkeletonAvatar: React$1.FC<Omit<SkeletonLoaderProps, 'variant'>>;
+declare const SkeletonButton: React$1.FC<Omit<SkeletonLoaderProps, 'variant'>>;
+declare const SkeletonCard: React$1.FC<Omit<SkeletonLoaderProps, 'variant'>>;
+declare const SkeletonImage: React$1.FC<Omit<SkeletonLoaderProps, 'variant'>>;
+declare const SkeletonProfile: React$1.FC<{
+    showBio?: boolean;
+}>;
+declare const SkeletonList: React$1.FC<{
+    itemCount?: number;
+    showAvatar?: boolean;
+    showMeta?: boolean;
+}>;
+declare const SkeletonTable: React$1.FC<{
+    rows?: number;
+    columns?: number;
+    showHeader?: boolean;
+}>;
+declare const SkeletonLoaderExample: () => react_jsx_runtime.JSX.Element;
+
+declare const SKELETON_LOADER_VERSION = "1.0.0";
+interface SkeletonLoaderModule {
+    SkeletonLoader: typeof SkeletonLoader;
+    SkeletonText: typeof SkeletonText;
+    SkeletonAvatar: typeof SkeletonAvatar;
+    SkeletonButton: typeof SkeletonButton;
+    SkeletonCard: typeof SkeletonCard;
+    SkeletonImage: typeof SkeletonImage;
+    SkeletonProfile: typeof SkeletonProfile;
+    SkeletonList: typeof SkeletonList;
+    SkeletonTable: typeof SkeletonTable;
+}
+declare const SKELETON_PRESETS: {
+    readonly sizes: {
+        readonly xs: {
+            readonly width: "4rem";
+            readonly height: "1rem";
+        };
+        readonly sm: {
+            readonly width: "6rem";
+            readonly height: "1.25rem";
+        };
+        readonly md: {
+            readonly width: "8rem";
+            readonly height: "1.5rem";
+        };
+        readonly lg: {
+            readonly width: "12rem";
+            readonly height: "2rem";
+        };
+        readonly xl: {
+            readonly width: "16rem";
+            readonly height: "2.5rem";
+        };
+    };
+    readonly variants: readonly ["text", "rectangular", "circular", "rounded", "card", "avatar", "button", "image", "line"];
+    readonly animations: readonly ["pulse", "wave", "none"];
+    readonly intensities: readonly ["light", "medium", "dark"];
+};
+declare const SKELETON_PATTERNS: {
+    readonly userProfile: {
+        readonly variant: "avatar";
+        readonly size: "lg";
+        readonly animation: "pulse";
+    };
+    readonly cardTitle: {
+        readonly variant: "text";
+        readonly width: "75%";
+        readonly height: "1.5rem";
+    };
+    readonly cardDescription: {
+        readonly variant: "text";
+        readonly count: 2;
+        readonly width: "100%";
+        readonly height: "1rem";
+        readonly intensity: "light";
+    };
+    readonly button: {
+        readonly variant: "button";
+        readonly animation: "wave";
+    };
+    readonly image: {
+        readonly variant: "image";
+        readonly shimmer: true;
+    };
+};
+
+export { AlertContext, AlertProvider, Button, Card, CheckBox, EmptyStateCard, ExportButton, ExportFormatEnum, FileUpload, Input, Modal, ModalExample, Pagination, SKELETON_LOADER_VERSION, SKELETON_PATTERNS, SKELETON_PRESETS, Search, Select, SelectButton, SkeletonAvatar, SkeletonButton, SkeletonCard, SkeletonImage, SkeletonList, SkeletonLoader, SkeletonLoaderExample, SkeletonProfile, SkeletonTable, SkeletonText, Table, TableSkeleton, TextEditor, alert, useAlert };
+export type { AlertContextProps, AlertItem, AlertProps, AlertType, ButtonProps, CheckBoxProps, Column, ConfirmationPopupProps, ConfirmationType, EmptyStateProps, FileUploadProps, InputProps, ModalProps, PaginationProps, SearchProps, SelectButtonOption, SelectButtonProps, SelectOption, SelectProps, SkeletonAnimation, SkeletonLoaderModule, SkeletonLoaderProps, SkeletonSize, SkeletonVariant, TableDropdownProps, TableProps, TextEditorProps };