@gobolt/genesis 0.0.8 → 0.0.9

package/dist/components/ErrorBoundaryFallback/ErrorBoundaryFallback.js

@@ -1,72 +1,40 @@
-import { jsx as r, jsxs as t } from "react/jsx-runtime";
-import { StyledErrorBoundaryFallback as p } from "./styles.js";
+import { jsx as r, jsxs as o } from "react/jsx-runtime";
+import { StyledErrorBoundaryFallback as a } from "./styles.js";
+import "../Badge/styles.js";
+import "../Breadcrumb/styles.js";
+import "../../providers/ThemeProvider.js";
+import { a as t } from "../../Typography-aGoDUl4R.js";
 import i from "../Button/Button.js";
 import "../Checkbox/styles.js";
-import "../../providers/ThemeProvider.js";
-import { TYPE as n } from "../../constants/index.js";
-import { T as m } from "../../index-89035ea5.js";
 import "../Input/styles.js";
+import "../Message/styles.js";
+import "../Notification/styles.js";
 import "react";
 import "../Select/styles.js";
-import "../Badge/styles.js";
 import "../Toast/styles.js";
-import { S as s } from "../../index-0a886e53.js";
-import "../../styled-components.browser.esm-02f500bc.js";
-import "../../ExclamationCircleFilled-23ef9812.js";
-import "../../presets-83ccb923.js";
-import "../../AntdIcon-c395a1c4.js";
-import "../../CloseCircleFilled-ddc51e7e.js";
-import "../../index-4003d75b.js";
-import "react-dom";
-import "../Button/styles.js";
-import "../../button-fa1c119c.js";
-import "../../isVisible-729780f5.js";
-import "../../index-e2b72ca8.js";
-import "../../reactNode-f4391605.js";
-import "../../Compact-c39ed20d.js";
-import "../../presetColors-ccf8cb4c.js";
-import "../../compact-item-b8f85aa6.js";
-import "../../context-3b8a39af.js";
-import "../../styles/theme/genesis-theme.js";
-import "../../styles/design-tokens/variables.js";
-import "../Typography/styles.js";
-import "../../index-501fc13d.js";
-import "../../index-8c8d2d0c.js";
-import "../../CheckOutlined-52d9ac25.js";
-import "../../index-0b9ee239.js";
-import "../../index-1a33c134.js";
-import "../../ContextIsolator-b09b2c52.js";
-import "../../TextArea-20825221.js";
-import "../../useVariants-a0d64298.js";
-import "../../CloseOutlined-14b8bba1.js";
-import "../../InfoCircleFilled-c5f90c20.js";
-import "../../pickAttrs-00ba4687.js";
-import "../../collapse-345bc884.js";
-import "../../SearchOutlined-a9014e08.js";
-import "../../Overflow-a570fa69.js";
-import "../../DownOutlined-64a4732a.js";
-const tr = (o) => {
-  const e = () => window.location.href = "/";
+import { S as n } from "../../index-BZAhCB_K.js";
+const S = (e) => {
+  const m = () => window.location.href = "/";
   return /* @__PURE__ */ r(
-    p,
+    a,
     {
       status: "500",
       title: "Sorry, It looks like we're having some internal issues.",
-      subTitle: /* @__PURE__ */ t(s, { direction: "vertical", children: [
-        /* @__PURE__ */ r(m, { type: "secondary", strong: !0, children: "Our team has been notified. If this issue persist contact customer service." }),
-        /* @__PURE__ */ t(m, { type: "secondary", children: [
+      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: [
           "(reference: ",
-          o.eventId,
+          e.eventId,
           ")"
         ] })
       ] }),
       extra: [
-        /* @__PURE__ */ r(i, { type: n.secondary, onClick: o.resetError, children: "Try again" }, "reset"),
-        /* @__PURE__ */ r(i, { onClick: e, children: "Take me home" }, "back-home")
+        /* @__PURE__ */ r(i, { themeType: "secondary", onClick: e.resetError, children: "Try again" }, "reset"),
+        /* @__PURE__ */ r(i, { onClick: m, children: "Take me home" }, "back-home")
       ]
     }
   );
 };
 export {
-  tr as default
+  S as default
 };

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

@@ -1 +1,2 @@
 export { default } from './ErrorBoundaryFallback';
+export type { ErrorBoundaryFallbackProps } from './ErrorBoundaryFallback';

package/dist/components/ErrorBoundaryFallback/index.js

@@ -1,51 +1,4 @@
-import { default as X } from "./ErrorBoundaryFallback.js";
-import "react/jsx-runtime";
-import "./styles.js";
-import "../../styled-components.browser.esm-02f500bc.js";
-import "react";
-import "../../ExclamationCircleFilled-23ef9812.js";
-import "../../presets-83ccb923.js";
-import "../../AntdIcon-c395a1c4.js";
-import "../../CloseCircleFilled-ddc51e7e.js";
-import "../../index-4003d75b.js";
-import "react-dom";
-import "../Button/Button.js";
-import "../Button/styles.js";
-import "../../button-fa1c119c.js";
-import "../../isVisible-729780f5.js";
-import "../../index-e2b72ca8.js";
-import "../../reactNode-f4391605.js";
-import "../../Compact-c39ed20d.js";
-import "../../presetColors-ccf8cb4c.js";
-import "../../compact-item-b8f85aa6.js";
-import "../../providers/ThemeProvider.js";
-import "../../styles/theme/genesis-theme.js";
-import "../../styles/design-tokens/variables.js";
-import "../Checkbox/styles.js";
-import "../../context-3b8a39af.js";
-import "../../constants/index.js";
-import "../../index-89035ea5.js";
-import "../Input/styles.js";
-import "../../TextArea-20825221.js";
-import "../../index-8c8d2d0c.js";
-import "../../useVariants-a0d64298.js";
-import "../../ContextIsolator-b09b2c52.js";
-import "../../pickAttrs-00ba4687.js";
-import "../../SearchOutlined-a9014e08.js";
-import "../Select/styles.js";
-import "../../index-1a33c134.js";
-import "../../Overflow-a570fa69.js";
-import "../../DownOutlined-64a4732a.js";
-import "../../CheckOutlined-52d9ac25.js";
-import "../../CloseOutlined-14b8bba1.js";
-import "../Typography/styles.js";
-import "../../index-501fc13d.js";
-import "../../index-0b9ee239.js";
-import "../Badge/styles.js";
-import "../../InfoCircleFilled-c5f90c20.js";
-import "../Toast/styles.js";
-import "../../collapse-345bc884.js";
-import "../../index-0a886e53.js";
+import { default as o } from "./ErrorBoundaryFallback.js";
 export {
-  X as default
+  o as default
 };

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

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

package/dist/components/ErrorBoundaryFallback/styles.js

@@ -1,21 +1,18 @@
-import { d as W } from "../../styled-components.browser.esm-02f500bc.js";
+import { d as W } from "../../styled-components.browser.esm-CZ1XM4o4.js";
 import * as e from "react";
-import { C as A, E as j } from "../../ExclamationCircleFilled-23ef9812.js";
-import { C as z } from "../../CloseCircleFilled-ddc51e7e.js";
-import { a as $, c as k } from "../../presets-83ccb923.js";
-import { A as S } from "../../AntdIcon-c395a1c4.js";
-import { g as x, m as N, p as m, C as H, t as I } from "../../index-4003d75b.js";
-import "react-dom";
-var y = { 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" };
-const V = y;
-var R = function(l, a) {
+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";
+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,
-    icon: V
+    icon: R
   }));
-}, u = /* @__PURE__ */ e.forwardRef(R);
+}, u = /* @__PURE__ */ e.forwardRef(y);
 process.env.NODE_ENV !== "production" && (u.displayName = "WarningFilled");
-const b = u, w = () => /* @__PURE__ */ e.createElement("svg", {
+const V = () => /* @__PURE__ */ e.createElement("svg", {
   width: "252",
   height: "294"
 }, /* @__PURE__ */ e.createElement("title", null, "No Found"), /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("path", {
@@ -247,7 +244,7 @@ const b = u, w = () => /* @__PURE__ */ e.createElement("svg", {
   strokeWidth: "1.101",
   strokeLinecap: "round",
   strokeLinejoin: "round"
-}))), _ = w, T = () => /* @__PURE__ */ e.createElement("svg", {
+}))), b = () => /* @__PURE__ */ e.createElement("svg", {
   width: "254",
   height: "294"
 }, /* @__PURE__ */ e.createElement("title", null, "Server Error"), /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("path", {
@@ -519,7 +516,7 @@ const b = u, w = () => /* @__PURE__ */ e.createElement("svg", {
   d: "M181.31 293.666h-27.712a3.209 3.209 0 0 1-3.209-3.21V269.79a3.209 3.209 0 0 1 3.209-3.21h27.711a3.209 3.209 0 0 1 3.209 3.21v20.668a3.209 3.209 0 0 1-3.209 3.209",
   fill: "#F2D7AD",
   mask: "url(#d)"
-}))), O = T, G = (t) => {
+}))), w = (t) => {
   const {
     componentCls: l,
     lineHeightHeading3: a,
@@ -582,7 +579,7 @@ const b = u, w = () => /* @__PURE__ */ e.createElement("svg", {
       }
     }
   };
-}, P = (t) => {
+}, _ = (t) => {
   const {
     componentCls: l,
     iconCls: a
@@ -601,12 +598,12 @@ const b = u, w = () => /* @__PURE__ */ e.createElement("svg", {
       color: t.resultWarningIconColor
     }
   };
-}, U = (t) => [G(t), P(t)], X = (t) => U(t), q = (t) => ({
+}, T = (t) => [w(t), _(t)], O = (t) => T(t), G = (t) => ({
   titleFontSize: t.fontSizeHeading3,
   subtitleFontSize: t.fontSize,
   iconFontSize: t.fontSizeHeading3 * 3,
   extraMargin: `${t.paddingLG}px 0 0 0`
-}), J = x("Result", (t) => {
+}), P = x("Result", (t) => {
   const l = t.colorInfo, a = t.colorError, r = t.colorSuccess, n = t.colorWarning, s = N(t, {
     resultInfoIconColor: l,
     resultErrorIconColor: a,
@@ -615,8 +612,8 @@ const b = u, w = () => /* @__PURE__ */ e.createElement("svg", {
     imageWidth: 250,
     imageHeight: 295
   });
-  return [X(s)];
-}, q), K = () => /* @__PURE__ */ e.createElement("svg", {
+  return [O(s)];
+}, G), q = () => /* @__PURE__ */ e.createElement("svg", {
   width: "251",
   height: "294"
 }, /* @__PURE__ */ e.createElement("title", null, "Unauthorized"), /* @__PURE__ */ e.createElement("g", {
@@ -838,16 +835,16 @@ const b = u, w = () => /* @__PURE__ */ e.createElement("svg", {
   strokeWidth: "1.051",
   strokeLinecap: "round",
   strokeLinejoin: "round"
-}))), Q = K, Y = {
+}))), U = {
   success: A,
   error: z,
   info: j,
-  warning: b
+  warning: u
 }, h = {
-  404: _,
-  500: O,
-  403: Q
-}, Z = Object.keys(h), e1 = (t) => {
+  404: V,
+  500: b,
+  403: q
+}, X = Object.keys(h), J = (t) => {
   let {
     prefixCls: l,
     icon: a,
@@ -855,20 +852,20 @@ const b = u, w = () => /* @__PURE__ */ e.createElement("svg", {
   } = t;
   const n = k(`${l}-icon`);
   if (process.env.NODE_ENV !== "production") {
-    const o = I("Result");
+    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 (Z.includes(`${r}`)) {
+  if (X.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(Y[r]);
+  const s = /* @__PURE__ */ e.createElement(U[r]);
   return a === null || a === !1 ? null : /* @__PURE__ */ e.createElement("div", {
     className: n
   }, a || s);
-}, t1 = (t) => {
+}, K = (t) => {
   let {
     prefixCls: l,
     extra: a
@@ -893,13 +890,13 @@ const b = u, w = () => /* @__PURE__ */ e.createElement("svg", {
     getPrefixCls: f,
     direction: L,
     result: d
-  } = e.useContext(H), c = f("result", l), [B, v, C] = J(c), g = k(c, `${c}-${E}`, a, d == null ? void 0 : d.className, r, {
+  } = 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, {
     [`${c}-rtl`]: L === "rtl"
-  }, v, C), D = Object.assign(Object.assign({}, d == null ? void 0 : d.style), o);
+  }, g, v), D = Object.assign(Object.assign({}, d == null ? void 0 : d.style), o);
   return B(/* @__PURE__ */ e.createElement("div", {
-    className: g,
+    className: C,
     style: D
-  }, /* @__PURE__ */ e.createElement(e1, {
+  }, /* @__PURE__ */ e.createElement(J, {
     prefixCls: c,
     status: E,
     icon: p
@@ -907,7 +904,7 @@ const b = u, w = () => /* @__PURE__ */ e.createElement("svg", {
     className: `${c}-title`
   }, s), n && /* @__PURE__ */ e.createElement("div", {
     className: `${c}-subtitle`
-  }, n), /* @__PURE__ */ e.createElement(t1, {
+  }, n), /* @__PURE__ */ e.createElement(K, {
     prefixCls: c,
     extra: F
   }), i && /* @__PURE__ */ e.createElement("div", {
@@ -918,7 +915,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 l1 = M, d1 = W(l1)`
+const a1 = W(M)`
   height: 100vh;
   display: flex;
   flex-direction: column;
@@ -930,5 +927,5 @@ const l1 = M, d1 = W(l1)`
   }
 `;
 export {
-  d1 as StyledErrorBoundaryFallback
+  a1 as StyledErrorBoundaryFallback
 };

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

@@ -1,13 +1,26 @@
 import { default as React } from 'react';
-import { FormProps as AntFormProps } from 'antd/es/typography/Title';
+import { FormProps as AntFormProps, FormInstance } from 'antd';
 import { TYPE, STATE } from '../../constants';
 
-export type GenesisInputType = keyof typeof TYPE;
+import * as S from "./styles";
 export interface FormProps extends AntFormProps {
     children?: React.ReactNode;
-    type?: GenesisButtonType;
+    type?: keyof typeof TYPE;
     state?: keyof typeof STATE;
 }
-export declare const FormItem: React.FC<AntForm.ItemProps>;
-declare const Form: React.FC<FormProps>;
+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/Form/Form.js

@@ -1,49 +1,8 @@
 import "react/jsx-runtime";
 import "../../providers/ThemeProvider.js";
-import { b as U, F as V } from "../../index-89035ea5.js";
-import "../../styled-components.browser.esm-02f500bc.js";
-import "../../constants/index.js";
-import "../Button/styles.js";
-import "../Checkbox/styles.js";
-import "../ErrorBoundaryFallback/styles.js";
-import "../Input/styles.js";
-import "react";
-import "../Select/styles.js";
-import "../Badge/styles.js";
-import "../Toast/styles.js";
-import "../../styles/theme/genesis-theme.js";
-import "../../styles/design-tokens/variables.js";
-import "../Typography/styles.js";
-import "../../index-501fc13d.js";
-import "../../index-4003d75b.js";
-import "../../presets-83ccb923.js";
-import "react-dom";
-import "../../AntdIcon-c395a1c4.js";
-import "../../index-8c8d2d0c.js";
-import "../../isVisible-729780f5.js";
-import "../../CheckOutlined-52d9ac25.js";
-import "../../index-0b9ee239.js";
-import "../../index-1a33c134.js";
-import "../../ContextIsolator-b09b2c52.js";
-import "../../context-3b8a39af.js";
-import "../../Compact-c39ed20d.js";
-import "../../reactNode-f4391605.js";
-import "../../presetColors-ccf8cb4c.js";
-import "../../TextArea-20825221.js";
-import "../../CloseCircleFilled-ddc51e7e.js";
-import "../../useVariants-a0d64298.js";
-import "../../compact-item-b8f85aa6.js";
-import "../../index-e2b72ca8.js";
-import "../../ExclamationCircleFilled-23ef9812.js";
-import "../../CloseOutlined-14b8bba1.js";
-import "../../InfoCircleFilled-c5f90c20.js";
-import "../../pickAttrs-00ba4687.js";
-import "../../collapse-345bc884.js";
-import "../../button-fa1c119c.js";
-import "../../SearchOutlined-a9014e08.js";
-import "../../Overflow-a570fa69.js";
-import "../../DownOutlined-64a4732a.js";
+import { h as a, F as e } from "../../Typography-aGoDUl4R.js";
+import "../../styles-CT_fyXBd.js";
 export {
-  U as FormItem,
-  V as default
+  a as FormItem,
+  e as default
 };

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

@@ -1,115 +1,78 @@
-import { jsxs as e, Fragment as s, jsx as r } from "react/jsx-runtime";
-import { A as c, F as d, T as t, b as o } from "../../../index-89035ea5.js";
-import a from "../../Button/Button.js";
-import u from "../../Checkbox/Checkbox.js";
-import "../../ErrorBoundaryFallback/styles.js";
-import h from "../../Input/Input.js";
-import b from "../../Select/Select.js";
+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 "../../Badge/styles.js";
+import "../../Breadcrumb/styles.js";
+import "../../../providers/ThemeProvider.js";
+import m from "../../Button/Button.js";
+import d from "../../Checkbox/Checkbox.js";
+import "../../ErrorBoundaryFallback/styles.js";
+import u from "../../Input/Input.js";
+import "../../Message/styles.js";
+import "../../Notification/styles.js";
+import h from "../../Select/Select.js";
 import "../../Toast/styles.js";
 import f from "react";
-import { S as m } from "../../../index-0a886e53.js";
-import "../../../constants/index.js";
-import "../../Button/styles.js";
-import "../../../styled-components.browser.esm-02f500bc.js";
-import "../../../button-fa1c119c.js";
-import "../../../presets-83ccb923.js";
-import "../../../isVisible-729780f5.js";
-import "../../../index-4003d75b.js";
-import "react-dom";
-import "../../../index-e2b72ca8.js";
-import "../../../reactNode-f4391605.js";
-import "../../../Compact-c39ed20d.js";
-import "../../../presetColors-ccf8cb4c.js";
-import "../../../compact-item-b8f85aa6.js";
-import "../../../AntdIcon-c395a1c4.js";
-import "../../../providers/ThemeProvider.js";
-import "../../../styles/theme/genesis-theme.js";
-import "../../../styles/design-tokens/variables.js";
-import "../../Checkbox/styles.js";
-import "../../../context-3b8a39af.js";
-import "../../Input/styles.js";
-import "../../../TextArea-20825221.js";
-import "../../../index-8c8d2d0c.js";
-import "../../../CloseCircleFilled-ddc51e7e.js";
-import "../../../useVariants-a0d64298.js";
-import "../../../ContextIsolator-b09b2c52.js";
-import "../../../pickAttrs-00ba4687.js";
-import "../../../SearchOutlined-a9014e08.js";
-import "../../Select/styles.js";
-import "../../../index-1a33c134.js";
-import "../../../Overflow-a570fa69.js";
-import "../../../DownOutlined-64a4732a.js";
-import "../../../CheckOutlined-52d9ac25.js";
-import "../../../CloseOutlined-14b8bba1.js";
-import "../../Typography/styles.js";
-import "../../../index-501fc13d.js";
-import "../../../index-0b9ee239.js";
-import "../../../ExclamationCircleFilled-23ef9812.js";
-import "../../../InfoCircleFilled-c5f90c20.js";
-import "../../../collapse-345bc884.js";
+import { F as b } from "../../../styles-CT_fyXBd.js";
+import { S as l } from "../../../index-BZAhCB_K.js";
 const F = [
-  { value: "apple", label: /* @__PURE__ */ r("span", { children: "apple" }) },
-  { value: "pear", label: /* @__PURE__ */ r("span", { children: "pear" }) }
-], Fr = () => {
-  const [l, p] = f.useState(null), [n] = c.useForm();
-  return /* @__PURE__ */ e(s, { children: [
-    /* @__PURE__ */ r(
-      d,
+  { 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,
       {
-        form: n,
+        form: a,
         autoComplete: "off",
         initialValues: { remember: !0 },
-        onFinish: (i) => {
-          console.log("Success:", i), p(i);
+        onFinish: (r) => {
+          console.log("Success:", r), t(r);
         },
-        onFinishFailed: (i) => {
-          console.log("Failed:", i);
+        onFinishFailed: (r) => {
+          console.log("Failed:", r);
         },
-        children: /* @__PURE__ */ e(m, { direction: "vertical", children: [
-          /* @__PURE__ */ r(t, { variant: "heading1", children: "Ship with GoBolt" }),
-          /* @__PURE__ */ r(
-            o,
+        children: /* @__PURE__ */ o(l, { direction: "vertical", children: [
+          /* @__PURE__ */ e(s, { variant: "heading1", children: "Ship with GoBolt" }),
+          /* @__PURE__ */ e(
+            i,
             {
               label: "What is your name?",
               name: "username",
               rules: [{ required: !0, message: "Please input your name!" }],
               labelCol: { span: 24 },
-              children: /* @__PURE__ */ r(h, {})
+              children: /* @__PURE__ */ e(u, {})
             }
           ),
-          /* @__PURE__ */ r(
-            o,
+          /* @__PURE__ */ e(
+            i,
             {
               label: "What's for lunch?",
               name: "fruit",
               rules: [{ required: !1 }],
               labelCol: { span: 24 },
-              children: /* @__PURE__ */ r(b, { options: F, placeholder: "Select a fruit" })
+              children: /* @__PURE__ */ e(h, { options: F, placeholder: "Select a fruit" })
             }
           ),
-          /* @__PURE__ */ r(
-            o,
+          /* @__PURE__ */ e(
+            i,
             {
               name: "subscribe",
               labelCol: { span: 24 },
               label: "Interested in updates?",
-              children: /* @__PURE__ */ e(m, { direction: "horizontal  ", children: [
-                /* @__PURE__ */ r(u, {}),
-                /* @__PURE__ */ r(t, { children: "Yes, Sign me up" })
-              ] })
+              children: /* @__PURE__ */ e(l, { direction: "horizontal", children: /* @__PURE__ */ e(d, { label: "Yes, Sign me up" }) })
             }
           ),
-          /* @__PURE__ */ r(o, { label: null, name: "subscribe", valuePropName: "checked", children: /* @__PURE__ */ e(m, { direction: "horizontal", size: 180, children: [
-            /* @__PURE__ */ r(a, { type: "secondary", onClick: () => {
-              n.resetFields(), p(null);
+          /* @__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__ */ r(a, { htmlType: "submit", children: "Submit" })
+            /* @__PURE__ */ e(m, { htmlType: "submit", children: "Submit" })
           ] }) })
         ] })
       }
     ),
-    l && /* @__PURE__ */ e(
+    n && /* @__PURE__ */ o(
       "div",
       {
         style: {
@@ -118,13 +81,13 @@ const F = [
           border: "1px solid #ccc"
         },
         children: [
-          /* @__PURE__ */ r(t, { variant: "heading3", children: "Form Values:" }),
-          /* @__PURE__ */ r("pre", { children: JSON.stringify(l, null, 2) })
+          /* @__PURE__ */ e(s, { variant: "heading3", children: "Form Values:" }),
+          /* @__PURE__ */ e("pre", { children: JSON.stringify(n, null, 2) })
         ]
       }
     )
   ] });
 };
 export {
-  Fr as FormStory
+  _ as FormStory
 };

package/dist/components/Form/__tests__/form.test.d.ts

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

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

@@ -0,0 +1,18 @@
+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";
+describe("<Form />", () => {
+  let o;
+  beforeEach(() => {
+    o = {
+      onFinish: e.fn(),
+      onFinishFailed: e.fn()
+    };
+  });
+  const r = () => t(/* @__PURE__ */ s(i, { ...o }));
+  it("should render the form", () => {
+    r();
+    const n = m.getByRole("form");
+    expect(n).toBeInTheDocument();
+  });
+});