@multiplatform.one/components 0.2.17 → 0.7.1

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

@@ -14,12 +14,8 @@ function FormInput({
   rules,
   ...inputProps
 }) {
-  const formContext = useFormContext();
-  const id = useId();
-  if (!formContext) {
-    return <FormField id={id} error={!!error} helperText={helperText} label={label} required={required} {...fieldProps}><Input {...inputProps} /></FormField>;
-  }
-  return <Controller
+  const formContext = useFormContext(), id = useId();
+  return formContext ? <Controller
     name={name}
     control={control}
     rules={rules}
@@ -35,17 +31,13 @@ function FormInput({
       {...inputProps}
       value={value ?? ""}
       onBlur={(e) => {
-        onBlur();
-        if (inputProps.onBlur)
-          inputProps.onBlur(e);
+        onBlur(), inputProps.onBlur && inputProps.onBlur(e);
       }}
       onChange={(e) => {
-        onChange(e);
-        if (inputProps.onChange)
-          inputProps.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>;
 }
 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;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,UAAU,YAAY,EACzB,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,WAAW;AAAQ,qBAAW,OAAO,CAAC;AAAA,MAC5C;AAAA,MACA,UAAU,CAAC,MAAM;AACf,iBAAS,CAAC;AACV,YAAI,WAAW;AAAU,qBAAW,SAAS,CAAC;AAAA,MAChD;AAAA,IACF,EACF,EApBC;AAAA,EAsBL;AAEJ;",
+  "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"]
 }

package/dist/jsx/forms/FormInput/{index.mjs → index.native.js}

@@ -14,12 +14,8 @@ function FormInput({
   rules,
   ...inputProps
 }) {
-  const formContext = useFormContext();
-  const id = useId();
-  if (!formContext) {
-    return <FormField id={id} error={!!error} helperText={helperText} label={label} required={required} {...fieldProps}><Input {...inputProps} /></FormField>;
-  }
-  return <Controller
+  const formContext = useFormContext(), id = useId();
+  return formContext ? <Controller
     name={name}
     control={control}
     rules={rules}
@@ -35,19 +31,15 @@ function FormInput({
       {...inputProps}
       value={value ?? ""}
       onBlur={(e) => {
-        onBlur();
-        if (inputProps.onBlur)
-          inputProps.onBlur(e);
+        onBlur(), inputProps.onBlur && inputProps.onBlur(e);
       }}
       onChange={(e) => {
-        onChange(e);
-        if (inputProps.onChange)
-          inputProps.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>;
 }
 export {
   FormInput
 };
-//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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"]
+}

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

@@ -0,0 +1,17 @@
+import { FormProgress } from "./index";
+var FormProgress_stories_default = {
+  title: "forms/FormProgress",
+  component: FormProgress,
+  parameters: {
+    status: {
+      type: "beta"
+    }
+  }
+};
+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} />;
+export {
+  FormProgress_stories_default as default,
+  horizontal,
+  vertical
+};
+//# sourceMappingURL=FormProgress.stories.js.map

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

@@ -0,0 +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;",
+  "names": []
+}

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

@@ -0,0 +1,17 @@
+import { FormProgress } from "./index";
+var FormProgress_stories_default = {
+  title: "forms/FormProgress",
+  component: FormProgress,
+  parameters: {
+    status: {
+      type: "beta"
+    }
+  }
+};
+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} />;
+export {
+  FormProgress_stories_default as default,
+  horizontal,
+  vertical
+};
+//# sourceMappingURL=FormProgress.stories.js.map

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

@@ -0,0 +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;",
+  "names": []
+}

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

@@ -0,0 +1,51 @@
+import { useId } from "react";
+import { Progress } from "tamagui";
+import { useFormContext, Controller } from "react-hook-form";
+import { FormField } from "../FormField";
+function FormProgress({
+  control,
+  defaultValue,
+  error,
+  fieldProps,
+  helperText,
+  label,
+  name,
+  required,
+  rules,
+  size,
+  vertical,
+  ...progressProps
+}) {
+  const formContext = useFormContext(), id = useId(), propSize = typeof size == "number" ? `$${size}` : size;
+  return formContext ? <Controller
+    name={name}
+    control={control}
+    rules={rules}
+    defaultValue={defaultValue}
+    render={({ field: { value }, fieldState: { error: error2 } }) => <FormField
+      id={id}
+      error={!!error2}
+      helperText={error2 ? error2.message : helperText}
+      label={label}
+      required={required}
+      {...fieldProps}
+    ><Progress
+      mt={vertical ? 86 : void 0}
+      ml={vertical ? -80 : void 0}
+      rotate={vertical ? "270deg" : void 0}
+      {...progressProps}
+      size={propSize}
+      value={value ?? 0}
+    /></FormField>}
+  /> : <FormField id={id} error={!!error} helperText={helperText} label={label} required={required} {...fieldProps}><Progress
+    mt={vertical ? 86 : void 0}
+    ml={vertical ? -80 : void 0}
+    rotate={vertical ? "270deg" : void 0}
+    {...progressProps}
+    size={propSize}
+  ><Progress.Indicator animation="bouncy" /></Progress></FormField>;
+}
+export {
+  FormProgress
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/forms/FormProgress/index.tsx"],
+  "mappings": "AAAA,SAAgB,aAAa;AAE7B,SAAS,gBAAgB;AACzB,SAAS,gBAAgB,kBAAkB;AAE3C,SAAS,iBAAiB;AAQnB,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,GAAG;AACL,GAAsB;AACpB,QAAM,cAAc,eAAe,GAC7B,KAAK,MAAM,GACX,WAAW,OAAO,QAAS,WAAY,IAAI,IAAI,KAAqB;AAC1E,SAAK,cAgBH,CAAC;AAAA,IACC,MAAM;AAAA,IACN,SAAS;AAAA,IACT,OAAO;AAAA,IACP,cAAc;AAAA,IACd,QAAQ,CAAC,EAAE,OAAO,EAAE,MAAM,GAAG,YAAY,EAAE,OAAAA,OAAM,EAAE,MACjD,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,IAAI,WAAW,KAAK;AAAA,MACpB,IAAI,WAAW,MAAM;AAAA,MACrB,QAAQ,WAAW,WAAW;AAAA,UAC1B;AAAA,MACJ,MAAM;AAAA,MACN,OAAO,SAAS;AAAA,IAClB,EACF,EAhBC;AAAA,EAkBL,KAtCE,CAAC,UAAU,IAAI,IAAI,OAAO,CAAC,CAAC,OAAO,YAAY,YAAY,OAAO,OAAO,UAAU,cAAc,YAC/F,CAAC;AAAA,IACC,IAAI,WAAW,KAAK;AAAA,IACpB,IAAI,WAAW,MAAM;AAAA,IACrB,QAAQ,WAAW,WAAW;AAAA,QAC1B;AAAA,IACJ,MAAM;AAAA,GAEN,CAAC,SAAS,UAAU,UAAU,SAAS,EACzC,EARC,SASH,EAVC;AAwCP;",
+  "names": ["error"]
+}

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

@@ -0,0 +1,51 @@
+import { useId } from "react";
+import { Progress } from "tamagui";
+import { useFormContext, Controller } from "react-hook-form";
+import { FormField } from "../FormField";
+function FormProgress({
+  control,
+  defaultValue,
+  error,
+  fieldProps,
+  helperText,
+  label,
+  name,
+  required,
+  rules,
+  size,
+  vertical,
+  ...progressProps
+}) {
+  const formContext = useFormContext(), id = useId(), propSize = typeof size == "number" ? `$${size}` : size;
+  return formContext ? <Controller
+    name={name}
+    control={control}
+    rules={rules}
+    defaultValue={defaultValue}
+    render={({ field: { value }, fieldState: { error: error2 } }) => <FormField
+      id={id}
+      error={!!error2}
+      helperText={error2 ? error2.message : helperText}
+      label={label}
+      required={required}
+      {...fieldProps}
+    ><Progress
+      mt={vertical ? 86 : void 0}
+      ml={vertical ? -80 : void 0}
+      rotate={vertical ? "270deg" : void 0}
+      {...progressProps}
+      size={propSize}
+      value={value ?? 0}
+    /></FormField>}
+  /> : <FormField id={id} error={!!error} helperText={helperText} label={label} required={required} {...fieldProps}><Progress
+    mt={vertical ? 86 : void 0}
+    ml={vertical ? -80 : void 0}
+    rotate={vertical ? "270deg" : void 0}
+    {...progressProps}
+    size={propSize}
+  ><Progress.Indicator animation="bouncy" /></Progress></FormField>;
+}
+export {
+  FormProgress
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/forms/FormProgress/index.tsx"],
+  "mappings": "AAAA,SAAgB,aAAa;AAE7B,SAAS,gBAAgB;AACzB,SAAS,gBAAgB,kBAAkB;AAE3C,SAAS,iBAAiB;AAQnB,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,GAAG;AACL,GAAsB;AACpB,QAAM,cAAc,eAAe,GAC7B,KAAK,MAAM,GACX,WAAW,OAAO,QAAS,WAAY,IAAI,IAAI,KAAqB;AAC1E,SAAK,cAgBH,CAAC;AAAA,IACC,MAAM;AAAA,IACN,SAAS;AAAA,IACT,OAAO;AAAA,IACP,cAAc;AAAA,IACd,QAAQ,CAAC,EAAE,OAAO,EAAE,MAAM,GAAG,YAAY,EAAE,OAAAA,OAAM,EAAE,MACjD,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,IAAI,WAAW,KAAK;AAAA,MACpB,IAAI,WAAW,MAAM;AAAA,MACrB,QAAQ,WAAW,WAAW;AAAA,UAC1B;AAAA,MACJ,MAAM;AAAA,MACN,OAAO,SAAS;AAAA,IAClB,EACF,EAhBC;AAAA,EAkBL,KAtCE,CAAC,UAAU,IAAI,IAAI,OAAO,CAAC,CAAC,OAAO,YAAY,YAAY,OAAO,OAAO,UAAU,cAAc,YAC/F,CAAC;AAAA,IACC,IAAI,WAAW,KAAK;AAAA,IACpB,IAAI,WAAW,MAAM;AAAA,IACrB,QAAQ,WAAW,WAAW;AAAA,QAC1B;AAAA,IACJ,MAAM;AAAA,GAEN,CAAC,SAAS,UAAU,UAAU,SAAS,EACzC,EARC,SASH,EAVC;AAwCP;",
+  "names": ["error"]
+}

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

@@ -1,4 +1,5 @@
 import { FormRadioGroup } from "./index";
+import { action } from "@storybook/addon-actions";
 var FormRadioGroup_stories_default = {
   title: "forms/FormRadioGroup",
   component: FormRadioGroup,
@@ -14,6 +15,7 @@ const main = () => <FormRadioGroup
     { label: "option 2", value: "option2" },
     { label: "option 3", value: "option3" }
   ]}
+  onValueChange={action("onValueChange")}
 />;
 export {
   FormRadioGroup_stories_default as default,

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/forms/FormRadioGroup/FormRadioGroup.stories.tsx"],
-  "mappings": "AACA,SAAS,sBAAsB;AAE/B,IAAO,iCAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC;AAEO,MAAM,OAAO,MAClB,CAAC;AAAA,EACC,KAAK;AAAA,EACL,MAAM;AAAA,EACN,WAAW;AAAA,EACX;AAAA,EACA,eAAe;AAAA,IACb,EAAE,OAAO,YAAY,OAAO,UAAU;AAAA,IACtC,EAAE,OAAO,YAAY,OAAO,UAAU;AAAA,IACtC,EAAE,OAAO,YAAY,OAAO,UAAU;AAAA,EACxC;AACF;",
+  "mappings": "AACA,SAAS,sBAAsB;AAC/B,SAAS,cAAc;AAEvB,IAAO,iCAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC;AAEO,MAAM,OAAO,MAClB,CAAC;AAAA,EACC,KAAK;AAAA,EACL,MAAM;AAAA,EACN,WAAW;AAAA,EACX;AAAA,EACA,eAAe;AAAA,IACb,EAAE,OAAO,YAAY,OAAO,UAAU;AAAA,IACtC,EAAE,OAAO,YAAY,OAAO,UAAU;AAAA,IACtC,EAAE,OAAO,YAAY,OAAO,UAAU;AAAA,EACxC;AAAA,EACA,eAAe,OAAO,eAAe;AACvC;",
   "names": []
 }

package/dist/jsx/forms/FormRadioGroup/{FormRadioGroup.stories.mjs → FormRadioGroup.stories.native.js}

@@ -1,4 +1,5 @@
 import { FormRadioGroup } from "./index";
+import { action } from "@storybook/addon-actions";
 var FormRadioGroup_stories_default = {
   title: "forms/FormRadioGroup",
   component: FormRadioGroup,
@@ -14,9 +15,10 @@ const main = () => <FormRadioGroup
     { label: "option 2", value: "option2" },
     { label: "option 3", value: "option3" }
   ]}
+  onValueChange={action("onValueChange")}
 />;
 export {
   FormRadioGroup_stories_default as default,
   main
 };
-//# sourceMappingURL=FormRadioGroup.stories.mjs.map
+//# sourceMappingURL=FormRadioGroup.stories.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/forms/FormRadioGroup/FormRadioGroup.stories.tsx"],
+  "mappings": "AACA,SAAS,sBAAsB;AAC/B,SAAS,cAAc;AAEvB,IAAO,iCAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC;AAEO,MAAM,OAAO,MAClB,CAAC;AAAA,EACC,KAAK;AAAA,EACL,MAAM;AAAA,EACN,WAAW;AAAA,EACX;AAAA,EACA,eAAe;AAAA,IACb,EAAE,OAAO,YAAY,OAAO,UAAU;AAAA,IACtC,EAAE,OAAO,YAAY,OAAO,UAAU;AAAA,IACtC,EAAE,OAAO,YAAY,OAAO,UAAU;AAAA,EACxC;AAAA,EACA,eAAe,OAAO,eAAe;AACvC;",
+  "names": []
+}

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

@@ -18,12 +18,8 @@ function FormRadioGroup({
   spacingProps,
   ...radioProps
 }) {
-  const formContext = useFormContext();
-  const id = useId();
-  if (!formContext) {
-    return <RadioGroup name={name} {...radioProps}>{horizontal ? <XStack {...spacingProps}>{radioProps.radioElements.map((item) => <FormRadio {...item} key={item.value} />)}</XStack> : <YStack {...spacingProps}>{radioProps.radioElements.map((item) => <FormRadio {...item} key={item.value} />)}</YStack>}</RadioGroup>;
-  }
-  return <Controller
+  const formContext = useFormContext(), id = useId();
+  return formContext ? <Controller
     name={name}
     control={control}
     rules={rules}
@@ -40,12 +36,10 @@ function FormRadioGroup({
       {...radioProps}
       value={value}
       onValueChange={(e) => {
-        onChange(e);
-        if (radioProps.onValueChange)
-          radioProps.onValueChange(e);
+        onChange(e), radioProps.onValueChange && radioProps.onValueChange(e);
       }}
     >{horizontal ? <XStack {...spacingProps}>{radioProps.radioElements.map((item) => <FormRadio {...item} key={item.value} {...labelStyle} />)}</XStack> : <YStack {...spacingProps}>{radioProps.radioElements.map((item) => <FormRadio {...item} key={item.value} {...labelStyle} />)}</YStack>}</RadioGroup></FormField>}
-  />;
+  /> : <RadioGroup name={name} {...radioProps}>{horizontal ? <XStack {...spacingProps}>{radioProps.radioElements.map((item) => <FormRadio {...item} key={item.value} />)}</XStack> : <YStack {...spacingProps}>{radioProps.radioElements.map((item) => <FormRadio {...item} key={item.value} />)}</YStack>}</RadioGroup>;
 }
 function FormRadio({ label, value, size, disabled, id, ...labelStyle }) {
   return <XStack alignItems="center" space="$1">

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/forms/FormRadioGroup/index.tsx"],
-  "mappings": "AAAA,SAAgB,aAAa;AAI7B,SAAS,YAAY,sBAAsB;AAC3C,SAAS,iBAAiB;AAC1B,SAAS,OAAO,YAAY,QAAQ,cAAc;AAwB3C,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;AAAA,EACA,GAAG;AACL,GAAgG;AAC9F,QAAM,cAAc,eAAe;AACnC,QAAM,KAAK,MAAM;AACjB,MAAI,CAAC,aAAa;AAChB,WACE,CAAC,WAAW,MAAM,UAAU,aACzB,aACC,CAAC,WAAW,eACT,WAAW,cAAc,IAAI,CAAC,SAC7B,CAAC,cAAc,MAAM,KAAK,KAAK,OAAO,EACvC,EACH,EAJC,UAMD,CAAC,WAAW,eACT,WAAW,cAAc,IAAI,CAAC,SAC7B,CAAC,cAAc,MAAM,KAAK,KAAK,OAAO,EACvC,EACH,EAJC,QAML,EAdC;AAAA,EAgBL;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,MAAM;AAAA,UACF;AAAA,MACJ,OAAO;AAAA,MACP,eAAe,CAAC,MAAM;AACpB,iBAAS,CAAC;AACV,YAAI,WAAW;AAAe,qBAAW,cAAc,CAAC;AAAA,MAC1D;AAAA,MAEC,aACC,CAAC,WAAW,eACT,WAAW,cAAc,IAAI,CAAC,SAC7B,CAAC,cAAc,MAAM,KAAK,KAAK,WAAW,YAAY,EACvD,EACH,EAJC,UAMD,CAAC,WAAW,eACT,WAAW,cAAc,IAAI,CAAC,SAC7B,CAAC,cAAc,MAAM,KAAK,KAAK,WAAW,YAAY,EACvD,EACH,EAJC,QAML,EAtBC,WAuBH,EA/BC;AAAA,EAiCL;AAEJ;AAEO,SAAS,UAAU,EAAE,OAAO,OAAO,MAAM,UAAU,IAAI,GAAG,WAAW,GAAmB;AAC7F,SACE,CAAC,OAAO,WAAW,SAAS,MAAM;AAAA,IAChC,CAAC,WAAW,KAAK,OAAO,OAAO,IAAI,IAAI,MAAM,MAC3C,CAAC,WAAW,UAAU,UAAU,UAAU,EAC5C,EAFC,WAAW;AAAA,IAGZ,CAAC,MAAM,MAAM,MAAM,SAAS,QAAQ,aACjC,MACH,EAFC;AAAA,EAGH,EAPC;AASL;",
+  "mappings": "AAAA,SAAgB,aAAa;AAI7B,SAAS,YAAY,sBAAsB;AAC3C,SAAS,iBAAiB;AAC1B,SAAS,OAAO,YAAY,QAAQ,cAAc;AAwB3C,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;AAAA,EACA,GAAG;AACL,GAAgG;AAC9F,QAAM,cAAc,eAAe,GAC7B,KAAK,MAAM;AACjB,SAAK,cAoBH,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,MAAM;AAAA,UACF;AAAA,MACJ,OAAO;AAAA,MACP,eAAe,CAAC,MAAM;AACpB,iBAAS,CAAC,GACN,WAAW,iBAAe,WAAW,cAAc,CAAC;AAAA,MAC1D;AAAA,MAEC,aACC,CAAC,WAAW,eACT,WAAW,cAAc,IAAI,CAAC,SAC7B,CAAC,cAAc,MAAM,KAAK,KAAK,WAAW,YAAY,EACvD,EACH,EAJC,UAMD,CAAC,WAAW,eACT,WAAW,cAAc,IAAI,CAAC,SAC7B,CAAC,cAAc,MAAM,KAAK,KAAK,WAAW,YAAY,EACvD,EACH,EAJC,QAML,EAtBC,WAuBH,EA/BC;AAAA,EAiCL,KAzDE,CAAC,WAAW,MAAM,UAAU,aACzB,aACC,CAAC,WAAW,eACT,WAAW,cAAc,IAAI,CAAC,SAC7B,CAAC,cAAc,MAAM,KAAK,KAAK,OAAO,EACvC,EACH,EAJC,UAMD,CAAC,WAAW,eACT,WAAW,cAAc,IAAI,CAAC,SAC7B,CAAC,cAAc,MAAM,KAAK,KAAK,OAAO,EACvC,EACH,EAJC,QAML,EAdC;AA2DP;AAEO,SAAS,UAAU,EAAE,OAAO,OAAO,MAAM,UAAU,IAAI,GAAG,WAAW,GAAmB;AAC7F,SACE,CAAC,OAAO,WAAW,SAAS,MAAM;AAAA,IAChC,CAAC,WAAW,KAAK,OAAO,OAAO,IAAI,IAAI,MAAM,MAC3C,CAAC,WAAW,UAAU,UAAU,UAAU,EAC5C,EAFC,WAAW;AAAA,IAGZ,CAAC,MAAM,MAAM,MAAM,SAAS,QAAQ,aACjC,MACH,EAFC;AAAA,EAGH,EAPC;AASL;",
   "names": ["error"]
 }

package/dist/jsx/forms/FormRadioGroup/{index.mjs → index.native.js}

@@ -18,12 +18,8 @@ function FormRadioGroup({
   spacingProps,
   ...radioProps
 }) {
-  const formContext = useFormContext();
-  const id = useId();
-  if (!formContext) {
-    return <RadioGroup name={name} {...radioProps}>{horizontal ? <XStack {...spacingProps}>{radioProps.radioElements.map((item) => <FormRadio {...item} key={item.value} />)}</XStack> : <YStack {...spacingProps}>{radioProps.radioElements.map((item) => <FormRadio {...item} key={item.value} />)}</YStack>}</RadioGroup>;
-  }
-  return <Controller
+  const formContext = useFormContext(), id = useId();
+  return formContext ? <Controller
     name={name}
     control={control}
     rules={rules}
@@ -40,12 +36,10 @@ function FormRadioGroup({
       {...radioProps}
       value={value}
       onValueChange={(e) => {
-        onChange(e);
-        if (radioProps.onValueChange)
-          radioProps.onValueChange(e);
+        onChange(e), radioProps.onValueChange && radioProps.onValueChange(e);
       }}
     >{horizontal ? <XStack {...spacingProps}>{radioProps.radioElements.map((item) => <FormRadio {...item} key={item.value} {...labelStyle} />)}</XStack> : <YStack {...spacingProps}>{radioProps.radioElements.map((item) => <FormRadio {...item} key={item.value} {...labelStyle} />)}</YStack>}</RadioGroup></FormField>}
-  />;
+  /> : <RadioGroup name={name} {...radioProps}>{horizontal ? <XStack {...spacingProps}>{radioProps.radioElements.map((item) => <FormRadio {...item} key={item.value} />)}</XStack> : <YStack {...spacingProps}>{radioProps.radioElements.map((item) => <FormRadio {...item} key={item.value} />)}</YStack>}</RadioGroup>;
 }
 function FormRadio({ label, value, size, disabled, id, ...labelStyle }) {
   return <XStack alignItems="center" space="$1">
@@ -57,4 +51,4 @@ export {
   FormRadio,
   FormRadioGroup
 };
-//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/forms/FormRadioGroup/index.tsx"],
+  "mappings": "AAAA,SAAgB,aAAa;AAI7B,SAAS,YAAY,sBAAsB;AAC3C,SAAS,iBAAiB;AAC1B,SAAS,OAAO,YAAY,QAAQ,cAAc;AAwB3C,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;AAAA,EACA,GAAG;AACL,GAAgG;AAC9F,QAAM,cAAc,eAAe,GAC7B,KAAK,MAAM;AACjB,SAAK,cAoBH,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,MAAM;AAAA,UACF;AAAA,MACJ,OAAO;AAAA,MACP,eAAe,CAAC,MAAM;AACpB,iBAAS,CAAC,GACN,WAAW,iBAAe,WAAW,cAAc,CAAC;AAAA,MAC1D;AAAA,MAEC,aACC,CAAC,WAAW,eACT,WAAW,cAAc,IAAI,CAAC,SAC7B,CAAC,cAAc,MAAM,KAAK,KAAK,WAAW,YAAY,EACvD,EACH,EAJC,UAMD,CAAC,WAAW,eACT,WAAW,cAAc,IAAI,CAAC,SAC7B,CAAC,cAAc,MAAM,KAAK,KAAK,WAAW,YAAY,EACvD,EACH,EAJC,QAML,EAtBC,WAuBH,EA/BC;AAAA,EAiCL,KAzDE,CAAC,WAAW,MAAM,UAAU,aACzB,aACC,CAAC,WAAW,eACT,WAAW,cAAc,IAAI,CAAC,SAC7B,CAAC,cAAc,MAAM,KAAK,KAAK,OAAO,EACvC,EACH,EAJC,UAMD,CAAC,WAAW,eACT,WAAW,cAAc,IAAI,CAAC,SAC7B,CAAC,cAAc,MAAM,KAAK,KAAK,OAAO,EACvC,EACH,EAJC,QAML,EAdC;AA2DP;AAEO,SAAS,UAAU,EAAE,OAAO,OAAO,MAAM,UAAU,IAAI,GAAG,WAAW,GAAmB;AAC7F,SACE,CAAC,OAAO,WAAW,SAAS,MAAM;AAAA,IAChC,CAAC,WAAW,KAAK,OAAO,OAAO,IAAI,IAAI,MAAM,MAC3C,CAAC,WAAW,UAAU,UAAU,UAAU,EAC5C,EAFC,WAAW;AAAA,IAGZ,CAAC,MAAM,MAAM,MAAM,SAAS,QAAQ,aACjC,MACH,EAFC;AAAA,EAGH,EAPC;AASL;",
+  "names": ["error"]
+}

package/dist/jsx/forms/FormSelectSimple/{FormSelectSimple.stories.mjs → FormSelectSimple.stories.native.js}

@@ -17,4 +17,4 @@ export {
   FormSelectSimple_stories_default as default,
   main
 };
-//# sourceMappingURL=FormSelectSimple.stories.mjs.map
+//# sourceMappingURL=FormSelectSimple.stories.js.map

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

@@ -14,12 +14,8 @@ function FormSelectSimple({
   rules,
   ...selectProps
 }) {
-  const formContext = useFormContext();
-  const id = useId();
-  if (!formContext) {
-    return <FormField id={id} error={!!error} helperText={helperText} label={label} required={required} {...fieldProps}><SelectSimple {...selectProps} /></FormField>;
-  }
-  return <Controller
+  const formContext = useFormContext(), id = useId();
+  return formContext ? <Controller
     name={name}
     control={control}
     rules={rules}
@@ -35,12 +31,10 @@ function FormSelectSimple({
       {...selectProps}
       value={value ?? ""}
       onValueChange={(e) => {
-        onChange(e);
-        if (selectProps.onValueChange)
-          selectProps.onValueChange(e);
+        onChange(e), selectProps.onValueChange && selectProps.onValueChange(e);
       }}
     /></FormField>}
-  />;
+  /> : <FormField id={id} error={!!error} helperText={helperText} label={label} required={required} {...fieldProps}><SelectSimple {...selectProps} /></FormField>;
 }
 export {
   FormSelectSimple

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/forms/FormSelectSimple/index.tsx"],
-  "mappings": "AAAA,SAAgB,aAAa;AAI7B,SAAS,YAAY,sBAAsB;AAC3C,SAAS,iBAAiB;AAC1B,SAAS,oBAAoB;AAOtB,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAA0B;AACxB,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,iBAAiB,aAAa,EACjC,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,UACK;AAAA,MACJ,OAAO,SAAS;AAAA,MAChB,eAAe,CAAC,MAAM;AACpB,iBAAS,CAAC;AACV,YAAI,YAAY;AAAe,sBAAY,cAAc,CAAC;AAAA,MAC5D;AAAA,IACF,EACF,EAhBC;AAAA,EAkBL;AAEJ;",
+  "mappings": "AAAA,SAAgB,aAAa;AAI7B,SAAS,YAAY,sBAAsB;AAC3C,SAAS,iBAAiB;AAC1B,SAAS,oBAAoB;AAOtB,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAA0B;AACxB,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,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,UACK;AAAA,MACJ,OAAO,SAAS;AAAA,MAChB,eAAe,CAAC,MAAM;AACpB,iBAAS,CAAC,GACN,YAAY,iBAAe,YAAY,cAAc,CAAC;AAAA,MAC5D;AAAA,IACF,EACF,EAhBC;AAAA,EAkBL,KA9BE,CAAC,UAAU,IAAI,IAAI,OAAO,CAAC,CAAC,OAAO,YAAY,YAAY,OAAO,OAAO,UAAU,cAAc,YAC/F,CAAC,iBAAiB,aAAa,EACjC,EAFC;AAgCP;",
   "names": ["error"]
 }

package/dist/jsx/forms/FormSelectSimple/{index.mjs → index.native.js}

@@ -14,12 +14,8 @@ function FormSelectSimple({
   rules,
   ...selectProps
 }) {
-  const formContext = useFormContext();
-  const id = useId();
-  if (!formContext) {
-    return <FormField id={id} error={!!error} helperText={helperText} label={label} required={required} {...fieldProps}><SelectSimple {...selectProps} /></FormField>;
-  }
-  return <Controller
+  const formContext = useFormContext(), id = useId();
+  return formContext ? <Controller
     name={name}
     control={control}
     rules={rules}
@@ -35,14 +31,12 @@ function FormSelectSimple({
       {...selectProps}
       value={value ?? ""}
       onValueChange={(e) => {
-        onChange(e);
-        if (selectProps.onValueChange)
-          selectProps.onValueChange(e);
+        onChange(e), selectProps.onValueChange && selectProps.onValueChange(e);
       }}
     /></FormField>}
-  />;
+  /> : <FormField id={id} error={!!error} helperText={helperText} label={label} required={required} {...fieldProps}><SelectSimple {...selectProps} /></FormField>;
 }
 export {
   FormSelectSimple
 };
-//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/forms/FormSelectSimple/index.tsx"],
+  "mappings": "AAAA,SAAgB,aAAa;AAI7B,SAAS,YAAY,sBAAsB;AAC3C,SAAS,iBAAiB;AAC1B,SAAS,oBAAoB;AAOtB,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAA0B;AACxB,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,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,UACK;AAAA,MACJ,OAAO,SAAS;AAAA,MAChB,eAAe,CAAC,MAAM;AACpB,iBAAS,CAAC,GACN,YAAY,iBAAe,YAAY,cAAc,CAAC;AAAA,MAC5D;AAAA,IACF,EACF,EAhBC;AAAA,EAkBL,KA9BE,CAAC,UAAU,IAAI,IAAI,OAAO,CAAC,CAAC,OAAO,YAAY,YAAY,OAAO,OAAO,UAAU,cAAc,YAC/F,CAAC,iBAAiB,aAAa,EACjC,EAFC;AAgCP;",
+  "names": ["error"]
+}

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

@@ -1,4 +1,5 @@
 import { FormSlider } from "./index";
+import { action } from "@storybook/addon-actions";
 var FormSlider_stories_default = {
   title: "forms/FormSlider",
   component: FormSlider,
@@ -6,7 +7,7 @@ var FormSlider_stories_default = {
     status: { type: "beta" }
   }
 };
-const main = () => <FormSlider name="FormSlider" />;
+const main = () => <FormSlider name="FormSlider" onValueChange={action("onValueChange")} />;
 export {
   FormSlider_stories_default as default,
   main

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/forms/FormSlider/FormSlider.stories.tsx"],
-  "mappings": "AACA,SAAS,kBAAkB;AAE3B,IAAO,6BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEO,MAAM,OAAO,MAAM,CAAC,WAAW,KAAK,aAAa;",
+  "mappings": "AACA,SAAS,kBAAkB;AAC3B,SAAS,cAAc;AAEvB,IAAO,6BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEO,MAAM,OAAO,MAAM,CAAC,WAAW,KAAK,aAAa,eAAe,OAAO,eAAe,GAAG;",
   "names": []
 }

package/dist/jsx/forms/FormSlider/{FormSlider.stories.mjs → FormSlider.stories.native.js}

@@ -1,4 +1,5 @@
 import { FormSlider } from "./index";
+import { action } from "@storybook/addon-actions";
 var FormSlider_stories_default = {
   title: "forms/FormSlider",
   component: FormSlider,
@@ -6,9 +7,9 @@ var FormSlider_stories_default = {
     status: { type: "beta" }
   }
 };
-const main = () => <FormSlider name="FormSlider" />;
+const main = () => <FormSlider name="FormSlider" onValueChange={action("onValueChange")} />;
 export {
   FormSlider_stories_default as default,
   main
 };
-//# sourceMappingURL=FormSlider.stories.mjs.map
+//# sourceMappingURL=FormSlider.stories.js.map

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

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

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

@@ -16,24 +16,8 @@ function FormSlider({
   rules,
   ...switchProps
 }) {
-  const formContext = useFormContext();
-  const id = useId();
-  if (!formContext) {
-    return <Slider>
-      <Slider.Track><Slider.TrackActive /></Slider.Track>
-      <Slider.Thumb
-        bordered
-        circular
-        elevate
-        index={0}
-        aria-describedby="my-tooltip"
-        position="absolute"
-        style={{ height: 10, width: 10 }}
-        size={24}
-      />
-    </Slider>;
-  }
-  return <Controller
+  const formContext = useFormContext(), id = useId();
+  return formContext ? <Controller
     name={name}
     control={control}
     rules={rules}
@@ -59,7 +43,19 @@ function FormSlider({
       >{value[0]}</Slider.Thumb>
       {children}
     </Slider></FormField>}
-  />;
+  /> : <Slider>
+    <Slider.Track><Slider.TrackActive /></Slider.Track>
+    <Slider.Thumb
+      bordered
+      circular
+      elevate
+      index={0}
+      aria-describedby="my-tooltip"
+      position="absolute"
+      style={{ height: 10, width: 10 }}
+      size={24}
+    />
+  </Slider>;
 }
 export {
   FormSlider

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/forms/FormSlider/index.tsx"],
-  "mappings": "AACA,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;AAAA,EACA,GAAG;AACL,GAAoB;AAClB,QAAM,cAAc,eAAe;AACnC,QAAM,KAAK,MAAM;AACjB,MAAI,CAAC,aAAa;AAChB,WACE,CAAC;AAAA,MACC,CAAC,OAAO,MACN,CAAC,OAAO,YAAY,EACtB,EAFC,OAAO;AAAA,MAGR,CAAC,OAAO;AAAA,QACN;AAAA,QACA;AAAA,QACA;AAAA,QACA,OAAO;AAAA,QACP,iBAAiB;AAAA,QACjB,SAAS;AAAA,QACT,OAAO,EAAE,QAAQ,IAAI,OAAO,GAAG;AAAA,QAC/B,MAAM;AAAA,MACR;AAAA,IACF,EAdC;AAAA,EAgBL;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,OAAO,cAAc,cAAc,OAAO,OAAO,eAAe,cAAc;AAAA,MAC7E,CAAC,OAAO,MACN,CAAC,OAAO,YAAY,EACtB,EAFC,OAAO;AAAA,MAGR,CAAC,OAAO;AAAA,QACN,WAAW;AAAA,QACX,eAAe;AAAA,QACf;AAAA,QACA;AAAA,QACA,WAAW;AAAA,QACX;AAAA,QACA,OAAO;AAAA,YACH;AAAA,QAEH,MAAM,CAAC,EACV,EAXC,OAAO;AAAA,OAYP;AAAA,IACH,EAjBC,OAkBH,EA1BC;AAAA,EA4BL;AAEJ;",
+  "mappings": "AACA,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;AAAA,EACA,GAAG;AACL,GAAoB;AAClB,QAAM,cAAc,eAAe,GAC7B,KAAK,MAAM;AACjB,SAAK,cAoBH,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,OAAO,cAAc,cAAc,OAAO,OAAO,eAAe,cAAc;AAAA,MAC7E,CAAC,OAAO,MACN,CAAC,OAAO,YAAY,EACtB,EAFC,OAAO;AAAA,MAGR,CAAC,OAAO;AAAA,QACN,WAAW;AAAA,QACX,eAAe;AAAA,QACf;AAAA,QACA;AAAA,QACA,WAAW;AAAA,QACX;AAAA,QACA,OAAO;AAAA,YACH;AAAA,QAEH,MAAM,CAAC,EACV,EAXC,OAAO;AAAA,OAYP;AAAA,IACH,EAjBC,OAkBH,EA1BC;AAAA,EA4BL,KApDE,CAAC;AAAA,IACC,CAAC,OAAO,MACN,CAAC,OAAO,YAAY,EACtB,EAFC,OAAO;AAAA,IAGR,CAAC,OAAO;AAAA,MACN;AAAA,MACA;AAAA,MACA;AAAA,MACA,OAAO;AAAA,MACP,iBAAiB;AAAA,MACjB,SAAS;AAAA,MACT,OAAO,EAAE,QAAQ,IAAI,OAAO,GAAG;AAAA,MAC/B,MAAM;AAAA,IACR;AAAA,EACF,EAdC;AAsDP;",
   "names": ["error"]
 }