@onside/install-widget 1.0.0 → 1.0.2

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.
@@ -0,0 +1 @@
1
+ *,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }:where([data-provider-widget-host]) *{all:revert}:where([data-provider-widget-host]){font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;color:inherit;--text-2xs: .6875rem;--text-2xs--line-height: 1rem}:where([data-provider-widget-host]) *,:where([data-provider-widget-host]) *:before,:where([data-provider-widget-host]) *:after{box-sizing:border-box;border:0 solid transparent}:where([data-provider-widget-host]) :is(h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd){margin:0}:where([data-provider-widget-host]) :is(ul,ol){margin:0;padding:0;list-style:none}:where([data-provider-widget-host]) a{color:inherit;text-decoration:none}:where([data-provider-widget-host]) img,:where([data-provider-widget-host]) video,:where([data-provider-widget-host]) svg{display:block;max-width:100%;height:auto}:where([data-provider-widget-host]) table{border-collapse:collapse;border-spacing:0;width:100%}:where([data-provider-widget-host]) :is(input,textarea,select,button){font:inherit;color:inherit;background:transparent;border-radius:0;outline:none}:where([data-provider-widget-host]) :is(button,[type=button],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button;background:none;border:none;cursor:pointer}:where([data-provider-widget-host]) :focus-visible{outline:2px solid currentColor;outline-offset:2px}.\!container{width:100%!important}.container{width:100%}@media(min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media(min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media(min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media(min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media(min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.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}[data-provider-widget-host] .pointer-events-auto{pointer-events:auto}[data-provider-widget-host] .visible{visibility:visible}[data-provider-widget-host] .static{position:static}[data-provider-widget-host] .fixed{position:fixed}[data-provider-widget-host] .relative{position:relative}[data-provider-widget-host] .inset-0{inset:0}[data-provider-widget-host] .left-1\/2{left:50%}[data-provider-widget-host] .top-1\/2{top:50%}[data-provider-widget-host] .\!z-\[2147483647\]{z-index:2147483647!important}[data-provider-widget-host] .m-auto{margin:auto}[data-provider-widget-host] .mb-8{margin-bottom:2rem}[data-provider-widget-host] .ml-1{margin-left:.25rem}[data-provider-widget-host] .ml-auto{margin-left:auto}[data-provider-widget-host] .mr-auto{margin-right:auto}[data-provider-widget-host] .mt-10{margin-top:2.5rem}[data-provider-widget-host] .mt-2{margin-top:.5rem}[data-provider-widget-host] .mt-3{margin-top:.75rem}[data-provider-widget-host] .mt-4{margin-top:1rem}[data-provider-widget-host] .mt-5{margin-top:1.25rem}[data-provider-widget-host] .mt-6{margin-top:1.5rem}[data-provider-widget-host] .mt-8{margin-top:2rem}[data-provider-widget-host] .flex{display:flex}[data-provider-widget-host] .inline-flex{display:inline-flex}[data-provider-widget-host] .hidden{display:none}[data-provider-widget-host] .size-16{width:4rem;height:4rem}[data-provider-widget-host] .size-4{width:1rem;height:1rem}[data-provider-widget-host] .size-5{width:1.25rem;height:1.25rem}[data-provider-widget-host] .h-dvh{height:100dvh}[data-provider-widget-host] .h-full{height:100%}[data-provider-widget-host] .max-h-\[calc\(100dvh-8px\)\]{max-height:calc(100dvh - 8px)}[data-provider-widget-host] .min-h-0{min-height:0px}[data-provider-widget-host] .w-11\/12{width:91.666667%}[data-provider-widget-host] .w-\[calc\(100\%-8px\)\]{width:calc(100% - 8px)}[data-provider-widget-host] .w-full{width:100%}[data-provider-widget-host] .min-w-\[206px\]{min-width:206px}[data-provider-widget-host] .max-w-\[85\%\]{max-width:85%}[data-provider-widget-host] .max-w-\[calc\(100dvw-8px\)\]{max-width:calc(100dvw - 8px)}[data-provider-widget-host] .max-w-lg{max-width:32rem}[data-provider-widget-host] .flex-1{flex:1 1 0%}[data-provider-widget-host] .flex-shrink-0{flex-shrink:0}[data-provider-widget-host] .grow{flex-grow:1}[data-provider-widget-host] .-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}[data-provider-widget-host] .-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}[data-provider-widget-host] .-translate-y-2{--tw-translate-y: -.5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}[data-provider-widget-host] .translate-y-0{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}[data-provider-widget-host] .transform-gpu{transform:translate3d(var(--tw-translate-x),var(--tw-translate-y),0) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(360deg)}}[data-provider-widget-host] .animate-spin{animation:spin 1s linear infinite}[data-provider-widget-host] .list-decimal{list-style-type:decimal}[data-provider-widget-host] .flex-row{flex-direction:row}[data-provider-widget-host] .flex-col{flex-direction:column}[data-provider-widget-host] .flex-wrap{flex-wrap:wrap}[data-provider-widget-host] .items-center{align-items:center}[data-provider-widget-host] .justify-center{justify-content:center}[data-provider-widget-host] .justify-between{justify-content:space-between}[data-provider-widget-host] .gap-1{gap:.25rem}[data-provider-widget-host] .gap-12{gap:3rem}[data-provider-widget-host] .gap-2{gap:.5rem}[data-provider-widget-host] .gap-2\.5{gap:.625rem}[data-provider-widget-host] .gap-3{gap:.75rem}[data-provider-widget-host] .gap-5{gap:1.25rem}[data-provider-widget-host] .gap-6{gap:1.5rem}[data-provider-widget-host] .gap-\[6px\]{gap:6px}[data-provider-widget-host] .gap-x-1{-moz-column-gap:.25rem;column-gap:.25rem}[data-provider-widget-host] .gap-y-2{row-gap:.5rem}[data-provider-widget-host] .self-start{align-self:flex-start}[data-provider-widget-host] .overflow-hidden{overflow:hidden}[data-provider-widget-host] .overflow-y-auto{overflow-y:auto}[data-provider-widget-host] .overflow-x-scroll{overflow-x:scroll}[data-provider-widget-host] .whitespace-nowrap{white-space:nowrap}[data-provider-widget-host] .rounded-2xl{border-radius:1rem}[data-provider-widget-host] .rounded-3xl{border-radius:1.5rem}[data-provider-widget-host] .rounded-\[var\(--onside-btn-radius\,9999px\)\]{border-radius:var(--onside-btn-radius,9999px)}[data-provider-widget-host] .rounded-full{border-radius:9999px}[data-provider-widget-host] .rounded-xl{border-radius:.75rem}[data-provider-widget-host] .rounded-t-2xl{border-top-left-radius:1rem;border-top-right-radius:1rem}[data-provider-widget-host] .rounded-t-\[20px\]{border-top-left-radius:20px;border-top-right-radius:20px}[data-provider-widget-host] .border{border-width:1px}[data-provider-widget-host] .border-8{border-width:8px}[data-provider-widget-host] .border-b-0{border-bottom-width:0px}[data-provider-widget-host] .border-\[\#e2eaf8\]{--tw-border-opacity: 1;border-color:rgb(226 234 248 / var(--tw-border-opacity, 1))}[data-provider-widget-host] .border-blue{--tw-border-opacity: 1;border-color:rgb(10 94 255 / var(--tw-border-opacity, 1))}[data-provider-widget-host] .border-white{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}[data-provider-widget-host] .\!bg-lightGray{--tw-bg-opacity: 1 !important;background-color:rgb(245 246 247 / var(--tw-bg-opacity, 1))!important}[data-provider-widget-host] .bg-\[\#e2eaf8\]{--tw-bg-opacity: 1;background-color:rgb(226 234 248 / var(--tw-bg-opacity, 1))}[data-provider-widget-host] .bg-\[var\(--onside-btn-bg\,\#0A5EFF\)\]{background-color:var(--onside-btn-bg,#0A5EFF)}[data-provider-widget-host] .bg-black{--tw-bg-opacity: 1;background-color:rgb(30 28 31 / var(--tw-bg-opacity, 1))}[data-provider-widget-host] .bg-black\/50{background-color:#1e1c1f80}[data-provider-widget-host] .bg-lightGray{--tw-bg-opacity: 1;background-color:rgb(245 246 247 / var(--tw-bg-opacity, 1))}[data-provider-widget-host] .bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}[data-provider-widget-host] .stroke-blue{stroke:#0a5eff}[data-provider-widget-host] .object-contain{-o-object-fit:contain;object-fit:contain}[data-provider-widget-host] .object-top{-o-object-position:top;object-position:top}[data-provider-widget-host] .\!p-\[10px\]{padding:10px!important}[data-provider-widget-host] .p-4{padding:1rem}[data-provider-widget-host] .p-6{padding:1.5rem}[data-provider-widget-host] .p-\[10px\]{padding:10px}[data-provider-widget-host] .\!px-1\.5{padding-left:.375rem!important;padding-right:.375rem!important}[data-provider-widget-host] .\!py-0{padding-top:0!important;padding-bottom:0!important}[data-provider-widget-host] .px-1\.5{padding-left:.375rem;padding-right:.375rem}[data-provider-widget-host] .px-10{padding-left:2.5rem;padding-right:2.5rem}[data-provider-widget-host] .px-2{padding-left:.5rem;padding-right:.5rem}[data-provider-widget-host] .px-4{padding-left:1rem;padding-right:1rem}[data-provider-widget-host] .px-7{padding-left:1.75rem;padding-right:1.75rem}[data-provider-widget-host] .px-8{padding-left:2rem;padding-right:2rem}[data-provider-widget-host] .px-\[var\(--onside-btn-px\,1\.25rem\)\]{padding-left:var(--onside-btn-px,1.25rem);padding-right:var(--onside-btn-px,1.25rem)}[data-provider-widget-host] .px-\[var\(--onside-btn-px\,2rem\)\]{padding-left:var(--onside-btn-px,2rem);padding-right:var(--onside-btn-px,2rem)}[data-provider-widget-host] .py-0\.5{padding-top:.125rem;padding-bottom:.125rem}[data-provider-widget-host] .py-3{padding-top:.75rem;padding-bottom:.75rem}[data-provider-widget-host] .py-4{padding-top:1rem;padding-bottom:1rem}[data-provider-widget-host] .py-5{padding-top:1.25rem;padding-bottom:1.25rem}[data-provider-widget-host] .py-\[var\(--onside-btn-py\,0\.75rem\)\]{padding-top:var(--onside-btn-py,.75rem);padding-bottom:var(--onside-btn-py,.75rem)}[data-provider-widget-host] .py-\[var\(--onside-btn-py\,1rem\)\]{padding-top:var(--onside-btn-py,1rem);padding-bottom:var(--onside-btn-py,1rem)}[data-provider-widget-host] .ps-6{padding-inline-start:1.5rem}[data-provider-widget-host] .pt-7{padding-top:1.75rem}[data-provider-widget-host] .text-center{text-align:center}[data-provider-widget-host] .font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}[data-provider-widget-host] .font-sans{font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}[data-provider-widget-host] .font-serif{font-family:ui-serif,Georgia,Cambria,Times New Roman,Times,serif}[data-provider-widget-host] .text-2xl{font-size:1.5rem;line-height:2rem}[data-provider-widget-host] .text-3xl{font-size:1.875rem;line-height:2.25rem}[data-provider-widget-host] .text-5xl{font-size:3rem;line-height:1}[data-provider-widget-host] .text-\[length\:var\(--onside-btn-font-size\,1\.125rem\)\]{font-size:var(--onside-btn-font-size,1.125rem)}[data-provider-widget-host] .text-\[length\:var\(--onside-btn-font-size\,1rem\)\]{font-size:var(--onside-btn-font-size,1rem)}[data-provider-widget-host] .text-base{font-size:1rem;line-height:1.5rem}[data-provider-widget-host] .text-lg{font-size:1.125rem;line-height:1.75rem}[data-provider-widget-host] .text-sm{font-size:.875rem;line-height:1.25rem}[data-provider-widget-host] .text-xl{font-size:1.25rem;line-height:1.75rem}[data-provider-widget-host] .text-xs{font-size:.75rem;line-height:1rem}[data-provider-widget-host] .\!font-medium{font-weight:500!important}[data-provider-widget-host] .font-bold{font-weight:700}[data-provider-widget-host] .font-medium{font-weight:500}[data-provider-widget-host] .font-normal{font-weight:400}[data-provider-widget-host] .\!leading-10{line-height:2.5rem!important}[data-provider-widget-host] .leading-7{line-height:1.75rem}[data-provider-widget-host] .leading-none{line-height:1}[data-provider-widget-host] .text-\[\#FF465D\]{--tw-text-opacity: 1;color:rgb(255 70 93 / var(--tw-text-opacity, 1))}[data-provider-widget-host] .text-\[\#e2eaf8\]{--tw-text-opacity: 1;color:rgb(226 234 248 / var(--tw-text-opacity, 1))}[data-provider-widget-host] .text-\[color\:var\(--onside-btn-text\,\#FFFFFF\)\]{color:var(--onside-btn-text,#FFFFFF)}[data-provider-widget-host] .text-black{--tw-text-opacity: 1;color:rgb(30 28 31 / var(--tw-text-opacity, 1))}[data-provider-widget-host] .text-black\/60{color:#1e1c1f99}[data-provider-widget-host] .text-blue{--tw-text-opacity: 1;color:rgb(10 94 255 / var(--tw-text-opacity, 1))}[data-provider-widget-host] .text-tertiary{color:#1e1c1f99}[data-provider-widget-host] .text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}[data-provider-widget-host] .opacity-0{opacity:0}[data-provider-widget-host] .opacity-100{opacity:1}[data-provider-widget-host] .opacity-60{opacity:.6}[data-provider-widget-host] .outline-none{outline:2px solid transparent;outline-offset:2px}[data-provider-widget-host] .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)}[data-provider-widget-host] .backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-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)}[data-provider-widget-host] .transition-\[opacity\,transform\]{transition-property:opacity,transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}[data-provider-widget-host] .transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}[data-provider-widget-host] .transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}[data-provider-widget-host] .duration-300{transition-duration:.3s}@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))}}[data-provider-widget-host] .duration-300{animation-duration:.3s}[data-provider-widget-host] .paused{animation-play-state:paused}[data-provider-widget-host] :is([data-provider-widget-host] .text-2xs){font-size:var(--text-2xs);line-height:var(--text-2xs--line-height)}[data-provider-widget-host] .\[color\:var\(--onside-caption-color\,rgba\(30\,28\,31\,0\.6\)\)\]{color:var(--onside-caption-color,rgba(30,28,31,.6))}[data-provider-widget-host] .\[font-size\:var\(--onside-caption-size\,var\(--text-2xs\)\)\]{font-size:var(--onside-caption-size,var(--text-2xs))}[data-provider-widget-host] .\[line-height\:var\(--onside-caption-line-height\,var\(--text-2xs--line-height\)\)\]{line-height:var(--onside-caption-line-height,var(--text-2xs--line-height))}[data-provider-widget-host].scroll-lock:has(dialog[open]){overflow:hidden}[data-provider-widget-host] .before\:absolute:before{content:var(--tw-content);position:absolute}[data-provider-widget-host] .before\:-top-1:before{content:var(--tw-content);top:-.25rem}[data-provider-widget-host] .before\:left-1\/2:before{content:var(--tw-content);left:50%}[data-provider-widget-host] .before\:block:before{content:var(--tw-content);display:block}[data-provider-widget-host] .before\:size-2:before{content:var(--tw-content);width:.5rem;height:.5rem}[data-provider-widget-host] .before\:-translate-x-1\/2:before{content:var(--tw-content);--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}[data-provider-widget-host] .before\:rotate-45:before{content:var(--tw-content);--tw-rotate: 45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}[data-provider-widget-host] .before\:bg-black:before{content:var(--tw-content);--tw-bg-opacity: 1;background-color:rgb(30 28 31 / var(--tw-bg-opacity, 1))}[data-provider-widget-host] .hover\:bg-\[\#e2eaf8\]:hover{--tw-bg-opacity: 1;background-color:rgb(226 234 248 / var(--tw-bg-opacity, 1))}[data-provider-widget-host] .hover\:bg-\[var\(--onside-btn-bg-hover\,\#337AFF\)\]:hover{background-color:var(--onside-btn-bg-hover,#337AFF)}[data-provider-widget-host] .hover\:bg-blue:hover{--tw-bg-opacity: 1;background-color:rgb(10 94 255 / var(--tw-bg-opacity, 1))}[data-provider-widget-host] .hover\:bg-white:hover{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}[data-provider-widget-host] .hover\:text-blue:hover{--tw-text-opacity: 1;color:rgb(10 94 255 / var(--tw-text-opacity, 1))}[data-provider-widget-host] .hover\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}[data-provider-widget-host] .hover\:underline:hover{text-decoration-line:underline}[data-provider-widget-host] .hover\:opacity-60:hover{opacity:.6}[data-provider-widget-host] .hover\:opacity-75:hover{opacity:.75}[data-provider-widget-host] .hover\:opacity-90:hover{opacity:.9}[data-provider-widget-host] .focus\:bg-\[\#e2eaf8\]:focus{--tw-bg-opacity: 1;background-color:rgb(226 234 248 / var(--tw-bg-opacity, 1))}[data-provider-widget-host] .focus\:bg-\[var\(--onside-btn-bg\,\#0A5EFF\)\]:focus{background-color:var(--onside-btn-bg,#0A5EFF)}[data-provider-widget-host] .focus\:bg-blue:focus{--tw-bg-opacity: 1;background-color:rgb(10 94 255 / var(--tw-bg-opacity, 1))}[data-provider-widget-host] .focus\:bg-white:focus{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}[data-provider-widget-host] .focus\:text-blue:focus{--tw-text-opacity: 1;color:rgb(10 94 255 / var(--tw-text-opacity, 1))}[data-provider-widget-host] .focus\:text-white:focus{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}[data-provider-widget-host] .focus\:underline:focus{text-decoration-line:underline}[data-provider-widget-host] .focus\:opacity-100:focus{opacity:1}[data-provider-widget-host] .disabled\:bg-\[var\(--onside-btn-disabled-bg\,rgba\(10\,94\,255\,0\.2\)\)\]:disabled{background-color:var(--onside-btn-disabled-bg,rgba(10,94,255,.2))}[data-provider-widget-host] .disabled\:opacity-50:disabled{opacity:.5}[data-provider-widget-host] .data-\[state\=open\]\:animate-in[data-state=open]{animation-name:enter;animation-duration:.15s;--tw-enter-opacity: initial;--tw-enter-scale: initial;--tw-enter-rotate: initial;--tw-enter-translate-x: initial;--tw-enter-translate-y: initial}[data-provider-widget-host] .data-\[state\=closed\]\:animate-out[data-state=closed]{animation-name:exit;animation-duration:.15s;--tw-exit-opacity: initial;--tw-exit-scale: initial;--tw-exit-rotate: initial;--tw-exit-translate-x: initial;--tw-exit-translate-y: initial}[data-provider-widget-host] .data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity: 0}[data-provider-widget-host] .data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity: 0}[data-provider-widget-host] .data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale: .95}[data-provider-widget-host] .data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale: .95}[data-provider-widget-host] .data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state=closed]{--tw-exit-translate-x: -50%}[data-provider-widget-host] .data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state=closed]{--tw-exit-translate-y: -48%}[data-provider-widget-host] .data-\[state\=open\]\:slide-in-from-left-1\/2[data-state=open]{--tw-enter-translate-x: -50%}[data-provider-widget-host] .data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state=open]{--tw-enter-translate-y: -48%}
package/package.json CHANGED
@@ -1,17 +1,32 @@
1
1
  {
2
2
  "name": "@onside/install-widget",
3
- "version": "1.0.0",
3
+ "version": "1.0.2",
4
4
  "type": "module",
5
5
  "description": "Onside install button widget for partner landings",
6
- "keywords": ["onside", "install", "widget", "react"],
7
- "publishConfig": { "access": "public" },
6
+ "keywords": [
7
+ "onside",
8
+ "install",
9
+ "widget",
10
+ "react"
11
+ ],
12
+ "publishConfig": {
13
+ "access": "public"
14
+ },
8
15
  "scripts": {
9
16
  "dev": "vite",
17
+ "sync:cdn-manifest": "node scripts/sync-cdn-manifest.mjs",
10
18
  "build": "tsc -b && vite build",
11
19
  "build:lib": "tsc -b && vite build --config vite.config.lib.ts",
20
+ "bundle:check": "node scripts/check-bundle-size.mjs",
21
+ "pack:check": "HUSKY=0 npm pack --dry-run --json --ignore-scripts --cache /tmp/npm-cache",
12
22
  "prepublishOnly": "pnpm run build:lib",
13
23
  "lint": "eslint .",
14
- "preview": "vite preview"
24
+ "preview": "vite preview",
25
+ "prepare": "husky"
26
+ },
27
+ "lint-staged": {
28
+ "src/**/*.{js,jsx,ts,tsx}": "eslint --max-warnings=0",
29
+ "scripts/**/*.{js,mjs,cjs}": "eslint --max-warnings=0"
15
30
  },
16
31
  "main": "./dist-lib/install-package.cjs",
17
32
  "module": "./dist-lib/install-package.js",
@@ -21,66 +36,47 @@
21
36
  "types": "./dist-lib/install-package.d.ts",
22
37
  "import": "./dist-lib/install-package.js",
23
38
  "require": "./dist-lib/install-package.cjs"
24
- }
39
+ },
40
+ "./styles.css": "./dist-lib/install-widget.css"
25
41
  },
26
42
  "files": [
27
43
  "dist-lib"
28
44
  ],
29
45
  "peerDependencies": {
30
46
  "react": "^18.0.0 || ^19.0.0",
31
- "react-dom": "^18.0.0 || ^19.0.0",
32
- "zustand": "^4.0.0 || ^5.0.0"
47
+ "react-dom": "^18.0.0 || ^19.0.0"
33
48
  },
34
49
  "dependencies": {
35
- "@amplitude/analytics-browser": "^2.18.0",
36
- "@babel/types": "^7.28.2",
37
- "@intercom/messenger-js-sdk": "^0.0.14",
38
- "@mdx-js/loader": "^3.1.0",
39
- "@mdx-js/react": "^3.1.0",
40
- "@radix-ui/react-accordion": "^1.2.11",
41
- "@radix-ui/react-dialog": "^1.1.14",
42
- "@tailwindcss/vite": "^4.1.12",
43
- "@types/mdx": "^2.0.13",
44
- "@vitejs/plugin-react": "^5.0.1",
45
- "clsx": "^2.1.1",
46
- "gray-matter": "^4.0.3",
47
- "image-size": "^2.0.2",
48
- "motion": "^12.23.0",
49
- "react": "^19.1.1",
50
- "react-dom": "^19.1.1",
51
- "sharp": "^0.34.2",
52
- "tailwind-merge": "^3.3.1",
53
- "tailwindcss-animate": "^1.0.7",
54
- "terser": "^5.43.1",
55
- "vite": "^7.1.3",
56
- "zustand": "^5.0.7"
50
+ "zustand": "^5.0.11"
57
51
  },
58
52
  "devDependencies": {
59
- "@babel/core": "^7.28.3",
60
- "@babel/generator": "^7.28.3",
61
- "@babel/parser": "^7.28.3",
62
- "@babel/traverse": "^7.28.3",
63
- "@eslint/eslintrc": "^3.3.1",
64
- "@svgr/webpack": "^8.1.0",
65
- "@tailwindcss/typography": "^0.5.16",
66
- "@types/babel__generator": "^7.27.0",
67
- "@types/babel__traverse": "^7.28.0",
53
+ "@changesets/cli": "^2.29.8",
54
+ "@eslint/js": "^9.39.2",
55
+ "@radix-ui/react-dialog": "^1.1.15",
68
56
  "@types/node": "^24.0.10",
69
57
  "@types/react": "^19.1.8",
70
58
  "@types/react-dom": "^19.1.6",
71
- "@typescript-eslint/eslint-plugin": "^8.35.1",
72
- "@typescript-eslint/parser": "^8.35.1",
59
+ "@vitejs/plugin-react": "^5.1.4",
73
60
  "autoprefixer": "^10.4.21",
74
- "eslint": "^9.30.1",
75
- "eslint-import-resolver-typescript": "^4.4.4",
76
- "eslint-plugin-import": "^2.32.0",
61
+ "clsx": "^2.1.1",
62
+ "eslint": "^9.39.2",
77
63
  "eslint-plugin-react-hooks": "^5.2.0",
64
+ "eslint-plugin-react-refresh": "^0.4.26",
65
+ "globals": "^15.15.0",
66
+ "husky": "^9.1.7",
67
+ "lint-staged": "^16.2.7",
78
68
  "postcss": "^8.5.6",
79
69
  "prettier": "^3.6.2",
80
70
  "prettier-plugin-tailwindcss": "^0.6.13",
71
+ "react": "^19.2.4",
72
+ "react-dom": "^19.2.4",
81
73
  "tailwind-merge": "^3.3.1",
82
74
  "tailwindcss": "^3.4.17",
75
+ "tailwindcss-animate": "^1.0.7",
76
+ "terser": "^5.46.0",
83
77
  "typescript": "^5.8.3",
78
+ "typescript-eslint": "^8.46.3",
79
+ "vite": "^7.3.1",
84
80
  "vite-plugin-dts": "^4.5.4",
85
81
  "vite-plugin-svgr": "^4.3.0"
86
82
  },