@gobolt/genesis 0.1.6 → 0.2.1

package/dist/components/Button/styles.js

@@ -1,6 +1,6 @@
-import { d as b } from "../../styled-components.browser.esm-C47QHsU4.js";
-import { B as x } from "../../button-CYVlK7G0.js";
-const c = (r, a, d, l) => l && (r === "normal" || r === "large") ? `${d.Size2}px ${d.Size2}px` : l && r === "small" ? `${d.Size1}px ${d.Size1}px` : a === "utility" && r === "small" ? `${d.Size1_5}px ${d.Size2}px` : a === "utility" && (r === "normal" || r === "large") ? `${d.Size3}px ${d.Size2_5}px` : r === "small" ? `${d.Size1_5}px ${d.Size4}px` : r === "normal" || r === "large" ? `${d.Size2_5}px ${d.Size6}px` : `${d.Size2}px ${d.Size2}px`, i = ({ colors: r, sizing: a, borderRadius: d, components: l }, o, n, u, t) => (r[o][n].backgroundColor, `
+import { styled as b } from "../../utils/styled.js";
+import i from "../../node_modules/antd/es/button/button.js";
+const x = (r, a, d, l) => l && (r === "normal" || r === "large") ? `${d.Size2}px ${d.Size2}px` : l && r === "small" ? `${d.Size1}px ${d.Size1}px` : a === "utility" && r === "small" ? `${d.Size1_5}px ${d.Size2}px` : a === "utility" && (r === "normal" || r === "large") ? `${d.Size3}px ${d.Size2_5}px` : r === "small" ? `${d.Size1_5}px ${d.Size4}px` : r === "normal" || r === "large" ? `${d.Size2_5}px ${d.Size6}px` : `${d.Size2}px ${d.Size2}px`, c = ({ colors: r, sizing: a, borderRadius: d, components: l }, o, n, t, u) => (r[o][n].backgroundColor, `
       &.ant-btn {
       
         color: ${r[o][n].color};
@@ -9,12 +9,13 @@ const c = (r, a, d, l) => l && (r === "normal" || r === "large") ? `${d.Size2}px
         letter-spacing: 0;
         font-weight: 400;
         border-width: 1px;
+        line-height: 1 !important;
 
         width: auto; !important;
         height: auto; !important;
 
         background-color: ${r[o][n].backgroundColor};
-        padding: ${c(u, o, a, t)};
+        padding: ${x(t, o, a, u)};
 
         box-shadow: ${o === "utility" ? "0px 1px 2px 0px #00000026" : "none"};
 
@@ -53,15 +54,17 @@ const c = (r, a, d, l) => l && (r === "normal" || r === "large") ? `${d.Size2}px
           border-color: ${r[o].disabled.borderColor};
           cursor: not-allowed;
         }
+    
       }
-      `), f = (r, a, d, l, o) => `
+        
+      `), e = (r, a, d, l, o) => `
     &.ant-btn {
       font-family: 'Inter', sans-serif;
  
-      ${i(r, a, d, o, l)}
+      ${c(r, a, d, o, l)}
     } 
-`, $ = b(x)`
-  ${({ theme: r, $themeType: a, $state: d, children: l, $isIconButton: o, size: n }) => f(
+`, $ = b(i)`
+  ${({ theme: r, $themeType: a, $state: d, children: l, $isIconButton: o, size: n }) => e(
   r,
   a,
   d,

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

@@ -0,0 +1,2 @@
+export declare const Button: any;
+export declare const ButtonText: any;

package/dist/components/Card/Card.cjs

@@ -0,0 +1 @@
+"use strict";const d=require("react/jsx-runtime"),i=require("./styles.cjs"),n=({style:t,cover:r,actions:s,children:e,...a})=>d.jsx(i.Card,{"data-testid":"Card",style:t,cover:r,actions:s,...a,children:e});module.exports=n;

package/dist/components/Card/styles.cjs

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

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

@@ -1,15 +1,6 @@
-import { GenesisTheme } from '../../styles/theme/genesis-theme.types';
-interface StyledCardProps {
-    theme?: GenesisTheme;
-    type?: "primary" | "secondary";
-    state?: "active" | "disabled";
-}
 export declare const getGenesisClass: ({ colors, borderRadius, sizing }: {
     colors: any;
     borderRadius: any;
     sizing: any;
 }, type?: string, state?: string) => string;
-export declare const Card: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<Omit<import('antd').CardProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & {
-    ref?: import('react').Ref<HTMLDivElement>;
-}, StyledCardProps>> & string & Omit<import('antd/es/card').CardInterface, keyof import('react').Component<any, {}, any>>;
-export {};
+export declare const Card: any;

package/dist/components/Card/styles.js

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

package/dist/components/Checkbox/Checkbox.cjs

@@ -0,0 +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;

package/dist/components/Checkbox/Checkbox.js

@@ -1,47 +1,19 @@
-import { jsx as r } from "react/jsx-runtime";
-import { StyledCheckbox as p } from "./styles.js";
-import "../../providers/BreakpointThemeProvider.js";
-import { u as e, a as d } from "../../Typography-8BO7aTuQ.js";
-import { TYPE as a } from "../../constants/index.js";
-import "../Avatar/styles.js";
-import "../Badge/styles.js";
-import "../Breadcrumb/styles.js";
-import "../Button/styles.js";
-import "../Button/icon-button-styles.js";
-import "../Card/styles.js";
-import "../DateRangePicker/DateRangePicker.js";
-import "react";
-import "../ErrorBoundaryFallback/styles.js";
-import "../../styles-XuoEGUZZ.js";
-import "../Layout/Content/styles.js";
-import "../Message/styles.js";
-import "../Notification/NotificationBadge/styles.js";
-import "../Notification/styles.js";
-import "../../styles-DNay6iFa.js";
-import "../Progress/styles.js";
-import "../Row/styles.js";
-import "../../styles/global-styles.js";
-import "../Row/RowLabelValue/styles.js";
-import "../Row/RowActions/styles.js";
-import "../SegmentedControls/styles.js";
-import "../Select/styles.js";
-import "../Switch/styles.js";
-import "../../styles-Wpm1RiGr.js";
-import "../Tabs/styles.js";
-import "../Tile/styles.js";
-import "../Toast/styles.js";
-import "../Tooltip/styles.js";
-const N = ({ state: o = "active", label: t, ...i }) => {
-  const { breakpoint: s } = e(), m = a.secondary;
-  return t ? /* @__PURE__ */ r(
-    p,
+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__ */ r(d, { variant: "label1", type: m, state: o, ...i, isText: !0, children: t })
+      children: /* @__PURE__ */ e(l, { variant: "label1", type: a, state: o, ...i, isText: !0, children: r })
     }
-  ) : /* @__PURE__ */ r(
-    p,
+  ) : /* @__PURE__ */ e(
+    d,
     {
       ...i,
       disabled: o === "disabled" || i.disabled
@@ -49,5 +21,5 @@ const N = ({ state: o = "active", label: t, ...i }) => {
   );
 };
 export {
-  N as default
+  h as default
 };

package/dist/components/Checkbox/styles.cjs

@@ -0,0 +1,142 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../../utils/styled.cjs"),b=require("../../node_modules/antd/es/checkbox/index.cjs"),r=({colors:e,borderRadius:c},o="primary",n="active")=>`
+  .ant-checkbox-inner {
+    background-color: #FFFFFF;
+    border-color: #9A9A9A;
+    border-radius: 2px;
+    transition: all 0.2s ease-in-out;
+
+    &::after {
+      border-color: #9A9A9A;
+      border: 2px solid ${e[o][n].color};
+      border-top: 0;
+      border-left: 0;
+      content: "";
+      display: table;
+      height: 9px;
+      left: 6px;
+      opacity: 1;
+      position: absolute;
+      top: 2px;
+      transform: rotate(45deg) scale(1);
+      transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
+      width: 5px;
+    }
+  }
+
+  &:hover .ant-checkbox-inner::after {
+    border-color: #6C6C6C;
+  }
+
+  &:hover .ant-checkbox-checked .ant-checkbox-inner::after {
+    border-color: #6C6C6C;
+  }
+
+  .ant-checkbox-disabled .ant-checkbox-inner::after {
+    border-color: #9A9A9A;
+    background-color: #F4F4F4;
+  }
+
+  .ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner::after {
+    border-color: #6C6C6C;
+  }
+
+  &:hover .ant-checkbox-disabled .ant-checkbox-inner::after {
+    border-color: #6C6C6C;
+  }
+
+  .ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner {
+    background-color: #F4F4F4;
+    border-color: #9A9A9A;
+  }
+
+  .ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner::after {
+    border-color: #9A9A9A;
+  }
+
+  &:hover .ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner {
+    background-color: #F4F4F4;
+    border-color: #9A9A9A;
+  }
+
+  &:hover .ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner::after {
+    border-color: #9A9A9A;
+  }
+
+  .ant-checkbox-checked .ant-checkbox-inner {
+    background-color: #fff;
+    border-color: #9A9A9A;
+  }
+
+  .ant-checkbox-checked .ant-checkbox-inner::after {
+    border-color: ${e[o].active.color};
+  }
+
+  &:hover .ant-checkbox-inner {
+    border-color: #9A9A9A;
+
+    
+  }
+
+  &:hover .ant-checkbox-checked .ant-checkbox-inner {
+    background-color: #9A9A9A;
+    border-color: #FFF;
+    
+  }
+
+  &:hover .ant-checkbox-checked .ant-checkbox-inner::after {
+    border-color: #fff;
+  }
+
+  .ant-checkbox-checked .ant-checkbox-inner {
+    background-color:${e[o].focussed.ringColor};
+    border-color: #6C6C6C;
+  }
+
+  .ant-checkbox-checked .ant-checkbox-inner {
+    background-color: ${e.inputs.surface.checked};
+    border-color: ${e.inputs.surface.checked};
+  }
+
+  &:hover .ant-checkbox-checked .ant-checkbox-inner {
+    background-color: ${e.inputs.surface.checked};
+    border-color: ${e.inputs.surface.checked};
+  }
+
+  &:hover .ant-checkbox-checked .ant-checkbox-inner::after {
+    border-color: #fff;
+  }
+
+  &:hover .ant-checkbox-inner {
+    border-color: #9A9A9A;
+  }
+
+  &:hover .ant-checkbox-checked .ant-checkbox-inner {
+    background-color: ${e[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;
+    border-color: #9A9A9A;
+    transition: box-shadow 0.2s ease-in-out;
+  }
+
+  .ant-checkbox-input:focus + .ant-checkbox-inner {
+    border-color: ${e[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;
+    border-color: #9A9A9A;
+    transition: box-shadow 0.2s ease-in-out;
+  }
+`,t=a.styled(b)`
+  ${({theme:e,type:c,state:o})=>r(e,c,o)}
+`;exports.StyledCheckbox=t;exports.getGenesisClass=r;

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

@@ -1,6 +1,5 @@
-import { CheckboxProps } from './Checkbox';
 import { GenesisTheme } from '../../styles/theme/genesis-theme.types';
-declare module 'styled-components' {
+declare module "styled-components" {
     interface DefaultTheme extends GenesisTheme {
     }
 }
@@ -8,8 +7,4 @@ export declare const getGenesisClass: ({ colors, borderRadius }: {
     colors: any;
     borderRadius: any;
 }, type?: string, state?: string) => string;
-export declare const StyledCheckbox: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<Omit<import('antd').CheckboxProps & import('react').RefAttributes<import('rc-checkbox').CheckboxRef>, "ref"> & {
-    ref?: import('react').Ref<import('rc-checkbox').CheckboxRef>;
-}, CheckboxProps>> & string & Omit<import('react').ForwardRefExoticComponent<import('antd').CheckboxProps & import('react').RefAttributes<import('rc-checkbox').CheckboxRef>> & {
-    Group: <T = any>(props: import('antd/es/checkbox').CheckboxGroupProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement;
-}, keyof import('react').Component<any, {}, any>>;
+export declare const StyledCheckbox: any;

package/dist/components/Checkbox/styles.js

@@ -1,6 +1,6 @@
-import { d as n } from "../../styled-components.browser.esm-C47QHsU4.js";
-import { C as a } from "../../index-RtWhGOwR.js";
-const b = ({ colors: o, borderRadius: c }, e = "primary", r = "active") => `
+import { styled as n } from "../../utils/styled.js";
+import b from "../../node_modules/antd/es/checkbox/index.js";
+const a = ({ colors: o, borderRadius: c }, e = "primary", r = "active") => `
   .ant-checkbox-inner {
     background-color: #FFFFFF;
     border-color: #9A9A9A;
@@ -139,10 +139,10 @@ const b = ({ colors: o, borderRadius: c }, e = "primary", r = "active") => `
     border-color: #9A9A9A;
     transition: box-shadow 0.2s ease-in-out;
   }
-`, h = n(a)`
-  ${({ theme: o, type: c, state: e }) => b(o, c, e)}
+`, h = n(b)`
+  ${({ theme: o, type: c, state: e }) => a(o, c, e)}
 `;
 export {
   h as StyledCheckbox,
-  b as getGenesisClass
+  a as getGenesisClass
 };

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

@@ -1,13 +1,6 @@
-import { GenesisTheme } from '../../styles/theme/genesis-theme.types';
-interface StyledDashboardProps {
-    theme?: GenesisTheme;
-    type?: "primary" | "secondary";
-    state?: "active" | "disabled";
-}
 export declare const getGenesisClass: ({ colors, borderRadius, sizing }: {
     colors: any;
     borderRadius: any;
     sizing: any;
 }, type?: string, state?: string) => string;
-export declare const StyledDashboard: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledDashboardProps>> & string;
-export {};
+export declare const StyledDashboard: any;

package/dist/components/DatePicker/DatePicker.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("../../node_modules/antd/es/date-picker/index.cjs"),t=e;module.exports=t;

package/dist/components/DatePicker/DatePicker.js

@@ -1,5 +1,5 @@
-import { D as e } from "../../index-DavB5GQ3.js";
-const a = e;
+import e from "../../node_modules/antd/es/date-picker/index.js";
+const r = e;
 export {
-  a as default
+  r as default
 };

package/dist/components/DateRangePicker/DateRangePicker.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("../../node_modules/antd/es/date-picker/index.cjs"),{RangePicker:t}=e,n=t;module.exports=n;

package/dist/components/DateRangePicker/DateRangePicker.js

@@ -1,5 +1,5 @@
-import { D as e } from "../../index-DavB5GQ3.js";
-const { RangePicker: a } = e, r = a;
+import e from "../../node_modules/antd/es/date-picker/index.js";
+const { RangePicker: t } = e, r = t;
 export {
   r as default
 };

package/dist/components/ErrorBoundary/ErrorBoundary.cjs

@@ -0,0 +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;

package/dist/components/ErrorBoundary/ErrorBoundary.js

@@ -1,40 +1,10 @@
-import { jsx as p } from "react/jsx-runtime";
-import * as i from "react";
-import "../Avatar/styles.js";
-import "../Badge/styles.js";
-import "../../providers/BreakpointThemeProvider.js";
-import "../../Typography-8BO7aTuQ.js";
-import "../Breadcrumb/styles.js";
-import "../Button/styles.js";
-import "../Button/icon-button-styles.js";
-import "../Card/styles.js";
-import "../Checkbox/styles.js";
-import "../DateRangePicker/DateRangePicker.js";
-import m from "../ErrorBoundaryFallback/ErrorBoundaryFallback.js";
-import "../../styles-XuoEGUZZ.js";
-import "../Layout/Content/styles.js";
-import "../Message/styles.js";
-import "../Notification/NotificationBadge/styles.js";
-import "../Notification/styles.js";
-import "../../styles-DNay6iFa.js";
-import "../Progress/styles.js";
-import "../Row/styles.js";
-import "../../styles/global-styles.js";
-import "../Row/RowLabelValue/styles.js";
-import "../Row/RowActions/styles.js";
-import "../SegmentedControls/styles.js";
-import "../Select/styles.js";
-import "../Switch/styles.js";
-import "../../styles-Wpm1RiGr.js";
-import "../Tabs/styles.js";
-import "../Tile/styles.js";
-import "../Toast/styles.js";
-import "../Tooltip/styles.js";
-import "../Typography/styles.js";
-const e = (o, r, t) => {
+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 K extends i.Component {
+class i extends s.Component {
   constructor(r) {
     super(r), this.state = { hasError: !1 };
   }
@@ -44,7 +14,7 @@ class K extends i.Component {
   componentDidCatch(r, t) {
     if (this.props.logError)
       return this.props.logError(r, t.componentStack, null);
-    e(
+    a(
       r,
       // Example "componentStack":
       //   in ComponentThatThrows (created by App)
@@ -59,8 +29,8 @@ class K extends i.Component {
     });
   }
   render() {
-    return this.state.hasError ? this.props.errorComponent ? this.props.errorComponent : /* @__PURE__ */ p(
-      m,
+    return this.state.hasError ? this.props.errorComponent ? this.props.errorComponent : /* @__PURE__ */ e(
+      n,
       {
         error: this.state.error,
         componentStack: this.state.componentStack,
@@ -70,5 +40,5 @@ class K extends i.Component {
   }
 }
 export {
-  K as default
+  i as default
 };

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

@@ -1,13 +1,6 @@
-import { GenesisTheme } from '../../styles/theme/genesis-theme.types';
-interface StyledErrorBoundaryProps {
-    theme?: GenesisTheme;
-    type?: "primary" | "secondary";
-    state?: "active" | "disabled";
-}
 export declare const getGenesisClass: ({ colors, borderRadius, sizing }: {
     colors: any;
     borderRadius: any;
     sizing: any;
 }, type?: string, state?: string) => string;
-export declare const StyledErrorBoundary: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledErrorBoundaryProps>> & string;
-export {};
+export declare const StyledErrorBoundary: any;

package/dist/components/ErrorBoundaryFallback/ErrorBoundaryFallback.cjs

@@ -0,0 +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;

package/dist/components/ErrorBoundaryFallback/ErrorBoundaryFallback.js

@@ -1,57 +1,30 @@
-import { jsx as o, jsxs as e } from "react/jsx-runtime";
-import { StyledErrorBoundaryFallback as p } from "./styles.js";
-import "../Avatar/styles.js";
-import "../Badge/styles.js";
-import "../../providers/BreakpointThemeProvider.js";
-import { a as i } from "../../Typography-8BO7aTuQ.js";
-import "../Breadcrumb/styles.js";
-import m from "../Button/Button.js";
-import "../Button/icon-button-styles.js";
-import "../Card/styles.js";
-import "../Checkbox/styles.js";
-import "../DateRangePicker/DateRangePicker.js";
-import "react";
-import "../../styles-XuoEGUZZ.js";
-import "../Layout/Content/styles.js";
-import "../Message/styles.js";
-import "../Notification/NotificationBadge/styles.js";
-import "../Notification/styles.js";
-import "../../styles-DNay6iFa.js";
-import "../Progress/styles.js";
-import "../Row/styles.js";
-import "../../styles/global-styles.js";
-import "../Row/RowLabelValue/styles.js";
-import "../Row/RowActions/styles.js";
-import "../SegmentedControls/styles.js";
-import "../Select/styles.js";
-import "../Switch/styles.js";
-import { S as n } from "../../styles-Wpm1RiGr.js";
-import "../Tabs/styles.js";
-import "../Tile/styles.js";
-import "../Toast/styles.js";
-import "../Tooltip/styles.js";
-const L = (r) => {
-  const t = () => window.location.href = "/";
-  return /* @__PURE__ */ o(
-    p,
+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 n from "../Typography/Typography.js";
+const y = (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__ */ e(n, { direction: "vertical", children: [
-        /* @__PURE__ */ o(i, { themeType: "secondary", children: "Our team has been notified. If this issue persist contact customer service." }),
-        r.eventId ? /* @__PURE__ */ e(i, { themeType: "secondary", children: [
+      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: ",
-          r.eventId,
+          e.eventId,
           ")"
         ] }) : null
       ] }),
       extra: [
-        r.resetError && /* @__PURE__ */ o(m, { themeType: "secondary", onClick: r.resetError, children: "Try again" }, "reset"),
-        t && /* @__PURE__ */ o(m, { onClick: t, children: "Take me home" }, "back-home")
+        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)
     }
   );
 };
 export {
-  L as default
+  y as default
 };

package/dist/components/ErrorBoundaryFallback/styles.cjs

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

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

@@ -1 +1 @@
-export declare const StyledErrorBoundaryFallback: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('antd').ResultProps, never>> & string & Omit<import('antd/es/result').ResultType, keyof import('react').Component<any, {}, any>>;
+export declare const StyledErrorBoundaryFallback: any;