@nayhoo/ui 0.20.2 → 0.21.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 (45) hide show
  1. package/dist/{button.css-BQdFVzyM.d.mts → button.css-CBtNCrkL.d.mts} +42 -1
  2. package/dist/{button.css-BQdFVzyM.d.ts → button.css-CBtNCrkL.d.ts} +42 -1
  3. package/dist/{chunk-MJK5V5VM.mjs → chunk-4JJB6DUF.mjs} +10 -2
  4. package/dist/chunk-4JJB6DUF.mjs.map +1 -0
  5. package/dist/{chunk-SG7GE2WP.mjs → chunk-OWCOYR6H.mjs} +19 -5
  6. package/dist/chunk-OWCOYR6H.mjs.map +1 -0
  7. package/dist/components/button.css +60 -1
  8. package/dist/components/button.css.map +1 -1
  9. package/dist/components/button.d.mts +6 -3
  10. package/dist/components/button.d.ts +6 -3
  11. package/dist/components/button.js +20 -2
  12. package/dist/components/button.js.map +1 -1
  13. package/dist/components/button.mjs +2 -2
  14. package/dist/components/dialog.css +60 -1
  15. package/dist/components/dialog.css.map +1 -1
  16. package/dist/components/dialog.js +5 -0
  17. package/dist/components/dialog.js.map +1 -1
  18. package/dist/components/dialog.mjs +1 -1
  19. package/dist/components/select.css +60 -1
  20. package/dist/components/select.css.map +1 -1
  21. package/dist/components/select.d.mts +1 -1
  22. package/dist/components/select.d.ts +1 -1
  23. package/dist/components/select.js +20 -2
  24. package/dist/components/select.js.map +1 -1
  25. package/dist/components/select.mjs +2 -2
  26. package/dist/patterns/index.css +60 -1
  27. package/dist/patterns/index.css.map +1 -1
  28. package/dist/patterns/index.js +5 -0
  29. package/dist/patterns/index.js.map +1 -1
  30. package/dist/patterns/index.mjs +1 -1
  31. package/dist/providers/index.css +60 -1
  32. package/dist/providers/index.css.map +1 -1
  33. package/dist/providers/index.js +20 -2
  34. package/dist/providers/index.js.map +1 -1
  35. package/dist/providers/index.mjs +2 -2
  36. package/dist/theme/index.css +60 -1
  37. package/dist/theme/index.css.map +1 -1
  38. package/dist/theme/index.d.mts +8 -8
  39. package/dist/theme/index.d.ts +8 -8
  40. package/dist/theme/index.js +10 -0
  41. package/dist/theme/index.js.map +1 -1
  42. package/dist/theme/index.mjs +6 -2
  43. package/package.json +1 -1
  44. package/dist/chunk-MJK5V5VM.mjs.map +0 -1
  45. package/dist/chunk-SG7GE2WP.mjs.map +0 -1
package/dist/{button.css-BQdFVzyM.d.mts → button.css-CBtNCrkL.d.mts} RENAMED
@@ -23,6 +23,14 @@ declare const buttonRecipe: homemade_recipes.RuntimeFn<{
23
23
  paddingRight: `var(--${string})` | `var(--${string}, ${string})`;
24
24
  fontSize: `var(--${string})` | `var(--${string}, ${string})`;
25
25
  lineHeight: `var(--${string})` | `var(--${string}, ${string})`;
26
+ selectors: {
27
+ "&[data-left-icon]": {
28
+ paddingLeft: number;
29
+ };
30
+ "&[data-right-icon]": {
31
+ paddingRight: number;
32
+ };
33
+ };
26
34
  };
27
35
  "2": {
28
36
  borderRadius: `var(--${string})` | `var(--${string}, ${string})`;
@@ -31,6 +39,14 @@ declare const buttonRecipe: homemade_recipes.RuntimeFn<{
31
39
  paddingRight: `var(--${string})` | `var(--${string}, ${string})`;
32
40
  fontSize: `var(--${string})` | `var(--${string}, ${string})`;
33
41
  lineHeight: `var(--${string})` | `var(--${string}, ${string})`;
42
+ selectors: {
43
+ "&[data-left-icon]": {
44
+ paddingLeft: `var(--${string})` | `var(--${string}, ${string})`;
45
+ };
46
+ "&[data-right-icon]": {
47
+ paddingRight: `var(--${string})` | `var(--${string}, ${string})`;
48
+ };
49
+ };
34
50
  };
35
51
  "3": {
36
52
  borderRadius: `var(--${string})` | `var(--${string}, ${string})`;
@@ -39,6 +55,14 @@ declare const buttonRecipe: homemade_recipes.RuntimeFn<{
39
55
  paddingRight: `var(--${string})` | `var(--${string}, ${string})`;
40
56
  fontSize: `var(--${string})` | `var(--${string}, ${string})`;
41
57
  lineHeight: `var(--${string})` | `var(--${string}, ${string})`;
58
+ selectors: {
59
+ "&[data-left-icon]": {
60
+ paddingLeft: `var(--${string})` | `var(--${string}, ${string})`;
61
+ };
62
+ "&[data-right-icon]": {
63
+ paddingRight: `var(--${string})` | `var(--${string}, ${string})`;
64
+ };
65
+ };
42
66
  };
43
67
  };
44
68
  variant: {
@@ -121,5 +145,22 @@ declare const buttonRecipe: homemade_recipes.RuntimeFn<{
121
145
  };
122
146
  }, "sm"[]>;
123
147
  type ButtonVariants = HomemadeRecipeVariants<typeof buttonRecipe>;
148
+ declare const buttonIconRecipe: homemade_recipes.RuntimeFn<{
149
+ size: {
150
+ "1": {
151
+ height: `var(--${string})` | `var(--${string}, ${string})`;
152
+ width: `var(--${string})` | `var(--${string}, ${string})`;
153
+ };
154
+ "2": {
155
+ height: `var(--${string})` | `var(--${string}, ${string})`;
156
+ width: `var(--${string})` | `var(--${string}, ${string})`;
157
+ };
158
+ "3": {
159
+ height: `var(--${string})` | `var(--${string}, ${string})`;
160
+ width: `var(--${string})` | `var(--${string}, ${string})`;
161
+ };
162
+ };
163
+ }, ("xs" | "sm" | "md" | "lg" | "xl")[]>;
164
+ declare const buttonSpinner: string;
124
165
 
125
- export { type ButtonVariants as B, buttonRecipe as b };
166
+ export { type ButtonVariants as B, buttonRecipe as a, buttonIconRecipe as b, buttonSpinner as c };
package/dist/{button.css-BQdFVzyM.d.ts → button.css-CBtNCrkL.d.ts} RENAMED
@@ -23,6 +23,14 @@ declare const buttonRecipe: homemade_recipes.RuntimeFn<{
23
23
  paddingRight: `var(--${string})` | `var(--${string}, ${string})`;
24
24
  fontSize: `var(--${string})` | `var(--${string}, ${string})`;
25
25
  lineHeight: `var(--${string})` | `var(--${string}, ${string})`;
26
+ selectors: {
27
+ "&[data-left-icon]": {
28
+ paddingLeft: number;
29
+ };
30
+ "&[data-right-icon]": {
31
+ paddingRight: number;
32
+ };
33
+ };
26
34
  };
27
35
  "2": {
28
36
  borderRadius: `var(--${string})` | `var(--${string}, ${string})`;
@@ -31,6 +39,14 @@ declare const buttonRecipe: homemade_recipes.RuntimeFn<{
31
39
  paddingRight: `var(--${string})` | `var(--${string}, ${string})`;
32
40
  fontSize: `var(--${string})` | `var(--${string}, ${string})`;
33
41
  lineHeight: `var(--${string})` | `var(--${string}, ${string})`;
42
+ selectors: {
43
+ "&[data-left-icon]": {
44
+ paddingLeft: `var(--${string})` | `var(--${string}, ${string})`;
45
+ };
46
+ "&[data-right-icon]": {
47
+ paddingRight: `var(--${string})` | `var(--${string}, ${string})`;
48
+ };
49
+ };
34
50
  };
35
51
  "3": {
36
52
  borderRadius: `var(--${string})` | `var(--${string}, ${string})`;
@@ -39,6 +55,14 @@ declare const buttonRecipe: homemade_recipes.RuntimeFn<{
39
55
  paddingRight: `var(--${string})` | `var(--${string}, ${string})`;
40
56
  fontSize: `var(--${string})` | `var(--${string}, ${string})`;
41
57
  lineHeight: `var(--${string})` | `var(--${string}, ${string})`;
58
+ selectors: {
59
+ "&[data-left-icon]": {
60
+ paddingLeft: `var(--${string})` | `var(--${string}, ${string})`;
61
+ };
62
+ "&[data-right-icon]": {
63
+ paddingRight: `var(--${string})` | `var(--${string}, ${string})`;
64
+ };
65
+ };
42
66
  };
43
67
  };
44
68
  variant: {
@@ -121,5 +145,22 @@ declare const buttonRecipe: homemade_recipes.RuntimeFn<{
121
145
  };
122
146
  }, "sm"[]>;
123
147
  type ButtonVariants = HomemadeRecipeVariants<typeof buttonRecipe>;
148
+ declare const buttonIconRecipe: homemade_recipes.RuntimeFn<{
149
+ size: {
150
+ "1": {
151
+ height: `var(--${string})` | `var(--${string}, ${string})`;
152
+ width: `var(--${string})` | `var(--${string}, ${string})`;
153
+ };
154
+ "2": {
155
+ height: `var(--${string})` | `var(--${string}, ${string})`;
156
+ width: `var(--${string})` | `var(--${string}, ${string})`;
157
+ };
158
+ "3": {
159
+ height: `var(--${string})` | `var(--${string}, ${string})`;
160
+ width: `var(--${string})` | `var(--${string}, ${string})`;
161
+ };
162
+ };
163
+ }, ("xs" | "sm" | "md" | "lg" | "xl")[]>;
164
+ declare const buttonSpinner: string;
124
165
 
125
- export { type ButtonVariants as B, buttonRecipe as b };
166
+ export { type ButtonVariants as B, buttonRecipe as a, buttonIconRecipe as b, buttonSpinner as c };
package/dist/{chunk-MJK5V5VM.mjs → chunk-4JJB6DUF.mjs} RENAMED
@@ -1,12 +1,20 @@
1
1
  // src/theme/recipes/button.css.ts
2
2
  import { createRuntimeFn as _dc746 } from "homemade-recipes/createRuntimeFn";
3
+ var buttonIconRecipe = _dc746((function() {
4
+ var x = { defaultClassName: "button__hi3ya0r", variantClassNames: { size: { "1": "button_size_1__hi3ya0s", "2": "button_size_2__hi3ya0t", "3": "button_size_3__hi3ya0u" } }, defaultVariants: {}, compoundVariants: [], responsiveVariantClassNames: { initial: void 0 }, conditionNames: [], conditions: { xs: "520px", sm: "768px", md: "1024px", lg: "1280px", xl: "1640px" }, identifier: "homemade-recipe__lb053z0", cssCache: [] };
5
+ x.responsiveVariantClassNames.initial = x.variantClassNames;
6
+ return x;
7
+ })());
3
8
  var buttonRecipe = _dc746((function() {
4
9
  var x = { defaultClassName: "button__hi3ya00", variantClassNames: { fullWidth: { true: "button_fullWidth_true__hi3ya01", false: "button_fullWidth_false__hi3ya02" }, loading: { true: "button_loading_true__hi3ya03" }, size: { "1": "button_size_1__hi3ya04", "2": "button_size_2__hi3ya05", "3": "button_size_3__hi3ya06" }, variant: { primary: "button_variant_primary__hi3ya07", secondary: "button_variant_secondary__hi3ya08", outline: "button_variant_outline__hi3ya09", ghost: "button_variant_ghost__hi3ya0a", error: "button_variant_error__hi3ya0b", success: "button_variant_success__hi3ya0c" }, round: { true: "button_round_true__hi3ya0d" } }, defaultVariants: { size: "2", variant: "primary" }, compoundVariants: [], responsiveVariantClassNames: { initial: void 0, sm: { fullWidth: { true: "button_fullWidth_sm_true__hi3ya0e", false: "button_fullWidth_sm_false__hi3ya0f" }, loading: { true: "button_loading_sm_true__hi3ya0g" }, size: { "1": "button_size_sm_1__hi3ya0h", "2": "button_size_sm_2__hi3ya0i", "3": "button_size_sm_3__hi3ya0j" }, variant: { primary: "button_variant_sm_primary__hi3ya0k", secondary: "button_variant_sm_secondary__hi3ya0l", outline: "button_variant_sm_outline__hi3ya0m", ghost: "button_variant_sm_ghost__hi3ya0n", error: "button_variant_sm_error__hi3ya0o", success: "button_variant_sm_success__hi3ya0p" }, round: { true: "button_round_sm_true__hi3ya0q" } } }, conditionNames: ["sm"], conditions: { xs: "520px", sm: "768px", md: "1024px", lg: "1280px", xl: "1640px" }, identifier: "homemade-recipe__lb053z0", cssCache: [] };
5
10
  x.responsiveVariantClassNames.initial = x.variantClassNames;
6
11
  return x;
7
12
  })());
13
+ var buttonSpinner = "button_buttonSpinner__hi3ya0v";
8
14
 
9
15
  export {
10
- buttonRecipe
16
+ buttonIconRecipe,
17
+ buttonRecipe,
18
+ buttonSpinner
11
19
  };
12
- //# sourceMappingURL=chunk-MJK5V5VM.mjs.map
20
+ //# sourceMappingURL=chunk-4JJB6DUF.mjs.map
package/dist/chunk-4JJB6DUF.mjs.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/theme/recipes/button.css.ts"],"sourcesContent":["import 'src/theme/recipes/button.css.ts.vanilla.css?source=#H4sIAAAAAAAAA71YTW/jNhC951eohwIJUC5sJ5sP7aWLXva+hz0UhUFJlMSEIlWScuwU+e8FqS9KlkRSMQIDVszMzBvNI4fk+xJVUjK63+f49gQ3m+C/qyCAhIRBRQWS3/QvnFGAJSpEGMSISsTVcMSOQOA3TLMwiBhPEAcRO6r/VAJxIBBBsQwDyihSgwkWJYGnMMCUYIpASpA2Vk8gco7pSxhs1MhzJSROTyBmVCIqTUzwiqIXLIGEJchxlhOc5RLEjDAeBjyL4PXmD/250aEZlSCFBSanMDhAfg2AGhJAoqPc77dPNEKPyS7FvfUrUhFN6196RIACJbgqDC/Wex0gx5BKQKsCcRyHgYRRRSBXA0JZSQ6pwBIzGqriBtvNpv5HydphjgiU+IC+Xb1ffRmREoYRShlHmpy5uk+5wVQi7uuVs0PjFFdcqMqWDNcMTFgnWMCIoKRGgfFLxllFk5aUupD6hwCCQInq711Xye3p+aabTzlM2KuaIwLJYKM/2/I4EeV783jo47zVrFuAHw3gsnZo3pIyCSAh7BUlNTX6pQE6ICpFO5H7CqQVIb9wIvO95BVqC7LVdXhV46Gi+fdplxQS0fnsTJ9m2fVOhMEE02yAclvTU7+pnlwl5IjK4DdclIxLSAchBH5D+23rfNdMCD0JOExwJdpyqV8YbPtZnuW6RPlgWahwAnw1rGJtVcJEZQoISnvbEsYIGGwPLPkg7KSpXmAK0VyUP3UGfZ5P2lT3FZdUZyvzdwIl1PkDHDP6j67U8LU2Vnf9UhP+zcueB9i1Ab7amNkZL4Jnmbk3rBILM7e9rY2ZsekCM71pNMeMGvrR9FYj4fRwzk9fHwd+zIz7CbKxR7XQ5hz3to17fxk2HwwrZGHzrrO9tbE5Nl1gszeNl9fZONXZynjyOOwJlqgePM7FbfbzfclxAfmpBXhY3OMEKiCVOP6r3nIa3/bZ13AXk/N9atl5a3TkWDilauzi6xI2emZcuEHCWB1gPoBp9IGYTmIKFDOaGKiPPnCdd/+XwUuzi3gGMLlJMsek/dmZQDYYSqArsD9HE8gGT7rBnyOzSqou0eI+zQAaRxe3I+Aotxqj2zuQUy7+xTfS/KF8DcjUDdK/7Abmd+1sgE5PsyxnQraQ0KXithifUKkR4GfUCXHOeAsZ+WBpz/rb7BtHa98wHM1+ge4cEvQnwUAze8TJBcyfAAPN7Atv0x2pimMkRIsXezWi2rd9Ggwg+446ch6wML2jjlNd0bOHmAYXaHpHPYNc0a2HmAYjaLij6lCDS2ViO6+q66txwmM3E4JAXaAC8gxT64m8M/Q9Y3dXLqHh8jPVpj649uc7qNGaK/ay2dw1QS5Cjc/IM1BDs7mTbLUI1c+jZAlqaNZD1Y+fJaYUdQv/UB+VOzUKRoKRSmrlrrv3BkF/hW2pCwNYSabi/6kUMhiImCNEA0iT4LrAFDTZPdw/lscbjXKuhohiMBHrCT9SUYLgfc53IKakQ+dOxTS9W0llhJs1rhZdZRhLMyeKfkrmTRQvgcVVYvERWbxkFi+hxUNqsRVr8iY4obm4xRnf/abEl+lI3TLHdvrO7+2uOoyPEuOlxXipMd56jK1kTiQubQMu4a3c+gJ07fb5cpSfizU+co2XYOMl2XiINrZieZM9bjUu4b3IXgLojlbFWK94aVm/kJ7zMUXHOWvjGHopaccd2ziPXkrjmQU/Ey+IH66T2PNxuccj/zXUOeg+PhmsIdBBAJpNYSSEFLPIIyXoMlqQc1prmLFIHe7YazixqR6z6AO9hbrS4RTsM4s4Qv7UEg4UE+YHuqggrdeQHHNdw9CCmOSKuoadBVVpvt8N5ZPSs83Z5KWPCUzOWa/aJZaVJnfsVfvDsuQ0BK9lp9HF+1/7AXxCe1KB3/8HFfstHsAkAAA=';\nimport { createRuntimeFn as _dc746 } from 'homemade-recipes/createRuntimeFn';\nexport var buttonIconRecipe = _dc746((function(){var x={defaultClassName:'button__hi3ya0r',variantClassNames:{size:{'1':'button_size_1__hi3ya0s','2':'button_size_2__hi3ya0t','3':'button_size_3__hi3ya0u'}},defaultVariants:{},compoundVariants:[],responsiveVariantClassNames:{initial:undefined},conditionNames:[],conditions:{xs:'520px',sm:'768px',md:'1024px',lg:'1280px',xl:'1640px'},identifier:'homemade-recipe__lb053z0',cssCache:[]};x.responsiveVariantClassNames.initial=x.variantClassNames;return x;}()));\nexport var buttonRecipe = _dc746((function(){var x={defaultClassName:'button__hi3ya00',variantClassNames:{fullWidth:{true:'button_fullWidth_true__hi3ya01',false:'button_fullWidth_false__hi3ya02'},loading:{true:'button_loading_true__hi3ya03'},size:{'1':'button_size_1__hi3ya04','2':'button_size_2__hi3ya05','3':'button_size_3__hi3ya06'},variant:{primary:'button_variant_primary__hi3ya07',secondary:'button_variant_secondary__hi3ya08',outline:'button_variant_outline__hi3ya09',ghost:'button_variant_ghost__hi3ya0a',error:'button_variant_error__hi3ya0b',success:'button_variant_success__hi3ya0c'},round:{true:'button_round_true__hi3ya0d'}},defaultVariants:{size:'2',variant:'primary'},compoundVariants:[],responsiveVariantClassNames:{initial:undefined,sm:{fullWidth:{true:'button_fullWidth_sm_true__hi3ya0e',false:'button_fullWidth_sm_false__hi3ya0f'},loading:{true:'button_loading_sm_true__hi3ya0g'},size:{'1':'button_size_sm_1__hi3ya0h','2':'button_size_sm_2__hi3ya0i','3':'button_size_sm_3__hi3ya0j'},variant:{primary:'button_variant_sm_primary__hi3ya0k',secondary:'button_variant_sm_secondary__hi3ya0l',outline:'button_variant_sm_outline__hi3ya0m',ghost:'button_variant_sm_ghost__hi3ya0n',error:'button_variant_sm_error__hi3ya0o',success:'button_variant_sm_success__hi3ya0p'},round:{true:'button_round_sm_true__hi3ya0q'}}},conditionNames:['sm'],conditions:{xs:'520px',sm:'768px',md:'1024px',lg:'1280px',xl:'1640px'},identifier:'homemade-recipe__lb053z0',cssCache:[]};x.responsiveVariantClassNames.initial=x.variantClassNames;return x;}()));\nexport var buttonSpinner = 'button_buttonSpinner__hi3ya0v';"],"mappings":";AACA,SAAS,mBAAmB,cAAc;AACnC,IAAI,mBAAmB,QAAQ,WAAU;AAAC,MAAI,IAAE,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,MAAK,EAAC,KAAI,0BAAyB,KAAI,0BAAyB,KAAI,yBAAwB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,GAAE,6BAA4B,EAAC,SAAQ,OAAS,GAAE,gBAAe,CAAC,GAAE,YAAW,EAAC,IAAG,SAAQ,IAAG,SAAQ,IAAG,UAAS,IAAG,UAAS,IAAG,SAAQ,GAAE,YAAW,4BAA2B,UAAS,CAAC,EAAC;AAAE,IAAE,4BAA4B,UAAQ,EAAE;AAAkB,SAAO;AAAE,GAAE,CAAE;AAChf,IAAI,eAAe,QAAQ,WAAU;AAAC,MAAI,IAAE,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,WAAU,EAAC,MAAK,kCAAiC,OAAM,kCAAiC,GAAE,SAAQ,EAAC,MAAK,+BAA8B,GAAE,MAAK,EAAC,KAAI,0BAAyB,KAAI,0BAAyB,KAAI,yBAAwB,GAAE,SAAQ,EAAC,SAAQ,mCAAkC,WAAU,qCAAoC,SAAQ,mCAAkC,OAAM,iCAAgC,OAAM,iCAAgC,SAAQ,kCAAiC,GAAE,OAAM,EAAC,MAAK,6BAA4B,EAAC,GAAE,iBAAgB,EAAC,MAAK,KAAI,SAAQ,UAAS,GAAE,kBAAiB,CAAC,GAAE,6BAA4B,EAAC,SAAQ,QAAU,IAAG,EAAC,WAAU,EAAC,MAAK,qCAAoC,OAAM,qCAAoC,GAAE,SAAQ,EAAC,MAAK,kCAAiC,GAAE,MAAK,EAAC,KAAI,6BAA4B,KAAI,6BAA4B,KAAI,4BAA2B,GAAE,SAAQ,EAAC,SAAQ,sCAAqC,WAAU,wCAAuC,SAAQ,sCAAqC,OAAM,oCAAmC,OAAM,oCAAmC,SAAQ,qCAAoC,GAAE,OAAM,EAAC,MAAK,gCAA+B,EAAC,EAAC,GAAE,gBAAe,CAAC,IAAI,GAAE,YAAW,EAAC,IAAG,SAAQ,IAAG,SAAQ,IAAG,UAAS,IAAG,UAAS,IAAG,SAAQ,GAAE,YAAW,4BAA2B,UAAS,CAAC,EAAC;AAAE,IAAE,4BAA4B,UAAQ,EAAE;AAAkB,SAAO;AAAE,GAAE,CAAE;AAC5/C,IAAI,gBAAgB;","names":[]}
package/dist/{chunk-SG7GE2WP.mjs → chunk-OWCOYR6H.mjs} RENAMED
@@ -1,6 +1,8 @@
1
1
  import {
2
- buttonRecipe
3
- } from "./chunk-MJK5V5VM.mjs";
2
+ buttonIconRecipe,
3
+ buttonRecipe,
4
+ buttonSpinner
5
+ } from "./chunk-4JJB6DUF.mjs";
4
6
  import {
5
7
  Spinner
6
8
  } from "./chunk-VW4CTCZL.mjs";
@@ -15,22 +17,34 @@ import {
15
17
  import { Slot } from "@radix-ui/react-slot";
16
18
  import { jsx, jsxs } from "react/jsx-runtime";
17
19
  var defaultElement = "button";
18
- var Button = ({ asChild, ...props }) => {
20
+ var Button = ({
21
+ asChild,
22
+ leftIcon,
23
+ rightIcon,
24
+ ...props
25
+ }) => {
19
26
  const [variants, rest] = extractVariantsFromProps(
20
27
  props,
21
28
  ...buttonRecipe.variants()
22
29
  );
23
30
  const button = buttonRecipe(variants);
24
31
  const Comp = asChild ? Slot : defaultElement;
32
+ const buttonIcon = buttonIconRecipe({
33
+ size: variants.size
34
+ });
25
35
  return /* @__PURE__ */ jsxs(
26
36
  Comp,
27
37
  {
28
38
  ...rest,
29
39
  className: mergeClasses(button, rest.className),
30
40
  disabled: rest.disabled || Boolean(variants.loading),
41
+ ...leftIcon && { "data-left-icon": "" },
42
+ ...rightIcon && { "data-right-icon": "" },
31
43
  children: [
44
+ leftIcon && /* @__PURE__ */ jsx(Slot, { className: buttonIcon, children: leftIcon }),
32
45
  rest.children,
33
- variants.loading && /* @__PURE__ */ jsx(Spinner, { style: { position: "absolute" } })
46
+ rightIcon && /* @__PURE__ */ jsx(Slot, { className: buttonIcon, children: rightIcon }),
47
+ variants.loading && /* @__PURE__ */ jsx(Spinner, { className: buttonSpinner })
34
48
  ]
35
49
  }
36
50
  );
@@ -39,4 +53,4 @@ var Button = ({ asChild, ...props }) => {
39
53
  export {
40
54
  Button
41
55
  };
42
- //# sourceMappingURL=chunk-SG7GE2WP.mjs.map
56
+ //# sourceMappingURL=chunk-OWCOYR6H.mjs.map
package/dist/chunk-OWCOYR6H.mjs.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/components/button.tsx"],"sourcesContent":["import { Spinner } from \"@/components/spinner\";\nimport {\n ButtonVariants,\n buttonIconRecipe,\n buttonRecipe,\n buttonSpinner,\n} from \"@/theme/recipes/button.css\";\nimport { ComponentProps } from \"@/types/component-props\";\nimport { extractVariantsFromProps } from \"@/utils/extract-variants\";\nimport { mergeClasses } from \"@/utils/merge-classes\";\nimport { Slot } from \"@radix-ui/react-slot\";\n\nconst defaultElement = \"button\";\n\nexport type ButtonProps = ComponentProps<\n typeof defaultElement,\n ButtonVariants\n> & {\n leftIcon?: React.ReactNode;\n rightIcon?: React.ReactNode;\n};\n\nexport const Button = ({\n asChild,\n leftIcon,\n rightIcon,\n ...props\n}: ButtonProps) => {\n const [variants, rest] = extractVariantsFromProps(\n props,\n ...buttonRecipe.variants(),\n );\n const button = buttonRecipe(variants);\n const Comp = asChild ? Slot : defaultElement;\n\n const buttonIcon = buttonIconRecipe({\n size: variants.size,\n });\n\n return (\n <Comp\n {...rest}\n className={mergeClasses(button, rest.className)}\n disabled={rest.disabled || Boolean(variants.loading)}\n {...(leftIcon && { \"data-left-icon\": \"\" })}\n {...(rightIcon && { \"data-right-icon\": \"\" })}\n >\n {leftIcon && <Slot className={buttonIcon}>{leftIcon}</Slot>}\n\n {rest.children}\n\n {rightIcon && <Slot className={buttonIcon}>{rightIcon}</Slot>}\n\n {variants.loading && <Spinner className={buttonSpinner} />}\n </Comp>\n );\n};\n"],"mappings":";;;;;;;;;;;;;;;;AAUA,SAAS,YAAY;AA8BjB,SAOe,KAPf;AA5BJ,IAAM,iBAAiB;AAUhB,IAAM,SAAS,CAAC;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAmB;AACjB,QAAM,CAAC,UAAU,IAAI,IAAI;AAAA,IACvB;AAAA,IACA,GAAG,aAAa,SAAS;AAAA,EAC3B;AACA,QAAM,SAAS,aAAa,QAAQ;AACpC,QAAM,OAAO,UAAU,OAAO;AAE9B,QAAM,aAAa,iBAAiB;AAAA,IAClC,MAAM,SAAS;AAAA,EACjB,CAAC;AAED,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,aAAa,QAAQ,KAAK,SAAS;AAAA,MAC9C,UAAU,KAAK,YAAY,QAAQ,SAAS,OAAO;AAAA,MAClD,GAAI,YAAY,EAAE,kBAAkB,GAAG;AAAA,MACvC,GAAI,aAAa,EAAE,mBAAmB,GAAG;AAAA,MAEzC;AAAA,oBAAY,oBAAC,QAAK,WAAW,YAAa,oBAAS;AAAA,QAEnD,KAAK;AAAA,QAEL,aAAa,oBAAC,QAAK,WAAW,YAAa,qBAAU;AAAA,QAErD,SAAS,WAAW,oBAAC,WAAQ,WAAW,eAAe;AAAA;AAAA;AAAA,EAC1D;AAEJ;","names":[]}
package/dist/components/button.css CHANGED
@@ -49,7 +49,7 @@
49
49
  width: var(--sizes-9__19nbe8d2gg);
50
50
  }
51
51
 
52
- /* vanilla-extract-css-ns:src/theme/recipes/button.css.ts.vanilla.css?source=#H4sIAAAAAAAAA71YTW/jNhC9769QDwUSoFzYzm4+1EsXvey9hz0aFDWSmFCkSlKOnSL/vSAlWZQsW6RiBAasiJ6ZN3ozHOrla1JrLfh2W9C7A16tov++RBFmLI5qrkD/ae9ozhHVUKo4IsA1SLOciD1S9I3yPI4SIVOQKBF780utQCIFDIiOIy44mMWUqorhQxxRzigHlDGwxuaKVCEpf4mjlVl5rpWm2QERwTVw7WKiV0heqEYaV6igecFoXmhEBBMyjmSe4JvVH/Zza0MLrlGGS8oOcbTD8gYhs6SQhr3ebtdPPIHHdJPR3voVTETX+pddUaiElNal4yV6rx2WFHONeF2CpCSONE5qhqVZUMZKS8wV1VTw2JAbrVcr88P7l68j+uM4gUxIsGU4x/CUG840yFCvQuxaJ1JLZTisBG24nrBOqcIJg7RBweQll6LmaUd/Q5m9UUgxrKH53hw5Wx+eb4+dU+BUvJpuUKCjlf2sq/1ElB/t5aGP89bUdwb40QGuGof2KbnQCDMmXiE1y+1DI9gB16pr2Z6BrGbsF011sdWyho6QteXh1azHpqC/T7tkmKmjz8b1aTdY78QETinPByh3TXmaJ7VtVGEJXEe/0bISUmM+CKHoG2zXnfO3tiFsE0ic0lp1dJk7itZ9P+eFpagYbAATTqHvjhWxVhVOTaaIQdbbVpgAcqo9sJSDsJOmdisZRHf7/WMz6PN8sqZ2gvikOmJm0zHzfY6ZjROInmXm3rFKZ5i5623nmBmbXmCmN03OMWOWfrZTzEk4253yc9fxc38dfh4cK5jh59vR9m6On7HpBX56U3K5c8ap9sy0031bSVpieegoerg4BxWUmGtK/m7GUuvbXfusNoSdzrLLzmtn1xLllaoz6Zcl7OwrUvpBYqLpDj6A6fQq4ZOYCojgqYP6GAJ39O7/curSTprAAG5t0twz6fDqTCA7FUqxL3B4jSaQnTrZIXSKLGpt9l2H+3QG0Dne/F4TRrk1GMf5Nr2Lx7mEk++k+dP4OpCZH2Q47Q7mD+vsgE63WV4IpTtI7MP4XIxPYGoE+Bk8gZRCdpBJCJb1bL7dubGfnRuOozsv4JtHguFFcNDcGXHwAQsvgIPmzoW36YlUEwJKdXgkaBA1vt3VqQDMn6gj50EVpk/UcaoLZvYQ06kFTJ+oJ5ALpvUQ06kIDE9UG2ogPNK5N0AjcZx3JmHj/WVkMo4UkQA8wjyNbkrKUat4Hu4fq/2tDXwqlFQ5wG+ecySwouj9nO9AZ2VD5+O/MlzvTm2NcPPWdUZyDWPZl2dV9sqraKMEaS9f9RWiv4IUWJAGC1Bh02QdxRidJ+tUbvgKshBJFiTKgmRZsDCbpuyoz56vR9mpRgtRaUE6LUipBWi1IVnH+VmORclLx9qVRNvHZJt31s5Zcy395o/tHDrXEnJnwU8UCgvD9VJ0H9d0AfkvKZ2HuAvJYEkBPVTe2RRGaqc8izySe9cRfN5pLanMjJ7xx15SkzlpcxZ9IKq4bzm8gn0miSPkT6VwIItEGOhFmbhcKHrmuqRCFxSjL+qS6lyQjufn3VAjVYFjbk5DfkxFeme96JS4LCf9sRedD5d15RC80ZYjmfXv/AvshMA0gd//B6jO1lmzHgAA */
52
+ /* vanilla-extract-css-ns:src/theme/recipes/button.css.ts.vanilla.css?source=#H4sIAAAAAAAAA71YTW/jNhC951eohwIJUC5sJ5sP7aWLXva+hz0UhUFJlMSEIlWScuwU+e8FqS9KlkRSMQIDVszMzBvNI4fk+xJVUjK63+f49gQ3m+C/qyCAhIRBRQWS3/QvnFGAJSpEGMSISsTVcMSOQOA3TLMwiBhPEAcRO6r/VAJxIBBBsQwDyihSgwkWJYGnMMCUYIpASpA2Vk8gco7pSxhs1MhzJSROTyBmVCIqTUzwiqIXLIGEJchxlhOc5RLEjDAeBjyL4PXmD/250aEZlSCFBSanMDhAfg2AGhJAoqPc77dPNEKPyS7FvfUrUhFN6196RIACJbgqDC/Wex0gx5BKQKsCcRyHgYRRRSBXA0JZSQ6pwBIzGqriBtvNpv5HydphjgiU+IC+Xb1ffRmREoYRShlHmpy5uk+5wVQi7uuVs0PjFFdcqMqWDNcMTFgnWMCIoKRGgfFLxllFk5aUupD6hwCCQInq711Xye3p+aabTzlM2KuaIwLJYKM/2/I4EeV783jo47zVrFuAHw3gsnZo3pIyCSAh7BUlNTX6pQE6ICpFO5H7CqQVIb9wIvO95BVqC7LVdXhV46Gi+fdplxQS0fnsTJ9m2fVOhMEE02yAclvTU7+pnlwl5IjK4DdclIxLSAchBH5D+23rfNdMCD0JOExwJdpyqV8YbPtZnuW6RPlgWahwAnw1rGJtVcJEZQoISnvbEsYIGGwPLPkg7KSpXmAK0VyUP3UGfZ5P2lT3FZdUZyvzdwIl1PkDHDP6j67U8LU2Vnf9UhP+zcueB9i1Ab7amNkZL4Jnmbk3rBILM7e9rY2ZsekCM71pNMeMGvrR9FYj4fRwzk9fHwd+zIz7CbKxR7XQ5hz3to17fxk2HwwrZGHzrrO9tbE5Nl1gszeNl9fZONXZynjyOOwJlqgePM7FbfbzfclxAfmpBXhY3OMEKiCVOP6r3nIa3/bZ13AXk/N9atl5a3TkWDilauzi6xI2emZcuEHCWB1gPoBp9IGYTmIKFDOaGKiPPnCdd/+XwUuzi3gGMLlJMsek/dmZQDYYSqArsD9HE8gGT7rBnyOzSqou0eI+zQAaRxe3I+Aotxqj2zuQUy7+xTfS/KF8DcjUDdK/7Abmd+1sgE5PsyxnQraQ0KXithifUKkR4GfUCXHOeAsZ+WBpz/rb7BtHa98wHM1+ge4cEvQnwUAze8TJBcyfAAPN7Atv0x2pimMkRIsXezWi2rd9Ggwg+446ch6wML2jjlNd0bOHmAYXaHpHPYNc0a2HmAYjaLij6lCDS2ViO6+q66txwmM3E4JAXaAC8gxT64m8M/Q9Y3dXLqHh8jPVpj649uc7qNGaK/ay2dw1QS5Cjc/IM1BDs7mTbLUI1c+jZAlqaNZD1Y+fJaYUdQv/UB+VOzUKRoKRSmrlrrv3BkF/hW2pCwNYSabi/6kUMhiImCNEA0iT4LrAFDTZPdw/lscbjXKuhohiMBHrCT9SUYLgfc53IKakQ+dOxTS9W0llhJs1rhZdZRhLMyeKfkrmTRQvgcVVYvERWbxkFi+hxUNqsRVr8iY4obm4xRnf/abEl+lI3TLHdvrO7+2uOoyPEuOlxXipMd56jK1kTiQubQMu4a3c+gJ07fb5cpSfizU+co2XYOMl2XiINrZieZM9bjUu4b3IXgLojlbFWK94aVm/kJ7zMUXHOWvjGHopaccd2ziPXkrjmQU/Ey+IH66T2PNxuccj/zXUOeg+PhmsIdBBAJpNYSSEFLPIIyXoMlqQc1prmLFIHe7YazixqR6z6AO9hbrS4RTsM4s4Qv7UEg4UE+YHuqggrdeQHHNdw9CCmOSKuoadBVVpvt8N5ZPSs83Z5KWPCUzOWa/aJZaVJnfsVfvDsuQ0BK9lp9HF+1/7AXxCe1KB3/8HFfstHsAkAAA= */
53
53
  .button__hi3ya00 {
54
54
  all: unset;
55
55
  align-items: center;
@@ -63,6 +63,7 @@
63
63
  font-weight: var(--fontWeights-medium__19nbe8d2fo);
64
64
  font-variant-numeric: tabular-nums;
65
65
  transition: all 100ms;
66
+ position: relative;
66
67
  }
67
68
  .button__hi3ya00::before {
68
69
  box-sizing: border-box;
@@ -97,6 +98,12 @@
97
98
  font-size: var(--fontSizes-1__19nbe8d9);
98
99
  line-height: var(--sizes-5__19nbe8d2gc);
99
100
  }
101
+ .button_size_1__hi3ya04[data-left-icon] {
102
+ padding-left: 0;
103
+ }
104
+ .button_size_1__hi3ya04[data-right-icon] {
105
+ padding-right: 0;
106
+ }
100
107
  .button_size_2__hi3ya05 {
101
108
  border-radius: var(--radii-2__19nbe8d2gi);
102
109
  height: var(--sizes-6__19nbe8d2gd);
@@ -105,6 +112,12 @@
105
112
  font-size: var(--fontSizes-3__19nbe8db);
106
113
  line-height: var(--lineHeights-6__19nbe8d2fv);
107
114
  }
115
+ .button_size_2__hi3ya05[data-left-icon] {
116
+ padding-left: var(--space-1__19nbe8d0);
117
+ }
118
+ .button_size_2__hi3ya05[data-right-icon] {
119
+ padding-right: var(--space-1__19nbe8d0);
120
+ }
108
121
  .button_size_3__hi3ya06 {
109
122
  border-radius: var(--radii-2__19nbe8d2gi);
110
123
  height: var(--sizes-7__19nbe8d2ge);
@@ -113,6 +126,12 @@
113
126
  font-size: var(--fontSizes-4__19nbe8dc);
114
127
  line-height: var(--sizes-7__19nbe8d2ge);
115
128
  }
129
+ .button_size_3__hi3ya06[data-left-icon] {
130
+ padding-left: var(--space-2__19nbe8d1);
131
+ }
132
+ .button_size_3__hi3ya06[data-right-icon] {
133
+ padding-right: var(--space-2__19nbe8d1);
134
+ }
116
135
  .button_variant_primary__hi3ya07 {
117
136
  background-color: var(--semanticColors-primary-primary4__19nbe8d2cl);
118
137
  color: var(--semanticColors-primary-primary11__19nbe8d2cs);
@@ -175,6 +194,28 @@
175
194
  .button_round_true__hi3ya0d {
176
195
  border-radius: var(--radii-full__19nbe8d2go);
177
196
  }
197
+ .button__hi3ya0r {
198
+ margin-left: var(--space-1__19nbe8d0);
199
+ margin-right: var(--space-1__19nbe8d0);
200
+ }
201
+ .button_size_1__hi3ya0s {
202
+ height: var(--fontSizes-2__19nbe8da);
203
+ width: var(--fontSizes-2__19nbe8da);
204
+ }
205
+ .button_size_2__hi3ya0t {
206
+ height: var(--fontSizes-4__19nbe8dc);
207
+ width: var(--fontSizes-4__19nbe8dc);
208
+ }
209
+ .button_size_3__hi3ya0u {
210
+ height: var(--fontSizes-5__19nbe8dd);
211
+ width: var(--fontSizes-5__19nbe8dd);
212
+ }
213
+ .button_buttonSpinner__hi3ya0v {
214
+ position: absolute;
215
+ left: 0;
216
+ right: 0;
217
+ margin: auto;
218
+ }
178
219
  @media screen and (min-width: 768px) {
179
220
  .button_fullWidth_sm_true__hi3ya0e {
180
221
  width: 100%;
@@ -193,6 +234,12 @@
193
234
  font-size: var(--fontSizes-1__19nbe8d9);
194
235
  line-height: var(--sizes-5__19nbe8d2gc);
195
236
  }
237
+ .button_size_sm_1__hi3ya0h[data-left-icon] {
238
+ padding-left: 0;
239
+ }
240
+ .button_size_sm_1__hi3ya0h[data-right-icon] {
241
+ padding-right: 0;
242
+ }
196
243
  .button_size_sm_2__hi3ya0i {
197
244
  border-radius: var(--radii-2__19nbe8d2gi);
198
245
  height: var(--sizes-6__19nbe8d2gd);
@@ -201,6 +248,12 @@
201
248
  font-size: var(--fontSizes-3__19nbe8db);
202
249
  line-height: var(--lineHeights-6__19nbe8d2fv);
203
250
  }
251
+ .button_size_sm_2__hi3ya0i[data-left-icon] {
252
+ padding-left: var(--space-1__19nbe8d0);
253
+ }
254
+ .button_size_sm_2__hi3ya0i[data-right-icon] {
255
+ padding-right: var(--space-1__19nbe8d0);
256
+ }
204
257
  .button_size_sm_3__hi3ya0j {
205
258
  border-radius: var(--radii-2__19nbe8d2gi);
206
259
  height: var(--sizes-7__19nbe8d2ge);
@@ -209,6 +262,12 @@
209
262
  font-size: var(--fontSizes-4__19nbe8dc);
210
263
  line-height: var(--sizes-7__19nbe8d2ge);
211
264
  }
265
+ .button_size_sm_3__hi3ya0j[data-left-icon] {
266
+ padding-left: var(--space-2__19nbe8d1);
267
+ }
268
+ .button_size_sm_3__hi3ya0j[data-right-icon] {
269
+ padding-right: var(--space-2__19nbe8d1);
270
+ }
212
271
  .button_variant_sm_primary__hi3ya0k {
213
272
  background-color: var(--semanticColors-primary-primary4__19nbe8d2cl);
214
273
  color: var(--semanticColors-primary-primary11__19nbe8d2cs);
package/dist/components/button.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["vanilla-extract-css-ns:src/theme/animations/spin.css.ts.vanilla.css?source=QGtleWZyYW1lcyBzcGluX3NwaW5fXzkxZzI5NTAgewogIHRvIHsKICAgIHRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7CiAgfQp9","vanilla-extract-css-ns:src/theme/recipes/spinner.css.ts.vanilla.css?source=#H4sIAAAAAAAAA33P0W7CIBTG8fs+BZfbBUZqq6Ve7kEIFqwn6aAB3NTFd1/qJiMnObtp0uR/vl9YxRmcs0Ep0V5uw1Wu2VfFmHbwrhN417MlUI+PkmKsZbtmqy6yCZzVgYE7goNk9xVjBx+MDT0T84VFP4FhHzq8cD74yYfI46ST/fk2SgnpDrYz4jq9/t3yoA2cY/97uPwBD/7sTD6oR1ceJD+X4HAOwbr0toj76l6tns+LcLNK5FeKxytPFsZTempLErkopO4hfYJJp/8jDNUZqkmoLjYkBeEIQ5sMbUhoU2xoCsIRhpoMNSTUFBsHCsIRhtoMtSTUFhsDBeEIQ9sMbUloW2wYCsIRhnYZ2pHQrtiwFIQjDHUZ6kioKzaOFIQjDMkMSRKSxcZIQTi6fwMe8qCrjwQAAA==","vanilla-extract-css-ns:src/theme/recipes/button.css.ts.vanilla.css?source=#H4sIAAAAAAAAA71YTW/jNhC9769QDwUSoFzYzm4+1EsXvey9hz0aFDWSmFCkSlKOnSL/vSAlWZQsW6RiBAasiJ6ZN3ozHOrla1JrLfh2W9C7A16tov++RBFmLI5qrkD/ae9ozhHVUKo4IsA1SLOciD1S9I3yPI4SIVOQKBF780utQCIFDIiOIy44mMWUqorhQxxRzigHlDGwxuaKVCEpf4mjlVl5rpWm2QERwTVw7WKiV0heqEYaV6igecFoXmhEBBMyjmSe4JvVH/Zza0MLrlGGS8oOcbTD8gYhs6SQhr3ebtdPPIHHdJPR3voVTETX+pddUaiElNal4yV6rx2WFHONeF2CpCSONE5qhqVZUMZKS8wV1VTw2JAbrVcr88P7l68j+uM4gUxIsGU4x/CUG840yFCvQuxaJ1JLZTisBG24nrBOqcIJg7RBweQll6LmaUd/Q5m9UUgxrKH53hw5Wx+eb4+dU+BUvJpuUKCjlf2sq/1ElB/t5aGP89bUdwb40QGuGof2KbnQCDMmXiE1y+1DI9gB16pr2Z6BrGbsF011sdWyho6QteXh1azHpqC/T7tkmKmjz8b1aTdY78QETinPByh3TXmaJ7VtVGEJXEe/0bISUmM+CKHoG2zXnfO3tiFsE0ic0lp1dJk7itZ9P+eFpagYbAATTqHvjhWxVhVOTaaIQdbbVpgAcqo9sJSDsJOmdisZRHf7/WMz6PN8sqZ2gvikOmJm0zHzfY6ZjROInmXm3rFKZ5i5623nmBmbXmCmN03OMWOWfrZTzEk4253yc9fxc38dfh4cK5jh59vR9m6On7HpBX56U3K5c8ap9sy0031bSVpieegoerg4BxWUmGtK/m7GUuvbXfusNoSdzrLLzmtn1xLllaoz6Zcl7OwrUvpBYqLpDj6A6fQq4ZOYCojgqYP6GAJ39O7/curSTprAAG5t0twz6fDqTCA7FUqxL3B4jSaQnTrZIXSKLGpt9l2H+3QG0Dne/F4TRrk1GMf5Nr2Lx7mEk++k+dP4OpCZH2Q47Q7mD+vsgE63WV4IpTtI7MP4XIxPYGoE+Bk8gZRCdpBJCJb1bL7dubGfnRuOozsv4JtHguFFcNDcGXHwAQsvgIPmzoW36YlUEwJKdXgkaBA1vt3VqQDMn6gj50EVpk/UcaoLZvYQ06kFTJ+oJ5ALpvUQ06kIDE9UG2ogPNK5N0AjcZx3JmHj/WVkMo4UkQA8wjyNbkrKUat4Hu4fq/2tDXwqlFQ5wG+ecySwouj9nO9AZ2VD5+O/MlzvTm2NcPPWdUZyDWPZl2dV9sqraKMEaS9f9RWiv4IUWJAGC1Bh02QdxRidJ+tUbvgKshBJFiTKgmRZsDCbpuyoz56vR9mpRgtRaUE6LUipBWi1IVnH+VmORclLx9qVRNvHZJt31s5Zcy395o/tHDrXEnJnwU8UCgvD9VJ0H9d0AfkvKZ2HuAvJYEkBPVTe2RRGaqc8izySe9cRfN5pLanMjJ7xx15SkzlpcxZ9IKq4bzm8gn0miSPkT6VwIItEGOhFmbhcKHrmuqRCFxSjL+qS6lyQjufn3VAjVYFjbk5DfkxFeme96JS4LCf9sRedD5d15RC80ZYjmfXv/AvshMA0gd//B6jO1lmzHgAA"],"sourcesContent":["@keyframes spin_spin__91g2950 {\n to {\n transform: rotate(360deg);\n }\n}",".spinner__15xzcy90 {\n animation: spin_spin__91g2950 .8s linear infinite;\n border: 1px solid var(--colors-slate-slate4__19nbe8d1yl);\n border-radius: var(--radii-round__19nbe8d2gn);\n border-top: 1px solid currentColor;\n}\n.spinner_size_1__15xzcy91 {\n height: var(--sizes-1__19nbe8d2g8);\n width: var(--sizes-1__19nbe8d2g8);\n}\n.spinner_size_2__15xzcy92 {\n height: var(--sizes-2__19nbe8d2g9);\n width: var(--sizes-2__19nbe8d2g9);\n}\n.spinner_size_3__15xzcy93 {\n height: var(--sizes-3__19nbe8d2ga);\n width: var(--sizes-3__19nbe8d2ga);\n}\n.spinner_size_4__15xzcy94 {\n height: var(--sizes-4__19nbe8d2gb);\n width: var(--sizes-4__19nbe8d2gb);\n}\n.spinner_size_5__15xzcy95 {\n height: var(--sizes-5__19nbe8d2gc);\n width: var(--sizes-5__19nbe8d2gc);\n}\n.spinner_size_6__15xzcy96 {\n height: var(--sizes-6__19nbe8d2gd);\n width: var(--sizes-6__19nbe8d2gd);\n}\n.spinner_size_7__15xzcy97 {\n height: var(--sizes-7__19nbe8d2ge);\n width: var(--sizes-7__19nbe8d2ge);\n}\n.spinner_size_8__15xzcy98 {\n height: var(--sizes-8__19nbe8d2gf);\n width: var(--sizes-8__19nbe8d2gf);\n}\n.spinner_size_9__15xzcy99 {\n height: var(--sizes-9__19nbe8d2gg);\n width: var(--sizes-9__19nbe8d2gg);\n}",".button__hi3ya00 {\n all: unset;\n align-items: center;\n box-sizing: border-box;\n user-select: none;\n display: inline-flex;\n flex-shrink: 0;\n justify-content: center;\n -webkit-tap-highlight-color: rgba(0,0,0,0);\n font-family: var(--fonts-text__19nbe8d2fi);\n font-weight: var(--fontWeights-medium__19nbe8d2fo);\n font-variant-numeric: tabular-nums;\n transition: all 100ms;\n}\n.button__hi3ya00::before {\n box-sizing: border-box;\n}\n.button__hi3ya00::after {\n box-sizing: border-box;\n}\n.button__hi3ya00:hover {\n cursor: pointer;\n}\n.button__hi3ya00:disabled {\n background-color: var(--colors-slate-slate2__19nbe8d1yj);\n box-shadow: inset 0 0 0 1px var(--colors-slateA-slateA7__19nbe8d1z0);\n color: var(--colors-slate-slate8__19nbe8d1yp);\n cursor: not-allowed;\n pointer-events: none;\n}\n.button_fullWidth_true__hi3ya01 {\n width: 100%;\n}\n.button_fullWidth_false__hi3ya02 {\n width: unset;\n}\n.button_loading_true__hi3ya03 {\n color: transparent !important;\n}\n.button_size_1__hi3ya04 {\n border-radius: var(--radii-1__19nbe8d2gh);\n height: var(--sizes-5__19nbe8d2gc);\n padding-left: var(--space-2__19nbe8d1);\n padding-right: var(--space-2__19nbe8d1);\n font-size: var(--fontSizes-1__19nbe8d9);\n line-height: var(--sizes-5__19nbe8d2gc);\n}\n.button_size_2__hi3ya05 {\n border-radius: var(--radii-2__19nbe8d2gi);\n height: var(--sizes-6__19nbe8d2gd);\n padding-left: var(--space-3__19nbe8d2);\n padding-right: var(--space-3__19nbe8d2);\n font-size: var(--fontSizes-3__19nbe8db);\n line-height: var(--lineHeights-6__19nbe8d2fv);\n}\n.button_size_3__hi3ya06 {\n border-radius: var(--radii-2__19nbe8d2gi);\n height: var(--sizes-7__19nbe8d2ge);\n padding-left: var(--space-4__19nbe8d3);\n padding-right: var(--space-4__19nbe8d3);\n font-size: var(--fontSizes-4__19nbe8dc);\n line-height: var(--sizes-7__19nbe8d2ge);\n}\n.button_variant_primary__hi3ya07 {\n background-color: var(--semanticColors-primary-primary4__19nbe8d2cl);\n color: var(--semanticColors-primary-primary11__19nbe8d2cs);\n}\n.button_variant_primary__hi3ya07:hover {\n background-color: var(--semanticColors-primary-primary5__19nbe8d2cm);\n}\n.button_variant_primary__hi3ya07:active {\n background-color: var(--semanticColors-primary-primary6__19nbe8d2cn);\n}\n.button_variant_secondary__hi3ya08 {\n background-color: var(--semanticColors-secondary-secondary4__19nbe8d2d9);\n color: var(--semanticColors-secondary-secondary11__19nbe8d2dg);\n}\n.button_variant_secondary__hi3ya08:hover {\n background-color: var(--semanticColors-secondary-secondary5__19nbe8d2da);\n}\n.button_variant_secondary__hi3ya08:active {\n background-color: var(--semanticColors-secondary-secondary6__19nbe8d2db);\n}\n.button_variant_outline__hi3ya09 {\n background-color: transparent;\n box-shadow: inset 0 0 0 1px var(--semanticColors-line__19nbe8d2fe);\n}\n.button_variant_outline__hi3ya09:hover {\n background-color: var(--semanticColors-transparentHover__19nbe8d2ff);\n}\n.button_variant_outline__hi3ya09:active {\n background-color: var(--semanticColors-transparentActive__19nbe8d2fg);\n}\n.button_variant_ghost__hi3ya0a {\n background-color: transparent;\n}\n.button_variant_ghost__hi3ya0a:hover {\n background-color: var(--semanticColors-transparentHover__19nbe8d2ff);\n}\n.button_variant_ghost__hi3ya0a:active {\n background-color: var(--semanticColors-transparentActive__19nbe8d2fg);\n}\n.button_variant_error__hi3ya0b {\n background-color: var(--semanticColors-error-error4__19nbe8d2dx);\n color: var(--semanticColors-error-error11__19nbe8d2e4);\n}\n.button_variant_error__hi3ya0b:hover {\n background-color: var(--semanticColors-error-error5__19nbe8d2dy);\n}\n.button_variant_error__hi3ya0b:active {\n background-color: var(--semanticColors-error-error6__19nbe8d2dz);\n}\n.button_variant_success__hi3ya0c {\n background-color: var(--semanticColors-success-success4__19nbe8d2el);\n color: var(--semanticColors-success-success11__19nbe8d2es);\n}\n.button_variant_success__hi3ya0c:hover {\n background-color: var(--semanticColors-success-success5__19nbe8d2em);\n}\n.button_variant_success__hi3ya0c:active {\n background-color: var(--semanticColors-success-success6__19nbe8d2en);\n}\n.button_round_true__hi3ya0d {\n border-radius: var(--radii-full__19nbe8d2go);\n}\n@media screen and (min-width: 768px) {\n .button_fullWidth_sm_true__hi3ya0e {\n width: 100%;\n }\n .button_fullWidth_sm_false__hi3ya0f {\n width: unset;\n }\n .button_loading_sm_true__hi3ya0g {\n color: transparent !important;\n }\n .button_size_sm_1__hi3ya0h {\n border-radius: var(--radii-1__19nbe8d2gh);\n height: var(--sizes-5__19nbe8d2gc);\n padding-left: var(--space-2__19nbe8d1);\n padding-right: var(--space-2__19nbe8d1);\n font-size: var(--fontSizes-1__19nbe8d9);\n line-height: var(--sizes-5__19nbe8d2gc);\n }\n .button_size_sm_2__hi3ya0i {\n border-radius: var(--radii-2__19nbe8d2gi);\n height: var(--sizes-6__19nbe8d2gd);\n padding-left: var(--space-3__19nbe8d2);\n padding-right: var(--space-3__19nbe8d2);\n font-size: var(--fontSizes-3__19nbe8db);\n line-height: var(--lineHeights-6__19nbe8d2fv);\n }\n .button_size_sm_3__hi3ya0j {\n border-radius: var(--radii-2__19nbe8d2gi);\n height: var(--sizes-7__19nbe8d2ge);\n padding-left: var(--space-4__19nbe8d3);\n padding-right: var(--space-4__19nbe8d3);\n font-size: var(--fontSizes-4__19nbe8dc);\n line-height: var(--sizes-7__19nbe8d2ge);\n }\n .button_variant_sm_primary__hi3ya0k {\n background-color: var(--semanticColors-primary-primary4__19nbe8d2cl);\n color: var(--semanticColors-primary-primary11__19nbe8d2cs);\n }\n .button_variant_sm_primary__hi3ya0k:hover {\n background-color: var(--semanticColors-primary-primary5__19nbe8d2cm);\n }\n .button_variant_sm_primary__hi3ya0k:active {\n background-color: var(--semanticColors-primary-primary6__19nbe8d2cn);\n }\n .button_variant_sm_secondary__hi3ya0l {\n background-color: var(--semanticColors-secondary-secondary4__19nbe8d2d9);\n color: var(--semanticColors-secondary-secondary11__19nbe8d2dg);\n }\n .button_variant_sm_secondary__hi3ya0l:hover {\n background-color: var(--semanticColors-secondary-secondary5__19nbe8d2da);\n }\n .button_variant_sm_secondary__hi3ya0l:active {\n background-color: var(--semanticColors-secondary-secondary6__19nbe8d2db);\n }\n .button_variant_sm_outline__hi3ya0m {\n background-color: transparent;\n box-shadow: inset 0 0 0 1px var(--semanticColors-line__19nbe8d2fe);\n }\n .button_variant_sm_outline__hi3ya0m:hover {\n background-color: var(--semanticColors-transparentHover__19nbe8d2ff);\n }\n .button_variant_sm_outline__hi3ya0m:active {\n background-color: var(--semanticColors-transparentActive__19nbe8d2fg);\n }\n .button_variant_sm_ghost__hi3ya0n {\n background-color: transparent;\n }\n .button_variant_sm_ghost__hi3ya0n:hover {\n background-color: var(--semanticColors-transparentHover__19nbe8d2ff);\n }\n .button_variant_sm_ghost__hi3ya0n:active {\n background-color: var(--semanticColors-transparentActive__19nbe8d2fg);\n }\n .button_variant_sm_error__hi3ya0o {\n background-color: var(--semanticColors-error-error4__19nbe8d2dx);\n color: var(--semanticColors-error-error11__19nbe8d2e4);\n }\n .button_variant_sm_error__hi3ya0o:hover {\n background-color: var(--semanticColors-error-error5__19nbe8d2dy);\n }\n .button_variant_sm_error__hi3ya0o:active {\n background-color: var(--semanticColors-error-error6__19nbe8d2dz);\n }\n .button_variant_sm_success__hi3ya0p {\n background-color: var(--semanticColors-success-success4__19nbe8d2el);\n color: var(--semanticColors-success-success11__19nbe8d2es);\n }\n .button_variant_sm_success__hi3ya0p:hover {\n background-color: var(--semanticColors-success-success5__19nbe8d2em);\n }\n .button_variant_sm_success__hi3ya0p:active {\n background-color: var(--semanticColors-success-success6__19nbe8d2en);\n }\n .button_round_sm_true__hi3ya0q {\n border-radius: var(--radii-full__19nbe8d2go);\n }\n}"],"mappings":"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","names":[]}
1
+ {"version":3,"sources":["vanilla-extract-css-ns:src/theme/animations/spin.css.ts.vanilla.css?source=QGtleWZyYW1lcyBzcGluX3NwaW5fXzkxZzI5NTAgewogIHRvIHsKICAgIHRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7CiAgfQp9","vanilla-extract-css-ns:src/theme/recipes/spinner.css.ts.vanilla.css?source=#H4sIAAAAAAAAA33P0W7CIBTG8fs+BZfbBUZqq6Ve7kEIFqwn6aAB3NTFd1/qJiMnObtp0uR/vl9YxRmcs0Ep0V5uw1Wu2VfFmHbwrhN417MlUI+PkmKsZbtmqy6yCZzVgYE7goNk9xVjBx+MDT0T84VFP4FhHzq8cD74yYfI46ST/fk2SgnpDrYz4jq9/t3yoA2cY/97uPwBD/7sTD6oR1ceJD+X4HAOwbr0toj76l6tns+LcLNK5FeKxytPFsZTempLErkopO4hfYJJp/8jDNUZqkmoLjYkBeEIQ5sMbUhoU2xoCsIRhpoMNSTUFBsHCsIRhtoMtSTUFhsDBeEIQ9sMbUloW2wYCsIRhnYZ2pHQrtiwFIQjDHUZ6kioKzaOFIQjDMkMSRKSxcZIQTi6fwMe8qCrjwQAAA==","vanilla-extract-css-ns:src/theme/recipes/button.css.ts.vanilla.css?source=#H4sIAAAAAAAAA71YTW/jNhC951eohwIJUC5sJ5sP7aWLXva+hz0UhUFJlMSEIlWScuwU+e8FqS9KlkRSMQIDVszMzBvNI4fk+xJVUjK63+f49gQ3m+C/qyCAhIRBRQWS3/QvnFGAJSpEGMSISsTVcMSOQOA3TLMwiBhPEAcRO6r/VAJxIBBBsQwDyihSgwkWJYGnMMCUYIpASpA2Vk8gco7pSxhs1MhzJSROTyBmVCIqTUzwiqIXLIGEJchxlhOc5RLEjDAeBjyL4PXmD/250aEZlSCFBSanMDhAfg2AGhJAoqPc77dPNEKPyS7FvfUrUhFN6196RIACJbgqDC/Wex0gx5BKQKsCcRyHgYRRRSBXA0JZSQ6pwBIzGqriBtvNpv5HydphjgiU+IC+Xb1ffRmREoYRShlHmpy5uk+5wVQi7uuVs0PjFFdcqMqWDNcMTFgnWMCIoKRGgfFLxllFk5aUupD6hwCCQInq711Xye3p+aabTzlM2KuaIwLJYKM/2/I4EeV783jo47zVrFuAHw3gsnZo3pIyCSAh7BUlNTX6pQE6ICpFO5H7CqQVIb9wIvO95BVqC7LVdXhV46Gi+fdplxQS0fnsTJ9m2fVOhMEE02yAclvTU7+pnlwl5IjK4DdclIxLSAchBH5D+23rfNdMCD0JOExwJdpyqV8YbPtZnuW6RPlgWahwAnw1rGJtVcJEZQoISnvbEsYIGGwPLPkg7KSpXmAK0VyUP3UGfZ5P2lT3FZdUZyvzdwIl1PkDHDP6j67U8LU2Vnf9UhP+zcueB9i1Ab7amNkZL4Jnmbk3rBILM7e9rY2ZsekCM71pNMeMGvrR9FYj4fRwzk9fHwd+zIz7CbKxR7XQ5hz3to17fxk2HwwrZGHzrrO9tbE5Nl1gszeNl9fZONXZynjyOOwJlqgePM7FbfbzfclxAfmpBXhY3OMEKiCVOP6r3nIa3/bZ13AXk/N9atl5a3TkWDilauzi6xI2emZcuEHCWB1gPoBp9IGYTmIKFDOaGKiPPnCdd/+XwUuzi3gGMLlJMsek/dmZQDYYSqArsD9HE8gGT7rBnyOzSqou0eI+zQAaRxe3I+Aotxqj2zuQUy7+xTfS/KF8DcjUDdK/7Abmd+1sgE5PsyxnQraQ0KXithifUKkR4GfUCXHOeAsZ+WBpz/rb7BtHa98wHM1+ge4cEvQnwUAze8TJBcyfAAPN7Atv0x2pimMkRIsXezWi2rd9Ggwg+446ch6wML2jjlNd0bOHmAYXaHpHPYNc0a2HmAYjaLij6lCDS2ViO6+q66txwmM3E4JAXaAC8gxT64m8M/Q9Y3dXLqHh8jPVpj649uc7qNGaK/ay2dw1QS5Cjc/IM1BDs7mTbLUI1c+jZAlqaNZD1Y+fJaYUdQv/UB+VOzUKRoKRSmrlrrv3BkF/hW2pCwNYSabi/6kUMhiImCNEA0iT4LrAFDTZPdw/lscbjXKuhohiMBHrCT9SUYLgfc53IKakQ+dOxTS9W0llhJs1rhZdZRhLMyeKfkrmTRQvgcVVYvERWbxkFi+hxUNqsRVr8iY4obm4xRnf/abEl+lI3TLHdvrO7+2uOoyPEuOlxXipMd56jK1kTiQubQMu4a3c+gJ07fb5cpSfizU+co2XYOMl2XiINrZieZM9bjUu4b3IXgLojlbFWK94aVm/kJ7zMUXHOWvjGHopaccd2ziPXkrjmQU/Ey+IH66T2PNxuccj/zXUOeg+PhmsIdBBAJpNYSSEFLPIIyXoMlqQc1prmLFIHe7YazixqR6z6AO9hbrS4RTsM4s4Qv7UEg4UE+YHuqggrdeQHHNdw9CCmOSKuoadBVVpvt8N5ZPSs83Z5KWPCUzOWa/aJZaVJnfsVfvDsuQ0BK9lp9HF+1/7AXxCe1KB3/8HFfstHsAkAAA="],"sourcesContent":["@keyframes spin_spin__91g2950 {\n to {\n transform: rotate(360deg);\n }\n}",".spinner__15xzcy90 {\n animation: spin_spin__91g2950 .8s linear infinite;\n border: 1px solid var(--colors-slate-slate4__19nbe8d1yl);\n border-radius: var(--radii-round__19nbe8d2gn);\n border-top: 1px solid currentColor;\n}\n.spinner_size_1__15xzcy91 {\n height: var(--sizes-1__19nbe8d2g8);\n width: var(--sizes-1__19nbe8d2g8);\n}\n.spinner_size_2__15xzcy92 {\n height: var(--sizes-2__19nbe8d2g9);\n width: var(--sizes-2__19nbe8d2g9);\n}\n.spinner_size_3__15xzcy93 {\n height: var(--sizes-3__19nbe8d2ga);\n width: var(--sizes-3__19nbe8d2ga);\n}\n.spinner_size_4__15xzcy94 {\n height: var(--sizes-4__19nbe8d2gb);\n width: var(--sizes-4__19nbe8d2gb);\n}\n.spinner_size_5__15xzcy95 {\n height: var(--sizes-5__19nbe8d2gc);\n width: var(--sizes-5__19nbe8d2gc);\n}\n.spinner_size_6__15xzcy96 {\n height: var(--sizes-6__19nbe8d2gd);\n width: var(--sizes-6__19nbe8d2gd);\n}\n.spinner_size_7__15xzcy97 {\n height: var(--sizes-7__19nbe8d2ge);\n width: var(--sizes-7__19nbe8d2ge);\n}\n.spinner_size_8__15xzcy98 {\n height: var(--sizes-8__19nbe8d2gf);\n width: var(--sizes-8__19nbe8d2gf);\n}\n.spinner_size_9__15xzcy99 {\n height: var(--sizes-9__19nbe8d2gg);\n width: var(--sizes-9__19nbe8d2gg);\n}",".button__hi3ya00 {\n all: unset;\n align-items: center;\n box-sizing: border-box;\n user-select: none;\n display: inline-flex;\n flex-shrink: 0;\n justify-content: center;\n -webkit-tap-highlight-color: rgba(0,0,0,0);\n font-family: var(--fonts-text__19nbe8d2fi);\n font-weight: var(--fontWeights-medium__19nbe8d2fo);\n font-variant-numeric: tabular-nums;\n transition: all 100ms;\n position: relative;\n}\n.button__hi3ya00::before {\n box-sizing: border-box;\n}\n.button__hi3ya00::after {\n box-sizing: border-box;\n}\n.button__hi3ya00:hover {\n cursor: pointer;\n}\n.button__hi3ya00:disabled {\n background-color: var(--colors-slate-slate2__19nbe8d1yj);\n box-shadow: inset 0 0 0 1px var(--colors-slateA-slateA7__19nbe8d1z0);\n color: var(--colors-slate-slate8__19nbe8d1yp);\n cursor: not-allowed;\n pointer-events: none;\n}\n.button_fullWidth_true__hi3ya01 {\n width: 100%;\n}\n.button_fullWidth_false__hi3ya02 {\n width: unset;\n}\n.button_loading_true__hi3ya03 {\n color: transparent !important;\n}\n.button_size_1__hi3ya04 {\n border-radius: var(--radii-1__19nbe8d2gh);\n height: var(--sizes-5__19nbe8d2gc);\n padding-left: var(--space-2__19nbe8d1);\n padding-right: var(--space-2__19nbe8d1);\n font-size: var(--fontSizes-1__19nbe8d9);\n line-height: var(--sizes-5__19nbe8d2gc);\n}\n.button_size_1__hi3ya04[data-left-icon] {\n padding-left: 0;\n}\n.button_size_1__hi3ya04[data-right-icon] {\n padding-right: 0;\n}\n.button_size_2__hi3ya05 {\n border-radius: var(--radii-2__19nbe8d2gi);\n height: var(--sizes-6__19nbe8d2gd);\n padding-left: var(--space-3__19nbe8d2);\n padding-right: var(--space-3__19nbe8d2);\n font-size: var(--fontSizes-3__19nbe8db);\n line-height: var(--lineHeights-6__19nbe8d2fv);\n}\n.button_size_2__hi3ya05[data-left-icon] {\n padding-left: var(--space-1__19nbe8d0);\n}\n.button_size_2__hi3ya05[data-right-icon] {\n padding-right: var(--space-1__19nbe8d0);\n}\n.button_size_3__hi3ya06 {\n border-radius: var(--radii-2__19nbe8d2gi);\n height: var(--sizes-7__19nbe8d2ge);\n padding-left: var(--space-4__19nbe8d3);\n padding-right: var(--space-4__19nbe8d3);\n font-size: var(--fontSizes-4__19nbe8dc);\n line-height: var(--sizes-7__19nbe8d2ge);\n}\n.button_size_3__hi3ya06[data-left-icon] {\n padding-left: var(--space-2__19nbe8d1);\n}\n.button_size_3__hi3ya06[data-right-icon] {\n padding-right: var(--space-2__19nbe8d1);\n}\n.button_variant_primary__hi3ya07 {\n background-color: var(--semanticColors-primary-primary4__19nbe8d2cl);\n color: var(--semanticColors-primary-primary11__19nbe8d2cs);\n}\n.button_variant_primary__hi3ya07:hover {\n background-color: var(--semanticColors-primary-primary5__19nbe8d2cm);\n}\n.button_variant_primary__hi3ya07:active {\n background-color: var(--semanticColors-primary-primary6__19nbe8d2cn);\n}\n.button_variant_secondary__hi3ya08 {\n background-color: var(--semanticColors-secondary-secondary4__19nbe8d2d9);\n color: var(--semanticColors-secondary-secondary11__19nbe8d2dg);\n}\n.button_variant_secondary__hi3ya08:hover {\n background-color: var(--semanticColors-secondary-secondary5__19nbe8d2da);\n}\n.button_variant_secondary__hi3ya08:active {\n background-color: var(--semanticColors-secondary-secondary6__19nbe8d2db);\n}\n.button_variant_outline__hi3ya09 {\n background-color: transparent;\n box-shadow: inset 0 0 0 1px var(--semanticColors-line__19nbe8d2fe);\n}\n.button_variant_outline__hi3ya09:hover {\n background-color: var(--semanticColors-transparentHover__19nbe8d2ff);\n}\n.button_variant_outline__hi3ya09:active {\n background-color: var(--semanticColors-transparentActive__19nbe8d2fg);\n}\n.button_variant_ghost__hi3ya0a {\n background-color: transparent;\n}\n.button_variant_ghost__hi3ya0a:hover {\n background-color: var(--semanticColors-transparentHover__19nbe8d2ff);\n}\n.button_variant_ghost__hi3ya0a:active {\n background-color: var(--semanticColors-transparentActive__19nbe8d2fg);\n}\n.button_variant_error__hi3ya0b {\n background-color: var(--semanticColors-error-error4__19nbe8d2dx);\n color: var(--semanticColors-error-error11__19nbe8d2e4);\n}\n.button_variant_error__hi3ya0b:hover {\n background-color: var(--semanticColors-error-error5__19nbe8d2dy);\n}\n.button_variant_error__hi3ya0b:active {\n background-color: var(--semanticColors-error-error6__19nbe8d2dz);\n}\n.button_variant_success__hi3ya0c {\n background-color: var(--semanticColors-success-success4__19nbe8d2el);\n color: var(--semanticColors-success-success11__19nbe8d2es);\n}\n.button_variant_success__hi3ya0c:hover {\n background-color: var(--semanticColors-success-success5__19nbe8d2em);\n}\n.button_variant_success__hi3ya0c:active {\n background-color: var(--semanticColors-success-success6__19nbe8d2en);\n}\n.button_round_true__hi3ya0d {\n border-radius: var(--radii-full__19nbe8d2go);\n}\n.button__hi3ya0r {\n margin-left: var(--space-1__19nbe8d0);\n margin-right: var(--space-1__19nbe8d0);\n}\n.button_size_1__hi3ya0s {\n height: var(--fontSizes-2__19nbe8da);\n width: var(--fontSizes-2__19nbe8da);\n}\n.button_size_2__hi3ya0t {\n height: var(--fontSizes-4__19nbe8dc);\n width: var(--fontSizes-4__19nbe8dc);\n}\n.button_size_3__hi3ya0u {\n height: var(--fontSizes-5__19nbe8dd);\n width: var(--fontSizes-5__19nbe8dd);\n}\n.button_buttonSpinner__hi3ya0v {\n position: absolute;\n left: 0;\n right: 0;\n margin: auto;\n}\n@media screen and (min-width: 768px) {\n .button_fullWidth_sm_true__hi3ya0e {\n width: 100%;\n }\n .button_fullWidth_sm_false__hi3ya0f {\n width: unset;\n }\n .button_loading_sm_true__hi3ya0g {\n color: transparent !important;\n }\n .button_size_sm_1__hi3ya0h {\n border-radius: var(--radii-1__19nbe8d2gh);\n height: var(--sizes-5__19nbe8d2gc);\n padding-left: var(--space-2__19nbe8d1);\n padding-right: var(--space-2__19nbe8d1);\n font-size: var(--fontSizes-1__19nbe8d9);\n line-height: var(--sizes-5__19nbe8d2gc);\n }\n .button_size_sm_1__hi3ya0h[data-left-icon] {\n padding-left: 0;\n }\n .button_size_sm_1__hi3ya0h[data-right-icon] {\n padding-right: 0;\n }\n .button_size_sm_2__hi3ya0i {\n border-radius: var(--radii-2__19nbe8d2gi);\n height: var(--sizes-6__19nbe8d2gd);\n padding-left: var(--space-3__19nbe8d2);\n padding-right: var(--space-3__19nbe8d2);\n font-size: var(--fontSizes-3__19nbe8db);\n line-height: var(--lineHeights-6__19nbe8d2fv);\n }\n .button_size_sm_2__hi3ya0i[data-left-icon] {\n padding-left: var(--space-1__19nbe8d0);\n }\n .button_size_sm_2__hi3ya0i[data-right-icon] {\n padding-right: var(--space-1__19nbe8d0);\n }\n .button_size_sm_3__hi3ya0j {\n border-radius: var(--radii-2__19nbe8d2gi);\n height: var(--sizes-7__19nbe8d2ge);\n padding-left: var(--space-4__19nbe8d3);\n padding-right: var(--space-4__19nbe8d3);\n font-size: var(--fontSizes-4__19nbe8dc);\n line-height: var(--sizes-7__19nbe8d2ge);\n }\n .button_size_sm_3__hi3ya0j[data-left-icon] {\n padding-left: var(--space-2__19nbe8d1);\n }\n .button_size_sm_3__hi3ya0j[data-right-icon] {\n padding-right: var(--space-2__19nbe8d1);\n }\n .button_variant_sm_primary__hi3ya0k {\n background-color: var(--semanticColors-primary-primary4__19nbe8d2cl);\n color: var(--semanticColors-primary-primary11__19nbe8d2cs);\n }\n .button_variant_sm_primary__hi3ya0k:hover {\n background-color: var(--semanticColors-primary-primary5__19nbe8d2cm);\n }\n .button_variant_sm_primary__hi3ya0k:active {\n background-color: var(--semanticColors-primary-primary6__19nbe8d2cn);\n }\n .button_variant_sm_secondary__hi3ya0l {\n background-color: var(--semanticColors-secondary-secondary4__19nbe8d2d9);\n color: var(--semanticColors-secondary-secondary11__19nbe8d2dg);\n }\n .button_variant_sm_secondary__hi3ya0l:hover {\n background-color: var(--semanticColors-secondary-secondary5__19nbe8d2da);\n }\n .button_variant_sm_secondary__hi3ya0l:active {\n background-color: var(--semanticColors-secondary-secondary6__19nbe8d2db);\n }\n .button_variant_sm_outline__hi3ya0m {\n background-color: transparent;\n box-shadow: inset 0 0 0 1px var(--semanticColors-line__19nbe8d2fe);\n }\n .button_variant_sm_outline__hi3ya0m:hover {\n background-color: var(--semanticColors-transparentHover__19nbe8d2ff);\n }\n .button_variant_sm_outline__hi3ya0m:active {\n background-color: var(--semanticColors-transparentActive__19nbe8d2fg);\n }\n .button_variant_sm_ghost__hi3ya0n {\n background-color: transparent;\n }\n .button_variant_sm_ghost__hi3ya0n:hover {\n background-color: var(--semanticColors-transparentHover__19nbe8d2ff);\n }\n .button_variant_sm_ghost__hi3ya0n:active {\n background-color: var(--semanticColors-transparentActive__19nbe8d2fg);\n }\n .button_variant_sm_error__hi3ya0o {\n background-color: var(--semanticColors-error-error4__19nbe8d2dx);\n color: var(--semanticColors-error-error11__19nbe8d2e4);\n }\n .button_variant_sm_error__hi3ya0o:hover {\n background-color: var(--semanticColors-error-error5__19nbe8d2dy);\n }\n .button_variant_sm_error__hi3ya0o:active {\n background-color: var(--semanticColors-error-error6__19nbe8d2dz);\n }\n .button_variant_sm_success__hi3ya0p {\n background-color: var(--semanticColors-success-success4__19nbe8d2el);\n color: var(--semanticColors-success-success11__19nbe8d2es);\n }\n .button_variant_sm_success__hi3ya0p:hover {\n background-color: var(--semanticColors-success-success5__19nbe8d2em);\n }\n .button_variant_sm_success__hi3ya0p:active {\n background-color: var(--semanticColors-success-success6__19nbe8d2en);\n }\n .button_round_sm_true__hi3ya0q {\n border-radius: var(--radii-full__19nbe8d2go);\n }\n}"],"mappings":"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","names":[]}
package/dist/components/button.d.mts CHANGED
@@ -1,10 +1,13 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import { B as ButtonVariants } from '../button.css-BQdFVzyM.mjs';
2
+ import { B as ButtonVariants } from '../button.css-CBtNCrkL.mjs';
3
3
  import { C as ComponentProps } from '../component-props-BHzinuRX.mjs';
4
4
  import 'homemade-recipes';
5
5
 
6
6
  declare const defaultElement = "button";
7
- type ButtonProps = ComponentProps<typeof defaultElement, ButtonVariants>;
8
- declare const Button: ({ asChild, ...props }: ButtonProps) => react_jsx_runtime.JSX.Element;
7
+ type ButtonProps = ComponentProps<typeof defaultElement, ButtonVariants> & {
8
+ leftIcon?: React.ReactNode;
9
+ rightIcon?: React.ReactNode;
10
+ };
11
+ declare const Button: ({ asChild, leftIcon, rightIcon, ...props }: ButtonProps) => react_jsx_runtime.JSX.Element;
9
12
 
10
13
  export { Button, type ButtonProps };
package/dist/components/button.d.ts CHANGED
@@ -1,10 +1,13 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import { B as ButtonVariants } from '../button.css-BQdFVzyM.js';
2
+ import { B as ButtonVariants } from '../button.css-CBtNCrkL.js';
3
3
  import { C as ComponentProps } from '../component-props-BHzinuRX.js';
4
4
  import 'homemade-recipes';
5
5
 
6
6
  declare const defaultElement = "button";
7
- type ButtonProps = ComponentProps<typeof defaultElement, ButtonVariants>;
8
- declare const Button: ({ asChild, ...props }: ButtonProps) => react_jsx_runtime.JSX.Element;
7
+ type ButtonProps = ComponentProps<typeof defaultElement, ButtonVariants> & {
8
+ leftIcon?: React.ReactNode;
9
+ rightIcon?: React.ReactNode;
10
+ };
11
+ declare const Button: ({ asChild, leftIcon, rightIcon, ...props }: ButtonProps) => react_jsx_runtime.JSX.Element;
9
12
 
10
13
  export { Button, type ButtonProps };
package/dist/components/button.js CHANGED
@@ -78,32 +78,50 @@ var Spinner = ({ asChild, ...props }) => {
78
78
 
79
79
  // src/theme/recipes/button.css.ts
80
80
  var import_createRuntimeFn2 = require("homemade-recipes/createRuntimeFn");
81
+ var buttonIconRecipe = (0, import_createRuntimeFn2.createRuntimeFn)((function() {
82
+ var x = { defaultClassName: "button__hi3ya0r", variantClassNames: { size: { "1": "button_size_1__hi3ya0s", "2": "button_size_2__hi3ya0t", "3": "button_size_3__hi3ya0u" } }, defaultVariants: {}, compoundVariants: [], responsiveVariantClassNames: { initial: void 0 }, conditionNames: [], conditions: { xs: "520px", sm: "768px", md: "1024px", lg: "1280px", xl: "1640px" }, identifier: "homemade-recipe__lb053z0", cssCache: [] };
83
+ x.responsiveVariantClassNames.initial = x.variantClassNames;
84
+ return x;
85
+ })());
81
86
  var buttonRecipe = (0, import_createRuntimeFn2.createRuntimeFn)((function() {
82
87
  var x = { defaultClassName: "button__hi3ya00", variantClassNames: { fullWidth: { true: "button_fullWidth_true__hi3ya01", false: "button_fullWidth_false__hi3ya02" }, loading: { true: "button_loading_true__hi3ya03" }, size: { "1": "button_size_1__hi3ya04", "2": "button_size_2__hi3ya05", "3": "button_size_3__hi3ya06" }, variant: { primary: "button_variant_primary__hi3ya07", secondary: "button_variant_secondary__hi3ya08", outline: "button_variant_outline__hi3ya09", ghost: "button_variant_ghost__hi3ya0a", error: "button_variant_error__hi3ya0b", success: "button_variant_success__hi3ya0c" }, round: { true: "button_round_true__hi3ya0d" } }, defaultVariants: { size: "2", variant: "primary" }, compoundVariants: [], responsiveVariantClassNames: { initial: void 0, sm: { fullWidth: { true: "button_fullWidth_sm_true__hi3ya0e", false: "button_fullWidth_sm_false__hi3ya0f" }, loading: { true: "button_loading_sm_true__hi3ya0g" }, size: { "1": "button_size_sm_1__hi3ya0h", "2": "button_size_sm_2__hi3ya0i", "3": "button_size_sm_3__hi3ya0j" }, variant: { primary: "button_variant_sm_primary__hi3ya0k", secondary: "button_variant_sm_secondary__hi3ya0l", outline: "button_variant_sm_outline__hi3ya0m", ghost: "button_variant_sm_ghost__hi3ya0n", error: "button_variant_sm_error__hi3ya0o", success: "button_variant_sm_success__hi3ya0p" }, round: { true: "button_round_sm_true__hi3ya0q" } } }, conditionNames: ["sm"], conditions: { xs: "520px", sm: "768px", md: "1024px", lg: "1280px", xl: "1640px" }, identifier: "homemade-recipe__lb053z0", cssCache: [] };
83
88
  x.responsiveVariantClassNames.initial = x.variantClassNames;
84
89
  return x;
85
90
  })());
91
+ var buttonSpinner = "button_buttonSpinner__hi3ya0v";
86
92
 
87
93
  // src/components/button.tsx
88
94
  var import_react_slot2 = require("@radix-ui/react-slot");
89
95
  var import_jsx_runtime2 = require("react/jsx-runtime");
90
96
  var defaultElement2 = "button";
91
- var Button = ({ asChild, ...props }) => {
97
+ var Button = ({
98
+ asChild,
99
+ leftIcon,
100
+ rightIcon,
101
+ ...props
102
+ }) => {
92
103
  const [variants, rest] = extractVariantsFromProps(
93
104
  props,
94
105
  ...buttonRecipe.variants()
95
106
  );
96
107
  const button = buttonRecipe(variants);
97
108
  const Comp = asChild ? import_react_slot2.Slot : defaultElement2;
109
+ const buttonIcon = buttonIconRecipe({
110
+ size: variants.size
111
+ });
98
112
  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
99
113
  Comp,
100
114
  {
101
115
  ...rest,
102
116
  className: mergeClasses(button, rest.className),
103
117
  disabled: rest.disabled || Boolean(variants.loading),
118
+ ...leftIcon && { "data-left-icon": "" },
119
+ ...rightIcon && { "data-right-icon": "" },
104
120
  children: [
121
+ leftIcon && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_slot2.Slot, { className: buttonIcon, children: leftIcon }),
105
122
  rest.children,
106
- variants.loading && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Spinner, { style: { position: "absolute" } })
123
+ rightIcon && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_slot2.Slot, { className: buttonIcon, children: rightIcon }),
124
+ variants.loading && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Spinner, { className: buttonSpinner })
107
125
  ]
108
126
  }
109
127
  );
package/dist/components/button.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/components/button.tsx","../../src/theme/recipes/spinner.css.ts","../../src/utils/omit.ts","../../src/utils/pick.ts","../../src/utils/extract-variants.ts","../../src/utils/merge-classes.ts","../../src/components/spinner.tsx","../../src/theme/recipes/button.css.ts"],"sourcesContent":["import { Spinner } from \"@/components/spinner\";\nimport { ButtonVariants, buttonRecipe } from \"@/theme/recipes/button.css\";\nimport { ComponentProps } from \"@/types/component-props\";\nimport { extractVariantsFromProps } from \"@/utils/extract-variants\";\nimport { mergeClasses } from \"@/utils/merge-classes\";\nimport { Slot } from \"@radix-ui/react-slot\";\n\nconst defaultElement = \"button\";\n\nexport type ButtonProps = ComponentProps<typeof defaultElement, ButtonVariants>;\n\nexport const Button = ({ asChild, ...props }: ButtonProps) => {\n const [variants, rest] = extractVariantsFromProps(\n props,\n ...buttonRecipe.variants(),\n );\n const button = buttonRecipe(variants);\n const Comp = asChild ? Slot : defaultElement;\n\n return (\n <Comp\n {...rest}\n className={mergeClasses(button, rest.className)}\n disabled={rest.disabled || Boolean(variants.loading)}\n >\n {rest.children}\n {variants.loading && <Spinner style={{ position: \"absolute\" }} />}\n </Comp>\n );\n};\n","import 'src/theme/animations/spin.css.ts.vanilla.css?source=QGtleWZyYW1lcyBzcGluX3NwaW5fXzkxZzI5NTAgewogIHRvIHsKICAgIHRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7CiAgfQp9';\nimport 'src/theme/recipes/spinner.css.ts.vanilla.css?source=#H4sIAAAAAAAAA33P0W7CIBTG8fs+BZfbBUZqq6Ve7kEIFqwn6aAB3NTFd1/qJiMnObtp0uR/vl9YxRmcs0Ep0V5uw1Wu2VfFmHbwrhN417MlUI+PkmKsZbtmqy6yCZzVgYE7goNk9xVjBx+MDT0T84VFP4FhHzq8cD74yYfI46ST/fk2SgnpDrYz4jq9/t3yoA2cY/97uPwBD/7sTD6oR1ceJD+X4HAOwbr0toj76l6tns+LcLNK5FeKxytPFsZTempLErkopO4hfYJJp/8jDNUZqkmoLjYkBeEIQ5sMbUhoU2xoCsIRhpoMNSTUFBsHCsIRhtoMtSTUFhsDBeEIQ9sMbUloW2wYCsIRhnYZ2pHQrtiwFIQjDHUZ6kioKzaOFIQjDMkMSRKSxcZIQTi6fwMe8qCrjwQAAA==';\nimport { createRuntimeFn as _dc746 } from 'homemade-recipes/createRuntimeFn';\nexport var spinnerRecipe = _dc746((function(){var x={defaultClassName:'spinner__15xzcy90',variantClassNames:{size:{'1':'spinner_size_1__15xzcy91','2':'spinner_size_2__15xzcy92','3':'spinner_size_3__15xzcy93','4':'spinner_size_4__15xzcy94','5':'spinner_size_5__15xzcy95','6':'spinner_size_6__15xzcy96','7':'spinner_size_7__15xzcy97','8':'spinner_size_8__15xzcy98','9':'spinner_size_9__15xzcy99'}},defaultVariants:{size:'3'},compoundVariants:[],responsiveVariantClassNames:{initial:undefined},conditionNames:[],conditions:{xs:'520px',sm:'768px',md:'1024px',lg:'1280px',xl:'1640px'},identifier:'homemade-recipe__lb053z0',cssCache:[]};x.responsiveVariantClassNames.initial=x.variantClassNames;return x;}()));","export function omit<T, K extends keyof T>(obj: T, ...keys: K[]): Omit<T, K> {\n const ret = { ...obj };\n keys.forEach((key) => {\n delete ret[key];\n });\n\n return ret;\n}\n","/**\n * https://stackoverflow.com/a/47232883\n */\nexport function pick<T, K extends keyof T>(obj: T, ...keys: K[]): Pick<T, K> {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n const ret: any = {};\n keys.forEach((key) => {\n ret[key] = obj[key];\n });\n\n return ret;\n}\n","import { omit } from \"./omit\";\nimport { pick } from \"./pick\";\n\n/**\n * TODO\n * @param obj\n * @param keys\n * @returns [variants, props]\n */\nexport function extractVariantsFromProps<T, K extends keyof T>(\n obj: T,\n ...keys: K[]\n): [Pick<T, K>, Omit<T, K>] {\n const variants = pick(obj, ...keys);\n const rest = omit(obj, ...keys);\n\n return [variants, rest];\n}\n","export function mergeClasses(...classes: (string | undefined)[]): string {\n return classes.filter((cls): cls is string => Boolean(cls)).join(\" \");\n}\n","import { SpinnerVariants, spinnerRecipe } from \"@/theme/recipes/spinner.css\";\nimport { ComponentProps } from \"@/types/component-props\";\nimport { extractVariantsFromProps } from \"@/utils/extract-variants\";\nimport { mergeClasses } from \"@/utils/merge-classes\";\nimport { Slot } from \"@radix-ui/react-slot\";\n\nconst defaultElement = \"div\";\n\nexport type SpinnerProps = ComponentProps<\n typeof defaultElement,\n SpinnerVariants\n>;\n\nexport const Spinner = ({ asChild, ...props }: SpinnerProps) => {\n const [variants, rest] = extractVariantsFromProps(\n props,\n ...spinnerRecipe.variants(),\n );\n const spinner = spinnerRecipe(variants);\n const Comp = asChild ? Slot : defaultElement;\n\n return (\n <Comp {...rest} className={mergeClasses(spinner, rest.className)}>\n {rest.children}\n </Comp>\n );\n};\n","import 'src/theme/recipes/button.css.ts.vanilla.css?source=#H4sIAAAAAAAAA71YTW/jNhC9769QDwUSoFzYzm4+1EsXvey9hz0aFDWSmFCkSlKOnSL/vSAlWZQsW6RiBAasiJ6ZN3ozHOrla1JrLfh2W9C7A16tov++RBFmLI5qrkD/ae9ozhHVUKo4IsA1SLOciD1S9I3yPI4SIVOQKBF780utQCIFDIiOIy44mMWUqorhQxxRzigHlDGwxuaKVCEpf4mjlVl5rpWm2QERwTVw7WKiV0heqEYaV6igecFoXmhEBBMyjmSe4JvVH/Zza0MLrlGGS8oOcbTD8gYhs6SQhr3ebtdPPIHHdJPR3voVTETX+pddUaiElNal4yV6rx2WFHONeF2CpCSONE5qhqVZUMZKS8wV1VTw2JAbrVcr88P7l68j+uM4gUxIsGU4x/CUG840yFCvQuxaJ1JLZTisBG24nrBOqcIJg7RBweQll6LmaUd/Q5m9UUgxrKH53hw5Wx+eb4+dU+BUvJpuUKCjlf2sq/1ElB/t5aGP89bUdwb40QGuGof2KbnQCDMmXiE1y+1DI9gB16pr2Z6BrGbsF011sdWyho6QteXh1azHpqC/T7tkmKmjz8b1aTdY78QETinPByh3TXmaJ7VtVGEJXEe/0bISUmM+CKHoG2zXnfO3tiFsE0ic0lp1dJk7itZ9P+eFpagYbAATTqHvjhWxVhVOTaaIQdbbVpgAcqo9sJSDsJOmdisZRHf7/WMz6PN8sqZ2gvikOmJm0zHzfY6ZjROInmXm3rFKZ5i5623nmBmbXmCmN03OMWOWfrZTzEk4253yc9fxc38dfh4cK5jh59vR9m6On7HpBX56U3K5c8ap9sy0031bSVpieegoerg4BxWUmGtK/m7GUuvbXfusNoSdzrLLzmtn1xLllaoz6Zcl7OwrUvpBYqLpDj6A6fQq4ZOYCojgqYP6GAJ39O7/curSTprAAG5t0twz6fDqTCA7FUqxL3B4jSaQnTrZIXSKLGpt9l2H+3QG0Dne/F4TRrk1GMf5Nr2Lx7mEk++k+dP4OpCZH2Q47Q7mD+vsgE63WV4IpTtI7MP4XIxPYGoE+Bk8gZRCdpBJCJb1bL7dubGfnRuOozsv4JtHguFFcNDcGXHwAQsvgIPmzoW36YlUEwJKdXgkaBA1vt3VqQDMn6gj50EVpk/UcaoLZvYQ06kFTJ+oJ5ALpvUQ06kIDE9UG2ogPNK5N0AjcZx3JmHj/WVkMo4UkQA8wjyNbkrKUat4Hu4fq/2tDXwqlFQ5wG+ecySwouj9nO9AZ2VD5+O/MlzvTm2NcPPWdUZyDWPZl2dV9sqraKMEaS9f9RWiv4IUWJAGC1Bh02QdxRidJ+tUbvgKshBJFiTKgmRZsDCbpuyoz56vR9mpRgtRaUE6LUipBWi1IVnH+VmORclLx9qVRNvHZJt31s5Zcy395o/tHDrXEnJnwU8UCgvD9VJ0H9d0AfkvKZ2HuAvJYEkBPVTe2RRGaqc8izySe9cRfN5pLanMjJ7xx15SkzlpcxZ9IKq4bzm8gn0miSPkT6VwIItEGOhFmbhcKHrmuqRCFxSjL+qS6lyQjufn3VAjVYFjbk5DfkxFeme96JS4LCf9sRedD5d15RC80ZYjmfXv/AvshMA0gd//B6jO1lmzHgAA';\nimport { createRuntimeFn as _dc746 } from 'homemade-recipes/createRuntimeFn';\nexport var buttonRecipe = _dc746((function(){var x={defaultClassName:'button__hi3ya00',variantClassNames:{fullWidth:{true:'button_fullWidth_true__hi3ya01',false:'button_fullWidth_false__hi3ya02'},loading:{true:'button_loading_true__hi3ya03'},size:{'1':'button_size_1__hi3ya04','2':'button_size_2__hi3ya05','3':'button_size_3__hi3ya06'},variant:{primary:'button_variant_primary__hi3ya07',secondary:'button_variant_secondary__hi3ya08',outline:'button_variant_outline__hi3ya09',ghost:'button_variant_ghost__hi3ya0a',error:'button_variant_error__hi3ya0b',success:'button_variant_success__hi3ya0c'},round:{true:'button_round_true__hi3ya0d'}},defaultVariants:{size:'2',variant:'primary'},compoundVariants:[],responsiveVariantClassNames:{initial:undefined,sm:{fullWidth:{true:'button_fullWidth_sm_true__hi3ya0e',false:'button_fullWidth_sm_false__hi3ya0f'},loading:{true:'button_loading_sm_true__hi3ya0g'},size:{'1':'button_size_sm_1__hi3ya0h','2':'button_size_sm_2__hi3ya0i','3':'button_size_sm_3__hi3ya0j'},variant:{primary:'button_variant_sm_primary__hi3ya0k',secondary:'button_variant_sm_secondary__hi3ya0l',outline:'button_variant_sm_outline__hi3ya0m',ghost:'button_variant_sm_ghost__hi3ya0n',error:'button_variant_sm_error__hi3ya0o',success:'button_variant_sm_success__hi3ya0p'},round:{true:'button_round_sm_true__hi3ya0q'}}},conditionNames:['sm'],conditions:{xs:'520px',sm:'768px',md:'1024px',lg:'1280px',xl:'1640px'},identifier:'homemade-recipe__lb053z0',cssCache:[]};x.responsiveVariantClassNames.initial=x.variantClassNames;return x;}()));"],"mappings":"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","names":["_dc746","import_createRuntimeFn","_dc746","import_react_slot","import_jsx_runtime","defaultElement"]}
1
+ {"version":3,"sources":["../../src/components/button.tsx","../../src/theme/recipes/spinner.css.ts","../../src/utils/omit.ts","../../src/utils/pick.ts","../../src/utils/extract-variants.ts","../../src/utils/merge-classes.ts","../../src/components/spinner.tsx","../../src/theme/recipes/button.css.ts"],"sourcesContent":["import { Spinner } from \"@/components/spinner\";\nimport {\n ButtonVariants,\n buttonIconRecipe,\n buttonRecipe,\n buttonSpinner,\n} from \"@/theme/recipes/button.css\";\nimport { ComponentProps } from \"@/types/component-props\";\nimport { extractVariantsFromProps } from \"@/utils/extract-variants\";\nimport { mergeClasses } from \"@/utils/merge-classes\";\nimport { Slot } from \"@radix-ui/react-slot\";\n\nconst defaultElement = \"button\";\n\nexport type ButtonProps = ComponentProps<\n typeof defaultElement,\n ButtonVariants\n> & {\n leftIcon?: React.ReactNode;\n rightIcon?: React.ReactNode;\n};\n\nexport const Button = ({\n asChild,\n leftIcon,\n rightIcon,\n ...props\n}: ButtonProps) => {\n const [variants, rest] = extractVariantsFromProps(\n props,\n ...buttonRecipe.variants(),\n );\n const button = buttonRecipe(variants);\n const Comp = asChild ? Slot : defaultElement;\n\n const buttonIcon = buttonIconRecipe({\n size: variants.size,\n });\n\n return (\n <Comp\n {...rest}\n className={mergeClasses(button, rest.className)}\n disabled={rest.disabled || Boolean(variants.loading)}\n {...(leftIcon && { \"data-left-icon\": \"\" })}\n {...(rightIcon && { \"data-right-icon\": \"\" })}\n >\n {leftIcon && <Slot className={buttonIcon}>{leftIcon}</Slot>}\n\n {rest.children}\n\n {rightIcon && <Slot className={buttonIcon}>{rightIcon}</Slot>}\n\n {variants.loading && <Spinner className={buttonSpinner} />}\n </Comp>\n );\n};\n","import 'src/theme/animations/spin.css.ts.vanilla.css?source=QGtleWZyYW1lcyBzcGluX3NwaW5fXzkxZzI5NTAgewogIHRvIHsKICAgIHRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7CiAgfQp9';\nimport 'src/theme/recipes/spinner.css.ts.vanilla.css?source=#H4sIAAAAAAAAA33P0W7CIBTG8fs+BZfbBUZqq6Ve7kEIFqwn6aAB3NTFd1/qJiMnObtp0uR/vl9YxRmcs0Ep0V5uw1Wu2VfFmHbwrhN417MlUI+PkmKsZbtmqy6yCZzVgYE7goNk9xVjBx+MDT0T84VFP4FhHzq8cD74yYfI46ST/fk2SgnpDrYz4jq9/t3yoA2cY/97uPwBD/7sTD6oR1ceJD+X4HAOwbr0toj76l6tns+LcLNK5FeKxytPFsZTempLErkopO4hfYJJp/8jDNUZqkmoLjYkBeEIQ5sMbUhoU2xoCsIRhpoMNSTUFBsHCsIRhtoMtSTUFhsDBeEIQ9sMbUloW2wYCsIRhnYZ2pHQrtiwFIQjDHUZ6kioKzaOFIQjDMkMSRKSxcZIQTi6fwMe8qCrjwQAAA==';\nimport { createRuntimeFn as _dc746 } from 'homemade-recipes/createRuntimeFn';\nexport var spinnerRecipe = _dc746((function(){var x={defaultClassName:'spinner__15xzcy90',variantClassNames:{size:{'1':'spinner_size_1__15xzcy91','2':'spinner_size_2__15xzcy92','3':'spinner_size_3__15xzcy93','4':'spinner_size_4__15xzcy94','5':'spinner_size_5__15xzcy95','6':'spinner_size_6__15xzcy96','7':'spinner_size_7__15xzcy97','8':'spinner_size_8__15xzcy98','9':'spinner_size_9__15xzcy99'}},defaultVariants:{size:'3'},compoundVariants:[],responsiveVariantClassNames:{initial:undefined},conditionNames:[],conditions:{xs:'520px',sm:'768px',md:'1024px',lg:'1280px',xl:'1640px'},identifier:'homemade-recipe__lb053z0',cssCache:[]};x.responsiveVariantClassNames.initial=x.variantClassNames;return x;}()));","export function omit<T, K extends keyof T>(obj: T, ...keys: K[]): Omit<T, K> {\n const ret = { ...obj };\n keys.forEach((key) => {\n delete ret[key];\n });\n\n return ret;\n}\n","/**\n * https://stackoverflow.com/a/47232883\n */\nexport function pick<T, K extends keyof T>(obj: T, ...keys: K[]): Pick<T, K> {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n const ret: any = {};\n keys.forEach((key) => {\n ret[key] = obj[key];\n });\n\n return ret;\n}\n","import { omit } from \"./omit\";\nimport { pick } from \"./pick\";\n\n/**\n * TODO\n * @param obj\n * @param keys\n * @returns [variants, props]\n */\nexport function extractVariantsFromProps<T, K extends keyof T>(\n obj: T,\n ...keys: K[]\n): [Pick<T, K>, Omit<T, K>] {\n const variants = pick(obj, ...keys);\n const rest = omit(obj, ...keys);\n\n return [variants, rest];\n}\n","export function mergeClasses(...classes: (string | undefined)[]): string {\n return classes.filter((cls): cls is string => Boolean(cls)).join(\" \");\n}\n","import { SpinnerVariants, spinnerRecipe } from \"@/theme/recipes/spinner.css\";\nimport { ComponentProps } from \"@/types/component-props\";\nimport { extractVariantsFromProps } from \"@/utils/extract-variants\";\nimport { mergeClasses } from \"@/utils/merge-classes\";\nimport { Slot } from \"@radix-ui/react-slot\";\n\nconst defaultElement = \"div\";\n\nexport type SpinnerProps = ComponentProps<\n typeof defaultElement,\n SpinnerVariants\n>;\n\nexport const Spinner = ({ asChild, ...props }: SpinnerProps) => {\n const [variants, rest] = extractVariantsFromProps(\n props,\n ...spinnerRecipe.variants(),\n );\n const spinner = spinnerRecipe(variants);\n const Comp = asChild ? Slot : defaultElement;\n\n return (\n <Comp {...rest} className={mergeClasses(spinner, rest.className)}>\n {rest.children}\n </Comp>\n );\n};\n","import 'src/theme/recipes/button.css.ts.vanilla.css?source=#H4sIAAAAAAAAA71YTW/jNhC951eohwIJUC5sJ5sP7aWLXva+hz0UhUFJlMSEIlWScuwU+e8FqS9KlkRSMQIDVszMzBvNI4fk+xJVUjK63+f49gQ3m+C/qyCAhIRBRQWS3/QvnFGAJSpEGMSISsTVcMSOQOA3TLMwiBhPEAcRO6r/VAJxIBBBsQwDyihSgwkWJYGnMMCUYIpASpA2Vk8gco7pSxhs1MhzJSROTyBmVCIqTUzwiqIXLIGEJchxlhOc5RLEjDAeBjyL4PXmD/250aEZlSCFBSanMDhAfg2AGhJAoqPc77dPNEKPyS7FvfUrUhFN6196RIACJbgqDC/Wex0gx5BKQKsCcRyHgYRRRSBXA0JZSQ6pwBIzGqriBtvNpv5HydphjgiU+IC+Xb1ffRmREoYRShlHmpy5uk+5wVQi7uuVs0PjFFdcqMqWDNcMTFgnWMCIoKRGgfFLxllFk5aUupD6hwCCQInq711Xye3p+aabTzlM2KuaIwLJYKM/2/I4EeV783jo47zVrFuAHw3gsnZo3pIyCSAh7BUlNTX6pQE6ICpFO5H7CqQVIb9wIvO95BVqC7LVdXhV46Gi+fdplxQS0fnsTJ9m2fVOhMEE02yAclvTU7+pnlwl5IjK4DdclIxLSAchBH5D+23rfNdMCD0JOExwJdpyqV8YbPtZnuW6RPlgWahwAnw1rGJtVcJEZQoISnvbEsYIGGwPLPkg7KSpXmAK0VyUP3UGfZ5P2lT3FZdUZyvzdwIl1PkDHDP6j67U8LU2Vnf9UhP+zcueB9i1Ab7amNkZL4Jnmbk3rBILM7e9rY2ZsekCM71pNMeMGvrR9FYj4fRwzk9fHwd+zIz7CbKxR7XQ5hz3to17fxk2HwwrZGHzrrO9tbE5Nl1gszeNl9fZONXZynjyOOwJlqgePM7FbfbzfclxAfmpBXhY3OMEKiCVOP6r3nIa3/bZ13AXk/N9atl5a3TkWDilauzi6xI2emZcuEHCWB1gPoBp9IGYTmIKFDOaGKiPPnCdd/+XwUuzi3gGMLlJMsek/dmZQDYYSqArsD9HE8gGT7rBnyOzSqou0eI+zQAaRxe3I+Aotxqj2zuQUy7+xTfS/KF8DcjUDdK/7Abmd+1sgE5PsyxnQraQ0KXithifUKkR4GfUCXHOeAsZ+WBpz/rb7BtHa98wHM1+ge4cEvQnwUAze8TJBcyfAAPN7Atv0x2pimMkRIsXezWi2rd9Ggwg+446ch6wML2jjlNd0bOHmAYXaHpHPYNc0a2HmAYjaLij6lCDS2ViO6+q66txwmM3E4JAXaAC8gxT64m8M/Q9Y3dXLqHh8jPVpj649uc7qNGaK/ay2dw1QS5Cjc/IM1BDs7mTbLUI1c+jZAlqaNZD1Y+fJaYUdQv/UB+VOzUKRoKRSmrlrrv3BkF/hW2pCwNYSabi/6kUMhiImCNEA0iT4LrAFDTZPdw/lscbjXKuhohiMBHrCT9SUYLgfc53IKakQ+dOxTS9W0llhJs1rhZdZRhLMyeKfkrmTRQvgcVVYvERWbxkFi+hxUNqsRVr8iY4obm4xRnf/abEl+lI3TLHdvrO7+2uOoyPEuOlxXipMd56jK1kTiQubQMu4a3c+gJ07fb5cpSfizU+co2XYOMl2XiINrZieZM9bjUu4b3IXgLojlbFWK94aVm/kJ7zMUXHOWvjGHopaccd2ziPXkrjmQU/Ey+IH66T2PNxuccj/zXUOeg+PhmsIdBBAJpNYSSEFLPIIyXoMlqQc1prmLFIHe7YazixqR6z6AO9hbrS4RTsM4s4Qv7UEg4UE+YHuqggrdeQHHNdw9CCmOSKuoadBVVpvt8N5ZPSs83Z5KWPCUzOWa/aJZaVJnfsVfvDsuQ0BK9lp9HF+1/7AXxCe1KB3/8HFfstHsAkAAA=';\nimport { createRuntimeFn as _dc746 } from 'homemade-recipes/createRuntimeFn';\nexport var buttonIconRecipe = _dc746((function(){var x={defaultClassName:'button__hi3ya0r',variantClassNames:{size:{'1':'button_size_1__hi3ya0s','2':'button_size_2__hi3ya0t','3':'button_size_3__hi3ya0u'}},defaultVariants:{},compoundVariants:[],responsiveVariantClassNames:{initial:undefined},conditionNames:[],conditions:{xs:'520px',sm:'768px',md:'1024px',lg:'1280px',xl:'1640px'},identifier:'homemade-recipe__lb053z0',cssCache:[]};x.responsiveVariantClassNames.initial=x.variantClassNames;return x;}()));\nexport var buttonRecipe = _dc746((function(){var x={defaultClassName:'button__hi3ya00',variantClassNames:{fullWidth:{true:'button_fullWidth_true__hi3ya01',false:'button_fullWidth_false__hi3ya02'},loading:{true:'button_loading_true__hi3ya03'},size:{'1':'button_size_1__hi3ya04','2':'button_size_2__hi3ya05','3':'button_size_3__hi3ya06'},variant:{primary:'button_variant_primary__hi3ya07',secondary:'button_variant_secondary__hi3ya08',outline:'button_variant_outline__hi3ya09',ghost:'button_variant_ghost__hi3ya0a',error:'button_variant_error__hi3ya0b',success:'button_variant_success__hi3ya0c'},round:{true:'button_round_true__hi3ya0d'}},defaultVariants:{size:'2',variant:'primary'},compoundVariants:[],responsiveVariantClassNames:{initial:undefined,sm:{fullWidth:{true:'button_fullWidth_sm_true__hi3ya0e',false:'button_fullWidth_sm_false__hi3ya0f'},loading:{true:'button_loading_sm_true__hi3ya0g'},size:{'1':'button_size_sm_1__hi3ya0h','2':'button_size_sm_2__hi3ya0i','3':'button_size_sm_3__hi3ya0j'},variant:{primary:'button_variant_sm_primary__hi3ya0k',secondary:'button_variant_sm_secondary__hi3ya0l',outline:'button_variant_sm_outline__hi3ya0m',ghost:'button_variant_sm_ghost__hi3ya0n',error:'button_variant_sm_error__hi3ya0o',success:'button_variant_sm_success__hi3ya0p'},round:{true:'button_round_sm_true__hi3ya0q'}}},conditionNames:['sm'],conditions:{xs:'520px',sm:'768px',md:'1024px',lg:'1280px',xl:'1640px'},identifier:'homemade-recipe__lb053z0',cssCache:[]};x.responsiveVariantClassNames.initial=x.variantClassNames;return x;}()));\nexport var buttonSpinner = 'button_buttonSpinner__hi3ya0v';"],"mappings":"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","names":["_dc746","import_createRuntimeFn","_dc746","import_react_slot","import_jsx_runtime","defaultElement"]}
package/dist/components/button.mjs CHANGED
@@ -1,7 +1,7 @@
1
1
  import {
2
2
  Button
3
- } from "../chunk-SG7GE2WP.mjs";
4
- import "../chunk-MJK5V5VM.mjs";
3
+ } from "../chunk-OWCOYR6H.mjs";
4
+ import "../chunk-4JJB6DUF.mjs";
5
5
  import "../chunk-VW4CTCZL.mjs";
6
6
  import "../chunk-URGU4MLN.mjs";
7
7
  import "../chunk-UPZYS6TE.mjs";