@gobolt/genesis 0.1.1 → 0.1.3

package/dist/index-RAH9f-qb.js

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