@yuno-payments/dashboard-design-system 2.7.8 → 2.7.10-beta.1

package/dist/components/molecules/animated-empty/animated-empty-illustration.d.ts

@@ -0,0 +1,13 @@
+import { AnimatedEmptyVariant } from './types';
+export interface AnimatedEmptyIllustrationProps {
+    variant: AnimatedEmptyVariant;
+    className?: string;
+    alt?: string;
+}
+/**
+ * Renders the SVG illustration for a given table empty-state variant.
+ * Delegates light/dark swapping to `ThemedImage`, which renders both
+ * images and toggles them via Tailwind `dark:` variants — no React
+ * re-render needed when the theme changes.
+ */
+export declare function AnimatedEmptyIllustration({ variant, className, alt, }: AnimatedEmptyIllustrationProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/molecules/{empty-state-onboarding/animated-empty.js → animated-empty/animated-empty-illustration.js}

@@ -1,15 +1,15 @@
 import { j as m } from "../../../_virtual/jsx-runtime.js";
 import { cn as a } from "../../../lib/utils.js";
 import { ILLUSTRATIONS as i } from "./illustrations.js";
-import { ThemedImage as n } from "../../atoms/themed-image/themed-image.js";
-function s({
+import { ThemedImage as s } from "../../atoms/themed-image/themed-image.js";
+function p({
   variant: o,
   className: e,
   alt: r = ""
 }) {
   const t = i[o];
   return /* @__PURE__ */ m.jsx(
-    n,
+    s,
     {
       lightSrc: t.light,
       darkSrc: t.dark,
@@ -23,8 +23,6 @@ function s({
     }
   );
 }
-const u = s;
 export {
-  s as AnimatedEmpty,
-  u as AnimatedIllustration
+  p as AnimatedEmptyIllustration
 };

package/dist/components/molecules/{empty-state-onboarding/empty-state-onboarding.d.ts → animated-empty/animated-empty.d.ts}

@@ -1,4 +1,4 @@
-import { EmptyStateOnboardingProps } from './types';
+import { AnimatedEmptyProps } from './types';
 /**
  * Onboarding empty-state with an illustration on the left and promotional
  * text + CTA on the right. Designed to be shown the first time a user
@@ -9,4 +9,4 @@ import { EmptyStateOnboardingProps } from './types';
  * Layout: Image (left) | Text (right). On mobile collapses to column with
  * the illustration on top.
  */
-export declare const EmptyStateOnboarding: import('react').ForwardRefExoticComponent<EmptyStateOnboardingProps & import('react').RefAttributes<HTMLDivElement>>;
+export declare const AnimatedEmpty: import('react').ForwardRefExoticComponent<AnimatedEmptyProps & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/molecules/{empty-state-onboarding/empty-state-onboarding.js → animated-empty/animated-empty.js}

@@ -1,19 +1,19 @@
 import { j as e } from "../../../_virtual/jsx-runtime.js";
 import { forwardRef as p } from "react";
-import { cn as h } from "../../../lib/utils.js";
+import { cn as u } from "../../../lib/utils.js";
 import { Button as n } from "../../atoms/button/button.js";
-import { AnimatedEmpty as u } from "./animated-empty.js";
-import { Typography as d } from "../../atoms/typography/typography.js";
-const g = p(
+import { AnimatedEmptyIllustration as h } from "./animated-empty-illustration.js";
+import { Typography as l } from "../../atoms/typography/typography.js";
+const j = p(
   ({
-    variant: l,
-    tagline: r,
-    title: s,
-    description: o,
+    variant: d,
+    tagline: i,
+    title: m,
+    description: s,
     cta: t,
     onDismiss: a,
-    dismissLabel: i,
-    illustration: m,
+    dismissLabel: r,
+    illustration: o,
     className: c
   }, x) => {
     const f = () => {
@@ -23,34 +23,34 @@ const g = p(
       "div",
       {
         ref: x,
-        "data-variant": l,
-        className: h(
-          "yuno-empty-state-onboarding",
+        "data-variant": d,
+        className: u(
+          "yuno-animated-empty",
           "flex flex-col md:flex-row items-center gap-8",
           "bg-card rounded-lg p-8 md:p-12",
           "animate-fade-in duration-500",
           c
         ),
         children: [
-          /* @__PURE__ */ e.jsx("div", { className: "hidden md:block yuno-empty-state-illustration bg-muted rounded-lg overflow-hidden flex-shrink-0", children: m ?? /* @__PURE__ */ e.jsx(u, { variant: l }) }),
+          /* @__PURE__ */ e.jsx("div", { className: "hidden md:block yuno-animated-empty-illustration bg-muted rounded-lg overflow-hidden flex-shrink-0", children: o ?? /* @__PURE__ */ e.jsx(h, { variant: d }) }),
           /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-4 items-start w-full", children: [
-            r && /* @__PURE__ */ e.jsx(
-              d,
+            i && /* @__PURE__ */ e.jsx(
+              l,
               {
                 variant: "muted",
                 className: "uppercase tracking-wide text-xs font-semibold",
-                children: r
+                children: i
               }
             ),
             /* @__PURE__ */ e.jsx(
-              d,
+              l,
               {
                 as: "h3",
                 className: "text-2xl font-semibold leading-tight",
-                children: s
+                children: m
               }
             ),
-            /* @__PURE__ */ e.jsx(d, { variant: "muted", className: "text-sm", children: o }),
+            /* @__PURE__ */ e.jsx(l, { variant: "muted", className: "text-sm", children: s }),
             /* @__PURE__ */ e.jsxs("div", { className: "flex gap-3 items-center mt-2", children: [
               /* @__PURE__ */ e.jsx(
                 n,
@@ -62,7 +62,7 @@ const g = p(
                   children: t.label
                 }
               ),
-              a && i && /* @__PURE__ */ e.jsx(n, { variant: "ghost", size: "default", onClick: a, children: i })
+              a && r && /* @__PURE__ */ e.jsx(n, { variant: "ghost", size: "default", onClick: a, children: r })
             ] })
           ] })
         ]
@@ -70,7 +70,7 @@ const g = p(
     );
   }
 );
-g.displayName = "EmptyStateOnboarding";
+j.displayName = "AnimatedEmpty";
 export {
-  g as EmptyStateOnboarding
+  j as AnimatedEmpty
 };

package/dist/components/molecules/{empty-state-onboarding → animated-empty}/illustrations.d.ts

@@ -1,4 +1,4 @@
-import { EmptyStateVariant } from './types';
+import { AnimatedEmptyVariant as EmptyStateVariant } from './types';
 export type IllustrationTheme = "light" | "dark";
 export declare const ASSETS_BASE_URL = "https://dashboard-assets.y.uno";
 export declare const ILLUSTRATIONS: Record<EmptyStateVariant, Record<IllustrationTheme, string>>;

package/dist/components/molecules/animated-empty/index.d.ts

@@ -0,0 +1,4 @@
+export { AnimatedEmpty } from './animated-empty';
+export { AnimatedEmptyIllustration, type AnimatedEmptyIllustrationProps, } from './animated-empty-illustration';
+export { ILLUSTRATIONS, ASSETS_BASE_URL } from './illustrations';
+export type { AnimatedEmptyProps, AnimatedEmptyVariant, AnimatedEmptyAction, } from './types';

package/dist/components/molecules/animated-empty/types.d.ts

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

package/dist/components/molecules/index.d.ts

@@ -8,7 +8,7 @@ export { NavTabs, type NavTab, type NavTabsProps } from './nav-tabs';
 export { HighlightBanner, type HighlightBannerProps } from './highlight-banner';
 export { Empty, type EmptyProps } from './empty';
 export { EmptyIcon, type EmptyIconProps } from './empty';
-export { EmptyStateOnboarding, AnimatedEmpty, AnimatedIllustration, type EmptyStateOnboardingProps, type EmptyStateVariant, type EmptyStateAction, type AnimatedEmptyProps, type AnimatedIllustrationProps, } from './empty-state-onboarding';
+export { AnimatedEmpty, AnimatedEmptyIllustration, type AnimatedEmptyProps, type AnimatedEmptyVariant, type AnimatedEmptyAction, type AnimatedEmptyIllustrationProps, } from './animated-empty';
 export { ProviderCard, type ProviderCardProps } from './provider-card';
 export { FileUpload, type FileUploadProps, type UploadFile, } from './file-upload';
 export { Stepper, type StepperProps, type StepperStep } from './stepper';