@magiclabs/ui-components 1.48.3 → 1.49.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.
- package/dist/cjs/components/icons/ico-sidebar.js +2 -0
- package/dist/cjs/components/icons/ico-sidebar.js.map +1 -0
- package/dist/cjs/components/logos/icon-game-controller-dark.js +1 -1
- package/dist/cjs/components/logos/icon-game-controller-dark.js.map +1 -1
- package/dist/cjs/components/logos/icon-game-controller.js +1 -1
- package/dist/cjs/components/logos/icon-game-controller.js.map +1 -1
- package/dist/cjs/components/logos/icon-music-dark.js +1 -1
- package/dist/cjs/components/logos/icon-music-dark.js.map +1 -1
- package/dist/cjs/components/logos/icon-music.js +1 -1
- package/dist/cjs/components/logos/icon-music.js.map +1 -1
- package/dist/cjs/components/logos/icon-shield-lock.js +1 -1
- package/dist/cjs/components/logos/icon-shield-lock.js.map +1 -1
- package/dist/cjs/components/logos/wlt-metamask.js +1 -1
- package/dist/cjs/components/logos/wlt-metamask.js.map +1 -1
- package/dist/cjs/components/logos/wlt-rabby.js +2 -0
- package/dist/cjs/components/logos/wlt-rabby.js.map +1 -0
- package/dist/cjs/components/primitives/dropdown-selector.js +1 -1
- package/dist/cjs/components/primitives/dropdown-selector.js.map +1 -1
- package/dist/cjs/index.js +1 -1
- package/dist/es/components/icons/ico-sidebar.js +2 -0
- package/dist/es/components/icons/ico-sidebar.js.map +1 -0
- package/dist/es/components/logos/icon-game-controller-dark.js +1 -1
- package/dist/es/components/logos/icon-game-controller-dark.js.map +1 -1
- package/dist/es/components/logos/icon-game-controller.js +1 -1
- package/dist/es/components/logos/icon-game-controller.js.map +1 -1
- package/dist/es/components/logos/icon-music-dark.js +1 -1
- package/dist/es/components/logos/icon-music-dark.js.map +1 -1
- package/dist/es/components/logos/icon-music.js +1 -1
- package/dist/es/components/logos/icon-music.js.map +1 -1
- package/dist/es/components/logos/icon-shield-lock.js +1 -1
- package/dist/es/components/logos/icon-shield-lock.js.map +1 -1
- package/dist/es/components/logos/wlt-metamask.js +1 -1
- package/dist/es/components/logos/wlt-metamask.js.map +1 -1
- package/dist/es/components/logos/wlt-rabby.js +2 -0
- package/dist/es/components/logos/wlt-rabby.js.map +1 -0
- package/dist/es/components/primitives/dropdown-selector.js +1 -1
- package/dist/es/components/primitives/dropdown-selector.js.map +1 -1
- package/dist/es/index.js +1 -1
- package/dist/types/components/icons/ico-sidebar.d.ts +14 -0
- package/dist/types/components/icons/ico-sidebar.d.ts.map +1 -0
- package/dist/types/components/icons/index.d.ts +1 -0
- package/dist/types/components/icons/index.d.ts.map +1 -1
- package/dist/types/components/logos/index.d.ts +1 -0
- package/dist/types/components/logos/index.d.ts.map +1 -1
- package/dist/types/components/logos/wlt-metamask.d.ts.map +1 -1
- package/dist/types/components/logos/wlt-rabby.d.ts +10 -0
- package/dist/types/components/logos/wlt-rabby.d.ts.map +1 -0
- package/dist/types/components/primitives/dropdown-selector.d.ts +4 -5
- package/dist/types/components/primitives/dropdown-selector.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsxs as l,jsx as e}from"react/jsx-runtime";const
|
|
1
|
+
import{jsxs as l,jsx as e}from"react/jsx-runtime";const r=({title:t,titleId:a,...i})=>l("svg",{width:33,height:32,viewBox:"0 0 33 32",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":a,...i,children:[t?e("title",{id:a,children:t}):null,e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6.6028 0.961573C6.48059 0.706553 6.17479 0.598886 5.91977 0.721093C5.66475 0.843299 5.55708 1.1491 5.67929 1.40412L9.33196 9.0265C8.7191 8.87431 8.05165 8.92628 7.43771 9.22048C6.0351 9.89261 5.44293 11.5745 6.11506 12.9771C6.7872 14.3797 8.46911 14.9719 9.87172 14.2998C11.2743 13.6276 11.8665 11.9457 11.1944 10.5431C11.1919 10.5379 11.1893 10.5327 11.1868 10.5275L6.6028 0.961573Z",fill:"url(#paint0_radial_10465_20480)"}),e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M27.1022 20.311C27.1706 20.0556 27.019 19.7931 26.7636 19.7246C26.5083 19.6562 26.2457 19.8078 26.1773 20.0631L24.132 27.6962C23.7896 27.2154 23.2843 26.8463 22.6696 26.6816C21.2649 26.3052 19.8211 27.1388 19.4448 28.5434C19.0684 29.9481 19.902 31.3919 21.3066 31.7683C22.7113 32.1446 24.1551 31.3111 24.5314 29.9064C24.5352 29.8924 24.5388 29.8784 24.5423 29.8644L27.1022 20.311Z",fill:"url(#paint1_radial_10465_20480)"}),e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7.98629 19.5071C7.46549 19.4155 6.96904 19.7635 6.87744 20.2843L5.41275 28.612C5.41053 28.6259 5.4082 28.6397 5.40576 28.6536C5.15386 30.0858 3.78862 31.0427 2.35641 30.7908C0.924202 30.5389 -0.0326297 29.1736 0.219269 27.7414C0.471168 26.3092 1.83641 25.3524 3.26862 25.6043C3.89539 25.7145 4.43111 26.038 4.81433 26.4869L5.93444 20.1184C6.11764 19.0768 7.11054 18.3809 8.15215 18.5641L11.6884 19.1861C12.73 19.3693 13.4259 20.3622 13.2427 21.4038L12.1137 27.8229C12.1104 27.8443 12.1069 27.8657 12.1032 27.8872C11.8513 29.3194 10.486 30.2762 9.05383 30.0243C7.62162 29.7724 6.66478 28.4072 6.91668 26.975C7.16858 25.5428 8.53382 24.5859 9.96603 24.8378C10.5926 24.948 11.1282 25.2713 11.5114 25.72L12.2997 21.2379C12.3913 20.7171 12.0433 20.2207 11.5225 20.1291L7.98629 19.5071Z",fill:"url(#paint2_radial_10465_20480)"}),e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M22.1486 4.59758C22.1486 3.18529 23.2934 2.04041 24.7057 2.04041H29.5004C30.9127 2.04041 32.0576 3.18529 32.0576 4.59758V6.7552V13.3567C32.0577 13.3673 32.0578 13.3778 32.0578 13.3884C32.0578 15.3303 30.4835 16.9045 28.5416 16.9045C26.5997 16.9045 25.0255 15.3303 25.0255 13.3884C25.0255 11.4465 26.5997 9.87225 28.5416 9.87225C29.3916 9.87225 30.1711 10.1738 30.779 10.6758V7.3945H23.4271L23.4271 15.9008L23.4274 15.9452C23.4274 17.8871 21.8532 19.4613 19.9113 19.4613C17.9694 19.4613 16.3952 17.8871 16.3952 15.9452C16.3952 14.0033 17.9694 12.4291 19.9113 12.4291C20.7612 12.4291 21.5407 12.7306 22.1486 13.2325V6.7552V4.59758ZM23.4271 6.11591H30.779V4.59758C30.779 3.89144 30.2066 3.31899 29.5004 3.31899H24.7057C23.9996 3.31899 23.4271 3.89144 23.4271 4.59758V6.11591Z",fill:"url(#paint3_radial_10465_20480)"}),l("defs",{children:[l("radialGradient",{id:"paint0_radial_10465_20480",cx:0,cy:0,r:1,gradientUnits:"userSpaceOnUse",gradientTransform:"translate(7.3631 10.2496) rotate(44.073) scale(3.68567)",children:[e("stop",{stopColor:"#A799FF"}),e("stop",{offset:1,stopColor:"#6851FF"})]}),l("radialGradient",{id:"paint1_radial_10465_20480",cx:0,cy:0,r:1,gradientUnits:"userSpaceOnUse",gradientTransform:"translate(21.9903 27.3669) rotate(84.6769) scale(3.44599)",children:[e("stop",{stopColor:"#A799FF"}),e("stop",{offset:1,stopColor:"#6851FF"})]}),l("radialGradient",{id:"paint2_radial_10465_20480",cx:0,cy:0,r:1,gradientTransform:"matrix(6.77068 6.41631 -3.55159 3.74756 2.30377 23.4901)",gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"#A799FF"}),e("stop",{offset:1,stopColor:"#6851FF"})]}),l("radialGradient",{id:"paint3_radial_10465_20480",cx:0,cy:0,r:1,gradientTransform:"matrix(7.99112 9.90914 -9.90898 7.99124 17.6738 8.11375)",gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"#BAAFFF"}),e("stop",{offset:1,stopColor:"#6851FF"})]})]})]});export{r as default};
|
|
2
2
|
//# sourceMappingURL=icon-music.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon-music.js","sources":["../../../../src/components/logos/icon-music.tsx"],"sourcesContent":["import type { SVGProps } from 'react';\ninterface SVGRProps {\n title?: string;\n titleId?: string;\n}\nexport interface Props extends SVGRProps, SVGProps<SVGSVGElement> {}\nconst IconMusic = ({ title, titleId, ...props }: Props) => (\n <svg\n width={33}\n height={32}\n viewBox=\"0 0 33 32\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n aria-labelledby={titleId}\n {...props}\n >\n {title ? <title id={titleId}>{title}</title> : null}\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M6.6028 0.961573C6.48059 0.706553 6.17479 0.598886 5.91977 0.721093C5.66475 0.843299 5.55708 1.1491 5.67929 1.40412L9.33196 9.0265C8.7191 8.87431 8.05165 8.92628 7.43771 9.22048C6.0351 9.89261 5.44293 11.5745 6.11506 12.9771C6.7872 14.3797 8.46911 14.9719 9.87172 14.2998C11.2743 13.6276 11.8665 11.9457 11.1944 10.5431C11.1919 10.5379 11.1893 10.5327 11.1868 10.5275L6.6028 0.961573Z\"\n fill=\"url(#paint0_radial_10465_20480)\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M27.1022 20.311C27.1706 20.0556 27.019 19.7931 26.7636 19.7246C26.5083 19.6562 26.2457 19.8078 26.1773 20.0631L24.132 27.6962C23.7896 27.2154 23.2843 26.8463 22.6696 26.6816C21.2649 26.3052 19.8211 27.1388 19.4448 28.5434C19.0684 29.9481 19.902 31.3919 21.3066 31.7683C22.7113 32.1446 24.1551 31.3111 24.5314 29.9064C24.5352 29.8924 24.5388 29.8784 24.5423 29.8644L27.1022 20.311Z\"\n fill=\"url(#paint1_radial_10465_20480)\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M7.98629 19.5071C7.46549 19.4155 6.96904 19.7635 6.87744 20.2843L5.41275 28.612C5.41053 28.6259 5.4082 28.6397 5.40576 28.6536C5.15386 30.0858 3.78862 31.0427 2.35641 30.7908C0.924202 30.5389 -0.0326297 29.1736 0.219269 27.7414C0.471168 26.3092 1.83641 25.3524 3.26862 25.6043C3.89539 25.7145 4.43111 26.038 4.81433 26.4869L5.93444 20.1184C6.11764 19.0768 7.11054 18.3809 8.15215 18.5641L11.6884 19.1861C12.73 19.3693 13.4259 20.3622 13.2427 21.4038L12.1137 27.8229C12.1104 27.8443 12.1069 27.8657 12.1032 27.8872C11.8513 29.3194 10.486 30.2762 9.05383 30.0243C7.62162 29.7724 6.66478 28.4072 6.91668 26.975C7.16858 25.5428 8.53382 24.5859 9.96603 24.8378C10.5926 24.948 11.1282 25.2713 11.5114 25.72L12.2997 21.2379C12.3913 20.7171 12.0433 20.2207 11.5225 20.1291L7.98629 19.5071Z\"\n fill=\"url(#paint2_radial_10465_20480)\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M22.1486 4.59758C22.1486 3.18529 23.2934 2.04041 24.7057 2.04041H29.5004C30.9127 2.04041 32.0576 3.18529 32.0576 4.59758V6.7552V13.3567C32.0577 13.3673 32.0578 13.3778 32.0578 13.3884C32.0578 15.3303 30.4835 16.9045 28.5416 16.9045C26.5997 16.9045 25.0255 15.3303 25.0255 13.3884C25.0255 11.4465 26.5997 9.87225 28.5416 9.87225C29.3916 9.87225 30.1711 10.1738 30.779 10.6758V7.3945H23.4271L23.4271 15.9008L23.4274 15.9452C23.4274 17.8871 21.8532 19.4613 19.9113 19.4613C17.9694 19.4613 16.3952 17.8871 16.3952 15.9452C16.3952 14.0033 17.9694 12.4291 19.9113 12.4291C20.7612 12.4291 21.5407 12.7306 22.1486 13.2325V6.7552V4.59758ZM23.4271 6.11591H30.779V4.59758C30.779 3.89144 30.2066 3.31899 29.5004 3.31899H24.7057C23.9996 3.31899 23.4271 3.89144 23.4271 4.59758V6.11591Z\"\n fill=\"url(#paint3_radial_10465_20480)\"\n />\n <defs>\n <radialGradient\n id=\"paint0_radial_10465_20480\"\n cx={0}\n cy={0}\n r={1}\n gradientUnits=\"userSpaceOnUse\"\n gradientTransform=\"translate(7.3631 10.2496) rotate(44.073) scale(3.68567)\"\n >\n <stop stopColor=\"#A799FF\" />\n <stop offset={1} stopColor=\"#6851FF\" />\n </radialGradient>\n <radialGradient\n id=\"paint1_radial_10465_20480\"\n cx={0}\n cy={0}\n r={1}\n gradientUnits=\"userSpaceOnUse\"\n gradientTransform=\"translate(21.9903 27.3669) rotate(84.6769) scale(3.44599)\"\n >\n <stop stopColor=\"#A799FF\" />\n <stop offset={1} stopColor=\"#6851FF\" />\n </radialGradient>\n <radialGradient\n id=\"paint2_radial_10465_20480\"\n cx={0}\n cy={0}\n r={1}\n
|
|
1
|
+
{"version":3,"file":"icon-music.js","sources":["../../../../src/components/logos/icon-music.tsx"],"sourcesContent":["import type { SVGProps } from 'react';\ninterface SVGRProps {\n title?: string;\n titleId?: string;\n}\nexport interface Props extends SVGRProps, SVGProps<SVGSVGElement> {}\nconst IconMusic = ({ title, titleId, ...props }: Props) => (\n <svg\n width={33}\n height={32}\n viewBox=\"0 0 33 32\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n aria-labelledby={titleId}\n {...props}\n >\n {title ? <title id={titleId}>{title}</title> : null}\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M6.6028 0.961573C6.48059 0.706553 6.17479 0.598886 5.91977 0.721093C5.66475 0.843299 5.55708 1.1491 5.67929 1.40412L9.33196 9.0265C8.7191 8.87431 8.05165 8.92628 7.43771 9.22048C6.0351 9.89261 5.44293 11.5745 6.11506 12.9771C6.7872 14.3797 8.46911 14.9719 9.87172 14.2998C11.2743 13.6276 11.8665 11.9457 11.1944 10.5431C11.1919 10.5379 11.1893 10.5327 11.1868 10.5275L6.6028 0.961573Z\"\n fill=\"url(#paint0_radial_10465_20480)\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M27.1022 20.311C27.1706 20.0556 27.019 19.7931 26.7636 19.7246C26.5083 19.6562 26.2457 19.8078 26.1773 20.0631L24.132 27.6962C23.7896 27.2154 23.2843 26.8463 22.6696 26.6816C21.2649 26.3052 19.8211 27.1388 19.4448 28.5434C19.0684 29.9481 19.902 31.3919 21.3066 31.7683C22.7113 32.1446 24.1551 31.3111 24.5314 29.9064C24.5352 29.8924 24.5388 29.8784 24.5423 29.8644L27.1022 20.311Z\"\n fill=\"url(#paint1_radial_10465_20480)\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M7.98629 19.5071C7.46549 19.4155 6.96904 19.7635 6.87744 20.2843L5.41275 28.612C5.41053 28.6259 5.4082 28.6397 5.40576 28.6536C5.15386 30.0858 3.78862 31.0427 2.35641 30.7908C0.924202 30.5389 -0.0326297 29.1736 0.219269 27.7414C0.471168 26.3092 1.83641 25.3524 3.26862 25.6043C3.89539 25.7145 4.43111 26.038 4.81433 26.4869L5.93444 20.1184C6.11764 19.0768 7.11054 18.3809 8.15215 18.5641L11.6884 19.1861C12.73 19.3693 13.4259 20.3622 13.2427 21.4038L12.1137 27.8229C12.1104 27.8443 12.1069 27.8657 12.1032 27.8872C11.8513 29.3194 10.486 30.2762 9.05383 30.0243C7.62162 29.7724 6.66478 28.4072 6.91668 26.975C7.16858 25.5428 8.53382 24.5859 9.96603 24.8378C10.5926 24.948 11.1282 25.2713 11.5114 25.72L12.2997 21.2379C12.3913 20.7171 12.0433 20.2207 11.5225 20.1291L7.98629 19.5071Z\"\n fill=\"url(#paint2_radial_10465_20480)\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M22.1486 4.59758C22.1486 3.18529 23.2934 2.04041 24.7057 2.04041H29.5004C30.9127 2.04041 32.0576 3.18529 32.0576 4.59758V6.7552V13.3567C32.0577 13.3673 32.0578 13.3778 32.0578 13.3884C32.0578 15.3303 30.4835 16.9045 28.5416 16.9045C26.5997 16.9045 25.0255 15.3303 25.0255 13.3884C25.0255 11.4465 26.5997 9.87225 28.5416 9.87225C29.3916 9.87225 30.1711 10.1738 30.779 10.6758V7.3945H23.4271L23.4271 15.9008L23.4274 15.9452C23.4274 17.8871 21.8532 19.4613 19.9113 19.4613C17.9694 19.4613 16.3952 17.8871 16.3952 15.9452C16.3952 14.0033 17.9694 12.4291 19.9113 12.4291C20.7612 12.4291 21.5407 12.7306 22.1486 13.2325V6.7552V4.59758ZM23.4271 6.11591H30.779V4.59758C30.779 3.89144 30.2066 3.31899 29.5004 3.31899H24.7057C23.9996 3.31899 23.4271 3.89144 23.4271 4.59758V6.11591Z\"\n fill=\"url(#paint3_radial_10465_20480)\"\n />\n <defs>\n <radialGradient\n id=\"paint0_radial_10465_20480\"\n cx={0}\n cy={0}\n r={1}\n gradientUnits=\"userSpaceOnUse\"\n gradientTransform=\"translate(7.3631 10.2496) rotate(44.073) scale(3.68567)\"\n >\n <stop stopColor=\"#A799FF\" />\n <stop offset={1} stopColor=\"#6851FF\" />\n </radialGradient>\n <radialGradient\n id=\"paint1_radial_10465_20480\"\n cx={0}\n cy={0}\n r={1}\n gradientUnits=\"userSpaceOnUse\"\n gradientTransform=\"translate(21.9903 27.3669) rotate(84.6769) scale(3.44599)\"\n >\n <stop stopColor=\"#A799FF\" />\n <stop offset={1} stopColor=\"#6851FF\" />\n </radialGradient>\n <radialGradient\n id=\"paint2_radial_10465_20480\"\n cx={0}\n cy={0}\n r={1}\n gradientTransform=\"matrix(6.77068 6.41631 -3.55159 3.74756 2.30377 23.4901)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop stopColor=\"#A799FF\" />\n <stop offset={1} stopColor=\"#6851FF\" />\n </radialGradient>\n <radialGradient\n id=\"paint3_radial_10465_20480\"\n cx={0}\n cy={0}\n r={1}\n gradientTransform=\"matrix(7.99112 9.90914 -9.90898 7.99124 17.6738 8.11375)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop stopColor=\"#BAAFFF\" />\n <stop offset={1} stopColor=\"#6851FF\" />\n </radialGradient>\n </defs>\n </svg>\n);\nexport default IconMusic;\n"],"names":["IconMusic","title","titleId","props","_jsxs","_jsx"],"mappings":"kDAMA,MAAMA,EAAY,CAAC,CAAE,MAAAC,EAAO,QAAAC,EAAS,GAAGC,CAAK,IAC3CC,EAAA,MAAA,CACE,MAAO,GACP,OAAQ,GACR,QAAQ,YACR,KAAK,OACL,MAAM,6BACW,kBAAAF,EACb,GAAAC,EAEH,SAAA,CAAAF,EAAQI,EAAO,QAAA,CAAA,GAAIH,EAAO,SAAGD,CAAK,CAAA,EAAY,KAC/CI,EACE,OAAA,CAAA,SAAS,UACT,SAAS,UACT,EAAE,mYACF,KAAK,iCAAiC,CAAA,EAExCA,EAAA,OAAA,CACE,SAAS,UACT,SAAS,UACT,EAAE,+XACF,KAAK,iCACL,CAAA,EACFA,EACE,OAAA,CAAA,SAAS,UACT,SAAS,UACT,EAAE,gxBACF,KAAK,oCAEPA,EAAA,OAAA,CACE,SAAS,UACT,SAAS,UACT,EAAE,uwBACF,KAAK,iCAAiC,CAAA,EAExCD,EACE,OAAA,CAAA,SAAA,CAAAA,EAAA,iBAAA,CACE,GAAG,4BACH,GAAI,EACJ,GAAI,EACJ,EAAG,EACH,cAAc,iBACd,kBAAkB,0DAElB,SAAA,CAAAC,EAAA,OAAA,CAAM,UAAU,SAAY,CAAA,EAC5BA,UAAM,OAAQ,EAAG,UAAU,SAAY,CAAA,CAAA,CAAA,CAAA,EAEzCD,EAAA,iBAAA,CACE,GAAG,4BACH,GAAI,EACJ,GAAI,EACJ,EAAG,EACH,cAAc,iBACd,kBAAkB,4DAA2D,SAAA,CAE7EC,EAAM,OAAA,CAAA,UAAU,SAAS,CAAA,EACzBA,EAAA,OAAA,CAAM,OAAQ,EAAG,UAAU,SAAY,CAAA,CAAA,CAAA,CAAA,EAEzCD,EACE,iBAAA,CAAA,GAAG,4BACH,GAAI,EACJ,GAAI,EACJ,EAAG,EACH,kBAAkB,2DAClB,cAAc,iBAEd,SAAA,CAAAC,EAAA,OAAA,CAAM,UAAU,SAAY,CAAA,EAC5BA,EAAM,OAAA,CAAA,OAAQ,EAAG,UAAU,SAAS,CAAA,CAAG,CACxB,CAAA,EACjBD,oBACE,GAAG,4BACH,GAAI,EACJ,GAAI,EACJ,EAAG,EACH,kBAAkB,2DAClB,cAAc,2BAEdC,EAAM,OAAA,CAAA,UAAU,SAAY,CAAA,EAC5BA,EAAM,OAAA,CAAA,OAAQ,EAAG,UAAU,SAAY,CAAA,CAAA,CAAA,CAAA,CACxB,CACZ,CAAA,CAAA,CAAA,CAAA"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsxs as r,jsx as e}from"react/jsx-runtime";const
|
|
1
|
+
import{jsxs as r,jsx as e}from"react/jsx-runtime";const o=({title:i,titleId:t,...l})=>r("svg",{width:32,height:32,viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":t,...l,children:[i?e("title",{id:t,children:i}):null,e("path",{d:"M1.93757 6.13796C1.93757 5.34254 2.3568 4.60071 3.06128 4.23138C7.03933 2.14585 11.4652 1.03536 15.9712 1.00083C20.4052 0.966854 24.7776 1.97576 28.7366 3.93678C29.567 4.34809 30.0625 5.21129 30.0625 6.13796C30.0711 11.0699 28.779 15.9174 26.316 20.1936C24.3887 23.5395 21.7977 26.7497 18.7134 29.1741C17.1332 30.4162 14.9259 30.419 13.3427 29.1808C10.2481 26.7606 7.64672 23.5514 5.71033 20.204C3.23638 15.9272 1.93514 11.0758 1.93757 6.13796Z",fill:"url(#paint0_radial_11668_21275)"}),r("g",{filter:"url(#filter0_d_11668_21275)",children:[e("rect",{x:10.0005,y:11.9989,width:12,height:7,rx:1.875,fill:"url(#paint1_linear_11668_21275)"}),e("path",{d:"M12.9992 11.9996V9.99957C12.9992 8.34272 14.3424 6.99957 15.9992 6.99957C17.6561 6.99957 18.9992 8.34272 18.9992 9.99957V11.9996",stroke:"url(#paint2_linear_11668_21275)",strokeWidth:1.875}),e("g",{filter:"url(#filter1_i_11668_21275)",children:e("circle",{cx:16.0017,cy:15.4994,r:1.5,fill:"url(#paint3_linear_11668_21275)"})})]}),r("defs",{children:[r("filter",{id:"filter0_d_11668_21275",x:9.06299,y:6.06207,width:15.75,height:16.6868,filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB",children:[e("feFlood",{floodOpacity:0,result:"BackgroundImageFix"}),e("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),e("feOffset",{dx:.9375,dy:1.875}),e("feGaussianBlur",{stdDeviation:.9375}),e("feComposite",{in2:"hardAlpha",operator:"out"}),e("feColorMatrix",{type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.3 0"}),e("feBlend",{mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow_11668_21275"}),e("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect1_dropShadow_11668_21275",result:"shape"})]}),r("filter",{id:"filter1_i_11668_21275",x:14.5017,y:13.9994,width:3.46875,height:3.9375,filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB",children:[e("feFlood",{floodOpacity:0,result:"BackgroundImageFix"}),e("feBlend",{mode:"normal",in:"SourceGraphic",in2:"BackgroundImageFix",result:"shape"}),e("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),e("feOffset",{dx:.46875,dy:.9375}),e("feGaussianBlur",{stdDeviation:.703125}),e("feComposite",{in2:"hardAlpha",operator:"arithmetic",k2:-1,k3:1}),e("feColorMatrix",{type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.35 0"}),e("feBlend",{mode:"normal",in2:"shape",result:"effect1_innerShadow_11668_21275"})]}),r("radialGradient",{id:"paint0_radial_11668_21275",cx:0,cy:0,r:1,gradientTransform:"matrix(6.52902 23 -21.5625 6.06667 9.47105 8)",gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"#D2CAFF"}),e("stop",{offset:1,stopColor:"#715CFF"})]}),r("linearGradient",{id:"paint1_linear_11668_21275",x1:14.0005,y1:11.9989,x2:14.0005,y2:18.9989,gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"white"}),e("stop",{offset:1,stopColor:"#A799FF"})]}),r("linearGradient",{id:"paint2_linear_11668_21275",x1:15.9992,y1:6.99957,x2:15.9992,y2:11.9996,gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"#6851FF"}),e("stop",{offset:1,stopColor:"#522FD4"})]}),r("linearGradient",{id:"paint3_linear_11668_21275",x1:16.0017,y1:13.9994,x2:16.0017,y2:16.9994,gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"#6851FF"}),e("stop",{offset:1,stopColor:"#3512B2"})]})]})]});export{o as default};
|
|
2
2
|
//# sourceMappingURL=icon-shield-lock.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon-shield-lock.js","sources":["../../../../src/components/logos/icon-shield-lock.tsx"],"sourcesContent":["import type { SVGProps } from 'react';\ninterface SVGRProps {\n title?: string;\n titleId?: string;\n}\nexport interface Props extends SVGRProps, SVGProps<SVGSVGElement> {}\nconst IconShieldLock = ({ title, titleId, ...props }: Props) => (\n <svg\n width={32}\n height={32}\n viewBox=\"0 0 32 32\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n aria-labelledby={titleId}\n {...props}\n >\n {title ? <title id={titleId}>{title}</title> : null}\n <path\n d=\"M1.93757 6.13796C1.93757 5.34254 2.3568 4.60071 3.06128 4.23138C7.03933 2.14585 11.4652 1.03536 15.9712 1.00083C20.4052 0.966854 24.7776 1.97576 28.7366 3.93678C29.567 4.34809 30.0625 5.21129 30.0625 6.13796C30.0711 11.0699 28.779 15.9174 26.316 20.1936C24.3887 23.5395 21.7977 26.7497 18.7134 29.1741C17.1332 30.4162 14.9259 30.419 13.3427 29.1808C10.2481 26.7606 7.64672 23.5514 5.71033 20.204C3.23638 15.9272 1.93514 11.0758 1.93757 6.13796Z\"\n fill=\"url(#paint0_radial_11668_21275)\"\n />\n <g filter=\"url(#filter0_d_11668_21275)\">\n <rect x={10.0005} y={11.9989} width={12} height={7} rx={1.875} fill=\"url(#paint1_linear_11668_21275)\" />\n <path\n d=\"M12.9992 11.9996V9.99957C12.9992 8.34272 14.3424 6.99957 15.9992 6.
|
|
1
|
+
{"version":3,"file":"icon-shield-lock.js","sources":["../../../../src/components/logos/icon-shield-lock.tsx"],"sourcesContent":["import type { SVGProps } from 'react';\ninterface SVGRProps {\n title?: string;\n titleId?: string;\n}\nexport interface Props extends SVGRProps, SVGProps<SVGSVGElement> {}\nconst IconShieldLock = ({ title, titleId, ...props }: Props) => (\n <svg\n width={32}\n height={32}\n viewBox=\"0 0 32 32\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n aria-labelledby={titleId}\n {...props}\n >\n {title ? <title id={titleId}>{title}</title> : null}\n <path\n d=\"M1.93757 6.13796C1.93757 5.34254 2.3568 4.60071 3.06128 4.23138C7.03933 2.14585 11.4652 1.03536 15.9712 1.00083C20.4052 0.966854 24.7776 1.97576 28.7366 3.93678C29.567 4.34809 30.0625 5.21129 30.0625 6.13796C30.0711 11.0699 28.779 15.9174 26.316 20.1936C24.3887 23.5395 21.7977 26.7497 18.7134 29.1741C17.1332 30.4162 14.9259 30.419 13.3427 29.1808C10.2481 26.7606 7.64672 23.5514 5.71033 20.204C3.23638 15.9272 1.93514 11.0758 1.93757 6.13796Z\"\n fill=\"url(#paint0_radial_11668_21275)\"\n />\n <g filter=\"url(#filter0_d_11668_21275)\">\n <rect x={10.0005} y={11.9989} width={12} height={7} rx={1.875} fill=\"url(#paint1_linear_11668_21275)\" />\n <path\n d=\"M12.9992 11.9996V9.99957C12.9992 8.34272 14.3424 6.99957 15.9992 6.99957C17.6561 6.99957 18.9992 8.34272 18.9992 9.99957V11.9996\"\n stroke=\"url(#paint2_linear_11668_21275)\"\n strokeWidth={1.875}\n />\n <g filter=\"url(#filter1_i_11668_21275)\">\n <circle cx={16.0017} cy={15.4994} r={1.5} fill=\"url(#paint3_linear_11668_21275)\" />\n </g>\n </g>\n <defs>\n <filter\n id=\"filter0_d_11668_21275\"\n x={9.06299}\n y={6.06207}\n width={15.75}\n height={16.6868}\n filterUnits=\"userSpaceOnUse\"\n colorInterpolationFilters=\"sRGB\"\n >\n <feFlood floodOpacity={0} result=\"BackgroundImageFix\" />\n <feColorMatrix\n in=\"SourceAlpha\"\n type=\"matrix\"\n values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"\n result=\"hardAlpha\"\n />\n <feOffset dx={0.9375} dy={1.875} />\n <feGaussianBlur stdDeviation={0.9375} />\n <feComposite in2=\"hardAlpha\" operator=\"out\" />\n <feColorMatrix type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.3 0\" />\n <feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_11668_21275\" />\n <feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_11668_21275\" result=\"shape\" />\n </filter>\n <filter\n id=\"filter1_i_11668_21275\"\n x={14.5017}\n y={13.9994}\n width={3.46875}\n height={3.9375}\n filterUnits=\"userSpaceOnUse\"\n colorInterpolationFilters=\"sRGB\"\n >\n <feFlood floodOpacity={0} result=\"BackgroundImageFix\" />\n <feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"BackgroundImageFix\" result=\"shape\" />\n <feColorMatrix\n in=\"SourceAlpha\"\n type=\"matrix\"\n values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"\n result=\"hardAlpha\"\n />\n <feOffset dx={0.46875} dy={0.9375} />\n <feGaussianBlur stdDeviation={0.703125} />\n <feComposite in2=\"hardAlpha\" operator=\"arithmetic\" k2={-1} k3={1} />\n <feColorMatrix type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.35 0\" />\n <feBlend mode=\"normal\" in2=\"shape\" result=\"effect1_innerShadow_11668_21275\" />\n </filter>\n <radialGradient\n id=\"paint0_radial_11668_21275\"\n cx={0}\n cy={0}\n r={1}\n gradientTransform=\"matrix(6.52902 23 -21.5625 6.06667 9.47105 8)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop stopColor=\"#D2CAFF\" />\n <stop offset={1} stopColor=\"#715CFF\" />\n </radialGradient>\n <linearGradient\n id=\"paint1_linear_11668_21275\"\n x1={14.0005}\n y1={11.9989}\n x2={14.0005}\n y2={18.9989}\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop stopColor=\"white\" />\n <stop offset={1} stopColor=\"#A799FF\" />\n </linearGradient>\n <linearGradient\n id=\"paint2_linear_11668_21275\"\n x1={15.9992}\n y1={6.99957}\n x2={15.9992}\n y2={11.9996}\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop stopColor=\"#6851FF\" />\n <stop offset={1} stopColor=\"#522FD4\" />\n </linearGradient>\n <linearGradient\n id=\"paint3_linear_11668_21275\"\n x1={16.0017}\n y1={13.9994}\n x2={16.0017}\n y2={16.9994}\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop stopColor=\"#6851FF\" />\n <stop offset={1} stopColor=\"#3512B2\" />\n </linearGradient>\n </defs>\n </svg>\n);\nexport default IconShieldLock;\n"],"names":["IconShieldLock","title","titleId","props","_jsxs","_jsx"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsxs as
|
|
1
|
+
import{jsxs as d,jsx as L}from"react/jsx-runtime";const h=({title:l,titleId:t,...i})=>d("svg",{width:32,height:32,viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":t,...i,children:[l?L("title",{id:t,children:l}):null,L("path",{d:"M28.7213 29.0412L22.4653 27.1784L17.7474 29.9987L14.4558 29.9973L9.73516 27.1784L3.48192 29.0412L1.57977 22.6199L3.48192 15.4932L1.57977 9.46778L3.48192 2L13.2531 7.8378H18.9501L28.7213 2L30.6234 9.46778L28.7213 15.4932L30.6234 22.6199L28.7213 29.0412Z",fill:"#FF5C16"}),L("path",{d:"M3.48334 2L13.2546 7.84189L12.866 11.8511L3.48334 2Z",fill:"#FF5C16"}),L("path",{d:"M9.73645 22.6226L14.0357 25.8976L9.73645 27.1783V22.6226Z",fill:"#FF5C16"}),L("path",{d:"M13.6921 17.208L12.8658 11.8538L7.5766 15.4945L7.57385 15.4931V15.4958L7.59021 19.2434L9.73509 17.208H9.73646H13.6921Z",fill:"#FF5C16"}),L("path",{d:"M28.7212 2L18.95 7.84189L19.3373 11.8511L28.7212 2Z",fill:"#FF5C16"}),L("path",{d:"M22.468 22.6226L18.1688 25.8976L22.468 27.1783V22.6226Z",fill:"#FF5C16"}),L("path",{d:"M24.6294 15.4958V15.4931L24.628 15.4945L19.3388 11.8538L18.5125 17.208H22.4682L24.6144 19.2434L24.6294 15.4958Z",fill:"#FF5C16"}),L("path",{d:"M9.73517 27.1782L3.48193 29.041L1.57977 22.6224H9.73517V27.1782Z",fill:"#E34807"}),L("path",{d:"M13.6908 17.2067L14.8853 24.947L13.23 20.6433L7.58759 19.2435L9.73384 17.2067H13.6895H13.6908Z",fill:"#E34807"}),L("path",{d:"M22.468 27.1782L28.7212 29.041L30.6233 22.6224H22.468V27.1782Z",fill:"#E34807"}),L("path",{d:"M18.5123 17.2067L17.3178 24.947L18.9732 20.6433L24.6156 19.2435L22.468 17.2067H18.5123Z",fill:"#E34807"}),L("path",{d:"M1.57977 22.6199L3.48192 15.4932H7.57259L7.58757 19.2421L13.23 20.642L14.8853 24.9457L14.0345 25.8935L9.7352 22.6185H1.57977V22.6199Z",fill:"#FF8D5D"}),L("path",{d:"M30.6234 22.6199L28.7212 15.4932H24.6306L24.6156 19.2421L18.9732 20.642L17.3178 24.9457L18.1687 25.8935L22.468 22.6185H30.6234V22.6199Z",fill:"#FF8D5D"}),L("path",{d:"M18.9502 7.83777H16.1017H13.2532L12.866 11.847L14.8854 24.9416H17.318L19.3388 11.847L18.9502 7.83777Z",fill:"#FF8D5D"}),L("path",{d:"M3.48192 2L1.57977 9.46778L3.48192 15.4932H7.57259L12.8646 11.8511L3.48192 2Z",fill:"#661800"}),L("path",{d:"M12.5086 18.7614H10.6556L9.64655 19.7503L13.2313 20.6393L12.5086 18.76V18.7614Z",fill:"#661800"}),L("path",{d:"M28.7213 2L30.6235 9.46778L28.7213 15.4932H24.6306L19.3387 11.8511L28.7213 2Z",fill:"#661800"}),L("path",{d:"M19.6973 18.7614H21.5531L22.5622 19.7517L18.9733 20.642L19.6973 18.76V18.7614Z",fill:"#661800"}),L("path",{d:"M17.746 27.4441L18.1687 25.8963L17.3178 24.9485H14.8839L14.033 25.8963L14.4557 27.4441",fill:"#661800"}),L("path",{d:"M17.7459 27.444V29.9999H14.4556V27.444H17.7459Z",fill:"#C0C4CD"}),L("path",{d:"M9.73645 27.1756L14.4584 29.9986V27.4427L14.0357 25.8949L9.73645 27.1756Z",fill:"#E7EBF6"}),L("path",{d:"M22.4681 27.1756L17.7461 29.9986V27.4427L18.1688 25.8949L22.4681 27.1756Z",fill:"#E7EBF6"})]});export{h as default};
|
|
2
2
|
//# sourceMappingURL=wlt-metamask.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"wlt-metamask.js","sources":["../../../../src/components/logos/wlt-metamask.tsx"],"sourcesContent":["import type { SVGProps } from 'react';\ninterface SVGRProps {\n title?: string;\n titleId?: string;\n}\nexport interface Props extends SVGRProps, SVGProps<SVGSVGElement> {}\nconst WltMetamask = ({ title, titleId, ...props }: Props) => (\n <svg\n width={32}\n height={32}\n viewBox=\"0 0 32 32\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n aria-labelledby={titleId}\n {...props}\n >\n {title ? <title id={titleId}>{title}</title> : null}\n <path\n d=\"M29.699 2L17.9138 10.753L20.0932 5.58886L29.699 2Z\"\n fill=\"#E2761B\"\n stroke=\"#E2761B\"\n strokeWidth={0.118444}\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <path\n d=\"M2.49243 1.99988L14.1829 10.8358L12.1101 5.58873L2.49243 1.99988Z\"\n fill=\"#E4761B\"\n stroke=\"#E4761B\"\n strokeWidth={0.118444}\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <path\n d=\"M25.4587 22.2894L22.3199 27.0983L29.0357 28.946L30.9664 22.396L25.4587 22.2894Z\"\n fill=\"#E4761B\"\n stroke=\"#E4761B\"\n strokeWidth={0.118444}\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <path\n d=\"M1.24878 22.396L3.16757 28.946L9.88335 27.0983L6.74459 22.2894L1.24878 22.396Z\"\n fill=\"#E4761B\"\n stroke=\"#E4761B\"\n strokeWidth={0.118444}\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <path\n d=\"M9.50435 14.1642L7.63293 16.995L14.3013 17.2911L14.0644 10.1252L9.50435 14.1642Z\"\n fill=\"#E4761B\"\n stroke=\"#E4761B\"\n strokeWidth={0.118444}\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <path\n d=\"M22.6871 14.1641L18.0678 10.0422L17.9138 17.291L24.5704 16.9949L22.6871 14.1641Z\"\n fill=\"#E4761B\"\n stroke=\"#E4761B\"\n strokeWidth={0.118444}\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <path\n d=\"M9.8833 27.0982L13.8867 25.1439L10.4281 22.4434L9.8833 27.0982Z\"\n fill=\"#E4761B\"\n stroke=\"#E4761B\"\n strokeWidth={0.118444}\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <path\n d=\"M18.3046 25.1439L22.3199 27.0982L21.7632 22.4434L18.3046 25.1439Z\"\n fill=\"#E4761B\"\n stroke=\"#E4761B\"\n strokeWidth={0.118444}\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <path\n d=\"M22.3199 27.0981L18.3046 25.1438L18.6244 27.7614L18.5889 28.8629L22.3199 27.0981Z\"\n fill=\"#D7C1B3\"\n stroke=\"#D7C1B3\"\n strokeWidth={0.118444}\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <path\n d=\"M9.8833 27.0981L13.6143 28.8629L13.5906 27.7614L13.8867 25.1438L9.8833 27.0981Z\"\n fill=\"#D7C1B3\"\n stroke=\"#D7C1B3\"\n strokeWidth={0.118444}\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <path\n d=\"M13.6736 20.714L10.3334 19.7309L12.6905 18.6531L13.6736 20.714Z\"\n fill=\"#233447\"\n stroke=\"#233447\"\n strokeWidth={0.118444}\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <path\n d=\"M18.5179 20.714L19.501 18.6531L21.8699 19.7309L18.5179 20.714Z\"\n fill=\"#233447\"\n stroke=\"#233447\"\n strokeWidth={0.118444}\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <path\n d=\"M9.8834 27.0983L10.4519 22.2894L6.74463 22.396L9.8834 27.0983Z\"\n fill=\"#CD6116\"\n stroke=\"#CD6116\"\n strokeWidth={0.118444}\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <path\n d=\"M21.7514 22.2894L22.3199 27.0983L25.4587 22.396L21.7514 22.2894Z\"\n fill=\"#CD6116\"\n stroke=\"#CD6116\"\n strokeWidth={0.118444}\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <path\n d=\"M24.5704 16.995L17.9138 17.2911L18.5297 20.7141L19.5128 18.6532L21.8817 19.7311L24.5704 16.995Z\"\n fill=\"#CD6116\"\n stroke=\"#CD6116\"\n strokeWidth={0.118444}\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <path\n d=\"M10.3335 19.7311L12.7023 18.6532L13.6736 20.7141L14.3013 17.2911L7.63293 16.995L10.3335 19.7311Z\"\n fill=\"#CD6116\"\n stroke=\"#CD6116\"\n strokeWidth={0.118444}\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <path\n d=\"M7.63293 16.995L10.4282 22.4434L10.3335 19.7311L7.63293 16.995Z\"\n fill=\"#E4751F\"\n stroke=\"#E4751F\"\n strokeWidth={0.118444}\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <path\n d=\"M21.8817 19.7311L21.7633 22.4434L24.5704 16.995L21.8817 19.7311Z\"\n fill=\"#E4751F\"\n stroke=\"#E4751F\"\n strokeWidth={0.118444}\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <path\n d=\"M14.3012 17.2913L13.6735 20.7143L14.4552 24.7532L14.6329 19.4351L14.3012 17.2913Z\"\n fill=\"#E4751F\"\n stroke=\"#E4751F\"\n strokeWidth={0.118444}\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <path\n d=\"M17.9139 17.2913L17.5941 19.4233L17.7362 24.7532L18.5298 20.7143L17.9139 17.2913Z\"\n fill=\"#E4751F\"\n stroke=\"#E4751F\"\n strokeWidth={0.118444}\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <path\n d=\"M18.5298 20.714L17.7362 24.753L18.3047 25.1439L21.7633 22.4433L21.8817 19.731L18.5298 20.714Z\"\n fill=\"#F6851B\"\n stroke=\"#F6851B\"\n strokeWidth={0.118444}\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <path\n d=\"M10.3334 19.731L10.4282 22.4433L13.8868 25.1439L14.4553 24.753L13.6736 20.714L10.3334 19.731Z\"\n fill=\"#F6851B\"\n stroke=\"#F6851B\"\n strokeWidth={0.118444}\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <path\n d=\"M18.5889 28.863L18.6245 27.7614L18.3284 27.5009H13.863L13.5906 27.7614L13.6143 28.863L9.8833 27.0981L11.1862 28.1641L13.8275 30H18.3639L21.017 28.1641L22.3199 27.0981L18.5889 28.863Z\"\n fill=\"#C0AD9E\"\n stroke=\"#C0AD9E\"\n strokeWidth={0.118444}\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <path\n d=\"M18.3046 25.144L17.7361 24.7532H14.4552L13.8867 25.144L13.5906 27.7617L13.863 27.5011H18.3283L18.6245 27.7617L18.3046 25.144Z\"\n fill=\"#161616\"\n stroke=\"#161616\"\n strokeWidth={0.118444}\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <path\n d=\"M30.1964 11.3214L31.2032 6.48891L29.6989 1.99988L18.3046 10.4568L22.6871 14.1641L28.8817 15.9763L30.2556 14.3773L29.6634 13.9509L30.611 13.0862L29.8766 12.5177L30.8242 11.7952L30.1964 11.3214Z\"\n fill=\"#763D16\"\n stroke=\"#763D16\"\n strokeWidth={0.118444}\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <path\n d=\"M1 6.48903L2.00677 11.3215L1.36718 11.7953L2.31473 12.5178L1.59222 13.0864L2.53977 13.951L1.94755 14.3774L3.30966 15.9764L9.50429 14.1642L13.8867 10.4569L2.4924 2L1 6.48903Z\"\n fill=\"#763D16\"\n stroke=\"#763D16\"\n strokeWidth={0.118444}\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <path\n d=\"M28.8818 15.9764L22.6872 14.1642L24.5704 16.995L21.7633 22.4434L25.4588 22.396H30.9664L28.8818 15.9764Z\"\n fill=\"#F6851B\"\n stroke=\"#F6851B\"\n strokeWidth={0.118444}\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <path\n d=\"M9.50433 14.1642L3.30971 15.9764L1.24878 22.396H6.74459L10.4282 22.4434L7.63292 16.995L9.50433 14.1642Z\"\n fill=\"#F6851B\"\n stroke=\"#F6851B\"\n strokeWidth={0.118444}\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <path\n d=\"M17.9138 17.291L18.3047 10.4568L20.105 5.58875H12.11L13.8867 10.4568L14.3013 17.291L14.4434 19.4467L14.4552 24.753H17.7361L17.7598 19.4467L17.9138 17.291Z\"\n fill=\"#F6851B\"\n stroke=\"#F6851B\"\n strokeWidth={0.118444}\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </svg>\n);\nexport default WltMetamask;\n"],"names":["WltMetamask","title","titleId","props","_jsxs","_jsx"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"wlt-metamask.js","sources":["../../../../src/components/logos/wlt-metamask.tsx"],"sourcesContent":["import type { SVGProps } from 'react';\ninterface SVGRProps {\n title?: string;\n titleId?: string;\n}\nexport interface Props extends SVGRProps, SVGProps<SVGSVGElement> {}\nconst WltMetamask = ({ title, titleId, ...props }: Props) => (\n <svg\n width={32}\n height={32}\n viewBox=\"0 0 32 32\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n aria-labelledby={titleId}\n {...props}\n >\n {title ? <title id={titleId}>{title}</title> : null}\n <path\n d=\"M28.7213 29.0412L22.4653 27.1784L17.7474 29.9987L14.4558 29.9973L9.73516 27.1784L3.48192 29.0412L1.57977 22.6199L3.48192 15.4932L1.57977 9.46778L3.48192 2L13.2531 7.8378H18.9501L28.7213 2L30.6234 9.46778L28.7213 15.4932L30.6234 22.6199L28.7213 29.0412Z\"\n fill=\"#FF5C16\"\n />\n <path d=\"M3.48334 2L13.2546 7.84189L12.866 11.8511L3.48334 2Z\" fill=\"#FF5C16\" />\n <path d=\"M9.73645 22.6226L14.0357 25.8976L9.73645 27.1783V22.6226Z\" fill=\"#FF5C16\" />\n <path\n d=\"M13.6921 17.208L12.8658 11.8538L7.5766 15.4945L7.57385 15.4931V15.4958L7.59021 19.2434L9.73509 17.208H9.73646H13.6921Z\"\n fill=\"#FF5C16\"\n />\n <path d=\"M28.7212 2L18.95 7.84189L19.3373 11.8511L28.7212 2Z\" fill=\"#FF5C16\" />\n <path d=\"M22.468 22.6226L18.1688 25.8976L22.468 27.1783V22.6226Z\" fill=\"#FF5C16\" />\n <path\n d=\"M24.6294 15.4958V15.4931L24.628 15.4945L19.3388 11.8538L18.5125 17.208H22.4682L24.6144 19.2434L24.6294 15.4958Z\"\n fill=\"#FF5C16\"\n />\n <path d=\"M9.73517 27.1782L3.48193 29.041L1.57977 22.6224H9.73517V27.1782Z\" fill=\"#E34807\" />\n <path\n d=\"M13.6908 17.2067L14.8853 24.947L13.23 20.6433L7.58759 19.2435L9.73384 17.2067H13.6895H13.6908Z\"\n fill=\"#E34807\"\n />\n <path d=\"M22.468 27.1782L28.7212 29.041L30.6233 22.6224H22.468V27.1782Z\" fill=\"#E34807\" />\n <path d=\"M18.5123 17.2067L17.3178 24.947L18.9732 20.6433L24.6156 19.2435L22.468 17.2067H18.5123Z\" fill=\"#E34807\" />\n <path\n d=\"M1.57977 22.6199L3.48192 15.4932H7.57259L7.58757 19.2421L13.23 20.642L14.8853 24.9457L14.0345 25.8935L9.7352 22.6185H1.57977V22.6199Z\"\n fill=\"#FF8D5D\"\n />\n <path\n d=\"M30.6234 22.6199L28.7212 15.4932H24.6306L24.6156 19.2421L18.9732 20.642L17.3178 24.9457L18.1687 25.8935L22.468 22.6185H30.6234V22.6199Z\"\n fill=\"#FF8D5D\"\n />\n <path\n d=\"M18.9502 7.83777H16.1017H13.2532L12.866 11.847L14.8854 24.9416H17.318L19.3388 11.847L18.9502 7.83777Z\"\n fill=\"#FF8D5D\"\n />\n <path d=\"M3.48192 2L1.57977 9.46778L3.48192 15.4932H7.57259L12.8646 11.8511L3.48192 2Z\" fill=\"#661800\" />\n <path d=\"M12.5086 18.7614H10.6556L9.64655 19.7503L13.2313 20.6393L12.5086 18.76V18.7614Z\" fill=\"#661800\" />\n <path d=\"M28.7213 2L30.6235 9.46778L28.7213 15.4932H24.6306L19.3387 11.8511L28.7213 2Z\" fill=\"#661800\" />\n <path d=\"M19.6973 18.7614H21.5531L22.5622 19.7517L18.9733 20.642L19.6973 18.76V18.7614Z\" fill=\"#661800\" />\n <path d=\"M17.746 27.4441L18.1687 25.8963L17.3178 24.9485H14.8839L14.033 25.8963L14.4557 27.4441\" fill=\"#661800\" />\n <path d=\"M17.7459 27.444V29.9999H14.4556V27.444H17.7459Z\" fill=\"#C0C4CD\" />\n <path d=\"M9.73645 27.1756L14.4584 29.9986V27.4427L14.0357 25.8949L9.73645 27.1756Z\" fill=\"#E7EBF6\" />\n <path d=\"M22.4681 27.1756L17.7461 29.9986V27.4427L18.1688 25.8949L22.4681 27.1756Z\" fill=\"#E7EBF6\" />\n </svg>\n);\nexport default WltMetamask;\n"],"names":["WltMetamask","title","titleId","props","_jsxs","_jsx"],"mappings":"kDAMMA,MAAAA,EAAc,CAAC,CAAE,MAAAC,EAAO,QAAAC,EAAS,GAAGC,CAAc,IACtDC,EACE,MAAA,CAAA,MAAO,GACP,OAAQ,GACR,QAAQ,YACR,KAAK,OACL,MAAM,6BACW,kBAAAF,EACb,GAAAC,EAEH,SAAA,CAAAF,EAAQI,EAAA,QAAA,CAAO,GAAIH,EAAU,SAAAD,CAAc,CAAA,EAAG,KAC/CI,UACE,EAAE,+PACF,KAAK,SAAS,CAAA,EAEhBA,EAAM,OAAA,CAAA,EAAE,uDAAuD,KAAK,SAAY,CAAA,EAChFA,EAAM,OAAA,CAAA,EAAE,4DAA4D,KAAK,SAAS,CAAA,EAClFA,EAAA,OAAA,CACE,EAAE,yHACF,KAAK,SACL,CAAA,EACFA,EAAM,OAAA,CAAA,EAAE,sDAAsD,KAAK,SAAS,CAAA,EAC5EA,EAAA,OAAA,CAAM,EAAE,0DAA0D,KAAK,SAAS,CAAA,EAChFA,EAAA,OAAA,CACE,EAAE,kHACF,KAAK,SACL,CAAA,EACFA,UAAM,EAAE,mEAAmE,KAAK,SAAS,CAAA,EACzFA,EACE,OAAA,CAAA,EAAE,iGACF,KAAK,SACL,CAAA,EACFA,EAAM,OAAA,CAAA,EAAE,iEAAiE,KAAK,SAAS,CAAA,EACvFA,EAAA,OAAA,CAAM,EAAE,0FAA0F,KAAK,SAAY,CAAA,EACnHA,EACE,OAAA,CAAA,EAAE,wIACF,KAAK,SAAS,CAAA,EAEhBA,EAAA,OAAA,CACE,EAAE,0IACF,KAAK,SAAS,CAAA,EAEhBA,EAAA,OAAA,CACE,EAAE,wGACF,KAAK,SACL,CAAA,EACFA,UAAM,EAAE,gFAAgF,KAAK,SAAS,CAAA,EACtGA,EAAM,OAAA,CAAA,EAAE,kFAAkF,KAAK,SAAY,CAAA,EAC3GA,EAAM,OAAA,CAAA,EAAE,gFAAgF,KAAK,SAAS,CAAA,EACtGA,EAAA,OAAA,CAAM,EAAE,iFAAiF,KAAK,SAAY,CAAA,EAC1GA,EAAM,OAAA,CAAA,EAAE,yFAAyF,KAAK,SAAS,CAAA,EAC/GA,EAAA,OAAA,CAAM,EAAE,kDAAkD,KAAK,SAAY,CAAA,EAC3EA,EAAM,OAAA,CAAA,EAAE,4EAA4E,KAAK,SAAS,CAAA,EAClGA,EAAA,OAAA,CAAM,EAAE,4EAA4E,KAAK,SAAY,CAAA,CAAA,CAAA,CAAA"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{jsxs as e,jsx as i}from"react/jsx-runtime";const r=({title:l,titleId:t,...n})=>e("svg",{width:32,height:32,viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":t,...n,children:[l?i("title",{id:t,children:l}):null,e("g",{clipPath:"url(#clip0_12156_1502)",children:[i("path",{d:"M30.9683 17.8945C32.1562 15.2317 26.2834 7.7924 20.6728 4.69301C17.1364 2.29195 13.4513 2.62182 12.705 3.67607C11.0671 5.98968 18.1286 7.95014 22.8511 10.2378C21.836 10.6802 20.8793 11.4741 20.3167 12.4894C18.5561 10.5609 14.6918 8.90006 10.1575 10.2378C7.10193 11.1394 4.56248 13.2647 3.58098 16.4748C3.34252 16.3685 3.07845 16.3094 2.80065 16.3094C1.73836 16.3094 0.877197 17.1735 0.877197 18.2393C0.877197 19.3052 1.73836 20.1693 2.80065 20.1693C2.99755 20.1693 3.61322 20.0368 3.61322 20.0368L13.4513 20.1083C9.51684 26.371 6.40753 27.2865 6.40753 28.3715C6.40753 29.4564 9.38264 29.1624 10.4997 28.758C15.8473 26.822 21.5909 20.7882 22.5765 19.0513C26.7154 19.5694 30.1937 19.6307 30.9683 17.8945Z",fill:"url(#paint0_linear_12156_1502)"}),i("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M22.8507 10.2385C22.8509 10.2386 22.8512 10.2387 22.8514 10.2388C23.0704 10.1523 23.0349 9.82791 22.9748 9.57312C22.8367 8.98766 20.453 6.6259 18.2146 5.56811C15.1645 4.12666 12.9185 4.20098 12.5867 4.86535C13.208 6.14298 16.0884 7.34261 19.0965 8.59539C20.38 9.12991 21.6867 9.6741 22.8512 10.2382C22.851 10.2383 22.8508 10.2384 22.8507 10.2385Z",fill:"url(#paint1_linear_12156_1502)"}),i("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M18.9801 23.0977C18.3632 22.8612 17.6664 22.6441 16.8743 22.4473C17.7189 20.9308 17.8961 18.6858 17.0985 17.2664C15.9789 15.2744 14.5736 14.2141 11.308 14.2141C9.51189 14.2141 4.67598 14.8211 4.59017 18.8717C4.58115 19.2967 4.58993 19.6862 4.62061 20.0443L13.4513 20.1086C12.2608 22.0036 11.1458 23.409 10.1697 24.4776C11.3417 24.779 12.3088 25.032 13.1968 25.2642C14.0393 25.4845 14.8104 25.6863 15.6176 25.8929C16.8352 25.0029 17.9798 24.0324 18.9801 23.0977Z",fill:"url(#paint2_linear_12156_1502)"}),i("path",{d:"M3.4631 19.6282C3.82387 22.7051 5.56671 23.911 9.12801 24.2679C12.6893 24.6247 14.7321 24.3853 17.4518 24.6336C19.7233 24.8409 21.7515 26.0023 22.5039 25.601C23.1809 25.2398 22.8021 23.9348 21.8961 23.0975C20.7216 22.0123 19.096 21.2577 16.2359 20.9899C16.8059 19.424 16.6462 17.2284 15.7609 16.0338C14.4809 14.3066 12.1183 13.5257 9.12801 13.8669C6.00393 14.2233 3.0104 15.7666 3.4631 19.6282Z",fill:"url(#paint3_linear_12156_1502)"})]}),e("defs",{children:[e("linearGradient",{id:"paint0_linear_12156_1502",x1:9.80166,y1:15.5365,x2:30.7229,y2:21.4494,gradientUnits:"userSpaceOnUse",children:[i("stop",{stopColor:"#8697FF"}),i("stop",{offset:1,stopColor:"#ABB7FF"})]}),e("linearGradient",{id:"paint1_linear_12156_1502",x1:27.1914,y1:15.1379,x2:12.0523,y2:.0128466,gradientUnits:"userSpaceOnUse",children:[i("stop",{stopColor:"#8697FF"}),i("stop",{offset:1,stopColor:"#5156D8",stopOpacity:0})]}),e("linearGradient",{id:"paint2_linear_12156_1502",x1:19.3999,y1:23.6263,x2:4.88188,y2:15.3076,gradientUnits:"userSpaceOnUse",children:[i("stop",{stopColor:"#465EED"}),i("stop",{offset:1,stopColor:"#8697FF",stopOpacity:0})]}),e("linearGradient",{id:"paint3_linear_12156_1502",x1:11.0501,y1:15.3802,x2:20.8875,y2:27.8377,gradientUnits:"userSpaceOnUse",children:[i("stop",{stopColor:"#8898FF"}),i("stop",{offset:.983895,stopColor:"#6277F1"})]}),i("clipPath",{id:"clip0_12156_1502",children:i("rect",{width:31.5,height:28,fill:"white",transform:"translate(0.25 2)"})})]})]});export{r as default};
|
|
2
|
+
//# sourceMappingURL=wlt-rabby.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"wlt-rabby.js","sources":["../../../../src/components/logos/wlt-rabby.tsx"],"sourcesContent":["import type { SVGProps } from 'react';\ninterface SVGRProps {\n title?: string;\n titleId?: string;\n}\nexport interface Props extends SVGRProps, SVGProps<SVGSVGElement> {}\nconst WltRabby = ({ title, titleId, ...props }: Props) => (\n <svg\n width={32}\n height={32}\n viewBox=\"0 0 32 32\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n aria-labelledby={titleId}\n {...props}\n >\n {title ? <title id={titleId}>{title}</title> : null}\n <g clipPath=\"url(#clip0_12156_1502)\">\n <path\n d=\"M30.9683 17.8945C32.1562 15.2317 26.2834 7.7924 20.6728 4.69301C17.1364 2.29195 13.4513 2.62182 12.705 3.67607C11.0671 5.98968 18.1286 7.95014 22.8511 10.2378C21.836 10.6802 20.8793 11.4741 20.3167 12.4894C18.5561 10.5609 14.6918 8.90006 10.1575 10.2378C7.10193 11.1394 4.56248 13.2647 3.58098 16.4748C3.34252 16.3685 3.07845 16.3094 2.80065 16.3094C1.73836 16.3094 0.877197 17.1735 0.877197 18.2393C0.877197 19.3052 1.73836 20.1693 2.80065 20.1693C2.99755 20.1693 3.61322 20.0368 3.61322 20.0368L13.4513 20.1083C9.51684 26.371 6.40753 27.2865 6.40753 28.3715C6.40753 29.4564 9.38264 29.1624 10.4997 28.758C15.8473 26.822 21.5909 20.7882 22.5765 19.0513C26.7154 19.5694 30.1937 19.6307 30.9683 17.8945Z\"\n fill=\"url(#paint0_linear_12156_1502)\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M22.8507 10.2385C22.8509 10.2386 22.8512 10.2387 22.8514 10.2388C23.0704 10.1523 23.0349 9.82791 22.9748 9.57312C22.8367 8.98766 20.453 6.6259 18.2146 5.56811C15.1645 4.12666 12.9185 4.20098 12.5867 4.86535C13.208 6.14298 16.0884 7.34261 19.0965 8.59539C20.38 9.12991 21.6867 9.6741 22.8512 10.2382C22.851 10.2383 22.8508 10.2384 22.8507 10.2385Z\"\n fill=\"url(#paint1_linear_12156_1502)\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M18.9801 23.0977C18.3632 22.8612 17.6664 22.6441 16.8743 22.4473C17.7189 20.9308 17.8961 18.6858 17.0985 17.2664C15.9789 15.2744 14.5736 14.2141 11.308 14.2141C9.51189 14.2141 4.67598 14.8211 4.59017 18.8717C4.58115 19.2967 4.58993 19.6862 4.62061 20.0443L13.4513 20.1086C12.2608 22.0036 11.1458 23.409 10.1697 24.4776C11.3417 24.779 12.3088 25.032 13.1968 25.2642C14.0393 25.4845 14.8104 25.6863 15.6176 25.8929C16.8352 25.0029 17.9798 24.0324 18.9801 23.0977Z\"\n fill=\"url(#paint2_linear_12156_1502)\"\n />\n <path\n d=\"M3.4631 19.6282C3.82387 22.7051 5.56671 23.911 9.12801 24.2679C12.6893 24.6247 14.7321 24.3853 17.4518 24.6336C19.7233 24.8409 21.7515 26.0023 22.5039 25.601C23.1809 25.2398 22.8021 23.9348 21.8961 23.0975C20.7216 22.0123 19.096 21.2577 16.2359 20.9899C16.8059 19.424 16.6462 17.2284 15.7609 16.0338C14.4809 14.3066 12.1183 13.5257 9.12801 13.8669C6.00393 14.2233 3.0104 15.7666 3.4631 19.6282Z\"\n fill=\"url(#paint3_linear_12156_1502)\"\n />\n </g>\n <defs>\n <linearGradient\n id=\"paint0_linear_12156_1502\"\n x1={9.80166}\n y1={15.5365}\n x2={30.7229}\n y2={21.4494}\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop stopColor=\"#8697FF\" />\n <stop offset={1} stopColor=\"#ABB7FF\" />\n </linearGradient>\n <linearGradient\n id=\"paint1_linear_12156_1502\"\n x1={27.1914}\n y1={15.1379}\n x2={12.0523}\n y2={0.0128466}\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop stopColor=\"#8697FF\" />\n <stop offset={1} stopColor=\"#5156D8\" stopOpacity={0} />\n </linearGradient>\n <linearGradient\n id=\"paint2_linear_12156_1502\"\n x1={19.3999}\n y1={23.6263}\n x2={4.88188}\n y2={15.3076}\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop stopColor=\"#465EED\" />\n <stop offset={1} stopColor=\"#8697FF\" stopOpacity={0} />\n </linearGradient>\n <linearGradient\n id=\"paint3_linear_12156_1502\"\n x1={11.0501}\n y1={15.3802}\n x2={20.8875}\n y2={27.8377}\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop stopColor=\"#8898FF\" />\n <stop offset={0.983895} stopColor=\"#6277F1\" />\n </linearGradient>\n <clipPath id=\"clip0_12156_1502\">\n <rect width={31.5} height={28} fill=\"white\" transform=\"translate(0.25 2)\" />\n </clipPath>\n </defs>\n </svg>\n);\nexport default WltRabby;\n"],"names":["WltRabby","title","titleId","props","_jsxs","_jsx"],"mappings":"kDAMA,MAAMA,EAAW,CAAC,CAAE,MAAAC,EAAO,QAAAC,EAAS,GAAGC,KACrCC,SACE,MAAO,GACP,OAAQ,GACR,QAAQ,YACR,KAAK,OACL,MAAM,+CACWF,EAAO,GACpBC,EAAK,SAAA,CAERF,EAAQI,EAAA,QAAA,CAAO,GAAIH,EAAU,SAAAD,IAAiB,KAC/CG,EAAG,IAAA,CAAA,SAAS,mCACVC,EACE,OAAA,CAAA,EAAE,isBACF,KAAK,gCAAgC,CAAA,EAEvCA,EACE,OAAA,CAAA,SAAS,UACT,SAAS,UACT,EAAE,6VACF,KAAK,gCACL,CAAA,EACFA,EACE,OAAA,CAAA,SAAS,UACT,SAAS,UACT,EAAE,gdACF,KAAK,gCAAgC,CAAA,EAEvCA,EACE,OAAA,CAAA,EAAE,6YACF,KAAK,gCAAgC,CAAA,CACrC,IAEJD,EAAA,OAAA,CAAA,SAAA,CACEA,EACE,iBAAA,CAAA,GAAG,2BACH,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,cAAc,iBAAgB,SAAA,CAE9BC,EAAM,OAAA,CAAA,UAAU,SAAS,CAAA,EACzBA,EAAA,OAAA,CAAM,OAAQ,EAAG,UAAU,SAAY,CAAA,CAAA,CAAA,CAAA,EAEzCD,EAAA,iBAAA,CACE,GAAG,2BACH,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,GAAI,SACJ,cAAc,iBAEd,SAAA,CAAAC,EAAA,OAAA,CAAM,UAAU,SAAY,CAAA,EAC5BA,UAAM,OAAQ,EAAG,UAAU,UAAU,YAAa,CAAC,CAAA,CAAI,CACxC,CAAA,EACjBD,oBACE,GAAG,2BACH,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,cAAc,iBAAgB,SAAA,CAE9BC,UAAM,UAAU,SAAY,CAAA,EAC5BA,UAAM,OAAQ,EAAG,UAAU,UAAU,YAAa,CAAC,CAAA,CAAI,CACxC,CAAA,EACjBD,oBACE,GAAG,2BACH,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,cAAc,iBAEd,SAAA,CAAAC,EAAA,OAAA,CAAM,UAAU,SAAY,CAAA,EAC5BA,UAAM,OAAQ,QAAU,UAAU,SAAY,CAAA,CAAA,CAAA,CAAA,EAEhDA,EAAU,WAAA,CAAA,GAAG,4BACXA,EAAM,OAAA,CAAA,MAAO,KAAM,OAAQ,GAAI,KAAK,QAAQ,UAAU,mBAAmB,CAAA,GAChE,CACN,CAAA,CAAA,CAAA,CAAA"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsxs as g,jsx as o}from"react/jsx-runtime";import{token as S}from"@styled/tokens";import
|
|
1
|
+
import{jsxs as g,jsx as o}from"react/jsx-runtime";import{token as S}from"@styled/tokens";import U from"../icons/ico-caret-down.js";import Y from"../icons/ico-caret-up.js";import G from"../icons/ico-checkmark.js";import J from"../icons/ico-question-circle-fill.js";import{createContext as Q,useContext as X,useCallback as D,useState as W,useRef as A,useMemo as Z,Children as m,useEffect as ee,cloneElement as te}from"react";import{HStack as E,Box as B,VStack as re}from"@styled/jsx";import{css as F}from"@styled/css";import"../feedback/callout.js";import"../feedback/progress-bar.js";import"./button.js";import"./checkbox.js";import"./popover.js";import"./radio.js";import"./segmented-control.js";import"./switch.js";import O from"./text.js";import"./portal.js";import"../../hooks/useToast.js";import"../../recipes/toast.js";import oe from"../feedback/tooltip.js";import{useButton as ne,useFocusRing as le,useKeyboard as ie,mergeProps as se}from"react-aria";const L={sm:{caret:16,check:14,height:"2.625rem",top:48,width:"0.75rem",mult:2.25},md:{caret:17,check:15,height:"2.8125rem",top:52,width:"0.85rem",mult:2.25},lg:{caret:18,check:16,height:"3rem",top:55,width:"1rem",mult:2.5}},N=Q({selectedOption:null,setSelectedOption:()=>{}}),_=({value:r,label:i,size:u="lg",isFocused:x,optionHoverColor:d})=>{const{selectedOption:h,setSelectedOption:p}=X(N),l=h?.value===r,s=L[u],k=D(()=>{p({value:r,label:i})},[p,r,i]);return g(E,{py:1.5,gap:2,bg:l?"brand.base":x?"brand.lightest":"",_hover:l?{}:{bg:d||"brand.lightest"},onClick:k,style:{paddingLeft:s.width,paddingRight:s.width},children:[o(B,{style:{minWidth:s.width},children:l&&o(G,{width:s.check,height:s.check,color:S("colors.text.quaternary")})}),o(O,{size:u,fontWeight:"medium",fontColor:l?"text.quaternary":"text.primary",styles:{textAlign:"left"},children:i})]})},j=({children:r,onSelect:i,label:u,placeholder:x="Select one",selectedValue:d,size:h="lg",tooltipContent:p,disabled:l,viewMax:s=5,optionHoverColor:k,...q})=>{const[f,v]=W(!1),[t,b]=W(null),w=A(null),C=A(null),a=L[h],I=s*a.mult+1,K=D(()=>{v(e=>!e),f||(b(null),setTimeout(()=>{var e;return(e=C.current)===null||e===void 0?void 0:e.focus()}))},[f]),R=D(e=>{i(e.value),v(!1)},[i]),z=Z(()=>{const e=m.toArray(r).find(n=>n.props.value===d);return e?e.props.label:x},[d,r]),{buttonProps:V}=ne({...q,isDisabled:l,onPress:K},w),{focusProps:$,isFocusVisible:M}=le(),{keyboardProps:T}=ie({onKeyDown:e=>{var n,c;if(!f)return;let y=t;const P=m.toArray(r);switch(e.key){case"ArrowUp":e.preventDefault(),t===null?b(m.count(r)-1):(y=t>0?t-1:m.count(r)-1,b(y));break;case"ArrowDown":e.preventDefault(),t===null?b(0):(y=t<m.count(r)-1?t+1:0,b(y));break;case"Enter":if(e.preventDefault(),(n=w.current)===null||n===void 0||n.focus(),t===null)return;if(t>=0&&t<P.length){const H=P[t];H&&i(H.props.value)}break;case"Escape":v(!1),(c=w.current)===null||c===void 0||c.focus();break}}});return ee(()=>{const e=n=>{var c;!((c=C.current)===null||c===void 0)&&c.contains(n.target)||v(!1)};return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[]),o(N.Provider,{value:{selectedOption:{value:d??"",label:z},setSelectedOption:R},children:g(re,{gap:2,w:"full",alignItems:"flex-start",children:[(u||p)&&g(E,{gap:2,pointerEvents:l?"none":"auto",opacity:l?.3:"",transition:"all linear 120ms",children:[u&&o(O,{size:"sm",fontWeight:"medium",children:u}),p&&o(oe,{content:p,children:o(J,{className:F({w:4,h:4,color:"neutral.primary"})})})]}),g("button",{className:F({w:"full",h:"fit-content",bg:"surface.primary",borderWidth:"thin",borderColor:"neutral.secondary",rounded:"xl",transition:"all linear 120ms",position:"relative",cursor:"pointer",outlineColor:"brand.base",outlineStyle:M?"solid":"none",outlineWidth:"thick",outlineOffset:.5,_hover:{borderColor:"neutral.primary"},_disabled:{opacity:.3,pointerEvents:"none"}}),ref:w,...se(V,$,T),children:[g(E,{w:"full",p:4,justifyContent:"space-between",style:{height:a.height},children:[o(O,{truncate:!0,size:h,fontColor:d?"text.primary":"text.tertiary",children:z}),f?o(Y,{width:a.caret,height:a.caret,color:S("colors.brand.base")}):o(U,{width:a.caret,height:a.caret,color:S("colors.brand.base")})]}),f&&o(B,{ref:C,tabIndex:-1,py:2,bg:"surface.primary",position:"absolute",w:"full",rounded:"input",boxShadow:"4px 8px 20px 0px rgba(0, 0, 0, 0.15)",style:{maxHeight:`${I}rem`,top:a.top},overflowY:"auto",outline:"none",zIndex:"max",children:m.map(r,(e,n)=>te(e,{isFocused:n===t,size:h,optionHoverColor:k}))})]})]})})};_.displayName="DropdownOption",j.displayName="DropdownSelector";export{_ as DropdownOption,j as DropdownSelector};
|
|
2
2
|
//# sourceMappingURL=dropdown-selector.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dropdown-selector.js","sources":["../../../../src/components/primitives/dropdown-selector.tsx"],"sourcesContent":["import { Tooltip } from '@components/feedback';\nimport { IcoCaretDown, IcoCaretUp, IcoCheckmark, IcoQuestionCircleFill } from '@components/icons';\nimport { Text } from '@components/primitives';\nimport { css, cx } from '@styled/css';\nimport { Box, HStack, VStack } from '@styled/jsx';\nimport { token } from '@styled/tokens';\nimport {\n Children,\n cloneElement,\n createContext,\n ReactElement,\n ReactNode,\n useCallback,\n useContext,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from 'react';\nimport { AriaButtonProps, mergeProps, useButton, useFocusRing, useKeyboard } from 'react-aria';\n\nexport interface DropdownSelectorProps extends AriaButtonProps {\n children: ReactNode;\n onSelect: (value: string) => void;\n label?: string;\n placeholder?: string;\n selectedValue?: string;\n size?: 'sm' | 'md' | 'lg';\n tooltipContent?: string;\n disabled?: boolean;\n viewMax?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10;\n selectorClassName?: string;\n optionClassName?: string;\n}\n\nexport interface DropdownOptionProps {\n value: string;\n label: string;\n isFocused?: boolean;\n size?: DropdownSelectorProps['size'];\n className?: string;\n}\n\ninterface OptionData {\n value: string;\n label: string;\n}\n\nexport interface DropdownContextType {\n selectedOption: OptionData | null;\n setSelectedOption: (option: OptionData) => void;\n}\n\nconst SIZES = {\n sm: { caret: 16, check: 14, height: '2.625rem', top: 48, width: '0.75rem', mult: 2.25 },\n md: { caret: 17, check: 15, height: '2.8125rem', top: 52, width: '0.85rem', mult: 2.25 },\n lg: { caret: 18, check: 16, height: '3rem', top: 55, width: '1rem', mult: 2.5 },\n};\n\nconst DropdownContext = createContext<DropdownContextType>({\n selectedOption: null,\n setSelectedOption: () => {},\n});\n\nexport const DropdownOption = ({ value, label, size = 'lg', isFocused, className }: DropdownOptionProps) => {\n const { selectedOption, setSelectedOption } = useContext(DropdownContext);\n const isSelected = selectedOption?.value === value;\n const sizeProps = SIZES[size];\n\n const handleSelectOption = useCallback(() => {\n setSelectedOption({ value, label });\n }, [setSelectedOption, value, label]);\n\n return (\n <HStack\n py={1.5}\n gap={2}\n bg={isSelected ? 'brand.base' : isFocused ? 'brand.lightest' : ''}\n _hover={!isSelected ? { bg: 'brand.lightest' } : {}}\n onClick={handleSelectOption}\n style={{ paddingLeft: sizeProps.width, paddingRight: sizeProps.width }}\n className={className}\n >\n <Box style={{ minWidth: sizeProps.width }}>\n {isSelected && (\n <IcoCheckmark width={sizeProps.check} height={sizeProps.check} color={token('colors.text.quaternary')} />\n )}\n </Box>\n <Text\n size={size}\n fontWeight=\"medium\"\n fontColor={isSelected ? 'text.quaternary' : 'text.primary'}\n styles={{ textAlign: 'left' }}\n >\n {label}\n </Text>\n </HStack>\n );\n};\n\nexport const DropdownSelector = ({\n children,\n onSelect,\n label,\n placeholder = 'Select one',\n selectedValue,\n size = 'lg',\n tooltipContent,\n disabled,\n viewMax = 5,\n selectorClassName,\n optionClassName,\n ...props\n}: DropdownSelectorProps) => {\n const [isOpen, setIsOpen] = useState(false);\n const [focusedIndex, setFocusedIndex] = useState<number | null>(null);\n const buttonRef = useRef<HTMLButtonElement>(null);\n const dropdownRef = useRef<HTMLDivElement>(null);\n const sizeProps = SIZES[size];\n const maxHeight = viewMax * sizeProps.mult + 1;\n\n const toggleDropdown = useCallback(() => {\n setIsOpen(prev => !prev);\n if (!isOpen) {\n setFocusedIndex(null);\n setTimeout(() => dropdownRef.current?.focus());\n }\n }, [isOpen]);\n\n const handleSelect = useCallback(\n (option: OptionData) => {\n onSelect(option.value);\n setIsOpen(false);\n },\n [onSelect],\n );\n\n const selectedLabel = useMemo(() => {\n const childElements = Children.toArray(children) as ReactElement<DropdownOptionProps>[];\n const matchedChild = childElements.find(child => child.props.value === selectedValue);\n return matchedChild ? matchedChild.props.label : placeholder;\n }, [selectedValue, children]);\n\n const { buttonProps } = useButton(\n {\n ...props,\n isDisabled: disabled,\n onPress: toggleDropdown,\n },\n buttonRef,\n );\n\n const { focusProps, isFocusVisible } = useFocusRing();\n\n const { keyboardProps } = useKeyboard({\n onKeyDown: event => {\n if (!isOpen) return;\n\n let newFocusedIndex = focusedIndex;\n const childArray = Children.toArray(children);\n\n switch (event.key) {\n case 'ArrowUp':\n event.preventDefault();\n if (focusedIndex === null) {\n setFocusedIndex(Children.count(children) - 1);\n } else {\n newFocusedIndex = focusedIndex > 0 ? focusedIndex - 1 : Children.count(children) - 1;\n setFocusedIndex(newFocusedIndex);\n }\n break;\n case 'ArrowDown':\n event.preventDefault();\n if (focusedIndex === null) {\n setFocusedIndex(0);\n } else {\n newFocusedIndex = focusedIndex < Children.count(children) - 1 ? focusedIndex + 1 : 0;\n setFocusedIndex(newFocusedIndex);\n }\n break;\n case 'Enter':\n event.preventDefault();\n buttonRef.current?.focus();\n if (focusedIndex === null) return;\n if (focusedIndex >= 0 && focusedIndex < childArray.length) {\n const selectedChild = childArray[focusedIndex] as ReactElement<DropdownOptionProps>;\n if (selectedChild) {\n onSelect(selectedChild.props.value);\n }\n }\n break;\n case 'Escape':\n setIsOpen(false);\n buttonRef.current?.focus();\n break;\n default:\n break;\n }\n },\n });\n\n useEffect(() => {\n const handleClick = (event: MouseEvent) => {\n if (!dropdownRef.current?.contains(event.target as Node)) {\n setIsOpen(false);\n }\n };\n\n document.addEventListener('mousedown', handleClick);\n\n return () => {\n document.removeEventListener('mousedown', handleClick);\n };\n }, []);\n\n return (\n <DropdownContext.Provider\n value={{ selectedOption: { value: selectedValue ?? '', label: selectedLabel }, setSelectedOption: handleSelect }}\n >\n <VStack gap={2} w=\"full\" alignItems=\"flex-start\">\n {(label || tooltipContent) && (\n <HStack\n gap={2}\n pointerEvents={disabled ? 'none' : 'auto'}\n opacity={disabled ? 0.3 : ''}\n transition={'all linear 120ms'}\n >\n {label && (\n <Text size=\"sm\" fontWeight=\"medium\">\n {label}\n </Text>\n )}\n\n {tooltipContent && (\n <Tooltip content={tooltipContent}>\n <IcoQuestionCircleFill className={css({ w: 4, h: 4, color: 'neutral.primary' })} />\n </Tooltip>\n )}\n </HStack>\n )}\n\n <button\n className={cx(\n css({\n w: 'full',\n h: 'fit-content',\n bg: 'surface.primary',\n borderWidth: 'thin',\n borderColor: 'neutral.secondary',\n rounded: 'xl',\n transition: 'all linear 120ms',\n position: 'relative',\n cursor: 'pointer',\n outlineColor: 'brand.base',\n outlineStyle: isFocusVisible ? 'solid' : 'none',\n outlineWidth: 'thick',\n outlineOffset: 0.5,\n _hover: { borderColor: 'neutral.primary' },\n _disabled: { opacity: 0.3, pointerEvents: 'none' },\n }),\n selectorClassName,\n )}\n ref={buttonRef}\n {...mergeProps(buttonProps, focusProps, keyboardProps)}\n >\n <HStack w=\"full\" p={4} justifyContent=\"space-between\" style={{ height: sizeProps.height }}>\n <Text truncate size={size} fontColor={selectedValue ? 'text.primary' : 'text.tertiary'}>\n {selectedLabel}\n </Text>\n {isOpen ? (\n <IcoCaretUp width={sizeProps.caret} height={sizeProps.caret} color={token('colors.brand.base')} />\n ) : (\n <IcoCaretDown width={sizeProps.caret} height={sizeProps.caret} color={token('colors.brand.base')} />\n )}\n </HStack>\n\n {isOpen && (\n <Box\n ref={dropdownRef}\n tabIndex={-1}\n py={2}\n bg=\"surface.primary\"\n position=\"absolute\"\n w=\"full\"\n rounded=\"input\"\n boxShadow=\"4px 8px 20px 0px rgba(0, 0, 0, 0.15)\"\n style={{ maxHeight: `${maxHeight}rem`, top: sizeProps.top }}\n overflowY=\"auto\"\n outline=\"none\"\n zIndex=\"max\"\n >\n {Children.map(children, (child, index) =>\n cloneElement(child as ReactElement<DropdownOptionProps>, {\n isFocused: index === focusedIndex,\n size,\n className: optionClassName,\n }),\n )}\n </Box>\n )}\n </button>\n </VStack>\n </DropdownContext.Provider>\n );\n};\n\nDropdownOption.displayName = 'DropdownOption';\nDropdownSelector.displayName = 'DropdownSelector';\n"],"names":["SIZES","DropdownContext","createContext","DropdownOption","value","label","size","isFocused","className","selectedOption","setSelectedOption","useContext","isSelected","sizeProps","handleSelectOption","useCallback","_jsxs","HStack","_jsx","Box","IcoCheckmark","token","Text","DropdownSelector","children","onSelect","placeholder","selectedValue","tooltipContent","disabled","viewMax","selectorClassName","optionClassName","props","isOpen","setIsOpen","useState","focusedIndex","setFocusedIndex","buttonRef","useRef","dropdownRef","maxHeight","toggleDropdown","prev","_a","handleSelect","option","selectedLabel","useMemo","matchedChild","Children","child","buttonProps","useButton","focusProps","isFocusVisible","useFocusRing","keyboardProps","useKeyboard","event","newFocusedIndex","childArray","selectedChild","_b","useEffect","handleClick","VStack","Tooltip","IcoQuestionCircleFill","css","cx","mergeProps","IcoCaretUp","IcoCaretDown","index","cloneElement"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"dropdown-selector.js","sources":["../../../../src/components/primitives/dropdown-selector.tsx"],"sourcesContent":["import { Tooltip } from '@components/feedback';\nimport { IcoCaretDown, IcoCaretUp, IcoCheckmark, IcoQuestionCircleFill } from '@components/icons';\nimport { Text } from '@components/primitives';\nimport { css } from '@styled/css';\nimport { Box, HStack, VStack } from '@styled/jsx';\nimport { token } from '@styled/tokens';\nimport {\n Children,\n cloneElement,\n createContext,\n ReactElement,\n ReactNode,\n useCallback,\n useContext,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from 'react';\nimport { AriaButtonProps, mergeProps, useButton, useFocusRing, useKeyboard } from 'react-aria';\n\nexport interface DropdownSelectorProps extends AriaButtonProps {\n children: ReactNode;\n onSelect: (value: string) => void;\n label?: string;\n placeholder?: string;\n selectedValue?: string;\n size?: 'sm' | 'md' | 'lg';\n tooltipContent?: string;\n disabled?: boolean;\n viewMax?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10;\n optionHoverColor?: string;\n}\n\nexport interface DropdownOptionProps {\n value: string;\n label: string;\n isFocused?: boolean;\n size?: DropdownSelectorProps['size'];\n optionHoverColor?: string;\n}\n\ninterface OptionData {\n value: string;\n label: string;\n}\n\nexport interface DropdownContextType {\n selectedOption: OptionData | null;\n setSelectedOption: (option: OptionData) => void;\n}\n\nconst SIZES = {\n sm: { caret: 16, check: 14, height: '2.625rem', top: 48, width: '0.75rem', mult: 2.25 },\n md: { caret: 17, check: 15, height: '2.8125rem', top: 52, width: '0.85rem', mult: 2.25 },\n lg: { caret: 18, check: 16, height: '3rem', top: 55, width: '1rem', mult: 2.5 },\n};\n\nconst DropdownContext = createContext<DropdownContextType>({\n selectedOption: null,\n setSelectedOption: () => {},\n});\n\nexport const DropdownOption = ({ value, label, size = 'lg', isFocused, optionHoverColor }: DropdownOptionProps) => {\n const { selectedOption, setSelectedOption } = useContext(DropdownContext);\n const isSelected = selectedOption?.value === value;\n const sizeProps = SIZES[size];\n\n const handleSelectOption = useCallback(() => {\n setSelectedOption({ value, label });\n }, [setSelectedOption, value, label]);\n\n return (\n <HStack\n py={1.5}\n gap={2}\n bg={isSelected ? 'brand.base' : isFocused ? 'brand.lightest' : ''}\n _hover={!isSelected ? { bg: optionHoverColor || 'brand.lightest' } : {}}\n onClick={handleSelectOption}\n style={{ paddingLeft: sizeProps.width, paddingRight: sizeProps.width }}\n >\n <Box style={{ minWidth: sizeProps.width }}>\n {isSelected && (\n <IcoCheckmark width={sizeProps.check} height={sizeProps.check} color={token('colors.text.quaternary')} />\n )}\n </Box>\n <Text\n size={size}\n fontWeight=\"medium\"\n fontColor={isSelected ? 'text.quaternary' : 'text.primary'}\n styles={{ textAlign: 'left' }}\n >\n {label}\n </Text>\n </HStack>\n );\n};\n\nexport const DropdownSelector = ({\n children,\n onSelect,\n label,\n placeholder = 'Select one',\n selectedValue,\n size = 'lg',\n tooltipContent,\n disabled,\n viewMax = 5,\n optionHoverColor,\n ...props\n}: DropdownSelectorProps) => {\n const [isOpen, setIsOpen] = useState(false);\n const [focusedIndex, setFocusedIndex] = useState<number | null>(null);\n const buttonRef = useRef<HTMLButtonElement>(null);\n const dropdownRef = useRef<HTMLDivElement>(null);\n const sizeProps = SIZES[size];\n const maxHeight = viewMax * sizeProps.mult + 1;\n\n const toggleDropdown = useCallback(() => {\n setIsOpen(prev => !prev);\n if (!isOpen) {\n setFocusedIndex(null);\n setTimeout(() => dropdownRef.current?.focus());\n }\n }, [isOpen]);\n\n const handleSelect = useCallback(\n (option: OptionData) => {\n onSelect(option.value);\n setIsOpen(false);\n },\n [onSelect],\n );\n\n const selectedLabel = useMemo(() => {\n const childElements = Children.toArray(children) as ReactElement<DropdownOptionProps>[];\n const matchedChild = childElements.find(child => child.props.value === selectedValue);\n return matchedChild ? matchedChild.props.label : placeholder;\n }, [selectedValue, children]);\n\n const { buttonProps } = useButton(\n {\n ...props,\n isDisabled: disabled,\n onPress: toggleDropdown,\n },\n buttonRef,\n );\n\n const { focusProps, isFocusVisible } = useFocusRing();\n\n const { keyboardProps } = useKeyboard({\n onKeyDown: event => {\n if (!isOpen) return;\n\n let newFocusedIndex = focusedIndex;\n const childArray = Children.toArray(children);\n\n switch (event.key) {\n case 'ArrowUp':\n event.preventDefault();\n if (focusedIndex === null) {\n setFocusedIndex(Children.count(children) - 1);\n } else {\n newFocusedIndex = focusedIndex > 0 ? focusedIndex - 1 : Children.count(children) - 1;\n setFocusedIndex(newFocusedIndex);\n }\n break;\n case 'ArrowDown':\n event.preventDefault();\n if (focusedIndex === null) {\n setFocusedIndex(0);\n } else {\n newFocusedIndex = focusedIndex < Children.count(children) - 1 ? focusedIndex + 1 : 0;\n setFocusedIndex(newFocusedIndex);\n }\n break;\n case 'Enter':\n event.preventDefault();\n buttonRef.current?.focus();\n if (focusedIndex === null) return;\n if (focusedIndex >= 0 && focusedIndex < childArray.length) {\n const selectedChild = childArray[focusedIndex] as ReactElement<DropdownOptionProps>;\n if (selectedChild) {\n onSelect(selectedChild.props.value);\n }\n }\n break;\n case 'Escape':\n setIsOpen(false);\n buttonRef.current?.focus();\n break;\n default:\n break;\n }\n },\n });\n\n useEffect(() => {\n const handleClick = (event: MouseEvent) => {\n if (!dropdownRef.current?.contains(event.target as Node)) {\n setIsOpen(false);\n }\n };\n\n document.addEventListener('mousedown', handleClick);\n\n return () => {\n document.removeEventListener('mousedown', handleClick);\n };\n }, []);\n\n return (\n <DropdownContext.Provider\n value={{ selectedOption: { value: selectedValue ?? '', label: selectedLabel }, setSelectedOption: handleSelect }}\n >\n <VStack gap={2} w=\"full\" alignItems=\"flex-start\">\n {(label || tooltipContent) && (\n <HStack\n gap={2}\n pointerEvents={disabled ? 'none' : 'auto'}\n opacity={disabled ? 0.3 : ''}\n transition={'all linear 120ms'}\n >\n {label && (\n <Text size=\"sm\" fontWeight=\"medium\">\n {label}\n </Text>\n )}\n\n {tooltipContent && (\n <Tooltip content={tooltipContent}>\n <IcoQuestionCircleFill className={css({ w: 4, h: 4, color: 'neutral.primary' })} />\n </Tooltip>\n )}\n </HStack>\n )}\n\n <button\n className={css({\n w: 'full',\n h: 'fit-content',\n bg: 'surface.primary',\n borderWidth: 'thin',\n borderColor: 'neutral.secondary',\n rounded: 'xl',\n transition: 'all linear 120ms',\n position: 'relative',\n cursor: 'pointer',\n outlineColor: 'brand.base',\n outlineStyle: isFocusVisible ? 'solid' : 'none',\n outlineWidth: 'thick',\n outlineOffset: 0.5,\n _hover: { borderColor: 'neutral.primary' },\n _disabled: { opacity: 0.3, pointerEvents: 'none' },\n })}\n ref={buttonRef}\n {...mergeProps(buttonProps, focusProps, keyboardProps)}\n >\n <HStack w=\"full\" p={4} justifyContent=\"space-between\" style={{ height: sizeProps.height }}>\n <Text truncate size={size} fontColor={selectedValue ? 'text.primary' : 'text.tertiary'}>\n {selectedLabel}\n </Text>\n {isOpen ? (\n <IcoCaretUp width={sizeProps.caret} height={sizeProps.caret} color={token('colors.brand.base')} />\n ) : (\n <IcoCaretDown width={sizeProps.caret} height={sizeProps.caret} color={token('colors.brand.base')} />\n )}\n </HStack>\n\n {isOpen && (\n <Box\n ref={dropdownRef}\n tabIndex={-1}\n py={2}\n bg=\"surface.primary\"\n position=\"absolute\"\n w=\"full\"\n rounded=\"input\"\n boxShadow=\"4px 8px 20px 0px rgba(0, 0, 0, 0.15)\"\n style={{ maxHeight: `${maxHeight}rem`, top: sizeProps.top }}\n overflowY=\"auto\"\n outline=\"none\"\n zIndex=\"max\"\n >\n {Children.map(children, (child, index) =>\n cloneElement(child as ReactElement<DropdownOptionProps>, {\n isFocused: index === focusedIndex,\n size,\n optionHoverColor,\n }),\n )}\n </Box>\n )}\n </button>\n </VStack>\n </DropdownContext.Provider>\n );\n};\n\nDropdownOption.displayName = 'DropdownOption';\nDropdownSelector.displayName = 'DropdownSelector';\n"],"names":["SIZES","DropdownContext","createContext","DropdownOption","value","label","size","isFocused","optionHoverColor","selectedOption","setSelectedOption","useContext","isSelected","sizeProps","handleSelectOption","useCallback","_jsxs","HStack","_jsx","Box","IcoCheckmark","token","Text","DropdownSelector","children","onSelect","placeholder","selectedValue","tooltipContent","disabled","viewMax","props","isOpen","setIsOpen","useState","focusedIndex","setFocusedIndex","buttonRef","useRef","dropdownRef","maxHeight","toggleDropdown","prev","_a","handleSelect","option","selectedLabel","useMemo","matchedChild","Children","child","buttonProps","useButton","focusProps","isFocusVisible","useFocusRing","keyboardProps","useKeyboard","event","newFocusedIndex","childArray","selectedChild","_b","useEffect","handleClick","VStack","Tooltip","IcoQuestionCircleFill","css","mergeProps","IcoCaretUp","IcoCaretDown","index","cloneElement"],"mappings":"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"}
|