@multiplatform.one/components 1.0.0 → 1.0.2

package/dist/jsx/forms/FormField.js

@@ -1,15 +1,16 @@
 import { Label, Paragraph, YStack } from "tamagui";
+import { jsx, jsxs } from "react/jsx-runtime";
 function FormField({ children, label, error, helperText, labelProps, id, size, required }) {
-  return <YStack>
-    {label && <Label htmlFor={id} size={size || "$3"} {...labelProps} color={error ? "$red10" : void 0}>
-      {label}
-      {required && " *"}
-    </Label>}
-    <YStack>
-      {children}
-      {helperText && <Paragraph paddingLeft="$2" size={size} color={error ? "$red10" : void 0}>{helperText}</Paragraph>}
-    </YStack>
-  </YStack>;
+  return /* @__PURE__ */ jsxs(YStack, { children: [
+    label && /* @__PURE__ */ jsxs(Label, { htmlFor: id, size: size || "$3", ...labelProps, color: error ? "$red10" : void 0, children: [
+      label,
+      required && " *"
+    ] }),
+    /* @__PURE__ */ jsxs(YStack, { children: [
+      children,
+      helperText && /* @__PURE__ */ jsx(Paragraph, { paddingLeft: "$2", size, color: error ? "$red10" : void 0, children: helperText })
+    ] })
+  ] });
 }
 export {
   FormField

package/dist/jsx/forms/FormField.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../src/forms/FormField.tsx"],
-  "mappings": "AAwBA,SAAS,OAAO,WAAW,cAAc;AAalC,SAAS,UAAU,EAAE,UAAU,OAAO,OAAO,YAAY,YAAY,IAAI,MAAM,SAAS,GAAmB;AAChH,SACE,CAAC;AAAA,KACE,SACC,CAAC,MAAM,SAAS,IAAI,MAAM,QAAQ,UAAU,YAAY,OAAO,QAAQ,WAAW;AAAA,OAC/E;AAAA,OACA,YAAY;AAAA,IACf,EAHC;AAAA,IAKH,CAAC;AAAA,OACE;AAAA,OACA,cACC,CAAC,UAAU,YAAY,KAAK,MAAM,MAAwB,OAAO,QAAQ,WAAW,SACjF,WACH,EAFC;AAAA,IAIL,EAPC;AAAA,EAQH,EAfC;AAiBL;",
+  "mappings": "AAwBA,SAAS,OAAO,WAAW,cAAc;AAiBjC,SAQE,KARF;AAJD,SAAS,UAAU,EAAE,UAAU,OAAO,OAAO,YAAY,YAAY,IAAI,MAAM,SAAS,GAAmB;AAChH,SACE,qBAAC,UACE;AAAA,aACC,qBAAC,SAAM,SAAS,IAAI,MAAM,QAAQ,MAAO,GAAG,YAAY,OAAO,QAAQ,WAAW,QAC/E;AAAA;AAAA,MACA,YAAY;AAAA,OACf;AAAA,IAEF,qBAAC,UACE;AAAA;AAAA,MACA,cACC,oBAAC,aAAU,aAAY,MAAK,MAA8B,OAAO,QAAQ,WAAW,QACjF,sBACH;AAAA,OAEJ;AAAA,KACF;AAEJ;",
   "names": []
 }

package/dist/jsx/forms/FormField.mjs

@@ -0,0 +1,30 @@
+import { Label, Paragraph, YStack } from "tamagui";
+import { jsx, jsxs } from "react/jsx-runtime";
+function FormField({
+  children,
+  label,
+  error,
+  helperText,
+  labelProps,
+  id,
+  size,
+  required
+}) {
+  return /* @__PURE__ */jsxs(YStack, {
+    children: [label && /* @__PURE__ */jsxs(Label, {
+      htmlFor: id,
+      size: size || "$3",
+      ...labelProps,
+      color: error ? "$red10" : void 0,
+      children: [label, required && " *"]
+    }), /* @__PURE__ */jsxs(YStack, {
+      children: [children, helperText && /* @__PURE__ */jsx(Paragraph, {
+        paddingLeft: "$2",
+        size,
+        color: error ? "$red10" : void 0,
+        children: helperText
+      })]
+    })]
+  });
+}
+export { FormField };

package/dist/jsx/forms/FormField.native.js

@@ -1,15 +1,67 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import "react";
 import { Label, Paragraph, YStack } from "tamagui";
-function FormField({ children, label, error, helperText, labelProps, id, size, required }) {
-  return <YStack>
-    {label && <Label htmlFor={id} size={size || "$3"} {...labelProps} color={error ? "$red10" : void 0}>
-      {label}
-      {required && " *"}
-    </Label>}
-    <YStack>
-      {children}
-      {helperText && <Paragraph paddingLeft="$2" size={size} color={error ? "$red10" : void 0}>{helperText}</Paragraph>}
-    </YStack>
-  </YStack>;
+function _define_property(obj, key, value) {
+  return key in obj ? Object.defineProperty(obj, key, {
+    value,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : obj[key] = value, obj;
+}
+function _object_spread(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = arguments[i] != null ? arguments[i] : {}, ownKeys2 = Object.keys(source);
+    typeof Object.getOwnPropertySymbols == "function" && (ownKeys2 = ownKeys2.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+      return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+    }))), ownKeys2.forEach(function(key) {
+      _define_property(target, key, source[key]);
+    });
+  }
+  return target;
+}
+function ownKeys(object, enumerableOnly) {
+  var keys = Object.keys(object);
+  if (Object.getOwnPropertySymbols) {
+    var symbols = Object.getOwnPropertySymbols(object);
+    enumerableOnly && (symbols = symbols.filter(function(sym) {
+      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+    })), keys.push.apply(keys, symbols);
+  }
+  return keys;
+}
+function _object_spread_props(target, source) {
+  return source = source ?? {}, Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
+    Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+  }), target;
+}
+function FormField(param) {
+  var children = param.children, label = param.label, error = param.error, helperText = param.helperText, labelProps = param.labelProps, id = param.id, size = param.size, required = param.required;
+  return /* @__PURE__ */ _jsxs(YStack, {
+    children: [
+      label && /* @__PURE__ */ _jsxs(Label, _object_spread_props(_object_spread({
+        htmlFor: id,
+        size: size || "$3"
+      }, labelProps), {
+        color: error ? "$red10" : void 0,
+        children: [
+          label,
+          required && " *"
+        ]
+      })),
+      /* @__PURE__ */ _jsxs(YStack, {
+        children: [
+          children,
+          helperText && /* @__PURE__ */ _jsx(Paragraph, {
+            paddingLeft: "$2",
+            size,
+            color: error ? "$red10" : void 0,
+            children: helperText
+          })
+        ]
+      })
+    ]
+  });
 }
 export {
   FormField

package/dist/jsx/forms/FormField.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/forms/FormField.tsx"],
-  "mappings": "AAwBA,SAAS,OAAO,WAAW,cAAc;AAalC,SAAS,UAAU,EAAE,UAAU,OAAO,OAAO,YAAY,YAAY,IAAI,MAAM,SAAS,GAAmB;AAChH,SACE,CAAC;AAAA,KACE,SACC,CAAC,MAAM,SAAS,IAAI,MAAM,QAAQ,UAAU,YAAY,OAAO,QAAQ,WAAW;AAAA,OAC/E;AAAA,OACA,YAAY;AAAA,IACf,EAHC;AAAA,IAKH,CAAC;AAAA,OACE;AAAA,OACA,cACC,CAAC,UAAU,YAAY,KAAK,MAAM,MAAwB,OAAO,QAAQ,WAAW,SACjF,WACH,EAFC;AAAA,IAIL,EAPC;AAAA,EAQH,EAfC;AAiBL;",
-  "names": []
+  "sources": ["../../../src/forms/Users/clayrisser/Projects/.bitspur/multiplatform.one/packages/components/src/forms/FormField.tsx"],
+  "mappings": ";AAqBA,OAAkB;AAGlB,SAASA,OAAOC,WAAWC,cAAc;AALxC,SAAA,iBAAA,KAAA,KAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBM,SAASC,UAAU,OAAsF;MAApFC,WAAF,MAAEA,UAAUC,QAAZ,MAAYA,OAAOC,QAAnB,MAAmBA,OAAOC,aAA1B,MAA0BA,YAAYC,aAAtC,MAAsCA,YAAYC,KAAlD,MAAkDA,IAAIC,OAAtD,MAAsDA,MAAMC,WAA5D,MAA4DA;AACpF,SACE,sBAACT,QAAAA;;MACEG,SACC,sBAACL,OAAAA,qBAAAA,eAAAA;QAAMY,SAASH;QAAIC,MAAMA,QAAQ;SAAUF,UAAAA,GAAAA;QAAYK,OAAOP,QAAQ,WAAWQ;;UAC/ET;UACAM,YAAa;;;MAGlB,sBAACT,QAAAA;;UACEE;UACAG,cACC,qBAACN,WAAAA;YAAUc,aAAY;YAAKL;YAA8BG,OAAOP,QAAQ,WAAWQ;sBACjFP;;;;;;AAMb;",
+  "names": ["Label", "Paragraph", "YStack", "FormField", "children", "label", "error", "helperText", "labelProps", "id", "size", "required", "htmlFor", "color", "undefined", "paddingLeft"]
 }

package/dist/jsx/forms/FormInput/FormInput.stories.js

@@ -1,6 +1,7 @@
 import { FormInput } from "./index";
 import { YStack } from "tamagui";
 import { action } from "@storybook/addon-actions";
+import { jsx, jsxs } from "react/jsx-runtime";
 var FormInput_stories_default = {
   title: "forms/FormInput",
   component: FormInput,
@@ -8,10 +9,10 @@ var FormInput_stories_default = {
     status: { type: "beta" }
   }
 };
-const main = () => <YStack padding="$4" space>
-  <FormInput onChangeText={action("onTextChange")} name="firstName" label="First Name" />
-  <FormInput onChangeText={action("onTextChange")} name="lastName" label="Last Name" />
-</YStack>;
+const main = () => /* @__PURE__ */ jsxs(YStack, { padding: "$4", gap: !0, children: [
+  /* @__PURE__ */ jsx(FormInput, { onChangeText: action("onTextChange"), name: "firstName", label: "First Name" }),
+  /* @__PURE__ */ jsx(FormInput, { onChangeText: action("onTextChange"), name: "lastName", label: "Last Name" })
+] });
 export {
   FormInput_stories_default as default,
   main

package/dist/jsx/forms/FormInput/FormInput.stories.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/forms/FormInput/FormInput.stories.tsx"],
-  "mappings": "AACA,SAAS,iBAAiB;AAC1B,SAAS,cAAc;AACvB,SAAS,cAAc;AAEvB,IAAO,4BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEO,MAAM,OAAO,MAClB,CAAC,OAAO,QAAQ,KAAK;AAAA,EACnB,CAAC,UAAU,cAAc,OAAO,cAAc,GAAG,KAAK,YAAY,MAAM,aAAa;AAAA,EACrF,CAAC,UAAU,cAAc,OAAO,cAAc,GAAG,KAAK,WAAW,MAAM,YAAY;AACrF,EAHC;",
+  "mappings": "AACA,SAAS,iBAAiB;AAC1B,SAAS,cAAc;AACvB,SAAS,cAAc;AAWrB,SACE,KADF;AATF,IAAO,4BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEO,MAAM,OAAO,MAClB,qBAAC,UAAO,SAAQ,MAAK,KAAG,IACtB;AAAA,sBAAC,aAAU,cAAc,OAAO,cAAc,GAAG,MAAK,aAAY,OAAM,cAAa;AAAA,EACrF,oBAAC,aAAU,cAAc,OAAO,cAAc,GAAG,MAAK,YAAW,OAAM,aAAY;AAAA,GACrF;",
   "names": []
 }

package/dist/jsx/forms/FormInput/FormInput.stories.mjs

@@ -0,0 +1,27 @@
+import { FormInput } from "./index.mjs";
+import { YStack } from "tamagui";
+import { action } from "@storybook/addon-actions";
+import { jsx, jsxs } from "react/jsx-runtime";
+var FormInput_stories_default = {
+  title: "forms/FormInput",
+  component: FormInput,
+  parameters: {
+    status: {
+      type: "beta"
+    }
+  }
+};
+const main = () => /* @__PURE__ */jsxs(YStack, {
+  padding: "$4",
+  gap: !0,
+  children: [/* @__PURE__ */jsx(FormInput, {
+    onChangeText: action("onTextChange"),
+    name: "firstName",
+    label: "First Name"
+  }), /* @__PURE__ */jsx(FormInput, {
+    onChangeText: action("onTextChange"),
+    name: "lastName",
+    label: "Last Name"
+  })]
+});
+export { FormInput_stories_default as default, main };

package/dist/jsx/forms/FormInput/FormInput.stories.native.js

@@ -1,3 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import "react";
 import { FormInput } from "./index";
 import { YStack } from "tamagui";
 import { action } from "@storybook/addon-actions";
@@ -5,13 +7,28 @@ var FormInput_stories_default = {
   title: "forms/FormInput",
   component: FormInput,
   parameters: {
-    status: { type: "beta" }
+    status: {
+      type: "beta"
+    }
   }
+}, main = function() {
+  return /* @__PURE__ */ _jsxs(YStack, {
+    padding: "$4",
+    gap: !0,
+    children: [
+      /* @__PURE__ */ _jsx(FormInput, {
+        onChangeText: action("onTextChange"),
+        name: "firstName",
+        label: "First Name"
+      }),
+      /* @__PURE__ */ _jsx(FormInput, {
+        onChangeText: action("onTextChange"),
+        name: "lastName",
+        label: "Last Name"
+      })
+    ]
+  });
 };
-const main = () => <YStack padding="$4" space>
-  <FormInput onChangeText={action("onTextChange")} name="firstName" label="First Name" />
-  <FormInput onChangeText={action("onTextChange")} name="lastName" label="Last Name" />
-</YStack>;
 export {
   FormInput_stories_default as default,
   main

package/dist/jsx/forms/FormInput/FormInput.stories.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../src/forms/FormInput/FormInput.stories.tsx"],
-  "mappings": "AACA,SAAS,iBAAiB;AAC1B,SAAS,cAAc;AACvB,SAAS,cAAc;AAEvB,IAAO,4BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEO,MAAM,OAAO,MAClB,CAAC,OAAO,QAAQ,KAAK;AAAA,EACnB,CAAC,UAAU,cAAc,OAAO,cAAc,GAAG,KAAK,YAAY,MAAM,aAAa;AAAA,EACrF,CAAC,UAAU,cAAc,OAAO,cAAc,GAAG,KAAK,WAAW,MAAM,YAAY;AACrF,EAHC;",
-  "names": []
+  "sources": ["../../../../src/forms/FormInput/Users/clayrisser/Projects/.bitspur/multiplatform.one/packages/components/src/forms/FormInput/FormInput.stories.tsx"],
+  "mappings": ";AAAA,OAAkB;AAClB,SAASA,iBAAiB;AAC1B,SAASC,cAAc;AACvB,SAASC,cAAc;AAEvB,IAAA,4BAAe;EACbC,OAAO;EACPC,WAAWJ;EACXK,YAAY;IACVC,QAAQ;MAAEC,MAAM;IAAO;EACzB;AACF,GAEaC,OAAO,WAAA;SAClB,sBAACP,QAAAA;IAAOQ,SAAQ;IAAKC,KAAG;;MACtB,qBAACV,WAAAA;QAAUW,cAAcT,OAAO,cAAA;QAAiBU,MAAK;QAAYC,OAAM;;MACxE,qBAACb,WAAAA;QAAUW,cAAcT,OAAO,cAAA;QAAiBU,MAAK;QAAWC,OAAM;;;;;",
+  "names": ["FormInput", "YStack", "action", "title", "component", "parameters", "status", "type", "main", "padding", "gap", "onChangeText", "name", "label"]
 }

package/dist/jsx/forms/FormInput/index.js

@@ -2,6 +2,7 @@ import { useId } from "react";
 import { Controller, useFormContext } from "react-hook-form";
 import { FormField } from "../FormField";
 import { Input } from "tamagui";
+import { jsx } from "react/jsx-runtime";
 function FormInput({
   control,
   defaultValue,
@@ -15,29 +16,39 @@ function FormInput({
   ...inputProps
 }) {
   const formContext = useFormContext(), id = useId();
-  return formContext ? <Controller
-    name={name}
-    control={control}
-    rules={rules}
-    defaultValue={defaultValue}
-    render={({ field: { onChange, value, onBlur }, fieldState: { error: error2 } }) => <FormField
-      id={id}
-      error={!!error2}
-      helperText={error2 ? error2.message : helperText}
-      label={label}
-      required={required}
-      {...fieldProps}
-    ><Input
-      {...inputProps}
-      value={value ?? ""}
-      onBlur={(e) => {
-        onBlur(), inputProps.onBlur && inputProps.onBlur(e);
-      }}
-      onChange={(e) => {
-        onChange(e), inputProps.onChange && inputProps.onChange(e);
-      }}
-    /></FormField>}
-  /> : <FormField id={id} error={!!error} helperText={helperText} label={label} required={required} {...fieldProps}><Input {...inputProps} /></FormField>;
+  return formContext ? /* @__PURE__ */ jsx(
+    Controller,
+    {
+      name,
+      control,
+      rules,
+      defaultValue,
+      render: ({ field: { onChange, value, onBlur }, fieldState: { error: error2 } }) => /* @__PURE__ */ jsx(
+        FormField,
+        {
+          id,
+          error: !!error2,
+          helperText: error2 ? error2.message : helperText,
+          label,
+          required,
+          ...fieldProps,
+          children: /* @__PURE__ */ jsx(
+            Input,
+            {
+              ...inputProps,
+              value: value ?? "",
+              onBlur: (e) => {
+                onBlur(), inputProps.onBlur && inputProps.onBlur(e);
+              },
+              onChange: (e) => {
+                onChange(e), inputProps.onChange && inputProps.onChange(e);
+              }
+            }
+          )
+        }
+      )
+    }
+  ) : /* @__PURE__ */ jsx(FormField, { id, error: !!error, helperText, label, required, ...fieldProps, children: /* @__PURE__ */ jsx(Input, { ...inputProps }) });
 }
 export {
   FormInput

package/dist/jsx/forms/FormInput/index.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/forms/FormInput/index.tsx"],
-  "mappings": "AAAA,SAAgB,aAAa;AAI7B,SAAS,YAAY,sBAAsB;AAC3C,SAAS,iBAAiB;AAC1B,SAAS,aAAa;AAOf,SAAS,UAAU;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAmB;AACjB,QAAM,cAAc,eAAe,GAC7B,KAAK,MAAM;AACjB,SAAK,cAQH,CAAC;AAAA,IACC,MAAM;AAAA,IACN,SAAS;AAAA,IACT,OAAO;AAAA,IACP,cAAc;AAAA,IACd,QAAQ,CAAC,EAAE,OAAO,EAAE,UAAU,OAAO,OAAO,GAAG,YAAY,EAAE,OAAAA,OAAM,EAAE,MACnE,CAAC;AAAA,MACC,IAAI;AAAA,MACJ,OAAO,CAAC,CAACA;AAAA,MACT,YAAYA,SAAQA,OAAM,UAAU;AAAA,MACpC,OAAO;AAAA,MACP,UAAU;AAAA,UACN;AAAA,KAEJ,CAAC;AAAA,UACK;AAAA,MACJ,OAAO,SAAS;AAAA,MAChB,QAAQ,CAAC,MAAM;AACb,eAAO,GACH,WAAW,UAAQ,WAAW,OAAO,CAAC;AAAA,MAC5C;AAAA,MACA,UAAU,CAAC,MAAM;AACf,iBAAS,CAAC,GACN,WAAW,YAAU,WAAW,SAAS,CAAC;AAAA,MAChD;AAAA,IACF,EACF,EApBC;AAAA,EAsBL,KAlCE,CAAC,UAAU,IAAI,IAAI,OAAO,CAAC,CAAC,OAAO,YAAY,YAAY,OAAO,OAAO,UAAU,cAAc,YAC/F,CAAC,UAAU,YAAY,EACzB,EAFC;AAoCP;",
+  "mappings": "AAAA,SAAgB,aAAa;AAI7B,SAAS,YAAY,sBAAsB;AAC3C,SAAS,iBAAiB;AAC1B,SAAS,aAAa;AAwBd;AAjBD,SAAS,UAAU;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAmB;AACjB,QAAM,cAAc,eAAe,GAC7B,KAAK,MAAM;AACjB,SAAK,cAQH;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,QAAQ,CAAC,EAAE,OAAO,EAAE,UAAU,OAAO,OAAO,GAAG,YAAY,EAAE,OAAAA,OAAM,EAAE,MACnE;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,OAAO,CAAC,CAACA;AAAA,UACT,YAAYA,SAAQA,OAAM,UAAU;AAAA,UACpC;AAAA,UACA;AAAA,UACC,GAAG;AAAA,UAEJ;AAAA,YAAC;AAAA;AAAA,cACE,GAAG;AAAA,cACJ,OAAO,SAAS;AAAA,cAChB,QAAQ,CAAC,MAAM;AACb,uBAAO,GACH,WAAW,UAAQ,WAAW,OAAO,CAAC;AAAA,cAC5C;AAAA,cACA,UAAU,CAAC,MAAM;AACf,yBAAS,CAAC,GACN,WAAW,YAAU,WAAW,SAAS,CAAC;AAAA,cAChD;AAAA;AAAA,UACF;AAAA;AAAA,MACF;AAAA;AAAA,EAEJ,IAlCE,oBAAC,aAAU,IAAQ,OAAO,CAAC,CAAC,OAAO,YAAwB,OAAc,UAAqB,GAAG,YAC/F,8BAAC,SAAO,GAAG,YAAY,GACzB;AAkCN;",
   "names": ["error"]
 }

package/dist/jsx/forms/FormInput/index.mjs

@@ -0,0 +1,64 @@
+import { useId } from "react";
+import { Controller, useFormContext } from "react-hook-form";
+import { FormField } from "../FormField.mjs";
+import { Input } from "tamagui";
+import { jsx } from "react/jsx-runtime";
+function FormInput({
+  control,
+  defaultValue,
+  error,
+  fieldProps,
+  helperText,
+  label,
+  name,
+  required,
+  rules,
+  ...inputProps
+}) {
+  const formContext = useFormContext(),
+    id = useId();
+  return formContext ? /* @__PURE__ */jsx(Controller, {
+    name,
+    control,
+    rules,
+    defaultValue,
+    render: ({
+      field: {
+        onChange,
+        value,
+        onBlur
+      },
+      fieldState: {
+        error: error2
+      }
+    }) => /* @__PURE__ */jsx(FormField, {
+      id,
+      error: !!error2,
+      helperText: error2 ? error2.message : helperText,
+      label,
+      required,
+      ...fieldProps,
+      children: /* @__PURE__ */jsx(Input, {
+        ...inputProps,
+        value: value ?? "",
+        onBlur: e => {
+          onBlur(), inputProps.onBlur && inputProps.onBlur(e);
+        },
+        onChange: e => {
+          onChange(e), inputProps.onChange && inputProps.onChange(e);
+        }
+      })
+    })
+  }) : /* @__PURE__ */jsx(FormField, {
+    id,
+    error: !!error,
+    helperText,
+    label,
+    required,
+    ...fieldProps,
+    children: /* @__PURE__ */jsx(Input, {
+      ...inputProps
+    })
+  });
+}
+export { FormInput };

package/dist/jsx/forms/FormInput/index.native.js

@@ -1,43 +1,107 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import { useId } from "react";
 import { Controller, useFormContext } from "react-hook-form";
 import { FormField } from "../FormField";
 import { Input } from "tamagui";
-function FormInput({
-  control,
-  defaultValue,
-  error,
-  fieldProps,
-  helperText,
-  label,
-  name,
-  required,
-  rules,
-  ...inputProps
-}) {
-  const formContext = useFormContext(), id = useId();
-  return formContext ? <Controller
-    name={name}
-    control={control}
-    rules={rules}
-    defaultValue={defaultValue}
-    render={({ field: { onChange, value, onBlur }, fieldState: { error: error2 } }) => <FormField
-      id={id}
-      error={!!error2}
-      helperText={error2 ? error2.message : helperText}
-      label={label}
-      required={required}
-      {...fieldProps}
-    ><Input
-      {...inputProps}
-      value={value ?? ""}
-      onBlur={(e) => {
-        onBlur(), inputProps.onBlur && inputProps.onBlur(e);
-      }}
-      onChange={(e) => {
-        onChange(e), inputProps.onChange && inputProps.onChange(e);
-      }}
-    /></FormField>}
-  /> : <FormField id={id} error={!!error} helperText={helperText} label={label} required={required} {...fieldProps}><Input {...inputProps} /></FormField>;
+function _define_property(obj, key, value) {
+  return key in obj ? Object.defineProperty(obj, key, {
+    value,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : obj[key] = value, obj;
+}
+function _object_spread(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = arguments[i] != null ? arguments[i] : {}, ownKeys2 = Object.keys(source);
+    typeof Object.getOwnPropertySymbols == "function" && (ownKeys2 = ownKeys2.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+      return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+    }))), ownKeys2.forEach(function(key) {
+      _define_property(target, key, source[key]);
+    });
+  }
+  return target;
+}
+function ownKeys(object, enumerableOnly) {
+  var keys = Object.keys(object);
+  if (Object.getOwnPropertySymbols) {
+    var symbols = Object.getOwnPropertySymbols(object);
+    enumerableOnly && (symbols = symbols.filter(function(sym) {
+      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+    })), keys.push.apply(keys, symbols);
+  }
+  return keys;
+}
+function _object_spread_props(target, source) {
+  return source = source ?? {}, Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
+    Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+  }), target;
+}
+function _object_without_properties(source, excluded) {
+  if (source == null)
+    return {};
+  var target = _object_without_properties_loose(source, excluded), key, i;
+  if (Object.getOwnPropertySymbols) {
+    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+    for (i = 0; i < sourceSymbolKeys.length; i++)
+      key = sourceSymbolKeys[i], !(excluded.indexOf(key) >= 0) && Object.prototype.propertyIsEnumerable.call(source, key) && (target[key] = source[key]);
+  }
+  return target;
+}
+function _object_without_properties_loose(source, excluded) {
+  if (source == null)
+    return {};
+  var target = {}, sourceKeys = Object.keys(source), key, i;
+  for (i = 0; i < sourceKeys.length; i++)
+    key = sourceKeys[i], !(excluded.indexOf(key) >= 0) && (target[key] = source[key]);
+  return target;
+}
+function FormInput(_param) {
+  var control = _param.control, defaultValue = _param.defaultValue, error = _param.error, fieldProps = _param.fieldProps, helperText = _param.helperText, label = _param.label, name = _param.name, required = _param.required, rules = _param.rules, inputProps = _object_without_properties(_param, [
+    "control",
+    "defaultValue",
+    "error",
+    "fieldProps",
+    "helperText",
+    "label",
+    "name",
+    "required",
+    "rules"
+  ]), formContext = useFormContext(), id = useId();
+  return formContext ? /* @__PURE__ */ _jsx(Controller, {
+    name,
+    control,
+    rules,
+    defaultValue,
+    render: function(param) {
+      var _param_field = param.field, onChange = _param_field.onChange, value = _param_field.value, onBlur = _param_field.onBlur, error2 = param.fieldState.error;
+      return /* @__PURE__ */ _jsx(FormField, _object_spread_props(_object_spread({
+        id,
+        error: !!error2,
+        helperText: error2 ? error2.message : helperText,
+        label,
+        required
+      }, fieldProps), {
+        children: /* @__PURE__ */ _jsx(Input, _object_spread_props(_object_spread({}, inputProps), {
+          value: value ?? "",
+          onBlur: function(e) {
+            onBlur(), inputProps.onBlur && inputProps.onBlur(e);
+          },
+          onChange: function(e) {
+            onChange(e), inputProps.onChange && inputProps.onChange(e);
+          }
+        }))
+      }));
+    }
+  }) : /* @__PURE__ */ _jsx(FormField, _object_spread_props(_object_spread({
+    id,
+    error: !!error,
+    helperText,
+    label,
+    required
+  }, fieldProps), {
+    children: /* @__PURE__ */ _jsx(Input, _object_spread({}, inputProps))
+  }));
 }
 export {
   FormInput

package/dist/jsx/forms/FormInput/index.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../src/forms/FormInput/index.tsx"],
-  "mappings": "AAAA,SAAgB,aAAa;AAI7B,SAAS,YAAY,sBAAsB;AAC3C,SAAS,iBAAiB;AAC1B,SAAS,aAAa;AAOf,SAAS,UAAU;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAmB;AACjB,QAAM,cAAc,eAAe,GAC7B,KAAK,MAAM;AACjB,SAAK,cAQH,CAAC;AAAA,IACC,MAAM;AAAA,IACN,SAAS;AAAA,IACT,OAAO;AAAA,IACP,cAAc;AAAA,IACd,QAAQ,CAAC,EAAE,OAAO,EAAE,UAAU,OAAO,OAAO,GAAG,YAAY,EAAE,OAAAA,OAAM,EAAE,MACnE,CAAC;AAAA,MACC,IAAI;AAAA,MACJ,OAAO,CAAC,CAACA;AAAA,MACT,YAAYA,SAAQA,OAAM,UAAU;AAAA,MACpC,OAAO;AAAA,MACP,UAAU;AAAA,UACN;AAAA,KAEJ,CAAC;AAAA,UACK;AAAA,MACJ,OAAO,SAAS;AAAA,MAChB,QAAQ,CAAC,MAAM;AACb,eAAO,GACH,WAAW,UAAQ,WAAW,OAAO,CAAC;AAAA,MAC5C;AAAA,MACA,UAAU,CAAC,MAAM;AACf,iBAAS,CAAC,GACN,WAAW,YAAU,WAAW,SAAS,CAAC;AAAA,MAChD;AAAA,IACF,EACF,EApBC;AAAA,EAsBL,KAlCE,CAAC,UAAU,IAAI,IAAI,OAAO,CAAC,CAAC,OAAO,YAAY,YAAY,OAAO,OAAO,UAAU,cAAc,YAC/F,CAAC,UAAU,YAAY,EACzB,EAFC;AAoCP;",
-  "names": ["error"]
+  "sources": ["../../../../src/forms/FormInput/Users/clayrisser/Projects/.bitspur/multiplatform.one/packages/components/src/forms/FormInput/index.tsx"],
+  "mappings": ";AAAA,SAAgBA,aAAa;AAI7B,SAASC,YAAYC,sBAAsB;AAC3C,SAASC,iBAAiB;AAC1B,SAASC,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOf,SAASC,UAAU,QAAA;MACxBC,UADwB,OACxBA,SACAC,eAFwB,OAExBA,cACAC,QAHwB,OAGxBA,OACAC,aAJwB,OAIxBA,YACAC,aALwB,OAKxBA,YACAC,QANwB,OAMxBA,OACAC,OAPwB,OAOxBA,MACAC,WARwB,OAQxBA,UACAC,QATwB,OASxBA,OACGC,aAAAA,2BAVqB,QAAA;IACxBT;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;MAGME,cAAcd,eAAAA,GACde,KAAKjB,MAAAA;AACX,SAAKgB,cAQH,qBAACf,YAAAA;IACCW;IACAN;IACAQ;IACAP;IACAW,QAAQ,SAAA,OAAA;+BAAGC,OAASC,WAAAA,aAAAA,UAAUC,QAAAA,aAAAA,OAAOC,SAAAA,aAAAA,QAAwBd,SAAAA,MAAde,WAAcf;aAC3D,qBAACL,WAAAA,qBAAAA,eAAAA;QACCc;QACAT,OAAO,CAAC,CAACA;QACTE,YAAYF,SAAQA,OAAMgB,UAAUd;QACpCC;QACAE;SACIJ,UAAAA,GAAAA;kBAEJ,qBAACL,OAAAA,qBAAAA,eAAAA,CAAAA,GACKW,UAAAA,GAAAA;UACJM,OAAOA,SAAS;UAChBC,QAAQ,SAACG,GAAAA;AACPH,mBAAAA,GACIP,WAAWO,UAAQP,WAAWO,OAAOG,CAAAA;UAC3C;UACAL,UAAU,SAACK,GAAAA;AACTL,qBAASK,CAAAA,GACLV,WAAWK,YAAUL,WAAWK,SAASK,CAAAA;UAC/C;;;;OA9BN,qBAACtB,WAAAA,qBAAAA,eAAAA;IAAUc;IAAQT,OAAO,CAAC,CAACA;IAAOE;IAAwBC;IAAcE;KAAwBJ,UAAAA,GAAAA;cAC/F,qBAACL,OAAAA,eAAAA,CAAAA,GAAUW,UAAAA,CAAAA;;AAmCnB;",
+  "names": ["useId", "Controller", "useFormContext", "FormField", "Input", "FormInput", "control", "defaultValue", "error", "fieldProps", "helperText", "label", "name", "required", "rules", "inputProps", "formContext", "id", "render", "field", "onChange", "value", "onBlur", "fieldState", "message", "e"]
 }

package/dist/jsx/forms/FormProgress/FormProgress.stories.js

@@ -1,4 +1,5 @@
 import { FormProgress } from "./index";
+import { jsx } from "react/jsx-runtime";
 var FormProgress_stories_default = {
   title: "forms/FormProgress",
   component: FormProgress,
@@ -8,7 +9,7 @@ var FormProgress_stories_default = {
     }
   }
 };
-const vertical = (args) => <FormProgress value={80} size={3} width={20} vertical name="progress" {...args} />, horizontal = (args) => <FormProgress value={80} size={3} width={20} name="progress" {...args} />;
+const vertical = (args) => /* @__PURE__ */ jsx(FormProgress, { value: 80, size: 3, width: 20, vertical: !0, name: "progress", ...args }), horizontal = (args) => /* @__PURE__ */ jsx(FormProgress, { value: 80, size: 3, width: 20, name: "progress", ...args });
 export {
   FormProgress_stories_default as default,
   horizontal,

package/dist/jsx/forms/FormProgress/FormProgress.stories.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/forms/FormProgress/FormProgress.stories.tsx"],
-  "mappings": "AAAA,SAAS,oBAAoB;AAG7B,IAAO,+BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ;AAAA,MACN,MAAM;AAAA,IACR;AAAA,EACF;AACF;AAEO,MAAM,WAAW,CAAC,SAAS,CAAC,aAAa,OAAO,IAAI,MAAM,GAAG,OAAO,IAAI,SAAS,KAAK,eAAe,MAAM,IAErG,aAAa,CAAC,SAAS,CAAC,aAAa,OAAO,IAAI,MAAM,GAAG,OAAO,IAAI,KAAK,eAAe,MAAM;",
+  "mappings": "AAAA,SAAS,oBAAoB;AAaK;AAVlC,IAAO,+BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ;AAAA,MACN,MAAM;AAAA,IACR;AAAA,EACF;AACF;AAEO,MAAM,WAAW,CAAC,SAAS,oBAAC,gBAAa,OAAO,IAAI,MAAM,GAAG,OAAO,IAAI,UAAQ,IAAC,MAAK,YAAY,GAAG,MAAM,GAErG,aAAa,CAAC,SAAS,oBAAC,gBAAa,OAAO,IAAI,MAAM,GAAG,OAAO,IAAI,MAAK,YAAY,GAAG,MAAM;",
   "names": []
 }

package/dist/jsx/forms/FormProgress/FormProgress.stories.mjs

@@ -0,0 +1,27 @@
+import { FormProgress } from "./index.mjs";
+import { jsx } from "react/jsx-runtime";
+var FormProgress_stories_default = {
+  title: "forms/FormProgress",
+  component: FormProgress,
+  parameters: {
+    status: {
+      type: "beta"
+    }
+  }
+};
+const vertical = args => /* @__PURE__ */jsx(FormProgress, {
+    value: 80,
+    size: 3,
+    width: 20,
+    vertical: !0,
+    name: "progress",
+    ...args
+  }),
+  horizontal = args => /* @__PURE__ */jsx(FormProgress, {
+    value: 80,
+    size: 3,
+    width: 20,
+    name: "progress",
+    ...args
+  });
+export { FormProgress_stories_default as default, horizontal, vertical };