@onside/install-widget 1.1.0 → 1.1.1

package/dist-lib/install-widget.css

@@ -1 +1 @@
-@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:""}}}:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-serif:ui-serif,Georgia,Cambria,"Times New Roman",Times,serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-gray-200:oklch(92.8% .006 264.531);--color-black:#1e1c1f;--color-white:#fff;--spacing:.25rem;--container-lg:32rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-5xl:3rem;--text-5xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-bold:700;--radius-xs:.125rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--blur-sm:8px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--color-blue:#0a5eff;--color-buttonDisabled:#0a5eff33;--color-buttonHover:#337aff;--color-error:#ea001b;--color-lightGray:#f5f6f7;--color-tertiary:#1e1c1f99;--text-2xs:.6875rem;--text-2xs--line-height:1rem}.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing)*0)}.top-1\/2{top:50%}.left-1\/2{left:50%}.\!z-\[2147483647\]{z-index:2147483647!important}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.m-auto{margin:auto}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-5{margin-top:calc(var(--spacing)*5)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-8{margin-top:calc(var(--spacing)*8)}.mt-10{margin-top:calc(var(--spacing)*10)}.mt-10\!{margin-top:calc(var(--spacing)*10)!important}.mr-auto{margin-right:auto}.mb-8{margin-bottom:calc(var(--spacing)*8)}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-auto{margin-left:auto}.contents{display:contents}.flex{display:flex}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.size-4{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.size-5{width:calc(var(--spacing)*5);height:calc(var(--spacing)*5)}.size-16{width:calc(var(--spacing)*16);height:calc(var(--spacing)*16)}.h-dvh{height:100dvh}.h-full{height:100%}.max-h-\[calc\(100dvh-8px\)\]{max-height:calc(100dvh - 8px)}.min-h-0{min-height:calc(var(--spacing)*0)}.w-11\/12{width:91.6667%}.w-\[calc\(100\%-8px\)\]{width:calc(100% - 8px)}.w-full{width:100%}.max-w-\[85\%\]{max-width:85%}.max-w-\[calc\(100dvw-8px\)\]{max-width:calc(100dvw - 8px)}.max-w-lg{max-width:var(--container-lg)}.min-w-\[206px\]{min-width:206px}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.grow{flex-grow:1}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-2{--tw-translate-y:calc(var(--spacing)*-2);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-0{--tw-translate-y:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.transform-gpu{transform:translateZ(0)var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.list-decimal{list-style-type:decimal}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing)*1)}.gap-2{gap:calc(var(--spacing)*2)}.gap-2\.5{gap:calc(var(--spacing)*2.5)}.gap-3{gap:calc(var(--spacing)*3)}.gap-5{gap:calc(var(--spacing)*5)}.gap-6{gap:calc(var(--spacing)*6)}.gap-12{gap:calc(var(--spacing)*12)}.gap-\[6px\]{gap:6px}.gap-x-1{column-gap:calc(var(--spacing)*1)}.gap-y-2{row-gap:calc(var(--spacing)*2)}.self-start{align-self:flex-start}.overflow-hidden{overflow:hidden}.overflow-x-scroll{overflow-x:scroll}.overflow-y-auto{overflow-y:auto}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:3.40282e38px}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t-2xl{border-top-left-radius:var(--radius-2xl);border-top-right-radius:var(--radius-2xl)}.rounded-t-\[20px\]{border-top-left-radius:20px;border-top-right-radius:20px}.border{border-style:var(--tw-border-style);border-width:1px}.border-8{border-style:var(--tw-border-style);border-width:8px}.border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.border-\[\#e2eaf8\]{border-color:#e2eaf8}.border-blue{border-color:var(--color-blue)}.border-white{border-color:var(--color-white)}.\!bg-lightGray{background-color:var(--color-lightGray)!important}.bg-\[\#e2eaf8\]{background-color:#e2eaf8}.bg-black{background-color:var(--color-black)}.bg-black\/50{background-color:#1e1c1f80}@supports (color:color-mix(in lab,red,red)){.bg-black\/50{background-color:color-mix(in oklab,var(--color-black)50%,transparent)}}.bg-blue{background-color:var(--color-blue)}.bg-buttonHover\!{background-color:var(--color-buttonHover)!important}.bg-lightGray{background-color:var(--color-lightGray)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.stroke-blue{stroke:var(--color-blue)}.object-contain{object-fit:contain}.object-top{object-position:top}.\!p-\[10px\]{padding:10px!important}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.p-\[10px\]{padding:10px}.\!px-1\.5{padding-inline:calc(var(--spacing)*1.5)!important}.px-0\!{padding-inline:calc(var(--spacing)*0)!important}.px-1\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-5{padding-inline:calc(var(--spacing)*5)}.px-7{padding-inline:calc(var(--spacing)*7)}.px-8{padding-inline:calc(var(--spacing)*8)}.px-10{padding-inline:calc(var(--spacing)*10)}.\!py-0{padding-block:calc(var(--spacing)*0)!important}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.py-5{padding-block:calc(var(--spacing)*5)}.ps-6{padding-inline-start:calc(var(--spacing)*6)}.pt-7{padding-top:calc(var(--spacing)*7)}.text-center{text-align:center}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.font-serif{font-family:var(--font-serif)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-2xs{line-height:var(--text-2xs--line-height);font-size:var(--text-2xs);line-height:var(--tw-leading,var(--text-2xs--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.\!leading-10{--tw-leading:calc(var(--spacing)*10)!important;line-height:calc(var(--spacing)*10)!important}.leading-7{--tw-leading:calc(var(--spacing)*7);line-height:calc(var(--spacing)*7)}.leading-none{--tw-leading:1;line-height:1}.leading-none\!{--tw-leading:1!important;line-height:1!important}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.whitespace-nowrap{white-space:nowrap}.text-\[\#FF465D\]{color:#ff465d}.text-\[\#e2eaf8\]{color:#e2eaf8}.text-black{color:var(--color-black)}.text-black\/60{color:#1e1c1f99}@supports (color:color-mix(in lab,red,red)){.text-black\/60{color:color-mix(in oklab,var(--color-black)60%,transparent)}}.text-blue{color:var(--color-blue)}.text-error{color:var(--color-error)}.text-tertiary{color:var(--color-tertiary)}.text-white{color:var(--color-white)}.text-white\!{color:var(--color-white)!important}.opacity-0{opacity:0}.opacity-60{opacity:.6}.opacity-80{opacity:.8}.opacity-100{opacity:1}.shadow-14-50-98{box-shadow:9.42px 14.8px 39.02px #0e326214,37.67px 59.2px 71.3px #0e326212,86.1px 134.54px 95.52px #0e32620a,152.03px 238.13px 113.01px #0e326203,238.13px 371.32px 123.77px #0e326200}.outline-hidden{--tw-outline-style:none;outline-style:none}@media(forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition-\[opacity\,transform\]{transition-property:opacity,transform;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.outline-none{--tw-outline-style:none;outline-style:none}.\[bundle\:check\]{bundle:check}.duration-300{animation-duration:.3s}.ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)}.paused{animation-play-state:paused}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:-top-1:before{content:var(--tw-content);top:calc(var(--spacing)*-1)}.before\:left-1\/2:before{content:var(--tw-content);left:50%}.before\:block:before{content:var(--tw-content);display:block}.before\:size-2:before{content:var(--tw-content);width:calc(var(--spacing)*2);height:calc(var(--spacing)*2)}.before\:-translate-x-1\/2:before{content:var(--tw-content);--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.before\:rotate-45:before{content:var(--tw-content);rotate:45deg}.before\:rounded-xs:before{content:var(--tw-content);border-radius:var(--radius-xs)}.before\:bg-black:before{content:var(--tw-content);background-color:var(--color-black)}@media(hover:hover){.hover\:bg-\[\#e2eaf8\]:hover{background-color:#e2eaf8}.hover\:bg-blue:hover{background-color:var(--color-blue)}.hover\:bg-buttonHover:hover{background-color:var(--color-buttonHover)}.hover\:bg-gray-200:hover{background-color:var(--color-gray-200)}.hover\:bg-white:hover{background-color:var(--color-white)}.hover\:text-blue:hover{color:var(--color-blue)}.hover\:text-white:hover{color:var(--color-white)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-60:hover{opacity:.6}.hover\:opacity-75:hover{opacity:.75}.hover\:opacity-90:hover{opacity:.9}}.focus\:bg-\[\#e2eaf8\]:focus{background-color:#e2eaf8}.focus\:bg-blue:focus{background-color:var(--color-blue)}.focus\:bg-white:focus{background-color:var(--color-white)}.focus\:text-blue:focus{color:var(--color-blue)}.focus\:text-white:focus{color:var(--color-white)}.focus\:underline:focus{text-decoration-line:underline}.focus\:opacity-100:focus{opacity:1}.disabled\:bg-buttonDisabled:disabled{background-color:var(--color-buttonDisabled)}.disabled\:opacity-50:disabled{opacity:.5}.data-\[state\=closed\]\:animate-out[data-state=closed]{--tw-exit-opacity:initial;--tw-exit-scale:initial;--tw-exit-rotate:initial;--tw-exit-translate-x:initial;--tw-exit-translate-y:initial;animation-name:exit;animation-duration:.15s}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state=closed]{--tw-exit-translate-x:-50%}.data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state=closed]{--tw-exit-translate-y:-48%}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.data-\[state\=open\]\:animate-in[data-state=open]{--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial;animation-name:enter;animation-duration:.15s}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity:0}.data-\[state\=open\]\:slide-in-from-left-1\/2[data-state=open]{--tw-enter-translate-x:-50%}.data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state=open]{--tw-enter-translate-y:-48%}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}@media(min-width:40rem){.sm\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.sm\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0))}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@keyframes spin{to{transform:rotate(360deg)}}
+@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:""}}}@layer theme{:root,:host{--font-sans:var(--font-geist),ui-sans-serif,system-ui,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji",sans-serif;--font-serif:var(--font-tiktok),ui-serif,Georgia,Cambria,"Times New Roman",Times,serif;--font-mono:var(--font-geist-mono),ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-gray-200:oklch(92.8% .006 264.531);--color-black:#1e1c1f;--color-white:#fff;--spacing:.25rem;--container-lg:32rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-5xl:3rem;--text-5xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-bold:700;--radius-xs:.125rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--blur-sm:8px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-blue:#0a5eff;--color-buttonDisabled:#0a5eff33;--color-buttonHover:#337aff;--color-error:#ea001b;--color-lightGray:#f5f5f7;--color-surface15:#fafafc;--color-tertiary:#1e1c1f99;--font-geist:"Geist";--font-geist-mono:"Geist Mono";--font-tiktok:"TikTok Sans";--text-2xs:.6875rem;--text-2xs--line-height:1rem;--tango-gradient:linear-gradient(94deg,#ff465d .27%,#f711ba 77.9%)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing)*0)}.top-1\/2{top:50%}.left-1\/2{left:50%}.\!z-\[2147483647\]{z-index:2147483647!important}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.m-auto{margin:auto}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-5{margin-top:calc(var(--spacing)*5)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-8{margin-top:calc(var(--spacing)*8)}.mt-10{margin-top:calc(var(--spacing)*10)}.mt-10\!{margin-top:calc(var(--spacing)*10)!important}.mr-auto{margin-right:auto}.mb-8{margin-bottom:calc(var(--spacing)*8)}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-auto{margin-left:auto}.contents{display:contents}.flex{display:flex}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.size-4{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.size-16{width:calc(var(--spacing)*16);height:calc(var(--spacing)*16)}.h-dvh{height:100dvh}.h-full{height:100%}.max-h-\[calc\(100dvh-8px\)\]{max-height:calc(100dvh - 8px)}.min-h-0{min-height:calc(var(--spacing)*0)}.min-h-\[100dvh\]{min-height:100dvh}.w-11\/12{width:91.6667%}.w-\[calc\(100\%-8px\)\]{width:calc(100% - 8px)}.w-full{width:100%}.max-w-\[85\%\]{max-width:85%}.max-w-\[calc\(100dvw-8px\)\]{max-width:calc(100dvw - 8px)}.max-w-lg{max-width:var(--container-lg)}.min-w-\[206px\]{min-width:206px}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.grow{flex-grow:1}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-2{--tw-translate-y:calc(var(--spacing)*-2);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-0{--tw-translate-y:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.transform-gpu{transform:translateZ(0)var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.list-decimal{list-style-type:decimal}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing)*1)}.gap-2{gap:calc(var(--spacing)*2)}.gap-2\.5{gap:calc(var(--spacing)*2.5)}.gap-3{gap:calc(var(--spacing)*3)}.gap-5{gap:calc(var(--spacing)*5)}.gap-6{gap:calc(var(--spacing)*6)}.gap-12{gap:calc(var(--spacing)*12)}.gap-\[6px\]{gap:6px}.gap-x-1{column-gap:calc(var(--spacing)*1)}.gap-y-2{row-gap:calc(var(--spacing)*2)}.self-start{align-self:flex-start}.overflow-hidden{overflow:hidden}.overflow-x-scroll{overflow-x:scroll}.overflow-y-auto{overflow-y:auto}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:3.40282e38px}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t-2xl{border-top-left-radius:var(--radius-2xl);border-top-right-radius:var(--radius-2xl)}.rounded-t-\[20px\]{border-top-left-radius:20px;border-top-right-radius:20px}.border{border-style:var(--tw-border-style);border-width:1px}.border-8{border-style:var(--tw-border-style);border-width:8px}.border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.border-\[\#e2eaf8\]{border-color:#e2eaf8}.border-blue{border-color:var(--color-blue)}.border-white{border-color:var(--color-white)}.\!bg-lightGray{background-color:var(--color-lightGray)!important}.bg-\[\#e2eaf8\]{background-color:#e2eaf8}.bg-black{background-color:var(--color-black)}.bg-black\/50{background-color:#1e1c1f80}@supports (color:color-mix(in lab,red,red)){.bg-black\/50{background-color:color-mix(in oklab,var(--color-black)50%,transparent)}}.bg-blue{background-color:var(--color-blue)}.bg-buttonHover\!{background-color:var(--color-buttonHover)!important}.bg-lightGray{background-color:var(--color-lightGray)}.bg-surface15{background-color:var(--color-surface15)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.stroke-blue{stroke:var(--color-blue)}.object-contain{object-fit:contain}.object-top{object-position:top}.\!p-\[10px\]{padding:10px!important}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.p-\[10px\]{padding:10px}.\!px-1\.5{padding-inline:calc(var(--spacing)*1.5)!important}.px-0\!{padding-inline:calc(var(--spacing)*0)!important}.px-1\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-5{padding-inline:calc(var(--spacing)*5)}.px-7{padding-inline:calc(var(--spacing)*7)}.px-8{padding-inline:calc(var(--spacing)*8)}.px-10{padding-inline:calc(var(--spacing)*10)}.\!py-0{padding-block:calc(var(--spacing)*0)!important}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.py-5{padding-block:calc(var(--spacing)*5)}.ps-6{padding-inline-start:calc(var(--spacing)*6)}.pt-7{padding-top:calc(var(--spacing)*7)}.text-center{text-align:center}.font-mono{font-family:var(--font-mono);letter-spacing:.072em;text-transform:uppercase}.font-sans{font-family:var(--font-sans);letter-spacing:-.016em}.font-serif{font-family:var(--font-serif);letter-spacing:-.045em}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.font-serif{font-family:var(--font-serif)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-2xs{line-height:var(--text-2xs--line-height);font-size:var(--text-2xs);line-height:var(--tw-leading,var(--text-2xs--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.\!leading-10{--tw-leading:calc(var(--spacing)*10)!important;line-height:calc(var(--spacing)*10)!important}.leading-7{--tw-leading:calc(var(--spacing)*7);line-height:calc(var(--spacing)*7)}.leading-none{--tw-leading:1;line-height:1}.leading-none\!{--tw-leading:1!important;line-height:1!important}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.whitespace-nowrap{white-space:nowrap}.text-\[\#FF465D\]{color:#ff465d}.text-\[\#e2eaf8\]{color:#e2eaf8}.text-black{color:var(--color-black)}.text-black\/60{color:#1e1c1f99}@supports (color:color-mix(in lab,red,red)){.text-black\/60{color:color-mix(in oklab,var(--color-black)60%,transparent)}}.text-blue{color:var(--color-blue)}.text-error{color:var(--color-error)}.text-tertiary{color:var(--color-tertiary)}.text-white{color:var(--color-white)}.text-white\!{color:var(--color-white)!important}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-60{opacity:.6}.opacity-80{opacity:.8}.opacity-100{opacity:1}.shadow-14-50-98{box-shadow:9.42px 14.8px 39.02px #0e326214,37.67px 59.2px 71.3px #0e326212,86.1px 134.54px 95.52px #0e32620a,152.03px 238.13px 113.01px #0e326203,238.13px 371.32px 123.77px #0e326200}.outline-hidden{--tw-outline-style:none;outline-style:none}@media(forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition-\[opacity\,transform\]{transition-property:opacity,transform;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.outline-none{--tw-outline-style:none;outline-style:none}.\[bundle\:check\]{bundle:check}.duration-300{animation-duration:.3s}.ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)}.paused{animation-play-state:paused}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:-top-1:before{content:var(--tw-content);top:calc(var(--spacing)*-1)}.before\:left-1\/2:before{content:var(--tw-content);left:50%}.before\:block:before{content:var(--tw-content);display:block}.before\:size-2:before{content:var(--tw-content);width:calc(var(--spacing)*2);height:calc(var(--spacing)*2)}.before\:-translate-x-1\/2:before{content:var(--tw-content);--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.before\:rotate-45:before{content:var(--tw-content);rotate:45deg}.before\:rounded-xs:before{content:var(--tw-content);border-radius:var(--radius-xs)}.before\:bg-black:before{content:var(--tw-content);background-color:var(--color-black)}@media(hover:hover){.hover\:bg-\[\#e2eaf8\]:hover{background-color:#e2eaf8}.hover\:bg-blue:hover{background-color:var(--color-blue)}.hover\:bg-buttonHover:hover{background-color:var(--color-buttonHover)}.hover\:bg-gray-200:hover{background-color:var(--color-gray-200)}.hover\:bg-white:hover{background-color:var(--color-white)}.hover\:text-blue:hover{color:var(--color-blue)}.hover\:text-white:hover{color:var(--color-white)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-60:hover{opacity:.6}.hover\:opacity-75:hover{opacity:.75}.hover\:opacity-90:hover{opacity:.9}}.focus\:bg-\[\#e2eaf8\]:focus{background-color:#e2eaf8}.focus\:bg-blue:focus{background-color:var(--color-blue)}.focus\:bg-white:focus{background-color:var(--color-white)}.focus\:text-blue:focus{color:var(--color-blue)}.focus\:text-white:focus{color:var(--color-white)}.focus\:underline:focus{text-decoration-line:underline}.focus\:opacity-100:focus{opacity:1}.disabled\:bg-buttonDisabled:disabled{background-color:var(--color-buttonDisabled)}.disabled\:opacity-50:disabled{opacity:.5}.data-\[state\=closed\]\:animate-out[data-state=closed]{--tw-exit-opacity:initial;--tw-exit-scale:initial;--tw-exit-rotate:initial;--tw-exit-translate-x:initial;--tw-exit-translate-y:initial;animation-name:exit;animation-duration:.15s}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state=closed]{--tw-exit-translate-x:-50%}.data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state=closed]{--tw-exit-translate-y:-48%}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.data-\[state\=open\]\:animate-in[data-state=open]{--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial;animation-name:enter;animation-duration:.15s}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity:0}.data-\[state\=open\]\:slide-in-from-left-1\/2[data-state=open]{--tw-enter-translate-x:-50%}.data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state=open]{--tw-enter-translate-y:-48%}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}@media(min-width:40rem){.sm\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.sm\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}.tango-gradient-text{background-image:var(--tango-gradient);color:#0000;-webkit-background-clip:text;background-clip:text}.tango-gradient-bg{background-image:var(--tango-gradient)}.tango-gradient-border{background:linear-gradient(#fff,#fff)padding-box,var(--tango-gradient)border-box;border:1px solid #0000}}button{cursor:pointer}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0))}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@keyframes spin{to{transform:rotate(360deg)}}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onside/install-widget",
-  "version": "1.1.0",
+  "version": "1.1.1",
   "type": "module",
   "description": "Onside install button widget for partner landings",
   "keywords": [
@@ -14,6 +14,8 @@
   },
   "scripts": {
     "dev": "vite",
+    "storybook": "storybook dev -p 6006",
+    "storybook:build": "storybook build",
     "sync:cdn-manifest": "node scripts/sync-cdn-manifest.mjs",
     "build": "tsc -b && vite build",
     "build:lib": "tsc -b && vite build --config vite.config.lib.ts",
@@ -65,10 +67,15 @@
     "zustand": "^5.0.11"
   },
   "devDependencies": {
-    "@tailwindcss/postcss": "^4.1.18",
     "@changesets/cli": "^2.29.8",
     "@eslint/js": "^9.39.2",
     "@playwright/test": "^1.58.2",
+    "@storybook/addon-essentials": "^8.6.17",
+    "@storybook/addon-interactions": "^8.6.17",
+    "@storybook/react": "^8.6.17",
+    "@storybook/react-vite": "^8.6.17",
+    "@storybook/test": "^8.6.17",
+    "@tailwindcss/postcss": "^4.1.18",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.2",
     "@types/node": "^24.0.10",
@@ -89,6 +96,7 @@
     "prettier-plugin-tailwindcss": "^0.6.13",
     "react": "^19.2.4",
     "react-dom": "^19.2.4",
+    "storybook": "^8.6.17",
     "tailwind-merge": "^3.3.1",
     "tailwindcss": "^4.1.18",
     "tailwindcss-animate": "^1.0.7",

package/dist-lib/index-BzQo1EMv.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("react"),C=require("./Dialog-BRBYK08a.cjs"),M=require("./FaqModal-BspE3dHf.cjs"),o=require("./install-package-Dkv3eM_d.cjs"),p=require("./utils.cjs"),r=require("./cdn-BonUyxCA.cjs"),q=()=>{const[t,s]=l.useState(!1),n=l.useCallback(()=>{s(!1)},[]),a=l.useCallback(()=>{s(!0)},[]);return{isOpenFaq:t,onCloseFaqModal:n,onOpenFaqModal:a,setIsOpenFaq:s}},g=({openFaq:t})=>{const{modal:s}=o.useMessages();return e.jsxs("div",{className:"flex flex-row items-center justify-center gap-2",children:[e.jsx("p",{className:"font-sans text-lg font-medium",children:s.faq.needHelp}),e.jsx(o.Button,{className:"px-0! font-sans text-lg font-normal",color:"blue",onClick:t,variant:"transparent",children:s.faq.faqLink})]})},_=({onSubmit:t,openFaq:s,step:n,openAppHref:a="#"})=>{const{modal:d}=o.useMessages();return n===1?e.jsxs(e.Fragment,{children:[e.jsx(o.InstallAppButton,{className:"w-full",handleCustomStep:t,location:"get_approved"}),e.jsx(g,{openFaq:s})]}):n===2?e.jsxs(e.Fragment,{children:[e.jsx(o.Button,{className:"w-full text-center",color:"blue",href:a,onClick:t,size:"lg",variant:"primary",children:d.getApproved.openAppButton}),e.jsx(g,{openFaq:s})]}):e.jsx(e.Fragment,{})},b=t=>{const{className:s,spinnerClasses:n,title:a="Loading..."}=t;return e.jsxs("div",{className:o.clsx("flex flex-col items-center justify-center gap-12",s),children:[e.jsx("h2",{className:"text-center !leading-10 text-lg font-medium",children:a}),e.jsx(o.SvgSpinner,{className:o.clsx("size-16 stroke-blue",n)})]})},S=r.cdn("/video/get-approved-poster.jpg"),k=r.cdn("/video/get-approved.mp4"),y=r.cdn("/video/open-onside-poster.jpg"),F=r.cdn("/video/open-onside.av1.mp4"),I=r.cdn("/video/open-onside.h264.mp4"),D=({step:t})=>{const{modal:s}=o.useMessages();return t===1?e.jsxs("div",{className:"mt-4 flex flex-col items-center",children:[e.jsx("h2",{className:"text-center font-sans text-lg font-normal",id:"get-approved",children:s.getApproved.title}),e.jsx("ol",{className:"mt-5 flex list-decimal flex-col gap-2 ps-6 font-sans text-base font-normal",children:s.getApproved.steps.map(n=>e.jsx("li",{children:n},n))}),e.jsx(r.VideoAutoplay,{ariaLabel:"Instruction demonstrating how to get approved for Onside",className:"w-[calc(100%-8px)] self-start",poster:S,children:e.jsx("source",{src:k,type:"video/mp4"})})]}):t===2?e.jsx(b,{className:"flex items-center justify-center",title:s.getApproved.installing}):t===3?e.jsxs("div",{className:"mt-4 flex flex-col items-center",children:[e.jsx("h2",{className:"text-center font-sans text-lg font-normal",id:"open-onside-app",children:s.getApproved.openApp}),e.jsx("div",{className:"mt-5 font-sans text-base font-normal",children:e.jsx("p",{children:s.getApproved.openAppDescription})}),e.jsxs(r.VideoAutoplay,{ariaLabel:"Instruction demonstrating how to open the Onside app",className:"mt-10! w-[calc(100%-8px)] self-start",poster:y,children:[e.jsx("source",{src:F,type:"video/mp4; codecs=av01.0.05M.08"}),e.jsx("source",{src:I,type:"video/mp4"})]})]}):null},P=t=>{const{open:s,onClose:n,onStep3Complete:a,openAppHref:d}=t,[i,u]=l.useState(1),{isOpenFaq:v,onCloseFaqModal:j,onOpenFaqModal:h}=q(),{installState:N}=p.resolveInstallConditions(p.getDeviceInfo()),m=N==="install_available",x=l.useMemo(()=>({2:{delay:o.AVERAGE_INSTALL_TIME,action:()=>u(3)},3:{delay:o.AVERAGE_CHECK_TIME,action:()=>a?.(),skip:!m||!a}}),[a,m]);l.useEffect(()=>{const c=x[i];if(!c||c?.skip)return;const O=setTimeout(c.action,c.delay);return()=>clearTimeout(O)},[i,x]);const f=l.useCallback(()=>{p.trackModalEvent("get_approved","click","close"),n(),setTimeout(()=>{u(1)},500)},[n]),E=l.useCallback(()=>{u(2),p.trackModalEvent("get_approved","click","install")},[]),A=l.useCallback(c=>{c||f()},[f]);return e.jsxs(e.Fragment,{children:[e.jsx(C.Dialog,{"aria-labelledby":"get-approved",className:"outline-hidden",footerContent:e.jsx(_,{openAppHref:d,onSubmit:E,openFaq:h,step:i}),isDisplayingMargins:!0,open:s,onOpenChange:A,children:e.jsx(D,{step:i})}),e.jsx(M.FaqModal,{isOpen:v,onClose:j})]})};exports.GetApprovedModal=P;

package/dist-lib/install-package-Dkv3eM_d.cjs

@@ -1 +0,0 @@
-"use strict";const s=require("react/jsx-runtime"),r=require("react"),k=require("./useInstallUrl-iPCPqYWB.cjs"),S=require("./utils.cjs"),$=require("zustand");require("./installUrlService-AjG03i8i.cjs");function H(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const n=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,n.get?n:{enumerable:!0,get:()=>e[o]})}}return t.default=e,Object.freeze(t)}const x=H(r);function L(e){var t,o,n="";if(typeof e=="string"||typeof e=="number")n+=e;else if(typeof e=="object")if(Array.isArray(e)){var a=e.length;for(t=0;t<a;t++)e[t]&&(o=L(e[t]))&&(n&&(n+=" "),n+=o)}else for(o in e)e[o]&&(n&&(n+=" "),n+=o);return n}function B(){for(var e,t,o=0,n="",a=arguments.length;o<a;o++)(e=arguments[o])&&(t=L(e))&&(n&&(n+=" "),n+=t);return n}function u(...e){return B(e)}const W={primary:"rounded-full whitespace-nowrap leading-none font-medium transition-bg font-sans duration-300 flex items-center justify-center text-center",secondary:"rounded-full whitespace-nowrap leading-none font-medium font-sans bg-transparent border transition-bg transition-color duration-300 flex items-center justify-center text-center",text:"whitespace-nowrap leading-none font-medium font-sans transition-colors duration-300 flex items-center justify-center text-center",transparent:"rounded-full whitespace-nowrap leading-none font-medium transition-opacity duration-300 flex items-center justify-center text-center"},Y={primary:{blue:"bg-blue text-white hover:bg-buttonHover focus:bg-blue disabled:bg-buttonDisabled",lightBlue:"bg-[#e2eaf8] text-blue hover:opacity-60 focus:opacity-100",white:"bg-white text-blue hover:opacity-90 focus:opacity-100 disabled:opacity-50"},secondary:{blue:"border-blue text-blue hover:bg-blue hover:text-white focus:bg-blue focus:text-white",lightBlue:"border-[#e2eaf8] text-[#e2eaf8] hover:bg-[#e2eaf8] hover:text-white focus:bg-[#e2eaf8] focus:text-white",white:"border-white text-white hover:bg-white hover:text-blue focus:bg-white focus:text-blue"},text:{blue:"bg-transparent text-blue hover:underline focus:underline",lightBlue:"bg-transparent text-[#e2eaf8] hover:underline focus:underline",white:"bg-transparent text-white hover:underline focus:underline"},transparent:{blue:"bg-transparent text-blue hover:opacity-75",lightBlue:"bg-transparent text-[#e2eaf8] hover:opacity-75",white:"bg-transparent text-white hover:opacity-75"}},K={lg:"py-4 px-8 font-sans font-medium text-lg sm:text-xl leading-none!",md:"py-3 px-5 font-sans font-medium text-base sm:text-lg leading-none!"};function w({className:e,...t}){const o=t.variant??"primary",n=t.color??"blue",a=t.size??"md",l=u(W[o],K[o!=="text"?a:"md"],Y[o][n],e);if(typeof t.href>"u"){const p=t;return s.jsx("button",{className:l,...p})}const i=t,m=("rel"in i?i.rel:void 0)??(i.target==="_blank"?"noopener noreferrer":void 0);return s.jsx("a",{className:l,rel:m,...i})}const f=" ",Z="ʹ",P={button:{install:"Install Onside",regionUnavailable:"Only available in the EU. Install from an eligible region.",androidOnly:"Onside is for iPhone and iPad",loading:"Loading...",linkError:"Unable to load install link. Please try again."},modal:{close:"Close",goToSafari:{title:"Open in Safari",caption:"Copy the link and open it in Safari to continue.",description:"Onside can only be installed from the Safari browser on your device.",openButton:"Open in Safari",linkCopied:"Link copied",linkPaste:"Paste the link in Safari"},updateIos:{title:"Update your iOS",description:"To install Onside, update your iPhone or iPad to the latest version of iOS.",breadcrumbs:["Settings","General","Software Update"]},getApproved:{title:"Get approved for Onside",steps:["Open the link and sign in with your Apple ID.","Complete the approval steps in the browser.","Return here and tap Install to continue."],installing:"Installing…",openApp:"Open the Onside app",openAppDescription:"Start using Onside from your home screen.",openAppButton:"Open app"},checkInstall:{title:"Did you install Onside?",description:"Let us know if the installation completed successfully.",yes:"Yes, I installed it",no:"No, I need help"},android:{title:"Onside is for iPhone and iPad",description:"To install Onside, please use an iPhone or iPad."},faq:{title:"Frequently asked questions",items:[{question:"How can I install Onside store app outside EU region?",answer:`You can install the${f}Onside store app only if${f}you are using your iPhone in${f}the${f}EU${f}region`},{question:`I am in EU region but still can${Z}t install Onside store app`,answer:"Turn off your VPN and check that country of your Appstore belongs to EU region. You can find instructions on how to change the region",action:{event:"change_region",word:"here"}},{question:`Could not install app due${f}to content restrictions`,answer:"Go to content restrictions in Settings, then “App Store, Media, Web & games” then “Apps” and set to unrated"},{question:"I have another problem",answer:"If you have any other problems, please",action:{event:"support",word:"contact us"}}],changeRegion:{title:`Change your App Store country to install Onside${f}store${f}app`,label:"To change, please go to:",breadcrumbs:["Settings","Your name","Media & Purchases","View Account","Country & Region","Change"],caption:"Then follow the on-screen instructions"},needHelp:"Need help?",faqLink:"FAQ",didntFind:"Didn’t find an answer?"}}},U=r.createContext(P),q=()=>r.useContext(U),Q=7*k.SEC_MS,R=7*k.SEC_MS,z=2*k.SEC_MS,G=$.create(e=>({activeModal:null,openModal:t=>e({activeModal:t}),closeModal:()=>e({activeModal:null})})),J={INSTALL_BUTTON_CLICK:"install_button_click"},X=(e={},t)=>({trackInstallEvent:a=>{const l=S.trackEvent(J.INSTALL_BUTTON_CLICK,{...e,event_type:a});l&&t?.onEvent?.(l)},trackOpenModalEvent:a=>{const l=S.trackModalEvent(a,"opened","install_button",{...e});l&&t?.onEvent?.(l)}}),ee=e=>e?"ios_18_6_plus":"install_click",te=(e,t)=>{e(ee(t))},ne=e=>{e("no_condition_matched")},oe=e=>{const{id:t,location:o="hero",customAnalytics:n,handleCustomStep:a,pathname:l}=e,i=S.resolveInstallConditions(S.getDeviceInfo()),m=i.installState==="install_available",{data:p,error:_}=k.useInstallUrl(m),b=p?.url??null,E=p?.onside_token??null,M=p?.attribution_token??null,h=p?.is_eligible??null,{openModal:c}=G(),[A,C]=r.useState(!1),I=r.useRef(void 0),{trackOpenModalEvent:d,trackInstallEvent:v}=X({page:l,location:o,button_id:t??void 0,onside_token:E??void 0,attribution_token:M??void 0},n),g=r.useCallback(()=>{C(!0);const y=setTimeout(()=>{C(!1)},z);return()=>clearTimeout(y)},[]),O=r.useCallback(y=>{if(!b||!k.isProduction){y.preventDefault();return}if(g(),a){setTimeout(()=>a(),100);return}te(v,i.usesNewInstallFlow),setTimeout(()=>{if(i.usesNewInstallFlow){clearTimeout(I.current),I.current=setTimeout(()=>{c("checkInstall"),d("check_install")},R);return}c("getApproved"),d("get_approved")},100)},[b,a,i.usesNewInstallFlow,v,d,c,g]),j=r.useCallback(()=>{if(g(),i.installState==="go_to_safari"){d("go_to_safari"),c("goToSafari");return}if(i.installState==="update_ios"){d("update_ios"),c("updateIOS");return}ne(v)},[i.installState,c,g,v,d]),N=r.useCallback(()=>{d("is_android"),c("isAndroid")},[c,d]);return{viewMode:i.installState==="android"?"android":A?"loading":b&&m?"link":"button",installUrl:b,error:_,isEligible:h,conditions:i,handleInstallClick:O,handleModalFlowClick:j,handleAndroidClick:N}},se=e=>x.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},x.createElement("path",{d:"M12.1268 5.74646C11.3368 5.74646 10.1139 4.84824 8.82613 4.88071C7.12708 4.90235 5.56872 5.8655 4.69214 7.39139C2.92817 10.454 4.23762 14.9776 5.95831 17.4667C6.80243 18.6787 7.79805 20.0423 9.11832 19.999C10.3845 19.9449 10.8607 19.1765 12.3974 19.1765C13.9233 19.1765 14.3562 19.999 15.6981 19.9665C17.0617 19.9449 17.9274 18.7328 18.7607 17.5099C19.7239 16.1031 20.1243 14.7395 20.1459 14.6638C20.1134 14.653 17.4945 13.6465 17.4621 10.6164C17.4404 8.084 19.5291 6.87195 19.6265 6.81784C18.436 5.0755 16.6071 4.88071 15.9686 4.83742C14.3021 4.70755 12.906 5.74646 12.1268 5.74646ZM14.9406 3.19248C15.644 2.34837 16.1093 1.16877 15.9795 0C14.973 0.0432878 13.761 0.670965 13.0359 1.51508C12.3866 2.26179 11.8238 3.46303 11.9753 4.61016C13.09 4.69673 14.2371 4.03659 14.9406 3.19248Z",fill:"currentColor"})),ae=({className:e,onClick:t,children:o,id:n,androidClassName:a,androidTextClassName:l})=>s.jsx(w,{id:n,className:u("bg-white px-7",e,a),variant:"secondary",size:"lg",onClick:t,children:s.jsxs("span",{className:"flex flex-row items-center gap-1",children:[s.jsx(se,{className:l?"text-[#FF465D]":void 0}),s.jsx("span",{className:u("flex-1",l),children:o})]})}),le=({href:e,onClick:t,children:o,className:n,id:a})=>s.jsx(w,{id:a,href:e,size:"lg",onClick:t,className:n,children:o}),V=e=>x.createElement("svg",{stroke:"customColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...e},x.createElement("style",null,".spinner_V8m1{transform-origin:center;animation:spinner_zKoa 2s linear infinite}.spinner_V8m1 circle{stroke-linecap:round;animation:spinner_YpZS 1.5s ease-in-out infinite}@keyframes spinner_zKoa{100%{transform:rotate(360deg)}}@keyframes spinner_YpZS{0%{stroke-dasharray:0 150;stroke-dashoffset:0}47.5%{stroke-dasharray:42 150;stroke-dashoffset:-16}95%,100%{stroke-dasharray:42 150;stroke-dashoffset:-59}}"),x.createElement("g",{className:"spinner_V8m1"},x.createElement("circle",{cx:12,cy:12,r:9.5,fill:"none",strokeWidth:3}))),re=e=>{const{id:t,className:o,children:n,showLoaderOnly:a}=e;return s.jsx(w,{id:t,className:u("px-8 py-4",o),disabled:!0,children:s.jsxs("span",{className:"flex items-center gap-2",children:[s.jsx(V,{className:"size-5 animate-spin stroke-blue"}),!a&&n]})})},ie=({message:e})=>s.jsx("p",{className:"mt-2 text-center text-sm text-error",children:e??"Unable to load install link. Please try again."}),D=r.createContext(!1),ce=()=>typeof window<"u"?window.location.pathname:"",de=e=>{const t=q(),{className:o,children:n,handleCustomStep:a,location:l="hero",caption:i,captionClassName:m,showCaption:p=!0,showLoaderOnly:_=!1,androidClassName:b,androidTextClassName:E,customAnalytics:M,id:h}=e,c=n??t.button.install,A=r.useRef(ce()),C=r.useContext(D),{viewMode:I,installUrl:d,error:v,isEligible:g,handleInstallClick:O,handleModalFlowClick:j,handleAndroidClick:N}=oe({id:h,location:l,customAnalytics:M,handleCustomStep:a,pathname:A.current});r.useEffect(()=>{},[C]);const T=p&&(!g||i)&&s.jsx("div",{className:u("text-2xs font-mono opacity-60",m),children:g?i:t.button.regionUnavailable}),y={android:s.jsx(ae,{id:h,className:o,androidClassName:b,androidTextClassName:E,onClick:N,children:t.button.androidOnly}),loading:s.jsx(re,{showLoaderOnly:_,id:h,className:u("bg-buttonHover!",o),children:t.button.loading}),link:s.jsxs(s.Fragment,{children:[s.jsxs(le,{id:h,className:u(o,"flex-col gap-1"),href:d??"",onClick:O,children:[c,T]}),v&&s.jsx(ie,{message:t.button.linkError})]}),button:s.jsxs(w,{id:h,className:u(o,"flex-col gap-1"),size:"lg",onClick:j,children:[c,T]})};return s.jsx(s.Fragment,{children:y[I]??y.button})};function F(e,t){if(!t)return e;const o={...e};for(const n of Object.keys(t)){const a=o[n],l=t[n];l!==void 0&&(typeof a=="object"&&a!==null&&!Array.isArray(a)&&typeof l=="object"&&l!==null&&!Array.isArray(l)?o[n]=F(a,l):o[n]=l)}return o}const ue=r.lazy(async()=>({default:(await Promise.resolve().then(()=>require("./AndroidPlatformModal-B_uF1M7D.cjs"))).AndroidPlatformModal})),pe=r.lazy(async()=>({default:(await Promise.resolve().then(()=>require("./GoToSafariModal-Be-O5A-M.cjs"))).GoToSafariModal})),fe=r.lazy(async()=>({default:(await Promise.resolve().then(()=>require("./UpdateIOSModal-Mxvo1zPl.cjs"))).UpdateIOSModal})),he=r.lazy(async()=>({default:(await Promise.resolve().then(()=>require("./index-BzQo1EMv.cjs"))).GetApprovedModal})),ge=r.lazy(async()=>({default:(await Promise.resolve().then(()=>require("./CheckInstallModal-ClGHu6XA.cjs"))).CheckInstallModal})),me=()=>{const{activeModal:e,closeModal:t,openModal:o}=G();let n=null;switch(e){case"goToSafari":n=s.jsx(pe,{open:!0,onClose:t});break;case"updateIOS":n=s.jsx(fe,{open:!0,onClose:t});break;case"isAndroid":n=s.jsx(ue,{open:!0,onClose:t});break;case"getApproved":n=s.jsx(he,{open:!0,onClose:t,onStep3Complete:()=>o("checkInstall")});break;case"checkInstall":n=s.jsx(ge,{open:!0,onClose:t});break;default:n=null}return s.jsx(r.Suspense,{fallback:null,children:n})},be=({children:e,messages:t})=>{const o=r.useMemo(()=>F(P,t),[t]);return s.jsx(U.Provider,{value:o,children:s.jsxs(D.Provider,{value:!0,children:[e,s.jsx(me,{})]})})};exports.AVERAGE_CHECK_TIME=R;exports.AVERAGE_INSTALL_TIME=Q;exports.AVERAGE_LOADING_TIME=z;exports.Button=w;exports.InstallAppButton=de;exports.InstallWidgetProvider=be;exports.SvgSpinner=V;exports.clsx=B;exports.cn=u;exports.defaultMessages=P;exports.useMessages=q;