@tamagui/demos 3.0.0-beta.1216.1 → 3.0.0-beta.1309.1

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 (136) hide show
  1. package/dist/cjs/AccordionDemo.cjs +4 -2
  2. package/dist/cjs/AccordionDemo.native.cjs +4 -2
  3. package/dist/cjs/AccordionDemo.native.js +4 -2
  4. package/dist/cjs/AccordionDemo.native.js.map +1 -1
  5. package/dist/cjs/AlertDialogDemo.cjs +1 -1
  6. package/dist/cjs/AlertDialogDemo.native.cjs +1 -1
  7. package/dist/cjs/AlertDialogDemo.native.js +1 -1
  8. package/dist/cjs/AlertDialogDemo.native.js.map +1 -1
  9. package/dist/cjs/AnimationsEnterDemo.cjs +1 -1
  10. package/dist/cjs/AnimationsEnterDemo.native.cjs +1 -1
  11. package/dist/cjs/AnimationsEnterDemo.native.js +1 -1
  12. package/dist/cjs/AnimationsEnterDemo.native.js.map +1 -1
  13. package/dist/cjs/AnimationsHoverDemo.cjs +1 -1
  14. package/dist/cjs/AnimationsHoverDemo.native.cjs +1 -1
  15. package/dist/cjs/AnimationsHoverDemo.native.js +1 -1
  16. package/dist/cjs/AnimationsHoverDemo.native.js.map +1 -1
  17. package/dist/cjs/AnimationsTimingDemo.cjs +1 -1
  18. package/dist/cjs/AnimationsTimingDemo.native.cjs +1 -1
  19. package/dist/cjs/AnimationsTimingDemo.native.js +1 -1
  20. package/dist/cjs/AnimationsTimingDemo.native.js.map +1 -1
  21. package/dist/cjs/CheckboxDemo.cjs +16 -21
  22. package/dist/cjs/CheckboxDemo.native.cjs +16 -21
  23. package/dist/cjs/CheckboxDemo.native.js +16 -21
  24. package/dist/cjs/CheckboxDemo.native.js.map +1 -1
  25. package/dist/cjs/ListItemDemo.cjs +14 -8
  26. package/dist/cjs/ListItemDemo.native.cjs +14 -8
  27. package/dist/cjs/ListItemDemo.native.js +14 -8
  28. package/dist/cjs/ListItemDemo.native.js.map +1 -1
  29. package/dist/cjs/PopoverDemo.cjs +3 -0
  30. package/dist/cjs/PopoverDemo.native.cjs +3 -0
  31. package/dist/cjs/PopoverDemo.native.js +3 -0
  32. package/dist/cjs/PopoverDemo.native.js.map +1 -1
  33. package/dist/cjs/SelectDemo.cjs +19 -12
  34. package/dist/cjs/SelectDemo.native.cjs +21 -14
  35. package/dist/cjs/SelectDemo.native.js +21 -14
  36. package/dist/cjs/SelectDemo.native.js.map +1 -1
  37. package/dist/cjs/ShapesDemo.cjs +2 -2
  38. package/dist/cjs/ShapesDemo.native.cjs +2 -2
  39. package/dist/cjs/ShapesDemo.native.js +2 -2
  40. package/dist/cjs/ShapesDemo.native.js.map +1 -1
  41. package/dist/cjs/SwitchDemo.cjs +9 -10
  42. package/dist/cjs/SwitchDemo.native.cjs +9 -10
  43. package/dist/cjs/SwitchDemo.native.js +9 -10
  44. package/dist/cjs/SwitchDemo.native.js.map +1 -1
  45. package/dist/cjs/ThemeInverseDemo.cjs +4 -4
  46. package/dist/cjs/ThemeInverseDemo.native.cjs +4 -4
  47. package/dist/cjs/ThemeInverseDemo.native.js +4 -4
  48. package/dist/cjs/ThemeInverseDemo.native.js.map +1 -1
  49. package/dist/cjs/ToastDemo.cjs +7 -3
  50. package/dist/cjs/ToastDemo.native.cjs +7 -3
  51. package/dist/cjs/ToastDemo.native.js +7 -3
  52. package/dist/cjs/ToastDemo.native.js.map +1 -1
  53. package/dist/cjs/ToggleGroupDemo.cjs +22 -25
  54. package/dist/cjs/ToggleGroupDemo.native.cjs +22 -25
  55. package/dist/cjs/ToggleGroupDemo.native.js +22 -25
  56. package/dist/cjs/ToggleGroupDemo.native.js.map +1 -1
  57. package/dist/cjs/TooltipDemo.cjs +4 -4
  58. package/dist/cjs/TooltipDemo.native.cjs +4 -4
  59. package/dist/cjs/TooltipDemo.native.js +4 -4
  60. package/dist/cjs/TooltipDemo.native.js.map +1 -1
  61. package/dist/esm/AccordionDemo.mjs +4 -2
  62. package/dist/esm/AccordionDemo.mjs.map +1 -1
  63. package/dist/esm/AccordionDemo.native.js +4 -2
  64. package/dist/esm/AccordionDemo.native.js.map +1 -1
  65. package/dist/esm/AlertDialogDemo.mjs +1 -1
  66. package/dist/esm/AlertDialogDemo.mjs.map +1 -1
  67. package/dist/esm/AlertDialogDemo.native.js +1 -1
  68. package/dist/esm/AlertDialogDemo.native.js.map +1 -1
  69. package/dist/esm/AnimationsEnterDemo.mjs +1 -1
  70. package/dist/esm/AnimationsEnterDemo.mjs.map +1 -1
  71. package/dist/esm/AnimationsEnterDemo.native.js +1 -1
  72. package/dist/esm/AnimationsEnterDemo.native.js.map +1 -1
  73. package/dist/esm/AnimationsHoverDemo.mjs +1 -1
  74. package/dist/esm/AnimationsHoverDemo.mjs.map +1 -1
  75. package/dist/esm/AnimationsHoverDemo.native.js +1 -1
  76. package/dist/esm/AnimationsHoverDemo.native.js.map +1 -1
  77. package/dist/esm/AnimationsTimingDemo.mjs +1 -1
  78. package/dist/esm/AnimationsTimingDemo.mjs.map +1 -1
  79. package/dist/esm/AnimationsTimingDemo.native.js +1 -1
  80. package/dist/esm/AnimationsTimingDemo.native.js.map +1 -1
  81. package/dist/esm/CheckboxDemo.mjs +17 -22
  82. package/dist/esm/CheckboxDemo.mjs.map +1 -1
  83. package/dist/esm/CheckboxDemo.native.js +17 -22
  84. package/dist/esm/CheckboxDemo.native.js.map +1 -1
  85. package/dist/esm/ListItemDemo.mjs +15 -9
  86. package/dist/esm/ListItemDemo.mjs.map +1 -1
  87. package/dist/esm/ListItemDemo.native.js +15 -9
  88. package/dist/esm/ListItemDemo.native.js.map +1 -1
  89. package/dist/esm/PopoverDemo.mjs +3 -0
  90. package/dist/esm/PopoverDemo.mjs.map +1 -1
  91. package/dist/esm/PopoverDemo.native.js +3 -0
  92. package/dist/esm/PopoverDemo.native.js.map +1 -1
  93. package/dist/esm/SelectDemo.mjs +19 -12
  94. package/dist/esm/SelectDemo.mjs.map +1 -1
  95. package/dist/esm/SelectDemo.native.js +21 -14
  96. package/dist/esm/SelectDemo.native.js.map +1 -1
  97. package/dist/esm/ShapesDemo.mjs +2 -2
  98. package/dist/esm/ShapesDemo.mjs.map +1 -1
  99. package/dist/esm/ShapesDemo.native.js +2 -2
  100. package/dist/esm/ShapesDemo.native.js.map +1 -1
  101. package/dist/esm/SwitchDemo.mjs +10 -11
  102. package/dist/esm/SwitchDemo.mjs.map +1 -1
  103. package/dist/esm/SwitchDemo.native.js +10 -11
  104. package/dist/esm/SwitchDemo.native.js.map +1 -1
  105. package/dist/esm/ThemeInverseDemo.mjs +4 -4
  106. package/dist/esm/ThemeInverseDemo.mjs.map +1 -1
  107. package/dist/esm/ThemeInverseDemo.native.js +4 -4
  108. package/dist/esm/ThemeInverseDemo.native.js.map +1 -1
  109. package/dist/esm/ToastDemo.mjs +8 -4
  110. package/dist/esm/ToastDemo.mjs.map +1 -1
  111. package/dist/esm/ToastDemo.native.js +8 -4
  112. package/dist/esm/ToastDemo.native.js.map +1 -1
  113. package/dist/esm/ToggleGroupDemo.mjs +23 -26
  114. package/dist/esm/ToggleGroupDemo.mjs.map +1 -1
  115. package/dist/esm/ToggleGroupDemo.native.js +23 -26
  116. package/dist/esm/ToggleGroupDemo.native.js.map +1 -1
  117. package/dist/esm/TooltipDemo.mjs +4 -4
  118. package/dist/esm/TooltipDemo.mjs.map +1 -1
  119. package/dist/esm/TooltipDemo.native.js +4 -4
  120. package/dist/esm/TooltipDemo.native.js.map +1 -1
  121. package/package.json +33 -33
  122. package/src/AccordionDemo.tsx +4 -2
  123. package/src/AlertDialogDemo.tsx +1 -1
  124. package/src/AnimationsEnterDemo.tsx +1 -1
  125. package/src/AnimationsHoverDemo.tsx +1 -1
  126. package/src/AnimationsTimingDemo.tsx +1 -1
  127. package/src/CheckboxDemo.tsx +7 -17
  128. package/src/ListItemDemo.tsx +17 -10
  129. package/src/PopoverDemo.tsx +3 -0
  130. package/src/SelectDemo.tsx +10 -3
  131. package/src/ShapesDemo.tsx +2 -2
  132. package/src/SwitchDemo.tsx +16 -26
  133. package/src/ThemeInverseDemo.tsx +28 -4
  134. package/src/ToastDemo.tsx +15 -4
  135. package/src/ToggleGroupDemo.tsx +26 -39
  136. package/src/TooltipDemo.tsx +4 -4
@@ -34,6 +34,7 @@ function AccordionDemo() {
34
34
  children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Accordion.Trigger, {
35
35
  flexDirection: "row",
36
36
  justify: "space-between",
37
+ py: "1-5",
37
38
  borderWidth: 1,
38
39
  borderColor: "border-color",
39
40
  children: ({ open }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, { children: "1. Take a cold shower" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, {
@@ -41,7 +42,7 @@ function AccordionDemo() {
41
42
  transition: "quick",
42
43
  rotate: open ? "180deg" : "0deg",
43
44
  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons_2.ChevronDown, {
44
- size: "1",
45
+ size: 28,
45
46
  color: "color"
46
47
  })
47
48
  })] })
@@ -61,6 +62,7 @@ function AccordionDemo() {
61
62
  children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Accordion.Trigger, {
62
63
  flexDirection: "row",
63
64
  justify: "space-between",
65
+ py: "1-5",
64
66
  borderWidth: 1,
65
67
  borderTopWidth: 0,
66
68
  borderColor: "border-color",
@@ -69,7 +71,7 @@ function AccordionDemo() {
69
71
  transition: "quick",
70
72
  rotate: open ? "180deg" : "0deg",
71
73
  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons_2.ChevronDown, {
72
- size: "1",
74
+ size: 28,
73
75
  color: "color"
74
76
  })
75
77
  })] })
@@ -36,6 +36,7 @@ function AccordionDemo() {
36
36
  children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Accordion.Trigger, {
37
37
  flexDirection: "row",
38
38
  justify: "space-between",
39
+ py: "1-5",
39
40
  borderWidth: 1,
40
41
  borderColor: "border-color",
41
42
  children: function(param) {
@@ -45,7 +46,7 @@ function AccordionDemo() {
45
46
  transition: "quick",
46
47
  rotate: open ? "180deg" : "0deg",
47
48
  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons_2.ChevronDown, {
48
- size: "1",
49
+ size: 28,
49
50
  color: "color"
50
51
  })
51
52
  })] });
@@ -66,6 +67,7 @@ function AccordionDemo() {
66
67
  children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Accordion.Trigger, {
67
68
  flexDirection: "row",
68
69
  justify: "space-between",
70
+ py: "1-5",
69
71
  borderWidth: 1,
70
72
  borderTopWidth: 0,
71
73
  borderColor: "border-color",
@@ -76,7 +78,7 @@ function AccordionDemo() {
76
78
  transition: "quick",
77
79
  rotate: open ? "180deg" : "0deg",
78
80
  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons_2.ChevronDown, {
79
- size: "1",
81
+ size: 28,
80
82
  color: "color"
81
83
  })
82
84
  })] });
@@ -36,6 +36,7 @@ function AccordionDemo() {
36
36
  children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Accordion.Trigger, {
37
37
  flexDirection: "row",
38
38
  justify: "space-between",
39
+ py: "1-5",
39
40
  borderWidth: 1,
40
41
  borderColor: "border-color",
41
42
  children: function(param) {
@@ -45,7 +46,7 @@ function AccordionDemo() {
45
46
  transition: "quick",
46
47
  rotate: open ? "180deg" : "0deg",
47
48
  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons_2.ChevronDown, {
48
- size: "1",
49
+ size: 28,
49
50
  color: "color"
50
51
  })
51
52
  })] });
@@ -66,6 +67,7 @@ function AccordionDemo() {
66
67
  children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Accordion.Trigger, {
67
68
  flexDirection: "row",
68
69
  justify: "space-between",
70
+ py: "1-5",
69
71
  borderWidth: 1,
70
72
  borderTopWidth: 0,
71
73
  borderColor: "border-color",
@@ -76,7 +78,7 @@ function AccordionDemo() {
76
78
  transition: "quick",
77
79
  rotate: open ? "180deg" : "0deg",
78
80
  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons_2.ChevronDown, {
79
- size: "1",
81
+ size: 28,
80
82
  color: "color"
81
83
  })
82
84
  })] });
@@ -1 +1 @@
1
- {"version":3,"file":"AccordionDemo.native.js","names":[],"sources":["cjs/AccordionDemo.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n for (var name in all)\n __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames(from))\n if (!__hasOwnProp.call(to, key) && key !== except)\n __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n }\n return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar AccordionDemo_exports = {};\n__export(AccordionDemo_exports, {\n AccordionDemo: () => AccordionDemo\n});\nmodule.exports = __toCommonJS(AccordionDemo_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_lucide_icons_2 = require(\"@tamagui/lucide-icons-2\");\nvar import_tamagui = require(\"tamagui\");\nfunction AccordionDemo() {\n return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Accordion, {\n overflow: \"hidden\",\n width: \"20\",\n type: \"multiple\",\n children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Accordion.Item, {\n value: \"a1\",\n children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Accordion.Trigger, {\n flexDirection: \"row\",\n justify: \"space-between\",\n borderWidth: 1,\n borderColor: \"border-color\",\n children: function(param) {\n var { open } = param;\n return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {\n children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {\n children: \"1. Take a cold shower\"\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, {\n transparent: true,\n transition: \"quick\",\n rotate: open ? \"180deg\" : \"0deg\",\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons_2.ChevronDown, {\n size: \"1\",\n color: \"color\"\n })\n })\n ]\n });\n }\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Accordion.HeightAnimator, {\n transition: \"300ms\",\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Accordion.Content, {\n transition: \"300ms\",\n opacity: \"exit:0\",\n borderWidth: 1,\n borderTopWidth: 0,\n borderColor: \"border-color\",\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {\n children: \"Cold showers can help reduce inflammation, relieve pain, improve circulation, lower stress levels, and reduce muscle soreness and fatigue.\"\n })\n })\n })\n ]\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Accordion.Item, {\n value: \"a2\",\n children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Accordion.Trigger, {\n flexDirection: \"row\",\n justify: \"space-between\",\n borderWidth: 1,\n borderTopWidth: 0,\n borderColor: \"border-color\",\n children: function(param) {\n var { open } = param;\n return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {\n children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {\n children: \"2. Eat 4 eggs\"\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, {\n transparent: true,\n transition: \"quick\",\n rotate: open ? \"180deg\" : \"0deg\",\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons_2.ChevronDown, {\n size: \"1\",\n color: \"color\"\n })\n })\n ]\n });\n }\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Accordion.HeightAnimator, {\n transition: \"300ms\",\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Accordion.Content, {\n transition: \"300ms\",\n opacity: \"exit:0\",\n borderWidth: 1,\n borderTopWidth: 0,\n borderColor: \"border-color\",\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {\n children: \"Eggs have been a dietary staple since time immemorial and there's good reason for their continued presence in our menus and meals.\"\n })\n })\n })\n ]\n })\n ]\n });\n}\n//# sourceMappingURL=AccordionDemo.js.map\n"],"mappings":"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"}
1
+ {"version":3,"file":"AccordionDemo.native.js","names":[],"sources":["cjs/AccordionDemo.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n for (var name in all)\n __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames(from))\n if (!__hasOwnProp.call(to, key) && key !== except)\n __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n }\n return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar AccordionDemo_exports = {};\n__export(AccordionDemo_exports, {\n AccordionDemo: () => AccordionDemo\n});\nmodule.exports = __toCommonJS(AccordionDemo_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_lucide_icons_2 = require(\"@tamagui/lucide-icons-2\");\nvar import_tamagui = require(\"tamagui\");\nfunction AccordionDemo() {\n return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Accordion, {\n overflow: \"hidden\",\n width: \"20\",\n type: \"multiple\",\n children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Accordion.Item, {\n value: \"a1\",\n children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Accordion.Trigger, {\n flexDirection: \"row\",\n justify: \"space-between\",\n py: \"1-5\",\n borderWidth: 1,\n borderColor: \"border-color\",\n children: function(param) {\n var { open } = param;\n return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {\n children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {\n children: \"1. Take a cold shower\"\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, {\n transparent: true,\n transition: \"quick\",\n rotate: open ? \"180deg\" : \"0deg\",\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons_2.ChevronDown, {\n size: 28,\n color: \"color\"\n })\n })\n ]\n });\n }\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Accordion.HeightAnimator, {\n transition: \"300ms\",\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Accordion.Content, {\n transition: \"300ms\",\n opacity: \"exit:0\",\n borderWidth: 1,\n borderTopWidth: 0,\n borderColor: \"border-color\",\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {\n children: \"Cold showers can help reduce inflammation, relieve pain, improve circulation, lower stress levels, and reduce muscle soreness and fatigue.\"\n })\n })\n })\n ]\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Accordion.Item, {\n value: \"a2\",\n children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Accordion.Trigger, {\n flexDirection: \"row\",\n justify: \"space-between\",\n py: \"1-5\",\n borderWidth: 1,\n borderTopWidth: 0,\n borderColor: \"border-color\",\n children: function(param) {\n var { open } = param;\n return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {\n children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {\n children: \"2. Eat 4 eggs\"\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, {\n transparent: true,\n transition: \"quick\",\n rotate: open ? \"180deg\" : \"0deg\",\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons_2.ChevronDown, {\n size: 28,\n color: \"color\"\n })\n })\n ]\n });\n }\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Accordion.HeightAnimator, {\n transition: \"300ms\",\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Accordion.Content, {\n transition: \"300ms\",\n opacity: \"exit:0\",\n borderWidth: 1,\n borderTopWidth: 0,\n borderColor: \"border-color\",\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {\n children: \"Eggs have been a dietary staple since time immemorial and there's good reason for their continued presence in our menus and meals.\"\n })\n })\n })\n ]\n })\n ]\n });\n}\n//# sourceMappingURL=AccordionDemo.js.map\n"],"mappings":"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"}
@@ -34,7 +34,7 @@ function AlertDialogDemo() {
34
34
  opacity: "0.5 enter:0 exit:0",
35
35
  backgroundColor: "background"
36
36
  }, "overlay"), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.AlertDialog.Content, {
37
- elevation: "4",
37
+ boxShadow: "0 4px 12px shadow-color",
38
38
  transition: {
39
39
  preset: "quick",
40
40
  opacity: {
@@ -36,7 +36,7 @@ function AlertDialogDemo() {
36
36
  opacity: "0.5 enter:0 exit:0",
37
37
  backgroundColor: "background"
38
38
  }, "overlay"), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.AlertDialog.Content, {
39
- elevation: "4",
39
+ boxShadow: "0 4px 12px shadow-color",
40
40
  transition: {
41
41
  preset: "quick",
42
42
  opacity: {
@@ -36,7 +36,7 @@ function AlertDialogDemo() {
36
36
  opacity: "0.5 enter:0 exit:0",
37
37
  backgroundColor: "background"
38
38
  }, "overlay"), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.AlertDialog.Content, {
39
- elevation: "4",
39
+ boxShadow: "0 4px 12px shadow-color",
40
40
  transition: {
41
41
  preset: "quick",
42
42
  opacity: {
@@ -1 +1 @@
1
- {"version":3,"file":"AlertDialogDemo.native.js","names":[],"sources":["cjs/AlertDialogDemo.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n for (var name in all)\n __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames(from))\n if (!__hasOwnProp.call(to, key) && key !== except)\n __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n }\n return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar AlertDialogDemo_exports = {};\n__export(AlertDialogDemo_exports, {\n AlertDialogDemo: () => AlertDialogDemo\n});\nmodule.exports = __toCommonJS(AlertDialogDemo_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_tamagui = require(\"tamagui\");\nfunction AlertDialogDemo() {\n return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.AlertDialog, {\n native: true,\n children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.AlertDialog.Trigger, {\n asChild: true,\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {\n children: \"Show Alert\"\n })\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.AlertDialog.Portal, {\n children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.AlertDialog.Overlay, {\n transition: \"quick\",\n opacity: \"0.5 enter:0 exit:0\",\n backgroundColor: \"background\"\n }, \"overlay\"),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.AlertDialog.Content, {\n elevation: \"4\",\n transition: {\n preset: \"quick\",\n opacity: {\n preset: \"quick\",\n spring: {\n overshootClamping: true\n }\n }\n },\n x: \"0 enter:0 exit:0\",\n scale: \"1 enter:0.9 exit:0.95\",\n opacity: \"1 enter:0 exit:0\",\n y: \"0 enter:-20px exit:10px\",\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {\n gap: \"4\",\n children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.AlertDialog.Title, {\n children: \"Accept\"\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.AlertDialog.Description, {\n children: \"By pressing yes, you accept our terms and conditions.\"\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {\n gap: \"3\",\n justify: \"flex-end\",\n children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.AlertDialog.Cancel, {\n asChild: true,\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {\n children: \"Cancel\"\n })\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.AlertDialog.Action, {\n asChild: true,\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {\n theme: \"accent\",\n children: \"Accept\"\n })\n })\n ]\n })\n ]\n })\n }, \"content\")\n ]\n })\n ]\n });\n}\n//# sourceMappingURL=AlertDialogDemo.js.map\n"],"mappings":";;;AACA,IAAI,YAAY,OAAO;AACvB,IAAI,mBAAmB,OAAO;AAC9B,IAAI,oBAAoB,OAAO;AAC/B,IAAI,eAAe,OAAO,UAAU;AACpC,IAAI,YAAY,QAAQ,QAAQ;CAC9B,KAAK,IAAI,QAAQ,KACf,UAAU,QAAQ,MAAM;EAAE,KAAK,IAAI;EAAO,YAAY;CAAK,CAAC;AAChE;AACA,IAAI,eAAe,IAAI,MAAM,QAAQ,SAAS;CAC5C,IAAI,QAAQ,OAAO,SAAS,YAAY,OAAO,SAAS,YAAY;EAClE,KAAK,IAAI,OAAO,kBAAkB,IAAI,GACpC,IAAI,CAAC,aAAa,KAAK,IAAI,GAAG,KAAK,QAAQ,QACzC,UAAU,IAAI,KAAK;GAAE,WAAW,KAAK;GAAM,YAAY,EAAE,OAAO,iBAAiB,MAAM,GAAG,MAAM,KAAK;EAAW,CAAC;CACvH;CACA,OAAO;AACT;AACA,IAAI,gBAAgB,QAAQ,YAAY,UAAU,CAAC,GAAG,cAAc,EAAE,OAAO,KAAK,CAAC,GAAG,GAAG;AACzF,IAAI,0BAA0B,CAAC;AAC/B,SAAS,yBAAyB,EAChC,uBAAuB,gBACzB,CAAC;AACD,OAAO,UAAU,aAAa,uBAAuB;AACrD,IAAI,qBAAqB,QAAQ,mBAAmB;AACpD,IAAI,iBAAiB,QAAQ,SAAS;AACtC,SAAS,kBAAkB;CACzB,OAAuB,iBAAC,GAAG,mBAAmB,KAAI,CAAE,eAAe,aAAa;EAC9E,QAAQ;EACR,UAAU,CACQ,iBAAC,GAAG,mBAAmB,IAAG,CAAE,eAAe,YAAY,SAAS;GAC9E,SAAS;GACT,UAA0B,iBAAC,GAAG,mBAAmB,IAAG,CAAE,eAAe,QAAQ,EAC3E,UAAU,aACZ,CAAC;EACH,CAAC,GACe,iBAAC,GAAG,mBAAmB,KAAI,CAAE,eAAe,YAAY,QAAQ,EAC9E,UAAU,CACQ,iBAAC,GAAG,mBAAmB,IAAG,CAAE,eAAe,YAAY,SAAS;GAC9E,YAAY;GACZ,SAAS;GACT,iBAAiB;EACnB,GAAG,SAAS,GACI,iBAAC,GAAG,mBAAmB,IAAG,CAAE,eAAe,YAAY,SAAS;GAC9E,WAAW;GACX,YAAY;IACV,QAAQ;IACR,SAAS;KACP,QAAQ;KACR,QAAQ,EACN,mBAAmB,KACrB;IACF;GACF;GACA,GAAG;GACH,OAAO;GACP,SAAS;GACT,GAAG;GACH,UAA0B,iBAAC,GAAG,mBAAmB,KAAI,CAAE,eAAe,QAAQ;IAC5E,KAAK;IACL,UAAU;KACQ,iBAAC,GAAG,mBAAmB,IAAG,CAAE,eAAe,YAAY,OAAO,EAC5E,UAAU,SACZ,CAAC;KACe,iBAAC,GAAG,mBAAmB,IAAG,CAAE,eAAe,YAAY,aAAa,EAClF,UAAU,wDACZ,CAAC;KACe,iBAAC,GAAG,mBAAmB,KAAI,CAAE,eAAe,QAAQ;MAClE,KAAK;MACL,SAAS;MACT,UAAU,CACQ,iBAAC,GAAG,mBAAmB,IAAG,CAAE,eAAe,YAAY,QAAQ;OAC7E,SAAS;OACT,UAA0B,iBAAC,GAAG,mBAAmB,IAAG,CAAE,eAAe,QAAQ,EAC3E,UAAU,SACZ,CAAC;MACH,CAAC,GACe,iBAAC,GAAG,mBAAmB,IAAG,CAAE,eAAe,YAAY,QAAQ;OAC7E,SAAS;OACT,UAA0B,iBAAC,GAAG,mBAAmB,IAAG,CAAE,eAAe,QAAQ;QAC3E,OAAO;QACP,UAAU;OACZ,CAAC;MACH,CAAC,CACH;KACF,CAAC;IACH;GACF,CAAC;EACH,GAAG,SAAS,CACd,EACF,CAAC,CACH;CACF,CAAC;AACH"}
1
+ {"version":3,"file":"AlertDialogDemo.native.js","names":[],"sources":["cjs/AlertDialogDemo.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n for (var name in all)\n __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames(from))\n if (!__hasOwnProp.call(to, key) && key !== except)\n __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n }\n return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar AlertDialogDemo_exports = {};\n__export(AlertDialogDemo_exports, {\n AlertDialogDemo: () => AlertDialogDemo\n});\nmodule.exports = __toCommonJS(AlertDialogDemo_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_tamagui = require(\"tamagui\");\nfunction AlertDialogDemo() {\n return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.AlertDialog, {\n native: true,\n children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.AlertDialog.Trigger, {\n asChild: true,\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {\n children: \"Show Alert\"\n })\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.AlertDialog.Portal, {\n children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.AlertDialog.Overlay, {\n transition: \"quick\",\n opacity: \"0.5 enter:0 exit:0\",\n backgroundColor: \"background\"\n }, \"overlay\"),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.AlertDialog.Content, {\n boxShadow: \"0 4px 12px shadow-color\",\n transition: {\n preset: \"quick\",\n opacity: {\n preset: \"quick\",\n spring: {\n overshootClamping: true\n }\n }\n },\n x: \"0 enter:0 exit:0\",\n scale: \"1 enter:0.9 exit:0.95\",\n opacity: \"1 enter:0 exit:0\",\n y: \"0 enter:-20px exit:10px\",\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {\n gap: \"4\",\n children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.AlertDialog.Title, {\n children: \"Accept\"\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.AlertDialog.Description, {\n children: \"By pressing yes, you accept our terms and conditions.\"\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {\n gap: \"3\",\n justify: \"flex-end\",\n children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.AlertDialog.Cancel, {\n asChild: true,\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {\n children: \"Cancel\"\n })\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.AlertDialog.Action, {\n asChild: true,\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {\n theme: \"accent\",\n children: \"Accept\"\n })\n })\n ]\n })\n ]\n })\n }, \"content\")\n ]\n })\n ]\n });\n}\n//# sourceMappingURL=AlertDialogDemo.js.map\n"],"mappings":";;;AACA,IAAI,YAAY,OAAO;AACvB,IAAI,mBAAmB,OAAO;AAC9B,IAAI,oBAAoB,OAAO;AAC/B,IAAI,eAAe,OAAO,UAAU;AACpC,IAAI,YAAY,QAAQ,QAAQ;CAC9B,KAAK,IAAI,QAAQ,KACf,UAAU,QAAQ,MAAM;EAAE,KAAK,IAAI;EAAO,YAAY;CAAK,CAAC;AAChE;AACA,IAAI,eAAe,IAAI,MAAM,QAAQ,SAAS;CAC5C,IAAI,QAAQ,OAAO,SAAS,YAAY,OAAO,SAAS,YAAY;EAClE,KAAK,IAAI,OAAO,kBAAkB,IAAI,GACpC,IAAI,CAAC,aAAa,KAAK,IAAI,GAAG,KAAK,QAAQ,QACzC,UAAU,IAAI,KAAK;GAAE,WAAW,KAAK;GAAM,YAAY,EAAE,OAAO,iBAAiB,MAAM,GAAG,MAAM,KAAK;EAAW,CAAC;CACvH;CACA,OAAO;AACT;AACA,IAAI,gBAAgB,QAAQ,YAAY,UAAU,CAAC,GAAG,cAAc,EAAE,OAAO,KAAK,CAAC,GAAG,GAAG;AACzF,IAAI,0BAA0B,CAAC;AAC/B,SAAS,yBAAyB,EAChC,uBAAuB,gBACzB,CAAC;AACD,OAAO,UAAU,aAAa,uBAAuB;AACrD,IAAI,qBAAqB,QAAQ,mBAAmB;AACpD,IAAI,iBAAiB,QAAQ,SAAS;AACtC,SAAS,kBAAkB;CACzB,OAAuB,iBAAC,GAAG,mBAAmB,KAAI,CAAE,eAAe,aAAa;EAC9E,QAAQ;EACR,UAAU,CACQ,iBAAC,GAAG,mBAAmB,IAAG,CAAE,eAAe,YAAY,SAAS;GAC9E,SAAS;GACT,UAA0B,iBAAC,GAAG,mBAAmB,IAAG,CAAE,eAAe,QAAQ,EAC3E,UAAU,aACZ,CAAC;EACH,CAAC,GACe,iBAAC,GAAG,mBAAmB,KAAI,CAAE,eAAe,YAAY,QAAQ,EAC9E,UAAU,CACQ,iBAAC,GAAG,mBAAmB,IAAG,CAAE,eAAe,YAAY,SAAS;GAC9E,YAAY;GACZ,SAAS;GACT,iBAAiB;EACnB,GAAG,SAAS,GACI,iBAAC,GAAG,mBAAmB,IAAG,CAAE,eAAe,YAAY,SAAS;GAC9E,WAAW;GACX,YAAY;IACV,QAAQ;IACR,SAAS;KACP,QAAQ;KACR,QAAQ,EACN,mBAAmB,KACrB;IACF;GACF;GACA,GAAG;GACH,OAAO;GACP,SAAS;GACT,GAAG;GACH,UAA0B,iBAAC,GAAG,mBAAmB,KAAI,CAAE,eAAe,QAAQ;IAC5E,KAAK;IACL,UAAU;KACQ,iBAAC,GAAG,mBAAmB,IAAG,CAAE,eAAe,YAAY,OAAO,EAC5E,UAAU,SACZ,CAAC;KACe,iBAAC,GAAG,mBAAmB,IAAG,CAAE,eAAe,YAAY,aAAa,EAClF,UAAU,wDACZ,CAAC;KACe,iBAAC,GAAG,mBAAmB,KAAI,CAAE,eAAe,QAAQ;MAClE,KAAK;MACL,SAAS;MACT,UAAU,CACQ,iBAAC,GAAG,mBAAmB,IAAG,CAAE,eAAe,YAAY,QAAQ;OAC7E,SAAS;OACT,UAA0B,iBAAC,GAAG,mBAAmB,IAAG,CAAE,eAAe,QAAQ,EAC3E,UAAU,SACZ,CAAC;MACH,CAAC,GACe,iBAAC,GAAG,mBAAmB,IAAG,CAAE,eAAe,YAAY,QAAQ;OAC7E,SAAS;OACT,UAA0B,iBAAC,GAAG,mBAAmB,IAAG,CAAE,eAAe,QAAQ;QAC3E,OAAO;QACP,UAAU;OACZ,CAAC;MACH,CAAC,CACH;KACF,CAAC;IACH;GACF,CAAC;EACH,GAAG,SAAS,CACd,EACF,CAAC,CACH;CACF,CAAC;AACH"}
@@ -46,7 +46,7 @@ function AnimationsEnterDemo(props) {
46
46
  transition: "bouncy",
47
47
  bg: "color-9",
48
48
  rounded: "9",
49
- elevation: "4",
49
+ boxShadow: "0 4px 12px shadow-color",
50
50
  size: 110,
51
51
  children: props.children ?? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_logo.LogoIcon, { downscale: .75 })
52
52
  }, key), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
@@ -49,7 +49,7 @@ function AnimationsEnterDemo(props) {
49
49
  transition: "bouncy",
50
50
  bg: "color-9",
51
51
  rounded: "9",
52
- elevation: "4",
52
+ boxShadow: "0 4px 12px shadow-color",
53
53
  size: 110,
54
54
  children: (_props_children = props.children) !== null && _props_children !== void 0 ? _props_children : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_logo.LogoIcon, { downscale: .75 })
55
55
  }, key), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
@@ -49,7 +49,7 @@ function AnimationsEnterDemo(props) {
49
49
  transition: "bouncy",
50
50
  bg: "color-9",
51
51
  rounded: "9",
52
- elevation: "4",
52
+ boxShadow: "0 4px 12px shadow-color",
53
53
  size: 110,
54
54
  children: (_props_children = props.children) !== null && _props_children !== void 0 ? _props_children : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_logo.LogoIcon, { downscale: .75 })
55
55
  }, key), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
@@ -1 +1 @@
1
- {"version":3,"file":"AnimationsEnterDemo.native.js","names":[],"sources":["cjs/AnimationsEnterDemo.native.js"],"sourcesContent":["\"use strict\";\nvar __create = Object.create;\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __getProtoOf = Object.getPrototypeOf;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n for (var name in all)\n __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames(from))\n if (!__hasOwnProp.call(to, key) && key !== except)\n __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n }\n return to;\n};\nvar __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(\n // If the importer is in node compatibility mode or this is not an ESM\n // file that has been converted to a CommonJS file using a Babel-\n // compatible transform (i.e. \"__esModule\" has not been set), then set\n // \"default\" to the CommonJS \"module.exports\" for node compatibility.\n isNodeMode || !mod || !mod.__esModule ? __defProp(target, \"default\", { value: mod, enumerable: true }) : target,\n mod\n));\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar AnimationsEnterDemo_exports = {};\n__export(AnimationsEnterDemo_exports, {\n AnimationsEnterDemo: () => AnimationsEnterDemo\n});\nmodule.exports = __toCommonJS(AnimationsEnterDemo_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_react = __toESM(require(\"react\"), 1);\nvar import_logo = require(\"@tamagui/logo\");\nvar import_tamagui = require(\"tamagui\");\nvar import_useOnIntersecting = require(\"./useOnIntersecting\");\nfunction AnimationsEnterDemo(props) {\n var ref = import_react.default.useRef(null);\n var [key, setKey] = import_react.default.useState(0);\n var hasIntersected = (0, import_useOnIntersecting.useIsIntersecting)(ref, {\n once: true\n });\n if (import_tamagui.isWeb && !hasIntersected) {\n return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, {\n ref\n });\n }\n var _props_children;\n return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {\n children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, {\n opacity: \"1 enter:0\",\n scale: \"1 enter:1.5\",\n y: \"0 enter:-10px\",\n transition: \"bouncy\",\n bg: \"color-9\",\n rounded: \"9\",\n elevation: \"4\",\n size: 110,\n children: (_props_children = props.children) !== null && _props_children !== void 0 ? _props_children : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_logo.LogoIcon, {\n downscale: 0.75\n })\n }, key),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {\n size: \"3\",\n mt: \"4\",\n onPress: function() {\n return setKey(Math.random());\n },\n children: \"Re-mount\"\n })\n ]\n });\n}\n//# sourceMappingURL=AnimationsEnterDemo.js.map\n"],"mappings":";;;AACA,IAAI,WAAW,OAAO;AACtB,IAAI,YAAY,OAAO;AACvB,IAAI,mBAAmB,OAAO;AAC9B,IAAI,oBAAoB,OAAO;AAC/B,IAAI,eAAe,OAAO;AAC1B,IAAI,eAAe,OAAO,UAAU;AACpC,IAAI,YAAY,QAAQ,QAAQ;CAC9B,KAAK,IAAI,QAAQ,KACf,UAAU,QAAQ,MAAM;EAAE,KAAK,IAAI;EAAO,YAAY;CAAK,CAAC;AAChE;AACA,IAAI,eAAe,IAAI,MAAM,QAAQ,SAAS;CAC5C,IAAI,QAAQ,OAAO,SAAS,YAAY,OAAO,SAAS,YAAY;EAClE,KAAK,IAAI,OAAO,kBAAkB,IAAI,GACpC,IAAI,CAAC,aAAa,KAAK,IAAI,GAAG,KAAK,QAAQ,QACzC,UAAU,IAAI,KAAK;GAAE,WAAW,KAAK;GAAM,YAAY,EAAE,OAAO,iBAAiB,MAAM,GAAG,MAAM,KAAK;EAAW,CAAC;CACvH;CACA,OAAO;AACT;AACA,IAAI,WAAW,KAAK,YAAY,YAAY,SAAS,OAAO,OAAO,SAAS,aAAa,GAAG,CAAC,IAAI,CAAC,GAAG,YAKnG,cAAc,CAAC,OAAO,CAAC,IAAI,aAAa,UAAU,QAAQ,WAAW;CAAE,OAAO;CAAK,YAAY;AAAK,CAAC,IAAI,QACzG,GACF;AACA,IAAI,gBAAgB,QAAQ,YAAY,UAAU,CAAC,GAAG,cAAc,EAAE,OAAO,KAAK,CAAC,GAAG,GAAG;AACzF,IAAI,8BAA8B,CAAC;AACnC,SAAS,6BAA6B,EACpC,2BAA2B,oBAC7B,CAAC;AACD,OAAO,UAAU,aAAa,2BAA2B;AACzD,IAAI,qBAAqB,QAAQ,mBAAmB;AACpD,IAAI,eAAe,QAAQ,QAAQ,OAAO,GAAG,CAAC;AAC9C,IAAI,cAAc,QAAQ,eAAe;AACzC,IAAI,iBAAiB,QAAQ,SAAS;AACtC,IAAI,2BAA2B,QAAQ,+BAAqB;AAC5D,SAAS,oBAAoB,OAAO;CAClC,IAAI,MAAM,aAAa,QAAQ,OAAO,IAAI;CAC1C,IAAI,CAAC,KAAK,UAAU,aAAa,QAAQ,SAAS,CAAC;CACnD,IAAI,kBAAkB,GAAG,yBAAyB,kBAAiB,CAAE,KAAK,EACxE,MAAM,KACR,CAAC;CACD,IAAI,eAAe,SAAS,CAAC,gBAAgB;EAC3C,OAAuB,iBAAC,GAAG,mBAAmB,IAAG,CAAE,eAAe,QAAQ,EACxE,IACF,CAAC;CACH;CACA,IAAI;CACJ,OAAuB,iBAAC,GAAG,mBAAmB,KAAI,CAAE,mBAAmB,UAAU,EAC/E,UAAU,CACQ,iBAAC,GAAG,mBAAmB,IAAG,CAAE,eAAe,QAAQ;EACjE,SAAS;EACT,OAAO;EACP,GAAG;EACH,YAAY;EACZ,IAAI;EACJ,SAAS;EACT,WAAW;EACX,MAAM;EACN,WAAW,kBAAkB,MAAM,cAAc,QAAQ,oBAAoB,KAAK,IAAI,kBAAkC,iBAAC,GAAG,mBAAmB,IAAG,CAAE,YAAY,UAAU,EACxK,WAAW,IACb,CAAC;CACH,GAAG,GAAG,GACU,iBAAC,GAAG,mBAAmB,IAAG,CAAE,eAAe,QAAQ;EACjE,MAAM;EACN,IAAI;EACJ,SAAS,WAAW;GAClB,OAAO,OAAO,KAAK,OAAO,CAAC;EAC7B;EACA,UAAU;CACZ,CAAC,CACH,EACF,CAAC;AACH"}
1
+ {"version":3,"file":"AnimationsEnterDemo.native.js","names":[],"sources":["cjs/AnimationsEnterDemo.native.js"],"sourcesContent":["\"use strict\";\nvar __create = Object.create;\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __getProtoOf = Object.getPrototypeOf;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n for (var name in all)\n __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames(from))\n if (!__hasOwnProp.call(to, key) && key !== except)\n __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n }\n return to;\n};\nvar __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(\n // If the importer is in node compatibility mode or this is not an ESM\n // file that has been converted to a CommonJS file using a Babel-\n // compatible transform (i.e. \"__esModule\" has not been set), then set\n // \"default\" to the CommonJS \"module.exports\" for node compatibility.\n isNodeMode || !mod || !mod.__esModule ? __defProp(target, \"default\", { value: mod, enumerable: true }) : target,\n mod\n));\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar AnimationsEnterDemo_exports = {};\n__export(AnimationsEnterDemo_exports, {\n AnimationsEnterDemo: () => AnimationsEnterDemo\n});\nmodule.exports = __toCommonJS(AnimationsEnterDemo_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_react = __toESM(require(\"react\"), 1);\nvar import_logo = require(\"@tamagui/logo\");\nvar import_tamagui = require(\"tamagui\");\nvar import_useOnIntersecting = require(\"./useOnIntersecting\");\nfunction AnimationsEnterDemo(props) {\n var ref = import_react.default.useRef(null);\n var [key, setKey] = import_react.default.useState(0);\n var hasIntersected = (0, import_useOnIntersecting.useIsIntersecting)(ref, {\n once: true\n });\n if (import_tamagui.isWeb && !hasIntersected) {\n return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, {\n ref\n });\n }\n var _props_children;\n return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {\n children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, {\n opacity: \"1 enter:0\",\n scale: \"1 enter:1.5\",\n y: \"0 enter:-10px\",\n transition: \"bouncy\",\n bg: \"color-9\",\n rounded: \"9\",\n boxShadow: \"0 4px 12px shadow-color\",\n size: 110,\n children: (_props_children = props.children) !== null && _props_children !== void 0 ? _props_children : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_logo.LogoIcon, {\n downscale: 0.75\n })\n }, key),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {\n size: \"3\",\n mt: \"4\",\n onPress: function() {\n return setKey(Math.random());\n },\n children: \"Re-mount\"\n })\n ]\n });\n}\n//# sourceMappingURL=AnimationsEnterDemo.js.map\n"],"mappings":";;;AACA,IAAI,WAAW,OAAO;AACtB,IAAI,YAAY,OAAO;AACvB,IAAI,mBAAmB,OAAO;AAC9B,IAAI,oBAAoB,OAAO;AAC/B,IAAI,eAAe,OAAO;AAC1B,IAAI,eAAe,OAAO,UAAU;AACpC,IAAI,YAAY,QAAQ,QAAQ;CAC9B,KAAK,IAAI,QAAQ,KACf,UAAU,QAAQ,MAAM;EAAE,KAAK,IAAI;EAAO,YAAY;CAAK,CAAC;AAChE;AACA,IAAI,eAAe,IAAI,MAAM,QAAQ,SAAS;CAC5C,IAAI,QAAQ,OAAO,SAAS,YAAY,OAAO,SAAS,YAAY;EAClE,KAAK,IAAI,OAAO,kBAAkB,IAAI,GACpC,IAAI,CAAC,aAAa,KAAK,IAAI,GAAG,KAAK,QAAQ,QACzC,UAAU,IAAI,KAAK;GAAE,WAAW,KAAK;GAAM,YAAY,EAAE,OAAO,iBAAiB,MAAM,GAAG,MAAM,KAAK;EAAW,CAAC;CACvH;CACA,OAAO;AACT;AACA,IAAI,WAAW,KAAK,YAAY,YAAY,SAAS,OAAO,OAAO,SAAS,aAAa,GAAG,CAAC,IAAI,CAAC,GAAG,YAKnG,cAAc,CAAC,OAAO,CAAC,IAAI,aAAa,UAAU,QAAQ,WAAW;CAAE,OAAO;CAAK,YAAY;AAAK,CAAC,IAAI,QACzG,GACF;AACA,IAAI,gBAAgB,QAAQ,YAAY,UAAU,CAAC,GAAG,cAAc,EAAE,OAAO,KAAK,CAAC,GAAG,GAAG;AACzF,IAAI,8BAA8B,CAAC;AACnC,SAAS,6BAA6B,EACpC,2BAA2B,oBAC7B,CAAC;AACD,OAAO,UAAU,aAAa,2BAA2B;AACzD,IAAI,qBAAqB,QAAQ,mBAAmB;AACpD,IAAI,eAAe,QAAQ,QAAQ,OAAO,GAAG,CAAC;AAC9C,IAAI,cAAc,QAAQ,eAAe;AACzC,IAAI,iBAAiB,QAAQ,SAAS;AACtC,IAAI,2BAA2B,QAAQ,+BAAqB;AAC5D,SAAS,oBAAoB,OAAO;CAClC,IAAI,MAAM,aAAa,QAAQ,OAAO,IAAI;CAC1C,IAAI,CAAC,KAAK,UAAU,aAAa,QAAQ,SAAS,CAAC;CACnD,IAAI,kBAAkB,GAAG,yBAAyB,kBAAiB,CAAE,KAAK,EACxE,MAAM,KACR,CAAC;CACD,IAAI,eAAe,SAAS,CAAC,gBAAgB;EAC3C,OAAuB,iBAAC,GAAG,mBAAmB,IAAG,CAAE,eAAe,QAAQ,EACxE,IACF,CAAC;CACH;CACA,IAAI;CACJ,OAAuB,iBAAC,GAAG,mBAAmB,KAAI,CAAE,mBAAmB,UAAU,EAC/E,UAAU,CACQ,iBAAC,GAAG,mBAAmB,IAAG,CAAE,eAAe,QAAQ;EACjE,SAAS;EACT,OAAO;EACP,GAAG;EACH,YAAY;EACZ,IAAI;EACJ,SAAS;EACT,WAAW;EACX,MAAM;EACN,WAAW,kBAAkB,MAAM,cAAc,QAAQ,oBAAoB,KAAK,IAAI,kBAAkC,iBAAC,GAAG,mBAAmB,IAAG,CAAE,YAAY,UAAU,EACxK,WAAW,IACb,CAAC;CACH,GAAG,GAAG,GACU,iBAAC,GAAG,mBAAmB,IAAG,CAAE,eAAe,QAAQ;EACjE,MAAM;EACN,IAAI;EACJ,SAAS,WAAW;GAClB,OAAO,OAAO,KAAK,OAAO,CAAC;EAC7B;EACA,UAAU;CACZ,CAAC,CACH,EACF,CAAC;AACH"}
@@ -31,7 +31,7 @@ function AnimationsHoverDemo() {
31
31
  bg: "color-9",
32
32
  rounded: "9",
33
33
  scale: "hover:1.2 press:0.9",
34
- elevation: "4",
34
+ boxShadow: "0 4px 12px shadow-color",
35
35
  size: 104,
36
36
  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_logo.LogoIcon, { downscale: .75 })
37
37
  });
@@ -33,7 +33,7 @@ function AnimationsHoverDemo() {
33
33
  bg: "color-9",
34
34
  rounded: "9",
35
35
  scale: "hover:1.2 press:0.9",
36
- elevation: "4",
36
+ boxShadow: "0 4px 12px shadow-color",
37
37
  size: 104,
38
38
  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_logo.LogoIcon, { downscale: .75 })
39
39
  });
@@ -33,7 +33,7 @@ function AnimationsHoverDemo() {
33
33
  bg: "color-9",
34
34
  rounded: "9",
35
35
  scale: "hover:1.2 press:0.9",
36
- elevation: "4",
36
+ boxShadow: "0 4px 12px shadow-color",
37
37
  size: 104,
38
38
  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_logo.LogoIcon, { downscale: .75 })
39
39
  });
@@ -1 +1 @@
1
- {"version":3,"file":"AnimationsHoverDemo.native.js","names":[],"sources":["cjs/AnimationsHoverDemo.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n for (var name in all)\n __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames(from))\n if (!__hasOwnProp.call(to, key) && key !== except)\n __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n }\n return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar AnimationsHoverDemo_exports = {};\n__export(AnimationsHoverDemo_exports, {\n AnimationsHoverDemo: () => AnimationsHoverDemo\n});\nmodule.exports = __toCommonJS(AnimationsHoverDemo_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_logo = require(\"@tamagui/logo\");\nvar import_tamagui = require(\"tamagui\");\nfunction AnimationsHoverDemo() {\n return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, {\n borderColor: \"border-color\",\n transition: \"bouncy\",\n bg: \"color-9\",\n rounded: \"9\",\n scale: \"hover:1.2 press:0.9\",\n elevation: \"4\",\n size: 104,\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_logo.LogoIcon, {\n downscale: 0.75\n })\n });\n}\n//# sourceMappingURL=AnimationsHoverDemo.js.map\n"],"mappings":";;;AACA,IAAI,YAAY,OAAO;AACvB,IAAI,mBAAmB,OAAO;AAC9B,IAAI,oBAAoB,OAAO;AAC/B,IAAI,eAAe,OAAO,UAAU;AACpC,IAAI,YAAY,QAAQ,QAAQ;CAC9B,KAAK,IAAI,QAAQ,KACf,UAAU,QAAQ,MAAM;EAAE,KAAK,IAAI;EAAO,YAAY;CAAK,CAAC;AAChE;AACA,IAAI,eAAe,IAAI,MAAM,QAAQ,SAAS;CAC5C,IAAI,QAAQ,OAAO,SAAS,YAAY,OAAO,SAAS,YAAY;EAClE,KAAK,IAAI,OAAO,kBAAkB,IAAI,GACpC,IAAI,CAAC,aAAa,KAAK,IAAI,GAAG,KAAK,QAAQ,QACzC,UAAU,IAAI,KAAK;GAAE,WAAW,KAAK;GAAM,YAAY,EAAE,OAAO,iBAAiB,MAAM,GAAG,MAAM,KAAK;EAAW,CAAC;CACvH;CACA,OAAO;AACT;AACA,IAAI,gBAAgB,QAAQ,YAAY,UAAU,CAAC,GAAG,cAAc,EAAE,OAAO,KAAK,CAAC,GAAG,GAAG;AACzF,IAAI,8BAA8B,CAAC;AACnC,SAAS,6BAA6B,EACpC,2BAA2B,oBAC7B,CAAC;AACD,OAAO,UAAU,aAAa,2BAA2B;AACzD,IAAI,qBAAqB,QAAQ,mBAAmB;AACpD,IAAI,cAAc,QAAQ,eAAe;AACzC,IAAI,iBAAiB,QAAQ,SAAS;AACtC,SAAS,sBAAsB;CAC7B,OAAuB,iBAAC,GAAG,mBAAmB,IAAG,CAAE,eAAe,QAAQ;EACxE,aAAa;EACb,YAAY;EACZ,IAAI;EACJ,SAAS;EACT,OAAO;EACP,WAAW;EACX,MAAM;EACN,UAA0B,iBAAC,GAAG,mBAAmB,IAAG,CAAE,YAAY,UAAU,EAC1E,WAAW,IACb,CAAC;CACH,CAAC;AACH"}
1
+ {"version":3,"file":"AnimationsHoverDemo.native.js","names":[],"sources":["cjs/AnimationsHoverDemo.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n for (var name in all)\n __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames(from))\n if (!__hasOwnProp.call(to, key) && key !== except)\n __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n }\n return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar AnimationsHoverDemo_exports = {};\n__export(AnimationsHoverDemo_exports, {\n AnimationsHoverDemo: () => AnimationsHoverDemo\n});\nmodule.exports = __toCommonJS(AnimationsHoverDemo_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_logo = require(\"@tamagui/logo\");\nvar import_tamagui = require(\"tamagui\");\nfunction AnimationsHoverDemo() {\n return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, {\n borderColor: \"border-color\",\n transition: \"bouncy\",\n bg: \"color-9\",\n rounded: \"9\",\n scale: \"hover:1.2 press:0.9\",\n boxShadow: \"0 4px 12px shadow-color\",\n size: 104,\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_logo.LogoIcon, {\n downscale: 0.75\n })\n });\n}\n//# sourceMappingURL=AnimationsHoverDemo.js.map\n"],"mappings":";;;AACA,IAAI,YAAY,OAAO;AACvB,IAAI,mBAAmB,OAAO;AAC9B,IAAI,oBAAoB,OAAO;AAC/B,IAAI,eAAe,OAAO,UAAU;AACpC,IAAI,YAAY,QAAQ,QAAQ;CAC9B,KAAK,IAAI,QAAQ,KACf,UAAU,QAAQ,MAAM;EAAE,KAAK,IAAI;EAAO,YAAY;CAAK,CAAC;AAChE;AACA,IAAI,eAAe,IAAI,MAAM,QAAQ,SAAS;CAC5C,IAAI,QAAQ,OAAO,SAAS,YAAY,OAAO,SAAS,YAAY;EAClE,KAAK,IAAI,OAAO,kBAAkB,IAAI,GACpC,IAAI,CAAC,aAAa,KAAK,IAAI,GAAG,KAAK,QAAQ,QACzC,UAAU,IAAI,KAAK;GAAE,WAAW,KAAK;GAAM,YAAY,EAAE,OAAO,iBAAiB,MAAM,GAAG,MAAM,KAAK;EAAW,CAAC;CACvH;CACA,OAAO;AACT;AACA,IAAI,gBAAgB,QAAQ,YAAY,UAAU,CAAC,GAAG,cAAc,EAAE,OAAO,KAAK,CAAC,GAAG,GAAG;AACzF,IAAI,8BAA8B,CAAC;AACnC,SAAS,6BAA6B,EACpC,2BAA2B,oBAC7B,CAAC;AACD,OAAO,UAAU,aAAa,2BAA2B;AACzD,IAAI,qBAAqB,QAAQ,mBAAmB;AACpD,IAAI,cAAc,QAAQ,eAAe;AACzC,IAAI,iBAAiB,QAAQ,SAAS;AACtC,SAAS,sBAAsB;CAC7B,OAAuB,iBAAC,GAAG,mBAAmB,IAAG,CAAE,eAAe,QAAQ;EACxE,aAAa;EACb,YAAY;EACZ,IAAI;EACJ,SAAS;EACT,OAAO;EACP,WAAW;EACX,MAAM;EACN,UAA0B,iBAAC,GAAG,mBAAmB,IAAG,CAAE,YAAY,UAAU,EAC1E,WAAW,IACb,CAAC;CACH,CAAC;AACH"}
@@ -30,7 +30,7 @@ function AnimationsTimingDemo() {
30
30
  transition: "100ms",
31
31
  rounded: "9",
32
32
  scale: "hover:1.2 press:0.9",
33
- elevation: "4",
33
+ boxShadow: "0 4px 12px shadow-color",
34
34
  size: 110,
35
35
  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_logo.LogoIcon, { downscale: .75 })
36
36
  });
@@ -32,7 +32,7 @@ function AnimationsTimingDemo() {
32
32
  transition: "100ms",
33
33
  rounded: "9",
34
34
  scale: "hover:1.2 press:0.9",
35
- elevation: "4",
35
+ boxShadow: "0 4px 12px shadow-color",
36
36
  size: 110,
37
37
  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_logo.LogoIcon, { downscale: .75 })
38
38
  });
@@ -32,7 +32,7 @@ function AnimationsTimingDemo() {
32
32
  transition: "100ms",
33
33
  rounded: "9",
34
34
  scale: "hover:1.2 press:0.9",
35
- elevation: "4",
35
+ boxShadow: "0 4px 12px shadow-color",
36
36
  size: 110,
37
37
  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_logo.LogoIcon, { downscale: .75 })
38
38
  });
@@ -1 +1 @@
1
- {"version":3,"file":"AnimationsTimingDemo.native.js","names":[],"sources":["cjs/AnimationsTimingDemo.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n for (var name in all)\n __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames(from))\n if (!__hasOwnProp.call(to, key) && key !== except)\n __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n }\n return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar AnimationsTimingDemo_exports = {};\n__export(AnimationsTimingDemo_exports, {\n AnimationsTimingDemo: () => AnimationsTimingDemo\n});\nmodule.exports = __toCommonJS(AnimationsTimingDemo_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_logo = require(\"@tamagui/logo\");\nvar import_tamagui = require(\"tamagui\");\nfunction AnimationsTimingDemo() {\n return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, {\n bg: \"color-9\",\n transition: \"100ms\",\n rounded: \"9\",\n scale: \"hover:1.2 press:0.9\",\n elevation: \"4\",\n size: 110,\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_logo.LogoIcon, {\n downscale: 0.75\n })\n });\n}\n//# sourceMappingURL=AnimationsTimingDemo.js.map\n"],"mappings":";;;AACA,IAAI,YAAY,OAAO;AACvB,IAAI,mBAAmB,OAAO;AAC9B,IAAI,oBAAoB,OAAO;AAC/B,IAAI,eAAe,OAAO,UAAU;AACpC,IAAI,YAAY,QAAQ,QAAQ;CAC9B,KAAK,IAAI,QAAQ,KACf,UAAU,QAAQ,MAAM;EAAE,KAAK,IAAI;EAAO,YAAY;CAAK,CAAC;AAChE;AACA,IAAI,eAAe,IAAI,MAAM,QAAQ,SAAS;CAC5C,IAAI,QAAQ,OAAO,SAAS,YAAY,OAAO,SAAS,YAAY;EAClE,KAAK,IAAI,OAAO,kBAAkB,IAAI,GACpC,IAAI,CAAC,aAAa,KAAK,IAAI,GAAG,KAAK,QAAQ,QACzC,UAAU,IAAI,KAAK;GAAE,WAAW,KAAK;GAAM,YAAY,EAAE,OAAO,iBAAiB,MAAM,GAAG,MAAM,KAAK;EAAW,CAAC;CACvH;CACA,OAAO;AACT;AACA,IAAI,gBAAgB,QAAQ,YAAY,UAAU,CAAC,GAAG,cAAc,EAAE,OAAO,KAAK,CAAC,GAAG,GAAG;AACzF,IAAI,+BAA+B,CAAC;AACpC,SAAS,8BAA8B,EACrC,4BAA4B,qBAC9B,CAAC;AACD,OAAO,UAAU,aAAa,4BAA4B;AAC1D,IAAI,qBAAqB,QAAQ,mBAAmB;AACpD,IAAI,cAAc,QAAQ,eAAe;AACzC,IAAI,iBAAiB,QAAQ,SAAS;AACtC,SAAS,uBAAuB;CAC9B,OAAuB,iBAAC,GAAG,mBAAmB,IAAG,CAAE,eAAe,QAAQ;EACxE,IAAI;EACJ,YAAY;EACZ,SAAS;EACT,OAAO;EACP,WAAW;EACX,MAAM;EACN,UAA0B,iBAAC,GAAG,mBAAmB,IAAG,CAAE,YAAY,UAAU,EAC1E,WAAW,IACb,CAAC;CACH,CAAC;AACH"}
1
+ {"version":3,"file":"AnimationsTimingDemo.native.js","names":[],"sources":["cjs/AnimationsTimingDemo.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n for (var name in all)\n __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames(from))\n if (!__hasOwnProp.call(to, key) && key !== except)\n __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n }\n return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar AnimationsTimingDemo_exports = {};\n__export(AnimationsTimingDemo_exports, {\n AnimationsTimingDemo: () => AnimationsTimingDemo\n});\nmodule.exports = __toCommonJS(AnimationsTimingDemo_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_logo = require(\"@tamagui/logo\");\nvar import_tamagui = require(\"tamagui\");\nfunction AnimationsTimingDemo() {\n return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, {\n bg: \"color-9\",\n transition: \"100ms\",\n rounded: \"9\",\n scale: \"hover:1.2 press:0.9\",\n boxShadow: \"0 4px 12px shadow-color\",\n size: 110,\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_logo.LogoIcon, {\n downscale: 0.75\n })\n });\n}\n//# sourceMappingURL=AnimationsTimingDemo.js.map\n"],"mappings":";;;AACA,IAAI,YAAY,OAAO;AACvB,IAAI,mBAAmB,OAAO;AAC9B,IAAI,oBAAoB,OAAO;AAC/B,IAAI,eAAe,OAAO,UAAU;AACpC,IAAI,YAAY,QAAQ,QAAQ;CAC9B,KAAK,IAAI,QAAQ,KACf,UAAU,QAAQ,MAAM;EAAE,KAAK,IAAI;EAAO,YAAY;CAAK,CAAC;AAChE;AACA,IAAI,eAAe,IAAI,MAAM,QAAQ,SAAS;CAC5C,IAAI,QAAQ,OAAO,SAAS,YAAY,OAAO,SAAS,YAAY;EAClE,KAAK,IAAI,OAAO,kBAAkB,IAAI,GACpC,IAAI,CAAC,aAAa,KAAK,IAAI,GAAG,KAAK,QAAQ,QACzC,UAAU,IAAI,KAAK;GAAE,WAAW,KAAK;GAAM,YAAY,EAAE,OAAO,iBAAiB,MAAM,GAAG,MAAM,KAAK;EAAW,CAAC;CACvH;CACA,OAAO;AACT;AACA,IAAI,gBAAgB,QAAQ,YAAY,UAAU,CAAC,GAAG,cAAc,EAAE,OAAO,KAAK,CAAC,GAAG,GAAG;AACzF,IAAI,+BAA+B,CAAC;AACpC,SAAS,8BAA8B,EACrC,4BAA4B,qBAC9B,CAAC;AACD,OAAO,UAAU,aAAa,4BAA4B;AAC1D,IAAI,qBAAqB,QAAQ,mBAAmB;AACpD,IAAI,cAAc,QAAQ,eAAe;AACzC,IAAI,iBAAiB,QAAQ,SAAS;AACtC,SAAS,uBAAuB;CAC9B,OAAuB,iBAAC,GAAG,mBAAmB,IAAG,CAAE,eAAe,QAAQ;EACxE,IAAI;EACJ,YAAY;EACZ,SAAS;EACT,OAAO;EACP,WAAW;EACX,MAAM;EACN,UAA0B,iBAAC,GAAG,mBAAmB,IAAG,CAAE,YAAY,UAAU,EAC1E,WAAW,IACb,CAAC;CACH,CAAC;AACH"}
@@ -27,27 +27,23 @@ module.exports = __toCommonJS(CheckboxDemo_exports);
27
27
  var import_lucide_icons_2 = require("@tamagui/lucide-icons-2");
28
28
  var import_tamagui = require("tamagui");
29
29
  var import_jsx_runtime = require("react/jsx-runtime");
30
- const checkedStyle = (0, import_tamagui.style)({ backgroundColor: "accent-background" });
31
30
  function CheckboxDemo() {
32
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Theme, {
33
- name: "level3",
34
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
35
- width: 300,
36
- items: "center",
37
- gap: "2",
38
- children: [
39
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CheckboxWithLabel, { size: "3" }),
40
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CheckboxWithLabel, {
41
- size: "4",
42
- defaultChecked: true
43
- }),
44
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CheckboxWithLabel, {
45
- size: "5",
46
- disabled: true,
47
- label: "Accept terms (disabled)"
48
- })
49
- ]
50
- })
31
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
32
+ width: 300,
33
+ items: "center",
34
+ gap: "2",
35
+ children: [
36
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CheckboxWithLabel, { size: "3" }),
37
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CheckboxWithLabel, {
38
+ size: "4",
39
+ defaultChecked: true
40
+ }),
41
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CheckboxWithLabel, {
42
+ size: "5",
43
+ disabled: true,
44
+ label: "Accept terms (disabled)"
45
+ })
46
+ ]
51
47
  });
52
48
  }
53
49
  function CheckboxWithLabel({ size, label = "Accept terms and conditions", disabled, ...checkboxProps }) {
@@ -62,7 +58,6 @@ function CheckboxWithLabel({ size, label = "Accept terms and conditions", disabl
62
58
  id,
63
59
  size,
64
60
  disabled,
65
- activeStyle: checkedStyle,
66
61
  ...checkboxProps,
67
62
  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Checkbox.Indicator, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons_2.Check, {}) })
68
63
  }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, {
@@ -29,27 +29,23 @@ module.exports = __toCommonJS(CheckboxDemo_exports);
29
29
  var import_jsx_runtime = require("react/jsx-runtime");
30
30
  var import_lucide_icons_2 = require("@tamagui/lucide-icons-2");
31
31
  var import_tamagui = require("tamagui");
32
- var checkedStyle = (0, import_tamagui.style)({ backgroundColor: "accent-background" });
33
32
  function CheckboxDemo() {
34
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Theme, {
35
- name: "level3",
36
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
37
- width: 300,
38
- items: "center",
39
- gap: "2",
40
- children: [
41
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CheckboxWithLabel, { size: "3" }),
42
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CheckboxWithLabel, {
43
- size: "4",
44
- defaultChecked: true
45
- }),
46
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CheckboxWithLabel, {
47
- size: "5",
48
- disabled: true,
49
- label: "Accept terms (disabled)"
50
- })
51
- ]
52
- })
33
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
34
+ width: 300,
35
+ items: "center",
36
+ gap: "2",
37
+ children: [
38
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CheckboxWithLabel, { size: "3" }),
39
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CheckboxWithLabel, {
40
+ size: "4",
41
+ defaultChecked: true
42
+ }),
43
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CheckboxWithLabel, {
44
+ size: "5",
45
+ disabled: true,
46
+ label: "Accept terms (disabled)"
47
+ })
48
+ ]
53
49
  });
54
50
  }
55
51
  function CheckboxWithLabel(param) {
@@ -65,7 +61,6 @@ function CheckboxWithLabel(param) {
65
61
  id,
66
62
  size,
67
63
  disabled,
68
- activeStyle: checkedStyle,
69
64
  ...checkboxProps,
70
65
  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Checkbox.Indicator, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons_2.Check, {}) })
71
66
  }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, {
@@ -29,27 +29,23 @@ module.exports = __toCommonJS(CheckboxDemo_exports);
29
29
  var import_jsx_runtime = require("react/jsx-runtime");
30
30
  var import_lucide_icons_2 = require("@tamagui/lucide-icons-2");
31
31
  var import_tamagui = require("tamagui");
32
- var checkedStyle = (0, import_tamagui.style)({ backgroundColor: "accent-background" });
33
32
  function CheckboxDemo() {
34
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Theme, {
35
- name: "level3",
36
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
37
- width: 300,
38
- items: "center",
39
- gap: "2",
40
- children: [
41
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CheckboxWithLabel, { size: "3" }),
42
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CheckboxWithLabel, {
43
- size: "4",
44
- defaultChecked: true
45
- }),
46
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CheckboxWithLabel, {
47
- size: "5",
48
- disabled: true,
49
- label: "Accept terms (disabled)"
50
- })
51
- ]
52
- })
33
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
34
+ width: 300,
35
+ items: "center",
36
+ gap: "2",
37
+ children: [
38
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CheckboxWithLabel, { size: "3" }),
39
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CheckboxWithLabel, {
40
+ size: "4",
41
+ defaultChecked: true
42
+ }),
43
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CheckboxWithLabel, {
44
+ size: "5",
45
+ disabled: true,
46
+ label: "Accept terms (disabled)"
47
+ })
48
+ ]
53
49
  });
54
50
  }
55
51
  function CheckboxWithLabel(param) {
@@ -65,7 +61,6 @@ function CheckboxWithLabel(param) {
65
61
  id,
66
62
  size,
67
63
  disabled,
68
- activeStyle: checkedStyle,
69
64
  ...checkboxProps,
70
65
  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Checkbox.Indicator, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons_2.Check, {}) })
71
66
  }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, {
@@ -1 +1 @@
1
- {"version":3,"file":"CheckboxDemo.native.js","names":[],"sources":["cjs/CheckboxDemo.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n for (var name in all)\n __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames(from))\n if (!__hasOwnProp.call(to, key) && key !== except)\n __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n }\n return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar CheckboxDemo_exports = {};\n__export(CheckboxDemo_exports, {\n CheckboxDemo: () => CheckboxDemo,\n CheckboxWithLabel: () => CheckboxWithLabel\n});\nmodule.exports = __toCommonJS(CheckboxDemo_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_lucide_icons_2 = require(\"@tamagui/lucide-icons-2\");\nvar import_tamagui = require(\"tamagui\");\nvar checkedStyle = (0, import_tamagui.style)({\n backgroundColor: \"accent-background\"\n});\nfunction CheckboxDemo() {\n return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Theme, {\n name: \"level3\",\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {\n width: 300,\n items: \"center\",\n gap: \"2\",\n children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CheckboxWithLabel, {\n size: \"3\"\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CheckboxWithLabel, {\n size: \"4\",\n defaultChecked: true\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CheckboxWithLabel, {\n size: \"5\",\n disabled: true,\n label: \"Accept terms (disabled)\"\n })\n ]\n })\n });\n}\nfunction CheckboxWithLabel(param) {\n var { size, label = \"Accept terms and conditions\", disabled, ...checkboxProps } = param;\n var id = `checkbox-${size || \"\"}`;\n return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Theme, {\n name: disabled ? \"gray\" : null,\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {\n width: 300,\n items: \"center\",\n gap: \"4\",\n children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Checkbox, {\n id,\n size,\n disabled,\n activeStyle: checkedStyle,\n ...checkboxProps,\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Checkbox.Indicator, {\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons_2.Check, {})\n })\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, {\n size,\n htmlFor: id,\n opacity: disabled ? 0.5 : 1,\n children: label\n })\n ]\n })\n });\n}\n//# sourceMappingURL=CheckboxDemo.js.map\n"],"mappings":";;;AACA,IAAI,YAAY,OAAO;AACvB,IAAI,mBAAmB,OAAO;AAC9B,IAAI,oBAAoB,OAAO;AAC/B,IAAI,eAAe,OAAO,UAAU;AACpC,IAAI,YAAY,QAAQ,QAAQ;CAC9B,KAAK,IAAI,QAAQ,KACf,UAAU,QAAQ,MAAM;EAAE,KAAK,IAAI;EAAO,YAAY;CAAK,CAAC;AAChE;AACA,IAAI,eAAe,IAAI,MAAM,QAAQ,SAAS;CAC5C,IAAI,QAAQ,OAAO,SAAS,YAAY,OAAO,SAAS,YAAY;EAClE,KAAK,IAAI,OAAO,kBAAkB,IAAI,GACpC,IAAI,CAAC,aAAa,KAAK,IAAI,GAAG,KAAK,QAAQ,QACzC,UAAU,IAAI,KAAK;GAAE,WAAW,KAAK;GAAM,YAAY,EAAE,OAAO,iBAAiB,MAAM,GAAG,MAAM,KAAK;EAAW,CAAC;CACvH;CACA,OAAO;AACT;AACA,IAAI,gBAAgB,QAAQ,YAAY,UAAU,CAAC,GAAG,cAAc,EAAE,OAAO,KAAK,CAAC,GAAG,GAAG;AACzF,IAAI,uBAAuB,CAAC;AAC5B,SAAS,sBAAsB;CAC7B,oBAAoB;CACpB,yBAAyB;AAC3B,CAAC;AACD,OAAO,UAAU,aAAa,oBAAoB;AAClD,IAAI,qBAAqB,QAAQ,mBAAmB;AACpD,IAAI,wBAAwB,QAAQ,yBAAyB;AAC7D,IAAI,iBAAiB,QAAQ,SAAS;AACtC,IAAI,gBAAgB,GAAG,eAAe,MAAK,CAAE,EAC3C,iBAAiB,oBACnB,CAAC;AACD,SAAS,eAAe;CACtB,OAAuB,iBAAC,GAAG,mBAAmB,IAAG,CAAE,eAAe,OAAO;EACvE,MAAM;EACN,UAA0B,iBAAC,GAAG,mBAAmB,KAAI,CAAE,eAAe,QAAQ;GAC5E,OAAO;GACP,OAAO;GACP,KAAK;GACL,UAAU;IACQ,iBAAC,GAAG,mBAAmB,IAAG,CAAE,mBAAmB,EAC7D,MAAM,IACR,CAAC;IACe,iBAAC,GAAG,mBAAmB,IAAG,CAAE,mBAAmB;KAC7D,MAAM;KACN,gBAAgB;IAClB,CAAC;IACe,iBAAC,GAAG,mBAAmB,IAAG,CAAE,mBAAmB;KAC7D,MAAM;KACN,UAAU;KACV,OAAO;IACT,CAAC;GACH;EACF,CAAC;CACH,CAAC;AACH;AACA,SAAS,kBAAkB,OAAO;CAChC,IAAI,EAAE,MAAM,QAAQ,+BAA+B,UAAU,GAAG,kBAAkB;CAClF,IAAI,KAAK,YAAY,QAAQ;CAC7B,OAAuB,iBAAC,GAAG,mBAAmB,IAAG,CAAE,eAAe,OAAO;EACvE,MAAM,WAAW,SAAS;EAC1B,UAA0B,iBAAC,GAAG,mBAAmB,KAAI,CAAE,eAAe,QAAQ;GAC5E,OAAO;GACP,OAAO;GACP,KAAK;GACL,UAAU,CACQ,iBAAC,GAAG,mBAAmB,IAAG,CAAE,eAAe,UAAU;IACnE;IACA;IACA;IACA,aAAa;IACb,GAAG;IACH,UAA0B,iBAAC,GAAG,mBAAmB,IAAG,CAAE,eAAe,SAAS,WAAW,EACvF,UAA0B,iBAAC,GAAG,mBAAmB,IAAG,CAAE,sBAAsB,OAAO,CAAC,CAAC,EACvF,CAAC;GACH,CAAC,GACe,iBAAC,GAAG,mBAAmB,IAAG,CAAE,eAAe,OAAO;IAChE;IACA,SAAS;IACT,SAAS,WAAW,KAAM;IAC1B,UAAU;GACZ,CAAC,CACH;EACF,CAAC;CACH,CAAC;AACH"}
1
+ {"version":3,"file":"CheckboxDemo.native.js","names":[],"sources":["cjs/CheckboxDemo.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n for (var name in all)\n __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames(from))\n if (!__hasOwnProp.call(to, key) && key !== except)\n __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n }\n return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar CheckboxDemo_exports = {};\n__export(CheckboxDemo_exports, {\n CheckboxDemo: () => CheckboxDemo,\n CheckboxWithLabel: () => CheckboxWithLabel\n});\nmodule.exports = __toCommonJS(CheckboxDemo_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_lucide_icons_2 = require(\"@tamagui/lucide-icons-2\");\nvar import_tamagui = require(\"tamagui\");\nfunction CheckboxDemo() {\n return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {\n width: 300,\n items: \"center\",\n gap: \"2\",\n children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CheckboxWithLabel, {\n size: \"3\"\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CheckboxWithLabel, {\n size: \"4\",\n defaultChecked: true\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CheckboxWithLabel, {\n size: \"5\",\n disabled: true,\n label: \"Accept terms (disabled)\"\n })\n ]\n });\n}\nfunction CheckboxWithLabel(param) {\n var { size, label = \"Accept terms and conditions\", disabled, ...checkboxProps } = param;\n var id = `checkbox-${size || \"\"}`;\n return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Theme, {\n name: disabled ? \"gray\" : null,\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {\n width: 300,\n items: \"center\",\n gap: \"4\",\n children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Checkbox, {\n id,\n size,\n disabled,\n ...checkboxProps,\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Checkbox.Indicator, {\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons_2.Check, {})\n })\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, {\n size,\n htmlFor: id,\n opacity: disabled ? 0.5 : 1,\n children: label\n })\n ]\n })\n });\n}\n//# sourceMappingURL=CheckboxDemo.js.map\n"],"mappings":";;;AACA,IAAI,YAAY,OAAO;AACvB,IAAI,mBAAmB,OAAO;AAC9B,IAAI,oBAAoB,OAAO;AAC/B,IAAI,eAAe,OAAO,UAAU;AACpC,IAAI,YAAY,QAAQ,QAAQ;CAC9B,KAAK,IAAI,QAAQ,KACf,UAAU,QAAQ,MAAM;EAAE,KAAK,IAAI;EAAO,YAAY;CAAK,CAAC;AAChE;AACA,IAAI,eAAe,IAAI,MAAM,QAAQ,SAAS;CAC5C,IAAI,QAAQ,OAAO,SAAS,YAAY,OAAO,SAAS,YAAY;EAClE,KAAK,IAAI,OAAO,kBAAkB,IAAI,GACpC,IAAI,CAAC,aAAa,KAAK,IAAI,GAAG,KAAK,QAAQ,QACzC,UAAU,IAAI,KAAK;GAAE,WAAW,KAAK;GAAM,YAAY,EAAE,OAAO,iBAAiB,MAAM,GAAG,MAAM,KAAK;EAAW,CAAC;CACvH;CACA,OAAO;AACT;AACA,IAAI,gBAAgB,QAAQ,YAAY,UAAU,CAAC,GAAG,cAAc,EAAE,OAAO,KAAK,CAAC,GAAG,GAAG;AACzF,IAAI,uBAAuB,CAAC;AAC5B,SAAS,sBAAsB;CAC7B,oBAAoB;CACpB,yBAAyB;AAC3B,CAAC;AACD,OAAO,UAAU,aAAa,oBAAoB;AAClD,IAAI,qBAAqB,QAAQ,mBAAmB;AACpD,IAAI,wBAAwB,QAAQ,yBAAyB;AAC7D,IAAI,iBAAiB,QAAQ,SAAS;AACtC,SAAS,eAAe;CACtB,OAAuB,iBAAC,GAAG,mBAAmB,KAAI,CAAE,eAAe,QAAQ;EACzE,OAAO;EACP,OAAO;EACP,KAAK;EACL,UAAU;GACQ,iBAAC,GAAG,mBAAmB,IAAG,CAAE,mBAAmB,EAC7D,MAAM,IACR,CAAC;GACe,iBAAC,GAAG,mBAAmB,IAAG,CAAE,mBAAmB;IAC7D,MAAM;IACN,gBAAgB;GAClB,CAAC;GACe,iBAAC,GAAG,mBAAmB,IAAG,CAAE,mBAAmB;IAC7D,MAAM;IACN,UAAU;IACV,OAAO;GACT,CAAC;EACH;CACF,CAAC;AACH;AACA,SAAS,kBAAkB,OAAO;CAChC,IAAI,EAAE,MAAM,QAAQ,+BAA+B,UAAU,GAAG,kBAAkB;CAClF,IAAI,KAAK,YAAY,QAAQ;CAC7B,OAAuB,iBAAC,GAAG,mBAAmB,IAAG,CAAE,eAAe,OAAO;EACvE,MAAM,WAAW,SAAS;EAC1B,UAA0B,iBAAC,GAAG,mBAAmB,KAAI,CAAE,eAAe,QAAQ;GAC5E,OAAO;GACP,OAAO;GACP,KAAK;GACL,UAAU,CACQ,iBAAC,GAAG,mBAAmB,IAAG,CAAE,eAAe,UAAU;IACnE;IACA;IACA;IACA,GAAG;IACH,UAA0B,iBAAC,GAAG,mBAAmB,IAAG,CAAE,eAAe,SAAS,WAAW,EACvF,UAA0B,iBAAC,GAAG,mBAAmB,IAAG,CAAE,sBAAsB,OAAO,CAAC,CAAC,EACvF,CAAC;GACH,CAAC,GACe,iBAAC,GAAG,mBAAmB,IAAG,CAAE,eAAe,OAAO;IAChE;IACA,SAAS;IACT,SAAS,WAAW,KAAM;IAC1B,UAAU;GACZ,CAAC,CACH;EACF,CAAC;CACH,CAAC;AACH"}