@magiclabs/ui-components 1.22.3 → 1.23.1

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 (111) hide show
  1. package/dist/cjs/components/icons/ico-caret-down.js +1 -1
  2. package/dist/cjs/components/icons/ico-caret-down.js.map +1 -1
  3. package/dist/cjs/components/icons/ico-dedicated.js +1 -1
  4. package/dist/cjs/components/icons/ico-dedicated.js.map +1 -1
  5. package/dist/cjs/components/icons/ico-polygon-gas-testnet.js +2 -0
  6. package/dist/cjs/components/icons/ico-polygon-gas-testnet.js.map +1 -0
  7. package/dist/cjs/components/icons/ico-polygon-gas.js +2 -0
  8. package/dist/cjs/components/icons/ico-polygon-gas.js.map +1 -0
  9. package/dist/cjs/components/icons/ico-swap.js +1 -1
  10. package/dist/cjs/components/icons/ico-swap.js.map +1 -1
  11. package/dist/cjs/components/icons/ico-warning.js +1 -1
  12. package/dist/cjs/components/icons/ico-warning.js.map +1 -1
  13. package/dist/cjs/components/logos/blc-binance.js +1 -1
  14. package/dist/cjs/components/logos/blc-binance.js.map +1 -1
  15. package/dist/cjs/components/logos/blc-celo.js +1 -1
  16. package/dist/cjs/components/logos/blc-celo.js.map +1 -1
  17. package/dist/cjs/components/logos/blc-rarichain.js +1 -1
  18. package/dist/cjs/components/logos/blc-rarichain.js.map +1 -1
  19. package/dist/cjs/components/logos/blc-stability.js +1 -1
  20. package/dist/cjs/components/logos/blc-stability.js.map +1 -1
  21. package/dist/cjs/components/logos/icon-delete.js +2 -0
  22. package/dist/cjs/components/logos/icon-delete.js.map +1 -0
  23. package/dist/cjs/components/logos/icon-email-globe.js +2 -0
  24. package/dist/cjs/components/logos/icon-email-globe.js.map +1 -0
  25. package/dist/cjs/components/logos/icon-person-dark.js +2 -0
  26. package/dist/cjs/components/logos/icon-person-dark.js.map +1 -0
  27. package/dist/cjs/components/logos/icon-person.js +2 -0
  28. package/dist/cjs/components/logos/icon-person.js.map +1 -0
  29. package/dist/cjs/components/logos/icon-reset.js +2 -0
  30. package/dist/cjs/components/logos/icon-reset.js.map +1 -0
  31. package/dist/cjs/components/logos/icon-warning-shield.js +2 -0
  32. package/dist/cjs/components/logos/icon-warning-shield.js.map +1 -0
  33. package/dist/cjs/components/logos/icon-warning.js +2 -0
  34. package/dist/cjs/components/logos/icon-warning.js.map +1 -0
  35. package/dist/cjs/components/primitives/dropdown-selector.js +1 -1
  36. package/dist/cjs/components/primitives/dropdown-selector.js.map +1 -1
  37. package/dist/cjs/components/primitives/segmented-control.js +1 -1
  38. package/dist/cjs/components/primitives/segmented-control.js.map +1 -1
  39. package/dist/cjs/index.js +1 -1
  40. package/dist/es/components/icons/ico-caret-down.js +1 -1
  41. package/dist/es/components/icons/ico-caret-down.js.map +1 -1
  42. package/dist/es/components/icons/ico-dedicated.js +1 -1
  43. package/dist/es/components/icons/ico-dedicated.js.map +1 -1
  44. package/dist/es/components/icons/ico-polygon-gas-testnet.js +2 -0
  45. package/dist/es/components/icons/ico-polygon-gas-testnet.js.map +1 -0
  46. package/dist/es/components/icons/ico-polygon-gas.js +2 -0
  47. package/dist/es/components/icons/ico-polygon-gas.js.map +1 -0
  48. package/dist/es/components/icons/ico-swap.js +1 -1
  49. package/dist/es/components/icons/ico-swap.js.map +1 -1
  50. package/dist/es/components/icons/ico-warning.js +1 -1
  51. package/dist/es/components/icons/ico-warning.js.map +1 -1
  52. package/dist/es/components/logos/blc-binance.js +1 -1
  53. package/dist/es/components/logos/blc-binance.js.map +1 -1
  54. package/dist/es/components/logos/blc-celo.js +1 -1
  55. package/dist/es/components/logos/blc-celo.js.map +1 -1
  56. package/dist/es/components/logos/blc-rarichain.js +1 -1
  57. package/dist/es/components/logos/blc-rarichain.js.map +1 -1
  58. package/dist/es/components/logos/blc-stability.js +1 -1
  59. package/dist/es/components/logos/blc-stability.js.map +1 -1
  60. package/dist/es/components/logos/icon-delete.js +2 -0
  61. package/dist/es/components/logos/icon-delete.js.map +1 -0
  62. package/dist/es/components/logos/icon-email-globe.js +2 -0
  63. package/dist/es/components/logos/icon-email-globe.js.map +1 -0
  64. package/dist/es/components/logos/icon-person-dark.js +2 -0
  65. package/dist/es/components/logos/icon-person-dark.js.map +1 -0
  66. package/dist/es/components/logos/icon-person.js +2 -0
  67. package/dist/es/components/logos/icon-person.js.map +1 -0
  68. package/dist/es/components/logos/icon-reset.js +2 -0
  69. package/dist/es/components/logos/icon-reset.js.map +1 -0
  70. package/dist/es/components/logos/icon-warning-shield.js +2 -0
  71. package/dist/es/components/logos/icon-warning-shield.js.map +1 -0
  72. package/dist/es/components/logos/icon-warning.js +2 -0
  73. package/dist/es/components/logos/icon-warning.js.map +1 -0
  74. package/dist/es/components/primitives/dropdown-selector.js +1 -1
  75. package/dist/es/components/primitives/dropdown-selector.js.map +1 -1
  76. package/dist/es/components/primitives/segmented-control.js +1 -1
  77. package/dist/es/components/primitives/segmented-control.js.map +1 -1
  78. package/dist/es/index.js +1 -1
  79. package/dist/types/components/icons/ico-polygon-gas-testnet.d.ts +14 -0
  80. package/dist/types/components/icons/ico-polygon-gas-testnet.d.ts.map +1 -0
  81. package/dist/types/components/icons/{ico-loading-fill.d.ts → ico-polygon-gas.d.ts} +3 -3
  82. package/dist/types/components/icons/ico-polygon-gas.d.ts.map +1 -0
  83. package/dist/types/components/icons/index.d.ts +2 -1
  84. package/dist/types/components/icons/index.d.ts.map +1 -1
  85. package/dist/types/components/logos/blc-binance.d.ts.map +1 -1
  86. package/dist/types/components/logos/blc-celo.d.ts.map +1 -1
  87. package/dist/types/components/logos/icon-delete.d.ts +10 -0
  88. package/dist/types/components/logos/icon-delete.d.ts.map +1 -0
  89. package/dist/types/components/logos/icon-email-globe.d.ts +10 -0
  90. package/dist/types/components/logos/icon-email-globe.d.ts.map +1 -0
  91. package/dist/types/components/logos/icon-person-dark.d.ts +10 -0
  92. package/dist/types/components/logos/icon-person-dark.d.ts.map +1 -0
  93. package/dist/types/components/logos/icon-person.d.ts +10 -0
  94. package/dist/types/components/logos/icon-person.d.ts.map +1 -0
  95. package/dist/types/components/logos/icon-reset.d.ts +10 -0
  96. package/dist/types/components/logos/icon-reset.d.ts.map +1 -0
  97. package/dist/types/components/logos/icon-warning-shield.d.ts +10 -0
  98. package/dist/types/components/logos/icon-warning-shield.d.ts.map +1 -0
  99. package/dist/types/components/logos/icon-warning.d.ts +10 -0
  100. package/dist/types/components/logos/icon-warning.d.ts.map +1 -0
  101. package/dist/types/components/logos/index.d.ts +7 -0
  102. package/dist/types/components/logos/index.d.ts.map +1 -1
  103. package/dist/types/components/primitives/dropdown-selector.d.ts.map +1 -1
  104. package/dist/types/components/primitives/segmented-control.d.ts +1 -0
  105. package/dist/types/components/primitives/segmented-control.d.ts.map +1 -1
  106. package/package.json +1 -1
  107. package/dist/cjs/components/icons/ico-loading-fill.js +0 -2
  108. package/dist/cjs/components/icons/ico-loading-fill.js.map +0 -1
  109. package/dist/es/components/icons/ico-loading-fill.js +0 -2
  110. package/dist/es/components/icons/ico-loading-fill.js.map +0 -1
  111. package/dist/types/components/icons/ico-loading-fill.d.ts.map +0 -1
@@ -1 +1 @@
1
- {"version":3,"file":"blc-binance.js","sources":["../../../../src/components/logos/blc-binance.tsx"],"sourcesContent":["import type { SVGProps } from 'react';\ninterface SVGRProps {\n title?: string;\n titleId?: string;\n}\nexport interface Props extends SVGRProps, SVGProps<SVGSVGElement> {}\nconst BlcBinance = ({ 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=\"M10.951 13.9253L16.0004 8.87591L21.0521 13.9275L23.9901 10.9895L16.0004 2.99993L8.0132 10.9871L10.9511 13.9251L10.951 13.9253ZM3.00042 15.9999L5.93851 13.0614L8.87639 15.9993L5.9383 18.9373L3.00042 15.9999ZM10.951 18.0748L16.0004 23.1239L21.052 18.0724L23.9916 21.0088L23.9901 21.0104L16.0004 28.9998L8.0132 21.0127L8.00904 21.0085L10.9513 18.0745L10.951 18.0748ZM23.1243 16.0011L26.0624 13.063L29.0003 16.0009L26.0623 18.939L23.1243 16.0011Z\"\n fill=\"#F3BA2F\"\n />\n <path\n d=\"M18.9819 15.9986H18.9832L16.0022 13.0173L13.7987 15.2201L13.5456 15.4734L13.0235 15.9955L13.0194 15.9996L13.0235 16.0039L16.0022 18.9829L18.9834 16.0017L18.9849 16L18.9821 15.9986\"\n fill=\"#F3BA2F\"\n />\n </svg>\n);\nexport default BlcBinance;\n"],"names":["BlcBinance","title","titleId","props","_jsxs","_jsx"],"mappings":"kDAMA,MAAMA,EAAa,CAAC,CAAE,MAAAC,EAAO,QAAAC,EAAS,GAAGC,KACvCC,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/CI,EACE,OAAA,CAAA,EAAE,6bACF,KAAK,SAAS,CAAA,EAEhBA,EACE,OAAA,CAAA,EAAE,sLACF,KAAK,SACL,CAAA,CAAA,CAAA,CAAA"}
1
+ {"version":3,"file":"blc-binance.js","sources":["../../../../src/components/logos/blc-binance.tsx"],"sourcesContent":["import type { SVGProps } from 'react';\ninterface SVGRProps {\n title?: string;\n titleId?: string;\n}\nexport interface Props extends SVGRProps, SVGProps<SVGSVGElement> {}\nconst BlcBinance = ({ 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_8934_356)\">\n <path\n d=\"M8.53249 6.31646L15.9995 1.99999L23.4665 6.31646L20.6665 7.83293L15.9995 5.14942L11.216 7.83293L8.53249 6.31646ZM23.3489 11.6835L20.6654 10.167L15.9995 12.8505L11.216 10.167L8.53249 11.6835V14.834L13.1995 17.5175V23.001L15.883 24.634L18.5665 23.001V17.634L23.2336 14.9505V11.6835H23.3489ZM23.3489 20.3164V17.167L20.6665 18.7999V21.8329L23.3489 20.3164ZM25.3324 21.367L20.6654 24.0505V27.1999L28.1324 22.8834V14.2505L25.3324 15.9999V21.367ZM22.65 8.99997L25.3335 10.6329V13.7835L28.017 12.1505V8.99997L25.3335 7.36701L22.65 8.99997ZM13.1995 25.2164V28.3658L15.883 29.9988L18.5665 28.3658V25.2164L15.883 26.8493L13.1995 25.2164ZM8.53249 20.3164L11.216 21.8329V18.6834L8.53249 17.0505V20.3164ZM13.1995 8.99997L15.883 10.6329L18.683 8.99997L15.9995 7.36701L13.1995 8.99997ZM6.54897 10.6329L9.34896 8.99997L6.54897 7.36701L3.86658 8.99997V12.1494L6.55009 13.7823V10.6329H6.54897ZM6.54897 15.9999L3.86546 14.367V22.9999L11.3325 27.3164V24.1669L6.66545 21.4834V15.9999H6.54897Z\"\n fill=\"#F3BA2F\"\n />\n </g>\n <defs>\n <clipPath id=\"clip0_8934_356\">\n <rect width={28} height={28} fill=\"white\" transform=\"translate(1.99999 1.99999)\" />\n </clipPath>\n </defs>\n </svg>\n);\nexport default BlcBinance;\n"],"names":["BlcBinance","title","titleId","props","_jsxs","_jsx"],"mappings":"kDAMMA,MAAAA,EAAa,CAAC,CAAE,MAAAC,EAAO,QAAAC,EAAS,GAAGC,KACvCC,EAAA,MAAA,CACE,MAAO,GACP,OAAQ,GACR,QAAQ,YACR,KAAK,OACL,MAAM,6BAA4B,kBACjBF,EACb,GAAAC,YAEHF,EAAQI,EAAA,QAAA,CAAO,GAAIH,EAAO,SAAGD,CAAc,CAAA,EAAG,KAC/CI,EAAG,IAAA,CAAA,SAAS,uBACV,SAAAA,EAAA,OAAA,CACE,EAAE,68BACF,KAAK,SACL,CAAA,CAAA,CAAA,EAEJA,EAAA,OAAA,CAAA,SACEA,EAAU,WAAA,CAAA,GAAG,iBAAgB,SAC3BA,UAAM,MAAO,GAAI,OAAQ,GAAI,KAAK,QAAQ,UAAU,8BAC3C,CAAA,CAAA,CAAA,CACN,CACH,CAAA"}
@@ -1,2 +1,2 @@
1
- import{jsxs as C,jsx as l}from"react/jsx-runtime";const h=({title:i,titleId:t,...e})=>C("svg",{width:32,height:32,viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":t,...e,children:[i?l("title",{id:t,children:i}):null,C("g",{clipPath:"url(#clip0_8934_369)",children:[l("path",{d:"M13.2636 26.2629C17.4209 26.2629 20.7899 22.8938 20.7899 18.7366C20.7899 14.5794 17.4209 11.2103 13.2636 11.2103C9.10638 11.2103 5.73734 14.5794 5.73734 18.7366C5.73734 22.8938 9.10638 26.2629 13.2636 26.2629ZM13.2636 28.9997C7.59565 28.9997 3.00051 24.4046 3.00051 18.7366C3.00051 13.0686 7.59565 8.47348 13.2636 8.47348C18.9316 8.47348 23.5267 13.0686 23.5267 18.7366C23.5267 24.4046 18.9316 28.9997 13.2636 28.9997Z",fill:"#FBCC5C"}),l("path",{d:"M18.7371 20.7893C22.8944 20.7893 26.2634 17.4203 26.2634 13.263C26.2634 9.1058 22.8944 5.73676 18.7371 5.73676C14.5799 5.73676 11.2109 9.1058 11.2109 13.263C11.2109 17.4203 14.5799 20.7893 18.7371 20.7893ZM18.7371 23.5262C13.0692 23.5262 8.47403 18.931 8.47403 13.263C8.47403 7.59507 13.0692 2.99993 18.7371 2.99993C24.4051 2.99993 29.0003 7.59507 29.0003 13.263C29.0003 18.931 24.4051 23.5262 18.7371 23.5262Z",fill:"#35D07F"}),l("path",{d:"M19.0765 23.5261C19.7881 22.6639 20.2971 21.6541 20.5681 20.5675C21.6519 20.2966 22.6618 19.7875 23.5266 19.076C23.4883 20.3322 23.2173 21.5692 22.7274 22.7296C21.5698 23.2168 20.3327 23.4877 19.0765 23.5261ZM11.4325 11.432C10.3488 11.7029 9.33887 12.212 8.47403 12.9236C8.51234 11.6674 8.78329 10.4303 9.27318 9.27263C10.4309 8.78548 11.6706 8.51453 12.9241 8.47348C12.2125 9.33558 11.7035 10.3455 11.4325 11.432Z",fill:"#5EA33B"})]}),l("defs",{children:l("clipPath",{id:"clip0_8934_369",children:l("rect",{width:26,height:26,fill:"white",transform:"translate(3.00051 2.99993)"})})})]});export{h as default};
1
+ import{jsxs as d,jsx as l}from"react/jsx-runtime";const h=({title:e,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:[e?l("title",{id:t,children:e}):null,l("rect",{x:.999599,y:.999996,width:29.9999,height:29.9999,rx:15,fill:"#FDFE71"}),l("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M23.9995 7.99997H7.99957V23.9999H23.9992V18.4148H21.3439C20.4286 20.4523 18.3684 21.8714 16.0107 21.8714C12.7604 21.8714 10.1281 19.2164 10.1281 15.9887C10.1281 12.7611 12.7604 10.1288 16.0107 10.1288C18.4141 10.1288 20.4743 11.5939 21.39 13.6767H23.9995V7.99997Z",fill:"black"})]});export{h as default};
2
2
  //# sourceMappingURL=blc-celo.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"blc-celo.js","sources":["../../../../src/components/logos/blc-celo.tsx"],"sourcesContent":["import type { SVGProps } from 'react';\ninterface SVGRProps {\n title?: string;\n titleId?: string;\n}\nexport interface Props extends SVGRProps, SVGProps<SVGSVGElement> {}\nconst BlcCelo = ({ 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_8934_369)\">\n <path\n d=\"M13.2636 26.2629C17.4209 26.2629 20.7899 22.8938 20.7899 18.7366C20.7899 14.5794 17.4209 11.2103 13.2636 11.2103C9.10638 11.2103 5.73734 14.5794 5.73734 18.7366C5.73734 22.8938 9.10638 26.2629 13.2636 26.2629ZM13.2636 28.9997C7.59565 28.9997 3.00051 24.4046 3.00051 18.7366C3.00051 13.0686 7.59565 8.47348 13.2636 8.47348C18.9316 8.47348 23.5267 13.0686 23.5267 18.7366C23.5267 24.4046 18.9316 28.9997 13.2636 28.9997Z\"\n fill=\"#FBCC5C\"\n />\n <path\n d=\"M18.7371 20.7893C22.8944 20.7893 26.2634 17.4203 26.2634 13.263C26.2634 9.1058 22.8944 5.73676 18.7371 5.73676C14.5799 5.73676 11.2109 9.1058 11.2109 13.263C11.2109 17.4203 14.5799 20.7893 18.7371 20.7893ZM18.7371 23.5262C13.0692 23.5262 8.47403 18.931 8.47403 13.263C8.47403 7.59507 13.0692 2.99993 18.7371 2.99993C24.4051 2.99993 29.0003 7.59507 29.0003 13.263C29.0003 18.931 24.4051 23.5262 18.7371 23.5262Z\"\n fill=\"#35D07F\"\n />\n <path\n d=\"M19.0765 23.5261C19.7881 22.6639 20.2971 21.6541 20.5681 20.5675C21.6519 20.2966 22.6618 19.7875 23.5266 19.076C23.4883 20.3322 23.2173 21.5692 22.7274 22.7296C21.5698 23.2168 20.3327 23.4877 19.0765 23.5261ZM11.4325 11.432C10.3488 11.7029 9.33887 12.212 8.47403 12.9236C8.51234 11.6674 8.78329 10.4303 9.27318 9.27263C10.4309 8.78548 11.6706 8.51453 12.9241 8.47348C12.2125 9.33558 11.7035 10.3455 11.4325 11.432Z\"\n fill=\"#5EA33B\"\n />\n </g>\n <defs>\n <clipPath id=\"clip0_8934_369\">\n <rect width={26} height={26} fill=\"white\" transform=\"translate(3.00051 2.99993)\" />\n </clipPath>\n </defs>\n </svg>\n);\nexport default BlcCelo;\n"],"names":["BlcCelo","title","titleId","props","_jsxs","_jsx"],"mappings":"wDAMMA,EAAU,CAAC,CAAE,MAAAC,EAAO,QAAAC,EAAS,GAAGC,CAAK,IACzCC,EAAA,MAAA,CACE,MAAO,GACP,OAAQ,GACR,QAAQ,YACR,KAAK,OACL,MAAM,6BACW,kBAAAF,EACb,GAAAC,EAEH,SAAA,CAAAF,EAAQI,EAAA,QAAA,CAAO,GAAIH,EAAO,SAAGD,CAAK,CAAA,EAAY,KAC/CG,EAAA,IAAA,CAAG,SAAS,uBACV,SAAA,CAAAC,EAAA,OAAA,CACE,EAAE,qaACF,KAAK,SAAS,CAAA,EAEhBA,EAAA,OAAA,CACE,EAAE,6ZACF,KAAK,SAAS,CAAA,EAEhBA,EAAA,OAAA,CACE,EAAE,iaACF,KAAK,SAAS,CAAA,CACd,IAEJA,EAAA,OAAA,CAAA,SACEA,EAAU,WAAA,CAAA,GAAG,iBACX,SAAAA,EAAA,OAAA,CAAM,MAAO,GAAI,OAAQ,GAAI,KAAK,QAAQ,UAAU,4BAA4B,CAAA,CACvE,CAAA,CAAA,CAAA,CACN,CACH,CAAA"}
1
+ {"version":3,"file":"blc-celo.js","sources":["../../../../src/components/logos/blc-celo.tsx"],"sourcesContent":["import type { SVGProps } from 'react';\ninterface SVGRProps {\n title?: string;\n titleId?: string;\n}\nexport interface Props extends SVGRProps, SVGProps<SVGSVGElement> {}\nconst BlcCelo = ({ 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 <rect x={0.999599} y={0.999996} width={29.9999} height={29.9999} rx={15} fill=\"#FDFE71\" />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M23.9995 7.99997H7.99957V23.9999H23.9992V18.4148H21.3439C20.4286 20.4523 18.3684 21.8714 16.0107 21.8714C12.7604 21.8714 10.1281 19.2164 10.1281 15.9887C10.1281 12.7611 12.7604 10.1288 16.0107 10.1288C18.4141 10.1288 20.4743 11.5939 21.39 13.6767H23.9995V7.99997Z\"\n fill=\"black\"\n />\n </svg>\n);\nexport default BlcCelo;\n"],"names":["BlcCelo","title","titleId","props","_jsxs","_jsx"],"mappings":"wDAMMA,EAAU,CAAC,CAAE,MAAAC,EAAO,QAAAC,EAAS,GAAGC,CAAK,IACzCC,EACE,MAAA,CAAA,MAAO,GACP,OAAQ,GACR,QAAQ,YACR,KAAK,OACL,MAAM,6BACW,kBAAAF,KACbC,EAAK,SAAA,CAERF,EAAQI,EAAO,QAAA,CAAA,GAAIH,EAAU,SAAAD,IAAiB,KAC/CI,UAAM,EAAG,QAAU,EAAG,QAAU,MAAO,QAAS,OAAQ,QAAS,GAAI,GAAI,KAAK,SAAY,CAAA,EAC1FA,UACE,SAAS,UACT,SAAS,UACT,EAAE,0QACF,KAAK,OAAO,CAAA,CACZ,CACE,CAAA"}
@@ -1,2 +1,2 @@
1
- import{jsxs as i,jsx as t}from"react/jsx-runtime";const d=({title:C,titleId:l,...e})=>i("svg",{width:33,height:32,viewBox:"0 0 33 32",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":l,...e,children:[C?t("title",{id:l,children:C}):null,t("path",{d:"M0 10.9331V6.46013C0 5.10144 1.36446 4 3.04761 4H8.58875C10.2719 4 11.6364 5.10143 11.6364 6.46013V10.0722C11.6364 10.695 11.9429 11.2923 12.4884 11.7327C13.6245 12.6498 15.4664 12.6498 16.6026 11.7327L25.2892 4.72055C25.8608 4.25919 26.6359 4 27.4442 4H28.9524C30.6356 4 32 5.10144 32 6.46013V7.67759C32 8.33006 31.6789 8.9558 31.1074 9.41716L22.4207 16.4293C21.2846 17.3464 21.2846 18.8332 22.4207 19.7503C22.9662 20.1907 23.7062 20.4381 24.4778 20.4381H28.9524C30.6356 20.4381 32 21.5396 32 22.8983V27.3711C32 28.7298 30.6356 29.8313 28.9524 29.8313H23.4112C21.7282 29.8313 20.3636 28.7298 20.3636 27.3711V23.7591C20.3636 23.1363 20.0571 22.539 19.5116 22.0987C18.3755 21.1816 16.5336 21.1816 15.3974 22.0987L6.71082 29.1107C6.13927 29.5721 5.3641 29.8313 4.55582 29.8313H3.04763C1.36447 29.8313 0 28.7298 0 27.3711V26.1537C0 25.5013 0.321089 24.8755 0.892629 24.4141L9.57933 17.402C10.7154 16.4849 10.7154 14.9981 9.57933 14.081C9.03378 13.6406 8.29383 13.3932 7.52229 13.3932H3.04763C1.36447 13.3932 0 12.2918 0 10.9331Z",fill:"#B16EFF"})]});export{d as default};
1
+ import{jsxs as i,jsx as t}from"react/jsx-runtime";const d=({title:C,titleId:l,...e})=>i("svg",{width:32,height:32,viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":l,...e,children:[C?t("title",{id:l,children:C}):null,t("path",{d:"M1.99859 11.0664V7.15259C1.99859 5.96373 3.19249 4.99998 4.66524 4.99998H9.51371C10.9865 4.99998 12.1804 5.96373 12.1804 7.15259V10.3131C12.1804 10.8581 12.4485 11.3807 12.9259 11.7661C13.92 12.5685 15.5317 12.5685 16.5258 11.7661L24.1266 5.63046C24.6267 5.22677 25.3049 4.99998 26.0122 4.99998H27.3318C28.8046 4.99998 29.9985 5.96373 29.9985 7.15259V8.21786C29.9985 8.78877 29.7175 9.33629 29.2174 9.73998L21.6166 15.8756C20.6225 16.678 20.6225 17.979 21.6166 18.7814C22.0939 19.1668 22.7415 19.3832 23.4166 19.3832H27.3318C28.8046 19.3832 29.9985 20.347 29.9985 21.5359V25.4496C29.9985 26.6385 28.8046 27.6023 27.3318 27.6023H22.4833C21.0107 27.6023 19.8167 26.6385 19.8167 25.4496V22.2891C19.8167 21.7442 19.5485 21.2215 19.0712 20.8363C18.0771 20.0338 16.4654 20.0338 15.4713 20.8363L7.87053 26.9718C7.37043 27.3755 6.69216 27.6023 5.98492 27.6023H4.66525C3.19249 27.6023 1.99859 26.6385 1.99859 25.4496V24.3844C1.99859 23.8135 2.27954 23.2659 2.77964 22.8623L10.3805 16.7267C11.3745 15.9243 11.3745 14.6233 10.3805 13.8208C9.90311 13.4355 9.25566 13.219 8.58056 13.219H4.66525C3.19249 13.219 1.99859 12.2553 1.99859 11.0664Z",fill:"#B16EFF"})]});export{d as default};
2
2
  //# sourceMappingURL=blc-rarichain.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"blc-rarichain.js","sources":["../../../../src/components/logos/blc-rarichain.tsx"],"sourcesContent":["import type { SVGProps } from 'react';\ninterface SVGRProps {\n title?: string;\n titleId?: string;\n}\nexport interface Props extends SVGRProps, SVGProps<SVGSVGElement> {}\nconst BlcRarichain = ({ 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 d=\"M0 10.9331V6.46013C0 5.10144 1.36446 4 3.04761 4H8.58875C10.2719 4 11.6364 5.10143 11.6364 6.46013V10.0722C11.6364 10.695 11.9429 11.2923 12.4884 11.7327C13.6245 12.6498 15.4664 12.6498 16.6026 11.7327L25.2892 4.72055C25.8608 4.25919 26.6359 4 27.4442 4H28.9524C30.6356 4 32 5.10144 32 6.46013V7.67759C32 8.33006 31.6789 8.9558 31.1074 9.41716L22.4207 16.4293C21.2846 17.3464 21.2846 18.8332 22.4207 19.7503C22.9662 20.1907 23.7062 20.4381 24.4778 20.4381H28.9524C30.6356 20.4381 32 21.5396 32 22.8983V27.3711C32 28.7298 30.6356 29.8313 28.9524 29.8313H23.4112C21.7282 29.8313 20.3636 28.7298 20.3636 27.3711V23.7591C20.3636 23.1363 20.0571 22.539 19.5116 22.0987C18.3755 21.1816 16.5336 21.1816 15.3974 22.0987L6.71082 29.1107C6.13927 29.5721 5.3641 29.8313 4.55582 29.8313H3.04763C1.36447 29.8313 0 28.7298 0 27.3711V26.1537C0 25.5013 0.321089 24.8755 0.892629 24.4141L9.57933 17.402C10.7154 16.4849 10.7154 14.9981 9.57933 14.081C9.03378 13.6406 8.29383 13.3932 7.52229 13.3932H3.04763C1.36447 13.3932 0 12.2918 0 10.9331Z\"\n fill=\"#B16EFF\"\n />\n </svg>\n);\nexport default BlcRarichain;\n"],"names":["BlcRarichain","title","titleId","props","_jsxs","_jsx"],"mappings":"kDAMMA,MAAAA,EAAe,CAAC,CAAE,MAAAC,EAAO,QAAAC,EAAS,GAAGC,CAAc,IACvDC,EACE,MAAA,CAAA,MAAO,GACP,OAAQ,GACR,QAAQ,YACR,KAAK,OACL,MAAM,6BACW,kBAAAF,EACb,GAAAC,YAEHF,EAAQI,EAAO,QAAA,CAAA,GAAIH,WAAUD,CAAK,CAAA,EAAY,KAC/CI,EAAA,OAAA,CACE,EAAE,ogCACF,KAAK,SACL,CAAA,CAAA,CAAA,CAAA"}
1
+ {"version":3,"file":"blc-rarichain.js","sources":["../../../../src/components/logos/blc-rarichain.tsx"],"sourcesContent":["import type { SVGProps } from 'react';\ninterface SVGRProps {\n title?: string;\n titleId?: string;\n}\nexport interface Props extends SVGRProps, SVGProps<SVGSVGElement> {}\nconst BlcRarichain = ({ 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.99859 11.0664V7.15259C1.99859 5.96373 3.19249 4.99998 4.66524 4.99998H9.51371C10.9865 4.99998 12.1804 5.96373 12.1804 7.15259V10.3131C12.1804 10.8581 12.4485 11.3807 12.9259 11.7661C13.92 12.5685 15.5317 12.5685 16.5258 11.7661L24.1266 5.63046C24.6267 5.22677 25.3049 4.99998 26.0122 4.99998H27.3318C28.8046 4.99998 29.9985 5.96373 29.9985 7.15259V8.21786C29.9985 8.78877 29.7175 9.33629 29.2174 9.73998L21.6166 15.8756C20.6225 16.678 20.6225 17.979 21.6166 18.7814C22.0939 19.1668 22.7415 19.3832 23.4166 19.3832H27.3318C28.8046 19.3832 29.9985 20.347 29.9985 21.5359V25.4496C29.9985 26.6385 28.8046 27.6023 27.3318 27.6023H22.4833C21.0107 27.6023 19.8167 26.6385 19.8167 25.4496V22.2891C19.8167 21.7442 19.5485 21.2215 19.0712 20.8363C18.0771 20.0338 16.4654 20.0338 15.4713 20.8363L7.87053 26.9718C7.37043 27.3755 6.69216 27.6023 5.98492 27.6023H4.66525C3.19249 27.6023 1.99859 26.6385 1.99859 25.4496V24.3844C1.99859 23.8135 2.27954 23.2659 2.77964 22.8623L10.3805 16.7267C11.3745 15.9243 11.3745 14.6233 10.3805 13.8208C9.90311 13.4355 9.25566 13.219 8.58056 13.219H4.66525C3.19249 13.219 1.99859 12.2553 1.99859 11.0664Z\"\n fill=\"#B16EFF\"\n />\n </svg>\n);\nexport default BlcRarichain;\n"],"names":["BlcRarichain","title","titleId","props","_jsxs","_jsx"],"mappings":"kDAMMA,MAAAA,EAAe,CAAC,CAAE,MAAAC,EAAO,QAAAC,EAAS,GAAGC,CAAc,IACvDC,EACE,MAAA,CAAA,MAAO,GACP,OAAQ,GACR,QAAQ,YACR,KAAK,OACL,MAAM,6BACW,kBAAAF,EACb,GAAAC,YAEHF,EAAQI,EAAO,QAAA,CAAA,GAAIH,WAAUD,CAAK,CAAA,EAAY,KAC/CI,EAAA,OAAA,CACE,EAAE,4mCACF,KAAK,SACL,CAAA,CAAA,CAAA,CAAA"}
@@ -1,2 +1,2 @@
1
- import{jsxs as L,jsx as l}from"react/jsx-runtime";const d=({title:t,titleId:i,...e})=>L("svg",{width:32,height:32,viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":i,...e,children:[t?l("title",{id:i,children:t}):null,l("path",{d:"M4.99998 23.7737L16.1282 17.5263L27.2563 23.7899L16.1282 29.9999L4.99998 23.7737Z",fill:"#0A0A0A"}),l("path",{d:"M4.99998 8.2471L16.1282 14.4581V26.8295L4.99998 20.7359V8.2471Z",fill:"#3E7CB1"}),l("path",{d:"M27.2565 8.26364L16.1283 14.4737V26.8461L27.2565 20.7525V8.26364Z",fill:"#30C5FF"}),l("path",{d:"M4.99998 8.24743L16.1282 1.99999L27.2563 8.26362L16.1282 14.4736L4.99998 8.24743Z",fill:"#41EEF9"})]});export{d as default};
1
+ import{jsxs as L,jsx as l}from"react/jsx-runtime";const d=({title:t,titleId:i,...e})=>L("svg",{width:32,height:32,viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":i,...e,children:[t?l("title",{id:i,children:t}):null,l("path",{d:"M3.99998 24.329L15.923 17.6353L27.8461 24.3463L15.923 30.9999L3.99998 24.329Z",fill:"#0A0A0A"}),l("path",{d:"M3.99998 7.69327L15.923 14.3479V27.603L3.99998 21.0741V7.69327Z",fill:"#3E7CB1"}),l("path",{d:"M27.8463 7.71103L15.9232 14.3646V27.6208L27.8463 21.0919V7.71103Z",fill:"#30C5FF"}),l("path",{d:"M3.99998 7.69368L15.923 0.999996L27.8461 7.71103L15.923 14.3646L3.99998 7.69368Z",fill:"#41EEF9"})]});export{d as default};
2
2
  //# sourceMappingURL=blc-stability.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"blc-stability.js","sources":["../../../../src/components/logos/blc-stability.tsx"],"sourcesContent":["import type { SVGProps } from 'react';\ninterface SVGRProps {\n title?: string;\n titleId?: string;\n}\nexport interface Props extends SVGRProps, SVGProps<SVGSVGElement> {}\nconst BlcStability = ({ 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 d=\"M4.99998 23.7737L16.1282 17.5263L27.2563 23.7899L16.1282 29.9999L4.99998 23.7737Z\" fill=\"#0A0A0A\" />\n <path d=\"M4.99998 8.2471L16.1282 14.4581V26.8295L4.99998 20.7359V8.2471Z\" fill=\"#3E7CB1\" />\n <path d=\"M27.2565 8.26364L16.1283 14.4737V26.8461L27.2565 20.7525V8.26364Z\" fill=\"#30C5FF\" />\n <path d=\"M4.99998 8.24743L16.1282 1.99999L27.2563 8.26362L16.1282 14.4736L4.99998 8.24743Z\" fill=\"#41EEF9\" />\n </svg>\n);\nexport default BlcStability;\n"],"names":["BlcStability","title","titleId","props","_jsxs","_jsx"],"mappings":"kDAMA,MAAMA,EAAe,CAAC,CAAE,MAAAC,EAAO,QAAAC,EAAS,GAAGC,KACzCC,EAAA,MAAA,CACE,MAAO,GACP,OAAQ,GACR,QAAQ,YACR,KAAK,OACL,MAAM,+CACWF,EAAO,GACpBC,EAEH,SAAA,CAAAF,EAAQI,EAAO,QAAA,CAAA,GAAIH,WAAUD,CAAK,CAAA,EAAY,KAC/CI,EAAA,OAAA,CAAM,EAAE,oFAAoF,KAAK,SAAY,CAAA,EAC7GA,UAAM,EAAE,kEAAkE,KAAK,SAAY,CAAA,EAC3FA,UAAM,EAAE,oEAAoE,KAAK,SAAY,CAAA,EAC7FA,UAAM,EAAE,oFAAoF,KAAK,SAAS,CAAA,CAAG,CACzG,CAAA"}
1
+ {"version":3,"file":"blc-stability.js","sources":["../../../../src/components/logos/blc-stability.tsx"],"sourcesContent":["import type { SVGProps } from 'react';\ninterface SVGRProps {\n title?: string;\n titleId?: string;\n}\nexport interface Props extends SVGRProps, SVGProps<SVGSVGElement> {}\nconst BlcStability = ({ 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 d=\"M3.99998 24.329L15.923 17.6353L27.8461 24.3463L15.923 30.9999L3.99998 24.329Z\" fill=\"#0A0A0A\" />\n <path d=\"M3.99998 7.69327L15.923 14.3479V27.603L3.99998 21.0741V7.69327Z\" fill=\"#3E7CB1\" />\n <path d=\"M27.8463 7.71103L15.9232 14.3646V27.6208L27.8463 21.0919V7.71103Z\" fill=\"#30C5FF\" />\n <path d=\"M3.99998 7.69368L15.923 0.999996L27.8461 7.71103L15.923 14.3646L3.99998 7.69368Z\" fill=\"#41EEF9\" />\n </svg>\n);\nexport default BlcStability;\n"],"names":["BlcStability","title","titleId","props","_jsxs","_jsx"],"mappings":"kDAMA,MAAMA,EAAe,CAAC,CAAE,MAAAC,EAAO,QAAAC,EAAS,GAAGC,KACzCC,EAAA,MAAA,CACE,MAAO,GACP,OAAQ,GACR,QAAQ,YACR,KAAK,OACL,MAAM,+CACWF,EAAO,GACpBC,EAEH,SAAA,CAAAF,EAAQI,EAAO,QAAA,CAAA,GAAIH,WAAUD,CAAK,CAAA,EAAY,KAC/CI,EAAA,OAAA,CAAM,EAAE,gFAAgF,KAAK,SAAY,CAAA,EACzGA,UAAM,EAAE,kEAAkE,KAAK,SAAY,CAAA,EAC3FA,UAAM,EAAE,oEAAoE,KAAK,SAAY,CAAA,EAC7FA,UAAM,EAAE,mFAAmF,KAAK,SAAS,CAAA,CAAG,CACxG,CAAA"}
@@ -0,0 +1,2 @@
1
+ import{jsxs as i,jsx as C}from"react/jsx-runtime";const r=({title:t,titleId:e,...l})=>i("svg",{width:32,height:32,viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":e,...l,children:[t?C("title",{id:e,children:t}):null,C("circle",{cx:16,cy:16,r:14.6667,fill:"#D9D9D9"}),C("circle",{cx:16,cy:16,r:14.6667,fill:"url(#paint0_linear_11179_10905)"}),C("path",{d:"M19.7312 9.35555V10.8H22.3312C22.561 10.8 22.7815 10.8913 22.944 11.0538C23.1065 11.2164 23.1978 11.4368 23.1978 11.6667C23.1978 11.8965 23.1065 12.117 22.944 12.2795C22.7815 12.442 22.561 12.5333 22.3312 12.5333H10.1978C9.96799 12.5333 9.74755 12.442 9.58502 12.2795C9.42249 12.117 9.33118 11.8965 9.33118 11.6667C9.33118 11.4368 9.42249 11.2164 9.58502 11.0538C9.74755 10.8913 9.96799 10.8 10.1978 10.8H12.7978V9.35555C12.7978 8.23928 13.7038 7.33333 14.8201 7.33333H17.709C18.8252 7.33333 19.7312 8.23928 19.7312 9.35555ZM12.2154 15.0467L12.9781 22.6733C12.9853 22.7446 13.0187 22.8107 13.0719 22.8588C13.125 22.9068 13.1942 22.9334 13.2658 22.9333H19.2632C19.3348 22.9334 19.404 22.9068 19.4572 22.8588C19.5103 22.8107 19.5437 22.7446 19.5509 22.6733L20.3136 15.0467C20.3422 14.8228 20.4571 14.6189 20.6337 14.4784C20.8103 14.338 21.0348 14.2719 21.2594 14.2943C21.4839 14.3167 21.6909 14.4259 21.8362 14.5985C21.9816 14.7712 22.0538 14.9937 22.0377 15.2188L21.275 22.8455C21.2256 23.3447 20.9923 23.8076 20.6205 24.1442C20.2486 24.4809 19.7648 24.6671 19.2632 24.6667H13.2658C12.7646 24.6666 12.2812 24.4804 11.9095 24.1441C11.5377 23.8078 11.3041 23.3454 11.254 22.8467L10.4914 15.22C10.4769 15.1052 10.4855 14.9888 10.5168 14.8774C10.548 14.7661 10.6012 14.6621 10.6733 14.5716C10.7453 14.4811 10.8348 14.406 10.9363 14.3506C11.0378 14.2953 11.1494 14.2608 11.2645 14.2492C11.3796 14.2377 11.4958 14.2492 11.6063 14.2833C11.7169 14.3173 11.8195 14.3732 11.9081 14.4475C11.9967 14.5218 12.0696 14.6131 12.1223 14.716C12.1751 14.8189 12.2068 14.9313 12.2154 15.0467ZM14.5312 9.35555V10.8H17.9978V9.35555C17.9978 9.27893 17.9674 9.20545 17.9132 9.15128C17.8591 9.0971 17.7856 9.06666 17.709 9.06666H14.8201C14.7434 9.06666 14.67 9.0971 14.6158 9.15128C14.5616 9.20545 14.5312 9.27893 14.5312 9.35555Z",fill:"white"}),C("path",{d:"M19.7312 9.35555V10.8H22.3312C22.561 10.8 22.7815 10.8913 22.944 11.0538C23.1065 11.2164 23.1978 11.4368 23.1978 11.6667C23.1978 11.8965 23.1065 12.117 22.944 12.2795C22.7815 12.442 22.561 12.5333 22.3312 12.5333H10.1978C9.96799 12.5333 9.74755 12.442 9.58502 12.2795C9.42249 12.117 9.33118 11.8965 9.33118 11.6667C9.33118 11.4368 9.42249 11.2164 9.58502 11.0538C9.74755 10.8913 9.96799 10.8 10.1978 10.8H12.7978V9.35555C12.7978 8.23928 13.7038 7.33333 14.8201 7.33333H17.709C18.8252 7.33333 19.7312 8.23928 19.7312 9.35555ZM12.2154 15.0467L12.9781 22.6733C12.9853 22.7446 13.0187 22.8107 13.0719 22.8588C13.125 22.9068 13.1942 22.9334 13.2658 22.9333H19.2632C19.3348 22.9334 19.404 22.9068 19.4572 22.8588C19.5103 22.8107 19.5437 22.7446 19.5509 22.6733L20.3136 15.0467C20.3422 14.8228 20.4571 14.6189 20.6337 14.4784C20.8103 14.338 21.0348 14.2719 21.2594 14.2943C21.4839 14.3167 21.6909 14.4259 21.8362 14.5985C21.9816 14.7712 22.0538 14.9937 22.0377 15.2188L21.275 22.8455C21.2256 23.3447 20.9923 23.8076 20.6205 24.1442C20.2486 24.4809 19.7648 24.6671 19.2632 24.6667H13.2658C12.7646 24.6666 12.2812 24.4804 11.9095 24.1441C11.5377 23.8078 11.3041 23.3454 11.254 22.8467L10.4914 15.22C10.4769 15.1052 10.4855 14.9888 10.5168 14.8774C10.548 14.7661 10.6012 14.6621 10.6733 14.5716C10.7453 14.4811 10.8348 14.406 10.9363 14.3506C11.0378 14.2953 11.1494 14.2608 11.2645 14.2492C11.3796 14.2377 11.4958 14.2492 11.6063 14.2833C11.7169 14.3173 11.8195 14.3732 11.9081 14.4475C11.9967 14.5218 12.0696 14.6131 12.1223 14.716C12.1751 14.8189 12.2068 14.9313 12.2154 15.0467ZM14.5312 9.35555V10.8H17.9978V9.35555C17.9978 9.27893 17.9674 9.20545 17.9132 9.15128C17.8591 9.0971 17.7856 9.06666 17.709 9.06666H14.8201C14.7434 9.06666 14.67 9.0971 14.6158 9.15128C14.5616 9.20545 14.5312 9.27893 14.5312 9.35555Z",fill:"url(#paint1_linear_11179_10905)"}),i("defs",{children:[i("linearGradient",{id:"paint0_linear_11179_10905",x1:16,y1:1.33333,x2:16,y2:30.6667,gradientUnits:"userSpaceOnUse",children:[C("stop",{stopColor:"#FF9B80"}),C("stop",{offset:1,stopColor:"#FC5C30"})]}),i("linearGradient",{id:"paint1_linear_11179_10905",x1:16.2645,y1:8.29629,x2:16.2645,y2:23.7037,gradientUnits:"userSpaceOnUse",children:[C("stop",{stopColor:"white"}),C("stop",{offset:1,stopColor:"#FFEAE5"})]})]})]});export{r as default};
2
+ //# sourceMappingURL=icon-delete.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"icon-delete.js","sources":["../../../../src/components/logos/icon-delete.tsx"],"sourcesContent":["import type { SVGProps } from 'react';\ninterface SVGRProps {\n title?: string;\n titleId?: string;\n}\nexport interface Props extends SVGRProps, SVGProps<SVGSVGElement> {}\nconst IconDelete = ({ 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 <circle cx={16} cy={16} r={14.6667} fill=\"#D9D9D9\" />\n <circle cx={16} cy={16} r={14.6667} fill=\"url(#paint0_linear_11179_10905)\" />\n <path\n d=\"M19.7312 9.35555V10.8H22.3312C22.561 10.8 22.7815 10.8913 22.944 11.0538C23.1065 11.2164 23.1978 11.4368 23.1978 11.6667C23.1978 11.8965 23.1065 12.117 22.944 12.2795C22.7815 12.442 22.561 12.5333 22.3312 12.5333H10.1978C9.96799 12.5333 9.74755 12.442 9.58502 12.2795C9.42249 12.117 9.33118 11.8965 9.33118 11.6667C9.33118 11.4368 9.42249 11.2164 9.58502 11.0538C9.74755 10.8913 9.96799 10.8 10.1978 10.8H12.7978V9.35555C12.7978 8.23928 13.7038 7.33333 14.8201 7.33333H17.709C18.8252 7.33333 19.7312 8.23928 19.7312 9.35555ZM12.2154 15.0467L12.9781 22.6733C12.9853 22.7446 13.0187 22.8107 13.0719 22.8588C13.125 22.9068 13.1942 22.9334 13.2658 22.9333H19.2632C19.3348 22.9334 19.404 22.9068 19.4572 22.8588C19.5103 22.8107 19.5437 22.7446 19.5509 22.6733L20.3136 15.0467C20.3422 14.8228 20.4571 14.6189 20.6337 14.4784C20.8103 14.338 21.0348 14.2719 21.2594 14.2943C21.4839 14.3167 21.6909 14.4259 21.8362 14.5985C21.9816 14.7712 22.0538 14.9937 22.0377 15.2188L21.275 22.8455C21.2256 23.3447 20.9923 23.8076 20.6205 24.1442C20.2486 24.4809 19.7648 24.6671 19.2632 24.6667H13.2658C12.7646 24.6666 12.2812 24.4804 11.9095 24.1441C11.5377 23.8078 11.3041 23.3454 11.254 22.8467L10.4914 15.22C10.4769 15.1052 10.4855 14.9888 10.5168 14.8774C10.548 14.7661 10.6012 14.6621 10.6733 14.5716C10.7453 14.4811 10.8348 14.406 10.9363 14.3506C11.0378 14.2953 11.1494 14.2608 11.2645 14.2492C11.3796 14.2377 11.4958 14.2492 11.6063 14.2833C11.7169 14.3173 11.8195 14.3732 11.9081 14.4475C11.9967 14.5218 12.0696 14.6131 12.1223 14.716C12.1751 14.8189 12.2068 14.9313 12.2154 15.0467ZM14.5312 9.35555V10.8H17.9978V9.35555C17.9978 9.27893 17.9674 9.20545 17.9132 9.15128C17.8591 9.0971 17.7856 9.06666 17.709 9.06666H14.8201C14.7434 9.06666 14.67 9.0971 14.6158 9.15128C14.5616 9.20545 14.5312 9.27893 14.5312 9.35555Z\"\n fill=\"white\"\n />\n <path\n d=\"M19.7312 9.35555V10.8H22.3312C22.561 10.8 22.7815 10.8913 22.944 11.0538C23.1065 11.2164 23.1978 11.4368 23.1978 11.6667C23.1978 11.8965 23.1065 12.117 22.944 12.2795C22.7815 12.442 22.561 12.5333 22.3312 12.5333H10.1978C9.96799 12.5333 9.74755 12.442 9.58502 12.2795C9.42249 12.117 9.33118 11.8965 9.33118 11.6667C9.33118 11.4368 9.42249 11.2164 9.58502 11.0538C9.74755 10.8913 9.96799 10.8 10.1978 10.8H12.7978V9.35555C12.7978 8.23928 13.7038 7.33333 14.8201 7.33333H17.709C18.8252 7.33333 19.7312 8.23928 19.7312 9.35555ZM12.2154 15.0467L12.9781 22.6733C12.9853 22.7446 13.0187 22.8107 13.0719 22.8588C13.125 22.9068 13.1942 22.9334 13.2658 22.9333H19.2632C19.3348 22.9334 19.404 22.9068 19.4572 22.8588C19.5103 22.8107 19.5437 22.7446 19.5509 22.6733L20.3136 15.0467C20.3422 14.8228 20.4571 14.6189 20.6337 14.4784C20.8103 14.338 21.0348 14.2719 21.2594 14.2943C21.4839 14.3167 21.6909 14.4259 21.8362 14.5985C21.9816 14.7712 22.0538 14.9937 22.0377 15.2188L21.275 22.8455C21.2256 23.3447 20.9923 23.8076 20.6205 24.1442C20.2486 24.4809 19.7648 24.6671 19.2632 24.6667H13.2658C12.7646 24.6666 12.2812 24.4804 11.9095 24.1441C11.5377 23.8078 11.3041 23.3454 11.254 22.8467L10.4914 15.22C10.4769 15.1052 10.4855 14.9888 10.5168 14.8774C10.548 14.7661 10.6012 14.6621 10.6733 14.5716C10.7453 14.4811 10.8348 14.406 10.9363 14.3506C11.0378 14.2953 11.1494 14.2608 11.2645 14.2492C11.3796 14.2377 11.4958 14.2492 11.6063 14.2833C11.7169 14.3173 11.8195 14.3732 11.9081 14.4475C11.9967 14.5218 12.0696 14.6131 12.1223 14.716C12.1751 14.8189 12.2068 14.9313 12.2154 15.0467ZM14.5312 9.35555V10.8H17.9978V9.35555C17.9978 9.27893 17.9674 9.20545 17.9132 9.15128C17.8591 9.0971 17.7856 9.06666 17.709 9.06666H14.8201C14.7434 9.06666 14.67 9.0971 14.6158 9.15128C14.5616 9.20545 14.5312 9.27893 14.5312 9.35555Z\"\n fill=\"url(#paint1_linear_11179_10905)\"\n />\n <defs>\n <linearGradient\n id=\"paint0_linear_11179_10905\"\n x1={16}\n y1={1.33333}\n x2={16}\n y2={30.6667}\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop stopColor=\"#FF9B80\" />\n <stop offset={1} stopColor=\"#FC5C30\" />\n </linearGradient>\n <linearGradient\n id=\"paint1_linear_11179_10905\"\n x1={16.2645}\n y1={8.29629}\n x2={16.2645}\n y2={23.7037}\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop stopColor=\"white\" />\n <stop offset={1} stopColor=\"#FFEAE5\" />\n </linearGradient>\n </defs>\n </svg>\n);\nexport default IconDelete;\n"],"names":["IconDelete","title","titleId","props","_jsxs","_jsx"],"mappings":"kDAMA,MAAMA,EAAa,CAAC,CAAE,MAAAC,EAAO,QAAAC,EAAS,GAAGC,KACvCC,EAAA,MAAA,CACE,MAAO,GACP,OAAQ,GACR,QAAQ,YACR,KAAK,OACL,MAAM,+CACWF,EAAO,GACpBC,EAEH,SAAA,CAAAF,EAAQI,EAAO,QAAA,CAAA,GAAIH,WAAUD,CAAK,CAAA,EAAY,KAC/CI,EAAA,SAAA,CAAQ,GAAI,GAAI,GAAI,GAAI,EAAG,QAAS,KAAK,SAAS,CAAA,EAClDA,EAAQ,SAAA,CAAA,GAAI,GAAI,GAAI,GAAI,EAAG,QAAS,KAAK,iCAAoC,CAAA,EAC7EA,UACE,EAAE,+wDACF,KAAK,OACL,CAAA,EACFA,UACE,EAAE,+wDACF,KAAK,iCAAiC,CAAA,EAExCD,EACE,OAAA,CAAA,SAAA,CAAAA,EAAA,iBAAA,CACE,GAAG,4BACH,GAAI,GACJ,GAAI,QACJ,GAAI,GACJ,GAAI,QACJ,cAAc,2BAEdC,EAAM,OAAA,CAAA,UAAU,SAAS,CAAA,EACzBA,EAAM,OAAA,CAAA,OAAQ,EAAG,UAAU,SAAS,CAAA,CAAG,IAEzCD,EAAA,iBAAA,CACE,GAAG,4BACH,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,cAAc,iBAEd,SAAA,CAAAC,EAAA,OAAA,CAAM,UAAU,OAAU,CAAA,EAC1BA,EAAM,OAAA,CAAA,OAAQ,EAAG,UAAU,WAAY,CACxB,CAAA,CAAA,CAAA,CAAA,CACZ,CACH,CAAA"}
@@ -0,0 +1,2 @@
1
+ import{jsxs as i,jsx as e}from"react/jsx-runtime";const a=({title:r,titleId:l,...t})=>i("svg",{width:33,height:32,viewBox:"0 0 33 32",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":l,...t,children:[r?e("title",{id:l,children:r}):null,e("ellipse",{cx:16.0008,cy:16,rx:15.0003,ry:15,fill:"url(#paint0_radial_11179_269)"}),e("mask",{id:"mask0_11179_269",style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:1,y:1,width:31,height:30,children:e("ellipse",{cx:16.0008,cy:16,rx:15.0003,ry:15,fill:"url(#paint1_radial_11179_269)"})}),i("g",{mask:"url(#mask0_11179_269)",children:[e("path",{d:"M20.512 9.15815C20.312 7.35815 22.7442 5.11426 25.2621 4.15815C31.0636 1.95517 35.5436 23.5785 31.7622 18.6581C31.036 17.7132 30.0122 17.5581 30.0122 16.1581C30.0122 14.4081 25.2621 17.9081 24.0121 16.1581C22.762 14.4081 25.2621 13.1581 25.2621 11.6581C25.2621 10.1581 20.762 11.4081 20.512 9.15815Z",fill:"url(#paint2_linear_11179_269)"}),e("path",{d:"M8.96521 5.37783C8.499 3.62778 10.5694 1.04629 12.9165 -0.274629C18.3246 -3.31813 20.1292 4.03985 16.6683 4.5618C15.4898 4.73953 18.9207 7.76167 15.9542 8.20909C14.2237 8.47009 11.408 13.1928 9.911 11.6488C8.41396 10.1047 11.2199 8.67026 10.9962 7.18703C10.7725 5.70381 9.54797 7.56539 8.96521 5.37783Z",fill:"url(#paint3_linear_11179_269)"}),e("path",{d:"M-0.533911 19.4056C-0.9973 18.2305 0.621608 15.4809 2.90346 14.6597C5.54842 13.7079 13.4033 14.9098 12.1541 18.6597C10.9049 22.4097 8.65433 18.1597 8.01467 23.2423C7.77739 25.1276 4.33599 24.4167 3.15416 23.4702C1.97232 22.5237 0.653691 23.4702 0.653691 23.4702C0.653691 23.4702 0.0453248 20.8745 -0.533911 19.4056Z",fill:"url(#paint4_linear_11179_269)"}),e("path",{d:"M24.6658 23.2661C29.9159 25.6577 22.1596 34.588 20.4571 36.675C16.5344 41.4835 1.84268 24.9971 7.57771 27.3676C8.67909 27.8228 9.64329 27.4452 10.3433 28.6577C11.2183 30.1732 13.582 24.7671 15.5396 25.6577C17.4971 26.5482 15.957 28.8807 16.7071 30.1798C17.4571 31.4788 22.6056 22.3276 24.6658 23.2661Z",fill:"url(#paint5_linear_11179_269)"}),e("g",{filter:"url(#filter0_d_11179_269)",children:e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3.70231 17.5213C7.68906 8.70445 18.3323 6.22616 27.1142 8.75765C27.5002 8.86891 27.7229 9.272 27.6116 9.65798C27.5003 10.044 27.0972 10.2667 26.7113 10.1554C18.3278 7.73879 8.6054 10.2086 5.02778 18.1206C4.86227 18.4866 4.43139 18.6492 4.06537 18.4837C3.69935 18.3182 3.53681 17.8873 3.70231 17.5213Z",fill:"url(#paint6_linear_11179_269)"})}),e("g",{filter:"url(#filter1_d_11179_269)",children:e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13.665 3.55296C13.9119 3.86982 13.8552 4.32684 13.5383 4.57373C12.4625 5.41198 11.6359 6.79697 11.1059 8.59504C10.5778 10.3864 10.3614 12.5329 10.4632 14.8129C10.6673 19.3834 12.1433 24.364 14.7684 27.9347C15.0063 28.2583 14.9368 28.7136 14.6132 28.9515C14.2895 29.1895 13.8343 29.12 13.5964 28.7963C10.7664 24.9469 9.22405 19.6716 9.00996 14.8778C8.90268 12.4756 9.12717 10.1628 9.71054 8.18374C10.2919 6.21139 11.2472 4.5148 12.6442 3.42626C12.9611 3.17937 13.4181 3.23609 13.665 3.55296Z",fill:"url(#paint7_linear_11179_269)"})})]}),e("g",{filter:"url(#filter2_b_11179_269)",children:e("ellipse",{cx:25.3327,cy:24.3334,rx:6.66681,ry:6.66667,fill:"url(#paint8_linear_11179_269)"})}),e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M21.8 22.3334C21.8 21.8731 22.1731 21.5 22.6334 21.5H27.9666C28.4269 21.5 28.8 21.8731 28.8 22.3334V26.3333C28.8 26.7936 28.4269 27.1667 27.9666 27.1667H22.6334C22.1731 27.1667 21.8 26.7936 21.8 26.3333V22.3334ZM22.6109 22.2959C22.4981 22.2162 22.3421 22.2431 22.2625 22.3559C22.1829 22.4687 22.2098 22.6247 22.3226 22.7043L24.7714 24.4329C25.0883 24.6566 25.5117 24.6566 25.8286 24.4329L28.2773 22.7043C28.3901 22.6247 28.417 22.4687 28.3374 22.3559C28.2578 22.2431 28.1018 22.2162 27.989 22.2959L25.5402 24.0244C25.3962 24.1261 25.2037 24.1261 25.0597 24.0244L22.6109 22.2959Z",fill:"#B6B4BA"}),e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M21.8 22.3334C21.8 21.8731 22.1731 21.5 22.6334 21.5H27.9666C28.4269 21.5 28.8 21.8731 28.8 22.3334V26.3333C28.8 26.7936 28.4269 27.1667 27.9666 27.1667H22.6334C22.1731 27.1667 21.8 26.7936 21.8 26.3333V22.3334ZM22.6109 22.2959C22.4981 22.2162 22.3421 22.2431 22.2625 22.3559C22.1829 22.4687 22.2098 22.6247 22.3226 22.7043L24.7714 24.4329C25.0883 24.6566 25.5117 24.6566 25.8286 24.4329L28.2773 22.7043C28.3901 22.6247 28.417 22.4687 28.3374 22.3559C28.2578 22.2431 28.1018 22.2162 27.989 22.2959L25.5402 24.0244C25.3962 24.1261 25.2037 24.1261 25.0597 24.0244L22.6109 22.2959Z",fill:"url(#paint9_linear_11179_269)"}),i("defs",{children:[i("filter",{id:"filter0_d_11179_269",x:.728182,y:7.81868,width:29.8214,height:16.5485,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",{dy:2.90935}),e("feGaussianBlur",{stdDeviation:1.45467}),e("feComposite",{in2:"hardAlpha",operator:"out"}),e("feColorMatrix",{type:"matrix",values:"0 0 0 0 0.207843 0 0 0 0 0.0705882 0 0 0 0 0.698039 0 0 0 0.6 0"}),e("feBlend",{mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow_11179_269"}),e("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect1_dropShadow_11179_269",result:"shape"})]}),i("filter",{id:"filter1_d_11179_269",x:6.07471,y:3.27263,width:11.7444,height:31.639,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",{dy:2.90935}),e("feGaussianBlur",{stdDeviation:1.45467}),e("feComposite",{in2:"hardAlpha",operator:"out"}),e("feColorMatrix",{type:"matrix",values:"0 0 0 0 0.207843 0 0 0 0 0.0705882 0 0 0 0 0.698039 0 0 0 0.6 0"}),e("feBlend",{mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow_11179_269"}),e("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect1_dropShadow_11179_269",result:"shape"})]}),i("filter",{id:"filter2_b_11179_269",x:13.6658,y:12.6667,width:23.3337,height:23.3335,filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB",children:[e("feFlood",{floodOpacity:0,result:"BackgroundImageFix"}),e("feGaussianBlur",{in:"BackgroundImageFix",stdDeviation:2.50003}),e("feComposite",{in2:"SourceAlpha",operator:"in",result:"effect1_backgroundBlur_11179_269"}),e("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect1_backgroundBlur_11179_269",result:"shape"})]}),i("radialGradient",{id:"paint0_radial_11179_269",cx:0,cy:0,r:1,gradientUnits:"userSpaceOnUse",gradientTransform:"translate(7.42917 9.03571) rotate(55.1537) scale(25.7841 25.7843)",children:[e("stop",{stopColor:"#DEDAFF"}),e("stop",{offset:1,stopColor:"#6851FF"})]}),i("radialGradient",{id:"paint1_radial_11179_269",cx:0,cy:0,r:1,gradientUnits:"userSpaceOnUse",gradientTransform:"translate(7.96489 9.03571) rotate(69.9044) scale(23.3881 6.12179)",children:[e("stop",{stopColor:"#BDB2FF"}),e("stop",{offset:1,stopColor:"#6851FF"})]}),i("linearGradient",{id:"paint2_linear_11179_269",x1:26.8295,y1:4,x2:26.8295,y2:19.3888,gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"#6E58FF"}),e("stop",{offset:1,stopColor:"#7C68FF"})]}),i("linearGradient",{id:"paint3_linear_11179_269",x1:14.4428,y1:-.66476,x2:16.7377,y2:14.552,gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"#6550F1"}),e("stop",{offset:1,stopColor:"#8F7EFF"})]}),i("linearGradient",{id:"paint4_linear_11179_269",x1:2.00053,y1:19.9996,x2:12.5007,y2:16.9994,gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"#725DFF"}),e("stop",{offset:1,stopColor:"#816EFF"})]}),i("linearGradient",{id:"paint5_linear_11179_269",x1:13.1655,y1:23.2661,x2:14.6655,y2:31.7662,gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"#5B45F1"}),e("stop",{offset:1,stopColor:"#644EFB"})]}),i("linearGradient",{id:"paint6_linear_11179_269",x1:15.6389,y1:7.25068,x2:15.6389,y2:17.8209,gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"#EDEBFF"}),e("stop",{offset:1,stopColor:"#A799FF"})]}),i("linearGradient",{id:"paint7_linear_11179_269",x1:11.8546,y1:4,x2:11.8546,y2:28.3655,gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"#EDEBFF"}),e("stop",{offset:1,stopColor:"#A799FF"})]}),i("linearGradient",{id:"paint8_linear_11179_269",x1:19.9369,y1:19.254,x2:31.3655,y2:31.3175,gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"white"}),e("stop",{offset:1,stopColor:"#C6BDFF",stopOpacity:.65})]}),i("linearGradient",{id:"paint9_linear_11179_269",x1:20.6649,y1:22.2083,x2:26.1953,y2:26.6397,gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"#3512B2"}),e("stop",{offset:1,stopColor:"#6851FF"})]})]})]});export{a as default};
2
+ //# sourceMappingURL=icon-email-globe.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"icon-email-globe.js","sources":["../../../../src/components/logos/icon-email-globe.tsx"],"sourcesContent":["import type { SVGProps } from 'react';\ninterface SVGRProps {\n title?: string;\n titleId?: string;\n}\nexport interface Props extends SVGRProps, SVGProps<SVGSVGElement> {}\nconst IconEmailGlobe = ({ 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 <ellipse cx={16.0008} cy={16} rx={15.0003} ry={15} fill=\"url(#paint0_radial_11179_269)\" />\n <mask\n id=\"mask0_11179_269\"\n style={{\n maskType: 'alpha',\n }}\n maskUnits=\"userSpaceOnUse\"\n x={1}\n y={1}\n width={31}\n height={30}\n >\n <ellipse cx={16.0008} cy={16} rx={15.0003} ry={15} fill=\"url(#paint1_radial_11179_269)\" />\n </mask>\n <g mask=\"url(#mask0_11179_269)\">\n <path\n d=\"M20.512 9.15815C20.312 7.35815 22.7442 5.11426 25.2621 4.15815C31.0636 1.95517 35.5436 23.5785 31.7622 18.6581C31.036 17.7132 30.0122 17.5581 30.0122 16.1581C30.0122 14.4081 25.2621 17.9081 24.0121 16.1581C22.762 14.4081 25.2621 13.1581 25.2621 11.6581C25.2621 10.1581 20.762 11.4081 20.512 9.15815Z\"\n fill=\"url(#paint2_linear_11179_269)\"\n />\n <path\n d=\"M8.96521 5.37783C8.499 3.62778 10.5694 1.04629 12.9165 -0.274629C18.3246 -3.31813 20.1292 4.03985 16.6683 4.5618C15.4898 4.73953 18.9207 7.76167 15.9542 8.20909C14.2237 8.47009 11.408 13.1928 9.911 11.6488C8.41396 10.1047 11.2199 8.67026 10.9962 7.18703C10.7725 5.70381 9.54797 7.56539 8.96521 5.37783Z\"\n fill=\"url(#paint3_linear_11179_269)\"\n />\n <path\n d=\"M-0.533911 19.4056C-0.9973 18.2305 0.621608 15.4809 2.90346 14.6597C5.54842 13.7079 13.4033 14.9098 12.1541 18.6597C10.9049 22.4097 8.65433 18.1597 8.01467 23.2423C7.77739 25.1276 4.33599 24.4167 3.15416 23.4702C1.97232 22.5237 0.653691 23.4702 0.653691 23.4702C0.653691 23.4702 0.0453248 20.8745 -0.533911 19.4056Z\"\n fill=\"url(#paint4_linear_11179_269)\"\n />\n <path\n d=\"M24.6658 23.2661C29.9159 25.6577 22.1596 34.588 20.4571 36.675C16.5344 41.4835 1.84268 24.9971 7.57771 27.3676C8.67909 27.8228 9.64329 27.4452 10.3433 28.6577C11.2183 30.1732 13.582 24.7671 15.5396 25.6577C17.4971 26.5482 15.957 28.8807 16.7071 30.1798C17.4571 31.4788 22.6056 22.3276 24.6658 23.2661Z\"\n fill=\"url(#paint5_linear_11179_269)\"\n />\n <g filter=\"url(#filter0_d_11179_269)\">\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M3.70231 17.5213C7.68906 8.70445 18.3323 6.22616 27.1142 8.75765C27.5002 8.86891 27.7229 9.272 27.6116 9.65798C27.5003 10.044 27.0972 10.2667 26.7113 10.1554C18.3278 7.73879 8.6054 10.2086 5.02778 18.1206C4.86227 18.4866 4.43139 18.6492 4.06537 18.4837C3.69935 18.3182 3.53681 17.8873 3.70231 17.5213Z\"\n fill=\"url(#paint6_linear_11179_269)\"\n />\n </g>\n <g filter=\"url(#filter1_d_11179_269)\">\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M13.665 3.55296C13.9119 3.86982 13.8552 4.32684 13.5383 4.57373C12.4625 5.41198 11.6359 6.79697 11.1059 8.59504C10.5778 10.3864 10.3614 12.5329 10.4632 14.8129C10.6673 19.3834 12.1433 24.364 14.7684 27.9347C15.0063 28.2583 14.9368 28.7136 14.6132 28.9515C14.2895 29.1895 13.8343 29.12 13.5964 28.7963C10.7664 24.9469 9.22405 19.6716 9.00996 14.8778C8.90268 12.4756 9.12717 10.1628 9.71054 8.18374C10.2919 6.21139 11.2472 4.5148 12.6442 3.42626C12.9611 3.17937 13.4181 3.23609 13.665 3.55296Z\"\n fill=\"url(#paint7_linear_11179_269)\"\n />\n </g>\n </g>\n <g filter=\"url(#filter2_b_11179_269)\">\n <ellipse cx={25.3327} cy={24.3334} rx={6.66681} ry={6.66667} fill=\"url(#paint8_linear_11179_269)\" />\n </g>\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M21.8 22.3334C21.8 21.8731 22.1731 21.5 22.6334 21.5H27.9666C28.4269 21.5 28.8 21.8731 28.8 22.3334V26.3333C28.8 26.7936 28.4269 27.1667 27.9666 27.1667H22.6334C22.1731 27.1667 21.8 26.7936 21.8 26.3333V22.3334ZM22.6109 22.2959C22.4981 22.2162 22.3421 22.2431 22.2625 22.3559C22.1829 22.4687 22.2098 22.6247 22.3226 22.7043L24.7714 24.4329C25.0883 24.6566 25.5117 24.6566 25.8286 24.4329L28.2773 22.7043C28.3901 22.6247 28.417 22.4687 28.3374 22.3559C28.2578 22.2431 28.1018 22.2162 27.989 22.2959L25.5402 24.0244C25.3962 24.1261 25.2037 24.1261 25.0597 24.0244L22.6109 22.2959Z\"\n fill=\"#B6B4BA\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M21.8 22.3334C21.8 21.8731 22.1731 21.5 22.6334 21.5H27.9666C28.4269 21.5 28.8 21.8731 28.8 22.3334V26.3333C28.8 26.7936 28.4269 27.1667 27.9666 27.1667H22.6334C22.1731 27.1667 21.8 26.7936 21.8 26.3333V22.3334ZM22.6109 22.2959C22.4981 22.2162 22.3421 22.2431 22.2625 22.3559C22.1829 22.4687 22.2098 22.6247 22.3226 22.7043L24.7714 24.4329C25.0883 24.6566 25.5117 24.6566 25.8286 24.4329L28.2773 22.7043C28.3901 22.6247 28.417 22.4687 28.3374 22.3559C28.2578 22.2431 28.1018 22.2162 27.989 22.2959L25.5402 24.0244C25.3962 24.1261 25.2037 24.1261 25.0597 24.0244L22.6109 22.2959Z\"\n fill=\"url(#paint9_linear_11179_269)\"\n />\n <defs>\n <filter\n id=\"filter0_d_11179_269\"\n x={0.728182}\n y={7.81868}\n width={29.8214}\n height={16.5485}\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 dy={2.90935} />\n <feGaussianBlur stdDeviation={1.45467} />\n <feComposite in2=\"hardAlpha\" operator=\"out\" />\n <feColorMatrix type=\"matrix\" values=\"0 0 0 0 0.207843 0 0 0 0 0.0705882 0 0 0 0 0.698039 0 0 0 0.6 0\" />\n <feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_11179_269\" />\n <feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_11179_269\" result=\"shape\" />\n </filter>\n <filter\n id=\"filter1_d_11179_269\"\n x={6.07471}\n y={3.27263}\n width={11.7444}\n height={31.639}\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 dy={2.90935} />\n <feGaussianBlur stdDeviation={1.45467} />\n <feComposite in2=\"hardAlpha\" operator=\"out\" />\n <feColorMatrix type=\"matrix\" values=\"0 0 0 0 0.207843 0 0 0 0 0.0705882 0 0 0 0 0.698039 0 0 0 0.6 0\" />\n <feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_11179_269\" />\n <feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_11179_269\" result=\"shape\" />\n </filter>\n <filter\n id=\"filter2_b_11179_269\"\n x={13.6658}\n y={12.6667}\n width={23.3337}\n height={23.3335}\n filterUnits=\"userSpaceOnUse\"\n colorInterpolationFilters=\"sRGB\"\n >\n <feFlood floodOpacity={0} result=\"BackgroundImageFix\" />\n <feGaussianBlur in=\"BackgroundImageFix\" stdDeviation={2.50003} />\n <feComposite in2=\"SourceAlpha\" operator=\"in\" result=\"effect1_backgroundBlur_11179_269\" />\n <feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_backgroundBlur_11179_269\" result=\"shape\" />\n </filter>\n <radialGradient\n id=\"paint0_radial_11179_269\"\n cx={0}\n cy={0}\n r={1}\n gradientUnits=\"userSpaceOnUse\"\n gradientTransform=\"translate(7.42917 9.03571) rotate(55.1537) scale(25.7841 25.7843)\"\n >\n <stop stopColor=\"#DEDAFF\" />\n <stop offset={1} stopColor=\"#6851FF\" />\n </radialGradient>\n <radialGradient\n id=\"paint1_radial_11179_269\"\n cx={0}\n cy={0}\n r={1}\n gradientUnits=\"userSpaceOnUse\"\n gradientTransform=\"translate(7.96489 9.03571) rotate(69.9044) scale(23.3881 6.12179)\"\n >\n <stop stopColor=\"#BDB2FF\" />\n <stop offset={1} stopColor=\"#6851FF\" />\n </radialGradient>\n <linearGradient\n id=\"paint2_linear_11179_269\"\n x1={26.8295}\n y1={4}\n x2={26.8295}\n y2={19.3888}\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop stopColor=\"#6E58FF\" />\n <stop offset={1} stopColor=\"#7C68FF\" />\n </linearGradient>\n <linearGradient\n id=\"paint3_linear_11179_269\"\n x1={14.4428}\n y1={-0.66476}\n x2={16.7377}\n y2={14.552}\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop stopColor=\"#6550F1\" />\n <stop offset={1} stopColor=\"#8F7EFF\" />\n </linearGradient>\n <linearGradient\n id=\"paint4_linear_11179_269\"\n x1={2.00053}\n y1={19.9996}\n x2={12.5007}\n y2={16.9994}\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop stopColor=\"#725DFF\" />\n <stop offset={1} stopColor=\"#816EFF\" />\n </linearGradient>\n <linearGradient\n id=\"paint5_linear_11179_269\"\n x1={13.1655}\n y1={23.2661}\n x2={14.6655}\n y2={31.7662}\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop stopColor=\"#5B45F1\" />\n <stop offset={1} stopColor=\"#644EFB\" />\n </linearGradient>\n <linearGradient\n id=\"paint6_linear_11179_269\"\n x1={15.6389}\n y1={7.25068}\n x2={15.6389}\n y2={17.8209}\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop stopColor=\"#EDEBFF\" />\n <stop offset={1} stopColor=\"#A799FF\" />\n </linearGradient>\n <linearGradient\n id=\"paint7_linear_11179_269\"\n x1={11.8546}\n y1={4}\n x2={11.8546}\n y2={28.3655}\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop stopColor=\"#EDEBFF\" />\n <stop offset={1} stopColor=\"#A799FF\" />\n </linearGradient>\n <linearGradient\n id=\"paint8_linear_11179_269\"\n x1={19.9369}\n y1={19.254}\n x2={31.3655}\n y2={31.3175}\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop stopColor=\"white\" />\n <stop offset={1} stopColor=\"#C6BDFF\" stopOpacity={0.65} />\n </linearGradient>\n <linearGradient\n id=\"paint9_linear_11179_269\"\n x1={20.6649}\n y1={22.2083}\n x2={26.1953}\n y2={26.6397}\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop stopColor=\"#3512B2\" />\n <stop offset={1} stopColor=\"#6851FF\" />\n </linearGradient>\n </defs>\n </svg>\n);\nexport default IconEmailGlobe;\n"],"names":["IconEmailGlobe","title","titleId","props","_jsxs","_jsx"],"mappings":"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"}
@@ -0,0 +1,2 @@
1
+ import{jsxs as i,jsx as t}from"react/jsx-runtime";const l=({title:e,titleId:r,...a})=>i("svg",{width:32,height:32,viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":r,...a,children:[e?t("title",{id:r,children:e}):null,t("circle",{cx:16,cy:8.72729,r:7.27273,fill:"url(#paint0_radial_11175_21208)"}),t("path",{d:"M6.65869 30.5455H25.3416C28.2157 30.5455 30.5456 28.2155 30.5456 25.3415C30.5456 23.2135 29.2501 21.3 27.2743 20.5097L21.7296 18.2918C18.0516 16.8206 13.9487 16.8206 10.2707 18.2918L4.72597 20.5097C2.75023 21.3 1.45469 23.2135 1.45469 25.3415C1.45469 28.2155 3.7846 30.5455 6.65869 30.5455Z",fill:"url(#paint1_linear_11175_21208)"}),t("path",{d:"M6.65869 30.5455H25.3416C28.2157 30.5455 30.5456 28.2155 30.5456 25.3415C30.5456 23.2135 29.2501 21.3 27.2743 20.5097L21.7296 18.2918C18.0516 16.8206 13.9487 16.8206 10.2707 18.2918L4.72597 20.5097C2.75023 21.3 1.45469 23.2135 1.45469 25.3415C1.45469 28.2155 3.7846 30.5455 6.65869 30.5455Z",fill:"url(#paint2_linear_11175_21208)"}),t("line",{x1:21.2363,y1:24.6545,x2:23.8545,y2:24.6545,stroke:"url(#paint3_linear_11175_21208)",strokeWidth:3.2,strokeLinecap:"round"}),i("defs",{children:[i("radialGradient",{id:"paint0_radial_11175_21208",cx:0,cy:0,r:1,gradientUnits:"userSpaceOnUse",gradientTransform:"translate(10.1818 -0.727258) rotate(77.7352) scale(17.118)",children:[t("stop",{stopColor:"#EDEBFF"}),t("stop",{offset:1,stopColor:"#6851FF"})]}),i("linearGradient",{id:"paint1_linear_11175_21208",x1:16.0001,y1:12.0867,x2:16.0001,y2:27.592,gradientUnits:"userSpaceOnUse",children:[t("stop",{stopColor:"#BDB2FF",stopOpacity:.6}),t("stop",{offset:1,stopColor:"#6851FF",stopOpacity:.8})]}),i("linearGradient",{id:"paint2_linear_11175_21208",x1:16.0001,y1:12.0867,x2:16.0001,y2:27.592,gradientUnits:"userSpaceOnUse",children:[t("stop",{stopColor:"#BDB2FF"}),t("stop",{offset:1,stopColor:"#6851FF"})]}),i("linearGradient",{id:"paint3_linear_11175_21208",x1:22.5454,y1:23.2545,x2:22.5454,y2:26.2545,gradientUnits:"userSpaceOnUse",children:[t("stop",{stopColor:"#EDEBFF",stopOpacity:.8}),t("stop",{offset:1,stopColor:"#EDEBFF",stopOpacity:0})]})]})]});export{l as default};
2
+ //# sourceMappingURL=icon-person-dark.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"icon-person-dark.js","sources":["../../../../src/components/logos/icon-person-dark.tsx"],"sourcesContent":["import type { SVGProps } from 'react';\ninterface SVGRProps {\n title?: string;\n titleId?: string;\n}\nexport interface Props extends SVGRProps, SVGProps<SVGSVGElement> {}\nconst IconPersonDark = ({ 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 <circle cx={16} cy={8.72729} r={7.27273} fill=\"url(#paint0_radial_11175_21208)\" />\n <path\n d=\"M6.65869 30.5455H25.3416C28.2157 30.5455 30.5456 28.2155 30.5456 25.3415C30.5456 23.2135 29.2501 21.3 27.2743 20.5097L21.7296 18.2918C18.0516 16.8206 13.9487 16.8206 10.2707 18.2918L4.72597 20.5097C2.75023 21.3 1.45469 23.2135 1.45469 25.3415C1.45469 28.2155 3.7846 30.5455 6.65869 30.5455Z\"\n fill=\"url(#paint1_linear_11175_21208)\"\n />\n <path\n d=\"M6.65869 30.5455H25.3416C28.2157 30.5455 30.5456 28.2155 30.5456 25.3415C30.5456 23.2135 29.2501 21.3 27.2743 20.5097L21.7296 18.2918C18.0516 16.8206 13.9487 16.8206 10.2707 18.2918L4.72597 20.5097C2.75023 21.3 1.45469 23.2135 1.45469 25.3415C1.45469 28.2155 3.7846 30.5455 6.65869 30.5455Z\"\n fill=\"url(#paint2_linear_11175_21208)\"\n />\n <line\n x1={21.2363}\n y1={24.6545}\n x2={23.8545}\n y2={24.6545}\n stroke=\"url(#paint3_linear_11175_21208)\"\n strokeWidth={3.2}\n strokeLinecap=\"round\"\n />\n <defs>\n <radialGradient\n id=\"paint0_radial_11175_21208\"\n cx={0}\n cy={0}\n r={1}\n gradientUnits=\"userSpaceOnUse\"\n gradientTransform=\"translate(10.1818 -0.727258) rotate(77.7352) scale(17.118)\"\n >\n <stop stopColor=\"#EDEBFF\" />\n <stop offset={1} stopColor=\"#6851FF\" />\n </radialGradient>\n <linearGradient\n id=\"paint1_linear_11175_21208\"\n x1={16.0001}\n y1={12.0867}\n x2={16.0001}\n y2={27.592}\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop stopColor=\"#BDB2FF\" stopOpacity={0.6} />\n <stop offset={1} stopColor=\"#6851FF\" stopOpacity={0.8} />\n </linearGradient>\n <linearGradient\n id=\"paint2_linear_11175_21208\"\n x1={16.0001}\n y1={12.0867}\n x2={16.0001}\n y2={27.592}\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop stopColor=\"#BDB2FF\" />\n <stop offset={1} stopColor=\"#6851FF\" />\n </linearGradient>\n <linearGradient\n id=\"paint3_linear_11175_21208\"\n x1={22.5454}\n y1={23.2545}\n x2={22.5454}\n y2={26.2545}\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop stopColor=\"#EDEBFF\" stopOpacity={0.8} />\n <stop offset={1} stopColor=\"#EDEBFF\" stopOpacity={0} />\n </linearGradient>\n </defs>\n </svg>\n);\nexport default IconPersonDark;\n"],"names":["IconPersonDark","title","titleId","props","_jsxs","_jsx"],"mappings":"kDAMA,MAAMA,EAAiB,CAAC,CAAE,MAAAC,EAAO,QAAAC,EAAS,GAAGC,CAAc,IACzDC,EACE,MAAA,CAAA,MAAO,GACP,OAAQ,GACR,QAAQ,YACR,KAAK,OACL,MAAM,6BACW,kBAAAF,EACb,GAAAC,EAEH,SAAA,CAAAF,EAAQI,EAAO,QAAA,CAAA,GAAIH,WAAUD,CAAK,CAAA,EAAY,KAC/CI,EAAQ,SAAA,CAAA,GAAI,GAAI,GAAI,QAAS,EAAG,QAAS,KAAK,iCAAiC,CAAA,EAC/EA,EACE,OAAA,CAAA,EAAE,qSACF,KAAK,oCAEPA,EAAA,OAAA,CACE,EAAE,qSACF,KAAK,oCAEPA,EAAA,OAAA,CACE,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,OAAO,kCACP,YAAa,IACb,cAAc,UAEhBD,EAAA,OAAA,CAAA,SAAA,CACEA,EACE,iBAAA,CAAA,GAAG,4BACH,GAAI,EACJ,GAAI,EACJ,EAAG,EACH,cAAc,iBACd,kBAAkB,6DAA4D,SAAA,CAE9EC,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,QACJ,GAAI,QACJ,GAAI,QACJ,GAAI,OACJ,cAAc,2BAEdC,EAAM,OAAA,CAAA,UAAU,UAAU,YAAa,EAAG,CAAA,EAC1CA,EAAM,OAAA,CAAA,OAAQ,EAAG,UAAU,UAAU,YAAa,EAAO,CAAA,CAAA,CAAA,CAAA,EAE3DD,EACE,iBAAA,CAAA,GAAG,4BACH,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,GAAI,OACJ,cAAc,iBAEd,SAAA,CAAAC,EAAA,OAAA,CAAM,UAAU,SAAY,CAAA,EAC5BA,EAAM,OAAA,CAAA,OAAQ,EAAG,UAAU,SAAY,CAAA,CAAA,CAAA,CAAA,EAEzCD,EAAA,iBAAA,CACE,GAAG,4BACH,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,cAAc,iBAEd,SAAA,CAAAC,EAAA,OAAA,CAAM,UAAU,UAAU,YAAa,EAAG,CAAA,EAC1CA,EAAA,OAAA,CAAM,OAAQ,EAAG,UAAU,UAAU,YAAa,CAAK,CAAA,CAAA,CAAA,CAAA,CACxC,CACZ,CAAA,CAAA,CAAA,CAAA"}
@@ -0,0 +1,2 @@
1
+ import{jsxs as e,jsx as t}from"react/jsx-runtime";const n=({title:i,titleId:r,...l})=>e("svg",{width:32,height:32,viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":r,...l,children:[i?t("title",{id:r,children:i}):null,t("circle",{cx:16,cy:8.72727,r:7.27273,fill:"url(#paint0_radial_11175_21190)"}),t("path",{d:"M6.65869 30.5455H25.3416C28.2157 30.5455 30.5456 28.2155 30.5456 25.3415C30.5456 23.2135 29.2501 21.3 27.2743 20.5097L21.7296 18.2918C18.0516 16.8206 13.9487 16.8206 10.2707 18.2918L4.72597 20.5097C2.75023 21.3 1.45469 23.2135 1.45469 25.3415C1.45469 28.2155 3.7846 30.5455 6.65869 30.5455Z",fill:"url(#paint1_linear_11175_21190)"}),t("line",{x1:21.2363,y1:24.6545,x2:23.8545,y2:24.6545,stroke:"url(#paint2_linear_11175_21190)",strokeWidth:3.2,strokeLinecap:"round"}),e("defs",{children:[e("radialGradient",{id:"paint0_radial_11175_21190",cx:0,cy:0,r:1,gradientUnits:"userSpaceOnUse",gradientTransform:"translate(10.1818 -0.727273) rotate(77.7352) scale(17.118)",children:[t("stop",{stopColor:"#EDEBFF"}),t("stop",{offset:1,stopColor:"#6851FF"})]}),e("linearGradient",{id:"paint1_linear_11175_21190",x1:16.0001,y1:12.0867,x2:16.0001,y2:27.592,gradientUnits:"userSpaceOnUse",children:[t("stop",{stopColor:"#BDB2FF"}),t("stop",{offset:1,stopColor:"#6851FF"})]}),e("linearGradient",{id:"paint2_linear_11175_21190",x1:22.5454,y1:23.2545,x2:22.5454,y2:26.2545,gradientUnits:"userSpaceOnUse",children:[t("stop",{stopColor:"#EDEBFF"}),t("stop",{offset:1,stopColor:"#EDEBFF",stopOpacity:0})]})]})]});export{n as default};
2
+ //# sourceMappingURL=icon-person.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"icon-person.js","sources":["../../../../src/components/logos/icon-person.tsx"],"sourcesContent":["import type { SVGProps } from 'react';\ninterface SVGRProps {\n title?: string;\n titleId?: string;\n}\nexport interface Props extends SVGRProps, SVGProps<SVGSVGElement> {}\nconst IconPerson = ({ 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 <circle cx={16} cy={8.72727} r={7.27273} fill=\"url(#paint0_radial_11175_21190)\" />\n <path\n d=\"M6.65869 30.5455H25.3416C28.2157 30.5455 30.5456 28.2155 30.5456 25.3415C30.5456 23.2135 29.2501 21.3 27.2743 20.5097L21.7296 18.2918C18.0516 16.8206 13.9487 16.8206 10.2707 18.2918L4.72597 20.5097C2.75023 21.3 1.45469 23.2135 1.45469 25.3415C1.45469 28.2155 3.7846 30.5455 6.65869 30.5455Z\"\n fill=\"url(#paint1_linear_11175_21190)\"\n />\n <line\n x1={21.2363}\n y1={24.6545}\n x2={23.8545}\n y2={24.6545}\n stroke=\"url(#paint2_linear_11175_21190)\"\n strokeWidth={3.2}\n strokeLinecap=\"round\"\n />\n <defs>\n <radialGradient\n id=\"paint0_radial_11175_21190\"\n cx={0}\n cy={0}\n r={1}\n gradientUnits=\"userSpaceOnUse\"\n gradientTransform=\"translate(10.1818 -0.727273) rotate(77.7352) scale(17.118)\"\n >\n <stop stopColor=\"#EDEBFF\" />\n <stop offset={1} stopColor=\"#6851FF\" />\n </radialGradient>\n <linearGradient\n id=\"paint1_linear_11175_21190\"\n x1={16.0001}\n y1={12.0867}\n x2={16.0001}\n y2={27.592}\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop stopColor=\"#BDB2FF\" />\n <stop offset={1} stopColor=\"#6851FF\" />\n </linearGradient>\n <linearGradient\n id=\"paint2_linear_11175_21190\"\n x1={22.5454}\n y1={23.2545}\n x2={22.5454}\n y2={26.2545}\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop stopColor=\"#EDEBFF\" />\n <stop offset={1} stopColor=\"#EDEBFF\" stopOpacity={0} />\n </linearGradient>\n </defs>\n </svg>\n);\nexport default IconPerson;\n"],"names":["IconPerson","title","titleId","props","_jsxs","_jsx"],"mappings":"kDAMMA,MAAAA,EAAa,CAAC,CAAE,MAAAC,EAAO,QAAAC,EAAS,GAAGC,CAAK,IAC5CC,EACE,MAAA,CAAA,MAAO,GACP,OAAQ,GACR,QAAQ,YACR,KAAK,OACL,MAAM,6BAA4B,kBACjBF,EAAO,GACpBC,EAAK,SAAA,CAERF,EAAQI,EAAO,QAAA,CAAA,GAAIH,EAAU,SAAAD,CAAc,CAAA,EAAG,KAC/CI,EAAQ,SAAA,CAAA,GAAI,GAAI,GAAI,QAAS,EAAG,QAAS,KAAK,iCAAiC,CAAA,EAC/EA,EAAA,OAAA,CACE,EAAE,qSACF,KAAK,iCAAiC,CAAA,EAExCA,EAAA,OAAA,CACE,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,OAAO,kCACP,YAAa,IACb,cAAc,OAAO,CAAA,EAEvBD,EAAA,OAAA,CAAA,SAAA,CACEA,EACE,iBAAA,CAAA,GAAG,4BACH,GAAI,EACJ,GAAI,EACJ,EAAG,EACH,cAAc,iBACd,kBAAkB,6DAA4D,SAAA,CAE9EC,EAAM,OAAA,CAAA,UAAU,SAAY,CAAA,EAC5BA,EAAM,OAAA,CAAA,OAAQ,EAAG,UAAU,SAAY,CAAA,CAAA,CAAA,CAAA,EAEzCD,EAAA,iBAAA,CACE,GAAG,4BACH,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,GAAI,OACJ,cAAc,iBAAgB,SAAA,CAE9BC,EAAM,OAAA,CAAA,UAAU,YAChBA,EAAA,OAAA,CAAM,OAAQ,EAAG,UAAU,SAAS,CAAA,CAAG,CACxB,CAAA,EACjBD,EACE,iBAAA,CAAA,GAAG,4BACH,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,cAAc,iBAEd,SAAA,CAAAC,EAAA,OAAA,CAAM,UAAU,SAAS,CAAA,EACzBA,EAAA,OAAA,CAAM,OAAQ,EAAG,UAAU,UAAU,YAAa,CAAC,CAAA,CAAI,CACxC,CAAA,CAAA,CAAA,CAAA,CACZ,CACH,CAAA"}
@@ -0,0 +1,2 @@
1
+ import{jsxs as l,jsx as e}from"react/jsx-runtime";const n=({title:i,titleId:t,...C})=>l("svg",{width:32,height:32,viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":t,...C,children:[i?e("title",{id:t,children:i}):null,e("circle",{cx:16.0032,cy:16,r:14.6667,fill:"#D9D9D9"}),e("circle",{cx:16.0032,cy:16,r:14.6667,fill:"url(#paint0_linear_11179_10889)"}),e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M16.0011 9.77778C12.5405 9.77778 9.77886 12.5633 9.77886 16C9.77886 16.4909 9.38089 16.8889 8.88997 16.8889C8.39905 16.8889 8.00108 16.4909 8.00108 16C8.00108 11.5861 11.5541 8 16.0011 8C18.6366 8 20.6089 9.10223 21.9047 10.1832C22.0157 10.2758 22.1219 10.3683 22.2233 10.4602V9.28711C22.2233 8.79619 22.6213 8.39822 23.1122 8.39822C23.6031 8.39822 24.0011 8.79619 24.0011 9.28711V12.8427C24.0011 13.3336 23.6031 13.7316 23.1122 13.7316H19.9549C19.4639 13.7316 19.066 13.3336 19.066 12.8427C19.066 12.3517 19.4639 11.9538 19.9549 11.9538H21.2184C21.08 11.8207 20.9291 11.6845 20.7659 11.5483C19.6919 10.6524 18.1087 9.77778 16.0011 9.77778ZM23.1122 15.1111C23.6031 15.1111 24.0011 15.5091 24.0011 16C24.0011 20.4163 20.4173 24 16.0011 24C13.7297 24 11.9448 22.8572 10.771 21.7926C10.7015 21.7296 10.6339 21.6666 10.5682 21.6039V22.7129C10.5682 23.2038 10.1702 23.6018 9.67931 23.6018C9.18839 23.6018 8.79042 23.2038 8.79042 22.7129V19.1573C8.79042 18.6664 9.18839 18.2684 9.67931 18.2684H12.8935C13.3844 18.2684 13.7824 18.6664 13.7824 19.1573C13.7824 19.6483 13.3844 20.0462 12.8935 20.0462H11.5225C11.6586 20.1871 11.8063 20.3316 11.9654 20.4758C12.9712 21.3881 14.3471 22.2222 16.0011 22.2222C19.4355 22.2222 22.2233 19.4344 22.2233 16C22.2233 15.5091 22.6213 15.1111 23.1122 15.1111Z",fill:"url(#paint1_linear_11179_10889)"}),l("defs",{children:[l("linearGradient",{id:"paint0_linear_11179_10889",x1:16.0032,y1:1.33333,x2:16.0032,y2:30.6667,gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"#FF9B80"}),e("stop",{offset:1,stopColor:"#FC5C30"})]}),l("linearGradient",{id:"paint1_linear_11179_10889",x1:16.0011,y1:8.88889,x2:16.0011,y2:23.1111,gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"white"}),e("stop",{offset:1,stopColor:"#FFEAE5"})]})]})]});export{n as default};
2
+ //# sourceMappingURL=icon-reset.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"icon-reset.js","sources":["../../../../src/components/logos/icon-reset.tsx"],"sourcesContent":["import type { SVGProps } from 'react';\ninterface SVGRProps {\n title?: string;\n titleId?: string;\n}\nexport interface Props extends SVGRProps, SVGProps<SVGSVGElement> {}\nconst IconReset = ({ 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 <circle cx={16.0032} cy={16} r={14.6667} fill=\"#D9D9D9\" />\n <circle cx={16.0032} cy={16} r={14.6667} fill=\"url(#paint0_linear_11179_10889)\" />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M16.0011 9.77778C12.5405 9.77778 9.77886 12.5633 9.77886 16C9.77886 16.4909 9.38089 16.8889 8.88997 16.8889C8.39905 16.8889 8.00108 16.4909 8.00108 16C8.00108 11.5861 11.5541 8 16.0011 8C18.6366 8 20.6089 9.10223 21.9047 10.1832C22.0157 10.2758 22.1219 10.3683 22.2233 10.4602V9.28711C22.2233 8.79619 22.6213 8.39822 23.1122 8.39822C23.6031 8.39822 24.0011 8.79619 24.0011 9.28711V12.8427C24.0011 13.3336 23.6031 13.7316 23.1122 13.7316H19.9549C19.4639 13.7316 19.066 13.3336 19.066 12.8427C19.066 12.3517 19.4639 11.9538 19.9549 11.9538H21.2184C21.08 11.8207 20.9291 11.6845 20.7659 11.5483C19.6919 10.6524 18.1087 9.77778 16.0011 9.77778ZM23.1122 15.1111C23.6031 15.1111 24.0011 15.5091 24.0011 16C24.0011 20.4163 20.4173 24 16.0011 24C13.7297 24 11.9448 22.8572 10.771 21.7926C10.7015 21.7296 10.6339 21.6666 10.5682 21.6039V22.7129C10.5682 23.2038 10.1702 23.6018 9.67931 23.6018C9.18839 23.6018 8.79042 23.2038 8.79042 22.7129V19.1573C8.79042 18.6664 9.18839 18.2684 9.67931 18.2684H12.8935C13.3844 18.2684 13.7824 18.6664 13.7824 19.1573C13.7824 19.6483 13.3844 20.0462 12.8935 20.0462H11.5225C11.6586 20.1871 11.8063 20.3316 11.9654 20.4758C12.9712 21.3881 14.3471 22.2222 16.0011 22.2222C19.4355 22.2222 22.2233 19.4344 22.2233 16C22.2233 15.5091 22.6213 15.1111 23.1122 15.1111Z\"\n fill=\"url(#paint1_linear_11179_10889)\"\n />\n <defs>\n <linearGradient\n id=\"paint0_linear_11179_10889\"\n x1={16.0032}\n y1={1.33333}\n x2={16.0032}\n y2={30.6667}\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop stopColor=\"#FF9B80\" />\n <stop offset={1} stopColor=\"#FC5C30\" />\n </linearGradient>\n <linearGradient\n id=\"paint1_linear_11179_10889\"\n x1={16.0011}\n y1={8.88889}\n x2={16.0011}\n y2={23.1111}\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop stopColor=\"white\" />\n <stop offset={1} stopColor=\"#FFEAE5\" />\n </linearGradient>\n </defs>\n </svg>\n);\nexport default IconReset;\n"],"names":["IconReset","title","titleId","props","_jsxs","_jsx"],"mappings":"wDAMMA,EAAY,CAAC,CAAE,MAAAC,EAAO,QAAAC,EAAS,GAAGC,KACtCC,EAAA,MAAA,CACE,MAAO,GACP,OAAQ,GACR,QAAQ,YACR,KAAK,OACL,MAAM,+CACWF,EAAO,GACpBC,EAEH,SAAA,CAAAF,EAAQI,EAAO,QAAA,CAAA,GAAIH,WAAUD,CAAK,CAAA,EAAY,KAC/CI,EAAA,SAAA,CAAQ,GAAI,QAAS,GAAI,GAAI,EAAG,QAAS,KAAK,SAAS,CAAA,EACvDA,EAAQ,SAAA,CAAA,GAAI,QAAS,GAAI,GAAI,EAAG,QAAS,KAAK,iCAAiC,CAAA,EAC/EA,EACE,OAAA,CAAA,SAAS,UACT,SAAS,UACT,EAAE,0wCACF,KAAK,iCACL,CAAA,EACFD,oBACEA,EACE,iBAAA,CAAA,GAAG,4BACH,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,cAAc,2BAEdC,EAAM,OAAA,CAAA,UAAU,SAAS,CAAA,EACzBA,EAAM,OAAA,CAAA,OAAQ,EAAG,UAAU,SAAS,CAAA,CAAG,IAEzCD,EAAA,iBAAA,CACE,GAAG,4BACH,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,cAAc,iBAEd,SAAA,CAAAC,EAAA,OAAA,CAAM,UAAU,OAAU,CAAA,EAC1BA,EAAM,OAAA,CAAA,OAAQ,EAAG,UAAU,WAAY,CACxB,CAAA,CAAA,CAAA,CAAA,CACZ,CACH,CAAA"}
@@ -0,0 +1,2 @@
1
+ import{jsxs as i,jsx as e}from"react/jsx-runtime";const o=({title:l,titleId:t,...n})=>i("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?e("title",{id:t,children:l}):null,e("path",{d:"M4.00323 8.67022C4.00323 7.18895 4.98074 5.88538 6.40268 5.47038L15.0749 2.93937C15.685 2.76129 16.3334 2.76138 16.9435 2.93962L25.6046 5.46993C27.0262 5.88522 28.0032 7.18859 28.0032 8.66952V13.356C28.0032 17.0385 26.8444 20.6276 24.691 23.6148C22.7546 26.301 20.1022 28.3781 17.047 29.6159C16.3789 29.8865 15.6316 29.8866 14.9634 29.616C11.9071 28.3783 9.25377 26.3009 7.31664 23.614C5.16251 20.6261 4.00329 17.0361 4.00323 13.3527V8.67022Z",fill:"url(#paint0_linear_11179_10852)"}),e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M16.0032 9.33333C16.9237 9.33333 17.6699 10.0795 17.6699 11V16.3333C17.6699 17.2538 16.9237 18 16.0032 18C15.0828 18 14.3366 17.2538 14.3366 16.3333V11C14.3366 10.0795 15.0828 9.33333 16.0032 9.33333Z",fill:"url(#paint1_linear_11179_10852)"}),e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M14.3294 21.1667C14.3294 20.2462 15.0756 19.5 15.9961 19.5H16.0085C16.929 19.5 17.6752 20.2462 17.6752 21.1667C17.6752 22.0871 16.929 22.8333 16.0085 22.8333H15.9961C15.0756 22.8333 14.3294 22.0871 14.3294 21.1667Z",fill:"url(#paint2_linear_11179_10852)"}),i("defs",{children:[i("linearGradient",{id:"paint0_linear_11179_10852",x1:16.0032,y1:2.66667,x2:16.0032,y2:30,gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"#FF9B80"}),e("stop",{offset:1,stopColor:"#FC5C30"})]}),i("linearGradient",{id:"paint1_linear_11179_10852",x1:16.3366,y1:11,x2:16.3366,y2:16.3333,gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"white"}),e("stop",{offset:1,stopColor:"#FFEAE5"})]}),i("linearGradient",{id:"paint2_linear_11179_10852",x1:16.0023,y1:19.3333,x2:16.0023,y2:23,gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"white"}),e("stop",{offset:1,stopColor:"#FFEAE5"})]})]})]});export{o as default};
2
+ //# sourceMappingURL=icon-warning-shield.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"icon-warning-shield.js","sources":["../../../../src/components/logos/icon-warning-shield.tsx"],"sourcesContent":["import type { SVGProps } from 'react';\ninterface SVGRProps {\n title?: string;\n titleId?: string;\n}\nexport interface Props extends SVGRProps, SVGProps<SVGSVGElement> {}\nconst IconWarningShield = ({ 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=\"M4.00323 8.67022C4.00323 7.18895 4.98074 5.88538 6.40268 5.47038L15.0749 2.93937C15.685 2.76129 16.3334 2.76138 16.9435 2.93962L25.6046 5.46993C27.0262 5.88522 28.0032 7.18859 28.0032 8.66952V13.356C28.0032 17.0385 26.8444 20.6276 24.691 23.6148C22.7546 26.301 20.1022 28.3781 17.047 29.6159C16.3789 29.8865 15.6316 29.8866 14.9634 29.616C11.9071 28.3783 9.25377 26.3009 7.31664 23.614C5.16251 20.6261 4.00329 17.0361 4.00323 13.3527V8.67022Z\"\n fill=\"url(#paint0_linear_11179_10852)\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M16.0032 9.33333C16.9237 9.33333 17.6699 10.0795 17.6699 11V16.3333C17.6699 17.2538 16.9237 18 16.0032 18C15.0828 18 14.3366 17.2538 14.3366 16.3333V11C14.3366 10.0795 15.0828 9.33333 16.0032 9.33333Z\"\n fill=\"url(#paint1_linear_11179_10852)\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M14.3294 21.1667C14.3294 20.2462 15.0756 19.5 15.9961 19.5H16.0085C16.929 19.5 17.6752 20.2462 17.6752 21.1667C17.6752 22.0871 16.929 22.8333 16.0085 22.8333H15.9961C15.0756 22.8333 14.3294 22.0871 14.3294 21.1667Z\"\n fill=\"url(#paint2_linear_11179_10852)\"\n />\n <defs>\n <linearGradient\n id=\"paint0_linear_11179_10852\"\n x1={16.0032}\n y1={2.66667}\n x2={16.0032}\n y2={30}\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop stopColor=\"#FF9B80\" />\n <stop offset={1} stopColor=\"#FC5C30\" />\n </linearGradient>\n <linearGradient\n id=\"paint1_linear_11179_10852\"\n x1={16.3366}\n y1={11}\n x2={16.3366}\n y2={16.3333}\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop stopColor=\"white\" />\n <stop offset={1} stopColor=\"#FFEAE5\" />\n </linearGradient>\n <linearGradient\n id=\"paint2_linear_11179_10852\"\n x1={16.0023}\n y1={19.3333}\n x2={16.0023}\n y2={23}\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop stopColor=\"white\" />\n <stop offset={1} stopColor=\"#FFEAE5\" />\n </linearGradient>\n </defs>\n </svg>\n);\nexport default IconWarningShield;\n"],"names":["IconWarningShield","title","titleId","props","_jsxs","_jsx"],"mappings":"kDAMMA,MAAAA,EAAoB,CAAC,CAAE,MAAAC,EAAO,QAAAC,EAAS,GAAGC,CAAc,IAC5DC,EACE,MAAA,CAAA,MAAO,GACP,OAAQ,GACR,QAAQ,YACR,KAAK,OACL,MAAM,6BACW,kBAAAF,EACb,GAAAC,EAEH,SAAA,CAAAF,EAAQI,EAAO,QAAA,CAAA,GAAIH,EAAU,SAAAD,CAAc,CAAA,EAAG,KAC/CI,UACE,EAAE,6bACF,KAAK,iCACL,CAAA,EACFA,EACE,OAAA,CAAA,SAAS,UACT,SAAS,UACT,EAAE,2MACF,KAAK,iCAAiC,CAAA,EAExCA,EAAA,OAAA,CACE,SAAS,UACT,SAAS,UACT,EAAE,yNACF,KAAK,oCAEPD,EAAA,OAAA,CAAA,SAAA,CACEA,EACE,iBAAA,CAAA,GAAG,4BACH,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,GAAI,GACJ,cAAc,iBAEd,SAAA,CAAAC,EAAA,OAAA,CAAM,UAAU,SAAY,CAAA,EAC5BA,EAAM,OAAA,CAAA,OAAQ,EAAG,UAAU,SAAY,CAAA,CAAA,CAAA,CAAA,EAEzCD,EACE,iBAAA,CAAA,GAAG,4BACH,GAAI,QACJ,GAAI,GACJ,GAAI,QACJ,GAAI,QACJ,cAAc,iBAAgB,SAAA,CAE9BC,EAAM,OAAA,CAAA,UAAU,UAChBA,EAAA,OAAA,CAAM,OAAQ,EAAG,UAAU,SAAY,CAAA,CAAA,CAAA,CAAA,EAEzCD,EAAA,iBAAA,CACE,GAAG,4BACH,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,GAAI,GACJ,cAAc,iBAAgB,SAAA,CAE9BC,EAAM,OAAA,CAAA,UAAU,OAAU,CAAA,EAC1BA,UAAM,OAAQ,EAAG,UAAU,SAAS,CAAA,CAAG,CACxB,CAAA,CAAA,CAAA,CAAA,CACZ,CACH,CAAA"}
@@ -0,0 +1,2 @@
1
+ import{jsxs as i,jsx as e}from"react/jsx-runtime";const o=({title:l,titleId:t,...n})=>i("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?e("title",{id:t,children:l}):null,e("path",{d:"M12.8786 5.72258L2.86809 24.0752C1.57572 26.4445 3.29062 29.3333 5.98949 29.3333H26.0105C28.7094 29.3333 30.4243 26.4445 29.1319 24.0752L19.1215 5.72258C17.7738 3.25195 14.2263 3.25195 12.8786 5.72258Z",fill:"url(#paint0_linear_11179_10869)"}),e("path",{d:"M12.8786 5.72258L2.86809 24.0752C1.57572 26.4445 3.29062 29.3333 5.98949 29.3333H26.0105C28.7094 29.3333 30.4243 26.4445 29.1319 24.0752L19.1215 5.72258C17.7738 3.25195 14.2263 3.25195 12.8786 5.72258Z",fill:"url(#paint1_linear_11179_10869)"}),e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M16 11.3333C16.9205 11.3333 17.6667 12.0795 17.6667 13V18.3333C17.6667 19.2538 16.9205 20 16 20C15.0795 20 14.3333 19.2538 14.3333 18.3333V13C14.3333 12.0795 15.0795 11.3333 16 11.3333Z",fill:"url(#paint2_linear_11179_10869)"}),e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M16 11.3333C16.9205 11.3333 17.6667 12.0795 17.6667 13V18.3333C17.6667 19.2538 16.9205 20 16 20C15.0795 20 14.3333 19.2538 14.3333 18.3333V13C14.3333 12.0795 15.0795 11.3333 16 11.3333Z",fill:"url(#paint3_linear_11179_10869)"}),e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M14.3262 23.1667C14.3262 22.2462 15.0724 21.5 15.9929 21.5H16.0054C16.9259 21.5 17.6721 22.2462 17.6721 23.1667C17.6721 24.0871 16.9259 24.8333 16.0054 24.8333H15.9929C15.0724 24.8333 14.3262 24.0871 14.3262 23.1667Z",fill:"url(#paint4_linear_11179_10869)"}),e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M14.3262 23.1667C14.3262 22.2462 15.0724 21.5 15.9929 21.5H16.0054C16.9259 21.5 17.6721 22.2462 17.6721 23.1667C17.6721 24.0871 16.9259 24.8333 16.0054 24.8333H15.9929C15.0724 24.8333 14.3262 24.0871 14.3262 23.1667Z",fill:"url(#paint5_linear_11179_10869)"}),i("defs",{children:[i("linearGradient",{id:"paint0_linear_11179_10869",x1:16,y1:0,x2:16,y2:29.3333,gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"#A799FF"}),e("stop",{offset:1,stopColor:"#6851FF"})]}),i("linearGradient",{id:"paint1_linear_11179_10869",x1:16,y1:0,x2:16,y2:29.3333,gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"#FF9B80"}),e("stop",{offset:1,stopColor:"#FC5C30"})]}),i("linearGradient",{id:"paint2_linear_11179_10869",x1:16.3333,y1:13,x2:16.3333,y2:18.3333,gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"white"}),e("stop",{offset:1,stopColor:"#EDEBFF"})]}),i("linearGradient",{id:"paint3_linear_11179_10869",x1:16.3333,y1:13,x2:16.3333,y2:18.3333,gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"white"}),e("stop",{offset:1,stopColor:"#FFEAE5"})]}),i("linearGradient",{id:"paint4_linear_11179_10869",x1:15.9992,y1:21.3333,x2:15.9992,y2:25,gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"white"}),e("stop",{offset:1,stopColor:"#EDEBFF"})]}),i("linearGradient",{id:"paint5_linear_11179_10869",x1:15.9992,y1:21.3333,x2:15.9992,y2:25,gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"white"}),e("stop",{offset:1,stopColor:"#FFEAE5"})]})]})]});export{o as default};
2
+ //# sourceMappingURL=icon-warning.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"icon-warning.js","sources":["../../../../src/components/logos/icon-warning.tsx"],"sourcesContent":["import type { SVGProps } from 'react';\ninterface SVGRProps {\n title?: string;\n titleId?: string;\n}\nexport interface Props extends SVGRProps, SVGProps<SVGSVGElement> {}\nconst IconWarning = ({ 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=\"M12.8786 5.72258L2.86809 24.0752C1.57572 26.4445 3.29062 29.3333 5.98949 29.3333H26.0105C28.7094 29.3333 30.4243 26.4445 29.1319 24.0752L19.1215 5.72258C17.7738 3.25195 14.2263 3.25195 12.8786 5.72258Z\"\n fill=\"url(#paint0_linear_11179_10869)\"\n />\n <path\n d=\"M12.8786 5.72258L2.86809 24.0752C1.57572 26.4445 3.29062 29.3333 5.98949 29.3333H26.0105C28.7094 29.3333 30.4243 26.4445 29.1319 24.0752L19.1215 5.72258C17.7738 3.25195 14.2263 3.25195 12.8786 5.72258Z\"\n fill=\"url(#paint1_linear_11179_10869)\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M16 11.3333C16.9205 11.3333 17.6667 12.0795 17.6667 13V18.3333C17.6667 19.2538 16.9205 20 16 20C15.0795 20 14.3333 19.2538 14.3333 18.3333V13C14.3333 12.0795 15.0795 11.3333 16 11.3333Z\"\n fill=\"url(#paint2_linear_11179_10869)\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M16 11.3333C16.9205 11.3333 17.6667 12.0795 17.6667 13V18.3333C17.6667 19.2538 16.9205 20 16 20C15.0795 20 14.3333 19.2538 14.3333 18.3333V13C14.3333 12.0795 15.0795 11.3333 16 11.3333Z\"\n fill=\"url(#paint3_linear_11179_10869)\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M14.3262 23.1667C14.3262 22.2462 15.0724 21.5 15.9929 21.5H16.0054C16.9259 21.5 17.6721 22.2462 17.6721 23.1667C17.6721 24.0871 16.9259 24.8333 16.0054 24.8333H15.9929C15.0724 24.8333 14.3262 24.0871 14.3262 23.1667Z\"\n fill=\"url(#paint4_linear_11179_10869)\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M14.3262 23.1667C14.3262 22.2462 15.0724 21.5 15.9929 21.5H16.0054C16.9259 21.5 17.6721 22.2462 17.6721 23.1667C17.6721 24.0871 16.9259 24.8333 16.0054 24.8333H15.9929C15.0724 24.8333 14.3262 24.0871 14.3262 23.1667Z\"\n fill=\"url(#paint5_linear_11179_10869)\"\n />\n <defs>\n <linearGradient id=\"paint0_linear_11179_10869\" x1={16} y1={0} x2={16} y2={29.3333} gradientUnits=\"userSpaceOnUse\">\n <stop stopColor=\"#A799FF\" />\n <stop offset={1} stopColor=\"#6851FF\" />\n </linearGradient>\n <linearGradient id=\"paint1_linear_11179_10869\" x1={16} y1={0} x2={16} y2={29.3333} gradientUnits=\"userSpaceOnUse\">\n <stop stopColor=\"#FF9B80\" />\n <stop offset={1} stopColor=\"#FC5C30\" />\n </linearGradient>\n <linearGradient\n id=\"paint2_linear_11179_10869\"\n x1={16.3333}\n y1={13}\n x2={16.3333}\n y2={18.3333}\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop stopColor=\"white\" />\n <stop offset={1} stopColor=\"#EDEBFF\" />\n </linearGradient>\n <linearGradient\n id=\"paint3_linear_11179_10869\"\n x1={16.3333}\n y1={13}\n x2={16.3333}\n y2={18.3333}\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop stopColor=\"white\" />\n <stop offset={1} stopColor=\"#FFEAE5\" />\n </linearGradient>\n <linearGradient\n id=\"paint4_linear_11179_10869\"\n x1={15.9992}\n y1={21.3333}\n x2={15.9992}\n y2={25}\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop stopColor=\"white\" />\n <stop offset={1} stopColor=\"#EDEBFF\" />\n </linearGradient>\n <linearGradient\n id=\"paint5_linear_11179_10869\"\n x1={15.9992}\n y1={21.3333}\n x2={15.9992}\n y2={25}\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop stopColor=\"white\" />\n <stop offset={1} stopColor=\"#FFEAE5\" />\n </linearGradient>\n </defs>\n </svg>\n);\nexport default IconWarning;\n"],"names":["IconWarning","title","titleId","props","_jsxs","_jsx"],"mappings":"wDAMMA,EAAc,CAAC,CAAE,MAAAC,EAAO,QAAAC,EAAS,GAAGC,KACxCC,EAAA,MAAA,CACE,MAAO,GACP,OAAQ,GACR,QAAQ,YACR,KAAK,OACL,MAAM,+CACWF,EAAO,GACpBC,EAEH,SAAA,CAAAF,EAAQI,EAAO,QAAA,CAAA,GAAIH,WAAUD,CAAK,CAAA,EAAY,KAC/CI,EAAA,OAAA,CACE,EAAE,4MACF,KAAK,iCACL,CAAA,EACFA,UACE,EAAE,4MACF,KAAK,iCACL,CAAA,EACFA,UACE,SAAS,UACT,SAAS,UACT,EAAE,4LACF,KAAK,oCAEPA,EAAA,OAAA,CACE,SAAS,UACT,SAAS,UACT,EAAE,4LACF,KAAK,iCAAiC,CAAA,EAExCA,EACE,OAAA,CAAA,SAAS,UACT,SAAS,UACT,EAAE,2NACF,KAAK,iCACL,CAAA,EACFA,UACE,SAAS,UACT,SAAS,UACT,EAAE,2NACF,KAAK,iCACL,CAAA,EACFD,EACE,OAAA,CAAA,SAAA,CAAAA,EAAA,iBAAA,CAAgB,GAAG,4BAA4B,GAAI,GAAI,GAAI,EAAG,GAAI,GAAI,GAAI,QAAS,cAAc,iBAC/F,SAAA,CAAAC,EAAA,OAAA,CAAM,UAAU,YAChBA,EAAA,OAAA,CAAM,OAAQ,EAAG,UAAU,WAAY,CACxB,CAAA,EACjBD,oBAAgB,GAAG,4BAA4B,GAAI,GAAI,GAAI,EAAG,GAAI,GAAI,GAAI,QAAS,cAAc,iBAAgB,SAAA,CAC/GC,UAAM,UAAU,SAAY,CAAA,EAC5BA,EAAM,OAAA,CAAA,OAAQ,EAAG,UAAU,SAAY,CAAA,CAAA,CAAA,CAAA,EAEzCD,EACE,iBAAA,CAAA,GAAG,4BACH,GAAI,QACJ,GAAI,GACJ,GAAI,QACJ,GAAI,QACJ,cAAc,iBAAgB,SAAA,CAE9BC,UAAM,UAAU,OAAU,CAAA,EAC1BA,UAAM,OAAQ,EAAG,UAAU,SAAS,CAAA,CAAG,CACxB,CAAA,EACjBD,EACE,iBAAA,CAAA,GAAG,4BACH,GAAI,QACJ,GAAI,GACJ,GAAI,QACJ,GAAI,QACJ,cAAc,iBAEd,SAAA,CAAAC,EAAA,OAAA,CAAM,UAAU,OAAU,CAAA,EAC1BA,UAAM,OAAQ,EAAG,UAAU,SAAS,CAAA,CAAG,IAEzCD,EAAA,iBAAA,CACE,GAAG,4BACH,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,GAAI,GACJ,cAAc,2BAEdC,EAAM,OAAA,CAAA,UAAU,OAAO,CAAA,EACvBA,EAAM,OAAA,CAAA,OAAQ,EAAG,UAAU,SAAS,CAAA,CAAG,IAEzCD,EAAA,iBAAA,CACE,GAAG,4BACH,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,GAAI,GACJ,cAAc,iBAEd,SAAA,CAAAC,EAAA,OAAA,CAAM,UAAU,OAAU,CAAA,EAC1BA,EAAM,OAAA,CAAA,OAAQ,EAAG,UAAU,WAAY,CACxB,CAAA,CAAA,CAAA,CAAA,CACZ,CACH,CAAA"}
@@ -1,2 +1,2 @@
1
- import{jsxs as b,jsx as o}from"react/jsx-runtime";import"../feedback/callout.js";import{css as W}from"@styled/css";import{HStack as C,Box as j,VStack as U}from"@styled/jsx";import"../feedback/progress-bar.js";import{token as g}from"@styled/tokens";import Y from"../icons/ico-caret-down.js";import q from"../icons/ico-caret-up.js";import G from"../icons/ico-checkmark.js";import J from"../icons/ico-question-circle-fill.js";import"./button.js";import"./checkbox.js";import"./popover.js";import"./radio.js";import"./segmented-control.js";import"./switch.js";import D from"./text.js";import"./portal.js";import{createContext as Q,useContext as X,useCallback as O,useState as A,useRef as F,useMemo as Z,Children as p,useEffect as ee,cloneElement as te}from"react";import"../../hooks/useToast.js";import"../../recipes/toast.js";import re from"../feedback/tooltip.js";import{useButton as oe,useFocusRing as le,useKeyboard as ie,mergeProps as ne}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:()=>{}}),R=({value:r,label:n,size:m="lg",isFocused:x})=>{const{selectedOption:u,setSelectedOption:d}=X(N),s=u?.value===r,l=L[m],k=O(()=>{d({value:r,label:n})},[d,r,n]);return b(C,{py:1.5,gap:2,bg:s?"brand.base":x?"brand.lightest":"",_hover:s?{}:{bg:"brand.lightest"},onClick:k,style:{paddingLeft:l.width,paddingRight:l.width},children:[o(j,{style:{width:l.width},children:s&&o(G,{width:l.check,height:l.check,color:g("colors.surface.primary")})}),o(D,{size:m,styles:{fontWeight:500,color:g(`colors.${s?"surface":"text"}.primary`)},children:n})]})},_=({children:r,onSelect:n,label:m,placeholder:x="Select one",selectedValue:u,size:d="lg",tooltipContent:s,disabled:l,viewMax:k=5,...B})=>{const[h,w]=A(!1),[t,f]=A(null),y=F(null),S=F(null),a=L[d],H=k*a.mult+1,I=O(()=>{w(e=>!e),h||(f(null),setTimeout(()=>{var e;return(e=S.current)===null||e===void 0?void 0:e.focus()}))},[h]),K=O(e=>{n(e.value),w(!1)},[n]),z=Z(()=>{const e=p.toArray(r).find(i=>i.props.value===u);return e?e.props.label:x},[u,r]),{buttonProps:V}=oe({...B,isDisabled:l,onPress:I},y),{focusProps:M,isFocusVisible:T}=le(),{keyboardProps:$}=ie({onKeyDown:e=>{var i,c;if(!h)return;let v=t;const E=p.toArray(r);switch(e.key){case"ArrowUp":e.preventDefault(),t===null?f(p.count(r)-1):(v=t>0?t-1:p.count(r)-1,f(v));break;case"ArrowDown":e.preventDefault(),t===null?f(0):(v=t<p.count(r)-1?t+1:0,f(v));break;case"Enter":if(e.preventDefault(),(i=y.current)===null||i===void 0||i.focus(),t===null)return;if(t>=0&&t<E.length){const P=E[t];P&&n(P.props.value)}break;case"Escape":w(!1),(c=y.current)===null||c===void 0||c.focus();break}}});return ee(()=>{const e=i=>{var c;!((c=S.current)===null||c===void 0)&&c.contains(i.target)||w(!1)};return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[]),o(N.Provider,{value:{selectedOption:{value:u??"",label:z},setSelectedOption:K},children:b(U,{gap:2,w:"full",alignItems:"flex-start",children:[b(C,{gap:2,opacity:l?.3:"",transition:"all linear 120ms",children:[m&&o(D,{size:"sm",styles:{fontWeight:500},children:m}),s&&o(re,{isDisabled:l,content:s,children:o(J,{className:W({w:4,h:4,color:"neutral.primary"})})})]}),b("button",{className:W({w:"full",h:"fit-content",borderWidth:"thin",borderColor:"neutral.secondary",rounded:"xl",transition:"all linear 120ms",position:"relative",cursor:"pointer",outlineColor:"brand.base",outlineStyle:T?"solid":"none",outlineWidth:"thick",outlineOffset:.5,_hover:{borderColor:"neutral.primary"},_disabled:{opacity:.3,pointerEvents:"none"}}),ref:y,...ne(V,M,$),children:[b(C,{w:"full",p:4,justifyContent:"space-between",style:{height:a.height},children:[o(D,{size:d,styles:{color:g(`colors.text.${u?"primary":"tertiary"}`)},children:z}),h?o(q,{width:a.caret,height:a.caret,color:g("colors.brand.base")}):o(Y,{width:a.caret,height:a.caret,color:g("colors.brand.base")})]}),h&&o(j,{ref:S,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:`${H}rem`,top:a.top},overflowY:"auto",outline:"none",zIndex:"max",children:p.map(r,(e,i)=>te(e,{isFocused:i===t,size:d}))})]})]})})};R.displayName="DropdownOption",_.displayName="DropdownSelector";export{R as DropdownOption,_ as DropdownSelector};
1
+ import{jsxs as b,jsx as o}from"react/jsx-runtime";import"../feedback/callout.js";import{css as W}from"@styled/css";import{HStack as C,Box as $,VStack as U}from"@styled/jsx";import"../feedback/progress-bar.js";import{token as g}from"@styled/tokens";import Y from"../icons/ico-caret-down.js";import q from"../icons/ico-caret-up.js";import G from"../icons/ico-checkmark.js";import J from"../icons/ico-question-circle-fill.js";import"./button.js";import"./checkbox.js";import"./popover.js";import"./radio.js";import"./segmented-control.js";import"./switch.js";import D from"./text.js";import"./portal.js";import{createContext as Q,useContext as X,useCallback as O,useState as j,useRef as A,useMemo as Z,Children as m,useEffect as ee,cloneElement as te}from"react";import"../../hooks/useToast.js";import"../../recipes/toast.js";import re from"../feedback/tooltip.js";import{useButton as oe,useFocusRing as le,useKeyboard as ie,mergeProps as ne}from"react-aria";const F={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}},L=Q({selectedOption:null,setSelectedOption:()=>{}}),N=({value:r,label:s,size:d="lg",isFocused:x})=>{const{selectedOption:p,setSelectedOption:u}=X(L),n=p?.value===r,l=F[d],k=O(()=>{u({value:r,label:s})},[u,r,s]);return b(C,{py:1.5,gap:2,bg:n?"brand.base":x?"brand.lightest":"",_hover:n?{}:{bg:"brand.lightest"},onClick:k,style:{paddingLeft:l.width,paddingRight:l.width},children:[o($,{style:{width:l.width},children:n&&o(G,{width:l.check,height:l.check,color:g("colors.surface.primary")})}),o(D,{size:d,styles:{fontWeight:500,color:g(`colors.${n?"surface":"text"}.primary`)},children:s})]})},R=({children:r,onSelect:s,label:d,placeholder:x="Select one",selectedValue:p,size:u="lg",tooltipContent:n,disabled:l,viewMax:k=5,..._})=>{const[h,w]=j(!1),[t,f]=j(null),y=A(null),S=A(null),a=F[u],B=k*a.mult+1,H=O(()=>{w(e=>!e),h||(f(null),setTimeout(()=>{var e;return(e=S.current)===null||e===void 0?void 0:e.focus()}))},[h]),I=O(e=>{s(e.value),w(!1)},[s]),z=Z(()=>{const e=m.toArray(r).find(i=>i.props.value===p);return e?e.props.label:x},[p,r]),{buttonProps:K}=oe({..._,isDisabled:l,onPress:H},y),{focusProps:V,isFocusVisible:M}=le(),{keyboardProps:T}=ie({onKeyDown:e=>{var i,c;if(!h)return;let v=t;const E=m.toArray(r);switch(e.key){case"ArrowUp":e.preventDefault(),t===null?f(m.count(r)-1):(v=t>0?t-1:m.count(r)-1,f(v));break;case"ArrowDown":e.preventDefault(),t===null?f(0):(v=t<m.count(r)-1?t+1:0,f(v));break;case"Enter":if(e.preventDefault(),(i=y.current)===null||i===void 0||i.focus(),t===null)return;if(t>=0&&t<E.length){const P=E[t];P&&s(P.props.value)}break;case"Escape":w(!1),(c=y.current)===null||c===void 0||c.focus();break}}});return ee(()=>{const e=i=>{var c;!((c=S.current)===null||c===void 0)&&c.contains(i.target)||w(!1)};return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[]),o(L.Provider,{value:{selectedOption:{value:p??"",label:z},setSelectedOption:I},children:b(U,{gap:2,w:"full",alignItems:"flex-start",children:[(d||n)&&b(C,{gap:2,opacity:l?.3:"",transition:"all linear 120ms",children:[d&&o(D,{size:"sm",styles:{fontWeight:500},children:d}),n&&o(re,{isDisabled:l,content:n,children:o(J,{className:W({w:4,h:4,color:"neutral.primary"})})})]}),b("button",{className:W({w:"full",h:"fit-content",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:y,...ne(K,V,T),children:[b(C,{w:"full",p:4,justifyContent:"space-between",style:{height:a.height},children:[o(D,{size:u,styles:{color:g(`colors.text.${p?"primary":"tertiary"}`)},children:z}),h?o(q,{width:a.caret,height:a.caret,color:g("colors.brand.base")}):o(Y,{width:a.caret,height:a.caret,color:g("colors.brand.base")})]}),h&&o($,{ref:S,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:`${B}rem`,top:a.top},overflowY:"auto",outline:"none",zIndex:"max",children:m.map(r,(e,i)=>te(e,{isFocused:i===t,size:u}))})]})]})})};N.displayName="DropdownOption",R.displayName="DropdownSelector";export{N as DropdownOption,R 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 } 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}\n\nexport interface DropdownOptionProps {\n value: string;\n label: string;\n isFocused?: boolean;\n size?: DropdownSelectorProps['size'];\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 }: 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 >\n <Box style={{ width: sizeProps.width }}>\n {isSelected && (\n <IcoCheckmark width={sizeProps.check} height={sizeProps.check} color={token('colors.surface.primary')} />\n )}\n </Box>\n <Text size={size} styles={{ fontWeight: 500, color: token(`colors.${isSelected ? 'surface' : 'text'}.primary`) }}>\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 ...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 <HStack gap={2} opacity={disabled ? 0.3 : ''} transition={'all linear 120ms'}>\n {label && (\n <Text size=\"sm\" styles={{ fontWeight: 500 }}>\n {label}\n </Text>\n )}\n\n {tooltipContent && (\n <Tooltip isDisabled={disabled} content={tooltipContent}>\n <IcoQuestionCircleFill className={css({ w: 4, h: 4, color: 'neutral.primary' })} />\n </Tooltip>\n )}\n </HStack>\n\n <button\n className={css({\n w: 'full',\n h: 'fit-content',\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 size={size} styles={{ color: token(`colors.text.${selectedValue ? 'primary' : '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 }),\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","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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"}
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}\n\nexport interface DropdownOptionProps {\n value: string;\n label: string;\n isFocused?: boolean;\n size?: DropdownSelectorProps['size'];\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 }: 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 >\n <Box style={{ width: sizeProps.width }}>\n {isSelected && (\n <IcoCheckmark width={sizeProps.check} height={sizeProps.check} color={token('colors.surface.primary')} />\n )}\n </Box>\n <Text size={size} styles={{ fontWeight: 500, color: token(`colors.${isSelected ? 'surface' : 'text'}.primary`) }}>\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 ...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 gap={2} opacity={disabled ? 0.3 : ''} transition={'all linear 120ms'}>\n {label && (\n <Text size=\"sm\" styles={{ fontWeight: 500 }}>\n {label}\n </Text>\n )}\n\n {tooltipContent && (\n <Tooltip isDisabled={disabled} 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 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 size={size} styles={{ color: token(`colors.text.${selectedValue ? 'primary' : '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 }),\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","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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"}
@@ -1,2 +1,2 @@
1
- import{jsx as b,jsxs as C}from"react/jsx-runtime";import{css as v}from"@styled/css";import{Flex as x,Box as I}from"@styled/jsx";import{createSlot as N,createHost as W}from"create-slots";import{createContext as F,Children as X,cloneElement as B,forwardRef as E,useContext as L,useRef as y,useEffect as m,useCallback as k,useState as w}from"react";import{useButton as O,useHover as V,useFocusRing as q,mergeProps as A}from"react-aria";const S=F({currentTab:void 0,setCurrentTab:()=>{},tabRefs:{current:{}}}),T=N(({children:s,...c})=>b(x,{alignItems:"center",justifyContent:"center",children:X.map(s,i=>B(i,c))})),j=s=>{const{children:c,onChange:i,selectedTab:o,size:p="md"}=s,[e,a]=w(o),t=y({}),r=y(),[f,l]=w({transform:"translateX(4px)",width:"",height:""});m(()=>{o!==void 0&&a(o)},[o]),m(()=>(r.current||(r.current=new ResizeObserver(()=>{const{offsetLeft:n,clientWidth:u,clientHeight:d}=t.current[e];l({transform:`translateX(${n}px)`,width:`${u}px`,height:`${d}px`})})),r.current.observe(t.current[e]),()=>{r.current&&t.current[e]&&r.current.unobserve(t.current[e])}),[]),m(()=>{if(e&&t.current[e]){const{offsetLeft:n,clientWidth:u,clientHeight:d}=t.current[e];l({transform:`translateX(${n}px)`,width:`${u}px`,height:`${d}px`})}},[e,p]);const h=k(n=>{a(n),i(n)},[a,i]);return C(x,{w:"full",role:"tablist",p:1,rounded:"full",bg:"ink.10",_dark:{bg:"slate.2"},"aria-label":"Segmented Control",position:"relative",children:[b(I,{position:"absolute",bg:"paper",_dark:{bg:"slate.4"},boxShadow:"0px 4px 20px 0px {colors.ink.90/10}",transition:"transform 0.2s ease",rounded:"inherit",ml:-1,style:{...f}}),b(S.Provider,{value:{currentTab:e,setCurrentTab:h,size:p,tabRefs:t},children:c})]})},P=E((s,c)=>{const{label:i,id:o}=s,{currentTab:p,setCurrentTab:e,tabRefs:a,size:t}=L(S),r=p===o,f=t==="sm"?8:t==="md"?10:13,l=t==="sm"?16:20,h=y(null),n=c||h;m(()=>{typeof n=="object"&&a.current&&(a.current[o]=n.current)},[o]);const u=k(()=>{e(o)},[e,o]),{buttonProps:d,isPressed:R}=O({onPress:u},n),{hoverProps:z}=V({}),{isFocusVisible:$,focusProps:_}=q();return W(s.children,H=>{const g=H.get(T);return b("button",{className:v({display:"flex",justifyContent:"center",alignItems:"center",h:f,w:"full",rounded:"button",zIndex:0,cursor:"pointer",color:r?"text.primary":"text.secondary",fontSize:t,fontWeight:"semibold",whiteSpace:"nowrap",bg:"transparent",outlineColor:$?"brand.base":"transparent",outlineStyle:"solid",outlineWidth:"thick",transition:r?"background 0s":"background 0.2s ease",_hover:{bg:r?"transparent":"ink.20",_dark:{bg:r?"transparent":"slate.1"}}}),ref:n,...A(d,z,_),children:C(x,{opacity:R&&!r?.5:1,align:"center",justify:"center",children:[g&&{...g,props:{...g.props,className:v({mr:1,color:r?"text.primary":"text.secondary"}),width:l,height:l}},i]})})})}),D=Object.assign(P,{Icon:T});P.displayName="Tab",j.displayName="SegmentedControl";export{j as SegmentedControl,D as Tab};
1
+ import{jsx as f,jsxs as v}from"react/jsx-runtime";import{css as k}from"@styled/css";import{Flex as y,Box as N}from"@styled/jsx";import{createSlot as W,createHost as E}from"create-slots";import{createContext as F,Children as X,cloneElement as B,forwardRef as L,useContext as O,useRef as C,useEffect as m,useCallback as w,useState as S}from"react";import{useButton as D,useHover as V,useFocusRing as q,mergeProps as A}from"react-aria";const T=F({currentTab:void 0,setCurrentTab:()=>{},tabRefs:{current:{}},disabled:!1}),j=W(({children:i,...l})=>f(y,{alignItems:"center",justifyContent:"center",children:X.map(i,a=>B(a,l))})),P=i=>{const{children:l,onChange:a,selectedTab:n,size:p="md",disabled:b=!1}=i,[e,o]=S(n),s=C({}),t=C(),[h,c]=S({transform:"translateX(4px)",width:"",height:""});m(()=>{n!==void 0&&o(n)},[n]),m(()=>(t.current||(t.current=new ResizeObserver(()=>{const{offsetLeft:r,clientWidth:d,clientHeight:u}=s.current[e];c({transform:`translateX(${r}px)`,width:`${d}px`,height:`${u}px`})})),t.current.observe(s.current[e]),()=>{t.current&&s.current[e]&&t.current.unobserve(s.current[e])}),[]),m(()=>{if(e&&s.current[e]){const{offsetLeft:r,clientWidth:d,clientHeight:u}=s.current[e];c({transform:`translateX(${r}px)`,width:`${d}px`,height:`${u}px`})}},[e,p]);const g=w(r=>{o(r),a(r)},[o,a]);return v(y,{w:"full",role:"tablist",p:1,rounded:"full",bg:"ink.10",_dark:{bg:"slate.2"},"aria-label":"Segmented Control",position:"relative",children:[f(N,{position:"absolute",bg:"paper",_dark:{bg:"slate.4"},boxShadow:"0px 4px 20px 0px {colors.ink.90/10}",transition:"transform 0.2s ease",rounded:"inherit",ml:-1,style:{...h}}),f(T.Provider,{value:{currentTab:e,setCurrentTab:g,size:p,tabRefs:s,disabled:b},children:l})]})},R=L((i,l)=>{const{label:a,id:n}=i,{currentTab:p,setCurrentTab:b,tabRefs:e,size:o,disabled:s}=O(T),t=p===n,h=o==="sm"?8:o==="md"?10:13,c=o==="sm"?16:20,g=C(null),r=l||g;m(()=>{typeof r=="object"&&e.current&&(e.current[n]=r.current)},[n]);const d=w(()=>{b(n)},[b,n]),{buttonProps:u,isPressed:z}=D({onPress:d,isDisabled:s},r),{hoverProps:$}=V({}),{isFocusVisible:_,focusProps:H}=q();return E(i.children,I=>{const x=I.get(j);return f("button",{className:k({display:"flex",justifyContent:"center",alignItems:"center",h,w:"full",rounded:"button",zIndex:0,cursor:"pointer",color:t?"text.primary":"text.secondary",fontSize:o,fontWeight:"semibold",whiteSpace:"nowrap",bg:"transparent",outlineColor:_?"brand.base":"transparent",outlineStyle:"solid",outlineWidth:"thick",transition:t?"background 0s":"background 0.2s ease",_disabled:{opacity:"0.3",pointerEvents:"none"},_hover:{bg:t?"transparent":"ink.20",_dark:{bg:t?"transparent":"slate.1"}}}),ref:r,...A(u,$,H),disabled:s,children:v(y,{opacity:z&&!t?.5:1,align:"center",justify:"center",children:[x&&{...x,props:{...x.props,className:k({mr:1,color:t?"text.primary":"text.secondary"}),width:c,height:c}},a]})})})}),G=Object.assign(R,{Icon:j});R.displayName="Tab",P.displayName="SegmentedControl";export{P as SegmentedControl,G as Tab};
2
2
  //# sourceMappingURL=segmented-control.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"segmented-control.js","sources":["../../../../src/components/primitives/segmented-control.tsx"],"sourcesContent":["import { css } from '@styled/css';\nimport { Box, Flex } from '@styled/jsx';\nimport { createHost, createSlot } from 'create-slots';\nimport React, {\n Children,\n PropsWithChildren,\n RefObject,\n cloneElement,\n createContext,\n forwardRef,\n useCallback,\n useContext,\n useEffect,\n useRef,\n useState,\n} from 'react';\nimport { AriaButtonProps, mergeProps, useButton, useFocusRing, useHover } from 'react-aria';\n\nexport interface SegmentedControlProps extends PropsWithChildren {\n onChange: (value: string) => void;\n selectedTab: string;\n size?: 'sm' | 'md' | 'lg';\n}\n\nexport interface TabProps extends AriaButtonProps {\n label: string;\n id: string;\n}\n\ntype TabRefs = {\n [key: string]: HTMLButtonElement | null;\n};\n\nconst SegmentedControlContext = createContext<{\n currentTab: string | undefined;\n setCurrentTab: (id: string) => void;\n size?: 'sm' | 'md' | 'lg';\n tabRefs: RefObject<TabRefs>;\n}>({\n currentTab: undefined,\n setCurrentTab: () => {},\n tabRefs: { current: {} },\n});\n\nconst Icon = createSlot(({ children, ...props }) => {\n return (\n <Flex alignItems=\"center\" justifyContent=\"center\">\n {Children.map(children, child => {\n return cloneElement(child, props);\n })}\n </Flex>\n );\n});\n\nexport const SegmentedControl = (props: SegmentedControlProps) => {\n const { children, onChange, selectedTab, size = 'md' } = props;\n const [currentTab, setCurrentTab] = useState(selectedTab);\n const tabRefs = useRef<{ [key: string]: HTMLButtonElement | null }>({});\n const observer = useRef<ResizeObserver>();\n const [indicatorStyle, setIndicatorStyle] = useState({ transform: 'translateX(4px)', width: '', height: '' });\n\n useEffect(() => {\n if (selectedTab !== undefined) {\n setCurrentTab(selectedTab);\n }\n }, [selectedTab]);\n\n useEffect(() => {\n if (!observer.current) {\n observer.current = new ResizeObserver(() => {\n const { offsetLeft, clientWidth, clientHeight } = tabRefs.current[currentTab]!;\n setIndicatorStyle({\n transform: `translateX(${offsetLeft}px)`,\n width: `${clientWidth}px`,\n height: `${clientHeight}px`,\n });\n });\n }\n\n observer.current.observe(tabRefs.current[currentTab]!);\n\n return () => {\n if (observer.current && tabRefs.current[currentTab]) {\n observer.current.unobserve(tabRefs.current[currentTab]!);\n }\n };\n }, []);\n\n useEffect(() => {\n if (currentTab && tabRefs.current[currentTab]) {\n const { offsetLeft, clientWidth, clientHeight } = tabRefs.current[currentTab]!;\n setIndicatorStyle({\n transform: `translateX(${offsetLeft}px)`,\n width: `${clientWidth}px`,\n height: `${clientHeight}px`,\n });\n }\n }, [currentTab, size]);\n\n const handleSelect = useCallback(\n (id: string) => {\n setCurrentTab(id);\n onChange(id);\n },\n [setCurrentTab, onChange],\n );\n\n return (\n <Flex\n w=\"full\"\n role=\"tablist\"\n p={1}\n rounded=\"full\"\n bg=\"ink.10\"\n _dark={{ bg: 'slate.2' }}\n aria-label=\"Segmented Control\"\n position=\"relative\"\n >\n <Box\n position=\"absolute\"\n bg=\"paper\"\n _dark={{ bg: 'slate.4' }}\n boxShadow=\"0px 4px 20px 0px {colors.ink.90/10}\"\n transition=\"transform 0.2s ease\"\n rounded=\"inherit\"\n ml={-1}\n style={{ ...indicatorStyle }}\n />\n <SegmentedControlContext.Provider value={{ currentTab, setCurrentTab: handleSelect, size, tabRefs }}>\n {children}\n </SegmentedControlContext.Provider>\n </Flex>\n );\n};\n\nconst TabComponent = forwardRef<HTMLButtonElement, TabProps>((props, forwardedRef) => {\n const { label, id } = props;\n const { currentTab, setCurrentTab, tabRefs, size } = useContext(SegmentedControlContext);\n\n const isSelected = currentTab === id;\n const height = size === 'sm' ? 8 : size === 'md' ? 10 : 13;\n const iconSize = size === 'sm' ? 16 : 20;\n\n const internalRef = useRef<HTMLButtonElement>(null);\n const ref = forwardedRef || internalRef;\n\n useEffect(() => {\n if (typeof ref === 'object' && tabRefs.current) {\n tabRefs.current[id] = ref.current;\n }\n }, [id]);\n\n const handlePress = useCallback(() => {\n setCurrentTab(id);\n }, [setCurrentTab, id]);\n\n const { buttonProps, isPressed } = useButton({ onPress: handlePress }, ref as React.RefObject<HTMLButtonElement>);\n const { hoverProps } = useHover({});\n const { isFocusVisible, focusProps } = useFocusRing();\n\n return createHost(props.children, slots => {\n const icon = slots.get(Icon);\n\n return (\n <button\n className={css({\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n h: height,\n w: 'full',\n rounded: 'button',\n zIndex: 0,\n cursor: 'pointer',\n color: isSelected ? 'text.primary' : 'text.secondary',\n fontSize: size,\n fontWeight: 'semibold',\n whiteSpace: 'nowrap',\n bg: 'transparent',\n outlineColor: isFocusVisible ? 'brand.base' : 'transparent',\n outlineStyle: 'solid',\n outlineWidth: 'thick',\n transition: isSelected ? 'background 0s' : 'background 0.2s ease',\n _hover: {\n bg: isSelected ? 'transparent' : 'ink.20',\n _dark: { bg: isSelected ? 'transparent' : 'slate.1' },\n },\n })}\n ref={ref}\n {...mergeProps(buttonProps, hoverProps, focusProps)}\n >\n <Flex opacity={isPressed && !isSelected ? 0.5 : 1} align=\"center\" justify=\"center\">\n {icon && {\n ...icon,\n props: {\n ...icon.props,\n className: css({ mr: 1, color: isSelected ? 'text.primary' : 'text.secondary' }),\n width: iconSize,\n height: iconSize,\n },\n }}\n {label}\n </Flex>\n </button>\n );\n });\n});\n\nexport const Tab = Object.assign(TabComponent, {\n Icon,\n});\n\nTabComponent.displayName = 'Tab';\nSegmentedControl.displayName = 'SegmentedControl';\n"],"names":["SegmentedControlContext","createContext","Icon","createSlot","children","props","_jsx","Flex","Children","child","cloneElement","SegmentedControl","onChange","selectedTab","size","currentTab","setCurrentTab","useState","tabRefs","useRef","observer","indicatorStyle","setIndicatorStyle","useEffect","offsetLeft","clientWidth","clientHeight","handleSelect","useCallback","id","_jsxs","Box","TabComponent","forwardRef","forwardedRef","label","useContext","isSelected","height","iconSize","internalRef","ref","handlePress","buttonProps","isPressed","useButton","hoverProps","useHover","isFocusVisible","focusProps","useFocusRing","createHost","slots","icon","css","mergeProps","Tab"],"mappings":"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"}
1
+ {"version":3,"file":"segmented-control.js","sources":["../../../../src/components/primitives/segmented-control.tsx"],"sourcesContent":["import { css } from '@styled/css';\nimport { Box, Flex } from '@styled/jsx';\nimport { createHost, createSlot } from 'create-slots';\nimport React, {\n Children,\n PropsWithChildren,\n RefObject,\n cloneElement,\n createContext,\n forwardRef,\n useCallback,\n useContext,\n useEffect,\n useRef,\n useState,\n} from 'react';\nimport { AriaButtonProps, mergeProps, useButton, useFocusRing, useHover } from 'react-aria';\n\nexport interface SegmentedControlProps extends PropsWithChildren {\n onChange: (value: string) => void;\n selectedTab: string;\n size?: 'sm' | 'md' | 'lg';\n disabled?: boolean;\n}\n\nexport interface TabProps extends AriaButtonProps {\n label: string;\n id: string;\n}\n\ntype TabRefs = {\n [key: string]: HTMLButtonElement | null;\n};\n\nconst SegmentedControlContext = createContext<{\n currentTab: string | undefined;\n setCurrentTab: (id: string) => void;\n size?: 'sm' | 'md' | 'lg';\n tabRefs: RefObject<TabRefs>;\n disabled: boolean;\n}>({\n currentTab: undefined,\n setCurrentTab: () => {},\n tabRefs: { current: {} },\n disabled: false,\n});\n\nconst Icon = createSlot(({ children, ...props }) => {\n return (\n <Flex alignItems=\"center\" justifyContent=\"center\">\n {Children.map(children, child => {\n return cloneElement(child, props);\n })}\n </Flex>\n );\n});\n\nexport const SegmentedControl = (props: SegmentedControlProps) => {\n const { children, onChange, selectedTab, size = 'md', disabled = false } = props;\n const [currentTab, setCurrentTab] = useState(selectedTab);\n const tabRefs = useRef<{ [key: string]: HTMLButtonElement | null }>({});\n const observer = useRef<ResizeObserver>();\n const [indicatorStyle, setIndicatorStyle] = useState({ transform: 'translateX(4px)', width: '', height: '' });\n\n useEffect(() => {\n if (selectedTab !== undefined) {\n setCurrentTab(selectedTab);\n }\n }, [selectedTab]);\n\n useEffect(() => {\n if (!observer.current) {\n observer.current = new ResizeObserver(() => {\n const { offsetLeft, clientWidth, clientHeight } = tabRefs.current[currentTab]!;\n setIndicatorStyle({\n transform: `translateX(${offsetLeft}px)`,\n width: `${clientWidth}px`,\n height: `${clientHeight}px`,\n });\n });\n }\n\n observer.current.observe(tabRefs.current[currentTab]!);\n\n return () => {\n if (observer.current && tabRefs.current[currentTab]) {\n observer.current.unobserve(tabRefs.current[currentTab]!);\n }\n };\n }, []);\n\n useEffect(() => {\n if (currentTab && tabRefs.current[currentTab]) {\n const { offsetLeft, clientWidth, clientHeight } = tabRefs.current[currentTab]!;\n setIndicatorStyle({\n transform: `translateX(${offsetLeft}px)`,\n width: `${clientWidth}px`,\n height: `${clientHeight}px`,\n });\n }\n }, [currentTab, size]);\n\n const handleSelect = useCallback(\n (id: string) => {\n setCurrentTab(id);\n onChange(id);\n },\n [setCurrentTab, onChange],\n );\n\n return (\n <Flex\n w=\"full\"\n role=\"tablist\"\n p={1}\n rounded=\"full\"\n bg=\"ink.10\"\n _dark={{ bg: 'slate.2' }}\n aria-label=\"Segmented Control\"\n position=\"relative\"\n >\n <Box\n position=\"absolute\"\n bg=\"paper\"\n _dark={{ bg: 'slate.4' }}\n boxShadow=\"0px 4px 20px 0px {colors.ink.90/10}\"\n transition=\"transform 0.2s ease\"\n rounded=\"inherit\"\n ml={-1}\n style={{ ...indicatorStyle }}\n />\n <SegmentedControlContext.Provider value={{ currentTab, setCurrentTab: handleSelect, size, tabRefs, disabled }}>\n {children}\n </SegmentedControlContext.Provider>\n </Flex>\n );\n};\n\nconst TabComponent = forwardRef<HTMLButtonElement, TabProps>((props, forwardedRef) => {\n const { label, id } = props;\n const { currentTab, setCurrentTab, tabRefs, size, disabled } = useContext(SegmentedControlContext);\n\n const isSelected = currentTab === id;\n const height = size === 'sm' ? 8 : size === 'md' ? 10 : 13;\n const iconSize = size === 'sm' ? 16 : 20;\n\n const internalRef = useRef<HTMLButtonElement>(null);\n const ref = forwardedRef || internalRef;\n\n useEffect(() => {\n if (typeof ref === 'object' && tabRefs.current) {\n tabRefs.current[id] = ref.current;\n }\n }, [id]);\n\n const handlePress = useCallback(() => {\n setCurrentTab(id);\n }, [setCurrentTab, id]);\n\n const { buttonProps, isPressed } = useButton(\n { onPress: handlePress, isDisabled: disabled },\n ref as React.RefObject<HTMLButtonElement>,\n );\n const { hoverProps } = useHover({});\n const { isFocusVisible, focusProps } = useFocusRing();\n\n return createHost(props.children, slots => {\n const icon = slots.get(Icon);\n\n return (\n <button\n className={css({\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n h: height,\n w: 'full',\n rounded: 'button',\n zIndex: 0,\n cursor: 'pointer',\n color: isSelected ? 'text.primary' : 'text.secondary',\n fontSize: size,\n fontWeight: 'semibold',\n whiteSpace: 'nowrap',\n bg: 'transparent',\n outlineColor: isFocusVisible ? 'brand.base' : 'transparent',\n outlineStyle: 'solid',\n outlineWidth: 'thick',\n transition: isSelected ? 'background 0s' : 'background 0.2s ease',\n _disabled: { opacity: '0.3', pointerEvents: 'none' },\n _hover: {\n bg: isSelected ? 'transparent' : 'ink.20',\n _dark: { bg: isSelected ? 'transparent' : 'slate.1' },\n },\n })}\n ref={ref}\n {...mergeProps(buttonProps, hoverProps, focusProps)}\n disabled={disabled}\n >\n <Flex opacity={isPressed && !isSelected ? 0.5 : 1} align=\"center\" justify=\"center\">\n {icon && {\n ...icon,\n props: {\n ...icon.props,\n className: css({ mr: 1, color: isSelected ? 'text.primary' : 'text.secondary' }),\n width: iconSize,\n height: iconSize,\n },\n }}\n {label}\n </Flex>\n </button>\n );\n });\n});\n\nexport const Tab = Object.assign(TabComponent, {\n Icon,\n});\n\nTabComponent.displayName = 'Tab';\nSegmentedControl.displayName = 'SegmentedControl';\n"],"names":["SegmentedControlContext","createContext","Icon","createSlot","children","props","_jsx","Flex","Children","child","cloneElement","SegmentedControl","onChange","selectedTab","size","disabled","currentTab","setCurrentTab","useState","tabRefs","useRef","observer","indicatorStyle","setIndicatorStyle","useEffect","offsetLeft","clientWidth","clientHeight","handleSelect","useCallback","id","_jsxs","Box","TabComponent","forwardRef","forwardedRef","label","useContext","isSelected","height","iconSize","internalRef","ref","handlePress","buttonProps","isPressed","useButton","hoverProps","useHover","isFocusVisible","focusProps","useFocusRing","createHost","slots","icon","css","mergeProps","Tab"],"mappings":"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"}