@scalar/api-client 1.1.11 → 1.1.12

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @scalar/api-client
 
+## 1.1.12
+
+### Patch Changes
+
+- c14568f: feat: add custom security option
+- Updated dependencies [c14568f]
+  - @scalar/components@0.4.9
+  - @scalar/oas-utils@0.1.3
+
 ## 1.1.11
 
 ### Patch Changes

package/dist/components/ApiClient/Request/RequestAuthentication/RequestAuthentication.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RequestAuthentication.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/ApiClient/Request/RequestAuthentication/RequestAuthentication.vue.ts"],"names":[],"mappings":";AA6JA,wBAKG"}
+{"version":3,"file":"RequestAuthentication.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/ApiClient/Request/RequestAuthentication/RequestAuthentication.vue.ts"],"names":[],"mappings":";AAsPA,wBAKG"}

package/dist/helpers/getRequestFromAuthentication.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getRequestFromAuthentication.d.ts","sourceRoot":"","sources":["../../src/helpers/getRequestFromAuthentication.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAA;AAC5D,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AACpE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAgClD;;GAEG;AACH,wBAAgB,4BAA4B,CAC1C,cAAc,EAAE,mBAAmB,EACnC,iBAAiB,CAAC,EAAE,CAChB,SAAS,CAAC,yBAAyB,GACnC,WAAW,CAAC,yBAAyB,CACxC,EAAE,GACF,OAAO,CAAC,UAAU,CAAC,CA2HrB;AAED,wBAAgB,cAAc,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,UAIhE;AAED,wBAAgB,sCAAsC,CACpD,cAAc,EAAE,mBAAmB,YAcpC"}
+{"version":3,"file":"getRequestFromAuthentication.d.ts","sourceRoot":"","sources":["../../src/helpers/getRequestFromAuthentication.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAA;AAC5D,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AACpE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAgClD;;GAEG;AACH,wBAAgB,4BAA4B,CAC1C,cAAc,EAAE,mBAAmB,EACnC,iBAAiB,CAAC,EAAE,CAChB,SAAS,CAAC,yBAAyB,GACnC,WAAW,CAAC,yBAAyB,CACxC,EAAE,GACF,OAAO,CAAC,UAAU,CAAC,CA8HrB;AAED,wBAAgB,cAAc,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,UAIhE;AAED,wBAAgB,sCAAsC,CACpD,cAAc,EAAE,mBAAmB,YAcpC"}

package/dist/index.css

@@ -943,7 +943,7 @@ to {
 .card-form-input input:not(:placeholder-shown) + label[data-v-f2db736f] {
   color: var(--theme-color-2, var(--default-theme-color-2));
 }
-.loader-wrapper:where(.scalar-component[data-v-42a08e16]),:where(.scalar-component) .loader-wrapper[data-v-42a08e16]{position:relative;height:var(--8d3a1414);width:var(--8d3a1414);display:flex;align-items:center;justify-content:center;--default-loader-size: 50%}.svg-loader:where(.scalar-component[data-v-42a08e16]),:where(.scalar-component) .svg-loader[data-v-42a08e16]{width:var(--loader-size, var(--default-loader-size));height:var(--loader-size, var(--default-loader-size));top:1rem;right:.9rem;overflow:visible;fill:none;background-color:transparent;stroke:currentColor}.svg-path:where(.scalar-component[data-v-42a08e16]),:where(.scalar-component) .svg-path[data-v-42a08e16]{stroke-width:14;fill:none;transition:.3s}.svg-x-mark:where(.scalar-component[data-v-42a08e16]),:where(.scalar-component) .svg-x-mark[data-v-42a08e16]{stroke-dasharray:57;stroke-dashoffset:57;transition-delay:0s}.svg-check-mark:where(.scalar-component[data-v-42a08e16]),:where(.scalar-component) .svg-check-mark[data-v-42a08e16]{stroke-dasharray:149;stroke-dashoffset:149;transition-delay:0s}.icon-is-invalid .svg-x-mark:where(.scalar-component[data-v-42a08e16]),:where(.scalar-component) .icon-is-invalid .svg-x-mark[data-v-42a08e16]{stroke-dashoffset:0;transition-delay:.3s}.icon-is-valid .svg-check-mark:where(.scalar-component[data-v-42a08e16]),:where(.scalar-component) .icon-is-valid .svg-check-mark[data-v-42a08e16]{stroke-dashoffset:0;transition-delay:.3s}.circular-loader:where(.scalar-component[data-v-42a08e16]),:where(.scalar-component) .circular-loader[data-v-42a08e16]{animation:rotate-42a08e16 .7s linear infinite,fade-in-42a08e16 .4s;transform-origin:center center;transform:scale(5);background:transparent}.loader-path:where(.scalar-component[data-v-42a08e16]),:where(.scalar-component) .loader-path[data-v-42a08e16]{stroke-dasharray:50,200;stroke-dashoffset:-100;stroke-linecap:round}.loader-path-off:where(.scalar-component[data-v-42a08e16]),:where(.scalar-component) .loader-path-off[data-v-42a08e16]{stroke-dasharray:50,200;stroke-dashoffset:-100;transition:opacity .3s;opacity:0}@keyframes fade-in-42a08e16{0%{opacity:0}70%{opacity:0}to{opacity:1}}@keyframes rotate-42a08e16{0%{transform:scale(5) rotate(0)}to{transform:scale(5) rotate(360deg)}}.scalar-codeblock-code[class*=language-]:where(.scalar-component),:where(.scalar-component) .scalar-codeblock-code[class*=language-],.scalar-codeblock-pre[class*=language-]:where(.scalar-component),:where(.scalar-component) .scalar-codeblock-pre[class*=language-]{color:var(--theme-color-3, var(--default-theme-color-2));background:none;font-family:var(--theme-font-code, var(--default-theme-font-code));font-size:var(--theme-small, var(--default-theme-small));text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.4;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;hyphens:none}.scalar-codeblock-pre[class*=language-]:where(.scalar-component),:where(.scalar-component) .scalar-codeblock-pre[class*=language-]{margin:0;padding:.5rem;overflow:auto}:not(pre)>code[class*=language-]:where(.scalar-component),:where(.scalar-component) :not(pre)>code[class*=language-],.scalar-codeblock-pre[class*=language-]:where(.scalar-component),:where(.scalar-component) .scalar-codeblock-pre[class*=language-]{background:var(--theme-background-2, var(--default-theme-background-2))}.line-numbers.scalar-codeblock-pre[class*=language-]{position:relative;padding-left:2em;counter-reset:linenumber}.line-numbers>code{position:relative;white-space:inherit}.line-numbers .line-numbers-rows{position:absolute;pointer-events:none;top:0;font-size:100%;left:-3em;width:3em;letter-spacing:-1px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.line-numbers-rows>span{display:block;counter-increment:linenumber}.line-numbers-rows>span:before{content:counter(linenumber);color:#999;display:block;padding-right:.8em;text-align:right}:not(pre)>code[class*=language-]:where(.scalar-component),:where(.scalar-component) :not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.comment:where(.scalar-component),:where(.scalar-component) .token.comment,.token.block-comment:where(.scalar-component),:where(.scalar-component) .token.block-comment,.token.prolog:where(.scalar-component),:where(.scalar-component) .token.prolog,.token.doctype:where(.scalar-component),:where(.scalar-component) .token.doctype,.token.cdata:where(.scalar-component),:where(.scalar-component) .token.cdata{color:var(--theme-color-2, var(--default-theme-color-2))}.token.punctuation:where(.scalar-component),:where(.scalar-component) .token.punctuation{color:var(--theme-color-3, var(--default-theme-color-3))}.token.tag:where(.scalar-component),:where(.scalar-component) .token.tag,.token.attr-name:where(.scalar-component),:where(.scalar-component) .token.attr-name,.token.namespace:where(.scalar-component),:where(.scalar-component) .token.namespace,.token.deleted:where(.scalar-component),:where(.scalar-component) .token.deleted{color:var(--theme-color-red, var(--default-theme-color-red))}.token.function-name:where(.scalar-component),:where(.scalar-component) .token.function-name{color:var(--theme-color-green, var(--default-theme-color-green))}.token.boolean:where(.scalar-component),:where(.scalar-component) .token.boolean,.token.number:where(.scalar-component),:where(.scalar-component) .token.number,.token.function:where(.scalar-component),:where(.scalar-component) .token.function{color:var(--theme-color-orange, var(--default-theme-color-orange))}.token.property:where(.scalar-component),:where(.scalar-component) .token.property,.token.class-name:where(.scalar-component),:where(.scalar-component) .token.class-name,.token.constant:where(.scalar-component),:where(.scalar-component) .token.constant,.token.symbol:where(.scalar-component),:where(.scalar-component) .token.symbol{color:var(--theme-color-1, var(--default-theme-color-1))}.token.selector:where(.scalar-component),:where(.scalar-component) .token.selector,.token.important:where(.scalar-component),:where(.scalar-component) .token.important,.token.atrule:where(.scalar-component),:where(.scalar-component) .token.atrule,.token.keyword:where(.scalar-component),:where(.scalar-component) .token.keyword,.token.builtin:where(.scalar-component),:where(.scalar-component) .token.builtin{color:var(--theme-color-purple, var(--default-theme-color-purple))}.token.string:where(.scalar-component),:where(.scalar-component) .token.string,.token.char:where(.scalar-component),:where(.scalar-component) .token.char,.token.attr-value:where(.scalar-component),:where(.scalar-component) .token.attr-value,.token.regex:where(.scalar-component),:where(.scalar-component) .token.regex,.token.variable:where(.scalar-component),:where(.scalar-component) .token.variable{color:var(--theme-color-blue, var(--default-theme-color-blue))}.light-mode .dark-mode .language-shell .token.variable:where(.scalar-component),:where(.scalar-component) .light-mode .dark-mode .language-shell .token.variable{color:var(--theme-color-1, var(--default-theme-color-1))}.light-mode .dark-mode .language-shell .token.string:where(.scalar-component),:where(.scalar-component) .light-mode .dark-mode .language-shell .token.string{color:var(--theme-color-blue, var(--default-theme-color-blue))}.language-shell .token.string:where(.scalar-component),:where(.scalar-component) .language-shell .token.string{color:var(--theme-color-1, var(--default-theme-color-1))}.token.operator:where(.scalar-component),:where(.scalar-component) .token.operator,.token.entity:where(.scalar-component),:where(.scalar-component) .token.entity,.token.url:where(.scalar-component),:where(.scalar-component) .token.url{color:var(--theme-color-3, var(--default-theme-color-3))}.token.important:where(.scalar-component),:where(.scalar-component) .token.important,.token.bold:where(.scalar-component),:where(.scalar-component) .token.bold{font-weight:700}.token.italic:where(.scalar-component),:where(.scalar-component) .token.italic{font-style:italic}.token.entity:where(.scalar-component),:where(.scalar-component) .token.entity{cursor:help}.token.inserted:where(.scalar-component),:where(.scalar-component) .token.inserted{color:var(--theme-color-green, var(--default-theme-color-green))}.credentials:where(.scalar-component),:where(.scalar-component) .credentials{font-size:0;color:transparent}.credentials:after:where(.scalar-component),:where(.scalar-component) .credentials:after{content:"·····";font-size:var(--theme-small, var(--default-theme-small));color:var(--theme-color-3, var(--default-theme-color-3))}.scalar-modal-layout:where(.scalar-component[data-v-ff85ced0]),:where(.scalar-component) .scalar-modal-layout[data-v-ff85ced0]{animation:modal-fade-ff85ced0 .2s forwards}.scalar-modal:where(.scalar-component[data-v-ff85ced0]),:where(.scalar-component) .scalar-modal[data-v-ff85ced0]{transform:scale(.98);animation:modal-pop-ff85ced0 .15s .15s forwards}@keyframes modal-fade-ff85ced0{0%{opacity:0}to{opacity:1}}@keyframes modal-pop-ff85ced0{0%{opacity:0}to{opacity:1;transform:scale(1)}}.scalar-input-wrapper-focus .scalar-input-label:where(.scalar-component[data-v-4717ec50]),:where(.scalar-component) .scalar-input-wrapper-focus .scalar-input-label[data-v-4717ec50]{color:var(--theme-color-1, var(--default-theme-color-1))}.scalar-input-wrapper-error .scalar-input-label:where(.scalar-component[data-v-4717ec50]),:where(.scalar-component) .scalar-input-wrapper-error .scalar-input-label[data-v-4717ec50]{color:var(--theme-color-error-color, var(--default-theme-color-red))}.scalar-input::-moz-selection:where(.scalar-component[data-v-4717ec50]),:where(.scalar-component) .scalar-input[data-v-4717ec50]::-moz-selection{color:var(--theme-color-1, var(--default-theme-color-1));background:#ffa55859}.scalar-input::selection:where(.scalar-component[data-v-4717ec50]),:where(.scalar-component) .scalar-input[data-v-4717ec50]::selection{color:var(--theme-color-1, var(--default-theme-color-1));background:#ffa55859}.scalar-input:has(+.scalar-input-label):where(.scalar-component[data-v-4717ec50]),:where(.scalar-component) .scalar-input[data-v-4717ec50]:has(+.scalar-input-label){opacity:0}.scalar-input:not(:-moz-placeholder-shown):where(.scalar-component[data-v-4717ec50]),:where(.scalar-component) .scalar-input[data-v-4717ec50]:not(:-moz-placeholder-shown){opacity:1;-moz-transition:opacity .2s ease-in-out .15s;transition:opacity .2s ease-in-out .15s}.scalar-input:not(:placeholder-shown):where(.scalar-component[data-v-4717ec50]),:where(.scalar-component) .scalar-input[data-v-4717ec50]:not(:placeholder-shown),.scalar-input-wrapper-focus .scalar-input:where(.scalar-component[data-v-4717ec50]),:where(.scalar-component) .scalar-input-wrapper-focus .scalar-input[data-v-4717ec50]{opacity:1;transition:opacity .2s ease-in-out .15s}.scalar-input:-webkit-autofill:where(.scalar-component[data-v-4717ec50]),:where(.scalar-component) .scalar-input[data-v-4717ec50]:-webkit-autofill,.scalar-input:-webkit-autofill:hover:where(.scalar-component[data-v-4717ec50]),:where(.scalar-component) .scalar-input[data-v-4717ec50]:-webkit-autofill:hover,.scalar-input:-webkit-autofill:focus:where(.scalar-component[data-v-4717ec50]),:where(.scalar-component) .scalar-input[data-v-4717ec50]:-webkit-autofill:focus,.scalar-input:-webkit-autofill:active:where(.scalar-component[data-v-4717ec50]),:where(.scalar-component) .scalar-input[data-v-4717ec50]:-webkit-autofill:active,.scalar-input:focus-within:-webkit-autofill:where(.scalar-component[data-v-4717ec50]),:where(.scalar-component) .scalar-input[data-v-4717ec50]:focus-within:-webkit-autofill,.scalar-input:focus-within:-webkit-autofill:hover:where(.scalar-component[data-v-4717ec50]),:where(.scalar-component) .scalar-input[data-v-4717ec50]:focus-within:-webkit-autofill:hover,.scalar-input:focus-within:-webkit-autofill:focus:where(.scalar-component[data-v-4717ec50]),:where(.scalar-component) .scalar-input[data-v-4717ec50]:focus-within:-webkit-autofill:focus,.scalar-input:focus-within:-webkit-autofill:active:where(.scalar-component[data-v-4717ec50]),:where(.scalar-component) .scalar-input[data-v-4717ec50]:focus-within:-webkit-autofill:active{-webkit-box-shadow:0 0 0px 1000px var(--theme-background-1, var(--default-theme-background-1)) inset!important;-webkit-text-fill-color:var(--theme-color-1, var(--default-theme-color-1));color:var(--theme-color-1, var(--default-theme-color-1));border-radius:var(--theme-radius, var(--default-theme-radius))}.scalar-input:not(:-moz-placeholder-shown)+.scalar-input-label:where(.scalar-component[data-v-4717ec50]),:where(.scalar-component) .scalar-input:not(:-moz-placeholder-shown)+.scalar-input-label[data-v-4717ec50]{transform:translate3d(0,-20px,0) scale(.8);transform-origin:top left}.scalar-input-wrapper-focus .scalar-input-label:where(.scalar-component[data-v-4717ec50]),:where(.scalar-component) .scalar-input-wrapper-focus .scalar-input-label[data-v-4717ec50],.scalar-input:not(:placeholder-shown)+.scalar-input-label:where(.scalar-component[data-v-4717ec50]),:where(.scalar-component) .scalar-input:not(:placeholder-shown)+.scalar-input-label[data-v-4717ec50]{transform:translate3d(0,-20px,0) scale(.8);transform-origin:top left}.scalar-input-wrapper-focus:has(button:active) .scalar-input-label:where(.scalar-component[data-v-4717ec50]),:where(.scalar-component) .scalar-input-wrapper-focus:has(button:active) .scalar-input-label[data-v-4717ec50]{color:var(--theme-color-3, var(--default-theme-color-3))!important}:where(.scalar-component),:where(.scalar-component) *{box-sizing:border-box;border-width:unset;border-style:unset;border-color:currentColor;font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:unset;font-weight:inherit;line-height:inherit;color:inherit;margin:unset;padding:unset}:where(.scalar-component),:where(.scalar-component) *,:before:where(.scalar-component),:where(.scalar-component) :before,:after:where(.scalar-component),:where(.scalar-component) :after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop:where(.scalar-component),:where(.scalar-component) ::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.sr-only:where(.scalar-component),:where(.scalar-component) .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none:where(.scalar-component),:where(.scalar-component) .pointer-events-none{pointer-events:none}.visible:where(.scalar-component),:where(.scalar-component) .visible{visibility:visible}.fixed:where(.scalar-component),:where(.scalar-component) .fixed{position:fixed}.absolute:where(.scalar-component),:where(.scalar-component) .absolute{position:absolute}.relative:where(.scalar-component),:where(.scalar-component) .relative{position:relative}.left-0:where(.scalar-component),:where(.scalar-component) .left-0{left:0}.top-0:where(.scalar-component),:where(.scalar-component) .top-0{top:0}.z-10:where(.scalar-component),:where(.scalar-component) .z-10{z-index:10}.z-\[1001\]:where(.scalar-component),:where(.scalar-component) .z-\[1001\]{z-index:1001}.m-0:where(.scalar-component),:where(.scalar-component) .m-0{margin:0}.mx-2:where(.scalar-component),:where(.scalar-component) .mx-2{margin-left:8px;margin-right:8px}.mx-auto:where(.scalar-component),:where(.scalar-component) .mx-auto{margin-left:auto;margin-right:auto}.my-3:where(.scalar-component),:where(.scalar-component) .my-3{margin-top:12px;margin-bottom:12px}.mb-0:where(.scalar-component),:where(.scalar-component) .mb-0{margin-bottom:0}.ml-2:where(.scalar-component),:where(.scalar-component) .ml-2{margin-left:8px}.mr-2:where(.scalar-component),:where(.scalar-component) .mr-2{margin-right:8px}.mt-1:where(.scalar-component),:where(.scalar-component) .mt-1{margin-top:4px}.mt-1\.5:where(.scalar-component),:where(.scalar-component) .mt-1\.5{margin-top:6px}.mt-20:where(.scalar-component),:where(.scalar-component) .mt-20{margin-top:80px}.block:where(.scalar-component),:where(.scalar-component) .block{display:block}.flex:where(.scalar-component),:where(.scalar-component) .flex{display:flex}.grid:where(.scalar-component),:where(.scalar-component) .grid{display:grid}.hidden:where(.scalar-component),:where(.scalar-component) .hidden{display:none}.aspect-square:where(.scalar-component),:where(.scalar-component) .aspect-square{aspect-ratio:1 / 1}.h-10:where(.scalar-component),:where(.scalar-component) .h-10{height:40px}.h-3:where(.scalar-component),:where(.scalar-component) .h-3{height:12px}.h-3\.5:where(.scalar-component),:where(.scalar-component) .h-3\.5{height:14px}.h-4:where(.scalar-component),:where(.scalar-component) .h-4{height:16px}.h-5:where(.scalar-component),:where(.scalar-component) .h-5{height:20px}.h-6:where(.scalar-component),:where(.scalar-component) .h-6{height:24px}.h-\[100dvh\]:where(.scalar-component),:where(.scalar-component) .h-\[100dvh\]{height:100dvh}.h-full:where(.scalar-component),:where(.scalar-component) .h-full{height:100%}.max-h-\[440px\]:where(.scalar-component),:where(.scalar-component) .max-h-\[440px\]{max-height:440px}.max-h-\[calc\(100dvh-240px\)\]:where(.scalar-component),:where(.scalar-component) .max-h-\[calc\(100dvh-240px\)\]{max-height:calc(100dvh - 240px)}.min-h-\[77px\]:where(.scalar-component),:where(.scalar-component) .min-h-\[77px\]{min-height:77px}.w-10:where(.scalar-component),:where(.scalar-component) .w-10{width:40px}.w-3:where(.scalar-component),:where(.scalar-component) .w-3{width:12px}.w-3\.5:where(.scalar-component),:where(.scalar-component) .w-3\.5{width:14px}.w-4:where(.scalar-component),:where(.scalar-component) .w-4{width:16px}.w-5:where(.scalar-component),:where(.scalar-component) .w-5{width:20px}.w-6:where(.scalar-component),:where(.scalar-component) .w-6{width:24px}.w-\[100dvw\]:where(.scalar-component),:where(.scalar-component) .w-\[100dvw\]{width:100dvw}.w-full:where(.scalar-component),:where(.scalar-component) .w-full{width:100%}.max-w-screen-lg:where(.scalar-component),:where(.scalar-component) .max-w-screen-lg{max-width:800px}.max-w-screen-md:where(.scalar-component),:where(.scalar-component) .max-w-screen-md{max-width:640px}.max-w-screen-sm:where(.scalar-component),:where(.scalar-component) .max-w-screen-sm{max-width:540px}.max-w-screen-xs:where(.scalar-component),:where(.scalar-component) .max-w-screen-xs{max-width:480px}.origin-top-left:where(.scalar-component),:where(.scalar-component) .origin-top-left{transform-origin:top left}.transform:where(.scalar-component),:where(.scalar-component) .transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-not-allowed:where(.scalar-component),:where(.scalar-component) .cursor-not-allowed{cursor:not-allowed}.cursor-pointer:where(.scalar-component),:where(.scalar-component) .cursor-pointer{cursor:pointer}.resize-none:where(.scalar-component),:where(.scalar-component) .resize-none{resize:none}.appearance-none:where(.scalar-component),:where(.scalar-component) .appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.items-start:where(.scalar-component),:where(.scalar-component) .items-start{align-items:flex-start}.items-center:where(.scalar-component),:where(.scalar-component) .items-center{align-items:center}.justify-center:where(.scalar-component),:where(.scalar-component) .justify-center{justify-content:center}.gap-1:where(.scalar-component),:where(.scalar-component) .gap-1{gap:4px}.gap-4:where(.scalar-component),:where(.scalar-component) .gap-4{gap:16px}.overflow-hidden:where(.scalar-component),:where(.scalar-component) .overflow-hidden{overflow:hidden}.overflow-y-auto:where(.scalar-component),:where(.scalar-component) .overflow-y-auto{overflow-y:auto}.rounded:where(.scalar-component),:where(.scalar-component) .rounded{border-radius:var(--theme-radius, var(--default-theme-radius))}.rounded-lg:where(.scalar-component),:where(.scalar-component) .rounded-lg{border-radius:var(--theme-radius-lg, var(--default-theme-radius-lg))}.border:where(.scalar-component),:where(.scalar-component) .border{border-width:1px}.border-0:where(.scalar-component),:where(.scalar-component) .border-0{border-width:0px}.border-solid:where(.scalar-component),:where(.scalar-component) .border-solid{border-style:solid}.border-border:where(.scalar-component),:where(.scalar-component) .border-border{border-color:var(--theme-border-color, var(--default-theme-border-color))}.border-error:where(.scalar-component),:where(.scalar-component) .border-error{border-color:var(--theme-error-color, var(--default-theme-color-red))}.border-fore-3:where(.scalar-component),:where(.scalar-component) .border-fore-3{border-color:var(--theme-color-3, var(--default-theme-color-3))}.bg-back-1:where(.scalar-component),:where(.scalar-component) .bg-back-1{background-color:var(--theme-background-1, var(--default-theme-background-1))}.bg-back-2:where(.scalar-component),:where(.scalar-component) .bg-back-2{background-color:var(--theme-background-2, var(--default-theme-background-2))}.bg-back-btn-1:where(.scalar-component),:where(.scalar-component) .bg-back-btn-1{background-color:var(--theme-button-1, var(--default-theme-button-1))}.bg-backdrop:where(.scalar-component),:where(.scalar-component) .bg-backdrop{background-color:#00000070}.bg-error:where(.scalar-component),:where(.scalar-component) .bg-error{background-color:var(--theme-error-color, var(--default-theme-color-red))}.bg-transparent:where(.scalar-component),:where(.scalar-component) .bg-transparent{background-color:transparent}.p-0:where(.scalar-component),:where(.scalar-component) .p-0{padding:0}.p-0\.5:where(.scalar-component),:where(.scalar-component) .p-0\.5{padding:2px}.p-1:where(.scalar-component),:where(.scalar-component) .p-1{padding:4px}.p-3:where(.scalar-component),:where(.scalar-component) .p-3{padding:12px}.p-5:where(.scalar-component),:where(.scalar-component) .p-5{padding:20px}.px-1:where(.scalar-component),:where(.scalar-component) .px-1{padding-left:4px;padding-right:4px}.px-4:where(.scalar-component),:where(.scalar-component) .px-4{padding-left:16px;padding-right:16px}.px-6:where(.scalar-component),:where(.scalar-component) .px-6{padding-left:24px;padding-right:24px}.px-9:where(.scalar-component),:where(.scalar-component) .px-9{padding-left:36px;padding-right:36px}.py-1:where(.scalar-component),:where(.scalar-component) .py-1{padding-top:4px;padding-bottom:4px}.py-3:where(.scalar-component),:where(.scalar-component) .py-3{padding-top:12px;padding-bottom:12px}.pb-0:where(.scalar-component),:where(.scalar-component) .pb-0{padding-bottom:0}.pb-4:where(.scalar-component),:where(.scalar-component) .pb-4{padding-bottom:16px}.pl-9:where(.scalar-component),:where(.scalar-component) .pl-9{padding-left:36px}.pr-3:where(.scalar-component),:where(.scalar-component) .pr-3{padding-right:12px}.pt-3:where(.scalar-component),:where(.scalar-component) .pt-3{padding-top:12px}.pt-6:where(.scalar-component),:where(.scalar-component) .pt-6{padding-top:24px}.text-left:where(.scalar-component),:where(.scalar-component) .text-left{text-align:left}.text-sm:where(.scalar-component),:where(.scalar-component) .text-sm{font-size:var(--theme-small, var(--default-theme-small, var(--theme-font-size-3, var(--default-theme-font-size-3))))}.text-xs:where(.scalar-component),:where(.scalar-component) .text-xs{font-size:var(--theme-mini, var(--default-theme-mini, var(--theme-font-size-4, var(--default-theme-font-size-4))))}.font-medium:where(.scalar-component),:where(.scalar-component) .font-medium{font-weight:var(--theme-font-medium, var(--default-theme-font-medium))}.font-normal:where(.scalar-component),:where(.scalar-component) .font-normal{font-weight:400}.italic:where(.scalar-component),:where(.scalar-component) .italic{font-style:italic}.text-error:where(.scalar-component),:where(.scalar-component) .text-error{color:var(--theme-error-color, var(--default-theme-color-red))}.text-fore-1:where(.scalar-component),:where(.scalar-component) .text-fore-1{color:var(--theme-color-1, var(--default-theme-color-1))}.text-fore-3:where(.scalar-component),:where(.scalar-component) .text-fore-3{color:var(--theme-color-3, var(--default-theme-color-3))}.text-fore-btn-1:where(.scalar-component),:where(.scalar-component) .text-fore-btn-1{color:var(--theme-button-1-color, var(--default-theme-button-1-color))}.text-ghost:where(.scalar-component),:where(.scalar-component) .text-ghost{color:var(--theme-color-ghost, var(--default-theme-color-ghost))}.text-white:where(.scalar-component),:where(.scalar-component) .text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.opacity-0:where(.scalar-component),:where(.scalar-component) .opacity-0{opacity:0}.shadow-none:where(.scalar-component),:where(.scalar-component) .shadow-none{--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm:where(.scalar-component),:where(.scalar-component) .shadow-sm{--tw-shadow: rgba(0, 0, 0, .09) 0px 1px 4px;--tw-shadow-colored: 0px 1px 4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none:where(.scalar-component),:where(.scalar-component) .outline-none{outline:2px solid transparent;outline-offset:2px}.outline:where(.scalar-component),:where(.scalar-component) .outline{outline-style:solid}.blur:where(.scalar-component),:where(.scalar-component) .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)}.filter:where(.scalar-component),:where(.scalar-component) .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)}.transition:where(.scalar-component),:where(.scalar-component) .transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity:where(.scalar-component),:where(.scalar-component) .transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform:where(.scalar-component),:where(.scalar-component) .transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-in-out:where(.scalar-component),:where(.scalar-component) .ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.row:where(.scalar-component),:where(.scalar-component) .row{display:flex;flex-direction:row}.col:where(.scalar-component),:where(.scalar-component) .col{display:flex;flex-direction:column}.before\:mr-1:before:where(.scalar-component),:where(.scalar-component) .before\:mr-1:before{content:var(--tw-content);margin-right:4px}.before\:mr-1\.5:before:where(.scalar-component),:where(.scalar-component) .before\:mr-1\.5:before{content:var(--tw-content);margin-right:6px}.before\:block:before:where(.scalar-component),:where(.scalar-component) .before\:block:before{content:var(--tw-content);display:block}.before\:h-4:before:where(.scalar-component),:where(.scalar-component) .before\:h-4:before{content:var(--tw-content);height:16px}.before\:w-4:before:where(.scalar-component),:where(.scalar-component) .before\:w-4:before{content:var(--tw-content);width:16px}.before\:bg-error:before:where(.scalar-component),:where(.scalar-component) .before\:bg-error:before{content:var(--tw-content);background-color:var(--theme-error-color, var(--default-theme-color-red))}.before\:text-center:before:where(.scalar-component),:where(.scalar-component) .before\:text-center:before{content:var(--tw-content);text-align:center}.before\:text-xxs:before:where(.scalar-component),:where(.scalar-component) .before\:text-xxs:before{content:var(--tw-content);font-size:var(--theme-micro, var(--default-theme-micro, var(--theme-font-size-5, var(--default-theme-font-size-5))))}.before\:font-black:before:where(.scalar-component),:where(.scalar-component) .before\:font-black:before{content:var(--tw-content);font-weight:900}.before\:leading-4:before:where(.scalar-component),:where(.scalar-component) .before\:leading-4:before{content:var(--tw-content);line-height:16px}.before\:text-white:before:where(.scalar-component),:where(.scalar-component) .before\:text-white:before{content:var(--tw-content);--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.before\:content-\[\'\!\'\]:before:where(.scalar-component),:where(.scalar-component) .before\:content-\[\'\!\'\]:before{--tw-content: "!";content:var(--tw-content)}.empty\:hidden:empty:where(.scalar-component),:where(.scalar-component) .empty\:hidden:empty{display:none}.hover\:text-fore-1:hover:where(.scalar-component),:where(.scalar-component) .hover\:text-fore-1:hover{color:var(--theme-color-1, var(--default-theme-color-1))}.active\:bg-back-btn-1:active:where(.scalar-component),:where(.scalar-component) .active\:bg-back-btn-1:active{background-color:var(--theme-button-1, var(--default-theme-button-1))}.active\:text-fore-2:active:where(.scalar-component),:where(.scalar-component) .active\:text-fore-2:active{color:var(--theme-color-2, var(--default-theme-color-2))}.active\:shadow-none:active:where(.scalar-component),:where(.scalar-component) .active\:shadow-none:active{--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.active\:brightness-90:active:where(.scalar-component),:where(.scalar-component) .active\:brightness-90:active{--tw-brightness: brightness(.9);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)}.has-actv-btn\:border:has(button:active):where(.scalar-component),:where(.scalar-component) .has-actv-btn\:border:has(button:active){border-width:1px}.has-actv-btn\:border-border:has(button:active):where(.scalar-component),:where(.scalar-component) .has-actv-btn\:border-border:has(button:active){border-color:var(--theme-border-color, var(--default-theme-border-color))}.\!empty\:flex:not(:empty):where(.scalar-component),:where(.scalar-component) .\!empty\:flex:not(:empty){display:flex}.\!empty\:w-7:not(:empty):where(.scalar-component),:where(.scalar-component) .\!empty\:w-7:not(:empty){width:28px}.\!empty\:items-center:not(:empty):where(.scalar-component),:where(.scalar-component) .\!empty\:items-center:not(:empty){align-items:center}.\!empty\:pr-3:not(:empty):where(.scalar-component),:where(.scalar-component) .\!empty\:pr-3:not(:empty){padding-right:12px}.hocus\:bg-back-2:hover:where(.scalar-component),:where(.scalar-component) .hocus\:bg-back-2:hover{background-color:var(--theme-background-2, var(--default-theme-background-2))}.hocus\:bg-hover-btn-1:hover:where(.scalar-component),:where(.scalar-component) .hocus\:bg-hover-btn-1:hover{background-color:var(--theme-button-1-hover, var(--default-theme-button-1-hover))}.hocus\:text-fore-2:hover:where(.scalar-component),:where(.scalar-component) .hocus\:text-fore-2:hover{color:var(--theme-color-2, var(--default-theme-color-2))}.hocus\:brightness-90:hover:where(.scalar-component),:where(.scalar-component) .hocus\:brightness-90:hover{--tw-brightness: brightness(.9);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)}.hocus\:bg-back-2:focus-visible:where(.scalar-component),:where(.scalar-component) .hocus\:bg-back-2:focus-visible{background-color:var(--theme-background-2, var(--default-theme-background-2))}.hocus\:bg-hover-btn-1:focus-visible:where(.scalar-component),:where(.scalar-component) .hocus\:bg-hover-btn-1:focus-visible{background-color:var(--theme-button-1-hover, var(--default-theme-button-1-hover))}.hocus\:text-fore-2:focus-visible:where(.scalar-component),:where(.scalar-component) .hocus\:text-fore-2:focus-visible{color:var(--theme-color-2, var(--default-theme-color-2))}.hocus\:brightness-90:focus-visible:where(.scalar-component),:where(.scalar-component) .hocus\:brightness-90:focus-visible{--tw-brightness: brightness(.9);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)}@media (min-width: 768px){.md\:row:where(.scalar-component),:where(.scalar-component) .md\:row{display:flex;flex-direction:row}}
+.loader-wrapper:where(.scalar-component[data-v-42a08e16]),:where(.scalar-component) .loader-wrapper[data-v-42a08e16]{position:relative;height:var(--8d3a1414);width:var(--8d3a1414);display:flex;align-items:center;justify-content:center;--default-loader-size: 50%}.svg-loader:where(.scalar-component[data-v-42a08e16]),:where(.scalar-component) .svg-loader[data-v-42a08e16]{width:var(--loader-size, var(--default-loader-size));height:var(--loader-size, var(--default-loader-size));top:1rem;right:.9rem;overflow:visible;fill:none;background-color:transparent;stroke:currentColor}.svg-path:where(.scalar-component[data-v-42a08e16]),:where(.scalar-component) .svg-path[data-v-42a08e16]{stroke-width:14;fill:none;transition:.3s}.svg-x-mark:where(.scalar-component[data-v-42a08e16]),:where(.scalar-component) .svg-x-mark[data-v-42a08e16]{stroke-dasharray:57;stroke-dashoffset:57;transition-delay:0s}.svg-check-mark:where(.scalar-component[data-v-42a08e16]),:where(.scalar-component) .svg-check-mark[data-v-42a08e16]{stroke-dasharray:149;stroke-dashoffset:149;transition-delay:0s}.icon-is-invalid .svg-x-mark:where(.scalar-component[data-v-42a08e16]),:where(.scalar-component) .icon-is-invalid .svg-x-mark[data-v-42a08e16]{stroke-dashoffset:0;transition-delay:.3s}.icon-is-valid .svg-check-mark:where(.scalar-component[data-v-42a08e16]),:where(.scalar-component) .icon-is-valid .svg-check-mark[data-v-42a08e16]{stroke-dashoffset:0;transition-delay:.3s}.circular-loader:where(.scalar-component[data-v-42a08e16]),:where(.scalar-component) .circular-loader[data-v-42a08e16]{animation:rotate-42a08e16 .7s linear infinite,fade-in-42a08e16 .4s;transform-origin:center center;transform:scale(5);background:transparent}.loader-path:where(.scalar-component[data-v-42a08e16]),:where(.scalar-component) .loader-path[data-v-42a08e16]{stroke-dasharray:50,200;stroke-dashoffset:-100;stroke-linecap:round}.loader-path-off:where(.scalar-component[data-v-42a08e16]),:where(.scalar-component) .loader-path-off[data-v-42a08e16]{stroke-dasharray:50,200;stroke-dashoffset:-100;transition:opacity .3s;opacity:0}@keyframes fade-in-42a08e16{0%{opacity:0}70%{opacity:0}to{opacity:1}}@keyframes rotate-42a08e16{0%{transform:scale(5) rotate(0)}to{transform:scale(5) rotate(360deg)}}.scalar-codeblock-code[class*=language-]:where(.scalar-component),:where(.scalar-component) .scalar-codeblock-code[class*=language-],.scalar-codeblock-pre[class*=language-]:where(.scalar-component),:where(.scalar-component) .scalar-codeblock-pre[class*=language-]{color:var(--theme-color-3, var(--default-theme-color-2));background:none;font-family:var(--theme-font-code, var(--default-theme-font-code));font-size:var(--theme-small, var(--default-theme-small));text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.4;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;hyphens:none}.scalar-codeblock-pre[class*=language-]:where(.scalar-component),:where(.scalar-component) .scalar-codeblock-pre[class*=language-]{margin:0;padding:.5rem;overflow:auto}:not(pre)>code[class*=language-]:where(.scalar-component),:where(.scalar-component) :not(pre)>code[class*=language-],.scalar-codeblock-pre[class*=language-]:where(.scalar-component),:where(.scalar-component) .scalar-codeblock-pre[class*=language-]{background:var(--theme-background-2, var(--default-theme-background-2))}.line-numbers.scalar-codeblock-pre[class*=language-]{position:relative;padding-left:2em;counter-reset:linenumber}.line-numbers>code{position:relative;white-space:inherit}.line-numbers .line-numbers-rows{position:absolute;pointer-events:none;top:0;font-size:100%;left:-3em;width:3em;letter-spacing:-1px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.line-numbers-rows>span{display:block;counter-increment:linenumber}.line-numbers-rows>span:before{content:counter(linenumber);color:#999;display:block;padding-right:.8em;text-align:right}:not(pre)>code[class*=language-]:where(.scalar-component),:where(.scalar-component) :not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.comment:where(.scalar-component),:where(.scalar-component) .token.comment,.token.block-comment:where(.scalar-component),:where(.scalar-component) .token.block-comment,.token.prolog:where(.scalar-component),:where(.scalar-component) .token.prolog,.token.doctype:where(.scalar-component),:where(.scalar-component) .token.doctype,.token.cdata:where(.scalar-component),:where(.scalar-component) .token.cdata{color:var(--theme-color-2, var(--default-theme-color-2))}.token.punctuation:where(.scalar-component),:where(.scalar-component) .token.punctuation{color:var(--theme-color-3, var(--default-theme-color-3))}.token.tag:where(.scalar-component),:where(.scalar-component) .token.tag,.token.attr-name:where(.scalar-component),:where(.scalar-component) .token.attr-name,.token.namespace:where(.scalar-component),:where(.scalar-component) .token.namespace,.token.deleted:where(.scalar-component),:where(.scalar-component) .token.deleted{color:var(--theme-color-red, var(--default-theme-color-red))}.token.function-name:where(.scalar-component),:where(.scalar-component) .token.function-name{color:var(--theme-color-green, var(--default-theme-color-green))}.token.boolean:where(.scalar-component),:where(.scalar-component) .token.boolean,.token.number:where(.scalar-component),:where(.scalar-component) .token.number,.token.function:where(.scalar-component),:where(.scalar-component) .token.function{color:var(--theme-color-orange, var(--default-theme-color-orange))}.token.property:where(.scalar-component),:where(.scalar-component) .token.property,.token.class-name:where(.scalar-component),:where(.scalar-component) .token.class-name,.token.constant:where(.scalar-component),:where(.scalar-component) .token.constant,.token.symbol:where(.scalar-component),:where(.scalar-component) .token.symbol{color:var(--theme-color-1, var(--default-theme-color-1))}.token.selector:where(.scalar-component),:where(.scalar-component) .token.selector,.token.important:where(.scalar-component),:where(.scalar-component) .token.important,.token.atrule:where(.scalar-component),:where(.scalar-component) .token.atrule,.token.keyword:where(.scalar-component),:where(.scalar-component) .token.keyword,.token.builtin:where(.scalar-component),:where(.scalar-component) .token.builtin{color:var(--theme-color-purple, var(--default-theme-color-purple))}.token.string:where(.scalar-component),:where(.scalar-component) .token.string,.token.char:where(.scalar-component),:where(.scalar-component) .token.char,.token.attr-value:where(.scalar-component),:where(.scalar-component) .token.attr-value,.token.regex:where(.scalar-component),:where(.scalar-component) .token.regex,.token.variable:where(.scalar-component),:where(.scalar-component) .token.variable{color:var(--theme-color-blue, var(--default-theme-color-blue))}.light-mode .dark-mode .language-shell .token.variable:where(.scalar-component),:where(.scalar-component) .light-mode .dark-mode .language-shell .token.variable{color:var(--theme-color-1, var(--default-theme-color-1))}.light-mode .dark-mode .language-shell .token.string:where(.scalar-component),:where(.scalar-component) .light-mode .dark-mode .language-shell .token.string{color:var(--theme-color-blue, var(--default-theme-color-blue))}.language-shell .token.string:where(.scalar-component),:where(.scalar-component) .language-shell .token.string{color:var(--theme-color-1, var(--default-theme-color-1))}.token.operator:where(.scalar-component),:where(.scalar-component) .token.operator,.token.entity:where(.scalar-component),:where(.scalar-component) .token.entity,.token.url:where(.scalar-component),:where(.scalar-component) .token.url{color:var(--theme-color-3, var(--default-theme-color-3))}.token.important:where(.scalar-component),:where(.scalar-component) .token.important,.token.bold:where(.scalar-component),:where(.scalar-component) .token.bold{font-weight:700}.token.italic:where(.scalar-component),:where(.scalar-component) .token.italic{font-style:italic}.token.entity:where(.scalar-component),:where(.scalar-component) .token.entity{cursor:help}.token.inserted:where(.scalar-component),:where(.scalar-component) .token.inserted{color:var(--theme-color-green, var(--default-theme-color-green))}.credentials:where(.scalar-component),:where(.scalar-component) .credentials{font-size:0;color:transparent}.credentials:after:where(.scalar-component),:where(.scalar-component) .credentials:after{content:"·····";font-size:var(--theme-small, var(--default-theme-small));color:var(--theme-color-3, var(--default-theme-color-3))}.scalar-modal-layout:where(.scalar-component[data-v-ff85ced0]),:where(.scalar-component) .scalar-modal-layout[data-v-ff85ced0]{animation:modal-fade-ff85ced0 .2s forwards}.scalar-modal:where(.scalar-component[data-v-ff85ced0]),:where(.scalar-component) .scalar-modal[data-v-ff85ced0]{transform:scale(.98);animation:modal-pop-ff85ced0 .15s .15s forwards}@keyframes modal-fade-ff85ced0{0%{opacity:0}to{opacity:1}}@keyframes modal-pop-ff85ced0{0%{opacity:0}to{opacity:1;transform:scale(1)}}.scalar-input-wrapper-focus .scalar-input-label:where(.scalar-component[data-v-4717ec50]),:where(.scalar-component) .scalar-input-wrapper-focus .scalar-input-label[data-v-4717ec50]{color:var(--theme-color-1, var(--default-theme-color-1))}.scalar-input-wrapper-error .scalar-input-label:where(.scalar-component[data-v-4717ec50]),:where(.scalar-component) .scalar-input-wrapper-error .scalar-input-label[data-v-4717ec50]{color:var(--theme-color-error-color, var(--default-theme-color-red))}.scalar-input::-moz-selection:where(.scalar-component[data-v-4717ec50]),:where(.scalar-component) .scalar-input[data-v-4717ec50]::-moz-selection{color:var(--theme-color-1, var(--default-theme-color-1));background:#ffa55859}.scalar-input::selection:where(.scalar-component[data-v-4717ec50]),:where(.scalar-component) .scalar-input[data-v-4717ec50]::selection{color:var(--theme-color-1, var(--default-theme-color-1));background:#ffa55859}.scalar-input:has(+.scalar-input-label):where(.scalar-component[data-v-4717ec50]),:where(.scalar-component) .scalar-input[data-v-4717ec50]:has(+.scalar-input-label){opacity:0}.scalar-input:not(:-moz-placeholder-shown):where(.scalar-component[data-v-4717ec50]),:where(.scalar-component) .scalar-input[data-v-4717ec50]:not(:-moz-placeholder-shown){opacity:1;-moz-transition:opacity .2s ease-in-out .15s;transition:opacity .2s ease-in-out .15s}.scalar-input:not(:placeholder-shown):where(.scalar-component[data-v-4717ec50]),:where(.scalar-component) .scalar-input[data-v-4717ec50]:not(:placeholder-shown),.scalar-input-wrapper-focus .scalar-input:where(.scalar-component[data-v-4717ec50]),:where(.scalar-component) .scalar-input-wrapper-focus .scalar-input[data-v-4717ec50]{opacity:1;transition:opacity .2s ease-in-out .15s}.scalar-input:-webkit-autofill:where(.scalar-component[data-v-4717ec50]),:where(.scalar-component) .scalar-input[data-v-4717ec50]:-webkit-autofill,.scalar-input:-webkit-autofill:hover:where(.scalar-component[data-v-4717ec50]),:where(.scalar-component) .scalar-input[data-v-4717ec50]:-webkit-autofill:hover,.scalar-input:-webkit-autofill:focus:where(.scalar-component[data-v-4717ec50]),:where(.scalar-component) .scalar-input[data-v-4717ec50]:-webkit-autofill:focus,.scalar-input:-webkit-autofill:active:where(.scalar-component[data-v-4717ec50]),:where(.scalar-component) .scalar-input[data-v-4717ec50]:-webkit-autofill:active,.scalar-input:focus-within:-webkit-autofill:where(.scalar-component[data-v-4717ec50]),:where(.scalar-component) .scalar-input[data-v-4717ec50]:focus-within:-webkit-autofill,.scalar-input:focus-within:-webkit-autofill:hover:where(.scalar-component[data-v-4717ec50]),:where(.scalar-component) .scalar-input[data-v-4717ec50]:focus-within:-webkit-autofill:hover,.scalar-input:focus-within:-webkit-autofill:focus:where(.scalar-component[data-v-4717ec50]),:where(.scalar-component) .scalar-input[data-v-4717ec50]:focus-within:-webkit-autofill:focus,.scalar-input:focus-within:-webkit-autofill:active:where(.scalar-component[data-v-4717ec50]),:where(.scalar-component) .scalar-input[data-v-4717ec50]:focus-within:-webkit-autofill:active{-webkit-box-shadow:0 0 0px 1000px var(--theme-background-1, var(--default-theme-background-1)) inset!important;-webkit-text-fill-color:var(--theme-color-1, var(--default-theme-color-1));color:var(--theme-color-1, var(--default-theme-color-1));border-radius:var(--theme-radius, var(--default-theme-radius))}.scalar-input:not(:-moz-placeholder-shown)+.scalar-input-label:where(.scalar-component[data-v-4717ec50]),:where(.scalar-component) .scalar-input:not(:-moz-placeholder-shown)+.scalar-input-label[data-v-4717ec50]{transform:translate3d(0,-20px,0) scale(.8);transform-origin:top left}.scalar-input-wrapper-focus .scalar-input-label:where(.scalar-component[data-v-4717ec50]),:where(.scalar-component) .scalar-input-wrapper-focus .scalar-input-label[data-v-4717ec50],.scalar-input:not(:placeholder-shown)+.scalar-input-label:where(.scalar-component[data-v-4717ec50]),:where(.scalar-component) .scalar-input:not(:placeholder-shown)+.scalar-input-label[data-v-4717ec50]{transform:translate3d(0,-20px,0) scale(.8);transform-origin:top left}.scalar-input-wrapper-focus:has(button:active) .scalar-input-label:where(.scalar-component[data-v-4717ec50]),:where(.scalar-component) .scalar-input-wrapper-focus:has(button:active) .scalar-input-label[data-v-4717ec50]{color:var(--theme-color-3, var(--default-theme-color-3))!important}:where(.scalar-component),:where(.scalar-component) *{box-sizing:border-box;border-width:unset;border-style:unset;border-color:currentColor;font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:unset;font-weight:inherit;line-height:inherit;color:inherit;margin:unset;padding:unset}:where(.scalar-component),:where(.scalar-component) *,:before:where(.scalar-component),:where(.scalar-component) :before,:after:where(.scalar-component),:where(.scalar-component) :after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop:where(.scalar-component),:where(.scalar-component) ::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.sr-only:where(.scalar-component),:where(.scalar-component) .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none:where(.scalar-component),:where(.scalar-component) .pointer-events-none{pointer-events:none}.visible:where(.scalar-component),:where(.scalar-component) .visible{visibility:visible}.fixed:where(.scalar-component),:where(.scalar-component) .fixed{position:fixed}.absolute:where(.scalar-component),:where(.scalar-component) .absolute{position:absolute}.relative:where(.scalar-component),:where(.scalar-component) .relative{position:relative}.left-0:where(.scalar-component),:where(.scalar-component) .left-0{left:0}.top-0:where(.scalar-component),:where(.scalar-component) .top-0{top:0}.z-10:where(.scalar-component),:where(.scalar-component) .z-10{z-index:10}.z-\[1001\]:where(.scalar-component),:where(.scalar-component) .z-\[1001\]{z-index:1001}.m-0:where(.scalar-component),:where(.scalar-component) .m-0{margin:0}.mx-2:where(.scalar-component),:where(.scalar-component) .mx-2{margin-left:8px;margin-right:8px}.mx-auto:where(.scalar-component),:where(.scalar-component) .mx-auto{margin-left:auto;margin-right:auto}.my-3:where(.scalar-component),:where(.scalar-component) .my-3{margin-top:12px;margin-bottom:12px}.mb-0:where(.scalar-component),:where(.scalar-component) .mb-0{margin-bottom:0}.ml-2:where(.scalar-component),:where(.scalar-component) .ml-2{margin-left:8px}.mr-2:where(.scalar-component),:where(.scalar-component) .mr-2{margin-right:8px}.mt-1:where(.scalar-component),:where(.scalar-component) .mt-1{margin-top:4px}.mt-1\.5:where(.scalar-component),:where(.scalar-component) .mt-1\.5{margin-top:6px}.mt-20:where(.scalar-component),:where(.scalar-component) .mt-20{margin-top:80px}.block:where(.scalar-component),:where(.scalar-component) .block{display:block}.flex:where(.scalar-component),:where(.scalar-component) .flex{display:flex}.grid:where(.scalar-component),:where(.scalar-component) .grid{display:grid}.hidden:where(.scalar-component),:where(.scalar-component) .hidden{display:none}.aspect-square:where(.scalar-component),:where(.scalar-component) .aspect-square{aspect-ratio:1 / 1}.h-10:where(.scalar-component),:where(.scalar-component) .h-10{height:40px}.h-3:where(.scalar-component),:where(.scalar-component) .h-3{height:12px}.h-3\.5:where(.scalar-component),:where(.scalar-component) .h-3\.5{height:14px}.h-4:where(.scalar-component),:where(.scalar-component) .h-4{height:16px}.h-5:where(.scalar-component),:where(.scalar-component) .h-5{height:20px}.h-6:where(.scalar-component),:where(.scalar-component) .h-6{height:24px}.h-\[100dvh\]:where(.scalar-component),:where(.scalar-component) .h-\[100dvh\]{height:100dvh}.h-full:where(.scalar-component),:where(.scalar-component) .h-full{height:100%}.max-h-\[440px\]:where(.scalar-component),:where(.scalar-component) .max-h-\[440px\]{max-height:440px}.max-h-\[calc\(100dvh-240px\)\]:where(.scalar-component),:where(.scalar-component) .max-h-\[calc\(100dvh-240px\)\]{max-height:calc(100dvh - 240px)}.min-h-\[77px\]:where(.scalar-component),:where(.scalar-component) .min-h-\[77px\]{min-height:77px}.w-10:where(.scalar-component),:where(.scalar-component) .w-10{width:40px}.w-3:where(.scalar-component),:where(.scalar-component) .w-3{width:12px}.w-3\.5:where(.scalar-component),:where(.scalar-component) .w-3\.5{width:14px}.w-4:where(.scalar-component),:where(.scalar-component) .w-4{width:16px}.w-5:where(.scalar-component),:where(.scalar-component) .w-5{width:20px}.w-6:where(.scalar-component),:where(.scalar-component) .w-6{width:24px}.w-\[100dvw\]:where(.scalar-component),:where(.scalar-component) .w-\[100dvw\]{width:100dvw}.w-full:where(.scalar-component),:where(.scalar-component) .w-full{width:100%}.max-w-screen-lg:where(.scalar-component),:where(.scalar-component) .max-w-screen-lg{max-width:800px}.max-w-screen-md:where(.scalar-component),:where(.scalar-component) .max-w-screen-md{max-width:640px}.max-w-screen-sm:where(.scalar-component),:where(.scalar-component) .max-w-screen-sm{max-width:540px}.max-w-screen-xs:where(.scalar-component),:where(.scalar-component) .max-w-screen-xs{max-width:480px}.origin-top-left:where(.scalar-component),:where(.scalar-component) .origin-top-left{transform-origin:top left}.transform:where(.scalar-component),:where(.scalar-component) .transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-not-allowed:where(.scalar-component),:where(.scalar-component) .cursor-not-allowed{cursor:not-allowed}.cursor-pointer:where(.scalar-component),:where(.scalar-component) .cursor-pointer{cursor:pointer}.resize-none:where(.scalar-component),:where(.scalar-component) .resize-none{resize:none}.appearance-none:where(.scalar-component),:where(.scalar-component) .appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.items-start:where(.scalar-component),:where(.scalar-component) .items-start{align-items:flex-start}.items-center:where(.scalar-component),:where(.scalar-component) .items-center{align-items:center}.justify-center:where(.scalar-component),:where(.scalar-component) .justify-center{justify-content:center}.gap-1:where(.scalar-component),:where(.scalar-component) .gap-1{gap:4px}.gap-4:where(.scalar-component),:where(.scalar-component) .gap-4{gap:16px}.overflow-hidden:where(.scalar-component),:where(.scalar-component) .overflow-hidden{overflow:hidden}.overflow-y-auto:where(.scalar-component),:where(.scalar-component) .overflow-y-auto{overflow-y:auto}.rounded:where(.scalar-component),:where(.scalar-component) .rounded{border-radius:var(--theme-radius, var(--default-theme-radius))}.rounded-lg:where(.scalar-component),:where(.scalar-component) .rounded-lg{border-radius:var(--theme-radius-lg, var(--default-theme-radius-lg))}.border:where(.scalar-component),:where(.scalar-component) .border{border-width:1px}.border-0:where(.scalar-component),:where(.scalar-component) .border-0{border-width:0px}.border-solid:where(.scalar-component),:where(.scalar-component) .border-solid{border-style:solid}.border-border:where(.scalar-component),:where(.scalar-component) .border-border{border-color:var(--theme-border-color, var(--default-theme-border-color))}.border-error:where(.scalar-component),:where(.scalar-component) .border-error{border-color:var(--theme-error-color, var(--default-theme-color-red))}.border-fore-3:where(.scalar-component),:where(.scalar-component) .border-fore-3{border-color:var(--theme-color-3, var(--default-theme-color-3))}.bg-back-1:where(.scalar-component),:where(.scalar-component) .bg-back-1{background-color:var(--theme-background-1, var(--default-theme-background-1))}.bg-back-2:where(.scalar-component),:where(.scalar-component) .bg-back-2{background-color:var(--theme-background-2, var(--default-theme-background-2))}.bg-back-btn-1:where(.scalar-component),:where(.scalar-component) .bg-back-btn-1{background-color:var(--theme-button-1, var(--default-theme-button-1))}.bg-backdrop:where(.scalar-component),:where(.scalar-component) .bg-backdrop{background-color:#00000070}.bg-error:where(.scalar-component),:where(.scalar-component) .bg-error{background-color:var(--theme-error-color, var(--default-theme-color-red))}.bg-transparent:where(.scalar-component),:where(.scalar-component) .bg-transparent{background-color:transparent}.p-0:where(.scalar-component),:where(.scalar-component) .p-0{padding:0}.p-0\.5:where(.scalar-component),:where(.scalar-component) .p-0\.5{padding:2px}.p-1:where(.scalar-component),:where(.scalar-component) .p-1{padding:4px}.p-3:where(.scalar-component),:where(.scalar-component) .p-3{padding:12px}.p-5:where(.scalar-component),:where(.scalar-component) .p-5{padding:20px}.px-1:where(.scalar-component),:where(.scalar-component) .px-1{padding-left:4px;padding-right:4px}.px-4:where(.scalar-component),:where(.scalar-component) .px-4{padding-left:16px;padding-right:16px}.px-6:where(.scalar-component),:where(.scalar-component) .px-6{padding-left:24px;padding-right:24px}.px-9:where(.scalar-component),:where(.scalar-component) .px-9{padding-left:36px;padding-right:36px}.py-1:where(.scalar-component),:where(.scalar-component) .py-1{padding-top:4px;padding-bottom:4px}.py-3:where(.scalar-component),:where(.scalar-component) .py-3{padding-top:12px;padding-bottom:12px}.pb-0:where(.scalar-component),:where(.scalar-component) .pb-0{padding-bottom:0}.pb-4:where(.scalar-component),:where(.scalar-component) .pb-4{padding-bottom:16px}.pl-9:where(.scalar-component),:where(.scalar-component) .pl-9{padding-left:36px}.pr-3:where(.scalar-component),:where(.scalar-component) .pr-3{padding-right:12px}.pt-3:where(.scalar-component),:where(.scalar-component) .pt-3{padding-top:12px}.pt-6:where(.scalar-component),:where(.scalar-component) .pt-6{padding-top:24px}.text-left:where(.scalar-component),:where(.scalar-component) .text-left{text-align:left}.text-sm:where(.scalar-component),:where(.scalar-component) .text-sm{font-size:var(--theme-small, var(--default-theme-small, var(--theme-font-size-3, var(--default-theme-font-size-3))))}.text-xs:where(.scalar-component),:where(.scalar-component) .text-xs{font-size:var(--theme-mini, var(--default-theme-mini, var(--theme-font-size-4, var(--default-theme-font-size-4))))}.font-medium:where(.scalar-component),:where(.scalar-component) .font-medium{font-weight:var(--theme-font-medium, var(--default-theme-font-medium))}.font-normal:where(.scalar-component),:where(.scalar-component) .font-normal{font-weight:400}.italic:where(.scalar-component),:where(.scalar-component) .italic{font-style:italic}.text-error:where(.scalar-component),:where(.scalar-component) .text-error{color:var(--theme-error-color, var(--default-theme-color-red))}.text-fore-1:where(.scalar-component),:where(.scalar-component) .text-fore-1{color:var(--theme-color-1, var(--default-theme-color-1))}.text-fore-3:where(.scalar-component),:where(.scalar-component) .text-fore-3{color:var(--theme-color-3, var(--default-theme-color-3))}.text-fore-btn-1:where(.scalar-component),:where(.scalar-component) .text-fore-btn-1{color:var(--theme-button-1-color, var(--default-theme-button-1-color))}.text-ghost:where(.scalar-component),:where(.scalar-component) .text-ghost{color:var(--theme-color-ghost, var(--default-theme-color-ghost))}.text-white:where(.scalar-component),:where(.scalar-component) .text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.opacity-0:where(.scalar-component),:where(.scalar-component) .opacity-0{opacity:0}.shadow-none:where(.scalar-component),:where(.scalar-component) .shadow-none{--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm:where(.scalar-component),:where(.scalar-component) .shadow-sm{--tw-shadow: rgba(0, 0, 0, .09) 0px 1px 4px;--tw-shadow-colored: 0px 1px 4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none:where(.scalar-component),:where(.scalar-component) .outline-none{outline:2px solid transparent;outline-offset:2px}.outline:where(.scalar-component),:where(.scalar-component) .outline{outline-style:solid}.blur:where(.scalar-component),:where(.scalar-component) .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)}.filter:where(.scalar-component),:where(.scalar-component) .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)}.transition:where(.scalar-component),:where(.scalar-component) .transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity:where(.scalar-component),:where(.scalar-component) .transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform:where(.scalar-component),:where(.scalar-component) .transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-in-out:where(.scalar-component),:where(.scalar-component) .ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.row:where(.scalar-component),:where(.scalar-component) .row{display:flex;flex-direction:row}.col:where(.scalar-component),:where(.scalar-component) .col{display:flex;flex-direction:column}.before\:mr-1:before:where(.scalar-component),:where(.scalar-component) .before\:mr-1:before{content:var(--tw-content);margin-right:4px}.before\:mr-1\.5:before:where(.scalar-component),:where(.scalar-component) .before\:mr-1\.5:before{content:var(--tw-content);margin-right:6px}.before\:block:before:where(.scalar-component),:where(.scalar-component) .before\:block:before{content:var(--tw-content);display:block}.before\:h-4:before:where(.scalar-component),:where(.scalar-component) .before\:h-4:before{content:var(--tw-content);height:16px}.before\:w-4:before:where(.scalar-component),:where(.scalar-component) .before\:w-4:before{content:var(--tw-content);width:16px}.before\:bg-error:before:where(.scalar-component),:where(.scalar-component) .before\:bg-error:before{content:var(--tw-content);background-color:var(--theme-error-color, var(--default-theme-color-red))}.before\:text-center:before:where(.scalar-component),:where(.scalar-component) .before\:text-center:before{content:var(--tw-content);text-align:center}.before\:text-xxs:before:where(.scalar-component),:where(.scalar-component) .before\:text-xxs:before{content:var(--tw-content);font-size:var(--theme-micro, var(--default-theme-micro, var(--theme-font-size-5, var(--default-theme-font-size-5))))}.before\:font-black:before:where(.scalar-component),:where(.scalar-component) .before\:font-black:before{content:var(--tw-content);font-weight:900}.before\:leading-4:before:where(.scalar-component),:where(.scalar-component) .before\:leading-4:before{content:var(--tw-content);line-height:16px}.before\:text-white:before:where(.scalar-component),:where(.scalar-component) .before\:text-white:before{content:var(--tw-content);--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.before\:content-\[\'\!\'\]:before:where(.scalar-component),:where(.scalar-component) .before\:content-\[\'\!\'\]:before{--tw-content: "!";content:var(--tw-content)}.empty\:hidden:empty:where(.scalar-component),:where(.scalar-component) .empty\:hidden:empty{display:none}.hover\:text-fore-1:hover:where(.scalar-component),:where(.scalar-component) .hover\:text-fore-1:hover{color:var(--theme-color-1, var(--default-theme-color-1))}.active\:bg-back-btn-1:active:where(.scalar-component),:where(.scalar-component) .active\:bg-back-btn-1:active{background-color:var(--theme-button-1, var(--default-theme-button-1))}.active\:text-fore-2:active:where(.scalar-component),:where(.scalar-component) .active\:text-fore-2:active{color:var(--theme-color-2, var(--default-theme-color-2))}.active\:shadow-none:active:where(.scalar-component),:where(.scalar-component) .active\:shadow-none:active{--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.active\:brightness-90:active:where(.scalar-component),:where(.scalar-component) .active\:brightness-90:active{--tw-brightness: brightness(.9);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)}.has-actv-btn\:border:has(button:active):where(.scalar-component),:where(.scalar-component) .has-actv-btn\:border:has(button:active){border-width:1px}.has-actv-btn\:border-border:has(button:active):where(.scalar-component),:where(.scalar-component) .has-actv-btn\:border-border:has(button:active){border-color:var(--theme-border-color, var(--default-theme-border-color))}.\!empty\:flex:not(:empty):where(.scalar-component),:where(.scalar-component) .\!empty\:flex:not(:empty){display:flex}.\!empty\:w-7:not(:empty):where(.scalar-component),:where(.scalar-component) .\!empty\:w-7:not(:empty){width:28px}.\!empty\:items-center:not(:empty):where(.scalar-component),:where(.scalar-component) .\!empty\:items-center:not(:empty){align-items:center}.\!empty\:pr-3:not(:empty):where(.scalar-component),:where(.scalar-component) .\!empty\:pr-3:not(:empty){padding-right:12px}.hocus\:bg-border:hover:where(.scalar-component),:where(.scalar-component) .hocus\:bg-border:hover{background-color:var(--theme-border-color, var(--default-theme-border-color))}.hocus\:bg-hover-btn-1:hover:where(.scalar-component),:where(.scalar-component) .hocus\:bg-hover-btn-1:hover{background-color:var(--theme-button-1-hover, var(--default-theme-button-1-hover))}.hocus\:text-fore-2:hover:where(.scalar-component),:where(.scalar-component) .hocus\:text-fore-2:hover{color:var(--theme-color-2, var(--default-theme-color-2))}.hocus\:brightness-90:hover:where(.scalar-component),:where(.scalar-component) .hocus\:brightness-90:hover{--tw-brightness: brightness(.9);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)}.hocus\:bg-border:focus-visible:where(.scalar-component),:where(.scalar-component) .hocus\:bg-border:focus-visible{background-color:var(--theme-border-color, var(--default-theme-border-color))}.hocus\:bg-hover-btn-1:focus-visible:where(.scalar-component),:where(.scalar-component) .hocus\:bg-hover-btn-1:focus-visible{background-color:var(--theme-button-1-hover, var(--default-theme-button-1-hover))}.hocus\:text-fore-2:focus-visible:where(.scalar-component),:where(.scalar-component) .hocus\:text-fore-2:focus-visible{color:var(--theme-color-2, var(--default-theme-color-2))}.hocus\:brightness-90:focus-visible:where(.scalar-component),:where(.scalar-component) .hocus\:brightness-90:focus-visible{--tw-brightness: brightness(.9);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)}@media (min-width: 768px){.md\:row:where(.scalar-component),:where(.scalar-component) .md\:row{display:flex;flex-direction:row}}
 
 .badge[data-v-08c68ac3] {
   color: var(--theme-color-2, var(--default-theme-color-2));
@@ -1097,10 +1097,50 @@ to {
   stroke: currentColor;
 }
 
-.preferred-security-scheme[data-v-ae167d85] {
+.preferred-security-scheme[data-v-a631f3fe] {
   display: flex;
   width: 100%;
 }
+.security-scheme-empty-state[data-v-a631f3fe] {
+  border: 1px dashed
+    var(--theme-border-color, var(--default-theme-border-color));
+  width: 100%;
+  text-align: center;
+  border-radius: var(--theme-radius, var(--default-theme-radius));
+  font-size: var(--theme-small, var(--default-theme-small));
+  min-height: 58px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.scalar-api-client-add[data-v-a631f3fe] {
+  color: var(--theme-color-2, var(--default-theme-color-2));
+  padding: 3px 9px;
+  width: fit-content;
+  cursor: pointer;
+  font-size: var(--theme-micro, var(--default-theme-micro));
+  font-weight: var(--theme-semibold, var(--default-theme-semibold));
+  text-decoration: none;
+  margin: 0 6px;
+  border: none;
+  font-family: var(--theme-font);
+  appearance: none;
+  display: flex;
+  align-items: center;
+  border: 1px solid var(--theme-border-color, var(--default-theme-border-color));
+  border-radius: 30px;
+}
+.scalar-api-client-add svg[data-v-a631f3fe] {
+  width: 12px;
+  height: 12px;
+  margin-right: 6px;
+}
+.scalar-api-client-add[data-v-a631f3fe]:hover {
+  color: var(--theme-color-1, var(--default-theme-color-1));
+}
+.scalar-api-client-add[data-v-a631f3fe]:focus-within {
+  background: var(--theme-background-3, var(--default-theme-background-3));
+}
 
 .table {
   border: 1px solid var(--theme-border-color, var(--default-theme-border-color));
@@ -1648,9 +1688,8 @@ to {
 
 .scalar-api-client-add {
   color: var(--theme-color-2, var(--default-theme-color-2));
-  padding: 6px;
+  padding: 3px 9px;
   width: fit-content;
-  border-radius: var(--theme-radius, var(--default-theme-radius));
   cursor: pointer;
   font-size: var(--theme-micro, var(--default-theme-micro));
   font-weight: var(--theme-semibold, var(--default-theme-semibold));
@@ -1661,6 +1700,8 @@ to {
   appearance: none;
   display: flex;
   align-items: center;
+  border: 1px solid var(--theme-border-color, var(--default-theme-border-color));
+  border-radius: 30px;
 }
 .scalar-api-client-add svg {
   width: 12px;

package/dist/index.js

@@ -1946,6 +1946,8 @@ const defaultStateFactory = () => ({});
 const ssrState = typeof window !== "undefined" ? window.__SCALAR__ ?? defaultStateFactory() : defaultStateFactory();
 const createEmptyAuthenticationState = () => ({
   preferredSecurityScheme: null,
+  // In case the spec has no security and the user would like to add some
+  customSecurity: false,
   http: {
     basic: {
       username: "",
@@ -1968,12 +1970,7 @@ const createEmptyAuthenticationState = () => ({
 const authentication = reactive(
   ssrState["useGlobalStore-authentication"] ?? createEmptyAuthenticationState()
 );
-const setAuthentication = (newState) => {
-  Object.assign(authentication, {
-    ...authentication,
-    ...newState
-  });
-};
+const setAuthentication = (newState) => Object.assign(authentication, newState);
 const useAuthenticationStore = () => ({
   authentication,
   setAuthentication
@@ -25920,7 +25917,7 @@ function getRequestFromAuthentication(authentication2, operationSecurity) {
   const headers = [];
   const queryString = [];
   const cookies = [];
-  if (!authentication2.preferredSecurityScheme || !authenticationRequired(operationSecurity)) {
+  if (!authentication2.customSecurity && (!authentication2.preferredSecurityScheme || !authenticationRequired(operationSecurity))) {
     return { headers, queryString, cookies };
   }
   const operationAllowsSelectedSecurityScheme = operationSecurity == null ? void 0 : operationSecurity.some(
@@ -25928,7 +25925,7 @@ function getRequestFromAuthentication(authentication2, operationSecurity) {
       authentication2.preferredSecurityScheme
     )
   );
-  const operationSecurityKey = operationAllowsSelectedSecurityScheme ? authentication2.preferredSecurityScheme : Object.keys((operationSecurity == null ? void 0 : operationSecurity[0]) ?? {}).pop();
+  const operationSecurityKey = operationAllowsSelectedSecurityScheme || authentication2.customSecurity ? authentication2.preferredSecurityScheme : Object.keys((operationSecurity == null ? void 0 : operationSecurity[0]) ?? {}).pop();
   const securityScheme = (_a2 = authentication2.securitySchemes) == null ? void 0 : _a2[operationSecurityKey ?? ""];
   if (securityScheme) {
     if ("type" in securityScheme && securityScheme.type === "apiKey") {
@@ -26246,7 +26243,7 @@ async function sendRequest(request, proxyUrl) {
   };
 }
 const _hoisted_1$r = { class: "navtable-item-40 navtable-item-request" };
-const _hoisted_2$h = { class: "navtable-item-40 navtable-item-response" };
+const _hoisted_2$i = { class: "navtable-item-40 navtable-item-response" };
 const _hoisted_3$c = { class: "navtable-item-20 navtable-item-time" };
 const _sfc_main$v = /* @__PURE__ */ defineComponent({
   __name: "RequestHistoryItem",
@@ -26279,7 +26276,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
             createTextVNode(" " + toDisplayString(unref(requestHistory2)[_ctx.history].request.url), 1)
           ])
         ]),
-        createElementVNode("div", _hoisted_2$h, [
+        createElementVNode("div", _hoisted_2$i, [
           createElementVNode("span", null, toDisplayString(unref(prettyMilliseconds)(unref(requestHistory2)[_ctx.history].response.duration)), 1),
           createElementVNode("span", {
             class: normalizeClass(`scalar-api-client__status--${String(
@@ -26297,7 +26294,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
 });
 const RequestHistoryItem = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__scopeId", "data-v-3ab77946"]]);
 const _hoisted_1$q = { class: "navigation-content-item" };
-const _hoisted_2$g = { class: "navtable" };
+const _hoisted_2$h = { class: "navtable" };
 const _hoisted_3$b = { class: "navtable-table" };
 const _hoisted_4$8 = /* @__PURE__ */ createStaticVNode('<div class="navtable-item navtable-item__top"><div class="navtable-item-40"><label for="">Request</label></div><div class="navtable-item-40"><label for="">Response</label></div><div class="navtable-item-20"><label for="">TIME</label></div></div>', 1);
 const _hoisted_5$6 = { class: "navtable-radios" };
@@ -26309,7 +26306,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
     const { requestHistoryOrder: requestHistoryOrder2 } = useRequestStore();
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$q, [
-        createElementVNode("div", _hoisted_2$g, [
+        createElementVNode("div", _hoisted_2$h, [
           createElementVNode("div", _hoisted_3$b, [
             _hoisted_4$8,
             createElementVNode("div", _hoisted_5$6, [
@@ -26328,7 +26325,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1$p = { class: "request-method-select" };
-const _hoisted_2$f = ["disabled", "value"];
+const _hoisted_2$g = ["disabled", "value"];
 const _hoisted_3$a = ["value"];
 const _sfc_main$t = /* @__PURE__ */ defineComponent({
   __name: "RequestMethodSelect",
@@ -26370,7 +26367,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
               value: validRequestMethod.toLocaleLowerCase()
             }, toDisplayString(validRequestMethod), 9, _hoisted_3$a);
           }), 64))
-        ], 40, _hoisted_2$f)
+        ], 40, _hoisted_2$g)
       ]);
     };
   }
@@ -26381,7 +26378,7 @@ const _hoisted_1$o = {
   key: 0,
   class: "loader"
 };
-const _hoisted_2$e = { class: "url-form" };
+const _hoisted_2$f = { class: "url-form" };
 const _hoisted_3$9 = { class: "url-form-field" };
 const _hoisted_4$7 = ["disabled"];
 const _hoisted_5$5 = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ createElementVNode("svg", {
@@ -26502,7 +26499,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
         createElementVNode("div", {
           class: normalizeClass(["address-bar", { "address-bar--with-history": showHistory.value }])
         }, [
-          createElementVNode("div", _hoisted_2$e, [
+          createElementVNode("div", _hoisted_2$f, [
             createElementVNode("div", _hoisted_3$9, [
               createVNode(RequestMethodSelect, {
                 readOnly: unref(readOnly2),
@@ -26574,7 +26571,7 @@ const _hoisted_1$n = /* @__PURE__ */ createElementVNode("svg", {
     "fill-rule": "nonzero"
   })
 ], -1);
-const _hoisted_2$d = { class: "scalar-api-client__item__title" };
+const _hoisted_2$e = { class: "scalar-api-client__item__title" };
 const _hoisted_3$8 = {
   key: 0,
   class: "scalar-api-client__item__options"
@@ -26618,7 +26615,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
             }, {
               default: withCtx(() => [
                 _hoisted_1$n,
-                createElementVNode("span", _hoisted_2$d, toDisplayString(_ctx.title), 1),
+                createElementVNode("span", _hoisted_2$e, toDisplayString(_ctx.title), 1),
                 _ctx.$slots.options && open ? (openBlock(), createElementBlock("div", _hoisted_3$8, [
                   renderSlot(_ctx.$slots, "options")
                 ])) : createCommentVNode("", true)
@@ -26675,7 +26672,7 @@ function _sfc_render$3(_ctx, _cache) {
 }
 const CardFormGroup = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["render", _sfc_render$3], ["__scopeId", "data-v-d2f0b9a0"]]);
 const _hoisted_1$k = { class: "card-form-input" };
-const _hoisted_2$c = ["for"];
+const _hoisted_2$d = ["for"];
 const _hoisted_3$7 = ["id", "type"];
 const _sfc_main$n = /* @__PURE__ */ defineComponent({
   ...{
@@ -26691,7 +26688,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", _hoisted_1$k, [
         createElementVNode("label", { for: _ctx.id }, [
           renderSlot(_ctx.$slots, "default", {}, void 0, true)
-        ], 8, _hoisted_2$c),
+        ], 8, _hoisted_2$d),
         createElementVNode("input", mergeProps(_ctx.$attrs, {
           id: _ctx.id,
           autocomplete: "off",
@@ -30777,7 +30774,7 @@ const V = {
   ],
   outlined: [
     "scalar-button-outlined",
-    "active:bg-btn-1 border border-solid border-border bg-transparent text-fore-1 hocus:bg-back-2"
+    "active:bg-btn-1 border border-solid border-border bg-transparent text-fore-1 hocus:bg-border"
   ],
   ghost: [
     "scalar-button-ghost",
@@ -31274,7 +31271,7 @@ function _sfc_render$2(_ctx, _cache) {
 const Badge = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["render", _sfc_render$2], ["__scopeId", "data-v-08c68ac3"]]);
 const _withScopeId$1 = (n) => (pushScopeId("data-v-2c61ed69"), n = n(), popScopeId(), n);
 const _hoisted_1$i = { class: "scopes-label" };
-const _hoisted_2$b = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("em", null, "|", -1));
+const _hoisted_2$c = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("em", null, "|", -1));
 const _hoisted_3$6 = ["checked"];
 const _hoisted_4$5 = { class: "dropdown-item-title" };
 const _hoisted_5$4 = { class: "dropdown-item-description" };
@@ -31322,7 +31319,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
                   createVNode(unref(Badge), { class: "scopes-label-badge" }, {
                     default: withCtx(() => [
                       createTextVNode(toDisplayString(model.value.length), 1),
-                      _hoisted_2$b,
+                      _hoisted_2$c,
                       createTextVNode(toDisplayString(Object.entries(_ctx.scopes).length), 1)
                     ]),
                     _: 1
@@ -31615,7 +31612,7 @@ const _hoisted_1$h = {
   key: 1,
   class: "security-scheme-selector"
 };
-const _hoisted_2$a = ["value"];
+const _hoisted_2$b = ["value"];
 const _hoisted_3$5 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("option", { value: "" }, "None", -1));
 const _hoisted_4$4 = ["value"];
 const _sfc_main$j = /* @__PURE__ */ defineComponent({
@@ -31693,7 +31690,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
               value: key ?? null
             }, toDisplayString(getLabelForScheme((_a3 = _ctx.value) == null ? void 0 : _a3[key], key)), 9, _hoisted_4$4);
           }), 128))
-        ], 40, _hoisted_2$a)
+        ], 40, _hoisted_2$b)
       ])) : createCommentVNode("", true);
     };
   }
@@ -31703,6 +31700,10 @@ const _hoisted_1$g = {
   key: 0,
   class: "preferred-security-scheme"
 };
+const _hoisted_2$a = {
+  key: 1,
+  class: "security-scheme-empty-state"
+};
 const _sfc_main$i = /* @__PURE__ */ defineComponent({
   __name: "RequestAuthentication",
   setup(__props) {
@@ -31717,7 +31718,19 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
         block: "center"
       });
     });
-    const { authentication: authentication2 } = useAuthenticationStore();
+    const { authentication: authentication2, setAuthentication: setAuthentication2 } = useAuthenticationStore();
+    const setIntialScheme = (preferredSecurityScheme) => {
+      setAuthentication2({
+        customSecurity: true,
+        preferredSecurityScheme,
+        securitySchemes: {
+          apiKey: { type: "apiKey", name: "apiKey", in: "header" },
+          httpBasic: { type: "http", scheme: "basic" },
+          httpBearer: { type: "http", scheme: "bearer" }
+          // TODO oauth2
+        }
+      });
+    };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         ref_key: "requestAuthenticationRef",
@@ -31736,6 +31749,23 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
                 createVNode(SecurityScheme, {
                   value: (_a2 = unref(authentication2).securitySchemes) == null ? void 0 : _a2[unref(authentication2).preferredSecurityScheme]
                 }, null, 8, ["value"])
+              ])) : createCommentVNode("", true),
+              !unref(authentication2).securitySchemes ? (openBlock(), createElementBlock("div", _hoisted_2$a, [
+                createElementVNode("div", {
+                  class: "scalar-api-client-add",
+                  variant: "outlined",
+                  onClick: _cache[0] || (_cache[0] = ($event) => setIntialScheme("apiKey"))
+                }, " ApiKey "),
+                createElementVNode("div", {
+                  class: "scalar-api-client-add",
+                  variant: "outlined",
+                  onClick: _cache[1] || (_cache[1] = ($event) => setIntialScheme("httpBasic"))
+                }, " Basic "),
+                createElementVNode("div", {
+                  class: "scalar-api-client-add",
+                  variant: "outlined",
+                  onClick: _cache[2] || (_cache[2] = ($event) => setIntialScheme("httpBearer"))
+                }, " Bearer ")
               ])) : createCommentVNode("", true)
             ];
           }),
@@ -31745,7 +31775,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const RequestAuthentication = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-ae167d85"]]);
+const RequestAuthentication = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-a631f3fe"]]);
 const _hoisted_1$f = { class: "table" };
 const _hoisted_2$9 = { class: "table-row" };
 const _hoisted_3$4 = /* @__PURE__ */ createElementVNode("div", { class: "table-row-item" }, [
@@ -32344,13 +32374,15 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     const {
       openApi: { operation, globalSecurity }
     } = useOpenApiStore();
-    const authenticationRequest = computed(() => {
-      var _a2;
-      return getRequestFromAuthentication(
-        authentication2,
-        ((_a2 = operation == null ? void 0 : operation.information) == null ? void 0 : _a2.security) ?? globalSecurity
-      );
-    });
+    const authenticationRequest = computed(
+      () => {
+        var _a2;
+        return getRequestFromAuthentication(
+          authentication2,
+          ((_a2 = operation == null ? void 0 : operation.information) == null ? void 0 : _a2.security) ?? globalSecurity
+        );
+      }
+    );
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$8, [
         createElementVNode("div", _hoisted_2$3, [

package/dist/stores/useAuthenticationStore.d.ts

@@ -2,6 +2,7 @@ import { type AuthenticationState } from '@scalar/oas-utils';
 export declare const createEmptyAuthenticationState: () => AuthenticationState;
 export declare const useAuthenticationStore: () => {
     authentication: {
+        customSecurity: boolean;
         preferredSecurityScheme: string | null;
         securitySchemes?: {
             [key: string]: import("@scalar/openapi-parser").OpenAPIV3.ReferenceObject | import("@scalar/openapi-parser").OpenAPIV3.SecuritySchemeObject;
@@ -25,6 +26,30 @@ export declare const useAuthenticationStore: () => {
             state: string;
         };
     };
-    setAuthentication: (newState: Partial<AuthenticationState>) => void;
+    setAuthentication: (newState: Partial<AuthenticationState>) => {
+        customSecurity: boolean;
+        preferredSecurityScheme: string | null;
+        securitySchemes?: {
+            [key: string]: import("@scalar/openapi-parser").OpenAPIV3.ReferenceObject | import("@scalar/openapi-parser").OpenAPIV3.SecuritySchemeObject;
+        } | Record<string, import("@scalar/openapi-parser").OpenAPIV3_1.ReferenceObject | import("@scalar/openapi-parser").OpenAPIV3.SecuritySchemeObject> | undefined;
+        http: {
+            basic: {
+                username: string;
+                password: string;
+            };
+            bearer: {
+                token: string;
+            };
+        };
+        apiKey: {
+            token: string;
+        };
+        oAuth2: {
+            clientId: string;
+            scopes: string[];
+            accessToken: string;
+            state: string;
+        };
+    } & Partial<AuthenticationState>;
 };
 //# sourceMappingURL=useAuthenticationStore.d.ts.map

package/dist/stores/useAuthenticationStore.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useAuthenticationStore.d.ts","sourceRoot":"","sources":["../../src/stores/useAuthenticationStore.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,mBAAmB,EAAE,MAAM,mBAAmB,CAAA;AAI5D,eAAO,MAAM,8BAA8B,QAAO,mBAoBhD,CAAA;AAaF,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;kCAPE,QAAQ,mBAAmB,CAAC;CAU/D,CAAA"}
+{"version":3,"file":"useAuthenticationStore.d.ts","sourceRoot":"","sources":["../../src/stores/useAuthenticationStore.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,mBAAmB,EAAE,MAAM,mBAAmB,CAAA;AAI5D,eAAO,MAAM,8BAA8B,QAAO,mBAsBhD,CAAA;AASF,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;kCAHE,QAAQ,mBAAmB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;CAM/D,CAAA"}

package/package.json

@@ -13,7 +13,7 @@
     "rest",
     "testing"
   ],
-  "version": "1.1.11",
+  "version": "1.1.12",
   "engines": {
     "node": ">=18"
   },
@@ -42,9 +42,9 @@
     "nanoid": "^5.0.1",
     "pretty-bytes": "^6.1.1",
     "pretty-ms": "^8.0.0",
-    "@scalar/components": "0.4.8",
-    "@scalar/themes": "0.6.7",
+    "@scalar/components": "0.4.9",
     "@scalar/use-codemirror": "0.9.1",
+    "@scalar/themes": "0.6.7",
     "@scalar/use-modal": "0.2.9"
   },
   "devDependencies": {
@@ -58,12 +58,12 @@
     "vue": "^3.3.0",
     "vue-tsc": "^1.8.19",
     "@scalar/api-client-proxy": "0.5.23",
-    "@scalar/oas-utils": "0.1.2",
+    "@scalar/oas-utils": "0.1.3",
     "@scalar/echo-server": "0.6.0"
   },
   "peerDependencies": {
     "vue": "^3.3.0",
-    "@scalar/oas-utils": "0.1.2"
+    "@scalar/oas-utils": "0.1.3"
   },
   "scripts": {
     "build": "vite build && pnpm types:build && tsc-alias -p tsconfig.build.json",