@multiplatform.one/components 0.2.0

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

@@ -0,0 +1,59 @@
+import { useId } from "react";
+import { Switch } from "tamagui";
+import { Controller, useFormContext } from "react-hook-form";
+import { FormField } from "../FormField";
+function FormSwitch({
+  control,
+  defaultValue,
+  error,
+  fieldProps,
+  helperText,
+  label,
+  name,
+  required,
+  rules,
+  ThumbStyle,
+  ...switchProps
+}) {
+  const formContext = useFormContext();
+  const id = useId();
+  if (!formContext) {
+    return <FormField id={id} error={!!error} helperText={helperText} label={label} required={required} {...fieldProps}><Switch {...switchProps} /></FormField>;
+  }
+  return <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}
+    ><Switch
+      checked={value ?? false}
+      id={id}
+      {...switchProps}
+      onCheckedChange={(e) => {
+        onChange(e);
+        if (switchProps.onCheckedChange)
+          switchProps.onCheckedChange(e);
+      }}
+      onPress={(e) => {
+        e.preventDefault();
+        if (switchProps.onPress)
+          switchProps.onPress(e);
+      }}
+    ><Switch.Thumb {...ThumbStyle} /></Switch></FormField>}
+  />;
+}
+FormSwitch.defaultProps = {
+  size: "$3",
+  Animation: "quick"
+};
+export {
+  FormSwitch
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/forms/FormSwitch/index.tsx"],
+  "mappings": "AAAA,SAAgB,aAAa;AAE7B,SAAS,cAAc;AAGvB,SAAS,YAAY,sBAAsB;AAC3C,SAAS,iBAAiB;AAOnB,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAoB;AAClB,QAAM,cAAc,eAAe;AACnC,QAAM,KAAK,MAAM;AACjB,MAAI,CAAC,aAAa;AAChB,WACE,CAAC,UAAU,IAAI,IAAI,OAAO,CAAC,CAAC,OAAO,YAAY,YAAY,OAAO,OAAO,UAAU,cAAc,YAC/F,CAAC,WAAW,aAAa,EAC3B,EAFC;AAAA,EAIL;AACA,SACE,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;AAAA,MACC,SAAS,SAAS;AAAA,MAClB,IAAI;AAAA,UACA;AAAA,MACJ,iBAAiB,CAAC,MAAM;AACtB,iBAAS,CAAC;AACV,YAAI,YAAY;AAAiB,sBAAY,gBAAgB,CAAC;AAAA,MAChE;AAAA,MACA,SAAS,CAAC,MAAM;AACd,UAAE,eAAe;AACjB,YAAI,YAAY;AAAS,sBAAY,QAAQ,CAAC;AAAA,MAChD;AAAA,KAEA,CAAC,OAAO,UAAU,YAAY,EAChC,EAdC,OAeH,EAvBC;AAAA,EAyBL;AAEJ;AAEA,WAAW,eAAe;AAAA,EACxB,MAAM;AAAA,EACN,WAAW;AACb;",
+  "names": ["error"]
+}

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

@@ -0,0 +1,59 @@
+import { useId } from "react";
+import { Switch } from "tamagui";
+import { Controller, useFormContext } from "react-hook-form";
+import { FormField } from "../FormField";
+function FormSwitch({
+  control,
+  defaultValue,
+  error,
+  fieldProps,
+  helperText,
+  label,
+  name,
+  required,
+  rules,
+  ThumbStyle,
+  ...switchProps
+}) {
+  const formContext = useFormContext();
+  const id = useId();
+  if (!formContext) {
+    return <FormField id={id} error={!!error} helperText={helperText} label={label} required={required} {...fieldProps}><Switch {...switchProps} /></FormField>;
+  }
+  return <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}
+    ><Switch
+      checked={value ?? false}
+      id={id}
+      {...switchProps}
+      onCheckedChange={(e) => {
+        onChange(e);
+        if (switchProps.onCheckedChange)
+          switchProps.onCheckedChange(e);
+      }}
+      onPress={(e) => {
+        e.preventDefault();
+        if (switchProps.onPress)
+          switchProps.onPress(e);
+      }}
+    ><Switch.Thumb {...ThumbStyle} /></Switch></FormField>}
+  />;
+}
+FormSwitch.defaultProps = {
+  size: "$3",
+  Animation: "quick"
+};
+export {
+  FormSwitch
+};
+//# sourceMappingURL=index.mjs.map

package/dist/jsx/forms/FormSwitch/index.mjs.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/forms/FormSwitch/index.tsx"],
+  "mappings": "AAAA,SAAgB,aAAa;AAE7B,SAAS,cAAc;AAGvB,SAAS,YAAY,sBAAsB;AAC3C,SAAS,iBAAiB;AAOnB,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAoB;AAClB,QAAM,cAAc,eAAe;AACnC,QAAM,KAAK,MAAM;AACjB,MAAI,CAAC,aAAa;AAChB,WACE,CAAC,UAAU,IAAI,IAAI,OAAO,CAAC,CAAC,OAAO,YAAY,YAAY,OAAO,OAAO,UAAU,cAAc,YAC/F,CAAC,WAAW,aAAa,EAC3B,EAFC;AAAA,EAIL;AACA,SACE,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;AAAA,MACC,SAAS,SAAS;AAAA,MAClB,IAAI;AAAA,UACA;AAAA,MACJ,iBAAiB,CAAC,MAAM;AACtB,iBAAS,CAAC;AACV,YAAI,YAAY;AAAiB,sBAAY,gBAAgB,CAAC;AAAA,MAChE;AAAA,MACA,SAAS,CAAC,MAAM;AACd,UAAE,eAAe;AACjB,YAAI,YAAY;AAAS,sBAAY,QAAQ,CAAC;AAAA,MAChD;AAAA,KAEA,CAAC,OAAO,UAAU,YAAY,EAChC,EAdC,OAeH,EAvBC;AAAA,EAyBL;AAEJ;AAEA,WAAW,eAAe;AAAA,EACxB,MAAM;AAAA,EACN,WAAW;AACb;",
+  "names": ["error"]
+}

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

@@ -0,0 +1,14 @@
+import { FormTextArea } from "./index";
+var FormTextArea_stories_default = {
+  title: "forms/FormTextArea",
+  component: FormTextArea,
+  parameters: {
+    status: { type: "beta" }
+  }
+};
+const main = () => <FormTextArea label="Description" name="description" defaultValue="" rules={{ required: true }} />;
+export {
+  FormTextArea_stories_default as default,
+  main
+};
+//# sourceMappingURL=FormTextArea.stories.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/forms/FormTextArea/FormTextArea.stories.tsx"],
+  "mappings": "AACA,SAAS,oBAAoB;AAE7B,IAAO,+BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEO,MAAM,OAAO,MAClB,CAAC,aAAa,MAAM,cAAc,KAAK,cAAc,aAAa,GAAG,OAAO,EAAE,UAAU,KAAK,GAAG;",
+  "names": []
+}

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

@@ -0,0 +1,14 @@
+import { FormTextArea } from "./index";
+var FormTextArea_stories_default = {
+  title: "forms/FormTextArea",
+  component: FormTextArea,
+  parameters: {
+    status: { type: "beta" }
+  }
+};
+const main = () => <FormTextArea label="Description" name="description" defaultValue="" rules={{ required: true }} />;
+export {
+  FormTextArea_stories_default as default,
+  main
+};
+//# sourceMappingURL=FormTextArea.stories.mjs.map

package/dist/jsx/forms/FormTextArea/FormTextArea.stories.mjs.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/forms/FormTextArea/FormTextArea.stories.tsx"],
+  "mappings": "AACA,SAAS,oBAAoB;AAE7B,IAAO,+BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEO,MAAM,OAAO,MAClB,CAAC,aAAa,MAAM,cAAc,KAAK,cAAc,aAAa,GAAG,OAAO,EAAE,UAAU,KAAK,GAAG;",
+  "names": []
+}

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

@@ -0,0 +1,53 @@
+import { useId } from "react";
+import { Controller, useFormContext } from "react-hook-form";
+import { FormField } from "../FormField";
+import { TextArea } from "tamagui";
+function FormTextArea({
+  control,
+  defaultValue,
+  error,
+  fieldProps,
+  helperText,
+  label,
+  name,
+  required,
+  rules,
+  ...textAreaProps
+}) {
+  const formContext = useFormContext();
+  const id = useId();
+  if (!formContext) {
+    return <FormField id={id} error={!!error} helperText={helperText} label={label} required={required} {...fieldProps}><TextArea {...textAreaProps} /></FormField>;
+  }
+  return <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}
+    ><TextArea
+      {...textAreaProps}
+      value={value ?? ""}
+      onBlur={(e) => {
+        onBlur();
+        if (textAreaProps.onBlur)
+          textAreaProps.onBlur(e);
+      }}
+      onChangeText={(e) => {
+        onChange(e);
+        if (textAreaProps.onChangeText)
+          textAreaProps.onChangeText(e);
+      }}
+    /></FormField>}
+  />;
+}
+export {
+  FormTextArea
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/forms/FormTextArea/index.tsx"],
+  "mappings": "AAAA,SAAgB,aAAa;AAI7B,SAAS,YAAY,sBAAsB;AAC3C,SAAS,iBAAiB;AAC1B,SAAS,gBAAgB;AAOlB,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAsB;AACpB,QAAM,cAAc,eAAe;AACnC,QAAM,KAAK,MAAM;AACjB,MAAI,CAAC,aAAa;AAChB,WACE,CAAC,UAAU,IAAI,IAAI,OAAO,CAAC,CAAC,OAAO,YAAY,YAAY,OAAO,OAAO,UAAU,cAAc,YAC/F,CAAC,aAAa,eAAe,EAC/B,EAFC;AAAA,EAIL;AACA,SACE,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;AACP,YAAI,cAAc;AAAQ,wBAAc,OAAO,CAAC;AAAA,MAClD;AAAA,MACA,cAAc,CAAC,MAAM;AACnB,iBAAS,CAAC;AACV,YAAI,cAAc;AAAc,wBAAc,aAAa,CAAC;AAAA,MAC9D;AAAA,IACF,EACF,EApBC;AAAA,EAsBL;AAEJ;",
+  "names": ["error"]
+}

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

@@ -0,0 +1,53 @@
+import { useId } from "react";
+import { Controller, useFormContext } from "react-hook-form";
+import { FormField } from "../FormField";
+import { TextArea } from "tamagui";
+function FormTextArea({
+  control,
+  defaultValue,
+  error,
+  fieldProps,
+  helperText,
+  label,
+  name,
+  required,
+  rules,
+  ...textAreaProps
+}) {
+  const formContext = useFormContext();
+  const id = useId();
+  if (!formContext) {
+    return <FormField id={id} error={!!error} helperText={helperText} label={label} required={required} {...fieldProps}><TextArea {...textAreaProps} /></FormField>;
+  }
+  return <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}
+    ><TextArea
+      {...textAreaProps}
+      value={value ?? ""}
+      onBlur={(e) => {
+        onBlur();
+        if (textAreaProps.onBlur)
+          textAreaProps.onBlur(e);
+      }}
+      onChangeText={(e) => {
+        onChange(e);
+        if (textAreaProps.onChangeText)
+          textAreaProps.onChangeText(e);
+      }}
+    /></FormField>}
+  />;
+}
+export {
+  FormTextArea
+};
+//# sourceMappingURL=index.mjs.map

package/dist/jsx/forms/FormTextArea/index.mjs.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/forms/FormTextArea/index.tsx"],
+  "mappings": "AAAA,SAAgB,aAAa;AAI7B,SAAS,YAAY,sBAAsB;AAC3C,SAAS,iBAAiB;AAC1B,SAAS,gBAAgB;AAOlB,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAsB;AACpB,QAAM,cAAc,eAAe;AACnC,QAAM,KAAK,MAAM;AACjB,MAAI,CAAC,aAAa;AAChB,WACE,CAAC,UAAU,IAAI,IAAI,OAAO,CAAC,CAAC,OAAO,YAAY,YAAY,OAAO,OAAO,UAAU,cAAc,YAC/F,CAAC,aAAa,eAAe,EAC/B,EAFC;AAAA,EAIL;AACA,SACE,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;AACP,YAAI,cAAc;AAAQ,wBAAc,OAAO,CAAC;AAAA,MAClD;AAAA,MACA,cAAc,CAAC,MAAM;AACnB,iBAAS,CAAC;AACV,YAAI,cAAc;AAAc,wBAAc,aAAa,CAAC;AAAA,MAC9D;AAAA,IACF,EACF,EApBC;AAAA,EAsBL;AAEJ;",
+  "names": ["error"]
+}

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

@@ -0,0 +1,14 @@
+import { RadioSimple } from "./index";
+var RadioSimple_stories_default = {
+  title: "forms/RadioSimple",
+  component: RadioSimple,
+  parameters: {
+    status: { type: "beta" }
+  }
+};
+const main = () => <RadioSimple>Hello world</RadioSimple>;
+export {
+  RadioSimple_stories_default as default,
+  main
+};
+//# sourceMappingURL=RadioSimple.stories.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/forms/RadioSimple/RadioSimple.stories.tsx"],
+  "mappings": "AACA,SAAS,mBAAmB;AAE5B,IAAO,8BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEO,MAAM,OAAO,MAAM,CAAC,YAAY,WAAW,EAAvB;",
+  "names": []
+}

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

@@ -0,0 +1,14 @@
+import { RadioSimple } from "./index";
+var RadioSimple_stories_default = {
+  title: "forms/RadioSimple",
+  component: RadioSimple,
+  parameters: {
+    status: { type: "beta" }
+  }
+};
+const main = () => <RadioSimple>Hello world</RadioSimple>;
+export {
+  RadioSimple_stories_default as default,
+  main
+};
+//# sourceMappingURL=RadioSimple.stories.mjs.map

package/dist/jsx/forms/RadioSimple/RadioSimple.stories.mjs.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/forms/RadioSimple/RadioSimple.stories.tsx"],
+  "mappings": "AACA,SAAS,mBAAmB;AAE5B,IAAO,8BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEO,MAAM,OAAO,MAAM,CAAC,YAAY,WAAW,EAAvB;",
+  "names": []
+}

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

@@ -0,0 +1,26 @@
+import { Select, styled } from "tamagui";
+const StyledSelectTrigger = styled(Select.Trigger, {
+  paddingVertical: 0
+});
+function RadioSimple({
+  children,
+  placeholder,
+  onOpenChange,
+  onValueChange,
+  value,
+  id,
+  ...triggerProps
+}) {
+  return <Select id={id} onOpenChange={onOpenChange} onValueChange={onValueChange} value={value}>
+    <StyledSelectTrigger {...triggerProps}><Select.Value placeholder={placeholder} /></StyledSelectTrigger>
+    <Select.Adapt when="sm" platform="touch"><Select.Sheet modal dismissOnSnapToBottom>
+      <Select.Sheet.Frame><Select.Sheet.ScrollView><Select.Adapt.Contents /></Select.Sheet.ScrollView></Select.Sheet.Frame>
+      <Select.Sheet.Overlay />
+    </Select.Sheet></Select.Adapt>
+    <Select.Content zIndex={99999}><Select.Viewport>{children}</Select.Viewport></Select.Content>
+  </Select>;
+}
+export {
+  RadioSimple
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/forms/RadioSimple/index.tsx"],
+  "mappings": "AAGA,SAAS,QAAQ,cAAc;AAE/B,MAAM,sBAAsB,OAAO,OAAO,SAAS;AAAA,EACjD,iBAAiB;AACnB,CAAC;AAKM,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAsB;AACpB,SACE,CAAC,OAAO,IAAI,IAAI,cAAc,cAAc,eAAe,eAAe,OAAO;AAAA,IAC/E,CAAC,wBAAwB,cACvB,CAAC,OAAO,MAAM,aAAa,aAAa,EAC1C,EAFC;AAAA,IAGD,CAAC,OAAO,MAAM,KAAK,KAAK,SAAS,QAC/B,CAAC,OAAO,MAAM,MAAM;AAAA,MAClB,CAAC,OAAO,MAAM,MACZ,CAAC,OAAO,MAAM,WACZ,CAAC,OAAO,MAAM,SAAS,EACzB,EAFC,OAAO,MAAM,WAGhB,EAJC,OAAO,MAAM;AAAA,MAKd,CAAC,OAAO,MAAM,QAAQ;AAAA,IACxB,EAPC,OAAO,MAQV,EATC,OAAO;AAAA,IAUR,CAAC,OAAO,QAAQ,QAAQ,OACtB,CAAC,OAAO,UAAU,SAAS,EAA1B,OAAO,SACV,EAFC,OAAO;AAAA,EAGV,EAjBC;AAmBL;",
+  "names": []
+}

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

@@ -0,0 +1,26 @@
+import { Select, styled } from "tamagui";
+const StyledSelectTrigger = styled(Select.Trigger, {
+  paddingVertical: 0
+});
+function RadioSimple({
+  children,
+  placeholder,
+  onOpenChange,
+  onValueChange,
+  value,
+  id,
+  ...triggerProps
+}) {
+  return <Select id={id} onOpenChange={onOpenChange} onValueChange={onValueChange} value={value}>
+    <StyledSelectTrigger {...triggerProps}><Select.Value placeholder={placeholder} /></StyledSelectTrigger>
+    <Select.Adapt when="sm" platform="touch"><Select.Sheet modal dismissOnSnapToBottom>
+      <Select.Sheet.Frame><Select.Sheet.ScrollView><Select.Adapt.Contents /></Select.Sheet.ScrollView></Select.Sheet.Frame>
+      <Select.Sheet.Overlay />
+    </Select.Sheet></Select.Adapt>
+    <Select.Content zIndex={99999}><Select.Viewport>{children}</Select.Viewport></Select.Content>
+  </Select>;
+}
+export {
+  RadioSimple
+};
+//# sourceMappingURL=index.mjs.map

package/dist/jsx/forms/RadioSimple/index.mjs.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/forms/RadioSimple/index.tsx"],
+  "mappings": "AAGA,SAAS,QAAQ,cAAc;AAE/B,MAAM,sBAAsB,OAAO,OAAO,SAAS;AAAA,EACjD,iBAAiB;AACnB,CAAC;AAKM,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAsB;AACpB,SACE,CAAC,OAAO,IAAI,IAAI,cAAc,cAAc,eAAe,eAAe,OAAO;AAAA,IAC/E,CAAC,wBAAwB,cACvB,CAAC,OAAO,MAAM,aAAa,aAAa,EAC1C,EAFC;AAAA,IAGD,CAAC,OAAO,MAAM,KAAK,KAAK,SAAS,QAC/B,CAAC,OAAO,MAAM,MAAM;AAAA,MAClB,CAAC,OAAO,MAAM,MACZ,CAAC,OAAO,MAAM,WACZ,CAAC,OAAO,MAAM,SAAS,EACzB,EAFC,OAAO,MAAM,WAGhB,EAJC,OAAO,MAAM;AAAA,MAKd,CAAC,OAAO,MAAM,QAAQ;AAAA,IACxB,EAPC,OAAO,MAQV,EATC,OAAO;AAAA,IAUR,CAAC,OAAO,QAAQ,QAAQ,OACtB,CAAC,OAAO,UAAU,SAAS,EAA1B,OAAO,SACV,EAFC,OAAO;AAAA,EAGV,EAjBC;AAmBL;",
+  "names": []
+}

package/dist/jsx/forms/SelectButton/OptionButton.js

@@ -0,0 +1,68 @@
+import { useContext, useState, useEffect, useCallback } from "react";
+import { Button, styled } from "tamagui";
+import { SelectButtonContext } from "./context";
+const defaultSelectedStyle = {
+  backgroundColor: "$color7"
+};
+const StyledButton = styled(Button, {
+  focusStyle: defaultSelectedStyle,
+  variants: {
+    selected: {
+      true: {
+        ...defaultSelectedStyle,
+        focusStyle: defaultSelectedStyle,
+        hoverStyle: defaultSelectedStyle,
+        pressStyle: defaultSelectedStyle
+      }
+    }
+  }
+});
+function OptionButton({ index, value, selectedStyle, onPress, ...buttonProps }) {
+  const [selected, setSelected] = useState(false);
+  const context = useContext(SelectButtonContext);
+  const mergedSelectedStyle = {
+    ...context.selectedStyle,
+    ...selectedStyle
+  };
+  useEffect(() => {
+    if (!context.setValues)
+      return;
+    context.setValues((values) => {
+      values[index] = value;
+      return values;
+    });
+  }, [context.setValues]);
+  useEffect(() => {
+    setSelected(typeof context.selectedIndex !== "undefined" && context.selectedIndex === index);
+  }, [context.selectedIndex]);
+  const handlePress = useCallback(
+    (e) => {
+      if (context.setSelectedIndex)
+        context.setSelectedIndex(index);
+      if (onPress)
+        onPress(e);
+    },
+    [context.setSelectedIndex, onPress]
+  );
+  return <StyledButton
+    {...buttonProps}
+    selected={selected}
+    {...selected ? {
+      ...Object.keys(mergedSelectedStyle).length ? {
+        focusStyle: mergedSelectedStyle,
+        hoverStyle: mergedSelectedStyle,
+        pressStyle: mergedSelectedStyle
+      } : {},
+      ...mergedSelectedStyle
+    } : {
+      ...Object.keys(mergedSelectedStyle).length ? {
+        focusStyle: mergedSelectedStyle
+      } : {}
+    }}
+    onPress={handlePress}
+  />;
+}
+export {
+  OptionButton
+};
+//# sourceMappingURL=OptionButton.js.map

package/dist/jsx/forms/SelectButton/OptionButton.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/forms/SelectButton/OptionButton.tsx"],
+  "mappings": "AAAA,SAAgB,YAAY,UAAU,WAAW,mBAAmB;AAIpE,SAAS,QAAQ,cAAc;AAC/B,SAAS,2BAA2B;AAEpC,MAAM,uBAAoC;AAAA,EACxC,iBAAiB;AACnB;AAEA,MAAM,eAAe,OAAO,QAAQ;AAAA,EAClC,YAAY;AAAA,EACZ,UAAU;AAAA,IACR,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,GAAG;AAAA,QACH,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,YAAY;AAAA,MACd;AAAA,IACF;AAAA,EACF;AACF,CAAC;AAQM,SAAS,aAAa,EAAE,OAAO,OAAO,eAAe,SAAS,GAAG,YAAY,GAAsB;AACxG,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,KAAK;AAC9C,QAAM,UAAU,WAAW,mBAAmB;AAC9C,QAAM,sBAAsB;AAAA,IAC1B,GAAG,QAAQ;AAAA,IACX,GAAG;AAAA,EACL;AAEA,YAAU,MAAM;AACd,QAAI,CAAC,QAAQ;AAAW;AACxB,YAAQ,UAAU,CAAC,WAAmC;AACpD,aAAO,KAAK,IAAI;AAChB,aAAO;AAAA,IACT,CAAC;AAAA,EACH,GAAG,CAAC,QAAQ,SAAS,CAAC;AAEtB,YAAU,MAAM;AACd,gBAAY,OAAO,QAAQ,kBAAkB,eAAe,QAAQ,kBAAkB,KAAK;AAAA,EAC7F,GAAG,CAAC,QAAQ,aAAa,CAAC;AAE1B,QAAM,cAAc;AAAA,IAClB,CAAC,MAA6B;AAC5B,UAAI,QAAQ;AAAkB,gBAAQ,iBAAiB,KAAK;AAC5D,UAAI;AAAS,gBAAQ,CAAC;AAAA,IACxB;AAAA,IACA,CAAC,QAAQ,kBAAkB,OAAO;AAAA,EACpC;AAEA,SACE,CAAC;AAAA,QACM;AAAA,IACL,UAAU;AAAA,QACL,WACD;AAAA,MACE,GAAI,OAAO,KAAK,mBAAmB,EAAE,SACjC;AAAA,QACE,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,YAAY;AAAA,MACd,IACA,CAAC;AAAA,MACL,GAAG;AAAA,IACL,IACA;AAAA,MACE,GAAI,OAAO,KAAK,mBAAmB,EAAE,SACjC;AAAA,QACE,YAAY;AAAA,MACd,IACA,CAAC;AAAA,IACP;AAAA,IACJ,SAAS;AAAA,EACX;AAEJ;",
+  "names": []
+}

package/dist/jsx/forms/SelectButton/OptionButton.mjs

@@ -0,0 +1,68 @@
+import { useContext, useState, useEffect, useCallback } from "react";
+import { Button, styled } from "tamagui";
+import { SelectButtonContext } from "./context";
+const defaultSelectedStyle = {
+  backgroundColor: "$color7"
+};
+const StyledButton = styled(Button, {
+  focusStyle: defaultSelectedStyle,
+  variants: {
+    selected: {
+      true: {
+        ...defaultSelectedStyle,
+        focusStyle: defaultSelectedStyle,
+        hoverStyle: defaultSelectedStyle,
+        pressStyle: defaultSelectedStyle
+      }
+    }
+  }
+});
+function OptionButton({ index, value, selectedStyle, onPress, ...buttonProps }) {
+  const [selected, setSelected] = useState(false);
+  const context = useContext(SelectButtonContext);
+  const mergedSelectedStyle = {
+    ...context.selectedStyle,
+    ...selectedStyle
+  };
+  useEffect(() => {
+    if (!context.setValues)
+      return;
+    context.setValues((values) => {
+      values[index] = value;
+      return values;
+    });
+  }, [context.setValues]);
+  useEffect(() => {
+    setSelected(typeof context.selectedIndex !== "undefined" && context.selectedIndex === index);
+  }, [context.selectedIndex]);
+  const handlePress = useCallback(
+    (e) => {
+      if (context.setSelectedIndex)
+        context.setSelectedIndex(index);
+      if (onPress)
+        onPress(e);
+    },
+    [context.setSelectedIndex, onPress]
+  );
+  return <StyledButton
+    {...buttonProps}
+    selected={selected}
+    {...selected ? {
+      ...Object.keys(mergedSelectedStyle).length ? {
+        focusStyle: mergedSelectedStyle,
+        hoverStyle: mergedSelectedStyle,
+        pressStyle: mergedSelectedStyle
+      } : {},
+      ...mergedSelectedStyle
+    } : {
+      ...Object.keys(mergedSelectedStyle).length ? {
+        focusStyle: mergedSelectedStyle
+      } : {}
+    }}
+    onPress={handlePress}
+  />;
+}
+export {
+  OptionButton
+};
+//# sourceMappingURL=OptionButton.mjs.map

package/dist/jsx/forms/SelectButton/OptionButton.mjs.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/forms/SelectButton/OptionButton.tsx"],
+  "mappings": "AAAA,SAAgB,YAAY,UAAU,WAAW,mBAAmB;AAIpE,SAAS,QAAQ,cAAc;AAC/B,SAAS,2BAA2B;AAEpC,MAAM,uBAAoC;AAAA,EACxC,iBAAiB;AACnB;AAEA,MAAM,eAAe,OAAO,QAAQ;AAAA,EAClC,YAAY;AAAA,EACZ,UAAU;AAAA,IACR,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,GAAG;AAAA,QACH,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,YAAY;AAAA,MACd;AAAA,IACF;AAAA,EACF;AACF,CAAC;AAQM,SAAS,aAAa,EAAE,OAAO,OAAO,eAAe,SAAS,GAAG,YAAY,GAAsB;AACxG,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,KAAK;AAC9C,QAAM,UAAU,WAAW,mBAAmB;AAC9C,QAAM,sBAAsB;AAAA,IAC1B,GAAG,QAAQ;AAAA,IACX,GAAG;AAAA,EACL;AAEA,YAAU,MAAM;AACd,QAAI,CAAC,QAAQ;AAAW;AACxB,YAAQ,UAAU,CAAC,WAAmC;AACpD,aAAO,KAAK,IAAI;AAChB,aAAO;AAAA,IACT,CAAC;AAAA,EACH,GAAG,CAAC,QAAQ,SAAS,CAAC;AAEtB,YAAU,MAAM;AACd,gBAAY,OAAO,QAAQ,kBAAkB,eAAe,QAAQ,kBAAkB,KAAK;AAAA,EAC7F,GAAG,CAAC,QAAQ,aAAa,CAAC;AAE1B,QAAM,cAAc;AAAA,IAClB,CAAC,MAA6B;AAC5B,UAAI,QAAQ;AAAkB,gBAAQ,iBAAiB,KAAK;AAC5D,UAAI;AAAS,gBAAQ,CAAC;AAAA,IACxB;AAAA,IACA,CAAC,QAAQ,kBAAkB,OAAO;AAAA,EACpC;AAEA,SACE,CAAC;AAAA,QACM;AAAA,IACL,UAAU;AAAA,QACL,WACD;AAAA,MACE,GAAI,OAAO,KAAK,mBAAmB,EAAE,SACjC;AAAA,QACE,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,YAAY;AAAA,MACd,IACA,CAAC;AAAA,MACL,GAAG;AAAA,IACL,IACA;AAAA,MACE,GAAI,OAAO,KAAK,mBAAmB,EAAE,SACjC;AAAA,QACE,YAAY;AAAA,MACd,IACA,CAAC;AAAA,IACP;AAAA,IACJ,SAAS;AAAA,EACX;AAEJ;",
+  "names": []
+}

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

@@ -0,0 +1,28 @@
+import { SelectButton } from "./index";
+import { Text } from "tamagui";
+import { action } from "@storybook/addon-actions";
+var SelectButton_stories_default = {
+  title: "forms/SelectButton",
+  component: SelectButton,
+  parameters: {
+    status: { type: "beta" }
+  }
+};
+const main = () => <SelectButton onValueChange={action("onValueChange")} space>
+  <SelectButton.OptionButton index={0} value="bmw"><Text>BMW</Text></SelectButton.OptionButton>
+  <SelectButton.OptionButton index={1} value="audi"><Text>AUDI</Text></SelectButton.OptionButton>
+  <SelectButton.OptionButton index={2} value="ford"><Text>FORD</Text></SelectButton.OptionButton>
+  <SelectButton.OptionButton index={3} value="suzuki"><Text>SUZUKI</Text></SelectButton.OptionButton>
+</SelectButton>;
+const x = () => <SelectButton onValueChange={action("onValueChange")} space xStack>
+  <SelectButton.OptionButton index={0} value="bmw"><Text>BMW</Text></SelectButton.OptionButton>
+  <SelectButton.OptionButton index={1} value="audi"><Text>AUDI</Text></SelectButton.OptionButton>
+  <SelectButton.OptionButton index={2} value="ford"><Text>FORD</Text></SelectButton.OptionButton>
+  <SelectButton.OptionButton index={3} value="suzuki"><Text>SUZUKI</Text></SelectButton.OptionButton>
+</SelectButton>;
+export {
+  SelectButton_stories_default as default,
+  main,
+  x
+};
+//# sourceMappingURL=SelectButton.stories.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/forms/SelectButton/SelectButton.stories.tsx"],
+  "mappings": "AACA,SAAS,oBAAoB;AAC7B,SAAS,YAAY;AACrB,SAAS,cAAc;AAEvB,IAAO,+BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEO,MAAM,OAAO,MAClB,CAAC,aAAa,eAAe,OAAO,eAAe,GAAG;AAAA,EACpD,CAAC,aAAa,aAAa,OAAO,GAAG,MAAM,MACzC,CAAC,KAAK,GAAG,EAAR,KACH,EAFC,aAAa;AAAA,EAGd,CAAC,aAAa,aAAa,OAAO,GAAG,MAAM,OACzC,CAAC,KAAK,IAAI,EAAT,KACH,EAFC,aAAa;AAAA,EAGd,CAAC,aAAa,aAAa,OAAO,GAAG,MAAM,OACzC,CAAC,KAAK,IAAI,EAAT,KACH,EAFC,aAAa;AAAA,EAGd,CAAC,aAAa,aAAa,OAAO,GAAG,MAAM,SACzC,CAAC,KAAK,MAAM,EAAX,KACH,EAFC,aAAa;AAGhB,EAbC;AAgBI,MAAM,IAAI,MACf,CAAC,aAAa,eAAe,OAAO,eAAe,GAAG,MAAM;AAAA,EAC1D,CAAC,aAAa,aAAa,OAAO,GAAG,MAAM,MACzC,CAAC,KAAK,GAAG,EAAR,KACH,EAFC,aAAa;AAAA,EAGd,CAAC,aAAa,aAAa,OAAO,GAAG,MAAM,OACzC,CAAC,KAAK,IAAI,EAAT,KACH,EAFC,aAAa;AAAA,EAGd,CAAC,aAAa,aAAa,OAAO,GAAG,MAAM,OACzC,CAAC,KAAK,IAAI,EAAT,KACH,EAFC,aAAa;AAAA,EAGd,CAAC,aAAa,aAAa,OAAO,GAAG,MAAM,SACzC,CAAC,KAAK,MAAM,EAAX,KACH,EAFC,aAAa;AAGhB,EAbC;",
+  "names": []
+}

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

@@ -0,0 +1,28 @@
+import { SelectButton } from "./index";
+import { Text } from "tamagui";
+import { action } from "@storybook/addon-actions";
+var SelectButton_stories_default = {
+  title: "forms/SelectButton",
+  component: SelectButton,
+  parameters: {
+    status: { type: "beta" }
+  }
+};
+const main = () => <SelectButton onValueChange={action("onValueChange")} space>
+  <SelectButton.OptionButton index={0} value="bmw"><Text>BMW</Text></SelectButton.OptionButton>
+  <SelectButton.OptionButton index={1} value="audi"><Text>AUDI</Text></SelectButton.OptionButton>
+  <SelectButton.OptionButton index={2} value="ford"><Text>FORD</Text></SelectButton.OptionButton>
+  <SelectButton.OptionButton index={3} value="suzuki"><Text>SUZUKI</Text></SelectButton.OptionButton>
+</SelectButton>;
+const x = () => <SelectButton onValueChange={action("onValueChange")} space xStack>
+  <SelectButton.OptionButton index={0} value="bmw"><Text>BMW</Text></SelectButton.OptionButton>
+  <SelectButton.OptionButton index={1} value="audi"><Text>AUDI</Text></SelectButton.OptionButton>
+  <SelectButton.OptionButton index={2} value="ford"><Text>FORD</Text></SelectButton.OptionButton>
+  <SelectButton.OptionButton index={3} value="suzuki"><Text>SUZUKI</Text></SelectButton.OptionButton>
+</SelectButton>;
+export {
+  SelectButton_stories_default as default,
+  main,
+  x
+};
+//# sourceMappingURL=SelectButton.stories.mjs.map