@gobolt/genesis 0.1.1 → 0.1.3

package/dist/{Skeleton-BVN4pcVe.js → Skeleton-CudViN0a.js}

@@ -1,81 +1,81 @@
 import * as r from "react";
-import { e as p } from "./presets-Djh_L_6R.js";
-import { j as F, m as G, f as W, C as k, o as D } from "./index-BbTV2Cw5.js";
-import { o as R } from "./omit-B_u6A-HL.js";
-import { K as X } from "./Keyframes-C9_aCDvn.js";
-import "./index-DLdU7Tpd.js";
-const N = (e) => {
+import { c as p } from "./presets-CSXMiWyc.js";
+import { g as G, m as W, f as D, C as k, l as X } from "./CSSMotionList-DB0khM6h.js";
+import { o as M } from "./omit-B_u6A-HL.js";
+import "./index-DCopujxC.js";
+import { K } from "./Keyframes-CyO2Aeq-.js";
+const O = (e) => {
   const {
     prefixCls: t,
     className: s,
     style: n,
     size: a,
-    shape: o
+    shape: i
   } = e, c = p({
     [`${t}-lg`]: a === "large",
     [`${t}-sm`]: a === "small"
   }), l = p({
-    [`${t}-circle`]: o === "circle",
-    [`${t}-square`]: o === "square",
-    [`${t}-round`]: o === "round"
-  }), i = r.useMemo(() => typeof a == "number" ? {
+    [`${t}-circle`]: i === "circle",
+    [`${t}-square`]: i === "square",
+    [`${t}-round`]: i === "round"
+  }), o = r.useMemo(() => typeof a == "number" ? {
     width: a,
     height: a,
     lineHeight: `${a}px`
   } : {}, [a]);
   return /* @__PURE__ */ r.createElement("span", {
     className: p(t, c, l, s),
-    style: Object.assign(Object.assign({}, i), n)
+    style: Object.assign(Object.assign({}, o), n)
   });
-}, _ = new X("ant-skeleton-loading", {
+}, _ = new K("ant-skeleton-loading", {
   "0%": {
     backgroundPosition: "100% 50%"
   },
   "100%": {
     backgroundPosition: "0 50%"
   }
-}), E = (e) => ({
+}), N = (e) => ({
   height: e,
-  lineHeight: W(e)
-}), f = (e) => Object.assign({
+  lineHeight: D(e)
+}), b = (e) => Object.assign({
   width: e
-}, E(e)), K = (e) => ({
+}, N(e)), J = (e) => ({
   background: e.skeletonLoadingBackground,
   backgroundSize: "400% 100%",
   animationName: _,
   animationDuration: e.skeletonLoadingMotionDuration,
   animationTimingFunction: "ease",
   animationIterationCount: "infinite"
-}), I = (e, t) => Object.assign({
+}), q = (e, t) => Object.assign({
   width: t(e).mul(5).equal(),
   minWidth: t(e).mul(5).equal()
-}, E(e)), J = (e) => {
+}, N(e)), Q = (e) => {
   const {
     skeletonAvatarCls: t,
     gradientFromColor: s,
     controlHeight: n,
     controlHeightLG: a,
-    controlHeightSM: o
+    controlHeightSM: i
   } = e;
   return {
     [t]: Object.assign({
       display: "inline-block",
       verticalAlign: "top",
       background: s
-    }, f(n)),
+    }, b(n)),
     [`${t}${t}-circle`]: {
       borderRadius: "50%"
     },
-    [`${t}${t}-lg`]: Object.assign({}, f(a)),
-    [`${t}${t}-sm`]: Object.assign({}, f(o))
+    [`${t}${t}-lg`]: Object.assign({}, b(a)),
+    [`${t}${t}-sm`]: Object.assign({}, b(i))
   };
-}, Q = (e) => {
+}, U = (e) => {
   const {
     controlHeight: t,
     borderRadiusSM: s,
     skeletonInputCls: n,
     controlHeightLG: a,
-    controlHeightSM: o,
+    controlHeightSM: i,
     gradientFromColor: c,
     calc: l
   } = e;
@@ -85,19 +85,19 @@ const N = (e) => {
       verticalAlign: "top",
       background: c,
       borderRadius: s
-    }, I(t, l)),
-    [`${n}-lg`]: Object.assign({}, I(a, l)),
-    [`${n}-sm`]: Object.assign({}, I(o, l))
+    }, q(t, l)),
+    [`${n}-lg`]: Object.assign({}, q(a, l)),
+    [`${n}-sm`]: Object.assign({}, q(i, l))
   };
-}, T = (e) => Object.assign({
+}, V = (e) => Object.assign({
   width: e
-}, E(e)), U = (e) => {
+}, N(e)), Y = (e) => {
   const {
     skeletonImageCls: t,
     imageSizeBase: s,
     gradientFromColor: n,
     borderRadiusSM: a,
-    calc: o
+    calc: i
   } = e;
   return {
     [t]: Object.assign(Object.assign({
@@ -107,13 +107,13 @@ const N = (e) => {
       verticalAlign: "middle",
       background: n,
       borderRadius: a
-    }, T(o(s).mul(2).equal())), {
+    }, V(i(s).mul(2).equal())), {
       [`${t}-path`]: {
         fill: "#bfbfbf"
       },
-      [`${t}-svg`]: Object.assign(Object.assign({}, T(s)), {
-        maxWidth: o(s).mul(4).equal(),
-        maxHeight: o(s).mul(4).equal()
+      [`${t}-svg`]: Object.assign(Object.assign({}, V(s)), {
+        maxWidth: i(s).mul(4).equal(),
+        maxHeight: i(s).mul(4).equal()
       }),
       [`${t}-svg${t}-svg-circle`]: {
         borderRadius: "50%"
@@ -123,7 +123,7 @@ const N = (e) => {
       borderRadius: "50%"
     }
   };
-}, q = (e, t, s) => {
+}, B = (e, t, s) => {
   const {
     skeletonButtonCls: n
   } = e;
@@ -137,16 +137,16 @@ const N = (e) => {
       borderRadius: t
     }
   };
-}, B = (e, t) => Object.assign({
+}, z = (e, t) => Object.assign({
   width: t(e).mul(2).equal(),
   minWidth: t(e).mul(2).equal()
-}, E(e)), Y = (e) => {
+}, N(e)), Z = (e) => {
   const {
     borderRadiusSM: t,
     skeletonButtonCls: s,
     controlHeight: n,
     controlHeightLG: a,
-    controlHeightSM: o,
+    controlHeightSM: i,
     gradientFromColor: c,
     calc: l
   } = e;
@@ -158,33 +158,33 @@ const N = (e) => {
       borderRadius: t,
       width: l(n).mul(2).equal(),
       minWidth: l(n).mul(2).equal()
-    }, B(n, l))
-  }, q(e, n, s)), {
-    [`${s}-lg`]: Object.assign({}, B(a, l))
-  }), q(e, a, `${s}-lg`)), {
-    [`${s}-sm`]: Object.assign({}, B(o, l))
-  }), q(e, o, `${s}-sm`));
-}, Z = (e) => {
+    }, z(n, l))
+  }, B(e, n, s)), {
+    [`${s}-lg`]: Object.assign({}, z(a, l))
+  }), B(e, a, `${s}-lg`)), {
+    [`${s}-sm`]: Object.assign({}, z(i, l))
+  }), B(e, i, `${s}-sm`));
+}, ee = (e) => {
   const {
     componentCls: t,
     skeletonAvatarCls: s,
     skeletonTitleCls: n,
     skeletonParagraphCls: a,
-    skeletonButtonCls: o,
+    skeletonButtonCls: i,
     skeletonInputCls: c,
     skeletonImageCls: l,
-    controlHeight: i,
-    controlHeightLG: d,
-    controlHeightSM: m,
+    controlHeight: o,
+    controlHeightLG: m,
+    controlHeightSM: d,
     gradientFromColor: g,
     padding: h,
     marginSM: C,
-    borderRadius: b,
-    titleHeight: u,
-    blockRadius: j,
+    borderRadius: w,
+    titleHeight: E,
+    blockRadius: u,
     paragraphLiHeight: y,
     controlHeightXS: P,
-    paragraphMarginTop: $
+    paragraphMarginTop: H
   } = e;
   return {
     [t]: {
@@ -199,12 +199,12 @@ const N = (e) => {
           display: "inline-block",
           verticalAlign: "top",
           background: g
-        }, f(i)),
+        }, b(o)),
         [`${s}-circle`]: {
           borderRadius: "50%"
         },
-        [`${s}-lg`]: Object.assign({}, f(d)),
-        [`${s}-sm`]: Object.assign({}, f(m))
+        [`${s}-lg`]: Object.assign({}, b(m)),
+        [`${s}-sm`]: Object.assign({}, b(d))
       },
       [`${t}-content`]: {
         display: "table-cell",
@@ -213,11 +213,11 @@ const N = (e) => {
         // Title
         [n]: {
           width: "100%",
-          height: u,
+          height: E,
           background: g,
-          borderRadius: j,
+          borderRadius: u,
           [`+ ${a}`]: {
-            marginBlockStart: m
+            marginBlockStart: d
           }
         },
         // paragraph
@@ -228,7 +228,7 @@ const N = (e) => {
             height: y,
             listStyle: "none",
             background: g,
-            borderRadius: j,
+            borderRadius: u,
             "+ li": {
               marginBlockStart: P
             }
@@ -240,7 +240,7 @@ const N = (e) => {
       },
       [`&-round ${t}-content`]: {
         [`${n}, ${a} > li`]: {
-          borderRadius: b
+          borderRadius: w
         }
       }
     },
@@ -249,7 +249,7 @@ const N = (e) => {
       [n]: {
         marginBlockStart: C,
         [`+ ${a}`]: {
-          marginBlockStart: $
+          marginBlockStart: H
         }
       }
     },
@@ -257,11 +257,11 @@ const N = (e) => {
     [`${t}${t}-element`]: Object.assign(Object.assign(Object.assign(Object.assign({
       display: "inline-block",
       width: "auto"
-    }, Y(e)), J(e)), Q(e)), U(e)),
+    }, Z(e)), Q(e)), U(e)), Y(e)),
     // Skeleton Block Button, Input
     [`${t}${t}-block`]: {
       width: "100%",
-      [o]: {
+      [i]: {
         width: "100%"
       },
       [c]: {
@@ -274,13 +274,13 @@ const N = (e) => {
         ${n},
         ${a} > li,
         ${s},
-        ${o},
+        ${i},
         ${c},
         ${l}
-      `]: Object.assign({}, K(e))
+      `]: Object.assign({}, J(e))
     }
   };
-}, ee = (e) => {
+}, te = (e) => {
   const {
     colorFillContent: t,
     colorFill: s
@@ -295,11 +295,11 @@ const N = (e) => {
     paragraphMarginTop: e.marginLG + e.marginXXS,
     paragraphLiHeight: e.controlHeight / 2
   };
-}, S = F("Skeleton", (e) => {
+}, $ = G("Skeleton", (e) => {
   const {
     componentCls: t,
     calc: s
-  } = e, n = G(e, {
+  } = e, n = W(e, {
     skeletonAvatarCls: `${t}-avatar`,
     skeletonTitleCls: `${t}-title`,
     skeletonParagraphCls: `${t}-paragraph`,
@@ -312,62 +312,62 @@ const N = (e) => {
     skeletonLoadingBackground: `linear-gradient(90deg, ${e.gradientFromColor} 25%, ${e.gradientToColor} 37%, ${e.gradientFromColor} 63%)`,
     skeletonLoadingMotionDuration: "1.4s"
   });
-  return [Z(n)];
-}, ee, {
+  return [ee(n)];
+}, te, {
   deprecatedTokens: [["color", "gradientFromColor"], ["colorGradientEnd", "gradientToColor"]]
-}), te = (e) => {
+}), se = (e) => {
   const {
     prefixCls: t,
     className: s,
     rootClassName: n,
     active: a,
-    shape: o = "circle",
+    shape: i = "circle",
     size: c = "default"
   } = e, {
     getPrefixCls: l
-  } = r.useContext(k), i = l("skeleton", t), [d, m, g] = S(i), h = R(e, ["prefixCls", "className"]), C = p(i, `${i}-element`, {
-    [`${i}-active`]: a
-  }, s, n, m, g);
-  return d(/* @__PURE__ */ r.createElement("div", {
+  } = r.useContext(k), o = l("skeleton", t), [m, d, g] = $(o), h = M(e, ["prefixCls", "className"]), C = p(o, `${o}-element`, {
+    [`${o}-active`]: a
+  }, s, n, d, g);
+  return m(/* @__PURE__ */ r.createElement("div", {
     className: C
-  }, /* @__PURE__ */ r.createElement(N, Object.assign({
-    prefixCls: `${i}-avatar`,
-    shape: o,
+  }, /* @__PURE__ */ r.createElement(O, Object.assign({
+    prefixCls: `${o}-avatar`,
+    shape: i,
     size: c
   }, h))));
-}, se = (e) => {
+}, ne = (e) => {
   const {
     prefixCls: t,
     className: s,
     rootClassName: n,
     active: a,
-    block: o = !1,
+    block: i = !1,
     size: c = "default"
   } = e, {
     getPrefixCls: l
-  } = r.useContext(k), i = l("skeleton", t), [d, m, g] = S(i), h = R(e, ["prefixCls"]), C = p(i, `${i}-element`, {
-    [`${i}-active`]: a,
-    [`${i}-block`]: o
-  }, s, n, m, g);
-  return d(/* @__PURE__ */ r.createElement("div", {
+  } = r.useContext(k), o = l("skeleton", t), [m, d, g] = $(o), h = M(e, ["prefixCls"]), C = p(o, `${o}-element`, {
+    [`${o}-active`]: a,
+    [`${o}-block`]: i
+  }, s, n, d, g);
+  return m(/* @__PURE__ */ r.createElement("div", {
     className: C
-  }, /* @__PURE__ */ r.createElement(N, Object.assign({
-    prefixCls: `${i}-button`,
+  }, /* @__PURE__ */ r.createElement(O, Object.assign({
+    prefixCls: `${o}-button`,
     size: c
   }, h))));
-}, ne = "M365.714286 329.142857q0 45.714286-32.036571 77.677714t-77.677714 32.036571-77.677714-32.036571-32.036571-77.677714 32.036571-77.677714 77.677714-32.036571 77.677714 32.036571 32.036571 77.677714zM950.857143 548.571429l0 256-804.571429 0 0-109.714286 182.857143-182.857143 91.428571 91.428571 292.571429-292.571429zM1005.714286 146.285714l-914.285714 0q-7.460571 0-12.873143 5.412571t-5.412571 12.873143l0 694.857143q0 7.460571 5.412571 12.873143t12.873143 5.412571l914.285714 0q7.460571 0 12.873143-5.412571t5.412571-12.873143l0-694.857143q0-7.460571-5.412571-12.873143t-12.873143-5.412571zM1097.142857 164.571429l0 694.857143q0 37.741714-26.843429 64.585143t-64.585143 26.843429l-914.285714 0q-37.741714 0-64.585143-26.843429t-26.843429-64.585143l0-694.857143q0-37.741714 26.843429-64.585143t64.585143-26.843429l914.285714 0q37.741714 0 64.585143 26.843429t26.843429 64.585143z", ae = (e) => {
+}, ae = "M365.714286 329.142857q0 45.714286-32.036571 77.677714t-77.677714 32.036571-77.677714-32.036571-32.036571-77.677714 32.036571-77.677714 77.677714-32.036571 77.677714 32.036571 32.036571 77.677714zM950.857143 548.571429l0 256-804.571429 0 0-109.714286 182.857143-182.857143 91.428571 91.428571 292.571429-292.571429zM1005.714286 146.285714l-914.285714 0q-7.460571 0-12.873143 5.412571t-5.412571 12.873143l0 694.857143q0 7.460571 5.412571 12.873143t12.873143 5.412571l914.285714 0q7.460571 0 12.873143-5.412571t5.412571-12.873143l0-694.857143q0-7.460571-5.412571-12.873143t-12.873143-5.412571zM1097.142857 164.571429l0 694.857143q0 37.741714-26.843429 64.585143t-64.585143 26.843429l-914.285714 0q-37.741714 0-64.585143-26.843429t-26.843429-64.585143l0-694.857143q0-37.741714 26.843429-64.585143t64.585143-26.843429l914.285714 0q37.741714 0 64.585143 26.843429t26.843429 64.585143z", le = (e) => {
   const {
     prefixCls: t,
     className: s,
     rootClassName: n,
     style: a,
-    active: o
+    active: i
   } = e, {
     getPrefixCls: c
-  } = r.useContext(k), l = c("skeleton", t), [i, d, m] = S(l), g = p(l, `${l}-element`, {
-    [`${l}-active`]: o
-  }, s, n, d, m);
-  return i(/* @__PURE__ */ r.createElement("div", {
+  } = r.useContext(k), l = c("skeleton", t), [o, m, d] = $(l), g = p(l, `${l}-element`, {
+    [`${l}-active`]: i
+  }, s, n, m, d);
+  return o(/* @__PURE__ */ r.createElement("div", {
     className: g
   }, /* @__PURE__ */ r.createElement("div", {
     className: p(`${l}-image`, s),
@@ -377,27 +377,27 @@ const N = (e) => {
     xmlns: "http://www.w3.org/2000/svg",
     className: `${l}-image-svg`
   }, /* @__PURE__ */ r.createElement("title", null, "Image placeholder"), /* @__PURE__ */ r.createElement("path", {
-    d: ne,
+    d: ae,
     className: `${l}-image-path`
   })))));
-}, le = (e) => {
+}, oe = (e) => {
   const {
     prefixCls: t,
     className: s,
     rootClassName: n,
     active: a,
-    block: o,
+    block: i,
     size: c = "default"
   } = e, {
     getPrefixCls: l
-  } = r.useContext(k), i = l("skeleton", t), [d, m, g] = S(i), h = R(e, ["prefixCls"]), C = p(i, `${i}-element`, {
-    [`${i}-active`]: a,
-    [`${i}-block`]: o
-  }, s, n, m, g);
-  return d(/* @__PURE__ */ r.createElement("div", {
+  } = r.useContext(k), o = l("skeleton", t), [m, d, g] = $(o), h = M(e, ["prefixCls"]), C = p(o, `${o}-element`, {
+    [`${o}-active`]: a,
+    [`${o}-block`]: i
+  }, s, n, d, g);
+  return m(/* @__PURE__ */ r.createElement("div", {
     className: C
-  }, /* @__PURE__ */ r.createElement(N, Object.assign({
-    prefixCls: `${i}-input`,
+  }, /* @__PURE__ */ r.createElement(O, Object.assign({
+    prefixCls: `${o}-input`,
     size: c
   }, h))));
 }, ie = (e) => {
@@ -406,20 +406,20 @@ const N = (e) => {
     className: s,
     rootClassName: n,
     style: a,
-    active: o,
+    active: i,
     children: c
   } = e, {
     getPrefixCls: l
-  } = r.useContext(k), i = l("skeleton", t), [d, m, g] = S(i), h = p(i, `${i}-element`, {
-    [`${i}-active`]: o
-  }, m, s, n, g);
-  return d(/* @__PURE__ */ r.createElement("div", {
+  } = r.useContext(k), o = l("skeleton", t), [m, d, g] = $(o), h = p(o, `${o}-element`, {
+    [`${o}-active`]: i
+  }, d, s, n, g);
+  return m(/* @__PURE__ */ r.createElement("div", {
     className: h
   }, /* @__PURE__ */ r.createElement("div", {
-    className: p(`${i}-image`, s),
+    className: p(`${o}-image`, s),
     style: a
   }, c)));
-}, oe = (e, t) => {
+}, re = (e, t) => {
   const {
     width: s,
     rows: n = 2
@@ -428,26 +428,28 @@ const N = (e) => {
     return s[e];
   if (n - 1 === e)
     return s;
-}, re = (e) => {
+}, ce = (e) => {
   const {
     prefixCls: t,
     className: s,
     style: n,
-    rows: a
-  } = e, o = D(new Array(a)).map((c, l) => (
+    rows: a = 0
+  } = e, i = Array.from({
+    length: a
+  }).map((c, l) => (
     // eslint-disable-next-line react/no-array-index-key
     /* @__PURE__ */ r.createElement("li", {
       key: l,
       style: {
-        width: oe(l, e)
+        width: re(l, e)
       }
     })
   ));
   return /* @__PURE__ */ r.createElement("ul", {
     className: p(t, s),
     style: n
-  }, o);
-}, ce = (e) => {
+  }, i);
+}, ge = (e) => {
   let {
     prefixCls: t,
     className: s,
@@ -464,10 +466,10 @@ const N = (e) => {
     })
   );
 };
-function z(e) {
+function R(e) {
   return e && typeof e == "object" ? e : {};
 }
-function ge(e, t) {
+function me(e, t) {
   return e && !t ? {
     size: "large",
     shape: "square"
@@ -483,78 +485,79 @@ function de(e, t) {
     width: "50%"
   } : {};
 }
-function me(e, t) {
+function ue(e, t) {
   const s = {};
   return (!e || !t) && (s.width = "61%"), !e && t ? s.rows = 3 : s.rows = 2, s;
 }
-const v = (e) => {
+const f = (e) => {
   const {
     prefixCls: t,
     loading: s,
     className: n,
     rootClassName: a,
-    style: o,
+    style: i,
     children: c,
     avatar: l = !1,
-    title: i = !0,
-    paragraph: d = !0,
-    active: m,
+    title: o = !0,
+    paragraph: m = !0,
+    active: d,
     round: g
   } = e, {
     getPrefixCls: h,
     direction: C,
-    skeleton: b
-  } = r.useContext(k), u = h("skeleton", t), [j, y, P] = S(u);
+    className: w,
+    style: E
+  } = X("skeleton"), u = h("skeleton", t), [y, P, H] = $(u);
   if (s || !("loading" in e)) {
-    const $ = !!l, x = !!i, O = !!d;
+    const S = !!l, v = !!o, j = !!m;
     let A;
-    if ($) {
-      const w = Object.assign(Object.assign({
+    if (S) {
+      const x = Object.assign(Object.assign({
         prefixCls: `${u}-avatar`
-      }, ge(x, O)), z(l));
+      }, me(v, j)), R(l));
       A = /* @__PURE__ */ r.createElement("div", {
         className: `${u}-header`
-      }, /* @__PURE__ */ r.createElement(N, Object.assign({}, w)));
+      }, /* @__PURE__ */ r.createElement(O, Object.assign({}, x)));
     }
-    let M;
-    if (x || O) {
-      let w;
-      if (x) {
-        const H = Object.assign(Object.assign({
+    let L;
+    if (v || j) {
+      let x;
+      if (v) {
+        const I = Object.assign(Object.assign({
           prefixCls: `${u}-title`
-        }, de($, O)), z(i));
-        w = /* @__PURE__ */ r.createElement(ce, Object.assign({}, H));
+        }, de(S, j)), R(o));
+        x = /* @__PURE__ */ r.createElement(ge, Object.assign({}, I));
       }
-      let L;
-      if (O) {
-        const H = Object.assign(Object.assign({
+      let T;
+      if (j) {
+        const I = Object.assign(Object.assign({
           prefixCls: `${u}-paragraph`
-        }, me($, x)), z(d));
-        L = /* @__PURE__ */ r.createElement(re, Object.assign({}, H));
+        }, ue(S, v)), R(m));
+        T = /* @__PURE__ */ r.createElement(ce, Object.assign({}, I));
       }
-      M = /* @__PURE__ */ r.createElement("div", {
+      L = /* @__PURE__ */ r.createElement("div", {
         className: `${u}-content`
-      }, w, L);
+      }, x, T);
     }
-    const V = p(u, {
-      [`${u}-with-avatar`]: $,
-      [`${u}-active`]: m,
+    const F = p(u, {
+      [`${u}-with-avatar`]: S,
+      [`${u}-active`]: d,
       [`${u}-rtl`]: C === "rtl",
       [`${u}-round`]: g
-    }, b == null ? void 0 : b.className, n, a, y, P);
-    return j(/* @__PURE__ */ r.createElement("div", {
-      className: V,
-      style: Object.assign(Object.assign({}, b == null ? void 0 : b.style), o)
-    }, A, M));
+    }, w, n, a, P, H);
+    return y(/* @__PURE__ */ r.createElement("div", {
+      className: F,
+      style: Object.assign(Object.assign({}, E), i)
+    }, A, L));
   }
   return c ?? null;
 };
-v.Button = se;
-v.Avatar = te;
-v.Input = le;
-v.Image = ae;
-v.Node = ie;
-process.env.NODE_ENV !== "production" && (v.displayName = "Skeleton");
+f.Button = ne;
+f.Avatar = se;
+f.Input = oe;
+f.Image = le;
+f.Node = ie;
+process.env.NODE_ENV !== "production" && (f.displayName = "Skeleton");
 export {
-  v as S
+  f as S
 };