@uxbertlabs/reportly 1.0.25 → 1.0.26

package/dist/index.cjs.js

@@ -9558,7 +9558,7 @@ class Screenshot {
       flex-direction: column;
       align-items: center;
       justify-content: center;
-      z-index: 999999;
+      z-index: 2147483645;
       backdrop-filter: blur(4px);
     `;
     const spinner = document.createElement("div");

package/dist/index.css

@@ -1 +1 @@
-[data-uxbert-reportly]{--uxbert-color-border:#e5e5e5;--uxbert-color-input:#e5e5e5;--uxbert-color-ring:#171717;--uxbert-color-background:#fff;--uxbert-color-foreground:#0a0a0a;--uxbert-color-primary:#171717;--uxbert-color-primary-foreground:#fafafa;--uxbert-color-secondary:#f5f5f5;--uxbert-color-secondary-foreground:#171717;--uxbert-color-muted:#f5f5f5;--uxbert-color-muted-foreground:#737373;--uxbert-color-accent:#f5f5f5;--uxbert-color-accent-foreground:#171717;--uxbert-color-destructive:#ef4444;--uxbert-color-destructive-foreground:#fafafa;--uxbert-color-card:#fff;--uxbert-color-card-foreground:#0a0a0a;--uxbert-color-popover:#fff;--uxbert-color-popover-foreground:#0a0a0a;--uxbert-radius:0.5rem;--uxbert-z-canvas:999997;--uxbert-z-button:999998;--uxbert-z-toolbar:999999;--uxbert-z-modal:1000000;--uxbert-spacing-1:0.25rem;--uxbert-spacing-2:0.5rem;--uxbert-spacing-3:0.75rem;--uxbert-spacing-4:1rem;--uxbert-spacing-6:1.5rem;--uxbert-spacing-8:2rem}[data-uxbert-reportly][data-theme=dark]{--uxbert-color-background:#0a0a0a;--uxbert-color-foreground:#fafafa;--uxbert-color-card:#0a0a0a;--uxbert-color-card-foreground:#fafafa;--uxbert-color-popover:#0a0a0a;--uxbert-color-popover-foreground:#fafafa;--uxbert-color-primary:#fafafa;--uxbert-color-primary-foreground:#171717;--uxbert-color-secondary:#262626;--uxbert-color-secondary-foreground:#fafafa;--uxbert-color-muted:#262626;--uxbert-color-muted-foreground:#a3a3a3;--uxbert-color-accent:#262626;--uxbert-color-accent-foreground:#fafafa;--uxbert-color-destructive:#dc2626;--uxbert-color-destructive-foreground:#fafafa;--uxbert-color-border:#262626;--uxbert-color-input:#262626;--uxbert-color-ring:#d4d4d4}[data-uxbert-reportly],[data-uxbert-reportly] *,[data-uxbert-reportly] :after,[data-uxbert-reportly] :before{border:0;box-sizing:border-box;font:inherit;margin:0;padding:0;vertical-align:baseline}[data-uxbert-reportly]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--uxbert-color-foreground);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5}[data-uxbert-reportly] button,[data-uxbert-reportly] input,[data-uxbert-reportly] select,[data-uxbert-reportly] textarea{background:transparent;border:none;color:inherit;font-family:inherit;font-size:100%;line-height:inherit;outline:none}[data-uxbert-reportly] button{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}[data-uxbert-reportly] img,[data-uxbert-reportly] svg{display:block;max-width:100%}[data-uxbert-reportly] *{animation:none;transition:none}[data-uxbert-reportly] .uxbert-floating-button{transition:transform .2s ease,background-color .2s ease,box-shadow .2s ease!important}[data-uxbert-reportly] .uxbert-button{transition:background-color .2s ease,opacity .2s ease,transform .1s ease!important}[data-uxbert-reportly] .uxbert-modal-close{transition:background-color .2s ease!important}[data-uxbert-reportly] .uxbert-form-input,[data-uxbert-reportly] .uxbert-form-select,[data-uxbert-reportly] .uxbert-form-textarea{transition:border-color .2s ease,box-shadow .2s ease!important}[data-uxbert-reportly] .uxbert-capture-mode-option,[data-uxbert-reportly] .uxbert-toolbar-tool{transition:border-color .2s ease,background-color .2s ease!important}[data-uxbert-reportly] .uxbert-toolbar-color{transition:transform .2s ease,border-color .2s ease!important}[data-uxbert-reportly] .uxbert-toolbar-action{transition:background-color .2s ease!important}.uxbert-canvas-overlay{cursor:crosshair;display:none;left:0;pointer-events:none;position:absolute;top:0;z-index:var(--uxbert-z-canvas)}.uxbert-canvas-overlay.active{display:block;pointer-events:auto}.uxbert-canvas-overlay.viewport-mode{height:100vh!important;position:fixed;width:100vw!important}.uxbert-text-input{background:var(--uxbert-color-background);border:2px solid var(--uxbert-color-primary);border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.2);color:var(--uxbert-color-foreground);font-family:inherit;font-size:16px;padding:8px 12px;position:absolute;z-index:calc(var(--uxbert-z-canvas) + 1)}.uxbert-floating-button{align-items:center;background-color:#171717!important;border:none!important;border-radius:9999px;box-shadow:0 10px 25px -5px rgba(0,0,0,.25),0 8px 10px -6px rgba(0,0,0,.3)!important;color:#fff!important;cursor:pointer!important;display:flex;height:3.5rem;justify-content:center;outline:none!important;position:fixed;width:3.5rem;will-change:transform,box-shadow;z-index:var(--uxbert-z-button)}.uxbert-floating-button svg{stroke:currentColor;color:#fff!important}.uxbert-floating-button:hover{background-color:#0a0a0a!important;box-shadow:0 20px 30px -10px rgba(0,0,0,.35),0 10px 15px -5px rgba(0,0,0,.4)!important;transform:scale(1.1)!important}.uxbert-floating-button:active{box-shadow:0 5px 15px -3px rgba(0,0,0,.3)!important;transform:scale(.95)!important}.uxbert-floating-button:focus-visible{outline:2px solid var(--uxbert-color-ring)!important;outline-offset:2px!important}.uxbert-floating-button.position-bottom-right{bottom:1.5rem;right:1.5rem}.uxbert-floating-button.position-bottom-left{bottom:1.5rem;left:1.5rem}.uxbert-floating-button.position-top-right{right:1.5rem;top:1.5rem}.uxbert-floating-button.position-top-left{left:1.5rem;top:1.5rem}.uxbert-modal-overlay{align-items:center;animation:uxbert-fade-in .3s ease;backdrop-filter:blur(4px);background-color:rgba(0,0,0,.5);display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:var(--uxbert-z-modal)}.uxbert-modal-container{animation:uxbert-slide-up .3s ease;background-color:var(--uxbert-color-background);border:1px solid var(--uxbert-color-border);border-radius:var(--uxbert-radius);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);max-height:90vh;max-width:42rem;overflow-y:auto;width:100%}.uxbert-modal-header{border-bottom:1px solid var(--uxbert-color-border);padding:1.5rem}.uxbert-modal-header-content{align-items:center;display:flex;justify-content:space-between}.uxbert-modal-title-wrapper{align-items:center;display:flex;gap:.75rem}.uxbert-modal-icon{align-items:center;background-color:hsla(0,0%,9%,.1);border-radius:9999px;display:flex;height:2.5rem;justify-content:center;width:2.5rem}.uxbert-modal-title{color:var(--uxbert-color-foreground);font-size:1.25rem;font-weight:600;line-height:1.75rem}.uxbert-modal-close{background:transparent;border-radius:calc(var(--uxbert-radius) - 2px);cursor:pointer;padding:.5rem;transition:background-color .2s ease}.uxbert-modal-close:hover{background-color:var(--uxbert-color-muted)}.uxbert-modal-body{padding:1.5rem}.uxbert-form{gap:1.25rem}.uxbert-form,.uxbert-form-group{display:flex;flex-direction:column}.uxbert-form-group{gap:.5rem}.uxbert-form-label{color:var(--uxbert-color-foreground);display:block;font-size:.875rem;font-weight:500}.uxbert-form-required{color:var(--uxbert-color-destructive)}.uxbert-form-input,.uxbert-form-select,.uxbert-form-textarea{background-color:var(--uxbert-color-background)!important;border:1.5px solid #d4d4d4!important;border-radius:calc(var(--uxbert-radius) - 2px)!important;color:var(--uxbert-color-foreground)!important;font-family:inherit!important;font-size:1rem!important;line-height:1.5!important;padding:.625rem 1rem!important;width:100%!important}.uxbert-form-input:hover,.uxbert-form-select:hover,.uxbert-form-textarea:hover{border-color:#a3a3a3!important}.uxbert-form-input:focus,.uxbert-form-select:focus,.uxbert-form-textarea:focus{border-color:#171717!important;box-shadow:0 0 0 3px hsla(0,0%,9%,.1)!important;outline:2px solid #171717!important;outline-offset:0!important}.uxbert-form-input::-moz-placeholder,.uxbert-form-textarea::-moz-placeholder{color:var(--uxbert-color-muted-foreground)}.uxbert-form-input::placeholder,.uxbert-form-textarea::placeholder{color:var(--uxbert-color-muted-foreground)}.uxbert-form-textarea{min-height:6rem;resize:none}.uxbert-form-select{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23171717' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;background-position:right .5rem center!important;background-repeat:no-repeat!important;background-size:1.5rem!important;cursor:pointer!important;padding-right:2.5rem!important}.uxbert-form-grid{display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.uxbert-button{align-items:center!important;border:none!important;border-radius:calc(var(--uxbert-radius) - 2px)!important;cursor:pointer!important;display:inline-flex!important;font-size:1rem!important;font-weight:500!important;gap:.5rem!important;justify-content:center!important;line-height:1.5!important;outline:none!important;padding:.75rem 1.5rem!important;white-space:nowrap!important}.uxbert-button svg{flex-shrink:0}.uxbert-button:disabled{cursor:not-allowed!important;opacity:.5!important}.uxbert-button-primary{background-color:#171717!important;box-shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.06)!important;color:#fff!important}.uxbert-button-primary svg{color:#fff!important}.uxbert-button-primary:hover:not(:disabled){background-color:#0a0a0a!important;box-shadow:0 4px 6px rgba(0,0,0,.15),0 2px 4px rgba(0,0,0,.12)!important;transform:translateY(-1px)!important}.uxbert-button-primary:active:not(:disabled){box-shadow:0 1px 2px rgba(0,0,0,.1)!important;transform:translateY(0)!important}.uxbert-button-secondary{background-color:var(--uxbert-color-background)!important;border:1.5px solid var(--uxbert-color-border)!important;color:var(--uxbert-color-foreground)!important;font-size:.875rem!important;padding:.5rem 1rem!important}.uxbert-button-secondary:hover:not(:disabled){background-color:var(--uxbert-color-muted)!important;border-color:var(--uxbert-color-foreground)!important}.uxbert-button-secondary:active:not(:disabled){background-color:#e5e5e5!important}.uxbert-button-destructive{background-color:transparent!important;border:1.5px solid rgba(239,68,68,.5)!important;color:var(--uxbert-color-destructive)!important}.uxbert-button-destructive:hover:not(:disabled){background-color:rgba(239,68,68,.1)!important;border-color:rgba(239,68,68,.8)!important}.uxbert-button-full{width:100%!important}.uxbert-button-actions{display:flex;gap:.75rem;padding-top:1rem}.uxbert-capture-section{padding:2rem 0;text-align:center}.uxbert-capture-icon{align-items:center;background-color:var(--uxbert-color-muted);border-radius:9999px;display:flex;height:4rem;justify-content:center;margin:0 auto 1rem;width:4rem}.uxbert-capture-title{color:var(--uxbert-color-foreground);font-size:1.125rem;font-weight:500;margin-bottom:.5rem}.uxbert-capture-description{color:var(--uxbert-color-muted-foreground);font-size:.875rem;margin-bottom:1.5rem}.uxbert-capture-modes{display:flex;flex-direction:column;gap:.75rem;margin:0 auto 1.5rem;max-width:20rem}.uxbert-capture-mode-option{align-items:center;background-color:transparent;border:2px solid var(--uxbert-color-border);border-radius:var(--uxbert-radius);cursor:pointer;display:flex;gap:.75rem;padding:1rem;text-align:left;transition:border-color .2s ease,background-color .2s ease}.uxbert-capture-mode-option:hover{border-color:hsla(0,0%,9%,.5)}.uxbert-capture-mode-option.active{background-color:hsla(0,0%,9%,.05);border-color:var(--uxbert-color-foreground)}.uxbert-capture-mode-radio{cursor:pointer;height:1rem;width:1rem}.uxbert-capture-mode-label{color:var(--uxbert-color-foreground);flex:1;font-size:.875rem;font-weight:500}.uxbert-screenshot-section{margin-bottom:1.5rem}.uxbert-screenshot-header{align-items:center;color:var(--uxbert-color-foreground);display:flex;font-size:.875rem;font-weight:500;gap:.5rem;margin-bottom:.75rem}.uxbert-screenshot-preview{background-color:var(--uxbert-color-muted);border:1px solid var(--uxbert-color-border);border-radius:var(--uxbert-radius);overflow:hidden}.uxbert-screenshot-image{display:block;height:auto;max-height:18rem;-o-object-fit:contain;object-fit:contain;width:100%}.uxbert-screenshot-actions{display:flex;gap:.5rem;margin-top:.75rem}.uxbert-toolbar{background-color:var(--uxbert-color-background);border:1px solid var(--uxbert-color-border);border-radius:var(--uxbert-radius);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);max-width:13.75rem;min-width:12.5rem;padding:1rem;position:fixed;right:1.5rem;top:50%;transform:translateY(-50%);z-index:var(--uxbert-z-toolbar)}.uxbert-toolbar-section{display:flex;flex-direction:column;gap:.75rem}.uxbert-toolbar-section:not(:last-child){margin-bottom:1.5rem}.uxbert-toolbar-heading{color:var(--uxbert-color-muted-foreground);font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.uxbert-toolbar-tools{display:grid;gap:.5rem;grid-template-columns:repeat(2,1fr)}.uxbert-toolbar-tool{align-items:center!important;background-color:var(--uxbert-color-background)!important;border:2px solid var(--uxbert-color-border)!important;border-radius:calc(var(--uxbert-radius) - 2px)!important;color:var(--uxbert-color-foreground)!important;cursor:pointer!important;display:flex!important;justify-content:center!important;padding:.75rem!important}.uxbert-toolbar-tool svg{color:currentColor!important}.uxbert-toolbar-tool:hover{background-color:var(--uxbert-color-muted)!important;border-color:var(--uxbert-color-foreground)!important}.uxbert-toolbar-tool.active{background-color:#171717!important;border-color:#171717!important;color:#fff!important}.uxbert-toolbar-tool.active svg{color:#fff!important}.uxbert-toolbar-colors{display:grid;gap:.5rem;grid-template-columns:repeat(4,1fr)}.uxbert-toolbar-color{border:3px solid transparent;border-radius:9999px;cursor:pointer;height:2rem;transition:transform .2s ease,border-color .2s ease;width:2rem}.uxbert-toolbar-color:hover{transform:scale(1.1)}.uxbert-toolbar-color.active{border-color:var(--uxbert-color-foreground);box-shadow:0 0 0 2px var(--uxbert-color-foreground),0 0 0 4px var(--uxbert-color-background);transform:scale(1.1)}.uxbert-toolbar-actions{display:flex;flex-direction:column;gap:.5rem}.uxbert-toolbar-action{align-items:center!important;background-color:var(--uxbert-color-background)!important;border:1.5px solid var(--uxbert-color-border)!important;border-radius:calc(var(--uxbert-radius) - 2px)!important;color:var(--uxbert-color-foreground)!important;cursor:pointer!important;display:flex!important;font-size:.875rem!important;font-weight:500!important;gap:.5rem!important;justify-content:center!important;padding:.625rem .75rem!important;width:100%!important}.uxbert-toolbar-action svg{color:currentColor!important}.uxbert-toolbar-action:hover{background-color:var(--uxbert-color-muted)!important;border-color:var(--uxbert-color-foreground)!important}.uxbert-toolbar-action.destructive{border-color:rgba(239,68,68,.5)!important;color:var(--uxbert-color-destructive)!important}.uxbert-toolbar-action.destructive:hover{background-color:rgba(239,68,68,.1)!important;border-color:rgba(239,68,68,.8)!important}.uxbert-toolbar-divider{border-top:1px solid var(--uxbert-color-border);padding-top:1rem}.uxbert-toolbar-action-primary{background-color:#171717!important;border:none!important;color:#fff!important;font-weight:600!important}.uxbert-toolbar-action-primary svg{color:#fff!important}.uxbert-toolbar-action-primary:hover{background-color:#0a0a0a!important}@keyframes uxbert-fade-in{0%{opacity:0}to{opacity:1}}@keyframes uxbert-slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes uxbert-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.uxbert-spinner{animation:uxbert-spin 1s linear infinite}.uxbert-logo-container{align-items:center;display:flex;justify-content:center;padding:.75rem 0 1.5rem}
+[data-uxbert-reportly]{--uxbert-color-border:#e5e5e5;--uxbert-color-input:#e5e5e5;--uxbert-color-ring:#171717;--uxbert-color-background:#fff;--uxbert-color-foreground:#0a0a0a;--uxbert-color-primary:#171717;--uxbert-color-primary-foreground:#fafafa;--uxbert-color-secondary:#f5f5f5;--uxbert-color-secondary-foreground:#171717;--uxbert-color-muted:#f5f5f5;--uxbert-color-muted-foreground:#737373;--uxbert-color-accent:#f5f5f5;--uxbert-color-accent-foreground:#171717;--uxbert-color-destructive:#ef4444;--uxbert-color-destructive-foreground:#fafafa;--uxbert-color-card:#fff;--uxbert-color-card-foreground:#0a0a0a;--uxbert-color-popover:#fff;--uxbert-color-popover-foreground:#0a0a0a;--uxbert-radius:0.5rem;--uxbert-z-canvas:2147483640;--uxbert-z-button:2147483642;--uxbert-z-toolbar:2147483644;--uxbert-z-modal:2147483646;--uxbert-z-loading:2147483645;--uxbert-spacing-1:0.25rem;--uxbert-spacing-2:0.5rem;--uxbert-spacing-3:0.75rem;--uxbert-spacing-4:1rem;--uxbert-spacing-6:1.5rem;--uxbert-spacing-8:2rem}[data-uxbert-reportly][data-theme=dark]{--uxbert-color-background:#0a0a0a;--uxbert-color-foreground:#fafafa;--uxbert-color-card:#0a0a0a;--uxbert-color-card-foreground:#fafafa;--uxbert-color-popover:#0a0a0a;--uxbert-color-popover-foreground:#fafafa;--uxbert-color-primary:#fafafa;--uxbert-color-primary-foreground:#171717;--uxbert-color-secondary:#262626;--uxbert-color-secondary-foreground:#fafafa;--uxbert-color-muted:#262626;--uxbert-color-muted-foreground:#a3a3a3;--uxbert-color-accent:#262626;--uxbert-color-accent-foreground:#fafafa;--uxbert-color-destructive:#dc2626;--uxbert-color-destructive-foreground:#fafafa;--uxbert-color-border:#262626;--uxbert-color-input:#262626;--uxbert-color-ring:#d4d4d4}[data-uxbert-reportly],[data-uxbert-reportly] *,[data-uxbert-reportly] :after,[data-uxbert-reportly] :before{border:0;box-sizing:border-box;font:inherit;margin:0;padding:0;vertical-align:baseline}[data-uxbert-reportly]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--uxbert-color-foreground);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5}[data-uxbert-reportly] button,[data-uxbert-reportly] input,[data-uxbert-reportly] select,[data-uxbert-reportly] textarea{background:transparent;border:none;color:inherit;font-family:inherit;font-size:100%;line-height:inherit;outline:none}[data-uxbert-reportly] button{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}[data-uxbert-reportly] img,[data-uxbert-reportly] svg{display:block;max-width:100%}[data-uxbert-reportly] *{animation:none;transition:none}[data-uxbert-reportly] .uxbert-floating-button{transition:transform .2s ease,background-color .2s ease,box-shadow .2s ease!important}[data-uxbert-reportly] .uxbert-button{transition:background-color .2s ease,opacity .2s ease,transform .1s ease!important}[data-uxbert-reportly] .uxbert-modal-close{transition:background-color .2s ease!important}[data-uxbert-reportly] .uxbert-form-input,[data-uxbert-reportly] .uxbert-form-select,[data-uxbert-reportly] .uxbert-form-textarea{transition:border-color .2s ease,box-shadow .2s ease!important}[data-uxbert-reportly] .uxbert-capture-mode-option,[data-uxbert-reportly] .uxbert-toolbar-tool{transition:border-color .2s ease,background-color .2s ease!important}[data-uxbert-reportly] .uxbert-toolbar-color{transition:transform .2s ease,border-color .2s ease!important}[data-uxbert-reportly] .uxbert-toolbar-action{transition:background-color .2s ease!important}.uxbert-canvas-overlay{cursor:crosshair;display:none;left:0;pointer-events:none;position:absolute;top:0;z-index:var(--uxbert-z-canvas)}.uxbert-canvas-overlay.active{display:block;pointer-events:auto}.uxbert-canvas-overlay.viewport-mode{height:100vh!important;position:fixed;width:100vw!important}.uxbert-text-input{background:var(--uxbert-color-background);border:2px solid var(--uxbert-color-primary);border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.2);color:var(--uxbert-color-foreground);font-family:inherit;font-size:16px;padding:8px 12px;position:absolute;z-index:calc(var(--uxbert-z-canvas) + 1)}.uxbert-floating-button{align-items:center;background-color:#171717!important;border:none!important;border-radius:9999px;box-shadow:0 10px 25px -5px rgba(0,0,0,.25),0 8px 10px -6px rgba(0,0,0,.3)!important;color:#fff!important;cursor:pointer!important;display:flex;height:3.5rem;justify-content:center;outline:none!important;position:fixed;width:3.5rem;will-change:transform,box-shadow;z-index:var(--uxbert-z-button)}.uxbert-floating-button svg{stroke:currentColor;color:#fff!important}.uxbert-floating-button:hover{background-color:#0a0a0a!important;box-shadow:0 20px 30px -10px rgba(0,0,0,.35),0 10px 15px -5px rgba(0,0,0,.4)!important;transform:scale(1.1)!important}.uxbert-floating-button:active{box-shadow:0 5px 15px -3px rgba(0,0,0,.3)!important;transform:scale(.95)!important}.uxbert-floating-button:focus-visible{outline:2px solid var(--uxbert-color-ring)!important;outline-offset:2px!important}.uxbert-floating-button.position-bottom-right{bottom:1.5rem;right:1.5rem}.uxbert-floating-button.position-bottom-left{bottom:1.5rem;left:1.5rem}.uxbert-floating-button.position-top-right{right:1.5rem;top:1.5rem}.uxbert-floating-button.position-top-left{left:1.5rem;top:1.5rem}.uxbert-modal-overlay{align-items:center;animation:uxbert-fade-in .3s ease;backdrop-filter:blur(4px);background-color:rgba(0,0,0,.5);display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:var(--uxbert-z-modal)}.uxbert-modal-container{animation:uxbert-slide-up .3s ease;background-color:var(--uxbert-color-background);border:1px solid var(--uxbert-color-border);border-radius:var(--uxbert-radius);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);max-height:90vh;max-width:42rem;overflow-y:auto;width:100%}.uxbert-modal-header{border-bottom:1px solid var(--uxbert-color-border);padding:1.5rem}.uxbert-modal-header-content{align-items:center;display:flex;justify-content:space-between}.uxbert-modal-title-wrapper{align-items:center;display:flex;gap:.75rem}.uxbert-modal-icon{align-items:center;background-color:hsla(0,0%,9%,.1);border-radius:9999px;display:flex;height:2.5rem;justify-content:center;width:2.5rem}.uxbert-modal-title{color:var(--uxbert-color-foreground);font-size:1.25rem;font-weight:600;line-height:1.75rem}.uxbert-modal-close{background:transparent;border-radius:calc(var(--uxbert-radius) - 2px);cursor:pointer;padding:.5rem;transition:background-color .2s ease}.uxbert-modal-close:hover{background-color:var(--uxbert-color-muted)}.uxbert-modal-body{padding:1.5rem}.uxbert-form{gap:1.25rem}.uxbert-form,.uxbert-form-group{display:flex;flex-direction:column}.uxbert-form-group{gap:.5rem}.uxbert-form-label{color:var(--uxbert-color-foreground);display:block;font-size:.875rem;font-weight:500}.uxbert-form-required{color:var(--uxbert-color-destructive)}.uxbert-form-input,.uxbert-form-select,.uxbert-form-textarea{background-color:var(--uxbert-color-background)!important;border:1.5px solid #d4d4d4!important;border-radius:calc(var(--uxbert-radius) - 2px)!important;color:var(--uxbert-color-foreground)!important;font-family:inherit!important;font-size:1rem!important;line-height:1.5!important;padding:.625rem 1rem!important;width:100%!important}.uxbert-form-input:hover,.uxbert-form-select:hover,.uxbert-form-textarea:hover{border-color:#a3a3a3!important}.uxbert-form-input:focus,.uxbert-form-select:focus,.uxbert-form-textarea:focus{border-color:#171717!important;box-shadow:0 0 0 3px hsla(0,0%,9%,.1)!important;outline:2px solid #171717!important;outline-offset:0!important}.uxbert-form-input::-moz-placeholder,.uxbert-form-textarea::-moz-placeholder{color:var(--uxbert-color-muted-foreground)}.uxbert-form-input::placeholder,.uxbert-form-textarea::placeholder{color:var(--uxbert-color-muted-foreground)}.uxbert-form-textarea{min-height:6rem;resize:none}.uxbert-form-select{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23171717' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;background-position:right .5rem center!important;background-repeat:no-repeat!important;background-size:1.5rem!important;cursor:pointer!important;padding-right:2.5rem!important}.uxbert-form-grid{display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.uxbert-button{align-items:center!important;border:none!important;border-radius:calc(var(--uxbert-radius) - 2px)!important;cursor:pointer!important;display:inline-flex!important;font-size:1rem!important;font-weight:500!important;gap:.5rem!important;justify-content:center!important;line-height:1.5!important;outline:none!important;padding:.75rem 1.5rem!important;white-space:nowrap!important}.uxbert-button svg{flex-shrink:0}.uxbert-button:disabled{cursor:not-allowed!important;opacity:.5!important}.uxbert-button-primary{background-color:#171717!important;box-shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.06)!important;color:#fff!important}.uxbert-button-primary svg{color:#fff!important}.uxbert-button-primary:hover:not(:disabled){background-color:#0a0a0a!important;box-shadow:0 4px 6px rgba(0,0,0,.15),0 2px 4px rgba(0,0,0,.12)!important;transform:translateY(-1px)!important}.uxbert-button-primary:active:not(:disabled){box-shadow:0 1px 2px rgba(0,0,0,.1)!important;transform:translateY(0)!important}.uxbert-button-secondary{background-color:var(--uxbert-color-background)!important;border:1.5px solid var(--uxbert-color-border)!important;color:var(--uxbert-color-foreground)!important;font-size:.875rem!important;padding:.5rem 1rem!important}.uxbert-button-secondary:hover:not(:disabled){background-color:var(--uxbert-color-muted)!important;border-color:var(--uxbert-color-foreground)!important}.uxbert-button-secondary:active:not(:disabled){background-color:#e5e5e5!important}.uxbert-button-destructive{background-color:transparent!important;border:1.5px solid rgba(239,68,68,.5)!important;color:var(--uxbert-color-destructive)!important}.uxbert-button-destructive:hover:not(:disabled){background-color:rgba(239,68,68,.1)!important;border-color:rgba(239,68,68,.8)!important}.uxbert-button-full{width:100%!important}.uxbert-button-actions{display:flex;gap:.75rem;padding-top:1rem}.uxbert-capture-section{padding:2rem 0;text-align:center}.uxbert-capture-icon{align-items:center;background-color:var(--uxbert-color-muted);border-radius:9999px;display:flex;height:4rem;justify-content:center;margin:0 auto 1rem;width:4rem}.uxbert-capture-title{color:var(--uxbert-color-foreground);font-size:1.125rem;font-weight:500;margin-bottom:.5rem}.uxbert-capture-description{color:var(--uxbert-color-muted-foreground);font-size:.875rem;margin-bottom:1.5rem}.uxbert-capture-modes{display:flex;flex-direction:column;gap:.75rem;margin:0 auto 1.5rem;max-width:20rem}.uxbert-capture-mode-option{align-items:center;background-color:transparent;border:2px solid var(--uxbert-color-border);border-radius:var(--uxbert-radius);cursor:pointer;display:flex;gap:.75rem;padding:1rem;text-align:left;transition:border-color .2s ease,background-color .2s ease}.uxbert-capture-mode-option:hover{border-color:hsla(0,0%,9%,.5)}.uxbert-capture-mode-option.active{background-color:hsla(0,0%,9%,.05);border-color:var(--uxbert-color-foreground)}.uxbert-capture-mode-radio{cursor:pointer;height:1rem;width:1rem}.uxbert-capture-mode-label{color:var(--uxbert-color-foreground);flex:1;font-size:.875rem;font-weight:500}.uxbert-screenshot-section{margin-bottom:1.5rem}.uxbert-screenshot-header{align-items:center;color:var(--uxbert-color-foreground);display:flex;font-size:.875rem;font-weight:500;gap:.5rem;margin-bottom:.75rem}.uxbert-screenshot-preview{background-color:var(--uxbert-color-muted);border:1px solid var(--uxbert-color-border);border-radius:var(--uxbert-radius);overflow:hidden}.uxbert-screenshot-image{display:block;height:auto;max-height:18rem;-o-object-fit:contain;object-fit:contain;width:100%}.uxbert-screenshot-actions{display:flex;gap:.5rem;margin-top:.75rem}.uxbert-toolbar{background-color:var(--uxbert-color-background);border:1px solid var(--uxbert-color-border);border-radius:var(--uxbert-radius);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);max-width:13.75rem;min-width:12.5rem;padding:1rem;position:fixed;right:1.5rem;top:50%;transform:translateY(-50%);z-index:var(--uxbert-z-toolbar)}.uxbert-toolbar-section{display:flex;flex-direction:column;gap:.75rem}.uxbert-toolbar-section:not(:last-child){margin-bottom:1.5rem}.uxbert-toolbar-heading{color:var(--uxbert-color-muted-foreground);font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.uxbert-toolbar-tools{display:grid;gap:.5rem;grid-template-columns:repeat(2,1fr)}.uxbert-toolbar-tool{align-items:center!important;background-color:var(--uxbert-color-background)!important;border:2px solid var(--uxbert-color-border)!important;border-radius:calc(var(--uxbert-radius) - 2px)!important;color:var(--uxbert-color-foreground)!important;cursor:pointer!important;display:flex!important;justify-content:center!important;padding:.75rem!important}.uxbert-toolbar-tool svg{color:currentColor!important}.uxbert-toolbar-tool:hover{background-color:var(--uxbert-color-muted)!important;border-color:var(--uxbert-color-foreground)!important}.uxbert-toolbar-tool.active{background-color:#171717!important;border-color:#171717!important;color:#fff!important}.uxbert-toolbar-tool.active svg{color:#fff!important}.uxbert-toolbar-colors{display:grid;gap:.5rem;grid-template-columns:repeat(4,1fr)}.uxbert-toolbar-color{border:3px solid transparent;border-radius:9999px;cursor:pointer;height:2rem;transition:transform .2s ease,border-color .2s ease;width:2rem}.uxbert-toolbar-color:hover{transform:scale(1.1)}.uxbert-toolbar-color.active{border-color:var(--uxbert-color-foreground);box-shadow:0 0 0 2px var(--uxbert-color-foreground),0 0 0 4px var(--uxbert-color-background);transform:scale(1.1)}.uxbert-toolbar-actions{display:flex;flex-direction:column;gap:.5rem}.uxbert-toolbar-action{align-items:center!important;background-color:var(--uxbert-color-background)!important;border:1.5px solid var(--uxbert-color-border)!important;border-radius:calc(var(--uxbert-radius) - 2px)!important;color:var(--uxbert-color-foreground)!important;cursor:pointer!important;display:flex!important;font-size:.875rem!important;font-weight:500!important;gap:.5rem!important;justify-content:center!important;padding:.625rem .75rem!important;width:100%!important}.uxbert-toolbar-action svg{color:currentColor!important}.uxbert-toolbar-action:hover{background-color:var(--uxbert-color-muted)!important;border-color:var(--uxbert-color-foreground)!important}.uxbert-toolbar-action.destructive{border-color:rgba(239,68,68,.5)!important;color:var(--uxbert-color-destructive)!important}.uxbert-toolbar-action.destructive:hover{background-color:rgba(239,68,68,.1)!important;border-color:rgba(239,68,68,.8)!important}.uxbert-toolbar-divider{border-top:1px solid var(--uxbert-color-border);padding-top:1rem}.uxbert-toolbar-action-primary{background-color:#171717!important;border:none!important;color:#fff!important;font-weight:600!important}.uxbert-toolbar-action-primary svg{color:#fff!important}.uxbert-toolbar-action-primary:hover{background-color:#0a0a0a!important}@keyframes uxbert-fade-in{0%{opacity:0}to{opacity:1}}@keyframes uxbert-slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes uxbert-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.uxbert-spinner{animation:uxbert-spin 1s linear infinite}.uxbert-logo-container{align-items:center;display:flex;justify-content:center;padding:.75rem 0 1.5rem}

package/dist/index.esm.js

@@ -9554,7 +9554,7 @@ class Screenshot {
       flex-direction: column;
       align-items: center;
       justify-content: center;
-      z-index: 999999;
+      z-index: 2147483645;
       backdrop-filter: blur(4px);
     `;
     const spinner = document.createElement("div");