@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.
- package/dist/cjs/AccordionDemo.native.js.map +1 -1
- package/dist/cjs/AddThemeDemo.native.js.map +1 -1
- package/dist/cjs/AlertDialogDemo.native.js.map +1 -1
- package/dist/cjs/AnimationsDelayDemo.native.js.map +1 -1
- package/dist/cjs/AnimationsDemo.native.js.map +1 -1
- package/dist/cjs/AnimationsEnterDemo.native.js.map +1 -1
- package/dist/cjs/AnimationsHoverDemo.native.js.map +1 -1
- package/dist/cjs/AnimationsPresenceDemo.native.js.map +1 -1
- package/dist/cjs/AnimationsTimingDemo.native.js.map +1 -1
- package/dist/cjs/AvatarDemo.native.js.map +1 -1
- package/dist/cjs/BoxShadowTokenDemo.native.js.map +1 -1
- package/dist/cjs/BuildAButtonDemo.native.js.map +1 -1
- package/dist/cjs/ButtonDemo.native.js.map +1 -1
- package/dist/cjs/CardDemo.native.js.map +1 -1
- package/dist/cjs/CheckboxDemo.native.js.map +1 -1
- package/dist/cjs/CheckboxHeadlessDemo.native.js.map +1 -1
- package/dist/cjs/CheckboxUnstyledDemo.native.js.map +1 -1
- package/dist/cjs/ColorsDemo.native.js.map +1 -1
- package/dist/cjs/ContextMenuDemo.native.js.map +1 -1
- package/dist/cjs/DialogDemo.native.js.map +1 -1
- package/dist/cjs/FormsDemo.native.js.map +1 -1
- package/dist/cjs/Grid.native.js.map +1 -1
- package/dist/cjs/GroupDemo.native.js.map +1 -1
- package/dist/cjs/HeadingsDemo.native.js.map +1 -1
- package/dist/cjs/ImageDemo.native.js.map +1 -1
- package/dist/cjs/InputsDemo.native.js.map +1 -1
- package/dist/cjs/LabelDemo.native.js.map +1 -1
- package/dist/cjs/LinearGradientDemo.native.js.map +1 -1
- package/dist/cjs/ListItemDemo.cjs +8 -0
- package/dist/cjs/ListItemDemo.native.js +8 -0
- package/dist/cjs/ListItemDemo.native.js.map +1 -1
- package/dist/cjs/LucideIconsDemo.native.js.map +1 -1
- package/dist/cjs/MenuDemo.native.js.map +1 -1
- package/dist/cjs/NewInputsDemo.native.js.map +1 -1
- package/dist/cjs/PopoverDemo.native.js.map +1 -1
- package/dist/cjs/ProgressDemo.native.js.map +1 -1
- package/dist/cjs/RadioGroupDemo.native.js.map +1 -1
- package/dist/cjs/RadioGroupHeadlessDemo.native.js.map +1 -1
- package/dist/cjs/RadioGroupUnstyledDemo.native.js.map +1 -1
- package/dist/cjs/ReplaceThemeDemo.native.js.map +1 -1
- package/dist/cjs/ScrollViewDemo.native.js.map +1 -1
- package/dist/cjs/SelectDemo.cjs +1 -1
- package/dist/cjs/SelectDemo.native.js +1 -1
- package/dist/cjs/SelectDemo.native.js.map +1 -1
- package/dist/cjs/SeparatorDemo.native.js.map +1 -1
- package/dist/cjs/ShapesDemo.native.js.map +1 -1
- package/dist/cjs/SheetDemo.native.js.map +1 -1
- package/dist/cjs/SliderDemo.native.js.map +1 -1
- package/dist/cjs/SpinnerDemo.native.js.map +1 -1
- package/dist/cjs/StacksDemo.native.js.map +1 -1
- package/dist/cjs/SwitchDemo.native.js.map +1 -1
- package/dist/cjs/SwitchHeadlessDemo.native.js.map +1 -1
- package/dist/cjs/SwitchUnstyledDemo.native.js.map +1 -1
- package/dist/cjs/TabsAdvancedDemo.cjs +8 -8
- package/dist/cjs/TabsAdvancedDemo.native.js +8 -8
- package/dist/cjs/TabsAdvancedDemo.native.js.map +1 -1
- package/dist/cjs/TabsDemo.native.js.map +1 -1
- package/dist/cjs/TabsHeadlessDemo.native.js.map +1 -1
- package/dist/cjs/TextDemo.native.js.map +1 -1
- package/dist/cjs/ThemeBuilderDemo.native.js.map +1 -1
- package/dist/cjs/ThemeInverseDemo.native.js.map +1 -1
- package/dist/cjs/ToastDemo.cjs +190 -113
- package/dist/cjs/ToastDemo.native.js +201 -117
- package/dist/cjs/ToastDemo.native.js.map +1 -1
- package/dist/cjs/ToastDuplicateDemo.cjs +30 -43
- package/dist/cjs/ToastDuplicateDemo.native.js +31 -48
- package/dist/cjs/ToastDuplicateDemo.native.js.map +1 -1
- package/dist/cjs/ToastV1Demo.cjs +155 -0
- package/dist/cjs/ToastV1Demo.native.js +166 -0
- package/dist/cjs/ToastV1Demo.native.js.map +1 -0
- package/dist/cjs/ToggleGroupDemo.native.js.map +1 -1
- package/dist/cjs/TokensDemo.native.js.map +1 -1
- package/dist/cjs/TooltipDemo.native.js.map +1 -1
- package/dist/cjs/UpdateThemeDemo.native.js.map +1 -1
- package/dist/cjs/WebNativeImageDemo.native.js.map +1 -1
- package/dist/cjs/{gui.config.cjs → hanzogui.config.cjs} +5 -5
- package/dist/cjs/{gui.config.native.js → hanzogui.config.native.js} +6 -6
- package/dist/cjs/hanzogui.config.native.js.map +1 -0
- package/dist/cjs/index.cjs +1 -0
- package/dist/cjs/index.native.js +1 -0
- package/dist/cjs/index.native.js.map +1 -1
- package/dist/cjs/useOnIntersecting.native.js.map +1 -1
- package/dist/esm/AnimationsPresenceDemo.mjs.map +1 -1
- package/dist/esm/AnimationsPresenceDemo.native.js.map +1 -1
- package/dist/esm/ListItemDemo.mjs +8 -0
- package/dist/esm/ListItemDemo.mjs.map +1 -1
- package/dist/esm/ListItemDemo.native.js +8 -0
- package/dist/esm/ListItemDemo.native.js.map +1 -1
- package/dist/esm/SelectDemo.mjs +1 -1
- package/dist/esm/SelectDemo.mjs.map +1 -1
- package/dist/esm/SelectDemo.native.js +1 -1
- package/dist/esm/SelectDemo.native.js.map +1 -1
- package/dist/esm/TabsAdvancedDemo.mjs +8 -8
- package/dist/esm/TabsAdvancedDemo.mjs.map +1 -1
- package/dist/esm/TabsAdvancedDemo.native.js +8 -8
- package/dist/esm/TabsAdvancedDemo.native.js.map +1 -1
- package/dist/esm/ToastDemo.mjs +190 -102
- package/dist/esm/ToastDemo.mjs.map +1 -1
- package/dist/esm/ToastDemo.native.js +202 -107
- package/dist/esm/ToastDemo.native.js.map +1 -1
- package/dist/esm/ToastDuplicateDemo.mjs +30 -32
- package/dist/esm/ToastDuplicateDemo.mjs.map +1 -1
- package/dist/esm/ToastDuplicateDemo.native.js +31 -37
- package/dist/esm/ToastDuplicateDemo.native.js.map +1 -1
- package/dist/esm/ToastV1Demo.mjs +119 -0
- package/dist/esm/ToastV1Demo.mjs.map +1 -0
- package/dist/esm/ToastV1Demo.native.js +127 -0
- package/dist/esm/ToastV1Demo.native.js.map +1 -0
- package/dist/esm/TooltipDemo.mjs.map +1 -1
- package/dist/esm/TooltipDemo.native.js.map +1 -1
- package/dist/esm/hanzogui.config.mjs +6 -0
- package/dist/esm/hanzogui.config.mjs.map +1 -0
- package/dist/esm/hanzogui.config.native.js +6 -0
- package/dist/esm/hanzogui.config.native.js.map +1 -0
- package/dist/esm/index.js +1 -0
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/index.mjs +1 -0
- package/dist/esm/index.mjs.map +1 -1
- package/dist/esm/index.native.js +1 -0
- package/dist/esm/index.native.js.map +1 -1
- package/package.json +40 -17
- package/src/ListItemDemo.tsx +26 -5
- package/src/MenuDemo.tsx +1 -1
- package/src/SelectDemo.tsx +2 -11
- package/src/TabsAdvancedDemo.tsx +13 -11
- package/src/ToastDemo.tsx +208 -93
- package/src/ToastDuplicateDemo.tsx +38 -28
- package/src/ToastV1Demo.tsx +121 -0
- package/src/TooltipDemo.tsx +1 -9
- package/src/{gui.config.ts → hanzogui.config.ts} +1 -1
- package/src/index.tsx +3 -2
- package/LICENSE +0 -21
- package/dist/cjs/gui.config.native.js.map +0 -1
- package/dist/esm/gui.config.mjs +0 -6
- package/dist/esm/gui.config.mjs.map +0 -1
- package/dist/esm/gui.config.native.js +0 -6
- 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":"AAAA,SACEA,WAAA,EACAC,WAAA,EACAC,YAAA,EACAC,SAAA,EACAC,MAAA,QACK;AAEP,
|
|
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,
|
|
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 @@
|
|
|
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 @@
|
|
|
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";
|
package/dist/esm/index.js.map
CHANGED
|
@@ -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/dist/esm/index.mjs
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";
|
package/dist/esm/index.mjs.map
CHANGED
|
@@ -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/dist/esm/index.native.js
CHANGED
|
@@ -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": "
|
|
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": "
|
|
44
|
-
"watch": "
|
|
45
|
-
"clean": "
|
|
46
|
-
"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/
|
|
50
|
-
"@hanzogui/
|
|
51
|
-
"@hanzogui/
|
|
52
|
-
"@hanzogui/
|
|
53
|
-
"@hanzogui/
|
|
54
|
-
"@hanzogui/
|
|
55
|
-
"@hanzogui/
|
|
56
|
-
"@hanzogui/
|
|
57
|
-
"@
|
|
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": "
|
|
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
|
}
|
package/src/ListItemDemo.tsx
CHANGED
|
@@ -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}>
|
|
36
|
+
<ListItem gap="$3" icon={Moon}>
|
|
37
|
+
Moon
|
|
38
|
+
</ListItem>
|
|
35
39
|
</YGroup.Item>
|
|
36
40
|
<YGroup.Item>
|
|
37
|
-
<ListItem icon={Sun}>
|
|
41
|
+
<ListItem gap="$3" icon={Sun}>
|
|
42
|
+
Sun
|
|
43
|
+
</ListItem>
|
|
38
44
|
</YGroup.Item>
|
|
39
45
|
<YGroup.Item>
|
|
40
|
-
<ListItem icon={Cloud}>
|
|
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
|
|
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
|
|
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
|
|
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
|
*/
|
package/src/SelectDemo.tsx
CHANGED
|
@@ -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
|
-
|
|
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 (
|
package/src/TabsAdvancedDemo.tsx
CHANGED
|
@@ -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>
|
|
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>
|
|
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>
|
|
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
|
|
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: '$
|
|
323
|
+
backgroundColor: '$color5',
|
|
322
324
|
opacity: 0.6,
|
|
323
325
|
})}
|
|
324
326
|
{...props}
|