react-grab 0.0.77 → 0.0.78
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/{chunk-RM6XONHW.cjs → chunk-IOEUCYGF.cjs} +167 -125
- package/dist/{chunk-VOXBYN56.js → chunk-PJCJQBH7.js} +167 -125
- package/dist/cli.cjs +12 -12
- package/dist/core.cjs +7 -7
- package/dist/core.js +1 -1
- package/dist/index.cjs +8 -8
- package/dist/index.global.js +20 -20
- package/dist/index.js +2 -2
- package/dist/styles.css +1 -1
- package/package.json +2 -2
|
@@ -951,7 +951,7 @@ function cleanChildren(parent, current, marker, replacement) {
|
|
|
951
951
|
|
|
952
952
|
// dist/styles.css
|
|
953
953
|
var styles_default = `/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
|
|
954
|
-
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-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-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial;--tw-contain-size:initial;--tw-contain-layout:initial;--tw-contain-paint:initial;--tw-contain-style:initial}}}@layer theme{:root,:host{--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;--color-white:#fff;--spacing:.25rem;--font-weight-medium:500;--radius-xs:.125rem;--ease-out:cubic-bezier(0,0,.2,1);--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-grab-pink:#b21c8e;--color-grab-purple:#d239c0;--color-label-tag-border:#730079;--color-label-muted:#767676}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.top-0{top:calc(var(--spacing)*0)}.left-0{left:calc(var(--spacing)*0)}.z-2147483645{z-index:2147483645}.z-2147483646{z-index:2147483646}.z-2147483647{z-index:2147483647}.z-\\[2147483645\\]{z-index:2147483645}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-0{margin:calc(var(--spacing)*0)}.-mt-px{margin-top:-1px}.-ml-\\[2px\\]{margin-left:-2px}.ml-1{margin-left:calc(var(--spacing)*1)}.box-border{box-sizing:border-box}.flex{display:flex}.grid{display:grid}.hidden{display:none}.size-fit{width:fit-content;height:fit-content}.h-0{height:calc(var(--spacing)*0)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-5\\.5{height:calc(var(--spacing)*5.5)}.h-\\[7px\\]{height:7px}.h-\\[17px\\]{height:17px}.h-\\[18px\\]{height:18px}.h-fit{height:fit-content}.min-h-0{min-height:calc(var(--spacing)*0)}.min-h-4{min-height:calc(var(--spacing)*4)}.w-0{width:calc(var(--spacing)*0)}.w-0\\.5{width:calc(var(--spacing)*.5)}.w-1{width:calc(var(--spacing)*1)}.w-\\[7px\\]{width:7px}.w-\\[17px\\]{width:17px}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.max-w-\\[280px\\]{max-width:280px}.flex-1{flex:1}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.-translate-x-1\\/2{--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\\/2{--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.scale-75{--tw-scale-x:75%;--tw-scale-y:75%;--tw-scale-z:75%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;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-pulse{animation:var(--animate-pulse)}.cursor-crosshair{cursor:crosshair}.cursor-pointer{cursor:pointer}.resize{resize:both}.resize-none{resize:none}.flex-col{flex-direction:column}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-0\\.5{gap:calc(var(--spacing)*.5)}.gap-1{gap:calc(var(--spacing)*1)}.gap-\\[3px\\]{gap:3px}.gap-\\[5px\\]{gap:5px}.gap-px{gap:1px}.self-stretch{align-self:stretch}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded-\\[1\\.5px\\]{border-radius:1.5px}.rounded-\\[1px\\]{border-radius:1px}.rounded-full{border-radius:3.40282e38px}.rounded-xs{border-radius:var(--radius-xs)}.rounded-t-none{border-top-left-radius:0;border-top-right-radius:0}.rounded-b-xs{border-bottom-right-radius:var(--radius-xs);border-bottom-left-radius:var(--radius-xs)}.border{border-style:var(--tw-border-style);border-width:1px}.\\[border-width\\:0\\.5px\\]{border-width:.5px}.\\[border-top-width\\:0\\.5px\\]{border-top-width:.5px}.border-none{--tw-border-style:none;border-style:none}.border-solid{--tw-border-style:solid;border-style:solid}.border-\\[\\#7e0002\\]{border-color:#7e0002}.border-\\[\\#B3B3B3\\]{border-color:#b3b3b3}.border-grab-purple{border-color:var(--color-grab-purple)}.border-grab-purple\\/40{border-color:#d239c066}@supports (color:color-mix(in lab, red, red)){.border-grab-purple\\/40{border-color:color-mix(in oklab,var(--color-grab-purple)40%,transparent)}}.border-grab-purple\\/50{border-color:#d239c080}@supports (color:color-mix(in lab, red, red)){.border-grab-purple\\/50{border-color:color-mix(in oklab,var(--color-grab-purple)50%,transparent)}}.border-label-tag-border{border-color:var(--color-label-tag-border)}.border-white{border-color:var(--color-white)}.border-t-\\[\\#D9D9D9\\]{border-top-color:#d9d9d9}.bg-\\[\\#F7F7F7\\]{background-color:#f7f7f7}.bg-black{background-color:var(--color-black)}.bg-grab-pink{background-color:var(--color-grab-pink)}.bg-grab-purple{background-color:var(--color-grab-purple)}.bg-grab-purple\\/5{background-color:#d239c00d}@supports (color:color-mix(in lab, red, red)){.bg-grab-purple\\/5{background-color:color-mix(in oklab,var(--color-grab-purple)5%,transparent)}}.bg-grab-purple\\/8{background-color:#d239c014}@supports (color:color-mix(in lab, red, red)){.bg-grab-purple\\/8{background-color:color-mix(in oklab,var(--color-grab-purple)8%,transparent)}}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.p-0{padding:calc(var(--spacing)*0)}.p-1{padding:calc(var(--spacing)*1)}.px-0{padding-inline:calc(var(--spacing)*0)}.px-1\\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-\\[2px\\]{padding-inline:2px}.px-\\[3px\\]{padding-inline:3px}.py-0{padding-block:calc(var(--spacing)*0)}.py-\\[2px\\]{padding-block:2px}.py-\\[3px\\]{padding-block:3px}.py-\\[5px\\]{padding-block:5px}.py-px{padding-block:1px}.pt-1{padding-top:calc(var(--spacing)*1)}.pt-1\\.5{padding-top:calc(var(--spacing)*1.5)}.pr-1{padding-right:calc(var(--spacing)*1)}.pr-1\\.5{padding-right:calc(var(--spacing)*1.5)}.pb-1{padding-bottom:calc(var(--spacing)*1)}.pl-1\\.5{padding-left:calc(var(--spacing)*1.5)}.align-middle{vertical-align:middle}.font-\\[ui-monospace\\,\\'SFMono-Regular\\'\\,\\'SF_Mono\\'\\,\\'Menlo\\'\\,\\'Consolas\\'\\,\\'Liberation_Mono\\'\\,monospace\\]{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.text-\\[11\\.5px\\]{font-size:11.5px}.text-\\[11px\\]{font-size:11px}.text-\\[12px\\]{font-size:12px}.leading-3\\.5{--tw-leading:calc(var(--spacing)*3.5);line-height:calc(var(--spacing)*3.5)}.leading-4{--tw-leading:calc(var(--spacing)*4);line-height:calc(var(--spacing)*4)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.tracking-\\[-0\\.04em\\]{--tw-tracking:-.04em;letter-spacing:-.04em}.tracking-\\[-0\\.08em\\]{--tw-tracking:-.08em;letter-spacing:-.08em}.wrap-break-word{overflow-wrap:break-word}.whitespace-normal{white-space:normal}.text-\\[\\#0C0C0C\\]{color:#0c0c0c}.text-\\[\\#47004A\\]{color:#47004a}.text-\\[\\#71717a\\]{color:#71717a}.text-\\[\\#B91C1C\\]{color:#b91c1c}.text-\\[\\#c00002\\]{color:#c00002}.text-black{color:var(--color-black)}.text-black\\/50{color:#00000080}@supports (color:color-mix(in lab, red, red)){.text-black\\/50{color:color-mix(in oklab,var(--color-black)50%,transparent)}}.text-label-muted{color:var(--color-label-muted)}.text-label-tag-border{color:var(--color-label-tag-border)}.text-white{color:var(--color-white)}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-100{opacity:1}.opacity-\\[0\\.99\\]{opacity:.99}.brightness-125{--tw-brightness:brightness(125%);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,)}.filter{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,)}.filter-\\[drop-shadow\\(0px_0px_4px_\\#51515180\\)\\]{filter:drop-shadow(0 0 4px #51515180)}.transition{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,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\\[grid-template-rows\\]{transition-property:grid-template-rows;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\\[width\\,height\\]{transition-property:width,height;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-none{transition-property:none}.duration-30{--tw-duration:30ms;transition-duration:30ms}.duration-100{--tw-duration:.1s;transition-duration:.1s}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.will-change-\\[transform\\,width\\,height\\]{will-change:transform,width,height}.contain-layout{--tw-contain-layout:layout;contain:var(--tw-contain-size,)var(--tw-contain-layout,)var(--tw-contain-paint,)var(--tw-contain-style,)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.\\[font-synthesis\\:none\\]{font-synthesis:none}@media (hover:hover){.hover\\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\\:bg-\\[\\#F5F5F5\\]:hover{background-color:#f5f5f5}.hover\\:bg-\\[\\#FEF2F2\\]:hover{background-color:#fef2f2}.hover\\:opacity-100:hover{opacity:1}}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@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-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-contain-size{syntax:"*";inherits:false}@property --tw-contain-layout{syntax:"*";inherits:false}@property --tw-contain-paint{syntax:"*";inherits:false}@property --tw-contain-style{syntax:"*";inherits:false}@keyframes pulse{50%{opacity:.5}}`;
|
|
954
|
+
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-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-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial;--tw-contain-size:initial;--tw-contain-layout:initial;--tw-contain-paint:initial;--tw-contain-style:initial}}}@layer theme{:root,:host{--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;--color-white:#fff;--spacing:.25rem;--font-weight-medium:500;--radius-xs:.125rem;--ease-out:cubic-bezier(0,0,.2,1);--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-grab-pink:#b21c8e;--color-grab-purple:#d239c0;--color-label-tag-border:#730079;--color-label-muted:#767676}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.top-0{top:calc(var(--spacing)*0)}.left-0{left:calc(var(--spacing)*0)}.z-2147483645{z-index:2147483645}.z-2147483646{z-index:2147483646}.z-2147483647{z-index:2147483647}.z-\\[2147483645\\]{z-index:2147483645}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-0{margin:calc(var(--spacing)*0)}.-mt-px{margin-top:-1px}.-ml-\\[2px\\]{margin-left:-2px}.ml-1{margin-left:calc(var(--spacing)*1)}.box-border{box-sizing:border-box}.flex{display:flex}.grid{display:grid}.hidden{display:none}.size-fit{width:fit-content;height:fit-content}.h-0{height:calc(var(--spacing)*0)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-5\\.5{height:calc(var(--spacing)*5.5)}.h-\\[7px\\]{height:7px}.h-\\[17px\\]{height:17px}.h-\\[18px\\]{height:18px}.h-fit{height:fit-content}.min-h-0{min-height:calc(var(--spacing)*0)}.min-h-4{min-height:calc(var(--spacing)*4)}.w-0{width:calc(var(--spacing)*0)}.w-0\\.5{width:calc(var(--spacing)*.5)}.w-1{width:calc(var(--spacing)*1)}.w-\\[7px\\]{width:7px}.w-\\[17px\\]{width:17px}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.max-w-\\[280px\\]{max-width:280px}.flex-1{flex:1}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.-translate-x-1\\/2{--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\\/2{--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.scale-75{--tw-scale-x:75%;--tw-scale-y:75%;--tw-scale-z:75%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;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-pulse{animation:var(--animate-pulse)}.cursor-crosshair{cursor:crosshair}.cursor-pointer{cursor:pointer}.resize{resize:both}.resize-none{resize:none}.flex-col{flex-direction:column}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-0\\.5{gap:calc(var(--spacing)*.5)}.gap-1{gap:calc(var(--spacing)*1)}.gap-\\[3px\\]{gap:3px}.gap-\\[5px\\]{gap:5px}.gap-px{gap:1px}.self-stretch{align-self:stretch}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded-\\[1\\.5px\\]{border-radius:1.5px}.rounded-\\[1px\\]{border-radius:1px}.rounded-full{border-radius:3.40282e38px}.rounded-xs{border-radius:var(--radius-xs)}.rounded-t-none{border-top-left-radius:0;border-top-right-radius:0}.rounded-b-xs{border-bottom-right-radius:var(--radius-xs);border-bottom-left-radius:var(--radius-xs)}.border{border-style:var(--tw-border-style);border-width:1px}.\\[border-width\\:0\\.5px\\]{border-width:.5px}.\\[border-top-width\\:0\\.5px\\]{border-top-width:.5px}.border-none{--tw-border-style:none;border-style:none}.border-solid{--tw-border-style:solid;border-style:solid}.border-\\[\\#7e0002\\]{border-color:#7e0002}.border-\\[\\#B3B3B3\\]{border-color:#b3b3b3}.border-grab-purple{border-color:var(--color-grab-purple)}.border-grab-purple\\/40{border-color:#d239c066}@supports (color:color-mix(in lab, red, red)){.border-grab-purple\\/40{border-color:color-mix(in oklab,var(--color-grab-purple)40%,transparent)}}.border-grab-purple\\/50{border-color:#d239c080}@supports (color:color-mix(in lab, red, red)){.border-grab-purple\\/50{border-color:color-mix(in oklab,var(--color-grab-purple)50%,transparent)}}.border-label-tag-border{border-color:var(--color-label-tag-border)}.border-white{border-color:var(--color-white)}.border-t-\\[\\#D9D9D9\\]{border-top-color:#d9d9d9}.bg-\\[\\#F7F7F7\\]{background-color:#f7f7f7}.bg-black{background-color:var(--color-black)}.bg-grab-pink{background-color:var(--color-grab-pink)}.bg-grab-purple{background-color:var(--color-grab-purple)}.bg-grab-purple\\/5{background-color:#d239c00d}@supports (color:color-mix(in lab, red, red)){.bg-grab-purple\\/5{background-color:color-mix(in oklab,var(--color-grab-purple)5%,transparent)}}.bg-grab-purple\\/8{background-color:#d239c014}@supports (color:color-mix(in lab, red, red)){.bg-grab-purple\\/8{background-color:color-mix(in oklab,var(--color-grab-purple)8%,transparent)}}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.p-0{padding:calc(var(--spacing)*0)}.p-1{padding:calc(var(--spacing)*1)}.px-0{padding-inline:calc(var(--spacing)*0)}.px-1\\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-\\[2px\\]{padding-inline:2px}.px-\\[3px\\]{padding-inline:3px}.py-0{padding-block:calc(var(--spacing)*0)}.py-\\[2px\\]{padding-block:2px}.py-\\[3px\\]{padding-block:3px}.py-\\[5px\\]{padding-block:5px}.py-px{padding-block:1px}.pt-1{padding-top:calc(var(--spacing)*1)}.pt-1\\.5{padding-top:calc(var(--spacing)*1.5)}.pr-1{padding-right:calc(var(--spacing)*1)}.pr-1\\.5{padding-right:calc(var(--spacing)*1.5)}.pb-1{padding-bottom:calc(var(--spacing)*1)}.pl-1\\.5{padding-left:calc(var(--spacing)*1.5)}.align-middle{vertical-align:middle}.font-\\[ui-monospace\\,\\'SFMono-Regular\\'\\,\\'SF_Mono\\'\\,\\'Menlo\\'\\,\\'Consolas\\'\\,\\'Liberation_Mono\\'\\,monospace\\]{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.text-\\[10px\\]{font-size:10px}.text-\\[11\\.5px\\]{font-size:11.5px}.text-\\[11px\\]{font-size:11px}.text-\\[12px\\]{font-size:12px}.leading-3\\.5{--tw-leading:calc(var(--spacing)*3.5);line-height:calc(var(--spacing)*3.5)}.leading-4{--tw-leading:calc(var(--spacing)*4);line-height:calc(var(--spacing)*4)}.leading-\\[14px\\]{--tw-leading:14px;line-height:14px}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.tracking-\\[-0\\.04em\\]{--tw-tracking:-.04em;letter-spacing:-.04em}.tracking-\\[-0\\.08em\\]{--tw-tracking:-.08em;letter-spacing:-.08em}.wrap-break-word{overflow-wrap:break-word}.whitespace-normal{white-space:normal}.text-\\[\\#0C0C0C\\]{color:#0c0c0c}.text-\\[\\#47004A\\]{color:#47004a}.text-\\[\\#71717a\\]{color:#71717a}.text-\\[\\#B91C1C\\]{color:#b91c1c}.text-\\[\\#c00002\\]{color:#c00002}.text-black{color:var(--color-black)}.text-black\\/50{color:#00000080}@supports (color:color-mix(in lab, red, red)){.text-black\\/50{color:color-mix(in oklab,var(--color-black)50%,transparent)}}.text-label-muted{color:var(--color-label-muted)}.text-label-tag-border{color:var(--color-label-tag-border)}.text-white{color:var(--color-white)}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-100{opacity:1}.opacity-\\[0\\.99\\]{opacity:.99}.brightness-125{--tw-brightness:brightness(125%);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,)}.filter{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,)}.filter-\\[drop-shadow\\(0px_0px_4px_\\#51515180\\)\\]{filter:drop-shadow(0 0 4px #51515180)}.transition{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,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\\[grid-template-rows\\]{transition-property:grid-template-rows;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\\[width\\,height\\]{transition-property:width,height;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-none{transition-property:none}.duration-30{--tw-duration:30ms;transition-duration:30ms}.duration-100{--tw-duration:.1s;transition-duration:.1s}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.will-change-\\[transform\\,width\\,height\\]{will-change:transform,width,height}.contain-layout{--tw-contain-layout:layout;contain:var(--tw-contain-size,)var(--tw-contain-layout,)var(--tw-contain-paint,)var(--tw-contain-style,)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.\\[font-synthesis\\:none\\]{font-synthesis:none}@media (hover:hover){.hover\\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\\:bg-\\[\\#F5F5F5\\]:hover{background-color:#f5f5f5}.hover\\:bg-\\[\\#FEF2F2\\]:hover{background-color:#fef2f2}.hover\\:opacity-100:hover{opacity:1}}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@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-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-contain-size{syntax:"*";inherits:false}@property --tw-contain-layout{syntax:"*";inherits:false}@property --tw-contain-paint{syntax:"*";inherits:false}@property --tw-contain-style{syntax:"*";inherits:false}@keyframes pulse{50%{opacity:.5}}`;
|
|
955
955
|
|
|
956
956
|
// src/utils/is-keyboard-event-triggered-by-input.ts
|
|
957
957
|
var FORM_TAGS_AND_ROLES = [
|
|
@@ -1080,7 +1080,7 @@ var buildOpenFileUrl = (filePath, lineNumber) => {
|
|
|
1080
1080
|
};
|
|
1081
1081
|
|
|
1082
1082
|
// src/constants.ts
|
|
1083
|
-
var VERSION = "0.0.
|
|
1083
|
+
var VERSION = "0.0.78";
|
|
1084
1084
|
var VIEWPORT_MARGIN_PX = 8;
|
|
1085
1085
|
var OFFSCREEN_POSITION = -1e3;
|
|
1086
1086
|
var SELECTION_LERP_FACTOR = 0.95;
|
|
@@ -3957,14 +3957,14 @@ var _tmpl$8 = /* @__PURE__ */ template(`<div class="contain-layout shrink-0 flex
|
|
|
3957
3957
|
var _tmpl$9 = /* @__PURE__ */ template(`<div class="contain-layout shrink-0 flex items-center justify-end gap-[5px] w-full h-fit"><button class="contain-layout shrink-0 flex items-center justify-center gap-1 px-[3px] py-px rounded-xs bg-white [border-width:0.5px] border-solid border-[#B3B3B3] cursor-pointer transition-all hover:bg-[#F5F5F5] h-[17px]"><span class="text-black text-[11px] leading-3.5 tracking-[-0.04em] font-sans font-medium">Ok`);
|
|
3958
3958
|
var _tmpl$0 = /* @__PURE__ */ template(`<div class="contain-layout shrink-0 flex flex-col justify-center items-end gap-1 w-fit h-fit max-w-[280px]"><div class="contain-layout shrink-0 flex items-center gap-1 pt-1 px-1.5 w-full h-fit"><span class="text-[#B91C1C] text-[12px] leading-4 tracking-[-0.04em] font-sans font-medium">`);
|
|
3959
3959
|
var _tmpl$1 = /* @__PURE__ */ template(`<button class="contain-layout shrink-0 flex items-center justify-center px-[3px] py-px rounded-xs bg-white [border-width:0.5px] border-solid border-[#B3B3B3] cursor-pointer transition-all hover:bg-[#F5F5F5] h-[17px]"><span class="text-black text-[11px] leading-3.5 tracking-[-0.04em] font-sans font-medium">Undo`);
|
|
3960
|
-
var _tmpl$10 = /* @__PURE__ */ template(`<button class="contain-layout shrink-0 flex items-center justify-center px-[3px] py-px rounded-xs bg-white [border-width:0.5px] border-solid border-[#B3B3B3] cursor-pointer transition-all hover:bg-[#F5F5F5] h-[17px]"><span class="text-black text-[11px] leading-3.5 tracking-[-0.04em] font-sans font-medium">Ok`);
|
|
3960
|
+
var _tmpl$10 = /* @__PURE__ */ template(`<button class="contain-layout shrink-0 flex items-center justify-center gap-1 px-[3px] py-px rounded-xs bg-white [border-width:0.5px] border-solid border-[#B3B3B3] cursor-pointer transition-all hover:bg-[#F5F5F5] h-[17px]"><span class="text-black text-[11px] leading-3.5 tracking-[-0.04em] font-sans font-medium">Ok`);
|
|
3961
3961
|
var _tmpl$11 = /* @__PURE__ */ template(`<div class="contain-layout shrink-0 flex items-center justify-end gap-[5px] w-full h-fit">`);
|
|
3962
3962
|
var _tmpl$12 = /* @__PURE__ */ template(`<div class="[font-synthesis:none] contain-layout shrink-0 flex flex-col justify-center items-end rounded-xs bg-white antialiased w-fit h-fit"><div class="contain-layout shrink-0 flex items-center gap-1 pt-1.5 pb-1 px-1.5 w-full h-fit"><span class="text-black text-[12px] leading-4 shrink-0 tracking-[-0.04em] font-sans font-medium w-fit h-fit tabular-nums">`);
|
|
3963
3963
|
var _tmpl$13 = /* @__PURE__ */ template(`<button data-react-grab-ignore-events class="contain-layout shrink-0 flex flex-col items-start rounded-xs bg-white [border-width:0.5px] border-solid border-[#B3B3B3] p-1 size-fit cursor-pointer ml-1 transition-none hover:scale-105"><div data-react-grab-ignore-events class="shrink-0 w-[7px] h-[7px] rounded-[1px] bg-black pointer-events-none">`);
|
|
3964
3964
|
var _tmpl$14 = /* @__PURE__ */ template(`<div class="shrink-0 flex justify-between items-end w-full min-h-4"><textarea data-react-grab-ignore-events class="text-black text-[12px] leading-4 tracking-[-0.04em] font-medium bg-transparent border-none outline-none resize-none flex-1 p-0 m-0 opacity-50 wrap-break-word overflow-y-auto"placeholder="type to edit"rows=1 disabled style=field-sizing:content;min-height:16px;max-height:95px;scrollbar-width:none>`);
|
|
3965
3965
|
var _tmpl$15 = /* @__PURE__ */ template(`<div class="contain-layout shrink-0 flex flex-col justify-center items-start gap-1 w-fit h-fit max-w-[280px]"><div class="contain-layout shrink-0 flex items-center gap-1 pt-1 px-1.5 w-auto h-fit"><div class="contain-layout flex items-center px-0 py-px w-auto h-fit rounded-[1.5px] gap-[3px]"><span class="text-[12px] leading-4 tracking-[-0.04em] font-sans font-medium w-auto h-fit whitespace-normal text-[#71717a] animate-pulse tabular-nums">`);
|
|
3966
3966
|
var _tmpl$16 = /* @__PURE__ */ template(`<div class="contain-layout shrink-0 flex items-center gap-px w-fit h-fit">`);
|
|
3967
|
-
var _tmpl$17 = /* @__PURE__ */ template(`<div class="contain-layout shrink-0 flex items-center gap-1 w-fit h-fit"><span class="text-label-muted text-[12px] leading-4 shrink-0 tracking-[-0.04em] font-sans font-medium w-fit h-fit">Press</span><div class="contain-layout shrink-0 flex flex-col items-start px-[3px] py-[3px] rounded-xs bg-white [border-width:0.5px] border-solid border-[#B3B3B3] size-fit"></div><span class="text-label-muted text-[12px] leading-4 shrink-0 tracking-[-0.04em] font-sans font-medium w-fit h-fit">to edit`);
|
|
3967
|
+
var _tmpl$17 = /* @__PURE__ */ template(`<div class="contain-layout shrink-0 flex items-center gap-1 w-fit h-fit"><span class="text-label-muted text-[12px] leading-4 shrink-0 tracking-[-0.04em] font-sans font-medium w-fit h-fit">Press</span><div class="contain-layout shrink-0 flex flex-col items-start px-[3px] py-[3px] rounded-xs bg-white [border-width:0.5px] border-solid border-[#B3B3B3] size-fit"></div><span class="text-label-muted text-[12px] leading-4 shrink-0 tracking-[-0.04em] font-sans font-medium w-fit h-fit">or</span><div class="contain-layout shrink-0 flex items-center px-[3px] py-px rounded-xs bg-white [border-width:0.5px] border-solid border-[#B3B3B3] size-fit"><span class="text-black text-[10px] leading-[14px] tracking-[-0.04em] font-sans font-medium">double-click</span></div><span class="text-label-muted text-[12px] leading-4 shrink-0 tracking-[-0.04em] font-sans font-medium w-fit h-fit">to edit`);
|
|
3968
3968
|
var _tmpl$18 = /* @__PURE__ */ template(`<div class="contain-layout shrink-0 flex flex-col justify-center items-start gap-1 w-fit h-fit"><div></div><div class="grid transition-[grid-template-rows] duration-30 ease-out self-stretch"><div>`);
|
|
3969
3969
|
var _tmpl$19 = /* @__PURE__ */ template(`<button>`);
|
|
3970
3970
|
var _tmpl$20 = /* @__PURE__ */ template(`<button class="contain-layout shrink-0 flex flex-col items-start px-[3px] py-[3px] rounded-xs bg-white [border-width:0.5px] border-solid border-[#B3B3B3] size-fit cursor-pointer transition-all hover:scale-105">`);
|
|
@@ -4139,6 +4139,67 @@ var ErrorConfirmation = (props) => {
|
|
|
4139
4139
|
return _el$14;
|
|
4140
4140
|
})();
|
|
4141
4141
|
};
|
|
4142
|
+
var CompletedConfirmation = (props) => {
|
|
4143
|
+
const handleKeyDown = (event) => {
|
|
4144
|
+
if (event.code === "Enter" || event.code === "Escape") {
|
|
4145
|
+
event.preventDefault();
|
|
4146
|
+
event.stopPropagation();
|
|
4147
|
+
props.onDismiss?.();
|
|
4148
|
+
}
|
|
4149
|
+
};
|
|
4150
|
+
onMount(() => {
|
|
4151
|
+
window.addEventListener("keydown", handleKeyDown, {
|
|
4152
|
+
capture: true
|
|
4153
|
+
});
|
|
4154
|
+
});
|
|
4155
|
+
onCleanup(() => {
|
|
4156
|
+
window.removeEventListener("keydown", handleKeyDown, {
|
|
4157
|
+
capture: true
|
|
4158
|
+
});
|
|
4159
|
+
});
|
|
4160
|
+
return (() => {
|
|
4161
|
+
var _el$20 = _tmpl$12(), _el$21 = _el$20.firstChild, _el$22 = _el$21.firstChild;
|
|
4162
|
+
insert(_el$22, () => props.statusText);
|
|
4163
|
+
insert(_el$20, createComponent(Show, {
|
|
4164
|
+
get when() {
|
|
4165
|
+
return props.onDismiss || props.onUndo;
|
|
4166
|
+
},
|
|
4167
|
+
get children() {
|
|
4168
|
+
return createComponent(BottomSection, {
|
|
4169
|
+
get children() {
|
|
4170
|
+
var _el$23 = _tmpl$11();
|
|
4171
|
+
insert(_el$23, createComponent(Show, {
|
|
4172
|
+
get when() {
|
|
4173
|
+
return props.onUndo;
|
|
4174
|
+
},
|
|
4175
|
+
get children() {
|
|
4176
|
+
var _el$24 = _tmpl$1();
|
|
4177
|
+
_el$24.$$click = () => props.onUndo?.();
|
|
4178
|
+
return _el$24;
|
|
4179
|
+
}
|
|
4180
|
+
}), null);
|
|
4181
|
+
insert(_el$23, createComponent(Show, {
|
|
4182
|
+
get when() {
|
|
4183
|
+
return props.onDismiss;
|
|
4184
|
+
},
|
|
4185
|
+
get children() {
|
|
4186
|
+
var _el$25 = _tmpl$10(); _el$25.firstChild;
|
|
4187
|
+
_el$25.$$click = () => props.onDismiss?.();
|
|
4188
|
+
insert(_el$25, createComponent(IconReturn, {
|
|
4189
|
+
size: 10,
|
|
4190
|
+
"class": "text-black/50"
|
|
4191
|
+
}), null);
|
|
4192
|
+
return _el$25;
|
|
4193
|
+
}
|
|
4194
|
+
}), null);
|
|
4195
|
+
return _el$23;
|
|
4196
|
+
}
|
|
4197
|
+
});
|
|
4198
|
+
}
|
|
4199
|
+
}), null);
|
|
4200
|
+
return _el$20;
|
|
4201
|
+
})();
|
|
4202
|
+
};
|
|
4142
4203
|
var SelectionLabel = (props) => {
|
|
4143
4204
|
let containerRef;
|
|
4144
4205
|
let inputRef;
|
|
@@ -4340,111 +4401,83 @@ var SelectionLabel = (props) => {
|
|
|
4340
4401
|
return memo(() => props.visible !== false)() && (props.selectionBounds || shouldShowWithoutBounds());
|
|
4341
4402
|
},
|
|
4342
4403
|
get children() {
|
|
4343
|
-
var _el$
|
|
4344
|
-
_el$
|
|
4345
|
-
_el$
|
|
4346
|
-
_el$
|
|
4404
|
+
var _el$27 = _tmpl$23(), _el$28 = _el$27.firstChild;
|
|
4405
|
+
_el$27.$$click = stopPropagation;
|
|
4406
|
+
_el$27.$$mousedown = stopPropagation;
|
|
4407
|
+
_el$27.$$pointerdown = handleContainerPointerDown;
|
|
4347
4408
|
var _ref$ = containerRef;
|
|
4348
|
-
typeof _ref$ === "function" ? use(_ref$, _el$
|
|
4349
|
-
insert(_el$
|
|
4409
|
+
typeof _ref$ === "function" ? use(_ref$, _el$27) : containerRef = _el$27;
|
|
4410
|
+
insert(_el$27, createComponent(Arrow, {
|
|
4350
4411
|
get position() {
|
|
4351
4412
|
return arrowPosition();
|
|
4352
4413
|
},
|
|
4353
4414
|
get leftPx() {
|
|
4354
4415
|
return computedPosition().arrowLeft;
|
|
4355
4416
|
}
|
|
4356
|
-
}), _el$
|
|
4357
|
-
insert(_el$
|
|
4417
|
+
}), _el$28);
|
|
4418
|
+
insert(_el$27, createComponent(Show, {
|
|
4358
4419
|
get when() {
|
|
4359
4420
|
return memo(() => !!(props.status === "copied" || props.status === "fading"))() && !props.error;
|
|
4360
4421
|
},
|
|
4361
4422
|
get children() {
|
|
4362
|
-
|
|
4363
|
-
|
|
4364
|
-
|
|
4365
|
-
return () => _c$() ? props.statusText ?? "Completed" : "Copied";
|
|
4366
|
-
})());
|
|
4367
|
-
insert(_el$21, createComponent(Show, {
|
|
4368
|
-
get when() {
|
|
4369
|
-
return props.onDismiss || props.onUndo;
|
|
4423
|
+
return createComponent(CompletedConfirmation, {
|
|
4424
|
+
get statusText() {
|
|
4425
|
+
return memo(() => !!props.hasAgent)() ? props.statusText ?? "Completed" : "Copied";
|
|
4370
4426
|
},
|
|
4371
|
-
get
|
|
4372
|
-
return
|
|
4373
|
-
|
|
4374
|
-
|
|
4375
|
-
|
|
4376
|
-
get when() {
|
|
4377
|
-
return props.onUndo;
|
|
4378
|
-
},
|
|
4379
|
-
get children() {
|
|
4380
|
-
var _el$25 = _tmpl$1();
|
|
4381
|
-
_el$25.$$click = () => props.onUndo?.();
|
|
4382
|
-
return _el$25;
|
|
4383
|
-
}
|
|
4384
|
-
}), null);
|
|
4385
|
-
insert(_el$24, createComponent(Show, {
|
|
4386
|
-
get when() {
|
|
4387
|
-
return props.onDismiss;
|
|
4388
|
-
},
|
|
4389
|
-
get children() {
|
|
4390
|
-
var _el$26 = _tmpl$10();
|
|
4391
|
-
_el$26.$$click = () => props.onDismiss?.();
|
|
4392
|
-
return _el$26;
|
|
4393
|
-
}
|
|
4394
|
-
}), null);
|
|
4395
|
-
return _el$24;
|
|
4396
|
-
}
|
|
4397
|
-
});
|
|
4427
|
+
get onDismiss() {
|
|
4428
|
+
return props.onDismiss;
|
|
4429
|
+
},
|
|
4430
|
+
get onUndo() {
|
|
4431
|
+
return props.onUndo;
|
|
4398
4432
|
}
|
|
4399
|
-
})
|
|
4400
|
-
return _el$21;
|
|
4433
|
+
});
|
|
4401
4434
|
}
|
|
4402
|
-
}), _el$
|
|
4403
|
-
insert(_el$
|
|
4435
|
+
}), _el$28);
|
|
4436
|
+
insert(_el$28, createComponent(Show, {
|
|
4404
4437
|
get when() {
|
|
4405
4438
|
return props.status === "copying";
|
|
4406
4439
|
},
|
|
4407
4440
|
get children() {
|
|
4408
|
-
var _el$
|
|
4409
|
-
insert(_el$
|
|
4410
|
-
insert(_el$
|
|
4441
|
+
var _el$29 = _tmpl$15(), _el$30 = _el$29.firstChild, _el$31 = _el$30.firstChild, _el$32 = _el$31.firstChild;
|
|
4442
|
+
insert(_el$32, () => props.statusText ?? "Grabbing\u2026");
|
|
4443
|
+
insert(_el$29, createComponent(BottomSection, {
|
|
4411
4444
|
get children() {
|
|
4412
|
-
var _el$
|
|
4445
|
+
var _el$33 = _tmpl$14(), _el$34 = _el$33.firstChild;
|
|
4413
4446
|
var _ref$2 = inputRef;
|
|
4414
|
-
typeof _ref$2 === "function" ? use(_ref$2, _el$
|
|
4415
|
-
insert(_el$
|
|
4447
|
+
typeof _ref$2 === "function" ? use(_ref$2, _el$34) : inputRef = _el$34;
|
|
4448
|
+
insert(_el$33, createComponent(Show, {
|
|
4416
4449
|
get when() {
|
|
4417
4450
|
return props.onAbort;
|
|
4418
4451
|
},
|
|
4419
4452
|
get children() {
|
|
4420
|
-
var _el$
|
|
4421
|
-
_el$
|
|
4453
|
+
var _el$35 = _tmpl$13();
|
|
4454
|
+
_el$35.$$click = (event) => {
|
|
4422
4455
|
event.stopPropagation();
|
|
4423
4456
|
props.onAbort?.();
|
|
4424
4457
|
};
|
|
4425
|
-
_el$
|
|
4458
|
+
_el$35.$$pointerup = (event) => {
|
|
4426
4459
|
event.stopPropagation();
|
|
4427
4460
|
props.onAbort?.();
|
|
4428
4461
|
};
|
|
4429
|
-
_el$
|
|
4430
|
-
_el$
|
|
4431
|
-
return _el$
|
|
4462
|
+
_el$35.$$mousedown = (event) => event.stopPropagation();
|
|
4463
|
+
_el$35.$$pointerdown = (event) => event.stopPropagation();
|
|
4464
|
+
return _el$35;
|
|
4432
4465
|
}
|
|
4433
4466
|
}), null);
|
|
4434
|
-
createRenderEffect(() => _el$
|
|
4435
|
-
return _el$
|
|
4467
|
+
createRenderEffect(() => _el$34.value = props.inputValue ?? "");
|
|
4468
|
+
return _el$33;
|
|
4436
4469
|
}
|
|
4437
4470
|
}), null);
|
|
4438
|
-
return _el$
|
|
4471
|
+
return _el$29;
|
|
4439
4472
|
}
|
|
4440
4473
|
}), null);
|
|
4441
|
-
insert(_el$
|
|
4474
|
+
insert(_el$28, createComponent(Show, {
|
|
4442
4475
|
get when() {
|
|
4443
4476
|
return memo(() => !!isNotProcessing())() && !props.isInputExpanded;
|
|
4444
4477
|
},
|
|
4445
4478
|
get children() {
|
|
4446
|
-
var _el$
|
|
4447
|
-
insert(_el$
|
|
4479
|
+
var _el$36 = _tmpl$18(), _el$37 = _el$36.firstChild, _el$39 = _el$37.nextSibling, _el$40 = _el$39.firstChild;
|
|
4480
|
+
insert(_el$37, createComponent(ClickToCopyPill, {
|
|
4448
4481
|
onClick: handleSubmit,
|
|
4449
4482
|
shrink: true,
|
|
4450
4483
|
get hasParent() {
|
|
@@ -4454,19 +4487,19 @@ var SelectionLabel = (props) => {
|
|
|
4454
4487
|
return props.hasAgent;
|
|
4455
4488
|
}
|
|
4456
4489
|
}), null);
|
|
4457
|
-
insert(_el$
|
|
4490
|
+
insert(_el$37, createComponent(Show, {
|
|
4458
4491
|
get when() {
|
|
4459
4492
|
return props.componentName;
|
|
4460
4493
|
},
|
|
4461
4494
|
get children() {
|
|
4462
|
-
var _el$
|
|
4463
|
-
insert(_el$
|
|
4495
|
+
var _el$38 = _tmpl$16();
|
|
4496
|
+
insert(_el$38, createComponent(ParentBadge, {
|
|
4464
4497
|
get name() {
|
|
4465
4498
|
return props.componentName;
|
|
4466
4499
|
}
|
|
4467
4500
|
}), null);
|
|
4468
|
-
insert(_el$
|
|
4469
|
-
insert(_el$
|
|
4501
|
+
insert(_el$38, createComponent(ChevronSeparator, {}), null);
|
|
4502
|
+
insert(_el$38, createComponent(TagBadge, {
|
|
4470
4503
|
get tagName() {
|
|
4471
4504
|
return tagDisplay();
|
|
4472
4505
|
},
|
|
@@ -4478,10 +4511,10 @@ var SelectionLabel = (props) => {
|
|
|
4478
4511
|
showMono: true,
|
|
4479
4512
|
shrink: true
|
|
4480
4513
|
}), null);
|
|
4481
|
-
return _el$
|
|
4514
|
+
return _el$38;
|
|
4482
4515
|
}
|
|
4483
4516
|
}), null);
|
|
4484
|
-
insert(_el$
|
|
4517
|
+
insert(_el$37, createComponent(Show, {
|
|
4485
4518
|
get when() {
|
|
4486
4519
|
return !props.componentName;
|
|
4487
4520
|
},
|
|
@@ -4500,37 +4533,37 @@ var SelectionLabel = (props) => {
|
|
|
4500
4533
|
});
|
|
4501
4534
|
}
|
|
4502
4535
|
}), null);
|
|
4503
|
-
insert(_el$
|
|
4536
|
+
insert(_el$40, createComponent(BottomSection, {
|
|
4504
4537
|
get children() {
|
|
4505
|
-
var _el$
|
|
4506
|
-
insert(_el$
|
|
4538
|
+
var _el$41 = _tmpl$17(), _el$42 = _el$41.firstChild, _el$43 = _el$42.nextSibling;
|
|
4539
|
+
insert(_el$43, createComponent(IconReturn, {
|
|
4507
4540
|
size: 10,
|
|
4508
4541
|
"class": "opacity-[0.99] text-black"
|
|
4509
4542
|
}));
|
|
4510
|
-
return _el$
|
|
4543
|
+
return _el$41;
|
|
4511
4544
|
}
|
|
4512
4545
|
}));
|
|
4513
4546
|
createRenderEffect((_p$) => {
|
|
4514
4547
|
var _v$3 = cn("contain-layout shrink-0 flex items-center gap-1 pt-1 w-fit h-fit pl-1.5", props.componentName ? "pr-1.5" : "pr-1"), _v$4 = isIdle() ? "1fr" : "0fr", _v$5 = cn("overflow-hidden min-h-0", !isIdle() && "w-0");
|
|
4515
|
-
_v$3 !== _p$.e && className(_el$
|
|
4516
|
-
_v$4 !== _p$.t && setStyleProperty(_el$
|
|
4517
|
-
_v$5 !== _p$.a && className(_el$
|
|
4548
|
+
_v$3 !== _p$.e && className(_el$37, _p$.e = _v$3);
|
|
4549
|
+
_v$4 !== _p$.t && setStyleProperty(_el$39, "grid-template-rows", _p$.t = _v$4);
|
|
4550
|
+
_v$5 !== _p$.a && className(_el$40, _p$.a = _v$5);
|
|
4518
4551
|
return _p$;
|
|
4519
4552
|
}, {
|
|
4520
4553
|
e: void 0,
|
|
4521
4554
|
t: void 0,
|
|
4522
4555
|
a: void 0
|
|
4523
4556
|
});
|
|
4524
|
-
return _el$
|
|
4557
|
+
return _el$36;
|
|
4525
4558
|
}
|
|
4526
4559
|
}), null);
|
|
4527
|
-
insert(_el$
|
|
4560
|
+
insert(_el$28, createComponent(Show, {
|
|
4528
4561
|
get when() {
|
|
4529
4562
|
return memo(() => !!(isNotProcessing() && props.isInputExpanded))() && !props.isPendingDismiss;
|
|
4530
4563
|
},
|
|
4531
4564
|
get children() {
|
|
4532
|
-
var _el$
|
|
4533
|
-
insert(_el$
|
|
4565
|
+
var _el$44 = _tmpl$222(), _el$45 = _el$44.firstChild;
|
|
4566
|
+
insert(_el$45, createComponent(ClickToCopyPill, {
|
|
4534
4567
|
onClick: handleSubmit,
|
|
4535
4568
|
dimmed: true,
|
|
4536
4569
|
shrink: true,
|
|
@@ -4541,19 +4574,19 @@ var SelectionLabel = (props) => {
|
|
|
4541
4574
|
return props.hasAgent;
|
|
4542
4575
|
}
|
|
4543
4576
|
}), null);
|
|
4544
|
-
insert(_el$
|
|
4577
|
+
insert(_el$45, createComponent(Show, {
|
|
4545
4578
|
get when() {
|
|
4546
4579
|
return props.componentName;
|
|
4547
4580
|
},
|
|
4548
4581
|
get children() {
|
|
4549
|
-
var _el$
|
|
4550
|
-
insert(_el$
|
|
4582
|
+
var _el$46 = _tmpl$16();
|
|
4583
|
+
insert(_el$46, createComponent(ParentBadge, {
|
|
4551
4584
|
get name() {
|
|
4552
4585
|
return props.componentName;
|
|
4553
4586
|
}
|
|
4554
4587
|
}), null);
|
|
4555
|
-
insert(_el$
|
|
4556
|
-
insert(_el$
|
|
4588
|
+
insert(_el$46, createComponent(ChevronSeparator, {}), null);
|
|
4589
|
+
insert(_el$46, createComponent(TagBadge, {
|
|
4557
4590
|
get tagName() {
|
|
4558
4591
|
return tagDisplay();
|
|
4559
4592
|
},
|
|
@@ -4566,10 +4599,10 @@ var SelectionLabel = (props) => {
|
|
|
4566
4599
|
shrink: true,
|
|
4567
4600
|
forceShowIcon: true
|
|
4568
4601
|
}), null);
|
|
4569
|
-
return _el$
|
|
4602
|
+
return _el$46;
|
|
4570
4603
|
}
|
|
4571
4604
|
}), null);
|
|
4572
|
-
insert(_el$
|
|
4605
|
+
insert(_el$45, createComponent(Show, {
|
|
4573
4606
|
get when() {
|
|
4574
4607
|
return !props.componentName;
|
|
4575
4608
|
},
|
|
@@ -4589,21 +4622,21 @@ var SelectionLabel = (props) => {
|
|
|
4589
4622
|
});
|
|
4590
4623
|
}
|
|
4591
4624
|
}), null);
|
|
4592
|
-
insert(_el$
|
|
4625
|
+
insert(_el$44, createComponent(BottomSection, {
|
|
4593
4626
|
get children() {
|
|
4594
|
-
var _el$
|
|
4595
|
-
_el$
|
|
4596
|
-
_el$
|
|
4627
|
+
var _el$47 = _tmpl$21(), _el$48 = _el$47.firstChild, _el$49 = _el$48.nextSibling;
|
|
4628
|
+
_el$48.$$keydown = handleKeyDown;
|
|
4629
|
+
_el$48.$$input = handleInput;
|
|
4597
4630
|
var _ref$3 = inputRef;
|
|
4598
|
-
typeof _ref$3 === "function" ? use(_ref$3, _el$
|
|
4599
|
-
insert(_el$
|
|
4631
|
+
typeof _ref$3 === "function" ? use(_ref$3, _el$48) : inputRef = _el$48;
|
|
4632
|
+
insert(_el$49, createComponent(Show, {
|
|
4600
4633
|
get when() {
|
|
4601
4634
|
return memo(() => !!(props.hasAgent && speechRecognition.isSupported()))() && !props.inputValue;
|
|
4602
4635
|
},
|
|
4603
4636
|
get children() {
|
|
4604
|
-
var _el$
|
|
4605
|
-
addEventListener(_el$
|
|
4606
|
-
insert(_el$
|
|
4637
|
+
var _el$50 = _tmpl$19();
|
|
4638
|
+
addEventListener(_el$50, "click", speechRecognition.toggle);
|
|
4639
|
+
insert(_el$50, createComponent(IconMic, {
|
|
4607
4640
|
size: 11,
|
|
4608
4641
|
get ["class"]() {
|
|
4609
4642
|
return speechRecognition.isListening() ? "animate-pulse" : "";
|
|
@@ -4611,40 +4644,40 @@ var SelectionLabel = (props) => {
|
|
|
4611
4644
|
}));
|
|
4612
4645
|
createRenderEffect((_p$) => {
|
|
4613
4646
|
var _v$6 = cn("contain-layout shrink-0 flex items-center justify-center px-[2px] py-[2px] rounded-xs [border-width:0.5px] border-solid size-fit cursor-pointer transition-all hover:scale-105", speechRecognition.isListening() ? "bg-grab-purple border-grab-purple text-white" : "bg-white border-[#B3B3B3] text-black"), _v$7 = speechRecognition.isListening() ? "Stop listening" : "Start voice input";
|
|
4614
|
-
_v$6 !== _p$.e && className(_el$
|
|
4615
|
-
_v$7 !== _p$.t && setAttribute(_el$
|
|
4647
|
+
_v$6 !== _p$.e && className(_el$50, _p$.e = _v$6);
|
|
4648
|
+
_v$7 !== _p$.t && setAttribute(_el$50, "title", _p$.t = _v$7);
|
|
4616
4649
|
return _p$;
|
|
4617
4650
|
}, {
|
|
4618
4651
|
e: void 0,
|
|
4619
4652
|
t: void 0
|
|
4620
4653
|
});
|
|
4621
|
-
return _el$
|
|
4654
|
+
return _el$50;
|
|
4622
4655
|
}
|
|
4623
4656
|
}), null);
|
|
4624
|
-
insert(_el$
|
|
4657
|
+
insert(_el$49, createComponent(Show, {
|
|
4625
4658
|
get when() {
|
|
4626
4659
|
return props.inputValue;
|
|
4627
4660
|
},
|
|
4628
4661
|
get children() {
|
|
4629
|
-
var _el$
|
|
4630
|
-
_el$
|
|
4631
|
-
insert(_el$
|
|
4662
|
+
var _el$51 = _tmpl$20();
|
|
4663
|
+
_el$51.$$click = handleSubmit;
|
|
4664
|
+
insert(_el$51, createComponent(IconReturn, {
|
|
4632
4665
|
size: 10,
|
|
4633
4666
|
"class": "opacity-[0.99] text-black"
|
|
4634
4667
|
}));
|
|
4635
|
-
return _el$
|
|
4668
|
+
return _el$51;
|
|
4636
4669
|
}
|
|
4637
4670
|
}), null);
|
|
4638
|
-
createRenderEffect(() => setAttribute(_el$
|
|
4639
|
-
createRenderEffect(() => _el$
|
|
4640
|
-
return _el$
|
|
4671
|
+
createRenderEffect(() => setAttribute(_el$48, "placeholder", speechRecognition.isListening() ? "listening..." : "type prompt"));
|
|
4672
|
+
createRenderEffect(() => _el$48.value = props.inputValue ?? "");
|
|
4673
|
+
return _el$47;
|
|
4641
4674
|
}
|
|
4642
4675
|
}), null);
|
|
4643
|
-
createRenderEffect(() => className(_el$
|
|
4644
|
-
return _el$
|
|
4676
|
+
createRenderEffect(() => className(_el$45, cn("contain-layout shrink-0 flex items-center gap-1 pt-1 w-fit h-fit pl-1.5", props.componentName ? "pr-1.5" : "pr-1")));
|
|
4677
|
+
return _el$44;
|
|
4645
4678
|
}
|
|
4646
4679
|
}), null);
|
|
4647
|
-
insert(_el$
|
|
4680
|
+
insert(_el$28, createComponent(Show, {
|
|
4648
4681
|
get when() {
|
|
4649
4682
|
return props.isPendingDismiss;
|
|
4650
4683
|
},
|
|
@@ -4659,7 +4692,7 @@ var SelectionLabel = (props) => {
|
|
|
4659
4692
|
});
|
|
4660
4693
|
}
|
|
4661
4694
|
}), null);
|
|
4662
|
-
insert(_el$
|
|
4695
|
+
insert(_el$28, createComponent(Show, {
|
|
4663
4696
|
get when() {
|
|
4664
4697
|
return props.error;
|
|
4665
4698
|
},
|
|
@@ -4676,11 +4709,11 @@ var SelectionLabel = (props) => {
|
|
|
4676
4709
|
}), null);
|
|
4677
4710
|
createRenderEffect((_p$) => {
|
|
4678
4711
|
var _v$8 = `${computedPosition().top}px`, _v$9 = `${computedPosition().left}px`, _v$0 = props.isInputExpanded || props.status === "copied" && props.onDismiss || props.status === "copying" && props.onAbort ? "auto" : "none", _v$1 = props.status === "fading" ? 0 : 1, _v$10 = (props.status === "copied" || props.status === "fading") && !props.error ? "none" : void 0;
|
|
4679
|
-
_v$8 !== _p$.e && setStyleProperty(_el$
|
|
4680
|
-
_v$9 !== _p$.t && setStyleProperty(_el$
|
|
4681
|
-
_v$0 !== _p$.a && setStyleProperty(_el$
|
|
4682
|
-
_v$1 !== _p$.o && setStyleProperty(_el$
|
|
4683
|
-
_v$10 !== _p$.i && setStyleProperty(_el$
|
|
4712
|
+
_v$8 !== _p$.e && setStyleProperty(_el$27, "top", _p$.e = _v$8);
|
|
4713
|
+
_v$9 !== _p$.t && setStyleProperty(_el$27, "left", _p$.t = _v$9);
|
|
4714
|
+
_v$0 !== _p$.a && setStyleProperty(_el$27, "pointer-events", _p$.a = _v$0);
|
|
4715
|
+
_v$1 !== _p$.o && setStyleProperty(_el$27, "opacity", _p$.o = _v$1);
|
|
4716
|
+
_v$10 !== _p$.i && setStyleProperty(_el$28, "display", _p$.i = _v$10);
|
|
4684
4717
|
return _p$;
|
|
4685
4718
|
}, {
|
|
4686
4719
|
e: void 0,
|
|
@@ -4689,7 +4722,7 @@ var SelectionLabel = (props) => {
|
|
|
4689
4722
|
o: void 0,
|
|
4690
4723
|
i: void 0
|
|
4691
4724
|
});
|
|
4692
|
-
return _el$
|
|
4725
|
+
return _el$27;
|
|
4693
4726
|
}
|
|
4694
4727
|
});
|
|
4695
4728
|
};
|
|
@@ -6854,7 +6887,7 @@ var init = (rawOptions) => {
|
|
|
6854
6887
|
hasInited = true;
|
|
6855
6888
|
const logIntro = () => {
|
|
6856
6889
|
try {
|
|
6857
|
-
const version = "0.0.
|
|
6890
|
+
const version = "0.0.78";
|
|
6858
6891
|
const logoDataUri = `data:image/svg+xml;base64,${btoa(LOGO_SVG)}`;
|
|
6859
6892
|
console.log(`%cReact Grab${version ? ` v${version}` : ""}%c
|
|
6860
6893
|
https://react-grab.com`, `background: #330039; color: #ffffff; border: 1px solid #d75fcb; padding: 4px 4px 4px 24px; border-radius: 4px; background-image: url("${logoDataUri}"); background-size: 16px 16px; background-repeat: no-repeat; background-position: 4px center; display: inline-block; margin-bottom: 4px;`, "");
|
|
@@ -7467,7 +7500,16 @@ ${plainTextContentOnly}` : plainTextContentOnly;
|
|
|
7467
7500
|
if (pendingClickTimeoutId) {
|
|
7468
7501
|
window.clearTimeout(pendingClickTimeoutId);
|
|
7469
7502
|
pendingClickTimeoutId = null;
|
|
7503
|
+
const clickData = pendingClickData;
|
|
7470
7504
|
pendingClickData = null;
|
|
7505
|
+
if (clickData) {
|
|
7506
|
+
setLastGrabbedElement(clickData.element);
|
|
7507
|
+
const bounds = createElementBounds(clickData.element);
|
|
7508
|
+
const tagName = extractElementTagName(clickData.element);
|
|
7509
|
+
void getNearestComponentName(clickData.element).then((componentName) => {
|
|
7510
|
+
void executeCopyOperation(clickData.clientX, clickData.clientY, () => copySingleElementToClipboard(clickData.element), bounds, tagName, componentName ?? void 0, clickData.element);
|
|
7511
|
+
});
|
|
7512
|
+
}
|
|
7471
7513
|
}
|
|
7472
7514
|
stopAutoScroll();
|
|
7473
7515
|
stopProgressAnimation();
|