@gobolt/genesis 0.0.9 → 0.0.11

package/dist/components/Dashboard/index.js

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

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

@@ -0,0 +1,14 @@
+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 {};

package/dist/components/Dashboard/styles.js

@@ -0,0 +1,11 @@
+import { d as t } from "../../styled-components.browser.esm-CZ1XM4o4.js";
+const a = ({ colors: s, borderRadius: e, sizing: r }, o = "primary", i = "active") => `
+  .class-name-here {
+   } 
+ `, n = t.div`
+  ${({ theme: s, type: e, state: r }) => a(s, e, r)}
+`;
+export {
+  n as StyledDashboard,
+  a as getGenesisClass
+};

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

@@ -0,0 +1,19 @@
+import * as React from "react";
+export interface ErrorBoundaryProps {
+    hasError: boolean;
+    logError?: (error: Error, componentStack: string, ownerStack: string) => void;
+    errorComponent?: React.ReactNode;
+    children?: React.ReactNode;
+    resetError?: () => void;
+    error?: Error;
+    componentStack?: string;
+}
+declare class ErrorBoundary extends React.Component<any, ErrorBoundaryProps> {
+    constructor(props: any);
+    static getDerivedStateFromError(error: any): {
+        hasError: boolean;
+    };
+    componentDidCatch(error: any, info: any): any;
+    render(): any;
+}
+export default ErrorBoundary;

package/dist/components/ErrorBoundary/ErrorBoundary.js

@@ -0,0 +1,72 @@
+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-DqI7RslA.js";
+import "../Breadcrumb/styles.js";
+import "../Button/styles.js";
+import "../Card/styles.js";
+import "../Checkbox/styles.js";
+import e from "../ErrorBoundaryFallback/ErrorBoundaryFallback.js";
+import "../Input/styles.js";
+import "../Layout/Content/styles.js";
+import "../Message/styles.js";
+import "../Notification/NotificationBadge/styles.js";
+import "../Notification/styles.js";
+import "../../styles-BSD221S5.js";
+import "../Progress/styles.js";
+import "../../styles/global-styles.js";
+import "../Row/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-D9iYILpv.js";
+import "../Tabs/styles.js";
+import "../Tile/styles.js";
+import "../Toast/styles.js";
+import "../Tooltip/styles.js";
+import "../Typography/styles.js";
+const m = (o, r, t) => {
+  console.error(o, r, t);
+};
+class I extends i.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);
+    m(
+      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
+    });
+  }
+  render() {
+    return this.state.hasError ? this.props.errorComponent ? this.props.errorComponent : /* @__PURE__ */ p(
+      e,
+      {
+        error: this.state.error,
+        componentStack: this.state.componentStack,
+        resetError: this.props.resetError
+      }
+    ) : this.props.children;
+  }
+}
+export {
+  I as default
+};

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

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

package/dist/components/ErrorBoundary/__tests__/ErrorBoundary.test.d.ts

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

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

@@ -0,0 +1,25 @@
+import { jsx as e } from "react/jsx-runtime";
+import { a as c } from "../../../setup-CKu7-AfI.js";
+import s from "../ErrorBoundary.js";
+const d = () => {
+  throw new Error("Test error");
+};
+describe.skip("<ErrorBoundary />", () => {
+  let n, o;
+  beforeEach(() => {
+    o = jest.spyOn(console, "error").mockImplementation(() => {
+    });
+  }), afterEach(() => {
+    o.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" })
+    );
+    expect(r("child")).toBeInTheDocument();
+  }), it("should render fallback UI when error occurs", () => {
+    const { getByTestId: r } = t(/* @__PURE__ */ e(d, {}));
+    expect(r("error-fallback")).toBeInTheDocument();
+  });
+});

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

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

package/dist/components/ErrorBoundary/index.js

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

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

@@ -0,0 +1,14 @@
+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 {};

package/dist/components/ErrorBoundary/styles.js

@@ -0,0 +1,11 @@
+import { d as t } from "../../styled-components.browser.esm-CZ1XM4o4.js";
+const o = ({ colors: r, borderRadius: e, sizing: s }, a = "primary", i = "active") => `
+  .class-name-here {
+   } 
+ `, n = t.div`
+  ${({ theme: r, type: e, state: s }) => o(r, e, s)}
+`;
+export {
+  n as StyledErrorBoundary,
+  o as getGenesisClass
+};

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

@@ -1,8 +1,8 @@
 export interface ErrorBoundaryFallbackProps {
     error?: Error | null;
     componentStack?: string | null;
-    eventId: string | null;
-    resetError: () => void;
+    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

@@ -1,40 +1,55 @@
-import { jsx as r, jsxs as o } from "react/jsx-runtime";
-import { StyledErrorBoundaryFallback as a } from "./styles.js";
+import { jsx as o, jsxs as t } 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-DqI7RslA.js";
 import "../Breadcrumb/styles.js";
-import "../../providers/ThemeProvider.js";
-import { a as t } from "../../Typography-aGoDUl4R.js";
 import i from "../Button/Button.js";
+import "../Card/styles.js";
 import "../Checkbox/styles.js";
+import "react";
 import "../Input/styles.js";
+import "../Layout/Content/styles.js";
 import "../Message/styles.js";
+import "../Notification/NotificationBadge/styles.js";
 import "../Notification/styles.js";
-import "react";
+import "../../styles-BSD221S5.js";
+import "../Progress/styles.js";
+import "../../styles/global-styles.js";
+import "../Row/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-D9iYILpv.js";
+import "../Tabs/styles.js";
+import "../Tile/styles.js";
 import "../Toast/styles.js";
-import { S as n } from "../../index-BZAhCB_K.js";
-const S = (e) => {
+import "../Tooltip/styles.js";
+const J = (r) => {
   const m = () => window.location.href = "/";
-  return /* @__PURE__ */ r(
-    a,
+  return /* @__PURE__ */ o(
+    p,
     {
       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: [
+      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: [
           "(reference: ",
-          e.eventId,
+          r.eventId,
           ")"
-        ] })
+        ] }) : null
       ] }),
       extra: [
-        /* @__PURE__ */ r(i, { themeType: "secondary", onClick: e.resetError, children: "Try again" }, "reset"),
-        /* @__PURE__ */ r(i, { onClick: m, children: "Take me home" }, "back-home")
-      ]
+        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")
+      ].filter(Boolean)
     }
   );
 };
 export {
-  S as default
+  J as default
 };

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

@@ -5,4 +5,4 @@ declare const meta: Meta<typeof ErrorBoundaryFallback>;
 export default meta;
 type Story = StoryObj<typeof ErrorBoundaryFallback>;
 export declare const Default: Story;
-export declare const WithError: Story;
+export declare const WithTryAgain: Story;

package/dist/components/ErrorBoundaryFallback/styles.js

@@ -1,10 +1,12 @@
 import { d as W } from "../../styled-components.browser.esm-CZ1XM4o4.js";
 import * as e from "react";
-import { R as A, a as j } from "../../ExclamationCircleFilled-C0Kj5KQV.js";
-import { R as z } from "../../CloseCircleFilled-DXCxlIQL.js";
-import { a as $, c as k } from "../../warning-C63HNL9U.js";
-import { I as S } from "../../AntdIcon-BoLh1dP8.js";
-import { g as x, m as N, q as m, C as I, v as H } from "../../index-oK7z6jnz.js";
+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 { g as x, m as N, j as m, C as I, e as H } from "../../index-ByspLxrB.js";
+import "../../index-DLdU7Tpd.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,
@@ -613,7 +615,7 @@ const V = () => /* @__PURE__ */ e.createElement("svg", {
     imageHeight: 295
   });
   return [O(s)];
-}, G), q = () => /* @__PURE__ */ e.createElement("svg", {
+}, G), U = () => /* @__PURE__ */ e.createElement("svg", {
   width: "251",
   height: "294"
 }, /* @__PURE__ */ e.createElement("title", null, "Unauthorized"), /* @__PURE__ */ e.createElement("g", {
@@ -835,16 +837,16 @@ const V = () => /* @__PURE__ */ e.createElement("svg", {
   strokeWidth: "1.051",
   strokeLinecap: "round",
   strokeLinejoin: "round"
-}))), U = {
+}))), X = {
   success: A,
-  error: z,
-  info: j,
+  error: j,
+  info: z,
   warning: u
 }, h = {
   404: V,
   500: b,
-  403: q
-}, X = Object.keys(h), J = (t) => {
+  403: U
+}, q = Object.keys(h), J = (t) => {
   let {
     prefixCls: l,
     icon: a,
@@ -855,13 +857,13 @@ const V = () => /* @__PURE__ */ e.createElement("svg", {
     const o = H("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 (X.includes(`${r}`)) {
+  if (q.includes(`${r}`)) {
     const o = h[r];
     return /* @__PURE__ */ e.createElement("div", {
       className: `${n} ${l}-image`
     }, /* @__PURE__ */ e.createElement(o, null));
   }
-  const s = /* @__PURE__ */ e.createElement(U[r]);
+  const s = /* @__PURE__ */ e.createElement(X[r]);
   return a === null || a === !1 ? null : /* @__PURE__ */ e.createElement("div", {
     className: n
   }, a || s);
@@ -915,7 +917,7 @@ M.PRESENTED_IMAGE_403 = h[403];
 M.PRESENTED_IMAGE_404 = h[404];
 M.PRESENTED_IMAGE_500 = h[500];
 process.env.NODE_ENV !== "production" && (M.displayName = "Result");
-const a1 = W(M)`
+const n1 = W(M)`
   height: 100vh;
   display: flex;
   flex-direction: column;
@@ -927,5 +929,5 @@ const a1 = W(M)`
   }
 `;
 export {
-  a1 as StyledErrorBoundaryFallback
+  n1 as StyledErrorBoundaryFallback
 };

package/dist/components/Form/Form.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
-import "../../providers/ThemeProvider.js";
-import { h as a, F as e } from "../../Typography-aGoDUl4R.js";
-import "../../styles-CT_fyXBd.js";
+import "../../providers/BreakpointThemeProvider.js";
+import { d as a, F as e } from "../../Typography-DqI7RslA.js";
+import "../../styles-BDbHpHsc.js";
 export {
   a as FormItem,
   e as default

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

@@ -1,78 +1,155 @@
-import { jsxs as o, Fragment as p, jsx as e } from "react/jsx-runtime";
-import { F as c, a as s, h as i } from "../../../Typography-aGoDUl4R.js";
+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-DqI7RslA.js";
+import "../../Avatar/styles.js";
 import "../../Badge/styles.js";
+import "../../../providers/BreakpointThemeProvider.js";
 import "../../Breadcrumb/styles.js";
-import "../../../providers/ThemeProvider.js";
-import m from "../../Button/Button.js";
-import d from "../../Checkbox/Checkbox.js";
+import p from "../../Button/Button.js";
+import V from "../../Card/Card.js";
+import k from "../../Checkbox/Checkbox.js";
 import "../../ErrorBoundaryFallback/styles.js";
-import u from "../../Input/Input.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 h from "../../Select/Select.js";
+import "../../../styles-BSD221S5.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-D9iYILpv.js";
+import "../../Tabs/styles.js";
+import "../../Tile/styles.js";
 import "../../Toast/styles.js";
-import f from "react";
-import { F as b } from "../../../styles-CT_fyXBd.js";
-import { S as l } from "../../../index-BZAhCB_K.js";
-const F = [
-  { value: "apple", label: /* @__PURE__ */ e("span", { children: "apple" }) },
-  { value: "pear", label: /* @__PURE__ */ e("span", { children: "pear" }) }
-], _ = () => {
-  const [n, t] = f.useState(null), [a] = b.useForm();
-  return /* @__PURE__ */ o(p, { children: [
-    /* @__PURE__ */ e(
-      c,
+import "../../Tooltip/styles.js";
+import { F as v } from "../../../styles-BDbHpHsc.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 }
+], me = () => {
+  const [b, f] = m({
+    value: 0,
+    status: "success",
+    text: null
+  }), [o, i] = m(null), [r] = v.useForm(), g = (l) => {
+    console.log("Success:", l), i(l);
+  }, y = (l) => {
+    console.log("Failed:", l);
+  }, F = () => {
+    r.resetFields(), i(null);
+  }, n = v.useWatch("isEv", r), E = x(
+    () => N.filter((l) => n ? l.isEv : !0),
+    [n]
+  ), C = () => {
+    const l = ["email", "routeNumber"], t = r.getFieldsValue(), _ = l.length;
+    return l.filter(
+      (u) => t[u] !== void 0 && t[u] !== ""
+    ).length / _ * 100;
+  };
+  return /* @__PURE__ */ s(T, { children: [
+    /* @__PURE__ */ s(
+      P,
       {
-        form: a,
+        form: r,
         autoComplete: "off",
         initialValues: { remember: !0 },
-        onFinish: (r) => {
-          console.log("Success:", r), t(r);
+        onFinish: g,
+        onFinishFailed: y,
+        onValuesChange: () => {
+          f({
+            text: null,
+            value: C(),
+            status: r.getFieldsError().some((l) => l.errors.length > 0) ? "error" : "success"
+          });
         },
-        onFinishFailed: (r) => {
-          console.log("Failed:", r);
-        },
-        children: /* @__PURE__ */ o(l, { direction: "vertical", children: [
-          /* @__PURE__ */ e(s, { variant: "heading1", children: "Ship with GoBolt" }),
+        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(
-            i,
+            a,
             {
-              label: "What is your name?",
-              name: "username",
-              rules: [{ required: !0, message: "Please input your name!" }],
+              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(u, {})
+              children: /* @__PURE__ */ e(d, {})
             }
           ),
           /* @__PURE__ */ e(
-            i,
+            a,
             {
-              label: "What's for lunch?",
-              name: "fruit",
-              rules: [{ required: !1 }],
+              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: (l) => {
+                    /[0-9]/.test(l.key) || l.preventDefault();
+                  },
+                  onChange: (l) => {
+                    const t = l.target.value.replace(/[^0-9]/g, "");
+                    r.setFieldValue("routeNumber", t);
+                  }
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ e(
+            a,
+            {
+              name: "isEv",
               labelCol: { span: 24 },
-              children: /* @__PURE__ */ e(h, { options: F, placeholder: "Select a fruit" })
+              valuePropName: "checked",
+              children: /* @__PURE__ */ e(h, { direction: "horizontal", children: /* @__PURE__ */ e(k, { children: "Is your vehicle an EV?" }) })
             }
           ),
           /* @__PURE__ */ e(
-            i,
+            a,
             {
-              name: "subscribe",
+              label: "Please select your vehicle type",
+              name: "vehicleType",
+              rules: [{ required: !1 }],
               labelCol: { span: 24 },
-              label: "Interested in updates?",
-              children: /* @__PURE__ */ e(l, { direction: "horizontal", children: /* @__PURE__ */ e(d, { label: "Yes, Sign me up" }) })
+              children: /* @__PURE__ */ e(I, { options: E, placeholder: "Select a vehicle type" })
             }
           ),
-          /* @__PURE__ */ e(i, { label: null, name: "subscribe", valuePropName: "checked", children: /* @__PURE__ */ o(l, { direction: "horizontal", size: 180, children: [
-            /* @__PURE__ */ e(m, { themeType: "secondary", onClick: () => {
-              a.resetFields(), t(null);
-            }, children: "Reset" }),
-            /* @__PURE__ */ e(m, { htmlType: "submit", children: "Submit" })
+          /* @__PURE__ */ e(a, { label: null, name: "subscribe", valuePropName: "checked", children: /* @__PURE__ */ s(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 })
           ] }) })
-        ] })
+        ]
       }
     ),
-    n && /* @__PURE__ */ o(
+    o && /* @__PURE__ */ s(
       "div",
       {
         style: {
@@ -81,13 +158,13 @@ const F = [
           border: "1px solid #ccc"
         },
         children: [
-          /* @__PURE__ */ e(s, { variant: "heading3", children: "Form Values:" }),
-          /* @__PURE__ */ e("pre", { children: JSON.stringify(n, null, 2) })
+          /* @__PURE__ */ e(c, { variant: "heading3", children: "Form Values:" }),
+          /* @__PURE__ */ e("pre", { children: JSON.stringify(o, null, 2) })
         ]
       }
     )
   ] });
 };
 export {
-  _ as FormStory
+  me as FormStory
 };

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

@@ -1,6 +1,6 @@
 import { jsx as s } from "react/jsx-runtime";
-import { v as e, s as m, a as t } from "../../../setup-BvfREoHl.js";
-import { F as i } from "../../../Typography-aGoDUl4R.js";
+import { v as e, s as m, a as t } from "../../../setup-CKu7-AfI.js";
+import { F as i } from "../../../Typography-DqI7RslA.js";
 describe("<Form />", () => {
   let o;
   beforeEach(() => {

package/dist/components/Form/index.js

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

package/dist/components/Form/styles.js

@@ -1,5 +1,5 @@
 import "../../styled-components.browser.esm-CZ1XM4o4.js";
-import { a } from "../../styles-CT_fyXBd.js";
+import { a } from "../../styles-BDbHpHsc.js";
 export {
   a as Form
 };

package/dist/components/Glyph/Glyph.d.ts

@@ -0,0 +1,4 @@
+export interface GlyphProps {
+}
+declare const Glyph: ({}: GlyphProps) => import("react/jsx-runtime").JSX.Element;
+export default Glyph;