@hanzogui/demos 3.0.5 → 4.3.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 (352) hide show
  1. package/dist/cjs/AccordionDemo.cjs +17 -15
  2. package/dist/cjs/AccordionDemo.native.js +17 -15
  3. package/dist/cjs/AccordionDemo.native.js.map +1 -1
  4. package/dist/cjs/AddThemeDemo.cjs +31 -28
  5. package/dist/cjs/AddThemeDemo.native.js +33 -30
  6. package/dist/cjs/AddThemeDemo.native.js.map +1 -1
  7. package/dist/cjs/AlertDialogDemo.cjs +20 -18
  8. package/dist/cjs/AlertDialogDemo.native.js +20 -18
  9. package/dist/cjs/AlertDialogDemo.native.js.map +1 -1
  10. package/dist/cjs/AnimationsDelayDemo.cjs +40 -35
  11. package/dist/cjs/AnimationsDelayDemo.native.js +41 -36
  12. package/dist/cjs/AnimationsDelayDemo.native.js.map +1 -1
  13. package/dist/cjs/AnimationsDemo.cjs +26 -22
  14. package/dist/cjs/AnimationsDemo.native.js +28 -27
  15. package/dist/cjs/AnimationsDemo.native.js.map +1 -1
  16. package/dist/cjs/AnimationsEnterDemo.cjs +39 -34
  17. package/dist/cjs/AnimationsEnterDemo.native.js +38 -34
  18. package/dist/cjs/AnimationsEnterDemo.native.js.map +1 -1
  19. package/dist/cjs/AnimationsHoverDemo.cjs +15 -13
  20. package/dist/cjs/AnimationsHoverDemo.native.js +15 -13
  21. package/dist/cjs/AnimationsHoverDemo.native.js.map +1 -1
  22. package/dist/cjs/AnimationsPresenceDemo.cjs +66 -64
  23. package/dist/cjs/AnimationsPresenceDemo.native.js +69 -67
  24. package/dist/cjs/AnimationsPresenceDemo.native.js.map +1 -1
  25. package/dist/cjs/AnimationsTimingDemo.cjs +15 -13
  26. package/dist/cjs/AnimationsTimingDemo.native.js +15 -13
  27. package/dist/cjs/AnimationsTimingDemo.native.js.map +1 -1
  28. package/dist/cjs/AvatarDemo.cjs +16 -14
  29. package/dist/cjs/AvatarDemo.native.js +16 -14
  30. package/dist/cjs/AvatarDemo.native.js.map +1 -1
  31. package/dist/cjs/BoxShadowTokenDemo.cjs +14 -12
  32. package/dist/cjs/BoxShadowTokenDemo.native.js +21 -19
  33. package/dist/cjs/BoxShadowTokenDemo.native.js.map +1 -1
  34. package/dist/cjs/BuildAButtonDemo.cjs +20 -18
  35. package/dist/cjs/BuildAButtonDemo.native.js +29 -27
  36. package/dist/cjs/BuildAButtonDemo.native.js.map +1 -1
  37. package/dist/cjs/ButtonDemo.cjs +17 -15
  38. package/dist/cjs/ButtonDemo.native.js +17 -15
  39. package/dist/cjs/ButtonDemo.native.js.map +1 -1
  40. package/dist/cjs/CardDemo.cjs +15 -13
  41. package/dist/cjs/CardDemo.native.js +15 -13
  42. package/dist/cjs/CardDemo.native.js.map +1 -1
  43. package/dist/cjs/CheckboxDemo.cjs +17 -15
  44. package/dist/cjs/CheckboxDemo.native.js +23 -21
  45. package/dist/cjs/CheckboxDemo.native.js.map +1 -1
  46. package/dist/cjs/CheckboxHeadlessDemo.cjs +38 -36
  47. package/dist/cjs/CheckboxHeadlessDemo.native.js +38 -36
  48. package/dist/cjs/CheckboxHeadlessDemo.native.js.map +1 -1
  49. package/dist/cjs/CheckboxUnstyledDemo.cjs +41 -39
  50. package/dist/cjs/CheckboxUnstyledDemo.native.js +42 -40
  51. package/dist/cjs/CheckboxUnstyledDemo.native.js.map +1 -1
  52. package/dist/cjs/ColorsDemo.cjs +62 -56
  53. package/dist/cjs/ColorsDemo.native.js +32 -30
  54. package/dist/cjs/ColorsDemo.native.js.map +1 -1
  55. package/dist/cjs/ContextMenuDemo.cjs +49 -45
  56. package/dist/cjs/ContextMenuDemo.native.js +37 -35
  57. package/dist/cjs/ContextMenuDemo.native.js.map +1 -1
  58. package/dist/cjs/DialogDemo.cjs +32 -30
  59. package/dist/cjs/DialogDemo.native.js +34 -32
  60. package/dist/cjs/DialogDemo.native.js.map +1 -1
  61. package/dist/cjs/FormsDemo.cjs +31 -28
  62. package/dist/cjs/FormsDemo.native.js +31 -28
  63. package/dist/cjs/FormsDemo.native.js.map +1 -1
  64. package/dist/cjs/Grid.cjs +51 -42
  65. package/dist/cjs/Grid.native.js +44 -37
  66. package/dist/cjs/Grid.native.js.map +1 -1
  67. package/dist/cjs/GroupDemo.cjs +15 -13
  68. package/dist/cjs/GroupDemo.native.js +15 -13
  69. package/dist/cjs/GroupDemo.native.js.map +1 -1
  70. package/dist/cjs/HeadingsDemo.cjs +14 -12
  71. package/dist/cjs/HeadingsDemo.native.js +14 -12
  72. package/dist/cjs/HeadingsDemo.native.js.map +1 -1
  73. package/dist/cjs/ImageDemo.cjs +14 -12
  74. package/dist/cjs/ImageDemo.native.js +14 -12
  75. package/dist/cjs/ImageDemo.native.js.map +1 -1
  76. package/dist/cjs/InputsDemo.cjs +14 -12
  77. package/dist/cjs/InputsDemo.native.js +14 -12
  78. package/dist/cjs/InputsDemo.native.js.map +1 -1
  79. package/dist/cjs/LabelDemo.cjs +14 -12
  80. package/dist/cjs/LabelDemo.native.js +14 -12
  81. package/dist/cjs/LabelDemo.native.js.map +1 -1
  82. package/dist/cjs/LinearGradientDemo.cjs +15 -13
  83. package/dist/cjs/LinearGradientDemo.native.js +15 -13
  84. package/dist/cjs/LinearGradientDemo.native.js.map +1 -1
  85. package/dist/cjs/ListItemDemo.cjs +15 -13
  86. package/dist/cjs/ListItemDemo.native.js +15 -13
  87. package/dist/cjs/ListItemDemo.native.js.map +1 -1
  88. package/dist/cjs/LucideIconsDemo.cjs +54 -52
  89. package/dist/cjs/LucideIconsDemo.native.js +69 -67
  90. package/dist/cjs/LucideIconsDemo.native.js.map +1 -1
  91. package/dist/cjs/MenuDemo.cjs +38 -36
  92. package/dist/cjs/MenuDemo.native.js +38 -36
  93. package/dist/cjs/MenuDemo.native.js.map +1 -1
  94. package/dist/cjs/NewInputsDemo.cjs +15 -13
  95. package/dist/cjs/NewInputsDemo.native.js +15 -13
  96. package/dist/cjs/NewInputsDemo.native.js.map +1 -1
  97. package/dist/cjs/PopoverDemo.cjs +25 -23
  98. package/dist/cjs/PopoverDemo.native.js +25 -23
  99. package/dist/cjs/PopoverDemo.native.js.map +1 -1
  100. package/dist/cjs/ProgressDemo.cjs +35 -31
  101. package/dist/cjs/ProgressDemo.native.js +35 -31
  102. package/dist/cjs/ProgressDemo.native.js.map +1 -1
  103. package/dist/cjs/RadioGroupDemo.cjs +14 -12
  104. package/dist/cjs/RadioGroupDemo.native.js +14 -12
  105. package/dist/cjs/RadioGroupDemo.native.js.map +1 -1
  106. package/dist/cjs/RadioGroupHeadlessDemo.cjs +68 -63
  107. package/dist/cjs/RadioGroupHeadlessDemo.native.js +60 -60
  108. package/dist/cjs/RadioGroupHeadlessDemo.native.js.map +1 -1
  109. package/dist/cjs/RadioGroupUnstyledDemo.cjs +88 -86
  110. package/dist/cjs/RadioGroupUnstyledDemo.native.js +88 -86
  111. package/dist/cjs/RadioGroupUnstyledDemo.native.js.map +1 -1
  112. package/dist/cjs/ReplaceThemeDemo.cjs +38 -33
  113. package/dist/cjs/ReplaceThemeDemo.native.js +39 -34
  114. package/dist/cjs/ReplaceThemeDemo.native.js.map +1 -1
  115. package/dist/cjs/ScrollViewDemo.cjs +14 -12
  116. package/dist/cjs/ScrollViewDemo.native.js +14 -12
  117. package/dist/cjs/ScrollViewDemo.native.js.map +1 -1
  118. package/dist/cjs/SelectDemo.cjs +49 -45
  119. package/dist/cjs/SelectDemo.native.js +38 -36
  120. package/dist/cjs/SelectDemo.native.js.map +1 -1
  121. package/dist/cjs/SeparatorDemo.cjs +16 -14
  122. package/dist/cjs/SeparatorDemo.native.js +16 -14
  123. package/dist/cjs/SeparatorDemo.native.js.map +1 -1
  124. package/dist/cjs/ShapesDemo.cjs +14 -12
  125. package/dist/cjs/ShapesDemo.native.js +14 -12
  126. package/dist/cjs/ShapesDemo.native.js.map +1 -1
  127. package/dist/cjs/SheetDemo.cjs +124 -118
  128. package/dist/cjs/SheetDemo.native.js +148 -146
  129. package/dist/cjs/SheetDemo.native.js.map +1 -1
  130. package/dist/cjs/SliderDemo.cjs +14 -12
  131. package/dist/cjs/SliderDemo.native.js +14 -12
  132. package/dist/cjs/SliderDemo.native.js.map +1 -1
  133. package/dist/cjs/SpinnerDemo.cjs +14 -12
  134. package/dist/cjs/SpinnerDemo.native.js +14 -12
  135. package/dist/cjs/SpinnerDemo.native.js.map +1 -1
  136. package/dist/cjs/StacksDemo.cjs +17 -15
  137. package/dist/cjs/StacksDemo.native.js +29 -16
  138. package/dist/cjs/StacksDemo.native.js.map +1 -1
  139. package/dist/cjs/SwitchDemo.cjs +18 -16
  140. package/dist/cjs/SwitchDemo.native.js +20 -18
  141. package/dist/cjs/SwitchDemo.native.js.map +1 -1
  142. package/dist/cjs/SwitchHeadlessDemo.cjs +38 -36
  143. package/dist/cjs/SwitchHeadlessDemo.native.js +40 -38
  144. package/dist/cjs/SwitchHeadlessDemo.native.js.map +1 -1
  145. package/dist/cjs/SwitchUnstyledDemo.cjs +50 -48
  146. package/dist/cjs/SwitchUnstyledDemo.native.js +51 -49
  147. package/dist/cjs/SwitchUnstyledDemo.native.js.map +1 -1
  148. package/dist/cjs/TabsAdvancedDemo.cjs +315 -293
  149. package/dist/cjs/TabsAdvancedDemo.native.js +364 -348
  150. package/dist/cjs/TabsAdvancedDemo.native.js.map +1 -1
  151. package/dist/cjs/TabsDemo.cjs +105 -99
  152. package/dist/cjs/TabsDemo.native.js +162 -160
  153. package/dist/cjs/TabsDemo.native.js.map +1 -1
  154. package/dist/cjs/TabsHeadlessDemo.cjs +68 -64
  155. package/dist/cjs/TabsHeadlessDemo.native.js +94 -81
  156. package/dist/cjs/TabsHeadlessDemo.native.js.map +1 -1
  157. package/dist/cjs/TextDemo.cjs +14 -12
  158. package/dist/cjs/TextDemo.native.js +14 -12
  159. package/dist/cjs/TextDemo.native.js.map +1 -1
  160. package/dist/cjs/ThemeBuilderDemo.cjs +15 -13
  161. package/dist/cjs/ThemeBuilderDemo.native.js +15 -13
  162. package/dist/cjs/ThemeBuilderDemo.native.js.map +1 -1
  163. package/dist/cjs/ThemeInverseDemo.cjs +14 -12
  164. package/dist/cjs/ThemeInverseDemo.native.js +14 -12
  165. package/dist/cjs/ThemeInverseDemo.native.js.map +1 -1
  166. package/dist/cjs/ToastDemo.cjs +115 -110
  167. package/dist/cjs/ToastDemo.native.js +144 -141
  168. package/dist/cjs/ToastDemo.native.js.map +1 -1
  169. package/dist/cjs/ToastDuplicateDemo.cjs +29 -27
  170. package/dist/cjs/ToastDuplicateDemo.native.js +74 -72
  171. package/dist/cjs/ToastDuplicateDemo.native.js.map +1 -1
  172. package/dist/cjs/ToggleGroupDemo.cjs +18 -16
  173. package/dist/cjs/ToggleGroupDemo.native.js +18 -16
  174. package/dist/cjs/ToggleGroupDemo.native.js.map +1 -1
  175. package/dist/cjs/TokensDemo.cjs +80 -74
  176. package/dist/cjs/TokensDemo.native.js +58 -55
  177. package/dist/cjs/TokensDemo.native.js.map +1 -1
  178. package/dist/cjs/TooltipDemo.cjs +18 -16
  179. package/dist/cjs/TooltipDemo.native.js +18 -16
  180. package/dist/cjs/TooltipDemo.native.js.map +1 -1
  181. package/dist/cjs/UpdateThemeDemo.cjs +37 -33
  182. package/dist/cjs/UpdateThemeDemo.native.js +38 -34
  183. package/dist/cjs/UpdateThemeDemo.native.js.map +1 -1
  184. package/dist/cjs/WebNativeImageDemo.cjs +14 -12
  185. package/dist/cjs/WebNativeImageDemo.native.js +14 -12
  186. package/dist/cjs/WebNativeImageDemo.native.js.map +1 -1
  187. package/dist/cjs/gui.config.cjs +14 -12
  188. package/dist/cjs/gui.config.native.js +16 -14
  189. package/dist/cjs/gui.config.native.js.map +1 -1
  190. package/dist/cjs/index.cjs +7 -5
  191. package/dist/cjs/index.native.js +7 -5
  192. package/dist/cjs/index.native.js.map +1 -1
  193. package/dist/cjs/useOnIntersecting.cjs +44 -28
  194. package/dist/cjs/useOnIntersecting.native.js +84 -70
  195. package/dist/cjs/useOnIntersecting.native.js.map +1 -1
  196. package/dist/esm/AccordionDemo.mjs +2 -2
  197. package/dist/esm/AccordionDemo.native.js +2 -2
  198. package/dist/esm/AccordionDemo.native.js.map +1 -1
  199. package/dist/esm/AddThemeDemo.mjs +3 -2
  200. package/dist/esm/AddThemeDemo.mjs.map +1 -1
  201. package/dist/esm/AddThemeDemo.native.js +5 -4
  202. package/dist/esm/AddThemeDemo.native.js.map +1 -1
  203. package/dist/esm/AlertDialogDemo.mjs +6 -6
  204. package/dist/esm/AlertDialogDemo.native.js +6 -6
  205. package/dist/esm/AlertDialogDemo.native.js.map +1 -1
  206. package/dist/esm/AnimationsDelayDemo.mjs +12 -9
  207. package/dist/esm/AnimationsDelayDemo.mjs.map +1 -1
  208. package/dist/esm/AnimationsDelayDemo.native.js +12 -9
  209. package/dist/esm/AnimationsDelayDemo.native.js.map +1 -1
  210. package/dist/esm/AnimationsDemo.mjs +10 -8
  211. package/dist/esm/AnimationsDemo.mjs.map +1 -1
  212. package/dist/esm/AnimationsDemo.native.js +12 -13
  213. package/dist/esm/AnimationsDemo.native.js.map +1 -1
  214. package/dist/esm/AnimationsEnterDemo.mjs +10 -7
  215. package/dist/esm/AnimationsEnterDemo.mjs.map +1 -1
  216. package/dist/esm/AnimationsEnterDemo.native.js +9 -7
  217. package/dist/esm/AnimationsEnterDemo.native.js.map +1 -1
  218. package/dist/esm/AnimationsPresenceDemo.mjs +34 -34
  219. package/dist/esm/AnimationsPresenceDemo.mjs.map +1 -1
  220. package/dist/esm/AnimationsPresenceDemo.native.js +36 -36
  221. package/dist/esm/AnimationsPresenceDemo.native.js.map +1 -1
  222. package/dist/esm/AvatarDemo.mjs +2 -2
  223. package/dist/esm/AvatarDemo.native.js +2 -2
  224. package/dist/esm/BuildAButtonDemo.mjs +5 -5
  225. package/dist/esm/BuildAButtonDemo.mjs.map +1 -1
  226. package/dist/esm/BuildAButtonDemo.native.js +5 -5
  227. package/dist/esm/BuildAButtonDemo.native.js.map +1 -1
  228. package/dist/esm/ButtonDemo.mjs +1 -1
  229. package/dist/esm/ButtonDemo.native.js +1 -1
  230. package/dist/esm/CardDemo.mjs +1 -1
  231. package/dist/esm/CardDemo.native.js +1 -1
  232. package/dist/esm/CheckboxDemo.mjs +2 -2
  233. package/dist/esm/CheckboxDemo.native.js +8 -8
  234. package/dist/esm/CheckboxHeadlessDemo.mjs +8 -8
  235. package/dist/esm/CheckboxHeadlessDemo.mjs.map +1 -1
  236. package/dist/esm/CheckboxHeadlessDemo.native.js +8 -8
  237. package/dist/esm/CheckboxHeadlessDemo.native.js.map +1 -1
  238. package/dist/esm/CheckboxUnstyledDemo.mjs +24 -24
  239. package/dist/esm/CheckboxUnstyledDemo.mjs.map +1 -1
  240. package/dist/esm/CheckboxUnstyledDemo.native.js +24 -24
  241. package/dist/esm/CheckboxUnstyledDemo.native.js.map +1 -1
  242. package/dist/esm/ColorsDemo.mjs +47 -43
  243. package/dist/esm/ColorsDemo.mjs.map +1 -1
  244. package/dist/esm/ColorsDemo.native.js +17 -17
  245. package/dist/esm/ColorsDemo.native.js.map +1 -1
  246. package/dist/esm/ContextMenuDemo.mjs +20 -18
  247. package/dist/esm/ContextMenuDemo.mjs.map +1 -1
  248. package/dist/esm/ContextMenuDemo.native.js +8 -8
  249. package/dist/esm/ContextMenuDemo.native.js.map +1 -1
  250. package/dist/esm/DialogDemo.mjs +15 -15
  251. package/dist/esm/DialogDemo.mjs.map +1 -1
  252. package/dist/esm/DialogDemo.native.js +17 -17
  253. package/dist/esm/DialogDemo.native.js.map +1 -1
  254. package/dist/esm/FormsDemo.mjs +4 -3
  255. package/dist/esm/FormsDemo.mjs.map +1 -1
  256. package/dist/esm/FormsDemo.native.js +4 -3
  257. package/dist/esm/FormsDemo.native.js.map +1 -1
  258. package/dist/esm/Grid.mjs +23 -16
  259. package/dist/esm/Grid.mjs.map +1 -1
  260. package/dist/esm/Grid.native.js +16 -11
  261. package/dist/esm/Grid.native.js.map +1 -1
  262. package/dist/esm/LucideIconsDemo.mjs +24 -24
  263. package/dist/esm/LucideIconsDemo.mjs.map +1 -1
  264. package/dist/esm/LucideIconsDemo.native.js +31 -31
  265. package/dist/esm/LucideIconsDemo.native.js.map +1 -1
  266. package/dist/esm/MenuDemo.mjs +9 -9
  267. package/dist/esm/MenuDemo.mjs.map +1 -1
  268. package/dist/esm/MenuDemo.native.js +9 -9
  269. package/dist/esm/MenuDemo.native.js.map +1 -1
  270. package/dist/esm/PopoverDemo.mjs +9 -9
  271. package/dist/esm/PopoverDemo.mjs.map +1 -1
  272. package/dist/esm/PopoverDemo.native.js +9 -9
  273. package/dist/esm/PopoverDemo.native.js.map +1 -1
  274. package/dist/esm/ProgressDemo.mjs +7 -5
  275. package/dist/esm/ProgressDemo.mjs.map +1 -1
  276. package/dist/esm/ProgressDemo.native.js +7 -5
  277. package/dist/esm/ProgressDemo.native.js.map +1 -1
  278. package/dist/esm/RadioGroupHeadlessDemo.mjs +38 -35
  279. package/dist/esm/RadioGroupHeadlessDemo.mjs.map +1 -1
  280. package/dist/esm/RadioGroupHeadlessDemo.native.js +30 -32
  281. package/dist/esm/RadioGroupHeadlessDemo.native.js.map +1 -1
  282. package/dist/esm/RadioGroupUnstyledDemo.mjs +73 -73
  283. package/dist/esm/RadioGroupUnstyledDemo.mjs.map +1 -1
  284. package/dist/esm/RadioGroupUnstyledDemo.native.js +73 -73
  285. package/dist/esm/RadioGroupUnstyledDemo.native.js.map +1 -1
  286. package/dist/esm/ReplaceThemeDemo.mjs +10 -7
  287. package/dist/esm/ReplaceThemeDemo.mjs.map +1 -1
  288. package/dist/esm/ReplaceThemeDemo.native.js +11 -8
  289. package/dist/esm/ReplaceThemeDemo.native.js.map +1 -1
  290. package/dist/esm/SelectDemo.mjs +20 -18
  291. package/dist/esm/SelectDemo.mjs.map +1 -1
  292. package/dist/esm/SelectDemo.native.js +9 -9
  293. package/dist/esm/SelectDemo.native.js.map +1 -1
  294. package/dist/esm/SeparatorDemo.mjs +2 -2
  295. package/dist/esm/SeparatorDemo.native.js +2 -2
  296. package/dist/esm/SheetDemo.mjs +95 -91
  297. package/dist/esm/SheetDemo.mjs.map +1 -1
  298. package/dist/esm/SheetDemo.native.js +119 -119
  299. package/dist/esm/SheetDemo.native.js.map +1 -1
  300. package/dist/esm/StacksDemo.mjs +3 -3
  301. package/dist/esm/StacksDemo.native.js +4 -3
  302. package/dist/esm/StacksDemo.native.js.map +1 -1
  303. package/dist/esm/SwitchDemo.mjs +4 -4
  304. package/dist/esm/SwitchDemo.native.js +6 -6
  305. package/dist/esm/SwitchHeadlessDemo.mjs +9 -9
  306. package/dist/esm/SwitchHeadlessDemo.mjs.map +1 -1
  307. package/dist/esm/SwitchHeadlessDemo.native.js +11 -11
  308. package/dist/esm/SwitchHeadlessDemo.native.js.map +1 -1
  309. package/dist/esm/SwitchUnstyledDemo.mjs +34 -34
  310. package/dist/esm/SwitchUnstyledDemo.mjs.map +1 -1
  311. package/dist/esm/SwitchUnstyledDemo.native.js +34 -34
  312. package/dist/esm/SwitchUnstyledDemo.native.js.map +1 -1
  313. package/dist/esm/TabsAdvancedDemo.mjs +288 -268
  314. package/dist/esm/TabsAdvancedDemo.mjs.map +1 -1
  315. package/dist/esm/TabsAdvancedDemo.native.js +337 -323
  316. package/dist/esm/TabsAdvancedDemo.native.js.map +1 -1
  317. package/dist/esm/TabsDemo.mjs +77 -73
  318. package/dist/esm/TabsDemo.mjs.map +1 -1
  319. package/dist/esm/TabsDemo.native.js +135 -135
  320. package/dist/esm/TabsDemo.native.js.map +1 -1
  321. package/dist/esm/TabsHeadlessDemo.mjs +48 -46
  322. package/dist/esm/TabsHeadlessDemo.mjs.map +1 -1
  323. package/dist/esm/TabsHeadlessDemo.native.js +67 -67
  324. package/dist/esm/TabsHeadlessDemo.native.js.map +1 -1
  325. package/dist/esm/ThemeBuilderDemo.mjs +1 -1
  326. package/dist/esm/ThemeBuilderDemo.native.js +1 -1
  327. package/dist/esm/ToastDemo.mjs +86 -83
  328. package/dist/esm/ToastDemo.mjs.map +1 -1
  329. package/dist/esm/ToastDemo.native.js +115 -114
  330. package/dist/esm/ToastDemo.native.js.map +1 -1
  331. package/dist/esm/ToggleGroupDemo.mjs +3 -3
  332. package/dist/esm/ToggleGroupDemo.mjs.map +1 -1
  333. package/dist/esm/ToggleGroupDemo.native.js +3 -3
  334. package/dist/esm/ToggleGroupDemo.native.js.map +1 -1
  335. package/dist/esm/TokensDemo.mjs +52 -48
  336. package/dist/esm/TokensDemo.mjs.map +1 -1
  337. package/dist/esm/TokensDemo.native.js +24 -23
  338. package/dist/esm/TokensDemo.native.js.map +1 -1
  339. package/dist/esm/TooltipDemo.mjs +3 -3
  340. package/dist/esm/TooltipDemo.native.js +3 -3
  341. package/dist/esm/UpdateThemeDemo.mjs +8 -6
  342. package/dist/esm/UpdateThemeDemo.mjs.map +1 -1
  343. package/dist/esm/UpdateThemeDemo.native.js +9 -7
  344. package/dist/esm/UpdateThemeDemo.native.js.map +1 -1
  345. package/dist/esm/gui.config.native.js +2 -2
  346. package/dist/esm/gui.config.native.js.map +1 -1
  347. package/dist/esm/useOnIntersecting.mjs +30 -16
  348. package/dist/esm/useOnIntersecting.mjs.map +1 -1
  349. package/dist/esm/useOnIntersecting.native.js +70 -58
  350. package/dist/esm/useOnIntersecting.native.js.map +1 -1
  351. package/package.json +11 -11
  352. package/src/MenuDemo.tsx +1 -1
@@ -3,101 +3,104 @@ import { Sheet } from "@hanzogui/sheet";
3
3
  import React, { memo } from "react";
4
4
  import { Button, H2, Input, Paragraph, XStack, YStack } from "@hanzo/gui";
5
5
  import { Fragment, jsx, jsxs } from "react/jsx-runtime";
6
- const spModes = ["percent", "constant", "fit", "mixed"],
7
- SheetDemo = () => {
8
- const [position, setPosition] = React.useState(0),
9
- [open, setOpen] = React.useState(!1),
10
- [modal, setModal] = React.useState(!0),
11
- [innerOpen, setInnerOpen] = React.useState(!1),
12
- [snapPointsMode, setSnapPointsMode] = React.useState("percent"),
13
- [mixedFitDemo, setMixedFitDemo] = React.useState(!1),
14
- isPercent = snapPointsMode === "percent",
15
- isConstant = snapPointsMode === "constant",
16
- isFit = snapPointsMode === "fit",
17
- isMixed = snapPointsMode === "mixed",
18
- snapPoints = isPercent ? [85, 50, 25] : isConstant ? [256, 190] : isFit ? void 0 : mixedFitDemo ? ["fit", 110] : ["80%", 256, 190];
19
- return /* @__PURE__ */jsxs(Fragment, {
20
- children: [/* @__PURE__ */jsxs(YStack, {
6
+ const spModes = ["percent", "constant", "fit", "mixed"];
7
+ const SheetDemo = () => {
8
+ const [position, setPosition] = React.useState(0);
9
+ const [open, setOpen] = React.useState(false);
10
+ const [modal, setModal] = React.useState(true);
11
+ const [innerOpen, setInnerOpen] = React.useState(false);
12
+ const [snapPointsMode, setSnapPointsMode] = React.useState("percent");
13
+ const [mixedFitDemo, setMixedFitDemo] = React.useState(false);
14
+ const isPercent = snapPointsMode === "percent";
15
+ const isConstant = snapPointsMode === "constant";
16
+ const isFit = snapPointsMode === "fit";
17
+ const isMixed = snapPointsMode === "mixed";
18
+ const snapPoints = isPercent ? [85, 50, 25] : isConstant ? [256, 190] : isFit ? void 0 : mixedFitDemo ? ["fit", 110] : ["80%", 256, 190];
19
+ return /* @__PURE__ */jsxs(Fragment, {
20
+ children: [/* @__PURE__ */jsxs(YStack, {
21
+ gap: "$4",
22
+ children: [/* @__PURE__ */jsxs(XStack, {
21
23
  gap: "$4",
22
- children: [/* @__PURE__ */jsxs(XStack, {
23
- gap: "$4",
24
- $maxMd: {
25
- flexDirection: "column",
26
- items: "center"
27
- },
28
- children: [/* @__PURE__ */jsx(Button, {
29
- onPress: () => setOpen(!0),
30
- children: "Open"
31
- }), /* @__PURE__ */jsx(Button, {
32
- onPress: () => setModal(x => !x),
33
- children: modal ? "Type: Modal" : "Type: Inline"
34
- }), /* @__PURE__ */jsx(Button, {
35
- onPress: () => setSnapPointsMode(prev => spModes[(spModes.indexOf(prev) + 1) % spModes.length]),
36
- children: `Mode: ${{
37
- percent: "Percentage",
38
- constant: "Constant",
39
- fit: "Fit",
40
- mixed: "Mixed"
41
- }[snapPointsMode]}`
42
- })]
43
- }), isMixed ? /* @__PURE__ */jsx(Button, {
44
- onPress: () => setMixedFitDemo(x => !x),
45
- children: `Snap Points: ${JSON.stringify(snapPoints)}`
46
- }) : /* @__PURE__ */jsx(XStack, {
47
- py: "$2.5",
48
- justify: "center",
49
- children: /* @__PURE__ */jsx(Paragraph, {
50
- children: `Snap Points: ${isFit ? "(none)" : JSON.stringify(snapPoints)}`
51
- })
24
+ $maxMd: {
25
+ flexDirection: "column",
26
+ items: "center"
27
+ },
28
+ children: [/* @__PURE__ */jsx(Button, {
29
+ onPress: () => setOpen(true),
30
+ children: "Open"
31
+ }), /* @__PURE__ */jsx(Button, {
32
+ onPress: () => setModal(x => !x),
33
+ children: modal ? "Type: Modal" : "Type: Inline"
34
+ }), /* @__PURE__ */jsx(Button, {
35
+ onPress: () => setSnapPointsMode(prev => spModes[(spModes.indexOf(prev) + 1) % spModes.length]),
36
+ children: `Mode: ${{
37
+ percent: "Percentage",
38
+ constant: "Constant",
39
+ fit: "Fit",
40
+ mixed: "Mixed"
41
+ }[snapPointsMode]}`
52
42
  })]
53
- }), /* @__PURE__ */jsxs(Sheet, {
54
- modal,
55
- open,
56
- onOpenChange: setOpen,
57
- snapPoints,
58
- snapPointsMode,
59
- dismissOnSnapToBottom: !0,
60
- position,
61
- onPositionChange: setPosition,
62
- zIndex: 1e5,
63
- transition: "medium",
64
- children: [/* @__PURE__ */jsx(Sheet.Overlay, {
65
- transition: "lazy",
66
- bg: "$shadow6",
67
- enterStyle: {
68
- opacity: 0
69
- },
70
- exitStyle: {
71
- opacity: 0
72
- }
73
- }), /* @__PURE__ */jsx(Sheet.Handle, {}), /* @__PURE__ */jsx(Sheet.Frame, {
74
- p: "$4",
75
- justify: "center",
76
- items: "center",
77
- gap: "$5",
78
- children: /* @__PURE__ */jsx(SheetContents, {
43
+ }), isMixed ? /* @__PURE__ */jsx(Button, {
44
+ onPress: () => setMixedFitDemo(x => !x),
45
+ children: `Snap Points: ${JSON.stringify(snapPoints)}`
46
+ }) : /* @__PURE__ */jsx(XStack, {
47
+ py: "$2.5",
48
+ justify: "center",
49
+ children: /* @__PURE__ */jsx(Paragraph, {
50
+ children: `Snap Points: ${isFit ? "(none)" : JSON.stringify(snapPoints)}`
51
+ })
52
+ })]
53
+ }), /* @__PURE__ */jsxs(Sheet, {
54
+ modal,
55
+ open,
56
+ onOpenChange: setOpen,
57
+ snapPoints,
58
+ snapPointsMode,
59
+ dismissOnSnapToBottom: true,
60
+ position,
61
+ onPositionChange: setPosition,
62
+ zIndex: 1e5,
63
+ transition: "medium",
64
+ children: [/* @__PURE__ */jsx(Sheet.Overlay, {
65
+ transition: "lazy",
66
+ bg: "$shadow6",
67
+ enterStyle: {
68
+ opacity: 0
69
+ },
70
+ exitStyle: {
71
+ opacity: 0
72
+ }
73
+ }), /* @__PURE__ */jsx(Sheet.Handle, {}), /* @__PURE__ */jsx(Sheet.Frame, {
74
+ p: "$4",
75
+ justify: "center",
76
+ items: "center",
77
+ gap: "$5",
78
+ children: /* @__PURE__ */jsx(SheetContents, {
79
+ ...{
79
80
  modal,
80
81
  isPercent,
81
82
  innerOpen,
82
83
  setInnerOpen,
83
84
  setOpen
84
- })
85
- })]
85
+ }
86
+ })
86
87
  })]
87
- });
88
- },
89
- SheetContents = memo(({
90
- modal,
91
- isPercent,
92
- innerOpen,
93
- setInnerOpen,
94
- setOpen
95
- }) => /* @__PURE__ */jsxs(Fragment, {
88
+ })]
89
+ });
90
+ };
91
+ const SheetContents = memo(({
92
+ modal,
93
+ isPercent,
94
+ innerOpen,
95
+ setInnerOpen,
96
+ setOpen
97
+ }) => {
98
+ return /* @__PURE__ */jsxs(Fragment, {
96
99
  children: [/* @__PURE__ */jsx(Button, {
97
100
  size: "$6",
98
- circular: !0,
101
+ circular: true,
99
102
  icon: ChevronDown,
100
- onPress: () => setOpen(!1)
103
+ onPress: () => setOpen(false)
101
104
  }), /* @__PURE__ */jsx(Input, {
102
105
  width: 200
103
106
  }), modal && isPercent && /* @__PURE__ */jsxs(Fragment, {
@@ -106,18 +109,19 @@ const spModes = ["percent", "constant", "fit", "mixed"],
106
109
  onOpenChange: setInnerOpen
107
110
  }), /* @__PURE__ */jsx(Button, {
108
111
  size: "$6",
109
- circular: !0,
112
+ circular: true,
110
113
  icon: ChevronUp,
111
- onPress: () => setInnerOpen(!0)
114
+ onPress: () => setInnerOpen(true)
112
115
  })]
113
116
  })]
114
- }));
117
+ });
118
+ });
115
119
  function InnerSheet(props) {
116
120
  return /* @__PURE__ */jsxs(Sheet, {
117
121
  transition: "medium",
118
- modal: !0,
122
+ modal: true,
119
123
  snapPoints: [90],
120
- dismissOnSnapToBottom: !0,
124
+ dismissOnSnapToBottom: true,
121
125
  ...props,
122
126
  children: [/* @__PURE__ */jsx(Sheet.Overlay, {
123
127
  transition: "medium",
@@ -139,10 +143,10 @@ function InnerSheet(props) {
139
143
  gap: "$8",
140
144
  children: [/* @__PURE__ */jsx(Button, {
141
145
  size: "$6",
142
- circular: !0,
146
+ circular: true,
143
147
  self: "center",
144
148
  icon: ChevronDown,
145
- onPress: () => props.onOpenChange?.(!1)
149
+ onPress: () => props.onOpenChange?.(false)
146
150
  }), /* @__PURE__ */jsx(H2, {
147
151
  children: "Hello world"
148
152
  }), [1, 2, 3, 4, 5, 6, 7, 8].map(i => /* @__PURE__ */jsx(Paragraph, {
@@ -1 +1 @@
1
- {"version":3,"names":["ChevronDown","ChevronUp","Sheet","React","memo","Button","H2","Input","Paragraph","XStack","YStack","Fragment","jsx","jsxs","spModes","SheetDemo","position","setPosition","useState","open","setOpen","modal","setModal","innerOpen","setInnerOpen","snapPointsMode","setSnapPointsMode","mixedFitDemo","setMixedFitDemo","isPercent","isConstant","isFit","isMixed","snapPoints","children","gap","$maxMd","flexDirection","items","onPress","x","prev","indexOf","length","percent","constant","fit","mixed","JSON","stringify","py","justify","onOpenChange","dismissOnSnapToBottom","onPositionChange","zIndex","transition","Overlay","bg","enterStyle","opacity","exitStyle","Handle","Frame","p","SheetContents","size","circular","icon","width","InnerSheet","props","flex","ScrollView","self","map","i"],"sources":["../../src/SheetDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["ChevronDown","ChevronUp","Sheet","React","memo","Button","H2","Input","Paragraph","XStack","YStack","Fragment","jsx","jsxs","spModes","SheetDemo","position","setPosition","useState","open","setOpen","modal","setModal","innerOpen","setInnerOpen","snapPointsMode","setSnapPointsMode","mixedFitDemo","setMixedFitDemo","isPercent","isConstant","isFit","isMixed","snapPoints","children","gap","$maxMd","flexDirection","items","onPress","x","prev","indexOf","length","percent","constant","fit","mixed","JSON","stringify","py","justify","onOpenChange","dismissOnSnapToBottom","onPositionChange","zIndex","transition","Overlay","bg","enterStyle","opacity","exitStyle","Handle","Frame","p","SheetContents","size","circular","icon","width","InnerSheet","props","flex","ScrollView","self","map","i"],"sources":["../../src/SheetDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
@@ -3,142 +3,142 @@ import { ChevronDown, ChevronUp } from "@hanzogui/lucide-icons-2";
3
3
  import { Sheet } from "@hanzogui/sheet";
4
4
  import React, { memo } from "react";
5
5
  import { Button, H2, Input, Paragraph, XStack, YStack } from "@hanzo/gui";
6
- var spModes = ["percent", "constant", "fit", "mixed"],
7
- SheetDemo = function () {
8
- var [position, setPosition] = React.useState(0),
9
- [open, setOpen] = React.useState(!1),
10
- [modal, setModal] = React.useState(!0),
11
- [innerOpen, setInnerOpen] = React.useState(!1),
12
- [snapPointsMode, setSnapPointsMode] = React.useState("percent"),
13
- [mixedFitDemo, setMixedFitDemo] = React.useState(!1),
14
- isPercent = snapPointsMode === "percent",
15
- isConstant = snapPointsMode === "constant",
16
- isFit = snapPointsMode === "fit",
17
- isMixed = snapPointsMode === "mixed",
18
- snapPoints = isPercent ? [85, 50, 25] : isConstant ? [256, 190] : isFit ? void 0 : mixedFitDemo ? ["fit", 110] : ["80%", 256, 190];
19
- return /* @__PURE__ */_jsxs(_Fragment, {
20
- children: [/* @__PURE__ */_jsxs(YStack, {
6
+ var spModes = ["percent", "constant", "fit", "mixed"];
7
+ var SheetDemo = function () {
8
+ var [position, setPosition] = React.useState(0);
9
+ var [open, setOpen] = React.useState(false);
10
+ var [modal, setModal] = React.useState(true);
11
+ var [innerOpen, setInnerOpen] = React.useState(false);
12
+ var [snapPointsMode, setSnapPointsMode] = React.useState("percent");
13
+ var [mixedFitDemo, setMixedFitDemo] = React.useState(false);
14
+ var isPercent = snapPointsMode === "percent";
15
+ var isConstant = snapPointsMode === "constant";
16
+ var isFit = snapPointsMode === "fit";
17
+ var isMixed = snapPointsMode === "mixed";
18
+ var snapPoints = isPercent ? [85, 50, 25] : isConstant ? [256, 190] : isFit ? void 0 : mixedFitDemo ? ["fit", 110] : ["80%", 256, 190];
19
+ return /* @__PURE__ */_jsxs(_Fragment, {
20
+ children: [/* @__PURE__ */_jsxs(YStack, {
21
+ gap: "$4",
22
+ children: [/* @__PURE__ */_jsxs(XStack, {
21
23
  gap: "$4",
22
- children: [/* @__PURE__ */_jsxs(XStack, {
23
- gap: "$4",
24
- $maxMd: {
25
- flexDirection: "column",
26
- items: "center"
24
+ $maxMd: {
25
+ flexDirection: "column",
26
+ items: "center"
27
+ },
28
+ children: [/* @__PURE__ */_jsx(Button, {
29
+ onPress: function () {
30
+ return setOpen(true);
27
31
  },
28
- children: [/* @__PURE__ */_jsx(Button, {
29
- onPress: function () {
30
- return setOpen(!0);
31
- },
32
- children: "Open"
33
- }), /* @__PURE__ */_jsx(Button, {
34
- onPress: function () {
35
- return setModal(function (x) {
36
- return !x;
37
- });
38
- },
39
- children: modal ? "Type: Modal" : "Type: Inline"
40
- }), /* @__PURE__ */_jsx(Button, {
41
- onPress: function () {
42
- return setSnapPointsMode(function (prev) {
43
- return spModes[(spModes.indexOf(prev) + 1) % spModes.length];
44
- });
45
- },
46
- children: `Mode: ${{
47
- percent: "Percentage",
48
- constant: "Constant",
49
- fit: "Fit",
50
- mixed: "Mixed"
51
- }[snapPointsMode]}`
52
- })]
53
- }), isMixed ? /* @__PURE__ */_jsx(Button, {
32
+ children: "Open"
33
+ }), /* @__PURE__ */_jsx(Button, {
54
34
  onPress: function () {
55
- return setMixedFitDemo(function (x) {
35
+ return setModal(function (x) {
56
36
  return !x;
57
37
  });
58
38
  },
59
- children: `Snap Points: ${JSON.stringify(snapPoints)}`
60
- }) : /* @__PURE__ */_jsx(XStack, {
61
- py: "$2.5",
62
- justify: "center",
63
- children: /* @__PURE__ */_jsx(Paragraph, {
64
- children: `Snap Points: ${isFit ? "(none)" : JSON.stringify(snapPoints)}`
65
- })
66
- })]
67
- }), /* @__PURE__ */_jsxs(Sheet, {
68
- modal,
69
- open,
70
- onOpenChange: setOpen,
71
- snapPoints,
72
- snapPointsMode,
73
- dismissOnSnapToBottom: !0,
74
- position,
75
- onPositionChange: setPosition,
76
- zIndex: 1e5,
77
- transition: "medium",
78
- children: [/* @__PURE__ */_jsx(Sheet.Overlay, {
79
- transition: "lazy",
80
- bg: "$shadow6",
81
- enterStyle: {
82
- opacity: 0
39
+ children: modal ? "Type: Modal" : "Type: Inline"
40
+ }), /* @__PURE__ */_jsx(Button, {
41
+ onPress: function () {
42
+ return setSnapPointsMode(function (prev) {
43
+ return spModes[(spModes.indexOf(prev) + 1) % spModes.length];
44
+ });
83
45
  },
84
- exitStyle: {
85
- opacity: 0
86
- }
87
- }), /* @__PURE__ */_jsx(Sheet.Handle, {}), /* @__PURE__ */_jsx(Sheet.Frame, {
88
- p: "$4",
89
- justify: "center",
90
- items: "center",
91
- gap: "$5",
92
- children: /* @__PURE__ */_jsx(SheetContents, {
93
- modal,
94
- isPercent,
95
- innerOpen,
96
- setInnerOpen,
97
- setOpen
98
- })
46
+ children: `Mode: ${{
47
+ percent: "Percentage",
48
+ constant: "Constant",
49
+ fit: "Fit",
50
+ mixed: "Mixed"
51
+ }[snapPointsMode]}`
99
52
  })]
53
+ }), isMixed ? /* @__PURE__ */_jsx(Button, {
54
+ onPress: function () {
55
+ return setMixedFitDemo(function (x) {
56
+ return !x;
57
+ });
58
+ },
59
+ children: `Snap Points: ${JSON.stringify(snapPoints)}`
60
+ }) : /* @__PURE__ */_jsx(XStack, {
61
+ py: "$2.5",
62
+ justify: "center",
63
+ children: /* @__PURE__ */_jsx(Paragraph, {
64
+ children: `Snap Points: ${isFit ? "(none)" : JSON.stringify(snapPoints)}`
65
+ })
100
66
  })]
101
- });
102
- },
103
- SheetContents = /* @__PURE__ */memo(function (param) {
104
- var {
67
+ }), /* @__PURE__ */_jsxs(Sheet, {
105
68
  modal,
106
- isPercent,
107
- innerOpen,
108
- setInnerOpen,
109
- setOpen
110
- } = param;
111
- return /* @__PURE__ */_jsxs(_Fragment, {
112
- children: [/* @__PURE__ */_jsx(Button, {
69
+ open,
70
+ onOpenChange: setOpen,
71
+ snapPoints,
72
+ snapPointsMode,
73
+ dismissOnSnapToBottom: true,
74
+ position,
75
+ onPositionChange: setPosition,
76
+ zIndex: 1e5,
77
+ transition: "medium",
78
+ children: [/* @__PURE__ */_jsx(Sheet.Overlay, {
79
+ transition: "lazy",
80
+ bg: "$shadow6",
81
+ enterStyle: {
82
+ opacity: 0
83
+ },
84
+ exitStyle: {
85
+ opacity: 0
86
+ }
87
+ }), /* @__PURE__ */_jsx(Sheet.Handle, {}), /* @__PURE__ */_jsx(Sheet.Frame, {
88
+ p: "$4",
89
+ justify: "center",
90
+ items: "center",
91
+ gap: "$5",
92
+ children: /* @__PURE__ */_jsx(SheetContents, {
93
+ modal,
94
+ isPercent,
95
+ innerOpen,
96
+ setInnerOpen,
97
+ setOpen
98
+ })
99
+ })]
100
+ })]
101
+ });
102
+ };
103
+ var SheetContents = /* @__PURE__ */memo(function (param) {
104
+ var {
105
+ modal,
106
+ isPercent,
107
+ innerOpen,
108
+ setInnerOpen,
109
+ setOpen
110
+ } = param;
111
+ return /* @__PURE__ */_jsxs(_Fragment, {
112
+ children: [/* @__PURE__ */_jsx(Button, {
113
+ size: "$6",
114
+ circular: true,
115
+ icon: ChevronDown,
116
+ onPress: function () {
117
+ return setOpen(false);
118
+ }
119
+ }), /* @__PURE__ */_jsx(Input, {
120
+ width: 200
121
+ }), modal && isPercent && /* @__PURE__ */_jsxs(_Fragment, {
122
+ children: [/* @__PURE__ */_jsx(InnerSheet, {
123
+ open: innerOpen,
124
+ onOpenChange: setInnerOpen
125
+ }), /* @__PURE__ */_jsx(Button, {
113
126
  size: "$6",
114
- circular: !0,
115
- icon: ChevronDown,
127
+ circular: true,
128
+ icon: ChevronUp,
116
129
  onPress: function () {
117
- return setOpen(!1);
130
+ return setInnerOpen(true);
118
131
  }
119
- }), /* @__PURE__ */_jsx(Input, {
120
- width: 200
121
- }), modal && isPercent && /* @__PURE__ */_jsxs(_Fragment, {
122
- children: [/* @__PURE__ */_jsx(InnerSheet, {
123
- open: innerOpen,
124
- onOpenChange: setInnerOpen
125
- }), /* @__PURE__ */_jsx(Button, {
126
- size: "$6",
127
- circular: !0,
128
- icon: ChevronUp,
129
- onPress: function () {
130
- return setInnerOpen(!0);
131
- }
132
- })]
133
132
  })]
134
- });
133
+ })]
135
134
  });
135
+ });
136
136
  function InnerSheet(props) {
137
137
  return /* @__PURE__ */_jsxs(Sheet, {
138
138
  transition: "medium",
139
- modal: !0,
139
+ modal: true,
140
140
  snapPoints: [90],
141
- dismissOnSnapToBottom: !0,
141
+ dismissOnSnapToBottom: true,
142
142
  ...props,
143
143
  children: [/* @__PURE__ */_jsx(Sheet.Overlay, {
144
144
  transition: "medium",
@@ -160,12 +160,12 @@ function InnerSheet(props) {
160
160
  gap: "$8",
161
161
  children: [/* @__PURE__ */_jsx(Button, {
162
162
  size: "$6",
163
- circular: !0,
163
+ circular: true,
164
164
  self: "center",
165
165
  icon: ChevronDown,
166
166
  onPress: function () {
167
167
  var _props_onOpenChange;
168
- return (_props_onOpenChange = props.onOpenChange) === null || _props_onOpenChange === void 0 ? void 0 : _props_onOpenChange.call(props, !1);
168
+ return (_props_onOpenChange = props.onOpenChange) === null || _props_onOpenChange === void 0 ? void 0 : _props_onOpenChange.call(props, false);
169
169
  }
170
170
  }), /* @__PURE__ */_jsx(H2, {
171
171
  children: "Hello world"
@@ -1 +1 @@
1
- {"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","ChevronDown","ChevronUp","Sheet","React","memo","Button","H2","Input","Paragraph","XStack","YStack","spModes","SheetDemo","position","setPosition","useState","open","setOpen","modal","setModal","innerOpen","setInnerOpen","snapPointsMode","setSnapPointsMode","mixedFitDemo","setMixedFitDemo","isPercent","isConstant","isFit","isMixed","snapPoints","children","gap","$maxMd","flexDirection","items","onPress","x","prev","indexOf","length","percent","constant","fit","mixed","JSON","stringify","py","justify","onOpenChange","dismissOnSnapToBottom","onPositionChange","zIndex","transition","Overlay","bg","enterStyle"],"sources":["../../src/SheetDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","ChevronDown","ChevronUp","Sheet","React","memo","Button","H2","Input","Paragraph","XStack","YStack","spModes","SheetDemo","position","setPosition","useState","open","setOpen","modal","setModal","innerOpen","setInnerOpen","snapPointsMode","setSnapPointsMode","mixedFitDemo","setMixedFitDemo","isPercent","isConstant","isFit","isMixed","snapPoints","children","gap","$maxMd","flexDirection","items","onPress","x","prev","indexOf","length","percent","constant","fit","mixed","JSON","stringify","py","justify","onOpenChange","dismissOnSnapToBottom","onPositionChange","zIndex","transition","Overlay","bg","enterStyle","opacity","exitStyle"],"sources":["../../src/SheetDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
@@ -55,14 +55,14 @@ function StacksDemo() {
55
55
  maxH: 85,
56
56
  width: 100,
57
57
  children: [/* @__PURE__ */jsx(YStack, {
58
- fullscreen: !0,
58
+ fullscreen: true,
59
59
  rounded: "$4",
60
60
  p: "$2",
61
61
  borderColor: "$color",
62
62
  borderWidth: 2
63
63
  }), /* @__PURE__ */jsx(YStack, {
64
64
  borderColor: "$color",
65
- fullscreen: !0,
65
+ fullscreen: true,
66
66
  y: 10,
67
67
  x: 10,
68
68
  borderWidth: 2,
@@ -70,7 +70,7 @@ function StacksDemo() {
70
70
  p: "$2"
71
71
  }), /* @__PURE__ */jsx(YStack, {
72
72
  borderColor: "$color",
73
- fullscreen: !0,
73
+ fullscreen: true,
74
74
  y: 20,
75
75
  x: 20,
76
76
  borderWidth: 2,
@@ -1,4 +1,5 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import React from "react";
2
3
  import { XStack, YStack, ZStack } from "@hanzo/gui";
3
4
  function StacksDemo() {
4
5
  return /* @__PURE__ */_jsxs(XStack, {
@@ -55,14 +56,14 @@ function StacksDemo() {
55
56
  maxH: 85,
56
57
  width: 100,
57
58
  children: [/* @__PURE__ */_jsx(YStack, {
58
- fullscreen: !0,
59
+ fullscreen: true,
59
60
  rounded: "$4",
60
61
  p: "$2",
61
62
  borderColor: "$color",
62
63
  borderWidth: 2
63
64
  }), /* @__PURE__ */_jsx(YStack, {
64
65
  borderColor: "$color",
65
- fullscreen: !0,
66
+ fullscreen: true,
66
67
  y: 10,
67
68
  x: 10,
68
69
  borderWidth: 2,
@@ -70,7 +71,7 @@ function StacksDemo() {
70
71
  p: "$2"
71
72
  }), /* @__PURE__ */_jsx(YStack, {
72
73
  borderColor: "$color",
73
- fullscreen: !0,
74
+ fullscreen: true,
74
75
  y: 20,
75
76
  x: 20,
76
77
  borderWidth: 2,
@@ -1 +1 @@
1
- {"version":3,"names":["jsx","_jsx","jsxs","_jsxs","XStack","YStack","ZStack","StacksDemo","maxW","p","self","gap","children","flex","flexBasis","borderWidth","borderColor","rounded","bg","maxH"],"sources":["../../src/StacksDemo.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,GAAA,IAAAC,IAAQ,EAAAC,IAAQ,IAAAC,KAAA,QAAc;AAEhC,SAASC,MAAA,EAAAC,MAAa,EAAAC,MAAA;AAC3B,SACEC,WAAA;EACE,sBAAAJ,KAAA,CAAAC,MAAA;IAAAI,IAAC;IAAAC,CAAA;IAAAC,IACC,UAAM;IAAAC,GAAA,EACN;IAAUC,QACV,GAAa,eACDT,KAAA,CAAAE,MAAA;MACZQ,IAAA;MACAC,SAAI;MACJC,WAAE;MAEFC,WAAA;MAAAC,OAAA;MAAwCN,GACxC;MAAwCF,CAAA,EACxC;MAAwCG,QAAA,kBAAAX,IAAA,CAAAI,MAAA;QAC1Ca,EAAA;QAEAD,OAAA;QAACR,CAAA;MAAA,IACC,eAAMR,IAAA,CAAAI,MAAA;QACNa,EAAA,UAAU;QACVD,OAAA,EAAa;QACbR,CAAA;MACA,IACA,eAAIR,IAAA,CAAAI,MAAA;QACFa,EAAA;QAEFD,OAAA;QAAAR,CAAA;MACA;IACwC,mBAAAN,KAAA,CAAAC,MAAA;MAC1CS,IAAA;MAEAC,SAAA,QAAC;MACCC,WAAA;MACAC,WAAA;MAACC,OAAA;MAAAN,GAAA;MAAAF,CAAA,EACC;MAAYG,QACZ,GACA,eAAGX,IAAA,CAAAI,MAAA;QACHa,EAAG;QACHD,OAAA,MAAa;QACbR,CAAA;MACA,IAAE,eAAAR,IAAA,CAAAI,MAAA;QACJa,EAAA;QACAD,OAAA;QAACR,CAAA;MAAA,IACC,eAAYR,IAAA,CAAAI,MAAA;QACZa,EAAA,UAAU;QACVD,OAAG;QACHR,CAAG;MACH;IACQ,IACN,eAAAN,KAAA,CAAAG,MAAA;MACJO,IAAA;MACFC,SAAA;MACFN,IAAA;MAEJW,IAAA","ignoreList":[]}
1
+ {"version":3,"names":["jsx","_jsx","jsxs","_jsxs","React","XStack","YStack","ZStack","StacksDemo","maxW","p","self","gap","children","flex","flexBasis","borderWidth","borderColor","rounded","bg","maxH"],"sources":["../../src/StacksDemo.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,GAAA,IAAAC,IAAQ,EAAAC,IAAQ,IAAAC,KAAA,QAAc;AAKjC,OAAAC,KASE,MATF;AAHC,SAASC,MAAA,EAAAC,MAAa,EAAAC,MAAA;AAC3B,SACEC,WAAA;EACE,sBAAAL,KAAA,CAAAE,MAAA;IAAAI,IAAC;IAAAC,CAAA;IAAAC,IACC,UAAM;IAAAC,GAAA,EACN;IAAUC,QACV,GAAa,eACDV,KAAA,CAAAG,MAAA;MACZQ,IAAA;MACAC,SAAI;MACJC,WAAE;MAEFC,WAAA;MAAAC,OAAA;MAAwCN,GACxC;MAAwCF,CAAA,EACxC;MAAwCG,QAAA,kBAAAZ,IAAA,CAAAK,MAAA;QAC1Ca,EAAA;QAEAD,OAAA;QAACR,CAAA;MAAA,IACC,eAAMT,IAAA,CAAAK,MAAA;QACNa,EAAA,UAAU;QACVD,OAAA,EAAa;QACbR,CAAA;MACA,IACA,eAAIT,IAAA,CAAAK,MAAA;QACFa,EAAA;QAEFD,OAAA;QAAAR,CAAA;MACA;IACwC,mBAAAP,KAAA,CAAAE,MAAA;MAC1CS,IAAA;MAEAC,SAAA,QAAC;MACCC,WAAA;MACAC,WAAA;MAACC,OAAA;MAAAN,GAAA;MAAAF,CAAA,EACC;MAAYG,QACZ,GACA,eAAGZ,IAAA,CAAAK,MAAA;QACHa,EAAG;QACHD,OAAA,MAAa;QACbR,CAAA;MACA,IAAE,eAAAT,IAAA,CAAAK,MAAA;QACJa,EAAA;QACAD,OAAA;QAACR,CAAA;MAAA,IACC,eAAYT,IAAA,CAAAK,MAAA;QACZa,EAAA,UAAU;QACVD,OAAG;QACHR,CAAG;MACH;IACQ,IACN,eAAAP,KAAA,CAAAI,MAAA;MACJO,IAAA;MACFC,SAAA;MACFN,IAAA;MAEJW,IAAA","ignoreList":[]}