@gobolt/genesis 0.0.7 → 0.0.9

package/dist/components/Button/Button.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+import { ButtonProps as AntButtonProps } from 'antd/es/button';
+import { STATE } from '../../constants';
+
+type ButtonThemeType = "primary" | "secondary" | "tertiary";
+export interface ButtonProps extends Omit<AntButtonProps, "type"> {
+    onClick?: () => void;
+    children?: React.ReactNode;
+    themeType?: ButtonThemeType;
+    state?: keyof typeof STATE;
+    isIconButton?: boolean;
+}
+declare const Button: React.FC<ButtonProps>;
+export default Button;

package/dist/components/Button/Button.js

@@ -0,0 +1,22 @@
+import { jsx as d } from "react/jsx-runtime";
+import { Button as n } from "./styles.js";
+const m = ({
+  children: o,
+  onClick: a,
+  themeType: i = "primary",
+  state: t = "active",
+  ...e
+}) => /* @__PURE__ */ d(
+  n,
+  {
+    onClick: a,
+    $themeType: i,
+    $state: t === "active" || t === "disabled" ? t : "active",
+    disabled: t === "disabled" || e.disabled,
+    ...e,
+    children: o
+  }
+);
+export {
+  m as default
+};

package/dist/components/Button/__tests__/Button.test.js

@@ -0,0 +1,16 @@
+import { jsx as o } from "react/jsx-runtime";
+import { v as r, s as n, a as i } from "../../../setup-BvfREoHl.js";
+import m from "../Button.js";
+describe("<Button />", () => {
+  let e;
+  beforeEach(() => {
+    e = {
+      onClick: r.fn(),
+      themeType: "primary"
+    };
+  });
+  const t = () => i(/* @__PURE__ */ o(m, { ...e, children: "Ship it!" }));
+  it("should render the button", () => {
+    t(), expect(n.getByText("Ship it!")).toBeInTheDocument();
+  });
+});

package/dist/components/Button/styles.d.ts

@@ -0,0 +1,16 @@
+import { ButtonProps as AntButtonProps } from 'antd/es/button';
+import { GenesisTheme } from '../../styles/theme/genesis-theme.types';
+import { TYPE } from '../../constants';
+
+interface StyledButtonProps extends AntButtonProps {
+    theme?: GenesisTheme;
+    $themeType?: keyof typeof TYPE;
+    $state?: "active" | "hover" | "pressed" | "focus" | "disabled";
+    children?: React.ReactNode;
+}
+export declare const Button: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<Omit<AntButtonProps & import('react').RefAttributes<HTMLAnchorElement | HTMLButtonElement>, "ref"> & {
+    ref?: import('react').Ref<HTMLAnchorElement | HTMLButtonElement>;
+}, StyledButtonProps>> & string & Omit<import('react').ForwardRefExoticComponent<AntButtonProps & import('react').RefAttributes<HTMLAnchorElement | HTMLButtonElement>> & {
+    Group: import('react').FC<import('antd/es/button').ButtonGroupProps>;
+}, keyof import('react').Component<any, {}, any>>;
+export {};

package/dist/components/{atoms/button → Button}/styles.js

@@ -1,19 +1,19 @@
-import { d as t } from "../../../styled-components.browser.esm-CZ1XM4o4.js";
-import { B as g } from "../../../button-BNV2qdrP.js";
-const l = ({ colors: o, sizing: d, typography: i, borderRadius: n, components: a }, r, e, b) => `
+import { d as l } from "../../styled-components.browser.esm-CZ1XM4o4.js";
+import { B as u } from "../../button-CDQgO1OK.js";
+const g = ({ colors: o, sizing: d, typography: i, borderRadius: n, components: a }, r, b, t) => `
       &.ant-btn {
       
-        color: ${o[r][e].color};
+        color: ${o[r][b].color};
         font-size: ${d.Size4}px;
         line-height: ${d.Size6}px;
         letter-spacing: 0;
         font-weight: 400;
         border-width: 1px;
 
-        min-width: ${b ? "auto" : "40px"};
+        min-width: ${t ? "auto" : "40px"};
         height: 40px;
 
-        background-color: ${o[r][e].backgroundColor};
+        background-color: ${o[r][b].backgroundColor};
         padding-top: ${a.button.padding.verPadding}px;
         padding-bottom: ${a.button.padding.verPadding}px;
         padding-left: ${a.button.padding.horPadding}px;
@@ -24,7 +24,7 @@ const l = ({ colors: o, sizing: d, typography: i, borderRadius: n, components: a
 
         border-width: 1px;
         border-style: solid;
-        border-color: ${o[r][e].borderColor};
+        border-color: ${o[r][b].borderColor};
         
         transition: all 0.2s ease-in-out;
 
@@ -57,15 +57,15 @@ const l = ({ colors: o, sizing: d, typography: i, borderRadius: n, components: a
           cursor: not-allowed;
         }
       }
-      `, u = (o, d, i, n) => `
+      `, s = (o, d, i, n) => `
     &.ant-btn {
       font-family: 'Inter', sans-serif;
  
-      ${l(o, d, i, n)}
+      ${g(o, d, i, n)}
     } 
-`, c = t(g)`
-  ${({ theme: o, type: d, state: i, children: n }) => u(o, d, i, n)}
+`, f = l(u)`
+  ${({ theme: o, $themeType: d, $state: i, children: n }) => s(o, d, i, n)}
 `;
 export {
-  c as Button
+  f as Button
 };

package/dist/components/{atoms/checkbox → Checkbox}/Checkbox.d.ts

@@ -1,10 +1,11 @@
 import { default as React } from 'react';
 import { CheckboxProps as AntCheckboxProps } from 'antd';
-import { TYPE, STATE } from '../../../constants';
+import { TYPE, STATE } from '../../constants';
 
 export type GenesisCheckboxType = keyof typeof TYPE;
 export interface CheckboxProps extends AntCheckboxProps {
     state?: keyof typeof STATE;
+    label?: string;
 }
 declare const Checkbox: React.FC<CheckboxProps>;
 export default Checkbox;

package/dist/components/Checkbox/Checkbox.js

@@ -0,0 +1,40 @@
+import { jsx as r } from "react/jsx-runtime";
+import { StyledCheckbox as p } from "./styles.js";
+import { useBreakpoint as d } from "../../providers/ThemeProvider.js";
+import { TYPE as e } from "../../constants/index.js";
+import "../Badge/styles.js";
+import "../Breadcrumb/styles.js";
+import { a } from "../../Typography-aGoDUl4R.js";
+import "../Button/styles.js";
+import "../ErrorBoundaryFallback/styles.js";
+import "../Input/styles.js";
+import "../Message/styles.js";
+import "../Notification/styles.js";
+import "react";
+import "../Select/styles.js";
+import "../Toast/styles.js";
+const j = ({
+  state: i = "active",
+  label: m,
+  ...o
+}) => {
+  d();
+  const t = e.secondary;
+  return m ? /* @__PURE__ */ r(
+    p,
+    {
+      ...o,
+      disabled: i === "disabled" || o.disabled,
+      children: /* @__PURE__ */ r(a, { variant: "body1", type: t, state: i, ...o, isText: !0, children: m })
+    }
+  ) : /* @__PURE__ */ r(
+    p,
+    {
+      ...o,
+      disabled: i === "disabled" || o.disabled
+    }
+  );
+};
+export {
+  j as default
+};

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

@@ -1,5 +1,5 @@
 import { jsx as c } from "react/jsx-runtime";
-import { d as a, i as o, a as t, s, g as r } from "../../../../setup-CMYVZCPF.js";
+import { d as a, i as o, a as t, s, g as r } from "../../../setup-BvfREoHl.js";
 import d from "../Checkbox.js";
 a("Checkbox", () => {
   o("renders checkbox component", () => {

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

@@ -1,5 +1,10 @@
 import { CheckboxProps } from './Checkbox';
+import { GenesisTheme } from '../../styles/theme/genesis-theme.types';
 
+declare module 'styled-components' {
+    interface DefaultTheme extends GenesisTheme {
+    }
+}
 export declare const getGenesisClass: ({ colors, borderRadius }: {
     colors: any;
     borderRadius: any;

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

@@ -1,15 +1,16 @@
-import { d as ne } from "../../../styled-components.browser.esm-CZ1XM4o4.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 { 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: $
   }), _ = ce(a, 2), N = _[0], A = _[1];
-  ae(r, function() {
+  oe(r, function() {
     return {
       focus: function(i) {
         var f;
@@ -23,9 +24,9 @@ var ge = ["prefixCls", "className", "style", "checked", "disabled", "defaultChec
       nativeElement: u.current
     };
   });
-  var b = I(o, s, T(T({}, "".concat(o, "-checked"), N), "".concat(o, "-disabled"), h)), p = function(i) {
+  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: H(H({}, e), {}, {
+      target: T(T({}, e), {}, {
         type: S,
         checked: i.target.checked
       }),
@@ -38,24 +39,24 @@ var ge = ["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", le({}, E, {
+  }, /* @__PURE__ */ t.createElement("input", te({}, E, {
     className: "".concat(o, "-input"),
     ref: m,
     onChange: p,
     disabled: h,
     checked: !!N,
     type: S
-  })), /* @__PURE__ */ c.createElement("span", {
+  })), /* @__PURE__ */ t.createElement("span", {
     className: "".concat(o, "-inner")
   }));
 });
-function ve(e) {
-  const r = K.useRef(null), n = () => {
+function ke(e) {
+  const r = X.useRef(null), n = () => {
     W.cancel(r.current), r.current = null;
   };
   return [() => {
@@ -66,7 +67,7 @@ function ve(e) {
     r.current && (C.stopPropagation(), n()), e == null || e(C);
   }];
 }
-const $e = (e) => {
+const ve = (e) => {
   const {
     checkboxCls: r
   } = e, n = `${r}-wrapper`;
@@ -74,7 +75,7 @@ const $e = (e) => {
     // ===================== Basic =====================
     {
       // Group
-      [`${r}-group`]: Object.assign(Object.assign({}, M(e)), {
+      [`${r}-group`]: Object.assign(Object.assign({}, z(e)), {
         display: "inline-flex",
         flexWrap: "wrap",
         columnGap: e.marginXS,
@@ -84,7 +85,7 @@ const $e = (e) => {
         }
       }),
       // Wrapper
-      [n]: Object.assign(Object.assign({}, M(e)), {
+      [n]: Object.assign(Object.assign({}, z(e)), {
         display: "inline-flex",
         alignItems: "baseline",
         cursor: "pointer",
@@ -109,7 +110,7 @@ const $e = (e) => {
         }
       }),
       // Wrapper > Checkbox
-      [r]: Object.assign(Object.assign({}, M(e)), {
+      [r]: Object.assign(Object.assign({}, z(e)), {
         position: "relative",
         whiteSpace: "nowrap",
         lineHeight: 1,
@@ -129,7 +130,7 @@ const $e = (e) => {
           cursor: "pointer",
           opacity: 0,
           margin: 0,
-          [`&:focus-visible + ${r}-inner`]: Object.assign({}, de(e))
+          [`&:focus-visible + ${r}-inner`]: Object.assign({}, ue(e))
         },
         // Wrapper > Checkbox > inner
         [`${r}-inner`]: {
@@ -276,27 +277,27 @@ const $e = (e) => {
     }
   ];
 };
-function ye(e, r) {
-  const n = se(r, {
+function $e(e, r) {
+  const n = de(r, {
     checkboxCls: `.${e}`,
     checkboxSize: r.controlInteractiveSize
   });
-  return [$e(n)];
+  return [ve(n)];
 }
-const Q = ie("Checkbox", (e, r) => {
+const J = se("Checkbox", (e, r) => {
   let {
     prefixCls: n
   } = r;
-  return [ye(n, e)];
-}), Y = /* @__PURE__ */ K.createContext(null);
-var Se = function(e, 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 Ae = (e, r) => {
+const Se = (e, r) => {
   var n;
   const {
     prefixCls: o,
@@ -309,67 +310,67 @@ const Ae = (e, r) => {
     onMouseLeave: d,
     skipGroup: S = !1,
     disabled: P
-  } = e, l = Se(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: m,
     checkbox: u
-  } = c.useContext(U), a = c.useContext(Y), {
+  } = t.useContext(K), a = t.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);
+  } = 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 = fe("Checkbox");
+    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.useEffect(() => {
     a == null || a.registerValue(l.value);
-  }, []), c.useEffect(() => {
+  }, []), t.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);
-  }, [l.value]), c.useEffect(() => {
+  }, [l.value]), t.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);
+  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 = a.name, g.checked = a.value.includes(l.value));
-  const B = I(`${i}-wrapper`, {
+  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, f, F), t = I({
+  }, u == null ? void 0 : u.className, s, C, j, f, R), c = F({
     [`${i}-indeterminate`]: h
-  }, xe, F), [k, v] = ve(g.onClick);
-  return j(/* @__PURE__ */ c.createElement(Ce, {
+  }, 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: k
-  }, /* @__PURE__ */ c.createElement(ke, Object.assign({}, g, {
+  }, /* @__PURE__ */ t.createElement(ge, Object.assign({}, g, {
     onClick: v,
     prefixCls: i,
-    className: t,
+    className: c,
     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) {
+  })), $ !== 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 Oe = /* @__PURE__ */ c.forwardRef((e, r) => {
+const we = /* @__PURE__ */ t.forwardRef((e, r) => {
   const {
     defaultValue: n,
     children: o,
@@ -379,39 +380,39 @@ const Oe = /* @__PURE__ */ c.forwardRef((e, r) => {
     rootClassName: h,
     style: O,
     onChange: y
-  } = e, d = we(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(U), [l, E] = c.useState(d.value || n || []), [m, 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 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 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 = 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, f, V] = J(b, w), R = ie(d, ["value", "disabled"]), j = s.length ? a.map((c) => /* @__PURE__ */ t.createElement(M, {
     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: 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: t.style,
-    title: t.title,
-    id: t.id,
-    required: t.required
-  }, t.label)) : o, g = {
+    style: c.style,
+    title: c.title,
+    id: c.id,
+    required: c.required
+  }, c.label)) : o, g = {
     toggleOption: A,
     value: l,
     disabled: d.disabled,
@@ -419,22 +420,22 @@ const Oe = /* @__PURE__ */ c.forwardRef((e, r) => {
     // https://github.com/ant-design/ant-design/issues/16376
     registerValue: N,
     cancelValue: _
-  }, B = I(p, {
+  }, D = F(p, {
     [`${p}-rtl`]: P === "rtl"
-  }, $, h, j, w, f);
-  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, {
+  }, R, {
     ref: r
-  }), /* @__PURE__ */ c.createElement(Y.Provider, {
+  }), /* @__PURE__ */ t.createElement(Q.Provider, {
     value: g
-  }, D)));
-}), V = G;
-V.Group = Oe;
-V.__ANT_CHECKBOX = !0;
-process.env.NODE_ENV !== "production" && (V.displayName = "Checkbox");
-const R = "#384DF6", Ee = ({ colors: e, borderRadius: r }, n = "primary", o = "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;
@@ -529,13 +530,13 @@ const R = "#384DF6", Ee = ({ colors: e, borderRadius: r }, n = "primary", o = "a
   }
 
   .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 {
@@ -573,10 +574,10 @@ const R = "#384DF6", Ee = ({ colors: e, borderRadius: r }, n = "primary", o = "a
     border-color: #9A9A9A;
     transition: box-shadow 0.2s ease-in-out;
   }
-`, Ve = ne(V)`
-  ${({ theme: e, type: r, state: n }) => Ee(e, r, n)}
+`, Ve = re(I)`
+  ${({ theme: e, type: r, state: n }) => Oe(e, r, n)}
 `;
 export {
   Ve as StyledCheckbox,
-  Ee as getGenesisClass
+  Oe as getGenesisClass
 };

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

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

package/dist/components/ErrorBoundaryFallback/ErrorBoundaryFallback.js

@@ -0,0 +1,40 @@
+import { jsx as r, jsxs as o } from "react/jsx-runtime";
+import { StyledErrorBoundaryFallback as a } from "./styles.js";
+import "../Badge/styles.js";
+import "../Breadcrumb/styles.js";
+import "../../providers/ThemeProvider.js";
+import { a as t } from "../../Typography-aGoDUl4R.js";
+import i from "../Button/Button.js";
+import "../Checkbox/styles.js";
+import "../Input/styles.js";
+import "../Message/styles.js";
+import "../Notification/styles.js";
+import "react";
+import "../Select/styles.js";
+import "../Toast/styles.js";
+import { S as n } from "../../index-BZAhCB_K.js";
+const S = (e) => {
+  const m = () => window.location.href = "/";
+  return /* @__PURE__ */ r(
+    a,
+    {
+      status: "500",
+      title: "Sorry, It looks like we're having some internal issues.",
+      subTitle: /* @__PURE__ */ o(n, { direction: "vertical", children: [
+        /* @__PURE__ */ r(t, { themeType: "secondary", children: "Our team has been notified. If this issue persist contact customer service." }),
+        /* @__PURE__ */ o(t, { themeType: "secondary", children: [
+          "(reference: ",
+          e.eventId,
+          ")"
+        ] })
+      ] }),
+      extra: [
+        /* @__PURE__ */ r(i, { themeType: "secondary", onClick: e.resetError, children: "Try again" }, "reset"),
+        /* @__PURE__ */ r(i, { onClick: m, children: "Take me home" }, "back-home")
+      ]
+    }
+  );
+};
+export {
+  S as default
+};

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

@@ -0,0 +1,2 @@
+export { default } from './ErrorBoundaryFallback';
+export type { ErrorBoundaryFallbackProps } from './ErrorBoundaryFallback';