npm - @descope-ui/descope-user-passkeys - Versions diffs - 3.11.0 - Mend

@descope-ui/descope-user-passkeys 3.11.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (54) hide show

package/CHANGELOG.md +12 -0
package/e2e/descope-user-passkeys.spec.ts +191 -0
package/package.json +37 -0
package/project.json +8 -0
package/src/component/UserPasskeysClass.js +470 -0
package/src/component/helpers.js +171 -0
package/src/component/icons/checkmark.svg +3 -0
package/src/component/icons/unknown-device-dark.svg +3 -0
package/src/component/icons/unknown-device-light.svg +3 -0
package/src/component/index.js +12 -0
package/src/component/providers/1password-dark.svg +1 -0
package/src/component/providers/1password-light.svg +1 -0
package/src/component/providers/apple-dark.svg +1 -0
package/src/component/providers/apple-light.svg +1 -0
package/src/component/providers/bitwarden-dark.svg +1 -0
package/src/component/providers/bitwarden-light.svg +1 -0
package/src/component/providers/chrome-dark.svg +1 -0
package/src/component/providers/chrome-light.svg +1 -0
package/src/component/providers/dashlane-dark.svg +1 -0
package/src/component/providers/dashlane-light.svg +1 -0
package/src/component/providers/edge-dark.svg +46 -0
package/src/component/providers/edge-light.svg +46 -0
package/src/component/providers/enpass-dark.svg +10 -0
package/src/component/providers/enpass-light.svg +10 -0
package/src/component/providers/google-dark.svg +1 -0
package/src/component/providers/google-light.svg +1 -0
package/src/component/providers/keepassxc-dark.svg +1 -0
package/src/component/providers/keepassxc-light.svg +1 -0
package/src/component/providers/keeper-dark.svg +1 -0
package/src/component/providers/keeper-light.svg +1 -0
package/src/component/providers/key-dark.svg +1 -0
package/src/component/providers/key-light.svg +1 -0
package/src/component/providers/lastpass-dark.svg +1 -0
package/src/component/providers/lastpass-light.svg +1 -0
package/src/component/providers/nordpass-dark.svg +11 -0
package/src/component/providers/nordpass-light.svg +11 -0
package/src/component/providers/other-dark.svg +1 -0
package/src/component/providers/other-light.svg +1 -0
package/src/component/providers/phone-dark.svg +1 -0
package/src/component/providers/phone-light.svg +1 -0
package/src/component/providers/protonpass-dark.svg +1 -0
package/src/component/providers/protonpass-light.svg +1 -0
package/src/component/providers/unknown-dark.svg +1 -0
package/src/component/providers/unknown-device-dark.svg +3 -0
package/src/component/providers/unknown-device-light.svg +3 -0
package/src/component/providers/unknown-light.svg +1 -0
package/src/component/providers/windows-dark.svg +1 -0
package/src/component/providers/windows-light.svg +1 -0
package/src/theme.js +44 -0
package/stories/descope-user-passkeys.stories.js +175 -0
package/stories/icons/button-icon.svg +3 -0
package/stories/icons/method-icon.svg +3 -0
package/stories/icons/remove-icon.svg +3 -0
package/testDriver/userPasskeysTestDriver.ts +10 -0

package/src/component/providers/bitwarden-light.svg ADDED Viewed

@@ -0,0 +1 @@

+ <svg fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m18.3 12.9171v-9.1663h-6.3v16.2853c1.1159-.602 2.1143-1.2554 2.9954-1.9626 2.2026-1.7573 3.3046-3.4761 3.3046-5.1564zm2.7-11.00059v11.00059c0 .8216-.1565 1.6354-.4708 2.4415-.3143.8074-.7031 1.5224-1.1676 2.1488-.4645.6251-1.0174 1.2335-1.6599 1.8266-.6425.5917-1.2345 1.0834-1.7786 1.4749-.544.3915-1.1108.7611-1.7015 1.1103-.5907.3491-1.0098.5853-1.2585.7085-.2487.1246-.4481.2195-.597.2863-.1124.0578-.2348.086-.3661.086s-.2537-.0282-.3661-.086c-.1502-.0668-.3496-.1617-.597-.2863-.2487-.1245-.6678-.3607-1.2585-.7085-.59074-.3479-1.1575-.7188-1.70154-1.1103s-1.13731-.8832-1.77854-1.4749c-.6425-.5918-1.19537-1.2002-1.65989-1.8266-.46452-.6251-.8533-1.3414-1.1676-2.1488-.31431-.8074-.47083-1.6212-.47083-2.4415v-11.00059c0-.24774.08962-.46339.2676-.64438s.38878-.27213.6324-.27213h16.2c.2436 0 .4544.09114.6324.27213s.2676.39664.2676.64438z" fill="#175ddc"/></svg>

package/src/component/providers/chrome-dark.svg ADDED Viewed

@@ -0,0 +1 @@

+ <svg fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><pattern id="a" height="1" patternContentUnits="objectBoundingBox" width="1"><image height="60" preserveAspectRatio="none" transform="scale(.0166667)" width="60" xlink:href="data:image/png;base64,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"/></pattern><path d="m2 2h20v20h-20z" fill="url(#a)"/></svg>

package/src/component/providers/chrome-light.svg ADDED Viewed

@@ -0,0 +1 @@

package/src/component/providers/dashlane-dark.svg ADDED Viewed

@@ -0,0 +1 @@

+ <svg fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><clipPath id="a"><path d="m4 1h16v22h-16z"/></clipPath><g clip-path="url(#a)"><path d="m20 8.06945c0-.14667-.1439-.264-.3165-.32267l-2.2447-.85066c-.3741-.176-.8057.02933-.8057.29333v9.62135c0 .1466.1439.2933.259.352l2.3021.8506c.3454.1467.8058-.0586.8058-.352zm-4.2302-3.344c0-.14667-.1439-.264-.3166-.32267l-2.2446-.85067c-.3741-.176-.8057.02934-.8057.29334v5.83733c0 .14667.1439.29333.259.35202l2.3021.8506c.3454.1467.8058-.0586.8058-.352zm0 10.50135c0-.1467-.1439-.264-.3166-.3227l-2.2446-.8507c-.3741-.176-.8057.0294-.8057.2934v5.8373c0 .1467.1439.2933.259.352l2.3021.8507c.3454.1466.8058-.0587.8058-.352zm-4.2015 1.1733c0-.1467-.1438-.264-.3165-.3227l-2.24461-.8506c-.3741-.176-.80575.0293-.80575.2933v6.2187c0 .1466.14388.2933.25899.352l2.30217.8507c.3453.1466.8057-.0587.8057-.3521zm0-14.16799c0-.14666-.1438-.264-.3165-.32266l-2.24461-.85067c-.3741-.175999-.80575.02933-.80575.29333v6.21867c0 .14667.14388.29334.25899.352l2.30217.85067c.3453.14667.8057-.05867.8057-.352zm-4.20139.23467c0-.14667-.14389-.264-.31655-.32267l-2.2446-.85066c-.37411-.14667-.80576.02933-.80576.32266v19.91729c0 .1467.14388.2934.25899.352l2.30216.8507c.34532.1467.80576-.0586.80576-.352z" fill="#fff"/></g></svg>

package/src/component/providers/dashlane-light.svg ADDED Viewed

@@ -0,0 +1 @@

package/src/component/providers/edge-dark.svg ADDED Viewed

@@ -0,0 +1,46 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_3337_3931)">
+<path d="M19.8605 17.3711C19.5655 17.5244 19.2613 17.6593 18.9496 17.775C17.9627 18.1423 16.9175 18.3287 15.8645 18.325C11.7996 18.325 8.25898 15.532 8.25898 11.9398C8.26427 11.4588 8.39763 10.9879 8.64534 10.5756C8.89306 10.1632 9.24618 9.82431 9.66836 9.59375C5.99023 9.74844 5.04492 13.5812 5.04492 15.8242C5.04492 22.1836 10.8973 22.8195 12.1605 22.8195C12.8395 22.8195 13.8621 22.6219 14.4809 22.4242L14.5926 22.3898C16.9605 21.5715 18.9791 19.9712 20.316 17.8523C20.3549 17.788 20.3715 17.7126 20.3635 17.6379C20.3554 17.5631 20.3231 17.493 20.2714 17.4384C20.2197 17.3838 20.1515 17.3477 20.0773 17.3355C20.0031 17.3233 19.927 17.3358 19.8605 17.3711Z" fill="url(#paint0_linear_3337_3931)"/>
+<path opacity="0.35" d="M19.8605 17.3711C19.5655 17.5244 19.2613 17.6593 18.9496 17.775C17.9627 18.1423 16.9175 18.3287 15.8645 18.325C11.7996 18.325 8.25898 15.532 8.25898 11.9398C8.26427 11.4588 8.39763 10.9879 8.64534 10.5756C8.89306 10.1632 9.24618 9.82431 9.66836 9.59375C5.99023 9.74844 5.04492 13.5812 5.04492 15.8242C5.04492 22.1836 10.8973 22.8195 12.1605 22.8195C12.8395 22.8195 13.8621 22.6219 14.4809 22.4242L14.5926 22.3898C16.9605 21.5715 18.9791 19.9712 20.316 17.8523C20.3549 17.788 20.3715 17.7126 20.3635 17.6379C20.3554 17.5631 20.3231 17.493 20.2714 17.4384C20.2197 17.3838 20.1515 17.3477 20.0773 17.3355C20.0031 17.3233 19.927 17.3358 19.8605 17.3711Z" fill="url(#paint1_radial_3337_3931)"/>
+<path d="M9.08327 21.7369C8.31832 21.2618 7.65526 20.6396 7.13249 19.9064C6.53551 19.0893 6.12459 18.1515 5.92855 17.1587C5.73251 16.1659 5.75611 15.1423 5.99768 14.1596C6.23926 13.1769 6.69297 12.259 7.32696 11.4703C7.96095 10.6816 8.75987 10.0411 9.66764 9.59395C9.94264 9.46504 10.3981 9.2416 11.0083 9.2502C11.4376 9.25352 11.8604 9.35609 12.2435 9.54989C12.6267 9.7437 12.9598 10.0235 13.2169 10.3674C13.5626 10.8324 13.7522 11.395 13.7583 11.9744C13.7583 11.9572 15.8637 5.13379 6.88327 5.13379C3.11061 5.13379 0.00826889 8.70879 0.00826889 11.8541C-0.00673706 13.5156 0.348476 15.1595 1.04811 16.6666C2.19389 19.1064 4.1956 21.0406 6.67327 22.102C9.15093 23.1634 11.9321 23.2781 14.4887 22.4244C13.593 22.7073 12.6466 22.7923 11.7148 22.6736C10.783 22.5549 9.88805 22.2353 9.09186 21.7369H9.08327Z" fill="url(#paint2_linear_3337_3931)"/>
+<path opacity="0.41" d="M9.08327 21.7369C8.31832 21.2618 7.65526 20.6396 7.13249 19.9064C6.53551 19.0893 6.12459 18.1515 5.92855 17.1587C5.73251 16.1659 5.75611 15.1423 5.99768 14.1596C6.23926 13.1769 6.69297 12.259 7.32696 11.4703C7.96095 10.6816 8.75987 10.0411 9.66764 9.59395C9.94264 9.46504 10.3981 9.2416 11.0083 9.2502C11.4376 9.25352 11.8604 9.35609 12.2435 9.54989C12.6267 9.7437 12.9598 10.0235 13.2169 10.3674C13.5626 10.8324 13.7522 11.395 13.7583 11.9744C13.7583 11.9572 15.8637 5.13379 6.88327 5.13379C3.11061 5.13379 0.00826889 8.70879 0.00826889 11.8541C-0.00673706 13.5156 0.348476 15.1595 1.04811 16.6666C2.19389 19.1064 4.1956 21.0406 6.67327 22.102C9.15093 23.1634 11.9321 23.2781 14.4887 22.4244C13.593 22.7073 12.6466 22.7923 11.7148 22.6736C10.783 22.5549 9.88805 22.2353 9.09186 21.7369H9.08327Z" fill="url(#paint3_radial_3337_3931)"/>
+<path d="M13.0969 13.7875C13.0195 13.8734 12.8047 14.0023 12.8047 14.2687C12.8047 14.4922 12.9508 14.7156 13.2172 14.8961C14.4461 15.7555 16.775 15.6352 16.7836 15.6352C17.6997 15.6346 18.5989 15.3882 19.3875 14.9219C20.1814 14.4575 20.8401 13.7937 21.2984 12.9963C21.7566 12.1989 21.9985 11.2955 22 10.3758C22.0258 8.45078 21.3125 7.17031 21.0289 6.60312C19.1984 3.04531 15.2711 1 11 1C8.10922 0.999714 5.33452 2.13738 3.27601 4.16694C1.2175 6.19651 0.0406515 8.95482 0 11.8453C0.0429688 8.70859 3.1625 6.17344 6.875 6.17344C7.17578 6.17344 8.89453 6.19922 10.4844 7.03281C11.6013 7.58784 12.5263 8.4649 13.1398 9.55078C13.6641 10.4617 13.7586 11.6219 13.7586 12.0859C13.7586 12.55 13.5266 13.2289 13.0883 13.7961L13.0969 13.7875Z" fill="url(#paint4_radial_3337_3931)"/>
+<path d="M13.0969 13.7875C13.0195 13.8734 12.8047 14.0023 12.8047 14.2687C12.8047 14.4922 12.9508 14.7156 13.2172 14.8961C14.4461 15.7555 16.775 15.6352 16.7836 15.6352C17.6997 15.6346 18.5989 15.3882 19.3875 14.9219C20.1814 14.4575 20.8401 13.7937 21.2984 12.9963C21.7566 12.1989 21.9985 11.2955 22 10.3758C22.0258 8.45078 21.3125 7.17031 21.0289 6.60312C19.1984 3.04531 15.2711 1 11 1C8.10922 0.999714 5.33452 2.13738 3.27601 4.16694C1.2175 6.19651 0.0406515 8.95482 0 11.8453C0.0429688 8.70859 3.1625 6.17344 6.875 6.17344C7.17578 6.17344 8.89453 6.19922 10.4844 7.03281C11.6013 7.58784 12.5263 8.4649 13.1398 9.55078C13.6641 10.4617 13.7586 11.6219 13.7586 12.0859C13.7586 12.55 13.5266 13.2289 13.0883 13.7961L13.0969 13.7875Z" fill="url(#paint5_radial_3337_3931)"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_3337_3931" x1="5.04492" y1="16.2109" x2="20.3762" y2="16.2109" gradientUnits="userSpaceOnUse">
+<stop stop-color="#0C59A4"/>
+<stop offset="1" stop-color="#114A8B"/>
+</linearGradient>
+<radialGradient id="paint1_radial_3337_3931" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(13.5098 16.3265) scale(8.19844 7.78852)">
+<stop offset="0.7" stop-opacity="0"/>
+<stop offset="0.9" stop-opacity="0.5"/>
+<stop offset="1"/>
+</radialGradient>
+<linearGradient id="paint2_linear_3337_3931" x1="13.1223" y1="9.55957" x2="3.55749" y2="19.9838" gradientUnits="userSpaceOnUse">
+<stop stop-color="#1B9DE2"/>
+<stop offset="0.2" stop-color="#1595DF"/>
+<stop offset="0.7" stop-color="#0680D7"/>
+<stop offset="1" stop-color="#0078D4"/>
+</linearGradient>
+<radialGradient id="paint3_radial_3337_3931" cx="0" cy="0" r="1" gradientTransform="matrix(1.84594 -12.1832 -9.845 -1.47675 6.063 18.0963)" gradientUnits="userSpaceOnUse">
+<stop offset="0.8" stop-opacity="0"/>
+<stop offset="0.9" stop-opacity="0.5"/>
+<stop offset="1"/>
+</radialGradient>
+<radialGradient id="paint4_radial_3337_3931" cx="0" cy="0" r="1" gradientTransform="matrix(-0.69575 17.3938 37.0487 1.3915 2.22492 5.06622)" gradientUnits="userSpaceOnUse">
+<stop stop-color="#35C1F1"/>
+<stop offset="0.1" stop-color="#34C1ED"/>
+<stop offset="0.2" stop-color="#2FC2DF"/>
+<stop offset="0.3" stop-color="#2BC3D2"/>
+<stop offset="0.7" stop-color="#36C752"/>
+</radialGradient>
+<radialGradient id="paint5_radial_3337_3931" cx="0" cy="0" r="1" gradientTransform="matrix(2.34128 8.02725 6.52214 -1.9232 20.6302 7.64297)" gradientUnits="userSpaceOnUse">
+<stop stop-color="#66EB6E"/>
+<stop offset="1" stop-color="#66EB6E" stop-opacity="0"/>
+</radialGradient>
+<clipPath id="clip0_3337_3931">
+<rect width="22" height="22" fill="white" transform="translate(0 1)"/>
+</clipPath>
+</defs>
+</svg>

package/src/component/providers/edge-light.svg ADDED Viewed

@@ -0,0 +1,46 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_3337_3931)">
+<path d="M19.8605 17.3711C19.5655 17.5244 19.2613 17.6593 18.9496 17.775C17.9627 18.1423 16.9175 18.3287 15.8645 18.325C11.7996 18.325 8.25898 15.532 8.25898 11.9398C8.26427 11.4588 8.39763 10.9879 8.64534 10.5756C8.89306 10.1632 9.24618 9.82431 9.66836 9.59375C5.99023 9.74844 5.04492 13.5812 5.04492 15.8242C5.04492 22.1836 10.8973 22.8195 12.1605 22.8195C12.8395 22.8195 13.8621 22.6219 14.4809 22.4242L14.5926 22.3898C16.9605 21.5715 18.9791 19.9712 20.316 17.8523C20.3549 17.788 20.3715 17.7126 20.3635 17.6379C20.3554 17.5631 20.3231 17.493 20.2714 17.4384C20.2197 17.3838 20.1515 17.3477 20.0773 17.3355C20.0031 17.3233 19.927 17.3358 19.8605 17.3711Z" fill="url(#paint0_linear_3337_3931)"/>
+<path opacity="0.35" d="M19.8605 17.3711C19.5655 17.5244 19.2613 17.6593 18.9496 17.775C17.9627 18.1423 16.9175 18.3287 15.8645 18.325C11.7996 18.325 8.25898 15.532 8.25898 11.9398C8.26427 11.4588 8.39763 10.9879 8.64534 10.5756C8.89306 10.1632 9.24618 9.82431 9.66836 9.59375C5.99023 9.74844 5.04492 13.5812 5.04492 15.8242C5.04492 22.1836 10.8973 22.8195 12.1605 22.8195C12.8395 22.8195 13.8621 22.6219 14.4809 22.4242L14.5926 22.3898C16.9605 21.5715 18.9791 19.9712 20.316 17.8523C20.3549 17.788 20.3715 17.7126 20.3635 17.6379C20.3554 17.5631 20.3231 17.493 20.2714 17.4384C20.2197 17.3838 20.1515 17.3477 20.0773 17.3355C20.0031 17.3233 19.927 17.3358 19.8605 17.3711Z" fill="url(#paint1_radial_3337_3931)"/>
+<path d="M9.08327 21.7369C8.31832 21.2618 7.65526 20.6396 7.13249 19.9064C6.53551 19.0893 6.12459 18.1515 5.92855 17.1587C5.73251 16.1659 5.75611 15.1423 5.99768 14.1596C6.23926 13.1769 6.69297 12.259 7.32696 11.4703C7.96095 10.6816 8.75987 10.0411 9.66764 9.59395C9.94264 9.46504 10.3981 9.2416 11.0083 9.2502C11.4376 9.25352 11.8604 9.35609 12.2435 9.54989C12.6267 9.7437 12.9598 10.0235 13.2169 10.3674C13.5626 10.8324 13.7522 11.395 13.7583 11.9744C13.7583 11.9572 15.8637 5.13379 6.88327 5.13379C3.11061 5.13379 0.00826889 8.70879 0.00826889 11.8541C-0.00673706 13.5156 0.348476 15.1595 1.04811 16.6666C2.19389 19.1064 4.1956 21.0406 6.67327 22.102C9.15093 23.1634 11.9321 23.2781 14.4887 22.4244C13.593 22.7073 12.6466 22.7923 11.7148 22.6736C10.783 22.5549 9.88805 22.2353 9.09186 21.7369H9.08327Z" fill="url(#paint2_linear_3337_3931)"/>
+<path opacity="0.41" d="M9.08327 21.7369C8.31832 21.2618 7.65526 20.6396 7.13249 19.9064C6.53551 19.0893 6.12459 18.1515 5.92855 17.1587C5.73251 16.1659 5.75611 15.1423 5.99768 14.1596C6.23926 13.1769 6.69297 12.259 7.32696 11.4703C7.96095 10.6816 8.75987 10.0411 9.66764 9.59395C9.94264 9.46504 10.3981 9.2416 11.0083 9.2502C11.4376 9.25352 11.8604 9.35609 12.2435 9.54989C12.6267 9.7437 12.9598 10.0235 13.2169 10.3674C13.5626 10.8324 13.7522 11.395 13.7583 11.9744C13.7583 11.9572 15.8637 5.13379 6.88327 5.13379C3.11061 5.13379 0.00826889 8.70879 0.00826889 11.8541C-0.00673706 13.5156 0.348476 15.1595 1.04811 16.6666C2.19389 19.1064 4.1956 21.0406 6.67327 22.102C9.15093 23.1634 11.9321 23.2781 14.4887 22.4244C13.593 22.7073 12.6466 22.7923 11.7148 22.6736C10.783 22.5549 9.88805 22.2353 9.09186 21.7369H9.08327Z" fill="url(#paint3_radial_3337_3931)"/>
+<path d="M13.0969 13.7875C13.0195 13.8734 12.8047 14.0023 12.8047 14.2687C12.8047 14.4922 12.9508 14.7156 13.2172 14.8961C14.4461 15.7555 16.775 15.6352 16.7836 15.6352C17.6997 15.6346 18.5989 15.3882 19.3875 14.9219C20.1814 14.4575 20.8401 13.7937 21.2984 12.9963C21.7566 12.1989 21.9985 11.2955 22 10.3758C22.0258 8.45078 21.3125 7.17031 21.0289 6.60312C19.1984 3.04531 15.2711 1 11 1C8.10922 0.999714 5.33452 2.13738 3.27601 4.16694C1.2175 6.19651 0.0406515 8.95482 0 11.8453C0.0429688 8.70859 3.1625 6.17344 6.875 6.17344C7.17578 6.17344 8.89453 6.19922 10.4844 7.03281C11.6013 7.58784 12.5263 8.4649 13.1398 9.55078C13.6641 10.4617 13.7586 11.6219 13.7586 12.0859C13.7586 12.55 13.5266 13.2289 13.0883 13.7961L13.0969 13.7875Z" fill="url(#paint4_radial_3337_3931)"/>
+<path d="M13.0969 13.7875C13.0195 13.8734 12.8047 14.0023 12.8047 14.2687C12.8047 14.4922 12.9508 14.7156 13.2172 14.8961C14.4461 15.7555 16.775 15.6352 16.7836 15.6352C17.6997 15.6346 18.5989 15.3882 19.3875 14.9219C20.1814 14.4575 20.8401 13.7937 21.2984 12.9963C21.7566 12.1989 21.9985 11.2955 22 10.3758C22.0258 8.45078 21.3125 7.17031 21.0289 6.60312C19.1984 3.04531 15.2711 1 11 1C8.10922 0.999714 5.33452 2.13738 3.27601 4.16694C1.2175 6.19651 0.0406515 8.95482 0 11.8453C0.0429688 8.70859 3.1625 6.17344 6.875 6.17344C7.17578 6.17344 8.89453 6.19922 10.4844 7.03281C11.6013 7.58784 12.5263 8.4649 13.1398 9.55078C13.6641 10.4617 13.7586 11.6219 13.7586 12.0859C13.7586 12.55 13.5266 13.2289 13.0883 13.7961L13.0969 13.7875Z" fill="url(#paint5_radial_3337_3931)"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_3337_3931" x1="5.04492" y1="16.2109" x2="20.3762" y2="16.2109" gradientUnits="userSpaceOnUse">
+<stop stop-color="#0C59A4"/>
+<stop offset="1" stop-color="#114A8B"/>
+</linearGradient>
+<radialGradient id="paint1_radial_3337_3931" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(13.5098 16.3265) scale(8.19844 7.78852)">
+<stop offset="0.7" stop-opacity="0"/>
+<stop offset="0.9" stop-opacity="0.5"/>
+<stop offset="1"/>
+</radialGradient>
+<linearGradient id="paint2_linear_3337_3931" x1="13.1223" y1="9.55957" x2="3.55749" y2="19.9838" gradientUnits="userSpaceOnUse">
+<stop stop-color="#1B9DE2"/>
+<stop offset="0.2" stop-color="#1595DF"/>
+<stop offset="0.7" stop-color="#0680D7"/>
+<stop offset="1" stop-color="#0078D4"/>
+</linearGradient>
+<radialGradient id="paint3_radial_3337_3931" cx="0" cy="0" r="1" gradientTransform="matrix(1.84594 -12.1832 -9.845 -1.47675 6.063 18.0963)" gradientUnits="userSpaceOnUse">
+<stop offset="0.8" stop-opacity="0"/>
+<stop offset="0.9" stop-opacity="0.5"/>
+<stop offset="1"/>
+</radialGradient>
+<radialGradient id="paint4_radial_3337_3931" cx="0" cy="0" r="1" gradientTransform="matrix(-0.69575 17.3938 37.0487 1.3915 2.22492 5.06622)" gradientUnits="userSpaceOnUse">
+<stop stop-color="#35C1F1"/>
+<stop offset="0.1" stop-color="#34C1ED"/>
+<stop offset="0.2" stop-color="#2FC2DF"/>
+<stop offset="0.3" stop-color="#2BC3D2"/>
+<stop offset="0.7" stop-color="#36C752"/>
+</radialGradient>
+<radialGradient id="paint5_radial_3337_3931" cx="0" cy="0" r="1" gradientTransform="matrix(2.34128 8.02725 6.52214 -1.9232 20.6302 7.64297)" gradientUnits="userSpaceOnUse">
+<stop stop-color="#66EB6E"/>
+<stop offset="1" stop-color="#66EB6E" stop-opacity="0"/>
+</radialGradient>
+<clipPath id="clip0_3337_3931">
+<rect width="22" height="22" fill="white" transform="translate(0 1)"/>
+</clipPath>
+</defs>
+</svg>

package/src/component/providers/enpass-dark.svg ADDED Viewed

@@ -0,0 +1,10 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_3341_4252)">
+<path d="M12.0212 2.22505C14.4881 2.22505 16.9551 2.21772 19.4228 2.22872C19.9356 2.21873 20.4444 2.32085 20.9136 2.52793C21.3828 2.73501 21.8012 3.04206 22.1394 3.42763C22.659 4.01072 22.9628 4.7544 23.0001 5.53449C23.0013 6.25078 22.9156 6.96458 22.745 7.66024C22.4176 9.54298 22.0769 11.4221 21.7422 13.3023C21.4537 14.9216 21.1774 16.5432 20.8738 18.1612C20.4481 20.0294 18.9225 21.4468 17.0281 21.7342C16.8021 21.7611 16.5748 21.7747 16.3472 21.7749C13.4635 21.7776 10.5799 21.7776 7.69614 21.7749C5.44701 21.7704 3.52439 20.1549 3.13261 17.9401C2.55525 14.7092 1.97302 11.4791 1.3859 8.24993C1.2704 7.61038 1.14298 6.97448 1.05232 6.33007C0.724523 4.4509 1.97064 2.65818 3.84632 2.31067C4.13975 2.2546 4.43795 2.22734 4.73668 2.22927C7.16484 2.22239 9.593 2.22102 12.0212 2.22505ZM10.0635 17.5205C10.0358 18.1494 10.5533 18.6668 11.1822 18.6392H12.7838C13.4591 18.7042 14.0261 18.1368 13.9603 17.4615C13.9603 16.1988 13.9603 14.9355 13.9541 13.6729C13.9471 13.6007 13.9625 13.5281 13.9983 13.4649C14.034 13.4017 14.0884 13.3512 14.154 13.32C15.7138 12.3958 16.4685 10.5471 16.0015 8.79535C15.3965 6.6168 13.1571 5.32522 10.9685 5.89282C10.3533 6.01965 9.77835 6.29474 9.2936 6.69418C8.80885 7.09362 8.42894 7.60536 8.18683 8.18494C7.45836 10.0992 8.18298 12.2615 9.91777 13.3504C9.96662 13.3737 10.0072 13.4114 10.034 13.4584C10.0608 13.5054 10.0726 13.5595 10.0677 13.6134C10.061 14.9696 10.0635 16.0936 10.0635 17.5205Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0_3341_4252">
+<rect width="22" height="22" fill="white" transform="translate(1 1)"/>
+</clipPath>
+</defs>
+</svg>

package/src/component/providers/enpass-light.svg ADDED Viewed

@@ -0,0 +1,10 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_3341_4250)">
+<path d="M12.0212 2.22505C14.4881 2.22505 16.9551 2.21772 19.4228 2.22872C19.9356 2.21873 20.4444 2.32085 20.9136 2.52793C21.3828 2.73501 21.8012 3.04206 22.1394 3.42763C22.659 4.01072 22.9628 4.7544 23.0001 5.53449C23.0013 6.25078 22.9156 6.96458 22.745 7.66024C22.4176 9.54298 22.0769 11.4221 21.7422 13.3023C21.4537 14.9216 21.1774 16.5432 20.8738 18.1612C20.4481 20.0294 18.9225 21.4468 17.0281 21.7342C16.8021 21.7611 16.5748 21.7747 16.3472 21.7749C13.4635 21.7776 10.5799 21.7776 7.69614 21.7749C5.44701 21.7704 3.52439 20.1549 3.13261 17.9401C2.55525 14.7092 1.97302 11.4791 1.3859 8.24993C1.2704 7.61038 1.14298 6.97448 1.05232 6.33007C0.724523 4.4509 1.97064 2.65818 3.84632 2.31067C4.13975 2.2546 4.43795 2.22734 4.73668 2.22927C7.16484 2.22239 9.593 2.22102 12.0212 2.22505ZM10.0635 17.5205C10.0358 18.1494 10.5533 18.6668 11.1822 18.6392H12.7838C13.4591 18.7042 14.0261 18.1368 13.9603 17.4615C13.9603 16.1988 13.9603 14.9355 13.9541 13.6729C13.9471 13.6007 13.9625 13.5281 13.9983 13.4649C14.034 13.4017 14.0884 13.3512 14.154 13.32C15.7138 12.3958 16.4685 10.5471 16.0015 8.79535C15.3965 6.6168 13.1571 5.32522 10.9685 5.89282C10.3533 6.01965 9.77835 6.29474 9.2936 6.69418C8.80885 7.09362 8.42894 7.60536 8.18683 8.18494C7.45836 10.0992 8.18298 12.2615 9.91777 13.3504C9.96662 13.3737 10.0072 13.4114 10.034 13.4584C10.0608 13.5054 10.0726 13.5595 10.0677 13.6134C10.061 14.9696 10.0635 16.0936 10.0635 17.5205Z" fill="black"/>
+</g>
+<defs>
+<clipPath id="clip0_3341_4250">
+<rect width="22" height="22" fill="white" transform="translate(1 1)"/>
+</clipPath>
+</defs>
+</svg>

package/src/component/providers/google-dark.svg ADDED Viewed

@@ -0,0 +1 @@

+ <svg fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><mask id="a" height="22" maskUnits="userSpaceOnUse" width="22" x="1" y="1"><path d="m23 1h-22v22h22z" fill="#fff"/></mask><g mask="url(#a)"><path d="m22.56 12.2505c0-.78-.07-1.53-.2-2.25h-10.36v4.255h5.92c-.255 1.375-1.0299 2.54-2.195 3.32v2.76h3.555c2.08-1.915 3.28-4.735 3.28-8.085z" fill="#4285f4"/><path d="m12 22.9998c2.97 0 5.4599-.985 7.2799-2.6649l-3.555-2.76c-.9849.66-2.245 1.0499-3.7249 1.0499-2.8651 0-5.29005-1.935-6.15509-4.535h-3.67499v2.85c1.81005 3.5951 5.53003 6.06 9.83008 6.06z" fill="#34a853"/><path d="m5.84495 14.0896c-.22-.66-.34496-1.365-.34496-2.09s.12496-1.43.34496-2.09004v-2.84999h-3.67499c-.74492 1.485-1.16996 3.16503-1.16996 4.94003 0 1.7749.42504 3.455 1.16996 4.94z" fill="#fbbc04"/><path d="m12 5.37503c1.6149 0 3.0649.55495 4.2049 1.64494l3.1551-3.15502c-1.905-1.77496-4.3951-2.86495-7.36-2.86495-4.30005 0-8.02003 2.46499-9.83008 6.06001l3.67499 2.84999c.86504-2.59996 3.28999-4.53497 6.15509-4.53497z" fill="#e94235"/></g></svg>

package/src/component/providers/google-light.svg ADDED Viewed

@@ -0,0 +1 @@

package/src/component/providers/keepassxc-dark.svg ADDED Viewed

@@ -0,0 +1 @@

+ <svg fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><linearGradient id="a" gradientUnits="userSpaceOnUse" x1="12" x2="12" y1="-.15854" y2="21.8415"><stop offset="0" stop-color="#414141"/><stop offset=".196" stop-color="#3e3e3e"/><stop offset="1" stop-color="#3a3a3a"/></linearGradient><radialGradient id="b" cx="11.3059" cy="10.1055" gradientUnits="userSpaceOnUse" r="13.247"><stop offset=".6733" stop-color="#fcfcfc" stop-opacity="0"/><stop offset="1" stop-color="#fcfcfc"/></radialGradient><radialGradient id="c" cx="11.8397" cy="11.8503" gradientUnits="userSpaceOnUse" r="11.0196"><stop offset=".1088" stop-color="#0f0f0d" stop-opacity="0"/><stop offset=".8856" stop-color="#414141" stop-opacity="0"/><stop offset=".9339" stop-color="#1e1e1d" stop-opacity=".6841"/><stop offset=".9874" stop-color="#0f0f0d"/></radialGradient><radialGradient id="d" cx="0" cy="0" gradientTransform="matrix(21.4037 0 0 12.2531 12.2072 5.21934)" gradientUnits="userSpaceOnUse" r="1"><stop offset="0" stop-color="#2e6b26"/><stop offset="1" stop-color="#6ab536"/></radialGradient><radialGradient id="e" cx="12.0467" cy="5.13013" gradientUnits="userSpaceOnUse" r="4.18007"><stop offset="0" stop-color="#6ab536"/><stop offset="1" stop-color="#2e6b26"/></radialGradient><radialGradient id="f" cx="0" cy="0" gradientTransform="matrix(5.85474 0 0 9.72069 11.9844 7.50616)" gradientUnits="userSpaceOnUse" r="1"><stop offset="0"/><stop offset=".7842" stop-color="#4f4f4f" stop-opacity="0"/></radialGradient><radialGradient id="g" cx="11.9585" cy="3.87393" gradientUnits="userSpaceOnUse" r="14.2874"><stop offset="0" stop-color="#f5f5f5"/><stop offset=".5036" stop-color="#f2f2f2"/></radialGradient><clipPath id="h"><path d="m1 1h22v22h-22z"/></clipPath><g clip-path="url(#h)"><path d="m12 23c-6.06543 0-11-4.9346-11-11s4.93457-11 11-11c6.0655 0 11 4.93455 11 11 0 6.0655-4.9345 11-11 11zm0-21.07446c-5.55262 0-10.07003 4.51938-10.07003 10.07446 0 5.5551 4.51741 10.0745 10.07003 10.0745 5.5527 0 10.07-4.5195 10.07-10.0745 0-5.55503-4.5173-10.07446-10.07-10.07446z" fill="url(#a)"/><path d="m11.9996 1.00439c-6.06307 0-10.99569 4.93263-10.99569 10.99571 0 6.0631 4.93265 10.9957 10.99569 10.9957 6.0631 0 10.9957-4.9327 10.9957-10.9957 0-6.06303-4.9326-10.99571-10.9957-10.99571z" fill="url(#b)" opacity=".32"/><path d="m12 23c-6.06543 0-11-4.9346-11-11s4.93457-11 11-11c6.0655 0 11 4.93455 11 11 0 6.0655-4.9345 11-11 11zm0-21.07446c-5.55262 0-10.07003 4.51938-10.07003 10.07446 0 5.5551 4.51741 10.0745 10.07003 10.0745 5.5527 0 10.07-4.5195 10.07-10.0745 0-5.55503-4.5173-10.07446-10.07-10.07446z" fill="url(#c)" opacity=".44"/><path d="m12.0002 1.98438c-5.59548 0-10.14766 4.55217-10.14766 10.14762 0 5.5954 4.55218 10.1476 10.14766 10.1476 5.5954 0 10.1475-4.5523 10.1475-10.1476 0-5.59539-4.5521-10.14762-10.1475-10.14762z" fill="#0f0f0d" fill-opacity=".35"/><path d="m12 23c-6.06543 0-11-4.9346-11-11s4.93457-11 11-11c6.0655 0 11 4.93455 11 11 0 6.0655-4.9345 11-11 11zm0-21.76457c-6.0654 0-11 4.86892-11 10.85367 0 5.9847 4.9346 10.8536 11 10.8536 6.0655 0 11-4.8689 11-10.8536s-4.9345-10.85367-11-10.85367z" fill="#0f0f0d" opacity=".35"/><path d="m12.0003 1.92578c-5.55514 0-10.07452 4.51936-10.07452 10.07442 0 5.5551 4.51938 10.0745 10.07452 10.0745 5.5551 0 10.0744-4.5194 10.0744-10.0745 0-5.55501-4.5193-10.07442-10.0744-10.07442z" fill="url(#d)"/><path d="m11.9998 2.76318c-1.6546 0-3.00078 1.34615-3.00078 3.0008 0 1.65466 1.34618 3.0008 3.00078 3.0008 1.6547 0 3.0008-1.34617 3.0008-3.0008 0-1.65462-1.3461-3.0008-3.0008-3.0008z" fill="url(#e)" opacity=".7"/><path d="m6.70522 3.39618c-.00048.00346-.00096.00683-.00147.01027-.0131.00245-.0133-.00066.00147-.01027zm7.60748 6.46635-.1393 2.48937 1.6441 1.7912-1.6441 1.7911 1.0867 1.184-1.0867 1.184.1393 2.469h-4.6258v-10.90867c-1.83918-.94111-3.09315-2.97513-3.09315-5.31272 0-.39122.05477-.75268.11-1.14336.19952-.03761 3.42595-1.38985 3.42595-1.38985-.0268.14616 3.7669.14616 3.7402 0 0 0 3.1171 1.34127 3.4299 1.40704.0791.38409.106.74074.106 1.12615 0 2.33761-1.2818 4.37163-3.0931 5.31274zm2.9817-6.46635c.0019.00923.0035.01826.0054.02746.0342.00721.0354-.00063-.0054-.02746z" fill="url(#f)" opacity=".3"/><path d="m6.60232 18.5806c-1.78777-1.5548-2.91961-3.8467-2.91961-6.4116 0-2.98435 1.56074-5.73918 4.13138-7.27731-.0459.29844-.09182.57392-.09182.87236 0 1.76766 1.03283 3.30579 2.54763 4.01745v8.0579l1.9051 1.9054 1.905-1.9054-.1148-1.6759.8952-.8953-.8952-.8953 1.3542-1.3545-1.3542-1.3545.1148-1.88242c1.4919-.71166 2.5477-2.24977 2.5477-4.01745 0-.29844-.023-.57393-.0919-.87237.9328.56315 1.7326 1.28994 2.3738 2.13087-1.5505-2.12935-4.0693-3.51472-6.9137-3.51472-4.71265 0-8.53301 3.80213-8.53301 8.49229 0 2.6539 1.2235 5.0232 3.13943 6.5805zm4.95298-1.384h-.6427v-6.3591h.6427zm-.9181-13.36091c.5049-.09182 1.0328-.13774 1.5378-.13774.5279-.02296 1.0328.04589 1.5378.13774.023.11478.0459.22956.0459.34434 0 .87236-.7115 1.58402-1.5837 1.58402s-1.5837-.71166-1.5837-1.58402c0-.11478.023-.22956.0459-.34434z" fill="#0f0f0d" opacity=".2"/><path d="m12.0007 1.92578c-5.55263 0-10.07004 4.51938-10.07004 10.07442 0 5.5551 4.51741 10.0745 10.07004 10.0745 5.5527 0 10.07-4.5194 10.07-10.0745 0-5.55499-4.5173-10.07442-10.07-10.07442zm-1.5378 1.73186c.505-.09182 1.0329-.13774 1.5378-.13774.5279-.02296 1.0329.04589 1.5378.13774.023.11478.0459.22955.0459.34433 0 .87237-.7115 1.58403-1.5837 1.58403s-1.5837-.71166-1.5837-1.58403c0-.11478.023-.22955.0459-.34433zm.9181 7.00186v6.359h-.6426v-6.359zm.6197 9.8255c-4.68221 0-8.49226-3.7879-8.49226-8.494 0-2.9844 1.56074-5.73923 4.13138-7.27736-.0459.29844-.09182.57392-.09182.87236 0 1.76766 1.03283 3.30579 2.5477 4.01745v8.05785l1.905 1.9054 1.905-1.9054-.1147-1.6758.8951-.8953-.8951-.8954 1.3541-1.3544-1.3541-1.3545.1147-1.88247c1.4919-.71166 2.5477-2.24977 2.5477-4.01746 0-.29844-.023-.57392-.0918-.87236 2.5477 1.53813 4.1084 4.29293 4.1314 7.27739 0 4.6832-3.7871 8.494-8.4923 8.494z" fill="url(#g)"/></g></svg>

package/src/component/providers/keepassxc-light.svg ADDED Viewed

@@ -0,0 +1 @@

package/src/component/providers/keeper-dark.svg ADDED Viewed

@@ -0,0 +1 @@

+ <svg fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m12 1c-6.072 0-11 4.92205-11 10.9971 0 6.075 4.92213 11.0029 11 11.0029 6.0779 0 11-4.9221 11-10.9971 0-6.07499-4.9221-11.0029-11-11.0029zm1.2555 1.63873 1.7013.4331v2.38201l1.9008-1.56265 1.408 1.04177-3.6197 2.97313h-1.3904zm-3.32643-.2341h1.70133v6.88268h3.5083l4.2181-3.36526 1.0619 1.32855-4.6875 3.7398h-5.80213zm-4.98667 14.47937-1.70133-1.4456v-6.46128l1.70133-1.56265zm3.3264 2.0367-1.70133 1.4807v-16.65067l1.70133 1.48071zm8.5829 1.4222-1.9008-1.5626v2.382l-1.7013.4331v-5.2615h1.3904l3.6197 2.9672zm2.5051-2.265-4.2181-3.3652h-3.5083v6.8885h-1.70133v-8.5858h5.80213l4.6875 3.7399-1.0619 1.3285zm1.32-3.2072-3.4731-2.8678 3.4731-2.86776 1.0795 1.31096-1.8891 1.5568 1.8891 1.5568z" fill="#ffc700"/></svg>

package/src/component/providers/keeper-light.svg ADDED Viewed

@@ -0,0 +1 @@

+ <svg fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m11.9646 22.4897c5.9455 0 10.7653-4.5598 10.7653-10.1846 0-5.62472-4.8198-10.18449-10.7653-10.18449-5.94558 0-10.76538 4.55977-10.76538 10.18449 0 5.6248 4.8198 10.1846 10.76538 10.1846z" fill="#ffc700"/><path d="m12 1c-6.072 0-11 4.93387-11 11.0235 0 6.0896 4.92213 11.0293 11 11.0293 6.0779 0 11-4.9339 11-11.0235 0-6.08957-4.9221-11.0293-11-11.0293zm1.2555 1.64267 1.7013.43413v2.38773l1.9008-1.5664 1.408 1.04427-3.6197 2.98027h-1.3904zm-3.32643-.23467h1.70133v6.8992h3.5083l4.2181-3.37333 1.0619 1.33173-4.6875 3.7488h-5.80213zm-4.98667 14.5141-1.70133-1.449v-6.47683l1.70133-1.5664zm3.3264 2.0416-1.70133 1.4843v-16.69067l1.70133 1.48427zm8.5829 1.4256-1.9008-1.5664v2.3878l-1.7013.4341v-5.2741h1.3904l3.6197 2.9744zm2.5051-2.2704-4.2181-3.3733h-3.5083v6.9051h-1.70133v-8.6064h5.80213l4.6875 3.7488-1.0619 1.3317zm1.32-3.2149-3.4731-2.8747 3.4731-2.87463 1.0795 1.31413-1.8891 1.5605 1.8891 1.5606z" fill="#000"/></svg>

package/src/component/providers/key-dark.svg ADDED Viewed

@@ -0,0 +1 @@

+ <svg fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m22 19h-6v-4h-2.68c-1.14 2.42-3.6 4-6.32 4-3.86 0-7-3.14-7-7s3.14-7 7-7c2.72 0 5.17 1.58 6.32 4h10.68v6h-2zm-4-2h2v-4h2v-2h-10.06l-.23-.67c-.7-1.99-2.6-3.33-4.71-3.33-2.76 0-5 2.24-5 5s2.24 5 5 5c2.11 0 4.01-1.34 4.71-3.33l.23-.67h6.06zm-11-2c-1.65 0-3-1.35-3-3s1.35-3 3-3 3 1.35 3 3-1.35 3-3 3zm0-4c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1z" fill="#bec4ca"/></svg>

package/src/component/providers/key-light.svg ADDED Viewed

@@ -0,0 +1 @@

package/src/component/providers/lastpass-dark.svg ADDED Viewed

@@ -0,0 +1 @@

+ <svg fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="m1 8.04c0-2.46422 0-3.69635.47957-4.63756.42184-.82791 1.09496-1.50103 1.92287-1.92287.94121-.47957 2.17334-.47957 4.63756-.47957h7.92c2.4642 0 3.6963 0 4.6376.47957.8279.42184 1.501 1.09496 1.9228 1.92287.4796.94121.4796 2.17334.4796 4.63756v7.92c0 2.4642 0 3.6963-.4796 4.6376-.4218.8279-1.0949 1.501-1.9228 1.9228-.9413.4796-2.1734.4796-4.6376.4796h-7.92c-2.46422 0-3.69635 0-4.63756-.4796-.82791-.4218-1.50103-1.0949-1.92287-1.9228-.47957-.9413-.47957-2.1734-.47957-4.6376zm6.41667 3.96c0 1.0125-.82082 1.8333-1.83334 1.8333s-1.83333-.8208-1.83333-1.8333.82081-1.8333 1.83333-1.8333 1.83334.8208 1.83334 1.8333zm3.66663 1.8333c1.0125 0 1.8334-.8208 1.8334-1.8333s-.8209-1.8333-1.8334-1.8333-1.8333.8208-1.8333 1.8333.8208 1.8333 1.8333 1.8333zm7.3334-1.8333c0 1.0125-.8209 1.8333-1.8334 1.8333s-1.8333-.8208-1.8333-1.8333.8208-1.8333 1.8333-1.8333 1.8334.8208 1.8334 1.8333zm2.2-3.66667c-.2025 0-.3667.16416-.3667.36667v6.6c0 .2025.1642.3667.3667.3667h.1833c.2025 0 .3667-.1642.3667-.3667v-6.6c0-.20251-.1642-.36667-.3667-.36667z" fill="#d22" fill-rule="evenodd"/></svg>

package/src/component/providers/lastpass-light.svg ADDED Viewed

@@ -0,0 +1 @@

package/src/component/providers/nordpass-dark.svg ADDED Viewed

@@ -0,0 +1,11 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_3341_4228)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M22.7422 5.98438V18.0156C22.7422 20.6243 20.6243 22.7422 18.0156 22.7422H5.98438C3.37574 22.7422 1.25781 20.6243 1.25781 18.0156V5.98438C1.25781 3.3757 3.37574 1.25781 5.98438 1.25781H18.0156C20.6243 1.25781 22.7422 3.3757 22.7422 5.98438Z" fill="#00CFB6"/>
+<path d="M4.82618 13.4876C4.82334 15.0063 5.30141 16.4869 6.19186 17.7171L9.63499 12.1006L10.8761 14.231L10.5351 12.6461L11.9996 10.1621L14.3675 14.231L14.0297 12.6617L14.3627 12.0978L17.8078 17.7171C18.6982 16.4869 19.1763 15.0063 19.1735 13.4876C19.1735 9.50861 15.9617 6.2832 11.9996 6.2832C8.03797 6.28239 4.82618 9.50822 4.82618 13.4876Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0_3341_4228">
+<rect width="22" height="22" fill="white" transform="translate(1 1)"/>
+</clipPath>
+</defs>
+</svg>

package/src/component/providers/nordpass-light.svg ADDED Viewed

@@ -0,0 +1,11 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_3341_4228)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M22.7422 5.98438V18.0156C22.7422 20.6243 20.6243 22.7422 18.0156 22.7422H5.98438C3.37574 22.7422 1.25781 20.6243 1.25781 18.0156V5.98438C1.25781 3.3757 3.37574 1.25781 5.98438 1.25781H18.0156C20.6243 1.25781 22.7422 3.3757 22.7422 5.98438Z" fill="#00CFB6"/>
+<path d="M4.82618 13.4876C4.82334 15.0063 5.30141 16.4869 6.19186 17.7171L9.63499 12.1006L10.8761 14.231L10.5351 12.6461L11.9996 10.1621L14.3675 14.231L14.0297 12.6617L14.3627 12.0978L17.8078 17.7171C18.6982 16.4869 19.1763 15.0063 19.1735 13.4876C19.1735 9.50861 15.9617 6.2832 11.9996 6.2832C8.03797 6.28239 4.82618 9.50822 4.82618 13.4876Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0_3341_4228">
+<rect width="22" height="22" fill="white" transform="translate(1 1)"/>
+</clipPath>
+</defs>
+</svg>

package/src/component/providers/other-dark.svg ADDED Viewed

	@@ -0,0 +1 @@
1	+ <svg fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m20 18c1.1 0 1.99-.9 1.99-2l.01-10c0-1.1-.9-2-2-2h-16c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h-4v2h24v-2zm-16-12h16v10h-16z" fill="#bec4ca"/></svg>

package/src/component/providers/other-light.svg ADDED Viewed

	@@ -0,0 +1 @@
1	+ <svg fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m20 18c1.1 0 1.99-.9 1.99-2l.01-10c0-1.1-.9-2-2-2h-16c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h-4v2h24v-2zm-16-12h16v10h-16z" fill="#636c74"/></svg>

package/src/component/providers/phone-dark.svg ADDED Viewed

	@@ -0,0 +1 @@
1	+ <svg fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m16 1h-8c-1.66 0-3 1.34-3 3v16c0 1.66 1.34 3 3 3h8c1.66 0 3-1.34 3-3v-16c0-1.66-1.34-3-3-3zm1 17h-10v-14h10zm-3 3h-4v-1h4z" fill="#bec4ca"/></svg>

package/src/component/providers/phone-light.svg ADDED Viewed

	@@ -0,0 +1 @@
1	+ <svg fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m16 1h-8c-1.66 0-3 1.34-3 3v16c0 1.66 1.34 3 3 3h8c1.66 0 3-1.34 3-3v-16c0-1.66-1.34-3-3-3zm1 17h-10v-14h10zm-3 3h-4v-1h4z" fill="#636c74"/></svg>

package/src/component/providers/protonpass-dark.svg ADDED Viewed

@@ -0,0 +1 @@

+ <svg fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><linearGradient id="a"><stop offset="0" stop-color="#ffd580"/><stop offset=".09375" stop-color="#f6c592"/><stop offset=".205" stop-color="#ebb6a2"/><stop offset=".324466" stop-color="#dfa5af"/><stop offset=".42875" stop-color="#d397be"/><stop offset=".53375" stop-color="#c486cb"/><stop offset=".64875" stop-color="#b578d9"/><stop offset=".77125" stop-color="#a166e5"/><stop offset=".89125" stop-color="#8b57f2"/><stop offset="1" stop-color="#704cff"/></linearGradient><radialGradient id="b" cx="0" cy="0" gradientTransform="matrix(9.69312722 -15.59813508 24.39231142 15.15807989 7.63914 23.4288)" gradientUnits="userSpaceOnUse" r="1" xlink:href="#a"/><linearGradient id="c" gradientUnits="userSpaceOnUse" x1="6.88143" x2="11.1598" y1="-3.36833" y2="22.7474"><stop offset="0" stop-color="#6d4aff"/><stop offset=".392009" stop-color="#b39ffb" stop-opacity=".978022"/><stop offset="1" stop-color="#ffe8db" stop-opacity=".8"/></linearGradient><radialGradient id="d" cx="0" cy="0" gradientTransform="matrix(7.79663204 -12.54630388 19.61993405 12.19238811 6.02643 21.1926)" gradientUnits="userSpaceOnUse" r="1" xlink:href="#a"/><clipPath id="e"><path d="m1 1h22v22h-22z"/></clipPath><mask id="f" height="22" maskUnits="userSpaceOnUse" width="22" x="1" y="1"><path d="m1 1h22v22h-22z" fill="#fff"/></mask><g clip-path="url(#e)"><g mask="url(#f)"><path d="m7.61512 3.77921c1.53468-1.53469 2.30205-2.30203 3.18688-2.58954.7783-.252894 1.6168-.252894 2.3951 0 .8849.28751 1.6522 1.05485 3.1869 2.58954l3.8363 3.83637c1.5347 1.53469 2.3021 2.30206 2.5896 3.18692.2529.7783.2529 1.6167 0 2.395-.2875.8849-1.0549 1.6522-2.5896 3.1869l-3.8363 3.8364c-1.5347 1.5347-2.302 2.302-3.1869 2.5895-.7783.253-1.6168.253-2.3951 0-.88483-.2875-1.6522-1.0548-3.18688-2.5895l-.72128-.8086c-.43647-.4893-.6547-.734-.81031-1.0123-.138-.2468-.23925-.5125-.30055-.7885-.06911-.3112-.06911-.639-.06911-1.2948v-8.63324c-.00001-.65569-.00001-.98354.06911-1.29478.06129-.27605.16254-.54167.30055-.78847.1556-.27827.37384-.52294.81031-1.01227z" fill="url(#b)"/><path d="m7.61512 3.77921c1.53468-1.53469 2.30205-2.30203 3.18688-2.58954.7783-.252894 1.6168-.252894 2.3951 0 .8849.28751 1.6522 1.05485 3.1869 2.58954l3.8363 3.83637c1.5347 1.53469 2.3021 2.30206 2.5896 3.18692.2529.7783.2529 1.6167 0 2.395-.2875.8849-1.0549 1.6522-2.5896 3.1869l-3.8363 3.8364c-1.5347 1.5347-2.302 2.302-3.1869 2.5895-.7783.253-1.6168.253-2.3951 0-.88483-.2875-1.6522-1.0548-3.18688-2.5895l-.72128-.8086c-.43647-.4893-.6547-.734-.81031-1.0123-.138-.2468-.23925-.5125-.30055-.7885-.06911-.3112-.06911-.639-.06911-1.2948v-8.63324c-.00001-.65569-.00001-.98354.06911-1.29478.06129-.27605.16254-.54167.30055-.78847.1556-.27827.37384-.52294.81031-1.01227z" fill="url(#c)"/><path d="m7.34156 4.05318c.76731-.76735 1.15103-1.15102 1.59341-1.29477.38922-.12645.80838-.12645 1.19753 0 .4425.14376.8261.52742 1.5935 1.29477l5.7545 5.75457c.7674.76735 1.151 1.15105 1.2948 1.59345.1265.3891.1265.8083 0 1.1975-.1438.4424-.5274.8261-1.2948 1.5935l-5.7545 5.7545c-.7674.7674-1.151 1.151-1.5935 1.2948-.38915.1264-.80831.1264-1.19753 0-.44238-.1438-.8261-.5274-1.59341-1.2948l-3.56235-3.5624c-1.53469-1.5346-2.30203-2.302-2.58954-3.1868-.252894-.7784-.252894-1.6167 0-2.3951.28751-.88484 1.05485-1.65221 2.58954-3.18689z" fill="url(#d)"/></g></g></svg>

package/src/component/providers/protonpass-light.svg ADDED Viewed

@@ -0,0 +1 @@

+ <svg fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><linearGradient id="a"><stop offset="0" stop-color="#ffd580"/><stop offset=".09375" stop-color="#f6c592"/><stop offset=".205" stop-color="#ebb6a2"/><stop offset=".324466" stop-color="#dfa5af"/><stop offset=".42875" stop-color="#d397be"/><stop offset=".53375" stop-color="#c486cb"/><stop offset=".64875" stop-color="#b578d9"/><stop offset=".77125" stop-color="#a166e5"/><stop offset=".89125" stop-color="#8b57f2"/><stop offset="1" stop-color="#704cff"/></linearGradient><radialGradient id="b" cx="0" cy="0" gradientTransform="matrix(9.69312722 -15.59813508 24.39231142 15.15807989 7.63914 23.4288)" gradientUnits="userSpaceOnUse" r="1" xlink:href="#a"/><linearGradient id="c" gradientUnits="userSpaceOnUse" x1="6.88143" x2="11.1598" y1="-3.36833" y2="22.7474"><stop offset="0" stop-color="#6d4aff"/><stop offset=".392009" stop-color="#b39ffb" stop-opacity=".978022"/><stop offset="1" stop-color="#ffe8db" stop-opacity=".8"/></linearGradient><radialGradient id="d" cx="0" cy="0" gradientTransform="matrix(7.79663204 -12.54630388 19.61993405 12.19238811 6.02643 21.1926)" gradientUnits="userSpaceOnUse" r="1" xlink:href="#a"/><clipPath id="e"><path d="m1 1h22v22h-22z"/></clipPath><mask id="f" height="22" maskUnits="userSpaceOnUse" width="22" x="1" y="1"><path d="m1 1h22v22h-22z" fill="#fff"/></mask><g clip-path="url(#e)"><g mask="url(#f)"><path d="m7.61512 3.77921c1.53468-1.53469 2.30205-2.30203 3.18688-2.58954.7783-.252894 1.6168-.252894 2.3951 0 .8849.28751 1.6522 1.05485 3.1869 2.58954l3.8363 3.83637c1.5347 1.53469 2.3021 2.30206 2.5896 3.18692.2529.7783.2529 1.6167 0 2.395-.2875.8849-1.0549 1.6522-2.5896 3.1869l-3.8363 3.8364c-1.5347 1.5347-2.302 2.302-3.1869 2.5895-.7783.253-1.6168.253-2.3951 0-.88483-.2875-1.6522-1.0548-3.18688-2.5895l-.72128-.8086c-.43647-.4893-.6547-.734-.81031-1.0123-.138-.2468-.23925-.5125-.30055-.7885-.06911-.3112-.06911-.639-.06911-1.2948v-8.63324c-.00001-.65569-.00001-.98354.06911-1.29478.06129-.27605.16254-.54167.30055-.78847.1556-.27827.37384-.52294.81031-1.01227z" fill="url(#b)"/><path d="m7.61512 3.77921c1.53468-1.53469 2.30205-2.30203 3.18688-2.58954.7783-.252894 1.6168-.252894 2.3951 0 .8849.28751 1.6522 1.05485 3.1869 2.58954l3.8363 3.83637c1.5347 1.53469 2.3021 2.30206 2.5896 3.18692.2529.7783.2529 1.6167 0 2.395-.2875.8849-1.0549 1.6522-2.5896 3.1869l-3.8363 3.8364c-1.5347 1.5347-2.302 2.302-3.1869 2.5895-.7783.253-1.6168.253-2.3951 0-.88483-.2875-1.6522-1.0548-3.18688-2.5895l-.72128-.8086c-.43647-.4893-.6547-.734-.81031-1.0123-.138-.2468-.23925-.5125-.30055-.7885-.06911-.3112-.06911-.639-.06911-1.2948v-8.63324c-.00001-.65569-.00001-.98354.06911-1.29478.06129-.27605.16254-.54167.30055-.78847.1556-.27827.37384-.52294.81031-1.01227z" fill="url(#c)"/><path d="m7.34156 4.05318c.76731-.76735 1.15103-1.15102 1.59341-1.29477.38922-.12645.80838-.12645 1.19753 0 .4425.14376.8261.52742 1.5935 1.29477l5.7545 5.75457c.7674.76735 1.151 1.15105 1.2948 1.59345.1265.3891.1265.8083 0 1.1975-.1438.4424-.5274.8261-1.2948 1.5935l-5.7545 5.7545c-.7674.7674-1.151 1.151-1.5935 1.2948-.38915.1264-.80831.1264-1.19753 0-.44238-.1438-.8261-.5274-1.59341-1.2948l-3.56235-3.5624c-1.53469-1.5346-2.30203-2.302-2.58954-3.1868-.252894-.7784-.252894-1.6167 0-2.3951.28751-.88484 1.05485-1.65221 2.58954-3.18689z" fill="url(#d)"/></g></g></svg>

package/src/component/providers/unknown-dark.svg ADDED Viewed

	@@ -0,0 +1 @@
1	+ <svg fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m4 6h18v-2h-18c-1.1 0-2 .9-2 2v11h-2v3h14v-3h-10zm19 2h-6c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h6c.55 0 1-.45 1-1v-10c0-.55-.45-1-1-1zm-1 9h-4v-7h4z" fill="#bec4ca"/></svg>

package/src/component/providers/unknown-device-dark.svg ADDED Viewed

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4 6H22V4H4C2.9 4 2 4.9 2 6V17H0V20H14V17H4V6ZM23 8H17C16.45 8 16 8.45 16 9V19C16 19.55 16.45 20 17 20H23C23.55 20 24 19.55 24 19V9C24 8.45 23.55 8 23 8ZM22 17H18V10H22V17Z" fill="white"/>
+</svg>

package/src/component/providers/unknown-device-light.svg ADDED Viewed

@@ -0,0 +1,3 @@
+<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4 6.5H22V4.5H4C2.9 4.5 2 5.4 2 6.5V17.5H0V20.5H14V17.5H4V6.5ZM23 8.5H17C16.45 8.5 16 8.95 16 9.5V19.5C16 20.05 16.45 20.5 17 20.5H23C23.55 20.5 24 20.05 24 19.5V9.5C24 8.95 23.55 8.5 23 8.5ZM22 17.5H18V10.5H22V17.5Z" fill="#636C74"/>
+</svg>

package/src/component/providers/unknown-light.svg ADDED Viewed

	@@ -0,0 +1 @@
1	+ <svg fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m4 6h18v-2h-18c-1.1 0-2 .9-2 2v11h-2v3h14v-3h-10zm19 2h-6c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h6c.55 0 1-.45 1-1v-10c0-.55-.45-1-1-1zm-1 9h-4v-7h4z" fill="#636c74"/></svg>

package/src/component/providers/windows-dark.svg ADDED Viewed

	@@ -0,0 +1 @@
1	+ <svg fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m11.4754 2.04736h-9.42852v9.42854h9.42852z" fill="#f25022"/><path d="m11.4754 12.5234h-9.42852v9.4286h9.42852z" fill="#00a4ef"/><path d="m21.953 2.04736h-9.4286v9.42854h9.4286z" fill="#7fba00"/><path d="m21.953 12.5234h-9.4286v9.4286h9.4286z" fill="#ffb900"/></svg>

package/src/component/providers/windows-light.svg ADDED Viewed

	@@ -0,0 +1 @@
1	+ <svg fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m11.4754 2.04736h-9.42852v9.42854h9.42852z" fill="#f25022"/><path d="m11.4754 12.5234h-9.42852v9.4286h9.42852z" fill="#00a4ef"/><path d="m21.953 2.04736h-9.4286v9.42854h9.4286z" fill="#7fba00"/><path d="m21.953 12.5234h-9.4286v9.4286h9.4286z" fill="#ffb900"/></svg>

package/src/theme.js ADDED Viewed

@@ -0,0 +1,44 @@
+import { UserPasskeysClass } from './component/UserPasskeysClass';
+import globals from '@descope-ui/theme-globals';
+export const vars = UserPasskeysClass.cssVarList;
+const userPasskeys = {
+  [vars.hostWidth]: 'auto',
+  [vars.hostWidth]: '300px',
+  [vars.hostMinWidth]: '300px',
+  [vars.headerGap]: globals.spacing.lg,
+  [vars.listGap]: globals.spacing.xl,
+  [vars.listBackgroundColor]: 'transparent',
+  [vars.listBorderRadius]: '0',
+  [vars.listBorderWidth]: '0',
+  [vars.listPadding]: '0',
+  [vars.listBoxShadow]: 'none',
+  [vars.listItemsGap]: globals.spacing.lg,
+  [vars.itemBorderColor]: globals.colors.surface.light,
+  [vars.itemVerticalPadding]: globals.spacing.lg,
+  [vars.itemHorizontalPadding]: globals.spacing.lg,
+  [vars.itemBorderRadius]: globals.radius.xs,
+  [vars.itemOutline]: 'transparent',
+  [vars.itemBackgroundColor]: 'transparent',
+  [vars.itemCursor]: 'default',
+  [vars.itemContentGap]: globals.spacing.sm,
+  [vars.itemPanelGap]: globals.spacing.md,
+  [vars.itemIconGap]: globals.spacing.md,
+  [vars.itemIconSize]: '24px',
+  [vars.addButtonGap]: globals.spacing.sm,
+  [vars.dateGap]: globals.spacing.xs,
+  [vars.removeButtonGap]: globals.spacing.sm,
+  _fullWidth: {
+    [vars.hostWidth]: '100%',
+  },
+};
+export default userPasskeys;

package/stories/descope-user-passkeys.stories.js ADDED Viewed

@@ -0,0 +1,175 @@
+import { componentName } from '../src/component';
+import {
+  directionControl,
+  fullWidthControl,
+  readOnlyControl,
+} from '@descope-ui/common/sb-controls';
+import methodIcon from './icons/method-icon.svg';
+import buttonIcon from './icons/button-icon.svg';
+import removeIcon from './icons/remove-icon.svg';
+const createUTCDate = (year, month, day, index = 0) => {
+  const hours = (index * 2 + 8) % 24; // Start at 8AM, increment by 2 hours per index
+  const minutes = (index * 15) % 60; // Increment by 15 minutes per index
+  return Date.UTC(year, month - 1, day, hours, minutes);
+};
+const generateDeviceName = (index, useLongNames = false) => {
+  if (useLongNames) {
+    const longNames = [
+      'Apple MacBook Pro (Touch ID) – iCloud Keychain passkey registered via Safari on macOS Sonoma',
+      'iPhone 15 Pro (Face ID) – iCloud Keychain passkey registered via Safari on iOS 17',
+      'YubiKey 5C NFC – FIDO2 hardware security key passkey registered via Chrome on Ubuntu 22.04',
+      'Samsung Galaxy S24 (Fingerprint) – Google Password Manager passkey registered via Chrome on Android 14',
+      'Windows Hello (PIN) – Microsoft Authenticator passkey registered via Edge on Windows 11',
+    ];
+    return longNames[index % longNames.length];
+  }
+  return `Vendor ${index + 1}`;
+};
+const generateDeviceData = (numberOfItems, useLongNames = false) => {
+  return Array.from({ length: Number(numberOfItems) }, (_, i) => {
+    return {
+      id: `vendor-id-${i + 1}`,
+      name: generateDeviceName(i, useLongNames),
+      passkeyType: ['apple', 'google', 'windows', 'other'][i % 4],
+      createdAt: createUTCDate(2025, i + 1, i + 4, i),
+    };
+  });
+};
+const Template = ({
+  label,
+  'add-passkey-button-label': addPasskeyButtonLabel,
+  'created-at-label': createdAtLabel,
+  'full-width': fullWidth,
+  'allow-remove': allowRemove,
+  readonly,
+  format,
+  direction,
+  'st-list-items-gap': stListItemsGap,
+  'st-item-horizontal-padding': stItemHorizontalPadding,
+  'st-item-vertical-padding': stItemVerticalPadding,
+  showMethodIcon,
+  showButtonIcon,
+  showRemoveIcon,
+  removeButtonLabel,
+}) => `
+  <descope-user-passkeys
+    label="${label || ''}"
+    add-passkey-button-label="${addPasskeyButtonLabel || ''}"
+    created-at-label="${createdAtLabel || ''}"
+    allow-remove="${allowRemove || false}"
+    format="${format || ''}"
+    full-width="${fullWidth || false}"
+    readonly="${readonly || false}"
+    st-host-direction="${direction || ''}"
+    st-list-items-gap="${stListItemsGap || ''}"
+    st-item-horizontal-padding="${stItemHorizontalPadding || ''}"
+    st-item-vertical-padding="${stItemVerticalPadding || ''}"
+  >
+    ${showMethodIcon && `<img src="${methodIcon}" slot="method-icon" />`}
+    ${showButtonIcon && `<img src="${buttonIcon}" slot="button-icon" />`}
+    ${allowRemove && showRemoveIcon ? `<img src="${removeIcon}" slot="remove-button" />` : ''}
+    ${allowRemove ? `<span slot="remove-button">${removeButtonLabel || 'Remove'}</span>` : ''}
+  </descope-user-passkeys>
+`;
+export default {
+  component: componentName,
+  title: 'descope-user-passkeys',
+  decorators: [
+    (story, { args }) => {
+      setTimeout(() => {
+        const comp = document.querySelector('descope-user-passkeys');
+        comp.data = generateDeviceData(args.numberOfItems, args.useLongNames);
+      });
+      return story();
+    },
+    (story) => {
+      setTimeout(() => {
+        const component = document.querySelector('descope-user-passkeys');
+        if (component) {
+          component.addEventListener('add-passkey-clicked', (e) => {
+            if (window && window.__STORYBOOK_ADDONS_CHANNEL__) {
+              window.__STORYBOOK_ADDONS_CHANNEL__.emit(
+                'storybook/actions/action-event',
+                {
+                  id: 'AddPasskeyClicked',
+                  data: [e.detail],
+                  options: { name: 'Add Passkey Clicked' },
+                },
+              );
+            }
+          });
+          component.addEventListener('remove-passkey-clicked', (e) => {
+            if (window && window.__STORYBOOK_ADDONS_CHANNEL__) {
+              window.__STORYBOOK_ADDONS_CHANNEL__.emit(
+                'storybook/actions/action-event',
+                {
+                  id: 'RemovePasskeyClicked',
+                  data: [e.detail],
+                  options: { name: 'Remove Passkey Clicked' },
+                },
+              );
+            }
+          });
+        }
+      });
+      return story();
+    },
+  ],
+  argTypes: {
+    ...directionControl,
+    ...readOnlyControl,
+    ...fullWidthControl,
+    'add-passkey-button-label': {
+      control: { type: 'text' },
+    },
+    removeButtonLabel: {
+      control: { type: 'text' },
+    },
+    'created-at-label': {
+      control: { type: 'text' },
+    },
+    format: {
+      control: { type: 'select' },
+      options: ['MM-DD-YYYY', 'DD-MM-YYYY', 'YYYY-MM-DD'],
+    },
+    'allow-remove': {
+      control: { type: 'boolean' },
+    },
+    useLongNames: {
+      control: { type: 'boolean' },
+      name: 'Use Long Device Names',
+    },
+    numberOfItems: {
+      control: { type: 'number', min: 0 },
+    },
+    showRemoveIcon: {
+      control: { type: 'boolean' },
+    },
+  },
+};
+export const Default = Template.bind({});
+Default.args = {
+  label: 'Passkey',
+  'add-passkey-button-label': 'Add',
+  removeButtonLabel: 'Remove',
+  'created-at-label': 'Date added:',
+  format: 'MM-DD-YYYY',
+  'st-list-items-gap': '',
+  'st-item-horizontal-padding': '',
+  'st-item-vertical-padding': '',
+  useLongNames: false,
+  numberOfItems: 5,
+  showMethodIcon: true,
+  showButtonIcon: true,
+  showRemoveIcon: false,
+};

package/stories/icons/button-icon.svg ADDED Viewed

@@ -0,0 +1,3 @@
+  <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M5.2181 5.2181H1.22305C0.791359 5.2181 0.441406 5.56805 0.441406 5.99974C0.441406 6.43143 0.791359 6.78138 1.22305 6.78138H5.2181V10.7764C5.2181 11.2081 5.56805 11.5581 5.99974 11.5581C6.43143 11.5581 6.78138 11.2081 6.78138 10.7764V6.78138H10.7764C11.2081 6.78138 11.5581 6.43143 11.5581 5.99974C11.5581 5.56805 11.2081 5.2181 10.7764 5.2181H6.78138V1.22305C6.78138 0.791359 6.43143 0.441406 5.99974 0.441406C5.56805 0.441406 5.2181 0.791359 5.2181 1.22305V5.2181Z" fill="#006AF5"/>
+  </svg>

package/stories/icons/method-icon.svg ADDED Viewed

@@ -0,0 +1,3 @@
+  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M17.8093 4.47C17.7293 4.47 17.6493 4.45 17.5793 4.41C15.6593 3.42 13.9993 3 12.0093 3C10.0293 3 8.14925 3.47 6.43925 4.41C6.19925 4.54 5.89925 4.45 5.75925 4.21C5.62925 3.97 5.71925 3.66 5.95925 3.53C7.81925 2.52 9.85925 2 12.0093 2C14.1393 2 15.9993 2.47 18.0393 3.52C18.2893 3.65 18.3793 3.95 18.2493 4.19C18.1593 4.37 17.9893 4.47 17.8093 4.47ZM3.49925 9.72C3.39925 9.72 3.29925 9.69 3.20925 9.63C2.97925 9.47 2.92925 9.16 3.08925 8.93C4.07925 7.53 5.33925 6.43 6.83925 5.66C9.97925 4.04 13.9993 4.03 17.1493 5.65C18.6493 6.42 19.9093 7.51 20.8993 8.9C21.0593 9.12 21.0093 9.44 20.7793 9.6C20.5493 9.76 20.2393 9.71 20.0793 9.48C19.1793 8.22 18.0393 7.23 16.6893 6.54C13.8193 5.07 10.1493 5.07 7.28925 6.55C5.92925 7.25 4.78925 8.25 3.88925 9.51C3.80925 9.65 3.65925 9.72 3.49925 9.72ZM9.74925 21.79C9.61925 21.79 9.48925 21.74 9.39925 21.64C8.52925 20.77 8.05925 20.21 7.38925 19C6.69925 17.77 6.33925 16.27 6.33925 14.66C6.33925 11.69 8.87925 9.27 11.9993 9.27C15.1193 9.27 17.6593 11.69 17.6593 14.66C17.6593 14.94 17.4393 15.16 17.1593 15.16C16.8793 15.16 16.6593 14.94 16.6593 14.66C16.6593 12.24 14.5693 10.27 11.9993 10.27C9.42925 10.27 7.33925 12.24 7.33925 14.66C7.33925 16.1 7.65925 17.43 8.26925 18.51C8.90925 19.66 9.34925 20.15 10.1193 20.93C10.3093 21.13 10.3093 21.44 10.1193 21.64C10.0093 21.74 9.87925 21.79 9.74925 21.79ZM16.9193 19.94C15.7293 19.94 14.6793 19.64 13.8193 19.05C12.3293 18.04 11.4393 16.4 11.4393 14.66C11.4393 14.38 11.6593 14.16 11.9393 14.16C12.2193 14.16 12.4393 14.38 12.4393 14.66C12.4393 16.07 13.1593 17.4 14.3793 18.22C15.0893 18.7 15.9193 18.93 16.9193 18.93C17.1593 18.93 17.5593 18.9 17.9593 18.83C18.2293 18.78 18.4893 18.96 18.5393 19.24C18.5893 19.51 18.4093 19.77 18.1293 19.82C17.5593 19.93 17.0593 19.94 16.9193 19.94ZM14.9093 22C14.8693 22 14.8193 21.99 14.7793 21.98C13.1893 21.54 12.1493 20.95 11.0593 19.88C9.65925 18.49 8.88925 16.64 8.88925 14.66C8.88925 13.04 10.2693 11.72 11.9693 11.72C13.6693 11.72 15.0493 13.04 15.0493 14.66C15.0493 15.73 15.9793 16.6 17.1293 16.6C18.2793 16.6 19.2093 15.73 19.2093 14.66C19.2093 10.89 15.9593 7.83 11.9593 7.83C9.11925 7.83 6.51925 9.41 5.34925 11.86C4.95925 12.67 4.75925 13.62 4.75925 14.66C4.75925 15.44 4.82925 16.67 5.42925 18.27C5.52925 18.53 5.39925 18.82 5.13925 18.91C4.87925 19.01 4.58925 18.87 4.49925 18.62C4.00925 17.31 3.76925 16.01 3.76925 14.66C3.76925 13.46 3.99925 12.37 4.44925 11.42C5.77925 8.63 8.72925 6.82 11.9593 6.82C16.5093 6.82 20.2093 10.33 20.2093 14.65C20.2093 16.27 18.8293 17.59 17.1293 17.59C15.4293 17.59 14.0493 16.27 14.0493 14.65C14.0493 13.58 13.1193 12.71 11.9693 12.71C10.8193 12.71 9.88925 13.58 9.88925 14.65C9.88925 16.36 10.5493 17.96 11.7593 19.16C12.7093 20.1 13.6193 20.62 15.0293 21.01C15.2993 21.08 15.4493 21.36 15.3793 21.62C15.3293 21.85 15.1193 22 14.9093 22Z" fill="#808080"/>
+  </svg>