@gobolt/genesis 0.2.13 → 0.2.14

package/dist/components/Card/Card.js

@@ -1,16 +1,6 @@
-import { jsx as s } from "react/jsx-runtime";
-import { Card as e } from "./styles.js";
-const f = ({ style: r, cover: a, actions: t, children: d, ...o }) => /* @__PURE__ */ s(
-  e,
-  {
-    "data-testid": "Card",
-    style: r,
-    cover: a,
-    actions: t,
-    ...o,
-    children: d
-  }
-);
+import { jsx as e } from "react/jsx-runtime";
+import { Card as d } from "./styles.js";
+const l = ({ style: r, cover: t, actions: a, children: o, ...s }) => e(d, { "data-testid": "Card", style: r, cover: t, actions: a, ...s, children: o });
 export {
-  f as default
+  l as default
 };

package/dist/components/Card/styles.cjs

@@ -1,6 +1,9 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("styled-components"),a=require("../../node_modules/antd/es/card/index.cjs"),t=({colors:e,borderRadius:s,sizing:r},o="primary",c="active")=>`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("styled-components"),t=require("../../node_modules/antd/es/card/index.cjs"),a=({colors:e,borderRadius:s,sizing:r},l="primary",o="active")=>`
   .class-name-here {
    } 
- `,n=i(a)`
-  ${({theme:e,type:s,state:r})=>t(e,s,r)}
-`;exports.Card=n;exports.getGenesisClass=t;
+ `,i=n(t)`
+  ${({theme:e,type:s,state:r})=>`
+  .class-name-here {
+   } 
+ `}
+`;exports.Card=i,exports.getGenesisClass=a;

package/dist/components/Card/styles.js

@@ -1,12 +1,15 @@
-import t from "styled-components";
-import o from "../../node_modules/antd/es/card/index.js";
-const a = ({ colors: r, borderRadius: e, sizing: s }, i = "primary", m = "active") => `
+import r from "styled-components";
+import a from "../../node_modules/antd/es/card/index.js";
+const c = ({ colors: e, borderRadius: s, sizing: n }, o = "primary", t = "active") => `
   .class-name-here {
    } 
- `, d = t(o)`
-  ${({ theme: r, type: e, state: s }) => a(r, e, s)}
+ `, p = r(a)`
+  ${({ theme: e, type: s, state: n }) => `
+  .class-name-here {
+   } 
+ `}
 `;
 export {
-  d as Card,
-  a as getGenesisClass
+  p as Card,
+  c as getGenesisClass
 };

package/dist/components/Checkbox/Checkbox.cjs

@@ -1 +1 @@
-"use strict";const i=require("react/jsx-runtime"),r=require("./styles.cjs"),c=require("../../constants/index.cjs"),o=require("../../providers/useGenesis.cjs"),t=require("../Typography/Typography.cjs"),u=({state:s="active",label:n,...e})=>{const{breakpoint:l}=o.useGenesis(),d=c.TYPE.secondary;return n?i.jsx(r.StyledCheckbox,{...e,disabled:s==="disabled"||e.disabled,children:i.jsx(t,{variant:"label1",type:d,state:s,...e,isText:!0,children:n})}):i.jsx(r.StyledCheckbox,{...e,disabled:s==="disabled"||e.disabled})};module.exports=u;
+"use strict";const i=require("react/jsx-runtime"),t=require("./styles.cjs"),a=require("../../constants/index.cjs"),b=require("../../providers/useGenesis.cjs"),c=require("../Typography/Typography.cjs");module.exports=({state:s="active",label:r,...e})=>{const{breakpoint:l}=b.useGenesis(),d=a.TYPE.secondary;return r?i.jsx(t.StyledCheckbox,{...e,disabled:s==="disabled"||e.disabled,children:i.jsx(c,{variant:"label1",type:d,state:s,...e,isText:!0,children:r})}):i.jsx(t.StyledCheckbox,{...e,disabled:s==="disabled"||e.disabled})};

package/dist/components/Checkbox/Checkbox.js

@@ -1,25 +1,12 @@
-import { jsx as e } from "react/jsx-runtime";
-import { StyledCheckbox as d } from "./styles.js";
-import { TYPE as n } from "../../constants/index.js";
-import { useGenesis as t } from "../../providers/useGenesis.js";
-import l from "../Typography/Typography.js";
-const h = ({ state: o = "active", label: r, ...i }) => {
-  const { breakpoint: m } = t(), a = n.secondary;
-  return r ? /* @__PURE__ */ e(
-    d,
-    {
-      ...i,
-      disabled: o === "disabled" || i.disabled,
-      children: /* @__PURE__ */ e(l, { variant: "label1", type: a, state: o, ...i, isText: !0, children: r })
-    }
-  ) : /* @__PURE__ */ e(
-    d,
-    {
-      ...i,
-      disabled: o === "disabled" || i.disabled
-    }
-  );
+import { jsx as t } from "react/jsx-runtime";
+import { StyledCheckbox as i } from "./styles.js";
+import { TYPE as o } from "../../constants/index.js";
+import { useGenesis as l } from "../../providers/useGenesis.js";
+import d from "../Typography/Typography.js";
+const x = ({ state: a = "active", label: s, ...e }) => {
+  const { breakpoint: b } = l(), r = o.secondary;
+  return t(i, s ? { ...e, disabled: a === "disabled" || e.disabled, children: t(d, { variant: "label1", type: r, state: a, ...e, isText: !0, children: s }) } : { ...e, disabled: a === "disabled" || e.disabled });
 };
 export {
-  h as default
+  x as default
 };

package/dist/components/Checkbox/styles.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("styled-components"),b=require("../../node_modules/antd/es/checkbox/index.cjs"),r=({colors:e,borderRadius:c},o="primary",n="active")=>`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("styled-components"),b=require("../../node_modules/antd/es/checkbox/index.cjs"),c=({colors:n,borderRadius:e},o="primary",r="active")=>`
   .ant-checkbox-inner {
     background-color: #FFFFFF;
     border-color: #9A9A9A;
@@ -7,7 +7,7 @@
 
     &::after {
       border-color: #9A9A9A;
-      border: 2px solid ${e[o][n].color};
+      border: 2px solid ${n[o][r].color};
       border-top: 0;
       border-left: 0;
       content: "";
@@ -68,7 +68,7 @@
   }
 
   .ant-checkbox-checked .ant-checkbox-inner::after {
-    border-color: ${e[o].active.color};
+    border-color: ${n[o].active.color};
   }
 
   &:hover .ant-checkbox-inner {
@@ -88,18 +88,18 @@
   }
 
   .ant-checkbox-checked .ant-checkbox-inner {
-    background-color:${e[o].focussed.ringColor};
+    background-color:${n[o].focussed.ringColor};
     border-color: #6C6C6C;
   }
 
   .ant-checkbox-checked .ant-checkbox-inner {
-    background-color: ${e.inputs.surface.checked};
-    border-color: ${e.inputs.surface.checked};
+    background-color: ${n.inputs.surface.checked};
+    border-color: ${n.inputs.surface.checked};
   }
 
   &:hover .ant-checkbox-checked .ant-checkbox-inner {
-    background-color: ${e.inputs.surface.checked};
-    border-color: ${e.inputs.surface.checked};
+    background-color: ${n.inputs.surface.checked};
+    border-color: ${n.inputs.surface.checked};
   }
 
   &:hover .ant-checkbox-checked .ant-checkbox-inner::after {
@@ -111,32 +111,32 @@
   }
 
   &:hover .ant-checkbox-checked .ant-checkbox-inner {
-    background-color: ${e[o].focussed.ringColor};
+    background-color: ${n[o].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[o].focussed.ringColor};
-    border-radius: ${c.BorderRadiusXs}px;
+    box-shadow: 0 0 0 1px #fff, 0 0 0 3px ${n[o].focussed.ringColor};
+    border-radius: ${e.BorderRadiusXs}px;
     border-color: #9A9A9A;
     transition: box-shadow 0.2s ease-in-out;
   }
 
   .ant-checkbox-input:focus + .ant-checkbox-inner {
-    border-color: ${e[o].hover.borderColor};
+    border-color: ${n[o].hover.borderColor};
   }
 
   &:focus-visible {
     outline: none;
-    color: ${e[o].focussed.color};
-    background-color: ${e[o].focussed.backgroundColor};
-    box-shadow: 0 0 0 1px #fff, 0 0 0 3px ${e[o].focussed.ringColor};
-    border-radius: ${c.BorderRadiusXs}px;
+    color: ${n[o].focussed.color};
+    background-color: ${n[o].focussed.backgroundColor};
+    box-shadow: 0 0 0 1px #fff, 0 0 0 3px ${n[o].focussed.ringColor};
+    border-radius: ${e.BorderRadiusXs}px;
     border-color: #9A9A9A;
     transition: box-shadow 0.2s ease-in-out;
   }
 `,t=a(b)`
-  ${({theme:e,type:c,state:o})=>r(e,c,o)}
-`;exports.StyledCheckbox=t;exports.getGenesisClass=r;
+  ${({theme:n,type:e,state:o})=>c(n,e,o)}
+`;exports.StyledCheckbox=t,exports.getGenesisClass=c;

package/dist/components/Checkbox/styles.js

@@ -1,6 +1,6 @@
-import n from "styled-components";
-import b from "../../node_modules/antd/es/checkbox/index.js";
-const a = ({ colors: o, borderRadius: c }, e = "primary", r = "active") => `
+import r from "styled-components";
+import a from "../../node_modules/antd/es/checkbox/index.js";
+const b = ({ colors: n, borderRadius: e }, o = "primary", c = "active") => `
   .ant-checkbox-inner {
     background-color: #FFFFFF;
     border-color: #9A9A9A;
@@ -9,7 +9,7 @@ const a = ({ colors: o, borderRadius: c }, e = "primary", r = "active") => `
 
     &::after {
       border-color: #9A9A9A;
-      border: 2px solid ${o[e][r].color};
+      border: 2px solid ${n[o][c].color};
       border-top: 0;
       border-left: 0;
       content: "";
@@ -70,7 +70,7 @@ const a = ({ colors: o, borderRadius: c }, e = "primary", r = "active") => `
   }
 
   .ant-checkbox-checked .ant-checkbox-inner::after {
-    border-color: ${o[e].active.color};
+    border-color: ${n[o].active.color};
   }
 
   &:hover .ant-checkbox-inner {
@@ -90,18 +90,18 @@ const a = ({ colors: o, borderRadius: c }, e = "primary", r = "active") => `
   }
 
   .ant-checkbox-checked .ant-checkbox-inner {
-    background-color:${o[e].focussed.ringColor};
+    background-color:${n[o].focussed.ringColor};
     border-color: #6C6C6C;
   }
 
   .ant-checkbox-checked .ant-checkbox-inner {
-    background-color: ${o.inputs.surface.checked};
-    border-color: ${o.inputs.surface.checked};
+    background-color: ${n.inputs.surface.checked};
+    border-color: ${n.inputs.surface.checked};
   }
 
   &:hover .ant-checkbox-checked .ant-checkbox-inner {
-    background-color: ${o.inputs.surface.checked};
-    border-color: ${o.inputs.surface.checked};
+    background-color: ${n.inputs.surface.checked};
+    border-color: ${n.inputs.surface.checked};
   }
 
   &:hover .ant-checkbox-checked .ant-checkbox-inner::after {
@@ -113,36 +113,36 @@ const a = ({ colors: o, borderRadius: c }, e = "primary", r = "active") => `
   }
 
   &:hover .ant-checkbox-checked .ant-checkbox-inner {
-    background-color: ${o[e].focussed.ringColor};
+    background-color: ${n[o].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 ${o[e].focussed.ringColor};
-    border-radius: ${c.BorderRadiusXs}px;
+    box-shadow: 0 0 0 1px #fff, 0 0 0 3px ${n[o].focussed.ringColor};
+    border-radius: ${e.BorderRadiusXs}px;
     border-color: #9A9A9A;
     transition: box-shadow 0.2s ease-in-out;
   }
 
   .ant-checkbox-input:focus + .ant-checkbox-inner {
-    border-color: ${o[e].hover.borderColor};
+    border-color: ${n[o].hover.borderColor};
   }
 
   &:focus-visible {
     outline: none;
-    color: ${o[e].focussed.color};
-    background-color: ${o[e].focussed.backgroundColor};
-    box-shadow: 0 0 0 1px #fff, 0 0 0 3px ${o[e].focussed.ringColor};
-    border-radius: ${c.BorderRadiusXs}px;
+    color: ${n[o].focussed.color};
+    background-color: ${n[o].focussed.backgroundColor};
+    box-shadow: 0 0 0 1px #fff, 0 0 0 3px ${n[o].focussed.ringColor};
+    border-radius: ${e.BorderRadiusXs}px;
     border-color: #9A9A9A;
     transition: box-shadow 0.2s ease-in-out;
   }
-`, h = n(b)`
-  ${({ theme: o, type: c, state: e }) => a(o, c, e)}
+`, h = r(a)`
+  ${({ theme: n, type: e, state: o }) => b(n, e, o)}
 `;
 export {
   h as StyledCheckbox,
-  a as getGenesisClass
+  b as getGenesisClass
 };

package/dist/components/DatePicker/DatePicker.cjs

@@ -1 +1 @@
-"use strict";const r=require("react/jsx-runtime"),t=require("../../providers/useGenesis.cjs"),i=require("../../node_modules/antd/es/date-picker/index.cjs"),n=e=>{const{theme:s}=t.useGenesis();return r.jsx(i,{...e,style:{border:`1px solid ${s.colors.inputs.surface.border}`,padding:"8px"}})};module.exports=n;
+"use strict";const s=require("react/jsx-runtime"),t=require("../../providers/useGenesis.cjs"),i=require("../../node_modules/antd/es/date-picker/index.cjs");module.exports=e=>{const{theme:r}=t.useGenesis();return s.jsx(i,{...e,style:{border:`1px solid ${r.colors.inputs.surface.border}`,padding:"8px"}})};

package/dist/components/DatePicker/DatePicker.js

@@ -1,19 +1,10 @@
 import { jsx as o } from "react/jsx-runtime";
-import { useGenesis as t } from "../../providers/useGenesis.js";
-import s from "../../node_modules/antd/es/date-picker/index.js";
-const a = (r) => {
-  const { theme: e } = t();
-  return /* @__PURE__ */ o(
-    s,
-    {
-      ...r,
-      style: {
-        border: `1px solid ${e.colors.inputs.surface.border}`,
-        padding: "8px"
-      }
-    }
-  );
+import { useGenesis as s } from "../../providers/useGenesis.js";
+import t from "../../node_modules/antd/es/date-picker/index.js";
+const m = (r) => {
+  const { theme: e } = s();
+  return o(t, { ...r, style: { border: `1px solid ${e.colors.inputs.surface.border}`, padding: "8px" } });
 };
 export {
-  a as default
+  m as default
 };

package/dist/components/DateRangePicker/DateRangePicker.cjs

@@ -1 +1 @@
-"use strict";const r=require("react/jsx-runtime"),n=require("../../providers/useGenesis.cjs"),t=require("../../node_modules/antd/es/date-picker/index.cjs"),{RangePicker:i}=t,o=e=>{const{theme:s}=n.useGenesis();return r.jsx(i,{...e,style:{border:`1px solid ${s.colors.inputs.surface.border}`,padding:"8px"}})};module.exports=o;
+"use strict";const s=require("react/jsx-runtime"),i=require("../../providers/useGenesis.cjs"),t=require("../../node_modules/antd/es/date-picker/index.cjs"),{RangePicker:o}=t;module.exports=e=>{const{theme:r}=i.useGenesis();return s.jsx(o,{...e,style:{border:`1px solid ${r.colors.inputs.surface.border}`,padding:"8px"}})};

package/dist/components/DateRangePicker/DateRangePicker.js

@@ -1,19 +1,10 @@
-import { jsx as t } from "react/jsx-runtime";
-import { useGenesis as o } from "../../providers/useGenesis.js";
-import s from "../../node_modules/antd/es/date-picker/index.js";
-const { RangePicker: n } = s, p = (e) => {
-  const { theme: r } = o();
-  return /* @__PURE__ */ t(
-    n,
-    {
-      ...e,
-      style: {
-        border: `1px solid ${r.colors.inputs.surface.border}`,
-        padding: "8px"
-      }
-    }
-  );
+import { jsx as o } from "react/jsx-runtime";
+import { useGenesis as s } from "../../providers/useGenesis.js";
+import t from "../../node_modules/antd/es/date-picker/index.js";
+const { RangePicker: a } = t, m = (r) => {
+  const { theme: e } = s();
+  return o(a, { ...r, style: { border: `1px solid ${e.colors.inputs.surface.border}`, padding: "8px" } });
 };
 export {
-  p as default
+  m as default
 };

package/dist/components/ErrorBoundary/ErrorBoundary.cjs

@@ -1 +1 @@
-"use strict";const n=require("react/jsx-runtime"),s=require("react"),c=require("../ErrorBoundaryFallback/ErrorBoundaryFallback.cjs");function a(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const p=a(s),i=(e,r,t)=>{console.error(e,r,t)};class u extends p.Component{constructor(r){super(r),this.state={hasError:!1}}static getDerivedStateFromError(r){return{hasError:!0}}componentDidCatch(r,t){if(this.props.logError)return this.props.logError(r,t.componentStack,null);i(r,t.componentStack,null),this.setState({error:r,componentStack:t.componentStack})}render(){return this.state.hasError?this.props.errorComponent?this.props.errorComponent:n.jsx(c,{error:this.state.error,componentStack:this.state.componentStack,resetError:this.props.resetError}):this.props.children}}module.exports=u;
+"use strict";const c=require("react/jsx-runtime"),p=require("react"),a=require("../ErrorBoundaryFallback/ErrorBoundaryFallback.cjs");function i(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const u=i(p);class l extends u.Component{constructor(r){super(r),this.state={hasError:!1}}static getDerivedStateFromError(r){return{hasError:!0}}componentDidCatch(r,t){if(this.props.logError)return this.props.logError(r,t.componentStack,null);((o,n,s)=>{console.error(o,n,s)})(r,t.componentStack,null),this.setState({error:r,componentStack:t.componentStack})}render(){return this.state.hasError?this.props.errorComponent?this.props.errorComponent:c.jsx(a,{error:this.state.error,componentStack:this.state.componentStack,resetError:this.props.resetError}):this.props.children}}module.exports=l;

package/dist/components/ErrorBoundary/ErrorBoundary.js

@@ -1,10 +1,7 @@
-import { jsx as e } from "react/jsx-runtime";
-import * as s from "react";
-import n from "../ErrorBoundaryFallback/ErrorBoundaryFallback.js";
-const a = (o, r, t) => {
-  console.error(o, r, t);
-};
-class i extends s.Component {
+import { jsx as n } from "react/jsx-runtime";
+import * as p from "react";
+import a from "../ErrorBoundaryFallback/ErrorBoundaryFallback.js";
+class h extends p.Component {
   constructor(r) {
     super(r), this.state = { hasError: !1 };
   }
@@ -12,33 +9,15 @@ class i extends s.Component {
     return { hasError: !0 };
   }
   componentDidCatch(r, t) {
-    if (this.props.logError)
-      return this.props.logError(r, t.componentStack, null);
-    a(
-      r,
-      // Example "componentStack":
-      //   in ComponentThatThrows (created by App)
-      //   in ErrorBoundary (created by App)
-      //   in div (created by App)
-      //   in App
-      t.componentStack,
-      null
-    ), this.setState({
-      error: r,
-      componentStack: t.componentStack
-    });
+    if (this.props.logError) return this.props.logError(r, t.componentStack, null);
+    ((o, e, s) => {
+      console.error(o, e, s);
+    })(r, t.componentStack, null), this.setState({ error: r, componentStack: t.componentStack });
   }
   render() {
-    return this.state.hasError ? this.props.errorComponent ? this.props.errorComponent : /* @__PURE__ */ e(
-      n,
-      {
-        error: this.state.error,
-        componentStack: this.state.componentStack,
-        resetError: this.props.resetError
-      }
-    ) : this.props.children;
+    return this.state.hasError ? this.props.errorComponent ? this.props.errorComponent : n(a, { error: this.state.error, componentStack: this.state.componentStack, resetError: this.props.resetError }) : this.props.children;
   }
 }
 export {
-  i as default
+  h as default
 };

package/dist/components/ErrorBoundaryFallback/ErrorBoundaryFallback.cjs

@@ -1 +1 @@
-"use strict";const e=require("react/jsx-runtime"),o=require("./styles.cjs"),s=require("../Button/Button.cjs"),i=require("../../node_modules/antd/es/space/index.cjs"),n=require("../Typography/Typography.cjs"),c=r=>{const t=()=>window.location.href="/";return e.jsx(o.StyledErrorBoundaryFallback,{status:"500",title:"Sorry, It looks like we're having some internal issues.",subTitle:e.jsxs(i.default,{direction:"vertical",children:[e.jsx(n,{themeType:"secondary",children:"Our team has been notified. If this issue persist contact customer service."}),r.eventId?e.jsxs(n,{themeType:"secondary",children:["(reference: ",r.eventId,")"]}):null]}),extra:[r.resetError&&e.jsx(s,{themeType:"secondary",onClick:r.resetError,children:"Try again"},"reset"),t&&e.jsx(s,{onClick:t,children:"Take me home"},"back-home")].filter(Boolean)})};module.exports=c;
+"use strict";const e=require("react/jsx-runtime"),i=require("./styles.cjs"),t=require("../Button/Button.cjs"),o=require("../../node_modules/antd/es/space/index.cjs"),n=require("../Typography/Typography.cjs");module.exports=r=>{const s=()=>window.location.href="/";return e.jsx(i.StyledErrorBoundaryFallback,{status:"500",title:"Sorry, It looks like we're having some internal issues.",subTitle:e.jsxs(o.default,{direction:"vertical",children:[e.jsx(n,{themeType:"secondary",children:"Our team has been notified. If this issue persist contact customer service."}),r.eventId?e.jsxs(n,{themeType:"secondary",children:["(reference: ",r.eventId,")"]}):null]}),extra:[r.resetError&&e.jsx(t,{themeType:"secondary",onClick:r.resetError,children:"Try again"},"reset"),s&&e.jsx(t,{onClick:s,children:"Take me home"},"back-home")].filter(Boolean)})};

package/dist/components/ErrorBoundaryFallback/ErrorBoundaryFallback.js

@@ -1,30 +1,12 @@
 import { jsx as r, jsxs as t } from "react/jsx-runtime";
 import { StyledErrorBoundaryFallback as a } from "./styles.js";
-import i from "../Button/Button.js";
-import s from "../../node_modules/antd/es/space/index.js";
+import s from "../Button/Button.js";
+import i from "../../node_modules/antd/es/space/index.js";
 import n from "../Typography/Typography.js";
-const y = (e) => {
+const f = (e) => {
   const o = () => window.location.href = "/";
-  return /* @__PURE__ */ r(
-    a,
-    {
-      status: "500",
-      title: "Sorry, It looks like we're having some internal issues.",
-      subTitle: /* @__PURE__ */ t(s, { direction: "vertical", children: [
-        /* @__PURE__ */ r(n, { themeType: "secondary", children: "Our team has been notified. If this issue persist contact customer service." }),
-        e.eventId ? /* @__PURE__ */ t(n, { themeType: "secondary", children: [
-          "(reference: ",
-          e.eventId,
-          ")"
-        ] }) : null
-      ] }),
-      extra: [
-        e.resetError && /* @__PURE__ */ r(i, { themeType: "secondary", onClick: e.resetError, children: "Try again" }, "reset"),
-        o && /* @__PURE__ */ r(i, { onClick: o, children: "Take me home" }, "back-home")
-      ].filter(Boolean)
-    }
-  );
+  return r(a, { status: "500", title: "Sorry, It looks like we're having some internal issues.", subTitle: t(i, { direction: "vertical", children: [r(n, { themeType: "secondary", children: "Our team has been notified. If this issue persist contact customer service." }), e.eventId ? t(n, { themeType: "secondary", children: ["(reference: ", e.eventId, ")"] }) : null] }), extra: [e.resetError && r(s, { themeType: "secondary", onClick: e.resetError, children: "Try again" }, "reset"), o && r(s, { onClick: o, children: "Take me home" }, "back-home")].filter(Boolean) });
 };
 export {
-  y as default
+  f as default
 };

package/dist/components/ErrorBoundaryFallback/styles.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("styled-components"),t=require("../../node_modules/antd/es/result/index.cjs"),r=e(t.default)`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("styled-components")(require("../../node_modules/antd/es/result/index.cjs").default)`
   height: 100vh;
   display: flex;
   flex-direction: column;
@@ -8,4 +8,4 @@
   & .ant-result-image {
     margin: 0;
   }
-`;exports.StyledErrorBoundaryFallback=r;
+`;exports.StyledErrorBoundaryFallback=e;

package/dist/components/ErrorBoundaryFallback/styles.js

@@ -1,6 +1,6 @@
 import t from "styled-components";
 import e from "../../node_modules/antd/es/result/index.js";
-const l = t(e)`
+const i = t(e)`
   height: 100vh;
   display: flex;
   flex-direction: column;
@@ -12,5 +12,5 @@ const l = t(e)`
   }
 `;
 export {
-  l as StyledErrorBoundaryFallback
+  i as StyledErrorBoundaryFallback
 };

package/dist/components/Form/Form.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),e=require("./styles.cjs"),u=require("../../providers/useGenesis.cjs"),r=e.Form.Item,m=Object.assign(({children:s,...t})=>{const{breakpoint:n}=u.useGenesis();return o.jsx(e.Form,{role:"form",...t,children:s})},{Item:r,useForm:e.Form.useForm});exports.FormItem=r;exports.default=m;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),e=require("./styles.cjs"),i=require("../../providers/useGenesis.cjs"),r=e.Form.Item,u=Object.assign(({children:o,...t})=>{const{breakpoint:m}=i.useGenesis();return s.jsx(e.Form,{role:"form",...t,children:o})},{Item:r,useForm:e.Form.useForm});exports.FormItem=r,exports.default=u;

package/dist/components/Form/Form.js

@@ -1,17 +1,11 @@
-import { jsx as e } from "react/jsx-runtime";
-import { Form as o } from "./styles.js";
-import { useGenesis as t } from "../../providers/useGenesis.js";
-const s = o.Item, f = Object.assign(
-  ({ children: r, ...m }) => {
-    const { breakpoint: n } = t();
-    return /* @__PURE__ */ e(o, { role: "form", ...m, children: r });
-  },
-  {
-    Item: s,
-    useForm: o.useForm
-  }
-);
+import { jsx as s } from "react/jsx-runtime";
+import { Form as r } from "./styles.js";
+import { useGenesis as m } from "../../providers/useGenesis.js";
+const t = r.Item, f = Object.assign(({ children: e, ...o }) => {
+  const { breakpoint: a } = m();
+  return s(r, { role: "form", ...o, children: e });
+}, { Item: t, useForm: r.useForm });
 export {
-  s as FormItem,
+  t as FormItem,
   f as default
 };

package/dist/components/Form/styles.cjs

@@ -1,8 +1,8 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("styled-components"),t=require("../../node_modules/antd/es/form/index.cjs"),r=e(t)`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("styled-components")(require("../../node_modules/antd/es/form/index.cjs"))`
   label,
   .ant-form-item-label > label,
   .ant-form-item-required,
   .ant-form-item-row > label {
     height: auto !important;
   }
-`;exports.Form=r;
+`;exports.Form=e;

package/dist/components/Form/styles.js

@@ -1,6 +1,6 @@
 import t from "styled-components";
 import o from "../../node_modules/antd/es/form/index.js";
-const e = t(o)`
+const m = t(o)`
   label,
   .ant-form-item-label > label,
   .ant-form-item-required,
@@ -9,5 +9,5 @@ const e = t(o)`
   }
 `;
 export {
-  e as Form
+  m as Form
 };

package/dist/components/Input/Input.cjs

@@ -1 +1 @@
-"use strict";const o=require("react/jsx-runtime"),t=require("react"),c=require("./styles.cjs"),a=require("../../constants/index.cjs"),l=require("../shared/DropdownChevron.cjs"),u=require("../../node_modules/antd/es/select/index.cjs"),f=({state:n=a.STATE.active,size:d="normal",...e})=>{const{type:x,...i}=e,r=d==="normal"?"middle":d,s=t.isValidElement(e.addonAfter)&&e.addonAfter.type===u?t.cloneElement(e.addonAfter,{suffixIcon:o.jsx(l,{})}):e.addonAfter;return o.jsx(c.Input,{size:r,state:n,disabled:n==="disabled"||e.disabled,...i,addonAfter:s})};module.exports=f;
+"use strict";const d=require("react/jsx-runtime"),s=require("react"),l=require("./styles.cjs"),u=require("../../constants/index.cjs"),c=require("../shared/DropdownChevron.cjs"),f=require("../../node_modules/antd/es/select/index.cjs");module.exports=({state:r=u.STATE.active,size:t="normal",...e})=>{const{type:o,...i}=e,n=t==="normal"?"middle":t,a=s.isValidElement(e.addonAfter)&&e.addonAfter.type===f?s.cloneElement(e.addonAfter,{suffixIcon:d.jsx(c,{})}):e.addonAfter;return d.jsx(l.Input,{size:n,state:r,disabled:r==="disabled"||e.disabled,...i,addonAfter:a})};

package/dist/components/Input/Input.js

@@ -1,28 +1,13 @@
-import { jsx as e } from "react/jsx-runtime";
-import n from "react";
-import { Input as m } from "./styles.js";
-import { STATE as f } from "../../constants/index.js";
+import { jsx as r } from "react/jsx-runtime";
+import d from "react";
+import { Input as f } from "./styles.js";
+import { STATE as n } from "../../constants/index.js";
 import l from "../shared/DropdownChevron.js";
 import p from "../../node_modules/antd/es/select/index.js";
-const x = ({
-  state: d = f.active,
-  size: t = "normal",
-  ...o
-}) => {
-  const { type: c, ...r } = o, a = t === "normal" ? "middle" : t, i = n.isValidElement(o.addonAfter) && o.addonAfter.type === p ? n.cloneElement(o.addonAfter, {
-    suffixIcon: /* @__PURE__ */ e(l, {})
-  }) : o.addonAfter;
-  return /* @__PURE__ */ e(
-    m,
-    {
-      size: a,
-      state: d,
-      disabled: d === "disabled" || o.disabled,
-      ...r,
-      addonAfter: i
-    }
-  );
+const I = ({ state: e = n.active, size: o = "normal", ...t }) => {
+  const { type: i, ...a } = t, m = o === "normal" ? "middle" : o, s = d.isValidElement(t.addonAfter) && t.addonAfter.type === p ? d.cloneElement(t.addonAfter, { suffixIcon: r(l, {}) }) : t.addonAfter;
+  return r(f, { size: m, state: e, disabled: e === "disabled" || t.disabled, ...a, addonAfter: s });
 };
 export {
-  x as default
+  I as default
 };