@gobolt/genesis 0.1.2 → 0.1.3

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

@@ -1,25 +1,30 @@
-import { jsx as e } from "react/jsx-runtime";
-import { a as c } from "../../../setup-DwHFLWUb.js";
-import s from "../ErrorBoundary.js";
-const d = () => {
+import { jsx as o } from "react/jsx-runtime";
+import { a as c } from "../../../setup-aZdxWCJq.js";
+import d from "../ErrorBoundary.js";
+import { d as l, b as i, a as m, i as s, g as a, v as h } from "../../../vi.B5EKKJdE-BsDIxc7v.js";
+const p = () => {
   throw new Error("Test error");
-};
-describe.skip("<ErrorBoundary />", () => {
-  let n, o;
-  beforeEach(() => {
-    o = jest.spyOn(console, "error").mockImplementation(() => {
-    });
-  }), afterEach(() => {
-    o.mockRestore();
+}, E = () => /* @__PURE__ */ o("div", { "data-testid": "error-fallback", children: "Error" });
+l("<ErrorBoundary />", () => {
+  let e = {}, t;
+  i(() => {
+    t = h.spyOn(console, "error").mockImplementation(() => {
+    }), e = {};
+  }), m(() => {
+    t.mockRestore();
   });
-  const t = (r) => c(/* @__PURE__ */ e(s, { ...n, children: r }));
-  it("should render children when no error occurs", () => {
-    const { getByTestId: r } = t(
-      /* @__PURE__ */ e("div", { "data-testid": "child", children: "Content" })
+  const n = (r) => c(/* @__PURE__ */ o(d, { ...e, children: r }));
+  s("should render children when no error occurs", () => {
+    const { getByTestId: r } = n(
+      /* @__PURE__ */ o("div", { "data-testid": "child", children: "Content" })
     );
-    expect(r("child")).toBeInTheDocument();
-  }), it("should render fallback UI when error occurs", () => {
-    const { getByTestId: r } = t(/* @__PURE__ */ e(d, {}));
-    expect(r("error-fallback")).toBeInTheDocument();
+    a(r("child")).toBeInTheDocument();
+  }), s("should render fallback UI when error occurs", () => {
+    e = {
+      errorComponent: /* @__PURE__ */ o(E, {}),
+      hasError: !0
+    };
+    const { getByTestId: r } = n(/* @__PURE__ */ o(p, {}));
+    a(r("error-fallback")).toBeInTheDocument();
   });
 });

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

@@ -1,5 +1,4 @@
 import { GenesisTheme } from '../../styles/theme/genesis-theme.types';
-
 interface StyledErrorBoundaryProps {
     theme?: GenesisTheme;
     type?: "primary" | "secondary";

package/dist/components/ErrorBoundary/styles.js

@@ -1,4 +1,4 @@
-import { d as t } from "../../styled-components.browser.esm-CZ1XM4o4.js";
+import { d as t } from "../../styled-components.browser.esm-C47QHsU4.js";
 const o = ({ colors: r, borderRadius: e, sizing: s }, a = "primary", i = "active") => `
   .class-name-here {
    } 

package/dist/components/ErrorBoundaryFallback/ErrorBoundaryFallback.js

@@ -1,55 +1,56 @@
-import { jsx as o, jsxs as t } from "react/jsx-runtime";
+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 e } from "../../Typography-CoZ5qD-t.js";
+import { a as i } from "../../Typography-B2J8CPnt.js";
 import "../Breadcrumb/styles.js";
-import i from "../Button/Button.js";
+import m from "../Button/Button.js";
 import "../Card/styles.js";
 import "../Checkbox/styles.js";
+import "../DateRangePicker/DateRangePicker.js";
 import "react";
-import "../Input/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-CWdUpZom.js";
+import "../../styles-DNay6iFa.js";
 import "../Progress/styles.js";
-import "../../styles/global-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-qerRs7Rn.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 J = (r) => {
-  const m = () => window.location.href = "/";
+const K = (r) => {
+  const t = () => window.location.href = "/";
   return /* @__PURE__ */ o(
     p,
     {
       status: "500",
       title: "Sorry, It looks like we're having some internal issues.",
-      subTitle: /* @__PURE__ */ t(n, { direction: "vertical", children: [
-        /* @__PURE__ */ o(e, { themeType: "secondary", children: "Our team has been notified. If this issue persist contact customer service." }),
-        r.eventId ? /* @__PURE__ */ t(e, { themeType: "secondary", children: [
+      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: [
           "(reference: ",
           r.eventId,
           ")"
         ] }) : null
       ] }),
       extra: [
-        r.resetError && /* @__PURE__ */ o(i, { themeType: "secondary", onClick: r.resetError, children: "Try again" }, "reset"),
-        /* @__PURE__ */ o(i, { onClick: m, children: "Take me home" }, "back-home")
+        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")
       ].filter(Boolean)
     }
   );
 };
 export {
-  J as default
+  K as default
 };

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

@@ -1,6 +1,5 @@
 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>;

package/dist/components/ErrorBoundaryFallback/styles.js

@@ -1,12 +1,12 @@
-import { d as W } from "../../styled-components.browser.esm-CZ1XM4o4.js";
+import { d as W } from "../../styled-components.browser.esm-C47QHsU4.js";
 import * as e from "react";
-import { R as A } from "../../CheckCircleFilled-BKgizvyl.js";
-import { R as j } from "../../CloseCircleFilled-B9e7yFwo.js";
-import { R as z } from "../../ExclamationCircleFilled-BHELVsTg.js";
-import { d as $, e as k } from "../../presets-Djh_L_6R.js";
-import { I as S } from "../../AntdIcon-nCNB0J1E.js";
-import { j as x, m as N, f as m, C as I, g as H } from "../../index-BbTV2Cw5.js";
-import "../../index-DLdU7Tpd.js";
+import { R as A } from "../../CheckCircleFilled-B-wrMduA.js";
+import { R as j } from "../../CloseCircleFilled-WEQ0SaSW.js";
+import { R as z } from "../../ExclamationCircleFilled-x8Sr29BN.js";
+import { e as $, c as k } from "../../presets-CSXMiWyc.js";
+import { I as S } from "../../AntdIcon-DP6hPDqu.js";
+import { d as x } from "../../index-DCopujxC.js";
+import { g as N, m as I, f as m, C as H } from "../../CSSMotionList-DB0khM6h.js";
 var R = { icon: { tag: "svg", attrs: { viewBox: "64 64 896 896", focusable: "false" }, children: [{ tag: "path", attrs: { d: "M955.7 856l-416-720c-6.2-10.7-16.9-16-27.7-16s-21.6 5.3-27.7 16l-416 720C56 877.4 71.4 904 96 904h832c24.6 0 40-26.6 27.7-48zM480 416c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v184c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V416zm32 352a48.01 48.01 0 010-96 48.01 48.01 0 010 96z" } }] }, name: "warning", theme: "filled" }, y = function(l, a) {
   return /* @__PURE__ */ e.createElement(S, $({}, l, {
     ref: a,
@@ -605,8 +605,8 @@ const V = () => /* @__PURE__ */ e.createElement("svg", {
   subtitleFontSize: t.fontSize,
   iconFontSize: t.fontSizeHeading3 * 3,
   extraMargin: `${t.paddingLG}px 0 0 0`
-}), P = x("Result", (t) => {
-  const l = t.colorInfo, a = t.colorError, r = t.colorSuccess, n = t.colorWarning, s = N(t, {
+}), P = N("Result", (t) => {
+  const l = t.colorInfo, a = t.colorError, r = t.colorSuccess, n = t.colorWarning, s = I(t, {
     resultInfoIconColor: l,
     resultErrorIconColor: a,
     resultSuccessIconColor: r,
@@ -854,7 +854,7 @@ const V = () => /* @__PURE__ */ e.createElement("svg", {
   } = t;
   const n = k(`${l}-icon`);
   if (process.env.NODE_ENV !== "production") {
-    const o = H("Result");
+    const o = x("Result");
     process.env.NODE_ENV !== "production" && o(!(typeof a == "string" && a.length > 2), "breaking", `\`icon\` is using ReactNode instead of string naming in v4. Please check \`${a}\` at https://ant.design/components/icon`);
   }
   if (q.includes(`${r}`)) {
@@ -892,9 +892,9 @@ const V = () => /* @__PURE__ */ e.createElement("svg", {
     getPrefixCls: f,
     direction: L,
     result: d
-  } = e.useContext(I), c = f("result", l), [B, g, v] = P(c), C = k(c, `${c}-${E}`, a, d == null ? void 0 : d.className, r, {
+  } = e.useContext(H), c = f("result", l), [B, v, g] = P(c), C = k(c, `${c}-${E}`, a, d == null ? void 0 : d.className, r, {
     [`${c}-rtl`]: L === "rtl"
-  }, g, v), D = Object.assign(Object.assign({}, d == null ? void 0 : d.style), o);
+  }, v, g), D = Object.assign(Object.assign({}, d == null ? void 0 : d.style), o);
   return B(/* @__PURE__ */ e.createElement("div", {
     className: C,
     style: D

package/dist/components/Form/Form.d.ts

@@ -1,7 +1,6 @@
 import { default as React } from 'react';
 import { FormProps as AntFormProps, FormInstance } from 'antd';
 import { TYPE, STATE } from '../../constants';
-
 import * as S from "./styles";
 export interface FormProps extends AntFormProps {
     children?: React.ReactNode;

package/dist/components/Form/Form.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "../../providers/BreakpointThemeProvider.js";
-import { d as a, F as e } from "../../Typography-CoZ5qD-t.js";
-import "../../styles-D1vKDy9V.js";
+import { d as a, F as e } from "../../Typography-B2J8CPnt.js";
+import "./styles.js";
 export {
   a as FormItem,
   e as default

package/dist/components/Form/__stories__/Form.stories.d.ts

@@ -1,6 +1,5 @@
 import { Meta, StoryObj } from '@storybook/react';
 import { default as Form } from '../Form';
-
 declare const meta: Meta<typeof Form>;
 export default meta;
 type Story = StoryObj<typeof Form>;

package/dist/components/Form/__stories__/FormStory.js

@@ -1,6 +1,6 @@
 import { jsxs as s, Fragment as T, jsx as e } from "react/jsx-runtime";
-import { useState as m, useMemo as x } from "react";
-import { F as P, a as c, d as a } from "../../../Typography-CoZ5qD-t.js";
+import { useState as u, useMemo as x } from "react";
+import { F as P, a as c, d as a } from "../../../Typography-B2J8CPnt.js";
 import "../../Avatar/styles.js";
 import "../../Badge/styles.js";
 import "../../../providers/BreakpointThemeProvider.js";
@@ -8,13 +8,14 @@ import "../../Breadcrumb/styles.js";
 import p from "../../Button/Button.js";
 import V from "../../Card/Card.js";
 import k from "../../Checkbox/Checkbox.js";
+import "../../DateRangePicker/DateRangePicker.js";
 import "../../ErrorBoundaryFallback/styles.js";
 import d from "../../Input/Input.js";
 import "../../Layout/Content/styles.js";
 import "../../Message/styles.js";
 import "../../Notification/NotificationBadge/styles.js";
 import "../../Notification/styles.js";
-import "../../../styles-CWdUpZom.js";
+import "../../../styles-DNay6iFa.js";
 import S from "../../Progress/Progress.js";
 import "../../Row/styles.js";
 import "../../../styles/global-styles.js";
@@ -23,12 +24,12 @@ import "../../Row/RowActions/styles.js";
 import "../../SegmentedControls/styles.js";
 import I from "../../Select/Select.js";
 import "../../Switch/styles.js";
-import { S as h } from "../../../styles-qerRs7Rn.js";
+import { S as h } from "../../../styles-Wpm1RiGr.js";
 import "../../Tabs/styles.js";
 import "../../Tile/styles.js";
 import "../../Toast/styles.js";
 import "../../Tooltip/styles.js";
-import { F as v } from "../../../styles-D1vKDy9V.js";
+import { F as v } from "../../../index-CupwdUIJ.js";
 const N = [
   { value: "sedan_tesla_3", label: "Tesla Model 3", isEv: !0 },
   { value: "suv_tesla_y", label: "Tesla Model Y", isEv: !0 },
@@ -42,12 +43,12 @@ const N = [
   { value: "suv_crv", label: "Honda CR-V", isEv: !1 },
   { value: "other_ev", label: "Other EV", isEv: !0 },
   { value: "other_ice", label: "Other ICE", isEv: !1 }
-], me = () => {
-  const [b, f] = m({
+], ce = () => {
+  const [b, f] = u({
     value: 0,
     status: "success",
     text: null
-  }), [o, i] = m(null), [r] = v.useForm(), g = (l) => {
+  }), [o, i] = u(null), [r] = v.useForm(), g = (l) => {
     console.log("Success:", l), i(l);
   }, y = (l) => {
     console.log("Failed:", l);
@@ -59,7 +60,7 @@ const N = [
   ), C = () => {
     const l = ["email", "routeNumber"], t = r.getFieldsValue(), _ = l.length;
     return l.filter(
-      (u) => t[u] !== void 0 && t[u] !== ""
+      (m) => t[m] !== void 0 && t[m] !== ""
     ).length / _ * 100;
   };
   return /* @__PURE__ */ s(T, { children: [
@@ -166,5 +167,5 @@ const N = [
   ] });
 };
 export {
-  me as FormStory
+  ce as FormStory
 };

package/dist/components/Form/__tests__/form.test.js

@@ -1,6 +1,7 @@
-import { jsx as s } from "react/jsx-runtime";
-import { v as e, s as m, a as t } from "../../../setup-DwHFLWUb.js";
-import { F as i } from "../../../Typography-CoZ5qD-t.js";
+import { jsx as n } from "react/jsx-runtime";
+import { a as s, s as t } from "../../../setup-aZdxWCJq.js";
+import { F as i } from "../../../Typography-B2J8CPnt.js";
+import { v as e } from "../../../vi.B5EKKJdE-BsDIxc7v.js";
 describe("<Form />", () => {
   let o;
   beforeEach(() => {
@@ -9,10 +10,10 @@ describe("<Form />", () => {
       onFinishFailed: e.fn()
     };
   });
-  const r = () => t(/* @__PURE__ */ s(i, { ...o }));
+  const r = () => s(/* @__PURE__ */ n(i, { ...o }));
   it("should render the form", () => {
     r();
-    const n = m.getByRole("form");
-    expect(n).toBeInTheDocument();
+    const m = t.getByRole("form");
+    expect(m).toBeInTheDocument();
   });
 });

package/dist/components/Form/index.js

@@ -1,4 +1,4 @@
-import { F as f } from "../../Typography-CoZ5qD-t.js";
+import { F as f } from "../../Typography-B2J8CPnt.js";
 export {
   f as default
 };

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

@@ -1,3 +1,2 @@
 import { Form as AntForm } from 'antd';
-
 export declare const Form: typeof AntForm;

package/dist/components/Form/styles.js

@@ -1,5 +1,13 @@
-import "../../styled-components.browser.esm-CZ1XM4o4.js";
-import { a } from "../../styles-D1vKDy9V.js";
+import { d as t } from "../../styled-components.browser.esm-C47QHsU4.js";
+import { F as o } from "../../index-CupwdUIJ.js";
+const a = t(o)`
+  label,
+  .ant-form-item-label > label,
+  .ant-form-item-required,
+  .ant-form-item-row > label {
+    height: auto !important;
+  }
+`;
 export {
   a as Form
 };

package/dist/components/FormBrandon/Form.d.ts

@@ -0,0 +1,25 @@
+import { default as React } from 'react';
+import { FormProps as AntFormProps, FormInstance } from 'antd';
+import { TYPE, STATE } from '../../constants';
+import * as S from "./styles";
+export interface FormProps extends AntFormProps {
+    children?: React.ReactNode;
+    type?: keyof typeof TYPE;
+    state?: keyof typeof STATE;
+}
+export declare const FormItem: (<Values = any>(props: import('antd').FormItemProps<Values>) => React.ReactElement) & {
+    useStatus: () => {
+        status?: import('antd/es/form/FormItem').ValidateStatus;
+        errors: React.ReactNode[];
+        warnings: React.ReactNode[];
+    };
+};
+interface GenesisFormProps extends FormProps {
+    form?: FormInstance;
+}
+interface FormType extends React.FC<GenesisFormProps> {
+    Item: typeof S.Form.Item;
+    useForm: typeof S.Form.useForm;
+}
+declare const Form: FormType;
+export default Form;

package/dist/components/FormBrandon/Form.js

@@ -0,0 +1,18 @@
+import { jsx as t } from "react/jsx-runtime";
+import "../../providers/BreakpointThemeProvider.js";
+import { u as e } from "../../Typography-B2J8CPnt.js";
+import { Form as o } from "./styles.js";
+const s = o.Item, F = Object.assign(
+  ({ children: r, ...m }) => {
+    const { breakpoint: i } = e();
+    return /* @__PURE__ */ t(o, { role: "form", ...m, children: r });
+  },
+  {
+    Item: s,
+    useForm: o.useForm
+  }
+);
+export {
+  s as FormItem,
+  F as default
+};

package/dist/components/FormBrandon/__stories__/Form.stories.d.ts

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

package/dist/components/FormBrandon/__stories__/FormStory.d.ts

@@ -0,0 +1 @@
+export declare const FormStory: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/FormBrandon/__stories__/FormStory.js

@@ -0,0 +1,172 @@
+import { jsxs as o, Fragment as T, jsx as e } from "react/jsx-runtime";
+import { useState as u, useMemo as x } from "react";
+import P, { FormItem as t } from "../Form.js";
+import "../../Avatar/styles.js";
+import "../../Badge/styles.js";
+import "../../../providers/BreakpointThemeProvider.js";
+import { a as c } from "../../../Typography-B2J8CPnt.js";
+import "../../Breadcrumb/styles.js";
+import p from "../../Button/Button.js";
+import V from "../../Card/Card.js";
+import k from "../../Checkbox/Checkbox.js";
+import "../../DateRangePicker/DateRangePicker.js";
+import "../../ErrorBoundaryFallback/styles.js";
+import d from "../../Input/Input.js";
+import "../../Layout/Content/styles.js";
+import "../../Message/styles.js";
+import "../../Notification/NotificationBadge/styles.js";
+import "../../Notification/styles.js";
+import "../../../styles-DNay6iFa.js";
+import S from "../../Progress/Progress.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 I from "../../Select/Select.js";
+import "../../Switch/styles.js";
+import { S as h } from "../../../styles-Wpm1RiGr.js";
+import "../../Tabs/styles.js";
+import "../../Tile/styles.js";
+import "../../Toast/styles.js";
+import "../../Tooltip/styles.js";
+import { F as v } from "../../../index-CupwdUIJ.js";
+const N = [
+  { value: "sedan_tesla_3", label: "Tesla Model 3", isEv: !0 },
+  { value: "suv_tesla_y", label: "Tesla Model Y", isEv: !0 },
+  { value: "sedan_lucid", label: "Lucid Air", isEv: !0 },
+  { value: "sedan_camry", label: "Toyota Camry", isEv: !1 },
+  { value: "suv_rav4", label: "Toyota RAV4", isEv: !1 },
+  { value: "pickup_f150", label: "Ford F-150", isEv: !1 },
+  { value: "van_transit", label: "Ford Transit", isEv: !1 },
+  { value: "suv_highlander", label: "Toyota Highlander", isEv: !1 },
+  { value: "sedan_accord", label: "Honda Accord", isEv: !1 },
+  { value: "suv_crv", label: "Honda CR-V", isEv: !1 },
+  { value: "other_ev", label: "Other EV", isEv: !0 },
+  { value: "other_ice", label: "Other ICE", isEv: !1 }
+], pe = () => {
+  const [b, f] = u({
+    value: 0,
+    status: "success",
+    text: null
+  }), [s, i] = u(null), [l] = v.useForm(), g = (r) => {
+    console.log("Success:", r), i(r);
+  }, y = (r) => {
+    console.log("Failed:", r);
+  }, F = () => {
+    l.resetFields(), i(null);
+  }, n = v.useWatch("isEv", l), E = x(
+    () => N.filter((r) => n ? r.isEv : !0),
+    [n]
+  ), C = () => {
+    const r = ["email", "routeNumber"], a = l.getFieldsValue(), _ = r.length;
+    return r.filter(
+      (m) => a[m] !== void 0 && a[m] !== ""
+    ).length / _ * 100;
+  };
+  return /* @__PURE__ */ o(T, { children: [
+    /* @__PURE__ */ o(
+      P,
+      {
+        form: l,
+        autoComplete: "off",
+        initialValues: { remember: !0 },
+        onFinish: g,
+        onFinishFailed: y,
+        onValuesChange: () => {
+          f({
+            text: null,
+            value: C(),
+            status: l.getFieldsError().some((r) => r.errors.length > 0) ? "error" : "success"
+          });
+        },
+        children: [
+          /* @__PURE__ */ e(V, { cover: /* @__PURE__ */ e("img", { alt: "driver check in", src: "/gobolt_warehouse.png" }), children: /* @__PURE__ */ e(c, { variant: "heading2", children: "Driver Check In" }) }),
+          /* @__PURE__ */ e(
+            t,
+            {
+              label: "What is your email?",
+              name: "email",
+              rules: [
+                { required: !0, message: "Please input your email!" },
+                { type: "email", message: "Please enter a valid email address!" }
+              ],
+              labelCol: { span: 24 },
+              children: /* @__PURE__ */ e(d, {})
+            }
+          ),
+          /* @__PURE__ */ e(
+            t,
+            {
+              label: "What is your route number?",
+              name: "routeNumber",
+              rules: [
+                { required: !0, message: "Please input only numbers" },
+                { pattern: /^[0-9]*$/, message: "Please input numbers only" }
+              ],
+              help: "Please input only numbers",
+              labelCol: { span: 24 },
+              style: { marginBottom: "48px" },
+              children: /* @__PURE__ */ e(
+                d,
+                {
+                  placeholder: "Enter a route number",
+                  type: "number",
+                  maxLength: 10,
+                  onKeyPress: (r) => {
+                    /[0-9]/.test(r.key) || r.preventDefault();
+                  },
+                  onChange: (r) => {
+                    const a = r.target.value.replace(/[^0-9]/g, "");
+                    l.setFieldValue("routeNumber", a);
+                  }
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ e(
+            t,
+            {
+              name: "isEv",
+              labelCol: { span: 24 },
+              valuePropName: "checked",
+              children: /* @__PURE__ */ e(h, { direction: "horizontal", children: /* @__PURE__ */ e(k, { children: "Is your vehicle an EV?" }) })
+            }
+          ),
+          /* @__PURE__ */ e(
+            t,
+            {
+              label: "Please select your vehicle type",
+              name: "vehicleType",
+              rules: [{ required: !1 }],
+              labelCol: { span: 24 },
+              children: /* @__PURE__ */ e(I, { options: E, placeholder: "Select a vehicle type" })
+            }
+          ),
+          /* @__PURE__ */ e(t, { label: null, name: "subscribe", valuePropName: "checked", children: /* @__PURE__ */ o(h, { direction: "horizontal", children: [
+            /* @__PURE__ */ e(p, { htmlType: "submit", children: "Check In" }),
+            /* @__PURE__ */ e(p, { themeType: "secondary", onClick: F, children: "Reset" }),
+            /* @__PURE__ */ e(S, { firstBarData: b })
+          ] }) })
+        ]
+      }
+    ),
+    s && /* @__PURE__ */ o(
+      "div",
+      {
+        style: {
+          marginTop: "20px",
+          padding: "10px",
+          border: "1px solid #ccc"
+        },
+        children: [
+          /* @__PURE__ */ e(c, { variant: "heading3", children: "Form Values:" }),
+          /* @__PURE__ */ e("pre", { children: JSON.stringify(s, null, 2) })
+        ]
+      }
+    )
+  ] });
+};
+export {
+  pe as FormStory
+};

package/dist/components/FormBrandon/__tests__/form.test.js

@@ -0,0 +1,19 @@
+import { jsx as n } from "react/jsx-runtime";
+import { a as t, s } from "../../../setup-aZdxWCJq.js";
+import i from "../Form.js";
+import { v as e } from "../../../vi.B5EKKJdE-BsDIxc7v.js";
+describe("<Form />", () => {
+  let o;
+  beforeEach(() => {
+    o = {
+      onFinish: e.fn(),
+      onFinishFailed: e.fn()
+    };
+  });
+  const r = () => t(/* @__PURE__ */ n(i, { ...o }));
+  it("should render the form", () => {
+    r();
+    const m = s.getByRole("form");
+    expect(m).toBeInTheDocument();
+  });
+});

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

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

package/dist/components/FormBrandon/index.js

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

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

@@ -0,0 +1,2 @@
+import { Form as AntForm } from 'antd';
+export declare const Form: typeof AntForm;

package/dist/components/FormBrandon/styles.js

@@ -0,0 +1,13 @@
+import { d as t } from "../../styled-components.browser.esm-C47QHsU4.js";
+import { F as o } from "../../index-CupwdUIJ.js";
+const a = t(o)`
+  label,
+  .ant-form-item-label > label,
+  .ant-form-item-required,
+  .ant-form-item-row > label {
+    height: auto !important;
+  }
+`;
+export {
+  a as Form
+};

package/dist/components/Glyph/Glyph.js

@@ -1,7 +1,7 @@
 import { jsx as t } from "react/jsx-runtime";
-import { G as a } from "../../iconBase-LROS5hdG.js";
+import { G as a } from "../../iconBase-DSKTHwal.js";
 function o(r) {
-  return a({ tag: "svg", attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "path", attr: { d: "M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9" }, child: [] }, { tag: "path", attr: { d: "M10.3 21a1.94 1.94 0 0 0 3.4 0" }, child: [] }, { tag: "path", attr: { d: "M4 2C2.8 3.7 2 5.7 2 8" }, child: [] }, { tag: "path", attr: { d: "M22 8c0-2.3-.8-4.3-2-6" }, child: [] }] })(r);
+  return a({ attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "path", attr: { d: "M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9" }, child: [] }, { tag: "path", attr: { d: "M10.3 21a1.94 1.94 0 0 0 3.4 0" }, child: [] }, { tag: "path", attr: { d: "M4 2C2.8 3.7 2 5.7 2 8" }, child: [] }, { tag: "path", attr: { d: "M22 8c0-2.3-.8-4.3-2-6" }, child: [] }] })(r);
 }
 const e = ({}) => /* @__PURE__ */ t("div", { "data-testid": "Glyph", children: /* @__PURE__ */ t(o, {}) });
 export {