@yuno-payments/dashboard-design-system 2.7.9 → 2.7.10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yuno-payments/dashboard-design-system",
-  "version": "2.7.9",
+  "version": "2.7.10",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",

package/registry/components-registry.json

@@ -1,6 +1,6 @@
 {
-  "version": "2.7.8",
-  "generatedAt": "2026-04-16T13:50:01.415Z",
+  "version": "2.7.9",
+  "generatedAt": "2026-04-16T14:56:48.105Z",
   "components": [
     {
       "name": "AccessDeniedAlert",
@@ -1443,6 +1443,91 @@
       ],
       "figmaComponent": "https://www.figma.com/design/fcHm3yuz9KiqdRHM7oWneG/shadcn-ui-kit-for-Figma---Pro-Blocks---August-2025--Yuno-?node-id=473-1978&m=dev"
     },
+    {
+      "name": "AnimatedEmpty",
+      "category": "molecules",
+      "importPath": "@yuno-payments/dashboard-design-system",
+      "description": "Onboarding empty-state for tables. Shows an animated illustration on the left and marketing-style text plus a primary CTA on the right. Meant to be rendered the first time a user lands on an empty table; once the user interacts with the CTA (or a `Not now` secondary action), consumers persist dismissal in `userSettings.viewedTutorials` and stop rendering this component.",
+      "whenToUse": [
+        "The table has zero data and no filters applied",
+        "The user has not dismissed the onboarding for this table+account",
+        "Each table is independent; dismissing one doesn't affect the others"
+      ],
+      "whenNotToUse": [],
+      "props": [
+        {
+          "name": "variant",
+          "type": "\"payments\" | \"chargebacks\" | \"installments\" | \"paymentLinks\" | \"recipients\" | \"subscriptions\" | \"rules\" | \"blocklists\" | \"allowlists\"",
+          "required": true,
+          "description": "Illustration variant (9 available bundled SVGs)"
+        },
+        {
+          "name": "tagline",
+          "type": "unknown",
+          "required": true,
+          "description": "Optional small uppercase label above the title"
+        },
+        {
+          "name": "title",
+          "type": "unknown",
+          "required": true,
+          "description": ""
+        },
+        {
+          "name": "description",
+          "type": "unknown",
+          "required": true,
+          "description": ""
+        },
+        {
+          "name": "cta",
+          "type": "unknown",
+          "required": true,
+          "description": ""
+        },
+        {
+          "name": "onDismiss",
+          "type": "unknown",
+          "required": true,
+          "description": ""
+        },
+        {
+          "name": "dismissLabel",
+          "type": "unknown",
+          "required": true,
+          "description": ""
+        },
+        {
+          "name": "illustration",
+          "type": "unknown",
+          "required": true,
+          "description": ""
+        }
+      ],
+      "examples": [
+        {
+          "name": "Allowlists",
+          "code": "<AnimatedEmpty variant=\"allowlists\" tagline=\"Welcome\" title=\"Your allowlist is empty\" description=\"Add values to automatically approve matching transactions.\" cta={{\"label\":\"Add entry\"}} dismissLabel=\"Maybe later\" />"
+        },
+        {
+          "name": "Blocklists",
+          "code": "<AnimatedEmpty variant=\"blocklists\" tagline=\"Welcome\" title=\"Your blocklist is empty\" description=\"Add values to automatically decline matching transactions.\" cta={{\"label\":\"Add entry\"}} dismissLabel=\"Maybe later\" />"
+        },
+        {
+          "name": "Chargebacks",
+          "code": "<AnimatedEmpty variant=\"chargebacks\" tagline=\"Welcome\" title=\"No chargebacks yet\" description=\"When a customer disputes a payment, you will see it here so you can respond in one click.\" cta={{\"label\":\"Learn more\"}} dismissLabel=\"Maybe later\" />"
+        },
+        {
+          "name": "Installments",
+          "code": "<AnimatedEmpty variant=\"installments\" tagline=\"Welcome\" title=\"Offer installment plans\" description=\"Grow conversion by letting customers split their payments.\" cta={{\"label\":\"Configure\"}} dismissLabel=\"Maybe later\" />"
+        },
+        {
+          "name": "PaymentLinks",
+          "code": "<AnimatedEmpty variant=\"paymentLinks\" tagline=\"Welcome\" title=\"Share a payment link in seconds\" description=\"Generate shareable links and get paid without building a checkout.\" cta={{\"label\":\"Create link\"}} dismissLabel=\"Maybe later\" />"
+        }
+      ],
+      "figmaComponent": "https://www.figma.com/design/"
+    },
     {
       "name": "Breadcrumb",
       "category": "molecules",
@@ -1889,91 +1974,6 @@
         }
       ]
     },
-    {
-      "name": "EmptyStateOnboarding",
-      "category": "molecules",
-      "importPath": "@yuno-payments/dashboard-design-system",
-      "description": "Onboarding empty-state for tables. Shows an animated illustration on the left and marketing-style text plus a primary CTA on the right. Meant to be rendered the first time a user lands on an empty table; once the user interacts with the CTA (or a `Not now` secondary action), consumers persist dismissal in `userSettings.viewedTutorials` and stop rendering this component.",
-      "whenToUse": [
-        "The table has zero data and no filters applied",
-        "The user has not dismissed the onboarding for this table+account",
-        "Each table is independent; dismissing one doesn't affect the others"
-      ],
-      "whenNotToUse": [],
-      "props": [
-        {
-          "name": "variant",
-          "type": "\"payments\" | \"chargebacks\" | \"installments\" | \"paymentLinks\" | \"recipients\" | \"subscriptions\" | \"rules\" | \"blocklists\" | \"allowlists\"",
-          "required": true,
-          "description": "Illustration variant (9 available bundled SVGs)"
-        },
-        {
-          "name": "tagline",
-          "type": "unknown",
-          "required": true,
-          "description": "Optional small uppercase label above the title"
-        },
-        {
-          "name": "title",
-          "type": "unknown",
-          "required": true,
-          "description": ""
-        },
-        {
-          "name": "description",
-          "type": "unknown",
-          "required": true,
-          "description": ""
-        },
-        {
-          "name": "cta",
-          "type": "unknown",
-          "required": true,
-          "description": ""
-        },
-        {
-          "name": "onDismiss",
-          "type": "unknown",
-          "required": true,
-          "description": ""
-        },
-        {
-          "name": "dismissLabel",
-          "type": "unknown",
-          "required": true,
-          "description": ""
-        },
-        {
-          "name": "illustration",
-          "type": "unknown",
-          "required": true,
-          "description": ""
-        }
-      ],
-      "examples": [
-        {
-          "name": "Allowlists",
-          "code": "<EmptyStateOnboarding variant=\"allowlists\" tagline=\"Welcome\" title=\"Your allowlist is empty\" description=\"Add values to automatically approve matching transactions.\" cta={{\"label\":\"Add entry\"}} dismissLabel=\"Maybe later\" />"
-        },
-        {
-          "name": "Blocklists",
-          "code": "<EmptyStateOnboarding variant=\"blocklists\" tagline=\"Welcome\" title=\"Your blocklist is empty\" description=\"Add values to automatically decline matching transactions.\" cta={{\"label\":\"Add entry\"}} dismissLabel=\"Maybe later\" />"
-        },
-        {
-          "name": "Chargebacks",
-          "code": "<EmptyStateOnboarding variant=\"chargebacks\" tagline=\"Welcome\" title=\"No chargebacks yet\" description=\"When a customer disputes a payment, you will see it here so you can respond in one click.\" cta={{\"label\":\"Learn more\"}} dismissLabel=\"Maybe later\" />"
-        },
-        {
-          "name": "Installments",
-          "code": "<EmptyStateOnboarding variant=\"installments\" tagline=\"Welcome\" title=\"Offer installment plans\" description=\"Grow conversion by letting customers split their payments.\" cta={{\"label\":\"Configure\"}} dismissLabel=\"Maybe later\" />"
-        },
-        {
-          "name": "PaymentLinks",
-          "code": "<EmptyStateOnboarding variant=\"paymentLinks\" tagline=\"Welcome\" title=\"Share a payment link in seconds\" description=\"Generate shareable links and get paid without building a checkout.\" cta={{\"label\":\"Create link\"}} dismissLabel=\"Maybe later\" />"
-        }
-      ],
-      "figmaComponent": "https://www.figma.com/design/"
-    },
     {
       "name": "Field",
       "category": "molecules",

package/dist/components/molecules/empty-state-onboarding/index.d.ts

@@ -1,4 +0,0 @@
-export { EmptyStateOnboarding } from './empty-state-onboarding';
-export { AnimatedEmpty, type AnimatedEmptyProps } from './animated-empty';
-export { ILLUSTRATIONS, ASSETS_BASE_URL } from './illustrations';
-export type { EmptyStateOnboardingProps, EmptyStateVariant, EmptyStateAction, } from './types';

package/dist/components/molecules/empty-state-onboarding/types.d.ts

@@ -1,18 +0,0 @@
-import { ReactNode } from 'react';
-export type EmptyStateVariant = "payments" | "chargebacks" | "installments" | "paymentLinks" | "recipients" | "subscriptions" | "rules" | "blocklists" | "allowlists";
-export interface EmptyStateAction {
-    label: string;
-    onClick: () => void;
-    disabled?: boolean;
-}
-export interface EmptyStateOnboardingProps {
-    variant: EmptyStateVariant;
-    tagline?: string;
-    title: string;
-    description: string;
-    cta: EmptyStateAction;
-    onDismiss?: () => void;
-    dismissLabel?: string;
-    illustration?: ReactNode;
-    className?: string;
-}