@gobolt/genesis 0.0.7

package/dist/components/atoms/typography/Typography.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { TYPE, TYPOGRAPHY_VARIANT } from '../../../constants';
+
+export interface TypographyProps {
+    children: React.ReactNode;
+    variant?: keyof typeof TYPOGRAPHY_VARIANT;
+    type?: keyof typeof TYPE;
+    state?: STATE.active | STATE.disabled;
+}
+declare const Typography: React.FC<TypographyProps>;
+export default Typography;

package/dist/components/atoms/typography/Typography.js

@@ -0,0 +1,44 @@
+import { jsx as p } from "react/jsx-runtime";
+import { Text as c, Headline as m } from "./styles.js";
+import { useBreakpoint as u } from "../../../providers/ThemeProvider.js";
+import { BREAKPOINTS as T, TYPE as t, TYPOGRAPHY_VARIANT as f, STATE as l } from "../../../constants/index.js";
+const a = ({
+  children: o,
+  type: r = t.primary,
+  variant: e = f.body1,
+  state: s = l.active,
+  ...d
+}) => {
+  const i = u() ?? T.wide;
+  switch (e) {
+    case e.includes("display"):
+    case e.includes("heading"):
+      return /* @__PURE__ */ p(
+        m,
+        {
+          state: s,
+          type: r,
+          variant: e,
+          breakpoint: i,
+          ...d,
+          children: o
+        }
+      );
+    case e.includes("body"):
+    default:
+      return /* @__PURE__ */ p(
+        c,
+        {
+          state: s,
+          type: r,
+          variant: e,
+          breakpoint: i,
+          ...d,
+          children: o
+        }
+      );
+  }
+};
+export {
+  a as default
+};

package/dist/components/atoms/typography/__stories__/Typography.stories.d.ts

@@ -0,0 +1,12 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { default as Typography } from '../Typography';
+
+declare const meta: Meta<typeof Typography>;
+export default meta;
+type Story = StoryObj<typeof Typography>;
+export declare const Default: Story;
+export declare const Display: Story;
+export declare const Heading: Story;
+export declare const Body: Story;
+export declare const Message: Story;
+export declare const Digits: Story;

package/dist/components/atoms/typography/__tests__/Typography.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/atoms/typography/__tests__/Typography.test.js

@@ -0,0 +1,16 @@
+import { jsx as o } from "react/jsx-runtime";
+import { d as r, i, c, a, g as p, s as m } from "../../../../setup-CMYVZCPF.js";
+import y from "../Typography.js";
+import { TYPE as n, TYPOGRAPHY_VARIANT as d } from "../../../../constants/index.js";
+r("Typography", () => {
+  i("renders type and variant correctly", () => {
+    const t = Object.keys(n), s = Object.keys(d);
+    t.forEach((f) => {
+      s.forEach((e) => {
+        c(), a(
+          /* @__PURE__ */ o(y, { type: e, variant: e, children: "Logistics, Simplified." })
+        ), p(m.getByText("Logistics, Simplified.")).toBeInTheDocument();
+      });
+    });
+  });
+});

package/dist/components/atoms/typography/index.d.ts

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

package/dist/components/atoms/typography/index.js

@@ -0,0 +1,4 @@
+import { default as o } from "./Typography.js";
+export {
+  o as default
+};

package/dist/components/atoms/typography/styles.d.ts

@@ -0,0 +1,11 @@
+import { TitleProps as AntTypographyProps } from 'antd/es/typography/Title';
+
+interface TypographyStyledProps extends AntTypographyProps {
+}
+export declare const Headline: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<Omit<AntTypographyProps & import('react').RefAttributes<HTMLElement>, "ref"> & {
+    ref?: import('react').Ref<HTMLElement>;
+}, TypographyStyledProps>> & string & Omit<import('react').ForwardRefExoticComponent<AntTypographyProps & import('react').RefAttributes<HTMLElement>>, keyof import('react').Component<any, {}, any>>;
+export declare const Text: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<Omit<import('antd/es/typography/Text').TextProps & import('react').RefAttributes<HTMLSpanElement>, "ref"> & {
+    ref?: import('react').Ref<HTMLSpanElement>;
+}, TypographyStyledProps>> & string & Omit<import('react').ForwardRefExoticComponent<import('antd/es/typography/Text').TextProps & import('react').RefAttributes<HTMLSpanElement>>, keyof import('react').Component<any, {}, any>>;
+export {};

package/dist/components/atoms/typography/styles.js

@@ -0,0 +1,28 @@
+import { d as r } from "../../../styled-components.browser.esm-CZ1XM4o4.js";
+import { T as f } from "../../../index-D1v_7IIx.js";
+const c = (e, n, t) => {
+  var s, i;
+  return `
+        font-size: ${((i = (s = e[t]) == null ? void 0 : s[n]) == null ? void 0 : i.fontSize) ?? 16}px;
+        line-height: ${e[t][n].lineHeight}px;
+        letter-spacing: ${e[t][n].letterSpacing}px;
+        font-weight: ${e[t][n].fontWeight};
+      `;
+}, g = ({ colors: e, sizing: n, typography: t }, s, i, l, $) => {
+  var o;
+  return `
+    &.ant-typography {
+      font-family: 'Inter', sans-serif;
+      color: ${((o = e[s]) == null ? void 0 : o[l]) ?? "#000"};
+      ${c(t, i, $)}
+    } 
+`;
+}, h = r(f.Title)`
+  ${({ theme: e, type: n, variant: t, state: s, breakpoint: i }) => g(e, n, t, s, i)}
+`, m = r(f.Text)`
+  ${({ theme: e, type: n, variant: t, state: s, breakpoint: i }) => g(e, n, t, s, i)}
+`;
+export {
+  h as Headline,
+  m as Text
+};

package/dist/components/index.d.js

@@ -0,0 +1 @@
+

package/dist/components/index.d.ts

@@ -0,0 +1,14 @@
+export { default as Button } from './atoms/button';
+export type { ButtonProps } from './atoms/button';
+export { default as Input } from './atoms/input';
+export type { InputProps } from './atoms/input';
+export { default as Select } from './atoms/select';
+export type { SelectProps } from './atoms/select';
+export { default as Checkbox } from './atoms/checkbox';
+export type { CheckboxProps } from './atoms/checkbox';
+export { default as Typography } from './atoms/typography';
+export type { TypographyProps } from './atoms/typography';
+export { default as Form } from './molecules/form';
+export type { FormProps } from './molecules/form';
+export { default as ErrorBoundaryFallback } from './molecules/error-boundary-fallback';
+export type { ErrorBoundaryFallbackProps } from './molecules/error-boundary-fallback';

package/dist/components/index.js

@@ -0,0 +1,16 @@
+import { default as a } from "./atoms/button/Button.js";
+import { default as e } from "./atoms/input/Input.js";
+import { default as p } from "./atoms/select/Select.js";
+import { default as u } from "./atoms/checkbox/Checkbox.js";
+import { default as x } from "./atoms/typography/Typography.js";
+import { F as s } from "../Form-Cylpi4M4.js";
+import { default as n } from "./molecules/error-boundary-fallback/ErrorBoundaryFallback.js";
+export {
+  a as Button,
+  u as Checkbox,
+  n as ErrorBoundaryFallback,
+  s as Form,
+  e as Input,
+  p as Select,
+  x as Typography
+};

package/dist/components/molecules/error-boundary-fallback/ErrorBoundaryFallback.d.ts

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

package/dist/components/molecules/error-boundary-fallback/ErrorBoundaryFallback.js

@@ -0,0 +1,35 @@
+import { jsx as r, jsxs as o } from "react/jsx-runtime";
+import { StyledErrorBoundaryFallback as s } from "./styles.js";
+import t from "../../atoms/button/Button.js";
+import "../../atoms/input/styles.js";
+import "../../../providers/ThemeProvider.js";
+import { TYPE as a } from "../../../constants/index.js";
+import "../../atoms/select/styles.js";
+import "../../atoms/checkbox/styles.js";
+import i from "../../atoms/typography/Typography.js";
+import { S as c } from "../../../index-3MWkSVA1.js";
+const g = (e) => {
+  const n = () => window.location.href = "/";
+  return /* @__PURE__ */ r(
+    s,
+    {
+      status: "500",
+      title: "Sorry, It looks like we're having some internal issues.",
+      subTitle: /* @__PURE__ */ o(c, { direction: "vertical", children: [
+        /* @__PURE__ */ r(i, { type: "secondary", strong: !0, children: "Our team has been notified. If this issue persist contact customer service." }),
+        /* @__PURE__ */ o(i, { type: "secondary", children: [
+          "(reference: ",
+          e.eventId,
+          ")"
+        ] })
+      ] }),
+      extra: [
+        /* @__PURE__ */ r(t, { type: a.secondary, onClick: e.resetError, children: "Try again" }, "reset"),
+        /* @__PURE__ */ r(t, { onClick: n, children: "Take me home" }, "back-home")
+      ]
+    }
+  );
+};
+export {
+  g as default
+};

package/dist/components/molecules/error-boundary-fallback/__stories__/ErrorBoundaryFallback.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { default as ErrorBoundaryFallback } from '../ErrorBoundaryFallback';
+
+declare const meta: Meta<typeof ErrorBoundaryFallback>;
+export default meta;
+type Story = StoryObj<typeof ErrorBoundaryFallback>;
+export declare const Default: Story;
+export declare const WithError: Story;

package/dist/components/molecules/error-boundary-fallback/index.d.ts

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

package/dist/components/molecules/error-boundary-fallback/index.js

@@ -0,0 +1,4 @@
+import { default as o } from "./ErrorBoundaryFallback.js";
+export {
+  o as default
+};

package/dist/components/molecules/error-boundary-fallback/styles.d.ts

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