@hanzogui/demos 8.3.0 → 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,137 +0,0 @@
1
- import { useRadioGroup, useRadioGroupItem, useRadioGroupItemIndicator } from "@hanzogui/radio-headless";
2
- import { RovingFocusGroup } from "@hanzogui/roving-focus";
3
- import React from "react";
4
- import { Pressable, StyleSheet, Text, View } from "react-native-web";
5
- import { isWeb, useTheme } from "@hanzo/gui";
6
- import { jsx, jsxs } from "react/jsx-runtime";
7
- const RadioGroupContext = React.createContext({});
8
- const RadioGroupItemContext = React.createContext({
9
- checked: false,
10
- disabled: false
11
- });
12
- function RadioGroupHeadlessDemo() {
13
- const {
14
- providerValue,
15
- frameAttrs,
16
- rovingFocusGroupAttrs
17
- } = useRadioGroup({
18
- orientation: "vertical",
19
- name: "form",
20
- defaultValue: "3"
21
- });
22
- return /* @__PURE__ */jsx(RadioGroupContext.Provider, {
23
- value: providerValue,
24
- children: /* @__PURE__ */jsx(RovingFocusGroup, {
25
- ...rovingFocusGroupAttrs,
26
- children: /* @__PURE__ */jsxs(View, {
27
- style: styles.radioGroup,
28
- ...frameAttrs,
29
- children: [/* @__PURE__ */jsx(RadioGroupItem, {
30
- value: "2",
31
- id: "2",
32
- label: "First Value"
33
- }), /* @__PURE__ */jsx(RadioGroupItem, {
34
- value: "3",
35
- id: "3",
36
- label: "Second Value"
37
- }), /* @__PURE__ */jsx(RadioGroupItem, {
38
- value: "4",
39
- id: "4",
40
- label: "Third Value"
41
- })]
42
- })
43
- })
44
- });
45
- }
46
- function RadioGroupItem(props) {
47
- const theme = useTheme();
48
- const {
49
- value,
50
- id,
51
- label
52
- } = props;
53
- const {
54
- providerValue,
55
- native,
56
- bubbleInput,
57
- rovingFocusGroupAttrs,
58
- frameAttrs,
59
- isFormControl,
60
- checked
61
- } = useRadioGroupItem({
62
- radioGroupContext: RadioGroupContext,
63
- value,
64
- id
65
- });
66
- return /* @__PURE__ */jsx(RadioGroupItemContext.Provider, {
67
- value: providerValue,
68
- children: isWeb && native ? bubbleInput : /* @__PURE__ */jsxs(View, {
69
- style: styles.radioGroupItemContainer,
70
- children: [/* @__PURE__ */jsx(RovingFocusGroup.Item, {
71
- ...rovingFocusGroupAttrs,
72
- children: /* @__PURE__ */jsx(Pressable, {
73
- style: {
74
- ...styles.radioGroupItem,
75
- borderColor: theme.borderColor?.get(),
76
- ...(checked ? {
77
- borderWidth: 4
78
- } : {
79
- backgroundColor: theme.background?.get()
80
- })
81
- },
82
- ...frameAttrs,
83
- onFocus: frameAttrs.onFocus,
84
- children: /* @__PURE__ */jsx(RadioGroupItemIndicator, {})
85
- })
86
- }), /* @__PURE__ */jsx(Text, {
87
- style: {
88
- color: theme.color?.get()
89
- },
90
- children: label
91
- }), isFormControl && bubbleInput]
92
- })
93
- });
94
- }
95
- function RadioGroupItemIndicator() {
96
- const theme = useTheme();
97
- const params = useRadioGroupItemIndicator({
98
- radioGroupItemContext: RadioGroupItemContext,
99
- disabled: false
100
- });
101
- if (params.checked) {
102
- return /* @__PURE__ */jsx(View, {
103
- style: {
104
- ...styles.radioGroupItemIndicator,
105
- backgroundColor: theme.color?.get()
106
- },
107
- ...params
108
- });
109
- }
110
- return null;
111
- }
112
- const styles = StyleSheet.create({
113
- radioGroup: {
114
- flexDirection: "column",
115
- gap: 20,
116
- alignItems: "flex-start"
117
- },
118
- radioGroupItem: {
119
- borderWidth: 2,
120
- width: 30,
121
- height: 30,
122
- justifyContent: "center",
123
- alignItems: "center"
124
- },
125
- radioGroupItemIndicator: {
126
- width: "35%",
127
- height: "35%"
128
- },
129
- radioGroupItemContainer: {
130
- justifyContent: "center",
131
- alignItems: "center",
132
- flexDirection: "row",
133
- gap: 12
134
- }
135
- });
136
- export { RadioGroupHeadlessDemo };
137
- //# sourceMappingURL=RadioGroupHeadlessDemo.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["useRadioGroup","useRadioGroupItem","useRadioGroupItemIndicator","RovingFocusGroup","React","Pressable","StyleSheet","Text","View","isWeb","useTheme","jsx","jsxs","RadioGroupContext","createContext","RadioGroupItemContext","checked","disabled","RadioGroupHeadlessDemo","providerValue","frameAttrs","rovingFocusGroupAttrs","orientation","name","defaultValue","Provider","value","children","style","styles","radioGroup","RadioGroupItem","id","label","props","theme","native","bubbleInput","isFormControl","radioGroupContext","radioGroupItemContainer","Item","radioGroupItem","borderColor","get","borderWidth","backgroundColor","background","onFocus","RadioGroupItemIndicator","color","params","radioGroupItemContext","radioGroupItemIndicator","create","flexDirection","gap","alignItems","width","height","justifyContent"],"sources":["../../src/RadioGroupHeadlessDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
@@ -1,139 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { useRadioGroup, useRadioGroupItem, useRadioGroupItemIndicator } from "@hanzogui/radio-headless";
3
- import { RovingFocusGroup } from "@hanzogui/roving-focus";
4
- import React from "react";
5
- import { Pressable, StyleSheet, Text, View } from "react-native";
6
- import { isWeb, useTheme } from "@hanzo/gui";
7
- var RadioGroupContext = /* @__PURE__ */React.createContext({});
8
- var RadioGroupItemContext = /* @__PURE__ */React.createContext({
9
- checked: false,
10
- disabled: false
11
- });
12
- function RadioGroupHeadlessDemo() {
13
- var {
14
- providerValue,
15
- frameAttrs,
16
- rovingFocusGroupAttrs
17
- } = useRadioGroup({
18
- orientation: "vertical",
19
- name: "form",
20
- defaultValue: "3"
21
- });
22
- return /* @__PURE__ */_jsx(RadioGroupContext.Provider, {
23
- value: providerValue,
24
- children: /* @__PURE__ */_jsx(RovingFocusGroup, {
25
- ...rovingFocusGroupAttrs,
26
- children: /* @__PURE__ */_jsxs(View, {
27
- style: styles.radioGroup,
28
- ...frameAttrs,
29
- children: [/* @__PURE__ */_jsx(RadioGroupItem, {
30
- value: "2",
31
- id: "2",
32
- label: "First Value"
33
- }), /* @__PURE__ */_jsx(RadioGroupItem, {
34
- value: "3",
35
- id: "3",
36
- label: "Second Value"
37
- }), /* @__PURE__ */_jsx(RadioGroupItem, {
38
- value: "4",
39
- id: "4",
40
- label: "Third Value"
41
- })]
42
- })
43
- })
44
- });
45
- }
46
- function RadioGroupItem(props) {
47
- var _theme_borderColor, _theme_background, _theme_color;
48
- var theme = useTheme();
49
- var {
50
- value,
51
- id,
52
- label
53
- } = props;
54
- var {
55
- providerValue,
56
- native,
57
- bubbleInput,
58
- rovingFocusGroupAttrs,
59
- frameAttrs,
60
- isFormControl,
61
- checked
62
- } = useRadioGroupItem({
63
- radioGroupContext: RadioGroupContext,
64
- value,
65
- id
66
- });
67
- return /* @__PURE__ */_jsx(RadioGroupItemContext.Provider, {
68
- value: providerValue,
69
- children: isWeb && native ? bubbleInput : /* @__PURE__ */_jsxs(View, {
70
- style: styles.radioGroupItemContainer,
71
- children: [/* @__PURE__ */_jsx(RovingFocusGroup.Item, {
72
- ...rovingFocusGroupAttrs,
73
- children: /* @__PURE__ */_jsx(Pressable, {
74
- style: {
75
- ...styles.radioGroupItem,
76
- borderColor: (_theme_borderColor = theme.borderColor) === null || _theme_borderColor === void 0 ? void 0 : _theme_borderColor.get(),
77
- ...(checked ? {
78
- borderWidth: 4
79
- } : {
80
- backgroundColor: (_theme_background = theme.background) === null || _theme_background === void 0 ? void 0 : _theme_background.get()
81
- })
82
- },
83
- ...frameAttrs,
84
- onFocus: frameAttrs.onFocus,
85
- children: /* @__PURE__ */_jsx(RadioGroupItemIndicator, {})
86
- })
87
- }), /* @__PURE__ */_jsx(Text, {
88
- style: {
89
- color: (_theme_color = theme.color) === null || _theme_color === void 0 ? void 0 : _theme_color.get()
90
- },
91
- children: label
92
- }), isFormControl && bubbleInput]
93
- })
94
- });
95
- }
96
- function RadioGroupItemIndicator() {
97
- var theme = useTheme();
98
- var params = useRadioGroupItemIndicator({
99
- radioGroupItemContext: RadioGroupItemContext,
100
- disabled: false
101
- });
102
- if (params.checked) {
103
- var _theme_color;
104
- return /* @__PURE__ */_jsx(View, {
105
- style: {
106
- ...styles.radioGroupItemIndicator,
107
- backgroundColor: (_theme_color = theme.color) === null || _theme_color === void 0 ? void 0 : _theme_color.get()
108
- },
109
- ...params
110
- });
111
- }
112
- return null;
113
- }
114
- var styles = StyleSheet.create({
115
- radioGroup: {
116
- flexDirection: "column",
117
- gap: 20,
118
- alignItems: "flex-start"
119
- },
120
- radioGroupItem: {
121
- borderWidth: 2,
122
- width: 30,
123
- height: 30,
124
- justifyContent: "center",
125
- alignItems: "center"
126
- },
127
- radioGroupItemIndicator: {
128
- width: "35%",
129
- height: "35%"
130
- },
131
- radioGroupItemContainer: {
132
- justifyContent: "center",
133
- alignItems: "center",
134
- flexDirection: "row",
135
- gap: 12
136
- }
137
- });
138
- export { RadioGroupHeadlessDemo };
139
- //# sourceMappingURL=RadioGroupHeadlessDemo.native.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["jsx","_jsx","jsxs","_jsxs","useRadioGroup","useRadioGroupItem","useRadioGroupItemIndicator","RovingFocusGroup","React","Pressable","StyleSheet","Text","View","isWeb","useTheme","RadioGroupContext","createContext","RadioGroupItemContext","checked","disabled","RadioGroupHeadlessDemo","providerValue","frameAttrs","rovingFocusGroupAttrs","orientation","name","defaultValue","Provider","value","children","style","styles","radioGroup","RadioGroupItem","id","label","props","_theme_borderColor","_theme_background","_theme_color","theme","native","bubbleInput","isFormControl","radioGroupContext","radioGroupItemContainer","Item","radioGroupItem","borderColor","get","borderWidth","backgroundColor","background","onFocus","RadioGroupItemIndicator","color","params","radioGroupItemContext","radioGroupItemIndicator"],"sources":["../../src/RadioGroupHeadlessDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
@@ -1,118 +0,0 @@
1
- import { Label, XStack, YStack, styled } from "@hanzo/gui";
2
- import { createRadioGroup } from "@hanzogui/radio-group";
3
- import { jsx, jsxs } from "react/jsx-runtime";
4
- const RADIO_GROUP_ITEM_NAME = "RadioGroupItem";
5
- const RadioGroupItemFrame = styled(YStack, {
6
- name: RADIO_GROUP_ITEM_NAME,
7
- render: "button",
8
- rounded: 1e3,
9
- bg: "$background",
10
- items: "center",
11
- justify: "center",
12
- borderWidth: 1,
13
- borderColor: "$borderColor",
14
- p: 0,
15
- hoverStyle: {
16
- borderColor: "$borderColorHover",
17
- bg: "$backgroundHover"
18
- },
19
- focusStyle: {
20
- borderColor: "$borderColorHover",
21
- bg: "$backgroundHover"
22
- },
23
- focusVisibleStyle: {
24
- outlineStyle: "solid",
25
- outlineWidth: 2,
26
- outlineColor: "$outlineColor"
27
- },
28
- pressStyle: {
29
- borderColor: "$borderColorFocus",
30
- bg: "$backgroundFocus"
31
- },
32
- variants: {
33
- disabled: {
34
- true: {
35
- pointerEvents: "none",
36
- userSelect: "none",
37
- cursor: "not-allowed",
38
- hoverStyle: {
39
- borderColor: "$borderColor",
40
- bg: "$background"
41
- },
42
- pressStyle: {
43
- borderColor: "$borderColor",
44
- bg: "$background"
45
- },
46
- focusVisibleStyle: {
47
- outlineWidth: 0
48
- }
49
- }
50
- }
51
- }
52
- });
53
- const RADIO_GROUP_INDICATOR_NAME = "RadioGroupIndicator";
54
- const RadioGroupIndicatorFrame = styled(YStack, {
55
- name: RADIO_GROUP_INDICATOR_NAME,
56
- width: "53%",
57
- height: "53%",
58
- rounded: 1e3,
59
- bg: "$color"
60
- });
61
- const RADIO_GROUP_NAME = "RadioGroup";
62
- const RadioGroupFrame = styled(YStack, {
63
- name: RADIO_GROUP_NAME,
64
- variants: {
65
- orientation: {
66
- horizontal: {
67
- flexDirection: "row",
68
- spaceDirection: "horizontal"
69
- },
70
- vertical: {
71
- flexDirection: "column",
72
- spaceDirection: "vertical"
73
- }
74
- }
75
- }
76
- });
77
- const RadioGroup = createRadioGroup({
78
- Frame: RadioGroupFrame,
79
- Indicator: RadioGroupIndicatorFrame,
80
- Item: RadioGroupItemFrame
81
- });
82
- function RadioGroupUnstyledDemo() {
83
- return /* @__PURE__ */jsx(RadioGroup, {
84
- "aria-labelledby": "Select one item",
85
- defaultValue: "3",
86
- name: "form",
87
- children: /* @__PURE__ */jsxs(YStack, {
88
- width: 200,
89
- items: "center",
90
- gap: "$2",
91
- children: [/* @__PURE__ */jsx(RadioGroupItemWithLabel, {
92
- value: "2",
93
- label: "Option One"
94
- }), /* @__PURE__ */jsx(RadioGroupItemWithLabel, {
95
- value: "3",
96
- label: "Option Two"
97
- })]
98
- })
99
- });
100
- }
101
- function RadioGroupItemWithLabel(props) {
102
- const id = `radiogroup-${props.value}`;
103
- return /* @__PURE__ */jsxs(XStack, {
104
- width: 300,
105
- items: "center",
106
- gap: "$4",
107
- children: [/* @__PURE__ */jsx(RadioGroup.Item, {
108
- value: props.value,
109
- id,
110
- children: /* @__PURE__ */jsx(RadioGroup.Indicator, {})
111
- }), /* @__PURE__ */jsx(Label, {
112
- htmlFor: id,
113
- children: props.label
114
- })]
115
- });
116
- }
117
- export { RadioGroupUnstyledDemo };
118
- //# sourceMappingURL=RadioGroupUnstyledDemo.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["Label","XStack","YStack","styled","createRadioGroup","jsx","jsxs","RADIO_GROUP_ITEM_NAME","RadioGroupItemFrame","name","render","rounded","bg","items","justify","borderWidth","borderColor","p","hoverStyle","focusStyle","focusVisibleStyle","outlineStyle","outlineWidth","outlineColor","pressStyle","variants","disabled","true","pointerEvents","userSelect","cursor","RADIO_GROUP_INDICATOR_NAME","RadioGroupIndicatorFrame","width","height","RADIO_GROUP_NAME","RadioGroupFrame","orientation","horizontal","flexDirection","spaceDirection","vertical","RadioGroup","Frame","Indicator","Item","RadioGroupUnstyledDemo","defaultValue","children","gap","RadioGroupItemWithLabel","value","label","props","id","htmlFor"],"sources":["../../src/RadioGroupUnstyledDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
@@ -1,118 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { Label, XStack, YStack, styled } from "@hanzo/gui";
3
- import { createRadioGroup } from "@hanzogui/radio-group";
4
- var RADIO_GROUP_ITEM_NAME = "RadioGroupItem";
5
- var RadioGroupItemFrame = styled(YStack, {
6
- name: RADIO_GROUP_ITEM_NAME,
7
- render: "button",
8
- rounded: 1e3,
9
- bg: "$background",
10
- items: "center",
11
- justify: "center",
12
- borderWidth: 1,
13
- borderColor: "$borderColor",
14
- p: 0,
15
- hoverStyle: {
16
- borderColor: "$borderColorHover",
17
- bg: "$backgroundHover"
18
- },
19
- focusStyle: {
20
- borderColor: "$borderColorHover",
21
- bg: "$backgroundHover"
22
- },
23
- focusVisibleStyle: {
24
- outlineStyle: "solid",
25
- outlineWidth: 2,
26
- outlineColor: "$outlineColor"
27
- },
28
- pressStyle: {
29
- borderColor: "$borderColorFocus",
30
- bg: "$backgroundFocus"
31
- },
32
- variants: {
33
- disabled: {
34
- true: {
35
- pointerEvents: "none",
36
- userSelect: "none",
37
- cursor: "not-allowed",
38
- hoverStyle: {
39
- borderColor: "$borderColor",
40
- bg: "$background"
41
- },
42
- pressStyle: {
43
- borderColor: "$borderColor",
44
- bg: "$background"
45
- },
46
- focusVisibleStyle: {
47
- outlineWidth: 0
48
- }
49
- }
50
- }
51
- }
52
- });
53
- var RADIO_GROUP_INDICATOR_NAME = "RadioGroupIndicator";
54
- var RadioGroupIndicatorFrame = styled(YStack, {
55
- name: RADIO_GROUP_INDICATOR_NAME,
56
- width: "53%",
57
- height: "53%",
58
- rounded: 1e3,
59
- bg: "$color"
60
- });
61
- var RADIO_GROUP_NAME = "RadioGroup";
62
- var RadioGroupFrame = styled(YStack, {
63
- name: RADIO_GROUP_NAME,
64
- variants: {
65
- orientation: {
66
- horizontal: {
67
- flexDirection: "row",
68
- spaceDirection: "horizontal"
69
- },
70
- vertical: {
71
- flexDirection: "column",
72
- spaceDirection: "vertical"
73
- }
74
- }
75
- }
76
- });
77
- var RadioGroup = createRadioGroup({
78
- Frame: RadioGroupFrame,
79
- Indicator: RadioGroupIndicatorFrame,
80
- Item: RadioGroupItemFrame
81
- });
82
- function RadioGroupUnstyledDemo() {
83
- return /* @__PURE__ */_jsx(RadioGroup, {
84
- "aria-labelledby": "Select one item",
85
- defaultValue: "3",
86
- name: "form",
87
- children: /* @__PURE__ */_jsxs(YStack, {
88
- width: 200,
89
- items: "center",
90
- gap: "$2",
91
- children: [/* @__PURE__ */_jsx(RadioGroupItemWithLabel, {
92
- value: "2",
93
- label: "Option One"
94
- }), /* @__PURE__ */_jsx(RadioGroupItemWithLabel, {
95
- value: "3",
96
- label: "Option Two"
97
- })]
98
- })
99
- });
100
- }
101
- function RadioGroupItemWithLabel(props) {
102
- var id = `radiogroup-${props.value}`;
103
- return /* @__PURE__ */_jsxs(XStack, {
104
- width: 300,
105
- items: "center",
106
- gap: "$4",
107
- children: [/* @__PURE__ */_jsx(RadioGroup.Item, {
108
- value: props.value,
109
- id,
110
- children: /* @__PURE__ */_jsx(RadioGroup.Indicator, {})
111
- }), /* @__PURE__ */_jsx(Label, {
112
- htmlFor: id,
113
- children: props.label
114
- })]
115
- });
116
- }
117
- export { RadioGroupUnstyledDemo };
118
- //# sourceMappingURL=RadioGroupUnstyledDemo.native.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Label","XStack","YStack","styled","createRadioGroup","RADIO_GROUP_ITEM_NAME","RadioGroupItemFrame","name","render","rounded","bg","items","justify","borderWidth","borderColor","p","hoverStyle","focusStyle","focusVisibleStyle","outlineStyle","outlineWidth","outlineColor","pressStyle","variants","disabled","true","pointerEvents","userSelect","cursor","RADIO_GROUP_INDICATOR_NAME","RadioGroupIndicatorFrame","width","height","RADIO_GROUP_NAME","RadioGroupFrame","orientation","horizontal","flexDirection","spaceDirection","vertical","RadioGroup","Frame","Indicator","Item","RadioGroupUnstyledDemo","defaultValue","children","gap","RadioGroupItemWithLabel","value","label"],"sources":["../../src/RadioGroupUnstyledDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAOC,IAAA,EAAAC,IAAQ,IAAAC,KAAQ,2BAAc;AAE9C,SAASC,KAAA,EAAAC,MAAA,EAAAC,MAAA,EAAAC,MAAwB;AAmG3B,SACEC,gBADF;AAjGN,IAAAC,qBAAM,mBAAwB;AAE9B,IAAAC,mBAAM,GAAAH,MAAsB,CAAAD,MAAO;EACjCK,IAAA,EAAMF,qBAAA;EACNG,MAAA,EAAQ;EAERC,OAAA,EAAS;EACTC,EAAA,EAAI;EACJC,KAAA,EAAO;EACPC,OAAA,EAAS;EACTC,WAAA,EAAa;EACbC,WAAA,EAAa;EACbC,CAAA,EAAG;EAEHC,UAAA,EAAY;IACVF,WAAA,EAAa;IACbJ,EAAA,EAAI;EACN;EAEAO,UAAA,EAAY;IACVH,WAAA,EAAa;IACbJ,EAAA,EAAI;EACN;EAEAQ,iBAAA,EAAmB;IACjBC,YAAA,EAAc;IACdC,YAAA,EAAc;IACdC,YAAA,EAAc;EAChB;EAEAC,UAAA,EAAY;IACVR,WAAA,EAAa;IACbJ,EAAA,EAAI;EACN;EAEAa,QAAA,EAAU;IACRC,QAAA,EAAU;MACRC,IAAA,EAAM;QACJC,aAAA,EAAe;QACfC,UAAA,EAAY;QACZC,MAAA,EAAQ;QAERZ,UAAA,EAAY;UACVF,WAAA,EAAa;UACbJ,EAAA,EAAI;QACN;QAEAY,UAAA,EAAY;UACVR,WAAA,EAAa;UACbJ,EAAA,EAAI;QACN;QAEAQ,iBAAA,EAAmB;UACjBE,YAAA,EAAc;QAChB;MACF;IACF;EACF;AACF,CAAU;AAEV,IAAAS,0BAAM,wBAA6B;AAEnC,IAAAC,wBAAM,GAAA3B,MAA2B,CAAAD,MAAO;EACtCK,IAAA,EAAMsB,0BAAA;EACNE,KAAA,EAAO;EACPC,MAAA,EAAQ;EACRvB,OAAA,EAAS;EACTC,EAAA,EAAI;AACN,CAAC;AAED,IAAAuB,gBAAM,eAAmB;AAEzB,IAAAC,eAAM,GAAA/B,MAAkB,CAAAD,MAAO;EAC7BK,IAAA,EAAM0B,gBAAA;EACNV,QAAA,EAAU;IACRY,WAAA,EAAa;MACXC,UAAA,EAAY;QACVC,aAAA,EAAe;QACfC,cAAA,EAAgB;MAClB;MACAC,QAAA,EAAU;QACRF,aAAA,EAAe;QACfC,cAAA,EAAgB;MAClB;IACF;EACF;AACF,CAAC;AAED,IAAAE,UAAM,GAAApC,gBAAa;EACjBqC,KAAA,EAAOP,eAAA;EACPQ,SAAA,EAAWZ,wBAAA;EACXa,IAAA,EAAMrC;AACR,CAAC;AAEM,SAASsC,uBAAA,EAAyB;EACvC,OACE,eAAA/C,IAAC,CAAA2C,UAAA;IAEG,oCAAC;IACDK,YAAA;IAAsDtC,IAE1D;IAEJuC,QAAA,iBAAA/C,KAAA,CAAAG,MAAA;MAEA6B,KAAS;MACPpB,KAAM,EAAK;MACXoC,GACE;MACED,QAAA,GAIA,eAACjD,IAAA,CAAAmD,uBAAoB;QACvBC,KAAA;QAEJC,KAAA","ignoreList":[]}
@@ -1,47 +0,0 @@
1
- import React from "react";
2
- import { addTheme, replaceTheme } from "@hanzogui/theme";
3
- import { Button, Square, Theme, XStack, YStack, useForceUpdate, useIsomorphicLayoutEffect } from "@hanzo/gui";
4
- import { jsx, jsxs } from "react/jsx-runtime";
5
- function ReplaceThemeDemo() {
6
- const [theme, setTheme] = React.useState();
7
- const update = useForceUpdate();
8
- useIsomorphicLayoutEffect(() => {
9
- addTheme({
10
- name: "mytheme",
11
- insertCSS: true,
12
- theme: {
13
- color: "red",
14
- color2: "green"
15
- }
16
- });
17
- setTheme("mytheme");
18
- }, []);
19
- return /* @__PURE__ */jsxs(YStack, {
20
- items: "center",
21
- gap: "$4",
22
- children: [/* @__PURE__ */jsx(XStack, {
23
- gap: "$5",
24
- children: /* @__PURE__ */jsx(Theme, {
25
- name: theme ?? null,
26
- children: /* @__PURE__ */jsx(Square, {
27
- rounded: "$8",
28
- size: 100,
29
- bg: "$color"
30
- })
31
- })
32
- }), /* @__PURE__ */jsx(Button, {
33
- onPress: () => {
34
- replaceTheme({
35
- name: "mytheme",
36
- theme: {
37
- color: "blue"
38
- }
39
- });
40
- update();
41
- },
42
- children: "Replace theme to only have $color: blue"
43
- })]
44
- });
45
- }
46
- export { ReplaceThemeDemo };
47
- //# sourceMappingURL=ReplaceThemeDemo.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["React","addTheme","replaceTheme","Button","Square","Theme","XStack","YStack","useForceUpdate","useIsomorphicLayoutEffect","jsx","jsxs","ReplaceThemeDemo","theme","setTheme","useState","update","name","insertCSS","color","color2","items","gap","children","rounded","size","bg","onPress"],"sources":["../../src/ReplaceThemeDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAClB,SAASC,QAAA,EAAUC,YAAA,QAAoB;AAEvC,SACEC,MAAA,EACAC,MAAA,EACAC,KAAA,EACAC,MAAA,EACAC,MAAA,EACAC,cAAA,EACAC,yBAAA,QACK;AAmBH,SAGMC,GAAA,EAHNC,IAAA;AAjBG,SAASC,iBAAA,EAAmB;EACjC,MAAM,CAACC,KAAA,EAAOC,QAAQ,IAAId,KAAA,CAAMe,QAAA,CAAc;EAC9C,MAAMC,MAAA,GAASR,cAAA,CAAe;EAE9BC,yBAAA,CAA0B,MAAM;IAC9BR,QAAA,CAAS;MACPgB,IAAA,EAAM;MACNC,SAAA,EAAW;MACXL,KAAA,EAAO;QACLM,KAAA,EAAO;QACPC,MAAA,EAAQ;MACV;IACF,CAAC;IACDN,QAAA,CAAS,SAAS;EACpB,GAAG,EAAE;EAEL,OACE,eAAAH,IAAA,CAACJ,MAAA;IAAOc,KAAA,EAAM;IAASC,GAAA,EAAI;IACzBC,QAAA,kBAAAb,GAAA,CAACJ,MAAA;MAAOgB,GAAA,EAAI;MACVC,QAAA,iBAAAb,GAAA,CAACL,KAAA;QAAMY,IAAA,EAAMJ,KAAA,IAAS;QACpBU,QAAA,iBAAAb,GAAA,CAACN,MAAA;UAAOoB,OAAA,EAAQ;UAAKC,IAAA,EAAM;UAAKC,EAAA,EAAG;QAAA,CAAS;MAAA,CAC9C;IAAA,CACF,GAEA,eAAAhB,GAAA,CAACP,MAAA;MACCwB,OAAA,EAASA,CAAA,KAAM;QACbzB,YAAA,CAAa;UACXe,IAAA,EAAM;UACNJ,KAAA,EAAO;YACLM,KAAA,EAAO;UACT;QACF,CAAC;QACDH,MAAA,CAAO;MACT;MACDO,QAAA;IAAA,CAED;EAAA,CACF;AAEJ","ignoreList":[]}
@@ -1,47 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import React from "react";
3
- import { addTheme, replaceTheme } from "@hanzogui/theme";
4
- import { Button, Square, Theme, XStack, YStack, useForceUpdate, useIsomorphicLayoutEffect } from "@hanzo/gui";
5
- function ReplaceThemeDemo() {
6
- var [theme, setTheme] = React.useState();
7
- var update = useForceUpdate();
8
- useIsomorphicLayoutEffect(function () {
9
- addTheme({
10
- name: "mytheme",
11
- insertCSS: true,
12
- theme: {
13
- color: "red",
14
- color2: "green"
15
- }
16
- });
17
- setTheme("mytheme");
18
- }, []);
19
- return /* @__PURE__ */_jsxs(YStack, {
20
- items: "center",
21
- gap: "$4",
22
- children: [/* @__PURE__ */_jsx(XStack, {
23
- gap: "$5",
24
- children: /* @__PURE__ */_jsx(Theme, {
25
- name: theme !== null && theme !== void 0 ? theme : null,
26
- children: /* @__PURE__ */_jsx(Square, {
27
- rounded: "$8",
28
- size: 100,
29
- bg: "$color"
30
- })
31
- })
32
- }), /* @__PURE__ */_jsx(Button, {
33
- onPress: function () {
34
- replaceTheme({
35
- name: "mytheme",
36
- theme: {
37
- color: "blue"
38
- }
39
- });
40
- update();
41
- },
42
- children: "Replace theme to only have $color: blue"
43
- })]
44
- });
45
- }
46
- export { ReplaceThemeDemo };
47
- //# sourceMappingURL=ReplaceThemeDemo.native.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["jsx","_jsx","jsxs","_jsxs","React","addTheme","replaceTheme","Button","Square","Theme","XStack","YStack","useForceUpdate","useIsomorphicLayoutEffect","ReplaceThemeDemo","theme","setTheme","useState","update","name","insertCSS","color","color2","items","gap","children","rounded","size","bg","onPress"],"sources":["../../src/ReplaceThemeDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAOA,GAAA,IAAAC,IAAW,EAAAC,IAAA,IAAAC,KAAA;AAClB,OAAAC,KAAS,aAAU;AAEnB,SAAAC,QAAA,EAAAC,YAAA;AAAA,SACEC,MAAA,EAAAC,MAAA,EAAAC,KAAA,EAAAC,MAAA,EAAAC,MAAA,EAAAC,cAAA,EAAAC,yBAAA;AAAA,SACAC,iBAAA;EACA,KAAAC,KAAA,EAAAC,QAAA,IAAAZ,KAAA,CAAAa,QAAA;EACA,IAAAC,MAAA,GAAAN,cAAA;EACAC,yBAAA;IACAR,QAAA;MACAc,IAAA;MAAAC,SACK;MAmBHL,KAGM;QApBHM,KAAS;QACRC,MAAC,EAAO;MACd;IAEA;IACEN,QAAA,CAAS;EAAA,KACP;EAAM,OACN,eAAWb,KAAA,CAAAQ,MAAA;IAAAY,KACX,UAAO;IAAAC,GAAA,EACL;IAAOC,QACP,GACF,eAAAxB,IAAA,CAAAS,MAAA;MACDc,GAAA;MACDC,QAAS,iBAASxB,IAAA,CAAAQ,KAAA;QACfU,IAAA,EAAAJ,KAAA,aAAAA,KAAA,cAAAA,KAAA;QAGHU,QAAA,iBAACxB,IAAO,CAAAO,MAAM;UACZkB,OAAA,MAAC;UAMDC,IAAA;UAACC,EAAA;QAAA;MACC;IACE,IAAa,eACL3B,IAAA,CAAAM,MAAA;MAAAsB,OACN,WAAAA,CAAA,EAAO;QAAAvB,YACE;UACTa,IAAA;UACDJ,KAAA;YACDM,KAAO;UACT;QACD;QAAAH,MAAA;MAED;MACFO,QAAA;IAEJ","ignoreList":[]}