@gobolt/genesis 0.0.10 → 0.0.11

package/dist/index-CdiHBmVe.js

@@ -0,0 +1,445 @@
+import * as l from "react";
+import X, { forwardRef as ne, useRef as G, useImperativeHandle as re } from "react";
+import { g as te, a as ae, e as V, b as W, d as oe, _ as q } from "./presets-Djh_L_6R.js";
+import { u as le } from "./useMergedState-BoELfaU9.js";
+import { B as F, g as ie, m as se, r as M, q as ce, j as H, C as K, D as de, p as ue, e as fe, h as A } from "./index-ByspLxrB.js";
+import { T as pe, W as be } from "./index-Dyl-ddV6.js";
+import { u as U } from "./useCSSVarCls-C-MlZC6a.js";
+import { F as me } from "./context-Cx7GtZpz.js";
+import "./index-DLdU7Tpd.js";
+import { o as he } from "./omit-B_u6A-HL.js";
+var Ce = ["prefixCls", "className", "style", "checked", "disabled", "defaultChecked", "type", "title", "onChange"], ge = /* @__PURE__ */ ne(function(e, n) {
+  var r = e.prefixCls, t = r === void 0 ? "rc-checkbox" : r, c = e.className, C = e.style, $ = e.checked, b = e.disabled, _ = e.defaultChecked, S = _ === void 0 ? !1 : _, d = e.type, O = d === void 0 ? "checkbox" : d, R = e.title, i = e.onChange, k = te(e, Ce), g = G(null), u = G(null), a = le(S, {
+    value: $
+  }), N = ae(a, 2), P = N[0], E = N[1];
+  re(n, function() {
+    return {
+      focus: function(s) {
+        var p;
+        (p = g.current) === null || p === void 0 || p.focus(s);
+      },
+      blur: function() {
+        var s;
+        (s = g.current) === null || s === void 0 || s.blur();
+      },
+      input: g.current,
+      nativeElement: u.current
+    };
+  });
+  var f = V(t, c, W(W({}, "".concat(t, "-checked"), P), "".concat(t, "-disabled"), b)), m = function(s) {
+    b || ("checked" in e || E(s.target.checked), i == null || i({
+      target: q(q({}, e), {}, {
+        type: O,
+        checked: s.target.checked
+      }),
+      stopPropagation: function() {
+        s.stopPropagation();
+      },
+      preventDefault: function() {
+        s.preventDefault();
+      },
+      nativeEvent: s.nativeEvent
+    }));
+  };
+  return /* @__PURE__ */ l.createElement("span", {
+    className: f,
+    title: R,
+    style: C,
+    ref: u
+  }, /* @__PURE__ */ l.createElement("input", oe({}, k, {
+    className: "".concat(t, "-input"),
+    ref: g,
+    onChange: m,
+    disabled: b,
+    checked: !!P,
+    type: O
+  })), /* @__PURE__ */ l.createElement("span", {
+    className: "".concat(t, "-inner")
+  }));
+});
+function ve(e) {
+  const n = X.useRef(null), r = () => {
+    F.cancel(n.current), n.current = null;
+  };
+  return [() => {
+    r(), n.current = F(() => {
+      n.current = null;
+    });
+  }, (C) => {
+    n.current && (C.stopPropagation(), r()), e == null || e(C);
+  }];
+}
+const xe = (e) => {
+  const {
+    checkboxCls: n
+  } = e, r = `${n}-wrapper`;
+  return [
+    // ===================== Basic =====================
+    {
+      // Group
+      [`${n}-group`]: Object.assign(Object.assign({}, M(e)), {
+        display: "inline-flex",
+        flexWrap: "wrap",
+        columnGap: e.marginXS,
+        // Group > Grid
+        [`> ${e.antCls}-row`]: {
+          flex: 1
+        }
+      }),
+      // Wrapper
+      [r]: Object.assign(Object.assign({}, M(e)), {
+        display: "inline-flex",
+        alignItems: "baseline",
+        cursor: "pointer",
+        // Fix checkbox & radio in flex align #30260
+        "&:after": {
+          display: "inline-block",
+          width: 0,
+          overflow: "hidden",
+          content: "'\\a0'"
+        },
+        // Checkbox near checkbox
+        [`& + ${r}`]: {
+          marginInlineStart: 0
+        },
+        [`&${r}-in-form-item`]: {
+          'input[type="checkbox"]': {
+            width: 14,
+            // FIXME: magic
+            height: 14
+            // FIXME: magic
+          }
+        }
+      }),
+      // Wrapper > Checkbox
+      [n]: Object.assign(Object.assign({}, M(e)), {
+        position: "relative",
+        whiteSpace: "nowrap",
+        lineHeight: 1,
+        cursor: "pointer",
+        borderRadius: e.borderRadiusSM,
+        // To make alignment right when `controlHeight` is changed
+        // Ref: https://github.com/ant-design/ant-design/issues/41564
+        alignSelf: "center",
+        // Wrapper > Checkbox > input
+        [`${n}-input`]: {
+          position: "absolute",
+          // Since baseline align will get additional space offset,
+          // we need to move input to top to make it align with text.
+          // Ref: https://github.com/ant-design/ant-design/issues/38926#issuecomment-1486137799
+          inset: 0,
+          zIndex: 1,
+          cursor: "pointer",
+          opacity: 0,
+          margin: 0,
+          [`&:focus-visible + ${n}-inner`]: Object.assign({}, ce(e))
+        },
+        // Wrapper > Checkbox > inner
+        [`${n}-inner`]: {
+          boxSizing: "border-box",
+          display: "block",
+          width: e.checkboxSize,
+          height: e.checkboxSize,
+          direction: "ltr",
+          backgroundColor: e.colorBgContainer,
+          border: `${H(e.lineWidth)} ${e.lineType} ${e.colorBorder}`,
+          borderRadius: e.borderRadiusSM,
+          borderCollapse: "separate",
+          transition: `all ${e.motionDurationSlow}`,
+          "&:after": {
+            boxSizing: "border-box",
+            position: "absolute",
+            top: "50%",
+            insetInlineStart: "25%",
+            display: "table",
+            width: e.calc(e.checkboxSize).div(14).mul(5).equal(),
+            height: e.calc(e.checkboxSize).div(14).mul(8).equal(),
+            border: `${H(e.lineWidthBold)} solid ${e.colorWhite}`,
+            borderTop: 0,
+            borderInlineStart: 0,
+            transform: "rotate(45deg) scale(0) translate(-50%,-50%)",
+            opacity: 0,
+            content: '""',
+            transition: `all ${e.motionDurationFast} ${e.motionEaseInBack}, opacity ${e.motionDurationFast}`
+          }
+        },
+        // Wrapper > Checkbox + Text
+        "& + span": {
+          paddingInlineStart: e.paddingXS,
+          paddingInlineEnd: e.paddingXS
+        }
+      })
+    },
+    // ===================== Hover =====================
+    {
+      // Wrapper & Wrapper > Checkbox
+      [`
+        ${r}:not(${r}-disabled),
+        ${n}:not(${n}-disabled)
+      `]: {
+        [`&:hover ${n}-inner`]: {
+          borderColor: e.colorPrimary
+        }
+      },
+      [`${r}:not(${r}-disabled)`]: {
+        [`&:hover ${n}-checked:not(${n}-disabled) ${n}-inner`]: {
+          backgroundColor: e.colorPrimaryHover,
+          borderColor: "transparent"
+        },
+        [`&:hover ${n}-checked:not(${n}-disabled):after`]: {
+          borderColor: e.colorPrimaryHover
+        }
+      }
+    },
+    // ==================== Checked ====================
+    {
+      // Wrapper > Checkbox
+      [`${n}-checked`]: {
+        [`${n}-inner`]: {
+          backgroundColor: e.colorPrimary,
+          borderColor: e.colorPrimary,
+          "&:after": {
+            opacity: 1,
+            transform: "rotate(45deg) scale(1) translate(-50%,-50%)",
+            transition: `all ${e.motionDurationMid} ${e.motionEaseOutBack} ${e.motionDurationFast}`
+          }
+        }
+      },
+      [`
+        ${r}-checked:not(${r}-disabled),
+        ${n}-checked:not(${n}-disabled)
+      `]: {
+        [`&:hover ${n}-inner`]: {
+          backgroundColor: e.colorPrimaryHover,
+          borderColor: "transparent"
+        }
+      }
+    },
+    // ================= Indeterminate =================
+    {
+      [n]: {
+        "&-indeterminate": {
+          // Wrapper > Checkbox > inner
+          [`${n}-inner`]: {
+            backgroundColor: `${e.colorBgContainer} !important`,
+            borderColor: `${e.colorBorder} !important`,
+            "&:after": {
+              top: "50%",
+              insetInlineStart: "50%",
+              width: e.calc(e.fontSizeLG).div(2).equal(),
+              height: e.calc(e.fontSizeLG).div(2).equal(),
+              backgroundColor: e.colorPrimary,
+              border: 0,
+              transform: "translate(-50%, -50%) scale(1)",
+              opacity: 1,
+              content: '""'
+            }
+          },
+          // https://github.com/ant-design/ant-design/issues/50074
+          [`&:hover ${n}-inner`]: {
+            backgroundColor: `${e.colorBgContainer} !important`,
+            borderColor: `${e.colorPrimary} !important`
+          }
+        }
+      }
+    },
+    // ==================== Disable ====================
+    {
+      // Wrapper
+      [`${r}-disabled`]: {
+        cursor: "not-allowed"
+      },
+      // Wrapper > Checkbox
+      [`${n}-disabled`]: {
+        // Wrapper > Checkbox > input
+        [`&, ${n}-input`]: {
+          cursor: "not-allowed",
+          // Disabled for native input to enable Tooltip event handler
+          // ref: https://github.com/ant-design/ant-design/issues/39822#issuecomment-1365075901
+          pointerEvents: "none"
+        },
+        // Wrapper > Checkbox > inner
+        [`${n}-inner`]: {
+          background: e.colorBgContainerDisabled,
+          borderColor: e.colorBorder,
+          "&:after": {
+            borderColor: e.colorTextDisabled
+          }
+        },
+        "&:after": {
+          display: "none"
+        },
+        "& + span": {
+          color: e.colorTextDisabled
+        },
+        [`&${n}-indeterminate ${n}-inner::after`]: {
+          background: e.colorTextDisabled
+        }
+      }
+    }
+  ];
+};
+function ye(e, n) {
+  const r = se(n, {
+    checkboxCls: `.${e}`,
+    checkboxSize: n.controlInteractiveSize
+  });
+  return [xe(r)];
+}
+const J = ie("Checkbox", (e, n) => {
+  let {
+    prefixCls: r
+  } = n;
+  return [ye(r, e)];
+}), Q = /* @__PURE__ */ X.createContext(null);
+var $e = function(e, n) {
+  var r = {};
+  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && n.indexOf(t) < 0 && (r[t] = e[t]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function") for (var c = 0, t = Object.getOwnPropertySymbols(e); c < t.length; c++)
+    n.indexOf(t[c]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[c]) && (r[t[c]] = e[t[c]]);
+  return r;
+};
+const Se = (e, n) => {
+  var r;
+  const {
+    prefixCls: t,
+    className: c,
+    rootClassName: C,
+    children: $,
+    indeterminate: b = !1,
+    style: _,
+    onMouseEnter: S,
+    onMouseLeave: d,
+    skipGroup: O = !1,
+    disabled: R
+  } = e, i = $e(e, ["prefixCls", "className", "rootClassName", "children", "indeterminate", "style", "onMouseEnter", "onMouseLeave", "skipGroup", "disabled"]), {
+    getPrefixCls: k,
+    direction: g,
+    checkbox: u
+  } = l.useContext(K), a = l.useContext(Q), {
+    isFormItemInput: N
+  } = l.useContext(me), P = l.useContext(de), E = (r = (a == null ? void 0 : a.disabled) || R) !== null && r !== void 0 ? r : P, f = l.useRef(i.value), m = l.useRef(null), w = ue(n, m);
+  if (process.env.NODE_ENV !== "production") {
+    const h = fe("Checkbox");
+    process.env.NODE_ENV !== "production" && h("checked" in i || !!a || !("value" in i), "usage", "`value` is not a valid prop, do you mean `checked`?");
+  }
+  l.useEffect(() => {
+    a == null || a.registerValue(i.value);
+  }, []), l.useEffect(() => {
+    if (!O)
+      return i.value !== f.current && (a == null || a.cancelValue(f.current), a == null || a.registerValue(i.value), f.current = i.value), () => a == null ? void 0 : a.cancelValue(i.value);
+  }, [i.value]), l.useEffect(() => {
+    var h;
+    !((h = m.current) === null || h === void 0) && h.input && (m.current.input.indeterminate = b);
+  }, [b]);
+  const s = k("checkbox", t), p = U(s), [j, I, D] = J(s, p), v = Object.assign({}, i);
+  a && !O && (v.onChange = function() {
+    i.onChange && i.onChange.apply(i, arguments), a.toggleOption && a.toggleOption({
+      label: $,
+      value: i.value
+    });
+  }, v.name = a.name, v.checked = a.value.includes(i.value));
+  const B = V(`${s}-wrapper`, {
+    [`${s}-rtl`]: g === "rtl",
+    [`${s}-wrapper-checked`]: v.checked,
+    [`${s}-wrapper-disabled`]: E,
+    [`${s}-wrapper-in-form-item`]: N
+  }, u == null ? void 0 : u.className, c, C, D, p, I), o = V({
+    [`${s}-indeterminate`]: b
+  }, pe, I), [x, y] = ve(v.onClick);
+  return j(/* @__PURE__ */ l.createElement(be, {
+    component: "Checkbox",
+    disabled: E
+  }, /* @__PURE__ */ l.createElement("label", {
+    className: B,
+    style: Object.assign(Object.assign({}, u == null ? void 0 : u.style), _),
+    onMouseEnter: S,
+    onMouseLeave: d,
+    onClick: x
+  }, /* @__PURE__ */ l.createElement(ge, Object.assign({}, v, {
+    onClick: y,
+    prefixCls: s,
+    className: o,
+    disabled: E,
+    ref: w
+  })), $ !== void 0 && /* @__PURE__ */ l.createElement("span", null, $))));
+}, L = /* @__PURE__ */ l.forwardRef(Se);
+process.env.NODE_ENV !== "production" && (L.displayName = "Checkbox");
+var Oe = function(e, n) {
+  var r = {};
+  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && n.indexOf(t) < 0 && (r[t] = e[t]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function") for (var c = 0, t = Object.getOwnPropertySymbols(e); c < t.length; c++)
+    n.indexOf(t[c]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[c]) && (r[t[c]] = e[t[c]]);
+  return r;
+};
+const Ee = /* @__PURE__ */ l.forwardRef((e, n) => {
+  const {
+    defaultValue: r,
+    children: t,
+    options: c = [],
+    prefixCls: C,
+    className: $,
+    rootClassName: b,
+    style: _,
+    onChange: S
+  } = e, d = Oe(e, ["defaultValue", "children", "options", "prefixCls", "className", "rootClassName", "style", "onChange"]), {
+    getPrefixCls: O,
+    direction: R
+  } = l.useContext(K), [i, k] = l.useState(d.value || r || []), [g, u] = l.useState([]);
+  l.useEffect(() => {
+    "value" in d && k(d.value || []);
+  }, [d.value]);
+  const a = l.useMemo(() => c.map((o) => typeof o == "string" || typeof o == "number" ? {
+    label: o,
+    value: o
+  } : o), [c]), N = (o) => {
+    u((x) => x.filter((y) => y !== o));
+  }, P = (o) => {
+    u((x) => [].concat(A(x), [o]));
+  }, E = (o) => {
+    const x = i.indexOf(o.value), y = A(i);
+    x === -1 ? y.push(o.value) : y.splice(x, 1), "value" in d || k(y), S == null || S(y.filter((h) => g.includes(h)).sort((h, Y) => {
+      const Z = a.findIndex((z) => z.value === h), ee = a.findIndex((z) => z.value === Y);
+      return Z - ee;
+    }));
+  }, f = O("checkbox", C), m = `${f}-group`, w = U(f), [s, p, j] = J(f, w), I = he(d, ["value", "disabled"]), D = c.length ? a.map((o) => /* @__PURE__ */ l.createElement(L, {
+    prefixCls: f,
+    key: o.value.toString(),
+    disabled: "disabled" in o ? o.disabled : d.disabled,
+    value: o.value,
+    checked: i.includes(o.value),
+    onChange: o.onChange,
+    className: `${m}-item`,
+    style: o.style,
+    title: o.title,
+    id: o.id,
+    required: o.required
+  }, o.label)) : t, v = {
+    toggleOption: E,
+    value: i,
+    disabled: d.disabled,
+    name: d.name,
+    // https://github.com/ant-design/ant-design/issues/16376
+    registerValue: P,
+    cancelValue: N
+  }, B = V(m, {
+    [`${m}-rtl`]: R === "rtl"
+  }, $, b, j, w, p);
+  return s(/* @__PURE__ */ l.createElement("div", Object.assign({
+    className: B,
+    style: _
+  }, I, {
+    ref: n
+  }), /* @__PURE__ */ l.createElement(Q.Provider, {
+    value: v
+  }, D)));
+}), T = L;
+T.Group = Ee;
+T.__ANT_CHECKBOX = !0;
+process.env.NODE_ENV !== "production" && (T.displayName = "Checkbox");
+export {
+  T as C,
+  ge as a,
+  ye as g,
+  ve as u
+};

package/dist/index-CodMmNWv.js

@@ -0,0 +1,102 @@
+import { C as S, h as I } from "./index-ByspLxrB.js";
+import * as r from "react";
+import { e as O } from "./presets-Djh_L_6R.js";
+import { o as A } from "./omit-B_u6A-HL.js";
+import { S as b, u as j, L as F, a as z } from "./dropdown-zGGFIyJ_.js";
+import { t as B } from "./toArray-DGvPoJP_.js";
+function T(t, o, a) {
+  return typeof a == "boolean" ? a : t.length ? !0 : B(o).some((s) => s.type === b);
+}
+var v = function(t, o) {
+  var a = {};
+  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && o.indexOf(e) < 0 && (a[e] = t[e]);
+  if (t != null && typeof Object.getOwnPropertySymbols == "function") for (var s = 0, e = Object.getOwnPropertySymbols(t); s < e.length; s++)
+    o.indexOf(e[s]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[s]) && (a[e[s]] = t[e[s]]);
+  return a;
+};
+function u(t) {
+  let {
+    suffixCls: o,
+    tagName: a,
+    displayName: e
+  } = t;
+  return (s) => {
+    const n = /* @__PURE__ */ r.forwardRef((c, f) => /* @__PURE__ */ r.createElement(s, Object.assign({
+      ref: f,
+      suffixCls: o,
+      tagName: a
+    }, c)));
+    return process.env.NODE_ENV !== "production" && (n.displayName = e), n;
+  };
+}
+const h = /* @__PURE__ */ r.forwardRef((t, o) => {
+  const {
+    prefixCls: a,
+    suffixCls: e,
+    className: s,
+    tagName: n
+  } = t, c = v(t, ["prefixCls", "suffixCls", "className", "tagName"]), {
+    getPrefixCls: f
+  } = r.useContext(S), i = f("layout", a), [C, p, y] = j(i), x = e ? `${i}-${e}` : i;
+  return C(/* @__PURE__ */ r.createElement(n, Object.assign({
+    className: O(a || x, s, p, y),
+    ref: o
+  }, c)));
+}), k = /* @__PURE__ */ r.forwardRef((t, o) => {
+  const {
+    direction: a
+  } = r.useContext(S), [e, s] = r.useState([]), {
+    prefixCls: n,
+    className: c,
+    rootClassName: f,
+    children: i,
+    hasSider: C,
+    tagName: p,
+    style: y
+  } = t, x = v(t, ["prefixCls", "className", "rootClassName", "children", "hasSider", "tagName", "style"]), P = A(x, ["suffixCls"]), {
+    getPrefixCls: w,
+    layout: l
+  } = r.useContext(S), m = w("layout", n), E = T(e, i, C), [L, _, H] = j(m), R = O(m, {
+    [`${m}-has-sider`]: E,
+    [`${m}-rtl`]: a === "rtl"
+  }, l == null ? void 0 : l.className, c, f, _, H), V = r.useMemo(() => ({
+    siderHook: {
+      addSider: (N) => {
+        s((g) => [].concat(I(g), [N]));
+      },
+      removeSider: (N) => {
+        s((g) => g.filter(($) => $ !== N));
+      }
+    }
+  }), []);
+  return L(/* @__PURE__ */ r.createElement(F.Provider, {
+    value: V
+  }, /* @__PURE__ */ r.createElement(p, Object.assign({
+    ref: o,
+    className: R,
+    style: Object.assign(Object.assign({}, l == null ? void 0 : l.style), y)
+  }, P), i)));
+}), D = u({
+  tagName: "div",
+  displayName: "Layout"
+})(k), M = u({
+  suffixCls: "header",
+  tagName: "header",
+  displayName: "Header"
+})(h), W = u({
+  suffixCls: "footer",
+  tagName: "footer",
+  displayName: "Footer"
+})(h), q = u({
+  suffixCls: "content",
+  tagName: "main",
+  displayName: "Content"
+})(h), d = D;
+d.Header = M;
+d.Footer = W;
+d.Content = q;
+d.Sider = b;
+d._InternalSiderContext = z;
+export {
+  d as L
+};