@hanzogui/button 3.0.2 → 7.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 (77) hide show
  1. package/package.json +17 -16
  2. package/src/Button.test.tsx +5 -5
  3. package/src/Button.tsx +5 -5
  4. package/src/v1/Button.test.tsx +5 -5
  5. package/src/v1/Button.tsx +7 -7
  6. package/types/Button.d.ts +17 -17
  7. package/types/v1/Button.d.ts +26 -26
  8. package/dist/cjs/Button.cjs +0 -218
  9. package/dist/cjs/Button.native.js +0 -224
  10. package/dist/cjs/Button.native.js.map +0 -1
  11. package/dist/cjs/Button.test.cjs +0 -36
  12. package/dist/cjs/Button.test.native.js +0 -39
  13. package/dist/cjs/Button.test.native.js.map +0 -1
  14. package/dist/cjs/index.cjs +0 -18
  15. package/dist/cjs/index.native.js +0 -21
  16. package/dist/cjs/index.native.js.map +0 -1
  17. package/dist/cjs/v1/Button.cjs +0 -259
  18. package/dist/cjs/v1/Button.native.js +0 -265
  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 -18
  24. package/dist/cjs/v1/index.native.js +0 -21
  25. package/dist/cjs/v1/index.native.js.map +0 -1
  26. package/dist/esm/Button.mjs +0 -194
  27. package/dist/esm/Button.mjs.map +0 -1
  28. package/dist/esm/Button.native.js +0 -197
  29. package/dist/esm/Button.native.js.map +0 -1
  30. package/dist/esm/Button.test.mjs +0 -37
  31. package/dist/esm/Button.test.mjs.map +0 -1
  32. package/dist/esm/Button.test.native.js +0 -37
  33. package/dist/esm/Button.test.native.js.map +0 -1
  34. package/dist/esm/index.js +0 -2
  35. package/dist/esm/index.js.map +0 -1
  36. package/dist/esm/index.mjs +0 -2
  37. package/dist/esm/index.mjs.map +0 -1
  38. package/dist/esm/index.native.js +0 -2
  39. package/dist/esm/index.native.js.map +0 -1
  40. package/dist/esm/v1/Button.mjs +0 -231
  41. package/dist/esm/v1/Button.mjs.map +0 -1
  42. package/dist/esm/v1/Button.native.js +0 -234
  43. package/dist/esm/v1/Button.native.js.map +0 -1
  44. package/dist/esm/v1/Button.test.mjs +0 -10
  45. package/dist/esm/v1/Button.test.mjs.map +0 -1
  46. package/dist/esm/v1/Button.test.native.js +0 -10
  47. package/dist/esm/v1/Button.test.native.js.map +0 -1
  48. package/dist/esm/v1/index.mjs +0 -2
  49. package/dist/esm/v1/index.mjs.map +0 -1
  50. package/dist/esm/v1/index.native.js +0 -2
  51. package/dist/esm/v1/index.native.js.map +0 -1
  52. package/dist/jsx/Button.mjs +0 -194
  53. package/dist/jsx/Button.mjs.map +0 -1
  54. package/dist/jsx/Button.native.js +0 -224
  55. package/dist/jsx/Button.native.js.map +0 -1
  56. package/dist/jsx/Button.test.mjs +0 -37
  57. package/dist/jsx/Button.test.mjs.map +0 -1
  58. package/dist/jsx/Button.test.native.js +0 -39
  59. package/dist/jsx/Button.test.native.js.map +0 -1
  60. package/dist/jsx/index.js +0 -2
  61. package/dist/jsx/index.js.map +0 -1
  62. package/dist/jsx/index.mjs +0 -2
  63. package/dist/jsx/index.mjs.map +0 -1
  64. package/dist/jsx/index.native.js +0 -21
  65. package/dist/jsx/index.native.js.map +0 -1
  66. package/dist/jsx/v1/Button.mjs +0 -231
  67. package/dist/jsx/v1/Button.mjs.map +0 -1
  68. package/dist/jsx/v1/Button.native.js +0 -265
  69. package/dist/jsx/v1/Button.native.js.map +0 -1
  70. package/dist/jsx/v1/Button.test.mjs +0 -10
  71. package/dist/jsx/v1/Button.test.mjs.map +0 -1
  72. package/dist/jsx/v1/Button.test.native.js +0 -12
  73. package/dist/jsx/v1/Button.test.native.js.map +0 -1
  74. package/dist/jsx/v1/index.mjs +0 -2
  75. package/dist/jsx/v1/index.mjs.map +0 -1
  76. package/dist/jsx/v1/index.native.js +0 -21
  77. package/dist/jsx/v1/index.native.js.map +0 -1
@@ -1,194 +0,0 @@
1
- import { getFontSize } from "@hanzogui/font-size";
2
- import { getButtonSized } from "@hanzogui/get-button-sized";
3
- import { getIcon, useCurrentColor } from "@hanzogui/component-helpers";
4
- import { ButtonNestingContext, getElevation, themeableVariants } from "@hanzogui/stacks";
5
- import { SizableText, wrapChildrenInText } from "@hanzogui/text";
6
- import { createStyledContext, getTokenValue, styled, useProps, View, withStaticProperties } from "@hanzogui/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
@@ -1 +0,0 @@
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":[]}
@@ -1,197 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { getFontSize } from "@hanzogui/font-size";
3
- import { getButtonSized } from "@hanzogui/get-button-sized";
4
- import { getIcon, useCurrentColor } from "@hanzogui/helpers";
5
- import { ButtonNestingContext, getElevation, themeableVariants } from "@hanzogui/stacks";
6
- import { SizableText, wrapChildrenInText } from "@hanzogui/text";
7
- import { createStyledContext, getTokenValue, styled, useProps, View, withStaticProperties } from "@hanzogui/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
@@ -1 +0,0 @@
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":"AAAA,SAASA,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAmBC,KAAA;AAC5B,SAASC,WAAA,8BAAsB;AAC/B,SAASC,cAAS,qCAAuB;AACzC,SAASC,OAAA,EAAAC,eAAsB,4BAAc;AAC7C,SAASC,oBAAa,EAAAC,YAAA,EAAAC,iBAA0B;AAEhD,SAAAC,WAAA,EAAAC,kBAAA;AAAA,SACEC,mBAAA,EAAAC,aAAA,EAAAC,MAAA,EAAAC,QAAA,EAAAC,IAAA,EAAAC,oBAAA;AAAA,SACAC,UAAA;AAAA,IACAC,OAAA,GAAAP,mBAAA;IACAQ,IAAA;IACAC,OAAA;IACAC,KAAA;IAAAC,SACK;EAEP;EAAAC,KAAS,GAAAV,MAAA,CAAAE,IAAA;IAoBCG,OAAA;IAhBVM,IAAM,UAAU;IAMdC,IAAA,EAAM;IACNC,MAAA,iBAAS3B,IAAA;MACT4B,IAAA,EAAO;IACP;IACDC,QAEK,EAAQ;IACZC,QAAA;MACAC,QAAM;QACNC,KAAM;UACNZ,IAAQ;UACRa,cAAU;UAEVC,UAAU;UACRC,QAAU;UACRC,aAAO;UACLC,MAAM;UACNC,eAAA,EAAgB;UAChBC,WAAA,EAAY;UACZC,WAAU;UACVC,UAAA;YACAH,eAAQ;YACRE,WAAA;UACA;UACAE,UAAA;YAEAJ,eAAY;YACVE,WAAA;UAAiB;UAEnBG,iBAAA;YAEAC,YAAY;YACVC,YAAA,SAAiB;YACjBC,YAAA,EAAa;UACf;QAAA;MAEmB;MACHzB,OACd;QAAc0B,QACd,EAAAC,OAAA,CAAcC,GAAA,CAAAC,kBAAA;UAChBZ,eAAA;UACFC,WAAA;UACFC,WAAA;UAEAC,UAAS;YACPH,eACU,eAAI;YAGNE,WAAA;UACA;UACAE,UAAA;YAEAJ,eAAY;YACVE,WAAA;UAAiB;QACJ;MACf;MAEYW,QACV,EAAA1C,iBAAiB,CAAA0C,QAAA;MAAAC,UACjB,EAAA3C,iBAAa,CAAA2C,UAAA;MAAAhC,IACf;QACF,oBAAAiC,CAAAC,GAAA,EAAAC,MAAA;UACR,IAAAC,WAAA,GAAApD,cAAA,CAAAkD,GAAA,EAAAC,MAAA;YAAAE,GAAA,GAAA5C,aAAA,CAAAyC,GAAA;UAEA,OAAU;YAEV,GAAAE,WAAY;YAENC;UACJ;QACE;QAEA,SAAO,WAAAC,CAAAJ,GAAA,EAAAC,MAAA;UAAA,IACLC,WAAG,GAAApD,cAAA,CAAAkD,GAAA,EAAAC,MAAA;YAAAE,GAAA,GAAAH,GAAA;UAAA,OACH;YACF,GAAAE,WAAA;YACFC;UACA;QACE;MAEA;MAAOlC,SACF;QAAA,SACH,EAAAf,YAAA;QAAA,SACF,EAAAA;MAAA;MAEJmD,QAAA;QAEAC,IAAA;UACEC,aAAW;UACX;UACF;QAEA;MAAU;IACF;IACWC,eAAA;MAAA/B,QAEf,EAAAiB,OAAA,CAAAC,GAAiB,CAAAC,kBAAA;IAAA;EACnB;EACFa,IAAA,GAAAjD,MAAA,CAAAJ,WAAA;IACFS,OAAA;IAEAW,QAAA;MACEC,QAAA,EAAU;QACZC,KAAA;UAGIgC,UAAc;UAClB3B,MAAA;UAEA;UACE4B,QAAU;UACRC,UAAO;UACLC,QAAA,IAAY;UACZ7C,KAAA;QAAQ;MAAA;IAEE;IACEwC,eACZ,EAAU;MAAA/B,QACV,EAAAiB,OAAO,CAAAC,GAAA,CAAAC,kBAAA;IAAA;EACT;EACFkB,IAAA,YAAAA,CAAAC,KAAA;IACF;QAAAC,QAAA;QAAAC,SAAA;QAAAnD;MAAA,IAAAiD,KAAA;MAAAG,aAAA,GAAArD,OAAA,CAAAsD,gBAAA;IAEA,KAAAD,aAAiB,EACf,UAAUE,KAAA,2CAAmC;IAC/C,IAAAC,SAAA,GAAAvD,IAAA,IAAAoD,aAAA,CAAApD,IAAA;MAAAwD,SAAA,GAAAtE,eAAA,CAAAkE,aAAA,CAAAlD,KAAA;MAAAuD,QAAA,WAAAF,SAAA,eAAAA,SAAA,SAAAxE,WAAA,CAAAwE,SAAA,KAAAJ,SAAA;IACD,OAEKlE,OAAQ,CAAAiE,QAIR;MACJlD,IAAM,EAAEyD,QAAA;MAERvD,KAAK,EAAAsD;IACH;EAGF;EAAAE,aAAM,GAAAlE,mBAAoB;IAO1BQ,IAAA,OAAO;IAAkBC,OACvB,EAAM;IAAAC,KACN,OAAO;EAAA,EACT;EAACyD,eAAA,GAAAvD,KAAA,CAAAwD,SAAA,WAAAC,OAAA,EAAAC,GAAA;IACH,IAEaC,QAAA,GAAAjE,UAAgB,CAAAX,oBAI1B;MAAA6E,cAAA,GAAArE,QAAA,CAAAkE,OAAA;QACDI,WAAM;QACNC,QAAS;MACT;MAAA;QAAAhB,QAAO;QAAAO,QAAA;QAAAU,IAAA;QAAAC,SAAA;QAAAjB,SAAA;QAAA,GAAAF;MAAA,IAAAe,cAAA;MAAAhE,IAAA,GAAA6D,OAAA,CAAA7D,IAAA,KAAA6D,OAAA,CAAAlD,QAAA;MAAAyC,aAAA,GAAArD,OAAA,CAAAsD,gBAAA;MAAAG,SAAA,GAAAtE,eAAA,CAAAkE,aAAA,EAAAlD,KAAA;MAAAmE,IAAA;MAAAC,SAAA,IAAAD,IAAA,GAAAZ,QAAA,IAAAzD,IAAA,cAAAqE,IAAA,cAAAA,IAAA,GAAAjB,aAAA,EAAApD,IAAA;MAAAuE,cAAA,WAAAD,SAAA,eAAAA,SAAA,SAAAvF,WAAA,CAAAuF,SAAA,KAAAnB,SAAA;MAAA,CAAAqB,UAAA,EAAAC,eAAA,KAuBHN,IAAA,EACJC,SAAM,CAGmC,CACvCM,GAAA,WAAaC,KAAA;QACb,OAAAA,KAAU,GAAA1F,OAAA,CAAA0F,KAAA;UAGN3E,IAAE,EAAAuE,cAAU;UAcdrE,KAAM,EAAAsD;QACN,SAAO;MAAA;MAAAoB,eAAA,GAAArF,kBAAA,CAAAoD,IAAA;QAERO;MAGqB,GACtB;QACAvC,QAAE,EAAAiB,OAAS,CAAAC,GAAA,CAAAC,kBAAA;QACX9B,IAAA,EAAAsE,SAAA,IAAAlB,aAAA,EAAApD;MAAA;IAC+C,OAC7C,eAAmBpB,IAAA,CAAAO,oBAAe,CAAA0F,QAAA;MACpCC,KAAA;MACF5B,QAAA,iBAAApE,KAAA,CAAAsB,KAAA;QAEA0D,GACE;QACG,GAAAb,KAAA;QAAA,IAAAc,QAAA;UACCxD,MAAA;QACC;QACA;QAEA,IAAI0C,KAAA,CAAMlB,QAAA,IAAY,CAAC8B,OAAA,CAAQ7D,IAAA,IAAQ;UACxCA;QAEC;QAAAS,QAAA;QAAAyC,QACA,GACAsB,UAAA,EAAAI,eAAA,EAAAH,eAAA;MAMI;IACX;EAAe,EACf;EAAAM,MAAA,GAAAlF,oBAAA,CAAA8D,eAAA;IACAqB,KAAA,EAAAjF,OAAA,CAAA8E,QAAA;IACAzE,KAAA;IACDuC,IAAA","ignoreList":[]}
@@ -1,37 +0,0 @@
1
- import { getDefaultGuiConfig } from "@hanzogui/config-default";
2
- import { createGui } from "@hanzogui/core";
3
- import { describe, expect, test } from "vitest";
4
- import { Button } from "./Button.mjs";
5
- import { jsx } from "react/jsx-runtime";
6
- const conf = createGui(getDefaultGuiConfig());
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
@@ -1 +0,0 @@
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":[]}
@@ -1,37 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { getDefaultGuiConfig } from "@hanzogui/config-default";
3
- import { createGui } from "@hanzogui/core";
4
- import { describe, expect, test } from "vitest";
5
- import { Button } from "./Button.native.js";
6
- var conf = createGui(getDefaultGuiConfig());
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
@@ -1 +0,0 @@
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":[]}
package/dist/esm/index.js DELETED
@@ -1,2 +0,0 @@
1
- export * from "./Button.mjs";
2
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,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/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/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc","ignoreList":[]}