@bfrs/agentic-components 0.1.2 → 0.1.4

package/BFRS_AGENTIC_COMPONENTS.md

@@ -635,11 +635,13 @@ Shimmer placeholder while content loads. Match the variant to the shape of the r
 <Skeleton variant="card" />   // card-height block
 <Skeleton variant="avatar" /> // circle
 <Skeleton variant="block" />  // rectangular block
+<Skeleton variant="text" animated={false} /> // static shimmer
 ```
 
 | Prop | Type | Default |
 |------|------|---------|
 | `variant` | `"text" \| "block" \| "card" \| "avatar"` | `"block"` |
+| `animated` | `boolean` | `true` |
 
 ---
 
@@ -1106,6 +1108,11 @@ Branded full-screen loading screen. Use during auth redirects and account setup.
 
 Rich business identity card with centered profile identity, metadata chips, and compact label-value details. Uses the standard card surface (faded green-grey gradient stroke, white gradient background, green-glow shadow) and the Figma-derived green header wash.
 
+Built-in loading behavior:
+- Bootstrap loading with `businessName=""` and `sections={[]}` renders static shimmer placeholders for avatar, name, subtitle/email, order-volume chip, category chip, and six detail rows.
+- Missing or empty `initials` renders a static shimmer avatar circle when no `logoSrc` is provided.
+- Missing item values (`value: undefined`, `null`, `false`, or `""`) render skeletons for both the key and value. Field labels only appear once their values are present.
+
 ```tsx
 <BusinessInfoDisplayCard
   businessName="Deeksha Gahlot"
@@ -1122,6 +1129,22 @@ Rich business identity card with centered profile identity, metadata chips, and
     },
   ]}
 />
+
+<BusinessInfoDisplayCard businessName="" sections={[]} />
+
+<BusinessInfoDisplayCard
+  businessName="Deedoodle"
+  initials="DD"
+  sections={[
+    {
+      title: "Account Details",
+      items: [
+        { label: "Phone", value: "9876543210" },
+        { label: "GST Number", value: undefined },
+      ],
+    },
+  ]}
+/>
 ```
 
 | Prop | Type | Default |
@@ -1140,7 +1163,7 @@ Rich business identity card with centered profile identity, metadata chips, and
 
 `BusinessInfoSection`:
 ```ts
-{ title?: ReactNode; items: { label: ReactNode; value: ReactNode }[] }
+{ title?: ReactNode; items: { label: ReactNode; value?: ReactNode }[] }
 ```
 
 ---

package/dist/components/ui/feedback/Skeleton/Skeleton.d.ts

@@ -3,8 +3,12 @@ import { VariantProps } from 'class-variance-authority';
 declare const skeletonVariants: (props?: ({
     variant?: "text" | "block" | "card" | "avatar" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export type SkeletonProps = HTMLAttributes<HTMLDivElement> & VariantProps<typeof skeletonVariants>;
+export type SkeletonProps = HTMLAttributes<HTMLDivElement> & VariantProps<typeof skeletonVariants> & {
+    animated?: boolean;
+};
 export declare const Skeleton: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
     variant?: "text" | "block" | "card" | "avatar" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string> & import('react').RefAttributes<HTMLDivElement>>;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string> & {
+    animated?: boolean;
+} & import('react').RefAttributes<HTMLDivElement>>;
 export {};

package/dist/components/ui/patterns/BusinessInfoDisplayCard/BusinessInfoDisplayCard.d.ts

@@ -5,7 +5,7 @@ export type BusinessInfoChip = {
 };
 export type BusinessInfoItem = {
     label: ReactNode;
-    value: ReactNode;
+    value?: ReactNode;
 };
 export type BusinessInfoSection = {
     title?: ReactNode;