@particle-academy/react-fancy 5.6.0 → 5.7.0

package/dist/index.cjs

@@ -7029,8 +7029,8 @@ var IndexList = react.forwardRef(
         "data-react-fancy-index-row": "",
         className: "relative flex items-baseline gap-4 border-b border-zinc-200 py-3 last:border-b-0 dark:border-zinc-800",
         children: [
-          item.num != null && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 font-mono text-xs tabular-nums text-zinc-400 dark:text-zinc-500", children: item.num }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 flex-1 truncate font-medium text-zinc-900 dark:text-zinc-100", children: item.href ? /* @__PURE__ */ jsxRuntime.jsx(
+          item.num != null && /* @__PURE__ */ jsxRuntime.jsx("span", { "data-react-fancy-index-num": "", className: "shrink-0 font-mono text-xs tabular-nums text-zinc-400 dark:text-zinc-500", children: item.num }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { "data-react-fancy-index-title": "", className: "min-w-0 flex-1 truncate font-medium text-zinc-900 dark:text-zinc-100", children: item.href ? /* @__PURE__ */ jsxRuntime.jsx(
             Link,
             {
               href: item.href,
@@ -7038,8 +7038,8 @@ var IndexList = react.forwardRef(
               children: item.title
             }
           ) : item.title }),
-          item.meta != null && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 truncate text-sm text-zinc-500 dark:text-zinc-400", children: item.meta }),
-          item.value != null && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-auto shrink-0 font-mono text-xs tabular-nums text-zinc-500 dark:text-zinc-400", children: item.value })
+          item.meta != null && /* @__PURE__ */ jsxRuntime.jsx("span", { "data-react-fancy-index-meta": "", className: "shrink-0 truncate text-sm text-zinc-500 dark:text-zinc-400", children: item.meta }),
+          item.value != null && /* @__PURE__ */ jsxRuntime.jsx("span", { "data-react-fancy-index-value": "", className: "ml-auto shrink-0 font-mono text-xs tabular-nums text-zinc-500 dark:text-zinc-400", children: item.value })
         ]
       },
       item.id ?? i
@@ -7047,6 +7047,40 @@ var IndexList = react.forwardRef(
   }
 );
 IndexList.displayName = "IndexList";
+var PullQuote = react.forwardRef(
+  ({ attribution, source, citeUrl, rule = false, className, children, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "blockquote",
+      {
+        ref,
+        cite: citeUrl,
+        "data-react-fancy-pull-quote": "",
+        className: cn(
+          "m-0 text-2xl font-medium leading-snug tracking-tight text-zinc-900 dark:text-zinc-100",
+          rule && "border-y border-zinc-200 py-6 dark:border-zinc-800",
+          className
+        ),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("p", { "data-react-fancy-pull-quote-text": "", className: "m-0", children }),
+          (attribution != null || source != null) && /* @__PURE__ */ jsxRuntime.jsxs(
+            "footer",
+            {
+              "data-react-fancy-pull-quote-attribution": "",
+              className: "mt-3 text-sm font-normal tracking-normal text-zinc-500 dark:text-zinc-400",
+              children: [
+                attribution != null && /* @__PURE__ */ jsxRuntime.jsx("cite", { className: "not-italic", children: attribution }),
+                attribution != null && source != null && /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": true, children: " \xB7 " }),
+                source
+              ]
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+PullQuote.displayName = "PullQuote";
 var StatBand = react.forwardRef(
   ({ columns = 4, className, style, children, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -7074,6 +7108,7 @@ var StatRoot = react.forwardRef(
       /* @__PURE__ */ jsxRuntime.jsx(
         "div",
         {
+          "data-react-fancy-stat-value": "",
           className: cn(
             "font-semibold leading-none tracking-tight text-zinc-900 tabular-nums dark:text-zinc-100",
             valueClasses[size]
@@ -7081,7 +7116,14 @@ var StatRoot = react.forwardRef(
           children: value
         }
       ),
-      label != null && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1.5 font-mono text-xs uppercase tracking-wide text-zinc-500 dark:text-zinc-400", children: label })
+      label != null && /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          "data-react-fancy-stat-label": "",
+          className: "mt-1.5 font-mono text-xs uppercase tracking-wide text-zinc-500 dark:text-zinc-400",
+          children: label
+        }
+      )
     ] }) });
   }
 );
@@ -16682,6 +16724,7 @@ exports.Portal = Portal;
 exports.Profile = Profile;
 exports.Progress = Progress;
 exports.PromptInput = PromptInput;
+exports.PullQuote = PullQuote;
 exports.RadioGroup = RadioGroup;
 exports.ReasonTag = ReasonTag;
 exports.SKIN_TONES = SKIN_TONES;