@prefecthq/prefab-ui-docs 0.17.0 → 0.18.0

package/dist/_renderer/{charts-Bwny4UB2.mjs → charts-CPJdqwrq.mjs}

@@ -1,4 +1,4 @@
-import { e as V, j as D, c as Fe } from "./embed-BCPaWfQN.mjs";
+import { e as V, j as D, c as Fe } from "./embed-hOWEFnqe.mjs";
 import { d as Si, g as re, r as M, R as P } from "./icons-w8tvN_30.mjs";
 import { w as Qg, n as eb, b as pe, M as Ef, S as v0, T as h0, l as tb, t as $a, d as Ze, p as il, s as Ni, a as rb, F as y0, G as m0, H as g0, I as b0, J as x0, K as O0, L as A0, N as w0, O as P0, c as S0, P as _0, Q as j0 } from "./string-kGvNrjOo.mjs";
 import { b as al, p as Pn } from "./band-TE_TbDmh.mjs";
@@ -18751,21 +18751,22 @@ function LN({
   barRadius: o = 4,
   showLegend: u = !1,
   showTooltip: c = !0,
-  showGrid: s = !0,
-  showYAxis: f = !0,
-  yAxisFormat: l = "auto",
-  className: p
+  animate: s = !0,
+  showGrid: f = !0,
+  showYAxis: l = !0,
+  yAxisFormat: p = "auto",
+  className: d
 }) {
   if (typeof t == "string") return null;
-  const d = Ai(e);
+  const y = Ai(e);
   return /* @__PURE__ */ D.jsx(
     kt,
     {
-      config: d,
-      className: p,
+      config: y,
+      className: d,
       style: { height: n, aspectRatio: "auto" },
       children: /* @__PURE__ */ D.jsxs(vN, { data: t, layout: a ? "vertical" : "horizontal", children: [
-        s && /* @__PURE__ */ D.jsx(gi, { vertical: a, horizontal: !a }),
+        f && /* @__PURE__ */ D.jsx(gi, { vertical: a, horizontal: !a }),
         a && r && /* @__PURE__ */ D.jsx(
           Ye,
           {
@@ -18786,26 +18787,27 @@ function LN({
             tickMargin: 8
           }
         ),
-        !a && f && /* @__PURE__ */ D.jsx(
+        !a && l && /* @__PURE__ */ D.jsx(
           Ye,
           {
             tickLine: !1,
             axisLine: !1,
             tickMargin: 8,
-            tickFormatter: l === "compact" ? gp : void 0
+            tickFormatter: p === "compact" ? gp : void 0
           }
         ),
         c && /* @__PURE__ */ D.jsx(cr, { content: /* @__PURE__ */ D.jsx(Mt, {}) }),
         u && /* @__PURE__ */ D.jsx(sn, { content: /* @__PURE__ */ D.jsx(sr, {}) }),
-        e.map((y) => /* @__PURE__ */ D.jsx(
+        e.map((h) => /* @__PURE__ */ D.jsx(
           or,
           {
-            dataKey: y.dataKey,
-            fill: `var(--color-${y.dataKey})`,
+            isAnimationActive: s,
+            dataKey: h.dataKey,
+            fill: `var(--color-${h.dataKey})`,
             radius: o,
             stackId: i ? "stack" : void 0
           },
-          y.dataKey
+          h.dataKey
         ))
       ] })
     }
@@ -18825,21 +18827,22 @@ function qN({
   showDots: a = !1,
   showLegend: o = !1,
   showTooltip: u = !0,
-  showGrid: c = !0,
-  showYAxis: s = !0,
-  yAxisFormat: f = "auto",
-  className: l
+  animate: c = !0,
+  showGrid: s = !0,
+  showYAxis: f = !0,
+  yAxisFormat: l = "auto",
+  className: p
 }) {
   if (typeof t == "string") return null;
-  const p = Ai(e);
+  const d = Ai(e);
   return /* @__PURE__ */ D.jsx(
     kt,
     {
-      config: p,
-      className: l,
+      config: d,
+      className: p,
       style: { height: n, aspectRatio: "auto" },
       children: /* @__PURE__ */ D.jsxs(dN, { data: t, children: [
-        c && /* @__PURE__ */ D.jsx(gi, { vertical: !1 }),
+        s && /* @__PURE__ */ D.jsx(gi, { vertical: !1 }),
         r && /* @__PURE__ */ D.jsx(
           Xe,
           {
@@ -18849,27 +18852,28 @@ function qN({
             tickMargin: 8
           }
         ),
-        s && /* @__PURE__ */ D.jsx(
+        f && /* @__PURE__ */ D.jsx(
           Ye,
           {
             tickLine: !1,
             axisLine: !1,
             tickMargin: 8,
-            tickFormatter: f === "compact" ? gp : void 0
+            tickFormatter: l === "compact" ? gp : void 0
           }
         ),
         u && /* @__PURE__ */ D.jsx(cr, { content: /* @__PURE__ */ D.jsx(Mt, {}) }),
         o && /* @__PURE__ */ D.jsx(sn, { content: /* @__PURE__ */ D.jsx(sr, {}) }),
-        e.map((d) => /* @__PURE__ */ D.jsx(
+        e.map((y) => /* @__PURE__ */ D.jsx(
           bi,
           {
-            dataKey: d.dataKey,
+            isAnimationActive: c,
+            dataKey: y.dataKey,
             type: d0[i] ?? i,
-            stroke: `var(--color-${d.dataKey})`,
+            stroke: `var(--color-${y.dataKey})`,
             strokeWidth: 2,
             dot: a
           },
-          d.dataKey
+          y.dataKey
         ))
       ] })
     }
@@ -18885,21 +18889,22 @@ function BN({
   showDots: o = !1,
   showLegend: u = !1,
   showTooltip: c = !0,
-  showGrid: s = !0,
-  showYAxis: f = !0,
-  yAxisFormat: l = "auto",
-  className: p
+  animate: s = !0,
+  showGrid: f = !0,
+  showYAxis: l = !0,
+  yAxisFormat: p = "auto",
+  className: d
 }) {
   if (typeof t == "string") return null;
-  const d = Ai(e);
+  const y = Ai(e);
   return /* @__PURE__ */ D.jsx(
     kt,
     {
-      config: d,
-      className: p,
+      config: y,
+      className: d,
       style: { height: n, aspectRatio: "auto" },
       children: /* @__PURE__ */ D.jsxs(gN, { data: t, children: [
-        s && /* @__PURE__ */ D.jsx(gi, { vertical: !1 }),
+        f && /* @__PURE__ */ D.jsx(gi, { vertical: !1 }),
         r && /* @__PURE__ */ D.jsx(
           Xe,
           {
@@ -18909,29 +18914,30 @@ function BN({
             tickMargin: 8
           }
         ),
-        f && /* @__PURE__ */ D.jsx(
+        l && /* @__PURE__ */ D.jsx(
           Ye,
           {
             tickLine: !1,
             axisLine: !1,
             tickMargin: 8,
-            tickFormatter: l === "compact" ? gp : void 0
+            tickFormatter: p === "compact" ? gp : void 0
           }
         ),
         c && /* @__PURE__ */ D.jsx(cr, { content: /* @__PURE__ */ D.jsx(Mt, {}) }),
         u && /* @__PURE__ */ D.jsx(sn, { content: /* @__PURE__ */ D.jsx(sr, {}) }),
-        e.map((y) => /* @__PURE__ */ D.jsx(
+        e.map((h) => /* @__PURE__ */ D.jsx(
           Rt,
           {
-            dataKey: y.dataKey,
+            isAnimationActive: s,
+            dataKey: h.dataKey,
             type: d0[a] ?? a,
-            fill: `var(--color-${y.dataKey})`,
-            stroke: `var(--color-${y.dataKey})`,
+            fill: `var(--color-${h.dataKey})`,
+            stroke: `var(--color-${h.dataKey})`,
             fillOpacity: 0.4,
             dot: o,
             stackId: i ? "stack" : void 0
           },
-          y.dataKey
+          h.dataKey
         ))
       ] })
     }
@@ -18947,29 +18953,31 @@ function FN({
   paddingAngle: o = 0,
   showLegend: u = !1,
   showTooltip: c = !0,
-  className: s
+  animate: s = !0,
+  className: f
 }) {
   if (typeof t == "string") return null;
-  const f = p0(t, r), l = t.map((h, v) => ({
-    ...h,
-    fill: jt[v % jt.length]
-  })), p = a ? "60%" : "80%", d = i > 0 ? `${Math.round(i / 100 * (a ? 60 : 80))}%` : 0, y = u ? n - 36 : n;
-  return /* @__PURE__ */ D.jsxs("div", { className: s, children: [
+  const l = p0(t, r), p = t.map((v, g) => ({
+    ...v,
+    fill: jt[g % jt.length]
+  })), d = a ? "60%" : "80%", y = i > 0 ? `${Math.round(i / 100 * (a ? 60 : 80))}%` : 0, h = u ? n - 36 : n;
+  return /* @__PURE__ */ D.jsxs("div", { className: f, children: [
     /* @__PURE__ */ D.jsx(
       kt,
       {
-        config: f,
-        style: { height: y, aspectRatio: "auto" },
+        config: l,
+        style: { height: h, aspectRatio: "auto" },
         children: /* @__PURE__ */ D.jsxs(hN, { children: [
           c && /* @__PURE__ */ D.jsx(cr, { content: /* @__PURE__ */ D.jsx(Mt, { nameKey: r }) }),
           /* @__PURE__ */ D.jsx(
             bt,
             {
-              data: l,
+              isAnimationActive: s,
+              data: p,
               dataKey: e,
               nameKey: r,
-              innerRadius: d,
-              outerRadius: p,
+              innerRadius: y,
+              outerRadius: d,
               label: a,
               paddingAngle: o
             }
@@ -18988,7 +18996,7 @@ function FN({
           paddingTop: "8px",
           fontSize: "12px"
         },
-        children: l.map((h, v) => /* @__PURE__ */ D.jsxs(
+        children: p.map((v, g) => /* @__PURE__ */ D.jsxs(
           "div",
           {
             style: { display: "flex", alignItems: "center", gap: "6px" },
@@ -19000,15 +19008,15 @@ function FN({
                     width: "8px",
                     height: "8px",
                     borderRadius: "2px",
-                    backgroundColor: h.fill,
+                    backgroundColor: v.fill,
                     flexShrink: 0
                   }
                 }
               ),
-              String(h[r] ?? "")
+              String(v[r] ?? "")
             ]
           },
-          v
+          g
         ))
       }
     )
@@ -19023,33 +19031,35 @@ function zN({
   showDots: a = !1,
   showLegend: o = !1,
   showTooltip: u = !0,
-  showGrid: c = !0,
-  className: s
+  animate: c = !0,
+  showGrid: s = !0,
+  className: f
 }) {
   if (typeof t == "string") return null;
-  const f = Ai(e);
+  const l = Ai(e);
   return /* @__PURE__ */ D.jsx(
     kt,
     {
-      config: f,
-      className: s,
+      config: l,
+      className: f,
       style: { height: n, aspectRatio: "auto" },
       children: /* @__PURE__ */ D.jsxs(yN, { data: t, children: [
-        c && /* @__PURE__ */ D.jsx(tO, {}),
+        s && /* @__PURE__ */ D.jsx(tO, {}),
         r && /* @__PURE__ */ D.jsx(ar, { dataKey: r }),
         u && /* @__PURE__ */ D.jsx(cr, { content: /* @__PURE__ */ D.jsx(Mt, {}) }),
         o && /* @__PURE__ */ D.jsx(sn, { content: /* @__PURE__ */ D.jsx(sr, {}) }),
-        e.map((l) => /* @__PURE__ */ D.jsx(
+        e.map((p) => /* @__PURE__ */ D.jsx(
           yi,
           {
-            dataKey: l.dataKey,
-            fill: `var(--color-${l.dataKey})`,
+            isAnimationActive: c,
+            dataKey: p.dataKey,
+            fill: `var(--color-${p.dataKey})`,
             fillOpacity: i ? 0.3 : 0,
-            stroke: `var(--color-${l.dataKey})`,
+            stroke: `var(--color-${p.dataKey})`,
             strokeWidth: 2,
             dot: a
           },
-          l.dataKey
+          p.dataKey
         ))
       ] })
     }
@@ -19065,30 +19075,31 @@ function KN({
   endAngle: o = 0,
   showLegend: u = !1,
   showTooltip: c = !0,
-  className: s
+  animate: s = !0,
+  className: f
 }) {
   if (typeof t == "string") return null;
-  const f = p0(t, r), l = t.map((p, d) => ({
-    ...p,
-    fill: jt[d % jt.length]
+  const l = p0(t, r), p = t.map((d, y) => ({
+    ...d,
+    fill: jt[y % jt.length]
   }));
   return /* @__PURE__ */ D.jsx(
     kt,
     {
-      config: f,
-      className: s,
+      config: l,
+      className: f,
       style: { height: n, aspectRatio: "auto" },
       children: /* @__PURE__ */ D.jsxs(
         bN,
         {
-          data: l,
+          data: p,
           innerRadius: i,
           startAngle: a,
           endAngle: o,
           children: [
             c && /* @__PURE__ */ D.jsx(cr, { content: /* @__PURE__ */ D.jsx(Mt, { nameKey: r }) }),
             u && /* @__PURE__ */ D.jsx(sn, { content: /* @__PURE__ */ D.jsx(sr, { nameKey: r }) }),
-            /* @__PURE__ */ D.jsx(mi, { dataKey: e })
+            /* @__PURE__ */ D.jsx(mi, { isAnimationActive: s, dataKey: e })
           ]
         }
       )
@@ -19104,19 +19115,20 @@ function WN({
   height: a = 300,
   showLegend: o = !1,
   showTooltip: u = !0,
-  showGrid: c = !0,
-  className: s
+  animate: c = !0,
+  showGrid: s = !0,
+  className: f
 }) {
   if (typeof t == "string") return null;
-  const f = M.useMemo(() => t, [JSON.stringify(t)]), l = Ai(e);
+  const l = M.useMemo(() => t, [JSON.stringify(t)]), p = Ai(e);
   return /* @__PURE__ */ D.jsx(
     kt,
     {
-      config: l,
-      className: s,
+      config: p,
+      className: f,
       style: { height: a, aspectRatio: "auto" },
-      children: /* @__PURE__ */ D.jsxs(mN, { data: f, children: [
-        c && /* @__PURE__ */ D.jsx(gi, {}),
+      children: /* @__PURE__ */ D.jsxs(mN, { data: l, children: [
+        s && /* @__PURE__ */ D.jsx(gi, {}),
         /* @__PURE__ */ D.jsx(
           Xe,
           {
@@ -19142,16 +19154,17 @@ function WN({
         i && /* @__PURE__ */ D.jsx(xi, { dataKey: i, type: "number", name: i, range: [40, 400] }),
         u && /* @__PURE__ */ D.jsx(cr, { content: /* @__PURE__ */ D.jsx(Mt, {}) }),
         o && /* @__PURE__ */ D.jsx(sn, { content: /* @__PURE__ */ D.jsx(sr, {}) }),
-        e.map((p) => /* @__PURE__ */ D.jsx(
+        e.map((d) => /* @__PURE__ */ D.jsx(
           Oi,
           {
-            name: p.label ?? p.dataKey,
-            data: e.length === 1 ? f : f.filter(
-              (d) => d._series === p.dataKey
+            isAnimationActive: c,
+            name: d.label ?? d.dataKey,
+            data: e.length === 1 ? l : l.filter(
+              (y) => y._series === d.dataKey
             ),
-            fill: `var(--color-${p.dataKey})`
+            fill: `var(--color-${d.dataKey})`
           },
-          p.dataKey
+          d.dataKey
         ))
       ] })
     }

package/dist/_renderer/{compound-calendar-Bmz7kTAd.mjs → compound-calendar-8CggRUlt.mjs}

@@ -1,4 +1,4 @@
-import { j as A, c as Y, b as lt, B as En, P as Fn, a as In, d as Bn } from "./embed-BCPaWfQN.mjs";
+import { j as A, c as Y, b as lt, B as En, P as Fn, a as In, d as Bn } from "./embed-hOWEFnqe.mjs";
 import { R as m, r as x, C as jn, a as Hn, b as St, c as An } from "./icons-w8tvN_30.mjs";
 const pt = 6048e5, qn = 864e5, Ct = 6e4, xt = 36e5, ht = Symbol.for("constructDateFrom");
 function j(e, t) {

package/dist/_renderer/{content-Bd8N98h-.mjs → content-BPYMcbeG.mjs}

@@ -1,4 +1,4 @@
-import { j as ce, c as bi } from "./embed-BCPaWfQN.mjs";
+import { j as ce, c as bi } from "./embed-hOWEFnqe.mjs";
 import { g as Zt, r as il } from "./icons-w8tvN_30.mjs";
 var kt, Cr;
 function ol() {