@tamagui/demos 1.40.0 → 1.41.0

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.
@@ -25,26 +25,18 @@ var import_jsx_runtime = require("react/jsx-runtime");
25
25
  var import_lucide_icons = require("@tamagui/lucide-icons");
26
26
  var import_tamagui = require("tamagui");
27
27
  function AccordionDemo() {
28
- const { control, selected } = (0, import_tamagui.useAccordion)();
29
- return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Accordion, { control, overflow: "hidden", width: "$20", type: "multiple", children: [
28
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Accordion, { overflow: "hidden", width: "$20", type: "multiple", children: [
30
29
  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Accordion.Item, { value: "a1", children: [
31
30
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Accordion.Trigger, { flexDirection: "row", justifyContent: "space-between", children: ({ open }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
32
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, { size: "$5", children: "1. Take a cold shower" }),
31
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, { children: "1. Take a cold shower" }),
33
32
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, { animation: "quick", rotate: open ? "180deg" : "0deg", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.ChevronDown, { size: "$1" }) })
34
33
  ] }) }),
35
34
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Accordion.Content, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, { children: "Cold showers can help reduce inflammation, relieve pain, improve circulation, lower stress levels, and reduce muscle soreness and fatigue." }) })
36
35
  ] }),
37
36
  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Accordion.Item, { value: "a2", children: [
38
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Accordion.Trigger, { flexDirection: "row", justifyContent: "space-between", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
39
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, { size: "$5", children: "2. Eat 4 eggs" }),
40
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
41
- import_tamagui.Square,
42
- {
43
- animation: "quick",
44
- rotate: selected.includes("a2") ? "180deg" : "0deg",
45
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.ChevronDown, { size: "$1" })
46
- }
47
- )
37
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Accordion.Trigger, { flexDirection: "row", justifyContent: "space-between", children: ({ open }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
38
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, { children: "2. Eat 4 eggs" }),
39
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, { animation: "quick", rotate: open ? "180deg" : "0deg", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.ChevronDown, { size: "$1" }) })
48
40
  ] }) }),
49
41
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Accordion.Content, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, { children: "Eggs have been a dietary staple since time immemorial and there\u2019s good reason for their continued presence in our menus and meals." }) })
50
42
  ] })
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/AccordionDemo.tsx"],
4
- "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAcY;AAdZ,0BAA4B;AAC5B,qBAA2D;AAEpD,SAAS,gBAAgB;AAI9B,QAAM,EAAE,SAAS,SAAS,QAAI,6BAAa;AAE3C,SACE,6CAAC,4BAAU,SAAkB,UAAS,UAAS,OAAM,OAAM,MAAK,YAC9D;AAAA,iDAAC,yBAAU,MAAV,EAAe,OAAM,MACpB;AAAA,kDAAC,yBAAU,SAAV,EAAkB,eAAc,OAAM,gBAAe,iBACnD,WAAC,EAAE,KAAK,MACP,4EACE;AAAA,oDAAC,4BAAU,MAAK,MAAK,mCAAqB;AAAA,QAC1C,4CAAC,yBAAO,WAAW,SAAS,QAAQ,OAAO,WAAW,QACpD,sDAAC,mCAAY,MAAK,MAAK,GACzB;AAAA,SACF,GAEJ;AAAA,MACA,4CAAC,yBAAU,SAAV,EACC,sDAAC,4BAAU,wJAGX,GACF;AAAA,OACF;AAAA,IAEA,6CAAC,yBAAU,MAAV,EAAe,OAAM,MACpB;AAAA,kDAAC,yBAAU,SAAV,EAAkB,eAAc,OAAM,gBAAe,iBACpD,sFACE;AAAA,oDAAC,4BAAU,MAAK,MAAK,2BAAa;AAAA,QAClC;AAAA,UAAC;AAAA;AAAA,YACC,WAAW;AAAA,YACX,QAAQ,SAAS,SAAS,IAAI,IAAI,WAAW;AAAA,YAE7C,sDAAC,mCAAY,MAAK,MAAK;AAAA;AAAA,QACzB;AAAA,SACF,GACF;AAAA,MACA,4CAAC,yBAAU,SAAV,EACC,sDAAC,4BAAU,qJAGX,GACF;AAAA,OACF;AAAA,KACF;AAEJ;",
4
+ "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AASY;AATZ,0BAA4B;AAC5B,qBAA6C;AAEtC,SAAS,gBAAgB;AAC9B,SACE,6CAAC,4BAAU,UAAS,UAAS,OAAM,OAAM,MAAK,YAC5C;AAAA,iDAAC,yBAAU,MAAV,EAAe,OAAM,MACpB;AAAA,kDAAC,yBAAU,SAAV,EAAkB,eAAc,OAAM,gBAAe,iBACnD,WAAC,EAAE,KAAK,MACP,4EACE;AAAA,oDAAC,4BAAU,mCAAqB;AAAA,QAChC,4CAAC,yBAAO,WAAU,SAAQ,QAAQ,OAAO,WAAW,QAClD,sDAAC,mCAAY,MAAK,MAAK,GACzB;AAAA,SACF,GAEJ;AAAA,MACA,4CAAC,yBAAU,SAAV,EACC,sDAAC,4BAAU,wJAGX,GACF;AAAA,OACF;AAAA,IAEA,6CAAC,yBAAU,MAAV,EAAe,OAAM,MACpB;AAAA,kDAAC,yBAAU,SAAV,EAAkB,eAAc,OAAM,gBAAe,iBACnD,WAAC,EAAE,KAAK,MACP,4EACE;AAAA,oDAAC,4BAAU,2BAAa;AAAA,QACxB,4CAAC,yBAAO,WAAU,SAAQ,QAAQ,OAAO,WAAW,QAClD,sDAAC,mCAAY,MAAK,MAAK,GACzB;AAAA,SACF,GAEJ;AAAA,MACA,4CAAC,yBAAU,SAAV,EACC,sDAAC,4BAAU,qJAGX,GACF;AAAA,OACF;AAAA,KACF;AAEJ;",
5
5
  "names": []
6
6
  }
package/dist/cjs/index.js CHANGED
@@ -15,26 +15,27 @@ var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "defau
15
15
  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
16
16
  var src_exports = {};
17
17
  module.exports = __toCommonJS(src_exports);
18
+ __reExport(src_exports, require("./AccordionDemo"), module.exports);
19
+ __reExport(src_exports, require("./AddThemeDemo"), module.exports);
18
20
  __reExport(src_exports, require("./AlertDialogDemo"), module.exports);
19
21
  __reExport(src_exports, require("./AnimationsDemo"), module.exports);
20
22
  __reExport(src_exports, require("./AnimationsEnterDemo"), module.exports);
21
23
  __reExport(src_exports, require("./AnimationsHoverDemo"), module.exports);
22
- __reExport(src_exports, require("./AnimationsTimingDemo"), module.exports);
23
24
  __reExport(src_exports, require("./AnimationsPresenceDemo"), module.exports);
25
+ __reExport(src_exports, require("./AnimationsTimingDemo"), module.exports);
24
26
  __reExport(src_exports, require("./AvatarDemo"), module.exports);
25
- __reExport(src_exports, require("./ButtonDemo"), module.exports);
26
27
  __reExport(src_exports, require("./BuildAButtonDemo"), module.exports);
28
+ __reExport(src_exports, require("./ButtonDemo"), module.exports);
27
29
  __reExport(src_exports, require("./ThemeBuilderDemo"), module.exports);
28
30
  __reExport(src_exports, require("./CardDemo"), module.exports);
31
+ __reExport(src_exports, require("./CheckboxDemo"), module.exports);
32
+ __reExport(src_exports, require("./ColorsDemo"), module.exports);
29
33
  __reExport(src_exports, require("./DialogDemo"), module.exports);
30
- __reExport(src_exports, require("./AddThemeDemo"), module.exports);
31
- __reExport(src_exports, require("./UpdateThemeDemo"), module.exports);
32
- __reExport(src_exports, require("./ReplaceThemeDemo"), module.exports);
33
34
  __reExport(src_exports, require("./FormsDemo"), module.exports);
34
- __reExport(src_exports, require("./InputsDemo"), module.exports);
35
35
  __reExport(src_exports, require("./GroupDemo"), module.exports);
36
36
  __reExport(src_exports, require("./HeadingsDemo"), module.exports);
37
37
  __reExport(src_exports, require("./ImageDemo"), module.exports);
38
+ __reExport(src_exports, require("./InputsDemo"), module.exports);
38
39
  __reExport(src_exports, require("./LabelDemo"), module.exports);
39
40
  __reExport(src_exports, require("./LinearGradientDemo"), module.exports);
40
41
  __reExport(src_exports, require("./ListItemDemo"), module.exports);
@@ -42,49 +43,50 @@ __reExport(src_exports, require("./LucideIconsDemo"), module.exports);
42
43
  __reExport(src_exports, require("./PopoverDemo"), module.exports);
43
44
  __reExport(src_exports, require("./ProgressDemo"), module.exports);
44
45
  __reExport(src_exports, require("./RadioGroupDemo"), module.exports);
46
+ __reExport(src_exports, require("./ReplaceThemeDemo"), module.exports);
47
+ __reExport(src_exports, require("./ScrollViewDemo"), module.exports);
45
48
  __reExport(src_exports, require("./SelectDemo"), module.exports);
46
49
  __reExport(src_exports, require("./SeparatorDemo"), module.exports);
47
50
  __reExport(src_exports, require("./ShapesDemo"), module.exports);
48
- __reExport(src_exports, require("./ScrollViewDemo"), module.exports);
49
51
  __reExport(src_exports, require("./SheetDemo"), module.exports);
50
52
  __reExport(src_exports, require("./SliderDemo"), module.exports);
51
53
  __reExport(src_exports, require("./SpinnerDemo"), module.exports);
52
54
  __reExport(src_exports, require("./StacksDemo"), module.exports);
53
55
  __reExport(src_exports, require("./SwitchDemo"), module.exports);
54
- __reExport(src_exports, require("./CheckboxDemo"), module.exports);
56
+ __reExport(src_exports, require("./TabsAdvancedDemo"), module.exports);
57
+ __reExport(src_exports, require("./TabsDemo"), module.exports);
55
58
  __reExport(src_exports, require("./TextDemo"), module.exports);
56
59
  __reExport(src_exports, require("./ThemeInverseDemo"), module.exports);
57
- __reExport(src_exports, require("./TooltipDemo"), module.exports);
58
- __reExport(src_exports, require("./ColorsDemo"), module.exports);
59
- __reExport(src_exports, require("./TokensDemo"), module.exports);
60
60
  __reExport(src_exports, require("./ToastDemo"), module.exports);
61
61
  __reExport(src_exports, require("./ToastDuplicateDemo"), module.exports);
62
- __reExport(src_exports, require("./TabsDemo"), module.exports);
63
- __reExport(src_exports, require("./TabsAdvancedDemo"), module.exports);
64
62
  __reExport(src_exports, require("./ToggleGroupDemo"), module.exports);
63
+ __reExport(src_exports, require("./TokensDemo"), module.exports);
64
+ __reExport(src_exports, require("./TooltipDemo"), module.exports);
65
+ __reExport(src_exports, require("./UpdateThemeDemo"), module.exports);
65
66
  __reExport(src_exports, require("./useOnIntersecting"), module.exports);
66
67
  // Annotate the CommonJS export names for ESM import in node:
67
68
  0 && (module.exports = {
69
+ ...require("./AccordionDemo"),
70
+ ...require("./AddThemeDemo"),
68
71
  ...require("./AlertDialogDemo"),
69
72
  ...require("./AnimationsDemo"),
70
73
  ...require("./AnimationsEnterDemo"),
71
74
  ...require("./AnimationsHoverDemo"),
72
- ...require("./AnimationsTimingDemo"),
73
75
  ...require("./AnimationsPresenceDemo"),
76
+ ...require("./AnimationsTimingDemo"),
74
77
  ...require("./AvatarDemo"),
75
- ...require("./ButtonDemo"),
76
78
  ...require("./BuildAButtonDemo"),
79
+ ...require("./ButtonDemo"),
77
80
  ...require("./ThemeBuilderDemo"),
78
81
  ...require("./CardDemo"),
82
+ ...require("./CheckboxDemo"),
83
+ ...require("./ColorsDemo"),
79
84
  ...require("./DialogDemo"),
80
- ...require("./AddThemeDemo"),
81
- ...require("./UpdateThemeDemo"),
82
- ...require("./ReplaceThemeDemo"),
83
85
  ...require("./FormsDemo"),
84
- ...require("./InputsDemo"),
85
86
  ...require("./GroupDemo"),
86
87
  ...require("./HeadingsDemo"),
87
88
  ...require("./ImageDemo"),
89
+ ...require("./InputsDemo"),
88
90
  ...require("./LabelDemo"),
89
91
  ...require("./LinearGradientDemo"),
90
92
  ...require("./ListItemDemo"),
@@ -92,26 +94,26 @@ __reExport(src_exports, require("./useOnIntersecting"), module.exports);
92
94
  ...require("./PopoverDemo"),
93
95
  ...require("./ProgressDemo"),
94
96
  ...require("./RadioGroupDemo"),
97
+ ...require("./ReplaceThemeDemo"),
98
+ ...require("./ScrollViewDemo"),
95
99
  ...require("./SelectDemo"),
96
100
  ...require("./SeparatorDemo"),
97
101
  ...require("./ShapesDemo"),
98
- ...require("./ScrollViewDemo"),
99
102
  ...require("./SheetDemo"),
100
103
  ...require("./SliderDemo"),
101
104
  ...require("./SpinnerDemo"),
102
105
  ...require("./StacksDemo"),
103
106
  ...require("./SwitchDemo"),
104
- ...require("./CheckboxDemo"),
107
+ ...require("./TabsAdvancedDemo"),
108
+ ...require("./TabsDemo"),
105
109
  ...require("./TextDemo"),
106
110
  ...require("./ThemeInverseDemo"),
107
- ...require("./TooltipDemo"),
108
- ...require("./ColorsDemo"),
109
- ...require("./TokensDemo"),
110
111
  ...require("./ToastDemo"),
111
112
  ...require("./ToastDuplicateDemo"),
112
- ...require("./TabsDemo"),
113
- ...require("./TabsAdvancedDemo"),
114
113
  ...require("./ToggleGroupDemo"),
114
+ ...require("./TokensDemo"),
115
+ ...require("./TooltipDemo"),
116
+ ...require("./UpdateThemeDemo"),
115
117
  ...require("./useOnIntersecting")
116
118
  });
117
119
  //# sourceMappingURL=index.js.map
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/index.tsx"],
4
- "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,wBAAc,8BAAd;AACA,wBAAc,6BADd;AAEA,wBAAc,kCAFd;AAGA,wBAAc,kCAHd;AAIA,wBAAc,mCAJd;AAKA,wBAAc,qCALd;AAMA,wBAAc,yBANd;AAOA,wBAAc,yBAPd;AAQA,wBAAc,+BARd;AASA,wBAAc,+BATd;AAUA,wBAAc,uBAVd;AAWA,wBAAc,yBAXd;AAYA,wBAAc,2BAZd;AAaA,wBAAc,8BAbd;AAcA,wBAAc,+BAdd;AAeA,wBAAc,wBAfd;AAgBA,wBAAc,yBAhBd;AAiBA,wBAAc,wBAjBd;AAkBA,wBAAc,2BAlBd;AAmBA,wBAAc,wBAnBd;AAoBA,wBAAc,wBApBd;AAqBA,wBAAc,iCArBd;AAsBA,wBAAc,2BAtBd;AAuBA,wBAAc,8BAvBd;AAwBA,wBAAc,0BAxBd;AAyBA,wBAAc,2BAzBd;AA0BA,wBAAc,6BA1Bd;AA2BA,wBAAc,yBA3Bd;AA4BA,wBAAc,4BA5Bd;AA6BA,wBAAc,yBA7Bd;AA8BA,wBAAc,6BA9Bd;AA+BA,wBAAc,wBA/Bd;AAgCA,wBAAc,yBAhCd;AAiCA,wBAAc,0BAjCd;AAkCA,wBAAc,yBAlCd;AAmCA,wBAAc,yBAnCd;AAoCA,wBAAc,2BApCd;AAqCA,wBAAc,uBArCd;AAsCA,wBAAc,+BAtCd;AAuCA,wBAAc,0BAvCd;AAwCA,wBAAc,yBAxCd;AAyCA,wBAAc,yBAzCd;AA0CA,wBAAc,wBA1Cd;AA2CA,wBAAc,iCA3Cd;AA4CA,wBAAc,uBA5Cd;AA6CA,wBAAc,+BA7Cd;AA8CA,wBAAc,8BA9Cd;AA+CA,wBAAc,gCA/Cd;",
4
+ "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,wBAAc,4BAAd;AACA,wBAAc,2BADd;AAEA,wBAAc,8BAFd;AAGA,wBAAc,6BAHd;AAIA,wBAAc,kCAJd;AAKA,wBAAc,kCALd;AAMA,wBAAc,qCANd;AAOA,wBAAc,mCAPd;AAQA,wBAAc,yBARd;AASA,wBAAc,+BATd;AAUA,wBAAc,yBAVd;AAWA,wBAAc,+BAXd;AAYA,wBAAc,uBAZd;AAaA,wBAAc,2BAbd;AAcA,wBAAc,yBAdd;AAeA,wBAAc,yBAfd;AAgBA,wBAAc,wBAhBd;AAiBA,wBAAc,wBAjBd;AAkBA,wBAAc,2BAlBd;AAmBA,wBAAc,wBAnBd;AAoBA,wBAAc,yBApBd;AAqBA,wBAAc,wBArBd;AAsBA,wBAAc,iCAtBd;AAuBA,wBAAc,2BAvBd;AAwBA,wBAAc,8BAxBd;AAyBA,wBAAc,0BAzBd;AA0BA,wBAAc,2BA1Bd;AA2BA,wBAAc,6BA3Bd;AA4BA,wBAAc,+BA5Bd;AA6BA,wBAAc,6BA7Bd;AA8BA,wBAAc,yBA9Bd;AA+BA,wBAAc,4BA/Bd;AAgCA,wBAAc,yBAhCd;AAiCA,wBAAc,wBAjCd;AAkCA,wBAAc,yBAlCd;AAmCA,wBAAc,0BAnCd;AAoCA,wBAAc,yBApCd;AAqCA,wBAAc,yBArCd;AAsCA,wBAAc,+BAtCd;AAuCA,wBAAc,uBAvCd;AAwCA,wBAAc,uBAxCd;AAyCA,wBAAc,+BAzCd;AA0CA,wBAAc,wBA1Cd;AA2CA,wBAAc,iCA3Cd;AA4CA,wBAAc,8BA5Cd;AA6CA,wBAAc,yBA7Cd;AA8CA,wBAAc,0BA9Cd;AA+CA,wBAAc,8BA/Cd;AAgDA,wBAAc,gCAhDd;",
5
5
  "names": []
6
6
  }
@@ -1,27 +1,19 @@
1
1
  import { Fragment, jsx, jsxs } from "react/jsx-runtime";
2
2
  import { ChevronDown } from "@tamagui/lucide-icons";
3
- import { Accordion, Paragraph, Square, useAccordion } from "tamagui";
3
+ import { Accordion, Paragraph, Square } from "tamagui";
4
4
  function AccordionDemo() {
5
- const { control, selected } = useAccordion();
6
- return /* @__PURE__ */ jsxs(Accordion, { control, overflow: "hidden", width: "$20", type: "multiple", children: [
5
+ return /* @__PURE__ */ jsxs(Accordion, { overflow: "hidden", width: "$20", type: "multiple", children: [
7
6
  /* @__PURE__ */ jsxs(Accordion.Item, { value: "a1", children: [
8
7
  /* @__PURE__ */ jsx(Accordion.Trigger, { flexDirection: "row", justifyContent: "space-between", children: ({ open }) => /* @__PURE__ */ jsxs(Fragment, { children: [
9
- /* @__PURE__ */ jsx(Paragraph, { size: "$5", children: "1. Take a cold shower" }),
8
+ /* @__PURE__ */ jsx(Paragraph, { children: "1. Take a cold shower" }),
10
9
  /* @__PURE__ */ jsx(Square, { animation: "quick", rotate: open ? "180deg" : "0deg", children: /* @__PURE__ */ jsx(ChevronDown, { size: "$1" }) })
11
10
  ] }) }),
12
11
  /* @__PURE__ */ jsx(Accordion.Content, { children: /* @__PURE__ */ jsx(Paragraph, { children: "Cold showers can help reduce inflammation, relieve pain, improve circulation, lower stress levels, and reduce muscle soreness and fatigue." }) })
13
12
  ] }),
14
13
  /* @__PURE__ */ jsxs(Accordion.Item, { value: "a2", children: [
15
- /* @__PURE__ */ jsx(Accordion.Trigger, { flexDirection: "row", justifyContent: "space-between", children: /* @__PURE__ */ jsxs(Fragment, { children: [
16
- /* @__PURE__ */ jsx(Paragraph, { size: "$5", children: "2. Eat 4 eggs" }),
17
- /* @__PURE__ */ jsx(
18
- Square,
19
- {
20
- animation: "quick",
21
- rotate: selected.includes("a2") ? "180deg" : "0deg",
22
- children: /* @__PURE__ */ jsx(ChevronDown, { size: "$1" })
23
- }
24
- )
14
+ /* @__PURE__ */ jsx(Accordion.Trigger, { flexDirection: "row", justifyContent: "space-between", children: ({ open }) => /* @__PURE__ */ jsxs(Fragment, { children: [
15
+ /* @__PURE__ */ jsx(Paragraph, { children: "2. Eat 4 eggs" }),
16
+ /* @__PURE__ */ jsx(Square, { animation: "quick", rotate: open ? "180deg" : "0deg", children: /* @__PURE__ */ jsx(ChevronDown, { size: "$1" }) })
25
17
  ] }) }),
26
18
  /* @__PURE__ */ jsx(Accordion.Content, { children: /* @__PURE__ */ jsx(Paragraph, { children: "Eggs have been a dietary staple since time immemorial and there\u2019s good reason for their continued presence in our menus and meals." }) })
27
19
  ] })
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/AccordionDemo.tsx"],
4
- "mappings": "AAcY,mBACE,KADF;AAdZ,SAAS,mBAAmB;AAC5B,SAAS,WAAW,WAAW,QAAQ,oBAAoB;AAEpD,SAAS,gBAAgB;AAI9B,QAAM,EAAE,SAAS,SAAS,IAAI,aAAa;AAE3C,SACE,qBAAC,aAAU,SAAkB,UAAS,UAAS,OAAM,OAAM,MAAK,YAC9D;AAAA,yBAAC,UAAU,MAAV,EAAe,OAAM,MACpB;AAAA,0BAAC,UAAU,SAAV,EAAkB,eAAc,OAAM,gBAAe,iBACnD,WAAC,EAAE,KAAK,MACP,iCACE;AAAA,4BAAC,aAAU,MAAK,MAAK,mCAAqB;AAAA,QAC1C,oBAAC,UAAO,WAAW,SAAS,QAAQ,OAAO,WAAW,QACpD,8BAAC,eAAY,MAAK,MAAK,GACzB;AAAA,SACF,GAEJ;AAAA,MACA,oBAAC,UAAU,SAAV,EACC,8BAAC,aAAU,wJAGX,GACF;AAAA,OACF;AAAA,IAEA,qBAAC,UAAU,MAAV,EAAe,OAAM,MACpB;AAAA,0BAAC,UAAU,SAAV,EAAkB,eAAc,OAAM,gBAAe,iBACpD,2CACE;AAAA,4BAAC,aAAU,MAAK,MAAK,2BAAa;AAAA,QAClC;AAAA,UAAC;AAAA;AAAA,YACC,WAAW;AAAA,YACX,QAAQ,SAAS,SAAS,IAAI,IAAI,WAAW;AAAA,YAE7C,8BAAC,eAAY,MAAK,MAAK;AAAA;AAAA,QACzB;AAAA,SACF,GACF;AAAA,MACA,oBAAC,UAAU,SAAV,EACC,8BAAC,aAAU,qJAGX,GACF;AAAA,OACF;AAAA,KACF;AAEJ;",
4
+ "mappings": "AASY,mBACE,KADF;AATZ,SAAS,mBAAmB;AAC5B,SAAS,WAAW,WAAW,cAAc;AAEtC,SAAS,gBAAgB;AAC9B,SACE,qBAAC,aAAU,UAAS,UAAS,OAAM,OAAM,MAAK,YAC5C;AAAA,yBAAC,UAAU,MAAV,EAAe,OAAM,MACpB;AAAA,0BAAC,UAAU,SAAV,EAAkB,eAAc,OAAM,gBAAe,iBACnD,WAAC,EAAE,KAAK,MACP,iCACE;AAAA,4BAAC,aAAU,mCAAqB;AAAA,QAChC,oBAAC,UAAO,WAAU,SAAQ,QAAQ,OAAO,WAAW,QAClD,8BAAC,eAAY,MAAK,MAAK,GACzB;AAAA,SACF,GAEJ;AAAA,MACA,oBAAC,UAAU,SAAV,EACC,8BAAC,aAAU,wJAGX,GACF;AAAA,OACF;AAAA,IAEA,qBAAC,UAAU,MAAV,EAAe,OAAM,MACpB;AAAA,0BAAC,UAAU,SAAV,EAAkB,eAAc,OAAM,gBAAe,iBACnD,WAAC,EAAE,KAAK,MACP,iCACE;AAAA,4BAAC,aAAU,2BAAa;AAAA,QACxB,oBAAC,UAAO,WAAU,SAAQ,QAAQ,OAAO,WAAW,QAClD,8BAAC,eAAY,MAAK,MAAK,GACzB;AAAA,SACF,GAEJ;AAAA,MACA,oBAAC,UAAU,SAAV,EACC,8BAAC,aAAU,qJAGX,GACF;AAAA,OACF;AAAA,KACF;AAEJ;",
5
5
  "names": []
6
6
  }
package/dist/esm/index.js CHANGED
@@ -1,23 +1,24 @@
1
+ export * from "./AccordionDemo";
2
+ export * from "./AddThemeDemo";
1
3
  export * from "./AlertDialogDemo";
2
4
  export * from "./AnimationsDemo";
3
5
  export * from "./AnimationsEnterDemo";
4
6
  export * from "./AnimationsHoverDemo";
5
- export * from "./AnimationsTimingDemo";
6
7
  export * from "./AnimationsPresenceDemo";
8
+ export * from "./AnimationsTimingDemo";
7
9
  export * from "./AvatarDemo";
8
- export * from "./ButtonDemo";
9
10
  export * from "./BuildAButtonDemo";
11
+ export * from "./ButtonDemo";
10
12
  export * from "./ThemeBuilderDemo";
11
13
  export * from "./CardDemo";
14
+ export * from "./CheckboxDemo";
15
+ export * from "./ColorsDemo";
12
16
  export * from "./DialogDemo";
13
- export * from "./AddThemeDemo";
14
- export * from "./UpdateThemeDemo";
15
- export * from "./ReplaceThemeDemo";
16
17
  export * from "./FormsDemo";
17
- export * from "./InputsDemo";
18
18
  export * from "./GroupDemo";
19
19
  export * from "./HeadingsDemo";
20
20
  export * from "./ImageDemo";
21
+ export * from "./InputsDemo";
21
22
  export * from "./LabelDemo";
22
23
  export * from "./LinearGradientDemo";
23
24
  export * from "./ListItemDemo";
@@ -25,25 +26,25 @@ export * from "./LucideIconsDemo";
25
26
  export * from "./PopoverDemo";
26
27
  export * from "./ProgressDemo";
27
28
  export * from "./RadioGroupDemo";
29
+ export * from "./ReplaceThemeDemo";
30
+ export * from "./ScrollViewDemo";
28
31
  export * from "./SelectDemo";
29
32
  export * from "./SeparatorDemo";
30
33
  export * from "./ShapesDemo";
31
- export * from "./ScrollViewDemo";
32
34
  export * from "./SheetDemo";
33
35
  export * from "./SliderDemo";
34
36
  export * from "./SpinnerDemo";
35
37
  export * from "./StacksDemo";
36
38
  export * from "./SwitchDemo";
37
- export * from "./CheckboxDemo";
39
+ export * from "./TabsAdvancedDemo";
40
+ export * from "./TabsDemo";
38
41
  export * from "./TextDemo";
39
42
  export * from "./ThemeInverseDemo";
40
- export * from "./TooltipDemo";
41
- export * from "./ColorsDemo";
42
- export * from "./TokensDemo";
43
43
  export * from "./ToastDemo";
44
44
  export * from "./ToastDuplicateDemo";
45
- export * from "./TabsDemo";
46
- export * from "./TabsAdvancedDemo";
47
45
  export * from "./ToggleGroupDemo";
46
+ export * from "./TokensDemo";
47
+ export * from "./TooltipDemo";
48
+ export * from "./UpdateThemeDemo";
48
49
  export * from "./useOnIntersecting";
49
50
  //# sourceMappingURL=index.js.map
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/index.tsx"],
4
- "mappings": "AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;",
4
+ "mappings": "AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;",
5
5
  "names": []
6
6
  }
@@ -1,23 +1,19 @@
1
1
  import { ChevronDown } from "@tamagui/lucide-icons";
2
- import { Accordion, Paragraph, Square, useAccordion } from "tamagui";
2
+ import { Accordion, Paragraph, Square } from "tamagui";
3
3
  function AccordionDemo() {
4
- const { control, selected } = useAccordion();
5
- return <Accordion control={control} overflow="hidden" width="$20" type="multiple">
4
+ return <Accordion overflow="hidden" width="$20" type="multiple">
6
5
  <Accordion.Item value="a1">
7
6
  <Accordion.Trigger flexDirection="row" justifyContent="space-between">{({ open }) => <>
8
- <Paragraph size="$5">1. Take a cold shower</Paragraph>
7
+ <Paragraph>1. Take a cold shower</Paragraph>
9
8
  <Square animation="quick" rotate={open ? "180deg" : "0deg"}><ChevronDown size="$1" /></Square>
10
9
  </>}</Accordion.Trigger>
11
10
  <Accordion.Content><Paragraph>Cold showers can help reduce inflammation, relieve pain, improve circulation, lower stress levels, and reduce muscle soreness and fatigue.</Paragraph></Accordion.Content>
12
11
  </Accordion.Item>
13
12
  <Accordion.Item value="a2">
14
- <Accordion.Trigger flexDirection="row" justifyContent="space-between"><>
15
- <Paragraph size="$5">2. Eat 4 eggs</Paragraph>
16
- <Square
17
- animation="quick"
18
- rotate={selected.includes("a2") ? "180deg" : "0deg"}
19
- ><ChevronDown size="$1" /></Square>
20
- </></Accordion.Trigger>
13
+ <Accordion.Trigger flexDirection="row" justifyContent="space-between">{({ open }) => <>
14
+ <Paragraph>2. Eat 4 eggs</Paragraph>
15
+ <Square animation="quick" rotate={open ? "180deg" : "0deg"}><ChevronDown size="$1" /></Square>
16
+ </>}</Accordion.Trigger>
21
17
  <Accordion.Content><Paragraph>{"Eggs have been a dietary staple since time immemorial and there\u2019s good reason for their continued presence in our menus and meals."}</Paragraph></Accordion.Content>
22
18
  </Accordion.Item>
23
19
  </Accordion>;
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/AccordionDemo.tsx"],
4
- "mappings": "AAAA,SAAS,mBAAmB;AAC5B,SAAS,WAAW,WAAW,QAAQ,oBAAoB;AAEpD,SAAS,gBAAgB;AAI9B,QAAM,EAAE,SAAS,SAAS,IAAI,aAAa;AAE3C,SACE,CAAC,UAAU,SAAS,SAAS,SAAS,SAAS,MAAM,MAAM,KAAK;AAAA,IAC9D,CAAC,UAAU,KAAK,MAAM;AAAA,MACpB,CAAC,UAAU,QAAQ,cAAc,MAAM,eAAe,iBACnD,CAAC,EAAE,KAAK,MACP;AAAA,QACE,CAAC,UAAU,KAAK,KAAK,qBAAqB,EAAzC;AAAA,QACD,CAAC,OAAO,UAAW,QAAS,QAAQ,OAAO,WAAW,QACpD,CAAC,YAAY,KAAK,KAAK,EACzB,EAFC;AAAA,MAGH,IAEJ,EATC,UAAU;AAAA,MAUX,CAAC,UAAU,QACT,CAAC,UAAU,0IAGX,EAHC,UAIH,EALC,UAAU;AAAA,IAMb,EAjBC,UAAU;AAAA,IAmBX,CAAC,UAAU,KAAK,MAAM;AAAA,MACpB,CAAC,UAAU,QAAQ,cAAc,MAAM,eAAe,gBACpD;AAAA,QACE,CAAC,UAAU,KAAK,KAAK,aAAa,EAAjC;AAAA,QACD,CAAC;AAAA,UACC,UAAW;AAAA,UACX,QAAQ,SAAS,SAAS,IAAI,IAAI,WAAW;AAAA,SAE7C,CAAC,YAAY,KAAK,KAAK,EACzB,EALC;AAAA,MAMH,GACF,EAVC,UAAU;AAAA,MAWX,CAAC,UAAU,QACT,CAAC,WAAU,0IAGX,EAHC,UAIH,EALC,UAAU;AAAA,IAMb,EAlBC,UAAU;AAAA,EAmBb,EAvCC;AAyCL;",
4
+ "mappings": "AAAA,SAAS,mBAAmB;AAC5B,SAAS,WAAW,WAAW,cAAc;AAEtC,SAAS,gBAAgB;AAC9B,SACE,CAAC,UAAU,SAAS,SAAS,MAAM,MAAM,KAAK;AAAA,IAC5C,CAAC,UAAU,KAAK,MAAM;AAAA,MACpB,CAAC,UAAU,QAAQ,cAAc,MAAM,eAAe,iBACnD,CAAC,EAAE,KAAK,MACP;AAAA,QACE,CAAC,UAAU,qBAAqB,EAA/B;AAAA,QACD,CAAC,OAAO,UAAU,QAAQ,QAAQ,OAAO,WAAW,QAClD,CAAC,YAAY,KAAK,KAAK,EACzB,EAFC;AAAA,MAGH,IAEJ,EATC,UAAU;AAAA,MAUX,CAAC,UAAU,QACT,CAAC,UAAU,0IAGX,EAHC,UAIH,EALC,UAAU;AAAA,IAMb,EAjBC,UAAU;AAAA,IAmBX,CAAC,UAAU,KAAK,MAAM;AAAA,MACpB,CAAC,UAAU,QAAQ,cAAc,MAAM,eAAe,iBACnD,CAAC,EAAE,KAAK,MACP;AAAA,QACE,CAAC,UAAU,aAAa,EAAvB;AAAA,QACD,CAAC,OAAO,UAAU,QAAQ,QAAQ,OAAO,WAAW,QAClD,CAAC,YAAY,KAAK,KAAK,EACzB,EAFC;AAAA,MAGH,IAEJ,EATC,UAAU;AAAA,MAUX,CAAC,UAAU,QACT,CAAC,WAAU,0IAGX,EAHC,UAIH,EALC,UAAU;AAAA,IAMb,EAjBC,UAAU;AAAA,EAkBb,EAtCC;AAwCL;",
5
5
  "names": []
6
6
  }
@@ -1,23 +1,19 @@
1
1
  import { ChevronDown } from "@tamagui/lucide-icons";
2
- import { Accordion, Paragraph, Square, useAccordion } from "tamagui";
2
+ import { Accordion, Paragraph, Square } from "tamagui";
3
3
  function AccordionDemo() {
4
- const { control, selected } = useAccordion();
5
- return <Accordion control={control} overflow="hidden" width="$20" type="multiple">
4
+ return <Accordion overflow="hidden" width="$20" type="multiple">
6
5
  <Accordion.Item value="a1">
7
6
  <Accordion.Trigger flexDirection="row" justifyContent="space-between">{({ open }) => <>
8
- <Paragraph size="$5">1. Take a cold shower</Paragraph>
7
+ <Paragraph>1. Take a cold shower</Paragraph>
9
8
  <Square animation="quick" rotate={open ? "180deg" : "0deg"}><ChevronDown size="$1" /></Square>
10
9
  </>}</Accordion.Trigger>
11
10
  <Accordion.Content><Paragraph>Cold showers can help reduce inflammation, relieve pain, improve circulation, lower stress levels, and reduce muscle soreness and fatigue.</Paragraph></Accordion.Content>
12
11
  </Accordion.Item>
13
12
  <Accordion.Item value="a2">
14
- <Accordion.Trigger flexDirection="row" justifyContent="space-between"><>
15
- <Paragraph size="$5">2. Eat 4 eggs</Paragraph>
16
- <Square
17
- animation="quick"
18
- rotate={selected.includes("a2") ? "180deg" : "0deg"}
19
- ><ChevronDown size="$1" /></Square>
20
- </></Accordion.Trigger>
13
+ <Accordion.Trigger flexDirection="row" justifyContent="space-between">{({ open }) => <>
14
+ <Paragraph>2. Eat 4 eggs</Paragraph>
15
+ <Square animation="quick" rotate={open ? "180deg" : "0deg"}><ChevronDown size="$1" /></Square>
16
+ </>}</Accordion.Trigger>
21
17
  <Accordion.Content><Paragraph>{"Eggs have been a dietary staple since time immemorial and there\u2019s good reason for their continued presence in our menus and meals."}</Paragraph></Accordion.Content>
22
18
  </Accordion.Item>
23
19
  </Accordion>;
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/AccordionDemo.tsx"],
4
- "mappings": "AAAA,SAAS,mBAAmB;AAC5B,SAAS,WAAW,WAAW,QAAQ,oBAAoB;AAEpD,SAAS,gBAAgB;AAI9B,QAAM,EAAE,SAAS,SAAS,IAAI,aAAa;AAE3C,SACE,CAAC,UAAU,SAAS,SAAS,SAAS,SAAS,MAAM,MAAM,KAAK;AAAA,IAC9D,CAAC,UAAU,KAAK,MAAM;AAAA,MACpB,CAAC,UAAU,QAAQ,cAAc,MAAM,eAAe,iBACnD,CAAC,EAAE,KAAK,MACP;AAAA,QACE,CAAC,UAAU,KAAK,KAAK,qBAAqB,EAAzC;AAAA,QACD,CAAC,OAAO,UAAW,QAAS,QAAQ,OAAO,WAAW,QACpD,CAAC,YAAY,KAAK,KAAK,EACzB,EAFC;AAAA,MAGH,IAEJ,EATC,UAAU;AAAA,MAUX,CAAC,UAAU,QACT,CAAC,UAAU,0IAGX,EAHC,UAIH,EALC,UAAU;AAAA,IAMb,EAjBC,UAAU;AAAA,IAmBX,CAAC,UAAU,KAAK,MAAM;AAAA,MACpB,CAAC,UAAU,QAAQ,cAAc,MAAM,eAAe,gBACpD;AAAA,QACE,CAAC,UAAU,KAAK,KAAK,aAAa,EAAjC;AAAA,QACD,CAAC;AAAA,UACC,UAAW;AAAA,UACX,QAAQ,SAAS,SAAS,IAAI,IAAI,WAAW;AAAA,SAE7C,CAAC,YAAY,KAAK,KAAK,EACzB,EALC;AAAA,MAMH,GACF,EAVC,UAAU;AAAA,MAWX,CAAC,UAAU,QACT,CAAC,WAAU,0IAGX,EAHC,UAIH,EALC,UAAU;AAAA,IAMb,EAlBC,UAAU;AAAA,EAmBb,EAvCC;AAyCL;",
4
+ "mappings": "AAAA,SAAS,mBAAmB;AAC5B,SAAS,WAAW,WAAW,cAAc;AAEtC,SAAS,gBAAgB;AAC9B,SACE,CAAC,UAAU,SAAS,SAAS,MAAM,MAAM,KAAK;AAAA,IAC5C,CAAC,UAAU,KAAK,MAAM;AAAA,MACpB,CAAC,UAAU,QAAQ,cAAc,MAAM,eAAe,iBACnD,CAAC,EAAE,KAAK,MACP;AAAA,QACE,CAAC,UAAU,qBAAqB,EAA/B;AAAA,QACD,CAAC,OAAO,UAAU,QAAQ,QAAQ,OAAO,WAAW,QAClD,CAAC,YAAY,KAAK,KAAK,EACzB,EAFC;AAAA,MAGH,IAEJ,EATC,UAAU;AAAA,MAUX,CAAC,UAAU,QACT,CAAC,UAAU,0IAGX,EAHC,UAIH,EALC,UAAU;AAAA,IAMb,EAjBC,UAAU;AAAA,IAmBX,CAAC,UAAU,KAAK,MAAM;AAAA,MACpB,CAAC,UAAU,QAAQ,cAAc,MAAM,eAAe,iBACnD,CAAC,EAAE,KAAK,MACP;AAAA,QACE,CAAC,UAAU,aAAa,EAAvB;AAAA,QACD,CAAC,OAAO,UAAU,QAAQ,QAAQ,OAAO,WAAW,QAClD,CAAC,YAAY,KAAK,KAAK,EACzB,EAFC;AAAA,MAGH,IAEJ,EATC,UAAU;AAAA,MAUX,CAAC,UAAU,QACT,CAAC,WAAU,0IAGX,EAHC,UAIH,EALC,UAAU;AAAA,IAMb,EAjBC,UAAU;AAAA,EAkBb,EAtCC;AAwCL;",
5
5
  "names": []
6
6
  }
package/dist/jsx/index.js CHANGED
@@ -1,23 +1,24 @@
1
+ export * from "./AccordionDemo";
2
+ export * from "./AddThemeDemo";
1
3
  export * from "./AlertDialogDemo";
2
4
  export * from "./AnimationsDemo";
3
5
  export * from "./AnimationsEnterDemo";
4
6
  export * from "./AnimationsHoverDemo";
5
- export * from "./AnimationsTimingDemo";
6
7
  export * from "./AnimationsPresenceDemo";
8
+ export * from "./AnimationsTimingDemo";
7
9
  export * from "./AvatarDemo";
8
- export * from "./ButtonDemo";
9
10
  export * from "./BuildAButtonDemo";
11
+ export * from "./ButtonDemo";
10
12
  export * from "./ThemeBuilderDemo";
11
13
  export * from "./CardDemo";
14
+ export * from "./CheckboxDemo";
15
+ export * from "./ColorsDemo";
12
16
  export * from "./DialogDemo";
13
- export * from "./AddThemeDemo";
14
- export * from "./UpdateThemeDemo";
15
- export * from "./ReplaceThemeDemo";
16
17
  export * from "./FormsDemo";
17
- export * from "./InputsDemo";
18
18
  export * from "./GroupDemo";
19
19
  export * from "./HeadingsDemo";
20
20
  export * from "./ImageDemo";
21
+ export * from "./InputsDemo";
21
22
  export * from "./LabelDemo";
22
23
  export * from "./LinearGradientDemo";
23
24
  export * from "./ListItemDemo";
@@ -25,25 +26,25 @@ export * from "./LucideIconsDemo";
25
26
  export * from "./PopoverDemo";
26
27
  export * from "./ProgressDemo";
27
28
  export * from "./RadioGroupDemo";
29
+ export * from "./ReplaceThemeDemo";
30
+ export * from "./ScrollViewDemo";
28
31
  export * from "./SelectDemo";
29
32
  export * from "./SeparatorDemo";
30
33
  export * from "./ShapesDemo";
31
- export * from "./ScrollViewDemo";
32
34
  export * from "./SheetDemo";
33
35
  export * from "./SliderDemo";
34
36
  export * from "./SpinnerDemo";
35
37
  export * from "./StacksDemo";
36
38
  export * from "./SwitchDemo";
37
- export * from "./CheckboxDemo";
39
+ export * from "./TabsAdvancedDemo";
40
+ export * from "./TabsDemo";
38
41
  export * from "./TextDemo";
39
42
  export * from "./ThemeInverseDemo";
40
- export * from "./TooltipDemo";
41
- export * from "./ColorsDemo";
42
- export * from "./TokensDemo";
43
43
  export * from "./ToastDemo";
44
44
  export * from "./ToastDuplicateDemo";
45
- export * from "./TabsDemo";
46
- export * from "./TabsAdvancedDemo";
47
45
  export * from "./ToggleGroupDemo";
46
+ export * from "./TokensDemo";
47
+ export * from "./TooltipDemo";
48
+ export * from "./UpdateThemeDemo";
48
49
  export * from "./useOnIntersecting";
49
50
  //# sourceMappingURL=index.js.map
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/index.tsx"],
4
- "mappings": "AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;",
4
+ "mappings": "AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;",
5
5
  "names": []
6
6
  }
@@ -1,23 +1,24 @@
1
+ export * from "./AccordionDemo";
2
+ export * from "./AddThemeDemo";
1
3
  export * from "./AlertDialogDemo";
2
4
  export * from "./AnimationsDemo";
3
5
  export * from "./AnimationsEnterDemo";
4
6
  export * from "./AnimationsHoverDemo";
5
- export * from "./AnimationsTimingDemo";
6
7
  export * from "./AnimationsPresenceDemo";
8
+ export * from "./AnimationsTimingDemo";
7
9
  export * from "./AvatarDemo";
8
- export * from "./ButtonDemo";
9
10
  export * from "./BuildAButtonDemo";
11
+ export * from "./ButtonDemo";
10
12
  export * from "./ThemeBuilderDemo";
11
13
  export * from "./CardDemo";
14
+ export * from "./CheckboxDemo";
15
+ export * from "./ColorsDemo";
12
16
  export * from "./DialogDemo";
13
- export * from "./AddThemeDemo";
14
- export * from "./UpdateThemeDemo";
15
- export * from "./ReplaceThemeDemo";
16
17
  export * from "./FormsDemo";
17
- export * from "./InputsDemo";
18
18
  export * from "./GroupDemo";
19
19
  export * from "./HeadingsDemo";
20
20
  export * from "./ImageDemo";
21
+ export * from "./InputsDemo";
21
22
  export * from "./LabelDemo";
22
23
  export * from "./LinearGradientDemo";
23
24
  export * from "./ListItemDemo";
@@ -25,25 +26,25 @@ export * from "./LucideIconsDemo";
25
26
  export * from "./PopoverDemo";
26
27
  export * from "./ProgressDemo";
27
28
  export * from "./RadioGroupDemo";
29
+ export * from "./ReplaceThemeDemo";
30
+ export * from "./ScrollViewDemo";
28
31
  export * from "./SelectDemo";
29
32
  export * from "./SeparatorDemo";
30
33
  export * from "./ShapesDemo";
31
- export * from "./ScrollViewDemo";
32
34
  export * from "./SheetDemo";
33
35
  export * from "./SliderDemo";
34
36
  export * from "./SpinnerDemo";
35
37
  export * from "./StacksDemo";
36
38
  export * from "./SwitchDemo";
37
- export * from "./CheckboxDemo";
39
+ export * from "./TabsAdvancedDemo";
40
+ export * from "./TabsDemo";
38
41
  export * from "./TextDemo";
39
42
  export * from "./ThemeInverseDemo";
40
- export * from "./TooltipDemo";
41
- export * from "./ColorsDemo";
42
- export * from "./TokensDemo";
43
43
  export * from "./ToastDemo";
44
44
  export * from "./ToastDuplicateDemo";
45
- export * from "./TabsDemo";
46
- export * from "./TabsAdvancedDemo";
47
45
  export * from "./ToggleGroupDemo";
46
+ export * from "./TokensDemo";
47
+ export * from "./TooltipDemo";
48
+ export * from "./UpdateThemeDemo";
48
49
  export * from "./useOnIntersecting";
49
50
  //# sourceMappingURL=index.mjs.map
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/index.tsx"],
4
- "mappings": "AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;",
4
+ "mappings": "AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;",
5
5
  "names": []
6
6
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tamagui/demos",
3
- "version": "1.40.0",
3
+ "version": "1.41.0",
4
4
  "sideEffects": [
5
5
  "*.css"
6
6
  ],
@@ -33,29 +33,29 @@
33
33
  }
34
34
  },
35
35
  "dependencies": {
36
- "@tamagui/avatar": "1.40.0",
37
- "@tamagui/button": "1.40.0",
38
- "@tamagui/config": "1.40.0",
39
- "@tamagui/core": "1.40.0",
40
- "@tamagui/list-item": "1.40.0",
41
- "@tamagui/logo": "1.40.0",
42
- "@tamagui/menu": "1.40.0",
43
- "@tamagui/popover": "1.40.0",
44
- "@tamagui/progress": "1.40.0",
45
- "@tamagui/radio-group": "1.40.0",
46
- "@tamagui/select": "1.40.0",
47
- "@tamagui/sheet": "1.40.0",
48
- "@tamagui/slider": "1.40.0",
49
- "@tamagui/stacks": "1.40.0",
50
- "@tamagui/toast": "1.40.0",
51
- "tamagui": "1.40.0"
36
+ "@tamagui/avatar": "1.41.0",
37
+ "@tamagui/button": "1.41.0",
38
+ "@tamagui/config": "1.41.0",
39
+ "@tamagui/core": "1.41.0",
40
+ "@tamagui/list-item": "1.41.0",
41
+ "@tamagui/logo": "1.41.0",
42
+ "@tamagui/menu": "1.41.0",
43
+ "@tamagui/popover": "1.41.0",
44
+ "@tamagui/progress": "1.41.0",
45
+ "@tamagui/radio-group": "1.41.0",
46
+ "@tamagui/select": "1.41.0",
47
+ "@tamagui/sheet": "1.41.0",
48
+ "@tamagui/slider": "1.41.0",
49
+ "@tamagui/stacks": "1.41.0",
50
+ "@tamagui/toast": "1.41.0",
51
+ "tamagui": "1.41.0"
52
52
  },
53
53
  "peerDependencies": {
54
54
  "react": "*",
55
55
  "react-dom": "*"
56
56
  },
57
57
  "devDependencies": {
58
- "@tamagui/build": "1.40.0",
58
+ "@tamagui/build": "1.41.0",
59
59
  "react": "^18.2.0",
60
60
  "react-dom": "^18.2.0"
61
61
  },
@@ -0,0 +1,46 @@
1
+ import { ChevronDown } from '@tamagui/lucide-icons'
2
+ import { Accordion, Paragraph, Square } from 'tamagui'
3
+
4
+ export function AccordionDemo() {
5
+ return (
6
+ <Accordion overflow="hidden" width="$20" type="multiple">
7
+ <Accordion.Item value="a1">
8
+ <Accordion.Trigger flexDirection="row" justifyContent="space-between">
9
+ {({ open }) => (
10
+ <>
11
+ <Paragraph>1. Take a cold shower</Paragraph>
12
+ <Square animation="quick" rotate={open ? '180deg' : '0deg'}>
13
+ <ChevronDown size="$1" />
14
+ </Square>
15
+ </>
16
+ )}
17
+ </Accordion.Trigger>
18
+ <Accordion.Content>
19
+ <Paragraph>
20
+ Cold showers can help reduce inflammation, relieve pain, improve circulation,
21
+ lower stress levels, and reduce muscle soreness and fatigue.
22
+ </Paragraph>
23
+ </Accordion.Content>
24
+ </Accordion.Item>
25
+
26
+ <Accordion.Item value="a2">
27
+ <Accordion.Trigger flexDirection="row" justifyContent="space-between">
28
+ {({ open }) => (
29
+ <>
30
+ <Paragraph>2. Eat 4 eggs</Paragraph>
31
+ <Square animation="quick" rotate={open ? '180deg' : '0deg'}>
32
+ <ChevronDown size="$1" />
33
+ </Square>
34
+ </>
35
+ )}
36
+ </Accordion.Trigger>
37
+ <Accordion.Content>
38
+ <Paragraph>
39
+ Eggs have been a dietary staple since time immemorial and there’s good reason
40
+ for their continued presence in our menus and meals.
41
+ </Paragraph>
42
+ </Accordion.Content>
43
+ </Accordion.Item>
44
+ </Accordion>
45
+ )
46
+ }
package/src/index.tsx CHANGED
@@ -1,23 +1,24 @@
1
+ export * from './AccordionDemo'
2
+ export * from './AddThemeDemo'
1
3
  export * from './AlertDialogDemo'
2
4
  export * from './AnimationsDemo'
3
5
  export * from './AnimationsEnterDemo'
4
6
  export * from './AnimationsHoverDemo'
5
- export * from './AnimationsTimingDemo'
6
7
  export * from './AnimationsPresenceDemo'
8
+ export * from './AnimationsTimingDemo'
7
9
  export * from './AvatarDemo'
8
- export * from './ButtonDemo'
9
10
  export * from './BuildAButtonDemo'
11
+ export * from './ButtonDemo'
10
12
  export * from './ThemeBuilderDemo'
11
13
  export * from './CardDemo'
14
+ export * from './CheckboxDemo'
15
+ export * from './ColorsDemo'
12
16
  export * from './DialogDemo'
13
- export * from './AddThemeDemo'
14
- export * from './UpdateThemeDemo'
15
- export * from './ReplaceThemeDemo'
16
17
  export * from './FormsDemo'
17
- export * from './InputsDemo'
18
18
  export * from './GroupDemo'
19
19
  export * from './HeadingsDemo'
20
20
  export * from './ImageDemo'
21
+ export * from './InputsDemo'
21
22
  export * from './LabelDemo'
22
23
  export * from './LinearGradientDemo'
23
24
  export * from './ListItemDemo'
@@ -25,24 +26,24 @@ export * from './LucideIconsDemo'
25
26
  export * from './PopoverDemo'
26
27
  export * from './ProgressDemo'
27
28
  export * from './RadioGroupDemo'
29
+ export * from './ReplaceThemeDemo'
30
+ export * from './ScrollViewDemo'
28
31
  export * from './SelectDemo'
29
32
  export * from './SeparatorDemo'
30
33
  export * from './ShapesDemo'
31
- export * from './ScrollViewDemo'
32
34
  export * from './SheetDemo'
33
35
  export * from './SliderDemo'
34
36
  export * from './SpinnerDemo'
35
37
  export * from './StacksDemo'
36
38
  export * from './SwitchDemo'
37
- export * from './CheckboxDemo'
39
+ export * from './TabsAdvancedDemo'
40
+ export * from './TabsDemo'
38
41
  export * from './TextDemo'
39
42
  export * from './ThemeInverseDemo'
40
- export * from './TooltipDemo'
41
- export * from './ColorsDemo'
42
- export * from './TokensDemo'
43
43
  export * from './ToastDemo'
44
44
  export * from './ToastDuplicateDemo'
45
- export * from './TabsDemo'
46
- export * from './TabsAdvancedDemo'
47
45
  export * from './ToggleGroupDemo'
46
+ export * from './TokensDemo'
47
+ export * from './TooltipDemo'
48
+ export * from './UpdateThemeDemo'
48
49
  export * from './useOnIntersecting'
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ export declare function AccordionDemo(): JSX.Element;
3
+ //# sourceMappingURL=AccordionDemo.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"AccordionDemo.d.ts","sourceRoot":"","sources":["../src/AccordionDemo.tsx"],"names":[],"mappings":";AAGA,wBAAgB,aAAa,gBAgD5B"}
1
+ {"version":3,"file":"AccordionDemo.d.ts","sourceRoot":"","sources":["../src/AccordionDemo.tsx"],"names":[],"mappings":";AAGA,wBAAgB,aAAa,gBA0C5B"}
package/types/index.d.ts CHANGED
@@ -1,23 +1,24 @@
1
+ export * from './AccordionDemo';
2
+ export * from './AddThemeDemo';
1
3
  export * from './AlertDialogDemo';
2
4
  export * from './AnimationsDemo';
3
5
  export * from './AnimationsEnterDemo';
4
6
  export * from './AnimationsHoverDemo';
5
- export * from './AnimationsTimingDemo';
6
7
  export * from './AnimationsPresenceDemo';
8
+ export * from './AnimationsTimingDemo';
7
9
  export * from './AvatarDemo';
8
- export * from './ButtonDemo';
9
10
  export * from './BuildAButtonDemo';
11
+ export * from './ButtonDemo';
10
12
  export * from './ThemeBuilderDemo';
11
13
  export * from './CardDemo';
14
+ export * from './CheckboxDemo';
15
+ export * from './ColorsDemo';
12
16
  export * from './DialogDemo';
13
- export * from './AddThemeDemo';
14
- export * from './UpdateThemeDemo';
15
- export * from './ReplaceThemeDemo';
16
17
  export * from './FormsDemo';
17
- export * from './InputsDemo';
18
18
  export * from './GroupDemo';
19
19
  export * from './HeadingsDemo';
20
20
  export * from './ImageDemo';
21
+ export * from './InputsDemo';
21
22
  export * from './LabelDemo';
22
23
  export * from './LinearGradientDemo';
23
24
  export * from './ListItemDemo';
@@ -25,25 +26,25 @@ export * from './LucideIconsDemo';
25
26
  export * from './PopoverDemo';
26
27
  export * from './ProgressDemo';
27
28
  export * from './RadioGroupDemo';
29
+ export * from './ReplaceThemeDemo';
30
+ export * from './ScrollViewDemo';
28
31
  export * from './SelectDemo';
29
32
  export * from './SeparatorDemo';
30
33
  export * from './ShapesDemo';
31
- export * from './ScrollViewDemo';
32
34
  export * from './SheetDemo';
33
35
  export * from './SliderDemo';
34
36
  export * from './SpinnerDemo';
35
37
  export * from './StacksDemo';
36
38
  export * from './SwitchDemo';
37
- export * from './CheckboxDemo';
39
+ export * from './TabsAdvancedDemo';
40
+ export * from './TabsDemo';
38
41
  export * from './TextDemo';
39
42
  export * from './ThemeInverseDemo';
40
- export * from './TooltipDemo';
41
- export * from './ColorsDemo';
42
- export * from './TokensDemo';
43
43
  export * from './ToastDemo';
44
44
  export * from './ToastDuplicateDemo';
45
- export * from './TabsDemo';
46
- export * from './TabsAdvancedDemo';
47
45
  export * from './ToggleGroupDemo';
46
+ export * from './TokensDemo';
47
+ export * from './TooltipDemo';
48
+ export * from './UpdateThemeDemo';
48
49
  export * from './useOnIntersecting';
49
50
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAA;AACjC,cAAc,kBAAkB,CAAA;AAChC,cAAc,uBAAuB,CAAA;AACrC,cAAc,uBAAuB,CAAA;AACrC,cAAc,wBAAwB,CAAA;AACtC,cAAc,0BAA0B,CAAA;AACxC,cAAc,cAAc,CAAA;AAC5B,cAAc,cAAc,CAAA;AAC5B,cAAc,oBAAoB,CAAA;AAClC,cAAc,oBAAoB,CAAA;AAClC,cAAc,YAAY,CAAA;AAC1B,cAAc,cAAc,CAAA;AAC5B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,mBAAmB,CAAA;AACjC,cAAc,oBAAoB,CAAA;AAClC,cAAc,aAAa,CAAA;AAC3B,cAAc,cAAc,CAAA;AAC5B,cAAc,aAAa,CAAA;AAC3B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA;AAC3B,cAAc,sBAAsB,CAAA;AACpC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,mBAAmB,CAAA;AACjC,cAAc,eAAe,CAAA;AAC7B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,kBAAkB,CAAA;AAChC,cAAc,cAAc,CAAA;AAC5B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA;AAChC,cAAc,aAAa,CAAA;AAC3B,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,cAAc,CAAA;AAC5B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,YAAY,CAAA;AAC1B,cAAc,oBAAoB,CAAA;AAClC,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,cAAc,CAAA;AAC5B,cAAc,aAAa,CAAA;AAC3B,cAAc,sBAAsB,CAAA;AACpC,cAAc,YAAY,CAAA;AAC1B,cAAc,oBAAoB,CAAA;AAClC,cAAc,mBAAmB,CAAA;AACjC,cAAc,qBAAqB,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA;AAC/B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,mBAAmB,CAAA;AACjC,cAAc,kBAAkB,CAAA;AAChC,cAAc,uBAAuB,CAAA;AACrC,cAAc,uBAAuB,CAAA;AACrC,cAAc,0BAA0B,CAAA;AACxC,cAAc,wBAAwB,CAAA;AACtC,cAAc,cAAc,CAAA;AAC5B,cAAc,oBAAoB,CAAA;AAClC,cAAc,cAAc,CAAA;AAC5B,cAAc,oBAAoB,CAAA;AAClC,cAAc,YAAY,CAAA;AAC1B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,cAAc,CAAA;AAC5B,cAAc,cAAc,CAAA;AAC5B,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA;AAC3B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,aAAa,CAAA;AAC3B,cAAc,cAAc,CAAA;AAC5B,cAAc,aAAa,CAAA;AAC3B,cAAc,sBAAsB,CAAA;AACpC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,mBAAmB,CAAA;AACjC,cAAc,eAAe,CAAA;AAC7B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,kBAAkB,CAAA;AAChC,cAAc,oBAAoB,CAAA;AAClC,cAAc,kBAAkB,CAAA;AAChC,cAAc,cAAc,CAAA;AAC5B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,cAAc,CAAA;AAC5B,cAAc,aAAa,CAAA;AAC3B,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,cAAc,CAAA;AAC5B,cAAc,oBAAoB,CAAA;AAClC,cAAc,YAAY,CAAA;AAC1B,cAAc,YAAY,CAAA;AAC1B,cAAc,oBAAoB,CAAA;AAClC,cAAc,aAAa,CAAA;AAC3B,cAAc,sBAAsB,CAAA;AACpC,cAAc,mBAAmB,CAAA;AACjC,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAC7B,cAAc,mBAAmB,CAAA;AACjC,cAAc,qBAAqB,CAAA"}