@hanzogui/demos 8.2.1 → 8.3.2

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 (867) hide show
  1. package/dist/cjs/AccordionDemo.js +10 -0
  2. package/dist/cjs/AccordionDemo.js.map +1 -0
  3. package/dist/cjs/AddThemeDemo.js +23 -0
  4. package/dist/cjs/AddThemeDemo.js.map +1 -0
  5. package/dist/cjs/AlertDialogDemo.js +16 -0
  6. package/dist/cjs/AlertDialogDemo.js.map +1 -0
  7. package/dist/cjs/AnimationsDelayDemo.js +28 -0
  8. package/dist/cjs/AnimationsDelayDemo.js.map +1 -0
  9. package/dist/cjs/AnimationsDemo.js +59 -0
  10. package/dist/cjs/AnimationsDemo.js.map +1 -0
  11. package/dist/cjs/AnimationsEnterDemo.js +23 -0
  12. package/dist/cjs/AnimationsEnterDemo.js.map +1 -0
  13. package/dist/cjs/AnimationsHoverDemo.js +14 -0
  14. package/dist/cjs/AnimationsHoverDemo.js.map +1 -0
  15. package/dist/cjs/AnimationsPresenceDemo.js +52 -0
  16. package/dist/cjs/AnimationsPresenceDemo.js.map +1 -0
  17. package/dist/cjs/AnimationsTimingDemo.js +14 -0
  18. package/dist/cjs/AnimationsTimingDemo.js.map +1 -0
  19. package/dist/cjs/AvatarDemo.js +9 -0
  20. package/dist/cjs/AvatarDemo.js.map +1 -0
  21. package/dist/cjs/BoxShadowTokenDemo.js +19 -0
  22. package/dist/cjs/BoxShadowTokenDemo.js.map +1 -0
  23. package/dist/cjs/BrandTokensDemo.js +20 -0
  24. package/dist/cjs/BrandTokensDemo.js.map +1 -0
  25. package/dist/cjs/BuildAButtonDemo.js +25 -0
  26. package/dist/cjs/BuildAButtonDemo.js.map +1 -0
  27. package/dist/cjs/ButtonDemo.js +11 -0
  28. package/dist/cjs/ButtonDemo.js.map +1 -0
  29. package/dist/cjs/CardDemo.js +13 -0
  30. package/dist/cjs/CardDemo.js.map +1 -0
  31. package/dist/cjs/CheckboxDemo.js +15 -0
  32. package/dist/cjs/CheckboxDemo.js.map +1 -0
  33. package/dist/cjs/CheckboxHeadlessDemo.js +26 -0
  34. package/dist/cjs/CheckboxHeadlessDemo.js.map +1 -0
  35. package/dist/cjs/CheckboxUnstyledDemo.js +39 -0
  36. package/dist/cjs/CheckboxUnstyledDemo.js.map +1 -0
  37. package/dist/cjs/ColorsDemo.js +51 -0
  38. package/dist/cjs/ColorsDemo.js.map +1 -0
  39. package/dist/cjs/ContextMenuDemo.js +25 -0
  40. package/dist/cjs/ContextMenuDemo.js.map +1 -0
  41. package/dist/cjs/DialogDemo.js +31 -0
  42. package/dist/cjs/DialogDemo.js.map +1 -0
  43. package/dist/cjs/FormsDemo.js +20 -0
  44. package/dist/cjs/FormsDemo.js.map +1 -0
  45. package/dist/cjs/GroupDemo.js +10 -0
  46. package/dist/cjs/GroupDemo.js.map +1 -0
  47. package/dist/cjs/HeadingsDemo.js +9 -0
  48. package/dist/cjs/HeadingsDemo.js.map +1 -0
  49. package/dist/cjs/ImageDemo.js +9 -0
  50. package/dist/cjs/ImageDemo.js.map +1 -0
  51. package/dist/cjs/InputsDemo.js +12 -0
  52. package/dist/cjs/InputsDemo.js.map +1 -0
  53. package/dist/cjs/LabelDemo.js +11 -0
  54. package/dist/cjs/LabelDemo.js.map +1 -0
  55. package/dist/cjs/LinearGradientDemo.js +10 -0
  56. package/dist/cjs/LinearGradientDemo.js.map +1 -0
  57. package/dist/cjs/ListItemDemo.js +16 -0
  58. package/dist/cjs/ListItemDemo.js.map +1 -0
  59. package/dist/cjs/LucideIconsDemo.js +26 -0
  60. package/dist/cjs/LucideIconsDemo.js.map +1 -0
  61. package/dist/cjs/MenuDemo.js +34 -0
  62. package/dist/cjs/MenuDemo.js.map +1 -0
  63. package/dist/cjs/NewInputsDemo.js +13 -0
  64. package/dist/cjs/NewInputsDemo.js.map +1 -0
  65. package/dist/cjs/PopoverDemo.js +25 -0
  66. package/dist/cjs/PopoverDemo.js.map +1 -0
  67. package/dist/cjs/ProgressDemo.js +26 -0
  68. package/dist/cjs/ProgressDemo.js.map +1 -0
  69. package/dist/cjs/RadioGroupDemo.js +14 -0
  70. package/dist/cjs/RadioGroupDemo.js.map +1 -0
  71. package/dist/cjs/RadioGroupHeadlessDemo.js +78 -0
  72. package/dist/cjs/RadioGroupHeadlessDemo.js.map +1 -0
  73. package/dist/cjs/RadioGroupUnstyledDemo.js +92 -0
  74. package/dist/cjs/RadioGroupUnstyledDemo.js.map +1 -0
  75. package/dist/cjs/ReplaceThemeDemo.js +33 -0
  76. package/dist/cjs/ReplaceThemeDemo.js.map +1 -0
  77. package/dist/cjs/ScrollViewDemo.js +9 -0
  78. package/dist/cjs/ScrollViewDemo.js.map +1 -0
  79. package/dist/cjs/SelectDemo.js +48 -0
  80. package/dist/cjs/SelectDemo.js.map +1 -0
  81. package/dist/cjs/SeparatorDemo.js +9 -0
  82. package/dist/cjs/SeparatorDemo.js.map +1 -0
  83. package/dist/cjs/ShapesDemo.js +9 -0
  84. package/dist/cjs/ShapesDemo.js.map +1 -0
  85. package/dist/cjs/SheetDemo.js +41 -0
  86. package/dist/cjs/SheetDemo.js.map +1 -0
  87. package/dist/cjs/SliderDemo.js +12 -0
  88. package/dist/cjs/SliderDemo.js.map +1 -0
  89. package/dist/cjs/SpinnerDemo.js +9 -0
  90. package/dist/cjs/SpinnerDemo.js.map +1 -0
  91. package/dist/cjs/StacksDemo.js +9 -0
  92. package/dist/cjs/StacksDemo.js.map +1 -0
  93. package/dist/cjs/SwitchDemo.js +19 -0
  94. package/dist/cjs/SwitchDemo.js.map +1 -0
  95. package/dist/cjs/SwitchHeadlessDemo.js +45 -0
  96. package/dist/cjs/SwitchHeadlessDemo.js.map +1 -0
  97. package/dist/cjs/SwitchUnstyledDemo.js +50 -0
  98. package/dist/cjs/SwitchUnstyledDemo.js.map +1 -0
  99. package/dist/cjs/TabsAdvancedDemo.js +107 -0
  100. package/dist/cjs/TabsAdvancedDemo.js.map +1 -0
  101. package/dist/cjs/TabsDemo.js +36 -0
  102. package/dist/cjs/TabsDemo.js.map +1 -0
  103. package/dist/cjs/TabsHeadlessDemo.js +65 -0
  104. package/dist/cjs/TabsHeadlessDemo.js.map +1 -0
  105. package/dist/cjs/TextDemo.js +9 -0
  106. package/dist/cjs/TextDemo.js.map +1 -0
  107. package/dist/cjs/ThemeBuilderDemo.js +13 -0
  108. package/dist/cjs/ThemeBuilderDemo.js.map +1 -0
  109. package/dist/cjs/ThemeInverseDemo.js +9 -0
  110. package/dist/cjs/ThemeInverseDemo.js.map +1 -0
  111. package/dist/cjs/ToastDemo.js +39 -0
  112. package/dist/cjs/ToastDemo.js.map +1 -0
  113. package/dist/cjs/ToastDuplicateDemo.js +23 -0
  114. package/dist/cjs/ToastDuplicateDemo.js.map +1 -0
  115. package/dist/cjs/ToastV1Demo.js +47 -0
  116. package/dist/cjs/ToastV1Demo.js.map +1 -0
  117. package/dist/cjs/ToggleGroupDemo.js +15 -0
  118. package/dist/cjs/ToggleGroupDemo.js.map +1 -0
  119. package/dist/cjs/TokensDemo.js +54 -0
  120. package/dist/cjs/TokensDemo.js.map +1 -0
  121. package/dist/cjs/TooltipDemo.js +20 -0
  122. package/dist/cjs/TooltipDemo.js.map +1 -0
  123. package/dist/cjs/UpdateThemeDemo.js +34 -0
  124. package/dist/cjs/UpdateThemeDemo.js.map +1 -0
  125. package/dist/cjs/WebNativeImageDemo.js +9 -0
  126. package/dist/cjs/WebNativeImageDemo.js.map +1 -0
  127. package/dist/cjs/hanzogui.config.js +7 -0
  128. package/dist/cjs/hanzogui.config.js.map +1 -0
  129. package/dist/cjs/index.js +67 -0
  130. package/dist/cjs/index.js.map +1 -0
  131. package/dist/cjs/package.json +1 -0
  132. package/dist/cjs/useOnIntersecting.js +65 -0
  133. package/dist/cjs/useOnIntersecting.js.map +1 -0
  134. package/dist/esm/AccordionDemo.js +7 -0
  135. package/dist/esm/AccordionDemo.js.map +1 -0
  136. package/dist/esm/AddThemeDemo.js +19 -0
  137. package/dist/esm/AddThemeDemo.js.map +1 -0
  138. package/dist/esm/AlertDialogDemo.js +13 -0
  139. package/dist/esm/AlertDialogDemo.js.map +1 -0
  140. package/dist/esm/AnimationsDelayDemo.js +24 -0
  141. package/dist/esm/AnimationsDelayDemo.js.map +1 -0
  142. package/dist/esm/AnimationsDemo.js +55 -0
  143. package/dist/esm/AnimationsDemo.js.map +1 -0
  144. package/dist/esm/AnimationsEnterDemo.js +19 -0
  145. package/dist/esm/AnimationsEnterDemo.js.map +1 -0
  146. package/dist/esm/AnimationsHoverDemo.js +11 -0
  147. package/dist/esm/AnimationsHoverDemo.js.map +1 -0
  148. package/dist/esm/AnimationsPresenceDemo.js +47 -0
  149. package/dist/esm/AnimationsPresenceDemo.js.map +1 -0
  150. package/dist/esm/AnimationsTimingDemo.js +11 -0
  151. package/dist/esm/AnimationsTimingDemo.js.map +1 -0
  152. package/dist/esm/AvatarDemo.js +6 -0
  153. package/dist/esm/AvatarDemo.js.map +1 -0
  154. package/dist/esm/BoxShadowTokenDemo.js +16 -0
  155. package/dist/esm/BoxShadowTokenDemo.js.map +1 -0
  156. package/dist/esm/BrandTokensDemo.js +17 -0
  157. package/dist/esm/BrandTokensDemo.js.map +1 -0
  158. package/dist/esm/BuildAButtonDemo.js +22 -0
  159. package/dist/esm/BuildAButtonDemo.js.map +1 -0
  160. package/dist/esm/ButtonDemo.js +8 -0
  161. package/dist/esm/ButtonDemo.js.map +1 -0
  162. package/dist/esm/CardDemo.js +9 -0
  163. package/dist/esm/CardDemo.js.map +1 -0
  164. package/dist/esm/CheckboxDemo.js +11 -0
  165. package/dist/esm/CheckboxDemo.js.map +1 -0
  166. package/dist/esm/CheckboxHeadlessDemo.js +22 -0
  167. package/dist/esm/CheckboxHeadlessDemo.js.map +1 -0
  168. package/dist/esm/CheckboxUnstyledDemo.js +35 -0
  169. package/dist/esm/CheckboxUnstyledDemo.js.map +1 -0
  170. package/dist/esm/ColorsDemo.js +48 -0
  171. package/dist/esm/ColorsDemo.js.map +1 -0
  172. package/dist/esm/ContextMenuDemo.js +21 -0
  173. package/dist/esm/ContextMenuDemo.js.map +1 -0
  174. package/dist/esm/DialogDemo.js +28 -0
  175. package/dist/esm/DialogDemo.js.map +1 -0
  176. package/dist/esm/FormsDemo.js +16 -0
  177. package/dist/esm/FormsDemo.js.map +1 -0
  178. package/dist/esm/GroupDemo.js +7 -0
  179. package/dist/esm/GroupDemo.js.map +1 -0
  180. package/dist/esm/HeadingsDemo.js +6 -0
  181. package/dist/esm/HeadingsDemo.js.map +1 -0
  182. package/dist/esm/ImageDemo.js +6 -0
  183. package/dist/esm/ImageDemo.js.map +1 -0
  184. package/dist/esm/InputsDemo.js +9 -0
  185. package/dist/esm/InputsDemo.js.map +1 -0
  186. package/dist/esm/LabelDemo.js +8 -0
  187. package/dist/esm/LabelDemo.js.map +1 -0
  188. package/dist/esm/LinearGradientDemo.js +7 -0
  189. package/dist/esm/LinearGradientDemo.js.map +1 -0
  190. package/dist/esm/ListItemDemo.js +13 -0
  191. package/dist/esm/ListItemDemo.js.map +1 -0
  192. package/dist/esm/LucideIconsDemo.js +22 -0
  193. package/dist/esm/LucideIconsDemo.js.map +1 -0
  194. package/dist/esm/MenuDemo.js +30 -0
  195. package/dist/esm/MenuDemo.js.map +1 -0
  196. package/dist/esm/NewInputsDemo.js +10 -0
  197. package/dist/esm/NewInputsDemo.js.map +1 -0
  198. package/dist/esm/PopoverDemo.js +21 -0
  199. package/dist/esm/PopoverDemo.js.map +1 -0
  200. package/dist/esm/ProgressDemo.js +22 -0
  201. package/dist/esm/ProgressDemo.js.map +1 -0
  202. package/dist/esm/RadioGroupDemo.js +10 -0
  203. package/dist/esm/RadioGroupDemo.js.map +1 -0
  204. package/dist/esm/RadioGroupHeadlessDemo.js +74 -0
  205. package/dist/esm/RadioGroupHeadlessDemo.js.map +1 -0
  206. package/dist/esm/RadioGroupUnstyledDemo.js +89 -0
  207. package/dist/esm/RadioGroupUnstyledDemo.js.map +1 -0
  208. package/dist/esm/ReplaceThemeDemo.js +29 -0
  209. package/dist/esm/ReplaceThemeDemo.js.map +1 -0
  210. package/dist/esm/ScrollViewDemo.js +6 -0
  211. package/dist/esm/ScrollViewDemo.js.map +1 -0
  212. package/dist/esm/SelectDemo.js +43 -0
  213. package/dist/esm/SelectDemo.js.map +1 -0
  214. package/dist/esm/SeparatorDemo.js +6 -0
  215. package/dist/esm/SeparatorDemo.js.map +1 -0
  216. package/dist/esm/ShapesDemo.js +6 -0
  217. package/dist/esm/ShapesDemo.js.map +1 -0
  218. package/dist/esm/SheetDemo.js +36 -0
  219. package/dist/esm/SheetDemo.js.map +1 -0
  220. package/dist/esm/SliderDemo.js +9 -0
  221. package/dist/esm/SliderDemo.js.map +1 -0
  222. package/dist/esm/SpinnerDemo.js +6 -0
  223. package/dist/esm/SpinnerDemo.js.map +1 -0
  224. package/dist/esm/StacksDemo.js +6 -0
  225. package/dist/esm/StacksDemo.js.map +1 -0
  226. package/dist/esm/SwitchDemo.js +15 -0
  227. package/dist/esm/SwitchDemo.js.map +1 -0
  228. package/dist/esm/SwitchHeadlessDemo.js +41 -0
  229. package/dist/esm/SwitchHeadlessDemo.js.map +1 -0
  230. package/dist/esm/SwitchUnstyledDemo.js +46 -0
  231. package/dist/esm/SwitchUnstyledDemo.js.map +1 -0
  232. package/dist/esm/TabsAdvancedDemo.js +102 -0
  233. package/dist/esm/TabsAdvancedDemo.js.map +1 -0
  234. package/dist/esm/TabsDemo.js +32 -0
  235. package/dist/esm/TabsDemo.js.map +1 -0
  236. package/dist/esm/TabsHeadlessDemo.js +61 -0
  237. package/dist/esm/TabsHeadlessDemo.js.map +1 -0
  238. package/dist/esm/TextDemo.js +6 -0
  239. package/dist/esm/TextDemo.js.map +1 -0
  240. package/dist/esm/ThemeBuilderDemo.js +10 -0
  241. package/dist/esm/ThemeBuilderDemo.js.map +1 -0
  242. package/dist/esm/ThemeInverseDemo.js +6 -0
  243. package/dist/esm/ThemeInverseDemo.js.map +1 -0
  244. package/dist/esm/ToastDemo.js +35 -0
  245. package/dist/esm/ToastDemo.js.map +1 -0
  246. package/dist/esm/ToastDuplicateDemo.js +19 -0
  247. package/dist/esm/ToastDuplicateDemo.js.map +1 -0
  248. package/dist/esm/ToastV1Demo.js +42 -0
  249. package/dist/esm/ToastV1Demo.js.map +1 -0
  250. package/dist/esm/ToggleGroupDemo.js +12 -0
  251. package/dist/esm/ToggleGroupDemo.js.map +1 -0
  252. package/dist/esm/TokensDemo.js +50 -0
  253. package/dist/esm/TokensDemo.js.map +1 -0
  254. package/dist/esm/TooltipDemo.js +17 -0
  255. package/dist/esm/TooltipDemo.js.map +1 -0
  256. package/dist/esm/UpdateThemeDemo.js +30 -0
  257. package/dist/esm/UpdateThemeDemo.js.map +1 -0
  258. package/dist/esm/WebNativeImageDemo.js +6 -0
  259. package/dist/esm/WebNativeImageDemo.js.map +1 -0
  260. package/dist/esm/hanzogui.config.js +5 -0
  261. package/dist/esm/hanzogui.config.js.map +1 -0
  262. package/dist/esm/index.js +64 -64
  263. package/dist/esm/index.js.map +1 -1
  264. package/dist/esm/useOnIntersecting.js +61 -0
  265. package/dist/esm/useOnIntersecting.js.map +1 -0
  266. package/package.json +53 -53
  267. package/src/AnimationsDelayDemo.tsx +1 -1
  268. package/src/AnimationsEnterDemo.tsx +1 -1
  269. package/src/BrandTokensDemo.tsx +12 -5
  270. package/src/DialogDemo.tsx +1 -1
  271. package/src/TokensDemo.tsx +5 -6
  272. package/src/hanzogui.config.ts +1 -1
  273. package/src/index.tsx +64 -64
  274. package/types/AccordionDemo.d.ts +2 -0
  275. package/types/AccordionDemo.d.ts.map +1 -0
  276. package/types/AddThemeDemo.d.ts +3 -0
  277. package/types/AddThemeDemo.d.ts.map +1 -0
  278. package/types/AlertDialogDemo.d.ts +2 -0
  279. package/types/AlertDialogDemo.d.ts.map +1 -0
  280. package/types/AnimationsDelayDemo.d.ts +3 -0
  281. package/types/AnimationsDelayDemo.d.ts.map +1 -0
  282. package/types/AnimationsDemo.d.ts +21 -0
  283. package/types/AnimationsDemo.d.ts.map +1 -0
  284. package/types/AnimationsEnterDemo.d.ts +3 -0
  285. package/types/AnimationsEnterDemo.d.ts.map +1 -0
  286. package/types/AnimationsHoverDemo.d.ts +2 -0
  287. package/types/AnimationsHoverDemo.d.ts.map +1 -0
  288. package/types/AnimationsPresenceDemo.d.ts +4 -0
  289. package/types/AnimationsPresenceDemo.d.ts.map +1 -0
  290. package/types/AnimationsTimingDemo.d.ts +2 -0
  291. package/types/AnimationsTimingDemo.d.ts.map +1 -0
  292. package/types/AvatarDemo.d.ts +2 -0
  293. package/types/AvatarDemo.d.ts.map +1 -0
  294. package/types/BoxShadowTokenDemo.d.ts +2 -0
  295. package/types/BoxShadowTokenDemo.d.ts.map +1 -0
  296. package/types/BrandTokensDemo.d.ts +2 -0
  297. package/types/BrandTokensDemo.d.ts.map +1 -0
  298. package/types/BuildAButtonDemo.d.ts +2 -0
  299. package/types/BuildAButtonDemo.d.ts.map +1 -0
  300. package/types/ButtonDemo.d.ts +2 -0
  301. package/types/ButtonDemo.d.ts.map +1 -0
  302. package/types/CardDemo.d.ts +4 -0
  303. package/types/CardDemo.d.ts.map +1 -0
  304. package/types/CheckboxDemo.d.ts +6 -0
  305. package/types/CheckboxDemo.d.ts.map +1 -0
  306. package/types/CheckboxHeadlessDemo.d.ts +3 -0
  307. package/types/CheckboxHeadlessDemo.d.ts.map +1 -0
  308. package/types/CheckboxUnstyledDemo.d.ts +321 -0
  309. package/types/CheckboxUnstyledDemo.d.ts.map +1 -0
  310. package/types/ColorsDemo.d.ts +2 -0
  311. package/types/ColorsDemo.d.ts.map +1 -0
  312. package/types/ContextMenuDemo.d.ts +6 -0
  313. package/types/ContextMenuDemo.d.ts.map +1 -0
  314. package/types/DialogDemo.d.ts +2 -0
  315. package/types/DialogDemo.d.ts.map +1 -0
  316. package/types/FormsDemo.d.ts +6 -0
  317. package/types/FormsDemo.d.ts.map +1 -0
  318. package/types/GroupDemo.d.ts +2 -0
  319. package/types/GroupDemo.d.ts.map +1 -0
  320. package/types/HeadingsDemo.d.ts +2 -0
  321. package/types/HeadingsDemo.d.ts.map +1 -0
  322. package/types/ImageDemo.d.ts +2 -0
  323. package/types/ImageDemo.d.ts.map +1 -0
  324. package/types/InputsDemo.d.ts +2 -0
  325. package/types/InputsDemo.d.ts.map +1 -0
  326. package/types/LabelDemo.d.ts +2 -0
  327. package/types/LabelDemo.d.ts.map +1 -0
  328. package/types/LinearGradientDemo.d.ts +2 -0
  329. package/types/LinearGradientDemo.d.ts.map +1 -0
  330. package/types/ListItemDemo.d.ts +2 -0
  331. package/types/ListItemDemo.d.ts.map +1 -0
  332. package/types/LucideIconsDemo.d.ts +3 -0
  333. package/types/LucideIconsDemo.d.ts.map +1 -0
  334. package/types/MenuDemo.d.ts +11 -0
  335. package/types/MenuDemo.d.ts.map +1 -0
  336. package/types/NewInputsDemo.d.ts +2 -0
  337. package/types/NewInputsDemo.d.ts.map +1 -0
  338. package/types/PopoverDemo.d.ts +8 -0
  339. package/types/PopoverDemo.d.ts.map +1 -0
  340. package/types/ProgressDemo.d.ts +3 -0
  341. package/types/ProgressDemo.d.ts.map +1 -0
  342. package/types/RadioGroupDemo.d.ts +8 -0
  343. package/types/RadioGroupDemo.d.ts.map +1 -0
  344. package/types/RadioGroupHeadlessDemo.d.ts +3 -0
  345. package/types/RadioGroupHeadlessDemo.d.ts.map +1 -0
  346. package/types/RadioGroupUnstyledDemo.d.ts +2 -0
  347. package/types/RadioGroupUnstyledDemo.d.ts.map +1 -0
  348. package/types/ReplaceThemeDemo.d.ts +3 -0
  349. package/types/ReplaceThemeDemo.d.ts.map +1 -0
  350. package/types/ScrollViewDemo.d.ts +2 -0
  351. package/types/ScrollViewDemo.d.ts.map +1 -0
  352. package/types/SelectDemo.d.ts +54 -0
  353. package/types/SelectDemo.d.ts.map +1 -0
  354. package/types/SeparatorDemo.d.ts +2 -0
  355. package/types/SeparatorDemo.d.ts.map +1 -0
  356. package/types/ShapesDemo.d.ts +2 -0
  357. package/types/ShapesDemo.d.ts.map +1 -0
  358. package/types/SheetDemo.d.ts +3 -0
  359. package/types/SheetDemo.d.ts.map +1 -0
  360. package/types/SliderDemo.d.ts +2 -0
  361. package/types/SliderDemo.d.ts.map +1 -0
  362. package/types/SpinnerDemo.d.ts +2 -0
  363. package/types/SpinnerDemo.d.ts.map +1 -0
  364. package/types/StacksDemo.d.ts +3 -0
  365. package/types/StacksDemo.d.ts.map +1 -0
  366. package/types/SwitchDemo.d.ts +8 -0
  367. package/types/SwitchDemo.d.ts.map +1 -0
  368. package/types/SwitchHeadlessDemo.d.ts +3 -0
  369. package/types/SwitchHeadlessDemo.d.ts.map +1 -0
  370. package/types/SwitchUnstyledDemo.d.ts +136 -0
  371. package/types/SwitchUnstyledDemo.d.ts.map +1 -0
  372. package/types/TabsAdvancedDemo.d.ts +3 -0
  373. package/types/TabsAdvancedDemo.d.ts.map +1 -0
  374. package/types/TabsDemo.d.ts +3 -0
  375. package/types/TabsDemo.d.ts.map +1 -0
  376. package/types/TabsHeadlessDemo.d.ts +571 -0
  377. package/types/TabsHeadlessDemo.d.ts.map +1 -0
  378. package/types/TextDemo.d.ts +2 -0
  379. package/types/TextDemo.d.ts.map +1 -0
  380. package/types/ThemeBuilderDemo.d.ts +2 -0
  381. package/types/ThemeBuilderDemo.d.ts.map +1 -0
  382. package/types/ThemeInverseDemo.d.ts +2 -0
  383. package/types/ThemeInverseDemo.d.ts.map +1 -0
  384. package/types/ToastDemo.d.ts +2 -0
  385. package/types/ToastDemo.d.ts.map +1 -0
  386. package/types/ToastDuplicateDemo.d.ts +5 -0
  387. package/types/ToastDuplicateDemo.d.ts.map +1 -0
  388. package/types/ToastV1Demo.d.ts +8 -0
  389. package/types/ToastV1Demo.d.ts.map +1 -0
  390. package/types/ToggleGroupDemo.d.ts +2 -0
  391. package/types/ToggleGroupDemo.d.ts.map +1 -0
  392. package/types/TokensDemo.d.ts +3 -0
  393. package/types/TokensDemo.d.ts.map +1 -0
  394. package/types/TooltipDemo.d.ts +2 -0
  395. package/types/TooltipDemo.d.ts.map +1 -0
  396. package/types/UpdateThemeDemo.d.ts +3 -0
  397. package/types/UpdateThemeDemo.d.ts.map +1 -0
  398. package/types/WebNativeImageDemo.d.ts +2 -0
  399. package/types/WebNativeImageDemo.d.ts.map +1 -0
  400. package/types/hanzogui.config.d.ts +598 -0
  401. package/types/hanzogui.config.d.ts.map +1 -0
  402. package/types/index.d.ts +64 -0
  403. package/types/index.d.ts.map +1 -0
  404. package/types/useOnIntersecting.d.ts +10 -0
  405. package/types/useOnIntersecting.d.ts.map +1 -0
  406. package/dist/cjs/AccordionDemo.cjs +0 -113
  407. package/dist/cjs/AccordionDemo.native.js +0 -123
  408. package/dist/cjs/AccordionDemo.native.js.map +0 -1
  409. package/dist/cjs/AddThemeDemo.cjs +0 -74
  410. package/dist/cjs/AddThemeDemo.native.js +0 -77
  411. package/dist/cjs/AddThemeDemo.native.js.map +0 -1
  412. package/dist/cjs/AlertDialogDemo.cjs +0 -98
  413. package/dist/cjs/AlertDialogDemo.native.js +0 -101
  414. package/dist/cjs/AlertDialogDemo.native.js.map +0 -1
  415. package/dist/cjs/AnimationsDelayDemo.cjs +0 -90
  416. package/dist/cjs/AnimationsDelayDemo.native.js +0 -97
  417. package/dist/cjs/AnimationsDelayDemo.native.js.map +0 -1
  418. package/dist/cjs/AnimationsDemo.cjs +0 -104
  419. package/dist/cjs/AnimationsDemo.native.js +0 -108
  420. package/dist/cjs/AnimationsDemo.native.js.map +0 -1
  421. package/dist/cjs/AnimationsEnterDemo.cjs +0 -80
  422. package/dist/cjs/AnimationsEnterDemo.native.js +0 -86
  423. package/dist/cjs/AnimationsEnterDemo.native.js.map +0 -1
  424. package/dist/cjs/AnimationsHoverDemo.cjs +0 -49
  425. package/dist/cjs/AnimationsHoverDemo.native.js +0 -52
  426. package/dist/cjs/AnimationsHoverDemo.native.js.map +0 -1
  427. package/dist/cjs/AnimationsPresenceDemo.cjs +0 -125
  428. package/dist/cjs/AnimationsPresenceDemo.native.js +0 -136
  429. package/dist/cjs/AnimationsPresenceDemo.native.js.map +0 -1
  430. package/dist/cjs/AnimationsTimingDemo.cjs +0 -48
  431. package/dist/cjs/AnimationsTimingDemo.native.js +0 -51
  432. package/dist/cjs/AnimationsTimingDemo.native.js.map +0 -1
  433. package/dist/cjs/AvatarDemo.cjs +0 -55
  434. package/dist/cjs/AvatarDemo.native.js +0 -58
  435. package/dist/cjs/AvatarDemo.native.js.map +0 -1
  436. package/dist/cjs/BoxShadowTokenDemo.cjs +0 -59
  437. package/dist/cjs/BoxShadowTokenDemo.native.js +0 -64
  438. package/dist/cjs/BoxShadowTokenDemo.native.js.map +0 -1
  439. package/dist/cjs/BrandTokensDemo.cjs +0 -142
  440. package/dist/cjs/BrandTokensDemo.native.js +0 -151
  441. package/dist/cjs/BrandTokensDemo.native.js.map +0 -1
  442. package/dist/cjs/BuildAButtonDemo.cjs +0 -131
  443. package/dist/cjs/BuildAButtonDemo.native.js +0 -134
  444. package/dist/cjs/BuildAButtonDemo.native.js.map +0 -1
  445. package/dist/cjs/ButtonDemo.cjs +0 -91
  446. package/dist/cjs/ButtonDemo.native.js +0 -94
  447. package/dist/cjs/ButtonDemo.native.js.map +0 -1
  448. package/dist/cjs/CardDemo.cjs +0 -91
  449. package/dist/cjs/CardDemo.native.js +0 -94
  450. package/dist/cjs/CardDemo.native.js.map +0 -1
  451. package/dist/cjs/CheckboxDemo.cjs +0 -81
  452. package/dist/cjs/CheckboxDemo.native.js +0 -85
  453. package/dist/cjs/CheckboxDemo.native.js.map +0 -1
  454. package/dist/cjs/CheckboxHeadlessDemo.cjs +0 -89
  455. package/dist/cjs/CheckboxHeadlessDemo.native.js +0 -92
  456. package/dist/cjs/CheckboxHeadlessDemo.native.js.map +0 -1
  457. package/dist/cjs/CheckboxUnstyledDemo.cjs +0 -80
  458. package/dist/cjs/CheckboxUnstyledDemo.native.js +0 -83
  459. package/dist/cjs/CheckboxUnstyledDemo.native.js.map +0 -1
  460. package/dist/cjs/ColorsDemo.cjs +0 -139
  461. package/dist/cjs/ColorsDemo.native.js +0 -145
  462. package/dist/cjs/ColorsDemo.native.js.map +0 -1
  463. package/dist/cjs/ContextMenuDemo.cjs +0 -228
  464. package/dist/cjs/ContextMenuDemo.native.js +0 -232
  465. package/dist/cjs/ContextMenuDemo.native.js.map +0 -1
  466. package/dist/cjs/DialogDemo.cjs +0 -214
  467. package/dist/cjs/DialogDemo.native.js +0 -224
  468. package/dist/cjs/DialogDemo.native.js.map +0 -1
  469. package/dist/cjs/FormsDemo.cjs +0 -88
  470. package/dist/cjs/FormsDemo.native.js +0 -95
  471. package/dist/cjs/FormsDemo.native.js.map +0 -1
  472. package/dist/cjs/GroupDemo.cjs +0 -94
  473. package/dist/cjs/GroupDemo.native.js +0 -99
  474. package/dist/cjs/GroupDemo.native.js.map +0 -1
  475. package/dist/cjs/HeadingsDemo.cjs +0 -47
  476. package/dist/cjs/HeadingsDemo.native.js +0 -50
  477. package/dist/cjs/HeadingsDemo.native.js.map +0 -1
  478. package/dist/cjs/ImageDemo.cjs +0 -40
  479. package/dist/cjs/ImageDemo.native.js +0 -43
  480. package/dist/cjs/ImageDemo.native.js.map +0 -1
  481. package/dist/cjs/InputsDemo.cjs +0 -64
  482. package/dist/cjs/InputsDemo.native.js +0 -67
  483. package/dist/cjs/InputsDemo.native.js.map +0 -1
  484. package/dist/cjs/LabelDemo.cjs +0 -67
  485. package/dist/cjs/LabelDemo.native.js +0 -70
  486. package/dist/cjs/LabelDemo.native.js.map +0 -1
  487. package/dist/cjs/LinearGradientDemo.cjs +0 -50
  488. package/dist/cjs/LinearGradientDemo.native.js +0 -55
  489. package/dist/cjs/LinearGradientDemo.native.js.map +0 -1
  490. package/dist/cjs/ListItemDemo.cjs +0 -111
  491. package/dist/cjs/ListItemDemo.native.js +0 -114
  492. package/dist/cjs/ListItemDemo.native.js.map +0 -1
  493. package/dist/cjs/LucideIconsDemo.cjs +0 -99
  494. package/dist/cjs/LucideIconsDemo.native.js +0 -120
  495. package/dist/cjs/LucideIconsDemo.native.js.map +0 -1
  496. package/dist/cjs/MenuDemo.cjs +0 -229
  497. package/dist/cjs/MenuDemo.native.js +0 -235
  498. package/dist/cjs/MenuDemo.native.js.map +0 -1
  499. package/dist/cjs/NewInputsDemo.cjs +0 -65
  500. package/dist/cjs/NewInputsDemo.native.js +0 -68
  501. package/dist/cjs/NewInputsDemo.native.js.map +0 -1
  502. package/dist/cjs/PopoverDemo.cjs +0 -152
  503. package/dist/cjs/PopoverDemo.native.js +0 -159
  504. package/dist/cjs/PopoverDemo.native.js.map +0 -1
  505. package/dist/cjs/ProgressDemo.cjs +0 -92
  506. package/dist/cjs/ProgressDemo.native.js +0 -119
  507. package/dist/cjs/ProgressDemo.native.js.map +0 -1
  508. package/dist/cjs/RadioGroupDemo.cjs +0 -76
  509. package/dist/cjs/RadioGroupDemo.native.js +0 -79
  510. package/dist/cjs/RadioGroupDemo.native.js.map +0 -1
  511. package/dist/cjs/RadioGroupHeadlessDemo.cjs +0 -173
  512. package/dist/cjs/RadioGroupHeadlessDemo.native.js +0 -178
  513. package/dist/cjs/RadioGroupHeadlessDemo.native.js.map +0 -1
  514. package/dist/cjs/RadioGroupUnstyledDemo.cjs +0 -143
  515. package/dist/cjs/RadioGroupUnstyledDemo.native.js +0 -146
  516. package/dist/cjs/RadioGroupUnstyledDemo.native.js.map +0 -1
  517. package/dist/cjs/ReplaceThemeDemo.cjs +0 -83
  518. package/dist/cjs/ReplaceThemeDemo.native.js +0 -86
  519. package/dist/cjs/ReplaceThemeDemo.native.js.map +0 -1
  520. package/dist/cjs/ScrollViewDemo.cjs +0 -76
  521. package/dist/cjs/ScrollViewDemo.native.js +0 -79
  522. package/dist/cjs/ScrollViewDemo.native.js.map +0 -1
  523. package/dist/cjs/SelectDemo.cjs +0 -240
  524. package/dist/cjs/SelectDemo.native.js +0 -254
  525. package/dist/cjs/SelectDemo.native.js.map +0 -1
  526. package/dist/cjs/SeparatorDemo.cjs +0 -62
  527. package/dist/cjs/SeparatorDemo.native.js +0 -65
  528. package/dist/cjs/SeparatorDemo.native.js.map +0 -1
  529. package/dist/cjs/ShapesDemo.cjs +0 -44
  530. package/dist/cjs/ShapesDemo.native.js +0 -47
  531. package/dist/cjs/ShapesDemo.native.js.map +0 -1
  532. package/dist/cjs/SheetDemo.cjs +0 -198
  533. package/dist/cjs/SheetDemo.native.js +0 -223
  534. package/dist/cjs/SheetDemo.native.js.map +0 -1
  535. package/dist/cjs/SliderDemo.cjs +0 -60
  536. package/dist/cjs/SliderDemo.native.js +0 -64
  537. package/dist/cjs/SliderDemo.native.js.map +0 -1
  538. package/dist/cjs/SpinnerDemo.cjs +0 -43
  539. package/dist/cjs/SpinnerDemo.native.js +0 -46
  540. package/dist/cjs/SpinnerDemo.native.js.map +0 -1
  541. package/dist/cjs/StacksDemo.cjs +0 -109
  542. package/dist/cjs/StacksDemo.native.js +0 -124
  543. package/dist/cjs/StacksDemo.native.js.map +0 -1
  544. package/dist/cjs/SwitchDemo.cjs +0 -103
  545. package/dist/cjs/SwitchDemo.native.js +0 -109
  546. package/dist/cjs/SwitchDemo.native.js.map +0 -1
  547. package/dist/cjs/SwitchHeadlessDemo.cjs +0 -105
  548. package/dist/cjs/SwitchHeadlessDemo.native.js +0 -112
  549. package/dist/cjs/SwitchHeadlessDemo.native.js.map +0 -1
  550. package/dist/cjs/SwitchUnstyledDemo.cjs +0 -91
  551. package/dist/cjs/SwitchUnstyledDemo.native.js +0 -94
  552. package/dist/cjs/SwitchUnstyledDemo.native.js.map +0 -1
  553. package/dist/cjs/TabsAdvancedDemo.cjs +0 -362
  554. package/dist/cjs/TabsAdvancedDemo.native.js +0 -404
  555. package/dist/cjs/TabsAdvancedDemo.native.js.map +0 -1
  556. package/dist/cjs/TabsDemo.cjs +0 -220
  557. package/dist/cjs/TabsDemo.native.js +0 -227
  558. package/dist/cjs/TabsDemo.native.js.map +0 -1
  559. package/dist/cjs/TabsHeadlessDemo.cjs +0 -134
  560. package/dist/cjs/TabsHeadlessDemo.native.js +0 -157
  561. package/dist/cjs/TabsHeadlessDemo.native.js.map +0 -1
  562. package/dist/cjs/TextDemo.cjs +0 -51
  563. package/dist/cjs/TextDemo.native.js +0 -54
  564. package/dist/cjs/TextDemo.native.js.map +0 -1
  565. package/dist/cjs/ThemeBuilderDemo.cjs +0 -180
  566. package/dist/cjs/ThemeBuilderDemo.native.js +0 -183
  567. package/dist/cjs/ThemeBuilderDemo.native.js.map +0 -1
  568. package/dist/cjs/ThemeInverseDemo.cjs +0 -101
  569. package/dist/cjs/ThemeInverseDemo.native.js +0 -104
  570. package/dist/cjs/ThemeInverseDemo.native.js.map +0 -1
  571. package/dist/cjs/ToastDemo.cjs +0 -232
  572. package/dist/cjs/ToastDemo.native.js +0 -250
  573. package/dist/cjs/ToastDemo.native.js.map +0 -1
  574. package/dist/cjs/ToastDuplicateDemo.cjs +0 -72
  575. package/dist/cjs/ToastDuplicateDemo.native.js +0 -77
  576. package/dist/cjs/ToastDuplicateDemo.native.js.map +0 -1
  577. package/dist/cjs/ToastV1Demo.cjs +0 -155
  578. package/dist/cjs/ToastV1Demo.native.js +0 -166
  579. package/dist/cjs/ToastV1Demo.native.js.map +0 -1
  580. package/dist/cjs/ToggleGroupDemo.cjs +0 -122
  581. package/dist/cjs/ToggleGroupDemo.native.js +0 -125
  582. package/dist/cjs/ToggleGroupDemo.native.js.map +0 -1
  583. package/dist/cjs/TokensDemo.cjs +0 -129
  584. package/dist/cjs/TokensDemo.native.js +0 -148
  585. package/dist/cjs/TokensDemo.native.js.map +0 -1
  586. package/dist/cjs/TooltipDemo.cjs +0 -133
  587. package/dist/cjs/TooltipDemo.native.js +0 -137
  588. package/dist/cjs/TooltipDemo.native.js.map +0 -1
  589. package/dist/cjs/UpdateThemeDemo.cjs +0 -84
  590. package/dist/cjs/UpdateThemeDemo.native.js +0 -87
  591. package/dist/cjs/UpdateThemeDemo.native.js.map +0 -1
  592. package/dist/cjs/WebNativeImageDemo.cjs +0 -36
  593. package/dist/cjs/WebNativeImageDemo.native.js +0 -39
  594. package/dist/cjs/WebNativeImageDemo.native.js.map +0 -1
  595. package/dist/cjs/hanzogui.config.cjs +0 -31
  596. package/dist/cjs/hanzogui.config.native.js +0 -34
  597. package/dist/cjs/hanzogui.config.native.js.map +0 -1
  598. package/dist/cjs/index.cjs +0 -82
  599. package/dist/cjs/index.native.js +0 -85
  600. package/dist/cjs/index.native.js.map +0 -1
  601. package/dist/cjs/useOnIntersecting.cjs +0 -84
  602. package/dist/cjs/useOnIntersecting.native.js +0 -119
  603. package/dist/cjs/useOnIntersecting.native.js.map +0 -1
  604. package/dist/esm/AccordionDemo.mjs +0 -88
  605. package/dist/esm/AccordionDemo.mjs.map +0 -1
  606. package/dist/esm/AccordionDemo.native.js +0 -95
  607. package/dist/esm/AccordionDemo.native.js.map +0 -1
  608. package/dist/esm/AddThemeDemo.mjs +0 -38
  609. package/dist/esm/AddThemeDemo.mjs.map +0 -1
  610. package/dist/esm/AddThemeDemo.native.js +0 -38
  611. package/dist/esm/AddThemeDemo.native.js.map +0 -1
  612. package/dist/esm/AlertDialogDemo.mjs +0 -73
  613. package/dist/esm/AlertDialogDemo.mjs.map +0 -1
  614. package/dist/esm/AlertDialogDemo.native.js +0 -73
  615. package/dist/esm/AlertDialogDemo.native.js.map +0 -1
  616. package/dist/esm/AnimationsDelayDemo.mjs +0 -54
  617. package/dist/esm/AnimationsDelayDemo.mjs.map +0 -1
  618. package/dist/esm/AnimationsDelayDemo.native.js +0 -58
  619. package/dist/esm/AnimationsDelayDemo.native.js.map +0 -1
  620. package/dist/esm/AnimationsDemo.mjs +0 -78
  621. package/dist/esm/AnimationsDemo.mjs.map +0 -1
  622. package/dist/esm/AnimationsDemo.native.js +0 -79
  623. package/dist/esm/AnimationsDemo.native.js.map +0 -1
  624. package/dist/esm/AnimationsEnterDemo.mjs +0 -44
  625. package/dist/esm/AnimationsEnterDemo.mjs.map +0 -1
  626. package/dist/esm/AnimationsEnterDemo.native.js +0 -47
  627. package/dist/esm/AnimationsEnterDemo.native.js.map +0 -1
  628. package/dist/esm/AnimationsHoverDemo.mjs +0 -24
  629. package/dist/esm/AnimationsHoverDemo.mjs.map +0 -1
  630. package/dist/esm/AnimationsHoverDemo.native.js +0 -24
  631. package/dist/esm/AnimationsHoverDemo.native.js.map +0 -1
  632. package/dist/esm/AnimationsPresenceDemo.mjs +0 -88
  633. package/dist/esm/AnimationsPresenceDemo.mjs.map +0 -1
  634. package/dist/esm/AnimationsPresenceDemo.native.js +0 -96
  635. package/dist/esm/AnimationsPresenceDemo.native.js.map +0 -1
  636. package/dist/esm/AnimationsTimingDemo.mjs +0 -23
  637. package/dist/esm/AnimationsTimingDemo.mjs.map +0 -1
  638. package/dist/esm/AnimationsTimingDemo.native.js +0 -23
  639. package/dist/esm/AnimationsTimingDemo.native.js.map +0 -1
  640. package/dist/esm/AvatarDemo.mjs +0 -30
  641. package/dist/esm/AvatarDemo.mjs.map +0 -1
  642. package/dist/esm/AvatarDemo.native.js +0 -30
  643. package/dist/esm/AvatarDemo.native.js.map +0 -1
  644. package/dist/esm/BoxShadowTokenDemo.mjs +0 -34
  645. package/dist/esm/BoxShadowTokenDemo.mjs.map +0 -1
  646. package/dist/esm/BoxShadowTokenDemo.native.js +0 -36
  647. package/dist/esm/BoxShadowTokenDemo.native.js.map +0 -1
  648. package/dist/esm/BrandTokensDemo.mjs +0 -117
  649. package/dist/esm/BrandTokensDemo.mjs.map +0 -1
  650. package/dist/esm/BrandTokensDemo.native.js +0 -123
  651. package/dist/esm/BrandTokensDemo.native.js.map +0 -1
  652. package/dist/esm/BuildAButtonDemo.mjs +0 -106
  653. package/dist/esm/BuildAButtonDemo.mjs.map +0 -1
  654. package/dist/esm/BuildAButtonDemo.native.js +0 -106
  655. package/dist/esm/BuildAButtonDemo.native.js.map +0 -1
  656. package/dist/esm/ButtonDemo.mjs +0 -66
  657. package/dist/esm/ButtonDemo.mjs.map +0 -1
  658. package/dist/esm/ButtonDemo.native.js +0 -66
  659. package/dist/esm/ButtonDemo.native.js.map +0 -1
  660. package/dist/esm/CardDemo.mjs +0 -65
  661. package/dist/esm/CardDemo.mjs.map +0 -1
  662. package/dist/esm/CardDemo.native.js +0 -65
  663. package/dist/esm/CardDemo.native.js.map +0 -1
  664. package/dist/esm/CheckboxDemo.mjs +0 -55
  665. package/dist/esm/CheckboxDemo.mjs.map +0 -1
  666. package/dist/esm/CheckboxDemo.native.js +0 -56
  667. package/dist/esm/CheckboxDemo.native.js.map +0 -1
  668. package/dist/esm/CheckboxHeadlessDemo.mjs +0 -53
  669. package/dist/esm/CheckboxHeadlessDemo.mjs.map +0 -1
  670. package/dist/esm/CheckboxHeadlessDemo.native.js +0 -53
  671. package/dist/esm/CheckboxHeadlessDemo.native.js.map +0 -1
  672. package/dist/esm/CheckboxUnstyledDemo.mjs +0 -54
  673. package/dist/esm/CheckboxUnstyledDemo.mjs.map +0 -1
  674. package/dist/esm/CheckboxUnstyledDemo.native.js +0 -54
  675. package/dist/esm/CheckboxUnstyledDemo.native.js.map +0 -1
  676. package/dist/esm/ColorsDemo.mjs +0 -114
  677. package/dist/esm/ColorsDemo.mjs.map +0 -1
  678. package/dist/esm/ColorsDemo.native.js +0 -117
  679. package/dist/esm/ColorsDemo.native.js.map +0 -1
  680. package/dist/esm/ContextMenuDemo.mjs +0 -192
  681. package/dist/esm/ContextMenuDemo.mjs.map +0 -1
  682. package/dist/esm/ContextMenuDemo.native.js +0 -193
  683. package/dist/esm/ContextMenuDemo.native.js.map +0 -1
  684. package/dist/esm/DialogDemo.mjs +0 -189
  685. package/dist/esm/DialogDemo.mjs.map +0 -1
  686. package/dist/esm/DialogDemo.native.js +0 -196
  687. package/dist/esm/DialogDemo.native.js.map +0 -1
  688. package/dist/esm/FormsDemo.mjs +0 -52
  689. package/dist/esm/FormsDemo.mjs.map +0 -1
  690. package/dist/esm/FormsDemo.native.js +0 -56
  691. package/dist/esm/FormsDemo.native.js.map +0 -1
  692. package/dist/esm/GroupDemo.mjs +0 -69
  693. package/dist/esm/GroupDemo.mjs.map +0 -1
  694. package/dist/esm/GroupDemo.native.js +0 -71
  695. package/dist/esm/GroupDemo.native.js.map +0 -1
  696. package/dist/esm/HeadingsDemo.mjs +0 -22
  697. package/dist/esm/HeadingsDemo.mjs.map +0 -1
  698. package/dist/esm/HeadingsDemo.native.js +0 -22
  699. package/dist/esm/HeadingsDemo.native.js.map +0 -1
  700. package/dist/esm/ImageDemo.mjs +0 -15
  701. package/dist/esm/ImageDemo.mjs.map +0 -1
  702. package/dist/esm/ImageDemo.native.js +0 -15
  703. package/dist/esm/ImageDemo.native.js.map +0 -1
  704. package/dist/esm/InputsDemo.mjs +0 -39
  705. package/dist/esm/InputsDemo.mjs.map +0 -1
  706. package/dist/esm/InputsDemo.native.js +0 -39
  707. package/dist/esm/InputsDemo.native.js.map +0 -1
  708. package/dist/esm/LabelDemo.mjs +0 -42
  709. package/dist/esm/LabelDemo.mjs.map +0 -1
  710. package/dist/esm/LabelDemo.native.js +0 -42
  711. package/dist/esm/LabelDemo.native.js.map +0 -1
  712. package/dist/esm/LinearGradientDemo.mjs +0 -25
  713. package/dist/esm/LinearGradientDemo.mjs.map +0 -1
  714. package/dist/esm/LinearGradientDemo.native.js +0 -27
  715. package/dist/esm/LinearGradientDemo.native.js.map +0 -1
  716. package/dist/esm/ListItemDemo.mjs +0 -86
  717. package/dist/esm/ListItemDemo.mjs.map +0 -1
  718. package/dist/esm/ListItemDemo.native.js +0 -86
  719. package/dist/esm/ListItemDemo.native.js.map +0 -1
  720. package/dist/esm/LucideIconsDemo.mjs +0 -63
  721. package/dist/esm/LucideIconsDemo.mjs.map +0 -1
  722. package/dist/esm/LucideIconsDemo.native.js +0 -81
  723. package/dist/esm/LucideIconsDemo.native.js.map +0 -1
  724. package/dist/esm/MenuDemo.mjs +0 -193
  725. package/dist/esm/MenuDemo.mjs.map +0 -1
  726. package/dist/esm/MenuDemo.native.js +0 -196
  727. package/dist/esm/MenuDemo.native.js.map +0 -1
  728. package/dist/esm/NewInputsDemo.mjs +0 -40
  729. package/dist/esm/NewInputsDemo.mjs.map +0 -1
  730. package/dist/esm/NewInputsDemo.native.js +0 -40
  731. package/dist/esm/NewInputsDemo.native.js.map +0 -1
  732. package/dist/esm/PopoverDemo.mjs +0 -126
  733. package/dist/esm/PopoverDemo.mjs.map +0 -1
  734. package/dist/esm/PopoverDemo.native.js +0 -130
  735. package/dist/esm/PopoverDemo.native.js.map +0 -1
  736. package/dist/esm/ProgressDemo.mjs +0 -56
  737. package/dist/esm/ProgressDemo.mjs.map +0 -1
  738. package/dist/esm/ProgressDemo.native.js +0 -80
  739. package/dist/esm/ProgressDemo.native.js.map +0 -1
  740. package/dist/esm/RadioGroupDemo.mjs +0 -50
  741. package/dist/esm/RadioGroupDemo.mjs.map +0 -1
  742. package/dist/esm/RadioGroupDemo.native.js +0 -50
  743. package/dist/esm/RadioGroupDemo.native.js.map +0 -1
  744. package/dist/esm/RadioGroupHeadlessDemo.mjs +0 -137
  745. package/dist/esm/RadioGroupHeadlessDemo.mjs.map +0 -1
  746. package/dist/esm/RadioGroupHeadlessDemo.native.js +0 -139
  747. package/dist/esm/RadioGroupHeadlessDemo.native.js.map +0 -1
  748. package/dist/esm/RadioGroupUnstyledDemo.mjs +0 -118
  749. package/dist/esm/RadioGroupUnstyledDemo.mjs.map +0 -1
  750. package/dist/esm/RadioGroupUnstyledDemo.native.js +0 -118
  751. package/dist/esm/RadioGroupUnstyledDemo.native.js.map +0 -1
  752. package/dist/esm/ReplaceThemeDemo.mjs +0 -47
  753. package/dist/esm/ReplaceThemeDemo.mjs.map +0 -1
  754. package/dist/esm/ReplaceThemeDemo.native.js +0 -47
  755. package/dist/esm/ReplaceThemeDemo.native.js.map +0 -1
  756. package/dist/esm/ScrollViewDemo.mjs +0 -51
  757. package/dist/esm/ScrollViewDemo.mjs.map +0 -1
  758. package/dist/esm/ScrollViewDemo.native.js +0 -51
  759. package/dist/esm/ScrollViewDemo.native.js.map +0 -1
  760. package/dist/esm/SelectDemo.mjs +0 -203
  761. package/dist/esm/SelectDemo.mjs.map +0 -1
  762. package/dist/esm/SelectDemo.native.js +0 -214
  763. package/dist/esm/SelectDemo.native.js.map +0 -1
  764. package/dist/esm/SeparatorDemo.mjs +0 -37
  765. package/dist/esm/SeparatorDemo.mjs.map +0 -1
  766. package/dist/esm/SeparatorDemo.native.js +0 -37
  767. package/dist/esm/SeparatorDemo.native.js.map +0 -1
  768. package/dist/esm/ShapesDemo.mjs +0 -19
  769. package/dist/esm/ShapesDemo.mjs.map +0 -1
  770. package/dist/esm/ShapesDemo.native.js +0 -19
  771. package/dist/esm/ShapesDemo.native.js.map +0 -1
  772. package/dist/esm/SheetDemo.mjs +0 -162
  773. package/dist/esm/SheetDemo.mjs.map +0 -1
  774. package/dist/esm/SheetDemo.native.js +0 -184
  775. package/dist/esm/SheetDemo.native.js.map +0 -1
  776. package/dist/esm/SliderDemo.mjs +0 -35
  777. package/dist/esm/SliderDemo.mjs.map +0 -1
  778. package/dist/esm/SliderDemo.native.js +0 -36
  779. package/dist/esm/SliderDemo.native.js.map +0 -1
  780. package/dist/esm/SpinnerDemo.mjs +0 -18
  781. package/dist/esm/SpinnerDemo.mjs.map +0 -1
  782. package/dist/esm/SpinnerDemo.native.js +0 -18
  783. package/dist/esm/SpinnerDemo.native.js.map +0 -1
  784. package/dist/esm/StacksDemo.mjs +0 -84
  785. package/dist/esm/StacksDemo.mjs.map +0 -1
  786. package/dist/esm/StacksDemo.native.js +0 -85
  787. package/dist/esm/StacksDemo.native.js.map +0 -1
  788. package/dist/esm/SwitchDemo.mjs +0 -77
  789. package/dist/esm/SwitchDemo.mjs.map +0 -1
  790. package/dist/esm/SwitchDemo.native.js +0 -80
  791. package/dist/esm/SwitchDemo.native.js.map +0 -1
  792. package/dist/esm/SwitchHeadlessDemo.mjs +0 -69
  793. package/dist/esm/SwitchHeadlessDemo.mjs.map +0 -1
  794. package/dist/esm/SwitchHeadlessDemo.native.js +0 -73
  795. package/dist/esm/SwitchHeadlessDemo.native.js.map +0 -1
  796. package/dist/esm/SwitchUnstyledDemo.mjs +0 -65
  797. package/dist/esm/SwitchUnstyledDemo.mjs.map +0 -1
  798. package/dist/esm/SwitchUnstyledDemo.native.js +0 -65
  799. package/dist/esm/SwitchUnstyledDemo.native.js.map +0 -1
  800. package/dist/esm/TabsAdvancedDemo.mjs +0 -326
  801. package/dist/esm/TabsAdvancedDemo.mjs.map +0 -1
  802. package/dist/esm/TabsAdvancedDemo.native.js +0 -365
  803. package/dist/esm/TabsAdvancedDemo.native.js.map +0 -1
  804. package/dist/esm/TabsDemo.mjs +0 -184
  805. package/dist/esm/TabsDemo.mjs.map +0 -1
  806. package/dist/esm/TabsDemo.native.js +0 -188
  807. package/dist/esm/TabsDemo.native.js.map +0 -1
  808. package/dist/esm/TabsHeadlessDemo.mjs +0 -107
  809. package/dist/esm/TabsHeadlessDemo.mjs.map +0 -1
  810. package/dist/esm/TabsHeadlessDemo.native.js +0 -114
  811. package/dist/esm/TabsHeadlessDemo.native.js.map +0 -1
  812. package/dist/esm/TextDemo.mjs +0 -26
  813. package/dist/esm/TextDemo.mjs.map +0 -1
  814. package/dist/esm/TextDemo.native.js +0 -26
  815. package/dist/esm/TextDemo.native.js.map +0 -1
  816. package/dist/esm/ThemeBuilderDemo.mjs +0 -155
  817. package/dist/esm/ThemeBuilderDemo.mjs.map +0 -1
  818. package/dist/esm/ThemeBuilderDemo.native.js +0 -155
  819. package/dist/esm/ThemeBuilderDemo.native.js.map +0 -1
  820. package/dist/esm/ThemeInverseDemo.mjs +0 -76
  821. package/dist/esm/ThemeInverseDemo.mjs.map +0 -1
  822. package/dist/esm/ThemeInverseDemo.native.js +0 -76
  823. package/dist/esm/ThemeInverseDemo.native.js.map +0 -1
  824. package/dist/esm/ToastDemo.mjs +0 -207
  825. package/dist/esm/ToastDemo.mjs.map +0 -1
  826. package/dist/esm/ToastDemo.native.js +0 -222
  827. package/dist/esm/ToastDemo.native.js.map +0 -1
  828. package/dist/esm/ToastDuplicateDemo.mjs +0 -47
  829. package/dist/esm/ToastDuplicateDemo.mjs.map +0 -1
  830. package/dist/esm/ToastDuplicateDemo.native.js +0 -49
  831. package/dist/esm/ToastDuplicateDemo.native.js.map +0 -1
  832. package/dist/esm/ToastV1Demo.mjs +0 -119
  833. package/dist/esm/ToastV1Demo.mjs.map +0 -1
  834. package/dist/esm/ToastV1Demo.native.js +0 -127
  835. package/dist/esm/ToastV1Demo.native.js.map +0 -1
  836. package/dist/esm/ToggleGroupDemo.mjs +0 -97
  837. package/dist/esm/ToggleGroupDemo.mjs.map +0 -1
  838. package/dist/esm/ToggleGroupDemo.native.js +0 -97
  839. package/dist/esm/ToggleGroupDemo.native.js.map +0 -1
  840. package/dist/esm/TokensDemo.mjs +0 -93
  841. package/dist/esm/TokensDemo.mjs.map +0 -1
  842. package/dist/esm/TokensDemo.native.js +0 -109
  843. package/dist/esm/TokensDemo.native.js.map +0 -1
  844. package/dist/esm/TooltipDemo.mjs +0 -108
  845. package/dist/esm/TooltipDemo.mjs.map +0 -1
  846. package/dist/esm/TooltipDemo.native.js +0 -109
  847. package/dist/esm/TooltipDemo.native.js.map +0 -1
  848. package/dist/esm/UpdateThemeDemo.mjs +0 -48
  849. package/dist/esm/UpdateThemeDemo.mjs.map +0 -1
  850. package/dist/esm/UpdateThemeDemo.native.js +0 -48
  851. package/dist/esm/UpdateThemeDemo.native.js.map +0 -1
  852. package/dist/esm/WebNativeImageDemo.mjs +0 -11
  853. package/dist/esm/WebNativeImageDemo.mjs.map +0 -1
  854. package/dist/esm/WebNativeImageDemo.native.js +0 -11
  855. package/dist/esm/WebNativeImageDemo.native.js.map +0 -1
  856. package/dist/esm/hanzogui.config.mjs +0 -6
  857. package/dist/esm/hanzogui.config.mjs.map +0 -1
  858. package/dist/esm/hanzogui.config.native.js +0 -6
  859. package/dist/esm/hanzogui.config.native.js.map +0 -1
  860. package/dist/esm/index.mjs +0 -64
  861. package/dist/esm/index.mjs.map +0 -1
  862. package/dist/esm/index.native.js +0 -64
  863. package/dist/esm/index.native.js.map +0 -1
  864. package/dist/esm/useOnIntersecting.mjs +0 -58
  865. package/dist/esm/useOnIntersecting.mjs.map +0 -1
  866. package/dist/esm/useOnIntersecting.native.js +0 -90
  867. package/dist/esm/useOnIntersecting.native.js.map +0 -1
@@ -1 +0,0 @@
1
- {"version":3,"names":["Toast","useToastController","useToastState","React","Button","Label","Switch","XStack","YStack","jsx","jsxs","ToastV1Demo","native","setNative","useState","gap","items","children","ToastControl","CurrentToast","NativeOptions","currentToast","isHandledNatively","duration","viewportName","enterStyle","opacity","scale","y","exitStyle","transition","bg","boxShadow","justify","flex","Title","title","message","Description","Action","asChild","altText","size","id","toast","onPress","show","demo","hide","theme","checked","onCheckedChange","val","Thumb","transform","overshootClamping"],"sources":["../../src/ToastV1Demo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
@@ -1,127 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { Toast, useToastController, useToastState } from "@hanzogui/toast";
3
- import React from "react";
4
- import { Button, Label, Switch, XStack, YStack } from "@hanzo/gui";
5
- var ToastV1Demo = function () {
6
- var [native, setNative] = React.useState(false);
7
- return /* @__PURE__ */_jsxs(YStack, {
8
- gap: "$4",
9
- items: "center",
10
- children: [/* @__PURE__ */_jsx(ToastControl, {
11
- native
12
- }), /* @__PURE__ */_jsx(CurrentToast, {}), /* @__PURE__ */_jsx(NativeOptions, {
13
- native,
14
- setNative
15
- })]
16
- });
17
- };
18
- var CurrentToast = function () {
19
- var currentToast = useToastState();
20
- if (!currentToast || currentToast.isHandledNatively) return null;
21
- return /* @__PURE__ */_jsx(Toast, {
22
- duration: currentToast.duration,
23
- viewportName: currentToast.viewportName,
24
- enterStyle: {
25
- opacity: 0,
26
- scale: 0.95,
27
- y: -80
28
- },
29
- exitStyle: {
30
- opacity: 0,
31
- scale: 0.95,
32
- y: -80
33
- },
34
- opacity: 1,
35
- scale: 1,
36
- y: -50,
37
- transition: "quicker",
38
- bg: "$color2",
39
- boxShadow: "0px 2px 4px rgba(0,0,0,0.12), 0px 8px 24px rgba(0,0,0,0.08)",
40
- children: /* @__PURE__ */_jsxs(XStack, {
41
- gap: "$5",
42
- items: "center",
43
- justify: "space-between",
44
- children: [/* @__PURE__ */_jsxs(YStack, {
45
- gap: "$0.5",
46
- flex: 1,
47
- children: [/* @__PURE__ */_jsx(Toast.Title, {
48
- children: currentToast.title
49
- }), !!currentToast.message && /* @__PURE__ */_jsx(Toast.Description, {
50
- children: currentToast.message
51
- })]
52
- }), /* @__PURE__ */_jsx(Toast.Action, {
53
- asChild: true,
54
- altText: "Dismiss toast",
55
- children: /* @__PURE__ */_jsx(Button, {
56
- size: "$2",
57
- children: "Dismiss"
58
- })
59
- })]
60
- })
61
- }, currentToast.id);
62
- };
63
- var ToastControl = function (param) {
64
- var {
65
- native
66
- } = param;
67
- var toast = useToastController();
68
- return /* @__PURE__ */_jsxs(XStack, {
69
- gap: "$2",
70
- justify: "center",
71
- children: [/* @__PURE__ */_jsx(Button, {
72
- onPress: function () {
73
- toast.show("Successfully saved!", {
74
- message: "Don't worry, we've got your data.",
75
- native,
76
- demo: true
77
- });
78
- },
79
- children: "Show"
80
- }), /* @__PURE__ */_jsx(Button, {
81
- onPress: function () {
82
- toast.hide();
83
- },
84
- children: "Hide"
85
- })]
86
- });
87
- };
88
- var NativeOptions = function (param) {
89
- var {
90
- native,
91
- setNative
92
- } = param;
93
- return /* @__PURE__ */_jsxs(XStack, {
94
- gap: "$3",
95
- children: [/* @__PURE__ */_jsx(Label, {
96
- size: "$1",
97
- onPress: function () {
98
- return setNative(false);
99
- },
100
- children: "Custom"
101
- }), /* @__PURE__ */_jsx(Switch, {
102
- theme: "surface2",
103
- id: "native-toggle",
104
- size: "$1",
105
- checked: !!native,
106
- onCheckedChange: function (val) {
107
- return setNative(val);
108
- },
109
- children: /* @__PURE__ */_jsx(Switch.Thumb, {
110
- theme: "accent",
111
- transition: ["quickest", {
112
- transform: {
113
- overshootClamping: true
114
- }
115
- }]
116
- })
117
- }), /* @__PURE__ */_jsx(Label, {
118
- size: "$1",
119
- onPress: function () {
120
- return setNative(true);
121
- },
122
- children: "Native"
123
- })]
124
- });
125
- };
126
- export { ToastV1Demo };
127
- //# sourceMappingURL=ToastV1Demo.native.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Toast","useToastController","useToastState","React","Button","Label","Switch","XStack","YStack","ToastV1Demo","native","setNative","useState","gap","items","children","ToastControl","CurrentToast","NativeOptions","currentToast","isHandledNatively","duration","viewportName","enterStyle","opacity","scale","y","exitStyle","transition","bg","boxShadow","justify","flex","Title","title","message","Description","Action","asChild","altText","size","id","param","toast","onPress","show","demo","hide"],"sources":["../../src/ToastV1Demo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAOC,IAAA,EAAAC,IAAA,IAAAC,KAAA,QAAoB,mBAAqB;AACzD,SAAOC,KAAA,EAAAC,kBAAW,EAAAC,aAAA;AAClB,OAAAC,KAAS,MAAQ,OAAO;AAWpB,SACEC,MADF,EAAAC,KAAA,EAAAC,MAAA,EAAAC,MAAA,EAAAC,MAAA;AAJG,IAAAC,WAAM,YAAAA,CAAA,EAAoB;EAC/B,KAAAC,MAAO,EAAAC,SAAQ,IAASR,KAAI,CAAAS,QAAM,MAAS;EAE3C,OACE,eAAAb,KAAC,CAAAS,MAAA;IACCK,GAAA;IACAC,KAAA;IAEAC,QAAA,GACF,eAAAlB,IAAA,CAAAmB,YAAA;MAEJN;IAEM,IACJ,eAAMb,IAAe,CAAAoB,YAAc,OAE/B,eAACpB,IAAgB,CAAAqB,aAAa;MAElCR,MACE;MAACC;IAAA;EAEwB;AACI;AACmB,IAAAM,YAC9C,GAAa,SAAAA,CAAA,EAAS;EAAuB,IAC7CE,YAAS,GAAAjB,aAAA;EAAA,IACT,CAAAiB,YAAO,IAAAA,YAAA,CAAAC,iBAAA;EAAA,OACJ,eAAAvB,IAAA,CAAAG,KAAA;IAAAqB,QACH,EAAAF,YAAW,CAAAE,QAAA;IAAAC,YACR,EAAAH,YAAA,CAAAG,YAAA;IAAAC,UACH;MAEAC,OAAA;MACEC,KAAA;MACEC,CAAA;IAAiC;IAEUC,SAE7C;MAAAH,OACA;MAEAC,KACF;MAAAC,CAAA;IAtBK;IAuBPF,OAAA;IAEJC,KAAA;IAEAC,CAAA,EAAM;IACJE,UAAM,EAAQ;IAEdC,EAAA,WACE;IACEC,SAAA;IAAAf,QAAC,iBAAAhB,KAAA,CAAAQ,MAAA;MAAAM,GAAA;MAAAC,KACC,UAAS;MACPiB,OAAA,iBAAW;MAAuBhB,QAChC,GAAS,eACThB,KAAA,CAAAS,MAAA;QAAAK,GACA,QAAM;QACRmB,IAAC;QACHjB,QAAA,GACD,eAAAlB,IAAA,CAAAG,KAAA,CAAAiC,KAAA;UAAAlB,QAAA,EAAAI,YAAA,CAAAe;QAED,IACA,EAAAf,YAAA,CAAAgB,OAAA,mBAAAtC,IAAA,CAAAG,KAAA,CAAAoC,WAAA;UAACrB,QAAA,EAAAI,YAAA,CAAAgB;QAAA;MAEG,IACF,eAAAtC,IAAA,CAAAG,KAAA,CAAAqC,MAAA;QACDC,OAAA;QAAAC,OAAA;QAEDxB,QAAA,iBAAAlB,IAAA,CAAAO,MAAA;UACFoC,IAAA;UAEJzB,QAAA;QAEM;MACJ;IAEF;EAIE,GAAAI,YACE,CAAAsB,EAAA;AACE;AAEA,IACAzB,YAAA,YAAAA,CAAA0B,KAAA;EAAA,IAAC;IAAAhC;EAAA,IAAAgC,KAAA;EAAA,IAAAC,KAAA,GAAA1C,kBAAA;EAAA,OACC,eAAMF,KAAA,CAAAQ,MAAA;IAAAM,GAAA,EACN,IAAG;IAAAkB,OACH,UAAK;IAAAhB,QACL,GAAW,eACXlB,IAAkB,CAAAO,MAAA,EAAQ;MAE1BwC,OAAA,WAAAA,CAAA;QAACD,KAAA,CAAAE,IAAO;UAAPV,OAAA;UACCzB,MAAA;UACAoC,IAAA;QAAY;MACV;MACA/B,QACE;IAAW,IACU,eACrBlB,IAAA,CAAAO,MAAA;MAAAwC,OACF,WAAAA,CAAA;QAAAD,KACF,CAAAI,IAAA;MAAA;MACFhC,QAAA;IAAA;EACF,EAEA;AAEA;AAGN,IAAAG,aAAA,YAAAA,CAAAwB,KAAA","ignoreList":[]}
@@ -1,97 +0,0 @@
1
- import { AlignCenter, AlignLeft, AlignRight } from "@hanzogui/lucide-icons-2";
2
- import { Label, ToggleGroup, XGroup, YGroup, XStack, YStack } from "@hanzo/gui";
3
- import { jsx, jsxs } from "react/jsx-runtime";
4
- function ToggleGroupDemo() {
5
- return /* @__PURE__ */jsx(YStack, {
6
- px: "$4",
7
- children: /* @__PURE__ */jsxs(XStack, {
8
- items: "center",
9
- gap: "$10",
10
- children: [/* @__PURE__ */jsxs(YStack, {
11
- items: "center",
12
- gap: "$6",
13
- children: [/* @__PURE__ */jsx(ToggleGroupComponent, {
14
- type: "single",
15
- orientation: "horizontal"
16
- }), /* @__PURE__ */jsx(ToggleGroupComponent, {
17
- type: "multiple",
18
- orientation: "horizontal"
19
- })]
20
- }), /* @__PURE__ */jsxs(XStack, {
21
- items: "center",
22
- gap: "$6",
23
- y: -28,
24
- children: [/* @__PURE__ */jsx(ToggleGroupComponent, {
25
- type: "single",
26
- orientation: "vertical"
27
- }), /* @__PURE__ */jsx(ToggleGroupComponent, {
28
- type: "multiple",
29
- orientation: "vertical"
30
- })]
31
- })]
32
- })
33
- });
34
- }
35
- function ToggleGroupComponent(props) {
36
- const id = `switch-${props.type}`;
37
- const Group = props.orientation === "horizontal" ? XGroup : YGroup;
38
- return /* @__PURE__ */jsxs(XStack, {
39
- flexDirection: props.orientation === "horizontal" ? "row" : "column",
40
- items: "center",
41
- justify: "center",
42
- gap: "$4",
43
- children: [/* @__PURE__ */jsx(Label, {
44
- pr: "$0",
45
- justify: "flex-end",
46
- size: "$4",
47
- htmlFor: id,
48
- children: props.type === "single" ? "Single" : "Multiple"
49
- }), /* @__PURE__ */jsx(ToggleGroup, {
50
- orientation: props.orientation,
51
- id,
52
- type: props.type,
53
- disableDeactivation: props.type === "single" ? true : void 0,
54
- children: /* @__PURE__ */jsxs(Group, {
55
- children: [/* @__PURE__ */jsx(Group.Item, {
56
- children: /* @__PURE__ */jsx(ToggleGroup.Item, {
57
- value: "left",
58
- "aria-label": "Left aligned",
59
- borderRadius: "$4",
60
- activeStyle: {
61
- backgroundColor: "$color5"
62
- },
63
- children: /* @__PURE__ */jsx(AlignLeft, {
64
- size: 16
65
- })
66
- })
67
- }), /* @__PURE__ */jsx(Group.Item, {
68
- children: /* @__PURE__ */jsx(ToggleGroup.Item, {
69
- value: "center",
70
- "aria-label": "Center aligned",
71
- borderRadius: "$4",
72
- activeStyle: {
73
- backgroundColor: "$color5"
74
- },
75
- children: /* @__PURE__ */jsx(AlignCenter, {
76
- size: 16
77
- })
78
- })
79
- }), /* @__PURE__ */jsx(Group.Item, {
80
- children: /* @__PURE__ */jsx(ToggleGroup.Item, {
81
- value: "right",
82
- "aria-label": "Right aligned",
83
- borderRadius: "$4",
84
- activeStyle: {
85
- backgroundColor: "$color5"
86
- },
87
- children: /* @__PURE__ */jsx(AlignRight, {
88
- size: 16
89
- })
90
- })
91
- })]
92
- })
93
- })]
94
- });
95
- }
96
- export { ToggleGroupDemo };
97
- //# sourceMappingURL=ToggleGroupDemo.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["AlignCenter","AlignLeft","AlignRight","Label","ToggleGroup","XGroup","YGroup","XStack","YStack","jsx","jsxs","ToggleGroupDemo","px","children","items","gap","ToggleGroupComponent","type","orientation","y","props","id","Group","flexDirection","justify","pr","size","htmlFor","disableDeactivation","Item","value","borderRadius","activeStyle","backgroundColor"],"sources":["../../src/ToggleGroupDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
@@ -1,97 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { AlignCenter, AlignLeft, AlignRight } from "@hanzogui/lucide-icons-2";
3
- import { Label, ToggleGroup, XGroup, YGroup, XStack, YStack } from "@hanzo/gui";
4
- function ToggleGroupDemo() {
5
- return /* @__PURE__ */_jsx(YStack, {
6
- px: "$4",
7
- children: /* @__PURE__ */_jsxs(XStack, {
8
- items: "center",
9
- gap: "$10",
10
- children: [/* @__PURE__ */_jsxs(YStack, {
11
- items: "center",
12
- gap: "$6",
13
- children: [/* @__PURE__ */_jsx(ToggleGroupComponent, {
14
- type: "single",
15
- orientation: "horizontal"
16
- }), /* @__PURE__ */_jsx(ToggleGroupComponent, {
17
- type: "multiple",
18
- orientation: "horizontal"
19
- })]
20
- }), /* @__PURE__ */_jsxs(XStack, {
21
- items: "center",
22
- gap: "$6",
23
- y: -28,
24
- children: [/* @__PURE__ */_jsx(ToggleGroupComponent, {
25
- type: "single",
26
- orientation: "vertical"
27
- }), /* @__PURE__ */_jsx(ToggleGroupComponent, {
28
- type: "multiple",
29
- orientation: "vertical"
30
- })]
31
- })]
32
- })
33
- });
34
- }
35
- function ToggleGroupComponent(props) {
36
- var id = `switch-${props.type}`;
37
- var Group = props.orientation === "horizontal" ? XGroup : YGroup;
38
- return /* @__PURE__ */_jsxs(XStack, {
39
- flexDirection: props.orientation === "horizontal" ? "row" : "column",
40
- items: "center",
41
- justify: "center",
42
- gap: "$4",
43
- children: [/* @__PURE__ */_jsx(Label, {
44
- pr: "$0",
45
- justify: "flex-end",
46
- size: "$4",
47
- htmlFor: id,
48
- children: props.type === "single" ? "Single" : "Multiple"
49
- }), /* @__PURE__ */_jsx(ToggleGroup, {
50
- orientation: props.orientation,
51
- id,
52
- type: props.type,
53
- disableDeactivation: props.type === "single" ? true : void 0,
54
- children: /* @__PURE__ */_jsxs(Group, {
55
- children: [/* @__PURE__ */_jsx(Group.Item, {
56
- children: /* @__PURE__ */_jsx(ToggleGroup.Item, {
57
- value: "left",
58
- "aria-label": "Left aligned",
59
- borderRadius: "$4",
60
- activeStyle: {
61
- backgroundColor: "$color5"
62
- },
63
- children: /* @__PURE__ */_jsx(AlignLeft, {
64
- size: 16
65
- })
66
- })
67
- }), /* @__PURE__ */_jsx(Group.Item, {
68
- children: /* @__PURE__ */_jsx(ToggleGroup.Item, {
69
- value: "center",
70
- "aria-label": "Center aligned",
71
- borderRadius: "$4",
72
- activeStyle: {
73
- backgroundColor: "$color5"
74
- },
75
- children: /* @__PURE__ */_jsx(AlignCenter, {
76
- size: 16
77
- })
78
- })
79
- }), /* @__PURE__ */_jsx(Group.Item, {
80
- children: /* @__PURE__ */_jsx(ToggleGroup.Item, {
81
- value: "right",
82
- "aria-label": "Right aligned",
83
- borderRadius: "$4",
84
- activeStyle: {
85
- backgroundColor: "$color5"
86
- },
87
- children: /* @__PURE__ */_jsx(AlignRight, {
88
- size: 16
89
- })
90
- })
91
- })]
92
- })
93
- })]
94
- });
95
- }
96
- export { ToggleGroupDemo };
97
- //# sourceMappingURL=ToggleGroupDemo.native.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["jsx","_jsx","jsxs","_jsxs","AlignCenter","AlignLeft","AlignRight","Label","ToggleGroup","XGroup","YGroup","XStack","YStack","ToggleGroupDemo","px","children","items","gap","ToggleGroupComponent","type","orientation","y","props","id","Group","flexDirection","justify","pr","size","htmlFor","disableDeactivation","Item","value","borderRadius","activeStyle"],"sources":["../../src/ToggleGroupDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,EAAaC,IAAA,IAAAC,KAAW,2BAAkB;AACnD,SAASC,WAAO,EAAAC,SAAa,EAAAC,UAAQ,QAAQ,0BAAsB;AAM3D,SACEC,KADF,EAAAC,WAAA,EAAAC,MAAA,EAAAC,MAAA,EAAAC,MAAA,EAAAC,MAAA;AAJD,SAASC,gBAAA,EAAkB;EAChC,OACE,eAAAZ,IAAC,CAAAW,MAAA;IAEGE,EAAA;IACEC,QAAA,iBAACZ,KAAA,CAAAQ,MAAA;MACDK,KAAA;MAA+DC,GACjE;MACAF,QAAA,GACE,eAAAZ,KAAC,CAAAS,MAAA;QACDI,KAAA;QACFC,GAAA;QAEJF,QAAA,GAEJ,eAAAd,IAAA,CAAAiB,oBAAA;UAESC,IAAA;UAIIC,WAAU;QACf,IAGJ,eAAAnB,IAAA,CAAAiB,oBAAA;UAACC,IAAA;UAAAC,WAAA;QACC;MAEA,IACA,eAAIjB,KAAA,CAAAQ,MAAA;QAEJK,KAAA;QAAAC,GAAA;QAIAI,CAAA;QAACN,QAAA,kBAAAd,IAAA,CAAAiB,oBAAA;UACCC,IAAA,UAAa;UACbC,WAAA;QACA,IACA,eAAAnB,IAAA,CAAqBiB,oBAAe;UAEpCC,IAAA;UACEC,WAAA;QACE;MAAC;IAEY;EACE;AAC6B;AAErB,SAAAF,qBAAAI,KAAA;EAAA,IAAAC,EAAA,aAEzBD,KAAA,CAAAH,IAAA;EAAA,IAAAK,KAAA,GAEAF,KAAA,CAAAF,WAAA,KAAC,YACC,GAAAX,MAAA,GAAAC,MAAA;EAAA,sBAACP,KAAY,CAAAQ,MAAA;IAAAc,aAAZ,EAAAH,KAAA,CAAAF,WAAA;IAAAJ,KAAA,UACC;IAAMU,OAAA,UACN;IAAWT,GAAA;IACEF,QAAA,GAC6B,eAE1Cd,IAAA,CAAAM,KAAA;MAAuBoB,EAAA;MAAAD,OACzB,EACF;MAAAE,IAAA,EAEA;MACEC,OAAA,EAACN,EAAA;MAAYR,QAAZ,EAAAO,KAAA,CAAAH,IAAA;IAAA,IACO,eACNlB,IAAA,CAAAO,WAAW;MAAAY,WACX,EAAAE,KAAA,CAAAF,WAAa;MAAAG,EAAA;MAC6BJ,IAAA,EAAAG,KAE1C,CAAAH,IAAA;MAAsBW,mBAAA,EAAAR,KAAA,CAAAH,IAAA;MAAAJ,QACxB,EACF,eAAAZ,KAAA,CAAAqB,KAAA;QAAAT,QACF,kBAAAd,IAAA,CAAAuB,KAAA,CAAAO,IAAA;UACFhB,QAAA,iBAAAd,IAAA,CAAAO,WAAA,CAAAuB,IAAA;YAAAC,KAAA;YAAA;YACFC,YAAA;YAEJC,WAAA","ignoreList":[]}
@@ -1,93 +0,0 @@
1
- import { getConfig } from "@hanzogui/core";
2
- import React from "react";
3
- import { Button, H2, H3, H4, Square, XGroup, XStack, YStack } from "@hanzo/gui";
4
- import { jsx, jsxs } from "react/jsx-runtime";
5
- const sections = [{
6
- name: `Size`,
7
- key: `size`
8
- }, {
9
- name: `Space`,
10
- key: "space"
11
- }, {
12
- name: `Space (-)`,
13
- key: `spaceNegative`
14
- }, {
15
- name: `Radius`,
16
- key: `radius`
17
- }];
18
- function TokensDemo() {
19
- const [section, setSection] = React.useState("size");
20
- return /* @__PURE__ */jsxs(YStack, {
21
- gap: "$4",
22
- children: [/* @__PURE__ */jsx(XGroup, {
23
- items: "center",
24
- self: "center",
25
- children: sections.map(({
26
- name,
27
- key
28
- }) => {
29
- return /* @__PURE__ */jsx(XGroup.Item, {
30
- children: /* @__PURE__ */jsx(Button, {
31
- size: "$3",
32
- theme: section === key ? "accent" : null,
33
- onPress: () => setSection(key),
34
- children: name
35
- })
36
- }, key);
37
- })
38
- }), (section === "size" || section === "spaceNegative" || section === "space" || section === "radius") && /* @__PURE__ */jsx(SizeSection, {
39
- section
40
- })]
41
- });
42
- }
43
- function SizeSection({
44
- section
45
- }) {
46
- const allTokens = getConfig().tokens;
47
- const tokens = allTokens[section.startsWith("space") ? "space" : section];
48
- const st = Object.keys(tokens).sort((a, b) => Number.parseFloat(a) > Number.parseFloat(b) ? 1 : -1);
49
- const spaceTokens = st.filter(t => Number.parseFloat(t) >= 0);
50
- const spaceTokensNegative = st.filter(t => Number.parseFloat(t) < 0).sort((a, b) => Number.parseFloat(a) > Number.parseFloat(b) ? -1 : 1);
51
- return /* @__PURE__ */jsxs(YStack, {
52
- flex: 1,
53
- gap: "$4",
54
- children: [/* @__PURE__ */jsx(H2, {
55
- children: "Sizes"
56
- }), /* @__PURE__ */jsx(YStack, {
57
- width: "100%",
58
- gap: "$2",
59
- children: (section === "spaceNegative" ? spaceTokensNegative : spaceTokens).map(token => {
60
- return /* @__PURE__ */jsxs(XStack, {
61
- width: "100%",
62
- items: "center",
63
- children: [/* @__PURE__ */jsx(YStack, {
64
- width: "25%",
65
- children: /* @__PURE__ */jsxs(H3, {
66
- size: "$6",
67
- children: ["$", token]
68
- })
69
- }), /* @__PURE__ */jsx(YStack, {
70
- width: "20%",
71
- children: /* @__PURE__ */jsxs(H4, {
72
- size: "$5",
73
- children: [tokens[token]?.val, "px"]
74
- })
75
- }), /* @__PURE__ */jsx(Square, {
76
- size: tokens[token]?.val,
77
- backgroundColor: "$color5",
78
- ...(section === "spaceNegative" && {
79
- backgroundColor: "$red5",
80
- size: -tokens[spaceTokensNegative.find(t => Number.parseFloat(t) === -Number.parseFloat(token)) ?? token]?.val
81
- }),
82
- ...(section === "radius" && {
83
- size: allTokens.size[token]?.val,
84
- borderRadius: tokens[token]?.val
85
- })
86
- })]
87
- }, token);
88
- })
89
- })]
90
- });
91
- }
92
- export { TokensDemo };
93
- //# sourceMappingURL=TokensDemo.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["getConfig","React","Button","H2","H3","H4","Square","XGroup","XStack","YStack","jsx","jsxs","sections","name","key","TokensDemo","section","setSection","useState","gap","children","items","self","map","Item","size","theme","onPress","SizeSection","allTokens","tokens","startsWith","st","Object","keys","sort","a","b","Number","parseFloat","spaceTokens","filter","t","spaceTokensNegative","flex","width","token","val","backgroundColor","find","borderRadius"],"sources":["../../src/TokensDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
@@ -1,109 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { getConfig } from "@hanzogui/core";
3
- import React from "react";
4
- import { Button, H2, H3, H4, Square, XGroup, XStack, YStack } from "@hanzo/gui";
5
- var sections = [{
6
- name: `Size`,
7
- key: `size`
8
- }, {
9
- name: `Space`,
10
- key: "space"
11
- }, {
12
- name: `Space (-)`,
13
- key: `spaceNegative`
14
- }, {
15
- name: `Radius`,
16
- key: `radius`
17
- }];
18
- function TokensDemo() {
19
- var [section, setSection] = React.useState("size");
20
- return /* @__PURE__ */_jsxs(YStack, {
21
- gap: "$4",
22
- children: [/* @__PURE__ */_jsx(XGroup, {
23
- items: "center",
24
- self: "center",
25
- children: sections.map(function (param) {
26
- var {
27
- name,
28
- key
29
- } = param;
30
- return /* @__PURE__ */_jsx(XGroup.Item, {
31
- children: /* @__PURE__ */_jsx(Button, {
32
- size: "$3",
33
- theme: section === key ? "accent" : null,
34
- onPress: function () {
35
- return setSection(key);
36
- },
37
- children: name
38
- })
39
- }, key);
40
- })
41
- }), (section === "size" || section === "spaceNegative" || section === "space" || section === "radius") && /* @__PURE__ */_jsx(SizeSection, {
42
- section
43
- })]
44
- });
45
- }
46
- function SizeSection(param) {
47
- var {
48
- section
49
- } = param;
50
- var allTokens = getConfig().tokens;
51
- var tokens = allTokens[section.startsWith("space") ? "space" : section];
52
- var st = Object.keys(tokens).sort(function (a, b) {
53
- return Number.parseFloat(a) > Number.parseFloat(b) ? 1 : -1;
54
- });
55
- var spaceTokens = st.filter(function (t) {
56
- return Number.parseFloat(t) >= 0;
57
- });
58
- var spaceTokensNegative = st.filter(function (t) {
59
- return Number.parseFloat(t) < 0;
60
- }).sort(function (a, b) {
61
- return Number.parseFloat(a) > Number.parseFloat(b) ? -1 : 1;
62
- });
63
- return /* @__PURE__ */_jsxs(YStack, {
64
- flex: 1,
65
- gap: "$4",
66
- children: [/* @__PURE__ */_jsx(H2, {
67
- children: "Sizes"
68
- }), /* @__PURE__ */_jsx(YStack, {
69
- width: "100%",
70
- gap: "$2",
71
- children: (section === "spaceNegative" ? spaceTokensNegative : spaceTokens).map(function (token) {
72
- var _tokens_token, _tokens_token1, _tokens_, _allTokens_size_token, _tokens_token2;
73
- var _spaceTokensNegative_find;
74
- return /* @__PURE__ */_jsxs(XStack, {
75
- width: "100%",
76
- items: "center",
77
- children: [/* @__PURE__ */_jsx(YStack, {
78
- width: "25%",
79
- children: /* @__PURE__ */_jsxs(H3, {
80
- size: "$6",
81
- children: ["$", token]
82
- })
83
- }), /* @__PURE__ */_jsx(YStack, {
84
- width: "20%",
85
- children: /* @__PURE__ */_jsxs(H4, {
86
- size: "$5",
87
- children: [(_tokens_token = tokens[token]) === null || _tokens_token === void 0 ? void 0 : _tokens_token.val, "px"]
88
- })
89
- }), /* @__PURE__ */_jsx(Square, {
90
- size: (_tokens_token1 = tokens[token]) === null || _tokens_token1 === void 0 ? void 0 : _tokens_token1.val,
91
- backgroundColor: "$color5",
92
- ...(section === "spaceNegative" && {
93
- backgroundColor: "$red5",
94
- size: -((_tokens_ = tokens[(_spaceTokensNegative_find = spaceTokensNegative.find(function (t) {
95
- return Number.parseFloat(t) === -Number.parseFloat(token);
96
- })) !== null && _spaceTokensNegative_find !== void 0 ? _spaceTokensNegative_find : token]) === null || _tokens_ === void 0 ? void 0 : _tokens_.val)
97
- }),
98
- ...(section === "radius" && {
99
- size: (_allTokens_size_token = allTokens.size[token]) === null || _allTokens_size_token === void 0 ? void 0 : _allTokens_size_token.val,
100
- borderRadius: (_tokens_token2 = tokens[token]) === null || _tokens_token2 === void 0 ? void 0 : _tokens_token2.val
101
- })
102
- })]
103
- }, token);
104
- })
105
- })]
106
- });
107
- }
108
- export { TokensDemo };
109
- //# sourceMappingURL=TokensDemo.native.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["jsx","_jsx","jsxs","_jsxs","getConfig","React","Button","H2","H3","H4","Square","XGroup","XStack","YStack","sections","name","key","TokensDemo","section","setSection","useState","gap","children","items","self","map","param","Item","size","theme","onPress","SizeSection","allTokens","tokens","startsWith","st","Object","keys","sort","a","b","Number","parseFloat","spaceTokens","filter","t","spaceTokensNegative","flex","width","token","_tokens_token","_tokens_token1","_tokens_","_allTokens_size_token","_tokens_token2","_spaceTokensNegative_find"],"sources":["../../src/TokensDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}