@descope/flow-components 2.0.240 → 2.0.242

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 (4) hide show
  1. package/dist/index.cjs.js +57 -15
  2. package/dist/index.d.ts +165 -85
  3. package/dist/index.esm.js +51 -15
  4. package/package.json +4 -4
package/dist/index.cjs.js CHANGED
@@ -26,13 +26,13 @@ const Boolean = React__default.default.forwardRef(({ type, ...props }, ref) => {
26
26
  }
27
27
  });
28
28
 
29
- var apple = ({ noColor }) => (React__default.default.createElement("svg", { width: "1.5em", height: "1.5em", viewBox: "0 0 800 1000", xmlns: "http://www.w3.org/2000/svg", fill: noColor ? 'currentColor' : '#000000', style: { marginBottom: '0.1em' }, "data-icon": "apple" },
29
+ var apple = ({ noColor, ...props }) => (React__default.default.createElement("svg", { width: "1.5em", height: "1.5em", viewBox: "0 0 800 1000", xmlns: "http://www.w3.org/2000/svg", fill: noColor ? 'currentColor' : '#000000', style: { marginBottom: '0.1em' }, "data-icon": "apple", ...props },
30
30
  React__default.default.createElement("path", { d: "M788.1 340.9c-5.8 4.5-108.2 62.2-108.2 190.5 0 148.4 130.3 200.9 134.2 202.2-.6 3.2-20.7 71.9-68.7 141.9-42.8 61.6-87.5 123.1-155.5 123.1s-85.5-39.5-164-39.5c-76.5 0-103.7 40.8-165.9 40.8s-105.6-57-155.5-127C46.7 790.7 0 663 0 541.8c0-194.4 126.4-297.5 250.8-297.5 66.1 0 121.2 43.4 162.7 43.4 39.5 0 101.1-46 176.3-46 28.5 0 130.9 2.6 198.3 99.2zm-234-181.5c31.1-36.9 53.1-88.1 53.1-139.3 0-7.1-.6-14.3-1.9-20.1-50.6 1.9-110.8 33.7-147.1 75.8-28.5 32.4-55.1 83.6-55.1 135.5 0 7.8 1.3 15.6 1.9 18.1 3.2.6 8.4 1.3 13.6 1.3 45.4 0 102.5-30.4 135.5-71.3z" })));
31
31
 
32
- var facebook = ({ noColor }) => (React__default.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1.5em", height: "1.5em", viewBox: "5 5 20 20", fill: noColor ? 'currentColor' : '#1877F2', "data-icon": "facebook" },
32
+ var facebook = ({ noColor, ...props }) => (React__default.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1.5em", height: "1.5em", viewBox: "5 5 20 20", fill: noColor ? 'currentColor' : '#1877F2', "data-icon": "facebook", ...props },
33
33
  React__default.default.createElement("path", { d: "M25 15.0609C25 9.50385 20.5234 5 15 5C9.47658 5 5 9.50385 5 15.0609C5 20.0835 8.65625 24.2454 13.4375 25V17.9691H10.8984V15.0609H13.4375V12.8444C13.4375 10.3232 14.9297 8.93004 17.2148 8.93004C18.3086 8.93004 19.4531 9.12655 19.4531 9.12655V11.6025H18.1914C16.9492 11.6025 16.5625 12.3787 16.5625 13.1745V15.0609H19.3359L18.8926 17.9691H16.5625V25C21.3437 24.2454 25 20.0835 25 15.0609Z" })));
34
34
 
35
- var slack = ({ noColor }) => (React__default.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1.5em", height: "1.5em", viewBox: "0 0 124 124", "data-icon": "slack" },
35
+ var slack = ({ noColor, ...props }) => (React__default.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1.5em", height: "1.5em", viewBox: "0 0 124 124", "data-icon": "slack", ...props },
36
36
  React__default.default.createElement("g", null,
37
37
  React__default.default.createElement("path", { d: "M26.3996 78.1988C26.3996 85.2988 20.5996 91.0988 13.4996 91.0988C6.39961 91.0988 0.599609 85.2988 0.599609 78.1988C0.599609 71.0988 6.39961 65.2988 13.4996 65.2988H26.3996V78.1988Z", fill: noColor ? 'currentColor' : '#E01E5A' }),
38
38
  React__default.default.createElement("path", { d: "M32.8994 78.1988C32.8994 71.0988 38.6994 65.2988 45.7994 65.2988C52.8994 65.2988 58.6994 71.0988 58.6994 78.1988V110.499C58.6994 117.599 52.8994 123.399 45.7994 123.399C38.6994 123.399 32.8994 117.599 32.8994 110.499V78.1988Z", fill: noColor ? 'currentColor' : '#E01E5A' }),
@@ -43,18 +43,18 @@ var slack = ({ noColor }) => (React__default.default.createElement("svg", { xmln
43
43
  React__default.default.createElement("path", { d: "M78.1998 97.5996C85.2998 97.5996 91.0998 103.4 91.0998 110.5C91.0998 117.6 85.2998 123.4 78.1998 123.4C71.0998 123.4 65.2998 117.6 65.2998 110.5V97.5996H78.1998Z", fill: noColor ? 'currentColor' : '#ECB22E' }),
44
44
  React__default.default.createElement("path", { d: "M78.1998 91.0988C71.0998 91.0988 65.2998 85.2988 65.2998 78.1988C65.2998 71.0988 71.0998 65.2988 78.1998 65.2988H110.5C117.6 65.2988 123.4 71.0988 123.4 78.1988C123.4 85.2988 117.6 91.0988 110.5 91.0988H78.1998Z", fill: noColor ? 'currentColor' : '#ECB22E' }))));
45
45
 
46
- var fingerprint = ({ noColor }) => (React__default.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 29 30", width: "1.5em", height: "1.5em", fill: noColor ? 'currentColor' : '#000000', "data-icon": "fingerprint" },
46
+ var fingerprint = ({ noColor, ...props }) => (React__default.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 29 30", width: "1.5em", height: "1.5em", fill: noColor ? 'currentColor' : '#000000', "data-icon": "fingerprint", ...props },
47
47
  React__default.default.createElement("path", { d: "M21.5204 5.5875C21.4238 5.5875 21.3271 5.5625 21.2425 5.5125C18.9225 4.275 16.9167 3.75 14.5121 3.75C12.1196 3.75 9.84792 4.3375 7.78167 5.5125C7.49167 5.675 7.12917 5.5625 6.96 5.2625C6.80292 4.9625 6.91167 4.575 7.20167 4.4125C9.44917 3.15 11.9142 2.5 14.5121 2.5C17.0858 2.5 19.3333 3.0875 21.7983 4.4C22.1004 4.5625 22.2092 4.9375 22.0521 5.2375C21.9433 5.4625 21.7379 5.5875 21.5204 5.5875V5.5875ZM4.22917 12.15C4.10834 12.15 3.9875 12.1125 3.87875 12.0375C3.60084 11.8375 3.54042 11.45 3.73375 11.1625C4.93 9.4125 6.4525 8.0375 8.265 7.075C12.0592 5.05 16.9167 5.0375 20.7229 7.0625C22.5354 8.025 24.0579 9.3875 25.2542 11.125C25.4475 11.4 25.3871 11.8 25.1092 12C24.8313 12.2 24.4567 12.1375 24.2633 11.85C23.1758 10.275 21.7983 9.0375 20.1671 8.175C16.6992 6.3375 12.2646 6.3375 8.80875 8.1875C7.16542 9.0625 5.78792 10.3125 4.70042 11.8875C4.60375 12.0625 4.4225 12.15 4.22917 12.15V12.15ZM11.7813 27.2375C11.6242 27.2375 11.4671 27.175 11.3583 27.05C10.3071 25.9625 9.73917 25.2625 8.92959 23.75C8.09584 22.2125 7.66084 20.3375 7.66084 18.325C7.66084 14.6125 10.73 11.5875 14.5 11.5875C18.27 11.5875 21.3392 14.6125 21.3392 18.325C21.3392 18.675 21.0733 18.95 20.735 18.95C20.3967 18.95 20.1308 18.675 20.1308 18.325C20.1308 15.3 17.6054 12.8375 14.5 12.8375C11.3946 12.8375 8.86917 15.3 8.86917 18.325C8.86917 20.125 9.25584 21.7875 9.99292 23.1375C10.7663 24.575 11.2979 25.1875 12.2283 26.1625C12.4579 26.4125 12.4579 26.8 12.2283 27.05C12.0954 27.175 11.9383 27.2375 11.7813 27.2375ZM20.445 24.925C19.0071 24.925 17.7383 24.55 16.6992 23.8125C14.8988 22.55 13.8233 20.5 13.8233 18.325C13.8233 17.975 14.0892 17.7 14.4275 17.7C14.7658 17.7 15.0317 17.975 15.0317 18.325C15.0317 20.0875 15.9017 21.75 17.3758 22.775C18.2338 23.375 19.2367 23.6625 20.445 23.6625C20.735 23.6625 21.2183 23.625 21.7017 23.5375C22.0279 23.475 22.3421 23.7 22.4025 24.05C22.4629 24.3875 22.2454 24.7125 21.9071 24.775C21.2183 24.9125 20.6142 24.925 20.445 24.925V24.925ZM18.0163 27.5C17.9679 27.5 17.9075 27.4875 17.8592 27.475C15.9379 26.925 14.6813 26.1875 13.3642 24.85C11.6725 23.1125 10.7421 20.8 10.7421 18.325C10.7421 16.3 12.4096 14.65 14.4638 14.65C16.5179 14.65 18.1854 16.3 18.1854 18.325C18.1854 19.6625 19.3092 20.75 20.6988 20.75C22.0883 20.75 23.2121 19.6625 23.2121 18.325C23.2121 13.6125 19.285 9.7875 14.4517 9.7875C11.02 9.7875 7.87834 11.7625 6.46459 14.825C5.99334 15.8375 5.75167 17.025 5.75167 18.325C5.75167 19.3 5.83625 20.8375 6.56125 22.8375C6.68209 23.1625 6.525 23.525 6.21084 23.6375C5.89667 23.7625 5.54625 23.5875 5.4375 23.275C4.84542 21.6375 4.55542 20.0125 4.55542 18.325C4.55542 16.825 4.83334 15.4625 5.37709 14.275C6.98417 10.7875 10.5488 8.525 14.4517 8.525C19.9496 8.525 24.4204 12.9125 24.4204 18.3125C24.4204 20.3375 22.7529 21.9875 20.6988 21.9875C18.6446 21.9875 16.9771 20.3375 16.9771 18.3125C16.9771 16.975 15.8533 15.8875 14.4638 15.8875C13.0742 15.8875 11.9504 16.975 11.9504 18.3125C11.9504 20.45 12.7479 22.45 14.21 23.95C15.3579 25.125 16.4575 25.775 18.1613 26.2625C18.4875 26.35 18.6688 26.7 18.5842 27.025C18.5238 27.3125 18.27 27.5 18.0163 27.5V27.5Z" })));
48
48
 
49
- var passkey = ({ noColor }) => (React__default.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "1.5em", height: "1.5em", fill: noColor ? 'currentColor' : '#000000', "data-icon": "passkey" },
49
+ var passkey = ({ noColor, ...props }) => (React__default.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "1.5em", height: "1.5em", fill: noColor ? 'currentColor' : '#000000', "data-icon": "passkey", ...props },
50
50
  React__default.default.createElement("circle", { cx: "10.5", cy: "6", r: "4.5" }),
51
51
  React__default.default.createElement("path", { d: "M22.5,10.5a3.5,3.5,0,1,0-5,3.15V19L19,20.5,21.5,18,20,16.5,21.5,15l-1.24-1.24A3.5,3.5,0,0,0,22.5,10.5Zm-3.5,0a1,1,0,1,1,1-1A1,1,0,0,1,19,10.5Z" }),
52
52
  React__default.default.createElement("path", { d: "M14.44,12.52A6,6,0,0,0,12,12H9a6,6,0,0,0-6,6v2H16V14.49A5.16,5.16,0,0,1,14.44,12.52Z" })));
53
53
 
54
- var github = ({ noColor }) => (React__default.default.createElement("svg", { width: "1.5em", height: "1.5em", xmlns: "http://www.w3.org/2000/svg", fill: noColor ? 'currentColor' : '#000000', viewBox: "2.5 2.5 25 25", "data-icon": "github" },
54
+ var github = ({ noColor, ...props }) => (React__default.default.createElement("svg", { width: "1.5em", height: "1.5em", xmlns: "http://www.w3.org/2000/svg", fill: noColor ? 'currentColor' : '#000000', viewBox: "2.5 2.5 25 25", "data-icon": "github", ...props },
55
55
  React__default.default.createElement("path", { d: "M15,3C8.373,3,3,8.373,3,15c0,5.623,3.872,10.328,9.092,11.63C12.036,26.468,12,26.28,12,26.047v-2.051 c-0.487,0-1.303,0-1.508,0c-0.821,0-1.551-0.353-1.905-1.009c-0.393-0.729-0.461-1.844-1.435-2.526 c-0.289-0.227-0.069-0.486,0.264-0.451c0.615,0.174,1.125,0.596,1.605,1.222c0.478,0.627,0.703,0.769,1.596,0.769 c0.433,0,1.081-0.025,1.691-0.121c0.328-0.833,0.895-1.6,1.588-1.962c-3.996-0.411-5.903-2.399-5.903-5.098 c0-1.162,0.495-2.286,1.336-3.233C9.053,10.647,8.706,8.73,9.435,8c1.798,0,2.885,1.166,3.146,1.481C13.477,9.174,14.461,9,15.495,9 c1.036,0,2.024,0.174,2.922,0.483C18.675,9.17,19.763,8,21.565,8c0.732,0.731,0.381,2.656,0.102,3.594 c0.836,0.945,1.328,2.066,1.328,3.226c0,2.697-1.904,4.684-5.894,5.097C18.199,20.49,19,22.1,19,23.313v2.734 c0,0.104-0.023,0.179-0.035,0.268C23.641,24.676,27,20.236,27,15C27,8.373,21.627,3,15,3z" })));
56
56
 
57
- var gitlab = ({ noColor }) => (React__default.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1.5em", height: "1.5em", viewBox: "0 0 256 236", fill: noColor ? 'currentColor' : '', "data-icon": "gitlab" },
57
+ var gitlab = ({ noColor, ...props }) => (React__default.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1.5em", height: "1.5em", viewBox: "0 0 256 236", fill: noColor ? 'currentColor' : '', "data-icon": "gitlab", ...props },
58
58
  React__default.default.createElement("path", { d: "M128.075 236.075l47.104-144.97H80.97l47.104 144.97z", fill: noColor ? '' : '#E24329' }),
59
59
  React__default.default.createElement("path", { d: "M128.075 236.074L80.97 91.104H14.956l113.119 144.97z", fill: noColor ? '' : '#FC6D26' }),
60
60
  React__default.default.createElement("path", { d: "M14.956 91.104L.642 135.16a9.752 9.752 0 0 0 3.542 10.903l123.891 90.012-113.12-144.97z", fill: noColor ? '' : '#FCA326' }),
@@ -63,29 +63,29 @@ var gitlab = ({ noColor }) => (React__default.default.createElement("svg", { xml
63
63
  React__default.default.createElement("path", { d: "M241.194 91.104l14.314 44.056a9.752 9.752 0 0 1-3.543 10.903l-123.89 90.012 113.119-144.97z", fill: noColor ? '' : '#FCA326' }),
64
64
  React__default.default.createElement("path", { d: "M241.194 91.105h-66.015l28.37-87.315c1.46-4.493 7.816-4.492 9.275 0l28.37 87.315z", fill: noColor ? '' : '#E24329' })));
65
65
 
66
- var google = ({ noColor }) => (React__default.default.createElement("svg", { width: "1.5em", height: "1.5em", viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", fill: noColor ? 'currentColor' : '', "data-icon": "google" },
66
+ var google = ({ noColor, ...props }) => (React__default.default.createElement("svg", { width: "1.5em", height: "1.5em", viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", fill: noColor ? 'currentColor' : '', "data-icon": "google", ...props },
67
67
  React__default.default.createElement("path", { d: "m19.6 10.2274c0-.70912-.0636-1.39092-.1818-2.04552h-9.4182v3.86822h5.3818c-.2318 1.25-.9363 2.3091-1.9954 3.0182v2.5091h3.2318c1.8909-1.7409 2.9818-4.3046 2.9818-7.35z", fill: noColor ? '' : '#4285f4' }),
68
68
  React__default.default.createElement("path", { d: "m10 19.9999c2.7 0 4.9636-.8955 6.6181-2.4227l-3.2318-2.5091c-.8954.6-2.0409.9545-3.3863.9545-2.6046 0-4.8091-1.7591-5.5955-4.1227h-3.3409v2.5909c1.6455 3.2682 5.0273 5.5091 8.9364 5.5091z", fill: noColor ? '' : '#34a853' }),
69
69
  React__default.default.createElement("path", { d: "m4.4045 11.8999c-.2-.6-.3136-1.2409-.3136-1.89997 0-.6591.1136-1.3.3136-1.9v-2.5909h-3.3409c-.6772 1.35-1.0636 2.8773-1.0636 4.4909 0 1.61357.3864 3.14087 1.0636 4.49087z", fill: noColor ? '' : '#fbbc04' }),
70
70
  React__default.default.createElement("path", { d: "m10 3.9773c1.4681 0 2.7863.5045 3.8227 1.4954l2.8682-2.8682c-1.7318-1.6136-3.9955-2.6045-6.6909-2.6045-3.9091 0-7.2909 2.2409-8.9364 5.5091l3.3409 2.5909c.7864-2.3636 2.9909-4.1227 5.5955-4.1227z", fill: noColor ? '' : '#e94235' })));
71
71
 
72
- var microsoft = ({ noColor }) => (React__default.default.createElement("svg", { width: "1.5em", height: "1.5em", xmlns: "http://www.w3.org/2000/svg", fill: noColor ? 'currentColor' : '', viewBox: "3 3 24 24", "data-icon": "microsoft" },
72
+ var microsoft = ({ noColor, ...props }) => (React__default.default.createElement("svg", { width: "1.5em", height: "1.5em", xmlns: "http://www.w3.org/2000/svg", fill: noColor ? 'currentColor' : '', viewBox: "3 3 24 24", "data-icon": "microsoft", ...props },
73
73
  React__default.default.createElement("rect", { x: "5", y: "15.7143", width: "9.28571", height: "9.28571", fill: noColor ? '' : '#05A6F0' }),
74
74
  React__default.default.createElement("rect", { x: "5", y: "5", width: "9.28571", height: "9.28571", fill: noColor ? '' : '#F35325' }),
75
75
  React__default.default.createElement("rect", { x: "15.7143", y: "15.7143", width: "9.28571", height: "9.28571", fill: noColor ? '' : '#FFBA08' }),
76
76
  React__default.default.createElement("rect", { x: "15.7143", y: "5", width: "9.28571", height: "9.28571", fill: noColor ? '' : '#81BC06' }),
77
77
  ' '));
78
78
 
79
- var discord = ({ noColor }) => (React__default.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1.5em", height: "1.5em", viewBox: "0 0 256 200", fill: noColor ? 'currentColor' : '#5566fb', "data-icon": "discord" },
79
+ var discord = ({ noColor, ...props }) => (React__default.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1.5em", height: "1.5em", viewBox: "0 0 256 200", fill: noColor ? 'currentColor' : '#5566fb', "data-icon": "discord", ...props },
80
80
  React__default.default.createElement("path", { d: "M216.856339,16.5966031 C200.285002,8.84328665 182.566144,3.2084988 164.041564,0 C161.766523,4.11318106 159.108624,9.64549908 157.276099,14.0464379 C137.583995,11.0849896 118.072967,11.0849896 98.7430163,14.0464379 C96.9108417,9.64549908 94.1925838,4.11318106 91.8971895,0 C73.3526068,3.2084988 55.6133949,8.86399117 39.0420583,16.6376612 C5.61752293,67.146514 -3.4433191,116.400813 1.08711069,164.955721 C23.2560196,181.510915 44.7403634,191.567697 65.8621325,198.148576 C71.0772151,190.971126 75.7283628,183.341335 79.7352139,175.300261 C72.104019,172.400575 64.7949724,168.822202 57.8887866,164.667963 C59.7209612,163.310589 61.5131304,161.891452 63.2445898,160.431257 C105.36741,180.133187 151.134928,180.133187 192.754523,160.431257 C194.506336,161.891452 196.298154,163.310589 198.110326,164.667963 C191.183787,168.842556 183.854737,172.420929 176.223542,175.320965 C180.230393,183.341335 184.861538,190.991831 190.096624,198.16893 C211.238746,191.588051 232.743023,181.531619 254.911949,164.955721 C260.227747,108.668201 245.831087,59.8662432 216.856339,16.5966031 Z M85.4738752,135.09489 C72.8290281,135.09489 62.4592217,123.290155 62.4592217,108.914901 C62.4592217,94.5396472 72.607595,82.7145587 85.4738752,82.7145587 C98.3405064,82.7145587 108.709962,94.5189427 108.488529,108.914901 C108.508531,123.290155 98.3405064,135.09489 85.4738752,135.09489 Z M170.525237,135.09489 C157.88039,135.09489 147.510584,123.290155 147.510584,108.914901 C147.510584,94.5396472 157.658606,82.7145587 170.525237,82.7145587 C183.391518,82.7145587 193.761324,94.5189427 193.539891,108.914901 C193.539891,123.290155 183.391518,135.09489 170.525237,135.09489 Z" })));
81
81
 
82
- var linkedin = ({ noColor }) => (React__default.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1.5em", height: "1.5em", viewBox: "0 0 40 40", fill: noColor ? 'currentColor' : '#2867B2', "data-icon": "linkedin" },
82
+ var linkedin = ({ noColor, ...props }) => (React__default.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1.5em", height: "1.5em", viewBox: "0 0 40 40", fill: noColor ? 'currentColor' : '#2867B2', "data-icon": "linkedin", ...props },
83
83
  React__default.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M37.1429 0H2.84821C1.27679 0 0 1.29464 0 2.88393V37.1161C0 38.7054 1.27679 40 2.84821 40H37.1429C38.7143 40 40 38.7054 40 37.1161V2.88393C40 1.29464 38.7143 0 37.1429 0ZM12.0893 34.2857H6.16071V15.1964H12.0982V34.2857H12.0893ZM9.125 12.5893C7.22321 12.5893 5.6875 11.0446 5.6875 9.15179C5.6875 7.25893 7.22321 5.71429 9.125 5.71429C11.0179 5.71429 12.5625 7.25893 12.5625 9.15179C12.5625 11.0536 11.0268 12.5893 9.125 12.5893V12.5893ZM34.3125 34.2857H28.3839V25C28.3839 22.7857 28.3393 19.9375 25.3036 19.9375C22.2143 19.9375 21.7411 22.3482 21.7411 24.8393V34.2857H15.8125V15.1964H21.5V17.8036H21.5804C22.375 16.3036 24.3125 14.7232 27.1964 14.7232C33.1964 14.7232 34.3125 18.6786 34.3125 23.8214V34.2857V34.2857Z" })));
84
84
 
85
- var sso = ({ noColor }) => (React__default.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1.5em", height: "1.5em", viewBox: "50 30 410 450", fill: noColor ? 'currentColor' : '#000000', "data-icon": "sso" },
85
+ var sso = ({ noColor, ...props }) => (React__default.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1.5em", height: "1.5em", viewBox: "50 30 410 450", fill: noColor ? 'currentColor' : '#000000', "data-icon": "sso", ...props },
86
86
  React__default.default.createElement("path", { d: "M56.629,379.2c-14.09,14.071-14.09,36.975,0,51.055 c14.08,14.087,36.981,14.087,50.965,0l10.177-10.08l42.438,42.428c7.257,7.268,18.888,7.268,26.155,0l63.244-63.244 c7.268-7.255,7.268-18.89,0-26.157l-42.429-42.427l75.586-75.682c16.174,8.357,34.61,13.075,54.059,13.075 c65.234,0,118.111-52.869,118.111-118.109c0-65.232-52.877-118.111-118.111-118.111c-65.238,0-118.11,52.879-118.11,118.111 c0,19.449,4.721,37.886,13.077,54.06L56.629,379.2z M291.396,150.059c0-25.075,20.354-45.429,45.427-45.429 c25.076,0,45.426,20.354,45.426,45.429s-20.35,45.426-45.426,45.426C311.751,195.485,291.396,175.133,291.396,150.059z" })));
87
87
 
88
- const WhatsAppIcon = ({ noColor }) => (React__default.default.createElement("svg", { fill: "none", height: "24", viewBox: "0 0 24 24", width: "24", xmlns: "http://www.w3.org/2000/svg" },
88
+ var whatsapp = ({ noColor, ...props }) => (React__default.default.createElement("svg", { fill: "none", height: "24", viewBox: "0 0 24 24", width: "24", xmlns: "http://www.w3.org/2000/svg", ...props },
89
89
  React__default.default.createElement("clipPath", { id: "a" },
90
90
  React__default.default.createElement("path", { d: "m0 0h24v24h-24z" })),
91
91
  React__default.default.createElement("clipPath", { id: "b" },
@@ -94,6 +94,15 @@ const WhatsAppIcon = ({ noColor }) => (React__default.default.createElement("svg
94
94
  React__default.default.createElement("g", { clipPath: "url(#b)" },
95
95
  React__default.default.createElement("path", { clipRule: "evenodd", d: "m20.5031 3.48501c-2.2558-2.24623-5.256-3.48387036-8.4527-3.48501-6.587 0-11.947836 5.33065-11.950128 11.883-.001146 2.0946.549492 4.1391 1.595188 5.9409l-1.69546 6.1586 6.33491-1.6525c1.74529.9471 3.71059 1.4456 5.71039 1.4462h.0051c6.5859 0 11.9473-5.3312 11.9496-11.8835.0011-3.1756-1.2405-6.1609-3.4969-8.40712zm-8.4527 18.28429h-.004c-1.782-.0005-3.53013-.4769-5.0554-1.3767l-.36272-.2142-3.75935.9806 1.0033-3.6451-.23608-.3738c-.99412-1.5727-1.51955-3.3904-1.5184-5.2565.00229-5.44579 4.45781-9.8767 9.93675-9.8767 2.6528.00114 5.1465 1.02966 7.0218 2.89696 1.8754 1.86673 2.9074 4.34887 2.9062 6.98764-.0023 5.4464-4.4578 9.8773-9.9321 9.8773zm5.4479-7.3973c-.2985-.1488-1.7664-.8668-2.0404-.9659-.2738-.0992-.4726-.1487-.6715.1487-.1988.2975-.7712.9665-.9454 1.1642-.1742.1983-.3484.2228-.6469.074-.2985-.1487-1.2606-.4621-2.4014-1.4735-.8875-.7875-1.4869-1.7596-1.66103-2.0571-.1742-.2974-.01834-.4581.1306-.6057.13406-.1333.29853-.347.44806-.5202.1496-.17325.19887-.29743.29857-.4952.0997-.19829.0498-.37147-.02463-.52024-.07454-.14871-.67154-1.61032-.9208-2.20462-.2424-.57892-.48874-.50029-.67154-.50997-.1742-.00855-.373-.01026-.5724-.01026s-.5226.07408-.79646.37152c-.27387.29742-1.04513 1.01596-1.04513 2.47698 0 1.46099 1.06979 2.87359 1.21933 3.07189.14953.1983 2.10566 3.1973 5.10063 4.4839.7123.306 1.2686.4889 1.7024.6257.7151.2262 1.366.1943 1.8805.1179.5736-.0854 1.7665-.7185 2.0152-1.412s.2487-1.2884.1742-1.412c-.0745-.1237-.2739-.1983-.5724-.347z", fill: noColor ? 'currentColor' : '#25D366', fillRule: "evenodd" })))));
96
96
 
97
+ var plus = ({ noColor, ...props }) => (React__default.default.createElement("svg", { height: "24", viewBox: "0 0 12 12", width: "24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props },
98
+ React__default.default.createElement("path", { d: "M5.2181 5.2181H1.22305C0.791359 5.2181 0.441406 5.56805 0.441406 5.99974C0.441406 6.43143 0.791359 6.78138 1.22305 6.78138H5.2181V10.7764C5.2181 11.2081 5.56805 11.5581 5.99974 11.5581C6.43143 11.5581 6.78138 11.2081 6.78138 10.7764V6.78138H10.7764C11.2081 6.78138 11.5581 6.43143 11.5581 5.99974C11.5581 5.56805 11.2081 5.2181 10.7764 5.2181H6.78138V1.22305C6.78138 0.791359 6.43143 0.441406 5.99974 0.441406C5.56805 0.441406 5.2181 0.791359 5.2181 1.22305V5.2181Z", fill: noColor ? 'currentColor' : '#006AF5' })));
99
+
100
+ var reload = ({ noColor, ...props }) => (React__default.default.createElement("svg", { width: "24", height: "24", viewBox: "0 0 14 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props },
101
+ React__default.default.createElement("path", { d: "M2.00065 8.83398C2.00065 7.45898 2.55898 6.20898 3.46732 5.30065L2.28398 4.11732C1.08398 5.32565 0.333984 6.99232 0.333984 8.83398C0.333984 12.234 2.87565 15.034 6.16732 15.4423V13.759C3.80898 13.359 2.00065 11.309 2.00065 8.83398ZM13.6673 8.83398C13.6673 5.15065 10.684 2.16732 7.00065 2.16732C6.95065 2.16732 6.90065 2.17565 6.85065 2.17565L7.75898 1.26732L6.58398 0.0839844L3.66732 3.00065L6.58398 5.91732L7.75898 4.74232L6.85898 3.84232C6.90898 3.84232 6.95898 3.83398 7.00065 3.83398C9.75898 3.83398 12.0007 6.07565 12.0007 8.83398C12.0007 11.309 10.1923 13.359 7.83398 13.759V15.4423C11.1257 15.034 13.6673 12.234 13.6673 8.83398Z", fill: noColor ? 'currentColor' : '#006AF5' })));
102
+
103
+ var password = ({ noColor, ...props }) => (React__default.default.createElement("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props },
104
+ React__default.default.createElement("path", { d: "M2 17H22V19H2V17ZM3.15 12.95L4 11.47L4.85 12.95L6.15 12.2L5.3 10.72H7V9.22H5.3L6.15 7.75L4.85 7L4 8.47L3.15 7L1.85 7.75L2.7 9.22H1V10.72H2.7L1.85 12.2L3.15 12.95ZM9.85 12.2L11.15 12.95L12 11.47L12.85 12.95L14.15 12.2L13.3 10.72H15V9.22H13.3L14.15 7.75L12.85 7L12 8.47L11.15 7L9.85 7.75L10.7 9.22H9V10.72H10.7L9.85 12.2ZM23 9.22H21.3L22.15 7.75L20.85 7L20 8.47L19.15 7L17.85 7.75L18.7 9.22H17V10.72H18.7L17.85 12.2L19.15 12.95L20 11.47L20.85 12.95L22.15 12.2L21.3 10.72H23V9.22Z", fill: noColor ? 'currentColor' : '#808080' })));
105
+
97
106
  var icons = /*#__PURE__*/Object.freeze({
98
107
  __proto__: null,
99
108
  apple: apple,
@@ -106,9 +115,12 @@ var icons = /*#__PURE__*/Object.freeze({
106
115
  linkedin: linkedin,
107
116
  microsoft: microsoft,
108
117
  passkey: passkey,
118
+ password: password,
119
+ plus: plus,
120
+ reload: reload,
109
121
  slack: slack,
110
122
  sso: sso,
111
- whatsapp: WhatsAppIcon
123
+ whatsapp: whatsapp
112
124
  });
113
125
 
114
126
  const isImageSource = (src) => src.startsWith('data:image') || src.startsWith('http');
@@ -444,6 +456,31 @@ SAMLGroupMappings.defaultProps = {
444
456
  size: 'md'
445
457
  };
446
458
 
459
+ const Icon = ({ icon, noColor, ...props }) => {
460
+ if (!icon)
461
+ return undefined;
462
+ if (isImageSource(icon))
463
+ return (React__default.default.createElement("img", { ...props, src: icon, alt: icon, style: { height: '1.5em', width: '1.5em' } }));
464
+ return icons[icon]?.({ noColor, ...props });
465
+ };
466
+
467
+ const UserAuthMethod$1 = React__default.default.forwardRef(({ methodIcon, buttonIcon, ...props }, ref) => (React__default.default.createElement("descope-user-auth-method", { ...props, ref: ref },
468
+ React__default.default.createElement(Icon, { icon: methodIcon, slot: "method-icon" }),
469
+ React__default.default.createElement(Icon, { icon: buttonIcon, slot: "button-icon", noColor: true, width: "1em", height: "1em" }))));
470
+ UserAuthMethod$1.defaultProps = {};
471
+
472
+ const UserAttribute = React__default.default.forwardRef((props, ref) => React__default.default.createElement("descope-user-attribute", { ...props, ref: ref }));
473
+ UserAttribute.defaultProps = {
474
+ required: false
475
+ };
476
+
477
+ const UserAuthMethod = React__default.default.forwardRef((props, ref) => React__default.default.createElement("descope-avatar", { ...props, ref: ref }));
478
+ UserAuthMethod.defaultProps = {
479
+ size: 'md',
480
+ editable: false
481
+ };
482
+
483
+ exports.Avatar = UserAuthMethod;
447
484
  exports.Badge = Badge;
448
485
  exports.Boolean = Boolean;
449
486
  exports.Button = Button;
@@ -481,6 +518,8 @@ exports.Text = Text;
481
518
  exports.TextField = TextField;
482
519
  exports.Textarea = Textarea;
483
520
  exports.UploadFile = UploadFile;
521
+ exports.UserAttribute = UserAttribute;
522
+ exports.UserAuthMethod = UserAuthMethod$1;
484
523
  exports.apple = apple;
485
524
  exports.discord = discord;
486
525
  exports.facebook = facebook;
@@ -491,9 +530,12 @@ exports.google = google;
491
530
  exports.linkedin = linkedin;
492
531
  exports.microsoft = microsoft;
493
532
  exports.passkey = passkey;
533
+ exports.password = password;
534
+ exports.plus = plus;
535
+ exports.reload = reload;
494
536
  exports.slack = slack;
495
537
  exports.sso = sso;
496
- exports.whatsapp = WhatsAppIcon;
538
+ exports.whatsapp = whatsapp;
497
539
  Object.keys(webComponentsUi).forEach(function (k) {
498
540
  if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
499
541
  enumerable: true,
package/dist/index.d.ts CHANGED
@@ -49,8 +49,8 @@ declare const Switch: React.ForwardRefExoticComponent<Omit<DescopeInputProps, "r
49
49
  type BooleanType = {
50
50
  type: 'switch' | 'checkbox';
51
51
  };
52
- type Props$r = React.ComponentProps<typeof Checkbox> & React.ComponentProps<typeof Switch> & BooleanType;
53
- declare const Boolean: React.ForwardRefExoticComponent<Omit<Props$r, "ref"> & React.RefAttributes<HTMLInputElement>>;
52
+ type Props$t = React.ComponentProps<typeof Checkbox> & React.ComponentProps<typeof Switch> & BooleanType;
53
+ declare const Boolean: React.ForwardRefExoticComponent<Omit<Props$t, "ref"> & React.RefAttributes<HTMLInputElement>>;
54
54
 
55
55
  declare global {
56
56
  namespace JSX {
@@ -72,17 +72,17 @@ declare const Button: React.ForwardRefExoticComponent<Omit<React.ClassAttributes
72
72
  'full-width'?: boolean;
73
73
  }, "ref"> & React.RefAttributes<HTMLButtonElement>>;
74
74
 
75
- type Props$q = {
75
+ type Props$s = {
76
76
  digits?: number;
77
77
  };
78
78
  declare global {
79
79
  namespace JSX {
80
80
  interface IntrinsicElements {
81
- 'descope-passcode': DescopeInputProps & Props$q;
81
+ 'descope-passcode': DescopeInputProps & Props$s;
82
82
  }
83
83
  }
84
84
  }
85
- declare const Code: React.ForwardRefExoticComponent<Omit<HTMLInputAttrs & DescopeInputExtraProps & Props$q, "ref"> & React.RefAttributes<HTMLInputElement>>;
85
+ declare const Code: React.ForwardRefExoticComponent<Omit<HTMLInputAttrs & DescopeInputExtraProps & Props$s, "ref"> & React.RefAttributes<HTMLInputElement>>;
86
86
 
87
87
  type Never<T extends Record<string, any>> = {
88
88
  [K in keyof T]: never;
@@ -98,7 +98,7 @@ type ContainerAlignment = {
98
98
  'vertical-alignment'?: FlexAlignment;
99
99
  'space-between'?: 'sm' | 'md' | 'lg';
100
100
  };
101
- type Props$p = {
101
+ type Props$r = {
102
102
  direction?: 'row' | 'column';
103
103
  shadow?: 'md' | 'lg' | 'xl' | '2xl';
104
104
  'border-radius'?: 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl';
@@ -114,9 +114,9 @@ declare global {
114
114
  }
115
115
  }
116
116
  }
117
- declare const Container: React.ForwardRefExoticComponent<(Props$p & React.HTMLAttributes<HTMLDivElement>) & React.RefAttributes<HTMLDivElement>>;
117
+ declare const Container: React.ForwardRefExoticComponent<(Props$r & React.HTMLAttributes<HTMLDivElement>) & React.RefAttributes<HTMLDivElement>>;
118
118
 
119
- type Props$o = {
119
+ type Props$q = {
120
120
  vertical?: boolean;
121
121
  italic?: boolean;
122
122
  variant?: TypographyVariants;
@@ -126,65 +126,93 @@ type Props$o = {
126
126
  declare global {
127
127
  namespace JSX {
128
128
  interface IntrinsicElements {
129
- 'descope-divider': React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> & Omit<Props$o, 'children'>;
129
+ 'descope-divider': React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> & Omit<Props$q, 'children'>;
130
130
  }
131
131
  }
132
132
  }
133
- declare const Divider: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "size"> & Props$o, "ref"> & React.RefAttributes<HTMLDivElement>>;
133
+ declare const Divider: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "size"> & Props$q, "ref"> & React.RefAttributes<HTMLDivElement>>;
134
134
 
135
- declare const _default$b: ({ noColor }: {
135
+ declare const _default$f: ({ noColor, ...props }: {
136
+ [x: string]: any;
136
137
  noColor: any;
137
138
  }) => React.JSX.Element;
138
139
 
139
- declare const _default$a: ({ noColor }: {
140
+ declare const _default$e: ({ noColor, ...props }: {
141
+ [x: string]: any;
140
142
  noColor: any;
141
143
  }) => React.JSX.Element;
142
144
 
143
- declare const _default$9: ({ noColor }: {
145
+ declare const _default$d: ({ noColor, ...props }: {
146
+ [x: string]: any;
144
147
  noColor: any;
145
148
  }) => React.JSX.Element;
146
149
 
147
- declare const _default$8: ({ noColor }: {
150
+ declare const _default$c: ({ noColor, ...props }: {
151
+ [x: string]: any;
148
152
  noColor: any;
149
153
  }) => React.JSX.Element;
150
154
 
151
- declare const _default$7: ({ noColor }: {
155
+ declare const _default$b: ({ noColor, ...props }: {
156
+ [x: string]: any;
152
157
  noColor: any;
153
158
  }) => React.JSX.Element;
154
159
 
155
- declare const _default$6: ({ noColor }: {
160
+ declare const _default$a: ({ noColor, ...props }: {
161
+ [x: string]: any;
156
162
  noColor: any;
157
163
  }) => React.JSX.Element;
158
164
 
159
- declare const _default$5: ({ noColor }: {
165
+ declare const _default$9: ({ noColor, ...props }: {
166
+ [x: string]: any;
160
167
  noColor: any;
161
168
  }) => React.JSX.Element;
162
169
 
163
- declare const _default$4: ({ noColor }: {
170
+ declare const _default$8: ({ noColor, ...props }: {
171
+ [x: string]: any;
164
172
  noColor: any;
165
173
  }) => React.JSX.Element;
166
174
 
167
- declare const _default$3: ({ noColor }: {
175
+ declare const _default$7: ({ noColor, ...props }: {
176
+ [x: string]: any;
168
177
  noColor: any;
169
178
  }) => React.JSX.Element;
170
179
 
171
- declare const _default$2: ({ noColor }: {
180
+ declare const _default$6: ({ noColor, ...props }: {
181
+ [x: string]: any;
172
182
  noColor: any;
173
183
  }) => React.JSX.Element;
174
184
 
175
- declare const _default$1: ({ noColor }: {
185
+ declare const _default$5: ({ noColor, ...props }: {
186
+ [x: string]: any;
176
187
  noColor: any;
177
188
  }) => React.JSX.Element;
178
189
 
179
- declare const _default: ({ noColor }: {
190
+ declare const _default$4: ({ noColor, ...props }: {
191
+ [x: string]: any;
180
192
  noColor: any;
181
193
  }) => React.JSX.Element;
182
194
 
183
- declare const WhatsAppIcon: ({ noColor }: {
195
+ declare const _default$3: ({ noColor, ...props }: {
196
+ [x: string]: any;
184
197
  noColor: any;
185
198
  }) => React.JSX.Element;
186
199
 
187
- type Props$n = {
200
+ declare const _default$2: ({ noColor, ...props }: {
201
+ [x: string]: any;
202
+ noColor: any;
203
+ }) => React.JSX.Element;
204
+
205
+ declare const _default$1: ({ noColor, ...props }: {
206
+ [x: string]: any;
207
+ noColor: any;
208
+ }) => React.JSX.Element;
209
+
210
+ declare const _default: ({ noColor, ...props }: {
211
+ [x: string]: any;
212
+ noColor: any;
213
+ }) => React.JSX.Element;
214
+
215
+ type Props$p = {
188
216
  width?: string;
189
217
  height?: string;
190
218
  alt?: string;
@@ -193,15 +221,15 @@ type Props$n = {
193
221
  declare global {
194
222
  namespace JSX {
195
223
  interface IntrinsicElements {
196
- 'descope-image': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Props$n;
224
+ 'descope-image': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Props$p;
197
225
  }
198
226
  }
199
227
  }
200
- declare const Image: React.ForwardRefExoticComponent<Props$n & React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
228
+ declare const Image: React.ForwardRefExoticComponent<Props$p & React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
201
229
 
202
230
  declare const Input: React.ForwardRefExoticComponent<Omit<DescopeInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
203
231
 
204
- type Props$m = {
232
+ type Props$o = {
205
233
  href?: string | undefined;
206
234
  italic?: boolean;
207
235
  variant?: TypographyVariants;
@@ -213,18 +241,18 @@ type Props$m = {
213
241
  declare global {
214
242
  namespace JSX {
215
243
  interface IntrinsicElements {
216
- 'descope-link': React.DetailedHTMLProps<React.HTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement> & Omit<Props$m, 'children'>;
244
+ 'descope-link': React.DetailedHTMLProps<React.HTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement> & Omit<Props$o, 'children'>;
217
245
  }
218
246
  }
219
247
  }
220
- declare const Link: React.ForwardRefExoticComponent<Props$m & React.RefAttributes<HTMLAnchorElement>>;
248
+ declare const Link: React.ForwardRefExoticComponent<Props$o & React.RefAttributes<HTMLAnchorElement>>;
221
249
 
222
- type Props$l = {
250
+ type Props$n = {
223
251
  variant?: 'linear' | 'radial';
224
252
  size?: 'xs' | 'sm' | 'md' | 'lg';
225
253
  color?: Mode;
226
254
  };
227
- type LoaderType = React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & PropsToAttrs<Props$l>;
255
+ type LoaderType = React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & PropsToAttrs<Props$n>;
228
256
  declare global {
229
257
  namespace JSX {
230
258
  interface IntrinsicElements {
@@ -233,22 +261,22 @@ declare global {
233
261
  }
234
262
  }
235
263
  }
236
- declare const Loader: React.ForwardRefExoticComponent<Props$l & React.RefAttributes<HTMLDivElement>>;
264
+ declare const Loader: React.ForwardRefExoticComponent<Props$n & React.RefAttributes<HTMLDivElement>>;
237
265
 
238
- type Props$k = {
266
+ type Props$m = {
239
267
  width?: string;
240
268
  height?: string;
241
269
  };
242
270
  declare global {
243
271
  namespace JSX {
244
272
  interface IntrinsicElements {
245
- 'descope-logo': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & PropsToAttrs<Props$k>;
273
+ 'descope-logo': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & PropsToAttrs<Props$m>;
246
274
  }
247
275
  }
248
276
  }
249
- declare const Logo: React.ForwardRefExoticComponent<Props$k & React.RefAttributes<HTMLDivElement>>;
277
+ declare const Logo: React.ForwardRefExoticComponent<Props$m & React.RefAttributes<HTMLDivElement>>;
250
278
 
251
- type Props$j = {
279
+ type Props$l = {
252
280
  'password-label'?: string;
253
281
  'password-placeholder'?: string;
254
282
  'confirm-label'?: string;
@@ -274,11 +302,11 @@ type Props$j = {
274
302
  declare global {
275
303
  namespace JSX {
276
304
  interface IntrinsicElements {
277
- 'descope-new-password': DescopeInputProps & Props$j;
305
+ 'descope-new-password': DescopeInputProps & Props$l;
278
306
  }
279
307
  }
280
308
  }
281
- declare const NewPassword: React.ForwardRefExoticComponent<Omit<HTMLInputAttrs & DescopeInputExtraProps & Props$j, "ref"> & React.RefAttributes<HTMLInputElement>>;
309
+ declare const NewPassword: React.ForwardRefExoticComponent<Omit<HTMLInputAttrs & DescopeInputExtraProps & Props$l, "ref"> & React.RefAttributes<HTMLInputElement>>;
282
310
 
283
311
  declare global {
284
312
  namespace JSX {
@@ -298,16 +326,16 @@ declare global {
298
326
  }
299
327
  declare const Password: React.ForwardRefExoticComponent<Omit<DescopeInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
300
328
 
301
- type Props$i = {
329
+ type Props$k = {
302
330
  variant: 'countrySelection' | 'inputBox';
303
331
  'default-code'?: string;
304
332
  'phone-input-placeholder'?: string;
305
333
  'country-input-placeholder'?: string;
306
334
  'restrict-countries'?: string;
307
335
  } & DescopeInputProps;
308
- declare const Phone: React.ForwardRefExoticComponent<Omit<Props$i, "ref"> & React.RefAttributes<HTMLInputElement>>;
336
+ declare const Phone: React.ForwardRefExoticComponent<Omit<Props$k, "ref"> & React.RefAttributes<HTMLInputElement>>;
309
337
 
310
- type Props$h = {
338
+ type Props$j = {
311
339
  children?: JSX.Element[];
312
340
  data?: string | Record<string, string>[];
313
341
  };
@@ -320,9 +348,9 @@ declare global {
320
348
  }
321
349
  }
322
350
  }
323
- declare const Select: React.ForwardRefExoticComponent<Omit<HTMLInputAttrs & DescopeInputExtraProps & Props$h, "ref"> & React.RefAttributes<HTMLInputElement>>;
351
+ declare const Select: React.ForwardRefExoticComponent<Omit<HTMLInputAttrs & DescopeInputExtraProps & Props$j, "ref"> & React.RefAttributes<HTMLInputElement>>;
324
352
 
325
- type Props$g = {
353
+ type Props$i = {
326
354
  italic?: boolean;
327
355
  variant?: string;
328
356
  mode?: string;
@@ -332,11 +360,11 @@ type Props$g = {
332
360
  declare global {
333
361
  namespace JSX {
334
362
  interface IntrinsicElements {
335
- 'descope-text': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Props$g;
363
+ 'descope-text': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Props$i;
336
364
  }
337
365
  }
338
366
  }
339
- declare const Text: React.ForwardRefExoticComponent<Omit<Props$g & {
367
+ declare const Text: React.ForwardRefExoticComponent<Omit<Props$i & {
340
368
  typography?: TypographyVariants;
341
369
  } & Omit<React.HTMLProps<HTMLSpanElement>, "mode">, "ref"> & React.RefAttributes<HTMLElement>>;
342
370
 
@@ -358,39 +386,39 @@ declare global {
358
386
  }
359
387
  declare const TextField: React.ForwardRefExoticComponent<Omit<DescopeInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
360
388
 
361
- type Props$f = {
389
+ type Props$h = {
362
390
  width?: string;
363
391
  height?: string;
364
392
  };
365
393
  declare global {
366
394
  namespace JSX {
367
395
  interface IntrinsicElements {
368
- 'descope-totp-image': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & PropsToAttrs<Props$f>;
396
+ 'descope-totp-image': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & PropsToAttrs<Props$h>;
369
397
  }
370
398
  }
371
399
  }
372
- declare const TOTPImage: React.ForwardRefExoticComponent<Props$f & React.RefAttributes<HTMLDivElement>>;
400
+ declare const TOTPImage: React.ForwardRefExoticComponent<Props$h & React.RefAttributes<HTMLDivElement>>;
373
401
 
374
- type Props$e = Omit<React.ComponentProps<typeof Link>, 'href'>;
375
- declare const TOTPLink: React.ForwardRefExoticComponent<Omit<Props$e, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
402
+ type Props$g = Omit<React.ComponentProps<typeof Link>, 'href'>;
403
+ declare const TOTPLink: React.ForwardRefExoticComponent<Omit<Props$g, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
376
404
 
377
- type Props$d = {
405
+ type Props$f = {
378
406
  width?: string;
379
407
  height?: string;
380
408
  };
381
409
  declare global {
382
410
  namespace JSX {
383
411
  interface IntrinsicElements {
384
- 'descope-notp-image': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & PropsToAttrs<Props$d>;
412
+ 'descope-notp-image': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & PropsToAttrs<Props$f>;
385
413
  }
386
414
  }
387
415
  }
388
- declare const NOTPImage: React.ForwardRefExoticComponent<Props$d & React.RefAttributes<HTMLDivElement>>;
416
+ declare const NOTPImage: React.ForwardRefExoticComponent<Props$f & React.RefAttributes<HTMLDivElement>>;
389
417
 
390
- type Props$c = Omit<React.ComponentProps<typeof Link>, 'href'>;
391
- declare const NOTPLink: React.ForwardRefExoticComponent<Omit<Props$c, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
418
+ type Props$e = Omit<React.ComponentProps<typeof Link>, 'href'>;
419
+ declare const NOTPLink: React.ForwardRefExoticComponent<Omit<Props$e, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
392
420
 
393
- type Props$b = {
421
+ type Props$d = {
394
422
  title?: string;
395
423
  description?: string;
396
424
  icon?: string;
@@ -409,13 +437,13 @@ type Props$b = {
409
437
  declare global {
410
438
  namespace JSX {
411
439
  interface IntrinsicElements {
412
- 'descope-upload-file': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Props$b;
440
+ 'descope-upload-file': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Props$d;
413
441
  }
414
442
  }
415
443
  }
416
- declare const UploadFile: React.ForwardRefExoticComponent<Props$b & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
444
+ declare const UploadFile: React.ForwardRefExoticComponent<Props$d & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
417
445
 
418
- type Props$a = {
446
+ type Props$c = {
419
447
  enabled?: boolean;
420
448
  'site-key'?: string;
421
449
  enterprise?: boolean;
@@ -427,20 +455,20 @@ declare global {
427
455
  }
428
456
  namespace JSX {
429
457
  interface IntrinsicElements {
430
- 'descope-recaptcha': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Props$a;
458
+ 'descope-recaptcha': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Props$c;
431
459
  }
432
460
  }
433
461
  }
434
- declare const Recaptcha: React.ForwardRefExoticComponent<Props$a & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
462
+ declare const Recaptcha: React.ForwardRefExoticComponent<Props$c & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
435
463
 
436
- type Props$9 = DescopeInputProps & {
464
+ type Props$b = DescopeInputProps & {
437
465
  'default-value'?: string;
438
466
  'allow-deselect'?: boolean;
439
467
  };
440
468
  declare global {
441
469
  namespace JSX {
442
470
  interface IntrinsicElements {
443
- 'descope-button-selection-group': Props$9;
471
+ 'descope-button-selection-group': Props$b;
444
472
  'descope-button-selection-group-item': JSX.IntrinsicElements['span'] & {
445
473
  value: string;
446
474
  children: string;
@@ -464,10 +492,10 @@ type SingleSelectType = {
464
492
  data?: Item$3[];
465
493
  allowClearValue?: boolean;
466
494
  };
467
- type Props$8 = Omit<React.ComponentProps<typeof ButtonSelectionGroup>, 'allow-deselect'> & SingleSelectType;
468
- declare const SingleSelect: React.ForwardRefExoticComponent<Omit<Props$8, "ref"> & React.RefAttributes<HTMLInputElement>>;
495
+ type Props$a = Omit<React.ComponentProps<typeof ButtonSelectionGroup>, 'allow-deselect'> & SingleSelectType;
496
+ declare const SingleSelect: React.ForwardRefExoticComponent<Omit<Props$a, "ref"> & React.RefAttributes<HTMLInputElement>>;
469
497
 
470
- type Props$7 = DescopeInputProps & {
498
+ type Props$9 = DescopeInputProps & {
471
499
  'default-value'?: string;
472
500
  'item-label-path'?: string;
473
501
  'item-value-path'?: string;
@@ -475,7 +503,7 @@ type Props$7 = DescopeInputProps & {
475
503
  declare global {
476
504
  namespace JSX {
477
505
  interface IntrinsicElements {
478
- 'descope-combobox': Props$7;
506
+ 'descope-combobox': Props$9;
479
507
  }
480
508
  }
481
509
  }
@@ -497,7 +525,7 @@ type Column = {
497
525
  resizable: boolean;
498
526
  };
499
527
  };
500
- type Props$6 = {
528
+ type Props$8 = {
501
529
  identifier: any;
502
530
  children?: JSX.Element[];
503
531
  size?: Omit<ComponentSize, 'xl'>;
@@ -513,7 +541,7 @@ declare global {
513
541
  }
514
542
  }
515
543
  }
516
- declare const Grid: React.ForwardRefExoticComponent<Props$6 & React.RefAttributes<HTMLInputElement>>;
544
+ declare const Grid: React.ForwardRefExoticComponent<Props$8 & React.RefAttributes<HTMLInputElement>>;
517
545
 
518
546
  type ColumnProps = {
519
547
  sortable?: boolean;
@@ -553,7 +581,7 @@ declare global {
553
581
  }
554
582
  declare const GridTextColumn: React.ForwardRefExoticComponent<ColumnProps & React.RefAttributes<HTMLInputElement>>;
555
583
 
556
- type Props$5 = {
584
+ type Props$7 = {
557
585
  mode?: string;
558
586
  size?: string;
559
587
  bordered?: boolean;
@@ -562,11 +590,11 @@ type Props$5 = {
562
590
  declare global {
563
591
  namespace JSX {
564
592
  interface IntrinsicElements {
565
- 'descope-badge': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Props$5;
593
+ 'descope-badge': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Props$7;
566
594
  }
567
595
  }
568
596
  }
569
- declare const Badge: React.ForwardRefExoticComponent<Props$5 & React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
597
+ declare const Badge: React.ForwardRefExoticComponent<Props$7 & React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
570
598
 
571
599
  declare global {
572
600
  namespace JSX {
@@ -575,12 +603,12 @@ declare global {
575
603
  }
576
604
  }
577
605
  }
578
- type Props$4 = {
606
+ type Props$6 = {
579
607
  opened?: boolean;
580
608
  };
581
- declare const Modal: React.ForwardRefExoticComponent<Props$4 & React.RefAttributes<HTMLDivElement>>;
609
+ declare const Modal: React.ForwardRefExoticComponent<Props$6 & React.RefAttributes<HTMLDivElement>>;
582
610
 
583
- type Props$3 = DescopeInputProps & {
611
+ type Props$5 = DescopeInputProps & {
584
612
  size?: 'xs' | 'sm' | 'md' | 'lg';
585
613
  'min-items-selection'?: number;
586
614
  'max-items-selection'?: number;
@@ -588,7 +616,7 @@ type Props$3 = DescopeInputProps & {
588
616
  declare global {
589
617
  namespace JSX {
590
618
  interface IntrinsicElements {
591
- 'descope-button-multi-selection-group': Props$3 & {
619
+ 'descope-button-multi-selection-group': Props$5 & {
592
620
  'default-values'?: string;
593
621
  };
594
622
  'descope-button-selection-group-item': JSX.IntrinsicElements['span'] & {
@@ -614,16 +642,16 @@ type MultiSelectType = {
614
642
  'min-items-selection'?: number;
615
643
  'max-items-selection'?: number;
616
644
  };
617
- type Props$2 = Omit<React.ComponentProps<typeof ButtonMultiSelectionGroup>, 'default-values'> & MultiSelectType & {
645
+ type Props$4 = Omit<React.ComponentProps<typeof ButtonMultiSelectionGroup>, 'default-values'> & MultiSelectType & {
618
646
  'default-values'?: string[];
619
647
  };
620
- declare const MultiSelect: React.ForwardRefExoticComponent<Omit<Props$2, "ref"> & React.RefAttributes<HTMLInputElement>>;
648
+ declare const MultiSelect: React.ForwardRefExoticComponent<Omit<Props$4, "ref"> & React.RefAttributes<HTMLInputElement>>;
621
649
 
622
650
  type Item$1 = {
623
651
  label: string;
624
652
  value: string;
625
653
  };
626
- type Props$1 = Omit<DescopeInputProps, 'bordered' | 'label' | 'placeholder' | 'helper-text' | 'data-errormessage-pattern-mismatch' | 'data-errormessage-value-missing'> & {
654
+ type Props$3 = Omit<DescopeInputProps, 'bordered' | 'label' | 'placeholder' | 'helper-text' | 'data-errormessage-pattern-mismatch' | 'data-errormessage-value-missing'> & {
627
655
  'label-value'?: string;
628
656
  'label-attr'?: string;
629
657
  'button-label'?: string;
@@ -635,20 +663,20 @@ type Props$1 = Omit<DescopeInputProps, 'bordered' | 'label' | 'placeholder' | 'h
635
663
  declare global {
636
664
  namespace JSX {
637
665
  interface IntrinsicElements {
638
- 'descope-mappings-field': Omit<Props$1, 'default-values' | 'options'> & {
666
+ 'descope-mappings-field': Omit<Props$3, 'default-values' | 'options'> & {
639
667
  'default-values'?: string;
640
668
  options?: string;
641
669
  };
642
670
  }
643
671
  }
644
672
  }
645
- declare const MappingsField: React.ForwardRefExoticComponent<Omit<Props$1, "ref"> & React.RefAttributes<HTMLInputElement>>;
673
+ declare const MappingsField: React.ForwardRefExoticComponent<Omit<Props$3, "ref"> & React.RefAttributes<HTMLInputElement>>;
646
674
 
647
675
  type Item = {
648
676
  label: string;
649
677
  value: string;
650
678
  };
651
- type Props = Omit<DescopeInputProps, 'bordered' | 'label' | 'placeholder' | 'helper-text' | 'data-errormessage-pattern-mismatch' | 'data-errormessage-value-missing'> & {
679
+ type Props$2 = Omit<DescopeInputProps, 'bordered' | 'label' | 'placeholder' | 'helper-text' | 'data-errormessage-pattern-mismatch' | 'data-errormessage-value-missing'> & {
652
680
  'label-value'?: string;
653
681
  'label-attr'?: string;
654
682
  'label-group'?: string;
@@ -660,12 +688,64 @@ type Props = Omit<DescopeInputProps, 'bordered' | 'label' | 'placeholder' | 'hel
660
688
  declare global {
661
689
  namespace JSX {
662
690
  interface IntrinsicElements {
663
- 'descope-saml-group-mappings': Omit<Props, 'options'> & {
691
+ 'descope-saml-group-mappings': Omit<Props$2, 'options'> & {
664
692
  options?: string;
665
693
  };
666
694
  }
667
695
  }
668
696
  }
669
- declare const SAMLGroupMappings: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLInputElement>>;
697
+ declare const SAMLGroupMappings: React.ForwardRefExoticComponent<Omit<Props$2, "ref"> & React.RefAttributes<HTMLInputElement>>;
698
+
699
+ declare global {
700
+ namespace JSX {
701
+ interface IntrinsicElements {
702
+ 'descope-user-auth-method': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & {
703
+ methodIcon?: string;
704
+ buttonIcon?: string;
705
+ };
706
+ }
707
+ }
708
+ }
709
+ declare const UserAuthMethod$1: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
710
+ label?: string;
711
+ 'button-label'?: string;
712
+ fulfilled?: boolean;
713
+ 'full-width'?: boolean;
714
+ methodIcon?: string;
715
+ buttonIcon?: string;
716
+ }, "ref"> & React.RefAttributes<HTMLButtonElement>>;
717
+
718
+ type Props$1 = {
719
+ 'badge-tooltip-text'?: string;
720
+ 'badge-label'?: string;
721
+ value?: string;
722
+ placeholder?: string;
723
+ label?: string;
724
+ 'full-width'?: boolean;
725
+ required?: boolean;
726
+ };
727
+ declare global {
728
+ namespace JSX {
729
+ interface IntrinsicElements {
730
+ 'descope-user-attribute': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Props$1;
731
+ }
732
+ }
733
+ }
734
+ declare const UserAttribute: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & Props$1, "ref"> & React.RefAttributes<HTMLButtonElement>>;
735
+
736
+ type Props = {
737
+ img?: string;
738
+ 'display-name'?: string;
739
+ size?: string;
740
+ editable?: boolean;
741
+ };
742
+ declare global {
743
+ namespace JSX {
744
+ interface IntrinsicElements {
745
+ 'descope-avatar': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Props;
746
+ }
747
+ }
748
+ }
749
+ declare const UserAuthMethod: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & Props, "ref"> & React.RefAttributes<HTMLButtonElement>>;
670
750
 
671
- export { Badge, Boolean, Button, Checkbox, Code, ComboBox, Container, Divider, Grid, GridCustomColumn, GridSelectionColumn, GridTextColumn, Image, Input, Link, Loader, Logo, MappingsField, Modal, MultiSelect, NOTPImage, NOTPLink, NewPassword, NumberField, Password, Phone, Recaptcha, SAMLGroupMappings, Select, SingleSelect, Switch, TOTPImage, TOTPLink, Text, TextField, Textarea, UploadFile, _default$b as apple, _default$2 as discord, _default$a as facebook, _default$8 as fingerprint, _default$6 as github, _default$5 as gitlab, _default$4 as google, _default$1 as linkedin, _default$3 as microsoft, _default$7 as passkey, _default$9 as slack, _default as sso, WhatsAppIcon as whatsapp };
751
+ export { UserAuthMethod as Avatar, Badge, Boolean, Button, Checkbox, Code, ComboBox, Container, Divider, Grid, GridCustomColumn, GridSelectionColumn, GridTextColumn, Image, Input, Link, Loader, Logo, MappingsField, Modal, MultiSelect, NOTPImage, NOTPLink, NewPassword, NumberField, Password, Phone, Recaptcha, SAMLGroupMappings, Select, SingleSelect, Switch, TOTPImage, TOTPLink, Text, TextField, Textarea, UploadFile, UserAttribute, UserAuthMethod$1 as UserAuthMethod, _default$f as apple, _default$6 as discord, _default$e as facebook, _default$c as fingerprint, _default$a as github, _default$9 as gitlab, _default$8 as google, _default$5 as linkedin, _default$7 as microsoft, _default$b as passkey, _default as password, _default$2 as plus, _default$1 as reload, _default$d as slack, _default$4 as sso, _default$3 as whatsapp };
package/dist/index.esm.js CHANGED
@@ -20,13 +20,13 @@ const Boolean = React.forwardRef(({ type, ...props }, ref) => {
20
20
  }
21
21
  });
22
22
 
23
- var apple = ({ noColor }) => (React.createElement("svg", { width: "1.5em", height: "1.5em", viewBox: "0 0 800 1000", xmlns: "http://www.w3.org/2000/svg", fill: noColor ? 'currentColor' : '#000000', style: { marginBottom: '0.1em' }, "data-icon": "apple" },
23
+ var apple = ({ noColor, ...props }) => (React.createElement("svg", { width: "1.5em", height: "1.5em", viewBox: "0 0 800 1000", xmlns: "http://www.w3.org/2000/svg", fill: noColor ? 'currentColor' : '#000000', style: { marginBottom: '0.1em' }, "data-icon": "apple", ...props },
24
24
  React.createElement("path", { d: "M788.1 340.9c-5.8 4.5-108.2 62.2-108.2 190.5 0 148.4 130.3 200.9 134.2 202.2-.6 3.2-20.7 71.9-68.7 141.9-42.8 61.6-87.5 123.1-155.5 123.1s-85.5-39.5-164-39.5c-76.5 0-103.7 40.8-165.9 40.8s-105.6-57-155.5-127C46.7 790.7 0 663 0 541.8c0-194.4 126.4-297.5 250.8-297.5 66.1 0 121.2 43.4 162.7 43.4 39.5 0 101.1-46 176.3-46 28.5 0 130.9 2.6 198.3 99.2zm-234-181.5c31.1-36.9 53.1-88.1 53.1-139.3 0-7.1-.6-14.3-1.9-20.1-50.6 1.9-110.8 33.7-147.1 75.8-28.5 32.4-55.1 83.6-55.1 135.5 0 7.8 1.3 15.6 1.9 18.1 3.2.6 8.4 1.3 13.6 1.3 45.4 0 102.5-30.4 135.5-71.3z" })));
25
25
 
26
- var facebook = ({ noColor }) => (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1.5em", height: "1.5em", viewBox: "5 5 20 20", fill: noColor ? 'currentColor' : '#1877F2', "data-icon": "facebook" },
26
+ var facebook = ({ noColor, ...props }) => (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1.5em", height: "1.5em", viewBox: "5 5 20 20", fill: noColor ? 'currentColor' : '#1877F2', "data-icon": "facebook", ...props },
27
27
  React.createElement("path", { d: "M25 15.0609C25 9.50385 20.5234 5 15 5C9.47658 5 5 9.50385 5 15.0609C5 20.0835 8.65625 24.2454 13.4375 25V17.9691H10.8984V15.0609H13.4375V12.8444C13.4375 10.3232 14.9297 8.93004 17.2148 8.93004C18.3086 8.93004 19.4531 9.12655 19.4531 9.12655V11.6025H18.1914C16.9492 11.6025 16.5625 12.3787 16.5625 13.1745V15.0609H19.3359L18.8926 17.9691H16.5625V25C21.3437 24.2454 25 20.0835 25 15.0609Z" })));
28
28
 
29
- var slack = ({ noColor }) => (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1.5em", height: "1.5em", viewBox: "0 0 124 124", "data-icon": "slack" },
29
+ var slack = ({ noColor, ...props }) => (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1.5em", height: "1.5em", viewBox: "0 0 124 124", "data-icon": "slack", ...props },
30
30
  React.createElement("g", null,
31
31
  React.createElement("path", { d: "M26.3996 78.1988C26.3996 85.2988 20.5996 91.0988 13.4996 91.0988C6.39961 91.0988 0.599609 85.2988 0.599609 78.1988C0.599609 71.0988 6.39961 65.2988 13.4996 65.2988H26.3996V78.1988Z", fill: noColor ? 'currentColor' : '#E01E5A' }),
32
32
  React.createElement("path", { d: "M32.8994 78.1988C32.8994 71.0988 38.6994 65.2988 45.7994 65.2988C52.8994 65.2988 58.6994 71.0988 58.6994 78.1988V110.499C58.6994 117.599 52.8994 123.399 45.7994 123.399C38.6994 123.399 32.8994 117.599 32.8994 110.499V78.1988Z", fill: noColor ? 'currentColor' : '#E01E5A' }),
@@ -37,18 +37,18 @@ var slack = ({ noColor }) => (React.createElement("svg", { xmlns: "http://www.w3
37
37
  React.createElement("path", { d: "M78.1998 97.5996C85.2998 97.5996 91.0998 103.4 91.0998 110.5C91.0998 117.6 85.2998 123.4 78.1998 123.4C71.0998 123.4 65.2998 117.6 65.2998 110.5V97.5996H78.1998Z", fill: noColor ? 'currentColor' : '#ECB22E' }),
38
38
  React.createElement("path", { d: "M78.1998 91.0988C71.0998 91.0988 65.2998 85.2988 65.2998 78.1988C65.2998 71.0988 71.0998 65.2988 78.1998 65.2988H110.5C117.6 65.2988 123.4 71.0988 123.4 78.1988C123.4 85.2988 117.6 91.0988 110.5 91.0988H78.1998Z", fill: noColor ? 'currentColor' : '#ECB22E' }))));
39
39
 
40
- var fingerprint = ({ noColor }) => (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 29 30", width: "1.5em", height: "1.5em", fill: noColor ? 'currentColor' : '#000000', "data-icon": "fingerprint" },
40
+ var fingerprint = ({ noColor, ...props }) => (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 29 30", width: "1.5em", height: "1.5em", fill: noColor ? 'currentColor' : '#000000', "data-icon": "fingerprint", ...props },
41
41
  React.createElement("path", { d: "M21.5204 5.5875C21.4238 5.5875 21.3271 5.5625 21.2425 5.5125C18.9225 4.275 16.9167 3.75 14.5121 3.75C12.1196 3.75 9.84792 4.3375 7.78167 5.5125C7.49167 5.675 7.12917 5.5625 6.96 5.2625C6.80292 4.9625 6.91167 4.575 7.20167 4.4125C9.44917 3.15 11.9142 2.5 14.5121 2.5C17.0858 2.5 19.3333 3.0875 21.7983 4.4C22.1004 4.5625 22.2092 4.9375 22.0521 5.2375C21.9433 5.4625 21.7379 5.5875 21.5204 5.5875V5.5875ZM4.22917 12.15C4.10834 12.15 3.9875 12.1125 3.87875 12.0375C3.60084 11.8375 3.54042 11.45 3.73375 11.1625C4.93 9.4125 6.4525 8.0375 8.265 7.075C12.0592 5.05 16.9167 5.0375 20.7229 7.0625C22.5354 8.025 24.0579 9.3875 25.2542 11.125C25.4475 11.4 25.3871 11.8 25.1092 12C24.8313 12.2 24.4567 12.1375 24.2633 11.85C23.1758 10.275 21.7983 9.0375 20.1671 8.175C16.6992 6.3375 12.2646 6.3375 8.80875 8.1875C7.16542 9.0625 5.78792 10.3125 4.70042 11.8875C4.60375 12.0625 4.4225 12.15 4.22917 12.15V12.15ZM11.7813 27.2375C11.6242 27.2375 11.4671 27.175 11.3583 27.05C10.3071 25.9625 9.73917 25.2625 8.92959 23.75C8.09584 22.2125 7.66084 20.3375 7.66084 18.325C7.66084 14.6125 10.73 11.5875 14.5 11.5875C18.27 11.5875 21.3392 14.6125 21.3392 18.325C21.3392 18.675 21.0733 18.95 20.735 18.95C20.3967 18.95 20.1308 18.675 20.1308 18.325C20.1308 15.3 17.6054 12.8375 14.5 12.8375C11.3946 12.8375 8.86917 15.3 8.86917 18.325C8.86917 20.125 9.25584 21.7875 9.99292 23.1375C10.7663 24.575 11.2979 25.1875 12.2283 26.1625C12.4579 26.4125 12.4579 26.8 12.2283 27.05C12.0954 27.175 11.9383 27.2375 11.7813 27.2375ZM20.445 24.925C19.0071 24.925 17.7383 24.55 16.6992 23.8125C14.8988 22.55 13.8233 20.5 13.8233 18.325C13.8233 17.975 14.0892 17.7 14.4275 17.7C14.7658 17.7 15.0317 17.975 15.0317 18.325C15.0317 20.0875 15.9017 21.75 17.3758 22.775C18.2338 23.375 19.2367 23.6625 20.445 23.6625C20.735 23.6625 21.2183 23.625 21.7017 23.5375C22.0279 23.475 22.3421 23.7 22.4025 24.05C22.4629 24.3875 22.2454 24.7125 21.9071 24.775C21.2183 24.9125 20.6142 24.925 20.445 24.925V24.925ZM18.0163 27.5C17.9679 27.5 17.9075 27.4875 17.8592 27.475C15.9379 26.925 14.6813 26.1875 13.3642 24.85C11.6725 23.1125 10.7421 20.8 10.7421 18.325C10.7421 16.3 12.4096 14.65 14.4638 14.65C16.5179 14.65 18.1854 16.3 18.1854 18.325C18.1854 19.6625 19.3092 20.75 20.6988 20.75C22.0883 20.75 23.2121 19.6625 23.2121 18.325C23.2121 13.6125 19.285 9.7875 14.4517 9.7875C11.02 9.7875 7.87834 11.7625 6.46459 14.825C5.99334 15.8375 5.75167 17.025 5.75167 18.325C5.75167 19.3 5.83625 20.8375 6.56125 22.8375C6.68209 23.1625 6.525 23.525 6.21084 23.6375C5.89667 23.7625 5.54625 23.5875 5.4375 23.275C4.84542 21.6375 4.55542 20.0125 4.55542 18.325C4.55542 16.825 4.83334 15.4625 5.37709 14.275C6.98417 10.7875 10.5488 8.525 14.4517 8.525C19.9496 8.525 24.4204 12.9125 24.4204 18.3125C24.4204 20.3375 22.7529 21.9875 20.6988 21.9875C18.6446 21.9875 16.9771 20.3375 16.9771 18.3125C16.9771 16.975 15.8533 15.8875 14.4638 15.8875C13.0742 15.8875 11.9504 16.975 11.9504 18.3125C11.9504 20.45 12.7479 22.45 14.21 23.95C15.3579 25.125 16.4575 25.775 18.1613 26.2625C18.4875 26.35 18.6688 26.7 18.5842 27.025C18.5238 27.3125 18.27 27.5 18.0163 27.5V27.5Z" })));
42
42
 
43
- var passkey = ({ noColor }) => (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "1.5em", height: "1.5em", fill: noColor ? 'currentColor' : '#000000', "data-icon": "passkey" },
43
+ var passkey = ({ noColor, ...props }) => (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "1.5em", height: "1.5em", fill: noColor ? 'currentColor' : '#000000', "data-icon": "passkey", ...props },
44
44
  React.createElement("circle", { cx: "10.5", cy: "6", r: "4.5" }),
45
45
  React.createElement("path", { d: "M22.5,10.5a3.5,3.5,0,1,0-5,3.15V19L19,20.5,21.5,18,20,16.5,21.5,15l-1.24-1.24A3.5,3.5,0,0,0,22.5,10.5Zm-3.5,0a1,1,0,1,1,1-1A1,1,0,0,1,19,10.5Z" }),
46
46
  React.createElement("path", { d: "M14.44,12.52A6,6,0,0,0,12,12H9a6,6,0,0,0-6,6v2H16V14.49A5.16,5.16,0,0,1,14.44,12.52Z" })));
47
47
 
48
- var github = ({ noColor }) => (React.createElement("svg", { width: "1.5em", height: "1.5em", xmlns: "http://www.w3.org/2000/svg", fill: noColor ? 'currentColor' : '#000000', viewBox: "2.5 2.5 25 25", "data-icon": "github" },
48
+ var github = ({ noColor, ...props }) => (React.createElement("svg", { width: "1.5em", height: "1.5em", xmlns: "http://www.w3.org/2000/svg", fill: noColor ? 'currentColor' : '#000000', viewBox: "2.5 2.5 25 25", "data-icon": "github", ...props },
49
49
  React.createElement("path", { d: "M15,3C8.373,3,3,8.373,3,15c0,5.623,3.872,10.328,9.092,11.63C12.036,26.468,12,26.28,12,26.047v-2.051 c-0.487,0-1.303,0-1.508,0c-0.821,0-1.551-0.353-1.905-1.009c-0.393-0.729-0.461-1.844-1.435-2.526 c-0.289-0.227-0.069-0.486,0.264-0.451c0.615,0.174,1.125,0.596,1.605,1.222c0.478,0.627,0.703,0.769,1.596,0.769 c0.433,0,1.081-0.025,1.691-0.121c0.328-0.833,0.895-1.6,1.588-1.962c-3.996-0.411-5.903-2.399-5.903-5.098 c0-1.162,0.495-2.286,1.336-3.233C9.053,10.647,8.706,8.73,9.435,8c1.798,0,2.885,1.166,3.146,1.481C13.477,9.174,14.461,9,15.495,9 c1.036,0,2.024,0.174,2.922,0.483C18.675,9.17,19.763,8,21.565,8c0.732,0.731,0.381,2.656,0.102,3.594 c0.836,0.945,1.328,2.066,1.328,3.226c0,2.697-1.904,4.684-5.894,5.097C18.199,20.49,19,22.1,19,23.313v2.734 c0,0.104-0.023,0.179-0.035,0.268C23.641,24.676,27,20.236,27,15C27,8.373,21.627,3,15,3z" })));
50
50
 
51
- var gitlab = ({ noColor }) => (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1.5em", height: "1.5em", viewBox: "0 0 256 236", fill: noColor ? 'currentColor' : '', "data-icon": "gitlab" },
51
+ var gitlab = ({ noColor, ...props }) => (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1.5em", height: "1.5em", viewBox: "0 0 256 236", fill: noColor ? 'currentColor' : '', "data-icon": "gitlab", ...props },
52
52
  React.createElement("path", { d: "M128.075 236.075l47.104-144.97H80.97l47.104 144.97z", fill: noColor ? '' : '#E24329' }),
53
53
  React.createElement("path", { d: "M128.075 236.074L80.97 91.104H14.956l113.119 144.97z", fill: noColor ? '' : '#FC6D26' }),
54
54
  React.createElement("path", { d: "M14.956 91.104L.642 135.16a9.752 9.752 0 0 0 3.542 10.903l123.891 90.012-113.12-144.97z", fill: noColor ? '' : '#FCA326' }),
@@ -57,29 +57,29 @@ var gitlab = ({ noColor }) => (React.createElement("svg", { xmlns: "http://www.w
57
57
  React.createElement("path", { d: "M241.194 91.104l14.314 44.056a9.752 9.752 0 0 1-3.543 10.903l-123.89 90.012 113.119-144.97z", fill: noColor ? '' : '#FCA326' }),
58
58
  React.createElement("path", { d: "M241.194 91.105h-66.015l28.37-87.315c1.46-4.493 7.816-4.492 9.275 0l28.37 87.315z", fill: noColor ? '' : '#E24329' })));
59
59
 
60
- var google = ({ noColor }) => (React.createElement("svg", { width: "1.5em", height: "1.5em", viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", fill: noColor ? 'currentColor' : '', "data-icon": "google" },
60
+ var google = ({ noColor, ...props }) => (React.createElement("svg", { width: "1.5em", height: "1.5em", viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", fill: noColor ? 'currentColor' : '', "data-icon": "google", ...props },
61
61
  React.createElement("path", { d: "m19.6 10.2274c0-.70912-.0636-1.39092-.1818-2.04552h-9.4182v3.86822h5.3818c-.2318 1.25-.9363 2.3091-1.9954 3.0182v2.5091h3.2318c1.8909-1.7409 2.9818-4.3046 2.9818-7.35z", fill: noColor ? '' : '#4285f4' }),
62
62
  React.createElement("path", { d: "m10 19.9999c2.7 0 4.9636-.8955 6.6181-2.4227l-3.2318-2.5091c-.8954.6-2.0409.9545-3.3863.9545-2.6046 0-4.8091-1.7591-5.5955-4.1227h-3.3409v2.5909c1.6455 3.2682 5.0273 5.5091 8.9364 5.5091z", fill: noColor ? '' : '#34a853' }),
63
63
  React.createElement("path", { d: "m4.4045 11.8999c-.2-.6-.3136-1.2409-.3136-1.89997 0-.6591.1136-1.3.3136-1.9v-2.5909h-3.3409c-.6772 1.35-1.0636 2.8773-1.0636 4.4909 0 1.61357.3864 3.14087 1.0636 4.49087z", fill: noColor ? '' : '#fbbc04' }),
64
64
  React.createElement("path", { d: "m10 3.9773c1.4681 0 2.7863.5045 3.8227 1.4954l2.8682-2.8682c-1.7318-1.6136-3.9955-2.6045-6.6909-2.6045-3.9091 0-7.2909 2.2409-8.9364 5.5091l3.3409 2.5909c.7864-2.3636 2.9909-4.1227 5.5955-4.1227z", fill: noColor ? '' : '#e94235' })));
65
65
 
66
- var microsoft = ({ noColor }) => (React.createElement("svg", { width: "1.5em", height: "1.5em", xmlns: "http://www.w3.org/2000/svg", fill: noColor ? 'currentColor' : '', viewBox: "3 3 24 24", "data-icon": "microsoft" },
66
+ var microsoft = ({ noColor, ...props }) => (React.createElement("svg", { width: "1.5em", height: "1.5em", xmlns: "http://www.w3.org/2000/svg", fill: noColor ? 'currentColor' : '', viewBox: "3 3 24 24", "data-icon": "microsoft", ...props },
67
67
  React.createElement("rect", { x: "5", y: "15.7143", width: "9.28571", height: "9.28571", fill: noColor ? '' : '#05A6F0' }),
68
68
  React.createElement("rect", { x: "5", y: "5", width: "9.28571", height: "9.28571", fill: noColor ? '' : '#F35325' }),
69
69
  React.createElement("rect", { x: "15.7143", y: "15.7143", width: "9.28571", height: "9.28571", fill: noColor ? '' : '#FFBA08' }),
70
70
  React.createElement("rect", { x: "15.7143", y: "5", width: "9.28571", height: "9.28571", fill: noColor ? '' : '#81BC06' }),
71
71
  ' '));
72
72
 
73
- var discord = ({ noColor }) => (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1.5em", height: "1.5em", viewBox: "0 0 256 200", fill: noColor ? 'currentColor' : '#5566fb', "data-icon": "discord" },
73
+ var discord = ({ noColor, ...props }) => (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1.5em", height: "1.5em", viewBox: "0 0 256 200", fill: noColor ? 'currentColor' : '#5566fb', "data-icon": "discord", ...props },
74
74
  React.createElement("path", { d: "M216.856339,16.5966031 C200.285002,8.84328665 182.566144,3.2084988 164.041564,0 C161.766523,4.11318106 159.108624,9.64549908 157.276099,14.0464379 C137.583995,11.0849896 118.072967,11.0849896 98.7430163,14.0464379 C96.9108417,9.64549908 94.1925838,4.11318106 91.8971895,0 C73.3526068,3.2084988 55.6133949,8.86399117 39.0420583,16.6376612 C5.61752293,67.146514 -3.4433191,116.400813 1.08711069,164.955721 C23.2560196,181.510915 44.7403634,191.567697 65.8621325,198.148576 C71.0772151,190.971126 75.7283628,183.341335 79.7352139,175.300261 C72.104019,172.400575 64.7949724,168.822202 57.8887866,164.667963 C59.7209612,163.310589 61.5131304,161.891452 63.2445898,160.431257 C105.36741,180.133187 151.134928,180.133187 192.754523,160.431257 C194.506336,161.891452 196.298154,163.310589 198.110326,164.667963 C191.183787,168.842556 183.854737,172.420929 176.223542,175.320965 C180.230393,183.341335 184.861538,190.991831 190.096624,198.16893 C211.238746,191.588051 232.743023,181.531619 254.911949,164.955721 C260.227747,108.668201 245.831087,59.8662432 216.856339,16.5966031 Z M85.4738752,135.09489 C72.8290281,135.09489 62.4592217,123.290155 62.4592217,108.914901 C62.4592217,94.5396472 72.607595,82.7145587 85.4738752,82.7145587 C98.3405064,82.7145587 108.709962,94.5189427 108.488529,108.914901 C108.508531,123.290155 98.3405064,135.09489 85.4738752,135.09489 Z M170.525237,135.09489 C157.88039,135.09489 147.510584,123.290155 147.510584,108.914901 C147.510584,94.5396472 157.658606,82.7145587 170.525237,82.7145587 C183.391518,82.7145587 193.761324,94.5189427 193.539891,108.914901 C193.539891,123.290155 183.391518,135.09489 170.525237,135.09489 Z" })));
75
75
 
76
- var linkedin = ({ noColor }) => (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1.5em", height: "1.5em", viewBox: "0 0 40 40", fill: noColor ? 'currentColor' : '#2867B2', "data-icon": "linkedin" },
76
+ var linkedin = ({ noColor, ...props }) => (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1.5em", height: "1.5em", viewBox: "0 0 40 40", fill: noColor ? 'currentColor' : '#2867B2', "data-icon": "linkedin", ...props },
77
77
  React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M37.1429 0H2.84821C1.27679 0 0 1.29464 0 2.88393V37.1161C0 38.7054 1.27679 40 2.84821 40H37.1429C38.7143 40 40 38.7054 40 37.1161V2.88393C40 1.29464 38.7143 0 37.1429 0ZM12.0893 34.2857H6.16071V15.1964H12.0982V34.2857H12.0893ZM9.125 12.5893C7.22321 12.5893 5.6875 11.0446 5.6875 9.15179C5.6875 7.25893 7.22321 5.71429 9.125 5.71429C11.0179 5.71429 12.5625 7.25893 12.5625 9.15179C12.5625 11.0536 11.0268 12.5893 9.125 12.5893V12.5893ZM34.3125 34.2857H28.3839V25C28.3839 22.7857 28.3393 19.9375 25.3036 19.9375C22.2143 19.9375 21.7411 22.3482 21.7411 24.8393V34.2857H15.8125V15.1964H21.5V17.8036H21.5804C22.375 16.3036 24.3125 14.7232 27.1964 14.7232C33.1964 14.7232 34.3125 18.6786 34.3125 23.8214V34.2857V34.2857Z" })));
78
78
 
79
- var sso = ({ noColor }) => (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1.5em", height: "1.5em", viewBox: "50 30 410 450", fill: noColor ? 'currentColor' : '#000000', "data-icon": "sso" },
79
+ var sso = ({ noColor, ...props }) => (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1.5em", height: "1.5em", viewBox: "50 30 410 450", fill: noColor ? 'currentColor' : '#000000', "data-icon": "sso", ...props },
80
80
  React.createElement("path", { d: "M56.629,379.2c-14.09,14.071-14.09,36.975,0,51.055 c14.08,14.087,36.981,14.087,50.965,0l10.177-10.08l42.438,42.428c7.257,7.268,18.888,7.268,26.155,0l63.244-63.244 c7.268-7.255,7.268-18.89,0-26.157l-42.429-42.427l75.586-75.682c16.174,8.357,34.61,13.075,54.059,13.075 c65.234,0,118.111-52.869,118.111-118.109c0-65.232-52.877-118.111-118.111-118.111c-65.238,0-118.11,52.879-118.11,118.111 c0,19.449,4.721,37.886,13.077,54.06L56.629,379.2z M291.396,150.059c0-25.075,20.354-45.429,45.427-45.429 c25.076,0,45.426,20.354,45.426,45.429s-20.35,45.426-45.426,45.426C311.751,195.485,291.396,175.133,291.396,150.059z" })));
81
81
 
82
- const WhatsAppIcon = ({ noColor }) => (React.createElement("svg", { fill: "none", height: "24", viewBox: "0 0 24 24", width: "24", xmlns: "http://www.w3.org/2000/svg" },
82
+ var whatsapp = ({ noColor, ...props }) => (React.createElement("svg", { fill: "none", height: "24", viewBox: "0 0 24 24", width: "24", xmlns: "http://www.w3.org/2000/svg", ...props },
83
83
  React.createElement("clipPath", { id: "a" },
84
84
  React.createElement("path", { d: "m0 0h24v24h-24z" })),
85
85
  React.createElement("clipPath", { id: "b" },
@@ -88,6 +88,15 @@ const WhatsAppIcon = ({ noColor }) => (React.createElement("svg", { fill: "none"
88
88
  React.createElement("g", { clipPath: "url(#b)" },
89
89
  React.createElement("path", { clipRule: "evenodd", d: "m20.5031 3.48501c-2.2558-2.24623-5.256-3.48387036-8.4527-3.48501-6.587 0-11.947836 5.33065-11.950128 11.883-.001146 2.0946.549492 4.1391 1.595188 5.9409l-1.69546 6.1586 6.33491-1.6525c1.74529.9471 3.71059 1.4456 5.71039 1.4462h.0051c6.5859 0 11.9473-5.3312 11.9496-11.8835.0011-3.1756-1.2405-6.1609-3.4969-8.40712zm-8.4527 18.28429h-.004c-1.782-.0005-3.53013-.4769-5.0554-1.3767l-.36272-.2142-3.75935.9806 1.0033-3.6451-.23608-.3738c-.99412-1.5727-1.51955-3.3904-1.5184-5.2565.00229-5.44579 4.45781-9.8767 9.93675-9.8767 2.6528.00114 5.1465 1.02966 7.0218 2.89696 1.8754 1.86673 2.9074 4.34887 2.9062 6.98764-.0023 5.4464-4.4578 9.8773-9.9321 9.8773zm5.4479-7.3973c-.2985-.1488-1.7664-.8668-2.0404-.9659-.2738-.0992-.4726-.1487-.6715.1487-.1988.2975-.7712.9665-.9454 1.1642-.1742.1983-.3484.2228-.6469.074-.2985-.1487-1.2606-.4621-2.4014-1.4735-.8875-.7875-1.4869-1.7596-1.66103-2.0571-.1742-.2974-.01834-.4581.1306-.6057.13406-.1333.29853-.347.44806-.5202.1496-.17325.19887-.29743.29857-.4952.0997-.19829.0498-.37147-.02463-.52024-.07454-.14871-.67154-1.61032-.9208-2.20462-.2424-.57892-.48874-.50029-.67154-.50997-.1742-.00855-.373-.01026-.5724-.01026s-.5226.07408-.79646.37152c-.27387.29742-1.04513 1.01596-1.04513 2.47698 0 1.46099 1.06979 2.87359 1.21933 3.07189.14953.1983 2.10566 3.1973 5.10063 4.4839.7123.306 1.2686.4889 1.7024.6257.7151.2262 1.366.1943 1.8805.1179.5736-.0854 1.7665-.7185 2.0152-1.412s.2487-1.2884.1742-1.412c-.0745-.1237-.2739-.1983-.5724-.347z", fill: noColor ? 'currentColor' : '#25D366', fillRule: "evenodd" })))));
90
90
 
91
+ var plus = ({ noColor, ...props }) => (React.createElement("svg", { height: "24", viewBox: "0 0 12 12", width: "24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props },
92
+ React.createElement("path", { d: "M5.2181 5.2181H1.22305C0.791359 5.2181 0.441406 5.56805 0.441406 5.99974C0.441406 6.43143 0.791359 6.78138 1.22305 6.78138H5.2181V10.7764C5.2181 11.2081 5.56805 11.5581 5.99974 11.5581C6.43143 11.5581 6.78138 11.2081 6.78138 10.7764V6.78138H10.7764C11.2081 6.78138 11.5581 6.43143 11.5581 5.99974C11.5581 5.56805 11.2081 5.2181 10.7764 5.2181H6.78138V1.22305C6.78138 0.791359 6.43143 0.441406 5.99974 0.441406C5.56805 0.441406 5.2181 0.791359 5.2181 1.22305V5.2181Z", fill: noColor ? 'currentColor' : '#006AF5' })));
93
+
94
+ var reload = ({ noColor, ...props }) => (React.createElement("svg", { width: "24", height: "24", viewBox: "0 0 14 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props },
95
+ React.createElement("path", { d: "M2.00065 8.83398C2.00065 7.45898 2.55898 6.20898 3.46732 5.30065L2.28398 4.11732C1.08398 5.32565 0.333984 6.99232 0.333984 8.83398C0.333984 12.234 2.87565 15.034 6.16732 15.4423V13.759C3.80898 13.359 2.00065 11.309 2.00065 8.83398ZM13.6673 8.83398C13.6673 5.15065 10.684 2.16732 7.00065 2.16732C6.95065 2.16732 6.90065 2.17565 6.85065 2.17565L7.75898 1.26732L6.58398 0.0839844L3.66732 3.00065L6.58398 5.91732L7.75898 4.74232L6.85898 3.84232C6.90898 3.84232 6.95898 3.83398 7.00065 3.83398C9.75898 3.83398 12.0007 6.07565 12.0007 8.83398C12.0007 11.309 10.1923 13.359 7.83398 13.759V15.4423C11.1257 15.034 13.6673 12.234 13.6673 8.83398Z", fill: noColor ? 'currentColor' : '#006AF5' })));
96
+
97
+ var password = ({ noColor, ...props }) => (React.createElement("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props },
98
+ React.createElement("path", { d: "M2 17H22V19H2V17ZM3.15 12.95L4 11.47L4.85 12.95L6.15 12.2L5.3 10.72H7V9.22H5.3L6.15 7.75L4.85 7L4 8.47L3.15 7L1.85 7.75L2.7 9.22H1V10.72H2.7L1.85 12.2L3.15 12.95ZM9.85 12.2L11.15 12.95L12 11.47L12.85 12.95L14.15 12.2L13.3 10.72H15V9.22H13.3L14.15 7.75L12.85 7L12 8.47L11.15 7L9.85 7.75L10.7 9.22H9V10.72H10.7L9.85 12.2ZM23 9.22H21.3L22.15 7.75L20.85 7L20 8.47L19.15 7L17.85 7.75L18.7 9.22H17V10.72H18.7L17.85 12.2L19.15 12.95L20 11.47L20.85 12.95L22.15 12.2L21.3 10.72H23V9.22Z", fill: noColor ? 'currentColor' : '#808080' })));
99
+
91
100
  var icons = /*#__PURE__*/Object.freeze({
92
101
  __proto__: null,
93
102
  apple: apple,
@@ -100,9 +109,12 @@ var icons = /*#__PURE__*/Object.freeze({
100
109
  linkedin: linkedin,
101
110
  microsoft: microsoft,
102
111
  passkey: passkey,
112
+ password: password,
113
+ plus: plus,
114
+ reload: reload,
103
115
  slack: slack,
104
116
  sso: sso,
105
- whatsapp: WhatsAppIcon
117
+ whatsapp: whatsapp
106
118
  });
107
119
 
108
120
  const isImageSource = (src) => src.startsWith('data:image') || src.startsWith('http');
@@ -438,4 +450,28 @@ SAMLGroupMappings.defaultProps = {
438
450
  size: 'md'
439
451
  };
440
452
 
441
- export { Badge, Boolean, Button, Checkbox, Code, ComboBox, Container, Divider, Grid, GridCustomColumn, GridSelectionColumn, GridTextColumn, Image, Input, Link, Loader, Logo, MappingsField, Modal, MultiSelect, NOTPImage, NOTPLink, NewPassword, NumberField, Password, Phone, Recaptcha, SAMLGroupMappings, Select, SingleSelect, Switch, TOTPImage, TOTPLink, Text, TextField, Textarea, UploadFile, apple, discord, facebook, fingerprint, github, gitlab, google, linkedin, microsoft, passkey, slack, sso, WhatsAppIcon as whatsapp };
453
+ const Icon = ({ icon, noColor, ...props }) => {
454
+ if (!icon)
455
+ return undefined;
456
+ if (isImageSource(icon))
457
+ return (React.createElement("img", { ...props, src: icon, alt: icon, style: { height: '1.5em', width: '1.5em' } }));
458
+ return icons[icon]?.({ noColor, ...props });
459
+ };
460
+
461
+ const UserAuthMethod$1 = React.forwardRef(({ methodIcon, buttonIcon, ...props }, ref) => (React.createElement("descope-user-auth-method", { ...props, ref: ref },
462
+ React.createElement(Icon, { icon: methodIcon, slot: "method-icon" }),
463
+ React.createElement(Icon, { icon: buttonIcon, slot: "button-icon", noColor: true, width: "1em", height: "1em" }))));
464
+ UserAuthMethod$1.defaultProps = {};
465
+
466
+ const UserAttribute = React.forwardRef((props, ref) => React.createElement("descope-user-attribute", { ...props, ref: ref }));
467
+ UserAttribute.defaultProps = {
468
+ required: false
469
+ };
470
+
471
+ const UserAuthMethod = React.forwardRef((props, ref) => React.createElement("descope-avatar", { ...props, ref: ref }));
472
+ UserAuthMethod.defaultProps = {
473
+ size: 'md',
474
+ editable: false
475
+ };
476
+
477
+ export { UserAuthMethod as Avatar, Badge, Boolean, Button, Checkbox, Code, ComboBox, Container, Divider, Grid, GridCustomColumn, GridSelectionColumn, GridTextColumn, Image, Input, Link, Loader, Logo, MappingsField, Modal, MultiSelect, NOTPImage, NOTPLink, NewPassword, NumberField, Password, Phone, Recaptcha, SAMLGroupMappings, Select, SingleSelect, Switch, TOTPImage, TOTPLink, Text, TextField, Textarea, UploadFile, UserAttribute, UserAuthMethod$1 as UserAuthMethod, apple, discord, facebook, fingerprint, github, gitlab, google, linkedin, microsoft, passkey, password, plus, reload, slack, sso, whatsapp };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@descope/flow-components",
3
- "version": "2.0.240",
3
+ "version": "2.0.242",
4
4
  "description": "",
5
5
  "main": "dist/index.cjs.js",
6
6
  "module": "dist/index.esm.js",
@@ -36,8 +36,8 @@
36
36
  ]
37
37
  },
38
38
  "devDependencies": {
39
- "@babel/core": "7.24.3",
40
- "@babel/preset-env": "7.24.3",
39
+ "@babel/core": "7.24.4",
40
+ "@babel/preset-env": "7.24.4",
41
41
  "@babel/preset-react": "7.24.1",
42
42
  "@babel/preset-typescript": "7.24.1",
43
43
  "@rollup/plugin-commonjs": "^25.0.0",
@@ -100,7 +100,7 @@
100
100
  "typescript": "^5.0.0"
101
101
  },
102
102
  "dependencies": {
103
- "@descope/web-components-ui": "1.0.294"
103
+ "@descope/web-components-ui": "1.0.296"
104
104
  },
105
105
  "peerDependencies": {
106
106
  "react": ">=17"