@hanzogui/demos 2.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 (524) hide show
  1. package/LICENSE +21 -0
  2. package/dist/cjs/AccordionDemo.cjs +111 -0
  3. package/dist/cjs/AccordionDemo.native.js +121 -0
  4. package/dist/cjs/AccordionDemo.native.js.map +1 -0
  5. package/dist/cjs/AddThemeDemo.cjs +71 -0
  6. package/dist/cjs/AddThemeDemo.native.js +74 -0
  7. package/dist/cjs/AddThemeDemo.native.js.map +1 -0
  8. package/dist/cjs/AlertDialogDemo.cjs +96 -0
  9. package/dist/cjs/AlertDialogDemo.native.js +99 -0
  10. package/dist/cjs/AlertDialogDemo.native.js.map +1 -0
  11. package/dist/cjs/AnimationsDelayDemo.cjs +85 -0
  12. package/dist/cjs/AnimationsDelayDemo.native.js +92 -0
  13. package/dist/cjs/AnimationsDelayDemo.native.js.map +1 -0
  14. package/dist/cjs/AnimationsDemo.cjs +100 -0
  15. package/dist/cjs/AnimationsDemo.native.js +107 -0
  16. package/dist/cjs/AnimationsDemo.native.js.map +1 -0
  17. package/dist/cjs/AnimationsEnterDemo.cjs +75 -0
  18. package/dist/cjs/AnimationsEnterDemo.native.js +82 -0
  19. package/dist/cjs/AnimationsEnterDemo.native.js.map +1 -0
  20. package/dist/cjs/AnimationsHoverDemo.cjs +47 -0
  21. package/dist/cjs/AnimationsHoverDemo.native.js +50 -0
  22. package/dist/cjs/AnimationsHoverDemo.native.js.map +1 -0
  23. package/dist/cjs/AnimationsPresenceDemo.cjs +123 -0
  24. package/dist/cjs/AnimationsPresenceDemo.native.js +134 -0
  25. package/dist/cjs/AnimationsPresenceDemo.native.js.map +1 -0
  26. package/dist/cjs/AnimationsTimingDemo.cjs +46 -0
  27. package/dist/cjs/AnimationsTimingDemo.native.js +49 -0
  28. package/dist/cjs/AnimationsTimingDemo.native.js.map +1 -0
  29. package/dist/cjs/AvatarDemo.cjs +53 -0
  30. package/dist/cjs/AvatarDemo.native.js +56 -0
  31. package/dist/cjs/AvatarDemo.native.js.map +1 -0
  32. package/dist/cjs/BoxShadowTokenDemo.cjs +57 -0
  33. package/dist/cjs/BoxShadowTokenDemo.native.js +62 -0
  34. package/dist/cjs/BoxShadowTokenDemo.native.js.map +1 -0
  35. package/dist/cjs/BuildAButtonDemo.cjs +129 -0
  36. package/dist/cjs/BuildAButtonDemo.native.js +132 -0
  37. package/dist/cjs/BuildAButtonDemo.native.js.map +1 -0
  38. package/dist/cjs/ButtonDemo.cjs +89 -0
  39. package/dist/cjs/ButtonDemo.native.js +92 -0
  40. package/dist/cjs/ButtonDemo.native.js.map +1 -0
  41. package/dist/cjs/CardDemo.cjs +89 -0
  42. package/dist/cjs/CardDemo.native.js +92 -0
  43. package/dist/cjs/CardDemo.native.js.map +1 -0
  44. package/dist/cjs/CheckboxDemo.cjs +79 -0
  45. package/dist/cjs/CheckboxDemo.native.js +83 -0
  46. package/dist/cjs/CheckboxDemo.native.js.map +1 -0
  47. package/dist/cjs/CheckboxHeadlessDemo.cjs +87 -0
  48. package/dist/cjs/CheckboxHeadlessDemo.native.js +90 -0
  49. package/dist/cjs/CheckboxHeadlessDemo.native.js.map +1 -0
  50. package/dist/cjs/CheckboxUnstyledDemo.cjs +78 -0
  51. package/dist/cjs/CheckboxUnstyledDemo.native.js +81 -0
  52. package/dist/cjs/CheckboxUnstyledDemo.native.js.map +1 -0
  53. package/dist/cjs/ColorsDemo.cjs +133 -0
  54. package/dist/cjs/ColorsDemo.native.js +143 -0
  55. package/dist/cjs/ColorsDemo.native.js.map +1 -0
  56. package/dist/cjs/ContextMenuDemo.cjs +224 -0
  57. package/dist/cjs/ContextMenuDemo.native.js +230 -0
  58. package/dist/cjs/ContextMenuDemo.native.js.map +1 -0
  59. package/dist/cjs/DialogDemo.cjs +212 -0
  60. package/dist/cjs/DialogDemo.native.js +222 -0
  61. package/dist/cjs/DialogDemo.native.js.map +1 -0
  62. package/dist/cjs/FormsDemo.cjs +85 -0
  63. package/dist/cjs/FormsDemo.native.js +92 -0
  64. package/dist/cjs/FormsDemo.native.js.map +1 -0
  65. package/dist/cjs/Grid.cjs +69 -0
  66. package/dist/cjs/Grid.native.js +75 -0
  67. package/dist/cjs/Grid.native.js.map +1 -0
  68. package/dist/cjs/GroupDemo.cjs +92 -0
  69. package/dist/cjs/GroupDemo.native.js +97 -0
  70. package/dist/cjs/GroupDemo.native.js.map +1 -0
  71. package/dist/cjs/HeadingsDemo.cjs +45 -0
  72. package/dist/cjs/HeadingsDemo.native.js +48 -0
  73. package/dist/cjs/HeadingsDemo.native.js.map +1 -0
  74. package/dist/cjs/ImageDemo.cjs +38 -0
  75. package/dist/cjs/ImageDemo.native.js +41 -0
  76. package/dist/cjs/ImageDemo.native.js.map +1 -0
  77. package/dist/cjs/InputsDemo.cjs +62 -0
  78. package/dist/cjs/InputsDemo.native.js +65 -0
  79. package/dist/cjs/InputsDemo.native.js.map +1 -0
  80. package/dist/cjs/LabelDemo.cjs +65 -0
  81. package/dist/cjs/LabelDemo.native.js +68 -0
  82. package/dist/cjs/LabelDemo.native.js.map +1 -0
  83. package/dist/cjs/LinearGradientDemo.cjs +48 -0
  84. package/dist/cjs/LinearGradientDemo.native.js +53 -0
  85. package/dist/cjs/LinearGradientDemo.native.js.map +1 -0
  86. package/dist/cjs/ListItemDemo.cjs +101 -0
  87. package/dist/cjs/ListItemDemo.native.js +104 -0
  88. package/dist/cjs/ListItemDemo.native.js.map +1 -0
  89. package/dist/cjs/LucideIconsDemo.cjs +93 -0
  90. package/dist/cjs/LucideIconsDemo.native.js +105 -0
  91. package/dist/cjs/LucideIconsDemo.native.js.map +1 -0
  92. package/dist/cjs/MenuDemo.cjs +227 -0
  93. package/dist/cjs/MenuDemo.native.js +233 -0
  94. package/dist/cjs/MenuDemo.native.js.map +1 -0
  95. package/dist/cjs/NewInputsDemo.cjs +63 -0
  96. package/dist/cjs/NewInputsDemo.native.js +66 -0
  97. package/dist/cjs/NewInputsDemo.native.js.map +1 -0
  98. package/dist/cjs/PopoverDemo.cjs +150 -0
  99. package/dist/cjs/PopoverDemo.native.js +157 -0
  100. package/dist/cjs/PopoverDemo.native.js.map +1 -0
  101. package/dist/cjs/ProgressDemo.cjs +88 -0
  102. package/dist/cjs/ProgressDemo.native.js +115 -0
  103. package/dist/cjs/ProgressDemo.native.js.map +1 -0
  104. package/dist/cjs/RadioGroupDemo.cjs +74 -0
  105. package/dist/cjs/RadioGroupDemo.native.js +77 -0
  106. package/dist/cjs/RadioGroupDemo.native.js.map +1 -0
  107. package/dist/cjs/RadioGroupHeadlessDemo.cjs +168 -0
  108. package/dist/cjs/RadioGroupHeadlessDemo.native.js +178 -0
  109. package/dist/cjs/RadioGroupHeadlessDemo.native.js.map +1 -0
  110. package/dist/cjs/RadioGroupUnstyledDemo.cjs +141 -0
  111. package/dist/cjs/RadioGroupUnstyledDemo.native.js +144 -0
  112. package/dist/cjs/RadioGroupUnstyledDemo.native.js.map +1 -0
  113. package/dist/cjs/ReplaceThemeDemo.cjs +78 -0
  114. package/dist/cjs/ReplaceThemeDemo.native.js +81 -0
  115. package/dist/cjs/ReplaceThemeDemo.native.js.map +1 -0
  116. package/dist/cjs/ScrollViewDemo.cjs +74 -0
  117. package/dist/cjs/ScrollViewDemo.native.js +77 -0
  118. package/dist/cjs/ScrollViewDemo.native.js.map +1 -0
  119. package/dist/cjs/SelectDemo.cjs +236 -0
  120. package/dist/cjs/SelectDemo.native.js +252 -0
  121. package/dist/cjs/SelectDemo.native.js.map +1 -0
  122. package/dist/cjs/SeparatorDemo.cjs +60 -0
  123. package/dist/cjs/SeparatorDemo.native.js +63 -0
  124. package/dist/cjs/SeparatorDemo.native.js.map +1 -0
  125. package/dist/cjs/ShapesDemo.cjs +42 -0
  126. package/dist/cjs/ShapesDemo.native.js +45 -0
  127. package/dist/cjs/ShapesDemo.native.js.map +1 -0
  128. package/dist/cjs/SheetDemo.cjs +192 -0
  129. package/dist/cjs/SheetDemo.native.js +221 -0
  130. package/dist/cjs/SheetDemo.native.js.map +1 -0
  131. package/dist/cjs/SliderDemo.cjs +58 -0
  132. package/dist/cjs/SliderDemo.native.js +62 -0
  133. package/dist/cjs/SliderDemo.native.js.map +1 -0
  134. package/dist/cjs/SpinnerDemo.cjs +41 -0
  135. package/dist/cjs/SpinnerDemo.native.js +44 -0
  136. package/dist/cjs/SpinnerDemo.native.js.map +1 -0
  137. package/dist/cjs/StacksDemo.cjs +107 -0
  138. package/dist/cjs/StacksDemo.native.js +111 -0
  139. package/dist/cjs/StacksDemo.native.js.map +1 -0
  140. package/dist/cjs/SwitchDemo.cjs +101 -0
  141. package/dist/cjs/SwitchDemo.native.js +107 -0
  142. package/dist/cjs/SwitchDemo.native.js.map +1 -0
  143. package/dist/cjs/SwitchHeadlessDemo.cjs +103 -0
  144. package/dist/cjs/SwitchHeadlessDemo.native.js +110 -0
  145. package/dist/cjs/SwitchHeadlessDemo.native.js.map +1 -0
  146. package/dist/cjs/SwitchUnstyledDemo.cjs +89 -0
  147. package/dist/cjs/SwitchUnstyledDemo.native.js +92 -0
  148. package/dist/cjs/SwitchUnstyledDemo.native.js.map +1 -0
  149. package/dist/cjs/TabsAdvancedDemo.cjs +340 -0
  150. package/dist/cjs/TabsAdvancedDemo.native.js +388 -0
  151. package/dist/cjs/TabsAdvancedDemo.native.js.map +1 -0
  152. package/dist/cjs/TabsDemo.cjs +214 -0
  153. package/dist/cjs/TabsDemo.native.js +225 -0
  154. package/dist/cjs/TabsDemo.native.js.map +1 -0
  155. package/dist/cjs/TabsHeadlessDemo.cjs +130 -0
  156. package/dist/cjs/TabsHeadlessDemo.native.js +144 -0
  157. package/dist/cjs/TabsHeadlessDemo.native.js.map +1 -0
  158. package/dist/cjs/TextDemo.cjs +49 -0
  159. package/dist/cjs/TextDemo.native.js +52 -0
  160. package/dist/cjs/TextDemo.native.js.map +1 -0
  161. package/dist/cjs/ThemeBuilderDemo.cjs +178 -0
  162. package/dist/cjs/ThemeBuilderDemo.native.js +181 -0
  163. package/dist/cjs/ThemeBuilderDemo.native.js.map +1 -0
  164. package/dist/cjs/ThemeInverseDemo.cjs +99 -0
  165. package/dist/cjs/ThemeInverseDemo.native.js +102 -0
  166. package/dist/cjs/ThemeInverseDemo.native.js.map +1 -0
  167. package/dist/cjs/ToastDemo.cjs +150 -0
  168. package/dist/cjs/ToastDemo.native.js +163 -0
  169. package/dist/cjs/ToastDemo.native.js.map +1 -0
  170. package/dist/cjs/ToastDuplicateDemo.cjs +83 -0
  171. package/dist/cjs/ToastDuplicateDemo.native.js +92 -0
  172. package/dist/cjs/ToastDuplicateDemo.native.js.map +1 -0
  173. package/dist/cjs/ToggleGroupDemo.cjs +120 -0
  174. package/dist/cjs/ToggleGroupDemo.native.js +123 -0
  175. package/dist/cjs/ToggleGroupDemo.native.js.map +1 -0
  176. package/dist/cjs/TokensDemo.cjs +123 -0
  177. package/dist/cjs/TokensDemo.native.js +145 -0
  178. package/dist/cjs/TokensDemo.native.js.map +1 -0
  179. package/dist/cjs/TooltipDemo.cjs +131 -0
  180. package/dist/cjs/TooltipDemo.native.js +135 -0
  181. package/dist/cjs/TooltipDemo.native.js.map +1 -0
  182. package/dist/cjs/UpdateThemeDemo.cjs +80 -0
  183. package/dist/cjs/UpdateThemeDemo.native.js +83 -0
  184. package/dist/cjs/UpdateThemeDemo.native.js.map +1 -0
  185. package/dist/cjs/WebNativeImageDemo.cjs +34 -0
  186. package/dist/cjs/WebNativeImageDemo.native.js +37 -0
  187. package/dist/cjs/WebNativeImageDemo.native.js.map +1 -0
  188. package/dist/cjs/gui.config.cjs +29 -0
  189. package/dist/cjs/gui.config.native.js +32 -0
  190. package/dist/cjs/gui.config.native.js.map +1 -0
  191. package/dist/cjs/index.cjs +79 -0
  192. package/dist/cjs/index.native.js +82 -0
  193. package/dist/cjs/index.native.js.map +1 -0
  194. package/dist/cjs/useOnIntersecting.cjs +68 -0
  195. package/dist/cjs/useOnIntersecting.native.js +105 -0
  196. package/dist/cjs/useOnIntersecting.native.js.map +1 -0
  197. package/dist/esm/AccordionDemo.mjs +88 -0
  198. package/dist/esm/AccordionDemo.mjs.map +1 -0
  199. package/dist/esm/AccordionDemo.native.js +95 -0
  200. package/dist/esm/AccordionDemo.native.js.map +1 -0
  201. package/dist/esm/AddThemeDemo.mjs +37 -0
  202. package/dist/esm/AddThemeDemo.mjs.map +1 -0
  203. package/dist/esm/AddThemeDemo.native.js +37 -0
  204. package/dist/esm/AddThemeDemo.native.js.map +1 -0
  205. package/dist/esm/AlertDialogDemo.mjs +73 -0
  206. package/dist/esm/AlertDialogDemo.mjs.map +1 -0
  207. package/dist/esm/AlertDialogDemo.native.js +73 -0
  208. package/dist/esm/AlertDialogDemo.native.js.map +1 -0
  209. package/dist/esm/AnimationsDelayDemo.mjs +51 -0
  210. package/dist/esm/AnimationsDelayDemo.mjs.map +1 -0
  211. package/dist/esm/AnimationsDelayDemo.native.js +55 -0
  212. package/dist/esm/AnimationsDelayDemo.native.js.map +1 -0
  213. package/dist/esm/AnimationsDemo.mjs +76 -0
  214. package/dist/esm/AnimationsDemo.mjs.map +1 -0
  215. package/dist/esm/AnimationsDemo.native.js +80 -0
  216. package/dist/esm/AnimationsDemo.native.js.map +1 -0
  217. package/dist/esm/AnimationsEnterDemo.mjs +41 -0
  218. package/dist/esm/AnimationsEnterDemo.mjs.map +1 -0
  219. package/dist/esm/AnimationsEnterDemo.native.js +45 -0
  220. package/dist/esm/AnimationsEnterDemo.native.js.map +1 -0
  221. package/dist/esm/AnimationsHoverDemo.mjs +24 -0
  222. package/dist/esm/AnimationsHoverDemo.mjs.map +1 -0
  223. package/dist/esm/AnimationsHoverDemo.native.js +24 -0
  224. package/dist/esm/AnimationsHoverDemo.native.js.map +1 -0
  225. package/dist/esm/AnimationsPresenceDemo.mjs +88 -0
  226. package/dist/esm/AnimationsPresenceDemo.mjs.map +1 -0
  227. package/dist/esm/AnimationsPresenceDemo.native.js +96 -0
  228. package/dist/esm/AnimationsPresenceDemo.native.js.map +1 -0
  229. package/dist/esm/AnimationsTimingDemo.mjs +23 -0
  230. package/dist/esm/AnimationsTimingDemo.mjs.map +1 -0
  231. package/dist/esm/AnimationsTimingDemo.native.js +23 -0
  232. package/dist/esm/AnimationsTimingDemo.native.js.map +1 -0
  233. package/dist/esm/AvatarDemo.mjs +30 -0
  234. package/dist/esm/AvatarDemo.mjs.map +1 -0
  235. package/dist/esm/AvatarDemo.native.js +30 -0
  236. package/dist/esm/AvatarDemo.native.js.map +1 -0
  237. package/dist/esm/BoxShadowTokenDemo.mjs +34 -0
  238. package/dist/esm/BoxShadowTokenDemo.mjs.map +1 -0
  239. package/dist/esm/BoxShadowTokenDemo.native.js +36 -0
  240. package/dist/esm/BoxShadowTokenDemo.native.js.map +1 -0
  241. package/dist/esm/BuildAButtonDemo.mjs +106 -0
  242. package/dist/esm/BuildAButtonDemo.mjs.map +1 -0
  243. package/dist/esm/BuildAButtonDemo.native.js +106 -0
  244. package/dist/esm/BuildAButtonDemo.native.js.map +1 -0
  245. package/dist/esm/ButtonDemo.mjs +66 -0
  246. package/dist/esm/ButtonDemo.mjs.map +1 -0
  247. package/dist/esm/ButtonDemo.native.js +66 -0
  248. package/dist/esm/ButtonDemo.native.js.map +1 -0
  249. package/dist/esm/CardDemo.mjs +65 -0
  250. package/dist/esm/CardDemo.mjs.map +1 -0
  251. package/dist/esm/CardDemo.native.js +65 -0
  252. package/dist/esm/CardDemo.native.js.map +1 -0
  253. package/dist/esm/CheckboxDemo.mjs +55 -0
  254. package/dist/esm/CheckboxDemo.mjs.map +1 -0
  255. package/dist/esm/CheckboxDemo.native.js +56 -0
  256. package/dist/esm/CheckboxDemo.native.js.map +1 -0
  257. package/dist/esm/CheckboxHeadlessDemo.mjs +53 -0
  258. package/dist/esm/CheckboxHeadlessDemo.mjs.map +1 -0
  259. package/dist/esm/CheckboxHeadlessDemo.native.js +53 -0
  260. package/dist/esm/CheckboxHeadlessDemo.native.js.map +1 -0
  261. package/dist/esm/CheckboxUnstyledDemo.mjs +54 -0
  262. package/dist/esm/CheckboxUnstyledDemo.mjs.map +1 -0
  263. package/dist/esm/CheckboxUnstyledDemo.native.js +54 -0
  264. package/dist/esm/CheckboxUnstyledDemo.native.js.map +1 -0
  265. package/dist/esm/ColorsDemo.mjs +110 -0
  266. package/dist/esm/ColorsDemo.mjs.map +1 -0
  267. package/dist/esm/ColorsDemo.native.js +117 -0
  268. package/dist/esm/ColorsDemo.native.js.map +1 -0
  269. package/dist/esm/ContextMenuDemo.mjs +190 -0
  270. package/dist/esm/ContextMenuDemo.mjs.map +1 -0
  271. package/dist/esm/ContextMenuDemo.native.js +193 -0
  272. package/dist/esm/ContextMenuDemo.native.js.map +1 -0
  273. package/dist/esm/DialogDemo.mjs +189 -0
  274. package/dist/esm/DialogDemo.mjs.map +1 -0
  275. package/dist/esm/DialogDemo.native.js +196 -0
  276. package/dist/esm/DialogDemo.native.js.map +1 -0
  277. package/dist/esm/FormsDemo.mjs +51 -0
  278. package/dist/esm/FormsDemo.mjs.map +1 -0
  279. package/dist/esm/FormsDemo.native.js +55 -0
  280. package/dist/esm/FormsDemo.native.js.map +1 -0
  281. package/dist/esm/Grid.mjs +35 -0
  282. package/dist/esm/Grid.mjs.map +1 -0
  283. package/dist/esm/Grid.native.js +38 -0
  284. package/dist/esm/Grid.native.js.map +1 -0
  285. package/dist/esm/GroupDemo.mjs +69 -0
  286. package/dist/esm/GroupDemo.mjs.map +1 -0
  287. package/dist/esm/GroupDemo.native.js +71 -0
  288. package/dist/esm/GroupDemo.native.js.map +1 -0
  289. package/dist/esm/HeadingsDemo.mjs +22 -0
  290. package/dist/esm/HeadingsDemo.mjs.map +1 -0
  291. package/dist/esm/HeadingsDemo.native.js +22 -0
  292. package/dist/esm/HeadingsDemo.native.js.map +1 -0
  293. package/dist/esm/ImageDemo.mjs +15 -0
  294. package/dist/esm/ImageDemo.mjs.map +1 -0
  295. package/dist/esm/ImageDemo.native.js +15 -0
  296. package/dist/esm/ImageDemo.native.js.map +1 -0
  297. package/dist/esm/InputsDemo.mjs +39 -0
  298. package/dist/esm/InputsDemo.mjs.map +1 -0
  299. package/dist/esm/InputsDemo.native.js +39 -0
  300. package/dist/esm/InputsDemo.native.js.map +1 -0
  301. package/dist/esm/LabelDemo.mjs +42 -0
  302. package/dist/esm/LabelDemo.mjs.map +1 -0
  303. package/dist/esm/LabelDemo.native.js +42 -0
  304. package/dist/esm/LabelDemo.native.js.map +1 -0
  305. package/dist/esm/LinearGradientDemo.mjs +25 -0
  306. package/dist/esm/LinearGradientDemo.mjs.map +1 -0
  307. package/dist/esm/LinearGradientDemo.native.js +27 -0
  308. package/dist/esm/LinearGradientDemo.native.js.map +1 -0
  309. package/dist/esm/ListItemDemo.mjs +78 -0
  310. package/dist/esm/ListItemDemo.mjs.map +1 -0
  311. package/dist/esm/ListItemDemo.native.js +78 -0
  312. package/dist/esm/ListItemDemo.native.js.map +1 -0
  313. package/dist/esm/LucideIconsDemo.mjs +59 -0
  314. package/dist/esm/LucideIconsDemo.mjs.map +1 -0
  315. package/dist/esm/LucideIconsDemo.native.js +68 -0
  316. package/dist/esm/LucideIconsDemo.native.js.map +1 -0
  317. package/dist/esm/MenuDemo.mjs +193 -0
  318. package/dist/esm/MenuDemo.mjs.map +1 -0
  319. package/dist/esm/MenuDemo.native.js +196 -0
  320. package/dist/esm/MenuDemo.native.js.map +1 -0
  321. package/dist/esm/NewInputsDemo.mjs +40 -0
  322. package/dist/esm/NewInputsDemo.mjs.map +1 -0
  323. package/dist/esm/NewInputsDemo.native.js +40 -0
  324. package/dist/esm/NewInputsDemo.native.js.map +1 -0
  325. package/dist/esm/PopoverDemo.mjs +126 -0
  326. package/dist/esm/PopoverDemo.mjs.map +1 -0
  327. package/dist/esm/PopoverDemo.native.js +130 -0
  328. package/dist/esm/PopoverDemo.native.js.map +1 -0
  329. package/dist/esm/ProgressDemo.mjs +54 -0
  330. package/dist/esm/ProgressDemo.mjs.map +1 -0
  331. package/dist/esm/ProgressDemo.native.js +78 -0
  332. package/dist/esm/ProgressDemo.native.js.map +1 -0
  333. package/dist/esm/RadioGroupDemo.mjs +50 -0
  334. package/dist/esm/RadioGroupDemo.mjs.map +1 -0
  335. package/dist/esm/RadioGroupDemo.native.js +50 -0
  336. package/dist/esm/RadioGroupDemo.native.js.map +1 -0
  337. package/dist/esm/RadioGroupHeadlessDemo.mjs +134 -0
  338. package/dist/esm/RadioGroupHeadlessDemo.mjs.map +1 -0
  339. package/dist/esm/RadioGroupHeadlessDemo.native.js +141 -0
  340. package/dist/esm/RadioGroupHeadlessDemo.native.js.map +1 -0
  341. package/dist/esm/RadioGroupUnstyledDemo.mjs +118 -0
  342. package/dist/esm/RadioGroupUnstyledDemo.mjs.map +1 -0
  343. package/dist/esm/RadioGroupUnstyledDemo.native.js +118 -0
  344. package/dist/esm/RadioGroupUnstyledDemo.native.js.map +1 -0
  345. package/dist/esm/ReplaceThemeDemo.mjs +44 -0
  346. package/dist/esm/ReplaceThemeDemo.mjs.map +1 -0
  347. package/dist/esm/ReplaceThemeDemo.native.js +44 -0
  348. package/dist/esm/ReplaceThemeDemo.native.js.map +1 -0
  349. package/dist/esm/ScrollViewDemo.mjs +51 -0
  350. package/dist/esm/ScrollViewDemo.mjs.map +1 -0
  351. package/dist/esm/ScrollViewDemo.native.js +51 -0
  352. package/dist/esm/ScrollViewDemo.native.js.map +1 -0
  353. package/dist/esm/SelectDemo.mjs +201 -0
  354. package/dist/esm/SelectDemo.mjs.map +1 -0
  355. package/dist/esm/SelectDemo.native.js +214 -0
  356. package/dist/esm/SelectDemo.native.js.map +1 -0
  357. package/dist/esm/SeparatorDemo.mjs +37 -0
  358. package/dist/esm/SeparatorDemo.mjs.map +1 -0
  359. package/dist/esm/SeparatorDemo.native.js +37 -0
  360. package/dist/esm/SeparatorDemo.native.js.map +1 -0
  361. package/dist/esm/ShapesDemo.mjs +19 -0
  362. package/dist/esm/ShapesDemo.mjs.map +1 -0
  363. package/dist/esm/ShapesDemo.native.js +19 -0
  364. package/dist/esm/ShapesDemo.native.js.map +1 -0
  365. package/dist/esm/SheetDemo.mjs +158 -0
  366. package/dist/esm/SheetDemo.mjs.map +1 -0
  367. package/dist/esm/SheetDemo.native.js +184 -0
  368. package/dist/esm/SheetDemo.native.js.map +1 -0
  369. package/dist/esm/SliderDemo.mjs +35 -0
  370. package/dist/esm/SliderDemo.mjs.map +1 -0
  371. package/dist/esm/SliderDemo.native.js +36 -0
  372. package/dist/esm/SliderDemo.native.js.map +1 -0
  373. package/dist/esm/SpinnerDemo.mjs +18 -0
  374. package/dist/esm/SpinnerDemo.mjs.map +1 -0
  375. package/dist/esm/SpinnerDemo.native.js +18 -0
  376. package/dist/esm/SpinnerDemo.native.js.map +1 -0
  377. package/dist/esm/StacksDemo.mjs +84 -0
  378. package/dist/esm/StacksDemo.mjs.map +1 -0
  379. package/dist/esm/StacksDemo.native.js +84 -0
  380. package/dist/esm/StacksDemo.native.js.map +1 -0
  381. package/dist/esm/SwitchDemo.mjs +77 -0
  382. package/dist/esm/SwitchDemo.mjs.map +1 -0
  383. package/dist/esm/SwitchDemo.native.js +80 -0
  384. package/dist/esm/SwitchDemo.native.js.map +1 -0
  385. package/dist/esm/SwitchHeadlessDemo.mjs +69 -0
  386. package/dist/esm/SwitchHeadlessDemo.mjs.map +1 -0
  387. package/dist/esm/SwitchHeadlessDemo.native.js +73 -0
  388. package/dist/esm/SwitchHeadlessDemo.native.js.map +1 -0
  389. package/dist/esm/SwitchUnstyledDemo.mjs +65 -0
  390. package/dist/esm/SwitchUnstyledDemo.mjs.map +1 -0
  391. package/dist/esm/SwitchUnstyledDemo.native.js +65 -0
  392. package/dist/esm/SwitchUnstyledDemo.native.js.map +1 -0
  393. package/dist/esm/TabsAdvancedDemo.mjs +306 -0
  394. package/dist/esm/TabsAdvancedDemo.mjs.map +1 -0
  395. package/dist/esm/TabsAdvancedDemo.native.js +351 -0
  396. package/dist/esm/TabsAdvancedDemo.native.js.map +1 -0
  397. package/dist/esm/TabsDemo.mjs +180 -0
  398. package/dist/esm/TabsDemo.mjs.map +1 -0
  399. package/dist/esm/TabsDemo.native.js +188 -0
  400. package/dist/esm/TabsDemo.native.js.map +1 -0
  401. package/dist/esm/TabsHeadlessDemo.mjs +105 -0
  402. package/dist/esm/TabsHeadlessDemo.mjs.map +1 -0
  403. package/dist/esm/TabsHeadlessDemo.native.js +114 -0
  404. package/dist/esm/TabsHeadlessDemo.native.js.map +1 -0
  405. package/dist/esm/TextDemo.mjs +26 -0
  406. package/dist/esm/TextDemo.mjs.map +1 -0
  407. package/dist/esm/TextDemo.native.js +26 -0
  408. package/dist/esm/TextDemo.native.js.map +1 -0
  409. package/dist/esm/ThemeBuilderDemo.mjs +155 -0
  410. package/dist/esm/ThemeBuilderDemo.mjs.map +1 -0
  411. package/dist/esm/ThemeBuilderDemo.native.js +155 -0
  412. package/dist/esm/ThemeBuilderDemo.native.js.map +1 -0
  413. package/dist/esm/ThemeInverseDemo.mjs +76 -0
  414. package/dist/esm/ThemeInverseDemo.mjs.map +1 -0
  415. package/dist/esm/ThemeInverseDemo.native.js +76 -0
  416. package/dist/esm/ThemeInverseDemo.native.js.map +1 -0
  417. package/dist/esm/ToastDemo.mjs +116 -0
  418. package/dist/esm/ToastDemo.mjs.map +1 -0
  419. package/dist/esm/ToastDemo.native.js +126 -0
  420. package/dist/esm/ToastDemo.native.js.map +1 -0
  421. package/dist/esm/ToastDuplicateDemo.mjs +49 -0
  422. package/dist/esm/ToastDuplicateDemo.mjs.map +1 -0
  423. package/dist/esm/ToastDuplicateDemo.native.js +55 -0
  424. package/dist/esm/ToastDuplicateDemo.native.js.map +1 -0
  425. package/dist/esm/ToggleGroupDemo.mjs +97 -0
  426. package/dist/esm/ToggleGroupDemo.mjs.map +1 -0
  427. package/dist/esm/ToggleGroupDemo.native.js +97 -0
  428. package/dist/esm/ToggleGroupDemo.native.js.map +1 -0
  429. package/dist/esm/TokensDemo.mjs +89 -0
  430. package/dist/esm/TokensDemo.mjs.map +1 -0
  431. package/dist/esm/TokensDemo.native.js +108 -0
  432. package/dist/esm/TokensDemo.native.js.map +1 -0
  433. package/dist/esm/TooltipDemo.mjs +108 -0
  434. package/dist/esm/TooltipDemo.mjs.map +1 -0
  435. package/dist/esm/TooltipDemo.native.js +109 -0
  436. package/dist/esm/TooltipDemo.native.js.map +1 -0
  437. package/dist/esm/UpdateThemeDemo.mjs +46 -0
  438. package/dist/esm/UpdateThemeDemo.mjs.map +1 -0
  439. package/dist/esm/UpdateThemeDemo.native.js +46 -0
  440. package/dist/esm/UpdateThemeDemo.native.js.map +1 -0
  441. package/dist/esm/WebNativeImageDemo.mjs +11 -0
  442. package/dist/esm/WebNativeImageDemo.mjs.map +1 -0
  443. package/dist/esm/WebNativeImageDemo.native.js +11 -0
  444. package/dist/esm/WebNativeImageDemo.native.js.map +1 -0
  445. package/dist/esm/gui.config.mjs +6 -0
  446. package/dist/esm/gui.config.mjs.map +1 -0
  447. package/dist/esm/gui.config.native.js +6 -0
  448. package/dist/esm/gui.config.native.js.map +1 -0
  449. package/dist/esm/index.js +63 -0
  450. package/dist/esm/index.js.map +1 -0
  451. package/dist/esm/index.mjs +63 -0
  452. package/dist/esm/index.mjs.map +1 -0
  453. package/dist/esm/index.native.js +63 -0
  454. package/dist/esm/index.native.js.map +1 -0
  455. package/dist/esm/useOnIntersecting.mjs +44 -0
  456. package/dist/esm/useOnIntersecting.mjs.map +1 -0
  457. package/dist/esm/useOnIntersecting.native.js +78 -0
  458. package/dist/esm/useOnIntersecting.native.js.map +1 -0
  459. package/package.json +68 -0
  460. package/src/AccordionDemo.tsx +73 -0
  461. package/src/AddThemeDemo.tsx +35 -0
  462. package/src/AlertDialogDemo.tsx +56 -0
  463. package/src/AnimationsDelayDemo.tsx +49 -0
  464. package/src/AnimationsDemo.tsx +85 -0
  465. package/src/AnimationsEnterDemo.tsx +43 -0
  466. package/src/AnimationsHoverDemo.tsx +23 -0
  467. package/src/AnimationsPresenceDemo.tsx +93 -0
  468. package/src/AnimationsTimingDemo.tsx +22 -0
  469. package/src/AvatarDemo.tsx +23 -0
  470. package/src/BoxShadowTokenDemo.tsx +35 -0
  471. package/src/BuildAButtonDemo.tsx +72 -0
  472. package/src/ButtonDemo.tsx +49 -0
  473. package/src/CardDemo.tsx +44 -0
  474. package/src/CheckboxDemo.tsx +39 -0
  475. package/src/CheckboxHeadlessDemo.tsx +47 -0
  476. package/src/CheckboxUnstyledDemo.tsx +49 -0
  477. package/src/ColorsDemo.tsx +133 -0
  478. package/src/ContextMenuDemo.tsx +178 -0
  479. package/src/DialogDemo.tsx +180 -0
  480. package/src/FormsDemo.tsx +60 -0
  481. package/src/Grid.tsx +46 -0
  482. package/src/GroupDemo.tsx +56 -0
  483. package/src/HeadingsDemo.tsx +14 -0
  484. package/src/ImageDemo.tsx +15 -0
  485. package/src/InputsDemo.tsx +27 -0
  486. package/src/LabelDemo.tsx +28 -0
  487. package/src/LinearGradientDemo.tsx +28 -0
  488. package/src/ListItemDemo.tsx +65 -0
  489. package/src/LucideIconsDemo.tsx +59 -0
  490. package/src/MenuDemo.tsx +183 -0
  491. package/src/NewInputsDemo.tsx +28 -0
  492. package/src/PopoverDemo.tsx +130 -0
  493. package/src/ProgressDemo.tsx +76 -0
  494. package/src/RadioGroupDemo.tsx +35 -0
  495. package/src/RadioGroupHeadlessDemo.tsx +129 -0
  496. package/src/RadioGroupUnstyledDemo.tsx +121 -0
  497. package/src/ReplaceThemeDemo.tsx +53 -0
  498. package/src/ScrollViewDemo.tsx +18 -0
  499. package/src/SelectDemo.tsx +189 -0
  500. package/src/SeparatorDemo.tsx +18 -0
  501. package/src/ShapesDemo.tsx +10 -0
  502. package/src/SheetDemo.tsx +156 -0
  503. package/src/SliderDemo.tsx +23 -0
  504. package/src/SpinnerDemo.tsx +10 -0
  505. package/src/StacksDemo.tsx +58 -0
  506. package/src/SwitchDemo.tsx +52 -0
  507. package/src/SwitchHeadlessDemo.tsx +76 -0
  508. package/src/SwitchUnstyledDemo.tsx +58 -0
  509. package/src/TabsAdvancedDemo.tsx +351 -0
  510. package/src/TabsDemo.tsx +171 -0
  511. package/src/TabsHeadlessDemo.tsx +126 -0
  512. package/src/TextDemo.tsx +15 -0
  513. package/src/ThemeBuilderDemo.tsx +124 -0
  514. package/src/ThemeInverseDemo.tsx +37 -0
  515. package/src/ToastDemo.tsx +121 -0
  516. package/src/ToastDuplicateDemo.tsx +47 -0
  517. package/src/ToggleGroupDemo.tsx +82 -0
  518. package/src/TokensDemo.tsx +105 -0
  519. package/src/TooltipDemo.tsx +68 -0
  520. package/src/UpdateThemeDemo.tsx +57 -0
  521. package/src/WebNativeImageDemo.tsx +5 -0
  522. package/src/gui.config.ts +16 -0
  523. package/src/index.tsx +65 -0
  524. package/src/useOnIntersecting.tsx +89 -0
@@ -0,0 +1,196 @@
1
+ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
2
+ import { Backpack, Calendar, Check, ChevronRight, FilePlus, RefreshCw, Trash2 } from "@hanzogui/lucide-icons-2";
3
+ import { Menu } from "@hanzogui/menu";
4
+ import React from "react";
5
+ import { Button } from "@hanzo/gui";
6
+ function MenuDemo() {
7
+ var [bookmarksChecked, setBookmarksChecked] = React.useState(!0),
8
+ [native, setNative] = React.useState(!0),
9
+ [subMenuOpen, setSubMenuOpen] = React.useState(!1),
10
+ onSelect = function (item) {
11
+ console.info("selected", item);
12
+ };
13
+ return /* @__PURE__ */_jsx(_Fragment, {
14
+ children: /* @__PURE__ */_jsxs(Menu, {
15
+ offset: 8,
16
+ children: [/* @__PURE__ */_jsx(Menu.Trigger, {
17
+ asChild: !0,
18
+ children: /* @__PURE__ */_jsx(Button, {
19
+ size: "$4",
20
+ icon: Backpack,
21
+ children: "Open"
22
+ })
23
+ }), /* @__PURE__ */_jsx(Menu.Portal, {
24
+ zIndex: 100,
25
+ children: /* @__PURE__ */_jsxs(Menu.Content, {
26
+ transition: "100ms",
27
+ borderRadius: "$4",
28
+ enterStyle: {
29
+ scale: 0.9,
30
+ opacity: 0,
31
+ y: -5
32
+ },
33
+ exitStyle: {
34
+ scale: 0.95,
35
+ opacity: 0,
36
+ y: -3
37
+ },
38
+ boxShadow: "0 4px 5px $shadowColor",
39
+ children: [/* @__PURE__ */_jsx(Menu.Arrow, {
40
+ size: "$4",
41
+ borderWidth: 1,
42
+ borderColor: "$borderColor"
43
+ }), /* @__PURE__ */_jsxs(Menu.ScrollView, {
44
+ padding: 5,
45
+ children: [/* @__PURE__ */_jsx(Menu.Item, {
46
+ onSelect,
47
+ children: /* @__PURE__ */_jsx(Menu.ItemTitle, {
48
+ children: "About Notes"
49
+ })
50
+ }, "about-notes"), /* @__PURE__ */_jsx(Menu.Separator, {}), /* @__PURE__ */_jsx(Menu.Item, {
51
+ onSelect,
52
+ children: /* @__PURE__ */_jsx(Menu.ItemTitle, {
53
+ children: "Settings"
54
+ })
55
+ }, "settings"), /* @__PURE__ */_jsxs(Menu.Item, {
56
+ onSelect,
57
+ justify: "space-between",
58
+ // when title is nested inside a React element then you need to use `textValue`
59
+ textValue: "Calendar",
60
+ children: [/* @__PURE__ */_jsx(Menu.ItemTitle, {
61
+ children: "Calendar"
62
+ }), /* @__PURE__ */_jsx(Menu.ItemIcon, {
63
+ androidIconName: "ic_menu_today",
64
+ ios: {
65
+ name: "calendar",
66
+ hierarchicalColor: "#000"
67
+ },
68
+ children:
69
+ // pointSize: 20,
70
+ /* @__PURE__ */
71
+ _jsx(Calendar, {
72
+ color: "gray",
73
+ size: 14
74
+ })
75
+ })]
76
+ }, "accounts"), /* @__PURE__ */_jsx(Menu.Separator, {}), /* @__PURE__ */_jsx(Menu.Item, {
77
+ onSelect,
78
+ disabled: !0,
79
+ children: /* @__PURE__ */_jsx(Menu.ItemTitle, {
80
+ color: "gray",
81
+ children: "Locked Notes"
82
+ })
83
+ }, "close-notes"), /* @__PURE__ */_jsx(Menu.Item, {
84
+ onSelect,
85
+ destructive: !0,
86
+ children: /* @__PURE__ */_jsx(Menu.ItemTitle, {
87
+ color: "red",
88
+ children: "Delete all"
89
+ })
90
+ }, "delete-all"), /* @__PURE__ */_jsx(Menu.Separator, {}), /* @__PURE__ */_jsxs(Menu.Sub, {
91
+ open: subMenuOpen,
92
+ onOpenChange: setSubMenuOpen,
93
+ children: [/* @__PURE__ */_jsxs(Menu.SubTrigger, {
94
+ justify: "space-between",
95
+ textValue: "Actions",
96
+ children: [/* @__PURE__ */_jsx(Menu.ItemTitle, {
97
+ children: "Actions"
98
+ }), /* @__PURE__ */_jsx(ChevronRight, {
99
+ size: 16,
100
+ color: "$color10"
101
+ })]
102
+ }, "actions-trigger"), /* @__PURE__ */_jsx(Menu.Portal, {
103
+ zIndex: 200,
104
+ children: /* @__PURE__ */_jsxs(Menu.SubContent, {
105
+ transition: "100ms",
106
+ borderRadius: "$4",
107
+ enterStyle: {
108
+ scale: 0.9,
109
+ opacity: 0,
110
+ y: -5
111
+ },
112
+ exitStyle: {
113
+ scale: 0.95,
114
+ opacity: 0,
115
+ y: -3
116
+ },
117
+ boxShadow: "0 4px 5px $shadowColor",
118
+ padding: 5,
119
+ children: [/* @__PURE__ */_jsx(Menu.Label, {
120
+ padding: 5,
121
+ color: "$color9",
122
+ size: "$3",
123
+ select: "none",
124
+ children: "Note settings"
125
+ }), /* @__PURE__ */_jsxs(Menu.Item, {
126
+ onSelect,
127
+ textValue: "Create note",
128
+ justify: "space-between",
129
+ children: [/* @__PURE__ */_jsx(Menu.ItemTitle, {
130
+ children: "Create note"
131
+ }), /* @__PURE__ */_jsx(Menu.ItemIcon, {
132
+ children: /* @__PURE__ */_jsx(FilePlus, {
133
+ size: 14,
134
+ color: "$color10"
135
+ })
136
+ })]
137
+ }, "create-note"), /* @__PURE__ */_jsxs(Menu.Item, {
138
+ onSelect,
139
+ textValue: "Delete all notes",
140
+ justify: "space-between",
141
+ children: [/* @__PURE__ */_jsx(Menu.ItemTitle, {
142
+ children: "Delete all notes"
143
+ }), /* @__PURE__ */_jsx(Menu.ItemIcon, {
144
+ children: /* @__PURE__ */_jsx(Trash2, {
145
+ size: 14,
146
+ color: "$color10"
147
+ })
148
+ })]
149
+ }, "delete-all-notes"), /* @__PURE__ */_jsxs(Menu.Item, {
150
+ onSelect,
151
+ textValue: "Sync notes",
152
+ justify: "space-between",
153
+ children: [/* @__PURE__ */_jsx(Menu.ItemTitle, {
154
+ children: "Sync notes"
155
+ }), /* @__PURE__ */_jsx(Menu.ItemIcon, {
156
+ children: /* @__PURE__ */_jsx(RefreshCw, {
157
+ size: 14,
158
+ color: "$color10"
159
+ })
160
+ })]
161
+ }, "sync-all")]
162
+ })
163
+ })]
164
+ }), /* @__PURE__ */_jsx(Menu.Separator, {}), /* @__PURE__ */_jsxs(Menu.CheckboxItem, {
165
+ checked: bookmarksChecked,
166
+ onCheckedChange: setBookmarksChecked,
167
+ justify: "space-between",
168
+ children: [/* @__PURE__ */_jsx(Menu.ItemTitle, {
169
+ children: "Mark as read"
170
+ }), /* @__PURE__ */_jsx(Menu.ItemIndicator, {
171
+ children: /* @__PURE__ */_jsx(Check, {
172
+ size: 12,
173
+ color: "$color10"
174
+ })
175
+ })]
176
+ }, "show-hidden"), /* @__PURE__ */_jsxs(Menu.CheckboxItem, {
177
+ checked: native,
178
+ onCheckedChange: setNative,
179
+ justify: "space-between",
180
+ children: [/* @__PURE__ */_jsx(Menu.ItemTitle, {
181
+ children: "Enable Native"
182
+ }), /* @__PURE__ */_jsx(Menu.ItemIndicator, {
183
+ children: /* @__PURE__ */_jsx(Check, {
184
+ size: 12,
185
+ color: "$color10"
186
+ })
187
+ })]
188
+ }, "show-other-notes")]
189
+ })]
190
+ })
191
+ })]
192
+ })
193
+ });
194
+ }
195
+ export { MenuDemo };
196
+ //# sourceMappingURL=MenuDemo.native.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","Backpack","Calendar","Check","ChevronRight","FilePlus","RefreshCw","Trash2","Menu","React","Button","MenuDemo","bookmarksChecked","setBookmarksChecked","useState","native","setNative","subMenuOpen","setSubMenuOpen","onSelect","item","console","info","children","offset","Trigger","asChild","size","icon","Portal","zIndex","Content","transition","borderRadius","enterStyle","scale","opacity","y","exitStyle","boxShadow","Arrow","borderWidth","borderColor","ScrollView","padding","Item","ItemTitle","Separator","justify","textValue","ItemIcon","androidIconName","ios","name","hierarchicalColor","color","disabled","destructive","Sub","open","onOpenChange","SubTrigger","SubContent","Label","select"],"sources":["../../src/MenuDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
@@ -0,0 +1,40 @@
1
+ import { Button, XStack, YStack } from "@hanzo/gui";
2
+ import { Input, TextArea } from "@hanzogui/input";
3
+ import { jsx, jsxs } from "react/jsx-runtime";
4
+ function NewInputsDemo() {
5
+ return /* @__PURE__ */jsxs(YStack, {
6
+ width: 200,
7
+ minH: 250,
8
+ overflow: "hidden",
9
+ gap: "$2",
10
+ m: "$3",
11
+ p: "$2",
12
+ children: [/* @__PURE__ */jsx(InputDemo, {
13
+ size: "$2"
14
+ }), /* @__PURE__ */jsx(InputDemo, {
15
+ size: "$3"
16
+ }), /* @__PURE__ */jsx(InputDemo, {
17
+ size: "$4"
18
+ }), /* @__PURE__ */jsx(TextArea, {
19
+ theme: "surface1",
20
+ placeholder: "Enter your details..."
21
+ })]
22
+ });
23
+ }
24
+ function InputDemo(props) {
25
+ return /* @__PURE__ */jsxs(XStack, {
26
+ items: "center",
27
+ gap: "$2",
28
+ children: [/* @__PURE__ */jsx(Input, {
29
+ theme: "surface1",
30
+ flex: 1,
31
+ size: props.size,
32
+ placeholder: `Size ${props.size}...`
33
+ }), /* @__PURE__ */jsx(Button, {
34
+ size: props.size,
35
+ children: "Go"
36
+ })]
37
+ });
38
+ }
39
+ export { NewInputsDemo };
40
+ //# sourceMappingURL=NewInputsDemo.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["Button","XStack","YStack","Input","TextArea","jsx","jsxs","NewInputsDemo","width","minH","overflow","gap","m","p","children","InputDemo","size","theme","placeholder","props","items","flex"],"sources":["../../src/NewInputsDemo.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,MAAA,EAAeC,MAAA,EAAQC,MAAA,QAAc;AAC9C,SAASC,KAAA,EAAOC,QAAA,QAAgB;AAI5B,SACEC,GAAA,EADFC,IAAA;AAFG,SAASC,cAAA,EAAgB;EAC9B,OACE,eAAAD,IAAA,CAACJ,MAAA;IAAOM,KAAA,EAAO;IAAKC,IAAA,EAAM;IAAKC,QAAA,EAAS;IAASC,GAAA,EAAI;IAAKC,CAAA,EAAE;IAAKC,CAAA,EAAE;IACjEC,QAAA,kBAAAT,GAAA,CAACU,SAAA;MAAUC,IAAA,EAAK;IAAA,CAAK,GACrB,eAAAX,GAAA,CAACU,SAAA;MAAUC,IAAA,EAAK;IAAA,CAAK,GACrB,eAAAX,GAAA,CAACU,SAAA;MAAUC,IAAA,EAAK;IAAA,CAAK,GACrB,eAAAX,GAAA,CAACD,QAAA;MAASa,KAAA,EAAM;MAAWC,WAAA,EAAY;IAAA,CAAwB;EAAA,CACjE;AAEJ;AAEA,SAASH,UAAUI,KAAA,EAA6B;EAC9C,OACE,eAAAb,IAAA,CAACL,MAAA;IAAOmB,KAAA,EAAM;IAAST,GAAA,EAAI;IACzBG,QAAA,kBAAAT,GAAA,CAACF,KAAA;MACCc,KAAA,EAAM;MACNI,IAAA,EAAM;MACNL,IAAA,EAAMG,KAAA,CAAMH,IAAA;MACZE,WAAA,EAAa,QAAQC,KAAA,CAAMH,IAAI;IAAA,CACjC,GACA,eAAAX,GAAA,CAACL,MAAA;MAAOgB,IAAA,EAAMG,KAAA,CAAMH,IAAA;MAAMF,QAAA;IAAA,CAAE;EAAA,CAC9B;AAEJ","ignoreList":[]}
@@ -0,0 +1,40 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { Button, XStack, YStack } from "@hanzo/gui";
3
+ import { Input, TextArea } from "@hanzogui/input";
4
+ function NewInputsDemo() {
5
+ return /* @__PURE__ */_jsxs(YStack, {
6
+ width: 200,
7
+ minH: 250,
8
+ overflow: "hidden",
9
+ gap: "$2",
10
+ m: "$3",
11
+ p: "$2",
12
+ children: [/* @__PURE__ */_jsx(InputDemo, {
13
+ size: "$2"
14
+ }), /* @__PURE__ */_jsx(InputDemo, {
15
+ size: "$3"
16
+ }), /* @__PURE__ */_jsx(InputDemo, {
17
+ size: "$4"
18
+ }), /* @__PURE__ */_jsx(TextArea, {
19
+ theme: "surface1",
20
+ placeholder: "Enter your details..."
21
+ })]
22
+ });
23
+ }
24
+ function InputDemo(props) {
25
+ return /* @__PURE__ */_jsxs(XStack, {
26
+ items: "center",
27
+ gap: "$2",
28
+ children: [/* @__PURE__ */_jsx(Input, {
29
+ theme: "surface1",
30
+ flex: 1,
31
+ size: props.size,
32
+ placeholder: `Size ${props.size}...`
33
+ }), /* @__PURE__ */_jsx(Button, {
34
+ size: props.size,
35
+ children: "Go"
36
+ })]
37
+ });
38
+ }
39
+ export { NewInputsDemo };
40
+ //# sourceMappingURL=NewInputsDemo.native.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Button","XStack","YStack","Input","TextArea","NewInputsDemo","width","minH","overflow","gap","m","p","children","InputDemo","size","theme","placeholder"],"sources":["../../src/NewInputsDemo.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,GAAA,IAAAC,IAAe,EAAAC,IAAQ,IAAAC,KAAA,QAAc;AAC9C,SAASC,MAAA,EAAOC,MAAA,EAAAC,MAAA,QAAgB;AAI5B,SACEC,KADF,EAAAC,QAAA;AAFG,SAASC,cAAA,EAAgB;EAC9B,OACE,eAAAN,KAAC,CAAAG,MAAA;IACCI,KAAA;IACAC,IAAA;IACAC,QAAA;IACAC,GAAA;IAA+DC,CACjE;IAEJC,CAAA;IAEAC,QAAS,GACP,eACEf,IAAA,CAAAgB,SAAC;MACCC,IAAA;IAAC,mBAAAjB,IAAA,CAAAgB,SAAA;MACCC,IAAA;IAAM,EACN,EAAM,eACMjB,IAAA,CAAAgB,SAAA;MACZC,IAAA;IAA+B,IACjC,eAAAjB,IAAA,CAAAO,QAAA;MACAW,KAAA,YAAC;MACHC,WAAA;IAEJ","ignoreList":[]}
@@ -0,0 +1,126 @@
1
+ import { ChevronDown, ChevronLeft, ChevronRight, ChevronUp } from "@hanzogui/lucide-icons-2";
2
+ import { useState } from "react";
3
+ import { Adapt, Button, Input, isWeb, Label, Popover, Sheet, XStack, YStack } from "@hanzo/gui";
4
+ import { jsx, jsxs } from "react/jsx-runtime";
5
+ function PopoverDemo() {
6
+ const [shouldAdapt, setShouldAdapt] = useState(!0);
7
+ return /* @__PURE__ */jsxs(YStack, {
8
+ gap: "$4",
9
+ children: [/* @__PURE__ */jsxs(XStack, {
10
+ gap: "$2",
11
+ flex: 1,
12
+ justify: "center",
13
+ items: "center",
14
+ children: [/* @__PURE__ */jsx(Demo, {
15
+ shouldAdapt,
16
+ placement: "left",
17
+ Icon: ChevronLeft,
18
+ Name: "left-popover"
19
+ }), /* @__PURE__ */jsx(Demo, {
20
+ shouldAdapt,
21
+ placement: "bottom",
22
+ Icon: ChevronDown,
23
+ Name: "bottom-popover"
24
+ }), /* @__PURE__ */jsx(Demo, {
25
+ shouldAdapt,
26
+ placement: "top",
27
+ Icon: ChevronUp,
28
+ Name: "top-popover"
29
+ }), /* @__PURE__ */jsx(Demo, {
30
+ shouldAdapt,
31
+ placement: "right",
32
+ Icon: ChevronRight,
33
+ Name: "right-popover"
34
+ })]
35
+ }), !isWeb && /* @__PURE__ */jsxs(Button, {
36
+ onPress: () => setShouldAdapt(!shouldAdapt),
37
+ children: ["Adapt to Sheet: ", `${shouldAdapt}`]
38
+ })]
39
+ });
40
+ }
41
+ function Demo({
42
+ Icon,
43
+ Name,
44
+ shouldAdapt,
45
+ ...props
46
+ }) {
47
+ return /* @__PURE__ */jsxs(Popover, {
48
+ size: "$5",
49
+ allowFlip: !0,
50
+ stayInFrame: !0,
51
+ offset: 15,
52
+ resize: !0,
53
+ ...props,
54
+ children: [/* @__PURE__ */jsx(Popover.Trigger, {
55
+ asChild: !0,
56
+ children: /* @__PURE__ */jsx(Button, {
57
+ icon: Icon
58
+ })
59
+ }), shouldAdapt && /* @__PURE__ */jsx(Adapt, {
60
+ when: "maxMd",
61
+ platform: "touch",
62
+ children: /* @__PURE__ */jsxs(Sheet, {
63
+ transition: "medium",
64
+ modal: !0,
65
+ dismissOnSnapToBottom: !0,
66
+ children: [/* @__PURE__ */jsx(Sheet.Frame, {
67
+ p: "$4",
68
+ children: /* @__PURE__ */jsx(Adapt.Contents, {})
69
+ }), /* @__PURE__ */jsx(Sheet.Overlay, {
70
+ bg: "$shadowColor",
71
+ transition: "lazy",
72
+ enterStyle: {
73
+ opacity: 0
74
+ },
75
+ exitStyle: {
76
+ opacity: 0
77
+ }
78
+ })]
79
+ })
80
+ }), /* @__PURE__ */jsxs(Popover.Content, {
81
+ borderWidth: 1,
82
+ borderColor: "$borderColor",
83
+ width: 300,
84
+ height: 200,
85
+ enterStyle: {
86
+ y: -10,
87
+ opacity: 0
88
+ },
89
+ exitStyle: {
90
+ y: -10,
91
+ opacity: 0
92
+ },
93
+ boxShadow: "0px 4px 8px rgba(0,0,0,0.1), 0px 12px 32px rgba(0,0,0,0.08)",
94
+ transition: ["quick", {
95
+ opacity: {
96
+ overshootClamping: !0
97
+ }
98
+ }],
99
+ children: [/* @__PURE__ */jsx(Popover.Arrow, {
100
+ borderWidth: 1,
101
+ borderColor: "$borderColor"
102
+ }), /* @__PURE__ */jsxs(XStack, {
103
+ gap: "$3",
104
+ mb: "$3",
105
+ children: [/* @__PURE__ */jsx(Label, {
106
+ size: "$3",
107
+ htmlFor: Name,
108
+ children: "Name"
109
+ }), /* @__PURE__ */jsx(Input, {
110
+ flex: 1,
111
+ size: "$3",
112
+ id: Name
113
+ })]
114
+ }), /* @__PURE__ */jsx(Popover.Close, {
115
+ asChild: !0,
116
+ children: /* @__PURE__ */jsx(Button, {
117
+ size: "$3",
118
+ onPress: () => {},
119
+ children: "Submit"
120
+ })
121
+ })]
122
+ })]
123
+ });
124
+ }
125
+ export { Demo, PopoverDemo };
126
+ //# sourceMappingURL=PopoverDemo.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["ChevronDown","ChevronLeft","ChevronRight","ChevronUp","useState","Adapt","Button","Input","isWeb","Label","Popover","Sheet","XStack","YStack","jsx","jsxs","PopoverDemo","shouldAdapt","setShouldAdapt","gap","children","flex","justify","items","Demo","placement","Icon","Name","onPress","props","size","allowFlip","stayInFrame","offset","resize","Trigger","asChild","icon","when","platform","transition","modal","dismissOnSnapToBottom","Frame","p","Contents","Overlay","bg","enterStyle","opacity","exitStyle","Content","borderWidth","borderColor","width","height","y","boxShadow","overshootClamping","Arrow","mb","htmlFor","id","Close"],"sources":["../../src/PopoverDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
@@ -0,0 +1,130 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { ChevronDown, ChevronLeft, ChevronRight, ChevronUp } from "@hanzogui/lucide-icons-2";
3
+ import { useState } from "react";
4
+ import { Adapt, Button, Input, isWeb, Label, Popover, Sheet, XStack, YStack } from "@hanzo/gui";
5
+ function PopoverDemo() {
6
+ var [shouldAdapt, setShouldAdapt] = useState(!0);
7
+ return /* @__PURE__ */_jsxs(YStack, {
8
+ gap: "$4",
9
+ children: [/* @__PURE__ */_jsxs(XStack, {
10
+ gap: "$2",
11
+ flex: 1,
12
+ justify: "center",
13
+ items: "center",
14
+ children: [/* @__PURE__ */_jsx(Demo, {
15
+ shouldAdapt,
16
+ placement: "left",
17
+ Icon: ChevronLeft,
18
+ Name: "left-popover"
19
+ }), /* @__PURE__ */_jsx(Demo, {
20
+ shouldAdapt,
21
+ placement: "bottom",
22
+ Icon: ChevronDown,
23
+ Name: "bottom-popover"
24
+ }), /* @__PURE__ */_jsx(Demo, {
25
+ shouldAdapt,
26
+ placement: "top",
27
+ Icon: ChevronUp,
28
+ Name: "top-popover"
29
+ }), /* @__PURE__ */_jsx(Demo, {
30
+ shouldAdapt,
31
+ placement: "right",
32
+ Icon: ChevronRight,
33
+ Name: "right-popover"
34
+ })]
35
+ }), !isWeb && /* @__PURE__ */_jsxs(Button, {
36
+ onPress: function () {
37
+ return setShouldAdapt(!shouldAdapt);
38
+ },
39
+ children: ["Adapt to Sheet: ", `${shouldAdapt}`]
40
+ })]
41
+ });
42
+ }
43
+ function Demo(param) {
44
+ var {
45
+ Icon,
46
+ Name,
47
+ shouldAdapt,
48
+ ...props
49
+ } = param;
50
+ return /* @__PURE__ */_jsxs(Popover, {
51
+ size: "$5",
52
+ allowFlip: !0,
53
+ stayInFrame: !0,
54
+ offset: 15,
55
+ resize: !0,
56
+ ...props,
57
+ children: [/* @__PURE__ */_jsx(Popover.Trigger, {
58
+ asChild: !0,
59
+ children: /* @__PURE__ */_jsx(Button, {
60
+ icon: Icon
61
+ })
62
+ }), shouldAdapt && /* @__PURE__ */_jsx(Adapt, {
63
+ when: "maxMd",
64
+ platform: "touch",
65
+ children: /* @__PURE__ */_jsxs(Sheet, {
66
+ transition: "medium",
67
+ modal: !0,
68
+ dismissOnSnapToBottom: !0,
69
+ children: [/* @__PURE__ */_jsx(Sheet.Frame, {
70
+ p: "$4",
71
+ children: /* @__PURE__ */_jsx(Adapt.Contents, {})
72
+ }), /* @__PURE__ */_jsx(Sheet.Overlay, {
73
+ bg: "$shadowColor",
74
+ transition: "lazy",
75
+ enterStyle: {
76
+ opacity: 0
77
+ },
78
+ exitStyle: {
79
+ opacity: 0
80
+ }
81
+ })]
82
+ })
83
+ }), /* @__PURE__ */_jsxs(Popover.Content, {
84
+ borderWidth: 1,
85
+ borderColor: "$borderColor",
86
+ width: 300,
87
+ height: 200,
88
+ enterStyle: {
89
+ y: -10,
90
+ opacity: 0
91
+ },
92
+ exitStyle: {
93
+ y: -10,
94
+ opacity: 0
95
+ },
96
+ boxShadow: "0px 4px 8px rgba(0,0,0,0.1), 0px 12px 32px rgba(0,0,0,0.08)",
97
+ transition: ["quick", {
98
+ opacity: {
99
+ overshootClamping: !0
100
+ }
101
+ }],
102
+ children: [/* @__PURE__ */_jsx(Popover.Arrow, {
103
+ borderWidth: 1,
104
+ borderColor: "$borderColor"
105
+ }), /* @__PURE__ */_jsxs(XStack, {
106
+ gap: "$3",
107
+ mb: "$3",
108
+ children: [/* @__PURE__ */_jsx(Label, {
109
+ size: "$3",
110
+ htmlFor: Name,
111
+ children: "Name"
112
+ }), /* @__PURE__ */_jsx(Input, {
113
+ flex: 1,
114
+ size: "$3",
115
+ id: Name
116
+ })]
117
+ }), /* @__PURE__ */_jsx(Popover.Close, {
118
+ asChild: !0,
119
+ children: /* @__PURE__ */_jsx(Button, {
120
+ size: "$3",
121
+ onPress: function () {},
122
+ children: (/* Custom code goes here, does not interfere with popover closure */
123
+ "Submit")
124
+ })
125
+ })]
126
+ })]
127
+ });
128
+ }
129
+ export { Demo, PopoverDemo };
130
+ //# sourceMappingURL=PopoverDemo.native.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["jsx","_jsx","jsxs","_jsxs","ChevronDown","ChevronLeft","ChevronRight","ChevronUp","useState","Adapt","Button","Input","isWeb","Label","Popover","Sheet","XStack","YStack","PopoverDemo","shouldAdapt","setShouldAdapt","gap","children","flex","justify","items","Demo","placement","Icon","Name","onPress","param","props","size","allowFlip","stayInFrame","offset","resize","Trigger","asChild","icon","when","platform","transition","modal","dismissOnSnapToBottom","Frame","p","Contents","Overlay","bg","enterStyle","opacity","exitStyle","Content","borderWidth","borderColor","width","height","y","boxShadow","overshootClamping","Arrow","mb"],"sources":["../../src/PopoverDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
@@ -0,0 +1,54 @@
1
+ import React from "react";
2
+ import { Button, Paragraph, Progress, XStack, YStack } from "@hanzo/gui";
3
+ import { Play, RotateCcw } from "@hanzogui/lucide-icons-2";
4
+ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
5
+ function ProgressDemo() {
6
+ const [key, setKey] = React.useState(0),
7
+ [progress, setProgress] = React.useState(60),
8
+ [slider, setSlider] = React.useState([60]);
9
+ return /* @__PURE__ */jsxs(Fragment, {
10
+ children: [/* @__PURE__ */jsxs(YStack, {
11
+ height: 60,
12
+ items: "center",
13
+ gap: "$4",
14
+ children: [/* @__PURE__ */jsxs(Paragraph, {
15
+ height: 30,
16
+ opacity: 0.5,
17
+ children: ["Progress: ", progress]
18
+ }), /* @__PURE__ */jsx(Progress, {
19
+ theme: "surface2",
20
+ value: progress,
21
+ children: /* @__PURE__ */jsx(Progress.Indicator, {
22
+ backgroundColor: "$color",
23
+ transition: ["quicker", {
24
+ transform: {
25
+ overshootClamping: !0
26
+ }
27
+ }]
28
+ })
29
+ }, key)]
30
+ }), /* @__PURE__ */jsxs(XStack, {
31
+ items: "center",
32
+ gap: "$2",
33
+ position: "absolute",
34
+ b: "$3",
35
+ l: "$4",
36
+ $xxs: {
37
+ display: "none"
38
+ },
39
+ children: [/* @__PURE__ */jsx(Button, {
40
+ size: "$3",
41
+ icon: Play,
42
+ onPress: () => setProgress(prev => (prev + 20) % 100)
43
+ }), /* @__PURE__ */jsx(Button, {
44
+ size: "$3",
45
+ icon: RotateCcw,
46
+ onPress: () => {
47
+ setKey(Math.random()), setProgress(0), setSlider([0]);
48
+ }
49
+ })]
50
+ })]
51
+ });
52
+ }
53
+ export { ProgressDemo };
54
+ //# sourceMappingURL=ProgressDemo.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["React","Button","Paragraph","Progress","XStack","YStack","Play","RotateCcw","Fragment","jsx","jsxs","ProgressDemo","key","setKey","useState","progress","setProgress","slider","setSlider","children","height","items","gap","opacity","theme","value","Indicator","backgroundColor","transition","transform","overshootClamping","position","b","l","$xxs","display","size","icon","onPress","prev","Math","random"],"sources":["../../src/ProgressDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAClB,SAASC,MAAA,EAAQC,SAAA,EAAWC,QAAA,EAAyBC,MAAA,EAAQC,MAAA,QAAc;AAC3E,SAASC,IAAA,EAAMC,SAAA,QAAiB;AAQ5B,SAAAC,QAAA,EAOMC,GAAA,EALFC,IAAA,QAFJ;AANG,SAASC,aAAA,EAAe;EAC7B,MAAM,CAACC,GAAA,EAAKC,MAAM,IAAIb,KAAA,CAAMc,QAAA,CAAS,CAAC;IAChC,CAACC,QAAA,EAAUC,WAAW,IAAIhB,KAAA,CAAMc,QAAA,CAAS,EAAE;IAC3C,CAACG,MAAA,EAAQC,SAAS,IAAIlB,KAAA,CAAMc,QAAA,CAAmB,CAAC,EAAE,CAAC;EAEzD,OACE,eAAAJ,IAAA,CAAAF,QAAA;IACEW,QAAA,kBAAAT,IAAA,CAACL,MAAA;MAAOe,MAAA,EAAQ;MAAIC,KAAA,EAAM;MAASC,GAAA,EAAI;MACrCH,QAAA,kBAAAT,IAAA,CAACR,SAAA;QAAUkB,MAAA,EAAQ;QAAIG,OAAA,EAAS;QAAKJ,QAAA,iBACxBJ,QAAA;MAAA,CACb,GAEA,eAAAN,GAAA,CAACN,QAAA;QAAmBqB,KAAA,EAAM;QAAWC,KAAA,EAAOV,QAAA;QAC1CI,QAAA,iBAAAV,GAAA,CAACN,QAAA,CAASuB,SAAA,EAAT;UACCC,eAAA,EAAgB;UAChBC,UAAA,EAAY,CACV,WACA;YACEC,SAAA,EAAW;cACTC,iBAAA,EAAmB;YACrB;UACF;QACF,CACF;MAAA,GAXalB,GAYf;IAAA,CACF,GAEA,eAAAF,IAAA,CAACN,MAAA;MACCiB,KAAA,EAAM;MACNC,GAAA,EAAI;MACJS,QAAA,EAAS;MACTC,CAAA,EAAE;MACFC,CAAA,EAAE;MACFC,IAAA,EAAM;QAAEC,OAAA,EAAS;MAAO;MAqBxBhB,QAAA,kBAAAV,GAAA,CAACR,MAAA;QACCmC,IAAA,EAAK;QACLC,IAAA,EAAM/B,IAAA;QACNgC,OAAA,EAASA,CAAA,KAAMtB,WAAA,CAAauB,IAAA,KAAUA,IAAA,GAAO,MAAM,GAAG;MAAA,CACxD,GACA,eAAA9B,GAAA,CAACR,MAAA;QACCmC,IAAA,EAAK;QACLC,IAAA,EAAM9B,SAAA;QACN+B,OAAA,EAASA,CAAA,KAAM;UACbzB,MAAA,CAAO2B,IAAA,CAAKC,MAAA,CAAO,CAAC,GACpBzB,WAAA,CAAY,CAAC,GACbE,SAAA,CAAU,CAAC,CAAC,CAAC;QACf;MAAA,CACF;IAAA,CACF;EAAA,CACF;AAEJ","ignoreList":[]}