@hanzogui/demos 4.4.0 → 8.0.1

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 (137) hide show
  1. package/dist/cjs/AccordionDemo.native.js.map +1 -1
  2. package/dist/cjs/AddThemeDemo.native.js.map +1 -1
  3. package/dist/cjs/AlertDialogDemo.native.js.map +1 -1
  4. package/dist/cjs/AnimationsDelayDemo.native.js.map +1 -1
  5. package/dist/cjs/AnimationsDemo.native.js.map +1 -1
  6. package/dist/cjs/AnimationsEnterDemo.native.js.map +1 -1
  7. package/dist/cjs/AnimationsHoverDemo.native.js.map +1 -1
  8. package/dist/cjs/AnimationsPresenceDemo.native.js.map +1 -1
  9. package/dist/cjs/AnimationsTimingDemo.native.js.map +1 -1
  10. package/dist/cjs/AvatarDemo.native.js.map +1 -1
  11. package/dist/cjs/BoxShadowTokenDemo.native.js.map +1 -1
  12. package/dist/cjs/BuildAButtonDemo.native.js.map +1 -1
  13. package/dist/cjs/ButtonDemo.native.js.map +1 -1
  14. package/dist/cjs/CardDemo.native.js.map +1 -1
  15. package/dist/cjs/CheckboxDemo.native.js.map +1 -1
  16. package/dist/cjs/CheckboxHeadlessDemo.native.js.map +1 -1
  17. package/dist/cjs/CheckboxUnstyledDemo.native.js.map +1 -1
  18. package/dist/cjs/ColorsDemo.native.js.map +1 -1
  19. package/dist/cjs/ContextMenuDemo.native.js.map +1 -1
  20. package/dist/cjs/DialogDemo.native.js.map +1 -1
  21. package/dist/cjs/FormsDemo.native.js.map +1 -1
  22. package/dist/cjs/Grid.native.js.map +1 -1
  23. package/dist/cjs/GroupDemo.native.js.map +1 -1
  24. package/dist/cjs/HeadingsDemo.native.js.map +1 -1
  25. package/dist/cjs/ImageDemo.native.js.map +1 -1
  26. package/dist/cjs/InputsDemo.native.js.map +1 -1
  27. package/dist/cjs/LabelDemo.native.js.map +1 -1
  28. package/dist/cjs/LinearGradientDemo.native.js.map +1 -1
  29. package/dist/cjs/ListItemDemo.cjs +8 -0
  30. package/dist/cjs/ListItemDemo.native.js +8 -0
  31. package/dist/cjs/ListItemDemo.native.js.map +1 -1
  32. package/dist/cjs/LucideIconsDemo.native.js.map +1 -1
  33. package/dist/cjs/MenuDemo.native.js.map +1 -1
  34. package/dist/cjs/NewInputsDemo.native.js.map +1 -1
  35. package/dist/cjs/PopoverDemo.native.js.map +1 -1
  36. package/dist/cjs/ProgressDemo.native.js.map +1 -1
  37. package/dist/cjs/RadioGroupDemo.native.js.map +1 -1
  38. package/dist/cjs/RadioGroupHeadlessDemo.native.js.map +1 -1
  39. package/dist/cjs/RadioGroupUnstyledDemo.native.js.map +1 -1
  40. package/dist/cjs/ReplaceThemeDemo.native.js.map +1 -1
  41. package/dist/cjs/ScrollViewDemo.native.js.map +1 -1
  42. package/dist/cjs/SelectDemo.cjs +1 -1
  43. package/dist/cjs/SelectDemo.native.js +1 -1
  44. package/dist/cjs/SelectDemo.native.js.map +1 -1
  45. package/dist/cjs/SeparatorDemo.native.js.map +1 -1
  46. package/dist/cjs/ShapesDemo.native.js.map +1 -1
  47. package/dist/cjs/SheetDemo.native.js.map +1 -1
  48. package/dist/cjs/SliderDemo.native.js.map +1 -1
  49. package/dist/cjs/SpinnerDemo.native.js.map +1 -1
  50. package/dist/cjs/StacksDemo.native.js.map +1 -1
  51. package/dist/cjs/SwitchDemo.native.js.map +1 -1
  52. package/dist/cjs/SwitchHeadlessDemo.native.js.map +1 -1
  53. package/dist/cjs/SwitchUnstyledDemo.native.js.map +1 -1
  54. package/dist/cjs/TabsAdvancedDemo.cjs +8 -8
  55. package/dist/cjs/TabsAdvancedDemo.native.js +8 -8
  56. package/dist/cjs/TabsAdvancedDemo.native.js.map +1 -1
  57. package/dist/cjs/TabsDemo.native.js.map +1 -1
  58. package/dist/cjs/TabsHeadlessDemo.native.js.map +1 -1
  59. package/dist/cjs/TextDemo.native.js.map +1 -1
  60. package/dist/cjs/ThemeBuilderDemo.native.js.map +1 -1
  61. package/dist/cjs/ThemeInverseDemo.native.js.map +1 -1
  62. package/dist/cjs/ToastDemo.cjs +190 -113
  63. package/dist/cjs/ToastDemo.native.js +201 -117
  64. package/dist/cjs/ToastDemo.native.js.map +1 -1
  65. package/dist/cjs/ToastDuplicateDemo.cjs +30 -43
  66. package/dist/cjs/ToastDuplicateDemo.native.js +31 -48
  67. package/dist/cjs/ToastDuplicateDemo.native.js.map +1 -1
  68. package/dist/cjs/ToastV1Demo.cjs +155 -0
  69. package/dist/cjs/ToastV1Demo.native.js +166 -0
  70. package/dist/cjs/ToastV1Demo.native.js.map +1 -0
  71. package/dist/cjs/ToggleGroupDemo.native.js.map +1 -1
  72. package/dist/cjs/TokensDemo.native.js.map +1 -1
  73. package/dist/cjs/TooltipDemo.native.js.map +1 -1
  74. package/dist/cjs/UpdateThemeDemo.native.js.map +1 -1
  75. package/dist/cjs/WebNativeImageDemo.native.js.map +1 -1
  76. package/dist/cjs/{gui.config.cjs → hanzogui.config.cjs} +5 -5
  77. package/dist/cjs/{gui.config.native.js → hanzogui.config.native.js} +6 -6
  78. package/dist/cjs/hanzogui.config.native.js.map +1 -0
  79. package/dist/cjs/index.cjs +1 -0
  80. package/dist/cjs/index.native.js +1 -0
  81. package/dist/cjs/index.native.js.map +1 -1
  82. package/dist/cjs/useOnIntersecting.native.js.map +1 -1
  83. package/dist/esm/AnimationsPresenceDemo.mjs.map +1 -1
  84. package/dist/esm/AnimationsPresenceDemo.native.js.map +1 -1
  85. package/dist/esm/ListItemDemo.mjs +8 -0
  86. package/dist/esm/ListItemDemo.mjs.map +1 -1
  87. package/dist/esm/ListItemDemo.native.js +8 -0
  88. package/dist/esm/ListItemDemo.native.js.map +1 -1
  89. package/dist/esm/SelectDemo.mjs +1 -1
  90. package/dist/esm/SelectDemo.mjs.map +1 -1
  91. package/dist/esm/SelectDemo.native.js +1 -1
  92. package/dist/esm/SelectDemo.native.js.map +1 -1
  93. package/dist/esm/TabsAdvancedDemo.mjs +8 -8
  94. package/dist/esm/TabsAdvancedDemo.mjs.map +1 -1
  95. package/dist/esm/TabsAdvancedDemo.native.js +8 -8
  96. package/dist/esm/TabsAdvancedDemo.native.js.map +1 -1
  97. package/dist/esm/ToastDemo.mjs +190 -102
  98. package/dist/esm/ToastDemo.mjs.map +1 -1
  99. package/dist/esm/ToastDemo.native.js +202 -107
  100. package/dist/esm/ToastDemo.native.js.map +1 -1
  101. package/dist/esm/ToastDuplicateDemo.mjs +30 -32
  102. package/dist/esm/ToastDuplicateDemo.mjs.map +1 -1
  103. package/dist/esm/ToastDuplicateDemo.native.js +31 -37
  104. package/dist/esm/ToastDuplicateDemo.native.js.map +1 -1
  105. package/dist/esm/ToastV1Demo.mjs +119 -0
  106. package/dist/esm/ToastV1Demo.mjs.map +1 -0
  107. package/dist/esm/ToastV1Demo.native.js +127 -0
  108. package/dist/esm/ToastV1Demo.native.js.map +1 -0
  109. package/dist/esm/TooltipDemo.mjs.map +1 -1
  110. package/dist/esm/TooltipDemo.native.js.map +1 -1
  111. package/dist/esm/hanzogui.config.mjs +6 -0
  112. package/dist/esm/hanzogui.config.mjs.map +1 -0
  113. package/dist/esm/hanzogui.config.native.js +6 -0
  114. package/dist/esm/hanzogui.config.native.js.map +1 -0
  115. package/dist/esm/index.js +1 -0
  116. package/dist/esm/index.js.map +1 -1
  117. package/dist/esm/index.mjs +1 -0
  118. package/dist/esm/index.mjs.map +1 -1
  119. package/dist/esm/index.native.js +1 -0
  120. package/dist/esm/index.native.js.map +1 -1
  121. package/package.json +40 -17
  122. package/src/ListItemDemo.tsx +26 -5
  123. package/src/MenuDemo.tsx +1 -1
  124. package/src/SelectDemo.tsx +2 -11
  125. package/src/TabsAdvancedDemo.tsx +13 -11
  126. package/src/ToastDemo.tsx +208 -93
  127. package/src/ToastDuplicateDemo.tsx +38 -28
  128. package/src/ToastV1Demo.tsx +121 -0
  129. package/src/TooltipDemo.tsx +1 -9
  130. package/src/{gui.config.ts → hanzogui.config.ts} +1 -1
  131. package/src/index.tsx +3 -2
  132. package/LICENSE +0 -21
  133. package/dist/cjs/gui.config.native.js.map +0 -1
  134. package/dist/esm/gui.config.mjs +0 -6
  135. package/dist/esm/gui.config.mjs.map +0 -1
  136. package/dist/esm/gui.config.native.js +0 -6
  137. package/dist/esm/gui.config.native.js.map +0 -1
@@ -0,0 +1,119 @@
1
+ import { Toast, useToastController, useToastState } from "@hanzogui/toast";
2
+ import React from "react";
3
+ import { Button, Label, Switch, XStack, YStack } from "@hanzo/gui";
4
+ import { jsx, jsxs } from "react/jsx-runtime";
5
+ const ToastV1Demo = () => {
6
+ const [native, setNative] = React.useState(false);
7
+ return /* @__PURE__ */jsxs(YStack, {
8
+ gap: "$4",
9
+ items: "center",
10
+ children: [/* @__PURE__ */jsx(ToastControl, {
11
+ native
12
+ }), /* @__PURE__ */jsx(CurrentToast, {}), /* @__PURE__ */jsx(NativeOptions, {
13
+ native,
14
+ setNative
15
+ })]
16
+ });
17
+ };
18
+ const CurrentToast = () => {
19
+ const currentToast = useToastState();
20
+ if (!currentToast || currentToast.isHandledNatively) return null;
21
+ return /* @__PURE__ */jsx(Toast, {
22
+ duration: currentToast.duration,
23
+ viewportName: currentToast.viewportName,
24
+ enterStyle: {
25
+ opacity: 0,
26
+ scale: 0.95,
27
+ y: -80
28
+ },
29
+ exitStyle: {
30
+ opacity: 0,
31
+ scale: 0.95,
32
+ y: -80
33
+ },
34
+ opacity: 1,
35
+ scale: 1,
36
+ y: -50,
37
+ transition: "quicker",
38
+ bg: "$color2",
39
+ boxShadow: "0px 2px 4px rgba(0,0,0,0.12), 0px 8px 24px rgba(0,0,0,0.08)",
40
+ children: /* @__PURE__ */jsxs(XStack, {
41
+ gap: "$5",
42
+ items: "center",
43
+ justify: "space-between",
44
+ children: [/* @__PURE__ */jsxs(YStack, {
45
+ gap: "$0.5",
46
+ flex: 1,
47
+ children: [/* @__PURE__ */jsx(Toast.Title, {
48
+ children: currentToast.title
49
+ }), !!currentToast.message && /* @__PURE__ */jsx(Toast.Description, {
50
+ children: currentToast.message
51
+ })]
52
+ }), /* @__PURE__ */jsx(Toast.Action, {
53
+ asChild: true,
54
+ altText: "Dismiss toast",
55
+ children: /* @__PURE__ */jsx(Button, {
56
+ size: "$2",
57
+ children: "Dismiss"
58
+ })
59
+ })]
60
+ })
61
+ }, currentToast.id);
62
+ };
63
+ const ToastControl = ({
64
+ native
65
+ }) => {
66
+ const toast = useToastController();
67
+ return /* @__PURE__ */jsxs(XStack, {
68
+ gap: "$2",
69
+ justify: "center",
70
+ children: [/* @__PURE__ */jsx(Button, {
71
+ onPress: () => {
72
+ toast.show("Successfully saved!", {
73
+ message: "Don't worry, we've got your data.",
74
+ native,
75
+ demo: true
76
+ });
77
+ },
78
+ children: "Show"
79
+ }), /* @__PURE__ */jsx(Button, {
80
+ onPress: () => {
81
+ toast.hide();
82
+ },
83
+ children: "Hide"
84
+ })]
85
+ });
86
+ };
87
+ const NativeOptions = ({
88
+ native,
89
+ setNative
90
+ }) => {
91
+ return /* @__PURE__ */jsxs(XStack, {
92
+ gap: "$3",
93
+ children: [/* @__PURE__ */jsx(Label, {
94
+ size: "$1",
95
+ onPress: () => setNative(false),
96
+ children: "Custom"
97
+ }), /* @__PURE__ */jsx(Switch, {
98
+ theme: "surface2",
99
+ id: "native-toggle",
100
+ size: "$1",
101
+ checked: !!native,
102
+ onCheckedChange: val => setNative(val),
103
+ children: /* @__PURE__ */jsx(Switch.Thumb, {
104
+ theme: "accent",
105
+ transition: ["quickest", {
106
+ transform: {
107
+ overshootClamping: true
108
+ }
109
+ }]
110
+ })
111
+ }), /* @__PURE__ */jsx(Label, {
112
+ size: "$1",
113
+ onPress: () => setNative(true),
114
+ children: "Native"
115
+ })]
116
+ });
117
+ };
118
+ export { ToastV1Demo };
119
+ //# sourceMappingURL=ToastV1Demo.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["Toast","useToastController","useToastState","React","Button","Label","Switch","XStack","YStack","jsx","jsxs","ToastV1Demo","native","setNative","useState","gap","items","children","ToastControl","CurrentToast","NativeOptions","currentToast","isHandledNatively","duration","viewportName","enterStyle","opacity","scale","y","exitStyle","transition","bg","boxShadow","justify","flex","Title","title","message","Description","Action","asChild","altText","size","id","toast","onPress","show","demo","hide","theme","checked","onCheckedChange","val","Thumb","transform","overshootClamping"],"sources":["../../src/ToastV1Demo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
@@ -0,0 +1,127 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { Toast, useToastController, useToastState } from "@hanzogui/toast";
3
+ import React from "react";
4
+ import { Button, Label, Switch, XStack, YStack } from "@hanzo/gui";
5
+ var ToastV1Demo = function () {
6
+ var [native, setNative] = React.useState(false);
7
+ return /* @__PURE__ */_jsxs(YStack, {
8
+ gap: "$4",
9
+ items: "center",
10
+ children: [/* @__PURE__ */_jsx(ToastControl, {
11
+ native
12
+ }), /* @__PURE__ */_jsx(CurrentToast, {}), /* @__PURE__ */_jsx(NativeOptions, {
13
+ native,
14
+ setNative
15
+ })]
16
+ });
17
+ };
18
+ var CurrentToast = function () {
19
+ var currentToast = useToastState();
20
+ if (!currentToast || currentToast.isHandledNatively) return null;
21
+ return /* @__PURE__ */_jsx(Toast, {
22
+ duration: currentToast.duration,
23
+ viewportName: currentToast.viewportName,
24
+ enterStyle: {
25
+ opacity: 0,
26
+ scale: 0.95,
27
+ y: -80
28
+ },
29
+ exitStyle: {
30
+ opacity: 0,
31
+ scale: 0.95,
32
+ y: -80
33
+ },
34
+ opacity: 1,
35
+ scale: 1,
36
+ y: -50,
37
+ transition: "quicker",
38
+ bg: "$color2",
39
+ boxShadow: "0px 2px 4px rgba(0,0,0,0.12), 0px 8px 24px rgba(0,0,0,0.08)",
40
+ children: /* @__PURE__ */_jsxs(XStack, {
41
+ gap: "$5",
42
+ items: "center",
43
+ justify: "space-between",
44
+ children: [/* @__PURE__ */_jsxs(YStack, {
45
+ gap: "$0.5",
46
+ flex: 1,
47
+ children: [/* @__PURE__ */_jsx(Toast.Title, {
48
+ children: currentToast.title
49
+ }), !!currentToast.message && /* @__PURE__ */_jsx(Toast.Description, {
50
+ children: currentToast.message
51
+ })]
52
+ }), /* @__PURE__ */_jsx(Toast.Action, {
53
+ asChild: true,
54
+ altText: "Dismiss toast",
55
+ children: /* @__PURE__ */_jsx(Button, {
56
+ size: "$2",
57
+ children: "Dismiss"
58
+ })
59
+ })]
60
+ })
61
+ }, currentToast.id);
62
+ };
63
+ var ToastControl = function (param) {
64
+ var {
65
+ native
66
+ } = param;
67
+ var toast = useToastController();
68
+ return /* @__PURE__ */_jsxs(XStack, {
69
+ gap: "$2",
70
+ justify: "center",
71
+ children: [/* @__PURE__ */_jsx(Button, {
72
+ onPress: function () {
73
+ toast.show("Successfully saved!", {
74
+ message: "Don't worry, we've got your data.",
75
+ native,
76
+ demo: true
77
+ });
78
+ },
79
+ children: "Show"
80
+ }), /* @__PURE__ */_jsx(Button, {
81
+ onPress: function () {
82
+ toast.hide();
83
+ },
84
+ children: "Hide"
85
+ })]
86
+ });
87
+ };
88
+ var NativeOptions = function (param) {
89
+ var {
90
+ native,
91
+ setNative
92
+ } = param;
93
+ return /* @__PURE__ */_jsxs(XStack, {
94
+ gap: "$3",
95
+ children: [/* @__PURE__ */_jsx(Label, {
96
+ size: "$1",
97
+ onPress: function () {
98
+ return setNative(false);
99
+ },
100
+ children: "Custom"
101
+ }), /* @__PURE__ */_jsx(Switch, {
102
+ theme: "surface2",
103
+ id: "native-toggle",
104
+ size: "$1",
105
+ checked: !!native,
106
+ onCheckedChange: function (val) {
107
+ return setNative(val);
108
+ },
109
+ children: /* @__PURE__ */_jsx(Switch.Thumb, {
110
+ theme: "accent",
111
+ transition: ["quickest", {
112
+ transform: {
113
+ overshootClamping: true
114
+ }
115
+ }]
116
+ })
117
+ }), /* @__PURE__ */_jsx(Label, {
118
+ size: "$1",
119
+ onPress: function () {
120
+ return setNative(true);
121
+ },
122
+ children: "Native"
123
+ })]
124
+ });
125
+ };
126
+ export { ToastV1Demo };
127
+ //# sourceMappingURL=ToastV1Demo.native.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Toast","useToastController","useToastState","React","Button","Label","Switch","XStack","YStack","ToastV1Demo","native","setNative","useState","gap","items","children","ToastControl","CurrentToast","NativeOptions","currentToast","isHandledNatively","duration","viewportName","enterStyle","opacity","scale","y","exitStyle","transition","bg","boxShadow","justify","flex","Title","title","message","Description","Action","asChild","altText","size","id","param","toast","onPress","show","demo","hide"],"sources":["../../src/ToastV1Demo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAOC,IAAA,EAAAC,IAAA,IAAAC,KAAA,QAAoB,mBAAqB;AACzD,SAAOC,KAAA,EAAAC,kBAAW,EAAAC,aAAA;AAClB,OAAAC,KAAS,MAAQ,OAAO;AAWpB,SACEC,MADF,EAAAC,KAAA,EAAAC,MAAA,EAAAC,MAAA,EAAAC,MAAA;AAJG,IAAAC,WAAM,YAAAA,CAAA,EAAoB;EAC/B,KAAAC,MAAO,EAAAC,SAAQ,IAASR,KAAI,CAAAS,QAAM,MAAS;EAE3C,OACE,eAAAb,KAAC,CAAAS,MAAA;IACCK,GAAA;IACAC,KAAA;IAEAC,QAAA,GACF,eAAAlB,IAAA,CAAAmB,YAAA;MAEJN;IAEM,IACJ,eAAMb,IAAe,CAAAoB,YAAc,OAE/B,eAACpB,IAAgB,CAAAqB,aAAa;MAElCR,MACE;MAACC;IAAA;EAEwB;AACI;AACmB,IAAAM,YAC9C,GAAa,SAAAA,CAAA,EAAS;EAAuB,IAC7CE,YAAS,GAAAjB,aAAA;EAAA,IACT,CAAAiB,YAAO,IAAAA,YAAA,CAAAC,iBAAA;EAAA,OACJ,eAAAvB,IAAA,CAAAG,KAAA;IAAAqB,QACH,EAAAF,YAAW,CAAAE,QAAA;IAAAC,YACR,EAAAH,YAAA,CAAAG,YAAA;IAAAC,UACH;MAEAC,OAAA;MACEC,KAAA;MACEC,CAAA;IAAiC;IAEUC,SAE7C;MAAAH,OACA;MAEAC,KACF;MAAAC,CAAA;IAtBK;IAuBPF,OAAA;IAEJC,KAAA;IAEAC,CAAA,EAAM;IACJE,UAAM,EAAQ;IAEdC,EAAA,WACE;IACEC,SAAA;IAAAf,QAAC,iBAAAhB,KAAA,CAAAQ,MAAA;MAAAM,GAAA;MAAAC,KACC,UAAS;MACPiB,OAAA,iBAAW;MAAuBhB,QAChC,GAAS,eACThB,KAAA,CAAAS,MAAA;QAAAK,GACA,QAAM;QACRmB,IAAC;QACHjB,QAAA,GACD,eAAAlB,IAAA,CAAAG,KAAA,CAAAiC,KAAA;UAAAlB,QAAA,EAAAI,YAAA,CAAAe;QAED,IACA,EAAAf,YAAA,CAAAgB,OAAA,mBAAAtC,IAAA,CAAAG,KAAA,CAAAoC,WAAA;UAACrB,QAAA,EAAAI,YAAA,CAAAgB;QAAA;MAEG,IACF,eAAAtC,IAAA,CAAAG,KAAA,CAAAqC,MAAA;QACDC,OAAA;QAAAC,OAAA;QAEDxB,QAAA,iBAAAlB,IAAA,CAAAO,MAAA;UACFoC,IAAA;UAEJzB,QAAA;QAEM;MACJ;IAEF;EAIE,GAAAI,YACE,CAAAsB,EAAA;AACE;AAEA,IACAzB,YAAA,YAAAA,CAAA0B,KAAA;EAAA,IAAC;IAAAhC;EAAA,IAAAgC,KAAA;EAAA,IAAAC,KAAA,GAAA1C,kBAAA;EAAA,OACC,eAAMF,KAAA,CAAAQ,MAAA;IAAAM,GAAA,EACN,IAAG;IAAAkB,OACH,UAAK;IAAAhB,QACL,GAAW,eACXlB,IAAkB,CAAAO,MAAA,EAAQ;MAE1BwC,OAAA,WAAAA,CAAA;QAACD,KAAA,CAAAE,IAAO;UAAPV,OAAA;UACCzB,MAAA;UACAoC,IAAA;QAAY;MACV;MACA/B,QACE;IAAW,IACU,eACrBlB,IAAA,CAAAO,MAAA;MAAAwC,OACF,WAAAA,CAAA;QAAAD,KACF,CAAAI,IAAA;MAAA;MACFhC,QAAA;IAAA;EACF,EAEA;AAEA;AAGN,IAAAG,aAAA,YAAAA,CAAAwB,KAAA","ignoreList":[]}
@@ -1 +1 @@
1
- {"version":3,"names":["ChevronDown","ChevronLeft","ChevronRight","ChevronUp","Circle","Button","Paragraph","Theme","Tooltip","TooltipGroup","XStack","YStack","jsx","jsxs","TooltipDemo","name","children","delay","open","close","gap","self","Demo","groupId","placement","Icon","flex","props","Trigger","asChild","icon","circular","Content","enterStyle","x","y","opacity","scale","exitStyle","py","px","transition","overshootClamping","Arrow","size","lineHeight"],"sources":["../../src/TooltipDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["ChevronDown","ChevronLeft","ChevronRight","ChevronUp","Circle","Button","Paragraph","Theme","Tooltip","TooltipGroup","XStack","YStack","jsx","jsxs","TooltipDemo","name","children","delay","open","close","gap","self","Demo","groupId","placement","Icon","flex","props","Trigger","asChild","icon","circular","Content","enterStyle","x","y","opacity","scale","exitStyle","py","px","transition","overshootClamping","Arrow","size","lineHeight"],"sources":["../../src/TooltipDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
@@ -1 +1 @@
1
- {"version":3,"names":["jsx","_jsx","jsxs","_jsxs","ChevronDown","ChevronLeft","ChevronRight","ChevronUp","Circle","Button","Paragraph","Theme","Tooltip","TooltipGroup","XStack","YStack","TooltipDemo","name","children","delay","open","close","gap","self","Demo","groupId","placement","Icon","flex"],"sources":["../../src/TooltipDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAAA,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAAA,SACEC,WAAA,EAAAC,WAAA,EAAAC,YAAA,EAAAC,SAAA,EAAAC,MAAA;AAAA,SACAC,MAAA,EAAAC,SAAA,EAAAC,KAAA,EAAAC,OAAA,EAAAC,YAAA,EAAAC,MAAA,EAAAC,MAAA;AAAA,SACAC,YAAA;EACA,sBAAAf,IAAA,CAAAU,KAAA;IACAM,IAAA;IAAAC,QACK,iBAAAjB,IAAA,CAAAY,YAAA;MAEPM,KAAA;QACEC,IAAA;QACAC,KAAA;MACA;MACAH,QAAA,iBAAAf,KAAA,CAAAY,MAAA;QACAO,GAAA;QACAC,IAAA;QACAL,QAAA,GACK,eAAAf,KAAA,CAAAW,MAAA;UAQKQ,GADF;UALMJ,QAAA,GAEZ,eAACjB,IAAA,CAAAuB,IAAM;YAGDC,OAAA,EAAC;YACCC,SAAA,EAAC,SAAK;YACNC,IAAA,EAAAnB;UACA,IACF,eAAAP,IAAA,CAAAuB,IAAA;YACAC,OAAA,EAAC;YACCC,SAAA,EAAC;YACDC,IAAA,EAAApB;UACA,IACF,eAAAN,IAAA,CAAAuB,IAAA;YACAC,OAAA,EAAC;YACCC,SAAA,EAAC,WAAK;YACNC,IAAA,EAAAnB;UACA;QAGN,CACF,GAEJ,eAAAL,KAAA,CAAAW,MAAA;UAESQ,GAAK,EAAE;UAEZJ,QAAA,GACE,eAACjB,IAAQ,CAAAuB,IAAA,EAAR;YAGDC,OAAA;YAASC,SAAA;YAARC,IAAA,EAAAtB;UACC,IACA,eAAsBJ,IAAI,CAAAc,MAAA,EAAS;YAC5Ba,IAAA;UACJ,IACA,eAAA3B,IAAA,CAAAuB,IAAA;YACHC,OAAS;YACNC,SAAA;YACAC,IAAA,EAAArB;UACH;QAEE,mBACWH,KAAA,CAAAW,MAAA;UAAAQ,GACP;UACFJ,QAAA,GACF,eAAAjB,IAAA,CAAAuB,IAAA;YACFC,OAAA;YAEAC,SAAA;YAAAC,IAAA,EAAAnB;UACA,IAEA,eAAAP,IAAA,CAAAuB,IAAA;YAAAC,OAAA;YACFC,SAAA;YACFC,IAAA,EAAAvB;UAEJ,I","ignoreList":[]}
1
+ {"version":3,"names":["jsx","_jsx","jsxs","_jsxs","ChevronDown","ChevronLeft","ChevronRight","ChevronUp","Circle","Button","Paragraph","Theme","Tooltip","TooltipGroup","XStack","YStack","TooltipDemo","name","children","delay","open","close","gap","self","Demo","groupId","placement","Icon","flex"],"sources":["../../src/TooltipDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAAA,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAAA,SACEC,WAAA,EAAAC,WAAA,EAAAC,YAAA,EAAAC,SAAA,EAAAC,MAAA;AAAA,SACAC,MAAA,EAAAC,SAAA,EAAAC,KAAA,EAAAC,OAAA,EAAAC,YAAA,EAAAC,MAAA,EAAAC,MAAA;AAAA,SACAC,YAAA;EACA,sBAAAf,IAAA,CAAAU,KAAA;IACAM,IAAA;IAAAC,QACK,iBAAAjB,IAAA,CAAAY,YAAA;MAEPM,KAAS;QAOCC,IACE,EADF;QALHC,KAAS;MACd;MAIQH,QAAA,iBAACf,KAAO,CAAAY,MAAI,EACV;QAAAO,GAAA;QACAC,IAAA;QACAL,QAAA,GACF,eAAAf,KAAA,CAAAW,MAAA;UACAQ,GAAA;UACEJ,QAAA,GACA,eAACjB,IAAA,CAAAuB,IAAO;YACRC,OAAA,KAAC;YACHC,SAAA;YACAC,IAAA,EAAAnB;UACE,IACA,eAACP,IAAK,CAAAuB,IAAA;YACNC,OAAA,KAAC;YACHC,SAAA;YAGNC,IAAA,EAAApB;UAEJ,IAEc,eAAWN,IAAwC,CAAAuB,IAAA;YAE7DC,OAAA;YACEC,SAAC,aAAQ;YAGTC,IAAA,EAAAnB;UAAS;QACP,IACA,eAAgBL,KAAM,CAAAW,MAAI;UAC1BQ,GAAO;UACJJ,QAAA,GACA,eAAAjB,IAAA,CAAAuB,IAAA;YACHC,OAAS;YACNC,SAAA;YACAC,IAAA,EAAAtB;UACH,IACE,eAAAJ,IAAA,CAAAc,MAAA;YACAa,IAAA;UACE,IACE,eAAA3B,IAAmB,CAAAuB,IAAA;YACrBC,OAAA;YACFC,SAAA;YACFC,IAAA,EAAArB;UAEA;QACA,IAEA,eAAAH,KAAA,CAAAW,MAAA;UAAAQ,GAAA;UACFJ,QAAA,GACF,eAAAjB,IAAA,CAAAuB,IAAA;YAEJC,OAAA","ignoreList":[]}
@@ -0,0 +1,6 @@
1
+ import { config } from "@hanzogui/dev-config";
2
+ import { createGui } from "@hanzo/gui";
3
+ const tamaConf = createGui(config);
4
+ var hanzogui_config_default = tamaConf;
5
+ export { hanzogui_config_default as default };
6
+ //# sourceMappingURL=hanzogui.config.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["config","createGui","tamaConf","hanzogui_config_default"],"sources":["../../src/hanzogui.config.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,MAAA,QAAc;AACvB,SAASC,SAAA,QAAiB;AAE1B,MAAMC,QAAA,GAAWD,SAAA,CAAUD,MAAM;AAYjC,IAAOG,uBAAA,GAAQD,QAAA","ignoreList":[]}
@@ -0,0 +1,6 @@
1
+ import { config } from "@hanzogui/dev-config";
2
+ import { createGui } from "@hanzo/gui";
3
+ var tamaConf = createGui(config);
4
+ var hanzogui_config_default = tamaConf;
5
+ export { hanzogui_config_default as default };
6
+ //# sourceMappingURL=hanzogui.config.native.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["config","createGui","tamaConf","hanzogui_config_default"],"sources":["../../src/hanzogui.config.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,MAAA,QAAc;AACvB,SAASC,SAAA,QAAiB;AAE1B,IAAAC,QAAM,GAAAD,SAAW,CAAAD,MAAU;AAY3B,IAAOG,uBAAA,GAAQD,QAAA","ignoreList":[]}
package/dist/esm/index.js CHANGED
@@ -54,6 +54,7 @@ export * from "./TextDemo.mjs";
54
54
  export * from "./ThemeInverseDemo.mjs";
55
55
  export * from "./ToastDemo.mjs";
56
56
  export * from "./ToastDuplicateDemo.mjs";
57
+ export * from "./ToastV1Demo.mjs";
57
58
  export * from "./ToggleGroupDemo.mjs";
58
59
  export * from "./TokensDemo.mjs";
59
60
  export * from "./TooltipDemo.mjs";
@@ -1 +1 @@
1
- {"version":3,"names":[],"sources":["../../src/index.tsx"],"sourcesContent":[null],"mappings":"AAGA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc","ignoreList":[]}
1
+ {"version":3,"names":[],"sources":["../../src/index.tsx"],"sourcesContent":[null],"mappings":"AAGA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc","ignoreList":[]}
@@ -54,6 +54,7 @@ export * from "./TextDemo.mjs";
54
54
  export * from "./ThemeInverseDemo.mjs";
55
55
  export * from "./ToastDemo.mjs";
56
56
  export * from "./ToastDuplicateDemo.mjs";
57
+ export * from "./ToastV1Demo.mjs";
57
58
  export * from "./ToggleGroupDemo.mjs";
58
59
  export * from "./TokensDemo.mjs";
59
60
  export * from "./TooltipDemo.mjs";
@@ -1 +1 @@
1
- {"version":3,"names":[],"sources":["../../src/index.tsx"],"sourcesContent":[null],"mappings":"AAGA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc","ignoreList":[]}
1
+ {"version":3,"names":[],"sources":["../../src/index.tsx"],"sourcesContent":[null],"mappings":"AAGA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc","ignoreList":[]}
@@ -54,6 +54,7 @@ export * from "./TextDemo.native.js";
54
54
  export * from "./ThemeInverseDemo.native.js";
55
55
  export * from "./ToastDemo.native.js";
56
56
  export * from "./ToastDuplicateDemo.native.js";
57
+ export * from "./ToastV1Demo.native.js";
57
58
  export * from "./ToggleGroupDemo.native.js";
58
59
  export * from "./TokensDemo.native.js";
59
60
  export * from "./TooltipDemo.native.js";
@@ -1 +1 @@
1
- {"version":3,"names":[],"sources":["../../src/index.tsx"],"sourcesContent":[null],"mappings":"AAGA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc","ignoreList":[]}
1
+ {"version":3,"names":[],"sources":["../../src/index.tsx"],"sourcesContent":[null],"mappings":"AAGA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc","ignoreList":[]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hanzogui/demos",
3
- "version": "4.4.0",
3
+ "version": "8.0.1",
4
4
  "source": "demos/src/index.tsx",
5
5
  "files": [
6
6
  "src",
@@ -40,29 +40,52 @@
40
40
  "access": "public"
41
41
  },
42
42
  "scripts": {
43
- "build": "hanzo-gui-build --skip-types",
44
- "watch": "hanzo-gui-build --skip-types --watch",
45
- "clean": "hanzo-gui-build clean",
46
- "clean:build": "hanzo-gui-build clean:build"
43
+ "build": "hanzogui-build --skip-types",
44
+ "watch": "hanzogui-build --skip-types --watch",
45
+ "clean": "hanzogui-build clean",
46
+ "clean:build": "hanzogui-build clean:build"
47
47
  },
48
48
  "dependencies": {
49
- "@hanzogui/colors": "4.4.0",
50
- "@hanzogui/config": "4.4.0",
51
- "@hanzogui/core": "4.4.0",
52
- "@hanzogui/get-button-sized": "4.4.0",
53
- "@hanzogui/logo": "4.4.0",
54
- "@hanzogui/lucide-icons-2": "4.4.0",
55
- "@hanzogui/dev-config": "4.4.0",
56
- "@hanzogui/theme": "4.4.0",
57
- "@hanzo/gui": "4.3.0"
49
+ "@hanzogui/animate-presence": "8.0.0",
50
+ "@hanzogui/avatar": "8.0.0",
51
+ "@hanzogui/button": "8.0.0",
52
+ "@hanzogui/checkbox": "8.0.0",
53
+ "@hanzogui/checkbox-headless": "8.0.0",
54
+ "@hanzogui/colors": "8.0.0",
55
+ "@hanzogui/config": "8.0.0",
56
+ "@hanzogui/context-menu": "8.0.0",
57
+ "@hanzogui/core": "8.0.0",
58
+ "@hanzogui/get-button-sized": "8.0.0",
59
+ "@hanzogui/image": "8.0.0",
60
+ "@hanzogui/input": "8.0.0",
61
+ "@hanzogui/linear-gradient": "8.0.0",
62
+ "@hanzogui/list-item": "8.0.0",
63
+ "@hanzogui/logo": "8.0.1",
64
+ "@hanzogui/lucide-icons-2": "8.0.0",
65
+ "@hanzogui/menu": "8.0.0",
66
+ "@hanzogui/popover": "8.0.0",
67
+ "@hanzogui/progress": "8.0.0",
68
+ "@hanzogui/radio-group": "8.0.0",
69
+ "@hanzogui/radio-headless": "8.0.0",
70
+ "@hanzogui/roving-focus": "8.0.0",
71
+ "@hanzogui/select": "8.0.0",
72
+ "@hanzogui/sheet": "8.0.0",
73
+ "@hanzogui/slider": "8.0.0",
74
+ "@hanzogui/stacks": "8.0.0",
75
+ "@hanzogui/switch": "8.0.0",
76
+ "@hanzogui/switch-headless": "8.0.0",
77
+ "@hanzogui/tabs": "8.0.0",
78
+ "@hanzogui/dev-config": "8.0.0",
79
+ "@hanzogui/theme": "8.0.0",
80
+ "@hanzogui/toast": "8.0.0",
81
+ "@hanzo/gui": "8.0.0"
58
82
  },
59
83
  "devDependencies": {
60
- "@hanzogui/build": "4.4.0",
84
+ "@hanzogui/build": "8.0.0",
61
85
  "react": ">=19",
62
86
  "react-native": "0.83.2"
63
87
  },
64
88
  "peerDependencies": {
65
- "react": ">=19",
66
- "react-native": "*"
89
+ "react": ">=19"
67
90
  }
68
91
  }
@@ -19,11 +19,13 @@ function ListItemDemo1() {
19
19
  borderWidth={1}
20
20
  borderColor="$borderColor"
21
21
  rounded="$4"
22
+ overflow="hidden"
22
23
  width={240}
23
24
  size="$4"
24
25
  >
25
26
  <YGroup.Item>
26
27
  <ListItem
28
+ gap="$3"
27
29
  icon={Star}
28
30
  title="Star"
29
31
  subTitle={<ListItem.Subtitle>Twinkles</ListItem.Subtitle>}
@@ -31,13 +33,19 @@ function ListItemDemo1() {
31
33
  />
32
34
  </YGroup.Item>
33
35
  <YGroup.Item>
34
- <ListItem icon={Moon}>Moon</ListItem>
36
+ <ListItem gap="$3" icon={Moon}>
37
+ Moon
38
+ </ListItem>
35
39
  </YGroup.Item>
36
40
  <YGroup.Item>
37
- <ListItem icon={Sun}>Sun</ListItem>
41
+ <ListItem gap="$3" icon={Sun}>
42
+ Sun
43
+ </ListItem>
38
44
  </YGroup.Item>
39
45
  <YGroup.Item>
40
- <ListItem icon={Cloud}>Cloud</ListItem>
46
+ <ListItem gap="$3" icon={Cloud}>
47
+ Cloud
48
+ </ListItem>
41
49
  </YGroup.Item>
42
50
  </YGroup>
43
51
  )
@@ -50,15 +58,28 @@ function ListItemDemo2() {
50
58
  borderWidth={1}
51
59
  borderColor="$borderColor"
52
60
  rounded="$4"
61
+ overflow="hidden"
53
62
  width={240}
54
63
  size="$5"
55
64
  >
56
65
  <YGroup.Item>
57
- <ListItem title="Star" subTitle="Subtitle" icon={Star} iconAfter={ChevronRight} />
66
+ <ListItem
67
+ gap="$3"
68
+ title="Star"
69
+ subTitle="Subtitle"
70
+ icon={Star}
71
+ iconAfter={ChevronRight}
72
+ />
58
73
  </YGroup.Item>
59
74
  <Separator />
60
75
  <YGroup.Item>
61
- <ListItem title="Moon" subTitle="Subtitle" icon={Moon} iconAfter={ChevronRight} />
76
+ <ListItem
77
+ gap="$3"
78
+ title="Moon"
79
+ subTitle="Subtitle"
80
+ icon={Moon}
81
+ iconAfter={ChevronRight}
82
+ />
62
83
  </YGroup.Item>
63
84
  </YGroup>
64
85
  )
package/src/MenuDemo.tsx CHANGED
@@ -12,7 +12,7 @@ import React from 'react'
12
12
  import { Button } from '@hanzo/gui'
13
13
 
14
14
  /**
15
- * Menu Demo using GUI Menu component.
15
+ * Menu Demo using Gui Menu component.
16
16
  * Automatically uses native menus on iOS/Android, web menus on web.
17
17
  * No configuration needed - it just works!
18
18
  */
@@ -2,17 +2,8 @@ import { Check, ChevronDown, ChevronUp } from '@hanzogui/lucide-icons-2'
2
2
  import React from 'react'
3
3
 
4
4
  import type { FontSizeTokens, SelectProps } from '@hanzo/gui'
5
- import {
6
- Adapt,
7
- Label,
8
- Select,
9
- Sheet,
10
- Theme,
11
- XStack,
12
- YStack,
13
- getFontSize,
14
- } from '@hanzo/gui'
15
- import { LinearGradient } from 'gui/linear-gradient'
5
+ import { Adapt, Label, Select, Sheet, Theme, XStack, YStack, getFontSize } from '@hanzo/gui'
6
+ import { LinearGradient } from '@hanzo/gui/linear-gradient'
16
7
 
17
8
  export function SelectDemo() {
18
9
  return (
@@ -108,6 +108,7 @@ const TabsAdvancedBackground = () => {
108
108
  />
109
109
  )}
110
110
  </AnimatePresence>
111
+
111
112
  <AnimatePresence>
112
113
  {activeAt && (
113
114
  <TabsRovingIndicator
@@ -120,6 +121,7 @@ const TabsAdvancedBackground = () => {
120
121
  />
121
122
  )}
122
123
  </AnimatePresence>
124
+
123
125
  <YStack position="relative">
124
126
  <Tabs.List
125
127
  loop={false}
@@ -129,7 +131,6 @@ const TabsAdvancedBackground = () => {
129
131
  >
130
132
  <Tabs.Tab
131
133
  unstyled
132
- paddingVertical="$2"
133
134
  paddingHorizontal="$3"
134
135
  value="tab1"
135
136
  onInteraction={handleOnInteraction}
@@ -138,7 +139,6 @@ const TabsAdvancedBackground = () => {
138
139
  </Tabs.Tab>
139
140
  <Tabs.Tab
140
141
  unstyled
141
- paddingVertical="$2"
142
142
  paddingHorizontal="$3"
143
143
  value="tab2"
144
144
  onInteraction={handleOnInteraction}
@@ -147,7 +147,6 @@ const TabsAdvancedBackground = () => {
147
147
  </Tabs.Tab>
148
148
  <Tabs.Tab
149
149
  unstyled
150
- paddingVertical="$2"
151
150
  paddingHorizontal="$3"
152
151
  value="tab3"
153
152
  onInteraction={handleOnInteraction}
@@ -260,34 +259,37 @@ const TabsAdvancedUnderline = () => {
260
259
  <Tabs.Tab
261
260
  unstyled
262
261
  paddingHorizontal="$3"
263
- paddingVertical="$2"
264
262
  value="tab1"
265
263
  onInteraction={handleOnInteraction}
266
264
  >
267
- <SizableText>Profile</SizableText>
265
+ <SizableText select="none" cursor="default">
266
+ Profile
267
+ </SizableText>
268
268
  </Tabs.Tab>
269
269
  <Tabs.Tab
270
270
  unstyled
271
271
  paddingHorizontal="$3"
272
- paddingVertical="$2"
273
272
  value="tab2"
274
273
  onInteraction={handleOnInteraction}
275
274
  >
276
- <SizableText>Connections</SizableText>
275
+ <SizableText select="none" cursor="default">
276
+ Connections
277
+ </SizableText>
277
278
  </Tabs.Tab>
278
279
  <Tabs.Tab
279
280
  unstyled
280
281
  paddingHorizontal="$3"
281
- paddingVertical="$2"
282
282
  value="tab3"
283
283
  onInteraction={handleOnInteraction}
284
284
  >
285
- <SizableText>Notifications</SizableText>
285
+ <SizableText select="none" cursor="default">
286
+ Notifications
287
+ </SizableText>
286
288
  </Tabs.Tab>
287
289
  </Tabs.List>
288
290
  </YStack>
289
291
 
290
- <AnimatePresence exitBeforeEnter custom={{ direction }} initial={false}>
292
+ <AnimatePresence mode="wait" custom={{ direction }} initial={false}>
291
293
  <AnimatedYStack key={currentTab}>
292
294
  <Tabs.Content
293
295
  value={currentTab}
@@ -318,7 +320,7 @@ const TabsRovingIndicator = ({ active, ...props }: { active?: boolean } & ViewPr
318
320
  opacity: 0,
319
321
  }}
320
322
  {...(active && {
321
- backgroundColor: '$color8',
323
+ backgroundColor: '$color5',
322
324
  opacity: 0.6,
323
325
  })}
324
326
  {...props}