@hanzogui/button 2.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (84) hide show
  1. package/LICENSE +21 -0
  2. package/dist/cjs/Button.cjs +218 -0
  3. package/dist/cjs/Button.native.js +224 -0
  4. package/dist/cjs/Button.native.js.map +1 -0
  5. package/dist/cjs/Button.test.cjs +36 -0
  6. package/dist/cjs/Button.test.native.js +39 -0
  7. package/dist/cjs/Button.test.native.js.map +1 -0
  8. package/dist/cjs/index.cjs +18 -0
  9. package/dist/cjs/index.native.js +21 -0
  10. package/dist/cjs/index.native.js.map +1 -0
  11. package/dist/cjs/v1/Button.cjs +259 -0
  12. package/dist/cjs/v1/Button.native.js +265 -0
  13. package/dist/cjs/v1/Button.native.js.map +1 -0
  14. package/dist/cjs/v1/Button.test.cjs +9 -0
  15. package/dist/cjs/v1/Button.test.native.js +12 -0
  16. package/dist/cjs/v1/Button.test.native.js.map +1 -0
  17. package/dist/cjs/v1/index.cjs +18 -0
  18. package/dist/cjs/v1/index.native.js +21 -0
  19. package/dist/cjs/v1/index.native.js.map +1 -0
  20. package/dist/esm/Button.mjs +194 -0
  21. package/dist/esm/Button.mjs.map +1 -0
  22. package/dist/esm/Button.native.js +197 -0
  23. package/dist/esm/Button.native.js.map +1 -0
  24. package/dist/esm/Button.test.mjs +37 -0
  25. package/dist/esm/Button.test.mjs.map +1 -0
  26. package/dist/esm/Button.test.native.js +37 -0
  27. package/dist/esm/Button.test.native.js.map +1 -0
  28. package/dist/esm/index.js +2 -0
  29. package/dist/esm/index.js.map +1 -0
  30. package/dist/esm/index.mjs +2 -0
  31. package/dist/esm/index.mjs.map +1 -0
  32. package/dist/esm/index.native.js +2 -0
  33. package/dist/esm/index.native.js.map +1 -0
  34. package/dist/esm/v1/Button.mjs +231 -0
  35. package/dist/esm/v1/Button.mjs.map +1 -0
  36. package/dist/esm/v1/Button.native.js +234 -0
  37. package/dist/esm/v1/Button.native.js.map +1 -0
  38. package/dist/esm/v1/Button.test.mjs +10 -0
  39. package/dist/esm/v1/Button.test.mjs.map +1 -0
  40. package/dist/esm/v1/Button.test.native.js +10 -0
  41. package/dist/esm/v1/Button.test.native.js.map +1 -0
  42. package/dist/esm/v1/index.mjs +2 -0
  43. package/dist/esm/v1/index.mjs.map +1 -0
  44. package/dist/esm/v1/index.native.js +2 -0
  45. package/dist/esm/v1/index.native.js.map +1 -0
  46. package/dist/jsx/Button.mjs +194 -0
  47. package/dist/jsx/Button.mjs.map +1 -0
  48. package/dist/jsx/Button.native.js +224 -0
  49. package/dist/jsx/Button.native.js.map +1 -0
  50. package/dist/jsx/Button.test.mjs +37 -0
  51. package/dist/jsx/Button.test.mjs.map +1 -0
  52. package/dist/jsx/Button.test.native.js +39 -0
  53. package/dist/jsx/Button.test.native.js.map +1 -0
  54. package/dist/jsx/index.js +2 -0
  55. package/dist/jsx/index.js.map +1 -0
  56. package/dist/jsx/index.mjs +2 -0
  57. package/dist/jsx/index.mjs.map +1 -0
  58. package/dist/jsx/index.native.js +21 -0
  59. package/dist/jsx/index.native.js.map +1 -0
  60. package/dist/jsx/v1/Button.mjs +231 -0
  61. package/dist/jsx/v1/Button.mjs.map +1 -0
  62. package/dist/jsx/v1/Button.native.js +265 -0
  63. package/dist/jsx/v1/Button.native.js.map +1 -0
  64. package/dist/jsx/v1/Button.test.mjs +10 -0
  65. package/dist/jsx/v1/Button.test.mjs.map +1 -0
  66. package/dist/jsx/v1/Button.test.native.js +12 -0
  67. package/dist/jsx/v1/Button.test.native.js.map +1 -0
  68. package/dist/jsx/v1/index.mjs +2 -0
  69. package/dist/jsx/v1/index.mjs.map +1 -0
  70. package/dist/jsx/v1/index.native.js +21 -0
  71. package/dist/jsx/v1/index.native.js.map +1 -0
  72. package/package.json +59 -0
  73. package/src/Button.test.tsx +45 -0
  74. package/src/Button.tsx +272 -0
  75. package/src/index.ts +1 -0
  76. package/src/v1/Button.test.tsx +21 -0
  77. package/src/v1/Button.tsx +336 -0
  78. package/src/v1/index.ts +1 -0
  79. package/types/Button.d.ts +123 -0
  80. package/types/Button.test.d.ts +2 -0
  81. package/types/index.d.ts +2 -0
  82. package/types/v1/Button.d.ts +302 -0
  83. package/types/v1/Button.test.d.ts +2 -0
  84. package/types/v1/index.d.ts +2 -0
@@ -0,0 +1,194 @@
1
+ import { getFontSize } from "@hanzo/gui-font-size";
2
+ import { getButtonSized } from "@hanzo/gui-get-button-sized";
3
+ import { getIcon, useCurrentColor } from "@hanzo/gui-helpers";
4
+ import { ButtonNestingContext, getElevation, themeableVariants } from "@hanzo/gui-stacks";
5
+ import { SizableText, wrapChildrenInText } from "@hanzo/gui-text";
6
+ import { createStyledContext, getTokenValue, styled, useProps, View, withStaticProperties } from "@hanzo/gui-web";
7
+ import { useContext } from "react";
8
+ import { jsx, jsxs } from "react/jsx-runtime";
9
+ const context = createStyledContext({
10
+ size: void 0,
11
+ variant: void 0,
12
+ color: void 0,
13
+ elevation: void 0
14
+ }),
15
+ Frame = styled(View, {
16
+ context,
17
+ name: "Button",
18
+ role: "button",
19
+ render: /* @__PURE__ */jsx("button", {
20
+ type: "button"
21
+ }),
22
+ tabIndex: 0,
23
+ variants: {
24
+ unstyled: {
25
+ false: {
26
+ size: "$true",
27
+ justifyContent: "center",
28
+ alignItems: "center",
29
+ flexWrap: "nowrap",
30
+ flexDirection: "row",
31
+ cursor: "pointer",
32
+ backgroundColor: "$background",
33
+ borderWidth: 1,
34
+ borderColor: "transparent",
35
+ hoverStyle: {
36
+ backgroundColor: "$backgroundHover",
37
+ borderColor: "$borderColorHover"
38
+ },
39
+ pressStyle: {
40
+ backgroundColor: "$backgroundPress",
41
+ borderColor: "$borderColorHover"
42
+ },
43
+ focusVisibleStyle: {
44
+ outlineColor: "$outlineColor",
45
+ outlineStyle: "solid",
46
+ outlineWidth: 2
47
+ }
48
+ }
49
+ },
50
+ variant: {
51
+ outlined: process.env.HANZO_GUI_HEADLESS === "1" ? {} : {
52
+ backgroundColor: "transparent",
53
+ borderWidth: 1,
54
+ borderColor: "$borderColor",
55
+ hoverStyle: {
56
+ backgroundColor: "transparent",
57
+ borderColor: "$borderColorHover"
58
+ },
59
+ pressStyle: {
60
+ backgroundColor: "transparent",
61
+ borderColor: "$borderColorPress"
62
+ }
63
+ }
64
+ },
65
+ circular: themeableVariants.circular,
66
+ chromeless: themeableVariants.chromeless,
67
+ size: {
68
+ "...size": (val, extras) => {
69
+ const buttonStyle = getButtonSized(val, extras),
70
+ gap = getTokenValue(val);
71
+ return {
72
+ ...buttonStyle,
73
+ gap
74
+ };
75
+ },
76
+ ":number": (val, extras) => {
77
+ const buttonStyle = getButtonSized(val, extras),
78
+ gap = val * 0.4;
79
+ return {
80
+ ...buttonStyle,
81
+ gap
82
+ };
83
+ }
84
+ },
85
+ elevation: {
86
+ "...size": getElevation,
87
+ ":number": getElevation
88
+ },
89
+ disabled: {
90
+ true: {
91
+ pointerEvents: "none",
92
+ // @ts-ignore
93
+ "aria-disabled": !0
94
+ }
95
+ }
96
+ },
97
+ defaultVariants: {
98
+ unstyled: process.env.HANZO_GUI_HEADLESS === "1"
99
+ }
100
+ }),
101
+ Text = styled(SizableText, {
102
+ context,
103
+ variants: {
104
+ unstyled: {
105
+ false: {
106
+ userSelect: "none",
107
+ cursor: "pointer",
108
+ // flexGrow 1 leads to inconsistent native style where text pushes to start of view
109
+ flexGrow: 0,
110
+ flexShrink: 1,
111
+ ellipsis: !0,
112
+ color: "$color"
113
+ }
114
+ }
115
+ },
116
+ defaultVariants: {
117
+ unstyled: process.env.HANZO_GUI_HEADLESS === "1"
118
+ }
119
+ }),
120
+ Icon = props => {
121
+ const {
122
+ children,
123
+ scaleIcon = 1,
124
+ size
125
+ } = props,
126
+ styledContext = context.useStyledContext();
127
+ if (!styledContext) throw new Error("Button.Icon must be used within a Button");
128
+ const sizeToken = size ?? styledContext.size,
129
+ iconColor = useCurrentColor(styledContext.color),
130
+ iconSize = (typeof sizeToken == "number" ? sizeToken * 0.5 : getFontSize(sizeToken)) * scaleIcon;
131
+ return getIcon(children, {
132
+ size: iconSize,
133
+ color: iconColor
134
+ });
135
+ },
136
+ ButtonContext = createStyledContext({
137
+ size: void 0,
138
+ variant: void 0,
139
+ color: void 0
140
+ }),
141
+ ButtonComponent = Frame.styleable((propsIn, ref) => {
142
+ const isNested = useContext(ButtonNestingContext),
143
+ processedProps = useProps(propsIn, {
144
+ noNormalize: !0,
145
+ noExpand: !0
146
+ }),
147
+ {
148
+ children,
149
+ iconSize,
150
+ icon,
151
+ iconAfter,
152
+ scaleIcon = 1,
153
+ ...props
154
+ } = processedProps,
155
+ size = propsIn.size || (propsIn.unstyled ? void 0 : "$true"),
156
+ styledContext = context.useStyledContext(),
157
+ iconColor = useCurrentColor(styledContext?.color),
158
+ finalSize = iconSize ?? size ?? styledContext?.size,
159
+ iconSizeNumber = (typeof finalSize == "number" ? finalSize * 0.5 : getFontSize(finalSize)) * scaleIcon,
160
+ [themedIcon, themedIconAfter] = [icon, iconAfter].map(icon2 => icon2 ? getIcon(icon2, {
161
+ size: iconSizeNumber,
162
+ color: iconColor
163
+ // No marginLeft or marginRight needed - spacing is handled by the gap property in Frame's size variants
164
+ }) : null),
165
+ wrappedChildren = wrapChildrenInText(Text, {
166
+ children
167
+ }, {
168
+ unstyled: process.env.HANZO_GUI_HEADLESS === "1",
169
+ size: finalSize ?? styledContext?.size
170
+ });
171
+ return /* @__PURE__ */jsx(ButtonNestingContext.Provider, {
172
+ value: !0,
173
+ children: /* @__PURE__ */jsxs(Frame, {
174
+ ref,
175
+ ...props,
176
+ ...(isNested && {
177
+ render: "span"
178
+ }),
179
+ ...(props.circular && !propsIn.size && {
180
+ size
181
+ }),
182
+ tabIndex: 0,
183
+ children: [themedIcon, wrappedChildren, themedIconAfter]
184
+ })
185
+ });
186
+ }),
187
+ Button = withStaticProperties(ButtonComponent, {
188
+ Apply: context.Provider,
189
+ Frame,
190
+ Text,
191
+ Icon
192
+ });
193
+ export { Button, ButtonContext };
194
+ //# sourceMappingURL=Button.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["getFontSize","getButtonSized","getIcon","useCurrentColor","ButtonNestingContext","getElevation","themeableVariants","SizableText","wrapChildrenInText","createStyledContext","getTokenValue","styled","useProps","View","withStaticProperties","useContext","jsx","jsxs","context","size","variant","color","elevation","Frame","name","role","render","type","tabIndex","variants","unstyled","false","justifyContent","alignItems","flexWrap","flexDirection","cursor","backgroundColor","borderWidth","borderColor","hoverStyle","pressStyle","focusVisibleStyle","outlineColor","outlineStyle","outlineWidth","outlined","process","env","HANZO_GUI_HEADLESS","circular","chromeless","...size","val","extras","buttonStyle","gap",":number","disabled","true","pointerEvents","defaultVariants","Text","userSelect","flexGrow","flexShrink","ellipsis","Icon","props","children","scaleIcon","styledContext","useStyledContext","Error","sizeToken","iconColor","iconSize","ButtonContext","ButtonComponent","styleable","propsIn","ref","isNested","processedProps","noNormalize","noExpand","icon","iconAfter","finalSize","iconSizeNumber","themedIcon","themedIconAfter","map","icon2","wrappedChildren","Provider","value","Button","Apply"],"sources":["../../src/Button.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
@@ -0,0 +1,197 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { getFontSize } from "@hanzo/gui-font-size";
3
+ import { getButtonSized } from "@hanzo/gui-get-button-sized";
4
+ import { getIcon, useCurrentColor } from "@hanzo/gui-helpers";
5
+ import { ButtonNestingContext, getElevation, themeableVariants } from "@hanzo/gui-stacks";
6
+ import { SizableText, wrapChildrenInText } from "@hanzo/gui-text";
7
+ import { createStyledContext, getTokenValue, styled, useProps, View, withStaticProperties } from "@hanzo/gui-web";
8
+ import { useContext } from "react";
9
+ var context = createStyledContext({
10
+ size: void 0,
11
+ variant: void 0,
12
+ color: void 0,
13
+ elevation: void 0
14
+ }),
15
+ Frame = styled(View, {
16
+ context,
17
+ name: "Button",
18
+ role: "button",
19
+ render: /* @__PURE__ */_jsx("button", {
20
+ type: "button"
21
+ }),
22
+ tabIndex: 0,
23
+ variants: {
24
+ unstyled: {
25
+ false: {
26
+ size: "$true",
27
+ justifyContent: "center",
28
+ alignItems: "center",
29
+ flexWrap: "nowrap",
30
+ flexDirection: "row",
31
+ cursor: "pointer",
32
+ backgroundColor: "$background",
33
+ borderWidth: 1,
34
+ borderColor: "transparent",
35
+ hoverStyle: {
36
+ backgroundColor: "$backgroundHover",
37
+ borderColor: "$borderColorHover"
38
+ },
39
+ pressStyle: {
40
+ backgroundColor: "$backgroundPress",
41
+ borderColor: "$borderColorHover"
42
+ },
43
+ focusVisibleStyle: {
44
+ outlineColor: "$outlineColor",
45
+ outlineStyle: "solid",
46
+ outlineWidth: 2
47
+ }
48
+ }
49
+ },
50
+ variant: {
51
+ outlined: process.env.HANZO_GUI_HEADLESS === "1" ? {} : {
52
+ backgroundColor: "transparent",
53
+ borderWidth: 1,
54
+ borderColor: "$borderColor",
55
+ hoverStyle: {
56
+ backgroundColor: "transparent",
57
+ borderColor: "$borderColorHover"
58
+ },
59
+ pressStyle: {
60
+ backgroundColor: "transparent",
61
+ borderColor: "$borderColorPress"
62
+ }
63
+ }
64
+ },
65
+ circular: themeableVariants.circular,
66
+ chromeless: themeableVariants.chromeless,
67
+ size: {
68
+ "...size": function (val, extras) {
69
+ var buttonStyle = getButtonSized(val, extras),
70
+ gap = getTokenValue(val);
71
+ return {
72
+ ...buttonStyle,
73
+ gap
74
+ };
75
+ },
76
+ ":number": function (val, extras) {
77
+ var buttonStyle = getButtonSized(val, extras),
78
+ gap = val * 0.4;
79
+ return {
80
+ ...buttonStyle,
81
+ gap
82
+ };
83
+ }
84
+ },
85
+ elevation: {
86
+ "...size": getElevation,
87
+ ":number": getElevation
88
+ },
89
+ disabled: {
90
+ true: {
91
+ pointerEvents: "none",
92
+ // @ts-ignore
93
+ "aria-disabled": !0
94
+ }
95
+ }
96
+ },
97
+ defaultVariants: {
98
+ unstyled: process.env.HANZO_GUI_HEADLESS === "1"
99
+ }
100
+ }),
101
+ Text = styled(SizableText, {
102
+ context,
103
+ variants: {
104
+ unstyled: {
105
+ false: {
106
+ userSelect: "none",
107
+ cursor: "pointer",
108
+ // flexGrow 1 leads to inconsistent native style where text pushes to start of view
109
+ flexGrow: 0,
110
+ flexShrink: 1,
111
+ ellipsis: !0,
112
+ color: "$color"
113
+ }
114
+ }
115
+ },
116
+ defaultVariants: {
117
+ unstyled: process.env.HANZO_GUI_HEADLESS === "1"
118
+ }
119
+ }),
120
+ Icon = function (props) {
121
+ var {
122
+ children,
123
+ scaleIcon = 1,
124
+ size
125
+ } = props,
126
+ styledContext = context.useStyledContext();
127
+ if (!styledContext) throw new Error("Button.Icon must be used within a Button");
128
+ var sizeToken = size ?? styledContext.size,
129
+ iconColor = useCurrentColor(styledContext.color),
130
+ iconSize = (typeof sizeToken == "number" ? sizeToken * 0.5 : getFontSize(sizeToken)) * scaleIcon;
131
+ return getIcon(children, {
132
+ size: iconSize,
133
+ color: iconColor
134
+ });
135
+ },
136
+ ButtonContext = createStyledContext({
137
+ size: void 0,
138
+ variant: void 0,
139
+ color: void 0
140
+ }),
141
+ ButtonComponent = Frame.styleable(function (propsIn, ref) {
142
+ var isNested = useContext(ButtonNestingContext),
143
+ processedProps = useProps(propsIn, {
144
+ noNormalize: !0,
145
+ noExpand: !0
146
+ }),
147
+ {
148
+ children,
149
+ iconSize,
150
+ icon,
151
+ iconAfter,
152
+ scaleIcon = 1,
153
+ ...props
154
+ } = processedProps,
155
+ size = propsIn.size || (propsIn.unstyled ? void 0 : "$true"),
156
+ styledContext = context.useStyledContext(),
157
+ iconColor = useCurrentColor(styledContext?.color),
158
+ _ref,
159
+ finalSize = (_ref = iconSize ?? size) !== null && _ref !== void 0 ? _ref : styledContext?.size,
160
+ iconSizeNumber = (typeof finalSize == "number" ? finalSize * 0.5 : getFontSize(finalSize)) * scaleIcon,
161
+ [themedIcon, themedIconAfter] = [icon, iconAfter].map(function (icon2) {
162
+ return icon2 ? getIcon(icon2, {
163
+ size: iconSizeNumber,
164
+ color: iconColor
165
+ }) : null;
166
+ }),
167
+ wrappedChildren = wrapChildrenInText(Text, {
168
+ children
169
+ }, {
170
+ unstyled: process.env.HANZO_GUI_HEADLESS === "1",
171
+ size: finalSize ?? styledContext?.size
172
+ });
173
+ return /* @__PURE__ */_jsx(ButtonNestingContext.Provider, {
174
+ value: !0,
175
+ children: /* @__PURE__ */_jsxs(Frame, {
176
+ ref,
177
+ ...props,
178
+ ...(isNested && {
179
+ render: "span"
180
+ }),
181
+ // Pass resolved size to circular variant when no explicit size provided
182
+ ...(props.circular && !propsIn.size && {
183
+ size
184
+ }),
185
+ tabIndex: 0,
186
+ children: [themedIcon, wrappedChildren, themedIconAfter]
187
+ })
188
+ });
189
+ }),
190
+ Button = withStaticProperties(ButtonComponent, {
191
+ Apply: context.Provider,
192
+ Frame,
193
+ Text,
194
+ Icon
195
+ });
196
+ export { Button, ButtonContext };
197
+ //# sourceMappingURL=Button.native.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["jsx","_jsx","jsxs","_jsxs","getFontSize","getButtonSized","getIcon","useCurrentColor","ButtonNestingContext","getElevation","themeableVariants","SizableText","wrapChildrenInText","createStyledContext","getTokenValue","styled","useProps","View","withStaticProperties","useContext","context","size","variant","color","elevation","Frame","name","role","render","type","tabIndex","variants","unstyled","false","justifyContent","alignItems","flexWrap","flexDirection","cursor","backgroundColor","borderWidth","borderColor","hoverStyle","pressStyle","focusVisibleStyle","outlineColor","outlineStyle","outlineWidth","outlined","process","env","HANZO_GUI_HEADLESS","circular","chromeless","...size","val","extras","buttonStyle","gap",":number","disabled","true","pointerEvents","defaultVariants","Text","userSelect","flexGrow","flexShrink","ellipsis","Icon","props","children","scaleIcon","styledContext","useStyledContext","Error","sizeToken","iconColor","iconSize","ButtonContext","ButtonComponent","styleable","propsIn","ref","isNested","processedProps","noNormalize","noExpand","icon","iconAfter","_ref","finalSize","iconSizeNumber","themedIcon","themedIconAfter","map","icon2","wrappedChildren","Provider","value","Button","Apply"],"sources":["../../src/Button.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
@@ -0,0 +1,37 @@
1
+ import { getDefaultTamaguiConfig } from "@hanzo/gui-config-default";
2
+ import { createTamagui } from "@hanzo/gui-core";
3
+ import { describe, expect, test } from "vitest";
4
+ import { Button } from "./Button.mjs";
5
+ import { jsx } from "react/jsx-runtime";
6
+ const conf = createTamagui(getDefaultTamaguiConfig());
7
+ describe("Button", () => {
8
+ test("123", () => {
9
+ expect(!0).toBeTruthy();
10
+ }), test("accepts native button html props", () => {
11
+ const _submitBtn = /* @__PURE__ */jsx(Button, {
12
+ type: "submit",
13
+ children: "Submit"
14
+ }),
15
+ _resetBtn = /* @__PURE__ */jsx(Button, {
16
+ type: "reset",
17
+ children: "Reset"
18
+ }),
19
+ _buttonBtn = /* @__PURE__ */jsx(Button, {
20
+ type: "button",
21
+ children: "Button"
22
+ }),
23
+ _formBtn = /* @__PURE__ */jsx(Button, {
24
+ type: "submit",
25
+ form: "myForm",
26
+ formAction: "/submit",
27
+ formMethod: "post",
28
+ formTarget: "_blank",
29
+ formNoValidate: !0,
30
+ name: "submitBtn",
31
+ value: "submit",
32
+ children: "Submit"
33
+ });
34
+ expect(!0).toBeTruthy();
35
+ });
36
+ });
37
+ //# sourceMappingURL=Button.test.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["getDefaultTamaguiConfig","createTamagui","describe","expect","test","Button","jsx","conf","toBeTruthy","_submitBtn","type","children","_resetBtn","_buttonBtn","_formBtn","form","formAction","formMethod","formTarget","formNoValidate","name","value"],"sources":["../../src/Button.test.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,uBAAA,QAA+B;AACxC,SAASC,aAAA,QAAqB;AAC9B,SAASC,QAAA,EAAUC,MAAA,EAAQC,IAAA,QAAY;AACvC,SAASC,MAAA,QAAc;AAYA,SAAAC,GAAA;AAVvB,MAAMC,IAAA,GAAON,aAAA,CAAcD,uBAAA,CAAwB,CAAC;AAEpDE,QAAA,CAAS,UAAU,MAAM;EACvBE,IAAA,CAAK,OAAO,MAAM;IAChBD,MAAA,CAAO,EAAI,EAAEK,UAAA,CAAW;EAC1B,CAAC,GAGDJ,IAAA,CAAK,oCAAoC,MAAM;IAE7C,MAAMK,UAAA,GAAa,eAAAH,GAAA,CAACD,MAAA;QAAOK,IAAA,EAAK;QAASC,QAAA;MAAA,CAAM;MACzCC,SAAA,GAAY,eAAAN,GAAA,CAACD,MAAA;QAAOK,IAAA,EAAK;QAAQC,QAAA;MAAA,CAAK;MACtCE,UAAA,GAAa,eAAAP,GAAA,CAACD,MAAA;QAAOK,IAAA,EAAK;QAASC,QAAA;MAAA,CAAM;MACzCG,QAAA,GACJ,eAAAR,GAAA,CAACD,MAAA;QACCK,IAAA,EAAK;QACLK,IAAA,EAAK;QACLC,UAAA,EAAW;QACXC,UAAA,EAAW;QACXC,UAAA,EAAW;QACXC,cAAA,EAAc;QACdC,IAAA,EAAK;QACLC,KAAA,EAAM;QACPV,QAAA;MAAA,CAED;IAEFR,MAAA,CAAO,EAAI,EAAEK,UAAA,CAAW;EAC1B,CAAC;AAWH,CAAC","ignoreList":[]}
@@ -0,0 +1,37 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { getDefaultTamaguiConfig } from "@hanzo/gui-config-default";
3
+ import { createTamagui } from "@hanzo/gui-core";
4
+ import { describe, expect, test } from "vitest";
5
+ import { Button } from "./Button.native.js";
6
+ var conf = createTamagui(getDefaultTamaguiConfig());
7
+ describe("Button", function () {
8
+ test("123", function () {
9
+ expect(!0).toBeTruthy();
10
+ }), test("accepts native button html props", function () {
11
+ var _submitBtn = /* @__PURE__ */_jsx(Button, {
12
+ type: "submit",
13
+ children: "Submit"
14
+ }),
15
+ _resetBtn = /* @__PURE__ */_jsx(Button, {
16
+ type: "reset",
17
+ children: "Reset"
18
+ }),
19
+ _buttonBtn = /* @__PURE__ */_jsx(Button, {
20
+ type: "button",
21
+ children: "Button"
22
+ }),
23
+ _formBtn = /* @__PURE__ */_jsx(Button, {
24
+ type: "submit",
25
+ form: "myForm",
26
+ formAction: "/submit",
27
+ formMethod: "post",
28
+ formTarget: "_blank",
29
+ formNoValidate: !0,
30
+ name: "submitBtn",
31
+ value: "submit",
32
+ children: "Submit"
33
+ });
34
+ expect(!0).toBeTruthy();
35
+ });
36
+ });
37
+ //# sourceMappingURL=Button.test.native.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["jsx","_jsx","getDefaultTamaguiConfig","createTamagui","describe","expect","test","Button","conf","toBeTruthy","_submitBtn","type","children","_resetBtn","_buttonBtn","_formBtn","form","formAction","formMethod","formTarget","formNoValidate","name"],"sources":["../../src/Button.test.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,2BAA+B;AACxC,SAASC,uBAAqB;AAC9B,SAASC,aAAU,QAAQ,iBAAY;AACvC,SAASC,QAAA,EAAAC,MAAc,EAAAC,IAAA;AAYA,SAAAC,MAAA;AAVvB,IAAAC,IAAM,GAAAL,aAAO,CAAAD,uBAAc,GAAwB;AAEnDE,QAAA,CAAS,UAAU,YAAM;EACvBE,IAAA,CAAK,OAAO,YAAM;IAChBD,MAAA,CAAO,EAAI,EAAEI,UAAA,CAAW;EAC1B,CAAC,GAGDH,IAAA,CAAK,oCAAoC,YAAM;IAE7C,IAAAI,UAAM,kBAAaT,IAAA,CAAAM,MAAC;QAIjBI,IAAA;QAAAC,QAAA;MAAA;MACCC,SAAK,kBAAAZ,IAAA,CAAAM,MAAA;QAAAI,IACL,SAAK;QAAAC,QACL;MAAW;MACXE,UAAA,GAAW,eAAAb,IAAA,CAAAM,MAAA;QAAAI,IACX,UAAW;QAAAC,QACX;MAAc;MACdG,QAAK,kBAAAd,IAAA,CAAAM,MAAA;QAAAI,IACL,UAAM;QAAAK,IACP;QAAAC,UAAA;QAEDC,UAAA;QAEFC,UAAa,UAAW;QACzBC,cAAA;QAWFC,IAAA","ignoreList":[]}
@@ -0,0 +1,2 @@
1
+ export * from "./Button.mjs";
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc","ignoreList":[]}
@@ -0,0 +1,2 @@
1
+ export * from "./Button.mjs";
2
+ //# sourceMappingURL=index.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc","ignoreList":[]}
@@ -0,0 +1,2 @@
1
+ export * from "./Button.native.js";
2
+ //# sourceMappingURL=index.native.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc","ignoreList":[]}