@hanzogui/demos 2.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (524) hide show
  1. package/LICENSE +21 -0
  2. package/dist/cjs/AccordionDemo.cjs +111 -0
  3. package/dist/cjs/AccordionDemo.native.js +121 -0
  4. package/dist/cjs/AccordionDemo.native.js.map +1 -0
  5. package/dist/cjs/AddThemeDemo.cjs +71 -0
  6. package/dist/cjs/AddThemeDemo.native.js +74 -0
  7. package/dist/cjs/AddThemeDemo.native.js.map +1 -0
  8. package/dist/cjs/AlertDialogDemo.cjs +96 -0
  9. package/dist/cjs/AlertDialogDemo.native.js +99 -0
  10. package/dist/cjs/AlertDialogDemo.native.js.map +1 -0
  11. package/dist/cjs/AnimationsDelayDemo.cjs +85 -0
  12. package/dist/cjs/AnimationsDelayDemo.native.js +92 -0
  13. package/dist/cjs/AnimationsDelayDemo.native.js.map +1 -0
  14. package/dist/cjs/AnimationsDemo.cjs +100 -0
  15. package/dist/cjs/AnimationsDemo.native.js +107 -0
  16. package/dist/cjs/AnimationsDemo.native.js.map +1 -0
  17. package/dist/cjs/AnimationsEnterDemo.cjs +75 -0
  18. package/dist/cjs/AnimationsEnterDemo.native.js +82 -0
  19. package/dist/cjs/AnimationsEnterDemo.native.js.map +1 -0
  20. package/dist/cjs/AnimationsHoverDemo.cjs +47 -0
  21. package/dist/cjs/AnimationsHoverDemo.native.js +50 -0
  22. package/dist/cjs/AnimationsHoverDemo.native.js.map +1 -0
  23. package/dist/cjs/AnimationsPresenceDemo.cjs +123 -0
  24. package/dist/cjs/AnimationsPresenceDemo.native.js +134 -0
  25. package/dist/cjs/AnimationsPresenceDemo.native.js.map +1 -0
  26. package/dist/cjs/AnimationsTimingDemo.cjs +46 -0
  27. package/dist/cjs/AnimationsTimingDemo.native.js +49 -0
  28. package/dist/cjs/AnimationsTimingDemo.native.js.map +1 -0
  29. package/dist/cjs/AvatarDemo.cjs +53 -0
  30. package/dist/cjs/AvatarDemo.native.js +56 -0
  31. package/dist/cjs/AvatarDemo.native.js.map +1 -0
  32. package/dist/cjs/BoxShadowTokenDemo.cjs +57 -0
  33. package/dist/cjs/BoxShadowTokenDemo.native.js +62 -0
  34. package/dist/cjs/BoxShadowTokenDemo.native.js.map +1 -0
  35. package/dist/cjs/BuildAButtonDemo.cjs +129 -0
  36. package/dist/cjs/BuildAButtonDemo.native.js +132 -0
  37. package/dist/cjs/BuildAButtonDemo.native.js.map +1 -0
  38. package/dist/cjs/ButtonDemo.cjs +89 -0
  39. package/dist/cjs/ButtonDemo.native.js +92 -0
  40. package/dist/cjs/ButtonDemo.native.js.map +1 -0
  41. package/dist/cjs/CardDemo.cjs +89 -0
  42. package/dist/cjs/CardDemo.native.js +92 -0
  43. package/dist/cjs/CardDemo.native.js.map +1 -0
  44. package/dist/cjs/CheckboxDemo.cjs +79 -0
  45. package/dist/cjs/CheckboxDemo.native.js +83 -0
  46. package/dist/cjs/CheckboxDemo.native.js.map +1 -0
  47. package/dist/cjs/CheckboxHeadlessDemo.cjs +87 -0
  48. package/dist/cjs/CheckboxHeadlessDemo.native.js +90 -0
  49. package/dist/cjs/CheckboxHeadlessDemo.native.js.map +1 -0
  50. package/dist/cjs/CheckboxUnstyledDemo.cjs +78 -0
  51. package/dist/cjs/CheckboxUnstyledDemo.native.js +81 -0
  52. package/dist/cjs/CheckboxUnstyledDemo.native.js.map +1 -0
  53. package/dist/cjs/ColorsDemo.cjs +133 -0
  54. package/dist/cjs/ColorsDemo.native.js +143 -0
  55. package/dist/cjs/ColorsDemo.native.js.map +1 -0
  56. package/dist/cjs/ContextMenuDemo.cjs +224 -0
  57. package/dist/cjs/ContextMenuDemo.native.js +230 -0
  58. package/dist/cjs/ContextMenuDemo.native.js.map +1 -0
  59. package/dist/cjs/DialogDemo.cjs +212 -0
  60. package/dist/cjs/DialogDemo.native.js +222 -0
  61. package/dist/cjs/DialogDemo.native.js.map +1 -0
  62. package/dist/cjs/FormsDemo.cjs +85 -0
  63. package/dist/cjs/FormsDemo.native.js +92 -0
  64. package/dist/cjs/FormsDemo.native.js.map +1 -0
  65. package/dist/cjs/Grid.cjs +69 -0
  66. package/dist/cjs/Grid.native.js +75 -0
  67. package/dist/cjs/Grid.native.js.map +1 -0
  68. package/dist/cjs/GroupDemo.cjs +92 -0
  69. package/dist/cjs/GroupDemo.native.js +97 -0
  70. package/dist/cjs/GroupDemo.native.js.map +1 -0
  71. package/dist/cjs/HeadingsDemo.cjs +45 -0
  72. package/dist/cjs/HeadingsDemo.native.js +48 -0
  73. package/dist/cjs/HeadingsDemo.native.js.map +1 -0
  74. package/dist/cjs/ImageDemo.cjs +38 -0
  75. package/dist/cjs/ImageDemo.native.js +41 -0
  76. package/dist/cjs/ImageDemo.native.js.map +1 -0
  77. package/dist/cjs/InputsDemo.cjs +62 -0
  78. package/dist/cjs/InputsDemo.native.js +65 -0
  79. package/dist/cjs/InputsDemo.native.js.map +1 -0
  80. package/dist/cjs/LabelDemo.cjs +65 -0
  81. package/dist/cjs/LabelDemo.native.js +68 -0
  82. package/dist/cjs/LabelDemo.native.js.map +1 -0
  83. package/dist/cjs/LinearGradientDemo.cjs +48 -0
  84. package/dist/cjs/LinearGradientDemo.native.js +53 -0
  85. package/dist/cjs/LinearGradientDemo.native.js.map +1 -0
  86. package/dist/cjs/ListItemDemo.cjs +101 -0
  87. package/dist/cjs/ListItemDemo.native.js +104 -0
  88. package/dist/cjs/ListItemDemo.native.js.map +1 -0
  89. package/dist/cjs/LucideIconsDemo.cjs +93 -0
  90. package/dist/cjs/LucideIconsDemo.native.js +105 -0
  91. package/dist/cjs/LucideIconsDemo.native.js.map +1 -0
  92. package/dist/cjs/MenuDemo.cjs +227 -0
  93. package/dist/cjs/MenuDemo.native.js +233 -0
  94. package/dist/cjs/MenuDemo.native.js.map +1 -0
  95. package/dist/cjs/NewInputsDemo.cjs +63 -0
  96. package/dist/cjs/NewInputsDemo.native.js +66 -0
  97. package/dist/cjs/NewInputsDemo.native.js.map +1 -0
  98. package/dist/cjs/PopoverDemo.cjs +150 -0
  99. package/dist/cjs/PopoverDemo.native.js +157 -0
  100. package/dist/cjs/PopoverDemo.native.js.map +1 -0
  101. package/dist/cjs/ProgressDemo.cjs +88 -0
  102. package/dist/cjs/ProgressDemo.native.js +115 -0
  103. package/dist/cjs/ProgressDemo.native.js.map +1 -0
  104. package/dist/cjs/RadioGroupDemo.cjs +74 -0
  105. package/dist/cjs/RadioGroupDemo.native.js +77 -0
  106. package/dist/cjs/RadioGroupDemo.native.js.map +1 -0
  107. package/dist/cjs/RadioGroupHeadlessDemo.cjs +168 -0
  108. package/dist/cjs/RadioGroupHeadlessDemo.native.js +178 -0
  109. package/dist/cjs/RadioGroupHeadlessDemo.native.js.map +1 -0
  110. package/dist/cjs/RadioGroupUnstyledDemo.cjs +141 -0
  111. package/dist/cjs/RadioGroupUnstyledDemo.native.js +144 -0
  112. package/dist/cjs/RadioGroupUnstyledDemo.native.js.map +1 -0
  113. package/dist/cjs/ReplaceThemeDemo.cjs +78 -0
  114. package/dist/cjs/ReplaceThemeDemo.native.js +81 -0
  115. package/dist/cjs/ReplaceThemeDemo.native.js.map +1 -0
  116. package/dist/cjs/ScrollViewDemo.cjs +74 -0
  117. package/dist/cjs/ScrollViewDemo.native.js +77 -0
  118. package/dist/cjs/ScrollViewDemo.native.js.map +1 -0
  119. package/dist/cjs/SelectDemo.cjs +236 -0
  120. package/dist/cjs/SelectDemo.native.js +252 -0
  121. package/dist/cjs/SelectDemo.native.js.map +1 -0
  122. package/dist/cjs/SeparatorDemo.cjs +60 -0
  123. package/dist/cjs/SeparatorDemo.native.js +63 -0
  124. package/dist/cjs/SeparatorDemo.native.js.map +1 -0
  125. package/dist/cjs/ShapesDemo.cjs +42 -0
  126. package/dist/cjs/ShapesDemo.native.js +45 -0
  127. package/dist/cjs/ShapesDemo.native.js.map +1 -0
  128. package/dist/cjs/SheetDemo.cjs +192 -0
  129. package/dist/cjs/SheetDemo.native.js +221 -0
  130. package/dist/cjs/SheetDemo.native.js.map +1 -0
  131. package/dist/cjs/SliderDemo.cjs +58 -0
  132. package/dist/cjs/SliderDemo.native.js +62 -0
  133. package/dist/cjs/SliderDemo.native.js.map +1 -0
  134. package/dist/cjs/SpinnerDemo.cjs +41 -0
  135. package/dist/cjs/SpinnerDemo.native.js +44 -0
  136. package/dist/cjs/SpinnerDemo.native.js.map +1 -0
  137. package/dist/cjs/StacksDemo.cjs +107 -0
  138. package/dist/cjs/StacksDemo.native.js +111 -0
  139. package/dist/cjs/StacksDemo.native.js.map +1 -0
  140. package/dist/cjs/SwitchDemo.cjs +101 -0
  141. package/dist/cjs/SwitchDemo.native.js +107 -0
  142. package/dist/cjs/SwitchDemo.native.js.map +1 -0
  143. package/dist/cjs/SwitchHeadlessDemo.cjs +103 -0
  144. package/dist/cjs/SwitchHeadlessDemo.native.js +110 -0
  145. package/dist/cjs/SwitchHeadlessDemo.native.js.map +1 -0
  146. package/dist/cjs/SwitchUnstyledDemo.cjs +89 -0
  147. package/dist/cjs/SwitchUnstyledDemo.native.js +92 -0
  148. package/dist/cjs/SwitchUnstyledDemo.native.js.map +1 -0
  149. package/dist/cjs/TabsAdvancedDemo.cjs +340 -0
  150. package/dist/cjs/TabsAdvancedDemo.native.js +388 -0
  151. package/dist/cjs/TabsAdvancedDemo.native.js.map +1 -0
  152. package/dist/cjs/TabsDemo.cjs +214 -0
  153. package/dist/cjs/TabsDemo.native.js +225 -0
  154. package/dist/cjs/TabsDemo.native.js.map +1 -0
  155. package/dist/cjs/TabsHeadlessDemo.cjs +130 -0
  156. package/dist/cjs/TabsHeadlessDemo.native.js +144 -0
  157. package/dist/cjs/TabsHeadlessDemo.native.js.map +1 -0
  158. package/dist/cjs/TextDemo.cjs +49 -0
  159. package/dist/cjs/TextDemo.native.js +52 -0
  160. package/dist/cjs/TextDemo.native.js.map +1 -0
  161. package/dist/cjs/ThemeBuilderDemo.cjs +178 -0
  162. package/dist/cjs/ThemeBuilderDemo.native.js +181 -0
  163. package/dist/cjs/ThemeBuilderDemo.native.js.map +1 -0
  164. package/dist/cjs/ThemeInverseDemo.cjs +99 -0
  165. package/dist/cjs/ThemeInverseDemo.native.js +102 -0
  166. package/dist/cjs/ThemeInverseDemo.native.js.map +1 -0
  167. package/dist/cjs/ToastDemo.cjs +150 -0
  168. package/dist/cjs/ToastDemo.native.js +163 -0
  169. package/dist/cjs/ToastDemo.native.js.map +1 -0
  170. package/dist/cjs/ToastDuplicateDemo.cjs +83 -0
  171. package/dist/cjs/ToastDuplicateDemo.native.js +92 -0
  172. package/dist/cjs/ToastDuplicateDemo.native.js.map +1 -0
  173. package/dist/cjs/ToggleGroupDemo.cjs +120 -0
  174. package/dist/cjs/ToggleGroupDemo.native.js +123 -0
  175. package/dist/cjs/ToggleGroupDemo.native.js.map +1 -0
  176. package/dist/cjs/TokensDemo.cjs +123 -0
  177. package/dist/cjs/TokensDemo.native.js +145 -0
  178. package/dist/cjs/TokensDemo.native.js.map +1 -0
  179. package/dist/cjs/TooltipDemo.cjs +131 -0
  180. package/dist/cjs/TooltipDemo.native.js +135 -0
  181. package/dist/cjs/TooltipDemo.native.js.map +1 -0
  182. package/dist/cjs/UpdateThemeDemo.cjs +80 -0
  183. package/dist/cjs/UpdateThemeDemo.native.js +83 -0
  184. package/dist/cjs/UpdateThemeDemo.native.js.map +1 -0
  185. package/dist/cjs/WebNativeImageDemo.cjs +34 -0
  186. package/dist/cjs/WebNativeImageDemo.native.js +37 -0
  187. package/dist/cjs/WebNativeImageDemo.native.js.map +1 -0
  188. package/dist/cjs/gui.config.cjs +29 -0
  189. package/dist/cjs/gui.config.native.js +32 -0
  190. package/dist/cjs/gui.config.native.js.map +1 -0
  191. package/dist/cjs/index.cjs +79 -0
  192. package/dist/cjs/index.native.js +82 -0
  193. package/dist/cjs/index.native.js.map +1 -0
  194. package/dist/cjs/useOnIntersecting.cjs +68 -0
  195. package/dist/cjs/useOnIntersecting.native.js +105 -0
  196. package/dist/cjs/useOnIntersecting.native.js.map +1 -0
  197. package/dist/esm/AccordionDemo.mjs +88 -0
  198. package/dist/esm/AccordionDemo.mjs.map +1 -0
  199. package/dist/esm/AccordionDemo.native.js +95 -0
  200. package/dist/esm/AccordionDemo.native.js.map +1 -0
  201. package/dist/esm/AddThemeDemo.mjs +37 -0
  202. package/dist/esm/AddThemeDemo.mjs.map +1 -0
  203. package/dist/esm/AddThemeDemo.native.js +37 -0
  204. package/dist/esm/AddThemeDemo.native.js.map +1 -0
  205. package/dist/esm/AlertDialogDemo.mjs +73 -0
  206. package/dist/esm/AlertDialogDemo.mjs.map +1 -0
  207. package/dist/esm/AlertDialogDemo.native.js +73 -0
  208. package/dist/esm/AlertDialogDemo.native.js.map +1 -0
  209. package/dist/esm/AnimationsDelayDemo.mjs +51 -0
  210. package/dist/esm/AnimationsDelayDemo.mjs.map +1 -0
  211. package/dist/esm/AnimationsDelayDemo.native.js +55 -0
  212. package/dist/esm/AnimationsDelayDemo.native.js.map +1 -0
  213. package/dist/esm/AnimationsDemo.mjs +76 -0
  214. package/dist/esm/AnimationsDemo.mjs.map +1 -0
  215. package/dist/esm/AnimationsDemo.native.js +80 -0
  216. package/dist/esm/AnimationsDemo.native.js.map +1 -0
  217. package/dist/esm/AnimationsEnterDemo.mjs +41 -0
  218. package/dist/esm/AnimationsEnterDemo.mjs.map +1 -0
  219. package/dist/esm/AnimationsEnterDemo.native.js +45 -0
  220. package/dist/esm/AnimationsEnterDemo.native.js.map +1 -0
  221. package/dist/esm/AnimationsHoverDemo.mjs +24 -0
  222. package/dist/esm/AnimationsHoverDemo.mjs.map +1 -0
  223. package/dist/esm/AnimationsHoverDemo.native.js +24 -0
  224. package/dist/esm/AnimationsHoverDemo.native.js.map +1 -0
  225. package/dist/esm/AnimationsPresenceDemo.mjs +88 -0
  226. package/dist/esm/AnimationsPresenceDemo.mjs.map +1 -0
  227. package/dist/esm/AnimationsPresenceDemo.native.js +96 -0
  228. package/dist/esm/AnimationsPresenceDemo.native.js.map +1 -0
  229. package/dist/esm/AnimationsTimingDemo.mjs +23 -0
  230. package/dist/esm/AnimationsTimingDemo.mjs.map +1 -0
  231. package/dist/esm/AnimationsTimingDemo.native.js +23 -0
  232. package/dist/esm/AnimationsTimingDemo.native.js.map +1 -0
  233. package/dist/esm/AvatarDemo.mjs +30 -0
  234. package/dist/esm/AvatarDemo.mjs.map +1 -0
  235. package/dist/esm/AvatarDemo.native.js +30 -0
  236. package/dist/esm/AvatarDemo.native.js.map +1 -0
  237. package/dist/esm/BoxShadowTokenDemo.mjs +34 -0
  238. package/dist/esm/BoxShadowTokenDemo.mjs.map +1 -0
  239. package/dist/esm/BoxShadowTokenDemo.native.js +36 -0
  240. package/dist/esm/BoxShadowTokenDemo.native.js.map +1 -0
  241. package/dist/esm/BuildAButtonDemo.mjs +106 -0
  242. package/dist/esm/BuildAButtonDemo.mjs.map +1 -0
  243. package/dist/esm/BuildAButtonDemo.native.js +106 -0
  244. package/dist/esm/BuildAButtonDemo.native.js.map +1 -0
  245. package/dist/esm/ButtonDemo.mjs +66 -0
  246. package/dist/esm/ButtonDemo.mjs.map +1 -0
  247. package/dist/esm/ButtonDemo.native.js +66 -0
  248. package/dist/esm/ButtonDemo.native.js.map +1 -0
  249. package/dist/esm/CardDemo.mjs +65 -0
  250. package/dist/esm/CardDemo.mjs.map +1 -0
  251. package/dist/esm/CardDemo.native.js +65 -0
  252. package/dist/esm/CardDemo.native.js.map +1 -0
  253. package/dist/esm/CheckboxDemo.mjs +55 -0
  254. package/dist/esm/CheckboxDemo.mjs.map +1 -0
  255. package/dist/esm/CheckboxDemo.native.js +56 -0
  256. package/dist/esm/CheckboxDemo.native.js.map +1 -0
  257. package/dist/esm/CheckboxHeadlessDemo.mjs +53 -0
  258. package/dist/esm/CheckboxHeadlessDemo.mjs.map +1 -0
  259. package/dist/esm/CheckboxHeadlessDemo.native.js +53 -0
  260. package/dist/esm/CheckboxHeadlessDemo.native.js.map +1 -0
  261. package/dist/esm/CheckboxUnstyledDemo.mjs +54 -0
  262. package/dist/esm/CheckboxUnstyledDemo.mjs.map +1 -0
  263. package/dist/esm/CheckboxUnstyledDemo.native.js +54 -0
  264. package/dist/esm/CheckboxUnstyledDemo.native.js.map +1 -0
  265. package/dist/esm/ColorsDemo.mjs +110 -0
  266. package/dist/esm/ColorsDemo.mjs.map +1 -0
  267. package/dist/esm/ColorsDemo.native.js +117 -0
  268. package/dist/esm/ColorsDemo.native.js.map +1 -0
  269. package/dist/esm/ContextMenuDemo.mjs +190 -0
  270. package/dist/esm/ContextMenuDemo.mjs.map +1 -0
  271. package/dist/esm/ContextMenuDemo.native.js +193 -0
  272. package/dist/esm/ContextMenuDemo.native.js.map +1 -0
  273. package/dist/esm/DialogDemo.mjs +189 -0
  274. package/dist/esm/DialogDemo.mjs.map +1 -0
  275. package/dist/esm/DialogDemo.native.js +196 -0
  276. package/dist/esm/DialogDemo.native.js.map +1 -0
  277. package/dist/esm/FormsDemo.mjs +51 -0
  278. package/dist/esm/FormsDemo.mjs.map +1 -0
  279. package/dist/esm/FormsDemo.native.js +55 -0
  280. package/dist/esm/FormsDemo.native.js.map +1 -0
  281. package/dist/esm/Grid.mjs +35 -0
  282. package/dist/esm/Grid.mjs.map +1 -0
  283. package/dist/esm/Grid.native.js +38 -0
  284. package/dist/esm/Grid.native.js.map +1 -0
  285. package/dist/esm/GroupDemo.mjs +69 -0
  286. package/dist/esm/GroupDemo.mjs.map +1 -0
  287. package/dist/esm/GroupDemo.native.js +71 -0
  288. package/dist/esm/GroupDemo.native.js.map +1 -0
  289. package/dist/esm/HeadingsDemo.mjs +22 -0
  290. package/dist/esm/HeadingsDemo.mjs.map +1 -0
  291. package/dist/esm/HeadingsDemo.native.js +22 -0
  292. package/dist/esm/HeadingsDemo.native.js.map +1 -0
  293. package/dist/esm/ImageDemo.mjs +15 -0
  294. package/dist/esm/ImageDemo.mjs.map +1 -0
  295. package/dist/esm/ImageDemo.native.js +15 -0
  296. package/dist/esm/ImageDemo.native.js.map +1 -0
  297. package/dist/esm/InputsDemo.mjs +39 -0
  298. package/dist/esm/InputsDemo.mjs.map +1 -0
  299. package/dist/esm/InputsDemo.native.js +39 -0
  300. package/dist/esm/InputsDemo.native.js.map +1 -0
  301. package/dist/esm/LabelDemo.mjs +42 -0
  302. package/dist/esm/LabelDemo.mjs.map +1 -0
  303. package/dist/esm/LabelDemo.native.js +42 -0
  304. package/dist/esm/LabelDemo.native.js.map +1 -0
  305. package/dist/esm/LinearGradientDemo.mjs +25 -0
  306. package/dist/esm/LinearGradientDemo.mjs.map +1 -0
  307. package/dist/esm/LinearGradientDemo.native.js +27 -0
  308. package/dist/esm/LinearGradientDemo.native.js.map +1 -0
  309. package/dist/esm/ListItemDemo.mjs +78 -0
  310. package/dist/esm/ListItemDemo.mjs.map +1 -0
  311. package/dist/esm/ListItemDemo.native.js +78 -0
  312. package/dist/esm/ListItemDemo.native.js.map +1 -0
  313. package/dist/esm/LucideIconsDemo.mjs +59 -0
  314. package/dist/esm/LucideIconsDemo.mjs.map +1 -0
  315. package/dist/esm/LucideIconsDemo.native.js +68 -0
  316. package/dist/esm/LucideIconsDemo.native.js.map +1 -0
  317. package/dist/esm/MenuDemo.mjs +193 -0
  318. package/dist/esm/MenuDemo.mjs.map +1 -0
  319. package/dist/esm/MenuDemo.native.js +196 -0
  320. package/dist/esm/MenuDemo.native.js.map +1 -0
  321. package/dist/esm/NewInputsDemo.mjs +40 -0
  322. package/dist/esm/NewInputsDemo.mjs.map +1 -0
  323. package/dist/esm/NewInputsDemo.native.js +40 -0
  324. package/dist/esm/NewInputsDemo.native.js.map +1 -0
  325. package/dist/esm/PopoverDemo.mjs +126 -0
  326. package/dist/esm/PopoverDemo.mjs.map +1 -0
  327. package/dist/esm/PopoverDemo.native.js +130 -0
  328. package/dist/esm/PopoverDemo.native.js.map +1 -0
  329. package/dist/esm/ProgressDemo.mjs +54 -0
  330. package/dist/esm/ProgressDemo.mjs.map +1 -0
  331. package/dist/esm/ProgressDemo.native.js +78 -0
  332. package/dist/esm/ProgressDemo.native.js.map +1 -0
  333. package/dist/esm/RadioGroupDemo.mjs +50 -0
  334. package/dist/esm/RadioGroupDemo.mjs.map +1 -0
  335. package/dist/esm/RadioGroupDemo.native.js +50 -0
  336. package/dist/esm/RadioGroupDemo.native.js.map +1 -0
  337. package/dist/esm/RadioGroupHeadlessDemo.mjs +134 -0
  338. package/dist/esm/RadioGroupHeadlessDemo.mjs.map +1 -0
  339. package/dist/esm/RadioGroupHeadlessDemo.native.js +141 -0
  340. package/dist/esm/RadioGroupHeadlessDemo.native.js.map +1 -0
  341. package/dist/esm/RadioGroupUnstyledDemo.mjs +118 -0
  342. package/dist/esm/RadioGroupUnstyledDemo.mjs.map +1 -0
  343. package/dist/esm/RadioGroupUnstyledDemo.native.js +118 -0
  344. package/dist/esm/RadioGroupUnstyledDemo.native.js.map +1 -0
  345. package/dist/esm/ReplaceThemeDemo.mjs +44 -0
  346. package/dist/esm/ReplaceThemeDemo.mjs.map +1 -0
  347. package/dist/esm/ReplaceThemeDemo.native.js +44 -0
  348. package/dist/esm/ReplaceThemeDemo.native.js.map +1 -0
  349. package/dist/esm/ScrollViewDemo.mjs +51 -0
  350. package/dist/esm/ScrollViewDemo.mjs.map +1 -0
  351. package/dist/esm/ScrollViewDemo.native.js +51 -0
  352. package/dist/esm/ScrollViewDemo.native.js.map +1 -0
  353. package/dist/esm/SelectDemo.mjs +201 -0
  354. package/dist/esm/SelectDemo.mjs.map +1 -0
  355. package/dist/esm/SelectDemo.native.js +214 -0
  356. package/dist/esm/SelectDemo.native.js.map +1 -0
  357. package/dist/esm/SeparatorDemo.mjs +37 -0
  358. package/dist/esm/SeparatorDemo.mjs.map +1 -0
  359. package/dist/esm/SeparatorDemo.native.js +37 -0
  360. package/dist/esm/SeparatorDemo.native.js.map +1 -0
  361. package/dist/esm/ShapesDemo.mjs +19 -0
  362. package/dist/esm/ShapesDemo.mjs.map +1 -0
  363. package/dist/esm/ShapesDemo.native.js +19 -0
  364. package/dist/esm/ShapesDemo.native.js.map +1 -0
  365. package/dist/esm/SheetDemo.mjs +158 -0
  366. package/dist/esm/SheetDemo.mjs.map +1 -0
  367. package/dist/esm/SheetDemo.native.js +184 -0
  368. package/dist/esm/SheetDemo.native.js.map +1 -0
  369. package/dist/esm/SliderDemo.mjs +35 -0
  370. package/dist/esm/SliderDemo.mjs.map +1 -0
  371. package/dist/esm/SliderDemo.native.js +36 -0
  372. package/dist/esm/SliderDemo.native.js.map +1 -0
  373. package/dist/esm/SpinnerDemo.mjs +18 -0
  374. package/dist/esm/SpinnerDemo.mjs.map +1 -0
  375. package/dist/esm/SpinnerDemo.native.js +18 -0
  376. package/dist/esm/SpinnerDemo.native.js.map +1 -0
  377. package/dist/esm/StacksDemo.mjs +84 -0
  378. package/dist/esm/StacksDemo.mjs.map +1 -0
  379. package/dist/esm/StacksDemo.native.js +84 -0
  380. package/dist/esm/StacksDemo.native.js.map +1 -0
  381. package/dist/esm/SwitchDemo.mjs +77 -0
  382. package/dist/esm/SwitchDemo.mjs.map +1 -0
  383. package/dist/esm/SwitchDemo.native.js +80 -0
  384. package/dist/esm/SwitchDemo.native.js.map +1 -0
  385. package/dist/esm/SwitchHeadlessDemo.mjs +69 -0
  386. package/dist/esm/SwitchHeadlessDemo.mjs.map +1 -0
  387. package/dist/esm/SwitchHeadlessDemo.native.js +73 -0
  388. package/dist/esm/SwitchHeadlessDemo.native.js.map +1 -0
  389. package/dist/esm/SwitchUnstyledDemo.mjs +65 -0
  390. package/dist/esm/SwitchUnstyledDemo.mjs.map +1 -0
  391. package/dist/esm/SwitchUnstyledDemo.native.js +65 -0
  392. package/dist/esm/SwitchUnstyledDemo.native.js.map +1 -0
  393. package/dist/esm/TabsAdvancedDemo.mjs +306 -0
  394. package/dist/esm/TabsAdvancedDemo.mjs.map +1 -0
  395. package/dist/esm/TabsAdvancedDemo.native.js +351 -0
  396. package/dist/esm/TabsAdvancedDemo.native.js.map +1 -0
  397. package/dist/esm/TabsDemo.mjs +180 -0
  398. package/dist/esm/TabsDemo.mjs.map +1 -0
  399. package/dist/esm/TabsDemo.native.js +188 -0
  400. package/dist/esm/TabsDemo.native.js.map +1 -0
  401. package/dist/esm/TabsHeadlessDemo.mjs +105 -0
  402. package/dist/esm/TabsHeadlessDemo.mjs.map +1 -0
  403. package/dist/esm/TabsHeadlessDemo.native.js +114 -0
  404. package/dist/esm/TabsHeadlessDemo.native.js.map +1 -0
  405. package/dist/esm/TextDemo.mjs +26 -0
  406. package/dist/esm/TextDemo.mjs.map +1 -0
  407. package/dist/esm/TextDemo.native.js +26 -0
  408. package/dist/esm/TextDemo.native.js.map +1 -0
  409. package/dist/esm/ThemeBuilderDemo.mjs +155 -0
  410. package/dist/esm/ThemeBuilderDemo.mjs.map +1 -0
  411. package/dist/esm/ThemeBuilderDemo.native.js +155 -0
  412. package/dist/esm/ThemeBuilderDemo.native.js.map +1 -0
  413. package/dist/esm/ThemeInverseDemo.mjs +76 -0
  414. package/dist/esm/ThemeInverseDemo.mjs.map +1 -0
  415. package/dist/esm/ThemeInverseDemo.native.js +76 -0
  416. package/dist/esm/ThemeInverseDemo.native.js.map +1 -0
  417. package/dist/esm/ToastDemo.mjs +116 -0
  418. package/dist/esm/ToastDemo.mjs.map +1 -0
  419. package/dist/esm/ToastDemo.native.js +126 -0
  420. package/dist/esm/ToastDemo.native.js.map +1 -0
  421. package/dist/esm/ToastDuplicateDemo.mjs +49 -0
  422. package/dist/esm/ToastDuplicateDemo.mjs.map +1 -0
  423. package/dist/esm/ToastDuplicateDemo.native.js +55 -0
  424. package/dist/esm/ToastDuplicateDemo.native.js.map +1 -0
  425. package/dist/esm/ToggleGroupDemo.mjs +97 -0
  426. package/dist/esm/ToggleGroupDemo.mjs.map +1 -0
  427. package/dist/esm/ToggleGroupDemo.native.js +97 -0
  428. package/dist/esm/ToggleGroupDemo.native.js.map +1 -0
  429. package/dist/esm/TokensDemo.mjs +89 -0
  430. package/dist/esm/TokensDemo.mjs.map +1 -0
  431. package/dist/esm/TokensDemo.native.js +108 -0
  432. package/dist/esm/TokensDemo.native.js.map +1 -0
  433. package/dist/esm/TooltipDemo.mjs +108 -0
  434. package/dist/esm/TooltipDemo.mjs.map +1 -0
  435. package/dist/esm/TooltipDemo.native.js +109 -0
  436. package/dist/esm/TooltipDemo.native.js.map +1 -0
  437. package/dist/esm/UpdateThemeDemo.mjs +46 -0
  438. package/dist/esm/UpdateThemeDemo.mjs.map +1 -0
  439. package/dist/esm/UpdateThemeDemo.native.js +46 -0
  440. package/dist/esm/UpdateThemeDemo.native.js.map +1 -0
  441. package/dist/esm/WebNativeImageDemo.mjs +11 -0
  442. package/dist/esm/WebNativeImageDemo.mjs.map +1 -0
  443. package/dist/esm/WebNativeImageDemo.native.js +11 -0
  444. package/dist/esm/WebNativeImageDemo.native.js.map +1 -0
  445. package/dist/esm/gui.config.mjs +6 -0
  446. package/dist/esm/gui.config.mjs.map +1 -0
  447. package/dist/esm/gui.config.native.js +6 -0
  448. package/dist/esm/gui.config.native.js.map +1 -0
  449. package/dist/esm/index.js +63 -0
  450. package/dist/esm/index.js.map +1 -0
  451. package/dist/esm/index.mjs +63 -0
  452. package/dist/esm/index.mjs.map +1 -0
  453. package/dist/esm/index.native.js +63 -0
  454. package/dist/esm/index.native.js.map +1 -0
  455. package/dist/esm/useOnIntersecting.mjs +44 -0
  456. package/dist/esm/useOnIntersecting.mjs.map +1 -0
  457. package/dist/esm/useOnIntersecting.native.js +78 -0
  458. package/dist/esm/useOnIntersecting.native.js.map +1 -0
  459. package/package.json +68 -0
  460. package/src/AccordionDemo.tsx +73 -0
  461. package/src/AddThemeDemo.tsx +35 -0
  462. package/src/AlertDialogDemo.tsx +56 -0
  463. package/src/AnimationsDelayDemo.tsx +49 -0
  464. package/src/AnimationsDemo.tsx +85 -0
  465. package/src/AnimationsEnterDemo.tsx +43 -0
  466. package/src/AnimationsHoverDemo.tsx +23 -0
  467. package/src/AnimationsPresenceDemo.tsx +93 -0
  468. package/src/AnimationsTimingDemo.tsx +22 -0
  469. package/src/AvatarDemo.tsx +23 -0
  470. package/src/BoxShadowTokenDemo.tsx +35 -0
  471. package/src/BuildAButtonDemo.tsx +72 -0
  472. package/src/ButtonDemo.tsx +49 -0
  473. package/src/CardDemo.tsx +44 -0
  474. package/src/CheckboxDemo.tsx +39 -0
  475. package/src/CheckboxHeadlessDemo.tsx +47 -0
  476. package/src/CheckboxUnstyledDemo.tsx +49 -0
  477. package/src/ColorsDemo.tsx +133 -0
  478. package/src/ContextMenuDemo.tsx +178 -0
  479. package/src/DialogDemo.tsx +180 -0
  480. package/src/FormsDemo.tsx +60 -0
  481. package/src/Grid.tsx +46 -0
  482. package/src/GroupDemo.tsx +56 -0
  483. package/src/HeadingsDemo.tsx +14 -0
  484. package/src/ImageDemo.tsx +15 -0
  485. package/src/InputsDemo.tsx +27 -0
  486. package/src/LabelDemo.tsx +28 -0
  487. package/src/LinearGradientDemo.tsx +28 -0
  488. package/src/ListItemDemo.tsx +65 -0
  489. package/src/LucideIconsDemo.tsx +59 -0
  490. package/src/MenuDemo.tsx +183 -0
  491. package/src/NewInputsDemo.tsx +28 -0
  492. package/src/PopoverDemo.tsx +130 -0
  493. package/src/ProgressDemo.tsx +76 -0
  494. package/src/RadioGroupDemo.tsx +35 -0
  495. package/src/RadioGroupHeadlessDemo.tsx +129 -0
  496. package/src/RadioGroupUnstyledDemo.tsx +121 -0
  497. package/src/ReplaceThemeDemo.tsx +53 -0
  498. package/src/ScrollViewDemo.tsx +18 -0
  499. package/src/SelectDemo.tsx +189 -0
  500. package/src/SeparatorDemo.tsx +18 -0
  501. package/src/ShapesDemo.tsx +10 -0
  502. package/src/SheetDemo.tsx +156 -0
  503. package/src/SliderDemo.tsx +23 -0
  504. package/src/SpinnerDemo.tsx +10 -0
  505. package/src/StacksDemo.tsx +58 -0
  506. package/src/SwitchDemo.tsx +52 -0
  507. package/src/SwitchHeadlessDemo.tsx +76 -0
  508. package/src/SwitchUnstyledDemo.tsx +58 -0
  509. package/src/TabsAdvancedDemo.tsx +351 -0
  510. package/src/TabsDemo.tsx +171 -0
  511. package/src/TabsHeadlessDemo.tsx +126 -0
  512. package/src/TextDemo.tsx +15 -0
  513. package/src/ThemeBuilderDemo.tsx +124 -0
  514. package/src/ThemeInverseDemo.tsx +37 -0
  515. package/src/ToastDemo.tsx +121 -0
  516. package/src/ToastDuplicateDemo.tsx +47 -0
  517. package/src/ToggleGroupDemo.tsx +82 -0
  518. package/src/TokensDemo.tsx +105 -0
  519. package/src/TooltipDemo.tsx +68 -0
  520. package/src/UpdateThemeDemo.tsx +57 -0
  521. package/src/WebNativeImageDemo.tsx +5 -0
  522. package/src/gui.config.ts +16 -0
  523. package/src/index.tsx +65 -0
  524. package/src/useOnIntersecting.tsx +89 -0
@@ -0,0 +1 @@
1
+ {"version":3,"names":["React","useCheckbox","Check","Minus","Pressable","Label","XStack","YStack","jsx","jsxs","CheckboxHeadlessDemo","width","items","gap","children","HeadlessCheckbox","defaultChecked","id","htmlFor","forwardRef","props","ref","checked","setChecked","useState","checkboxProps","checkboxRef","bubbleInput","style","height","borderRadius","justifyContent","alignItems","backgroundColor"],"sources":["../../src/CheckboxHeadlessDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAElB,SAASC,WAAA,QAAmB;AAC5B,SAASC,KAAA,EAAOC,KAAA,QAAa;AAG7B,SAASC,SAAA,QAAiB;AAC1B,SAASC,KAAA,EAAOC,MAAA,EAAQC,MAAA,QAAc;AAKhC,SACEC,GAAA,EADFC,IAAA;AAHC,SAASC,qBAAA,EAAuB;EACrC,OACE,eAAAF,GAAA,CAACD,MAAA;IAAOI,KAAA,EAAO;IAAKC,KAAA,EAAM;IAASC,GAAA,EAAI;IACrCC,QAAA,iBAAAL,IAAA,CAACH,MAAA;MAAOO,GAAA,EAAI;MAAKD,KAAA,EAAM;MACrBE,QAAA,kBAAAN,GAAA,CAACO,gBAAA;QAAiBC,cAAA,EAAe;QAAgBC,EAAA,EAAG;MAAA,CAAW,GAC/D,eAAAT,GAAA,CAACH,KAAA;QAAMa,OAAA,EAAQ;QAAWJ,QAAA;MAAA,CAAQ;IAAA,CACpC;EAAA,CACF;AAEJ;AAEA,MAAMC,gBAAA,GAAmBf,KAAA,CAAMmB,UAAA,CAAwC,CAACC,KAAA,EAAOC,GAAA,KAAQ;EACrF,MAAM,CAACC,OAAA,EAASC,UAAU,IAAIvB,KAAA,CAAMwB,QAAA,CAASJ,KAAA,CAAMJ,cAAA,IAAkB,EAAK;IACpE;MAAES,aAAA;MAAeC,WAAA;MAAaC;IAAY,IAAI1B,WAAA,CAClDmB,KAAA,EACA,CAACE,OAAA,EAASC,UAAU,GACpBF,GACF;EAEA,OACE,eAAAZ,IAAA,CAACL,SAAA;IACCwB,KAAA,EAAO;MACLjB,KAAA,EAAO;MACPkB,MAAA,EAAQ;MACRC,YAAA,EAAc;MACdC,cAAA,EAAgB;MAChBC,UAAA,EAAY;MACZC,eAAA,EAAiBX,OAAA,KAAY,KAAO,cAAc;IACpD;IACAD,GAAA,EAAKK,WAAA;IACJ,GAAGD,aAAA;IAEHX,QAAA,GAAAQ,OAAA,KAAY,mBAAmB,eAAAd,GAAA,CAACL,KAAA;MAAMQ,KAAA,EAAO;MAAIkB,MAAA,EAAQ;IAAA,CAAI,GAC7DP,OAAA,KAAY,MAAQ,eAAAd,GAAA,CAACN,KAAA;MAAMS,KAAA,EAAO;MAAIkB,MAAA,EAAQ;IAAA,CAAI,GAClDF,WAAA;EAAA,CACH;AAEJ,CAAC","ignoreList":[]}
@@ -0,0 +1,53 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import React from "react";
3
+ import { useCheckbox } from "@hanzogui/checkbox-headless";
4
+ import { Check, Minus } from "@hanzogui/lucide-icons-2";
5
+ import { Pressable } from "react-native";
6
+ import { Label, XStack, YStack } from "@hanzo/gui";
7
+ function CheckboxHeadlessDemo() {
8
+ return /* @__PURE__ */_jsx(YStack, {
9
+ width: 200,
10
+ items: "center",
11
+ gap: "$3",
12
+ children: /* @__PURE__ */_jsxs(XStack, {
13
+ gap: "$3",
14
+ items: "center",
15
+ children: [/* @__PURE__ */_jsx(HeadlessCheckbox, {
16
+ defaultChecked: "indeterminate",
17
+ id: "headless"
18
+ }), /* @__PURE__ */_jsx(Label, {
19
+ htmlFor: "headless",
20
+ children: "Headless"
21
+ })]
22
+ })
23
+ });
24
+ }
25
+ var HeadlessCheckbox = /* @__PURE__ */React.forwardRef(function (props, ref) {
26
+ var [checked, setChecked] = React.useState(props.defaultChecked || !1),
27
+ {
28
+ checkboxProps,
29
+ checkboxRef,
30
+ bubbleInput
31
+ } = useCheckbox(props, [checked, setChecked], ref);
32
+ return /* @__PURE__ */_jsxs(Pressable, {
33
+ style: {
34
+ width: 20,
35
+ height: 20,
36
+ borderRadius: 4,
37
+ justifyContent: "center",
38
+ alignItems: "center",
39
+ backgroundColor: checked === !0 ? "lightblue" : "silver"
40
+ },
41
+ ref: checkboxRef,
42
+ ...checkboxProps,
43
+ children: [checked === "indeterminate" && /* @__PURE__ */_jsx(Minus, {
44
+ width: 18,
45
+ height: 18
46
+ }), checked === !0 && /* @__PURE__ */_jsx(Check, {
47
+ width: 18,
48
+ height: 18
49
+ }), bubbleInput]
50
+ });
51
+ });
52
+ export { CheckboxHeadlessDemo };
53
+ //# sourceMappingURL=CheckboxHeadlessDemo.native.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["jsx","_jsx","jsxs","_jsxs","React","useCheckbox","Check","Minus","Pressable","Label","XStack","YStack","CheckboxHeadlessDemo","width","items","gap","children","HeadlessCheckbox","defaultChecked","id","htmlFor","forwardRef","props","ref","checked","setChecked","useState","checkboxProps","checkboxRef","bubbleInput","style","height","borderRadius","justifyContent","alignItems"],"sources":["../../src/CheckboxHeadlessDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAOA,GAAA,IAAAC,IAAW,EAAAC,IAAA,IAAAC,KAAA;AAElB,OAAAC,KAAS;AACT,SAASC,WAAO,qCAAa;AAG7B,SAASC,KAAA,EAAAC,KAAA,QAAiB;AAC1B,SAASC,SAAO,QAAQ,cAAc;AAKhC,SACEC,KADF,EAAAC,MAAA,EAAAC,MAAA;AAHC,SAASC,qBAAA,EAAuB;EACrC,OACE,eAAAX,IAAC,CAAAU,MAAA;IAEGE,KAAA;IACAC,KAAA;IAAkCC,GACpC,EACF;IAEJC,QAAA,iBAAAb,KAAA,CAAAO,MAAA;MAEMK,GAAA;MACJD,KAAO,UAAS;MAEdE,QAAA,GACC,eAAmBf,IAAA,CAAAgB,gBAAA;QACpBC,cAAA;QACFC,EAAA;MAEA,CACE,GAAC,eAAAlB,IAAA,CAAAQ,KAAA;QAAAW,OAAA;QACCJ,QAAO;MACL;IACQ;EACM;AACE;AACJ,IAAAC,gBACZ,kBAA6Bb,KAAO,CAAAiB,UAAA,CAAc,UAAAC,KAAA,EAAAC,GAAA;EAAA,IACpD,CAAAC,OAAA,EAAAC,UAAA,IAAArB,KAAA,CAAAsB,QAAA,CAAAJ,KAAA,CAAAJ,cAAA;IAAA;MAAAS,aAAA;MAAAC,WAAA;MAAAC;IAAA,IAAAxB,WAAA,CAAAiB,KAAA,GAAAE,OACK,EAAAC,UACD,GAAAF,GAEH;EAAA,sBAAYpB,KAAA,CAAAK,SAAmB;IAA8BsB,KAC7D;MAAkDjB,KAClD;MAAAkB,MAAA;MAAAC,YAAA;MACHC,cAAA;MAEHC,UAAA","ignoreList":[]}
@@ -0,0 +1,54 @@
1
+ import { createCheckbox } from "@hanzogui/checkbox";
2
+ import { View, styled } from "@hanzogui/core";
3
+ import { Check } from "@hanzogui/lucide-icons-2";
4
+ import { Label, XStack, YStack } from "@hanzo/gui";
5
+ import { jsx, jsxs } from "react/jsx-runtime";
6
+ const Frame = styled(View, {
7
+ borderWidth: 1,
8
+ borderColor: "$borderColor",
9
+ rounded: 5,
10
+ items: "center",
11
+ justify: "center",
12
+ variants: {
13
+ checked: {
14
+ indeterminate: {},
15
+ true: {
16
+ backgroundColor: "$color5"
17
+ },
18
+ false: {
19
+ backgroundColor: "$color3"
20
+ }
21
+ }
22
+ },
23
+ defaultVariants: {
24
+ checked: !1
25
+ }
26
+ }),
27
+ Indicator = styled(View, {}),
28
+ Checkbox = createCheckbox({
29
+ Frame,
30
+ Indicator
31
+ });
32
+ function CheckboxUnstyledDemo() {
33
+ return /* @__PURE__ */jsx(YStack, {
34
+ width: 200,
35
+ items: "center",
36
+ gap: "$3",
37
+ children: /* @__PURE__ */jsxs(XStack, {
38
+ gap: "$3",
39
+ items: "center",
40
+ children: [/* @__PURE__ */jsx(Checkbox, {
41
+ defaultChecked: !0,
42
+ id: "unstyled",
43
+ children: /* @__PURE__ */jsx(Checkbox.Indicator, {
44
+ children: /* @__PURE__ */jsx(Check, {})
45
+ })
46
+ }), /* @__PURE__ */jsx(Label, {
47
+ htmlFor: "unstyled",
48
+ children: "Unstyled"
49
+ })]
50
+ })
51
+ });
52
+ }
53
+ export { Checkbox, CheckboxUnstyledDemo };
54
+ //# sourceMappingURL=CheckboxUnstyledDemo.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["createCheckbox","View","styled","Check","Label","XStack","YStack","jsx","jsxs","Frame","borderWidth","borderColor","rounded","items","justify","variants","checked","indeterminate","true","backgroundColor","false","defaultVariants","Indicator","Checkbox","CheckboxUnstyledDemo","width","gap","children","defaultChecked","id","htmlFor"],"sources":["../../src/CheckboxUnstyledDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,cAAA,QAAsB;AAC/B,SAASC,IAAA,EAAMC,MAAA,QAAc;AAC7B,SAASC,KAAA,QAAa;AACtB,SAASC,KAAA,EAAOC,MAAA,EAAQC,MAAA,QAAc;AAmChC,SAGMC,GAAA,EAHNC,IAAA;AAjCN,MAAMC,KAAA,GAAQP,MAAA,CAAOD,IAAA,EAAM;IACzBS,WAAA,EAAa;IACbC,WAAA,EAAa;IACbC,OAAA,EAAS;IACTC,KAAA,EAAO;IACPC,OAAA,EAAS;IACTC,QAAA,EAAU;MACRC,OAAA,EAAS;QACPC,aAAA,EAAe,CAAC;QAChBC,IAAA,EAAM;UACJC,eAAA,EAAiB;QACnB;QACAC,KAAA,EAAO;UACLD,eAAA,EAAiB;QACnB;MACF;IACF;IAEAE,eAAA,EAAiB;MACfL,OAAA,EAAS;IACX;EACF,CAAC;EAEKM,SAAA,GAAYpB,MAAA,CAAOD,IAAA,EAAM,CAAC,CAAC;EAEpBsB,QAAA,GAAWvB,cAAA,CAAe;IACrCS,KAAA;IACAa;EACF,CAAC;AAEM,SAASE,qBAAA,EAAuB;EACrC,OACE,eAAAjB,GAAA,CAACD,MAAA;IAAOmB,KAAA,EAAO;IAAKZ,KAAA,EAAM;IAASa,GAAA,EAAI;IACrCC,QAAA,iBAAAnB,IAAA,CAACH,MAAA;MAAOqB,GAAA,EAAI;MAAKb,KAAA,EAAM;MACrBc,QAAA,kBAAApB,GAAA,CAACgB,QAAA;QAASK,cAAA,EAAc;QAACC,EAAA,EAAG;QAC1BF,QAAA,iBAAApB,GAAA,CAACgB,QAAA,CAASD,SAAA,EAAT;UACCK,QAAA,iBAAApB,GAAA,CAACJ,KAAA,IAAM;QAAA,CACT;MAAA,CACF,GACA,eAAAI,GAAA,CAACH,KAAA;QAAM0B,OAAA,EAAQ;QAAWH,QAAA;MAAA,CAAQ;IAAA,CACpC;EAAA,CACF;AAEJ","ignoreList":[]}
@@ -0,0 +1,54 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { createCheckbox } from "@hanzogui/checkbox";
3
+ import { View, styled } from "@hanzogui/core";
4
+ import { Check } from "@hanzogui/lucide-icons-2";
5
+ import { Label, XStack, YStack } from "@hanzo/gui";
6
+ var Frame = styled(View, {
7
+ borderWidth: 1,
8
+ borderColor: "$borderColor",
9
+ rounded: 5,
10
+ items: "center",
11
+ justify: "center",
12
+ variants: {
13
+ checked: {
14
+ indeterminate: {},
15
+ true: {
16
+ backgroundColor: "$color5"
17
+ },
18
+ false: {
19
+ backgroundColor: "$color3"
20
+ }
21
+ }
22
+ },
23
+ defaultVariants: {
24
+ checked: !1
25
+ }
26
+ }),
27
+ Indicator = styled(View, {}),
28
+ Checkbox = createCheckbox({
29
+ Frame,
30
+ Indicator
31
+ });
32
+ function CheckboxUnstyledDemo() {
33
+ return /* @__PURE__ */_jsx(YStack, {
34
+ width: 200,
35
+ items: "center",
36
+ gap: "$3",
37
+ children: /* @__PURE__ */_jsxs(XStack, {
38
+ gap: "$3",
39
+ items: "center",
40
+ children: [/* @__PURE__ */_jsx(Checkbox, {
41
+ defaultChecked: !0,
42
+ id: "unstyled",
43
+ children: /* @__PURE__ */_jsx(Checkbox.Indicator, {
44
+ children: /* @__PURE__ */_jsx(Check, {})
45
+ })
46
+ }), /* @__PURE__ */_jsx(Label, {
47
+ htmlFor: "unstyled",
48
+ children: "Unstyled"
49
+ })]
50
+ })
51
+ });
52
+ }
53
+ export { Checkbox, CheckboxUnstyledDemo };
54
+ //# sourceMappingURL=CheckboxUnstyledDemo.native.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["jsx","_jsx","jsxs","_jsxs","createCheckbox","View","styled","Check","Label","XStack","YStack","Frame","borderWidth","borderColor","rounded","items","justify","variants","checked","indeterminate","true","backgroundColor","false","defaultVariants","Indicator","Checkbox","CheckboxUnstyledDemo","width","gap","children"],"sources":["../../src/CheckboxUnstyledDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAsB;AAC/B,SAASC,cAAM,QAAc;AAC7B,SAASC,IAAA,EAAAC,MAAA,QAAa;AACtB,SAASC,KAAA,QAAO,0BAAsB;AAmChC,SAGMC,KAHN,EAAAC,MAAA,EAAAC,MAAA;AAjCN,IAAAC,KAAM,GAAAL,MAAQ,CAAAD,IAAO;IACnBO,WAAA,EAAa;IACbC,WAAA,EAAa;IACbC,OAAA,EAAS;IACTC,KAAA,EAAO;IACPC,OAAA,EAAS;IACTC,QAAA,EAAU;MACRC,OAAA,EAAS;QACPC,aAAA,EAAe,CAAC;QAChBC,IAAA,EAAM;UACJC,eAAA,EAAiB;QACnB;QACAC,KAAA,EAAO;UACLD,eAAA,EAAiB;QACnB;MACF;IACF;IAEAE,eAAA,EAAiB;MACfL,OAAA,EAAS;IACX;EACF,CAAC;EAEKM,SAAA,GAAYlB,MAAA,CAAOD,IAAA,EAAM,CAAC,CAAC;EAEpBoB,QAAA,GAAWrB,cAAA,CAAe;IACrCO,KAAA;IACAa;EACF,CAAC;AAEM,SAASE,qBAAA,EAAuB;EACrC,OACE,eAAAzB,IAAC,CAAAS,MAAA;IAEGiB,KAAA;IAKAZ,KAAA;IAAkCa,GACpC,EACF;IAEJC,QAAA,iBAAA1B,KAAA,CAAAM,MAAA","ignoreList":[]}
@@ -0,0 +1,110 @@
1
+ import { blue, blueDark, gray, grayDark, green, greenDark, red, redDark, yellow, yellowDark } from "@hanzogui/colors";
2
+ import { H2, Paragraph, Separator, Square, XStack, YStack } from "@hanzo/gui";
3
+ import { jsx, jsxs } from "react/jsx-runtime";
4
+ const colorGroups = ["gray", "blue", "green", "yellow", "red"],
5
+ lightColors = {
6
+ gray,
7
+ blue,
8
+ green,
9
+ yellow,
10
+ red
11
+ },
12
+ darkColors = {
13
+ gray: grayDark,
14
+ blue: blueDark,
15
+ green: greenDark,
16
+ yellow: yellowDark,
17
+ red: redDark
18
+ };
19
+ function ColorsDemo() {
20
+ return /* @__PURE__ */jsxs(YStack, {
21
+ mt: "$4",
22
+ gap: "$8",
23
+ children: [/* @__PURE__ */jsx(ColorsRow, {
24
+ title: "Light",
25
+ colorSets: lightColors
26
+ }), /* @__PURE__ */jsx(Separator, {}), /* @__PURE__ */jsx(ColorsRow, {
27
+ title: "Dark",
28
+ colorSets: darkColors
29
+ })]
30
+ });
31
+ }
32
+ function ColorsRow({
33
+ title,
34
+ colorSets
35
+ }) {
36
+ return /* @__PURE__ */jsxs(YStack, {
37
+ gap: "$4",
38
+ $sm: {
39
+ gap: "$2"
40
+ },
41
+ children: [/* @__PURE__ */jsx(H2, {
42
+ size: "$2",
43
+ children: title
44
+ }), /* @__PURE__ */jsxs(XStack, {
45
+ gap: "$4",
46
+ self: "center",
47
+ children: [/* @__PURE__ */jsxs(YStack, {
48
+ gap: "$4",
49
+ $sm: {
50
+ gap: "$2"
51
+ },
52
+ self: "center",
53
+ children: [colorGroups.map(groupName => {
54
+ const colorSet = colorSets[groupName],
55
+ colors = Object.values(colorSet);
56
+ return /* @__PURE__ */jsx(XStack, {
57
+ gap: "$2",
58
+ children: colors.map((color, index) => /* @__PURE__ */jsx(Square, {
59
+ rounded: "$2",
60
+ size: "$4",
61
+ height: "$4",
62
+ borderWidth: 1,
63
+ bg: color,
64
+ borderColor: "$color7",
65
+ $sm: {
66
+ size: "$2"
67
+ },
68
+ $xs: {
69
+ size: "$1"
70
+ }
71
+ }, `${groupName}${index}`))
72
+ }, groupName);
73
+ }), /* @__PURE__ */jsx(XStack, {
74
+ gap: "$2",
75
+ self: "center",
76
+ children: new Array(13).fill(0).slice(1).map((_, index) => /* @__PURE__ */jsx(Paragraph, {
77
+ color: "$color10",
78
+ text: "center",
79
+ width: "$4",
80
+ $sm: {
81
+ width: "$2"
82
+ },
83
+ $xs: {
84
+ width: "$1"
85
+ },
86
+ children: index
87
+ }, index))
88
+ })]
89
+ }), /* @__PURE__ */jsx(YStack, {
90
+ gap: "$4",
91
+ mt: "$2",
92
+ children: colorGroups.map(name => /* @__PURE__ */jsx(Paragraph, {
93
+ theme: name,
94
+ color: "$color10",
95
+ height: "$4",
96
+ rotate: "-10deg",
97
+ $sm: {
98
+ height: "$2"
99
+ },
100
+ $xs: {
101
+ height: "$1"
102
+ },
103
+ children: name
104
+ }, name))
105
+ })]
106
+ })]
107
+ });
108
+ }
109
+ export { ColorsDemo };
110
+ //# sourceMappingURL=ColorsDemo.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["blue","blueDark","gray","grayDark","green","greenDark","red","redDark","yellow","yellowDark","H2","Paragraph","Separator","Square","XStack","YStack","jsx","jsxs","colorGroups","lightColors","darkColors","ColorsDemo","mt","gap","children","ColorsRow","title","colorSets","$sm","size","self","map","groupName","colorSet","colors","Object","values","color","index","rounded","height","borderWidth","bg","borderColor","$xs","Array","fill","slice","_","text","width","name","theme","rotate"],"sources":["../../src/ColorsDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
@@ -0,0 +1,117 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { blue, blueDark, gray, grayDark, green, greenDark, red, redDark, yellow, yellowDark } from "@hanzogui/colors";
3
+ import { H2, Paragraph, Separator, Square, XStack, YStack } from "@hanzo/gui";
4
+ var colorGroups = ["gray", "blue", "green", "yellow", "red"],
5
+ lightColors = {
6
+ gray,
7
+ blue,
8
+ green,
9
+ yellow,
10
+ red
11
+ },
12
+ darkColors = {
13
+ gray: grayDark,
14
+ blue: blueDark,
15
+ green: greenDark,
16
+ yellow: yellowDark,
17
+ red: redDark
18
+ };
19
+ function ColorsDemo() {
20
+ return /* @__PURE__ */_jsxs(YStack, {
21
+ mt: "$4",
22
+ gap: "$8",
23
+ children: [/* @__PURE__ */_jsx(ColorsRow, {
24
+ title: "Light",
25
+ colorSets: lightColors
26
+ }), /* @__PURE__ */_jsx(Separator, {}), /* @__PURE__ */_jsx(ColorsRow, {
27
+ title: "Dark",
28
+ colorSets: darkColors
29
+ })]
30
+ });
31
+ }
32
+ function ColorsRow(param) {
33
+ var {
34
+ title,
35
+ colorSets
36
+ } = param;
37
+ return /* @__PURE__ */_jsxs(YStack, {
38
+ gap: "$4",
39
+ $sm: {
40
+ gap: "$2"
41
+ },
42
+ children: [/* @__PURE__ */_jsx(H2, {
43
+ size: "$2",
44
+ children: title
45
+ }), /* @__PURE__ */_jsxs(XStack, {
46
+ gap: "$4",
47
+ self: "center",
48
+ children: [/* @__PURE__ */_jsxs(YStack, {
49
+ gap: "$4",
50
+ $sm: {
51
+ gap: "$2"
52
+ },
53
+ self: "center",
54
+ children: [colorGroups.map(function (groupName) {
55
+ var colorSet = colorSets[groupName],
56
+ colors = Object.values(colorSet);
57
+ return /* @__PURE__ */_jsx(XStack, {
58
+ gap: "$2",
59
+ children: colors.map(function (color, index) {
60
+ return /* @__PURE__ */_jsx(Square, {
61
+ rounded: "$2",
62
+ size: "$4",
63
+ height: "$4",
64
+ borderWidth: 1,
65
+ bg: color,
66
+ borderColor: "$color7",
67
+ $sm: {
68
+ size: "$2"
69
+ },
70
+ $xs: {
71
+ size: "$1"
72
+ }
73
+ }, `${groupName}${index}`);
74
+ })
75
+ }, groupName);
76
+ }), /* @__PURE__ */_jsx(XStack, {
77
+ gap: "$2",
78
+ self: "center",
79
+ children: new Array(13).fill(0).slice(1).map(function (_, index) {
80
+ return /* @__PURE__ */_jsx(Paragraph, {
81
+ color: "$color10",
82
+ text: "center",
83
+ width: "$4",
84
+ $sm: {
85
+ width: "$2"
86
+ },
87
+ $xs: {
88
+ width: "$1"
89
+ },
90
+ children: index
91
+ }, index);
92
+ })
93
+ })]
94
+ }), /* @__PURE__ */_jsx(YStack, {
95
+ gap: "$4",
96
+ mt: "$2",
97
+ children: colorGroups.map(function (name) {
98
+ return /* @__PURE__ */_jsx(Paragraph, {
99
+ theme: name,
100
+ color: "$color10",
101
+ height: "$4",
102
+ rotate: "-10deg",
103
+ $sm: {
104
+ height: "$2"
105
+ },
106
+ $xs: {
107
+ height: "$1"
108
+ },
109
+ children: name
110
+ }, name);
111
+ })
112
+ })]
113
+ })]
114
+ });
115
+ }
116
+ export { ColorsDemo };
117
+ //# sourceMappingURL=ColorsDemo.native.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["jsx","_jsx","jsxs","_jsxs","blue","blueDark","gray","grayDark","green","greenDark","red","redDark","yellow","yellowDark","H2","Paragraph","Separator","Square","XStack","YStack","colorGroups","lightColors","darkColors","ColorsDemo","mt","gap","children","ColorsRow","title","colorSets","param","$sm","size","self","map","groupName","colorSet","colors","Object","values","color","index","rounded","height","borderWidth","bg","borderColor","$xs","Array","fill","slice","_","text","width"],"sources":["../../src/ColorsDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAAA,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAAA,SACEC,IAAA,EAAAC,QAAA,EAAAC,IAAA,EAAAC,QAAA,EAAAC,KAAA,EAAAC,SAAA,EAAAC,GAAA,EAAAC,OAAA,EAAAC,MAAA,EAAAC,UAAA;AAAA,SACAC,EAAA,EAAAC,SAAA,EAAAC,SAAA,EAAAC,MAAA,EAAAC,MAAA,EAAAC,MAAA;AAAA,IACAC,WAAA,IACA,QACA,QACA,SACA,UACA;EACAC,WAAA;IACAf,IAAA;IAAAF,IAAA;IAEFI,KAAA;IAsBII,MAAA;IApBJF;EAEoB;EAClBY,UAAA;IACAhB,IAAA,EAAAC,QAAA;IACAH,IAAA,EAAAC,QAAA;IACAG,KAAA,EAAAC,SAAA;IACAG,MAAA,EAAAC,UAAA;IACFH,GAEM,EAAAC;EAAa;AACX,SACAY,WAAA;EACN,OAAO,eAAApB,KAAA,CAAAgB,MAAA;IACPK,EAAA,MAAQ;IACRC,GAAK;IACPC,QAAA,GAEO,eAAsBzB,IAAA,CAAA0B,SAAA;MAC3BC,KACE;MACEC,SAAA,EAAAR;IACA,IACA,eAAApB,IAAC,CAAAe,SAAA,EAAU,KACb,eAAAf,IAAA,CAAA0B,SAAA;MAEJC,KAAA;MAIAC,SAAS,EAAUP;IACjB;EAEF,CAGG;AACD;AAEI,SAAAK,UAAAG,KAAC;EAAoB,IAErB;IAAAF,KAAA;IAAAC;EAAC,IAAAC,KAAA;EACC,sBAAA3B,KAAC,CAAAgB,MAAO;IACLM,GAAA;IACCM,GAAA;MAEAN,GAAA;IAIQ;IAACC,QAAA,kBAECzB,IAAQ,CAAAa,EAAA;MAAAkB,IAAA,EACR;MAAKN,QACL,EAAAE;IAAO,IACM,eACTzB,KAAA,CAAAe,MAAA;MAAAO,GAAA,MACJ;MAAYQ,IAAA,EACZ,QAAK;MAAAP,QACH,GAAM,eACRvB,KAAA,CAAAgB,MAAA;QAAAM,GACA,MAAK;QAAAM,GAAA,EACH;UACFN,GAAA;QAAA;QAZKQ,IAAG,UAAS;QAetBP,QAnBmB,GAsBzBN,WAAA,CAAAc,GAAA,WAAAC,SAAA;UAED,IAAAC,QAAC,GAAAP,SAAO,CAAAM,SAAS;YAAAE,MAAK,GAAAC,MACnB,CAAAC,MAAA,CAAAH,QAAI,CAAM;UAKJ,sBAAAnC,IAAA,CAAAiB,MAAA;YAAAO,GAAA;YACCC,QAAM,EAAAW,MAAA,CAAAH,GAAA,WAAAM,KAAA,EAAAC,KAAA;cACD,sBAAAxC,IAAA,CAAAgB,MAAA;gBACCyB,OAAA;gBACDV,IAAA;gBACIW,MAAA;gBACTC,WAAA;gBACKC,EAAA,EAAAL,KAAA;gBACIM,WAAA;gBACTf,GAAA;kBAGCC,IAAA;gBAAA;gBAFIe,GAAA;kBAMff,IAAA;gBACF;cAEA,MAACG,SAAA,GAAOM,KAAI;YAEP;UAAA,GAAAN,SAAA;QACC,IACA,eAAMlC,IAAA,CAAAiB,MAAA;UACNO,GAAO;UACPQ,IAAO;UACFP,QAAA,MAAAsB,KAAA,KAAAC,IAAA,IAAAC,KAAA,IAAAhB,GAAA,WAAAiB,CAAA,EAAAV,KAAA;YACH,OAAQ,eAAAxC,IAAA,CAAAc,SAAA;cACVyB,KAAA;cACKY,IAAA;cACKC,KAAA;cACVtB,GAAA;gBAGCsB,KAAA;cAAA;cAFIN,GAAA;gBAKXM,KAAA;cACF;cACF3B,QAAA,EAAAe;YAEJ,GAAAA,KAAA","ignoreList":[]}
@@ -0,0 +1,190 @@
1
+ import { ContextMenu } from "@hanzogui/context-menu";
2
+ import { Calendar, Check, ChevronRight } from "@hanzogui/lucide-icons-2";
3
+ import React from "react";
4
+ import { Text, View, YStack } from "@hanzo/gui";
5
+ import { jsx, jsxs } from "react/jsx-runtime";
6
+ function ContextMenuDemo() {
7
+ const [bookmarksChecked, setBookmarksChecked] = React.useState(!0),
8
+ [native, setNative] = React.useState(!0),
9
+ onSelect = () => {
10
+ console.info("onSelect");
11
+ };
12
+ return /* @__PURE__ */jsxs(ContextMenu, {
13
+ native,
14
+ children: [/* @__PURE__ */jsx(ContextMenu.Trigger, {
15
+ asChild: !0,
16
+ children: /* @__PURE__ */jsx(View, {
17
+ p: "$4",
18
+ rounded: "$4",
19
+ borderWidth: 1,
20
+ borderStyle: "dashed",
21
+ borderColor: "$color6",
22
+ cursor: "default",
23
+ children: /* @__PURE__ */jsx(Text, {
24
+ text: "center",
25
+ select: "none",
26
+ color: "$color10",
27
+ children: "Right Click or Long Press"
28
+ })
29
+ })
30
+ }), /* @__PURE__ */jsx(ContextMenu.Portal, {
31
+ zIndex: 100,
32
+ children: /* @__PURE__ */jsxs(ContextMenu.Content, {
33
+ p: "$1.5",
34
+ minW: 180,
35
+ borderWidth: 1,
36
+ borderColor: "$borderColor",
37
+ transformOrigin: "left top",
38
+ enterStyle: {
39
+ scale: 0.9,
40
+ opacity: 0,
41
+ y: -5
42
+ },
43
+ exitStyle: {
44
+ scale: 0.95,
45
+ opacity: 0,
46
+ y: -3
47
+ },
48
+ elevation: "$3",
49
+ transition: "100ms",
50
+ children: [/* @__PURE__ */jsx(ContextMenu.Arrow, {
51
+ size: "$4",
52
+ borderWidth: 1,
53
+ borderColor: "$borderColor"
54
+ }), /* @__PURE__ */jsx(ContextMenu.Preview, {
55
+ children: () => /* @__PURE__ */jsx(YStack, {
56
+ items: "center",
57
+ justify: "center",
58
+ height: 100,
59
+ width: 250,
60
+ bg: "pink",
61
+ children: /* @__PURE__ */jsx(Text, {
62
+ children: "Your Preview here"
63
+ })
64
+ })
65
+ }), /* @__PURE__ */jsx(ContextMenu.Item, {
66
+ onSelect,
67
+ children: /* @__PURE__ */jsx(ContextMenu.ItemTitle, {
68
+ children: "About Notes"
69
+ })
70
+ }, "about-notes"), /* @__PURE__ */jsx(ContextMenu.Separator, {}), /* @__PURE__ */jsx(ContextMenu.Item, {
71
+ onSelect,
72
+ children: /* @__PURE__ */jsx(ContextMenu.ItemTitle, {
73
+ children: "Settings"
74
+ })
75
+ }, "settings"), /* @__PURE__ */jsxs(ContextMenu.Item, {
76
+ onSelect,
77
+ justify: "space-between",
78
+ textValue: "Calendar",
79
+ children: [/* @__PURE__ */jsx(ContextMenu.ItemTitle, {
80
+ children: "Calendar"
81
+ }), /* @__PURE__ */jsx(ContextMenu.ItemIcon, {
82
+ androidIconName: "ic_menu_today",
83
+ ios: {
84
+ name: "calendar"
85
+ },
86
+ children: /* @__PURE__ */jsx(Calendar, {
87
+ color: "gray",
88
+ size: 14
89
+ })
90
+ })]
91
+ }, "accounts"), /* @__PURE__ */jsx(ContextMenu.Separator, {}), /* @__PURE__ */jsx(ContextMenu.Item, {
92
+ onSelect,
93
+ disabled: !0,
94
+ textValue: "Locked Notes",
95
+ children: /* @__PURE__ */jsx(ContextMenu.ItemTitle, {
96
+ color: "gray",
97
+ children: "Locked Notes"
98
+ })
99
+ }, "close-notes"), /* @__PURE__ */jsx(ContextMenu.Item, {
100
+ destructive: !0,
101
+ onSelect,
102
+ children: /* @__PURE__ */jsx(ContextMenu.ItemTitle, {
103
+ color: "red",
104
+ children: "Delete all"
105
+ })
106
+ }, "delete-all"), /* @__PURE__ */jsx(ContextMenu.Separator, {}), /* @__PURE__ */jsxs(ContextMenu.Sub, {
107
+ children: [/* @__PURE__ */jsxs(ContextMenu.SubTrigger, {
108
+ justify: "space-between",
109
+ textValue: "Actions",
110
+ children: [/* @__PURE__ */jsx(ContextMenu.ItemTitle, {
111
+ children: "Actions"
112
+ }), /* @__PURE__ */jsx(ChevronRight, {
113
+ size: 12,
114
+ color: "$color10"
115
+ })]
116
+ }, "actions-trigger"), /* @__PURE__ */jsx(ContextMenu.Portal, {
117
+ zIndex: 200,
118
+ children: /* @__PURE__ */jsxs(ContextMenu.SubContent, {
119
+ enterStyle: {
120
+ scale: 0.9,
121
+ opacity: 0,
122
+ x: -5
123
+ },
124
+ exitStyle: {
125
+ scale: 0.95,
126
+ opacity: 0,
127
+ x: -3
128
+ },
129
+ transition: "100ms",
130
+ transformOrigin: "left top",
131
+ elevation: "$3",
132
+ minW: 160,
133
+ bg: "$background",
134
+ p: "$1.5",
135
+ borderWidth: 1,
136
+ borderColor: "$borderColor",
137
+ children: [/* @__PURE__ */jsx(ContextMenu.Label, {
138
+ children: "Note settings"
139
+ }), /* @__PURE__ */jsx(ContextMenu.Item, {
140
+ onSelect,
141
+ textValue: "Create note",
142
+ children: /* @__PURE__ */jsx(ContextMenu.ItemTitle, {
143
+ children: "Create note"
144
+ })
145
+ }, "create-note"), /* @__PURE__ */jsx(ContextMenu.Item, {
146
+ onSelect,
147
+ textValue: "Delete all notes",
148
+ children: /* @__PURE__ */jsx(ContextMenu.ItemTitle, {
149
+ children: "Delete all notes"
150
+ })
151
+ }, "delete-all-notes"), /* @__PURE__ */jsx(ContextMenu.Item, {
152
+ onSelect,
153
+ textValue: "Sync notes",
154
+ children: /* @__PURE__ */jsx(ContextMenu.ItemTitle, {
155
+ children: "Sync notes"
156
+ })
157
+ }, "sync-all")]
158
+ })
159
+ })]
160
+ }), /* @__PURE__ */jsx(ContextMenu.Separator, {}), /* @__PURE__ */jsxs(ContextMenu.CheckboxItem, {
161
+ checked: bookmarksChecked,
162
+ onCheckedChange: setBookmarksChecked,
163
+ justify: "space-between",
164
+ children: [/* @__PURE__ */jsx(ContextMenu.ItemTitle, {
165
+ children: "Mark as read"
166
+ }), /* @__PURE__ */jsx(ContextMenu.ItemIndicator, {
167
+ children: /* @__PURE__ */jsx(Check, {
168
+ size: 12,
169
+ color: "$color10"
170
+ })
171
+ })]
172
+ }, "show-hidden"), /* @__PURE__ */jsxs(ContextMenu.CheckboxItem, {
173
+ checked: native,
174
+ onCheckedChange: setNative,
175
+ justify: "space-between",
176
+ children: [/* @__PURE__ */jsx(ContextMenu.ItemTitle, {
177
+ children: "Enable Native"
178
+ }), /* @__PURE__ */jsx(ContextMenu.ItemIndicator, {
179
+ children: /* @__PURE__ */jsx(Check, {
180
+ size: 12,
181
+ color: "$color10"
182
+ })
183
+ })]
184
+ }, "show-other-notes")]
185
+ })
186
+ })]
187
+ });
188
+ }
189
+ export { ContextMenuDemo };
190
+ //# sourceMappingURL=ContextMenuDemo.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["ContextMenu","Calendar","Check","ChevronRight","React","Text","View","YStack","jsx","jsxs","ContextMenuDemo","bookmarksChecked","setBookmarksChecked","useState","native","setNative","onSelect","console","info","children","Trigger","asChild","p","rounded","borderWidth","borderStyle","borderColor","cursor","text","select","color","Portal","zIndex","Content","minW","transformOrigin","enterStyle","scale","opacity","y","exitStyle","elevation","transition","Arrow","size","Preview","items","justify","height","width","bg","Item","ItemTitle","Separator","textValue","ItemIcon","androidIconName","ios","name","disabled","destructive","Sub","SubTrigger","SubContent","x","Label","CheckboxItem","checked","onCheckedChange","ItemIndicator"],"sources":["../../src/ContextMenuDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}