@multiplatform.one/components 1.0.1 → 1.0.2

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

@@ -0,0 +1,45 @@
+import { FormCheckBox } from "./index.mjs";
+import { YStack } from "tamagui";
+import { action } from "@storybook/addon-actions";
+import { jsx, jsxs } from "react/jsx-runtime";
+var FormCheckBox_stories_default = {
+  title: "forms/FormCheckBox",
+  component: FormCheckBox,
+  parameters: {
+    status: {
+      type: "beta"
+    }
+  }
+};
+const main = () => /* @__PURE__ */jsxs(YStack, {
+  children: [/* @__PURE__ */jsx(FormCheckBox, {
+    name: "checkbox",
+    checkBoxElement: {
+      label: "mango",
+      value: "mango"
+    },
+    onCheckedChange: action("onCheckedChange")
+  }), /* @__PURE__ */jsx(FormCheckBox, {
+    name: "checkbox",
+    checkBoxElement: {
+      label: "orange",
+      value: "orange"
+    },
+    onCheckedChange: action("onCheckedChange")
+  }), /* @__PURE__ */jsx(FormCheckBox, {
+    name: "checkbox",
+    checkBoxElement: {
+      label: "banana",
+      value: "banana"
+    },
+    onCheckedChange: action("onCheckedChange")
+  }), /* @__PURE__ */jsx(FormCheckBox, {
+    name: "checkbox",
+    checkBoxElement: {
+      label: "lemon",
+      value: "lemon"
+    },
+    onCheckedChange: action("onCheckedChange")
+  })]
+});
+export { FormCheckBox_stories_default as default, main };

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

@@ -1,33 +1,54 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import "react";
 import { FormCheckBox } from "./index";
 import { YStack } from "tamagui";
 import { action } from "@storybook/addon-actions";
 var FormCheckBox_stories_default = {
   title: "forms/FormCheckBox",
   component: FormCheckBox,
-  parameters: { status: { type: "beta" } }
+  parameters: {
+    status: {
+      type: "beta"
+    }
+  }
+}, main = function() {
+  return /* @__PURE__ */ _jsxs(YStack, {
+    children: [
+      /* @__PURE__ */ _jsx(FormCheckBox, {
+        name: "checkbox",
+        checkBoxElement: {
+          label: "mango",
+          value: "mango"
+        },
+        onCheckedChange: action("onCheckedChange")
+      }),
+      /* @__PURE__ */ _jsx(FormCheckBox, {
+        name: "checkbox",
+        checkBoxElement: {
+          label: "orange",
+          value: "orange"
+        },
+        onCheckedChange: action("onCheckedChange")
+      }),
+      /* @__PURE__ */ _jsx(FormCheckBox, {
+        name: "checkbox",
+        checkBoxElement: {
+          label: "banana",
+          value: "banana"
+        },
+        onCheckedChange: action("onCheckedChange")
+      }),
+      /* @__PURE__ */ _jsx(FormCheckBox, {
+        name: "checkbox",
+        checkBoxElement: {
+          label: "lemon",
+          value: "lemon"
+        },
+        onCheckedChange: action("onCheckedChange")
+      })
+    ]
+  });
 };
-const main = () => <YStack>
-  <FormCheckBox
-    name="checkbox"
-    checkBoxElement={{ label: "mango", value: "mango" }}
-    onCheckedChange={action("onCheckedChange")}
-  />
-  <FormCheckBox
-    name="checkbox"
-    checkBoxElement={{ label: "orange", value: "orange" }}
-    onCheckedChange={action("onCheckedChange")}
-  />
-  <FormCheckBox
-    name="checkbox"
-    checkBoxElement={{ label: "banana", value: "banana" }}
-    onCheckedChange={action("onCheckedChange")}
-  />
-  <FormCheckBox
-    name="checkbox"
-    checkBoxElement={{ label: "lemon", value: "lemon" }}
-    onCheckedChange={action("onCheckedChange")}
-  />
-</YStack>;
 export {
   FormCheckBox_stories_default as default,
   main

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../src/forms/FormCheckBox/FormCheckBox.stories.tsx"],
-  "mappings": "AACA,SAAS,oBAAoB;AAC7B,SAAS,cAAc;AACvB,SAAS,cAAc;AAEvB,IAAO,+BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC;AAEO,MAAM,OAAO,MAClB,CAAC;AAAA,EACC,CAAC;AAAA,IACC,KAAK;AAAA,IACL,iBAAiB,EAAE,OAAO,SAAS,OAAO,QAAQ;AAAA,IAClD,iBAAiB,OAAO,iBAAiB;AAAA,EAC3C;AAAA,EACA,CAAC;AAAA,IACC,KAAK;AAAA,IACL,iBAAiB,EAAE,OAAO,UAAU,OAAO,SAAS;AAAA,IACpD,iBAAiB,OAAO,iBAAiB;AAAA,EAC3C;AAAA,EACA,CAAC;AAAA,IACC,KAAK;AAAA,IACL,iBAAiB,EAAE,OAAO,UAAU,OAAO,SAAS;AAAA,IACpD,iBAAiB,OAAO,iBAAiB;AAAA,EAC3C;AAAA,EACA,CAAC;AAAA,IACC,KAAK;AAAA,IACL,iBAAiB,EAAE,OAAO,SAAS,OAAO,QAAQ;AAAA,IAClD,iBAAiB,OAAO,iBAAiB;AAAA,EAC3C;AACF,EArBC;",
-  "names": []
+  "sources": ["../../../../src/forms/FormCheckBox/Users/clayrisser/Projects/.bitspur/multiplatform.one/packages/components/src/forms/FormCheckBox/FormCheckBox.stories.tsx"],
+  "mappings": ";AAAA,OAAkB;AAClB,SAASA,oBAAoB;AAC7B,SAASC,cAAc;AACvB,SAASC,cAAc;AAEvB,IAAA,+BAAe;EACbC,OAAO;EACPC,WAAWJ;EACXK,YAAY;IAAEC,QAAQ;MAAEC,MAAM;IAAO;EAAE;AACzC,GAEaC,OAAO,WAAA;SAClB,sBAACP,QAAAA;;MACC,qBAACD,cAAAA;QACCS,MAAK;QACLC,iBAAiB;UAAEC,OAAO;UAASC,OAAO;QAAQ;QAClDC,iBAAiBX,OAAO,iBAAA;;MAE1B,qBAACF,cAAAA;QACCS,MAAK;QACLC,iBAAiB;UAAEC,OAAO;UAAUC,OAAO;QAAS;QACpDC,iBAAiBX,OAAO,iBAAA;;MAE1B,qBAACF,cAAAA;QACCS,MAAK;QACLC,iBAAiB;UAAEC,OAAO;UAAUC,OAAO;QAAS;QACpDC,iBAAiBX,OAAO,iBAAA;;MAE1B,qBAACF,cAAAA;QACCS,MAAK;QACLC,iBAAiB;UAAEC,OAAO;UAASC,OAAO;QAAQ;QAClDC,iBAAiBX,OAAO,iBAAA;;;;;",
+  "names": ["FormCheckBox", "YStack", "action", "title", "component", "parameters", "status", "type", "main", "name", "checkBoxElement", "label", "value", "onCheckedChange"]
 }

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

@@ -3,6 +3,7 @@ import { Controller, useFormContext } from "react-hook-form";
 import { FormField } from "../FormField";
 import { useId } from "react";
 import { Check as CheckIcon } from "@tamagui/lucide-icons";
+import { jsx, jsxs } from "react/jsx-runtime";
 function FormCheckBox({
   children,
   control,
@@ -22,53 +23,76 @@ function FormCheckBox({
   ...checkProps
 }) {
   const formContext = useFormContext(), id = useId();
-  return formContext ? <Controller
-    name={name}
-    control={control}
-    rules={rules}
-    defaultValue={defaultValue}
-    render={({ field: { onChange, value }, fieldState: { error: error2 } }) => <FormField
-      id={id}
-      error={!!error2}
-      helperText={error2 ? error2.message : helperText}
-      label={label}
-      required={required}
-      {...fieldProps}
-    ><YStack><XStack
-      alignItems={CheckBoxElementSizing?.ai || "center"}
-      space={CheckBoxElementSizing?.space || "$3"}
-      height={CheckBoxElementSizing?.height}
-      width={CheckBoxElementSizing?.width || "300"}
-    >
-      <Checkbox
-        id={id}
-        size={checkBoxElement.size}
-        defaultChecked={checkBoxElement.defaultChecked}
-        value={checkBoxElement.value}
-        checked={value}
-        {...checkProps}
-        onCheckedChange={(e) => {
-          onChange(e), checkProps.onCheckedChange && checkProps.onCheckedChange(e);
-        }}
-      ><Checkbox.Indicator {...IndicatorStyle}><CheckIcon /></Checkbox.Indicator></Checkbox>
-      <Label size={checkBoxElement.size} htmlFor={id} {...LabelStyle}>{checkBoxElement.label || checkBoxElement.value}</Label>
-    </XStack></YStack></FormField>}
-  /> : <YStack space><XStack
-    style={{ alignItems: "center" }}
-    space={CheckBoxElementSizing?.space || "$3"}
-    height={CheckBoxElementSizing?.height}
-    width={CheckBoxElementSizing?.width || "300"}
-    ai="center"
-  >
-    <Checkbox
-      id={id}
-      size={checkBoxElement.size}
-      defaultChecked={checkBoxElement.defaultChecked}
-      value={checkBoxElement.value}
-      {...checkProps}
-    ><Checkbox.Indicator><CheckIcon /></Checkbox.Indicator></Checkbox>
-    <Label size={checkBoxElement.size} htmlFor={id}>{checkBoxElement.label || checkBoxElement.value}</Label>
-  </XStack></YStack>;
+  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(YStack, { children: /* @__PURE__ */ jsxs(
+            XStack,
+            {
+              alignItems: CheckBoxElementSizing?.ai || "center",
+              gap: CheckBoxElementSizing?.gap || "$3",
+              height: CheckBoxElementSizing?.height,
+              width: CheckBoxElementSizing?.width || "300",
+              children: [
+                /* @__PURE__ */ jsx(
+                  Checkbox,
+                  {
+                    id,
+                    size: checkBoxElement.size,
+                    defaultChecked: checkBoxElement.defaultChecked,
+                    value: checkBoxElement.value,
+                    checked: value,
+                    ...checkProps,
+                    onCheckedChange: (e) => {
+                      onChange(e), checkProps.onCheckedChange && checkProps.onCheckedChange(e);
+                    },
+                    children: /* @__PURE__ */ jsx(Checkbox.Indicator, { ...IndicatorStyle, children: /* @__PURE__ */ jsx(CheckIcon, {}) })
+                  }
+                ),
+                /* @__PURE__ */ jsx(Label, { size: checkBoxElement.size, htmlFor: id, ...LabelStyle, children: checkBoxElement.label || checkBoxElement.value })
+              ]
+            }
+          ) })
+        }
+      )
+    }
+  ) : /* @__PURE__ */ jsx(YStack, { gap: !0, children: /* @__PURE__ */ jsxs(
+    XStack,
+    {
+      style: { alignItems: "center" },
+      gap: CheckBoxElementSizing?.gap || "$3",
+      height: CheckBoxElementSizing?.height,
+      width: CheckBoxElementSizing?.width || "300",
+      ai: "center",
+      children: [
+        /* @__PURE__ */ jsx(
+          Checkbox,
+          {
+            id,
+            size: checkBoxElement.size,
+            defaultChecked: checkBoxElement.defaultChecked,
+            value: checkBoxElement.value,
+            ...checkProps,
+            children: /* @__PURE__ */ jsx(Checkbox.Indicator, { children: /* @__PURE__ */ jsx(CheckIcon, {}) })
+          }
+        ),
+        /* @__PURE__ */ jsx(Label, { size: checkBoxElement.size, htmlFor: id, children: checkBoxElement.label || checkBoxElement.value })
+      ]
+    }
+  ) });
 }
 export {
   FormCheckBox

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/forms/FormCheckBox/index.tsx"],
-  "mappings": "AAsBA,SAAS,OAAO,UAAU,QAAQ,cAAc;AAChD,SAAS,YAAY,sBAAsB;AAG3C,SAAS,iBAAiB;AAC1B,SAAgB,aAAa;AAE7B,SAAS,SAAS,iBAAiB;AA2B5B,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;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,GAAiH;AAC/G,QAAM,cAAc,eAAe,GAC7B,KAAK,MAAM;AACjB,SAAK,cA8BH,CAAC;AAAA,IACC,MAAM;AAAA,IACN,SAAS;AAAA,IACT,OAAO;AAAA,IACP,cAAc;AAAA,IACd,QAAQ,CAAC,EAAE,OAAO,EAAE,UAAU,MAAM,GAAG,YAAY,EAAE,OAAAA,OAAM,EAAE,MAC3D,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,OACC,CAAC;AAAA,MACC,YAAY,uBAAuB,MAAM;AAAA,MACzC,OAAO,uBAAuB,SAAS;AAAA,MACvC,QAAQ,uBAAuB;AAAA,MAC/B,OAAO,uBAAuB,SAAS;AAAA;AAAA,MAEvC,CAAC;AAAA,QACC,IAAI;AAAA,QACJ,MAAM,gBAAgB;AAAA,QACtB,gBAAgB,gBAAgB;AAAA,QAChC,OAAO,gBAAgB;AAAA,QACvB,SAAS;AAAA,YACL;AAAA,QACJ,iBAAiB,CAAC,MAAM;AACtB,mBAAS,CAAC,GACN,WAAW,mBAAiB,WAAW,gBAAgB,CAAC;AAAA,QAC9D;AAAA,OAEA,CAAC,SAAS,cAAc,gBACtB,CAAC,UAAU,EACb,EAFC,SAAS,UAGZ,EAfC;AAAA,MAgBD,CAAC,MAAM,MAAM,gBAAgB,MAAM,SAAS,QAAQ,aACjD,gBAAgB,SAAS,gBAAgB,MAC5C,EAFC;AAAA,IAGH,EAzBC,OA0BH,EA3BC,OA4BH,EApCC;AAAA,EAsCL,KAxEE,CAAC,OAAO,MACN,CAAC;AAAA,IACC,OAAO,EAAE,YAAY,SAAS;AAAA,IAC9B,OAAO,uBAAuB,SAAS;AAAA,IACvC,QAAQ,uBAAuB;AAAA,IAC/B,OAAO,uBAAuB,SAAS;AAAA,IACvC,GAAG;AAAA;AAAA,IAEH,CAAC;AAAA,MACC,IAAI;AAAA,MACJ,MAAM,gBAAgB;AAAA,MACtB,gBAAgB,gBAAgB;AAAA,MAChC,OAAO,gBAAgB;AAAA,UACnB;AAAA,KAEJ,CAAC,SAAS,UACR,CAAC,UAAU,EACb,EAFC,SAAS,UAGZ,EAVC;AAAA,IAYD,CAAC,MAAM,MAAM,gBAAgB,MAAM,SAAS,KACzC,gBAAgB,SAAS,gBAAgB,MAC5C,EAFC;AAAA,EAGH,EAtBC,OAuBH,EAxBC;AA0EP;",
+  "mappings": "AACA,SAAS,OAAO,UAAU,QAAQ,cAAc;AAChD,SAAS,YAAY,sBAAsB;AAG3C,SAAS,iBAAiB;AAC1B,SAAgB,aAAa;AAE7B,SAAS,SAAS,iBAAiB;AAkD3B,SAeM,KAfN;AAvBD,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;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,GAAiH;AAC/G,QAAM,cAAc,eAAe,GAC7B,KAAK,MAAM;AACjB,SAAK,cA8BH;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,8BAAC,UACC;AAAA,YAAC;AAAA;AAAA,cACC,YAAY,uBAAuB,MAAM;AAAA,cACzC,KAAK,uBAAuB,OAAO;AAAA,cACnC,QAAQ,uBAAuB;AAAA,cAC/B,OAAO,uBAAuB,SAAS;AAAA,cAEvC;AAAA;AAAA,kBAAC;AAAA;AAAA,oBACC;AAAA,oBACA,MAAM,gBAAgB;AAAA,oBACtB,gBAAgB,gBAAgB;AAAA,oBAChC,OAAO,gBAAgB;AAAA,oBACvB,SAAS;AAAA,oBACR,GAAG;AAAA,oBACJ,iBAAiB,CAAC,MAAM;AACtB,+BAAS,CAAC,GACN,WAAW,mBAAiB,WAAW,gBAAgB,CAAC;AAAA,oBAC9D;AAAA,oBAEA,8BAAC,SAAS,WAAT,EAAoB,GAAG,gBACtB,8BAAC,aAAU,GACb;AAAA;AAAA,gBACF;AAAA,gBACA,oBAAC,SAAM,MAAM,gBAAgB,MAAM,SAAS,IAAK,GAAG,YACjD,0BAAgB,SAAS,gBAAgB,OAC5C;AAAA;AAAA;AAAA,UACF,GACF;AAAA;AAAA,MACF;AAAA;AAAA,EAEJ,IAxEE,oBAAC,UAAO,KAAG,IACT;AAAA,IAAC;AAAA;AAAA,MACC,OAAO,EAAE,YAAY,SAAS;AAAA,MAC9B,KAAK,uBAAuB,OAAO;AAAA,MACnC,QAAQ,uBAAuB;AAAA,MAC/B,OAAO,uBAAuB,SAAS;AAAA,MACvC,IAAG;AAAA,MAEH;AAAA;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA,MAAM,gBAAgB;AAAA,YACtB,gBAAgB,gBAAgB;AAAA,YAChC,OAAO,gBAAgB;AAAA,YACtB,GAAG;AAAA,YAEJ,8BAAC,SAAS,WAAT,EACC,8BAAC,aAAU,GACb;AAAA;AAAA,QACF;AAAA,QAEA,oBAAC,SAAM,MAAM,gBAAgB,MAAM,SAAS,IACzC,0BAAgB,SAAS,gBAAgB,OAC5C;AAAA;AAAA;AAAA,EACF,GACF;AAkDN;",
   "names": ["error"]
 }

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

@@ -0,0 +1,103 @@
+import { Label, Checkbox, XStack, YStack } from "tamagui";
+import { Controller, useFormContext } from "react-hook-form";
+import { FormField } from "../FormField.mjs";
+import { useId } from "react";
+import { Check as CheckIcon } from "@tamagui/lucide-icons";
+import { jsx, jsxs } from "react/jsx-runtime";
+function FormCheckBox({
+  children,
+  control,
+  defaultValue,
+  error,
+  fieldProps,
+  helperText,
+  label,
+  name,
+  required,
+  rules,
+  checkBoxElement,
+  CheckBoxElementSizing,
+  IndicatorStyle,
+  iconColor,
+  LabelStyle,
+  ...checkProps
+}) {
+  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(YStack, {
+        children: /* @__PURE__ */jsxs(XStack, {
+          alignItems: CheckBoxElementSizing?.ai || "center",
+          gap: CheckBoxElementSizing?.gap || "$3",
+          height: CheckBoxElementSizing?.height,
+          width: CheckBoxElementSizing?.width || "300",
+          children: [/* @__PURE__ */jsx(Checkbox, {
+            id,
+            size: checkBoxElement.size,
+            defaultChecked: checkBoxElement.defaultChecked,
+            value: checkBoxElement.value,
+            checked: value,
+            ...checkProps,
+            onCheckedChange: e => {
+              onChange(e), checkProps.onCheckedChange && checkProps.onCheckedChange(e);
+            },
+            children: /* @__PURE__ */jsx(Checkbox.Indicator, {
+              ...IndicatorStyle,
+              children: /* @__PURE__ */jsx(CheckIcon, {})
+            })
+          }), /* @__PURE__ */jsx(Label, {
+            size: checkBoxElement.size,
+            htmlFor: id,
+            ...LabelStyle,
+            children: checkBoxElement.label || checkBoxElement.value
+          })]
+        })
+      })
+    })
+  }) : /* @__PURE__ */jsx(YStack, {
+    gap: !0,
+    children: /* @__PURE__ */jsxs(XStack, {
+      style: {
+        alignItems: "center"
+      },
+      gap: CheckBoxElementSizing?.gap || "$3",
+      height: CheckBoxElementSizing?.height,
+      width: CheckBoxElementSizing?.width || "300",
+      ai: "center",
+      children: [/* @__PURE__ */jsx(Checkbox, {
+        id,
+        size: checkBoxElement.size,
+        defaultChecked: checkBoxElement.defaultChecked,
+        value: checkBoxElement.value,
+        ...checkProps,
+        children: /* @__PURE__ */jsx(Checkbox.Indicator, {
+          children: /* @__PURE__ */jsx(CheckIcon, {})
+        })
+      }), /* @__PURE__ */jsx(Label, {
+        size: checkBoxElement.size,
+        htmlFor: id,
+        children: checkBoxElement.label || checkBoxElement.value
+      })]
+    })
+  });
+}
+export { FormCheckBox };

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

@@ -1,74 +1,155 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Label, Checkbox, XStack, YStack } from "tamagui";
 import { Controller, useFormContext } from "react-hook-form";
 import { FormField } from "../FormField";
 import { useId } from "react";
 import { Check as CheckIcon } from "@tamagui/lucide-icons";
-function FormCheckBox({
-  children,
-  control,
-  defaultValue,
-  error,
-  fieldProps,
-  helperText,
-  label,
-  name,
-  required,
-  rules,
-  checkBoxElement,
-  CheckBoxElementSizing,
-  IndicatorStyle,
-  iconColor,
-  LabelStyle,
-  ...checkProps
-}) {
-  const formContext = useFormContext(), id = useId();
-  return formContext ? <Controller
-    name={name}
-    control={control}
-    rules={rules}
-    defaultValue={defaultValue}
-    render={({ field: { onChange, value }, fieldState: { error: error2 } }) => <FormField
-      id={id}
-      error={!!error2}
-      helperText={error2 ? error2.message : helperText}
-      label={label}
-      required={required}
-      {...fieldProps}
-    ><YStack><XStack
-      alignItems={(CheckBoxElementSizing == null ? void 0 : CheckBoxElementSizing.ai) || "center"}
-      space={(CheckBoxElementSizing == null ? void 0 : CheckBoxElementSizing.space) || "$3"}
-      height={CheckBoxElementSizing == null ? void 0 : CheckBoxElementSizing.height}
-      width={(CheckBoxElementSizing == null ? void 0 : CheckBoxElementSizing.width) || "300"}
-    >
-      <Checkbox
-        id={id}
-        size={checkBoxElement.size}
-        defaultChecked={checkBoxElement.defaultChecked}
-        value={checkBoxElement.value}
-        checked={value}
-        {...checkProps}
-        onCheckedChange={(e) => {
-          onChange(e), checkProps.onCheckedChange && checkProps.onCheckedChange(e);
-        }}
-      ><Checkbox.Indicator {...IndicatorStyle}><CheckIcon /></Checkbox.Indicator></Checkbox>
-      <Label size={checkBoxElement.size} htmlFor={id} {...LabelStyle}>{checkBoxElement.label || checkBoxElement.value}</Label>
-    </XStack></YStack></FormField>}
-  /> : <YStack space><XStack
-    style={{ alignItems: "center" }}
-    space={(CheckBoxElementSizing == null ? void 0 : CheckBoxElementSizing.space) || "$3"}
-    height={CheckBoxElementSizing == null ? void 0 : CheckBoxElementSizing.height}
-    width={(CheckBoxElementSizing == null ? void 0 : CheckBoxElementSizing.width) || "300"}
-    ai="center"
-  >
-    <Checkbox
-      id={id}
-      size={checkBoxElement.size}
-      defaultChecked={checkBoxElement.defaultChecked}
-      value={checkBoxElement.value}
-      {...checkProps}
-    ><Checkbox.Indicator><CheckIcon /></Checkbox.Indicator></Checkbox>
-    <Label size={checkBoxElement.size} htmlFor={id}>{checkBoxElement.label || checkBoxElement.value}</Label>
-  </XStack></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 _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 FormCheckBox(_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, rules = _param.rules, checkBoxElement = _param.checkBoxElement, CheckBoxElementSizing = _param.CheckBoxElementSizing, IndicatorStyle = _param.IndicatorStyle, iconColor = _param.iconColor, LabelStyle = _param.LabelStyle, checkProps = _object_without_properties(_param, [
+    "children",
+    "control",
+    "defaultValue",
+    "error",
+    "fieldProps",
+    "helperText",
+    "label",
+    "name",
+    "required",
+    "rules",
+    "checkBoxElement",
+    "CheckBoxElementSizing",
+    "IndicatorStyle",
+    "iconColor",
+    "LabelStyle"
+  ]), 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(YStack, {
+          children: /* @__PURE__ */ _jsxs(XStack, {
+            alignItems: (CheckBoxElementSizing == null ? void 0 : CheckBoxElementSizing.ai) || "center",
+            gap: (CheckBoxElementSizing == null ? void 0 : CheckBoxElementSizing.gap) || "$3",
+            height: CheckBoxElementSizing == null ? void 0 : CheckBoxElementSizing.height,
+            width: (CheckBoxElementSizing == null ? void 0 : CheckBoxElementSizing.width) || "300",
+            children: [
+              /* @__PURE__ */ _jsx(Checkbox, _object_spread_props(_object_spread({
+                id,
+                size: checkBoxElement.size,
+                defaultChecked: checkBoxElement.defaultChecked,
+                value: checkBoxElement.value,
+                checked: value
+              }, checkProps), {
+                onCheckedChange: function(e) {
+                  onChange(e), checkProps.onCheckedChange && checkProps.onCheckedChange(e);
+                },
+                children: /* @__PURE__ */ _jsx(Checkbox.Indicator, _object_spread_props(_object_spread({}, IndicatorStyle), {
+                  children: /* @__PURE__ */ _jsx(CheckIcon, {})
+                }))
+              })),
+              /* @__PURE__ */ _jsx(Label, _object_spread_props(_object_spread({
+                size: checkBoxElement.size,
+                htmlFor: id
+              }, LabelStyle), {
+                children: checkBoxElement.label || checkBoxElement.value
+              }))
+            ]
+          })
+        })
+      }));
+    }
+  }) : /* @__PURE__ */ _jsx(YStack, {
+    gap: !0,
+    children: /* @__PURE__ */ _jsxs(XStack, {
+      style: {
+        alignItems: "center"
+      },
+      gap: (CheckBoxElementSizing == null ? void 0 : CheckBoxElementSizing.gap) || "$3",
+      height: CheckBoxElementSizing == null ? void 0 : CheckBoxElementSizing.height,
+      width: (CheckBoxElementSizing == null ? void 0 : CheckBoxElementSizing.width) || "300",
+      ai: "center",
+      children: [
+        /* @__PURE__ */ _jsx(Checkbox, _object_spread_props(_object_spread({
+          id,
+          size: checkBoxElement.size,
+          defaultChecked: checkBoxElement.defaultChecked,
+          value: checkBoxElement.value
+        }, checkProps), {
+          children: /* @__PURE__ */ _jsx(Checkbox.Indicator, {
+            children: /* @__PURE__ */ _jsx(CheckIcon, {})
+          })
+        })),
+        /* @__PURE__ */ _jsx(Label, {
+          size: checkBoxElement.size,
+          htmlFor: id,
+          children: checkBoxElement.label || checkBoxElement.value
+        })
+      ]
+    })
+  });
 }
 export {
   FormCheckBox

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../src/forms/FormCheckBox/index.tsx"],
-  "mappings": "AAsBA,SAAS,OAAO,UAAU,QAAQ,cAAc;AAChD,SAAS,YAAY,sBAAsB;AAG3C,SAAS,iBAAiB;AAC1B,SAAgB,aAAa;AAE7B,SAAS,SAAS,iBAAiB;AA2B5B,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;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,GAAiH;AAC/G,QAAM,cAAc,eAAe,GAC7B,KAAK,MAAM;AACjB,SAAK,cA8BH,CAAC;AAAA,IACC,MAAM;AAAA,IACN,SAAS;AAAA,IACT,OAAO;AAAA,IACP,cAAc;AAAA,IACd,QAAQ,CAAC,EAAE,OAAO,EAAE,UAAU,MAAM,GAAG,YAAY,EAAE,OAAAA,OAAM,EAAE,MAC3D,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,OACC,CAAC;AAAA,MACC,aAAY,+DAAuB,OAAM;AAAA,MACzC,QAAO,+DAAuB,UAAS;AAAA,MACvC,QAAQ,+DAAuB;AAAA,MAC/B,QAAO,+DAAuB,UAAS;AAAA;AAAA,MAEvC,CAAC;AAAA,QACC,IAAI;AAAA,QACJ,MAAM,gBAAgB;AAAA,QACtB,gBAAgB,gBAAgB;AAAA,QAChC,OAAO,gBAAgB;AAAA,QACvB,SAAS;AAAA,YACL;AAAA,QACJ,iBAAiB,CAAC,MAAM;AACtB,mBAAS,CAAC,GACN,WAAW,mBAAiB,WAAW,gBAAgB,CAAC;AAAA,QAC9D;AAAA,OAEA,CAAC,SAAS,cAAc,gBACtB,CAAC,UAAU,EACb,EAFC,SAAS,UAGZ,EAfC;AAAA,MAgBD,CAAC,MAAM,MAAM,gBAAgB,MAAM,SAAS,QAAQ,aACjD,gBAAgB,SAAS,gBAAgB,MAC5C,EAFC;AAAA,IAGH,EAzBC,OA0BH,EA3BC,OA4BH,EApCC;AAAA,EAsCL,KAxEE,CAAC,OAAO,MACN,CAAC;AAAA,IACC,OAAO,EAAE,YAAY,SAAS;AAAA,IAC9B,QAAO,+DAAuB,UAAS;AAAA,IACvC,QAAQ,+DAAuB;AAAA,IAC/B,QAAO,+DAAuB,UAAS;AAAA,IACvC,GAAG;AAAA;AAAA,IAEH,CAAC;AAAA,MACC,IAAI;AAAA,MACJ,MAAM,gBAAgB;AAAA,MACtB,gBAAgB,gBAAgB;AAAA,MAChC,OAAO,gBAAgB;AAAA,UACnB;AAAA,KAEJ,CAAC,SAAS,UACR,CAAC,UAAU,EACb,EAFC,SAAS,UAGZ,EAVC;AAAA,IAYD,CAAC,MAAM,MAAM,gBAAgB,MAAM,SAAS,KACzC,gBAAgB,SAAS,gBAAgB,MAC5C,EAFC;AAAA,EAGH,EAtBC,OAuBH,EAxBC;AA0EP;",
-  "names": ["error"]
+  "sources": ["../../../../src/forms/FormCheckBox/Users/clayrisser/Projects/.bitspur/multiplatform.one/packages/components/src/forms/FormCheckBox/index.tsx"],
+  "mappings": "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",
+  "names": ["Label", "Checkbox", "XStack", "YStack", "Controller", "useFormContext", "FormField", "useId", "Check", "CheckIcon", "FormCheckBox", "children", "control", "defaultValue", "error", "fieldProps", "helperText", "label", "name", "required", "rules", "checkBoxElement", "CheckBoxElementSizing", "IndicatorStyle", "iconColor", "LabelStyle", "checkProps", "formContext", "id", "render", "field", "onChange", "value", "fieldState", "message", "alignItems", "ai", "gap", "height", "width", "size", "defaultChecked", "checked", "onCheckedChange", "e", "Indicator", "htmlFor", "style"]
 }