@verma-consulting/design-library 0.1.12 → 0.1.14

package/README.md

@@ -68,6 +68,8 @@ The library re-exports **all of `@mui/material`**, so you can use MUI components
 | [StatusPill](./docs/StatusPill.md)               | Chip showing user status (Pending, Active, etc.).       |
 | [IOSSwitch](./docs/IOSSwitch.md)                 | iOS-style switch (accepts MUI Switch props).            |
 | [Loader](./docs/Loader.md)                       | Full-screen loading overlay with spinner.               |
+| [SkeletonBar](./docs/SkeletonBar.md)            | Horizontal shimmer bar for loading placeholders.       |
+| [EmptyState](./docs/EmptyState.md)              | Centered empty-state view with optional icon and label. |
 
 Detailed docs for each component are in **[docs/](./docs/README.md)**.
 

package/dist/index.d.mts

@@ -84,6 +84,27 @@ interface LoaderProps {
 }
 declare const Loader: React$1.FC<LoaderProps>;
 
+interface SkeletonBarProps {
+    width?: string | number;
+    height?: number;
+    sx?: object;
+}
+/**
+ * Horizontal bar with sideways shimmer loading animation.
+ * Use in tables, cards, selects, and any loading placeholder.
+ */
+declare const SkeletonBar: React$1.FC<SkeletonBarProps>;
+
+interface EmptyStateProps {
+    /** Label text to display (e.g. getContent("noDataDescription")) */
+    label?: string;
+    /** Vertical margin (theme spacing, default 8) */
+    m?: number;
+    /** Optional custom icon */
+    icon?: React$1.ReactNode;
+}
+declare const EmptyState: React$1.FC<EmptyStateProps>;
+
 type PillProps = {
     label?: string;
     leftIcon?: string;
@@ -148,4 +169,4 @@ interface PhoneNumberFieldProps {
 }
 declare const PhoneNumberField: React$1.FC<PhoneNumberFieldProps>;
 
-export { ClearableSelect, FormDialog, FormDrawer, FormPopover, FormSnackBar, IOSSwitch, ImageUploadAvatar, InputFileUpload, Loader, Logo, PhoneNumberField, Pill, SearchableSelect, StatusPill, TabPanel };
+export { ClearableSelect, EmptyState, FormDialog, FormDrawer, FormPopover, FormSnackBar, IOSSwitch, ImageUploadAvatar, InputFileUpload, Loader, Logo, PhoneNumberField, Pill, SearchableSelect, SkeletonBar, StatusPill, TabPanel };

package/dist/index.d.ts

@@ -84,6 +84,27 @@ interface LoaderProps {
 }
 declare const Loader: React$1.FC<LoaderProps>;
 
+interface SkeletonBarProps {
+    width?: string | number;
+    height?: number;
+    sx?: object;
+}
+/**
+ * Horizontal bar with sideways shimmer loading animation.
+ * Use in tables, cards, selects, and any loading placeholder.
+ */
+declare const SkeletonBar: React$1.FC<SkeletonBarProps>;
+
+interface EmptyStateProps {
+    /** Label text to display (e.g. getContent("noDataDescription")) */
+    label?: string;
+    /** Vertical margin (theme spacing, default 8) */
+    m?: number;
+    /** Optional custom icon */
+    icon?: React$1.ReactNode;
+}
+declare const EmptyState: React$1.FC<EmptyStateProps>;
+
 type PillProps = {
     label?: string;
     leftIcon?: string;
@@ -148,4 +169,4 @@ interface PhoneNumberFieldProps {
 }
 declare const PhoneNumberField: React$1.FC<PhoneNumberFieldProps>;
 
-export { ClearableSelect, FormDialog, FormDrawer, FormPopover, FormSnackBar, IOSSwitch, ImageUploadAvatar, InputFileUpload, Loader, Logo, PhoneNumberField, Pill, SearchableSelect, StatusPill, TabPanel };
+export { ClearableSelect, EmptyState, FormDialog, FormDrawer, FormPopover, FormSnackBar, IOSSwitch, ImageUploadAvatar, InputFileUpload, Loader, Logo, PhoneNumberField, Pill, SearchableSelect, SkeletonBar, StatusPill, TabPanel };