@uxbertlabs/reportly 1.0.21 → 1.0.23
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.
- package/dist/components/AnnotationToolbar.d.ts.map +1 -1
- package/dist/components/FloatingButton.d.ts.map +1 -1
- package/dist/components/IssueModal.d.ts.map +1 -1
- package/dist/components/Reportly.d.ts.map +1 -1
- package/dist/features/annotation.d.ts +9 -1
- package/dist/features/annotation.d.ts.map +1 -1
- package/dist/index.cjs.js +306 -3058
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.css +1 -1
- package/dist/index.esm.js +306 -3058
- package/dist/index.esm.js.map +1 -1
- package/dist/index.min.js +6 -6
- package/dist/index.min.js.map +1 -1
- package/dist/lib/utils.d.ts +15 -0
- package/dist/lib/utils.d.ts.map +1 -1
- package/package.json +6 -7
package/dist/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */@layer theme, base, components, utilities;@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-black:#000;--spacing:0.25rem;--container-xs:20rem;--container-2xl:42rem;--text-xs:0.75rem;--text-xs--line-height:1.33333;--text-sm:0.875rem;--text-sm--line-height:1.42857;--text-lg:1.125rem;--text-lg--line-height:1.55556;--text-xl:1.25rem;--text-xl--line-height:1.4;--font-weight-medium:500;--font-weight-semibold:600;--tracking-wide:0.025em;--radius-md:0.375rem;--radius-lg:0.5rem;--ease-in-out:cubic-bezier(0.4,0,0.2,1);--animate-spin:spin 1s linear infinite;--blur-sm:8px;--default-transition-duration:150ms;--default-transition-timing-function:cubic-bezier(0.4,0,0.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--radius:0.5rem;--color-border:oklch(0.9 0 0);--color-input:oklch(0.9 0 0);--color-ring:oklch(0.1 0 0);--color-background:oklch(1 0 0);--color-foreground:oklch(0.09 0 0);--color-primary:oklch(0.1 0 0);--color-muted:oklch(0.96 0 0);--color-muted-foreground:oklch(0.45 0 0);--color-destructive:oklch(0.6 0.2 25);--uxbert-z-canvas:999997;--uxbert-z-button:999998;--uxbert-z-toolbar:999999;--uxbert-z-modal:1000000}}@layer base{*,::backdrop,::file-selector-button,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:var(--default-font-feature-settings,normal);-webkit-tap-highlight-color:transparent;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-variation-settings:var(--default-font-variation-settings,normal);line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}hr{border-top-width:1px;color:inherit;height:0}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,pre,samp{font-feature-settings:var(--default-mono-font-feature-settings,normal);font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-size:1em;font-variation-settings:var(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}::file-selector-button,button,input,optgroup,select,textarea{font-feature-settings:inherit;background-color:transparent;border-radius:0;color:inherit;font:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}: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}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentcolor;@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklab,currentcolor 50%,transparent)}}::placeholder{color:currentcolor;@supports (color:color-mix(in lab,red,red)){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,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}::file-selector-button,button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:calc(var(--spacing)*0)}.top-1\/2{top:50%}.top-6{top:calc(var(--spacing)*6)}.right-6{right:calc(var(--spacing)*6)}.bottom-6{bottom:calc(var(--spacing)*6)}.left-6{left:calc(var(--spacing)*6)}.container{width:100%;@media (width >= 40rem){max-width:40rem}@media (width >= 48rem){max-width:48rem}@media (width >= 64rem){max-width:64rem}@media (width >= 80rem){max-width:80rem}@media (width >= 96rem){max-width:96rem}}.mx-auto{margin-inline:auto}.mt-3{margin-top:calc(var(--spacing)*3)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.block{display:block}.flex{display:flex}.grid{display:grid}.inline-flex{display:inline-flex}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-8{height:calc(var(--spacing)*8)}.h-10{height:calc(var(--spacing)*10)}.h-14{height:calc(var(--spacing)*14)}.h-16{height:calc(var(--spacing)*16)}.h-auto{height:auto}.max-h-72{max-height:calc(var(--spacing)*72)}.max-h-\[90vh\]{max-height:90vh}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-8{width:calc(var(--spacing)*8)}.w-10{width:calc(var(--spacing)*10)}.w-14{width:calc(var(--spacing)*14)}.w-16{width:calc(var(--spacing)*16)}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-\[220px\]{max-width:220px}.max-w-xs{max-width:var(--container-xs)}.min-w-\[200px\]{min-width:200px}.flex-1{flex:1}.-translate-y-1\/2{--tw-translate-y:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-110{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.transform{transform: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)}.cursor-pointer{cursor:pointer}.resize{resize:both}.resize-none{resize:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.space-y-2{:where(&>:not(:last-child)){--tw-space-y-reverse:0;margin-block-end:calc(var(--spacing)*2*(1 - var(--tw-space-y-reverse)));margin-block-start:calc(var(--spacing)*2*var(--tw-space-y-reverse))}}.space-y-3{:where(&>:not(:last-child)){--tw-space-y-reverse:0;margin-block-end:calc(var(--spacing)*3*(1 - var(--tw-space-y-reverse)));margin-block-start:calc(var(--spacing)*3*var(--tw-space-y-reverse))}}.space-y-5{:where(&>:not(:last-child)){--tw-space-y-reverse:0;margin-block-end:calc(var(--spacing)*5*(1 - var(--tw-space-y-reverse)));margin-block-start:calc(var(--spacing)*5*var(--tw-space-y-reverse))}}.space-y-6{:where(&>:not(:last-child)){--tw-space-y-reverse:0;margin-block-end:calc(var(--spacing)*6*(1 - var(--tw-space-y-reverse)));margin-block-start:calc(var(--spacing)*6*var(--tw-space-y-reverse))}}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded-full{border-radius:calc(infinity * 1px)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-3{border-style:var(--tw-border-style);border-width:3px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-border{border-color:var(--color-border)}.border-destructive\/50{border-color:color-mix(in srgb,oklch(.6 .2 25) 50%,transparent);@supports (color:color-mix(in lab,red,red)){border-color:color-mix(in oklab,var(--color-destructive) 50%,transparent)}}.border-foreground{border-color:var(--color-foreground)}.border-input{border-color:var(--color-input)}.border-transparent{border-color:transparent}.bg-background{background-color:var(--color-background)}.bg-black\/50{background-color:color-mix(in srgb,#000 50%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-black) 50%,transparent)}}.bg-foreground{background-color:var(--color-foreground)}.bg-foreground\/5{background-color:color-mix(in srgb,oklch(.09 0 0) 5%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-foreground) 5%,transparent)}}.bg-foreground\/10{background-color:color-mix(in srgb,oklch(.09 0 0) 10%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-foreground) 10%,transparent)}}.bg-muted{background-color:var(--color-muted)}.object-contain{-o-object-fit:contain;object-fit:contain}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.py-2{padding-block:calc(var(--spacing)*2)}.py-2\.5{padding-block:calc(var(--spacing)*2.5)}.py-3{padding-block:calc(var(--spacing)*3)}.py-8{padding-block:calc(var(--spacing)*8)}.pt-4{padding-top:calc(var(--spacing)*4)}.pb-6{padding-bottom:calc(var(--spacing)*6)}.text-center{text-align:center}.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))}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.text-background{color:var(--color-background)}.text-current{color:currentcolor}.text-destructive{color:var(--color-destructive)}.text-muted-foreground{color:var(--color-muted-foreground)}.uppercase{text-transform:uppercase}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,rgba(0,0,0,.25))}.shadow-2xl,.shadow-lg{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,rgba(0,0,0,.1)),0 4px 6px -4px var(--tw-shadow-color,rgba(0,0,0,.1))}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,rgba(0,0,0,.1)),0 8px 10px -6px var(--tw-shadow-color,rgba(0,0,0,.1))}.ring,.shadow-xl{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-foreground{--tw-ring-color:var(--color-foreground)}.ring-offset-2{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.ring-offset-background{--tw-ring-offset-color:var(--color-background)}.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))}.backdrop-blur-sm,.backdrop-filter{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{transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.transition-all{transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.transition-colors{transition-duration:var(--tw-duration,var(--default-transition-duration));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))}.duration-200{--tw-duration:200ms;transition-duration:.2s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.placeholder\:text-muted-foreground{&::-moz-placeholder{color:var(--color-muted-foreground)}&::placeholder{color:var(--color-muted-foreground)}}.hover\:scale-110{&:hover{@media (hover:hover){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}}}.hover\:border-foreground\/50{&:hover{@media (hover:hover){border-bottom-color:color-mix(in srgb,oklch(.09 0 0) 50%,transparent);border-left-color:color-mix(in srgb,oklch(.09 0 0) 50%,transparent);border-right-color:color-mix(in srgb,oklch(.09 0 0) 50%,transparent);border-top-color:color-mix(in srgb,oklch(.09 0 0) 50%,transparent);@supports (color:color-mix(in lab,red,red)){border-color:color-mix(in oklab,var(--color-foreground) 50%,transparent)}}}}.hover\:bg-destructive\/10{&:hover{@media (hover:hover){background-color:color-mix(in srgb,oklch(.6 .2 25) 10%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-destructive) 10%,transparent)}}}}.hover\:bg-foreground\/90{&:hover{@media (hover:hover){background-color:color-mix(in srgb,oklch(.09 0 0) 90%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-foreground) 90%,transparent)}}}}.hover\:bg-muted{&:hover{@media (hover:hover){background-color:var(--color-muted)}}}.focus\:border-transparent{&:focus{border-color:transparent}}.focus\:ring-2{&:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\:ring-ring{&:focus{--tw-ring-color:var(--color-ring)}}.focus\:ring-offset-2{&:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}}.focus\:outline-none{&:focus{--tw-outline-style:none;outline-style:none}}.active\:scale-95{&:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}}.disabled\:cursor-not-allowed{&:disabled{cursor:not-allowed}}.disabled\:opacity-50{&:disabled{opacity:50%}}}@layer base{#demo-root div,button,input,select,textarea{color:var(--color-foreground)}}[data-theme=dark]{--color-background:oklch(0.09 0 0);--color-foreground:oklch(0.98 0 0);--color-card:oklch(0.09 0 0);--color-card-foreground:oklch(0.98 0 0);--color-popover:oklch(0.09 0 0);--color-popover-foreground:oklch(0.98 0 0);--color-primary:oklch(0.98 0 0);--color-primary-foreground:oklch(0.1 0 0);--color-secondary:oklch(0.16 0 0);--color-secondary-foreground:oklch(0.98 0 0);--color-muted:oklch(0.16 0 0);--color-muted-foreground:oklch(0.64 0 0);--color-accent:oklch(0.16 0 0);--color-accent-foreground:oklch(0.98 0 0);--color-destructive:oklch(0.3 0.2 25);--color-destructive-foreground:oklch(0.98 0 0);--color-border:oklch(0.16 0 0);--color-input:oklch(0.16 0 0);--color-ring:oklch(0.83 0 0)}.uxbert-canvas-overlay{cursor:crosshair;display:none;height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:var(--uxbert-z-canvas)}.uxbert-canvas-overlay.active{display:block;pointer-events:auto}.uxbert-canvas-overlay.viewport-mode{position:fixed}.uxbert-text-input{background:var(--color-background);border:2px solid var(--color-primary);border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.2);color:var(--color-foreground);font-family:Arial,sans-serif;font-size:16px;padding:8px 12px;position:fixed;z-index:calc(var(--uxbert-z-canvas) + 1)}@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-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@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}@keyframes spin{to{transform:rotate(1turn)}}@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--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}}}
|
|
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}
|