@hanzogui/button 7.3.0 → 8.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 (58) hide show
  1. package/dist/cjs/Button.cjs +82 -18
  2. package/dist/cjs/Button.native.js +88 -20
  3. package/dist/cjs/Button.native.js.map +1 -1
  4. package/dist/esm/Button.mjs +82 -18
  5. package/dist/esm/Button.mjs.map +1 -1
  6. package/dist/esm/Button.native.js +88 -20
  7. package/dist/esm/Button.native.js.map +1 -1
  8. package/dist/jsx/Button.mjs +82 -18
  9. package/dist/jsx/Button.mjs.map +1 -1
  10. package/dist/jsx/Button.native.js +88 -20
  11. package/dist/jsx/Button.native.js.map +1 -1
  12. package/package.json +18 -22
  13. package/src/Button.tsx +115 -24
  14. package/types/Button.d.ts +140 -40
  15. package/types/Button.d.ts.map +1 -1
  16. package/LICENSE +0 -42
  17. package/dist/cjs/v1/Button.cjs +0 -262
  18. package/dist/cjs/v1/Button.native.js +0 -267
  19. package/dist/cjs/v1/Button.native.js.map +0 -1
  20. package/dist/cjs/v1/Button.test.cjs +0 -9
  21. package/dist/cjs/v1/Button.test.native.js +0 -12
  22. package/dist/cjs/v1/Button.test.native.js.map +0 -1
  23. package/dist/cjs/v1/index.cjs +0 -20
  24. package/dist/cjs/v1/index.native.js +0 -23
  25. package/dist/cjs/v1/index.native.js.map +0 -1
  26. package/dist/esm/v1/Button.mjs +0 -232
  27. package/dist/esm/v1/Button.mjs.map +0 -1
  28. package/dist/esm/v1/Button.native.js +0 -234
  29. package/dist/esm/v1/Button.native.js.map +0 -1
  30. package/dist/esm/v1/Button.test.mjs +0 -10
  31. package/dist/esm/v1/Button.test.mjs.map +0 -1
  32. package/dist/esm/v1/Button.test.native.js +0 -10
  33. package/dist/esm/v1/Button.test.native.js.map +0 -1
  34. package/dist/esm/v1/index.mjs +0 -2
  35. package/dist/esm/v1/index.mjs.map +0 -1
  36. package/dist/esm/v1/index.native.js +0 -2
  37. package/dist/esm/v1/index.native.js.map +0 -1
  38. package/dist/jsx/v1/Button.mjs +0 -232
  39. package/dist/jsx/v1/Button.mjs.map +0 -1
  40. package/dist/jsx/v1/Button.native.js +0 -267
  41. package/dist/jsx/v1/Button.native.js.map +0 -1
  42. package/dist/jsx/v1/Button.test.mjs +0 -10
  43. package/dist/jsx/v1/Button.test.mjs.map +0 -1
  44. package/dist/jsx/v1/Button.test.native.js +0 -12
  45. package/dist/jsx/v1/Button.test.native.js.map +0 -1
  46. package/dist/jsx/v1/index.mjs +0 -2
  47. package/dist/jsx/v1/index.mjs.map +0 -1
  48. package/dist/jsx/v1/index.native.js +0 -23
  49. package/dist/jsx/v1/index.native.js.map +0 -1
  50. package/src/v1/Button.test.tsx +0 -21
  51. package/src/v1/Button.tsx +0 -336
  52. package/src/v1/index.ts +0 -1
  53. package/types/v1/Button.d.ts +0 -302
  54. package/types/v1/Button.d.ts.map +0 -1
  55. package/types/v1/Button.test.d.ts +0 -2
  56. package/types/v1/Button.test.d.ts.map +0 -1
  57. package/types/v1/index.d.ts +0 -2
  58. package/types/v1/index.d.ts.map +0 -1
@@ -1,232 +0,0 @@
1
- import { getFontSize } from "@hanzogui/font-size";
2
- import { getButtonSized } from "@hanzogui/get-button-sized";
3
- import { withStaticProperties } from "@hanzogui/helpers";
4
- import { useGetThemedIcon } from "@hanzogui/component-helpers";
5
- import { ButtonNestingContext, ThemeableStack } from "@hanzogui/stacks";
6
- import { SizableText, wrapChildrenInText } from "@hanzogui/text";
7
- import { createStyledContext, getVariableValue, styled, useProps } from "@hanzogui/web";
8
- import { useContext } from "react";
9
- import { spacedChildren } from "@hanzogui/spacer";
10
- import { jsx } from "react/jsx-runtime";
11
- const ButtonContext = createStyledContext({
12
- // keeping these here means they work with styled() passing down color to text
13
- color: void 0,
14
- ellipsis: void 0,
15
- fontFamily: void 0,
16
- fontSize: void 0,
17
- fontStyle: void 0,
18
- fontWeight: void 0,
19
- letterSpacing: void 0,
20
- maxFontSizeMultiplier: void 0,
21
- size: void 0,
22
- textAlign: void 0,
23
- variant: void 0
24
- });
25
- const BUTTON_NAME = "Button";
26
- const ButtonFrame = styled(ThemeableStack, {
27
- name: BUTTON_NAME,
28
- render: "button",
29
- context: ButtonContext,
30
- role: "button",
31
- focusable: true,
32
- variants: {
33
- unstyled: {
34
- false: {
35
- size: "$true",
36
- justifyContent: "center",
37
- alignItems: "center",
38
- flexWrap: "nowrap",
39
- flexDirection: "row",
40
- cursor: "pointer",
41
- hoverTheme: true,
42
- pressTheme: true,
43
- backgroundColor: "$background",
44
- borderWidth: 1,
45
- borderColor: "transparent",
46
- focusVisibleStyle: {
47
- outlineColor: "$outlineColor",
48
- outlineStyle: "solid",
49
- outlineWidth: 2
50
- }
51
- }
52
- },
53
- variant: {
54
- outlined: {
55
- backgroundColor: "transparent",
56
- borderWidth: 2,
57
- borderColor: "$borderColor",
58
- hoverStyle: {
59
- backgroundColor: "transparent",
60
- borderColor: "$borderColorHover"
61
- },
62
- pressStyle: {
63
- backgroundColor: "transparent",
64
- borderColor: "$borderColorPress"
65
- },
66
- focusVisibleStyle: {
67
- backgroundColor: "transparent",
68
- borderColor: "$borderColorFocus"
69
- }
70
- }
71
- },
72
- size: {
73
- "...size": getButtonSized,
74
- ":number": getButtonSized
75
- },
76
- disabled: {
77
- true: {
78
- pointerEvents: "none"
79
- }
80
- }
81
- },
82
- defaultVariants: {
83
- unstyled: process.env.GUI_HEADLESS === "1"
84
- }
85
- });
86
- const ButtonText = styled(SizableText, {
87
- name: "Button",
88
- context: ButtonContext,
89
- variants: {
90
- unstyled: {
91
- false: {
92
- userSelect: "none",
93
- cursor: "pointer",
94
- // flexGrow 1 leads to inconsistent native style where text pushes to start of view
95
- flexGrow: 0,
96
- flexShrink: 1,
97
- ellipsis: true,
98
- color: "$color"
99
- }
100
- }
101
- },
102
- defaultVariants: {
103
- unstyled: process.env.GUI_HEADLESS === "1"
104
- }
105
- });
106
- const ButtonIcon = props => {
107
- const {
108
- children,
109
- scaleIcon = 1
110
- } = props;
111
- const {
112
- size,
113
- color
114
- } = useContext(ButtonContext);
115
- const iconSize = (typeof size === "number" ? size * 0.5 : getFontSize(size)) * scaleIcon;
116
- const getThemedIcon = useGetThemedIcon({
117
- size: iconSize,
118
- color
119
- });
120
- return getThemedIcon(children);
121
- };
122
- const ButtonComponent = ButtonFrame.styleable(function Button(props, ref) {
123
- const {
124
- props: buttonProps
125
- } = useButton(props);
126
- return /* @__PURE__ */jsx(ButtonFrame, {
127
- "data-disable-theme": true,
128
- ...buttonProps,
129
- ref
130
- });
131
- });
132
- const Button2 = withStaticProperties(ButtonComponent, {
133
- Text: ButtonText,
134
- Icon: ButtonIcon
135
- });
136
- function useButton({
137
- textProps,
138
- ...propsIn
139
- }, {
140
- Text = Button2.Text
141
- } = {
142
- Text: Button2.Text
143
- }) {
144
- const isNested = useContext(ButtonNestingContext);
145
- const propsActive = useProps(propsIn, {
146
- noNormalize: true,
147
- noExpand: true
148
- });
149
- const {
150
- icon,
151
- iconAfter,
152
- gap,
153
- spaceFlex,
154
- scaleIcon = 1,
155
- scaleSpace = 0.66,
156
- noTextWrap,
157
- fontFamily,
158
- fontSize,
159
- fontWeight,
160
- fontStyle,
161
- letterSpacing,
162
- render,
163
- ellipsis,
164
- maxFontSizeMultiplier,
165
- ...restProps
166
- } = propsActive;
167
- const size = propsActive.size || (propsActive.unstyled ? void 0 : "$true");
168
- const color = propsActive.color;
169
- const iconSize = (typeof size === "number" ? size * 0.5 : getFontSize(size, {
170
- font: fontFamily?.[0] === "$" ? fontFamily : void 0
171
- })) * scaleIcon;
172
- const getThemedIcon = useGetThemedIcon({
173
- size: iconSize,
174
- color
175
- });
176
- const [themedIcon, themedIconAfter] = [icon, iconAfter].map(getThemedIcon);
177
- const spaceSize = gap ?? getVariableValue(iconSize) * scaleSpace;
178
- const contents = noTextWrap ? [propsIn.children] : wrapChildrenInText(Text, {
179
- children: propsIn.children,
180
- fontFamily,
181
- fontSize,
182
- textProps,
183
- fontWeight,
184
- fontStyle,
185
- letterSpacing,
186
- ellipsis,
187
- maxFontSizeMultiplier
188
- }, Text === ButtonText && propsActive.unstyled !== true ? {
189
- unstyled: process.env.GUI_HEADLESS === "1",
190
- size
191
- } : void 0);
192
- const inner = spacedChildren({
193
- // a bit arbitrary but scaling to font size is necessary so long as button does
194
- space: spaceSize,
195
- spaceFlex,
196
- ensureKeys: true,
197
- direction: propsActive.flexDirection === "column" || propsActive.flexDirection === "column-reverse" ? "vertical" : "horizontal",
198
- // for keys to stay the same we keep indices as similar a possible
199
- // so even if icons are undefined we still pass them
200
- children: [themedIcon, ...contents, themedIconAfter]
201
- });
202
- const props = {
203
- size,
204
- ...(propsIn.disabled && {
205
- // in rnw - false still has keyboard tabIndex, undefined = not actually focusable
206
- focusable: void 0,
207
- // even with tabIndex unset, it will keep focusVisibleStyle on web so disable it here
208
- focusVisibleStyle: {
209
- borderColor: "$background"
210
- }
211
- }),
212
- // fixes SSR issue + DOM nesting issue of not allowing button in button
213
- render: render ?? (isNested ? "span" :
214
- // defaults to <a /> when accessibilityRole = link
215
- // see https://github.com/hanzoai/gui/issues/505
216
- propsActive.accessibilityRole === "link" || propsActive.role === "link" ? "a" : "button"),
217
- ...restProps,
218
- children: /* @__PURE__ */jsx(ButtonNestingContext.Provider, {
219
- value: true,
220
- children: inner
221
- }),
222
- // forces it to be a runtime pressStyle so it passes through context text colors
223
- disableClassName: true
224
- };
225
- return {
226
- spaceSize,
227
- isNested,
228
- props
229
- };
230
- }
231
- export { Button2 as Button, ButtonContext, ButtonFrame, ButtonIcon, ButtonText, useButton };
232
- //# sourceMappingURL=Button.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["getFontSize","getButtonSized","withStaticProperties","useGetThemedIcon","ButtonNestingContext","ThemeableStack","SizableText","wrapChildrenInText","createStyledContext","getVariableValue","styled","useProps","useContext","spacedChildren","jsx","ButtonContext","color","ellipsis","fontFamily","fontSize","fontStyle","fontWeight","letterSpacing","maxFontSizeMultiplier","size","textAlign","variant","BUTTON_NAME","ButtonFrame","name","render","context","role","focusable","variants","unstyled","false","justifyContent","alignItems","flexWrap","flexDirection","cursor","hoverTheme","pressTheme","backgroundColor","borderWidth","borderColor","focusVisibleStyle","outlineColor","outlineStyle","outlineWidth","outlined","hoverStyle","pressStyle","disabled","true","pointerEvents","defaultVariants","process","env","GUI_HEADLESS","ButtonText","userSelect","flexGrow","flexShrink","ButtonIcon","props","children","scaleIcon","iconSize","getThemedIcon","ButtonComponent","styleable","Button","ref","buttonProps","useButton","Text","Icon","textProps","propsIn","Button2","isNested","propsActive","noNormalize","noExpand","icon","iconAfter","gap","spaceFlex","scaleSpace","noTextWrap","restProps","font","themedIcon","themedIconAfter","map","spaceSize","contents","inner","space","ensureKeys","direction","accessibilityRole","Provider","value","disableClassName"],"sources":["../../../src/v1/Button.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
@@ -1,234 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { getFontSize } from "@hanzogui/font-size";
3
- import { getButtonSized } from "@hanzogui/get-button-sized";
4
- import { withStaticProperties } from "@hanzogui/helpers";
5
- import { useGetThemedIcon } from "@hanzogui/component-helpers";
6
- import { ButtonNestingContext, ThemeableStack } from "@hanzogui/stacks";
7
- import { SizableText, wrapChildrenInText } from "@hanzogui/text";
8
- import { createStyledContext, getVariableValue, styled, useProps } from "@hanzogui/web";
9
- import { useContext } from "react";
10
- import { spacedChildren } from "@hanzogui/spacer";
11
- var ButtonContext = createStyledContext({
12
- // keeping these here means they work with styled() passing down color to text
13
- color: void 0,
14
- ellipsis: void 0,
15
- fontFamily: void 0,
16
- fontSize: void 0,
17
- fontStyle: void 0,
18
- fontWeight: void 0,
19
- letterSpacing: void 0,
20
- maxFontSizeMultiplier: void 0,
21
- size: void 0,
22
- textAlign: void 0,
23
- variant: void 0
24
- });
25
- var BUTTON_NAME = "Button";
26
- var ButtonFrame = styled(ThemeableStack, {
27
- name: BUTTON_NAME,
28
- render: "button",
29
- context: ButtonContext,
30
- role: "button",
31
- focusable: true,
32
- variants: {
33
- unstyled: {
34
- false: {
35
- size: "$true",
36
- justifyContent: "center",
37
- alignItems: "center",
38
- flexWrap: "nowrap",
39
- flexDirection: "row",
40
- cursor: "pointer",
41
- hoverTheme: true,
42
- pressTheme: true,
43
- backgroundColor: "$background",
44
- borderWidth: 1,
45
- borderColor: "transparent",
46
- focusVisibleStyle: {
47
- outlineColor: "$outlineColor",
48
- outlineStyle: "solid",
49
- outlineWidth: 2
50
- }
51
- }
52
- },
53
- variant: {
54
- outlined: {
55
- backgroundColor: "transparent",
56
- borderWidth: 2,
57
- borderColor: "$borderColor",
58
- hoverStyle: {
59
- backgroundColor: "transparent",
60
- borderColor: "$borderColorHover"
61
- },
62
- pressStyle: {
63
- backgroundColor: "transparent",
64
- borderColor: "$borderColorPress"
65
- },
66
- focusVisibleStyle: {
67
- backgroundColor: "transparent",
68
- borderColor: "$borderColorFocus"
69
- }
70
- }
71
- },
72
- size: {
73
- "...size": getButtonSized,
74
- ":number": getButtonSized
75
- },
76
- disabled: {
77
- true: {
78
- pointerEvents: "none"
79
- }
80
- }
81
- },
82
- defaultVariants: {
83
- unstyled: process.env.GUI_HEADLESS === "1"
84
- }
85
- });
86
- var ButtonText = styled(SizableText, {
87
- name: "Button",
88
- context: ButtonContext,
89
- variants: {
90
- unstyled: {
91
- false: {
92
- userSelect: "none",
93
- cursor: "pointer",
94
- // flexGrow 1 leads to inconsistent native style where text pushes to start of view
95
- flexGrow: 0,
96
- flexShrink: 1,
97
- ellipsis: true,
98
- color: "$color"
99
- }
100
- }
101
- },
102
- defaultVariants: {
103
- unstyled: process.env.GUI_HEADLESS === "1"
104
- }
105
- });
106
- var ButtonIcon = function (props) {
107
- var {
108
- children,
109
- scaleIcon = 1
110
- } = props;
111
- var {
112
- size,
113
- color
114
- } = useContext(ButtonContext);
115
- var iconSize = (typeof size === "number" ? size * 0.5 : getFontSize(size)) * scaleIcon;
116
- var getThemedIcon = useGetThemedIcon({
117
- size: iconSize,
118
- color
119
- });
120
- return getThemedIcon(children);
121
- };
122
- var ButtonComponent = ButtonFrame.styleable(function Button(props, ref) {
123
- var {
124
- props: buttonProps
125
- } = useButton(props);
126
- return /* @__PURE__ */_jsx(ButtonFrame, {
127
- "data-disable-theme": true,
128
- ...buttonProps,
129
- ref
130
- });
131
- });
132
- var Button2 = withStaticProperties(ButtonComponent, {
133
- Text: ButtonText,
134
- Icon: ButtonIcon
135
- });
136
- function useButton(param) {
137
- var {
138
- textProps,
139
- ...propsIn
140
- } = param,
141
- {
142
- Text = Button2.Text
143
- } = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {
144
- Text: Button2.Text
145
- };
146
- var isNested = useContext(ButtonNestingContext);
147
- var propsActive = useProps(propsIn, {
148
- noNormalize: true,
149
- noExpand: true
150
- });
151
- var {
152
- icon,
153
- iconAfter,
154
- gap,
155
- spaceFlex,
156
- scaleIcon = 1,
157
- scaleSpace = 0.66,
158
- noTextWrap,
159
- fontFamily,
160
- fontSize,
161
- fontWeight,
162
- fontStyle,
163
- letterSpacing,
164
- render,
165
- ellipsis,
166
- maxFontSizeMultiplier,
167
- ...restProps
168
- } = propsActive;
169
- var size = propsActive.size || (propsActive.unstyled ? void 0 : "$true");
170
- var color = propsActive.color;
171
- var iconSize = (typeof size === "number" ? size * 0.5 : getFontSize(size, {
172
- font: (fontFamily === null || fontFamily === void 0 ? void 0 : fontFamily[0]) === "$" ? fontFamily : void 0
173
- })) * scaleIcon;
174
- var getThemedIcon = useGetThemedIcon({
175
- size: iconSize,
176
- color
177
- });
178
- var [themedIcon, themedIconAfter] = [icon, iconAfter].map(getThemedIcon);
179
- var spaceSize = gap !== null && gap !== void 0 ? gap : getVariableValue(iconSize) * scaleSpace;
180
- var contents = noTextWrap ? [propsIn.children] : wrapChildrenInText(Text, {
181
- children: propsIn.children,
182
- fontFamily,
183
- fontSize,
184
- textProps,
185
- fontWeight,
186
- fontStyle,
187
- letterSpacing,
188
- ellipsis,
189
- maxFontSizeMultiplier
190
- }, Text === ButtonText && propsActive.unstyled !== true ? {
191
- unstyled: process.env.GUI_HEADLESS === "1",
192
- size
193
- } : void 0);
194
- var inner = spacedChildren({
195
- // a bit arbitrary but scaling to font size is necessary so long as button does
196
- space: spaceSize,
197
- spaceFlex,
198
- ensureKeys: true,
199
- direction: propsActive.flexDirection === "column" || propsActive.flexDirection === "column-reverse" ? "vertical" : "horizontal",
200
- // for keys to stay the same we keep indices as similar a possible
201
- // so even if icons are undefined we still pass them
202
- children: [themedIcon, ...contents, themedIconAfter]
203
- });
204
- var props = {
205
- size,
206
- ...(propsIn.disabled && {
207
- // in rnw - false still has keyboard tabIndex, undefined = not actually focusable
208
- focusable: void 0,
209
- // even with tabIndex unset, it will keep focusVisibleStyle on web so disable it here
210
- focusVisibleStyle: {
211
- borderColor: "$background"
212
- }
213
- }),
214
- // fixes SSR issue + DOM nesting issue of not allowing button in button
215
- render: render !== null && render !== void 0 ? render : isNested ? "span" :
216
- // defaults to <a /> when accessibilityRole = link
217
- // see https://github.com/hanzoai/gui/issues/505
218
- propsActive.accessibilityRole === "link" || propsActive.role === "link" ? "a" : "button",
219
- ...restProps,
220
- children: /* @__PURE__ */_jsx(ButtonNestingContext.Provider, {
221
- value: true,
222
- children: inner
223
- }),
224
- // forces it to be a runtime pressStyle so it passes through context text colors
225
- disableClassName: true
226
- };
227
- return {
228
- spaceSize,
229
- isNested,
230
- props
231
- };
232
- }
233
- export { Button2 as Button, ButtonContext, ButtonFrame, ButtonIcon, ButtonText, useButton };
234
- //# sourceMappingURL=Button.native.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["jsx","_jsx","getFontSize","getButtonSized","withStaticProperties","useGetThemedIcon","ButtonNestingContext","ThemeableStack","SizableText","wrapChildrenInText","createStyledContext","getVariableValue","styled","useProps","useContext","spacedChildren","ButtonContext","color","ellipsis","fontFamily","fontSize","fontStyle","fontWeight","letterSpacing","maxFontSizeMultiplier","size","textAlign","variant","BUTTON_NAME","ButtonFrame","name","render","context","role","focusable","variants","unstyled","false","justifyContent","alignItems","flexWrap","flexDirection","cursor","hoverTheme","pressTheme","backgroundColor","borderWidth","borderColor","focusVisibleStyle","outlineColor","outlineStyle","outlineWidth","outlined","hoverStyle","pressStyle","disabled","true","pointerEvents","defaultVariants","process","env","GUI_HEADLESS","ButtonText","userSelect","flexGrow","flexShrink","ButtonIcon","props","children","scaleIcon","iconSize","getThemedIcon","ButtonComponent","styleable","Button","ref","buttonProps","useButton","Button2","Text","Icon","param","textProps","propsIn","arguments","length","isNested","propsActive","noNormalize","noExpand","icon","iconAfter","gap","spaceFlex","scaleSpace","noTextWrap","restProps","font","themedIcon","themedIconAfter","map","spaceSize","contents","inner","space","ensureKeys","direction","accessibilityRole","Provider","value","disableClassName"],"sources":["../../../src/v1/Button.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
@@ -1,10 +0,0 @@
1
- import { getDefaultGuiConfig } from "@hanzogui/config-default";
2
- import { createGui } from "@hanzogui/core";
3
- import { describe, expect, test } from "vitest";
4
- const conf = createGui(getDefaultGuiConfig());
5
- describe("Button", () => {
6
- test(`123`, () => {
7
- expect(true).toBeTruthy();
8
- });
9
- });
10
- //# sourceMappingURL=Button.test.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["getDefaultGuiConfig","createGui","describe","expect","test","conf","toBeTruthy"],"sources":["../../../src/v1/Button.test.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,mBAAA,QAA2B;AACpC,SAASC,SAAA,QAAiB;AAC1B,SAASC,QAAA,EAAUC,MAAA,EAAQC,IAAA,QAAY;AAEvC,MAAMC,IAAA,GAAOJ,SAAA,CAAUD,mBAAA,CAAoB,CAAC;AAE5CE,QAAA,CAAS,UAAU,MAAM;EACvBE,IAAA,CAAK,OAAO,MAAM;IAChBD,MAAA,CAAO,IAAI,EAAEG,UAAA,CAAW;EAC1B,CAAC;AAWH,CAAC","ignoreList":[]}
@@ -1,10 +0,0 @@
1
- import { getDefaultGuiConfig } from "@hanzogui/config-default";
2
- import { createGui } from "@hanzogui/core";
3
- import { describe, expect, test } from "vitest";
4
- var conf = createGui(getDefaultGuiConfig());
5
- describe("Button", function () {
6
- test(`123`, function () {
7
- expect(true).toBeTruthy();
8
- });
9
- });
10
- //# sourceMappingURL=Button.test.native.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["getDefaultGuiConfig","createGui","describe","expect","test","conf","toBeTruthy"],"sources":["../../../src/v1/Button.test.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,mBAAA,QAA2B;AACpC,SAASC,SAAA,QAAiB;AAC1B,SAASC,QAAA,EAAUC,MAAA,EAAQC,IAAA,QAAY;AAEvC,IAAAC,IAAM,GAAAJ,SAAO,CAAAD,mBAAU,GAAoB;AAE3CE,QAAA,CAAS,UAAU,YAAM;EACvBE,IAAA,CAAK,OAAO,YAAM;IAChBD,MAAA,CAAO,IAAI,EAAEG,UAAA,CAAW;EAC1B,CAAC;AAWH,CAAC","ignoreList":[]}
@@ -1,2 +0,0 @@
1
- export * from "./Button.mjs";
2
- //# sourceMappingURL=index.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"names":[],"sources":["../../../src/v1/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc","ignoreList":[]}
@@ -1,2 +0,0 @@
1
- export * from "./Button.native.js";
2
- //# sourceMappingURL=index.native.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":[],"sources":["../../../src/v1/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc","ignoreList":[]}