@gobolt/genesis 0.0.7 → 0.0.8

package/dist/components/{atoms/checkbox → Checkbox}/styles.js

@@ -1,31 +1,34 @@
-import { d as ne } from "../../../styled-components.browser.esm-CZ1XM4o4.js";
+import { d as ne } from "../../styled-components.browser.esm-02f500bc.js";
 import * as c from "react";
-import K, { forwardRef as oe, useRef as L, useImperativeHandle as ae } from "react";
-import { d as te, e as ce, c as I, h as T, _ as le, a as H, B as W, m as ie, n as se, D as M, E as de, z as q, C as U, F as ue, G as be, A as fe, H as X } from "../../../index-BWys7dkb.js";
-import { u as he, o as pe } from "../../../isVisible-CNQjrJPN.js";
-import { T as xe, W as Ce } from "../../../index-C7kFNqp2.js";
-import { F as me, u as J } from "../../../context-CZsFJmh6.js";
-var ge = ["prefixCls", "className", "style", "checked", "disabled", "defaultChecked", "type", "title", "onChange"], ke = /* @__PURE__ */ oe(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 = te(e, ge), m = L(null), u = L(null), a = he(y, {
+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, {
     value: $
-  }), _ = ce(a, 2), N = _[0], A = _[1];
-  ae(r, function() {
+  }), _ = le(t, 2), N = _[0], A = _[1];
+  ae(o, function() {
     return {
       focus: function(i) {
-        var f;
-        (f = m.current) === null || f === void 0 || f.focus(i);
+        var h;
+        (h = v.current) === null || h === void 0 || h.focus(i);
       },
       blur: function() {
         var i;
-        (i = m.current) === null || i === void 0 || i.blur();
+        (i = v.current) === null || i === void 0 || i.blur();
       },
-      input: m.current,
+      input: v.current,
       nativeElement: u.current
     };
   });
-  var b = I(o, s, T(T({}, "".concat(o, "-checked"), N), "".concat(o, "-disabled"), h)), p = function(i) {
-    h || ("checked" in e || A(i.target.checked), l == null || l({
-      target: H(H({}, e), {}, {
+  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), {}, {
         type: S,
         checked: i.target.checked
       }),
@@ -43,38 +46,38 @@ var ge = ["prefixCls", "className", "style", "checked", "disabled", "defaultChec
     title: P,
     style: C,
     ref: u
-  }, /* @__PURE__ */ c.createElement("input", le({}, E, {
-    className: "".concat(o, "-input"),
-    ref: m,
+  }, /* @__PURE__ */ c.createElement("input", ie({}, E, {
+    className: "".concat(n, "-input"),
+    ref: v,
     onChange: p,
-    disabled: h,
+    disabled: f,
     checked: !!N,
     type: S
   })), /* @__PURE__ */ c.createElement("span", {
-    className: "".concat(o, "-inner")
+    className: "".concat(n, "-inner")
   }));
 });
-function ve(e) {
-  const r = K.useRef(null), n = () => {
-    W.cancel(r.current), r.current = null;
+function $e(e) {
+  const o = X.useRef(null), r = () => {
+    W.cancel(o.current), o.current = null;
   };
   return [() => {
-    n(), r.current = W(() => {
-      r.current = null;
+    r(), o.current = W(() => {
+      o.current = null;
     });
   }, (C) => {
-    r.current && (C.stopPropagation(), n()), e == null || e(C);
+    o.current && (C.stopPropagation(), r()), e == null || e(C);
   }];
 }
-const $e = (e) => {
+const ye = (e) => {
   const {
-    checkboxCls: r
-  } = e, n = `${r}-wrapper`;
+    checkboxCls: o
+  } = e, r = `${o}-wrapper`;
   return [
     // ===================== Basic =====================
     {
       // Group
-      [`${r}-group`]: Object.assign(Object.assign({}, M(e)), {
+      [`${o}-group`]: Object.assign(Object.assign({}, z(e)), {
         display: "inline-flex",
         flexWrap: "wrap",
         columnGap: e.marginXS,
@@ -84,7 +87,7 @@ const $e = (e) => {
         }
       }),
       // Wrapper
-      [n]: Object.assign(Object.assign({}, M(e)), {
+      [r]: Object.assign(Object.assign({}, z(e)), {
         display: "inline-flex",
         alignItems: "baseline",
         cursor: "pointer",
@@ -96,10 +99,10 @@ const $e = (e) => {
           content: "'\\a0'"
         },
         // Checkbox near checkbox
-        [`& + ${n}`]: {
+        [`& + ${r}`]: {
           marginInlineStart: 0
         },
-        [`&${n}-in-form-item`]: {
+        [`&${r}-in-form-item`]: {
           'input[type="checkbox"]': {
             width: 14,
             // FIXME: magic
@@ -109,7 +112,7 @@ const $e = (e) => {
         }
       }),
       // Wrapper > Checkbox
-      [r]: Object.assign(Object.assign({}, M(e)), {
+      [o]: Object.assign(Object.assign({}, z(e)), {
         position: "relative",
         whiteSpace: "nowrap",
         lineHeight: 1,
@@ -119,7 +122,7 @@ const $e = (e) => {
         // Ref: https://github.com/ant-design/ant-design/issues/41564
         alignSelf: "center",
         // Wrapper > Checkbox > input
-        [`${r}-input`]: {
+        [`${o}-input`]: {
           position: "absolute",
           // Since baseline align will get additional space offset,
           // we need to move input to top to make it align with text.
@@ -129,10 +132,10 @@ const $e = (e) => {
           cursor: "pointer",
           opacity: 0,
           margin: 0,
-          [`&:focus-visible + ${r}-inner`]: Object.assign({}, de(e))
+          [`&:focus-visible + ${o}-inner`]: Object.assign({}, he(e))
         },
         // Wrapper > Checkbox > inner
-        [`${r}-inner`]: {
+        [`${o}-inner`]: {
           boxSizing: "border-box",
           display: "block",
           width: e.checkboxSize,
@@ -171,19 +174,19 @@ const $e = (e) => {
     {
       // Wrapper & Wrapper > Checkbox
       [`
-        ${n}:not(${n}-disabled),
-        ${r}:not(${r}-disabled)
+        ${r}:not(${r}-disabled),
+        ${o}:not(${o}-disabled)
       `]: {
-        [`&:hover ${r}-inner`]: {
+        [`&:hover ${o}-inner`]: {
           borderColor: e.colorPrimary
         }
       },
-      [`${n}:not(${n}-disabled)`]: {
-        [`&:hover ${r}-checked:not(${r}-disabled) ${r}-inner`]: {
+      [`${r}:not(${r}-disabled)`]: {
+        [`&:hover ${o}-checked:not(${o}-disabled) ${o}-inner`]: {
           backgroundColor: e.colorPrimaryHover,
           borderColor: "transparent"
         },
-        [`&:hover ${r}-checked:not(${r}-disabled):after`]: {
+        [`&:hover ${o}-checked:not(${o}-disabled):after`]: {
           borderColor: e.colorPrimaryHover
         }
       }
@@ -191,8 +194,8 @@ const $e = (e) => {
     // ==================== Checked ====================
     {
       // Wrapper > Checkbox
-      [`${r}-checked`]: {
-        [`${r}-inner`]: {
+      [`${o}-checked`]: {
+        [`${o}-inner`]: {
           backgroundColor: e.colorPrimary,
           borderColor: e.colorPrimary,
           "&:after": {
@@ -203,10 +206,10 @@ const $e = (e) => {
         }
       },
       [`
-        ${n}-checked:not(${n}-disabled),
-        ${r}-checked:not(${r}-disabled)
+        ${r}-checked:not(${r}-disabled),
+        ${o}-checked:not(${o}-disabled)
       `]: {
-        [`&:hover ${r}-inner`]: {
+        [`&:hover ${o}-inner`]: {
           backgroundColor: e.colorPrimaryHover,
           borderColor: "transparent"
         }
@@ -214,10 +217,10 @@ const $e = (e) => {
     },
     // ================= Indeterminate =================
     {
-      [r]: {
+      [o]: {
         "&-indeterminate": {
           // Wrapper > Checkbox > inner
-          [`${r}-inner`]: {
+          [`${o}-inner`]: {
             backgroundColor: `${e.colorBgContainer} !important`,
             borderColor: `${e.colorBorder} !important`,
             "&:after": {
@@ -233,7 +236,7 @@ const $e = (e) => {
             }
           },
           // https://github.com/ant-design/ant-design/issues/50074
-          [`&:hover ${r}-inner`]: {
+          [`&:hover ${o}-inner`]: {
             backgroundColor: `${e.colorBgContainer} !important`,
             borderColor: `${e.colorPrimary} !important`
           }
@@ -243,20 +246,20 @@ const $e = (e) => {
     // ==================== Disable ====================
     {
       // Wrapper
-      [`${n}-disabled`]: {
+      [`${r}-disabled`]: {
         cursor: "not-allowed"
       },
       // Wrapper > Checkbox
-      [`${r}-disabled`]: {
+      [`${o}-disabled`]: {
         // Wrapper > Checkbox > input
-        [`&, ${r}-input`]: {
+        [`&, ${o}-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
-        [`${r}-inner`]: {
+        [`${o}-inner`]: {
           background: e.colorBgContainerDisabled,
           borderColor: e.colorBorder,
           "&:after": {
@@ -269,82 +272,84 @@ const $e = (e) => {
         "& + span": {
           color: e.colorTextDisabled
         },
-        [`&${r}-indeterminate ${r}-inner::after`]: {
+        [`&${o}-indeterminate ${o}-inner::after`]: {
           background: e.colorTextDisabled
         }
       }
     }
   ];
 };
-function ye(e, r) {
-  const n = se(r, {
+function Se(e, o) {
+  const r = be(o, {
     checkboxCls: `.${e}`,
-    checkboxSize: r.controlInteractiveSize
+    checkboxSize: o.controlInteractiveSize
   });
-  return [$e(n)];
+  return [ye(r)];
 }
-const Q = ie("Checkbox", (e, r) => {
+const J = ue("Checkbox", (e, o) => {
   let {
-    prefixCls: n
-  } = r;
-  return [ye(n, e)];
-}), Y = /* @__PURE__ */ K.createContext(null);
-var Se = 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;
+    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;
 };
-const Ae = (e, r) => {
-  var n;
+const Oe = (e, o) => {
+  var r;
   const {
-    prefixCls: o,
+    prefixCls: n,
     className: s,
     rootClassName: C,
     children: $,
-    indeterminate: h = !1,
+    indeterminate: f = !1,
     style: O,
     onMouseEnter: y,
     onMouseLeave: d,
     skipGroup: S = !1,
     disabled: P
-  } = e, l = Se(e, ["prefixCls", "className", "rootClassName", "children", "indeterminate", "style", "onMouseEnter", "onMouseLeave", "skipGroup", "disabled"]), {
+  } = e, l = we(e, ["prefixCls", "className", "rootClassName", "children", "indeterminate", "style", "onMouseEnter", "onMouseLeave", "skipGroup", "disabled"]), {
     getPrefixCls: E,
-    direction: m,
+    direction: v,
     checkbox: u
-  } = c.useContext(U), a = c.useContext(Y), {
+  } = c.useContext(K), t = c.useContext(Q), {
     isFormItemInput: _
-  } = c.useContext(me), N = c.useContext(ue), A = (n = (a == null ? void 0 : a.disabled) || P) !== null && n !== void 0 ? n : N, b = c.useRef(l.value), p = c.useRef(null), w = be(r, p);
+  } = 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);
   if (process.env.NODE_ENV !== "production") {
-    const x = fe("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`?");
+    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`?");
   }
   c.useEffect(() => {
-    a == null || a.registerValue(l.value);
+    t == null || t.registerValue(l.value);
   }, []), c.useEffect(() => {
     if (!S)
-      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);
+      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(() => {
     var x;
-    !((x = p.current) === null || x === void 0) && x.input && (p.current.input.indeterminate = h);
-  }, [h]);
-  const i = E("checkbox", o), f = J(i), [j, F, D] = Q(i, f), g = Object.assign({}, l);
-  a && !S && (g.onChange = function() {
-    l.onChange && l.onChange.apply(l, arguments), a.toggleOption && a.toggleOption({
+    !((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({
       label: $,
       value: l.value
     });
-  }, g.name = a.name, g.checked = a.value.includes(l.value));
+  }, g.name = t.name, g.checked = t.value.includes(l.value));
   const B = I(`${i}-wrapper`, {
-    [`${i}-rtl`]: m === "rtl",
+    [`${i}-rtl`]: v === "rtl",
     [`${i}-wrapper-checked`]: g.checked,
     [`${i}-wrapper-disabled`]: A,
     [`${i}-wrapper-in-form-item`]: _
-  }, u == null ? void 0 : u.className, s, C, D, f, F), t = I({
-    [`${i}-indeterminate`]: h
-  }, xe, F), [k, v] = ve(g.onClick);
-  return j(/* @__PURE__ */ c.createElement(Ce, {
+  }, 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, {
     component: "Checkbox",
     disabled: A
   }, /* @__PURE__ */ c.createElement("label", {
@@ -352,66 +357,69 @@ const Ae = (e, r) => {
     style: Object.assign(Object.assign({}, u == null ? void 0 : u.style), O),
     onMouseEnter: y,
     onMouseLeave: d,
-    onClick: k
+    onClick: m
   }, /* @__PURE__ */ c.createElement(ke, Object.assign({}, g, {
-    onClick: v,
+    onClick: k,
     prefixCls: i,
-    className: t,
+    className: a,
     disabled: A,
     ref: w
   })), $ !== void 0 && /* @__PURE__ */ c.createElement("span", null, $))));
-}, G = /* @__PURE__ */ c.forwardRef(Ae);
-process.env.NODE_ENV !== "production" && (G.displayName = "Checkbox");
-var we = 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;
+}, 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;
 };
-const Oe = /* @__PURE__ */ c.forwardRef((e, r) => {
+const _e = /* @__PURE__ */ c.forwardRef((e, o) => {
   const {
-    defaultValue: n,
-    children: o,
+    defaultValue: r,
+    children: n,
     options: s = [],
     prefixCls: C,
     className: $,
-    rootClassName: h,
+    rootClassName: f,
     style: O,
     onChange: y
-  } = e, d = we(e, ["defaultValue", "children", "options", "prefixCls", "className", "rootClassName", "style", "onChange"]), {
+  } = e, d = Ee(e, ["defaultValue", "children", "options", "prefixCls", "className", "rootClassName", "style", "onChange"]), {
     getPrefixCls: S,
     direction: P
-  } = c.useContext(U), [l, E] = c.useState(d.value || n || []), [m, u] = c.useState([]);
+  } = c.useContext(K), [l, E] = c.useState(d.value || r || []), [v, u] = c.useState([]);
   c.useEffect(() => {
     "value" in d && E(d.value || []);
   }, [d.value]);
-  const a = c.useMemo(() => s.map((t) => typeof t == "string" || typeof t == "number" ? {
-    label: t,
-    value: t
-  } : t), [s]), _ = (t) => {
-    u((k) => k.filter((v) => v !== t));
-  }, N = (t) => {
-    u((k) => [].concat(X(k), [t]));
-  }, A = (t) => {
-    const k = l.indexOf(t.value), v = X(l);
-    k === -1 ? v.push(t.value) : v.splice(k, 1), "value" in d || E(v), y == null || y(v.filter((x) => m.includes(x)).sort((x, Z) => {
-      const ee = a.findIndex((z) => z.value === x), re = a.findIndex((z) => z.value === Z);
-      return ee - re;
+  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;
     }));
-  }, b = S("checkbox", C), p = `${b}-group`, w = J(b), [i, f, j] = Q(b, w), F = pe(d, ["value", "disabled"]), D = s.length ? a.map((t) => /* @__PURE__ */ c.createElement(G, {
+  }, 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, {
     prefixCls: b,
-    key: t.value.toString(),
-    disabled: "disabled" in t ? t.disabled : d.disabled,
-    value: t.value,
-    checked: l.includes(t.value),
-    onChange: t.onChange,
+    key: a.value.toString(),
+    disabled: "disabled" in a ? a.disabled : d.disabled,
+    value: a.value,
+    checked: l.includes(a.value),
+    onChange: a.onChange,
     className: `${p}-item`,
-    style: t.style,
-    title: t.title,
-    id: t.id,
-    required: t.required
-  }, t.label)) : o, g = {
+    style: a.style,
+    title: a.title,
+    id: a.id,
+    required: a.required
+  }, a.label)) : n, g = {
     toggleOption: A,
     value: l,
     disabled: d.disabled,
@@ -421,20 +429,20 @@ const Oe = /* @__PURE__ */ c.forwardRef((e, r) => {
     cancelValue: _
   }, B = I(p, {
     [`${p}-rtl`]: P === "rtl"
-  }, $, h, j, w, f);
+  }, $, f, j, w, h);
   return i(/* @__PURE__ */ c.createElement("div", Object.assign({
     className: B,
     style: O
   }, F, {
-    ref: r
-  }), /* @__PURE__ */ c.createElement(Y.Provider, {
+    ref: o
+  }), /* @__PURE__ */ c.createElement(Q.Provider, {
     value: g
   }, D)));
-}), V = G;
-V.Group = Oe;
+}), Ne = _e, V = Z;
+V.Group = Ne;
 V.__ANT_CHECKBOX = !0;
 process.env.NODE_ENV !== "production" && (V.displayName = "Checkbox");
-const R = "#384DF6", Ee = ({ colors: e, borderRadius: r }, n = "primary", o = "active") => `
+const Pe = V, R = "#384DF6", Fe = ({ colors: e, borderRadius: o }, r = "primary", n = "active") => `
   .ant-checkbox-inner {
     background-color: #FFFFFF;
     border-color: #9A9A9A;
@@ -443,7 +451,7 @@ const R = "#384DF6", Ee = ({ colors: e, borderRadius: r }, n = "primary", o = "a
 
     &::after {
       border-color: #9A9A9A;
-      border: 2px solid ${e[n][o].color};
+      border: 2px solid ${e[r][n].color};
       border-top: 0;
       border-left: 0;
       content: "";
@@ -504,7 +512,7 @@ const R = "#384DF6", Ee = ({ colors: e, borderRadius: r }, n = "primary", o = "a
   }
 
   .ant-checkbox-checked .ant-checkbox-inner::after {
-    border-color: ${e[n].active.color};
+    border-color: ${e[r].active.color};
   }
 
   &:hover .ant-checkbox-inner {
@@ -524,7 +532,7 @@ const R = "#384DF6", Ee = ({ colors: e, borderRadius: r }, n = "primary", o = "a
   }
 
   .ant-checkbox-checked .ant-checkbox-inner {
-    background-color:${e[n].focussed.ringColor};
+    background-color:${e[r].focussed.ringColor};
     border-color: #6C6C6C;
   }
 
@@ -547,36 +555,36 @@ const R = "#384DF6", Ee = ({ colors: e, borderRadius: r }, n = "primary", o = "a
   }
 
   &:hover .ant-checkbox-checked .ant-checkbox-inner {
-    background-color: ${e[n].focussed.ringColor};
+    background-color: ${e[r].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[n].focussed.ringColor};
-    border-radius: ${r.BorderRadiusXs}px;
+    box-shadow: 0 0 0 1px #fff, 0 0 0 3px ${e[r].focussed.ringColor};
+    border-radius: ${o.BorderRadiusXs}px;
     border-color: #9A9A9A;
     transition: box-shadow 0.2s ease-in-out;
   }
 
   .ant-checkbox-input:focus + .ant-checkbox-inner {
-    border-color: ${e[n].hover.borderColor};
+    border-color: ${e[r].hover.borderColor};
   }
 
   &:focus-visible {
     outline: none;
-    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;
+    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;
     border-color: #9A9A9A;
     transition: box-shadow 0.2s ease-in-out;
   }
-`, Ve = ne(V)`
-  ${({ theme: e, type: r, state: n }) => Ee(e, r, n)}
+`, Me = ne(Pe)`
+  ${({ theme: e, type: o, state: r }) => Fe(e, o, r)}
 `;
 export {
-  Ve as StyledCheckbox,
-  Ee as getGenesisClass
+  Me as StyledCheckbox,
+  Fe as getGenesisClass
 };