globalfy-design-system 1.3.0 → 1.5.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 (12) hide show
  1. package/dist/components/atoms/Button/Button.d.ts +3 -2
  2. package/dist/components/atoms/Button/Button.stories.d.ts +0 -1
  3. package/dist/components/atoms/Button/SpinnerIcon.d.ts +111 -0
  4. package/dist/fonts/icomoon.eot +0 -0
  5. package/dist/fonts/icomoon.svg +1 -0
  6. package/dist/fonts/icomoon.ttf +0 -0
  7. package/dist/fonts/icomoon.woff +0 -0
  8. package/dist/globalfy-design-system.js +163 -68
  9. package/dist/globalfy-design-system.umd.cjs +1 -1
  10. package/dist/selection.json +122 -96
  11. package/dist/style.css +1 -1
  12. package/package.json +1 -1
package/dist/components/atoms/Button/Button.d.ts CHANGED
@@ -1,6 +1,7 @@
1
- /// <reference types="react" />
1
+ import { ButtonProps as NextUIButtonProps } from '@nextui-org/react';
2
+
2
3
  export type ButtonVariant = "primaryDark" | "primaryLight" | "primary" | "negative" | "secondaryNegative" | "secondary" | "tertiary" | "tertiaryDark" | "tertiaryLight" | "direction" | "directionCircle" | "icon";
3
- export type ButtonProps = {
4
+ export type ButtonProps = Omit<NextUIButtonProps, "variant" | "size"> & {
4
5
  children: React.ReactNode;
5
6
  iconLeft?: React.ReactNode;
6
7
  iconRight?: React.ReactNode;
package/dist/components/atoms/Button/Button.stories.d.ts CHANGED
@@ -9,5 +9,4 @@ export declare const Variants: Story;
9
9
  export declare const Sizes: Story;
10
10
  export declare const Loading: Story;
11
11
  export declare const Disabled: Story;
12
- export declare const LoadingDisabled: Story;
13
12
  export declare const SimulateLoading: Story;
package/dist/components/atoms/Button/SpinnerIcon.d.ts ADDED
@@ -0,0 +1,111 @@
1
+ import { VariantProps } from 'tailwind-variants';
2
+
3
+ declare const iconLoadingVariants: import('tailwind-variants').TVReturnType<{
4
+ variant: {
5
+ primaryDark: string;
6
+ primaryLight: string;
7
+ primary: string;
8
+ negative: string;
9
+ secondaryNegative: string;
10
+ secondary: string;
11
+ tertiary: string;
12
+ tertiaryDark: string;
13
+ tertiaryLight: string;
14
+ direction: string;
15
+ directionCircle: string;
16
+ icon: string;
17
+ };
18
+ }, undefined, "h-5 w-5 animate-spin", import('tailwind-variants/dist/config.js').TVConfig<{
19
+ variant: {
20
+ primaryDark: string;
21
+ primaryLight: string;
22
+ primary: string;
23
+ negative: string;
24
+ secondaryNegative: string;
25
+ secondary: string;
26
+ tertiary: string;
27
+ tertiaryDark: string;
28
+ tertiaryLight: string;
29
+ direction: string;
30
+ directionCircle: string;
31
+ icon: string;
32
+ };
33
+ }, {
34
+ variant: {
35
+ primaryDark: string;
36
+ primaryLight: string;
37
+ primary: string;
38
+ negative: string;
39
+ secondaryNegative: string;
40
+ secondary: string;
41
+ tertiary: string;
42
+ tertiaryDark: string;
43
+ tertiaryLight: string;
44
+ direction: string;
45
+ directionCircle: string;
46
+ icon: string;
47
+ };
48
+ }>, {
49
+ variant: {
50
+ primaryDark: string;
51
+ primaryLight: string;
52
+ primary: string;
53
+ negative: string;
54
+ secondaryNegative: string;
55
+ secondary: string;
56
+ tertiary: string;
57
+ tertiaryDark: string;
58
+ tertiaryLight: string;
59
+ direction: string;
60
+ directionCircle: string;
61
+ icon: string;
62
+ };
63
+ }, undefined, import('tailwind-variants').TVReturnType<{
64
+ variant: {
65
+ primaryDark: string;
66
+ primaryLight: string;
67
+ primary: string;
68
+ negative: string;
69
+ secondaryNegative: string;
70
+ secondary: string;
71
+ tertiary: string;
72
+ tertiaryDark: string;
73
+ tertiaryLight: string;
74
+ direction: string;
75
+ directionCircle: string;
76
+ icon: string;
77
+ };
78
+ }, undefined, "h-5 w-5 animate-spin", import('tailwind-variants/dist/config.js').TVConfig<{
79
+ variant: {
80
+ primaryDark: string;
81
+ primaryLight: string;
82
+ primary: string;
83
+ negative: string;
84
+ secondaryNegative: string;
85
+ secondary: string;
86
+ tertiary: string;
87
+ tertiaryDark: string;
88
+ tertiaryLight: string;
89
+ direction: string;
90
+ directionCircle: string;
91
+ icon: string;
92
+ };
93
+ }, {
94
+ variant: {
95
+ primaryDark: string;
96
+ primaryLight: string;
97
+ primary: string;
98
+ negative: string;
99
+ secondaryNegative: string;
100
+ secondary: string;
101
+ tertiary: string;
102
+ tertiaryDark: string;
103
+ tertiaryLight: string;
104
+ direction: string;
105
+ directionCircle: string;
106
+ icon: string;
107
+ };
108
+ }>, unknown, unknown, undefined>>;
109
+ type SpinIconProps = React.SVGProps<SVGSVGElement> & VariantProps<typeof iconLoadingVariants>;
110
+ export declare const SpinnerIcon: (props: SpinIconProps) => import("react/jsx-runtime").JSX.Element;
111
+ export {};
package/dist/fonts/icomoon.eot CHANGED
Binary file
package/dist/fonts/icomoon.svg CHANGED
@@ -37,4 +37,5 @@
37
37
  <glyph unicode="&#xe91b;" glyph-name="Request" horiz-adv-x="1067" d="M1020.198-12.966l-32.098 96.299c-4.634 13.935-17.668 23.334-32.367 23.334-18.833 0-34.133 15.317-34.133 34.133 0 18.85-15.266 34.133-34.133 34.133h-341.333v34.133h375.467c18.867 0 34.133 15.283 34.133 34.133s-15.266 34.133-34.133 34.133h-0.367c-4.066 188.382-48.969 363.6-375.1 374.883v34.717c18.867 0 34.133 15.283 34.133 34.133s-15.266 34.133-34.133 34.133h-68.267c-18.85 0-34.133-15.283-34.133-34.133s15.283-34.133 34.133-34.133v-34.717c-326.118-11.284-371.052-186.502-375.101-374.883h-0.367c-18.85 0-34.133-15.283-34.133-34.133s15.283-34.133 34.133-34.133h375.468v-34.133h-341.335c-18.85 0-34.133-15.283-34.133-34.133 0-18.816-15.317-34.133-34.133-34.133-14.7 0-27.734-9.399-32.384-23.334l-34.133-102.4c-3.467-10.415-1.717-21.85 4.7-30.75 6.417-8.917 16.717-14.182 27.683-14.182h955.735c0.201 0.017 0.465 0.034 0.666 0 18.867 0 34.133 15.283 34.133 34.133 0 6.148-1.6 11.917-4.467 16.9zM512 584.533c297.297 0 337.267-130.799 341.001-307.2h-681.985c3.717 176.401 43.683 307.2 340.985 307.2zM81.482 4.267l12.467 37.402c33 8.55 59.583 33.182 70.867 64.998h694.351c11.298-31.817 37.867-56.448 70.865-64.998l12.467-37.402h-861.016zM773.73 388.301c4.736-18.236-6.199-36.868-24.465-41.6-2.867-0.751-5.769-1.101-8.602-1.101-15.164 0-28.996 10.185-32.998 25.566-9.331 35.883-25.532 66.266-130.099 74.551-18.799 1.498-32.819 17.933-31.334 36.732 1.502 18.786 17.434 32.785 36.732 31.334 114.735-9.101 170.001-45.449 190.767-125.483zM477.867 857.6v68.267c0 18.85 15.283 34.133 34.133 34.133s34.133-15.283 34.133-34.133v-68.267c0-18.85-15.283-34.133-34.133-34.133s-34.133 15.283-34.133 34.133zM112.399 799.334c-13.333 13.333-13.333 34.933 0 48.266s34.933 13.333 48.267 0l34.133-34.133c13.333-13.333 13.333-34.933 0-48.267-6.667-6.667-15.4-10-24.133-10s-17.467 3.333-24.134 10l-34.133 34.134zM829.197 765.2c-13.333 13.333-13.333 34.933 0 48.267l34.133 34.133c13.333 13.333 34.935 13.333 48.269 0s13.333-34.933 0-48.266l-34.133-34.134c-6.669-6.667-15.398-10-24.132-10s-17.468 3.333-24.137 10z" />
38
38
  <glyph unicode="&#xe91c;" glyph-name="image-broken" horiz-adv-x="1050" d="M1034.752 317.952l-128 130.048c-4.759 4.8-10.422 8.607-16.66 11.208-6.241 2.598-12.933 3.937-19.692 3.937s-13.45-1.339-19.689-3.937c-6.241-2.601-11.904-6.408-16.663-11.208l-142.848-145.408-142.848 145.408c-4.759 4.8-10.422 8.607-16.66 11.208-6.241 2.598-12.933 3.937-19.692 3.937s-13.45-1.339-19.689-3.937c-6.241-2.601-11.904-6.408-16.663-11.208l-117.248-119.808-117.248 119.808c-4.76 4.8-10.422 8.607-16.662 11.208-6.239 2.598-12.931 3.937-19.69 3.937s-13.451-1.339-19.69-3.937c-6.239-2.601-11.902-6.408-16.662-11.208l-128-128c-4.661-4.869-8.315-10.611-10.752-16.896-2.623-6.154-4.015-12.764-4.096-19.456v-194.048c0-40.737 16.183-79.805 44.988-108.611 28.806-28.808 67.875-44.989 108.612-44.989h716.8c40.737 0 79.805 16.182 108.611 44.989 28.808 28.805 44.989 67.873 44.989 108.611v192c-0.082 6.692-1.472 13.302-4.096 19.456-2.437 6.285-6.090 12.027-10.752 16.896zM947.2 89.6c0-13.578-5.394-26.601-14.996-36.204s-22.625-14.996-36.204-14.996h-716.8c-13.579 0-26.602 5.394-36.204 14.996s-14.996 22.625-14.996 36.204v171.008l76.8 76.8 117.248-117.76c4.759-4.8 10.422-8.607 16.663-11.208 6.239-2.598 12.931-3.937 19.689-3.937s13.45 1.339 19.692 3.937c6.239 2.601 11.901 6.408 16.66 11.208l117.248 117.76 142.848-145.408c4.759-4.8 10.422-8.607 16.663-11.208 6.239-2.598 12.931-3.937 19.689-3.937s13.45 1.339 19.692 3.937c6.239 2.601 11.901 6.408 16.66 11.208l142.848 143.36 76.8-76.8v-168.96zM896 960h-716.8c-40.737 0-79.806-16.183-108.612-44.988s-44.988-67.874-44.988-108.612v-269.312c-0.533-4.593-0.533-9.231 0-13.824 0 0 0-3.584 0-5.12 3.206-8.008 8.382-15.073 15.048-20.547 6.666-5.471 14.607-9.17 23.085-10.752 8.478-1.585 17.218-1.001 25.41 1.697 8.192 2.696 15.57 7.419 21.449 13.729l94.208 91.136 117.248-117.76c4.759-4.8 10.422-8.607 16.663-11.208 6.239-2.598 12.931-3.937 19.689-3.937s13.45 1.339 19.692 3.937c6.239 2.601 11.901 6.408 16.66 11.208l117.248 117.76 142.848-145.408c4.759-4.8 10.422-8.607 16.663-11.208 6.239-2.598 12.931-3.937 19.689-3.937s13.45 1.339 19.692 3.937c6.239 2.601 11.901 6.408 16.66 11.208l142.848 143.36 90.624-91.136c5.88-6.31 13.258-11.034 21.448-13.729 8.192-2.698 16.934-3.282 25.411-1.697 8.479 1.582 16.42 5.281 23.086 10.752 6.666 5.473 11.843 12.539 15.048 20.547 0.248 1.526 0.248 3.082 0 4.608 1.8 4.58 2.836 9.421 3.072 14.336v271.36c0 40.649-16.113 79.64-44.808 108.431s-67.633 45.033-108.28 45.169zM947.2 660.992l-40.448 43.008c-4.759 4.799-10.422 8.608-16.66 11.207-6.241 2.599-12.933 3.938-19.692 3.938s-13.45-1.338-19.689-3.938c-6.241-2.599-11.904-6.408-16.663-11.207l-142.848-145.408-142.848 145.408c-4.759 4.799-10.422 8.608-16.66 11.207-6.241 2.599-12.933 3.938-19.692 3.938s-13.45-1.338-19.689-3.938c-6.241-2.599-11.904-6.408-16.663-11.207l-117.248-119.808-117.248 119.808c-4.76 4.799-10.422 8.608-16.662 11.207s-12.931 3.938-19.69 3.938c-6.759 0-13.451-1.338-19.69-3.938s-11.902-6.408-16.662-11.207l-40.448-43.008v145.408c0 13.579 5.394 26.602 14.996 36.204s22.625 14.996 36.204 14.996h716.8c13.578 0 26.601-5.394 36.204-14.996s14.996-22.625 14.996-36.204v-145.408z" />
39
39
  <glyph unicode="&#xe91d;" glyph-name="refresh" d="M443.974 733.547c50.614 11.452 103.302 9.896 153.152-4.523s95.238-41.232 131.92-77.934c0.454-0.454 0.918-0.902 1.386-1.341l77.018-72.366h-90.646c-33.933 0-61.44-27.507-61.44-61.44s27.507-61.44 61.44-61.44h245.757c33.933 0 61.44 27.507 61.44 61.44v245.758c0 33.932-27.507 61.439-61.44 61.439s-61.44-27.507-61.44-61.439v-103.722l-85.872 80.686c-51.232 51.023-114.515 88.307-183.978 108.4-69.789 20.187-143.555 22.365-214.413 6.332s-136.5-49.754-190.802-98.018c-54.301-48.263-95.491-109.496-119.727-177.983-11.319-31.99 5.436-67.098 37.424-78.416 31.988-11.322 67.097 5.434 78.416 37.424 17.311 48.918 46.733 92.656 85.519 127.131s85.675 58.561 136.286 70.012zM61.44 413.539c-33.932 0-61.44-27.51-61.44-61.44v-245.76c0-33.933 27.507-61.44 61.44-61.44s61.44 27.507 61.44 61.44v103.722l85.866-80.685c51.236-51.027 114.509-88.304 183.974-108.403 69.786-20.186 143.558-22.365 214.416-6.33 70.854 16.032 136.499 49.75 190.8 98.016 54.304 48.266 95.488 109.494 119.731 177.981 11.322 31.987-5.43 67.098-37.421 78.419-31.987 11.322-67.094-5.43-78.419-37.418-17.315-48.925-46.736-92.662-85.526-127.139-38.781-34.47-85.667-58.557-136.285-70.010-50.611-11.453-103.302-9.898-153.152 4.522l-99.178 49.507c-11.531 8.666-22.475 18.157-32.737 28.426-0.454 0.454-0.916 0.902-1.385 1.344l-77.016 72.368h90.65c33.931 0 61.438 27.507 61.438 61.44 0 33.93-27.507 61.44-61.438 61.44h-245.759z" />
40
+ <glyph unicode="&#xe91e;" glyph-name="Group" horiz-adv-x="977" d="M247.050 826.718c70.561 41.6 153.442 64.64 233.443 64.64 77.279 0 150.244-20.48 216.962-60.961l-77.279-17.44c-5.599-1.28-10.561-4.64-13.601-9.6-3.039-4.8-4.161-10.72-2.881-16.32 2.239-9.92 10.882-16.96 21.122-16.96 1.597 0 3.198 0.16 4.799 0.48l125.119 28.32h1.443l0.479 0.32c2.239 0.64 4.482 1.76 7.201 3.52 1.759 1.28 3.198 2.72 4.319 4.16 0.321 0.48 0.642 0.96 0.479 0.96l0.642 0.64 0.317 0.64c0.484 0.96 0.801 1.76 0.963 2.56 0.479 1.12 1.117 2.72 1.597 4.48 0.163 1.28 0.321 2.4 0.321 4.16 0.163 0.64 0.163 1.6-0.321 3.68v1.28l-33.918 118.721c-2.723 9.6-11.362 16-20.959 16-2.081 0-4.161-0.32-6.083-0.8-5.599-1.6-10.24-5.28-12.958-10.24-2.881-5.12-3.519-10.88-1.922-16.48l17.603-61.601c-72.164 42.401-150.723 64.001-233.444 64.001-87.841 0-178.562-25.12-255.683-70.721-160.482-95.041-245.123-258.403-220.643-426.403 1.6-10.561 10.72-18.562 21.44-18.562h0.32l2.88 0.158c11.68 1.759 20 12.8 18.24 24.483-21.92 150.401 54.721 296.963 200.003 382.884zM960.842 475.22c-4.161 4.319-9.761 6.717-16.323 6.717-9.919-0.638-20.638-8.96-20.959-21.118-3.682-175.365-92.16-324.487-236.483-398.885-60.802-31.362-126.562-47.36-195.682-47.36-77.441 0-156.802 20.801-230.243 60.481l63.201 10.878c11.68 2.081 19.68 13.279 17.76 25.121-1.76 10.403-10.88 17.92-21.76 17.92 0 0-2.56-0.158-3.040-0.158l-121.602-21.122c-2.4-0.479-4.64-1.438-6.88-2.718l-1.28-0.959c-1.92-1.443-3.36-2.881-4.8-4.641l-0.16-0.163-0.48-0.638-1.28-2.723-0.16-0.638c-0.64-1.28-1.44-2.718-1.76-4.482l-0.16-3.198v-0.642c0-1.438-0.16-2.877 0.32-5.12l30.4-128.638c2.4-10.24 11.040-17.124 21.12-17.124 1.76 0 3.52 0.163 4.96 0.642 11.68 2.718 18.88 14.401 16 26.079l-18.4 77.922c81.601-45.442 170.562-69.441 258.085-69.441 76.158 0 148.638 17.599 215.682 52.159 158.562 81.925 255.683 245.127 259.84 436.489 0.163 5.758-2.076 11.199-5.916 15.36zM667.336 311.636c16.803-3.682 49.441-11.041 49.441-11.041 1.28-0.479 2.723-0.479 4.003-0.479 6.879 0 13.117 3.998 15.677 10.398l23.361 56.962c3.039 7.838 0.321 16.477-6.717 20.797l-43.362 27.201c3.198 21.923 3.198 43.999-0.163 65.922l43.041 27.2c7.042 4.48 9.761 13.28 6.563 20.96l-23.682 56.801c-2.718 6.4-8.639 10.4-15.681 10.4-1.28 0-2.718-0.16-3.84-0.48l-49.599-11.36c-13.279 17.76-28.961 33.441-46.881 46.721l11.199 49.76c1.922 8.16-2.56 16.161-10.077 19.52l-57.121 23.52c-2.081 0.8-4.324 1.28-6.563 1.28-5.921 0-11.199-2.88-14.401-8.16l-26.88-43.201c-10.719 1.6-21.597 2.72-32.317 2.72-11.203 0-22.402-1.28-33.442-2.88l-27.36 43.041c-3.2 4.8-8.48 7.84-14.24 7.84-2.4 0-4.48-0.48-6.56-1.28l-57.121-23.84c-7.68-3.040-11.84-11.36-9.92-19.52l11.36-49.601c-17.92-13.44-33.44-29.12-46.56-47.041-16.96 3.84-49.441 11.2-49.441 11.2-1.44 0.32-2.72 0.48-4 0.48-6.88 0-12.96-4.16-15.521-10.56l-23.52-56.96c-3.040-7.84-0.32-16.48 6.72-20.8l43.041-26.882c-3.040-21.76-3.040-43.999 0.32-66.081l-43.041-27.359c-7.040-4.319-9.76-13.279-6.56-20.801l23.84-56.958c2.72-6.4 8.8-10.403 15.68-10.403 1.44 0 2.72 0.163 3.68 0.479l49.761 11.362c13.28-17.599 28.64-32.801 47.041-46.401l-11.36-49.92c-1.92-8.159 2.56-16.319 10.080-19.521l57.121-23.519c2.080-0.801 4.16-1.28 6.4-1.28 5.92 0 11.2 2.881 14.241 8.001l27.2 43.357c10.72-1.597 21.601-2.718 32.321-2.718 11.199 0 22.398 1.122 33.601 2.881l27.359-43.041c3.039-4.962 8.481-8.001 14.238-8.001 2.243 0 4.482 0.479 6.563 1.438l56.799 23.841c7.838 3.044 11.999 11.362 9.919 19.521l-11.357 49.603c17.599 13.117 33.117 28.798 46.718 46.881zM606.059 397.554c-13.601-32.801-38.884-58.401-71.522-72.001-16.323-6.879-33.601-10.24-51.042-10.24-17.282 0-34.241 3.361-50.401 9.919-32.801 13.601-58.401 38.884-72.001 71.522-13.76 32.801-13.76 68.803-0.32 101.603 13.6 32.64 38.88 58.241 71.521 71.841 16.48 6.88 33.602 10.24 51.043 10.24 17.436 0 34.397-3.2 50.399-9.92 32.801-13.601 58.401-38.881 72.001-71.521 13.601-32.639 13.601-68.8 0.321-101.442z" />
40
41
  </font></defs></svg>
package/dist/fonts/icomoon.ttf CHANGED
Binary file
package/dist/fonts/icomoon.woff CHANGED
Binary file
package/dist/globalfy-design-system.js CHANGED
@@ -43559,7 +43559,67 @@ const qm0 = ({
43559
43559
  ] }, d.id))
43560
43560
  }
43561
43561
  ), BF = w0({
43562
- base: "relative !overflow-hidden rounded-full border-transparent px-10 py-4 font-bold text-white !ring-0 !ring-transparent hover:text-white focus:outline focus:outline-2 focus:-outline-offset-4 focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-4 focus-visible:outline-white",
43562
+ base: "h-5 w-5 animate-spin",
43563
+ variants: {
43564
+ variant: {
43565
+ primaryDark: "text-primary-green-500",
43566
+ primaryLight: "text-secondary-green-500",
43567
+ primary: "text-white",
43568
+ negative: "text-white",
43569
+ secondaryNegative: "text-complementary-red-700",
43570
+ secondary: "text-secondary-green-500",
43571
+ tertiary: "text-primary-green-500",
43572
+ tertiaryDark: "text-secondary-green-500",
43573
+ tertiaryLight: "text-primary-green-500",
43574
+ direction: "text-white",
43575
+ directionCircle: "text-white",
43576
+ icon: "text-primary-green-500"
43577
+ }
43578
+ }
43579
+ }), OF = (e) => /* @__PURE__ */ V.jsxs(
43580
+ "svg",
43581
+ {
43582
+ xmlns: "http://www.w3.org/2000/svg",
43583
+ fill: "none",
43584
+ viewBox: "0 0 24 24",
43585
+ ...e,
43586
+ className: Me(
43587
+ BF({ variant: e.variant }),
43588
+ e.className
43589
+ ),
43590
+ children: [
43591
+ /* @__PURE__ */ V.jsx(
43592
+ "circle",
43593
+ {
43594
+ className: "opacity-25",
43595
+ cx: "12",
43596
+ cy: "12",
43597
+ r: "10",
43598
+ stroke: "currentColor",
43599
+ "stroke-width": "4"
43600
+ }
43601
+ ),
43602
+ /* @__PURE__ */ V.jsx(
43603
+ "path",
43604
+ {
43605
+ className: "opacity-75",
43606
+ fill: "currentColor",
43607
+ d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
43608
+ }
43609
+ )
43610
+ ]
43611
+ }
43612
+ ), $F = w0({
43613
+ base: [
43614
+ // "important"
43615
+ "!overflow-hidden !ring-0 !ring-transparent",
43616
+ // default
43617
+ "relative rounded-full border border-transparent px-10 py-4 font-bold text-white",
43618
+ // hover
43619
+ "hover:text-white",
43620
+ // focus
43621
+ "focus:outline focus:outline-2 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2"
43622
+ ].join(" "),
43563
43623
  variants: {
43564
43624
  size: {
43565
43625
  small: "h-9",
@@ -43567,18 +43627,102 @@ const qm0 = ({
43567
43627
  large: "h-14"
43568
43628
  },
43569
43629
  variant: {
43570
- primaryDark: "bg-white text-primary-green-500 hover:bg-secondary-green-500 focus:bg-secondary-green-500 focus:text-white focus:outline-primary-green-500",
43571
- primaryLight: "bg-primary-green-500 hover:bg-white hover:text-secondary-green-500 focus:bg-white focus:text-secondary-green-500 focus:outline-secondary-green-500",
43572
- primary: "bg-primary-green-500 hover:bg-secondary-green-500 focus:bg-secondary-green-500 focus:outline-white",
43573
- negative: "bg-complementary-red-700 hover:border-transparent hover:bg-complementary-red-500 focus:bg-complementary-red-500 focus:outline-white",
43574
- secondaryNegative: "border border-complementary-red-700 !bg-white font-medium text-complementary-red-700 hover:border-2 hover:border-complementary-red-500 hover:text-complementary-red-500 focus:border-[3px] focus:border-complementary-red-500 focus:text-complementary-red-500",
43575
- secondary: "border border-primary-green-500 !bg-transparent font-medium text-primary-green-500 hover:border-2 hover:border-secondary-green-500 hover:text-secondary-green-500 focus:border-[3px] focus:border-secondary-green-500 focus:text-secondary-green-500",
43576
- tertiary: "!bg-transparent px-4 font-medium text-primary-green-500 hover:text-secondary-green-500 focus:font-bold focus:text-secondary-green-500 focus:outline-none",
43577
- tertiaryDark: "!bg-transparent px-4 font-medium text-secondary-green-500 focus:font-bold focus:text-secondary-green-500 focus:outline-none",
43578
- tertiaryLight: "!bg-transparent px-4 font-medium text-primary-green-500 focus:font-bold focus:text-primary-green-500 focus:outline-none",
43579
- direction: "h-10 bg-primary-green-500 p-2.5 font-medium hover:bg-secondary-green-500 focus:border-none focus:bg-secondary-green-500 focus:outline-none focus-visible:outline-none",
43580
- directionCircle: "font:medium !min-w-unit-10 !min-w-10 bg-primary-green-500 !px-0 hover:bg-secondary-green-500 focus:border-none focus:bg-secondary-green-500 focus:outline-none",
43581
- icon: "focus:none !min-w-unit-10 !min-w-10 !border-none bg-transparent !px-0 text-primary-green-500 hover:text-secondary-green-500 focus:outline-none focus-visible:outline-none"
43630
+ primaryDark: [
43631
+ // default
43632
+ "bg-white text-primary-green-500",
43633
+ // hover
43634
+ "hover:bg-secondary-green-500",
43635
+ // focus
43636
+ "focus:bg-secondary-green-500 focus:text-white focus:outline-secondary-green-500 data-[focus-visible=true]:outline-secondary-green-500"
43637
+ ].join(" "),
43638
+ primaryLight: [
43639
+ // default
43640
+ "bg-primary-green-500",
43641
+ // hover
43642
+ "hover:bg-white hover:text-secondary-green-500",
43643
+ // focus
43644
+ "focus:bg-white focus:text-secondary-green-500 focus:outline-white data-[focus-visible=true]:outline-white"
43645
+ ].join(" "),
43646
+ primary: [
43647
+ // default
43648
+ "bg-primary-green-500",
43649
+ // hover
43650
+ "hover:bg-secondary-green-500",
43651
+ // focus
43652
+ "focus:bg-secondary-green-500 focus:outline-secondary-green-500 data-[focus-visible=true]:outline-secondary-green-500"
43653
+ ].join(" "),
43654
+ negative: [
43655
+ // default
43656
+ "bg-complementary-red-700",
43657
+ // hover
43658
+ " hover:border-transparent hover:bg-complementary-red-500",
43659
+ // focus
43660
+ "focus:bg-complementary-red-500 focus:outline-complementary-red-500 data-[focus-visible=true]:outline-complementary-red-500"
43661
+ ].join(" "),
43662
+ secondaryNegative: [
43663
+ // default
43664
+ "border-complementary-red-700 !bg-white font-medium text-complementary-red-700",
43665
+ // hover
43666
+ "hover:border-complementary-red-500 hover:text-complementary-red-500",
43667
+ // focus
43668
+ "focus:border-complementary-red-500 focus:text-complementary-red-500 focus:outline-complementary-red-500 focus-visible:outline-offset-0 data-[focus-visible=true]:outline-offset-0 data-[focus-visible=true]:outline-complementary-red-500"
43669
+ ].join(" "),
43670
+ secondary: [
43671
+ // default
43672
+ "border-primary-green-500 bg-white font-medium text-primary-green-500",
43673
+ // hover
43674
+ "hover:border-secondary-green-500 hover:text-secondary-green-500",
43675
+ // focus
43676
+ "focus:border-secondary-green-500 focus:text-secondary-green-500 focus:outline-secondary-green-500 focus-visible:outline-offset-0 data-[focus-visible=true]:outline-offset-0 data-[focus-visible=true]:outline-secondary-green-500"
43677
+ ].join(" "),
43678
+ tertiary: [
43679
+ // default
43680
+ "!bg-transparent px-4 font-medium text-primary-green-500",
43681
+ // hover
43682
+ "hover:text-secondary-green-500",
43683
+ // focus
43684
+ "focus:text-secondary-green-500 data-[focus-visible=true]:outline-secondary-green-500"
43685
+ ].join(" "),
43686
+ tertiaryDark: [
43687
+ // default
43688
+ "!bg-transparent px-4 font-medium text-secondary-green-500",
43689
+ // hover
43690
+ "hover:text-white",
43691
+ // focus
43692
+ "focus:text-secondary-green-500 data-[focus-visible=true]:outline-secondary-green-500"
43693
+ ].join(" "),
43694
+ tertiaryLight: [
43695
+ // default
43696
+ "!bg-transparent px-4 font-medium text-primary-green-500",
43697
+ // hover
43698
+ "hover:text-white",
43699
+ // focus
43700
+ "focus:text-primary-green-500 data-[focus-visible=true]:outline-white"
43701
+ ].join(" "),
43702
+ direction: [
43703
+ // default
43704
+ "h-10 bg-primary-green-500 p-2.5 font-medium",
43705
+ // hover
43706
+ " hover:bg-secondary-green-500",
43707
+ // focus
43708
+ "focus:border-none focus:bg-secondary-green-500 focus-visible:outline-secondary-green-500 data-[focus-visible=true]:outline-secondary-green-500"
43709
+ ].join(" "),
43710
+ directionCircle: [
43711
+ // default
43712
+ "!min-w-unit-10 !min-w-10 bg-primary-green-500 !px-0 font-medium",
43713
+ // hover
43714
+ "hover:bg-secondary-green-500",
43715
+ // focus
43716
+ "focus:bg-secondary-green-500 focus-visible:outline-secondary-green-500 data-[focus-visible=true]:outline-secondary-green-500"
43717
+ ].join(" "),
43718
+ icon: [
43719
+ // default
43720
+ "!min-w-unit-10 !min-w-10 !border-none bg-transparent !px-0 text-primary-green-500",
43721
+ // hover
43722
+ "hover:text-secondary-green-500",
43723
+ // focus
43724
+ "focus:none focus-visible:outline-none data-[focus-visible=true]:outline-secondary-green-500"
43725
+ ].join(" ")
43582
43726
  },
43583
43727
  full: {
43584
43728
  true: "w-full",
@@ -43606,7 +43750,7 @@ const qm0 = ({
43606
43750
  {
43607
43751
  variant: "primaryDark",
43608
43752
  isLoading: !0,
43609
- class: "!bg-secondary-green-500 !text-primary-green-500 focus:bg-secondary-green-500 focus:outline-secondary-green-500 "
43753
+ class: "!bg-secondary-green-500 !text-primary-green-500 focus:bg-secondary-green-500 focus:outline-secondary-green-500"
43610
43754
  },
43611
43755
  {
43612
43756
  variant: "primaryLight",
@@ -43691,24 +43835,6 @@ const qm0 = ({
43691
43835
  class: "!min-w-unit-10 !min-w-10 !px-0"
43692
43836
  }
43693
43837
  ]
43694
- }), OF = w0({
43695
- base: "h-5 w-5 animate-spin",
43696
- variants: {
43697
- variant: {
43698
- primaryDark: "text-primary-green-500",
43699
- primaryLight: "text-secondary-green-500",
43700
- primary: "text-white",
43701
- negative: "text-white",
43702
- secondaryNegative: "text-complementary-red-700",
43703
- secondary: "text-secondary-green-500",
43704
- tertiary: "text-primary-green-500",
43705
- tertiaryDark: "text-secondary-green-500",
43706
- tertiaryLight: "text-primary-green-500",
43707
- direction: "text-white",
43708
- directionCircle: "text-white",
43709
- icon: "text-primary-green-500"
43710
- }
43711
- }
43712
43838
  }), Cn = ({
43713
43839
  children: e,
43714
43840
  size: r,
@@ -43727,9 +43853,12 @@ const qm0 = ({
43727
43853
  gD,
43728
43854
  {
43729
43855
  disabled: d || o,
43856
+ isDisabled: d || o,
43857
+ isLoading: d,
43858
+ spinner: /* @__PURE__ */ V.jsx(OF, { variant: t }),
43730
43859
  className: Me(
43731
43860
  c,
43732
- BF({
43861
+ $F({
43733
43862
  size: r,
43734
43863
  variant: t,
43735
43864
  disabled: o,
@@ -43741,45 +43870,11 @@ const qm0 = ({
43741
43870
  ...h,
43742
43871
  children: /* @__PURE__ */ V.jsxs("div", { className: "relative flex items-center gap-3 text-center", children: [
43743
43872
  !!s && (typeof s == "string" ? /* @__PURE__ */ V.jsx(ue, { "data-testid": "button-component-icon-left", name: s }) : s),
43744
- d && /* @__PURE__ */ V.jsx($F, { variant: t }),
43745
43873
  e && /* @__PURE__ */ V.jsx("span", { className: t.includes("tertiary") ? "underline" : "", children: e }),
43746
43874
  !!l && (typeof l == "string" ? /* @__PURE__ */ V.jsx(ue, { "data-testid": "button-component-icon-right", name: l }) : l)
43747
43875
  ] })
43748
43876
  }
43749
- )), $F = (e) => /* @__PURE__ */ V.jsxs(
43750
- "svg",
43751
- {
43752
- xmlns: "http://www.w3.org/2000/svg",
43753
- fill: "none",
43754
- viewBox: "0 0 24 24",
43755
- ...e,
43756
- className: Me(
43757
- OF({ variant: e.variant }),
43758
- e.className
43759
- ),
43760
- children: [
43761
- /* @__PURE__ */ V.jsx(
43762
- "circle",
43763
- {
43764
- className: "opacity-25",
43765
- cx: "12",
43766
- cy: "12",
43767
- r: "10",
43768
- stroke: "currentColor",
43769
- "stroke-width": "4"
43770
- }
43771
- ),
43772
- /* @__PURE__ */ V.jsx(
43773
- "path",
43774
- {
43775
- className: "opacity-75",
43776
- fill: "currentColor",
43777
- d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
43778
- }
43779
- )
43780
- ]
43781
- }
43782
- ), rv0 = ({
43877
+ )), rv0 = ({
43783
43878
  children: e,
43784
43879
  className: r,
43785
43880
  avatar: t,