@alfadocs/ui-kit-debug 0.1.9 → 0.2.0

package/dist/_chunks/{empty-state-DQPtRp2b.js → empty-state-3CLJIXSj.js}

@@ -2,7 +2,7 @@ import { jsx as e, jsxs as d, Fragment as U } from "react/jsx-runtime";
 import { forwardRef as u, useId as H, useRef as F, useState as P, useCallback as N, useEffect as q, useContext as v, createContext as M } from "react";
 import { c as m } from "./index-D2ZczOXr.js";
 import { useTranslation as Z } from "react-i18next";
-import { B as x } from "./button-7mLWcMp_.js";
+import { B as x } from "./button-DD_0Xdmr.js";
 function G(t, s) {
   t && (typeof t == "function" ? t(s) : t.current = s);
 }
@@ -45,16 +45,19 @@ const h = M({
     }
   },
   defaultVariants: { size: "md" }
-}), X = m("type-body-sm ds:text-[var(--muted-foreground)]", {
-  variants: {
-    size: {
-      sm: "ds:[--type-body-sm-size:var(--font-size-xs)]",
-      md: "",
-      lg: "ds:[--type-body-sm-size:var(--font-size-base)]"
-    }
-  },
-  defaultVariants: { size: "md" }
-});
+}), X = m(
+  "type-body-sm ds:text-[var(--muted-foreground)]",
+  {
+    variants: {
+      size: {
+        sm: "ds:[--type-body-sm-size:var(--font-size-xs)]",
+        md: "",
+        lg: "ds:[--type-body-sm-size:var(--font-size-base)]"
+      }
+    },
+    defaultVariants: { size: "md" }
+  }
+);
 function Y() {
   return /* @__PURE__ */ d(
     "svg",
@@ -76,8 +79,28 @@ function Y() {
             strokeWidth: "2"
           }
         ),
-        /* @__PURE__ */ e("rect", { x: "55", y: "30", width: "10", height: "60", rx: "5", fill: "var(--color-violet-400)" }),
-        /* @__PURE__ */ e("rect", { x: "30", y: "55", width: "60", height: "10", rx: "5", fill: "var(--color-purple-400)" })
+        /* @__PURE__ */ e(
+          "rect",
+          {
+            x: "55",
+            y: "30",
+            width: "10",
+            height: "60",
+            rx: "5",
+            fill: "var(--color-violet-400)"
+          }
+        ),
+        /* @__PURE__ */ e(
+          "rect",
+          {
+            x: "30",
+            y: "55",
+            width: "60",
+            height: "10",
+            rx: "5",
+            fill: "var(--color-purple-400)"
+          }
+        )
       ]
     }
   );
@@ -155,47 +178,52 @@ function $() {
             fillOpacity: "0.6"
           }
         ),
-        /* @__PURE__ */ e("circle", { cx: "60", cy: "82", r: "5", fill: "var(--destructive)", fillOpacity: "0.6" })
+        /* @__PURE__ */ e(
+          "circle",
+          {
+            cx: "60",
+            cy: "82",
+            r: "5",
+            fill: "var(--destructive)",
+            fillOpacity: "0.6"
+          }
+        )
       ]
     }
   );
 }
-const g = u(
-  ({ children: t, className: s, ...a }, r) => {
-    const { size: i } = v(h);
-    return /* @__PURE__ */ e(
-      "div",
-      {
-        ref: r,
-        "aria-hidden": "true",
-        className: K({ size: i, className: s }),
-        ...a,
-        children: t
-      }
-    );
-  }
-);
+const g = u(({ children: t, className: s, ...a }, r) => {
+  const { size: i } = v(h);
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      ref: r,
+      "aria-hidden": "true",
+      className: K({ size: i, className: s }),
+      ...a,
+      children: t
+    }
+  );
+});
 g.displayName = "EmptyState.Illustration";
-const w = u(
-  ({ children: t, className: s, ...a }, r) => {
-    const { size: i, titleId: l, registerTitle: p } = v(h), f = N(
-      (c) => {
-        c && p(), typeof r == "function" ? r(c) : r && (r.current = c);
-      },
-      [r, p]
-    );
-    return /* @__PURE__ */ e(
-      "h3",
-      {
-        ref: f,
-        id: l,
-        className: Q({ size: i, className: s }),
-        ...a,
-        children: t
-      }
-    );
-  }
-);
+const w = u(({ children: t, className: s, ...a }, r) => {
+  const { size: i, titleId: l, registerTitle: p } = v(h), f = N(
+    (c) => {
+      c && p(), typeof r == "function" ? r(c) : r && (r.current = c);
+    },
+    [r, p]
+  );
+  return /* @__PURE__ */ e(
+    "h3",
+    {
+      ref: f,
+      id: l,
+      className: Q({ size: i, className: s }),
+      ...a,
+      children: t
+    }
+  );
+});
 w.displayName = "EmptyState.Title";
 const S = u(({ children: t, className: s, ...a }, r) => {
   const { size: i } = v(h);
@@ -212,17 +240,7 @@ const S = u(({ children: t, className: s, ...a }, r) => {
 S.displayName = "EmptyState.Description";
 const A = m(
   "ds:flex ds:flex-row ds:flex-wrap ds:items-center ds:justify-center ds:gap-[var(--spacing-md)]"
-), k = u(
-  ({ children: t, className: s, ...a }, r) => /* @__PURE__ */ e(
-    "div",
-    {
-      ref: r,
-      className: A({ className: s }),
-      ...a,
-      children: t
-    }
-  )
-);
+), k = u(({ children: t, className: s, ...a }, r) => /* @__PURE__ */ e("div", { ref: r, className: A({ className: s }), ...a, children: t }));
 k.displayName = "EmptyState.Actions";
 const C = u(
   ({
@@ -247,48 +265,61 @@ const C = u(
       o == null || o.focus();
     }, []);
     const L = t === "no-results" ? { role: "status", "aria-live": "polite" } : { role: "region" }, O = n(t === "first-use" ? "emptyState.firstUse.title" : t === "no-results" ? "emptyState.noResults.title" : "emptyState.error.title"), W = n(t === "first-use" ? "emptyState.firstUse.description" : t === "no-results" ? "emptyState.noResults.description" : "emptyState.error.description"), B = n(t === "first-use" ? "emptyState.firstUse.cta" : t === "no-results" ? "emptyState.noResults.cta" : "emptyState.error.cta"), y = s === "sm" ? "sm" : "md", D = (o) => /^(https?:\/\/|\/|#)/.test(o) ? o : "#";
-    return /* @__PURE__ */ e(h.Provider, { value: { size: s, variant: t, titleId: z, registerTitle: j }, children: /* @__PURE__ */ e(
-      "div",
+    return /* @__PURE__ */ e(
+      h.Provider,
       {
-        ref: (o) => {
-          b.current = o, G(R, o);
-        },
-        "aria-labelledby": T || !f ? z : void 0,
-        ...L,
-        className: J({ size: s, className: c }),
-        "data-component": "empty-state",
-        ...I,
-        children: f ?? /* @__PURE__ */ d(U, { children: [
-          /* @__PURE__ */ d(g, { children: [
-            t === "first-use" && /* @__PURE__ */ e(Y, {}),
-            t === "no-results" && /* @__PURE__ */ e(_, {}),
-            t === "error" && /* @__PURE__ */ e($, {})
-          ] }),
-          /* @__PURE__ */ e(w, { children: a ?? O }),
-          /* @__PURE__ */ e(S, { children: r ?? W }),
-          (i || l) && /* @__PURE__ */ d(k, { children: [
-            i && /* @__PURE__ */ e(
-              x,
-              {
-                intent: "primary",
-                size: y,
-                onClick: i.onClick,
-                children: i.label ?? B
-              }
-            ),
-            l && (l.href ? /* @__PURE__ */ e(x, { intent: "ghost", size: y, asChild: !0, children: /* @__PURE__ */ e("a", { href: D(l.href), onClick: l.onClick, children: l.label }) }) : /* @__PURE__ */ e(
-              x,
-              {
-                intent: "ghost",
-                size: y,
-                onClick: l.onClick,
-                children: l.label
-              }
-            ))
-          ] })
-        ] })
+        value: { size: s, variant: t, titleId: z, registerTitle: j },
+        children: /* @__PURE__ */ e(
+          "div",
+          {
+            ref: (o) => {
+              b.current = o, G(R, o);
+            },
+            "aria-labelledby": T || !f ? z : void 0,
+            ...L,
+            className: J({ size: s, className: c }),
+            "data-component": "empty-state",
+            ...I,
+            children: f ?? /* @__PURE__ */ d(U, { children: [
+              /* @__PURE__ */ d(g, { children: [
+                t === "first-use" && /* @__PURE__ */ e(Y, {}),
+                t === "no-results" && /* @__PURE__ */ e(_, {}),
+                t === "error" && /* @__PURE__ */ e($, {})
+              ] }),
+              /* @__PURE__ */ e(w, { children: a ?? O }),
+              /* @__PURE__ */ e(S, { children: r ?? W }),
+              (i || l) && /* @__PURE__ */ d(k, { children: [
+                i && /* @__PURE__ */ e(
+                  x,
+                  {
+                    intent: "primary",
+                    size: y,
+                    onClick: i.onClick,
+                    children: i.label ?? B
+                  }
+                ),
+                l && (l.href ? /* @__PURE__ */ e(x, { intent: "ghost", size: y, asChild: !0, children: /* @__PURE__ */ e(
+                  "a",
+                  {
+                    href: D(l.href),
+                    onClick: l.onClick,
+                    children: l.label
+                  }
+                ) }) : /* @__PURE__ */ e(
+                  x,
+                  {
+                    intent: "ghost",
+                    size: y,
+                    onClick: l.onClick,
+                    children: l.label
+                  }
+                ))
+              ] })
+            ] })
+          }
+        )
       }
-    ) });
+    );
   }
 );
 C.displayName = "EmptyState";
@@ -301,4 +332,4 @@ const lt = Object.assign(C, {
 export {
   lt as E
 };
-//# sourceMappingURL=empty-state-DQPtRp2b.js.map
+//# sourceMappingURL=empty-state-3CLJIXSj.js.map

package/dist/_chunks/empty-state-3CLJIXSj.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty-state-3CLJIXSj.js","sources":["../../src/components/empty-state/empty-state.tsx"],"sourcesContent":["import {\n  createContext,\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n  type HTMLAttributes,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Button } from '../button/button';\n\n/* ------------------------------------------------------------------ */\n/* Ref helper                                                          */\n/* ------------------------------------------------------------------ */\n\nfunction setRef<T>(ref: Ref<T>, value: T | null) {\n  if (!ref) return;\n  if (typeof ref === 'function') ref(value);\n  else (ref as { current: T | null }).current = value;\n}\n\n/* ------------------------------------------------------------------ */\n/* Context                                                             */\n/* ------------------------------------------------------------------ */\n\ninterface EmptyStateContextValue {\n  size: 'sm' | 'md' | 'lg';\n  variant: 'first-use' | 'no-results' | 'error';\n  titleId: string;\n  registerTitle: () => void;\n}\n\nconst EmptyStateContext = createContext<EmptyStateContextValue>({\n  size: 'md',\n  variant: 'first-use',\n  titleId: '',\n  registerTitle: () => {},\n});\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                 */\n/* ------------------------------------------------------------------ */\n\nconst emptyStateVariants = cva(\n  'ds:flex ds:flex-col ds:items-center ds:text-center ds:max-w-md ds:ms-auto ds:me-auto ds:w-full',\n  {\n    variants: {\n      size: {\n        sm: 'ds:p-[var(--spacing-md)] ds:gap-[var(--spacing-sm)]',\n        md: 'ds:p-[var(--spacing-lg)] ds:gap-[var(--spacing-md)]',\n        lg: 'ds:p-[var(--spacing-lg)] ds:gap-[var(--spacing-md)]',\n      },\n    },\n    defaultVariants: { size: 'md' },\n  },\n);\n\nconst illustrationVariants = cva(\n  'ds:flex ds:items-center ds:justify-center ds:flex-shrink-0',\n  {\n    variants: {\n      size: {\n        sm: 'ds:w-[80px] ds:h-[80px]',\n        md: 'ds:w-[160px] ds:h-[160px]',\n        lg: 'ds:w-[240px] ds:h-[240px]',\n      },\n    },\n    defaultVariants: { size: 'md' },\n  },\n);\n\nconst titleVariants = cva('type-title-card ds:text-[var(--foreground)]', {\n  variants: {\n    size: {\n      sm: 'ds:[--type-title-card-size:var(--font-size-sm)]',\n      md: '',\n      lg: 'ds:[--type-title-card-size:var(--font-size-xl)]',\n    },\n  },\n  defaultVariants: { size: 'md' },\n});\n\nconst descriptionVariants = cva(\n  'type-body-sm ds:text-[var(--muted-foreground)]',\n  {\n    variants: {\n      size: {\n        sm: 'ds:[--type-body-sm-size:var(--font-size-xs)]',\n        md: '',\n        lg: 'ds:[--type-body-sm-size:var(--font-size-base)]',\n      },\n    },\n    defaultVariants: { size: 'md' },\n  },\n);\n\n/* ------------------------------------------------------------------ */\n/* Built-in illustrations                                              */\n/* ------------------------------------------------------------------ */\n\nfunction FirstUseIllustration() {\n  return (\n    <svg\n      viewBox=\"0 0 120 120\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      aria-hidden=\"true\"\n      className=\"ds:w-full ds:h-full\"\n    >\n      <circle\n        cx=\"60\"\n        cy=\"60\"\n        r=\"50\"\n        fill=\"var(--color-violet-50)\"\n        stroke=\"var(--color-violet-200)\"\n        strokeWidth=\"2\"\n      />\n      <rect\n        x=\"55\"\n        y=\"30\"\n        width=\"10\"\n        height=\"60\"\n        rx=\"5\"\n        fill=\"var(--color-violet-400)\"\n      />\n      <rect\n        x=\"30\"\n        y=\"55\"\n        width=\"60\"\n        height=\"10\"\n        rx=\"5\"\n        fill=\"var(--color-purple-400)\"\n      />\n    </svg>\n  );\n}\n\nfunction NoResultsIllustration() {\n  return (\n    <svg\n      viewBox=\"0 0 120 120\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      aria-hidden=\"true\"\n      className=\"ds:w-full ds:h-full\"\n    >\n      <circle cx=\"52\" cy=\"52\" r=\"28\" stroke=\"var(--muted)\" strokeWidth=\"6\" />\n      <line\n        x1=\"72\"\n        y1=\"72\"\n        x2=\"92\"\n        y2=\"92\"\n        stroke=\"var(--muted)\"\n        strokeWidth=\"6\"\n        strokeLinecap=\"round\"\n      />\n      <line\n        x1=\"42\"\n        y1=\"52\"\n        x2=\"62\"\n        y2=\"52\"\n        stroke=\"var(--muted-foreground)\"\n        strokeWidth=\"4\"\n        strokeLinecap=\"round\"\n      />\n    </svg>\n  );\n}\n\nfunction ErrorIllustration() {\n  return (\n    <svg\n      viewBox=\"0 0 120 120\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      aria-hidden=\"true\"\n      className=\"ds:w-full ds:h-full\"\n    >\n      <path\n        d=\"M60 15 L110 95 H10 Z\"\n        fill=\"var(--destructive)\"\n        fillOpacity=\"0.1\"\n        stroke=\"var(--destructive)\"\n        strokeOpacity=\"0.4\"\n        strokeWidth=\"3\"\n        strokeLinejoin=\"round\"\n      />\n      <rect\n        x=\"56\"\n        y=\"45\"\n        width=\"8\"\n        height=\"26\"\n        rx=\"4\"\n        fill=\"var(--destructive)\"\n        fillOpacity=\"0.6\"\n      />\n      <circle\n        cx=\"60\"\n        cy=\"82\"\n        r=\"5\"\n        fill=\"var(--destructive)\"\n        fillOpacity=\"0.6\"\n      />\n    </svg>\n  );\n}\n\n/* ------------------------------------------------------------------ */\n/* Subcomponents                                                       */\n/* ------------------------------------------------------------------ */\n\nconst EmptyStateIllustration = forwardRef<\n  HTMLDivElement,\n  HTMLAttributes<HTMLDivElement>\n>(({ children, className, ...props }, ref) => {\n  const { size } = useContext(EmptyStateContext);\n  return (\n    <div\n      ref={ref}\n      aria-hidden=\"true\"\n      className={illustrationVariants({ size, className })}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n});\nEmptyStateIllustration.displayName = 'EmptyState.Illustration';\n\nconst EmptyStateTitle = forwardRef<\n  HTMLHeadingElement,\n  HTMLAttributes<HTMLHeadingElement>\n>(({ children, className, ...props }, ref) => {\n  const { size, titleId, registerTitle } = useContext(EmptyStateContext);\n  const callbackRef = useCallback(\n    (node: HTMLHeadingElement | null) => {\n      if (node) registerTitle();\n      if (typeof ref === 'function') ref(node);\n      else if (ref)\n        (ref as { current: HTMLHeadingElement | null }).current = node;\n    },\n    [ref, registerTitle],\n  );\n  return (\n    <h3\n      ref={callbackRef}\n      id={titleId}\n      className={titleVariants({ size, className })}\n      {...props}\n    >\n      {children}\n    </h3>\n  );\n});\nEmptyStateTitle.displayName = 'EmptyState.Title';\n\nconst EmptyStateDescription = forwardRef<\n  HTMLParagraphElement,\n  HTMLAttributes<HTMLParagraphElement>\n>(({ children, className, ...props }, ref) => {\n  const { size } = useContext(EmptyStateContext);\n  return (\n    <p\n      ref={ref}\n      className={descriptionVariants({ size, className })}\n      {...props}\n    >\n      {children}\n    </p>\n  );\n});\nEmptyStateDescription.displayName = 'EmptyState.Description';\n\nconst actionsVariants = cva(\n  'ds:flex ds:flex-row ds:flex-wrap ds:items-center ds:justify-center ds:gap-[var(--spacing-md)]',\n);\n\nconst EmptyStateActions = forwardRef<\n  HTMLDivElement,\n  HTMLAttributes<HTMLDivElement>\n>(({ children, className, ...props }, ref) => (\n  <div ref={ref} className={actionsVariants({ className })} {...props}>\n    {children}\n  </div>\n));\nEmptyStateActions.displayName = 'EmptyState.Actions';\n\n/* ------------------------------------------------------------------ */\n/* Types                                                               */\n/* ------------------------------------------------------------------ */\n\nexport interface EmptyStateProps\n  extends\n    Omit<HTMLAttributes<HTMLDivElement>, 'role' | 'title'>,\n    VariantProps<typeof emptyStateVariants> {\n  variant: 'first-use' | 'no-results' | 'error';\n  size?: 'sm' | 'md' | 'lg';\n  title?: string;\n  description?: string;\n  primaryAction?: { label: string; onClick: () => void };\n  secondaryAction?: { label: string; onClick: () => void; href?: string };\n  autoFocus?: boolean;\n  children?: ReactNode;\n}\n\n/* ------------------------------------------------------------------ */\n/* Root                                                                */\n/* ------------------------------------------------------------------ */\n\nconst EmptyStateRoot = forwardRef<HTMLDivElement, EmptyStateProps>(\n  (\n    {\n      variant,\n      size = 'md',\n      title,\n      description,\n      primaryAction,\n      secondaryAction,\n      autoFocus = false,\n      children,\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const titleId = useId();\n    const containerRef = useRef<HTMLDivElement | null>(null);\n    const [hasTitle, setHasTitle] = useState(false);\n    const registerTitle = useCallback(() => setHasTitle(true), []);\n\n    useEffect(() => {\n      if (!autoFocus) return;\n      const firstBtn = containerRef.current?.querySelector<HTMLElement>(\n        'button:not([disabled]), a[href]',\n      );\n      firstBtn?.focus();\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, []);\n\n    const roleProps =\n      variant === 'no-results'\n        ? { role: 'status' as const, 'aria-live': 'polite' as const }\n        : { role: 'region' as const };\n\n    const defaultTitle =\n      variant === 'first-use'\n        ? t('emptyState.firstUse.title')\n        : variant === 'no-results'\n          ? t('emptyState.noResults.title')\n          : t('emptyState.error.title');\n\n    const defaultDescription =\n      variant === 'first-use'\n        ? t('emptyState.firstUse.description')\n        : variant === 'no-results'\n          ? t('emptyState.noResults.description')\n          : t('emptyState.error.description');\n\n    const defaultCtaLabel =\n      variant === 'first-use'\n        ? t('emptyState.firstUse.cta')\n        : variant === 'no-results'\n          ? t('emptyState.noResults.cta')\n          : t('emptyState.error.cta');\n\n    const buttonSize = size === 'sm' ? ('sm' as const) : ('md' as const);\n\n    const safeHref = (href: string) =>\n      /^(https?:\\/\\/|\\/|#)/.test(href) ? href : '#';\n\n    return (\n      <EmptyStateContext.Provider\n        value={{ size, variant, titleId, registerTitle }}\n      >\n        <div\n          ref={(node) => {\n            containerRef.current = node;\n            setRef(ref, node);\n          }}\n          aria-labelledby={hasTitle || !children ? titleId : undefined}\n          {...roleProps}\n          className={emptyStateVariants({ size, className })}\n          data-component=\"empty-state\"\n          {...props}\n        >\n          {children ?? (\n            <>\n              <EmptyStateIllustration>\n                {variant === 'first-use' && <FirstUseIllustration />}\n                {variant === 'no-results' && <NoResultsIllustration />}\n                {variant === 'error' && <ErrorIllustration />}\n              </EmptyStateIllustration>\n              <EmptyStateTitle>{title ?? defaultTitle}</EmptyStateTitle>\n              <EmptyStateDescription>\n                {description ?? defaultDescription}\n              </EmptyStateDescription>\n              {(primaryAction || secondaryAction) && (\n                <EmptyStateActions>\n                  {primaryAction && (\n                    <Button\n                      intent=\"primary\"\n                      size={buttonSize}\n                      onClick={primaryAction.onClick}\n                    >\n                      {primaryAction.label ?? defaultCtaLabel}\n                    </Button>\n                  )}\n                  {secondaryAction &&\n                    (secondaryAction.href ? (\n                      <Button intent=\"ghost\" size={buttonSize} asChild>\n                        <a\n                          href={safeHref(secondaryAction.href!)}\n                          onClick={secondaryAction.onClick}\n                        >\n                          {secondaryAction.label}\n                        </a>\n                      </Button>\n                    ) : (\n                      <Button\n                        intent=\"ghost\"\n                        size={buttonSize}\n                        onClick={secondaryAction.onClick}\n                      >\n                        {secondaryAction.label}\n                      </Button>\n                    ))}\n                </EmptyStateActions>\n              )}\n            </>\n          )}\n        </div>\n      </EmptyStateContext.Provider>\n    );\n  },\n);\nEmptyStateRoot.displayName = 'EmptyState';\n\n/* ------------------------------------------------------------------ */\n/* Compound export                                                     */\n/* ------------------------------------------------------------------ */\n\nexport const EmptyState = Object.assign(EmptyStateRoot, {\n  Illustration: EmptyStateIllustration,\n  Title: EmptyStateTitle,\n  Description: EmptyStateDescription,\n  Actions: EmptyStateActions,\n});\n"],"names":["setRef","ref","value","EmptyStateContext","createContext","emptyStateVariants","cva","illustrationVariants","titleVariants","descriptionVariants","FirstUseIllustration","jsxs","jsx","NoResultsIllustration","ErrorIllustration","EmptyStateIllustration","forwardRef","children","className","props","size","useContext","EmptyStateTitle","titleId","registerTitle","callbackRef","useCallback","node","EmptyStateDescription","actionsVariants","EmptyStateActions","EmptyStateRoot","variant","title","description","primaryAction","secondaryAction","autoFocus","t","useTranslation","useId","containerRef","useRef","hasTitle","setHasTitle","useState","useEffect","firstBtn","_a","roleProps","defaultTitle","defaultDescription","defaultCtaLabel","buttonSize","safeHref","href","Fragment","Button","EmptyState"],"mappings":"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"}