@gobolt/genesis 0.0.8 → 0.0.9

package/dist/components/Checkbox/styles.js

@@ -1,34 +1,32 @@
-import { d as ne } from "../../styled-components.browser.esm-02f500bc.js";
-import * as c from "react";
-import X, { forwardRef as te, useRef as G, useImperativeHandle as ae } from "react";
-import { e as ce, f as le, c as I, h as M, a as ie, _ as L } from "../../presets-83ccb923.js";
-import { u as se, o as de } from "../../isVisible-729780f5.js";
-import { w as W, g as ue, m as be, r as z, o as he, p as q, C as K, D as fe, q as pe, t as xe, v as H } from "../../index-4003d75b.js";
-import { T as Ce, W as ve } from "../../index-e2b72ca8.js";
-import { F as ge, u as U } from "../../context-3b8a39af.js";
-import "react-dom";
-import "../../reactNode-f4391605.js";
-var me = ["prefixCls", "className", "style", "checked", "disabled", "defaultChecked", "type", "title", "onChange"], ke = /* @__PURE__ */ te(function(e, o) {
-  var r = e.prefixCls, n = r === void 0 ? "rc-checkbox" : r, s = e.className, C = e.style, $ = e.checked, f = e.disabled, O = e.defaultChecked, y = O === void 0 ? !1 : O, d = e.type, S = d === void 0 ? "checkbox" : d, P = e.title, l = e.onChange, E = ce(e, me), v = G(null), u = G(null), t = se(y, {
+import { d as re } from "../../styled-components.browser.esm-CZ1XM4o4.js";
+import * as t from "react";
+import X, { forwardRef as ne, useRef as L, useImperativeHandle as oe } from "react";
+import { e as ae, f as ce, c as F, h as G, a as te, _ as T } from "../../warning-C63HNL9U.js";
+import { u as le, o as ie } from "../../isVisible-A-IfeFoT.js";
+import { w as W, g as se, m as de, o as z, p as ue, q, C as K, D as be, t as fe, v as he, x as H } from "../../index-oK7z6jnz.js";
+import { T as pe, W as xe } from "../../index-1CBpubM3.js";
+import { F as Ce, u as U } from "../../context-BMW3aJEf.js";
+var me = ["prefixCls", "className", "style", "checked", "disabled", "defaultChecked", "type", "title", "onChange"], ge = /* @__PURE__ */ ne(function(e, r) {
+  var n = e.prefixCls, o = n === void 0 ? "rc-checkbox" : n, s = e.className, C = e.style, $ = e.checked, h = e.disabled, O = e.defaultChecked, y = O === void 0 ? !1 : O, d = e.type, S = d === void 0 ? "checkbox" : d, P = e.title, l = e.onChange, E = ae(e, me), m = L(null), u = L(null), a = le(y, {
     value: $
-  }), _ = le(t, 2), N = _[0], A = _[1];
-  ae(o, function() {
+  }), _ = ce(a, 2), N = _[0], A = _[1];
+  oe(r, function() {
     return {
       focus: function(i) {
-        var h;
-        (h = v.current) === null || h === void 0 || h.focus(i);
+        var f;
+        (f = m.current) === null || f === void 0 || f.focus(i);
       },
       blur: function() {
         var i;
-        (i = v.current) === null || i === void 0 || i.blur();
+        (i = m.current) === null || i === void 0 || i.blur();
       },
-      input: v.current,
+      input: m.current,
       nativeElement: u.current
     };
   });
-  var b = I(n, s, M(M({}, "".concat(n, "-checked"), N), "".concat(n, "-disabled"), f)), p = function(i) {
-    f || ("checked" in e || A(i.target.checked), l == null || l({
-      target: L(L({}, e), {}, {
+  var b = F(o, s, G(G({}, "".concat(o, "-checked"), N), "".concat(o, "-disabled"), h)), p = function(i) {
+    h || ("checked" in e || A(i.target.checked), l == null || l({
+      target: T(T({}, e), {}, {
         type: S,
         checked: i.target.checked
       }),
@@ -41,43 +39,43 @@ var me = ["prefixCls", "className", "style", "checked", "disabled", "defaultChec
       nativeEvent: i.nativeEvent
     }));
   };
-  return /* @__PURE__ */ c.createElement("span", {
+  return /* @__PURE__ */ t.createElement("span", {
     className: b,
     title: P,
     style: C,
     ref: u
-  }, /* @__PURE__ */ c.createElement("input", ie({}, E, {
-    className: "".concat(n, "-input"),
-    ref: v,
+  }, /* @__PURE__ */ t.createElement("input", te({}, E, {
+    className: "".concat(o, "-input"),
+    ref: m,
     onChange: p,
-    disabled: f,
+    disabled: h,
     checked: !!N,
     type: S
-  })), /* @__PURE__ */ c.createElement("span", {
-    className: "".concat(n, "-inner")
+  })), /* @__PURE__ */ t.createElement("span", {
+    className: "".concat(o, "-inner")
   }));
 });
-function $e(e) {
-  const o = X.useRef(null), r = () => {
-    W.cancel(o.current), o.current = null;
+function ke(e) {
+  const r = X.useRef(null), n = () => {
+    W.cancel(r.current), r.current = null;
   };
   return [() => {
-    r(), o.current = W(() => {
-      o.current = null;
+    n(), r.current = W(() => {
+      r.current = null;
     });
   }, (C) => {
-    o.current && (C.stopPropagation(), r()), e == null || e(C);
+    r.current && (C.stopPropagation(), n()), e == null || e(C);
   }];
 }
-const ye = (e) => {
+const ve = (e) => {
   const {
-    checkboxCls: o
-  } = e, r = `${o}-wrapper`;
+    checkboxCls: r
+  } = e, n = `${r}-wrapper`;
   return [
     // ===================== Basic =====================
     {
       // Group
-      [`${o}-group`]: Object.assign(Object.assign({}, z(e)), {
+      [`${r}-group`]: Object.assign(Object.assign({}, z(e)), {
         display: "inline-flex",
         flexWrap: "wrap",
         columnGap: e.marginXS,
@@ -87,7 +85,7 @@ const ye = (e) => {
         }
       }),
       // Wrapper
-      [r]: Object.assign(Object.assign({}, z(e)), {
+      [n]: Object.assign(Object.assign({}, z(e)), {
         display: "inline-flex",
         alignItems: "baseline",
         cursor: "pointer",
@@ -99,10 +97,10 @@ const ye = (e) => {
           content: "'\\a0'"
         },
         // Checkbox near checkbox
-        [`& + ${r}`]: {
+        [`& + ${n}`]: {
           marginInlineStart: 0
         },
-        [`&${r}-in-form-item`]: {
+        [`&${n}-in-form-item`]: {
           'input[type="checkbox"]': {
             width: 14,
             // FIXME: magic
@@ -112,7 +110,7 @@ const ye = (e) => {
         }
       }),
       // Wrapper > Checkbox
-      [o]: Object.assign(Object.assign({}, z(e)), {
+      [r]: Object.assign(Object.assign({}, z(e)), {
         position: "relative",
         whiteSpace: "nowrap",
         lineHeight: 1,
@@ -122,7 +120,7 @@ const ye = (e) => {
         // Ref: https://github.com/ant-design/ant-design/issues/41564
         alignSelf: "center",
         // Wrapper > Checkbox > input
-        [`${o}-input`]: {
+        [`${r}-input`]: {
           position: "absolute",
           // Since baseline align will get additional space offset,
           // we need to move input to top to make it align with text.
@@ -132,10 +130,10 @@ const ye = (e) => {
           cursor: "pointer",
           opacity: 0,
           margin: 0,
-          [`&:focus-visible + ${o}-inner`]: Object.assign({}, he(e))
+          [`&:focus-visible + ${r}-inner`]: Object.assign({}, ue(e))
         },
         // Wrapper > Checkbox > inner
-        [`${o}-inner`]: {
+        [`${r}-inner`]: {
           boxSizing: "border-box",
           display: "block",
           width: e.checkboxSize,
@@ -174,19 +172,19 @@ const ye = (e) => {
     {
       // Wrapper & Wrapper > Checkbox
       [`
-        ${r}:not(${r}-disabled),
-        ${o}:not(${o}-disabled)
+        ${n}:not(${n}-disabled),
+        ${r}:not(${r}-disabled)
       `]: {
-        [`&:hover ${o}-inner`]: {
+        [`&:hover ${r}-inner`]: {
           borderColor: e.colorPrimary
         }
       },
-      [`${r}:not(${r}-disabled)`]: {
-        [`&:hover ${o}-checked:not(${o}-disabled) ${o}-inner`]: {
+      [`${n}:not(${n}-disabled)`]: {
+        [`&:hover ${r}-checked:not(${r}-disabled) ${r}-inner`]: {
           backgroundColor: e.colorPrimaryHover,
           borderColor: "transparent"
         },
-        [`&:hover ${o}-checked:not(${o}-disabled):after`]: {
+        [`&:hover ${r}-checked:not(${r}-disabled):after`]: {
           borderColor: e.colorPrimaryHover
         }
       }
@@ -194,8 +192,8 @@ const ye = (e) => {
     // ==================== Checked ====================
     {
       // Wrapper > Checkbox
-      [`${o}-checked`]: {
-        [`${o}-inner`]: {
+      [`${r}-checked`]: {
+        [`${r}-inner`]: {
           backgroundColor: e.colorPrimary,
           borderColor: e.colorPrimary,
           "&:after": {
@@ -206,10 +204,10 @@ const ye = (e) => {
         }
       },
       [`
-        ${r}-checked:not(${r}-disabled),
-        ${o}-checked:not(${o}-disabled)
+        ${n}-checked:not(${n}-disabled),
+        ${r}-checked:not(${r}-disabled)
       `]: {
-        [`&:hover ${o}-inner`]: {
+        [`&:hover ${r}-inner`]: {
           backgroundColor: e.colorPrimaryHover,
           borderColor: "transparent"
         }
@@ -217,10 +215,10 @@ const ye = (e) => {
     },
     // ================= Indeterminate =================
     {
-      [o]: {
+      [r]: {
         "&-indeterminate": {
           // Wrapper > Checkbox > inner
-          [`${o}-inner`]: {
+          [`${r}-inner`]: {
             backgroundColor: `${e.colorBgContainer} !important`,
             borderColor: `${e.colorBorder} !important`,
             "&:after": {
@@ -236,7 +234,7 @@ const ye = (e) => {
             }
           },
           // https://github.com/ant-design/ant-design/issues/50074
-          [`&:hover ${o}-inner`]: {
+          [`&:hover ${r}-inner`]: {
             backgroundColor: `${e.colorBgContainer} !important`,
             borderColor: `${e.colorPrimary} !important`
           }
@@ -246,20 +244,20 @@ const ye = (e) => {
     // ==================== Disable ====================
     {
       // Wrapper
-      [`${r}-disabled`]: {
+      [`${n}-disabled`]: {
         cursor: "not-allowed"
       },
       // Wrapper > Checkbox
-      [`${o}-disabled`]: {
+      [`${r}-disabled`]: {
         // Wrapper > Checkbox > input
-        [`&, ${o}-input`]: {
+        [`&, ${r}-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
-        [`${o}-inner`]: {
+        [`${r}-inner`]: {
           background: e.colorBgContainerDisabled,
           borderColor: e.colorBorder,
           "&:after": {
@@ -272,154 +270,149 @@ const ye = (e) => {
         "& + span": {
           color: e.colorTextDisabled
         },
-        [`&${o}-indeterminate ${o}-inner::after`]: {
+        [`&${r}-indeterminate ${r}-inner::after`]: {
           background: e.colorTextDisabled
         }
       }
     }
   ];
 };
-function Se(e, o) {
-  const r = be(o, {
+function $e(e, r) {
+  const n = de(r, {
     checkboxCls: `.${e}`,
-    checkboxSize: o.controlInteractiveSize
+    checkboxSize: r.controlInteractiveSize
   });
-  return [ye(r)];
+  return [ve(n)];
 }
-const J = ue("Checkbox", (e, o) => {
+const J = se("Checkbox", (e, r) => {
   let {
-    prefixCls: r
-  } = o;
-  return [Se(r, e)];
-}), Ae = /* @__PURE__ */ X.createContext(null), Q = Ae;
-var we = globalThis && globalThis.__rest || function(e, o) {
-  var r = {};
-  for (var n in e)
-    Object.prototype.hasOwnProperty.call(e, n) && o.indexOf(n) < 0 && (r[n] = e[n]);
-  if (e != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var s = 0, n = Object.getOwnPropertySymbols(e); s < n.length; s++)
-      o.indexOf(n[s]) < 0 && Object.prototype.propertyIsEnumerable.call(e, n[s]) && (r[n[s]] = e[n[s]]);
-  return r;
+    prefixCls: n
+  } = r;
+  return [$e(n, e)];
+}), Q = /* @__PURE__ */ X.createContext(null);
+var ye = function(e, r) {
+  var n = {};
+  for (var o in e) Object.prototype.hasOwnProperty.call(e, o) && r.indexOf(o) < 0 && (n[o] = e[o]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function") for (var s = 0, o = Object.getOwnPropertySymbols(e); s < o.length; s++)
+    r.indexOf(o[s]) < 0 && Object.prototype.propertyIsEnumerable.call(e, o[s]) && (n[o[s]] = e[o[s]]);
+  return n;
 };
-const Oe = (e, o) => {
-  var r;
+const Se = (e, r) => {
+  var n;
   const {
-    prefixCls: n,
+    prefixCls: o,
     className: s,
     rootClassName: C,
     children: $,
-    indeterminate: f = !1,
+    indeterminate: h = !1,
     style: O,
     onMouseEnter: y,
     onMouseLeave: d,
     skipGroup: S = !1,
     disabled: P
-  } = e, l = we(e, ["prefixCls", "className", "rootClassName", "children", "indeterminate", "style", "onMouseEnter", "onMouseLeave", "skipGroup", "disabled"]), {
+  } = e, l = ye(e, ["prefixCls", "className", "rootClassName", "children", "indeterminate", "style", "onMouseEnter", "onMouseLeave", "skipGroup", "disabled"]), {
     getPrefixCls: E,
-    direction: v,
+    direction: m,
     checkbox: u
-  } = c.useContext(K), t = c.useContext(Q), {
+  } = t.useContext(K), a = t.useContext(Q), {
     isFormItemInput: _
-  } = c.useContext(ge), N = c.useContext(fe), A = (r = (t == null ? void 0 : t.disabled) || P) !== null && r !== void 0 ? r : N, b = c.useRef(l.value), p = c.useRef(null), w = pe(o, p);
+  } = t.useContext(Ce), N = t.useContext(be), A = (n = (a == null ? void 0 : a.disabled) || P) !== null && n !== void 0 ? n : N, b = t.useRef(l.value), p = t.useRef(null), w = fe(r, p);
   if (process.env.NODE_ENV !== "production") {
-    const x = xe("Checkbox");
-    process.env.NODE_ENV !== "production" && x("checked" in l || !!t || !("value" in l), "usage", "`value` is not a valid prop, do you mean `checked`?");
+    const x = he("Checkbox");
+    process.env.NODE_ENV !== "production" && x("checked" in l || !!a || !("value" in l), "usage", "`value` is not a valid prop, do you mean `checked`?");
   }
-  c.useEffect(() => {
-    t == null || t.registerValue(l.value);
-  }, []), c.useEffect(() => {
+  t.useEffect(() => {
+    a == null || a.registerValue(l.value);
+  }, []), t.useEffect(() => {
     if (!S)
-      return l.value !== b.current && (t == null || t.cancelValue(b.current), t == null || t.registerValue(l.value), b.current = l.value), () => t == null ? void 0 : t.cancelValue(l.value);
-  }, [l.value]), c.useEffect(() => {
+      return l.value !== b.current && (a == null || a.cancelValue(b.current), a == null || a.registerValue(l.value), b.current = l.value), () => a == null ? void 0 : a.cancelValue(l.value);
+  }, [l.value]), t.useEffect(() => {
     var x;
-    !((x = p.current) === null || x === void 0) && x.input && (p.current.input.indeterminate = f);
-  }, [f]);
-  const i = E("checkbox", n), h = U(i), [j, F, D] = J(i, h), g = Object.assign({}, l);
-  t && !S && (g.onChange = function() {
-    l.onChange && l.onChange.apply(l, arguments), t.toggleOption && t.toggleOption({
+    !((x = p.current) === null || x === void 0) && x.input && (p.current.input.indeterminate = h);
+  }, [h]);
+  const i = E("checkbox", o), f = U(i), [V, R, j] = J(i, f), g = Object.assign({}, l);
+  a && !S && (g.onChange = function() {
+    l.onChange && l.onChange.apply(l, arguments), a.toggleOption && a.toggleOption({
       label: $,
       value: l.value
     });
-  }, g.name = t.name, g.checked = t.value.includes(l.value));
-  const B = I(`${i}-wrapper`, {
-    [`${i}-rtl`]: v === "rtl",
+  }, g.name = a.name, g.checked = a.value.includes(l.value));
+  const D = F(`${i}-wrapper`, {
+    [`${i}-rtl`]: m === "rtl",
     [`${i}-wrapper-checked`]: g.checked,
     [`${i}-wrapper-disabled`]: A,
     [`${i}-wrapper-in-form-item`]: _
-  }, u == null ? void 0 : u.className, s, C, D, h, F), a = I({
-    [`${i}-indeterminate`]: f
-  }, Ce, F), [m, k] = $e(g.onClick);
-  return j(/* @__PURE__ */ c.createElement(ve, {
+  }, u == null ? void 0 : u.className, s, C, j, f, R), c = F({
+    [`${i}-indeterminate`]: h
+  }, pe, R), [k, v] = ke(g.onClick);
+  return V(/* @__PURE__ */ t.createElement(xe, {
     component: "Checkbox",
     disabled: A
-  }, /* @__PURE__ */ c.createElement("label", {
-    className: B,
+  }, /* @__PURE__ */ t.createElement("label", {
+    className: D,
     style: Object.assign(Object.assign({}, u == null ? void 0 : u.style), O),
     onMouseEnter: y,
     onMouseLeave: d,
-    onClick: m
-  }, /* @__PURE__ */ c.createElement(ke, Object.assign({}, g, {
-    onClick: k,
+    onClick: k
+  }, /* @__PURE__ */ t.createElement(ge, Object.assign({}, g, {
+    onClick: v,
     prefixCls: i,
-    className: a,
+    className: c,
     disabled: A,
     ref: w
-  })), $ !== void 0 && /* @__PURE__ */ c.createElement("span", null, $))));
-}, Y = /* @__PURE__ */ c.forwardRef(Oe);
-process.env.NODE_ENV !== "production" && (Y.displayName = "Checkbox");
-const Z = Y;
-var Ee = globalThis && globalThis.__rest || function(e, o) {
-  var r = {};
-  for (var n in e)
-    Object.prototype.hasOwnProperty.call(e, n) && o.indexOf(n) < 0 && (r[n] = e[n]);
-  if (e != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var s = 0, n = Object.getOwnPropertySymbols(e); s < n.length; s++)
-      o.indexOf(n[s]) < 0 && Object.prototype.propertyIsEnumerable.call(e, n[s]) && (r[n[s]] = e[n[s]]);
-  return r;
+  })), $ !== void 0 && /* @__PURE__ */ t.createElement("span", null, $))));
+}, M = /* @__PURE__ */ t.forwardRef(Se);
+process.env.NODE_ENV !== "production" && (M.displayName = "Checkbox");
+var Ae = function(e, r) {
+  var n = {};
+  for (var o in e) Object.prototype.hasOwnProperty.call(e, o) && r.indexOf(o) < 0 && (n[o] = e[o]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function") for (var s = 0, o = Object.getOwnPropertySymbols(e); s < o.length; s++)
+    r.indexOf(o[s]) < 0 && Object.prototype.propertyIsEnumerable.call(e, o[s]) && (n[o[s]] = e[o[s]]);
+  return n;
 };
-const _e = /* @__PURE__ */ c.forwardRef((e, o) => {
+const we = /* @__PURE__ */ t.forwardRef((e, r) => {
   const {
-    defaultValue: r,
-    children: n,
+    defaultValue: n,
+    children: o,
     options: s = [],
     prefixCls: C,
     className: $,
-    rootClassName: f,
+    rootClassName: h,
     style: O,
     onChange: y
-  } = e, d = Ee(e, ["defaultValue", "children", "options", "prefixCls", "className", "rootClassName", "style", "onChange"]), {
+  } = e, d = Ae(e, ["defaultValue", "children", "options", "prefixCls", "className", "rootClassName", "style", "onChange"]), {
     getPrefixCls: S,
     direction: P
-  } = c.useContext(K), [l, E] = c.useState(d.value || r || []), [v, u] = c.useState([]);
-  c.useEffect(() => {
+  } = t.useContext(K), [l, E] = t.useState(d.value || n || []), [m, u] = t.useState([]);
+  t.useEffect(() => {
     "value" in d && E(d.value || []);
   }, [d.value]);
-  const t = c.useMemo(() => s.map((a) => typeof a == "string" || typeof a == "number" ? {
-    label: a,
-    value: a
-  } : a), [s]), _ = (a) => {
-    u((m) => m.filter((k) => k !== a));
-  }, N = (a) => {
-    u((m) => [].concat(H(m), [a]));
-  }, A = (a) => {
-    const m = l.indexOf(a.value), k = H(l);
-    m === -1 ? k.push(a.value) : k.splice(m, 1), "value" in d || E(k), y == null || y(k.filter((x) => v.includes(x)).sort((x, ee) => {
-      const oe = t.findIndex((T) => T.value === x), re = t.findIndex((T) => T.value === ee);
-      return oe - re;
+  const a = t.useMemo(() => s.map((c) => typeof c == "string" || typeof c == "number" ? {
+    label: c,
+    value: c
+  } : c), [s]), _ = (c) => {
+    u((k) => k.filter((v) => v !== c));
+  }, N = (c) => {
+    u((k) => [].concat(H(k), [c]));
+  }, A = (c) => {
+    const k = l.indexOf(c.value), v = H(l);
+    k === -1 ? v.push(c.value) : v.splice(k, 1), "value" in d || E(v), y == null || y(v.filter((x) => m.includes(x)).sort((x, Y) => {
+      const Z = a.findIndex((B) => B.value === x), ee = a.findIndex((B) => B.value === Y);
+      return Z - ee;
     }));
-  }, b = S("checkbox", C), p = `${b}-group`, w = U(b), [i, h, j] = J(b, w), F = de(d, ["value", "disabled"]), D = s.length ? t.map((a) => /* @__PURE__ */ c.createElement(Z, {
+  }, b = S("checkbox", C), p = `${b}-group`, w = U(b), [i, f, V] = J(b, w), R = ie(d, ["value", "disabled"]), j = s.length ? a.map((c) => /* @__PURE__ */ t.createElement(M, {
     prefixCls: b,
-    key: a.value.toString(),
-    disabled: "disabled" in a ? a.disabled : d.disabled,
-    value: a.value,
-    checked: l.includes(a.value),
-    onChange: a.onChange,
+    key: c.value.toString(),
+    disabled: "disabled" in c ? c.disabled : d.disabled,
+    value: c.value,
+    checked: l.includes(c.value),
+    onChange: c.onChange,
     className: `${p}-item`,
-    style: a.style,
-    title: a.title,
-    id: a.id,
-    required: a.required
-  }, a.label)) : n, g = {
+    style: c.style,
+    title: c.title,
+    id: c.id,
+    required: c.required
+  }, c.label)) : o, g = {
     toggleOption: A,
     value: l,
     disabled: d.disabled,
@@ -427,22 +420,22 @@ const _e = /* @__PURE__ */ c.forwardRef((e, o) => {
     // https://github.com/ant-design/ant-design/issues/16376
     registerValue: N,
     cancelValue: _
-  }, B = I(p, {
+  }, D = F(p, {
     [`${p}-rtl`]: P === "rtl"
-  }, $, f, j, w, h);
-  return i(/* @__PURE__ */ c.createElement("div", Object.assign({
-    className: B,
+  }, $, h, V, w, f);
+  return i(/* @__PURE__ */ t.createElement("div", Object.assign({
+    className: D,
     style: O
-  }, F, {
-    ref: o
-  }), /* @__PURE__ */ c.createElement(Q.Provider, {
+  }, R, {
+    ref: r
+  }), /* @__PURE__ */ t.createElement(Q.Provider, {
     value: g
-  }, D)));
-}), Ne = _e, V = Z;
-V.Group = Ne;
-V.__ANT_CHECKBOX = !0;
-process.env.NODE_ENV !== "production" && (V.displayName = "Checkbox");
-const Pe = V, R = "#384DF6", Fe = ({ colors: e, borderRadius: o }, r = "primary", n = "active") => `
+  }, j)));
+}), I = M;
+I.Group = we;
+I.__ANT_CHECKBOX = !0;
+process.env.NODE_ENV !== "production" && (I.displayName = "Checkbox");
+const Oe = ({ colors: e, borderRadius: r }, n = "primary", o = "active") => `
   .ant-checkbox-inner {
     background-color: #FFFFFF;
     border-color: #9A9A9A;
@@ -451,7 +444,7 @@ const Pe = V, R = "#384DF6", Fe = ({ colors: e, borderRadius: o }, r = "primary"
 
     &::after {
       border-color: #9A9A9A;
-      border: 2px solid ${e[r][n].color};
+      border: 2px solid ${e[n][o].color};
       border-top: 0;
       border-left: 0;
       content: "";
@@ -512,7 +505,7 @@ const Pe = V, R = "#384DF6", Fe = ({ colors: e, borderRadius: o }, r = "primary"
   }
 
   .ant-checkbox-checked .ant-checkbox-inner::after {
-    border-color: ${e[r].active.color};
+    border-color: ${e[n].active.color};
   }
 
   &:hover .ant-checkbox-inner {
@@ -532,18 +525,18 @@ const Pe = V, R = "#384DF6", Fe = ({ colors: e, borderRadius: o }, r = "primary"
   }
 
   .ant-checkbox-checked .ant-checkbox-inner {
-    background-color:${e[r].focussed.ringColor};
+    background-color:${e[n].focussed.ringColor};
     border-color: #6C6C6C;
   }
 
   .ant-checkbox-checked .ant-checkbox-inner {
-    background-color: ${R};
-    border-color: ${R};
+    background-color: ${e.inputs.surface.checked};
+    border-color: ${e.inputs.surface.checked};
   }
 
   &:hover .ant-checkbox-checked .ant-checkbox-inner {
-    background-color: ${R};
-    border-color: ${R};
+    background-color: ${e.inputs.surface.checked};
+    border-color: ${e.inputs.surface.checked};
   }
 
   &:hover .ant-checkbox-checked .ant-checkbox-inner::after {
@@ -555,36 +548,36 @@ const Pe = V, R = "#384DF6", Fe = ({ colors: e, borderRadius: o }, r = "primary"
   }
 
   &:hover .ant-checkbox-checked .ant-checkbox-inner {
-    background-color: ${e[r].focussed.ringColor};
+    background-color: ${e[n].focussed.ringColor};
     border-color: #6C6C6C;
   }
 
   .ant-checkbox:focus-visible .ant-checkbox-inner,
   .ant-checkbox-input:focus-visible + .ant-checkbox-inner {
     outline: none;
-    box-shadow: 0 0 0 1px #fff, 0 0 0 3px ${e[r].focussed.ringColor};
-    border-radius: ${o.BorderRadiusXs}px;
+    box-shadow: 0 0 0 1px #fff, 0 0 0 3px ${e[n].focussed.ringColor};
+    border-radius: ${r.BorderRadiusXs}px;
     border-color: #9A9A9A;
     transition: box-shadow 0.2s ease-in-out;
   }
 
   .ant-checkbox-input:focus + .ant-checkbox-inner {
-    border-color: ${e[r].hover.borderColor};
+    border-color: ${e[n].hover.borderColor};
   }
 
   &:focus-visible {
     outline: none;
-    color: ${e[r].focussed.color};
-    background-color: ${e[r].focussed.backgroundColor};
-    box-shadow: 0 0 0 1px #fff, 0 0 0 3px ${e[r].focussed.ringColor};
-    border-radius: ${o.BorderRadiusXs}px;
+    color: ${e[n].focussed.color};
+    background-color: ${e[n].focussed.backgroundColor};
+    box-shadow: 0 0 0 1px #fff, 0 0 0 3px ${e[n].focussed.ringColor};
+    border-radius: ${r.BorderRadiusXs}px;
     border-color: #9A9A9A;
     transition: box-shadow 0.2s ease-in-out;
   }
-`, Me = ne(Pe)`
-  ${({ theme: e, type: o, state: r }) => Fe(e, o, r)}
+`, Ve = re(I)`
+  ${({ theme: e, type: r, state: n }) => Oe(e, r, n)}
 `;
 export {
-  Me as StyledCheckbox,
-  Fe as getGenesisClass
+  Ve as StyledCheckbox,
+  Oe as getGenesisClass
 };

package/dist/components/ErrorBoundaryFallback/ErrorBoundaryFallback.d.ts

@@ -1,10 +1,8 @@
-import { default as React } from 'react';
-
-interface FallbackProps {
+export interface ErrorBoundaryFallbackProps {
     error?: Error | null;
     componentStack?: string | null;
     eventId: string | null;
     resetError: () => void;
 }
-declare const ErrorBoundaryFallback: React.FC<FallbackProps>;
+declare const ErrorBoundaryFallback: (props: ErrorBoundaryFallbackProps) => import("react/jsx-runtime").JSX.Element;
 export default ErrorBoundaryFallback;