@gobolt/genesis 0.1.2 → 0.1.3

package/dist/index-DEu2PVzQ.js

@@ -1,538 +0,0 @@
-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
-};