@hanzogui/demos 4.4.0 → 8.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (412) hide show
  1. package/dist/cjs/AccordionDemo.cjs +16 -16
  2. package/dist/cjs/AccordionDemo.native.js +16 -16
  3. package/dist/cjs/AccordionDemo.native.js.map +1 -1
  4. package/dist/cjs/AddThemeDemo.cjs +6 -6
  5. package/dist/cjs/AddThemeDemo.native.js +6 -6
  6. package/dist/cjs/AddThemeDemo.native.js.map +1 -1
  7. package/dist/cjs/AlertDialogDemo.cjs +15 -15
  8. package/dist/cjs/AlertDialogDemo.native.js +15 -15
  9. package/dist/cjs/AlertDialogDemo.native.js.map +1 -1
  10. package/dist/cjs/AnimationsDelayDemo.cjs +8 -8
  11. package/dist/cjs/AnimationsDelayDemo.native.js +8 -8
  12. package/dist/cjs/AnimationsDelayDemo.native.js.map +1 -1
  13. package/dist/cjs/AnimationsDemo.cjs +6 -6
  14. package/dist/cjs/AnimationsDemo.native.js +6 -6
  15. package/dist/cjs/AnimationsDemo.native.js.map +1 -1
  16. package/dist/cjs/AnimationsEnterDemo.cjs +5 -5
  17. package/dist/cjs/AnimationsEnterDemo.native.js +5 -5
  18. package/dist/cjs/AnimationsEnterDemo.native.js.map +1 -1
  19. package/dist/cjs/AnimationsHoverDemo.cjs +2 -2
  20. package/dist/cjs/AnimationsHoverDemo.native.js +2 -2
  21. package/dist/cjs/AnimationsHoverDemo.native.js.map +1 -1
  22. package/dist/cjs/AnimationsPresenceDemo.cjs +6 -6
  23. package/dist/cjs/AnimationsPresenceDemo.native.js +6 -6
  24. package/dist/cjs/AnimationsPresenceDemo.native.js.map +1 -1
  25. package/dist/cjs/AnimationsTimingDemo.cjs +2 -2
  26. package/dist/cjs/AnimationsTimingDemo.native.js +2 -2
  27. package/dist/cjs/AnimationsTimingDemo.native.js.map +1 -1
  28. package/dist/cjs/AvatarDemo.cjs +8 -8
  29. package/dist/cjs/AvatarDemo.native.js +8 -8
  30. package/dist/cjs/AvatarDemo.native.js.map +1 -1
  31. package/dist/cjs/BoxShadowTokenDemo.cjs +6 -6
  32. package/dist/cjs/BoxShadowTokenDemo.native.js +6 -6
  33. package/dist/cjs/BoxShadowTokenDemo.native.js.map +1 -1
  34. package/dist/cjs/BuildAButtonDemo.cjs +12 -12
  35. package/dist/cjs/BuildAButtonDemo.native.js +12 -12
  36. package/dist/cjs/BuildAButtonDemo.native.js.map +1 -1
  37. package/dist/cjs/ButtonDemo.cjs +8 -8
  38. package/dist/cjs/ButtonDemo.native.js +8 -8
  39. package/dist/cjs/ButtonDemo.native.js.map +1 -1
  40. package/dist/cjs/CardDemo.cjs +12 -12
  41. package/dist/cjs/CardDemo.native.js +12 -12
  42. package/dist/cjs/CardDemo.native.js.map +1 -1
  43. package/dist/cjs/CheckboxDemo.cjs +8 -8
  44. package/dist/cjs/CheckboxDemo.native.js +8 -8
  45. package/dist/cjs/CheckboxDemo.native.js.map +1 -1
  46. package/dist/cjs/CheckboxHeadlessDemo.cjs +4 -4
  47. package/dist/cjs/CheckboxHeadlessDemo.native.js +4 -4
  48. package/dist/cjs/CheckboxHeadlessDemo.native.js.map +1 -1
  49. package/dist/cjs/CheckboxUnstyledDemo.cjs +4 -4
  50. package/dist/cjs/CheckboxUnstyledDemo.native.js +4 -4
  51. package/dist/cjs/CheckboxUnstyledDemo.native.js.map +1 -1
  52. package/dist/cjs/ColorsDemo.cjs +13 -13
  53. package/dist/cjs/ColorsDemo.native.js +13 -13
  54. package/dist/cjs/ColorsDemo.native.js.map +1 -1
  55. package/dist/cjs/ContextMenuDemo.cjs +5 -5
  56. package/dist/cjs/ContextMenuDemo.native.js +5 -5
  57. package/dist/cjs/ContextMenuDemo.native.js.map +1 -1
  58. package/dist/cjs/DialogDemo.cjs +40 -40
  59. package/dist/cjs/DialogDemo.native.js +40 -40
  60. package/dist/cjs/DialogDemo.native.js.map +1 -1
  61. package/dist/cjs/FormsDemo.cjs +8 -8
  62. package/dist/cjs/FormsDemo.native.js +8 -8
  63. package/dist/cjs/FormsDemo.native.js.map +1 -1
  64. package/dist/cjs/Grid.native.js.map +1 -1
  65. package/dist/cjs/GroupDemo.cjs +21 -21
  66. package/dist/cjs/GroupDemo.native.js +21 -21
  67. package/dist/cjs/GroupDemo.native.js.map +1 -1
  68. package/dist/cjs/HeadingsDemo.cjs +8 -8
  69. package/dist/cjs/HeadingsDemo.native.js +8 -8
  70. package/dist/cjs/HeadingsDemo.native.js.map +1 -1
  71. package/dist/cjs/ImageDemo.native.js.map +1 -1
  72. package/dist/cjs/InputsDemo.cjs +6 -6
  73. package/dist/cjs/InputsDemo.native.js +6 -6
  74. package/dist/cjs/InputsDemo.native.js.map +1 -1
  75. package/dist/cjs/LabelDemo.cjs +9 -9
  76. package/dist/cjs/LabelDemo.native.js +9 -9
  77. package/dist/cjs/LabelDemo.native.js.map +1 -1
  78. package/dist/cjs/LinearGradientDemo.cjs +2 -2
  79. package/dist/cjs/LinearGradientDemo.native.js +2 -2
  80. package/dist/cjs/LinearGradientDemo.native.js.map +1 -1
  81. package/dist/cjs/ListItemDemo.cjs +26 -18
  82. package/dist/cjs/ListItemDemo.native.js +26 -18
  83. package/dist/cjs/ListItemDemo.native.js.map +1 -1
  84. package/dist/cjs/LucideIconsDemo.cjs +7 -7
  85. package/dist/cjs/LucideIconsDemo.native.js +7 -7
  86. package/dist/cjs/LucideIconsDemo.native.js.map +1 -1
  87. package/dist/cjs/MenuDemo.cjs +2 -2
  88. package/dist/cjs/MenuDemo.native.js +2 -2
  89. package/dist/cjs/MenuDemo.native.js.map +1 -1
  90. package/dist/cjs/NewInputsDemo.cjs +4 -4
  91. package/dist/cjs/NewInputsDemo.native.js +4 -4
  92. package/dist/cjs/NewInputsDemo.native.js.map +1 -1
  93. package/dist/cjs/PopoverDemo.cjs +19 -19
  94. package/dist/cjs/PopoverDemo.native.js +19 -19
  95. package/dist/cjs/PopoverDemo.native.js.map +1 -1
  96. package/dist/cjs/ProgressDemo.cjs +8 -8
  97. package/dist/cjs/ProgressDemo.native.js +8 -8
  98. package/dist/cjs/ProgressDemo.native.js.map +1 -1
  99. package/dist/cjs/RadioGroupDemo.cjs +8 -8
  100. package/dist/cjs/RadioGroupDemo.native.js +8 -8
  101. package/dist/cjs/RadioGroupDemo.native.js.map +1 -1
  102. package/dist/cjs/RadioGroupHeadlessDemo.cjs +4 -4
  103. package/dist/cjs/RadioGroupHeadlessDemo.native.js +4 -4
  104. package/dist/cjs/RadioGroupHeadlessDemo.native.js.map +1 -1
  105. package/dist/cjs/RadioGroupUnstyledDemo.cjs +7 -7
  106. package/dist/cjs/RadioGroupUnstyledDemo.native.js +7 -7
  107. package/dist/cjs/RadioGroupUnstyledDemo.native.js.map +1 -1
  108. package/dist/cjs/ReplaceThemeDemo.cjs +8 -8
  109. package/dist/cjs/ReplaceThemeDemo.native.js +8 -8
  110. package/dist/cjs/ReplaceThemeDemo.native.js.map +1 -1
  111. package/dist/cjs/ScrollViewDemo.cjs +11 -11
  112. package/dist/cjs/ScrollViewDemo.native.js +11 -11
  113. package/dist/cjs/ScrollViewDemo.native.js.map +1 -1
  114. package/dist/cjs/SelectDemo.cjs +30 -30
  115. package/dist/cjs/SelectDemo.native.js +30 -30
  116. package/dist/cjs/SelectDemo.native.js.map +1 -1
  117. package/dist/cjs/SeparatorDemo.cjs +11 -11
  118. package/dist/cjs/SeparatorDemo.native.js +11 -11
  119. package/dist/cjs/SeparatorDemo.native.js.map +1 -1
  120. package/dist/cjs/ShapesDemo.cjs +4 -4
  121. package/dist/cjs/ShapesDemo.native.js +4 -4
  122. package/dist/cjs/ShapesDemo.native.js.map +1 -1
  123. package/dist/cjs/SheetDemo.cjs +16 -16
  124. package/dist/cjs/SheetDemo.native.js +16 -16
  125. package/dist/cjs/SheetDemo.native.js.map +1 -1
  126. package/dist/cjs/SliderDemo.cjs +6 -6
  127. package/dist/cjs/SliderDemo.native.js +6 -6
  128. package/dist/cjs/SliderDemo.native.js.map +1 -1
  129. package/dist/cjs/SpinnerDemo.cjs +4 -4
  130. package/dist/cjs/SpinnerDemo.native.js +4 -4
  131. package/dist/cjs/SpinnerDemo.native.js.map +1 -1
  132. package/dist/cjs/StacksDemo.cjs +14 -14
  133. package/dist/cjs/StacksDemo.native.js +14 -14
  134. package/dist/cjs/StacksDemo.native.js.map +1 -1
  135. package/dist/cjs/SwitchDemo.cjs +10 -10
  136. package/dist/cjs/SwitchDemo.native.js +10 -10
  137. package/dist/cjs/SwitchDemo.native.js.map +1 -1
  138. package/dist/cjs/SwitchHeadlessDemo.cjs +4 -4
  139. package/dist/cjs/SwitchHeadlessDemo.native.js +4 -4
  140. package/dist/cjs/SwitchHeadlessDemo.native.js.map +1 -1
  141. package/dist/cjs/SwitchUnstyledDemo.cjs +4 -4
  142. package/dist/cjs/SwitchUnstyledDemo.native.js +4 -4
  143. package/dist/cjs/SwitchUnstyledDemo.native.js.map +1 -1
  144. package/dist/cjs/TabsAdvancedDemo.cjs +41 -41
  145. package/dist/cjs/TabsAdvancedDemo.native.js +41 -41
  146. package/dist/cjs/TabsAdvancedDemo.native.js.map +1 -1
  147. package/dist/cjs/TabsDemo.cjs +31 -31
  148. package/dist/cjs/TabsDemo.native.js +31 -31
  149. package/dist/cjs/TabsDemo.native.js.map +1 -1
  150. package/dist/cjs/TabsHeadlessDemo.cjs +9 -9
  151. package/dist/cjs/TabsHeadlessDemo.native.js +9 -9
  152. package/dist/cjs/TabsHeadlessDemo.native.js.map +1 -1
  153. package/dist/cjs/TextDemo.cjs +8 -8
  154. package/dist/cjs/TextDemo.native.js +8 -8
  155. package/dist/cjs/TextDemo.native.js.map +1 -1
  156. package/dist/cjs/ThemeBuilderDemo.cjs +16 -16
  157. package/dist/cjs/ThemeBuilderDemo.native.js +16 -16
  158. package/dist/cjs/ThemeBuilderDemo.native.js.map +1 -1
  159. package/dist/cjs/ThemeInverseDemo.cjs +21 -21
  160. package/dist/cjs/ThemeInverseDemo.native.js +21 -21
  161. package/dist/cjs/ThemeInverseDemo.native.js.map +1 -1
  162. package/dist/cjs/ToastDemo.cjs +191 -114
  163. package/dist/cjs/ToastDemo.native.js +202 -118
  164. package/dist/cjs/ToastDemo.native.js.map +1 -1
  165. package/dist/cjs/ToastDuplicateDemo.cjs +34 -47
  166. package/dist/cjs/ToastDuplicateDemo.native.js +35 -52
  167. package/dist/cjs/ToastDuplicateDemo.native.js.map +1 -1
  168. package/dist/cjs/ToastV1Demo.cjs +155 -0
  169. package/dist/cjs/ToastV1Demo.native.js +166 -0
  170. package/dist/cjs/ToastV1Demo.native.js.map +1 -0
  171. package/dist/cjs/ToggleGroupDemo.cjs +12 -12
  172. package/dist/cjs/ToggleGroupDemo.native.js +12 -12
  173. package/dist/cjs/ToggleGroupDemo.native.js.map +1 -1
  174. package/dist/cjs/TokensDemo.cjs +14 -14
  175. package/dist/cjs/TokensDemo.native.js +14 -14
  176. package/dist/cjs/TokensDemo.native.js.map +1 -1
  177. package/dist/cjs/TooltipDemo.cjs +13 -13
  178. package/dist/cjs/TooltipDemo.native.js +13 -13
  179. package/dist/cjs/TooltipDemo.native.js.map +1 -1
  180. package/dist/cjs/UpdateThemeDemo.cjs +8 -8
  181. package/dist/cjs/UpdateThemeDemo.native.js +8 -8
  182. package/dist/cjs/UpdateThemeDemo.native.js.map +1 -1
  183. package/dist/cjs/WebNativeImageDemo.native.js.map +1 -1
  184. package/dist/cjs/{gui.config.cjs → hanzogui.config.cjs} +7 -7
  185. package/dist/cjs/{gui.config.native.js → hanzogui.config.native.js} +8 -8
  186. package/dist/cjs/hanzogui.config.native.js.map +1 -0
  187. package/dist/cjs/index.cjs +1 -0
  188. package/dist/cjs/index.native.js +1 -0
  189. package/dist/cjs/index.native.js.map +1 -1
  190. package/dist/cjs/useOnIntersecting.cjs +4 -4
  191. package/dist/cjs/useOnIntersecting.native.js +4 -4
  192. package/dist/cjs/useOnIntersecting.native.js.map +1 -1
  193. package/dist/esm/AccordionDemo.mjs +1 -1
  194. package/dist/esm/AccordionDemo.native.js +1 -1
  195. package/dist/esm/AddThemeDemo.mjs +1 -1
  196. package/dist/esm/AddThemeDemo.native.js +1 -1
  197. package/dist/esm/AlertDialogDemo.mjs +1 -1
  198. package/dist/esm/AlertDialogDemo.native.js +1 -1
  199. package/dist/esm/AnimationsDelayDemo.mjs +1 -1
  200. package/dist/esm/AnimationsDelayDemo.native.js +1 -1
  201. package/dist/esm/AnimationsDemo.mjs +1 -1
  202. package/dist/esm/AnimationsDemo.native.js +1 -1
  203. package/dist/esm/AnimationsEnterDemo.mjs +1 -1
  204. package/dist/esm/AnimationsEnterDemo.native.js +1 -1
  205. package/dist/esm/AnimationsHoverDemo.mjs +1 -1
  206. package/dist/esm/AnimationsHoverDemo.native.js +1 -1
  207. package/dist/esm/AnimationsPresenceDemo.mjs +1 -1
  208. package/dist/esm/AnimationsPresenceDemo.mjs.map +1 -1
  209. package/dist/esm/AnimationsPresenceDemo.native.js +1 -1
  210. package/dist/esm/AnimationsPresenceDemo.native.js.map +1 -1
  211. package/dist/esm/AnimationsTimingDemo.mjs +1 -1
  212. package/dist/esm/AnimationsTimingDemo.native.js +1 -1
  213. package/dist/esm/AvatarDemo.mjs +1 -1
  214. package/dist/esm/AvatarDemo.native.js +1 -1
  215. package/dist/esm/BoxShadowTokenDemo.mjs +1 -1
  216. package/dist/esm/BoxShadowTokenDemo.native.js +1 -1
  217. package/dist/esm/BuildAButtonDemo.mjs +1 -1
  218. package/dist/esm/BuildAButtonDemo.native.js +1 -1
  219. package/dist/esm/ButtonDemo.mjs +1 -1
  220. package/dist/esm/ButtonDemo.native.js +1 -1
  221. package/dist/esm/CardDemo.mjs +1 -1
  222. package/dist/esm/CardDemo.native.js +1 -1
  223. package/dist/esm/CheckboxDemo.mjs +1 -1
  224. package/dist/esm/CheckboxDemo.native.js +1 -1
  225. package/dist/esm/CheckboxHeadlessDemo.mjs +1 -1
  226. package/dist/esm/CheckboxHeadlessDemo.native.js +1 -1
  227. package/dist/esm/CheckboxUnstyledDemo.mjs +1 -1
  228. package/dist/esm/CheckboxUnstyledDemo.native.js +1 -1
  229. package/dist/esm/ColorsDemo.mjs +1 -1
  230. package/dist/esm/ColorsDemo.native.js +1 -1
  231. package/dist/esm/ContextMenuDemo.mjs +1 -1
  232. package/dist/esm/ContextMenuDemo.native.js +1 -1
  233. package/dist/esm/DialogDemo.mjs +1 -1
  234. package/dist/esm/DialogDemo.native.js +1 -1
  235. package/dist/esm/FormsDemo.mjs +1 -1
  236. package/dist/esm/FormsDemo.native.js +1 -1
  237. package/dist/esm/GroupDemo.mjs +1 -1
  238. package/dist/esm/GroupDemo.native.js +1 -1
  239. package/dist/esm/HeadingsDemo.mjs +1 -1
  240. package/dist/esm/HeadingsDemo.native.js +1 -1
  241. package/dist/esm/InputsDemo.mjs +1 -1
  242. package/dist/esm/InputsDemo.native.js +1 -1
  243. package/dist/esm/LabelDemo.mjs +1 -1
  244. package/dist/esm/LabelDemo.native.js +1 -1
  245. package/dist/esm/LinearGradientDemo.mjs +1 -1
  246. package/dist/esm/LinearGradientDemo.native.js +1 -1
  247. package/dist/esm/LinearGradientDemo.native.js.map +1 -1
  248. package/dist/esm/ListItemDemo.mjs +9 -1
  249. package/dist/esm/ListItemDemo.mjs.map +1 -1
  250. package/dist/esm/ListItemDemo.native.js +9 -1
  251. package/dist/esm/ListItemDemo.native.js.map +1 -1
  252. package/dist/esm/LucideIconsDemo.mjs +1 -1
  253. package/dist/esm/LucideIconsDemo.native.js +1 -1
  254. package/dist/esm/MenuDemo.mjs +1 -1
  255. package/dist/esm/MenuDemo.native.js +1 -1
  256. package/dist/esm/NewInputsDemo.mjs +1 -1
  257. package/dist/esm/NewInputsDemo.native.js +1 -1
  258. package/dist/esm/PopoverDemo.mjs +1 -1
  259. package/dist/esm/PopoverDemo.native.js +1 -1
  260. package/dist/esm/ProgressDemo.mjs +1 -1
  261. package/dist/esm/ProgressDemo.native.js +1 -1
  262. package/dist/esm/RadioGroupDemo.mjs +1 -1
  263. package/dist/esm/RadioGroupDemo.native.js +1 -1
  264. package/dist/esm/RadioGroupHeadlessDemo.mjs +1 -1
  265. package/dist/esm/RadioGroupHeadlessDemo.native.js +1 -1
  266. package/dist/esm/RadioGroupHeadlessDemo.native.js.map +1 -1
  267. package/dist/esm/RadioGroupUnstyledDemo.mjs +1 -1
  268. package/dist/esm/RadioGroupUnstyledDemo.native.js +1 -1
  269. package/dist/esm/ReplaceThemeDemo.mjs +1 -1
  270. package/dist/esm/ReplaceThemeDemo.native.js +1 -1
  271. package/dist/esm/ScrollViewDemo.mjs +1 -1
  272. package/dist/esm/ScrollViewDemo.native.js +1 -1
  273. package/dist/esm/SelectDemo.mjs +2 -2
  274. package/dist/esm/SelectDemo.mjs.map +1 -1
  275. package/dist/esm/SelectDemo.native.js +2 -2
  276. package/dist/esm/SelectDemo.native.js.map +1 -1
  277. package/dist/esm/SeparatorDemo.mjs +1 -1
  278. package/dist/esm/SeparatorDemo.native.js +1 -1
  279. package/dist/esm/ShapesDemo.mjs +1 -1
  280. package/dist/esm/ShapesDemo.native.js +1 -1
  281. package/dist/esm/SheetDemo.mjs +1 -1
  282. package/dist/esm/SheetDemo.native.js +1 -1
  283. package/dist/esm/SliderDemo.mjs +1 -1
  284. package/dist/esm/SliderDemo.native.js +1 -1
  285. package/dist/esm/SpinnerDemo.mjs +1 -1
  286. package/dist/esm/SpinnerDemo.native.js +1 -1
  287. package/dist/esm/StacksDemo.mjs +1 -1
  288. package/dist/esm/StacksDemo.native.js +1 -1
  289. package/dist/esm/SwitchDemo.mjs +1 -1
  290. package/dist/esm/SwitchDemo.native.js +1 -1
  291. package/dist/esm/SwitchHeadlessDemo.mjs +1 -1
  292. package/dist/esm/SwitchHeadlessDemo.native.js +1 -1
  293. package/dist/esm/SwitchUnstyledDemo.mjs +1 -1
  294. package/dist/esm/SwitchUnstyledDemo.native.js +1 -1
  295. package/dist/esm/TabsAdvancedDemo.mjs +9 -9
  296. package/dist/esm/TabsAdvancedDemo.mjs.map +1 -1
  297. package/dist/esm/TabsAdvancedDemo.native.js +9 -9
  298. package/dist/esm/TabsAdvancedDemo.native.js.map +1 -1
  299. package/dist/esm/TabsDemo.mjs +1 -1
  300. package/dist/esm/TabsDemo.native.js +1 -1
  301. package/dist/esm/TabsHeadlessDemo.mjs +1 -1
  302. package/dist/esm/TabsHeadlessDemo.native.js +1 -1
  303. package/dist/esm/TextDemo.mjs +1 -1
  304. package/dist/esm/TextDemo.native.js +1 -1
  305. package/dist/esm/ThemeBuilderDemo.mjs +1 -1
  306. package/dist/esm/ThemeBuilderDemo.native.js +1 -1
  307. package/dist/esm/ThemeInverseDemo.mjs +1 -1
  308. package/dist/esm/ThemeInverseDemo.native.js +1 -1
  309. package/dist/esm/ToastDemo.mjs +190 -102
  310. package/dist/esm/ToastDemo.mjs.map +1 -1
  311. package/dist/esm/ToastDemo.native.js +202 -107
  312. package/dist/esm/ToastDemo.native.js.map +1 -1
  313. package/dist/esm/ToastDuplicateDemo.mjs +31 -33
  314. package/dist/esm/ToastDuplicateDemo.mjs.map +1 -1
  315. package/dist/esm/ToastDuplicateDemo.native.js +32 -38
  316. package/dist/esm/ToastDuplicateDemo.native.js.map +1 -1
  317. package/dist/esm/ToastV1Demo.mjs +119 -0
  318. package/dist/esm/ToastV1Demo.mjs.map +1 -0
  319. package/dist/esm/ToastV1Demo.native.js +127 -0
  320. package/dist/esm/ToastV1Demo.native.js.map +1 -0
  321. package/dist/esm/ToggleGroupDemo.mjs +1 -1
  322. package/dist/esm/ToggleGroupDemo.native.js +1 -1
  323. package/dist/esm/TokensDemo.mjs +1 -1
  324. package/dist/esm/TokensDemo.native.js +1 -1
  325. package/dist/esm/TooltipDemo.mjs +1 -1
  326. package/dist/esm/TooltipDemo.mjs.map +1 -1
  327. package/dist/esm/TooltipDemo.native.js +1 -1
  328. package/dist/esm/TooltipDemo.native.js.map +1 -1
  329. package/dist/esm/UpdateThemeDemo.mjs +1 -1
  330. package/dist/esm/UpdateThemeDemo.native.js +1 -1
  331. package/dist/esm/hanzogui.config.mjs +6 -0
  332. package/dist/esm/hanzogui.config.mjs.map +1 -0
  333. package/dist/esm/hanzogui.config.native.js +6 -0
  334. package/dist/esm/hanzogui.config.native.js.map +1 -0
  335. package/dist/esm/index.js +1 -0
  336. package/dist/esm/index.js.map +1 -1
  337. package/dist/esm/index.mjs +1 -0
  338. package/dist/esm/index.mjs.map +1 -1
  339. package/dist/esm/index.native.js +1 -0
  340. package/dist/esm/index.native.js.map +1 -1
  341. package/dist/esm/useOnIntersecting.mjs +1 -1
  342. package/dist/esm/useOnIntersecting.native.js +1 -1
  343. package/package.json +40 -17
  344. package/src/AccordionDemo.tsx +1 -1
  345. package/src/AddThemeDemo.tsx +1 -1
  346. package/src/AlertDialogDemo.tsx +1 -1
  347. package/src/AnimationsDelayDemo.tsx +1 -1
  348. package/src/AnimationsDemo.tsx +1 -1
  349. package/src/AnimationsEnterDemo.tsx +1 -1
  350. package/src/AnimationsHoverDemo.tsx +1 -1
  351. package/src/AnimationsPresenceDemo.tsx +1 -1
  352. package/src/AnimationsTimingDemo.tsx +1 -1
  353. package/src/AvatarDemo.tsx +1 -1
  354. package/src/BoxShadowTokenDemo.tsx +1 -1
  355. package/src/BuildAButtonDemo.tsx +2 -2
  356. package/src/ButtonDemo.tsx +1 -1
  357. package/src/CardDemo.tsx +2 -2
  358. package/src/CheckboxDemo.tsx +2 -2
  359. package/src/CheckboxHeadlessDemo.tsx +1 -1
  360. package/src/CheckboxUnstyledDemo.tsx +1 -1
  361. package/src/ColorsDemo.tsx +1 -1
  362. package/src/ContextMenuDemo.tsx +1 -1
  363. package/src/DialogDemo.tsx +1 -1
  364. package/src/FormsDemo.tsx +2 -2
  365. package/src/GroupDemo.tsx +1 -1
  366. package/src/HeadingsDemo.tsx +1 -1
  367. package/src/InputsDemo.tsx +2 -2
  368. package/src/LabelDemo.tsx +1 -1
  369. package/src/LinearGradientDemo.tsx +1 -1
  370. package/src/ListItemDemo.tsx +27 -6
  371. package/src/LucideIconsDemo.tsx +1 -1
  372. package/src/MenuDemo.tsx +2 -2
  373. package/src/NewInputsDemo.tsx +2 -2
  374. package/src/PopoverDemo.tsx +2 -2
  375. package/src/ProgressDemo.tsx +1 -1
  376. package/src/RadioGroupDemo.tsx +2 -2
  377. package/src/RadioGroupHeadlessDemo.tsx +1 -1
  378. package/src/RadioGroupUnstyledDemo.tsx +1 -1
  379. package/src/ReplaceThemeDemo.tsx +1 -1
  380. package/src/ScrollViewDemo.tsx +1 -1
  381. package/src/SelectDemo.tsx +3 -12
  382. package/src/SeparatorDemo.tsx +1 -1
  383. package/src/ShapesDemo.tsx +1 -1
  384. package/src/SheetDemo.tsx +1 -1
  385. package/src/SliderDemo.tsx +2 -2
  386. package/src/SpinnerDemo.tsx +1 -1
  387. package/src/StacksDemo.tsx +1 -1
  388. package/src/SwitchDemo.tsx +2 -2
  389. package/src/SwitchHeadlessDemo.tsx +1 -1
  390. package/src/SwitchUnstyledDemo.tsx +1 -1
  391. package/src/TabsAdvancedDemo.tsx +15 -13
  392. package/src/TabsDemo.tsx +2 -2
  393. package/src/TabsHeadlessDemo.tsx +1 -1
  394. package/src/TextDemo.tsx +1 -1
  395. package/src/ThemeBuilderDemo.tsx +2 -2
  396. package/src/ThemeInverseDemo.tsx +1 -1
  397. package/src/ToastDemo.tsx +208 -93
  398. package/src/ToastDuplicateDemo.tsx +39 -29
  399. package/src/ToastV1Demo.tsx +121 -0
  400. package/src/ToggleGroupDemo.tsx +1 -1
  401. package/src/TokensDemo.tsx +1 -1
  402. package/src/TooltipDemo.tsx +2 -10
  403. package/src/UpdateThemeDemo.tsx +1 -1
  404. package/src/{gui.config.ts → hanzogui.config.ts} +2 -2
  405. package/src/index.tsx +3 -2
  406. package/src/useOnIntersecting.tsx +1 -1
  407. package/LICENSE +0 -21
  408. package/dist/cjs/gui.config.native.js.map +0 -1
  409. package/dist/esm/gui.config.mjs +0 -6
  410. package/dist/esm/gui.config.mjs.map +0 -1
  411. package/dist/esm/gui.config.native.js +0 -6
  412. package/dist/esm/gui.config.native.js.map +0 -1
@@ -1 +1 @@
1
- {"version":3,"names":["__create","Object","create","__defProp","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__getProtoOf","getPrototypeOf","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toESM","mod","isNodeMode","__esModule","value","__toCommonJS","AnimationsDelayDemo_exports","AnimationsDelayDemo","module","exports","import_jsx_runtime","require","import_react","import_gui","import_useOnIntersecting","colors","ref","default","useRef","hasIntersected","useIsIntersecting","once","show","setShow","useState","isWeb","jsx","YStack","height","jsxs","gap","items","children","XStack","justify","AnimatePresence","map","color","i","Square","transition","delay","enterStyle","opacity","scale","y","exitStyle","size","bg","rounded","Button","onPress"],"sources":["AnimationsDelayDemo.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 AnimationsDelayDemo_exports = {};\n__export(AnimationsDelayDemo_exports, {\n AnimationsDelayDemo: () => AnimationsDelayDemo\n});\nmodule.exports = __toCommonJS(AnimationsDelayDemo_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_react = __toESM(require(\"react\"), 1);\nvar import_gui = require(\"@hanzo/gui\");\nvar import_useOnIntersecting = require(\"./useOnIntersecting\");\nvar colors = [\n \"$color9\",\n \"$color10\",\n \"$color11\",\n \"$color12\"\n];\nfunction AnimationsDelayDemo() {\n var ref = import_react.default.useRef(null);\n var hasIntersected = (0, import_useOnIntersecting.useIsIntersecting)(ref, {\n once: true\n });\n var [show, setShow] = import_react.default.useState(true);\n if (import_gui.isWeb && !hasIntersected) {\n return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.YStack, {\n ref,\n height: 150\n });\n }\n return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_gui.YStack, {\n gap: \"$4\",\n items: \"center\",\n children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.XStack, {\n gap: \"$3\",\n height: 100,\n items: \"center\",\n justify: \"center\",\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.AnimatePresence, {\n children: show && colors.map(function(color, i) {\n return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Square, {\n transition: [\n \"200ms\",\n {\n delay: i * 100\n }\n ],\n enterStyle: {\n opacity: 0,\n scale: 0.5,\n y: 20\n },\n exitStyle: {\n opacity: 0,\n scale: 0,\n y: 20\n },\n size: 60,\n bg: color,\n rounded: \"$4\"\n }, color);\n })\n })\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Button, {\n size: \"$3\",\n onPress: function() {\n return setShow(!show);\n },\n children: show ? \"Hide\" : \"Show\"\n })\n ]\n });\n}\n//# sourceMappingURL=AnimationsDelayDemo.js.map\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","AnimationsDelayDemo_exports","__export","AnimationsDelayDemo","module","exports","import_jsx_runtime","require","import_react","__toESM","import_hanzogui","import_useOnIntersecting","colors","ref","default","useRef","hasIntersected","useIsIntersecting","once","show","setShow","useState","isWeb","jsx","YStack","height","jsxs","gap","items","children","XStack","justify","AnimatePresence","map","color","i","Square","transition"],"sources":["../../src/AnimationsDelayDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,2BAAA;AAAAC,QAAA,CAAAD,2BAAA;EAAAE,mBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAkB,CAAAK,2BAAA;AAClB,IAAAK,kBAAuE,GAAAC,OAAA;AAEvE,IAAAC,YAAA,GAAAC,OAAA,CAAAF,OAAkC;AAUvB,IAAAG,eAAA,GAAAH,OAAA;AARX,IAAAI,wBAA2B,GAAAJ,OAAA,CAAY,+BAAY,CAAU;AAEtD,IAAAK,MAAS,IACd,SAAM,EACN,UAAM,EACN,UAAO,EAEP,UAAI,CACF;AAA6C,SAC/CT,oBAAA;EAEA,IAAAU,GACE,GAAAL,YAAA,CAAAM,OAAA,CAAAC,MAAA;EACE,IAAAC,cAAA,OAAAL,wBAAC,CAAAM,iBAAA,EAAAJ,GAAO;IAIAK,IAAC;EAAA;EAAA,KAAAC,IAEC,EAAAC,OAAY,CAAC,GAAAZ,YAAW,CAAAM,OAAW,CAAAO,QAAK;EAAA,IAAAX,eAC5B,CAAAY,KAAA,KAAAN,cAAA;IAAA,OACV,eAAS,IAAAV,kBAAA,CAAAiB,GAAA,EAAAb,eAAA,CAAAc,MAAA;MAAAX,GAAA;MACFY,MACP,EAAG;IAAA;EACL;EACW,sBACA,IAAAnB,kBAAA,CAAAoB,IAAA,EAAAhB,eAAA,CAAAc,MAAA;IAAAG,GAAA,MACT;IAAOC,KAAA,EACP,QAAG;IAAAC,QACL,kBACM,IAAAvB,kBAAA,CAAAiB,GAAA,EAAAb,eAAA,CAAAoB,MAAA;MACNH,GAAA,EAAI;MACJF,MAAA,KAAQ;MAAAG,KAAA;MAdHG,OAAA;MAiBbF,QACF,qBAAAvB,kBAAA,CAAAiB,GAAA,EAAAb,eAAA,CAAAsB,eAAA;QAEAH,QAAA,EAAAV,IAAA,IAAAP,MAAA,CAAAqB,GAAA,WAACC,KAAA,EAAAC,CAAA;UAGH,0BAAA7B,kBAAA,CAAAiB,GAAA,EAAAb,eAAA,CAAA0B,MAAA;YAEJC,UAAA,G","ignoreList":[]}
@@ -28,22 +28,22 @@ __export(AnimationsDemo_exports, {
28
28
  module.exports = __toCommonJS(AnimationsDemo_exports);
29
29
  var import_logo = require("@hanzogui/logo");
30
30
  var import_lucide_icons_2 = require("@hanzogui/lucide-icons-2");
31
- var import_gui = require("@hanzo/gui");
31
+ var import_hanzogui = require("hanzogui");
32
32
  var import_jsx_runtime = require("react/jsx-runtime");
33
33
  function AnimationsDemo(props) {
34
- const [positionI, setPositionI] = (0, import_gui.useControllableState)({
34
+ const [positionI, setPositionI] = (0, import_hanzogui.useControllableState)({
35
35
  strategy: "most-recent-wins",
36
36
  prop: props.position,
37
37
  defaultProp: 0
38
38
  });
39
39
  const position = positions[positionI];
40
- const onPress = (0, import_gui.useEvent)(() => {
40
+ const onPress = (0, import_hanzogui.useEvent)(() => {
41
41
  setPositionI(x => {
42
42
  return (x + 1) % positions.length;
43
43
  });
44
44
  });
45
45
  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
46
- children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Square, {
46
+ children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Square, {
47
47
  transition: props.animation ?? "bouncy",
48
48
  animateOnly: ["transform"],
49
49
  onPress,
@@ -59,10 +59,10 @@ function AnimationsDemo(props) {
59
59
  scale: 0.9
60
60
  },
61
61
  ...position,
62
- children: import_gui.isWeb && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_logo.LogoIcon, {
62
+ children: import_hanzogui.isWeb && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_logo.LogoIcon, {
63
63
  downscale: 0.75
64
64
  })
65
- }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
65
+ }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
66
66
  position: "absolute",
67
67
  b: 20,
68
68
  l: 20,
@@ -31,22 +31,22 @@ module.exports = __toCommonJS(AnimationsDemo_exports);
31
31
  var import_jsx_runtime = require("react/jsx-runtime");
32
32
  var import_logo = require("@hanzogui/logo");
33
33
  var import_lucide_icons_2 = require("@hanzogui/lucide-icons-2");
34
- var import_gui = require("@hanzo/gui");
34
+ var import_hanzogui = require("hanzogui");
35
35
  function AnimationsDemo(props) {
36
- var [positionI, setPositionI] = (0, import_gui.useControllableState)({
36
+ var [positionI, setPositionI] = (0, import_hanzogui.useControllableState)({
37
37
  strategy: "most-recent-wins",
38
38
  prop: props.position,
39
39
  defaultProp: 0
40
40
  });
41
41
  var position = positions[positionI];
42
- var onPress = (0, import_gui.useEvent)(function () {
42
+ var onPress = (0, import_hanzogui.useEvent)(function () {
43
43
  setPositionI(function (x) {
44
44
  return (x + 1) % positions.length;
45
45
  });
46
46
  });
47
47
  var _props_animation, _props_tint;
48
48
  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
49
- children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Square, {
49
+ children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Square, {
50
50
  transition: (_props_animation = props.animation) !== null && _props_animation !== void 0 ? _props_animation : "bouncy",
51
51
  animateOnly: ["transform"],
52
52
  onPress,
@@ -62,10 +62,10 @@ function AnimationsDemo(props) {
62
62
  scale: 0.9
63
63
  },
64
64
  ...position,
65
- children: import_gui.isWeb && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_logo.LogoIcon, {
65
+ children: import_hanzogui.isWeb && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_logo.LogoIcon, {
66
66
  downscale: 0.75
67
67
  })
68
- }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
68
+ }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
69
69
  position: "absolute",
70
70
  b: 20,
71
71
  l: 20,
@@ -1 +1 @@
1
- {"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","AnimationsDemo_exports","AnimationsDemo","positions","module","exports","import_jsx_runtime","require","import_logo","import_lucide_icons_2","import_gui","props","positionI","setPositionI","useControllableState","strategy","prop","position","defaultProp","onPress","useEvent","x","length","_props_animation","_props_tint","jsxs","Fragment","children","jsx","Square","transition","animation","animateOnly","size","borderColor","borderWidth","rounded","bg","hoverStyle","scale","pressStyle","isWeb","LogoIcon","downscale","Button","b","l","icon","Play","theme","tint","circular","y","rotate"],"sources":["AnimationsDemo.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 AnimationsDemo_exports = {};\n__export(AnimationsDemo_exports, {\n AnimationsDemo: () => AnimationsDemo,\n positions: () => positions\n});\nmodule.exports = __toCommonJS(AnimationsDemo_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_logo = require(\"@hanzogui/logo\");\nvar import_lucide_icons_2 = require(\"@hanzogui/lucide-icons-2\");\nvar import_gui = require(\"@hanzo/gui\");\nfunction AnimationsDemo(props) {\n var [positionI, setPositionI] = (0, import_gui.useControllableState)({\n strategy: \"most-recent-wins\",\n prop: props.position,\n defaultProp: 0\n });\n var position = positions[positionI];\n var onPress = (0, import_gui.useEvent)(function() {\n setPositionI(function(x) {\n return (x + 1) % positions.length;\n });\n });\n var _props_animation, _props_tint;\n return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {\n children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Square, {\n transition: (_props_animation = props.animation) !== null && _props_animation !== void 0 ? _props_animation : \"bouncy\",\n animateOnly: [\n \"transform\"\n ],\n onPress,\n size: 104,\n borderColor: \"$borderColor\",\n borderWidth: 1,\n rounded: \"$9\",\n bg: \"$color9\",\n hoverStyle: {\n scale: 1.01\n },\n pressStyle: {\n scale: 0.9\n },\n ...position,\n children: import_gui.isWeb && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_logo.LogoIcon, {\n downscale: 0.75\n })\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Button, {\n position: \"absolute\",\n b: 20,\n l: 20,\n icon: import_lucide_icons_2.Play,\n theme: (_props_tint = props.tint) !== null && _props_tint !== void 0 ? _props_tint : \"surface2\",\n size: \"$5\",\n circular: true,\n onPress\n })\n ]\n });\n}\nvar positions = [\n {\n x: 0,\n y: 0,\n scale: 1,\n rotate: \"0deg\"\n },\n {\n x: -50,\n y: -50,\n scale: 0.5,\n rotate: \"-45deg\",\n hoverStyle: {\n scale: 0.6\n },\n pressStyle: {\n scale: 0.4\n }\n },\n {\n x: 50,\n y: 50,\n scale: 1,\n rotate: \"180deg\",\n hoverStyle: {\n scale: 1.1\n },\n pressStyle: {\n scale: 0.9\n }\n }\n];\n//# sourceMappingURL=AnimationsDemo.js.map\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","AnimationsDemo_exports","__export","AnimationsDemo","positions","module","exports","import_jsx_runtime","require","import_logo","import_lucide_icons_2","import_hanzogui","props","positionI","setPositionI","useControllableState","strategy","prop","position","defaultProp","onPress","useEvent","x","length","_props_animation","_props_tint","jsxs","Fragment","children","jsx","Square","transition","animation","animateOnly","size","borderColor","borderWidth","rounded","bg","hoverStyle","scale","pressStyle","isWeb","LogoIcon","downscale","Button","b","l","icon","Play","theme","tint","circular","y","rotate"],"sources":["../../src/AnimationsDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,sBAAA;AAAAC,QAAA,CAAAD,sBAAA;EAAAE,cAAA,EAAAA,CAAA,KAAAA,cAAA;EAAAC,SAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAV,YAAyB,CAAAK,sBAAA;AACzB,IAAAM,kBAAA,GAAAC,OAAqB;AACrB,IAAAC,WAAA,GAAAD,OAA6E;AAgBzE,IAAAE,qBAAA,GAAAF,OAAA;AAdG,IAAAG,eAAS,GAAAH,OAAe,WAAO;AACpC,SAAOL,cAAWA,CAAAS,KAAA;EAAqC,IACrD,CAAAC,SAAU,EAAAC,YAAA,QAAAH,eAAA,CAAAI,oBAAA;IACVC,QAAM,oBAAM;IACZC,IAAA,EAAAL,KAAA,CAAAM,QAAa;IACdC,WAAA;EACD;EACA,IAAAD,QAAM,GAAAd,SAAU,CAAAS,SAAA;EACd,IAAAO,OAAA,IAAa,CAAC,EAAAT,eAAM,CAAAU,QAAA;IAClBP,YAAQ,WAASQ,CAAA;MAClB,QAAAA,CAAA,QAAAlB,SAAA,CAAAmB,MAAA;IACF;EAED;EAEI,IAAAC,gBAAA,EAAAC,WAAA;EAAA,OAAC,mBAAAlB,kBAAA,CAAAmB,IAAA,EAAAnB,kBAAA,CAAAoB,QAAA;IAAAC,QAAA,kBACa,IAAMrB,kBAAa,CAAAsB,GAAA,EAAAlB,eAAA,CAAAmB,MAAA;MAC/BC,UAAA,GAAaP,gBAAY,GAAAZ,KAAA,CAAAoB,SAAA,cAAAR,gBAAA,cAAAA,gBAAA;MACzBS,WAAA,GACA,WAAM,CACN;MACAb,OAAA;MACAc,IAAA,KAAQ;MACRC,WAAG;MACHC,WAAA,EAAY;MAAAC,OACV,EAAO;MACTC,EAAA;MACAC,UAAA,EAAY;QACVC,KAAA,EAAO;MACT;MACCC,UAAG;QAEHD,KAAA;MAAoC;MACvC,GAAAtB,QAAA;MAEAU,QAAA,EAAAjB,eAAA,CAAA+B,KAAA,uBAAAnC,kBAAA,CAAAsB,GAAA,EAAApB,WAAA,CAAAkC,QAAA;QAACC,SAAA;MAAA;IAAA,EACC,EAAS,eACN,IAAArC,kBAAA,CAAAsB,GAAA,EAAAlB,eAAA,CAAAkC,MAAA;MACH3B,QAAG;MACH4B,CAAA;MACAC,CAAA;MACAC,IAAA,EAAKtC,qBAAA,CAAAuC,IAAA;MACLC,KAAA,GAAAzB,WAAQ,GAAAb,KAAA,CAAAuC,IAAA,cAAA1B,WAAA,cAAAA,WAAA;MACRS,IAAA;MAAAkB,QAAA;MACFhC;IACF;EAIG;AAAkB;AACvB,IACEhB,SAAG;EAEHkB,CAAA;EACA+B,CAAA;EACFb,KAAA;EACAc,MAAA;AAAA,GACK;EAEHhC,CAAA;EACA+B,CAAA;EACAb,KAAA;EAAYc,MACV,UAAO;EACTf,UAAA;IACAC,KAAA;EAAY;EAEZC,UAAA;IACFD,KAAA;EACA;AAAA,GACK;EAEHlB,CAAA;EACA+B,CAAA;EACAb,KAAA;EAAYc,MACV,UAAO;EACTf,UAAA;IACAC,KAAA;EAAY;EAEZC,UAAA;IACFD,KAAA;EACF","ignoreList":[]}
@@ -38,7 +38,7 @@ __export(AnimationsEnterDemo_exports, {
38
38
  module.exports = __toCommonJS(AnimationsEnterDemo_exports);
39
39
  var import_react = __toESM(require("react"), 1);
40
40
  var import_logo = require("@hanzogui/logo");
41
- var import_gui = require("@hanzo/gui");
41
+ var import_hanzogui = require("hanzogui");
42
42
  var import_useOnIntersecting = require("./useOnIntersecting.cjs");
43
43
  var import_jsx_runtime = require("react/jsx-runtime");
44
44
  function AnimationsEnterDemo(props) {
@@ -47,13 +47,13 @@ function AnimationsEnterDemo(props) {
47
47
  const hasIntersected = (0, import_useOnIntersecting.useIsIntersecting)(ref, {
48
48
  once: true
49
49
  });
50
- if (import_gui.isWeb && !hasIntersected) {
51
- return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
50
+ if (import_hanzogui.isWeb && !hasIntersected) {
51
+ return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.YStack, {
52
52
  ref
53
53
  });
54
54
  }
55
55
  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
56
- children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Square, {
56
+ children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Square, {
57
57
  enterStyle: {
58
58
  scale: 1.5,
59
59
  y: -10,
@@ -70,7 +70,7 @@ function AnimationsEnterDemo(props) {
70
70
  children: props.children ?? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_logo.LogoIcon, {
71
71
  downscale: 0.75
72
72
  })
73
- }, key), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
73
+ }, key), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
74
74
  size: "$3",
75
75
  mt: "$4",
76
76
  onPress: () => setKey(Math.random()),
@@ -41,7 +41,7 @@ module.exports = __toCommonJS(AnimationsEnterDemo_exports);
41
41
  var import_jsx_runtime = require("react/jsx-runtime");
42
42
  var import_react = __toESM(require("react"), 1);
43
43
  var import_logo = require("@hanzogui/logo");
44
- var import_gui = require("@hanzo/gui");
44
+ var import_hanzogui = require("hanzogui");
45
45
  var import_useOnIntersecting = require("./useOnIntersecting.native.js");
46
46
  function AnimationsEnterDemo(props) {
47
47
  var ref = import_react.default.useRef(null);
@@ -49,14 +49,14 @@ function AnimationsEnterDemo(props) {
49
49
  var hasIntersected = (0, import_useOnIntersecting.useIsIntersecting)(ref, {
50
50
  once: true
51
51
  });
52
- if (import_gui.isWeb && !hasIntersected) {
53
- return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
52
+ if (import_hanzogui.isWeb && !hasIntersected) {
53
+ return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.YStack, {
54
54
  ref
55
55
  });
56
56
  }
57
57
  var _props_children;
58
58
  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
59
- children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Square, {
59
+ children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Square, {
60
60
  enterStyle: {
61
61
  scale: 1.5,
62
62
  y: -10,
@@ -73,7 +73,7 @@ function AnimationsEnterDemo(props) {
73
73
  children: (_props_children = props.children) !== null && _props_children !== void 0 ? _props_children : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_logo.LogoIcon, {
74
74
  downscale: 0.75
75
75
  })
76
- }, key), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
76
+ }, key), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
77
77
  size: "$3",
78
78
  mt: "$4",
79
79
  onPress: function () {
@@ -1 +1 @@
1
- {"version":3,"names":["__create","Object","create","__defProp","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__getProtoOf","getPrototypeOf","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toESM","mod","isNodeMode","__esModule","value","__toCommonJS","AnimationsEnterDemo_exports","AnimationsEnterDemo","module","exports","import_jsx_runtime","require","import_react","import_logo","import_gui","import_useOnIntersecting","props","ref","default","useRef","setKey","useState","hasIntersected","useIsIntersecting","once","isWeb","jsx","YStack","_props_children","jsxs","Fragment","children","Square","enterStyle","scale","y","opacity","transition","elevation","size","bg","rounded","LogoIcon","downscale","Button","mt","onPress","Math","random"],"sources":["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(\"@hanzogui/logo\");\nvar import_gui = require(\"@hanzo/gui\");\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_gui.isWeb && !hasIntersected) {\n return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.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_gui.Square, {\n enterStyle: {\n scale: 1.5,\n y: -10,\n opacity: 0\n },\n transition: \"bouncy\",\n elevation: \"$4\",\n size: 110,\n opacity: 1,\n scale: 1,\n y: 0,\n bg: \"$color9\",\n rounded: \"$9\",\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_gui.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":"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","ignoreList":[]}
1
+ {"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","AnimationsEnterDemo_exports","__export","AnimationsEnterDemo","module","exports","import_jsx_runtime","require","import_react","__toESM","import_logo","import_hanzogui","import_useOnIntersecting","React","props","ref","default","useRef","key","setKey","useState","hasIntersected","useIsIntersecting","once","isWeb","jsx","YStack","_props_children","jsxs","Fragment","children","Square","enterStyle","scale","y","opacity","transition","elevation","size","bg","rounded","LogoIcon","downscale"],"sources":["../../src/AnimationsEnterDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,2BAAA;AAAAC,QAAA,CAAAD,2BAAA;EAAAE,mBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAkB,CAAAK,2BAAA;AAClB,IAAAK,kBAAyB,GAAAC,OAAA;AAEzB,IAAAC,YAAA,GAAAC,OAA8C,CAAAF,OAAA;AAE9C,IAAAG,WAAA,GAAAH,OAAA,iBAAkC;AAQvB,IAAAI,eAAA,GAAAJ,OAAA;AANJ,IAAAK,wBAAS,GAAoBL,OAAY;AAC9C,SAAMJ,mBAAMU,CAAAC,KAAA,EAAM;EAClB,IAAAC,GAAO,GAAAP,YAAe,CAAAQ,OAAA,CAAAC,MAAA,MAAM;EAC5B,KAAAC,GAAM,EAAAC,MAAA,IAAAX,YAAiB,CAAAQ,OAAA,CAAAI,QAAA;EAEvB,IAAIC,cAAA,OAAAT,wBAA0B,CAAAU,iBAAA,EAAAP,GAAA;IAC5BQ,IAAA;EACF;EAEA,IAAAZ,eACE,CAAAa,KAAA,KAAAH,cAAA;IACE,0BAAAf,kBAAA,CAAAmB,GAAA,EAAAd,eAAA,CAAAe,MAAA;MAACX;IAAA;EAAA;EAEa,IAAAY,eACH;EAAA,sBACJ,IAAArB,kBAAA,CAAAsB,IAAA,EAAAtB,kBAAA,CAAAuB,QAAA;IAAAC,QACH,GAAS,eACX,IAAAxB,kBAAA,CAAAmB,GAAA,EAAAd,eAAA,CAAAoB,MAAA;MACAC,UAAA,EAAW;QACXC,KAAA,KAAU;QACVC,CAAA,GAAM;QACNC,OAAS;MACT;MACAC,UAAG;MACHC,SAAG;MACHC,IAAA,KAAQ;MAEPH,OAAA;MAA6CF,KAAA;MAfzCC,CAAA;MAgBPK,EAAA;MAEAC,OAAA;MAGFV,QAAA,GAAAH,eAAA,GAAAb,KAAA,CAAAgB,QAAA,cAAAH,eAAA,cAAAA,eAAA,sBAAArB,kBAAA,CAAAmB,GAAA,EAAAf,WAAA,CAAA+B,QAAA;QAEJC,SAAA","ignoreList":[]}
@@ -26,10 +26,10 @@ __export(AnimationsHoverDemo_exports, {
26
26
  });
27
27
  module.exports = __toCommonJS(AnimationsHoverDemo_exports);
28
28
  var import_logo = require("@hanzogui/logo");
29
- var import_gui = require("@hanzo/gui");
29
+ var import_hanzogui = require("hanzogui");
30
30
  var import_jsx_runtime = require("react/jsx-runtime");
31
31
  function AnimationsHoverDemo() {
32
- return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Square, {
32
+ return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Square, {
33
33
  borderColor: "$borderColor",
34
34
  transition: "bouncy",
35
35
  elevation: "$4",
@@ -29,9 +29,9 @@ __export(AnimationsHoverDemo_exports, {
29
29
  module.exports = __toCommonJS(AnimationsHoverDemo_exports);
30
30
  var import_jsx_runtime = require("react/jsx-runtime");
31
31
  var import_logo = require("@hanzogui/logo");
32
- var import_gui = require("@hanzo/gui");
32
+ var import_hanzogui = require("hanzogui");
33
33
  function AnimationsHoverDemo() {
34
- return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Square, {
34
+ return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Square, {
35
35
  borderColor: "$borderColor",
36
36
  transition: "bouncy",
37
37
  elevation: "$4",
@@ -1 +1 @@
1
- {"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","AnimationsHoverDemo_exports","AnimationsHoverDemo","module","exports","import_jsx_runtime","require","import_logo","import_gui","jsx","Square","borderColor","transition","elevation","bg","size","rounded","hoverStyle","scale","pressStyle","children","LogoIcon","downscale"],"sources":["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(\"@hanzogui/logo\");\nvar import_gui = require(\"@hanzo/gui\");\nfunction AnimationsHoverDemo() {\n return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Square, {\n borderColor: \"$borderColor\",\n transition: \"bouncy\",\n elevation: \"$4\",\n bg: \"$color9\",\n size: 104,\n rounded: \"$9\",\n hoverStyle: {\n scale: 1.2\n },\n pressStyle: {\n scale: 0.9\n },\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":"AAAA,YAAY;;AACZ,IAAIA,SAAS,GAAGC,MAAM,CAACC,cAAc;AACrC,IAAIC,gBAAgB,GAAGF,MAAM,CAACG,wBAAwB;AACtD,IAAIC,iBAAiB,GAAGJ,MAAM,CAACK,mBAAmB;AAClD,IAAIC,YAAY,GAAGN,MAAM,CAACO,SAAS,CAACC,cAAc;AAClD,IAAIC,QAAQ,GAAGA,CAACC,MAAM,EAAEC,GAAG,KAAK;EAC9B,KAAK,IAAIC,IAAI,IAAID,GAAG,EAClBZ,SAAS,CAACW,MAAM,EAAEE,IAAI,EAAE;IAAEC,GAAG,EAAEF,GAAG,CAACC,IAAI,CAAC;IAAEE,UAAU,EAAE;EAAK,CAAC,CAAC;AACjE,CAAC;AACD,IAAIC,WAAW,GAAGA,CAACC,EAAE,EAAEC,IAAI,EAAEC,MAAM,EAAEC,IAAI,KAAK;EAC5C,IAAIF,IAAI,IAAI,OAAOA,IAAI,KAAK,QAAQ,IAAI,OAAOA,IAAI,KAAK,UAAU,EAAE;IAClE,KAAK,IAAIG,GAAG,IAAIhB,iBAAiB,CAACa,IAAI,CAAC,EACrC,IAAI,CAACX,YAAY,CAACe,IAAI,CAACL,EAAE,EAAEI,GAAG,CAAC,IAAIA,GAAG,KAAKF,MAAM,EAC/CnB,SAAS,CAACiB,EAAE,EAAEI,GAAG,EAAE;MAAEP,GAAG,EAAEA,CAAA,KAAMI,IAAI,CAACG,GAAG,CAAC;MAAEN,UAAU,EAAE,EAAEK,IAAI,GAAGjB,gBAAgB,CAACe,IAAI,EAAEG,GAAG,CAAC,CAAC,IAAID,IAAI,CAACL;IAAW,CAAC,CAAC;EACxH;EACA,OAAOE,EAAE;AACX,CAAC;AACD,IAAIM,YAAY,GAAIC,GAAG,IAAKR,WAAW,CAAChB,SAAS,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE;EAAEyB,KAAK,EAAE;AAAK,CAAC,CAAC,EAAED,GAAG,CAAC;AAC1F,IAAIE,2BAA2B,GAAG,CAAC,CAAC;AACpChB,QAAQ,CAACgB,2BAA2B,EAAE;EACpCC,mBAAmB,EAAEA,CAAA,KAAMA;AAC7B,CAAC,CAAC;AACFC,MAAM,CAACC,OAAO,GAAGN,YAAY,CAACG,2BAA2B,CAAC;AAC1D,IAAII,kBAAkB,GAAGC,OAAO,CAAC,mBAAmB,CAAC;AACrD,IAAIC,WAAW,GAAGD,OAAO,CAAC,gBAAgB,CAAC;AAC3C,IAAIE,UAAU,GAAGF,OAAO,CAAC,YAAY,CAAC;AACtC,SAASJ,mBAAmBA,CAAA,EAAG;EAC7B,OAAO,eAAgB,CAAC,CAAC,EAAEG,kBAAkB,CAACI,GAAG,EAAED,UAAU,CAACE,MAAM,EAAE;IACpEC,WAAW,EAAE,cAAc;IAC3BC,UAAU,EAAE,QAAQ;IACpBC,SAAS,EAAE,IAAI;IACfC,EAAE,EAAE,SAAS;IACbC,IAAI,EAAE,GAAG;IACTC,OAAO,EAAE,IAAI;IACbC,UAAU,EAAE;MACVC,KAAK,EAAE;IACT,CAAC;IACDC,UAAU,EAAE;MACVD,KAAK,EAAE;IACT,CAAC;IACDE,QAAQ,EAAE,eAAgB,CAAC,CAAC,EAAEf,kBAAkB,CAACI,GAAG,EAAEF,WAAW,CAACc,QAAQ,EAAE;MAC1EC,SAAS,EAAE;IACb,CAAC;EACH,CAAC,CAAC;AACJ","ignoreList":[]}
1
+ {"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","AnimationsHoverDemo_exports","__export","AnimationsHoverDemo","module","exports","import_jsx_runtime","require","import_logo","import_hanzogui","jsx","Square","borderColor","transition","elevation","bg","size","rounded","hoverStyle","scale","pressStyle","children","LogoIcon","downscale"],"sources":["../../src/AnimationsHoverDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,2BAAA;AAAAC,QAAA,CAAAD,2BAAA;EAAAE,mBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAyB,CAAAK,2BAAA;AACzB,IAAAK,kBAAuB,GAAAC,OAAA;AAkBjB,IAAAC,WAAA,GAAAD,OAAA;AAhBC,IAAAE,eAAS,GAAAF,OAAA,WAAsB;AACpC,SACEJ,oBAAA;EAAA,OAAC,mBAAAG,kBAAA,CAAAI,GAAA,EAAAD,eAAA,CAAAE,MAAA;IAAAC,WAAA;IAAAC,UACC,UAAY;IAAAC,SACZ,MAAW;IAAAC,EACX,WAAU;IAAAC,IACV,EAAG;IAAAC,OACH,EAAM;IAAAC,UACN,EAAQ;MACRC,KAAA;IAAY;IACHC,UACT;MACAD,KAAA;IAAY;IACHE,QACT,qBAAAf,kBAAA,CAAAI,GAAA,EAAAF,WAAA,CAAAc,QAAA;MAEAC,SAAA;IAA2B;EAC7B;AAEJ","ignoreList":[]}
@@ -40,13 +40,13 @@ module.exports = __toCommonJS(AnimationsPresenceDemo_exports);
40
40
  var import_react = __toESM(require("react"), 1);
41
41
  var import_animate_presence = require("@hanzogui/animate-presence");
42
42
  var import_lucide_icons_2 = require("@hanzogui/lucide-icons-2");
43
- var import_gui = require("@hanzo/gui");
43
+ var import_hanzogui = require("hanzogui");
44
44
  var import_photo1 = __toESM(require("../../public/photo1.jpg"), 1);
45
45
  var import_photo2 = __toESM(require("../../public/photo2.jpg"), 1);
46
46
  var import_photo3 = __toESM(require("../../public/photo3.jpg"), 1);
47
47
  var import_jsx_runtime = require("react/jsx-runtime");
48
48
  const images = [import_photo1.default, import_photo2.default, import_photo3.default].map(x => x.src || x);
49
- const GalleryItem = (0, import_gui.styled)(import_gui.YStack, {
49
+ const GalleryItem = (0, import_hanzogui.styled)(import_hanzogui.YStack, {
50
50
  z: 1,
51
51
  x: 0,
52
52
  opacity: 1,
@@ -78,7 +78,7 @@ function AnimationsPresenceDemo() {
78
78
  const paginate = going2 => {
79
79
  setPage([page + going2, going2]);
80
80
  };
81
- return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
81
+ return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XStack, {
82
82
  overflow: "hidden",
83
83
  bg: "#000",
84
84
  position: "relative",
@@ -93,14 +93,14 @@ function AnimationsPresenceDemo() {
93
93
  children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(GalleryItem, {
94
94
  transition: "slow",
95
95
  going,
96
- children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Image, {
96
+ children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Image, {
97
97
  src: images[imageIndex],
98
98
  width: 820,
99
99
  height: 300,
100
100
  objectFit: "cover"
101
101
  })
102
102
  }, page)
103
- }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
103
+ }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
104
104
  "aria-label": "Carousel left",
105
105
  icon: import_lucide_icons_2.ArrowLeft,
106
106
  size: "$5",
@@ -110,7 +110,7 @@ function AnimationsPresenceDemo() {
110
110
  onPress: () => paginate(-1),
111
111
  boxShadow: "0 0 10px rgba(0,0,0,0.5)",
112
112
  z: 100
113
- }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
113
+ }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
114
114
  "aria-label": "Carousel right",
115
115
  icon: import_lucide_icons_2.ArrowRight,
116
116
  size: "$5",
@@ -43,14 +43,14 @@ var import_jsx_runtime = require("react/jsx-runtime");
43
43
  var import_react = __toESM(require("react"), 1);
44
44
  var import_animate_presence = require("@hanzogui/animate-presence");
45
45
  var import_lucide_icons_2 = require("@hanzogui/lucide-icons-2");
46
- var import_gui = require("@hanzo/gui");
46
+ var import_hanzogui = require("hanzogui");
47
47
  var import_photo1 = __toESM(require("../../public/photo1.jpg"), 1);
48
48
  var import_photo2 = __toESM(require("../../public/photo2.jpg"), 1);
49
49
  var import_photo3 = __toESM(require("../../public/photo3.jpg"), 1);
50
50
  var images = [import_photo1.default, import_photo2.default, import_photo3.default].map(function (x) {
51
51
  return x.src || x;
52
52
  });
53
- var GalleryItem = (0, import_gui.styled)(import_gui.YStack, {
53
+ var GalleryItem = (0, import_hanzogui.styled)(import_hanzogui.YStack, {
54
54
  z: 1,
55
55
  x: 0,
56
56
  opacity: 1,
@@ -84,7 +84,7 @@ function AnimationsPresenceDemo() {
84
84
  var paginate = function (going2) {
85
85
  setPage([page + going2, going2]);
86
86
  };
87
- return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
87
+ return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XStack, {
88
88
  overflow: "hidden",
89
89
  bg: "#000",
90
90
  position: "relative",
@@ -99,14 +99,14 @@ function AnimationsPresenceDemo() {
99
99
  children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(GalleryItem, {
100
100
  transition: "slow",
101
101
  going,
102
- children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Image, {
102
+ children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Image, {
103
103
  src: images[imageIndex],
104
104
  width: 820,
105
105
  height: 300,
106
106
  objectFit: "cover"
107
107
  })
108
108
  }, page)
109
- }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
109
+ }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
110
110
  "aria-label": "Carousel left",
111
111
  icon: import_lucide_icons_2.ArrowLeft,
112
112
  size: "$5",
@@ -118,7 +118,7 @@ function AnimationsPresenceDemo() {
118
118
  },
119
119
  boxShadow: "0 0 10px rgba(0,0,0,0.5)",
120
120
  z: 100
121
- }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
121
+ }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
122
122
  "aria-label": "Carousel right",
123
123
  icon: import_lucide_icons_2.ArrowRight,
124
124
  size: "$5",
@@ -1 +1 @@
1
- {"version":3,"names":["__create","Object","create","__defProp","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__getProtoOf","getPrototypeOf","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toESM","mod","isNodeMode","__esModule","value","__toCommonJS","AnimationsPresenceDemo_exports","AnimationsPresenceDemo","images","module","exports","import_jsx_runtime","require","import_react","import_animate_presence","import_lucide_icons_2","import_gui","import_photo1","import_photo2","import_photo3","default","map","x","src","GalleryItem","styled","YStack","z","opacity","fullscreen","variants","going",":number","enterStyle","exitStyle","zIndex","wrap","min","max","v","rangeSize","page","setPage","useState","imageIndex","length","paginate","going2","jsxs","XStack","overflow","bg","position","height","width","items","children","jsx","AnimatePresence","initial","custom","transition","Image","objectFit","Button","icon","ArrowLeft","size","l","circular","onPress","boxShadow","ArrowRight","r"],"sources":["AnimationsPresenceDemo.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 AnimationsPresenceDemo_exports = {};\n__export(AnimationsPresenceDemo_exports, {\n AnimationsPresenceDemo: () => AnimationsPresenceDemo,\n images: () => images\n});\nmodule.exports = __toCommonJS(AnimationsPresenceDemo_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_react = __toESM(require(\"react\"), 1);\nvar import_animate_presence = require(\"@hanzogui/animate-presence\");\nvar import_lucide_icons_2 = require(\"@hanzogui/lucide-icons-2\");\nvar import_gui = require(\"@hanzo/gui\");\nvar import_photo1 = __toESM(require(\"../../public/photo1.jpg\"), 1);\nvar import_photo2 = __toESM(require(\"../../public/photo2.jpg\"), 1);\nvar import_photo3 = __toESM(require(\"../../public/photo3.jpg\"), 1);\nvar images = [\n import_photo1.default,\n import_photo2.default,\n import_photo3.default\n].map(function(x) {\n return x.src || x;\n});\nvar GalleryItem = (0, import_gui.styled)(import_gui.YStack, {\n z: 1,\n x: 0,\n opacity: 1,\n fullscreen: true,\n variants: {\n // 1 = right, 0 = nowhere, -1 = left\n going: {\n \":number\": function(going) {\n return {\n enterStyle: {\n x: going > 0 ? 1e3 : -1e3,\n opacity: 0\n },\n exitStyle: {\n zIndex: 0,\n x: going < 0 ? 1e3 : -1e3,\n opacity: 0\n }\n };\n }\n }\n }\n});\nvar wrap = function(min, max, v) {\n var rangeSize = max - min;\n return ((v - min) % rangeSize + rangeSize) % rangeSize + min;\n};\nfunction AnimationsPresenceDemo() {\n var [[page, going], setPage] = import_react.default.useState([\n 0,\n 0\n ]);\n var imageIndex = wrap(0, images.length, page);\n var paginate = function(going2) {\n setPage([\n page + going2,\n going2\n ]);\n };\n return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_gui.XStack, {\n overflow: \"hidden\",\n bg: \"#000\",\n position: \"relative\",\n height: 300,\n width: \"100%\",\n items: \"center\",\n children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_animate_presence.AnimatePresence, {\n initial: false,\n custom: {\n going\n },\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GalleryItem, {\n transition: \"slow\",\n going,\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Image, {\n src: images[imageIndex],\n width: 820,\n height: 300,\n objectFit: \"cover\"\n })\n }, page)\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Button, {\n \"aria-label\": \"Carousel left\",\n icon: import_lucide_icons_2.ArrowLeft,\n size: \"$5\",\n position: \"absolute\",\n l: \"$4\",\n circular: true,\n onPress: function() {\n return paginate(-1);\n },\n boxShadow: \"0 0 10px rgba(0,0,0,0.5)\",\n z: 100\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Button, {\n \"aria-label\": \"Carousel right\",\n icon: import_lucide_icons_2.ArrowRight,\n size: \"$5\",\n position: \"absolute\",\n r: \"$4\",\n circular: true,\n onPress: function() {\n return paginate(1);\n },\n boxShadow: \"0 0 10px rgba(0,0,0,0.5)\",\n z: 100\n })\n ]\n });\n}\n//# sourceMappingURL=AnimationsPresenceDemo.js.map\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","AnimationsPresenceDemo_exports","__export","AnimationsPresenceDemo","images","module","exports","import_jsx_runtime","require","import_react","__toESM","import_animate_presence","import_lucide_icons_2","import_hanzogui","import_photo1","import_photo2","import_photo3","default","map","x","src","GalleryItem","styled","YStack","z","opacity","fullscreen","variants","going",":number","enterStyle","exitStyle","zIndex","wrap","min","max","v","rangeSize","page","setPage","useState","imageIndex","length","paginate","going2","jsxs","XStack","overflow","bg","position","height","width","items","children","jsx","AnimatePresence","initial","custom","transition","Image","objectFit","Button","icon","ArrowLeft","size"],"sources":["../../src/AnimationsPresenceDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,8BAAA;AAAAC,QAAA,CAAAD,8BAAA;EAAAE,sBAAA,EAAAA,CAAA,KAAAA,sBAAA;EAAAC,MAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAV,YAAkB,CAAAK,8BAAA;AAClB,IAAAM,kBAAA,GAAAC,OAAgC;AAChC,IAAAC,YAAA,GAAAC,OAAA,CAAAF,OAAsC;AAEtC,IAAAG,uBAAsD,GAAAH,OAAA;AAGtD,IAAAI,qBAAmB,GAAAJ,OAAA;AAEnB,IAAAK,eAAA,GAAmBL,OAAA;AAEnB,IAAAM,aAAA,GAAmBJ,OAAA,CAAAF,OAAA;AA0Cf,IAAAO,aAAA,GAAAL,OAAA,CAAAF,OAAA;AAxCG,IAAAQ,aAAgB,GAAAN,OAAA,CAAAF,OAAA,0BAAQ,CAAQ;AAEvC,IAAAJ,MAAM,IACJU,aAAG,CAAAG,OAAA,EACHF,aAAG,CAAAE,OAAA,EACHD,aAAS,CAAAC,OAAA,EACTC,GAAA,WAAYC,CAAA;EAEZ,OAAAA,CAAA,CAAAC,GAAU,IAAAD,CAAA;AAAA;AAAA,IAERE,WAAO,OAAAR,eAAA,CAAAS,MAAA,EAAAT,eAAA,CAAAU,MAAA;EAAAC,CAAA,GACL;EAAuBL,CAAA;EACTM,OAAA,EACV;EAAsBC,UACtB;EAASC,QACX;IAAA;IACWC,KAAA,EACT;MAAQ,SACL,WAAAC,CAAYD,KAAO;QAAA,OACtB;UACFE,UAAA;YACFX,CAAA,EAAAS,KAAA;YACFH,OAAA;UACF;UACDM,SAAA;YAEKC,MAAQ,EAAa;YACnBb,CAAA,EAAAS,KAAY,OAAM;YACbH,OAAI;UACjB;QAEO,CAAS;MACd;IAEA;EACA;AACE;AAA6B,IAC/BQ,IAAA,YAAAA,CAAAC,GAAA,EAAAC,GAAA,EAAAC,CAAA;EAEA,IAAAC,SACE,GAAAF,GAAA,GAAAD,GAAA;EAAA,OAAC,EAAAE,CAAA,GAAAF,GAAA,IAAAG,SAAA,GAAAA,SAAA,IAAAA,SAAA,GAAAH,GAAA;AAAA;AAAA,SACC/B,sBAASA,CAAA;EAAA,IACT,EAAAmC,IAAG,EAAAV,KAAA,GAAAW,OAAA,IAAA9B,YAAA,CAAAQ,OAAA,CAAAuB,QAAA,KACM,EACD;EACF,IACNC,UAAM,GAAAR,IAAA,IAAA7B,MAAA,CAAAsC,MAAA,EAAAJ,IAAA;EAAA,IAENK,QAAA,YAAAA,CAAAC,MAAA;IAAAL,OAAA,EAIAD,IAEA,GAAAM,MAAA,EAAAA,MAAC;EAAA;EACY,sBACL,IAAArC,kBAAA,CAAAsC,IAAA,EAAAhC,eAAA,CAAAiC,MAAA;IAAAC,QACN,UAAK;IAAAC,EAAA,QACL;IAASC,QACT,YAAE;IAAAC,MAAA,EACF;IAAQC,KAAA,QACR;IAA0BC,KAAA,UAC1B;IAAUC,QACV,GAAG,mBAAA9C,kBAAA,CAAA+C,GAAA,EAAA3C,uBAAA,CAAA4C,eAAA;MACLC,OAAA;MAEAC,MAAA;QAAC7B;MAAA;MAAAyB,QACC,iBAAW,IAAA9C,kBAAA,CAAA+C,GAAA,EAAAjC,WAAA;QAAAqC,UACL;QAAA9B,KACN;QAAKyB,QACL,iBAAS,IAAA9C,kBAAA,CAAA+C,GAAA,EAAAzC,eAAA,CAAA8C,KAAA;UACTvC,GAAE,EAAAhB,MAAA,CAAAqC,UAAA;UACFU,KAAA,KAAQ;UACRD,MAAA,KAAS;UACTU,SAAA,EAAU;QAAA;MACP,GAAAtB,IAAA;IAAA,EACL,qBAAA/B,kBAAA,CAAA+C,GAAA,EAAAzC,eAAA,CAAAgD,MAAA;MAAA;MACFC,IAAA,EAAAlD,qBAAA,CAAAmD,SAAA;MAEJC,IAAA","ignoreList":[]}
@@ -26,10 +26,10 @@ __export(AnimationsTimingDemo_exports, {
26
26
  });
27
27
  module.exports = __toCommonJS(AnimationsTimingDemo_exports);
28
28
  var import_logo = require("@hanzogui/logo");
29
- var import_gui = require("@hanzo/gui");
29
+ var import_hanzogui = require("hanzogui");
30
30
  var import_jsx_runtime = require("react/jsx-runtime");
31
31
  function AnimationsTimingDemo() {
32
- return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Square, {
32
+ return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Square, {
33
33
  bg: "$color9",
34
34
  transition: "100ms",
35
35
  elevation: "$4",
@@ -29,9 +29,9 @@ __export(AnimationsTimingDemo_exports, {
29
29
  module.exports = __toCommonJS(AnimationsTimingDemo_exports);
30
30
  var import_jsx_runtime = require("react/jsx-runtime");
31
31
  var import_logo = require("@hanzogui/logo");
32
- var import_gui = require("@hanzo/gui");
32
+ var import_hanzogui = require("hanzogui");
33
33
  function AnimationsTimingDemo() {
34
- return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Square, {
34
+ return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Square, {
35
35
  bg: "$color9",
36
36
  transition: "100ms",
37
37
  elevation: "$4",
@@ -1 +1 @@
1
- {"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","AnimationsTimingDemo_exports","AnimationsTimingDemo","module","exports","import_jsx_runtime","require","import_logo","import_gui","jsx","Square","bg","transition","elevation","size","rounded","hoverStyle","scale","pressStyle","children","LogoIcon","downscale"],"sources":["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(\"@hanzogui/logo\");\nvar import_gui = require(\"@hanzo/gui\");\nfunction AnimationsTimingDemo() {\n return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Square, {\n bg: \"$color9\",\n transition: \"100ms\",\n elevation: \"$4\",\n size: 110,\n rounded: \"$9\",\n hoverStyle: {\n scale: 1.2\n },\n pressStyle: {\n scale: 0.9\n },\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":"AAAA,YAAY;;AACZ,IAAIA,SAAS,GAAGC,MAAM,CAACC,cAAc;AACrC,IAAIC,gBAAgB,GAAGF,MAAM,CAACG,wBAAwB;AACtD,IAAIC,iBAAiB,GAAGJ,MAAM,CAACK,mBAAmB;AAClD,IAAIC,YAAY,GAAGN,MAAM,CAACO,SAAS,CAACC,cAAc;AAClD,IAAIC,QAAQ,GAAGA,CAACC,MAAM,EAAEC,GAAG,KAAK;EAC9B,KAAK,IAAIC,IAAI,IAAID,GAAG,EAClBZ,SAAS,CAACW,MAAM,EAAEE,IAAI,EAAE;IAAEC,GAAG,EAAEF,GAAG,CAACC,IAAI,CAAC;IAAEE,UAAU,EAAE;EAAK,CAAC,CAAC;AACjE,CAAC;AACD,IAAIC,WAAW,GAAGA,CAACC,EAAE,EAAEC,IAAI,EAAEC,MAAM,EAAEC,IAAI,KAAK;EAC5C,IAAIF,IAAI,IAAI,OAAOA,IAAI,KAAK,QAAQ,IAAI,OAAOA,IAAI,KAAK,UAAU,EAAE;IAClE,KAAK,IAAIG,GAAG,IAAIhB,iBAAiB,CAACa,IAAI,CAAC,EACrC,IAAI,CAACX,YAAY,CAACe,IAAI,CAACL,EAAE,EAAEI,GAAG,CAAC,IAAIA,GAAG,KAAKF,MAAM,EAC/CnB,SAAS,CAACiB,EAAE,EAAEI,GAAG,EAAE;MAAEP,GAAG,EAAEA,CAAA,KAAMI,IAAI,CAACG,GAAG,CAAC;MAAEN,UAAU,EAAE,EAAEK,IAAI,GAAGjB,gBAAgB,CAACe,IAAI,EAAEG,GAAG,CAAC,CAAC,IAAID,IAAI,CAACL;IAAW,CAAC,CAAC;EACxH;EACA,OAAOE,EAAE;AACX,CAAC;AACD,IAAIM,YAAY,GAAIC,GAAG,IAAKR,WAAW,CAAChB,SAAS,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE;EAAEyB,KAAK,EAAE;AAAK,CAAC,CAAC,EAAED,GAAG,CAAC;AAC1F,IAAIE,4BAA4B,GAAG,CAAC,CAAC;AACrChB,QAAQ,CAACgB,4BAA4B,EAAE;EACrCC,oBAAoB,EAAEA,CAAA,KAAMA;AAC9B,CAAC,CAAC;AACFC,MAAM,CAACC,OAAO,GAAGN,YAAY,CAACG,4BAA4B,CAAC;AAC3D,IAAII,kBAAkB,GAAGC,OAAO,CAAC,mBAAmB,CAAC;AACrD,IAAIC,WAAW,GAAGD,OAAO,CAAC,gBAAgB,CAAC;AAC3C,IAAIE,UAAU,GAAGF,OAAO,CAAC,YAAY,CAAC;AACtC,SAASJ,oBAAoBA,CAAA,EAAG;EAC9B,OAAO,eAAgB,CAAC,CAAC,EAAEG,kBAAkB,CAACI,GAAG,EAAED,UAAU,CAACE,MAAM,EAAE;IACpEC,EAAE,EAAE,SAAS;IACbC,UAAU,EAAE,OAAO;IACnBC,SAAS,EAAE,IAAI;IACfC,IAAI,EAAE,GAAG;IACTC,OAAO,EAAE,IAAI;IACbC,UAAU,EAAE;MACVC,KAAK,EAAE;IACT,CAAC;IACDC,UAAU,EAAE;MACVD,KAAK,EAAE;IACT,CAAC;IACDE,QAAQ,EAAE,eAAgB,CAAC,CAAC,EAAEd,kBAAkB,CAACI,GAAG,EAAEF,WAAW,CAACa,QAAQ,EAAE;MAC1EC,SAAS,EAAE;IACb,CAAC;EACH,CAAC,CAAC;AACJ","ignoreList":[]}
1
+ {"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","AnimationsTimingDemo_exports","__export","AnimationsTimingDemo","module","exports","import_jsx_runtime","require","import_logo","import_hanzogui","jsx","Square","bg","transition","elevation","size","rounded","hoverStyle","scale","pressStyle","children","LogoIcon","downscale"],"sources":["../../src/AnimationsTimingDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,4BAAA;AAAAC,QAAA,CAAAD,4BAAA;EAAAE,oBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAyB,CAAAK,4BAAA;AACzB,IAAAK,kBAAuB,GAAAC,OAAA;AAiBjB,IAAAC,WAAA,GAAAD,OAAA;AAfC,IAAAE,eAAS,GAAAF,OAAA,WAAuB;AACrC,SACEJ,qBAAA;EAAA,OAAC,mBAAAG,kBAAA,CAAAI,GAAA,EAAAD,eAAA,CAAAE,MAAA;IAAAC,EAAA;IAAAC,UACI;IAAAC,SACH,MAAW;IAAAC,IACX;IAAUC,OACV,EAAM;IAAAC,UACN,EAAQ;MACRC,KAAA;IAAY;IACHC,UACT;MACAD,KAAA;IAAY;IACHE,QACT,qBAAAd,kBAAA,CAAAI,GAAA,EAAAF,WAAA,CAAAa,QAAA;MAEAC,SAAA;IAA2B;EAC7B;AAEJ","ignoreList":[]}
@@ -25,28 +25,28 @@ __export(AvatarDemo_exports, {
25
25
  AvatarDemo: () => AvatarDemo
26
26
  });
27
27
  module.exports = __toCommonJS(AvatarDemo_exports);
28
- var import_gui = require("@hanzo/gui");
28
+ var import_hanzogui = require("hanzogui");
29
29
  var import_jsx_runtime = require("react/jsx-runtime");
30
30
  function AvatarDemo() {
31
- return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
31
+ return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XStack, {
32
32
  items: "center",
33
33
  gap: "$6",
34
- children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.Avatar, {
34
+ children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.Avatar, {
35
35
  circular: true,
36
36
  size: "$10",
37
- children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Avatar.Image, {
37
+ children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Avatar.Image, {
38
38
  "aria-label": "Cam",
39
39
  src: "https://images.unsplash.com/photo-1548142813-c348350df52b?&w=150&h=150&dpr=2&q=80"
40
- }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Avatar.Fallback, {
40
+ }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Avatar.Fallback, {
41
41
  bg: "$blue10"
42
42
  })]
43
- }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.Avatar, {
43
+ }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.Avatar, {
44
44
  circular: true,
45
45
  size: "$8",
46
- children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Avatar.Image, {
46
+ children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Avatar.Image, {
47
47
  "aria-label": "Nate Wienert",
48
48
  src: "https://images.unsplash.com/photo-1531384441138-2736e62e0919?&w=100&h=100&dpr=2&q=80"
49
- }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Avatar.Fallback, {
49
+ }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Avatar.Fallback, {
50
50
  delayMs: 600,
51
51
  bg: "$blue10"
52
52
  })]
@@ -28,27 +28,27 @@ __export(AvatarDemo_exports, {
28
28
  });
29
29
  module.exports = __toCommonJS(AvatarDemo_exports);
30
30
  var import_jsx_runtime = require("react/jsx-runtime");
31
- var import_gui = require("@hanzo/gui");
31
+ var import_hanzogui = require("hanzogui");
32
32
  function AvatarDemo() {
33
- return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
33
+ return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XStack, {
34
34
  items: "center",
35
35
  gap: "$6",
36
- children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.Avatar, {
36
+ children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.Avatar, {
37
37
  circular: true,
38
38
  size: "$10",
39
- children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Avatar.Image, {
39
+ children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Avatar.Image, {
40
40
  "aria-label": "Cam",
41
41
  src: "https://images.unsplash.com/photo-1548142813-c348350df52b?&w=150&h=150&dpr=2&q=80"
42
- }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Avatar.Fallback, {
42
+ }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Avatar.Fallback, {
43
43
  bg: "$blue10"
44
44
  })]
45
- }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.Avatar, {
45
+ }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.Avatar, {
46
46
  circular: true,
47
47
  size: "$8",
48
- children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Avatar.Image, {
48
+ children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Avatar.Image, {
49
49
  "aria-label": "Nate Wienert",
50
50
  src: "https://images.unsplash.com/photo-1531384441138-2736e62e0919?&w=100&h=100&dpr=2&q=80"
51
- }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Avatar.Fallback, {
51
+ }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Avatar.Fallback, {
52
52
  delayMs: 600,
53
53
  bg: "$blue10"
54
54
  })]