@tamagui/form 1.68.3 → 1.68.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (14) hide show
  1. package/dist/cjs/Form.js +4 -6
  2. package/dist/cjs/Form.js.map +2 -2
  3. package/dist/cjs/Form.native.js +4 -6
  4. package/dist/cjs/Form.native.js.map +2 -2
  5. package/dist/esm/Form.js +5 -6
  6. package/dist/esm/Form.js.map +2 -2
  7. package/dist/jsx/Form.js +5 -6
  8. package/dist/jsx/Form.js.map +2 -2
  9. package/dist/jsx/Form.native.js +5 -6
  10. package/dist/jsx/Form.native.js.map +2 -2
  11. package/package.json +9 -9
  12. package/src/Form.tsx +10 -13
  13. package/types/Form.d.ts +35 -45
  14. package/types/Form.d.ts.map +1 -1
package/dist/cjs/Form.js CHANGED
@@ -14,7 +14,7 @@ var __export = (target, all) => {
14
14
  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
15
15
  var Form_exports = {};
16
16
  __export(Form_exports, {
17
- Form: () => Form,
17
+ Form: () => Form2,
18
18
  FormFrame: () => FormFrame,
19
19
  FormProvider: () => FormProvider,
20
20
  FormTrigger: () => FormTrigger,
@@ -25,7 +25,7 @@ var import_core = require("@tamagui/core"), import_create_context = require("@ta
25
25
  const FORM_NAME = "Form", FormFrame = (0, import_core.styled)(import_core.Stack, {
26
26
  name: FORM_NAME,
27
27
  tag: "form"
28
- }), [createFormContext] = (0, import_create_context.createContextScope)(FORM_NAME), [FormProvider, useFormContext] = createFormContext(FORM_NAME), TRIGGER_NAME = "FormTrigger", FormTriggerFrame = (0, import_core.styled)(import_core.Stack, {
28
+ }), [createFormContext] = (0, import_create_context.createContextScope)(FORM_NAME), [FormProvider, useFormContext] = createFormContext(FORM_NAME), TRIGGER_NAME = "FormTrigger", FormTriggerFrame = (0, import_core.styled)(import_core.View, {
29
29
  name: TRIGGER_NAME
30
30
  }), FormTrigger = FormTriggerFrame.styleable(
31
31
  (props, forwardedRef) => {
@@ -41,14 +41,12 @@ const FORM_NAME = "Form", FormFrame = (0, import_core.styled)(import_core.Stack,
41
41
  }
42
42
  );
43
43
  }
44
- );
45
- function FormComponent({
44
+ ), FormComponent = FormFrame.extractable(function({
46
45
  onSubmit,
47
46
  ...props
48
47
  }) {
49
48
  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FormProvider, { scope: props.__scopeForm, onSubmit, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FormFrame, { ...props, onSubmit: (e) => e.preventDefault() }) });
50
- }
51
- const Form = (0, import_core.withStaticProperties)(FormFrame.extractable(FormComponent), {
49
+ }), Form2 = (0, import_core.withStaticProperties)(FormComponent, {
52
50
  Trigger: FormTrigger
53
51
  });
54
52
  // Annotate the CommonJS export names for ESM import in node:
package/dist/cjs/Form.js.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/Form.tsx"],
4
- "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAQO,0BACP,wBAA0C,oCAC1C,eAA4D,kBA+CtD;AA7CN,MAAM,YAAY,QAEL,gBAAY,oBAAO,mBAAO;AAAA,EACrC,MAAM;AAAA,EACN,KAAK;AACP,CAAC,GAWK,CAAC,iBAAiB,QAAI,0CAAmB,SAAS,GAM3C,CAAC,cAAc,cAAc,IACxC,kBAAoC,SAAS,GAQzC,eAAe,eAEf,uBAAmB,oBAAO,mBAAO;AAAA,EACrC,MAAM;AACR,CAAC,GAIY,cAAc,iBAAiB;AAAA,EAC1C,CAAC,OAAsC,iBAAiB;AACtD,UAAM,EAAE,aAAa,UAAU,GAAG,aAAa,IAAI,OAC7C,UAAU,eAAe,cAAc,WAAW;AAExD,WACE;AAAA,MAAC;AAAA;AAAA,QACC,KAAI;AAAA,QACH,GAAG;AAAA,QACJ,UACE,aAAa,cACT,2BAAa,UAAU,EAAE,UAAU,aAAa,SAAS,CAAC,IAC1D;AAAA,QAEN,KAAK;AAAA,QACL,aAAS,kCAAqB,MAAM,SAAgB,QAAQ,QAAQ;AAAA;AAAA,IACtE;AAAA,EAEJ;AACF;AAMA,SAAS,cAAc;AAAA,EACrB;AAAA,EACA,GAAG;AACL,GAA8C;AAC5C,SACE,4CAAC,gBAAa,OAAO,MAAM,aAAa,UACtC,sDAAC,aAAW,GAAG,OAAO,UAAW,CAAC,MAAW,EAAE,eAAe,GAAW,GAC3E;AAEJ;AAEO,MAAM,WAAO,kCAAqB,UAAU,YAAY,aAAa,GAAG;AAAA,EAC7E,SAAS;AACX,CAAC;",
5
- "names": []
4
+ "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA,cAAAA;AAAA,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAOO,0BACP,wBAA0C,oCAC1C,eAA6B,kBA6CvB;AA3CN,MAAM,YAAY,QAEL,gBAAY,oBAAO,mBAAO;AAAA,EACrC,MAAM;AAAA,EACN,KAAK;AACP,CAAC,GAOK,CAAC,iBAAiB,QAAI,0CAAmB,SAAS,GAM3C,CAAC,cAAc,cAAc,IACxC,kBAAoC,SAAS,GAUzC,eAAe,eAEf,uBAAmB,oBAAO,kBAAM;AAAA,EACpC,MAAM;AACR,CAAC,GAIY,cAAc,iBAAiB;AAAA,EAC1C,CAAC,OAAsC,iBAAiB;AACtD,UAAM,EAAE,aAAa,UAAU,GAAG,aAAa,IAAI,OAC7C,UAAU,eAAe,cAAc,WAAW;AAExD,WACE;AAAA,MAAC;AAAA;AAAA,QACC,KAAI;AAAA,QACH,GAAG;AAAA,QACJ,UACE,aAAa,cACT,2BAAa,UAAU,EAAE,UAAU,aAAa,SAAS,CAAC,IAC1D;AAAA,QAEN,KAAK;AAAA,QACL,aAAS,kCAAqB,MAAM,SAAgB,QAAQ,QAAQ;AAAA;AAAA,IACtE;AAAA,EAEJ;AACF,GAMM,gBAAgB,UAAU,YAAY,SAAc;AAAA,EACxD;AAAA,EACA,GAAG;AACL,GAA2B;AACzB,SACE,4CAAC,gBAAa,OAAO,MAAM,aAAa,UACtC,sDAAC,aAAW,GAAG,OAAO,UAAW,CAAC,MAAW,EAAE,eAAe,GAAW,GAC3E;AAEJ,CAAC,GAEYA,YAAO,kCAAqB,eAAe;AAAA,EACtD,SAAS;AACX,CAAC;",
5
+ "names": ["Form"]
6
6
  }
package/dist/cjs/Form.native.js CHANGED
@@ -15,7 +15,7 @@ var __export = (target, all) => {
15
15
  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
16
16
  var Form_exports = {};
17
17
  __export(Form_exports, {
18
- Form: () => Form,
18
+ Form: () => Form2,
19
19
  FormFrame: () => FormFrame,
20
20
  FormProvider: () => FormProvider,
21
21
  FormTrigger: () => FormTrigger,
@@ -26,7 +26,7 @@ var import_core = require("@tamagui/core"), import_create_context = require("@ta
26
26
  const FORM_NAME = "Form", FormFrame = (0, import_core.styled)(import_core.Stack, {
27
27
  name: FORM_NAME,
28
28
  tag: "form"
29
- }), [createFormContext] = (0, import_create_context.createContextScope)(FORM_NAME), [FormProvider, useFormContext] = createFormContext(FORM_NAME), TRIGGER_NAME = "FormTrigger", FormTriggerFrame = (0, import_core.styled)(import_core.Stack, {
29
+ }), [createFormContext] = (0, import_create_context.createContextScope)(FORM_NAME), [FormProvider, useFormContext] = createFormContext(FORM_NAME), TRIGGER_NAME = "FormTrigger", FormTriggerFrame = (0, import_core.styled)(import_core.View, {
30
30
  name: TRIGGER_NAME
31
31
  }), FormTrigger = FormTriggerFrame.styleable(
32
32
  (props, forwardedRef) => {
@@ -42,14 +42,12 @@ const FORM_NAME = "Form", FormFrame = (0, import_core.styled)(import_core.Stack,
42
42
  }
43
43
  );
44
44
  }
45
- );
46
- function FormComponent({
45
+ ), FormComponent = FormFrame.extractable(function({
47
46
  onSubmit,
48
47
  ...props
49
48
  }) {
50
49
  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FormProvider, { scope: props.__scopeForm, onSubmit, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FormFrame, { ...props, onSubmit: (e) => e.preventDefault() }) });
51
- }
52
- const Form = (0, import_core.withStaticProperties)(FormFrame.extractable(FormComponent), {
50
+ }), Form2 = (0, import_core.withStaticProperties)(FormComponent, {
53
51
  Trigger: FormTrigger
54
52
  });
55
53
  // Annotate the CommonJS export names for ESM import in node:
package/dist/cjs/Form.native.js.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/Form.tsx"],
4
- "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAQO,0BACP,wBAA0C,oCAC1C,eAA4D,kBA+CtD;AA7CN,MAAM,YAAY,QAEL,gBAAY,oBAAO,mBAAO;AAAA,EACrC,MAAM;AAAA,EACN,KAAK;AACP,CAAC,GAWK,CAAC,iBAAiB,QAAI,0CAAmB,SAAS,GAM3C,CAAC,cAAc,cAAc,IACxC,kBAAoC,SAAS,GAQzC,eAAe,eAEf,uBAAmB,oBAAO,mBAAO;AAAA,EACrC,MAAM;AACR,CAAC,GAIY,cAAc,iBAAiB;AAAA,EAC1C,CAAC,OAAsC,iBAAiB;AACtD,UAAM,EAAE,aAAa,UAAU,GAAG,aAAa,IAAI,OAC7C,UAAU,eAAe,cAAc,WAAW;AAExD,WACE;AAAA,MAAC;AAAA;AAAA,QACC,KAAI;AAAA,QACH,GAAG;AAAA,QACJ,UACE,aAAa,cACT,2BAAa,UAAU,EAAE,UAAU,aAAa,SAAS,CAAC,IAC1D;AAAA,QAEN,KAAK;AAAA,QACL,aAAS,kCAAqB,MAAM,SAAgB,QAAQ,QAAQ;AAAA;AAAA,IACtE;AAAA,EAEJ;AACF;AAMA,SAAS,cAAc;AAAA,EACrB;AAAA,EACA,GAAG;AACL,GAA8C;AAC5C,SACE,4CAAC,gBAAa,OAAO,MAAM,aAAa,UACtC,sDAAC,aAAW,GAAG,OAAO,UAAW,CAAC,MAAW,EAAE,eAAe,GAAW,GAC3E;AAEJ;AAEO,MAAM,WAAO,kCAAqB,UAAU,YAAY,aAAa,GAAG;AAAA,EAC7E,SAAS;AACX,CAAC;",
5
- "names": []
4
+ "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,cAAAA;AAAA,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAOO,0BACP,wBAA0C,oCAC1C,eAA6B,kBA6CvB;AA3CN,MAAM,YAAY,QAEL,gBAAY,oBAAO,mBAAO;AAAA,EACrC,MAAM;AAAA,EACN,KAAK;AACP,CAAC,GAOK,CAAC,iBAAiB,QAAI,0CAAmB,SAAS,GAM3C,CAAC,cAAc,cAAc,IACxC,kBAAoC,SAAS,GAUzC,eAAe,eAEf,uBAAmB,oBAAO,kBAAM;AAAA,EACpC,MAAM;AACR,CAAC,GAIY,cAAc,iBAAiB;AAAA,EAC1C,CAAC,OAAsC,iBAAiB;AACtD,UAAM,EAAE,aAAa,UAAU,GAAG,aAAa,IAAI,OAC7C,UAAU,eAAe,cAAc,WAAW;AAExD,WACE;AAAA,MAAC;AAAA;AAAA,QACC,KAAI;AAAA,QACH,GAAG;AAAA,QACJ,UACE,aAAa,cACT,2BAAa,UAAU,EAAE,UAAU,aAAa,SAAS,CAAC,IAC1D;AAAA,QAEN,KAAK;AAAA,QACL,aAAS,kCAAqB,MAAM,SAAgB,QAAQ,QAAQ;AAAA;AAAA,IACtE;AAAA,EAEJ;AACF,GAMM,gBAAgB,UAAU,YAAY,SAAc;AAAA,EACxD;AAAA,EACA,GAAG;AACL,GAA2B;AACzB,SACE,4CAAC,gBAAa,OAAO,MAAM,aAAa,UACtC,sDAAC,aAAW,GAAG,OAAO,UAAW,CAAC,MAAW,EAAE,eAAe,GAAW,GAC3E;AAEJ,CAAC,GAEYA,YAAO,kCAAqB,eAAe;AAAA,EACtD,SAAS;AACX,CAAC;",
5
+ "names": ["Form"]
6
6
  }
package/dist/esm/Form.js CHANGED
@@ -1,5 +1,6 @@
1
1
  import {
2
2
  Stack,
3
+ View,
3
4
  composeEventHandlers,
4
5
  styled,
5
6
  withStaticProperties
@@ -10,7 +11,7 @@ import { jsx } from "react/jsx-runtime";
10
11
  const FORM_NAME = "Form", FormFrame = styled(Stack, {
11
12
  name: FORM_NAME,
12
13
  tag: "form"
13
- }), [createFormContext] = createContextScope(FORM_NAME), [FormProvider, useFormContext] = createFormContext(FORM_NAME), TRIGGER_NAME = "FormTrigger", FormTriggerFrame = styled(Stack, {
14
+ }), [createFormContext] = createContextScope(FORM_NAME), [FormProvider, useFormContext] = createFormContext(FORM_NAME), TRIGGER_NAME = "FormTrigger", FormTriggerFrame = styled(View, {
14
15
  name: TRIGGER_NAME
15
16
  }), FormTrigger = FormTriggerFrame.styleable(
16
17
  (props, forwardedRef) => {
@@ -26,18 +27,16 @@ const FORM_NAME = "Form", FormFrame = styled(Stack, {
26
27
  }
27
28
  );
28
29
  }
29
- );
30
- function FormComponent({
30
+ ), FormComponent = FormFrame.extractable(function({
31
31
  onSubmit,
32
32
  ...props
33
33
  }) {
34
34
  return /* @__PURE__ */ jsx(FormProvider, { scope: props.__scopeForm, onSubmit, children: /* @__PURE__ */ jsx(FormFrame, { ...props, onSubmit: (e) => e.preventDefault() }) });
35
- }
36
- const Form = withStaticProperties(FormFrame.extractable(FormComponent), {
35
+ }), Form2 = withStaticProperties(FormComponent, {
37
36
  Trigger: FormTrigger
38
37
  });
39
38
  export {
40
- Form,
39
+ Form2 as Form,
41
40
  FormFrame,
42
41
  FormProvider,
43
42
  FormTrigger,
package/dist/esm/Form.js.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/Form.tsx"],
4
- "mappings": "AAAA;AAAA,EAEE;AAAA,EAGA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAgB,0BAA0B;AAC1C,SAA4B,oBAAgC;AA+CtD;AA7CN,MAAM,YAAY,QAEL,YAAY,OAAO,OAAO;AAAA,EACrC,MAAM;AAAA,EACN,KAAK;AACP,CAAC,GAWK,CAAC,iBAAiB,IAAI,mBAAmB,SAAS,GAM3C,CAAC,cAAc,cAAc,IACxC,kBAAoC,SAAS,GAQzC,eAAe,eAEf,mBAAmB,OAAO,OAAO;AAAA,EACrC,MAAM;AACR,CAAC,GAIY,cAAc,iBAAiB;AAAA,EAC1C,CAAC,OAAsC,iBAAiB;AACtD,UAAM,EAAE,aAAa,UAAU,GAAG,aAAa,IAAI,OAC7C,UAAU,eAAe,cAAc,WAAW;AAExD,WACE;AAAA,MAAC;AAAA;AAAA,QACC,KAAI;AAAA,QACH,GAAG;AAAA,QACJ,UACE,aAAa,UACT,aAAa,UAAU,EAAE,UAAU,aAAa,SAAS,CAAC,IAC1D;AAAA,QAEN,KAAK;AAAA,QACL,SAAS,qBAAqB,MAAM,SAAgB,QAAQ,QAAQ;AAAA;AAAA,IACtE;AAAA,EAEJ;AACF;AAMA,SAAS,cAAc;AAAA,EACrB;AAAA,EACA,GAAG;AACL,GAA8C;AAC5C,SACE,oBAAC,gBAAa,OAAO,MAAM,aAAa,UACtC,8BAAC,aAAW,GAAG,OAAO,UAAW,CAAC,MAAW,EAAE,eAAe,GAAW,GAC3E;AAEJ;AAEO,MAAM,OAAO,qBAAqB,UAAU,YAAY,aAAa,GAAG;AAAA,EAC7E,SAAS;AACX,CAAC;",
5
- "names": []
4
+ "mappings": "AAAA;AAAA,EACE;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAgB,0BAA0B;AAC1C,SAAS,oBAAoB;AA6CvB;AA3CN,MAAM,YAAY,QAEL,YAAY,OAAO,OAAO;AAAA,EACrC,MAAM;AAAA,EACN,KAAK;AACP,CAAC,GAOK,CAAC,iBAAiB,IAAI,mBAAmB,SAAS,GAM3C,CAAC,cAAc,cAAc,IACxC,kBAAoC,SAAS,GAUzC,eAAe,eAEf,mBAAmB,OAAO,MAAM;AAAA,EACpC,MAAM;AACR,CAAC,GAIY,cAAc,iBAAiB;AAAA,EAC1C,CAAC,OAAsC,iBAAiB;AACtD,UAAM,EAAE,aAAa,UAAU,GAAG,aAAa,IAAI,OAC7C,UAAU,eAAe,cAAc,WAAW;AAExD,WACE;AAAA,MAAC;AAAA;AAAA,QACC,KAAI;AAAA,QACH,GAAG;AAAA,QACJ,UACE,aAAa,UACT,aAAa,UAAU,EAAE,UAAU,aAAa,SAAS,CAAC,IAC1D;AAAA,QAEN,KAAK;AAAA,QACL,SAAS,qBAAqB,MAAM,SAAgB,QAAQ,QAAQ;AAAA;AAAA,IACtE;AAAA,EAEJ;AACF,GAMM,gBAAgB,UAAU,YAAY,SAAc;AAAA,EACxD;AAAA,EACA,GAAG;AACL,GAA2B;AACzB,SACE,oBAAC,gBAAa,OAAO,MAAM,aAAa,UACtC,8BAAC,aAAW,GAAG,OAAO,UAAW,CAAC,MAAW,EAAE,eAAe,GAAW,GAC3E;AAEJ,CAAC,GAEYA,QAAO,qBAAqB,eAAe;AAAA,EACtD,SAAS;AACX,CAAC;",
5
+ "names": ["Form"]
6
6
  }
package/dist/jsx/Form.js CHANGED
@@ -1,5 +1,6 @@
1
1
  import {
2
2
  Stack,
3
+ View,
3
4
  composeEventHandlers,
4
5
  styled,
5
6
  withStaticProperties
@@ -9,7 +10,7 @@ import { cloneElement } from "react";
9
10
  const FORM_NAME = "Form", FormFrame = styled(Stack, {
10
11
  name: FORM_NAME,
11
12
  tag: "form"
12
- }), [createFormContext] = createContextScope(FORM_NAME), [FormProvider, useFormContext] = createFormContext(FORM_NAME), TRIGGER_NAME = "FormTrigger", FormTriggerFrame = styled(Stack, {
13
+ }), [createFormContext] = createContextScope(FORM_NAME), [FormProvider, useFormContext] = createFormContext(FORM_NAME), TRIGGER_NAME = "FormTrigger", FormTriggerFrame = styled(View, {
13
14
  name: TRIGGER_NAME
14
15
  }), FormTrigger = FormTriggerFrame.styleable(
15
16
  (props, forwardedRef) => {
@@ -22,18 +23,16 @@ const FORM_NAME = "Form", FormFrame = styled(Stack, {
22
23
  onPress={composeEventHandlers(props.onPress, context.onSubmit)}
23
24
  />;
24
25
  }
25
- );
26
- function FormComponent({
26
+ ), FormComponent = FormFrame.extractable(function({
27
27
  onSubmit,
28
28
  ...props
29
29
  }) {
30
30
  return <FormProvider scope={props.__scopeForm} onSubmit={onSubmit}><FormFrame {...props} onSubmit={(e) => e.preventDefault()} /></FormProvider>;
31
- }
32
- const Form = withStaticProperties(FormFrame.extractable(FormComponent), {
31
+ }), Form2 = withStaticProperties(FormComponent, {
33
32
  Trigger: FormTrigger
34
33
  });
35
34
  export {
36
- Form,
35
+ Form2 as Form,
37
36
  FormFrame,
38
37
  FormProvider,
39
38
  FormTrigger,
package/dist/jsx/Form.js.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/Form.tsx"],
4
- "mappings": "AAAA;AAAA,EAEE;AAAA,EAGA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAgB,0BAA0B;AAC1C,SAA4B,oBAAgC;AAE5D,MAAM,YAAY,QAEL,YAAY,OAAO,OAAO;AAAA,EACrC,MAAM;AAAA,EACN,KAAK;AACP,CAAC,GAWK,CAAC,iBAAiB,IAAI,mBAAmB,SAAS,GAM3C,CAAC,cAAc,cAAc,IACxC,kBAAoC,SAAS,GAQzC,eAAe,eAEf,mBAAmB,OAAO,OAAO;AAAA,EACrC,MAAM;AACR,CAAC,GAIY,cAAc,iBAAiB;AAAA,EAC1C,CAAC,OAAsC,iBAAiB;AACtD,UAAM,EAAE,aAAa,UAAU,GAAG,aAAa,IAAI,OAC7C,UAAU,eAAe,cAAc,WAAW;AAExD,WACE,CAAC;AAAA,MACC,IAAI;AAAA,UACA;AAAA,MACJ,UACE,aAAa,UACT,aAAa,UAAU,EAAE,UAAU,aAAa,SAAS,CAAC,IAC1D;AAAA,MAEN,KAAK;AAAA,MACL,SAAS,qBAAqB,MAAM,SAAgB,QAAQ,QAAQ;AAAA,IACtE;AAAA,EAEJ;AACF;AAMA,SAAS,cAAc;AAAA,EACrB;AAAA,EACA,GAAG;AACL,GAA8C;AAC5C,SACE,CAAC,aAAa,OAAO,MAAM,aAAa,UAAU,UAChD,CAAC,cAAc,OAAO,UAAW,CAAC,MAAW,EAAE,eAAe,GAAW,EAC3E,EAFC;AAIL;AAEO,MAAM,OAAO,qBAAqB,UAAU,YAAY,aAAa,GAAG;AAAA,EAC7E,SAAS;AACX,CAAC;",
5
- "names": []
4
+ "mappings": "AAAA;AAAA,EACE;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAgB,0BAA0B;AAC1C,SAAS,oBAAoB;AAE7B,MAAM,YAAY,QAEL,YAAY,OAAO,OAAO;AAAA,EACrC,MAAM;AAAA,EACN,KAAK;AACP,CAAC,GAOK,CAAC,iBAAiB,IAAI,mBAAmB,SAAS,GAM3C,CAAC,cAAc,cAAc,IACxC,kBAAoC,SAAS,GAUzC,eAAe,eAEf,mBAAmB,OAAO,MAAM;AAAA,EACpC,MAAM;AACR,CAAC,GAIY,cAAc,iBAAiB;AAAA,EAC1C,CAAC,OAAsC,iBAAiB;AACtD,UAAM,EAAE,aAAa,UAAU,GAAG,aAAa,IAAI,OAC7C,UAAU,eAAe,cAAc,WAAW;AAExD,WACE,CAAC;AAAA,MACC,IAAI;AAAA,UACA;AAAA,MACJ,UACE,aAAa,UACT,aAAa,UAAU,EAAE,UAAU,aAAa,SAAS,CAAC,IAC1D;AAAA,MAEN,KAAK;AAAA,MACL,SAAS,qBAAqB,MAAM,SAAgB,QAAQ,QAAQ;AAAA,IACtE;AAAA,EAEJ;AACF,GAMM,gBAAgB,UAAU,YAAY,SAAc;AAAA,EACxD;AAAA,EACA,GAAG;AACL,GAA2B;AACzB,SACE,CAAC,aAAa,OAAO,MAAM,aAAa,UAAU,UAChD,CAAC,cAAc,OAAO,UAAW,CAAC,MAAW,EAAE,eAAe,GAAW,EAC3E,EAFC;AAIL,CAAC,GAEYA,QAAO,qBAAqB,eAAe;AAAA,EACtD,SAAS;AACX,CAAC;",
5
+ "names": ["Form"]
6
6
  }
package/dist/jsx/Form.native.js CHANGED
@@ -1,5 +1,6 @@
1
1
  import {
2
2
  Stack,
3
+ View,
3
4
  composeEventHandlers,
4
5
  styled,
5
6
  withStaticProperties
@@ -9,7 +10,7 @@ import { cloneElement } from "react";
9
10
  const FORM_NAME = "Form", FormFrame = styled(Stack, {
10
11
  name: FORM_NAME,
11
12
  tag: "form"
12
- }), [createFormContext] = createContextScope(FORM_NAME), [FormProvider, useFormContext] = createFormContext(FORM_NAME), TRIGGER_NAME = "FormTrigger", FormTriggerFrame = styled(Stack, {
13
+ }), [createFormContext] = createContextScope(FORM_NAME), [FormProvider, useFormContext] = createFormContext(FORM_NAME), TRIGGER_NAME = "FormTrigger", FormTriggerFrame = styled(View, {
13
14
  name: TRIGGER_NAME
14
15
  }), FormTrigger = FormTriggerFrame.styleable(
15
16
  (props, forwardedRef) => {
@@ -22,18 +23,16 @@ const FORM_NAME = "Form", FormFrame = styled(Stack, {
22
23
  onPress={composeEventHandlers(props.onPress, context.onSubmit)}
23
24
  />;
24
25
  }
25
- );
26
- function FormComponent({
26
+ ), FormComponent = FormFrame.extractable(function({
27
27
  onSubmit,
28
28
  ...props
29
29
  }) {
30
30
  return <FormProvider scope={props.__scopeForm} onSubmit={onSubmit}><FormFrame {...props} onSubmit={(e) => e.preventDefault()} /></FormProvider>;
31
- }
32
- const Form = withStaticProperties(FormFrame.extractable(FormComponent), {
31
+ }), Form2 = withStaticProperties(FormComponent, {
33
32
  Trigger: FormTrigger
34
33
  });
35
34
  export {
36
- Form,
35
+ Form2 as Form,
37
36
  FormFrame,
38
37
  FormProvider,
39
38
  FormTrigger,
package/dist/jsx/Form.native.js.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/Form.tsx"],
4
- "mappings": "AAAA;AAAA,EAEE;AAAA,EAGA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAgB,0BAA0B;AAC1C,SAA4B,oBAAgC;AAE5D,MAAM,YAAY,QAEL,YAAY,OAAO,OAAO;AAAA,EACrC,MAAM;AAAA,EACN,KAAK;AACP,CAAC,GAWK,CAAC,iBAAiB,IAAI,mBAAmB,SAAS,GAM3C,CAAC,cAAc,cAAc,IACxC,kBAAoC,SAAS,GAQzC,eAAe,eAEf,mBAAmB,OAAO,OAAO;AAAA,EACrC,MAAM;AACR,CAAC,GAIY,cAAc,iBAAiB;AAAA,EAC1C,CAAC,OAAsC,iBAAiB;AACtD,UAAM,EAAE,aAAa,UAAU,GAAG,aAAa,IAAI,OAC7C,UAAU,eAAe,cAAc,WAAW;AAExD,WACE,CAAC;AAAA,MACC,IAAI;AAAA,UACA;AAAA,MACJ,UACE,aAAa,UACT,aAAa,UAAU,EAAE,UAAU,aAAa,SAAS,CAAC,IAC1D;AAAA,MAEN,KAAK;AAAA,MACL,SAAS,qBAAqB,MAAM,SAAgB,QAAQ,QAAQ;AAAA,IACtE;AAAA,EAEJ;AACF;AAMA,SAAS,cAAc;AAAA,EACrB;AAAA,EACA,GAAG;AACL,GAA8C;AAC5C,SACE,CAAC,aAAa,OAAO,MAAM,aAAa,UAAU,UAChD,CAAC,cAAc,OAAO,UAAW,CAAC,MAAW,EAAE,eAAe,GAAW,EAC3E,EAFC;AAIL;AAEO,MAAM,OAAO,qBAAqB,UAAU,YAAY,aAAa,GAAG;AAAA,EAC7E,SAAS;AACX,CAAC;",
5
- "names": []
4
+ "mappings": "AAAA;AAAA,EACE;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAgB,0BAA0B;AAC1C,SAAS,oBAAoB;AAE7B,MAAM,YAAY,QAEL,YAAY,OAAO,OAAO;AAAA,EACrC,MAAM;AAAA,EACN,KAAK;AACP,CAAC,GAOK,CAAC,iBAAiB,IAAI,mBAAmB,SAAS,GAM3C,CAAC,cAAc,cAAc,IACxC,kBAAoC,SAAS,GAUzC,eAAe,eAEf,mBAAmB,OAAO,MAAM;AAAA,EACpC,MAAM;AACR,CAAC,GAIY,cAAc,iBAAiB;AAAA,EAC1C,CAAC,OAAsC,iBAAiB;AACtD,UAAM,EAAE,aAAa,UAAU,GAAG,aAAa,IAAI,OAC7C,UAAU,eAAe,cAAc,WAAW;AAExD,WACE,CAAC;AAAA,MACC,IAAI;AAAA,UACA;AAAA,MACJ,UACE,aAAa,UACT,aAAa,UAAU,EAAE,UAAU,aAAa,SAAS,CAAC,IAC1D;AAAA,MAEN,KAAK;AAAA,MACL,SAAS,qBAAqB,MAAM,SAAgB,QAAQ,QAAQ;AAAA,IACtE;AAAA,EAEJ;AACF,GAMM,gBAAgB,UAAU,YAAY,SAAc;AAAA,EACxD;AAAA,EACA,GAAG;AACL,GAA2B;AACzB,SACE,CAAC,aAAa,OAAO,MAAM,aAAa,UAAU,UAChD,CAAC,cAAc,OAAO,UAAW,CAAC,MAAW,EAAE,eAAe,GAAW,EAC3E,EAFC;AAIL,CAAC,GAEYA,QAAO,qBAAqB,eAAe;AAAA,EACtD,SAAS;AACX,CAAC;",
5
+ "names": ["Form"]
6
6
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tamagui/form",
3
- "version": "1.68.3",
3
+ "version": "1.68.4",
4
4
  "sideEffects": [
5
5
  "*.css"
6
6
  ],
@@ -31,19 +31,19 @@
31
31
  }
32
32
  },
33
33
  "dependencies": {
34
- "@tamagui/compose-refs": "1.68.3",
35
- "@tamagui/core": "1.68.3",
36
- "@tamagui/create-context": "1.68.3",
37
- "@tamagui/focusable": "1.68.3",
38
- "@tamagui/get-button-sized": "1.68.3",
39
- "@tamagui/get-font-sized": "1.68.3",
40
- "@tamagui/text": "1.68.3"
34
+ "@tamagui/compose-refs": "1.68.4",
35
+ "@tamagui/core": "1.68.4",
36
+ "@tamagui/create-context": "1.68.4",
37
+ "@tamagui/focusable": "1.68.4",
38
+ "@tamagui/get-button-sized": "1.68.4",
39
+ "@tamagui/get-font-sized": "1.68.4",
40
+ "@tamagui/text": "1.68.4"
41
41
  },
42
42
  "peerDependencies": {
43
43
  "react": "*"
44
44
  },
45
45
  "devDependencies": {
46
- "@tamagui/build": "1.68.3",
46
+ "@tamagui/build": "1.68.4",
47
47
  "react": "^18.2.0"
48
48
  },
49
49
  "publishConfig": {
package/src/Form.tsx CHANGED
@@ -1,14 +1,13 @@
1
1
  import {
2
- GetProps,
3
2
  Stack,
4
3
  StackProps,
5
- TamaguiElement,
4
+ View,
6
5
  composeEventHandlers,
7
6
  styled,
8
7
  withStaticProperties,
9
8
  } from '@tamagui/core'
10
9
  import { Scope, createContextScope } from '@tamagui/create-context'
11
- import { PropsWithChildren, cloneElement, forwardRef } from 'react'
10
+ import { cloneElement } from 'react'
12
11
 
13
12
  const FORM_NAME = 'Form'
14
13
 
@@ -17,10 +16,6 @@ export const FormFrame = styled(Stack, {
17
16
  tag: 'form',
18
17
  })
19
18
 
20
- export type FormFrameProps = GetProps<typeof FormFrame> & {
21
- onSubmit: () => void
22
- }
23
-
24
19
  /* -------------------------------------------------------------------------------------------------
25
20
  * Context
26
21
  * -----------------------------------------------------------------------------------------------*/
@@ -35,7 +30,9 @@ type FormContextValue = {
35
30
  export const [FormProvider, useFormContext] =
36
31
  createFormContext<FormContextValue>(FORM_NAME)
37
32
 
38
- export type FormProps = FormFrameProps
33
+ export type FormProps = StackProps & {
34
+ onSubmit: () => void
35
+ }
39
36
 
40
37
  /* -------------------------------------------------------------------------------------------------
41
38
  * FormTrigger
@@ -43,7 +40,7 @@ export type FormProps = FormFrameProps
43
40
 
44
41
  const TRIGGER_NAME = 'FormTrigger'
45
42
 
46
- const FormTriggerFrame = styled(Stack, {
43
+ const FormTriggerFrame = styled(View, {
47
44
  name: TRIGGER_NAME,
48
45
  })
49
46
 
@@ -74,17 +71,17 @@ export const FormTrigger = FormTriggerFrame.styleable(
74
71
  * Form
75
72
  * -----------------------------------------------------------------------------------------------*/
76
73
 
77
- function FormComponent({
74
+ const FormComponent = FormFrame.extractable(function Form({
78
75
  onSubmit,
79
76
  ...props
80
- }: PropsWithChildren<ScopedProps<FormProps>>) {
77
+ }: ScopedProps<FormProps>) {
81
78
  return (
82
79
  <FormProvider scope={props.__scopeForm} onSubmit={onSubmit}>
83
80
  <FormFrame {...props} onSubmit={((e: any) => e.preventDefault()) as any} />
84
81
  </FormProvider>
85
82
  )
86
- }
83
+ })
87
84
 
88
- export const Form = withStaticProperties(FormFrame.extractable(FormComponent), {
85
+ export const Form = withStaticProperties(FormComponent, {
89
86
  Trigger: FormTrigger,
90
87
  })
package/types/Form.d.ts CHANGED
@@ -1,6 +1,6 @@
1
- import { GetProps, StackProps, TamaguiElement } from '@tamagui/core';
1
+ /// <reference types="react" />
2
+ import { StackProps } from '@tamagui/core';
2
3
  import { Scope } from '@tamagui/create-context';
3
- import { PropsWithChildren } from 'react';
4
4
  export declare const FormFrame: import("@tamagui/core").TamaguiComponent<(Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers | "style"> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & {
5
5
  style?: import("@tamagui/core").StyleProp<import("react-native").ViewStyle | import("react").CSSProperties | (import("react").CSSProperties & import("react-native").ViewStyle)>;
6
6
  } & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core").PseudoProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>>> & import("@tamagui/core").MediaProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core").PseudoProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>>>> & import("@tamagui/core").RNViewProps) | (Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers | "style"> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & {
@@ -15,7 +15,7 @@ export declare const FormFrame: import("@tamagui/core").TamaguiComponent<(Omit<i
15
15
  style?: import("@tamagui/core").StyleProp<import("react-native").ViewStyle | import("react").CSSProperties | (import("react").CSSProperties & import("react-native").ViewStyle)>;
16
16
  } & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core").RNViewProps & Omit<{}, string | number> & {
17
17
  [x: string]: undefined;
18
- }>>), TamaguiElement, Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers | "style"> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & {
18
+ }>>), import("@tamagui/core").TamaguiElement, Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers | "style"> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & {
19
19
  style?: import("@tamagui/core").StyleProp<import("react-native").ViewStyle | import("react").CSSProperties | (import("react").CSSProperties & import("react-native").ViewStyle)>;
20
20
  } & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core").RNViewProps, {} | {
21
21
  [x: string]: undefined;
@@ -26,9 +26,6 @@ export declare const FormFrame: import("@tamagui/core").TamaguiComponent<(Omit<i
26
26
  } & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core").RNViewProps;
27
27
  __variantProps: {};
28
28
  }>;
29
- export type FormFrameProps = GetProps<typeof FormFrame> & {
30
- onSubmit: () => void;
31
- };
32
29
  type ScopedProps<P> = P & {
33
30
  __scopeForm?: Scope;
34
31
  };
@@ -45,74 +42,67 @@ export declare const FormProvider: {
45
42
  warn?: boolean | undefined;
46
43
  fallback?: Partial<FormContextValue> | undefined;
47
44
  } | undefined) => FormContextValue;
48
- export type FormProps = FormFrameProps;
45
+ export type FormProps = StackProps & {
46
+ onSubmit: () => void;
47
+ };
49
48
  export interface FormTriggerProps extends StackProps {
50
49
  }
51
- export declare const FormTrigger: import("@tamagui/core").ReactComponentWithRef<Object & Omit<(Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers | "style"> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & {
50
+ export declare const FormTrigger: import("@tamagui/core").ReactComponentWithRef<Object & Omit<StackProps | (Omit<import("react-native").ViewProps, "display" | "children" | "style" | ("onLayout" | keyof import("react-native").GestureResponderHandlers)> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & {
52
51
  style?: import("@tamagui/core").StyleProp<import("react-native").ViewStyle | import("react").CSSProperties | (import("react").CSSProperties & import("react-native").ViewStyle)>;
53
- } & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core").PseudoProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>>> & import("@tamagui/core").MediaProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core").PseudoProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>>>> & import("@tamagui/core").RNViewProps) | (Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers | "style"> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & {
54
- style?: import("@tamagui/core").StyleProp<import("react-native").ViewStyle | import("react").CSSProperties | (import("react").CSSProperties & import("react-native").ViewStyle)>;
55
- } & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core").RNViewProps & Omit<{}, string | number> & {
52
+ } & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{}, string | number> & {
56
53
  [x: string]: undefined;
57
- } & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers | "style"> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & {
54
+ } & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").ViewProps, "display" | "children" | "style" | ("onLayout" | keyof import("react-native").GestureResponderHandlers)> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & {
58
55
  style?: import("@tamagui/core").StyleProp<import("react-native").ViewStyle | import("react").CSSProperties | (import("react").CSSProperties & import("react-native").ViewStyle)>;
59
- } & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core").RNViewProps & Omit<{}, string | number> & {
56
+ } & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{}, string | number> & {
60
57
  [x: string]: undefined;
61
- }>> & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers | "style"> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & {
58
+ }>> & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").ViewProps, "display" | "children" | "style" | ("onLayout" | keyof import("react-native").GestureResponderHandlers)> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & {
62
59
  style?: import("@tamagui/core").StyleProp<import("react-native").ViewStyle | import("react").CSSProperties | (import("react").CSSProperties & import("react-native").ViewStyle)>;
63
- } & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core").RNViewProps & Omit<{}, string | number> & {
60
+ } & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{}, string | number> & {
64
61
  [x: string]: undefined;
65
- }>>), keyof Object>, TamaguiElement> & {
62
+ }>>), keyof Object>, import("@tamagui/core").TamaguiElement> & {
66
63
  staticConfig: import("@tamagui/core").StaticConfig;
67
- styleable: import("@tamagui/core").Styleable<(Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers | "style"> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & {
64
+ styleable: import("@tamagui/core").Styleable<StackProps | (Omit<import("react-native").ViewProps, "display" | "children" | "style" | ("onLayout" | keyof import("react-native").GestureResponderHandlers)> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & {
68
65
  style?: import("@tamagui/core").StyleProp<import("react-native").ViewStyle | import("react").CSSProperties | (import("react").CSSProperties & import("react-native").ViewStyle)>;
69
- } & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core").PseudoProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>>> & import("@tamagui/core").MediaProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core").PseudoProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>>>> & import("@tamagui/core").RNViewProps) | (Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers | "style"> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & {
70
- style?: import("@tamagui/core").StyleProp<import("react-native").ViewStyle | import("react").CSSProperties | (import("react").CSSProperties & import("react-native").ViewStyle)>;
71
- } & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core").RNViewProps & Omit<{}, string | number> & {
66
+ } & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{}, string | number> & {
72
67
  [x: string]: undefined;
73
- } & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers | "style"> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & {
68
+ } & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").ViewProps, "display" | "children" | "style" | ("onLayout" | keyof import("react-native").GestureResponderHandlers)> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & {
74
69
  style?: import("@tamagui/core").StyleProp<import("react-native").ViewStyle | import("react").CSSProperties | (import("react").CSSProperties & import("react-native").ViewStyle)>;
75
- } & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core").RNViewProps & Omit<{}, string | number> & {
70
+ } & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{}, string | number> & {
76
71
  [x: string]: undefined;
77
- }>> & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers | "style"> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & {
72
+ }>> & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").ViewProps, "display" | "children" | "style" | ("onLayout" | keyof import("react-native").GestureResponderHandlers)> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & {
78
73
  style?: import("@tamagui/core").StyleProp<import("react-native").ViewStyle | import("react").CSSProperties | (import("react").CSSProperties & import("react-native").ViewStyle)>;
79
- } & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core").RNViewProps & Omit<{}, string | number> & {
74
+ } & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{}, string | number> & {
80
75
  [x: string]: undefined;
81
- }>>), TamaguiElement>;
76
+ }>>), import("@tamagui/core").TamaguiElement>;
82
77
  };
83
- declare function FormComponent({ onSubmit, ...props }: PropsWithChildren<ScopedProps<FormProps>>): JSX.Element;
84
- export declare const Form: typeof FormComponent & {
85
- Trigger: import("@tamagui/core").ReactComponentWithRef<Object & Omit<(Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers | "style"> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & {
86
- style?: import("@tamagui/core").StyleProp<import("react-native").ViewStyle | import("react").CSSProperties | (import("react").CSSProperties & import("react-native").ViewStyle)>;
87
- } & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core").PseudoProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>>> & import("@tamagui/core").MediaProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core").PseudoProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>>>> & import("@tamagui/core").RNViewProps) | (Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers | "style"> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & {
78
+ export declare const Form: (({ onSubmit, ...props }: ScopedProps<FormProps>) => JSX.Element) & {
79
+ Trigger: import("@tamagui/core").ReactComponentWithRef<Object & Omit<StackProps | (Omit<import("react-native").ViewProps, "display" | "children" | "style" | ("onLayout" | keyof import("react-native").GestureResponderHandlers)> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & {
88
80
  style?: import("@tamagui/core").StyleProp<import("react-native").ViewStyle | import("react").CSSProperties | (import("react").CSSProperties & import("react-native").ViewStyle)>;
89
- } & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core").RNViewProps & Omit<{}, string | number> & {
81
+ } & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{}, string | number> & {
90
82
  [x: string]: undefined;
91
- } & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers | "style"> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & {
83
+ } & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").ViewProps, "display" | "children" | "style" | ("onLayout" | keyof import("react-native").GestureResponderHandlers)> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & {
92
84
  style?: import("@tamagui/core").StyleProp<import("react-native").ViewStyle | import("react").CSSProperties | (import("react").CSSProperties & import("react-native").ViewStyle)>;
93
- } & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core").RNViewProps & Omit<{}, string | number> & {
85
+ } & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{}, string | number> & {
94
86
  [x: string]: undefined;
95
- }>> & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers | "style"> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & {
87
+ }>> & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").ViewProps, "display" | "children" | "style" | ("onLayout" | keyof import("react-native").GestureResponderHandlers)> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & {
96
88
  style?: import("@tamagui/core").StyleProp<import("react-native").ViewStyle | import("react").CSSProperties | (import("react").CSSProperties & import("react-native").ViewStyle)>;
97
- } & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core").RNViewProps & Omit<{}, string | number> & {
89
+ } & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{}, string | number> & {
98
90
  [x: string]: undefined;
99
- }>>), keyof Object>, TamaguiElement> & {
91
+ }>>), keyof Object>, import("@tamagui/core").TamaguiElement> & {
100
92
  staticConfig: import("@tamagui/core").StaticConfig;
101
- styleable: import("@tamagui/core").Styleable<(Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers | "style"> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & {
102
- style?: import("@tamagui/core").StyleProp<import("react-native").ViewStyle | import("react").CSSProperties | (import("react").CSSProperties & import("react-native").ViewStyle)>;
103
- } & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core").PseudoProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>>> & import("@tamagui/core").MediaProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core").PseudoProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>>>> & import("@tamagui/core").RNViewProps) | (Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers | "style"> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & {
93
+ styleable: import("@tamagui/core").Styleable<StackProps | (Omit<import("react-native").ViewProps, "display" | "children" | "style" | ("onLayout" | keyof import("react-native").GestureResponderHandlers)> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & {
104
94
  style?: import("@tamagui/core").StyleProp<import("react-native").ViewStyle | import("react").CSSProperties | (import("react").CSSProperties & import("react-native").ViewStyle)>;
105
- } & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core").RNViewProps & Omit<{}, string | number> & {
95
+ } & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{}, string | number> & {
106
96
  [x: string]: undefined;
107
- } & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers | "style"> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & {
97
+ } & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").ViewProps, "display" | "children" | "style" | ("onLayout" | keyof import("react-native").GestureResponderHandlers)> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & {
108
98
  style?: import("@tamagui/core").StyleProp<import("react-native").ViewStyle | import("react").CSSProperties | (import("react").CSSProperties & import("react-native").ViewStyle)>;
109
- } & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core").RNViewProps & Omit<{}, string | number> & {
99
+ } & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{}, string | number> & {
110
100
  [x: string]: undefined;
111
- }>> & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers | "style"> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & {
101
+ }>> & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").ViewProps, "display" | "children" | "style" | ("onLayout" | keyof import("react-native").GestureResponderHandlers)> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & {
112
102
  style?: import("@tamagui/core").StyleProp<import("react-native").ViewStyle | import("react").CSSProperties | (import("react").CSSProperties & import("react-native").ViewStyle)>;
113
- } & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core").RNViewProps & Omit<{}, string | number> & {
103
+ } & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{}, string | number> & {
114
104
  [x: string]: undefined;
115
- }>>), TamaguiElement>;
105
+ }>>), import("@tamagui/core").TamaguiElement>;
116
106
  };
117
107
  };
118
108
  export {};
package/types/Form.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../src/Form.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EAER,UAAU,EACV,cAAc,EAIf,MAAM,eAAe,CAAA;AACtB,OAAO,EAAE,KAAK,EAAsB,MAAM,yBAAyB,CAAA;AACnE,OAAO,EAAE,iBAAiB,EAA4B,MAAM,OAAO,CAAA;AAInE,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;EAGpB,CAAA;AAEF,MAAM,MAAM,cAAc,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,GAAG;IACxD,QAAQ,EAAE,MAAM,IAAI,CAAA;CACrB,CAAA;AAMD,KAAK,WAAW,CAAC,CAAC,IAAI,CAAC,GAAG;IAAE,WAAW,CAAC,EAAE,KAAK,CAAA;CAAE,CAAA;AAGjD,KAAK,gBAAgB,GAAG;IACtB,QAAQ,EAAE,MAAM,OAAO,CAAA;CACxB,CAAA;AAED,eAAO,MAAO,YAAY;;;;;;GAAE,cAAc;;;kCACM,CAAA;AAEhD,MAAM,MAAM,SAAS,GAAG,cAAc,CAAA;AAYtC,MAAM,WAAW,gBAAiB,SAAQ,UAAU;CAAG;AAEvD,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmBvB,CAAA;AAMD,iBAAS,aAAa,CAAC,EACrB,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,iBAAiB,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,eAM3C;AAED,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAEf,CAAA"}
1
+ {"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../src/Form.tsx"],"names":[],"mappings":";AAAA,OAAO,EAEL,UAAU,EAKX,MAAM,eAAe,CAAA;AACtB,OAAO,EAAE,KAAK,EAAsB,MAAM,yBAAyB,CAAA;AAKnE,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;EAGpB,CAAA;AAMF,KAAK,WAAW,CAAC,CAAC,IAAI,CAAC,GAAG;IAAE,WAAW,CAAC,EAAE,KAAK,CAAA;CAAE,CAAA;AAGjD,KAAK,gBAAgB,GAAG;IACtB,QAAQ,EAAE,MAAM,OAAO,CAAA;CACxB,CAAA;AAED,eAAO,MAAO,YAAY;;;;;;GAAE,cAAc;;;kCACM,CAAA;AAEhD,MAAM,MAAM,SAAS,GAAG,UAAU,GAAG;IACnC,QAAQ,EAAE,MAAM,IAAI,CAAA;CACrB,CAAA;AAYD,MAAM,WAAW,gBAAiB,SAAQ,UAAU;CAAG;AAEvD,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmBvB,CAAA;AAiBD,eAAO,MAAM,IAAI,4BARd,YAAY,SAAS,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAUvB,CAAA"}