@multiplatform.one/components 1.0.1 → 1.0.2

package/dist/esm/forms/FormRadioGroup/FormRadioGroup.stories.native.js

@@ -1,30 +1,101 @@
-import React from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import "react";
 import { FormRadio, FormRadioGroup } from "./index";
 import { action } from "@storybook/addon-actions";
 import { SimpleForm } from "../SimpleForm";
 import { Label } from "tamagui";
+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;
+}
 var FormRadioGroup_stories_default = {
   title: "forms/FormRadioGroup",
   component: FormRadioGroup,
-  parameters: { status: { type: "beta" } }
+  parameters: {
+    status: {
+      type: "beta"
+    }
+  }
+}, main = function(args) {
+  return /* @__PURE__ */ _jsx(SimpleForm, {
+    children: /* @__PURE__ */ _jsxs(FormRadioGroup, _object_spread_props(_object_spread({
+      name: "radio group",
+      label: "radio group",
+      helperText: "select an option",
+      contentStyle: {
+        gap: "$4"
+      },
+      required: !0,
+      onValueChange: action("onValueChange"),
+      gap: !0
+    }, args), {
+      children: [
+        /* @__PURE__ */ _jsx(FormRadio, {
+          size: "$4",
+          value: "option1",
+          children: /* @__PURE__ */ _jsx(Label, {
+            htmlFor: "option1",
+            children: "option 1"
+          })
+        }),
+        /* @__PURE__ */ _jsx(FormRadio, {
+          size: "$4",
+          value: "option2",
+          children: /* @__PURE__ */ _jsx(Label, {
+            htmlFor: "option2",
+            children: "option 2"
+          })
+        }),
+        /* @__PURE__ */ _jsx(FormRadio, {
+          size: "$4",
+          value: "option3",
+          children: /* @__PURE__ */ _jsx(Label, {
+            htmlFor: "option3",
+            children: "option 3"
+          })
+        }),
+        /* @__PURE__ */ _jsx(FormRadio, {
+          size: "$4",
+          value: "option4",
+          children: /* @__PURE__ */ _jsx(Label, {
+            htmlFor: "option4",
+            children: "option 4"
+          })
+        })
+      ]
+    }))
+  });
 };
-const main = (args) => /* @__PURE__ */ React.createElement(SimpleForm, null, /* @__PURE__ */ React.createElement(
-  FormRadioGroup,
-  {
-    name: "radio group",
-    label: "radio group",
-    helperText: "select an option",
-    contentStyle: { space: "$4" },
-    required: !0,
-    onValueChange: action("onValueChange"),
-    space: !0,
-    ...args
-  },
-  /* @__PURE__ */ React.createElement(FormRadio, { size: "$4", value: "option1" }, /* @__PURE__ */ React.createElement(Label, { htmlFor: "option1" }, "option 1")),
-  /* @__PURE__ */ React.createElement(FormRadio, { size: "$4", value: "option2" }, /* @__PURE__ */ React.createElement(Label, { htmlFor: "option2" }, "option 2")),
-  /* @__PURE__ */ React.createElement(FormRadio, { size: "$4", value: "option3" }, /* @__PURE__ */ React.createElement(Label, { htmlFor: "option3" }, "option 3")),
-  /* @__PURE__ */ React.createElement(FormRadio, { size: "$4", value: "option4" }, /* @__PURE__ */ React.createElement(Label, { htmlFor: "option4" }, "option 4"))
-));
 main.args = {
   defaultValue: "option1",
   horizontal: !1

package/dist/esm/forms/FormRadioGroup/FormRadioGroup.stories.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../src/forms/FormRadioGroup/FormRadioGroup.stories.tsx"],
-  "mappings": "AAqBA,OAAO,WAAW;AAClB,SAAS,WAAW,sBAAsB;AAC1C,SAAS,cAAc;AACvB,SAAS,kBAAkB;AAC3B,SAAS,aAAa;AAEtB,IAAO,iCAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC;AAEO,MAAM,OAAO,CAAC,SACnB,oCAAC,kBACC;AAAA,EAAC;AAAA;AAAA,IACC,MAAK;AAAA,IACL,OAAM;AAAA,IACN,YAAW;AAAA,IACX,cAAc,EAAE,OAAO,KAAK;AAAA,IAC5B,UAAQ;AAAA,IACR,eAAe,OAAO,eAAe;AAAA,IACrC,OAAK;AAAA,IACJ,GAAG;AAAA;AAAA,EAEJ,oCAAC,aAAU,MAAK,MAAK,OAAM,aACzB,oCAAC,SAAM,SAAQ,aAAU,UAAQ,CACnC;AAAA,EACA,oCAAC,aAAU,MAAK,MAAK,OAAM,aACzB,oCAAC,SAAM,SAAQ,aAAU,UAAQ,CACnC;AAAA,EACA,oCAAC,aAAU,MAAK,MAAK,OAAM,aACzB,oCAAC,SAAM,SAAQ,aAAU,UAAQ,CACnC;AAAA,EACA,oCAAC,aAAU,MAAK,MAAK,OAAM,aACzB,oCAAC,SAAM,SAAQ,aAAU,UAAQ,CACnC;AACF,CACF;AAGF,KAAK,OAAO;AAAA,EACV,cAAc;AAAA,EACd,YAAY;AACd;",
-  "names": []
+  "sources": ["../../../../src/forms/FormRadioGroup/Users/clayrisser/Projects/.bitspur/multiplatform.one/packages/components/src/forms/FormRadioGroup/FormRadioGroup.stories.tsx"],
+  "mappings": ";AAqBA,OAAkB;AAClB,SAASA,WAAWC,sBAAsB;AAC1C,SAASC,cAAc;AACvB,SAASC,kBAAkB;AAC3B,SAASC,aAAa;AANrB,SAAA,iBAAA,KAAA,KAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQD,IAAA,iCAAe;EACbC,OAAO;EACPC,WAAWL;EACXM,YAAY;IAAEC,QAAQ;MAAEC,MAAM;IAAO;EAAE;AACzC,GAEaC,OAAO,SAACC,MAAAA;SACnB,qBAACR,YAAAA;cACC,sBAACF,gBAAAA,qBAAAA,eAAAA;MACCW,MAAK;MACLC,OAAM;MACNC,YAAW;MACXC,cAAc;QAAEC,KAAK;MAAK;MAC1BC,UAAQ;MACRC,eAAehB,OAAO,eAAA;MACtBc,KAAG;OACCL,IAAAA,GAAAA;;QAEJ,qBAACX,WAAAA;UAAUmB,MAAK;UAAKC,OAAM;oBACzB,qBAAChB,OAAAA;YAAMiB,SAAQ;sBAAU;;;QAE3B,qBAACrB,WAAAA;UAAUmB,MAAK;UAAKC,OAAM;oBACzB,qBAAChB,OAAAA;YAAMiB,SAAQ;sBAAU;;;QAE3B,qBAACrB,WAAAA;UAAUmB,MAAK;UAAKC,OAAM;oBACzB,qBAAChB,OAAAA;YAAMiB,SAAQ;sBAAU;;;QAE3B,qBAACrB,WAAAA;UAAUmB,MAAK;UAAKC,OAAM;oBACzB,qBAAChB,OAAAA;YAAMiB,SAAQ;sBAAU;;;;;;;AAMjCX,KAAKC,OAAO;EACVW,cAAc;EACdC,YAAY;AACd;",
+  "names": ["FormRadio", "FormRadioGroup", "action", "SimpleForm", "Label", "title", "component", "parameters", "status", "type", "main", "args", "name", "label", "helperText", "contentStyle", "gap", "required", "onValueChange", "size", "value", "htmlFor", "defaultValue", "horizontal"]
 }

package/dist/esm/forms/FormRadioGroup/index.js

@@ -53,7 +53,7 @@ function FormRadioGroup({
   ) : /* @__PURE__ */ jsx(RadioGroup, { name, ...radioProps, children: /* @__PURE__ */ jsx(YStack, { display: "flex", flexDirection: horizontal ? "row" : "column", ...contentStyle, children }) });
 }
 function FormRadio({ children, value, size, disabled, id, ...props }) {
-  return /* @__PURE__ */ jsxs(XStack, { alignItems: "center", space: "$1", children: [
+  return /* @__PURE__ */ jsxs(XStack, { alignItems: "center", gap: "$1", children: [
     /* @__PURE__ */ jsx(RadioGroup.Item, { value, id, size: size || "$4", ...props, children: /* @__PURE__ */ jsx(RadioGroup.Indicator, { disabled }) }),
     children
   ] });

package/dist/esm/forms/FormRadioGroup/index.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/forms/FormRadioGroup/index.tsx"],
-  "mappings": "AAqBA,SAAgB,aAAa;AAI7B,SAAS,YAAY,sBAAsB;AAC3C,SAAS,iBAAiB;AAC1B,SAAS,YAAY,QAAQ,cAAc;AAsCnC,cA0CJ,YA1CI;AApBD,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAwB;AACtB,QAAM,cAAc,eAAe,GAC7B,KAAK,MAAM;AACjB,SAAK,cAUH;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,QAAQ,CAAC,EAAE,OAAO,EAAE,UAAU,MAAM,GAAG,YAAY,EAAE,OAAAA,OAAM,EAAE,MAC3D;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,cACC;AAAA,cACC,GAAG;AAAA,cACJ;AAAA,cACA,eAAe,CAAC,MAAM;AACpB,yBAAS,CAAC,GACN,WAAW,iBAAe,WAAW,cAAc,CAAC;AAAA,cAC1D;AAAA,cAEA,8BAAC,UAAO,SAAQ,QAAO,eAAe,aAAa,QAAQ,UAAW,GAAG,cACtE,UACH;AAAA;AAAA,UACF;AAAA;AAAA,MACF;AAAA;AAAA,EAEJ,IArCE,oBAAC,cAAW,MAAa,GAAG,YAC1B,8BAAC,UAAO,SAAQ,QAAO,eAAe,aAAa,QAAQ,UAAW,GAAG,cACtE,UACH,GACF;AAmCN;AAEO,SAAS,UAAU,EAAE,UAAU,OAAO,MAAM,UAAU,IAAI,GAAG,MAAM,GAAmB;AAC3F,SACE,qBAAC,UAAO,YAAW,UAAS,OAAM,MAChC;AAAA,wBAAC,WAAW,MAAX,EAAgB,OAAc,IAAQ,MAAM,QAAQ,MAAO,GAAG,OAC7D,8BAAC,WAAW,WAAX,EAAqB,UAAoB,GAC5C;AAAA,IACC;AAAA,KACH;AAEJ;",
+  "mappings": "AAqBA,SAAgB,aAAa;AAI7B,SAAS,YAAY,sBAAsB;AAC3C,SAAS,iBAAiB;AAC1B,SAAS,YAAY,QAAQ,cAAc;AAsCnC,cA0CJ,YA1CI;AApBD,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAwB;AACtB,QAAM,cAAc,eAAe,GAC7B,KAAK,MAAM;AACjB,SAAK,cAUH;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,QAAQ,CAAC,EAAE,OAAO,EAAE,UAAU,MAAM,GAAG,YAAY,EAAE,OAAAA,OAAM,EAAE,MAC3D;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,cACC;AAAA,cACC,GAAG;AAAA,cACJ;AAAA,cACA,eAAe,CAAC,MAAM;AACpB,yBAAS,CAAC,GACN,WAAW,iBAAe,WAAW,cAAc,CAAC;AAAA,cAC1D;AAAA,cAEA,8BAAC,UAAO,SAAQ,QAAO,eAAe,aAAa,QAAQ,UAAW,GAAG,cACtE,UACH;AAAA;AAAA,UACF;AAAA;AAAA,MACF;AAAA;AAAA,EAEJ,IArCE,oBAAC,cAAW,MAAa,GAAG,YAC1B,8BAAC,UAAO,SAAQ,QAAO,eAAe,aAAa,QAAQ,UAAW,GAAG,cACtE,UACH,GACF;AAmCN;AAEO,SAAS,UAAU,EAAE,UAAU,OAAO,MAAM,UAAU,IAAI,GAAG,MAAM,GAAmB;AAC3F,SACE,qBAAC,UAAO,YAAW,UAAS,KAAI,MAC9B;AAAA,wBAAC,WAAW,MAAX,EAAgB,OAAc,IAAQ,MAAM,QAAQ,MAAO,GAAG,OAC7D,8BAAC,WAAW,WAAX,EAAqB,UAAoB,GAC5C;AAAA,IACC;AAAA,KACH;AAEJ;",
   "names": ["error"]
 }

package/dist/esm/forms/FormRadioGroup/index.mjs

@@ -0,0 +1,91 @@
+import { useId } from "react";
+import { Controller, useFormContext } from "react-hook-form";
+import { FormField } from "../FormField.mjs";
+import { RadioGroup, XStack, YStack } from "tamagui";
+import { jsx, jsxs } from "react/jsx-runtime";
+function FormRadioGroup({
+  children,
+  control,
+  defaultValue,
+  error,
+  fieldProps,
+  helperText,
+  label,
+  name,
+  required,
+  horizontal,
+  rules,
+  contentStyle,
+  ...radioProps
+}) {
+  const formContext = useFormContext(),
+    id = useId();
+  return formContext ? /* @__PURE__ */jsx(Controller, {
+    name,
+    control,
+    rules,
+    defaultValue,
+    render: ({
+      field: {
+        onChange,
+        value
+      },
+      fieldState: {
+        error: error2
+      }
+    }) => /* @__PURE__ */jsx(FormField, {
+      id,
+      error: !!error2,
+      helperText: error2 ? error2.message : helperText,
+      label,
+      required,
+      ...fieldProps,
+      children: /* @__PURE__ */jsx(RadioGroup, {
+        name,
+        ...radioProps,
+        value,
+        onValueChange: e => {
+          onChange(e), radioProps.onValueChange && radioProps.onValueChange(e);
+        },
+        children: /* @__PURE__ */jsx(YStack, {
+          display: "flex",
+          flexDirection: horizontal ? "row" : "column",
+          ...contentStyle,
+          children
+        })
+      })
+    })
+  }) : /* @__PURE__ */jsx(RadioGroup, {
+    name,
+    ...radioProps,
+    children: /* @__PURE__ */jsx(YStack, {
+      display: "flex",
+      flexDirection: horizontal ? "row" : "column",
+      ...contentStyle,
+      children
+    })
+  });
+}
+function FormRadio({
+  children,
+  value,
+  size,
+  disabled,
+  id,
+  ...props
+}) {
+  return /* @__PURE__ */jsxs(XStack, {
+    alignItems: "center",
+    gap: "$1",
+    children: [/* @__PURE__ */jsx(RadioGroup.Item, {
+      value,
+      id,
+      size: size || "$4",
+      ...props,
+      children: /* @__PURE__ */jsx(RadioGroup.Indicator, {
+        disabled
+      })
+    }), children]
+  });
+}
+export { FormRadio, FormRadioGroup };

package/dist/esm/forms/FormRadioGroup/index.native.js

@@ -1,58 +1,141 @@
-import React, { useId } from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId } from "react";
 import { Controller, useFormContext } from "react-hook-form";
 import { FormField } from "../FormField";
 import { RadioGroup, XStack, YStack } from "tamagui";
-function FormRadioGroup({
-  children,
-  control,
-  defaultValue,
-  error,
-  fieldProps,
-  helperText,
-  label,
-  name,
-  required,
-  horizontal,
-  rules,
-  contentStyle,
-  ...radioProps
-}) {
-  const formContext = useFormContext(), id = useId();
-  return formContext ? /* @__PURE__ */ React.createElement(
-    Controller,
-    {
-      name,
-      control,
-      rules,
-      defaultValue,
-      render: ({ field: { onChange, value }, fieldState: { error: error2 } }) => /* @__PURE__ */ React.createElement(
-        FormField,
-        {
-          id,
-          error: !!error2,
-          helperText: error2 ? error2.message : helperText,
-          label,
-          required,
-          ...fieldProps
-        },
-        /* @__PURE__ */ React.createElement(
-          RadioGroup,
-          {
-            name,
-            ...radioProps,
-            value,
-            onValueChange: (e) => {
-              onChange(e), radioProps.onValueChange && radioProps.onValueChange(e);
-            }
+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 FormRadioGroup(_param) {
+  var children = _param.children, control = _param.control, defaultValue = _param.defaultValue, error = _param.error, fieldProps = _param.fieldProps, helperText = _param.helperText, label = _param.label, name = _param.name, required = _param.required, horizontal = _param.horizontal, rules = _param.rules, contentStyle = _param.contentStyle, radioProps = _object_without_properties(_param, [
+    "children",
+    "control",
+    "defaultValue",
+    "error",
+    "fieldProps",
+    "helperText",
+    "label",
+    "name",
+    "required",
+    "horizontal",
+    "rules",
+    "contentStyle"
+  ]), 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, 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(RadioGroup, _object_spread_props(_object_spread({
+          name
+        }, radioProps), {
+          value,
+          onValueChange: function(e) {
+            onChange(e), radioProps.onValueChange && radioProps.onValueChange(e);
           },
-          /* @__PURE__ */ React.createElement(YStack, { display: "flex", flexDirection: horizontal ? "row" : "column", ...contentStyle }, children)
-        )
-      )
+          children: /* @__PURE__ */ _jsx(YStack, _object_spread_props(_object_spread({
+            display: "flex",
+            flexDirection: horizontal ? "row" : "column"
+          }, contentStyle), {
+            children
+          }))
+        }))
+      }));
     }
-  ) : /* @__PURE__ */ React.createElement(RadioGroup, { name, ...radioProps }, /* @__PURE__ */ React.createElement(YStack, { display: "flex", flexDirection: horizontal ? "row" : "column", ...contentStyle }, children));
+  }) : /* @__PURE__ */ _jsx(RadioGroup, _object_spread_props(_object_spread({
+    name
+  }, radioProps), {
+    children: /* @__PURE__ */ _jsx(YStack, _object_spread_props(_object_spread({
+      display: "flex",
+      flexDirection: horizontal ? "row" : "column"
+    }, contentStyle), {
+      children
+    }))
+  }));
 }
-function FormRadio({ children, value, size, disabled, id, ...props }) {
-  return /* @__PURE__ */ React.createElement(XStack, { alignItems: "center", space: "$1" }, /* @__PURE__ */ React.createElement(RadioGroup.Item, { value, id, size: size || "$4", ...props }, /* @__PURE__ */ React.createElement(RadioGroup.Indicator, { disabled })), children);
+function FormRadio(_param) {
+  var children = _param.children, value = _param.value, size = _param.size, disabled = _param.disabled, id = _param.id, props = _object_without_properties(_param, [
+    "children",
+    "value",
+    "size",
+    "disabled",
+    "id"
+  ]);
+  return /* @__PURE__ */ _jsxs(XStack, {
+    alignItems: "center",
+    gap: "$1",
+    children: [
+      /* @__PURE__ */ _jsx(RadioGroup.Item, _object_spread_props(_object_spread({
+        value,
+        id,
+        size: size || "$4"
+      }, props), {
+        children: /* @__PURE__ */ _jsx(RadioGroup.Indicator, {
+          disabled
+        })
+      })),
+      children
+    ]
+  });
 }
 export {
   FormRadio,

package/dist/esm/forms/FormRadioGroup/index.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../src/forms/FormRadioGroup/index.tsx"],
-  "mappings": "AAqBA,OAAO,SAAS,aAAa;AAI7B,SAAS,YAAY,sBAAsB;AAC3C,SAAS,iBAAiB;AAC1B,SAAS,YAAY,QAAQ,cAAc;AAkBpC,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAwB;AACtB,QAAM,cAAc,eAAe,GAC7B,KAAK,MAAM;AACjB,SAAK,cAUH;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,QAAQ,CAAC,EAAE,OAAO,EAAE,UAAU,MAAM,GAAG,YAAY,EAAE,OAAAA,OAAM,EAAE,MAC3D;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,OAAO,CAAC,CAACA;AAAA,UACT,YAAYA,SAAQA,OAAM,UAAU;AAAA,UACpC;AAAA,UACA;AAAA,UACC,GAAG;AAAA;AAAA,QAEJ;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACC,GAAG;AAAA,YACJ;AAAA,YACA,eAAe,CAAC,MAAM;AACpB,uBAAS,CAAC,GACN,WAAW,iBAAe,WAAW,cAAc,CAAC;AAAA,YAC1D;AAAA;AAAA,UAEA,oCAAC,UAAO,SAAQ,QAAO,eAAe,aAAa,QAAQ,UAAW,GAAG,gBACtE,QACH;AAAA,QACF;AAAA,MACF;AAAA;AAAA,EAEJ,IArCE,oCAAC,cAAW,MAAa,GAAG,cAC1B,oCAAC,UAAO,SAAQ,QAAO,eAAe,aAAa,QAAQ,UAAW,GAAG,gBACtE,QACH,CACF;AAmCN;AAEO,SAAS,UAAU,EAAE,UAAU,OAAO,MAAM,UAAU,IAAI,GAAG,MAAM,GAAmB;AAC3F,SACE,oCAAC,UAAO,YAAW,UAAS,OAAM,QAChC,oCAAC,WAAW,MAAX,EAAgB,OAAc,IAAQ,MAAM,QAAQ,MAAO,GAAG,SAC7D,oCAAC,WAAW,WAAX,EAAqB,UAAoB,CAC5C,GACC,QACH;AAEJ;",
-  "names": ["error"]
+  "sources": ["../../../../src/forms/FormRadioGroup/Users/clayrisser/Projects/.bitspur/multiplatform.one/packages/components/src/forms/FormRadioGroup/index.tsx"],
+  "mappings": ";AAqBA,SAAgBA,aAAa;AAI7B,SAASC,YAAYC,sBAAsB;AAC3C,SAASC,iBAAiB;AAC1B,SAASC,YAAYC,QAAQC,cAAc;AAR1C,SAAA,iBAAA,KAAA,KAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BM,SAASC,eAAe,QAAA;MAC7BC,WAD6B,OAC7BA,UACAC,UAF6B,OAE7BA,SACAC,eAH6B,OAG7BA,cACAC,QAJ6B,OAI7BA,OACAC,aAL6B,OAK7BA,YACAC,aAN6B,OAM7BA,YACAC,QAP6B,OAO7BA,OACAC,OAR6B,OAQ7BA,MACAC,WAT6B,OAS7BA,UACAC,aAV6B,OAU7BA,YACAC,QAX6B,OAW7BA,OACAC,eAZ6B,OAY7BA,cACGC,aAAAA,2BAb0B,QAAA;IAC7BZ;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;MAGME,cAAcnB,eAAAA,GACdoB,KAAKtB,MAAAA;AACX,SAAKqB,cAUH,qBAACpB,YAAAA;IACCc;IACAN;IACAS;IACAR;IACAa,QAAQ,SAAA,OAAA;+BAAGC,OAASC,WAAAA,aAAAA,UAAUC,QAAAA,aAAAA,OAAuBf,SAAAA,MAAdgB,WAAchB;aACnD,qBAACR,WAAAA,qBAAAA,eAAAA;QACCmB;QACAX,OAAO,CAAC,CAACA;QACTE,YAAYF,SAAQA,OAAMiB,UAAUf;QACpCC;QACAE;SACIJ,UAAAA,GAAAA;kBAEJ,qBAACR,YAAAA,qBAAAA,eAAAA;UACCW;WACIK,UAAAA,GAAAA;UACJM;UACAG,eAAe,SAACC,GAAAA;AACdL,qBAASK,CAAAA,GACLV,WAAWS,iBAAeT,WAAWS,cAAcC,CAAAA;UACzD;oBAEA,qBAACxB,QAAAA,qBAAAA,eAAAA;YAAOyB,SAAQ;YAAOC,eAAef,aAAa,QAAQ;aAAcE,YAAAA,GAAAA;;;;;;OA/B/E,qBAACf,YAAAA,qBAAAA,eAAAA;IAAWW;KAAgBK,UAAAA,GAAAA;cAC1B,qBAACd,QAAAA,qBAAAA,eAAAA;MAAOyB,SAAQ;MAAOC,eAAef,aAAa,QAAQ;OAAcE,YAAAA,GAAAA;;;;AAsCjF;AAEO,SAASc,UAAU,QAAA;MAAEzB,WAAF,OAAEA,UAAUkB,QAAZ,OAAYA,OAAOQ,OAAnB,OAAmBA,MAAMC,WAAzB,OAAyBA,UAAUb,KAAnC,OAAmCA,IAAOc,QAAAA,2BAA1C,QAAA;IAAE5B;IAAUkB;IAAOQ;IAAMC;IAAUb;;AAC3D,SACE,sBAACjB,QAAAA;IAAOgC,YAAW;IAASC,KAAI;;MAC9B,qBAAClC,WAAWmC,MAAI,qBAAA,eAAA;QAACb;QAAcJ;QAAQY,MAAMA,QAAQ;SAAUE,KAAAA,GAAAA;kBAC7D,qBAAChC,WAAWoC,WAAS;UAACL;;;MAEvB3B;;;AAGP;",
+  "names": ["useId", "Controller", "useFormContext", "FormField", "RadioGroup", "XStack", "YStack", "FormRadioGroup", "children", "control", "defaultValue", "error", "fieldProps", "helperText", "label", "name", "required", "horizontal", "rules", "contentStyle", "radioProps", "formContext", "id", "render", "field", "onChange", "value", "fieldState", "message", "onValueChange", "e", "display", "flexDirection", "FormRadio", "size", "disabled", "props", "alignItems", "gap", "Item", "Indicator"]
 }

package/dist/esm/forms/FormSelectSimple/FormSelectSimple.stories.mjs

@@ -0,0 +1,42 @@
+import { FormSelectSimple } from "./index.mjs";
+import { Select } from "tamagui";
+import { jsx, jsxs } from "react/jsx-runtime";
+var FormSelectSimple_stories_default = {
+  title: "forms/FormSelectSimple",
+  component: FormSelectSimple,
+  parameters: {
+    status: {
+      type: "beta"
+    }
+  }
+};
+const main = () => /* @__PURE__ */jsxs(FormSelectSimple, {
+  name: "FormSelectSimple",
+  placeholder: "select one of these",
+  children: [/* @__PURE__ */jsx(Select.Item, {
+    index: 0,
+    value: "bmw",
+    children: /* @__PURE__ */jsx(Select.ItemText, {
+      children: "BMW"
+    })
+  }), /* @__PURE__ */jsx(Select.Item, {
+    index: 1,
+    value: "audi",
+    children: /* @__PURE__ */jsx(Select.ItemText, {
+      children: "AUDI"
+    })
+  }), /* @__PURE__ */jsx(Select.Item, {
+    index: 2,
+    value: "ford",
+    children: /* @__PURE__ */jsx(Select.ItemText, {
+      children: "FORD"
+    })
+  }), /* @__PURE__ */jsx(Select.Item, {
+    index: 3,
+    value: "suzuki",
+    children: /* @__PURE__ */jsx(Select.ItemText, {
+      children: "SUZUKI"
+    })
+  })]
+});
+export { FormSelectSimple_stories_default as default, main };

package/dist/esm/forms/FormSelectSimple/FormSelectSimple.stories.native.js

@@ -1,14 +1,51 @@
-import React from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import "react";
 import { FormSelectSimple } from "./index";
 import { Select } from "tamagui";
 var FormSelectSimple_stories_default = {
   title: "forms/FormSelectSimple",
   component: FormSelectSimple,
   parameters: {
-    status: { type: "beta" }
+    status: {
+      type: "beta"
+    }
   }
+}, main = function() {
+  return /* @__PURE__ */ _jsxs(FormSelectSimple, {
+    name: "FormSelectSimple",
+    placeholder: "select one of these",
+    children: [
+      /* @__PURE__ */ _jsx(Select.Item, {
+        index: 0,
+        value: "bmw",
+        children: /* @__PURE__ */ _jsx(Select.ItemText, {
+          children: "BMW"
+        })
+      }),
+      /* @__PURE__ */ _jsx(Select.Item, {
+        index: 1,
+        value: "audi",
+        children: /* @__PURE__ */ _jsx(Select.ItemText, {
+          children: "AUDI"
+        })
+      }),
+      /* @__PURE__ */ _jsx(Select.Item, {
+        index: 2,
+        value: "ford",
+        children: /* @__PURE__ */ _jsx(Select.ItemText, {
+          children: "FORD"
+        })
+      }),
+      /* @__PURE__ */ _jsx(Select.Item, {
+        index: 3,
+        value: "suzuki",
+        children: /* @__PURE__ */ _jsx(Select.ItemText, {
+          children: "SUZUKI"
+        })
+      })
+    ]
+  });
 };
-const main = () => /* @__PURE__ */ React.createElement(FormSelectSimple, { name: "FormSelectSimple", placeholder: "select one of these" }, /* @__PURE__ */ React.createElement(Select.Item, { index: 0, value: "bmw" }, /* @__PURE__ */ React.createElement(Select.ItemText, null, "BMW")), /* @__PURE__ */ React.createElement(Select.Item, { index: 1, value: "audi" }, /* @__PURE__ */ React.createElement(Select.ItemText, null, "AUDI")), /* @__PURE__ */ React.createElement(Select.Item, { index: 2, value: "ford" }, /* @__PURE__ */ React.createElement(Select.ItemText, null, "FORD")), /* @__PURE__ */ React.createElement(Select.Item, { index: 3, value: "suzuki" }, /* @__PURE__ */ React.createElement(Select.ItemText, null, "SUZUKI")));
 export {
   FormSelectSimple_stories_default as default,
   main

package/dist/esm/forms/FormSelectSimple/FormSelectSimple.stories.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../src/forms/FormSelectSimple/FormSelectSimple.stories.tsx"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,wBAAwB;AACjC,SAAS,cAAc;AAEvB,IAAO,mCAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEO,MAAM,OAAO,MAClB,oCAAC,oBAAiB,MAAK,oBAAmB,aAAY,yBACpD,oCAAC,OAAO,MAAP,EAAY,OAAO,GAAG,OAAM,SAC3B,oCAAC,OAAO,UAAP,MAAgB,KAAG,CACtB,GACA,oCAAC,OAAO,MAAP,EAAY,OAAO,GAAG,OAAM,UAC3B,oCAAC,OAAO,UAAP,MAAgB,MAAI,CACvB,GACA,oCAAC,OAAO,MAAP,EAAY,OAAO,GAAG,OAAM,UAC3B,oCAAC,OAAO,UAAP,MAAgB,MAAI,CACvB,GACA,oCAAC,OAAO,MAAP,EAAY,OAAO,GAAG,OAAM,YAC3B,oCAAC,OAAO,UAAP,MAAgB,QAAM,CACzB,CACF;",
-  "names": []
+  "sources": ["../../../../src/forms/FormSelectSimple/Users/clayrisser/Projects/.bitspur/multiplatform.one/packages/components/src/forms/FormSelectSimple/FormSelectSimple.stories.tsx"],
+  "mappings": ";AAAA,OAAkB;AAClB,SAASA,wBAAwB;AACjC,SAASC,cAAc;AAEvB,IAAA,mCAAe;EACbC,OAAO;EACPC,WAAWH;EACXI,YAAY;IACVC,QAAQ;MAAEC,MAAM;IAAO;EACzB;AACF,GAEaC,OAAO,WAAA;SAClB,sBAACP,kBAAAA;IAAiBQ,MAAK;IAAmBC,aAAY;;MACpD,qBAACR,OAAOS,MAAI;QAACC,OAAO;QAAGC,OAAM;kBAC3B,qBAACX,OAAOY,UAAQ;oBAAC;;;MAEnB,qBAACZ,OAAOS,MAAI;QAACC,OAAO;QAAGC,OAAM;kBAC3B,qBAACX,OAAOY,UAAQ;oBAAC;;;MAEnB,qBAACZ,OAAOS,MAAI;QAACC,OAAO;QAAGC,OAAM;kBAC3B,qBAACX,OAAOY,UAAQ;oBAAC;;;MAEnB,qBAACZ,OAAOS,MAAI;QAACC,OAAO;QAAGC,OAAM;kBAC3B,qBAACX,OAAOY,UAAQ;oBAAC;;;;;;",
+  "names": ["FormSelectSimple", "Select", "title", "component", "parameters", "status", "type", "main", "name", "placeholder", "Item", "index", "value", "ItemText"]
 }

package/dist/esm/forms/FormSelectSimple/index.mjs

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