@gobolt/genesis 0.1.5 → 0.2.0

package/dist/components/Switch/styles.js

@@ -1,456 +0,0 @@
-import { d as L } from "../../styled-components.browser.esm-C47QHsU4.js";
-import * as h from "react";
-import { R as A } from "../../LoadingOutlined-DOi5EGOl.js";
-import { g as X, a as K, c as D, b as N, e as R, F as V } from "../../presets-CSXMiWyc.js";
-import { u as q } from "../../useMergedState-D1-TbeEv.js";
-import { K as H } from "../../KeyCode-B3vHb2gY.js";
-import { W as _ } from "../../index-Br3D3cFM.js";
-import { D as F } from "../../index-DCopujxC.js";
-import { u as B } from "../../useSize-Ct1guc-z.js";
-import { g as G, m as Q, j as U, f as p, o as J, C as Y } from "../../CSSMotionList-DB0khM6h.js";
-var Z = ["prefixCls", "className", "checked", "defaultChecked", "disabled", "loadingIcon", "checkedChildren", "unCheckedChildren", "onClick", "onChange", "onKeyDown"], O = /* @__PURE__ */ h.forwardRef(function(e, n) {
-  var c, a = e.prefixCls, l = a === void 0 ? "rc-switch" : a, r = e.className, d = e.checked, t = e.defaultChecked, i = e.disabled, o = e.loadingIcon, s = e.checkedChildren, g = e.unCheckedChildren, C = e.onClick, S = e.onChange, w = e.onKeyDown, y = X(e, Z), M = q(!1, {
-    value: d,
-    defaultValue: t
-  }), v = K(M, 2), f = v[0], $ = v[1];
-  function I(u, k) {
-    var b = f;
-    return i || (b = u, $(b), S == null || S(b, k)), b;
-  }
-  function x(u) {
-    u.which === H.LEFT ? I(!1, u) : u.which === H.RIGHT && I(!0, u), w == null || w(u);
-  }
-  function m(u) {
-    var k = I(!f, u);
-    C == null || C(k, u);
-  }
-  var E = D(l, r, (c = {}, N(c, "".concat(l, "-checked"), f), N(c, "".concat(l, "-disabled"), i), c));
-  return /* @__PURE__ */ h.createElement("button", R({}, y, {
-    type: "button",
-    role: "switch",
-    "aria-checked": f,
-    disabled: i,
-    className: E,
-    ref: n,
-    onKeyDown: x,
-    onClick: m
-  }), o, /* @__PURE__ */ h.createElement("span", {
-    className: "".concat(l, "-inner")
-  }, /* @__PURE__ */ h.createElement("span", {
-    className: "".concat(l, "-inner-checked")
-  }, s), /* @__PURE__ */ h.createElement("span", {
-    className: "".concat(l, "-inner-unchecked")
-  }, g)));
-});
-O.displayName = "Switch";
-const ee = (e) => {
-  const {
-    componentCls: n,
-    trackHeightSM: c,
-    trackPadding: a,
-    trackMinWidthSM: l,
-    innerMinMarginSM: r,
-    innerMaxMarginSM: d,
-    handleSizeSM: t,
-    calc: i
-  } = e, o = `${n}-inner`, s = p(i(t).add(i(a).mul(2)).equal()), g = p(i(d).mul(2).equal());
-  return {
-    [n]: {
-      [`&${n}-small`]: {
-        minWidth: l,
-        height: c,
-        lineHeight: p(c),
-        [`${n}-inner`]: {
-          paddingInlineStart: d,
-          paddingInlineEnd: r,
-          [`${o}-checked, ${o}-unchecked`]: {
-            minHeight: c
-          },
-          [`${o}-checked`]: {
-            marginInlineStart: `calc(-100% + ${s} - ${g})`,
-            marginInlineEnd: `calc(100% - ${s} + ${g})`
-          },
-          [`${o}-unchecked`]: {
-            marginTop: i(c).mul(-1).equal(),
-            marginInlineStart: 0,
-            marginInlineEnd: 0
-          }
-        },
-        [`${n}-handle`]: {
-          width: t,
-          height: t
-        },
-        [`${n}-loading-icon`]: {
-          top: i(i(t).sub(e.switchLoadingIconSize)).div(2).equal(),
-          fontSize: e.switchLoadingIconSize
-        },
-        [`&${n}-checked`]: {
-          [`${n}-inner`]: {
-            paddingInlineStart: r,
-            paddingInlineEnd: d,
-            [`${o}-checked`]: {
-              marginInlineStart: 0,
-              marginInlineEnd: 0
-            },
-            [`${o}-unchecked`]: {
-              marginInlineStart: `calc(100% - ${s} + ${g})`,
-              marginInlineEnd: `calc(-100% + ${s} - ${g})`
-            }
-          },
-          [`${n}-handle`]: {
-            insetInlineStart: `calc(100% - ${p(i(t).add(a).equal())})`
-          }
-        },
-        [`&:not(${n}-disabled):active`]: {
-          [`&:not(${n}-checked) ${o}`]: {
-            [`${o}-unchecked`]: {
-              marginInlineStart: i(e.marginXXS).div(2).equal(),
-              marginInlineEnd: i(e.marginXXS).mul(-1).div(2).equal()
-            }
-          },
-          [`&${n}-checked ${o}`]: {
-            [`${o}-checked`]: {
-              marginInlineStart: i(e.marginXXS).mul(-1).div(2).equal(),
-              marginInlineEnd: i(e.marginXXS).div(2).equal()
-            }
-          }
-        }
-      }
-    }
-  };
-}, ne = (e) => {
-  const {
-    componentCls: n,
-    handleSize: c,
-    calc: a
-  } = e;
-  return {
-    [n]: {
-      [`${n}-loading-icon${e.iconCls}`]: {
-        position: "relative",
-        top: a(a(c).sub(e.fontSize)).div(2).equal(),
-        color: e.switchLoadingIconColor,
-        verticalAlign: "top"
-      },
-      [`&${n}-checked ${n}-loading-icon`]: {
-        color: e.switchColor
-      }
-    }
-  };
-}, ie = (e) => {
-  const {
-    componentCls: n,
-    trackPadding: c,
-    handleBg: a,
-    handleShadow: l,
-    handleSize: r,
-    calc: d
-  } = e, t = `${n}-handle`;
-  return {
-    [n]: {
-      [t]: {
-        position: "absolute",
-        top: c,
-        insetInlineStart: c,
-        width: r,
-        height: r,
-        transition: `all ${e.switchDuration} ease-in-out`,
-        "&::before": {
-          position: "absolute",
-          top: 0,
-          insetInlineEnd: 0,
-          bottom: 0,
-          insetInlineStart: 0,
-          backgroundColor: a,
-          borderRadius: d(r).div(2).equal(),
-          boxShadow: l,
-          transition: `all ${e.switchDuration} ease-in-out`,
-          content: '""'
-        }
-      },
-      [`&${n}-checked ${t}`]: {
-        insetInlineStart: `calc(100% - ${p(d(r).add(c).equal())})`
-      },
-      [`&:not(${n}-disabled):active`]: {
-        [`${t}::before`]: {
-          insetInlineEnd: e.switchHandleActiveInset,
-          insetInlineStart: 0
-        },
-        [`&${n}-checked ${t}::before`]: {
-          insetInlineEnd: 0,
-          insetInlineStart: e.switchHandleActiveInset
-        }
-      }
-    }
-  };
-}, ae = (e) => {
-  const {
-    componentCls: n,
-    trackHeight: c,
-    trackPadding: a,
-    innerMinMargin: l,
-    innerMaxMargin: r,
-    handleSize: d,
-    calc: t
-  } = e, i = `${n}-inner`, o = p(t(d).add(t(a).mul(2)).equal()), s = p(t(r).mul(2).equal());
-  return {
-    [n]: {
-      [i]: {
-        display: "block",
-        overflow: "hidden",
-        borderRadius: 100,
-        height: "100%",
-        paddingInlineStart: r,
-        paddingInlineEnd: l,
-        transition: `padding-inline-start ${e.switchDuration} ease-in-out, padding-inline-end ${e.switchDuration} ease-in-out`,
-        [`${i}-checked, ${i}-unchecked`]: {
-          display: "block",
-          color: e.colorTextLightSolid,
-          fontSize: e.fontSizeSM,
-          transition: `margin-inline-start ${e.switchDuration} ease-in-out, margin-inline-end ${e.switchDuration} ease-in-out`,
-          pointerEvents: "none",
-          minHeight: c
-        },
-        [`${i}-checked`]: {
-          marginInlineStart: `calc(-100% + ${o} - ${s})`,
-          marginInlineEnd: `calc(100% - ${o} + ${s})`
-        },
-        [`${i}-unchecked`]: {
-          marginTop: t(c).mul(-1).equal(),
-          marginInlineStart: 0,
-          marginInlineEnd: 0
-        }
-      },
-      [`&${n}-checked ${i}`]: {
-        paddingInlineStart: l,
-        paddingInlineEnd: r,
-        [`${i}-checked`]: {
-          marginInlineStart: 0,
-          marginInlineEnd: 0
-        },
-        [`${i}-unchecked`]: {
-          marginInlineStart: `calc(100% - ${o} + ${s})`,
-          marginInlineEnd: `calc(-100% + ${o} - ${s})`
-        }
-      },
-      [`&:not(${n}-disabled):active`]: {
-        [`&:not(${n}-checked) ${i}`]: {
-          [`${i}-unchecked`]: {
-            marginInlineStart: t(a).mul(2).equal(),
-            marginInlineEnd: t(a).mul(-1).mul(2).equal()
-          }
-        },
-        [`&${n}-checked ${i}`]: {
-          [`${i}-checked`]: {
-            marginInlineStart: t(a).mul(-1).mul(2).equal(),
-            marginInlineEnd: t(a).mul(2).equal()
-          }
-        }
-      }
-    }
-  };
-}, te = (e) => {
-  const {
-    componentCls: n,
-    trackHeight: c,
-    trackMinWidth: a
-  } = e;
-  return {
-    [n]: Object.assign(Object.assign(Object.assign(Object.assign({}, U(e)), {
-      position: "relative",
-      display: "inline-block",
-      boxSizing: "border-box",
-      minWidth: a,
-      height: c,
-      lineHeight: p(c),
-      verticalAlign: "middle",
-      background: e.colorTextQuaternary,
-      border: "0",
-      borderRadius: 100,
-      cursor: "pointer",
-      transition: `all ${e.motionDurationMid}`,
-      userSelect: "none",
-      [`&:hover:not(${n}-disabled)`]: {
-        background: e.colorTextTertiary
-      }
-    }), J(e)), {
-      [`&${n}-checked`]: {
-        background: e.switchColor,
-        [`&:hover:not(${n}-disabled)`]: {
-          background: e.colorPrimaryHover
-        }
-      },
-      [`&${n}-loading, &${n}-disabled`]: {
-        cursor: "not-allowed",
-        opacity: e.switchDisabledOpacity,
-        "*": {
-          boxShadow: "none",
-          cursor: "not-allowed"
-        }
-      },
-      // rtl style
-      [`&${n}-rtl`]: {
-        direction: "rtl"
-      }
-    })
-  };
-}, ce = (e) => {
-  const {
-    fontSize: n,
-    lineHeight: c,
-    controlHeight: a,
-    colorWhite: l
-  } = e, r = n * c, d = a / 2, t = 2, i = r - t * 2, o = d - t * 2;
-  return {
-    trackHeight: r,
-    trackHeightSM: d,
-    trackMinWidth: i * 2 + t * 4,
-    trackMinWidthSM: o * 2 + t * 2,
-    trackPadding: t,
-    // Fixed value
-    handleBg: l,
-    handleSize: i,
-    handleSizeSM: o,
-    handleShadow: `0 2px 4px 0 ${new V("#00230b").setA(0.2).toRgbString()}`,
-    innerMinMargin: i / 2,
-    innerMaxMargin: i + t + t * 2,
-    innerMinMarginSM: o / 2,
-    innerMaxMarginSM: o + t + t * 2
-  };
-}, le = G("Switch", (e) => {
-  const n = Q(e, {
-    switchDuration: e.motionDurationMid,
-    switchColor: e.colorPrimary,
-    switchDisabledOpacity: e.opacityLoading,
-    switchLoadingIconSize: e.calc(e.fontSizeIcon).mul(0.75).equal(),
-    switchLoadingIconColor: `rgba(0, 0, 0, ${e.opacityLoading})`,
-    switchHandleActiveInset: "-30%"
-  });
-  return [
-    te(n),
-    // inner style
-    ae(n),
-    // handle style
-    ie(n),
-    // loading style
-    ne(n),
-    // small style
-    ee(n)
-  ];
-}, ce);
-var oe = function(e, n) {
-  var c = {};
-  for (var a in e) Object.prototype.hasOwnProperty.call(e, a) && n.indexOf(a) < 0 && (c[a] = e[a]);
-  if (e != null && typeof Object.getOwnPropertySymbols == "function") for (var l = 0, a = Object.getOwnPropertySymbols(e); l < a.length; l++)
-    n.indexOf(a[l]) < 0 && Object.prototype.propertyIsEnumerable.call(e, a[l]) && (c[a[l]] = e[a[l]]);
-  return c;
-};
-const re = /* @__PURE__ */ h.forwardRef((e, n) => {
-  const {
-    prefixCls: c,
-    size: a,
-    disabled: l,
-    loading: r,
-    className: d,
-    rootClassName: t,
-    style: i,
-    checked: o,
-    value: s,
-    defaultChecked: g,
-    defaultValue: C,
-    onChange: S
-  } = e, w = oe(e, ["prefixCls", "size", "disabled", "loading", "className", "rootClassName", "style", "checked", "value", "defaultChecked", "defaultValue", "onChange"]), [y, M] = q(!1, {
-    value: o ?? s,
-    defaultValue: g ?? C
-  }), {
-    getPrefixCls: v,
-    direction: f,
-    switch: $
-  } = h.useContext(Y), I = h.useContext(F), x = (l ?? I) || r, m = v("switch", c), E = /* @__PURE__ */ h.createElement("div", {
-    className: `${m}-handle`
-  }, r && /* @__PURE__ */ h.createElement(A, {
-    className: `${m}-loading-icon`
-  })), [u, k, b] = le(m), P = B(a), T = D($ == null ? void 0 : $.className, {
-    [`${m}-small`]: P === "small",
-    [`${m}-loading`]: r,
-    [`${m}-rtl`]: f === "rtl"
-  }, d, t, k, b), j = Object.assign(Object.assign({}, $ == null ? void 0 : $.style), i), W = function() {
-    M(arguments.length <= 0 ? void 0 : arguments[0]), S == null || S.apply(void 0, arguments);
-  };
-  return u(/* @__PURE__ */ h.createElement(_, {
-    component: "Switch"
-  }, /* @__PURE__ */ h.createElement(O, Object.assign({}, w, {
-    checked: y,
-    onChange: W,
-    prefixCls: m,
-    className: T,
-    style: j,
-    disabled: x,
-    ref: n,
-    loadingIcon: E
-  }))));
-}), z = re;
-z.__ANT_SWITCH = !0;
-process.env.NODE_ENV !== "production" && (z.displayName = "Switch");
-const de = ({ colors: e, borderRadius: n }) => `
-  &.ant-switch {
-    background-color: ${e.primary.active};
-    border-radius: ${n == null ? void 0 : n.BorderRadiusMd};
-    
-    /* Focus ring styles */
-    &:focus-visible {
-      outline: none;
-      box-shadow: 0 0 0 2px ${e.inputs.onsurface.focus};
-    }
-    
-    /* Unchecked states */
-    &:not(.ant-switch-checked) {
-      background-color: ${e.surface.tertiary};
-
-      &:hover {
-        background-color: ${e.status.info.surface};
-      }
-
-      &:focus {
-        background-color: ${e.surface.tertiary};
-      }
-
-      &:focus-visible {
-        outline: none;
-        box-shadow: 0 0 0 2px ${e.inputs.onsurface.focus};
-      }
-
-      &.ant-switch-disabled {
-        background-color: ${e.inputs.surface.disabled};
-      }
-    }
-
-    /* Checked states */
-    &-checked {
-      background-color: ${e.inputs.surface.checked};
-
-      &:hover {
-        background-color: ${e.inputs.surface["checked-hover"]};
-      }
-
-      &:focus {
-        background-color: ${e.inputs.surface["checked-focussed"]};
-      }
-
-      &:focus-visible {
-        outline: none;
-        box-shadow: 0 0 0 2px ${e.inputs.onsurface.focus};
-      }
-
-      &.ant-switch-disabled {
-        background-color: ${e.inputs.surface.disabled};
-      }
-    }
-  }
-`, be = L(z)`
-  ${({ theme: e }) => de(e)}
-`;
-export {
-  be as Switch,
-  be as default
-};

package/dist/components/Table/Table.js

@@ -1,23 +0,0 @@
-import { jsx as r } from "react/jsx-runtime";
-import { T as m } from "../../styles-Wpm1RiGr.js";
-const d = ({
-  columns: a,
-  dataSource: t,
-  rowKey: e = "id",
-  size: l = "small",
-  ...o
-}) => /* @__PURE__ */ r(
-  m,
-  {
-    "data-testid": "Table",
-    dataSource: t,
-    columns: a,
-    rowKey: e,
-    locale: { emptyText: "No Data" },
-    size: l,
-    ...o
-  }
-);
-export {
-  d as default
-};