@gobolt/genesis 0.0.10 → 0.1.0

package/dist/index-DEu2PVzQ.js

@@ -0,0 +1,538 @@
+import * as o from "react";
+import { e as b } from "./presets-Djh_L_6R.js";
+import { o as be } from "./omit-B_u6A-HL.js";
+import { C as B, j as me, m as fe, k as pe, f as i, n as w, v as D, g as ye } from "./index-BbTV2Cw5.js";
+import { u as he } from "./useSize-DSq4r6zy.js";
+import { S as $e } from "./Skeleton-BVN4pcVe.js";
+import { T as Se } from "./index-B_1Ge8na.js";
+import "./index-DLdU7Tpd.js";
+var ve = function(e, a) {
+  var r = {};
+  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && a.indexOf(t) < 0 && (r[t] = e[t]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function") for (var n = 0, t = Object.getOwnPropertySymbols(e); n < t.length; n++)
+    a.indexOf(t[n]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[n]) && (r[t[n]] = e[t[n]]);
+  return r;
+};
+const _ = (e) => {
+  var {
+    prefixCls: a,
+    className: r,
+    hoverable: t = !0
+  } = e, n = ve(e, ["prefixCls", "className", "hoverable"]);
+  const {
+    getPrefixCls: l
+  } = o.useContext(B), g = l("card", a), m = b(`${g}-grid`, r, {
+    [`${g}-grid-hoverable`]: t
+  });
+  return /* @__PURE__ */ o.createElement("div", Object.assign({}, n, {
+    className: m
+  }));
+}, Ce = (e) => {
+  const {
+    antCls: a,
+    componentCls: r,
+    headerHeight: t,
+    headerPadding: n,
+    tabsMarginBottom: l
+  } = e;
+  return Object.assign(Object.assign({
+    display: "flex",
+    justifyContent: "center",
+    flexDirection: "column",
+    minHeight: t,
+    marginBottom: -1,
+    padding: `0 ${i(n)}`,
+    color: e.colorTextHeading,
+    fontWeight: e.fontWeightStrong,
+    fontSize: e.headerFontSize,
+    background: e.headerBg,
+    borderBottom: `${i(e.lineWidth)} ${e.lineType} ${e.colorBorderSecondary}`,
+    borderRadius: `${i(e.borderRadiusLG)} ${i(e.borderRadiusLG)} 0 0`
+  }, w()), {
+    "&-wrapper": {
+      width: "100%",
+      display: "flex",
+      alignItems: "center"
+    },
+    "&-title": Object.assign(Object.assign({
+      display: "inline-block",
+      flex: 1
+    }, D), {
+      [`
+          > ${r}-typography,
+          > ${r}-typography-edit-content
+        `]: {
+        insetInlineStart: 0,
+        marginTop: 0,
+        marginBottom: 0
+      }
+    }),
+    [`${a}-tabs-top`]: {
+      clear: "both",
+      marginBottom: l,
+      color: e.colorText,
+      fontWeight: "normal",
+      fontSize: e.fontSize,
+      "&-bar": {
+        borderBottom: `${i(e.lineWidth)} ${e.lineType} ${e.colorBorderSecondary}`
+      }
+    }
+  });
+}, xe = (e) => {
+  const {
+    cardPaddingBase: a,
+    colorBorderSecondary: r,
+    cardShadow: t,
+    lineWidth: n
+  } = e;
+  return {
+    width: "33.33%",
+    padding: a,
+    border: 0,
+    borderRadius: 0,
+    boxShadow: `
+      ${i(n)} 0 0 0 ${r},
+      0 ${i(n)} 0 0 ${r},
+      ${i(n)} ${i(n)} 0 0 ${r},
+      ${i(n)} 0 0 0 ${r} inset,
+      0 ${i(n)} 0 0 ${r} inset;
+    `,
+    transition: `all ${e.motionDurationMid}`,
+    "&-hoverable:hover": {
+      position: "relative",
+      zIndex: 1,
+      boxShadow: t
+    }
+  };
+}, Oe = (e) => {
+  const {
+    componentCls: a,
+    iconCls: r,
+    actionsLiMargin: t,
+    cardActionsIconSize: n,
+    colorBorderSecondary: l,
+    actionsBg: g
+  } = e;
+  return Object.assign(Object.assign({
+    margin: 0,
+    padding: 0,
+    listStyle: "none",
+    background: g,
+    borderTop: `${i(e.lineWidth)} ${e.lineType} ${l}`,
+    display: "flex",
+    borderRadius: `0 0 ${i(e.borderRadiusLG)} ${i(e.borderRadiusLG)}`
+  }, w()), {
+    "& > li": {
+      margin: t,
+      color: e.colorTextDescription,
+      textAlign: "center",
+      "> span": {
+        position: "relative",
+        display: "block",
+        minWidth: e.calc(e.cardActionsIconSize).mul(2).equal(),
+        fontSize: e.fontSize,
+        lineHeight: e.lineHeight,
+        cursor: "pointer",
+        "&:hover": {
+          color: e.colorPrimary,
+          transition: `color ${e.motionDurationMid}`
+        },
+        [`a:not(${a}-btn), > ${r}`]: {
+          display: "inline-block",
+          width: "100%",
+          color: e.colorTextDescription,
+          lineHeight: i(e.fontHeight),
+          transition: `color ${e.motionDurationMid}`,
+          "&:hover": {
+            color: e.colorPrimary
+          }
+        },
+        [`> ${r}`]: {
+          fontSize: n,
+          lineHeight: i(e.calc(n).mul(e.lineHeight).equal())
+        }
+      },
+      "&:not(:last-child)": {
+        borderInlineEnd: `${i(e.lineWidth)} ${e.lineType} ${l}`
+      }
+    }
+  });
+}, je = (e) => Object.assign(Object.assign({
+  margin: `${i(e.calc(e.marginXXS).mul(-1).equal())} 0`,
+  display: "flex"
+}, w()), {
+  "&-avatar": {
+    paddingInlineEnd: e.padding
+  },
+  "&-detail": {
+    overflow: "hidden",
+    flex: 1,
+    "> div:not(:last-child)": {
+      marginBottom: e.marginXS
+    }
+  },
+  "&-title": Object.assign({
+    color: e.colorTextHeading,
+    fontWeight: e.fontWeightStrong,
+    fontSize: e.fontSizeLG
+  }, D),
+  "&-description": {
+    color: e.colorTextDescription
+  }
+}), ze = (e) => {
+  const {
+    componentCls: a,
+    colorFillAlter: r,
+    headerPadding: t,
+    bodyPadding: n
+  } = e;
+  return {
+    [`${a}-head`]: {
+      padding: `0 ${i(t)}`,
+      background: r,
+      "&-title": {
+        fontSize: e.fontSize
+      }
+    },
+    [`${a}-body`]: {
+      padding: `${i(e.padding)} ${i(n)}`
+    }
+  };
+}, Pe = (e) => {
+  const {
+    componentCls: a
+  } = e;
+  return {
+    overflow: "hidden",
+    [`${a}-body`]: {
+      userSelect: "none"
+    }
+  };
+}, we = (e) => {
+  const {
+    componentCls: a,
+    cardShadow: r,
+    cardHeadPadding: t,
+    colorBorderSecondary: n,
+    boxShadowTertiary: l,
+    bodyPadding: g,
+    extraColor: m
+  } = e;
+  return {
+    [a]: Object.assign(Object.assign({}, pe(e)), {
+      position: "relative",
+      background: e.colorBgContainer,
+      borderRadius: e.borderRadiusLG,
+      [`&:not(${a}-bordered)`]: {
+        boxShadow: l
+      },
+      [`${a}-head`]: Ce(e),
+      [`${a}-extra`]: {
+        // https://stackoverflow.com/a/22429853/3040605
+        marginInlineStart: "auto",
+        color: m,
+        fontWeight: "normal",
+        fontSize: e.fontSize
+      },
+      [`${a}-body`]: Object.assign({
+        padding: g,
+        borderRadius: `0 0 ${i(e.borderRadiusLG)} ${i(e.borderRadiusLG)}`
+      }, w()),
+      [`${a}-grid`]: xe(e),
+      [`${a}-cover`]: {
+        "> *": {
+          display: "block",
+          width: "100%",
+          borderRadius: `${i(e.borderRadiusLG)} ${i(e.borderRadiusLG)} 0 0`
+        }
+      },
+      [`${a}-actions`]: Oe(e),
+      [`${a}-meta`]: je(e)
+    }),
+    [`${a}-bordered`]: {
+      border: `${i(e.lineWidth)} ${e.lineType} ${n}`,
+      [`${a}-cover`]: {
+        marginTop: -1,
+        marginInlineStart: -1,
+        marginInlineEnd: -1
+      }
+    },
+    [`${a}-hoverable`]: {
+      cursor: "pointer",
+      transition: `box-shadow ${e.motionDurationMid}, border-color ${e.motionDurationMid}`,
+      "&:hover": {
+        borderColor: "transparent",
+        boxShadow: r
+      }
+    },
+    [`${a}-contain-grid`]: {
+      borderRadius: `${i(e.borderRadiusLG)} ${i(e.borderRadiusLG)} 0 0 `,
+      [`${a}-body`]: {
+        display: "flex",
+        flexWrap: "wrap"
+      },
+      [`&:not(${a}-loading) ${a}-body`]: {
+        marginBlockStart: e.calc(e.lineWidth).mul(-1).equal(),
+        marginInlineStart: e.calc(e.lineWidth).mul(-1).equal(),
+        padding: 0
+      }
+    },
+    [`${a}-contain-tabs`]: {
+      [`> div${a}-head`]: {
+        minHeight: 0,
+        [`${a}-head-title, ${a}-extra`]: {
+          paddingTop: t
+        }
+      }
+    },
+    [`${a}-type-inner`]: ze(e),
+    [`${a}-loading`]: Pe(e),
+    [`${a}-rtl`]: {
+      direction: "rtl"
+    }
+  };
+}, Ne = (e) => {
+  const {
+    componentCls: a,
+    bodyPaddingSM: r,
+    headerPaddingSM: t,
+    headerHeightSM: n,
+    headerFontSizeSM: l
+  } = e;
+  return {
+    [`${a}-small`]: {
+      [`> ${a}-head`]: {
+        minHeight: n,
+        padding: `0 ${i(t)}`,
+        fontSize: l,
+        [`> ${a}-head-wrapper`]: {
+          [`> ${a}-extra`]: {
+            fontSize: e.fontSize
+          }
+        }
+      },
+      [`> ${a}-body`]: {
+        padding: r
+      }
+    },
+    [`${a}-small${a}-contain-tabs`]: {
+      [`> ${a}-head`]: {
+        [`${a}-head-title, ${a}-extra`]: {
+          paddingTop: 0,
+          display: "flex",
+          alignItems: "center"
+        }
+      }
+    }
+  };
+}, Ee = (e) => {
+  var a, r;
+  return {
+    headerBg: "transparent",
+    headerFontSize: e.fontSizeLG,
+    headerFontSizeSM: e.fontSize,
+    headerHeight: e.fontSizeLG * e.lineHeightLG + e.padding * 2,
+    headerHeightSM: e.fontSize * e.lineHeight + e.paddingXS * 2,
+    actionsBg: e.colorBgContainer,
+    actionsLiMargin: `${e.paddingSM}px 0`,
+    tabsMarginBottom: -e.padding - e.lineWidth,
+    extraColor: e.colorText,
+    bodyPaddingSM: 12,
+    // Fixed padding.
+    headerPaddingSM: 12,
+    bodyPadding: (a = e.bodyPadding) !== null && a !== void 0 ? a : e.paddingLG,
+    headerPadding: (r = e.headerPadding) !== null && r !== void 0 ? r : e.paddingLG
+  };
+}, Te = me("Card", (e) => {
+  const a = fe(e, {
+    cardShadow: e.boxShadowCard,
+    cardHeadPadding: e.padding,
+    cardPaddingBase: e.paddingLG,
+    cardActionsIconSize: e.fontSize
+  });
+  return [
+    // Style
+    we(a),
+    // Size
+    Ne(a)
+  ];
+}, Ee);
+var W = function(e, a) {
+  var r = {};
+  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && a.indexOf(t) < 0 && (r[t] = e[t]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function") for (var n = 0, t = Object.getOwnPropertySymbols(e); n < t.length; n++)
+    a.indexOf(t[n]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[n]) && (r[t[n]] = e[t[n]]);
+  return r;
+};
+const Be = (e) => {
+  const {
+    actionClasses: a,
+    actions: r = [],
+    actionStyle: t
+  } = e;
+  return /* @__PURE__ */ o.createElement("ul", {
+    className: a,
+    style: t
+  }, r.map((n, l) => {
+    const g = `action-${l}`;
+    return /* @__PURE__ */ o.createElement("li", {
+      style: {
+        width: `${100 / r.length}%`
+      },
+      key: g
+    }, /* @__PURE__ */ o.createElement("span", null, n));
+  }));
+}, Ge = /* @__PURE__ */ o.forwardRef((e, a) => {
+  const {
+    prefixCls: r,
+    className: t,
+    rootClassName: n,
+    style: l,
+    extra: g,
+    headStyle: m = {},
+    bodyStyle: f = {},
+    title: $,
+    loading: C,
+    bordered: x = !0,
+    size: O,
+    type: j,
+    cover: L,
+    actions: z,
+    tabList: S,
+    children: P,
+    activeTabKey: M,
+    defaultActiveTabKey: A,
+    tabBarExtraContent: K,
+    hoverable: F,
+    tabProps: q = {},
+    classNames: N,
+    styles: E
+  } = e, V = W(e, ["prefixCls", "className", "rootClassName", "style", "extra", "headStyle", "bodyStyle", "title", "loading", "bordered", "size", "type", "cover", "actions", "tabList", "children", "activeTabKey", "defaultActiveTabKey", "tabBarExtraContent", "hoverable", "tabProps", "classNames", "styles"]), {
+    getPrefixCls: X,
+    direction: U,
+    card: u
+  } = o.useContext(B);
+  if (process.env.NODE_ENV !== "production") {
+    const c = ye("Card");
+    [["headStyle", "styles.header"], ["bodyStyle", "styles.body"]].forEach((d) => {
+      let [h, T] = d;
+      c.deprecated(!(h in e), h, T);
+    });
+  }
+  const J = (c) => {
+    var d;
+    (d = e.onTabChange) === null || d === void 0 || d.call(e, c);
+  }, p = (c) => {
+    var d;
+    return b((d = u == null ? void 0 : u.classNames) === null || d === void 0 ? void 0 : d[c], N == null ? void 0 : N[c]);
+  }, y = (c) => {
+    var d;
+    return Object.assign(Object.assign({}, (d = u == null ? void 0 : u.styles) === null || d === void 0 ? void 0 : d[c]), E == null ? void 0 : E[c]);
+  }, Q = o.useMemo(() => {
+    let c = !1;
+    return o.Children.forEach(P, (d) => {
+      (d == null ? void 0 : d.type) === _ && (c = !0);
+    }), c;
+  }, [P]), s = X("card", r), [Y, Z, k] = Te(s), ee = /* @__PURE__ */ o.createElement($e, {
+    loading: !0,
+    active: !0,
+    paragraph: {
+      rows: 4
+    },
+    title: !1
+  }, P), H = M !== void 0, ae = Object.assign(Object.assign({}, q), {
+    [H ? "activeKey" : "defaultActiveKey"]: H ? M : A,
+    tabBarExtraContent: K
+  });
+  let R;
+  const v = he(O), te = !v || v === "default" ? "large" : v, I = S ? /* @__PURE__ */ o.createElement(Se, Object.assign({
+    size: te
+  }, ae, {
+    className: `${s}-head-tabs`,
+    onChange: J,
+    items: S.map((c) => {
+      var {
+        tab: d
+      } = c, h = W(c, ["tab"]);
+      return Object.assign({
+        label: d
+      }, h);
+    })
+  })) : null;
+  if ($ || g || I) {
+    const c = b(`${s}-head`, p("header")), d = b(`${s}-head-title`, p("title")), h = b(`${s}-extra`, p("extra")), T = Object.assign(Object.assign({}, m), y("header"));
+    R = /* @__PURE__ */ o.createElement("div", {
+      className: c,
+      style: T
+    }, /* @__PURE__ */ o.createElement("div", {
+      className: `${s}-head-wrapper`
+    }, $ && /* @__PURE__ */ o.createElement("div", {
+      className: d,
+      style: y("title")
+    }, $), g && /* @__PURE__ */ o.createElement("div", {
+      className: h,
+      style: y("extra")
+    }, g)), I);
+  }
+  const ne = b(`${s}-cover`, p("cover")), re = L ? /* @__PURE__ */ o.createElement("div", {
+    className: ne,
+    style: y("cover")
+  }, L) : null, ie = b(`${s}-body`, p("body")), oe = Object.assign(Object.assign({}, f), y("body")), de = /* @__PURE__ */ o.createElement("div", {
+    className: ie,
+    style: oe
+  }, C ? ee : P), se = b(`${s}-actions`, p("actions")), le = z != null && z.length ? /* @__PURE__ */ o.createElement(Be, {
+    actionClasses: se,
+    actionStyle: y("actions"),
+    actions: z
+  }) : null, ce = be(V, ["onTabChange"]), ge = b(s, u == null ? void 0 : u.className, {
+    [`${s}-loading`]: C,
+    [`${s}-bordered`]: x,
+    [`${s}-hoverable`]: F,
+    [`${s}-contain-grid`]: Q,
+    [`${s}-contain-tabs`]: S == null ? void 0 : S.length,
+    [`${s}-${v}`]: v,
+    [`${s}-type-${j}`]: !!j,
+    [`${s}-rtl`]: U === "rtl"
+  }, t, n, Z, k), ue = Object.assign(Object.assign({}, u == null ? void 0 : u.style), l);
+  return Y(/* @__PURE__ */ o.createElement("div", Object.assign({
+    ref: a
+  }, ce, {
+    className: ge,
+    style: ue
+  }), R, re, de, le));
+});
+var Le = function(e, a) {
+  var r = {};
+  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && a.indexOf(t) < 0 && (r[t] = e[t]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function") for (var n = 0, t = Object.getOwnPropertySymbols(e); n < t.length; n++)
+    a.indexOf(t[n]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[n]) && (r[t[n]] = e[t[n]]);
+  return r;
+};
+const Me = (e) => {
+  const {
+    prefixCls: a,
+    className: r,
+    avatar: t,
+    title: n,
+    description: l
+  } = e, g = Le(e, ["prefixCls", "className", "avatar", "title", "description"]), {
+    getPrefixCls: m
+  } = o.useContext(B), f = m("card", a), $ = b(`${f}-meta`, r), C = t ? /* @__PURE__ */ o.createElement("div", {
+    className: `${f}-meta-avatar`
+  }, t) : null, x = n ? /* @__PURE__ */ o.createElement("div", {
+    className: `${f}-meta-title`
+  }, n) : null, O = l ? /* @__PURE__ */ o.createElement("div", {
+    className: `${f}-meta-description`
+  }, l) : null, j = x || O ? /* @__PURE__ */ o.createElement("div", {
+    className: `${f}-meta-detail`
+  }, x, O) : null;
+  return /* @__PURE__ */ o.createElement("div", Object.assign({}, g, {
+    className: $
+  }), C, j);
+}, G = Ge;
+G.Grid = _;
+G.Meta = Me;
+process.env.NODE_ENV !== "production" && (G.displayName = "Card");
+export {
+  G as C
+};