jabroni-outfit 1.4.0 → 1.4.1

package/dist/jabroni-outfit.es.js

@@ -1,4 +1,4 @@
-(function(){"use strict";try{if(typeof document<"u"){var t=document.createElement("style");t.appendChild(document.createTextNode('*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.taper-class .fixed{position:fixed}.taper-class .absolute{position:absolute}.taper-class .relative{position:relative}.taper-class .bottom-0{bottom:0}.taper-class .right-0{right:0}.taper-class .m-1{margin:.25rem}.taper-class .m-2{margin:.5rem}.taper-class .m-auto{margin:auto}.taper-class .mx-2{margin-left:.5rem;margin-right:.5rem}.taper-class .ml-2{margin-left:.5rem}.taper-class .ml-auto{margin-left:auto}.taper-class .mr-2{margin-right:.5rem}.taper-class .mr-4{margin-right:1rem}.taper-class .inline-block{display:inline-block}.taper-class .flex{display:flex}.taper-class .table{display:table}.taper-class .hidden{display:none}.taper-class .size-auto{width:auto;height:auto}.taper-class .h-7{height:1.75rem}.taper-class .h-8{height:2rem}.taper-class .w-24{width:6rem}.taper-class .w-7{width:1.75rem}.taper-class .w-full{width:100%}.taper-class .max-w-full{max-width:100%}.taper-class .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))}.taper-class .cursor-pointer{cursor:pointer}.taper-class .items-center{align-items:center}.taper-class .rounded{border-radius:.25rem}.taper-class .rounded-sm{border-radius:.125rem}.taper-class .bg-gray-700{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity))}.taper-class .bg-zinc-700{--tw-bg-opacity: 1;background-color:rgb(63 63 70 / var(--tw-bg-opacity))}.taper-class .bg-zinc-800{--tw-bg-opacity: 1;background-color:rgb(39 39 42 / var(--tw-bg-opacity))}.taper-class .bg-zinc-900{--tw-bg-opacity: 1;background-color:rgb(24 24 27 / var(--tw-bg-opacity))}.taper-class .fill-gray-600{fill:#4b5563}.taper-class .stroke-gray-400{stroke:#9ca3af}.taper-class .p-2{padding:.5rem}.taper-class .px-2{padding-left:.5rem;padding-right:.5rem}.taper-class .px-3{padding-left:.75rem;padding-right:.75rem}.taper-class .py-1{padding-top:.25rem;padding-bottom:.25rem}.taper-class .py-2{padding-top:.5rem;padding-bottom:.5rem}.taper-class .font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.taper-class .text-zinc-300{--tw-text-opacity: 1;color:rgb(212 212 216 / var(--tw-text-opacity))}.taper-class .accent-gray-700{accent-color:#374151}.taper-class .outline-none{outline:2px solid transparent;outline-offset:2px}.taper-class .invert{--tw-invert: invert(100%);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)}.taper-class .checked\\:invert-0:checked{--tw-invert: invert(0);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)}.taper-class .hover\\:bg-gray-600:hover{--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity))}.taper-class .hover\\:bg-zinc-600:hover{--tw-bg-opacity: 1;background-color:rgb(82 82 91 / var(--tw-bg-opacity))}.taper-class .focus\\:outline-gray-600:focus{outline-color:#4b5563}')),document.head.appendChild(t)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
+(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode('*:where(.taper-class,.taper-class *),:before:where(.taper-class,.taper-class *),:after:where(.taper-class,.taper-class *){box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before:where(.taper-class,.taper-class *),:after:where(.taper-class,.taper-class *){--tw-content: ""}.taper-class{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}.taper-class{margin:0;line-height:inherit}hr:where(.taper-class,.taper-class *){height:0;color:inherit;border-top-width:1px}abbr:where([title]):where(.taper-class,.taper-class *){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1:where(.taper-class,.taper-class *),h2:where(.taper-class,.taper-class *),h3:where(.taper-class,.taper-class *),h4:where(.taper-class,.taper-class *),h5:where(.taper-class,.taper-class *),h6:where(.taper-class,.taper-class *){font-size:inherit;font-weight:inherit}a:where(.taper-class,.taper-class *){color:inherit;text-decoration:inherit}b:where(.taper-class,.taper-class *),strong:where(.taper-class,.taper-class *){font-weight:bolder}code:where(.taper-class,.taper-class *),kbd:where(.taper-class,.taper-class *),samp:where(.taper-class,.taper-class *),pre:where(.taper-class,.taper-class *){font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small:where(.taper-class,.taper-class *){font-size:80%}sub:where(.taper-class,.taper-class *),sup:where(.taper-class,.taper-class *){font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub:where(.taper-class,.taper-class *){bottom:-.25em}sup:where(.taper-class,.taper-class *){top:-.5em}table:where(.taper-class,.taper-class *){text-indent:0;border-color:inherit;border-collapse:collapse}button:where(.taper-class,.taper-class *),input:where(.taper-class,.taper-class *),optgroup:where(.taper-class,.taper-class *),select:where(.taper-class,.taper-class *),textarea:where(.taper-class,.taper-class *){font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button:where(.taper-class,.taper-class *),select:where(.taper-class,.taper-class *){text-transform:none}button:where(.taper-class,.taper-class *),input:where([type=button]):where(.taper-class,.taper-class *),input:where([type=reset]):where(.taper-class,.taper-class *),input:where([type=submit]):where(.taper-class,.taper-class *){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring:where(.taper-class,.taper-class *){outline:auto}:-moz-ui-invalid:where(.taper-class,.taper-class *){box-shadow:none}progress:where(.taper-class,.taper-class *){vertical-align:baseline}::-webkit-inner-spin-button:where(.taper-class,.taper-class *),::-webkit-outer-spin-button:where(.taper-class,.taper-class *){height:auto}[type=search]:where(.taper-class,.taper-class *){-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration:where(.taper-class,.taper-class *){-webkit-appearance:none}::-webkit-file-upload-button:where(.taper-class,.taper-class *){-webkit-appearance:button;font:inherit}summary:where(.taper-class,.taper-class *){display:list-item}blockquote:where(.taper-class,.taper-class *),dl:where(.taper-class,.taper-class *),dd:where(.taper-class,.taper-class *),h1:where(.taper-class,.taper-class *),h2:where(.taper-class,.taper-class *),h3:where(.taper-class,.taper-class *),h4:where(.taper-class,.taper-class *),h5:where(.taper-class,.taper-class *),h6:where(.taper-class,.taper-class *),hr:where(.taper-class,.taper-class *),figure:where(.taper-class,.taper-class *),p:where(.taper-class,.taper-class *),pre:where(.taper-class,.taper-class *){margin:0}fieldset:where(.taper-class,.taper-class *){margin:0;padding:0}legend:where(.taper-class,.taper-class *){padding:0}ol:where(.taper-class,.taper-class *),ul:where(.taper-class,.taper-class *),menu:where(.taper-class,.taper-class *){list-style:none;margin:0;padding:0}dialog:where(.taper-class,.taper-class *){padding:0}textarea:where(.taper-class,.taper-class *){resize:vertical}input::-moz-placeholder:where(.taper-class,.taper-class *),textarea::-moz-placeholder:where(.taper-class,.taper-class *){opacity:1;color:#9ca3af}input::placeholder:where(.taper-class,.taper-class *),textarea::placeholder:where(.taper-class,.taper-class *){opacity:1;color:#9ca3af}button:where(.taper-class,.taper-class *),[role=button]:where(.taper-class,.taper-class *){cursor:pointer}:disabled:where(.taper-class,.taper-class *){cursor:default}img:where(.taper-class,.taper-class *),svg:where(.taper-class,.taper-class *),video:where(.taper-class,.taper-class *),canvas:where(.taper-class,.taper-class *),audio:where(.taper-class,.taper-class *),iframe:where(.taper-class,.taper-class *),embed:where(.taper-class,.taper-class *),object:where(.taper-class,.taper-class *){display:block;vertical-align:middle}img:where(.taper-class,.taper-class *),video:where(.taper-class,.taper-class *){max-width:100%;height:auto}[hidden]:where(.taper-class,.taper-class *){display:none}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.taper-class .fixed{position:fixed}.taper-class .absolute{position:absolute}.taper-class .relative{position:relative}.taper-class .bottom-0{bottom:0}.taper-class .right-0{right:0}.taper-class .m-1{margin:.25rem}.taper-class .m-2{margin:.5rem}.taper-class .m-auto{margin:auto}.taper-class .mx-2{margin-left:.5rem;margin-right:.5rem}.taper-class .ml-auto{margin-left:auto}.taper-class .mr-2{margin-right:.5rem}.taper-class .mr-4{margin-right:1rem}.taper-class .flex{display:flex}.taper-class .hidden{display:none}.taper-class .size-auto{width:auto;height:auto}.taper-class .h-7{height:1.75rem}.taper-class .h-8{height:2rem}.taper-class .w-24{width:6rem}.taper-class .w-7{width:1.75rem}.taper-class .w-full{width:100%}.taper-class .max-w-full{max-width:100%}.taper-class .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))}.taper-class .cursor-pointer{cursor:pointer}.taper-class .items-center{align-items:center}.taper-class .rounded{border-radius:.25rem}.taper-class .rounded-sm{border-radius:.125rem}.taper-class .bg-gray-700{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity))}.taper-class .bg-zinc-700{--tw-bg-opacity: 1;background-color:rgb(63 63 70 / var(--tw-bg-opacity))}.taper-class .bg-zinc-800{--tw-bg-opacity: 1;background-color:rgb(39 39 42 / var(--tw-bg-opacity))}.taper-class .bg-zinc-900{--tw-bg-opacity: 1;background-color:rgb(24 24 27 / var(--tw-bg-opacity))}.taper-class .fill-gray-600{fill:#4b5563}.taper-class .stroke-gray-400{stroke:#9ca3af}.taper-class .p-2{padding:.5rem}.taper-class .px-2{padding-left:.5rem;padding-right:.5rem}.taper-class .px-3{padding-left:.75rem;padding-right:.75rem}.taper-class .py-1{padding-top:.25rem;padding-bottom:.25rem}.taper-class .py-2{padding-top:.5rem;padding-bottom:.5rem}.taper-class .font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.taper-class .text-zinc-300{--tw-text-opacity: 1;color:rgb(212 212 216 / var(--tw-text-opacity))}.taper-class .accent-gray-700{accent-color:#374151}.taper-class .outline-none{outline:2px solid transparent;outline-offset:2px}.taper-class .invert{--tw-invert: invert(100%);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)}.taper-class .checked\\:invert-0:checked{--tw-invert: invert(0);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)}.taper-class .hover\\:bg-gray-600:hover{--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity))}.taper-class .hover\\:bg-zinc-600:hover{--tw-bg-opacity: 1;background-color:rgb(82 82 91 / var(--tw-bg-opacity))}.taper-class .hover\\:bg-zinc-900:hover{--tw-bg-opacity: 1;background-color:rgb(24 24 27 / var(--tw-bg-opacity))}.taper-class .focus\\:outline-gray-600:focus{outline-color:#4b5563}')),document.head.appendChild(e)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}})();
 var Vi = Object.defineProperty;
 var Ci = (e, t, n) => t in e ? Vi(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var ze = (e, t, n) => Ci(e, typeof t != "symbol" ? t + "" : t, n);

package/dist/jabroni-outfit.umd.js

@@ -1,4 +1,4 @@
-(function(){"use strict";try{if(typeof document<"u"){var t=document.createElement("style");t.appendChild(document.createTextNode('*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.taper-class .fixed{position:fixed}.taper-class .absolute{position:absolute}.taper-class .relative{position:relative}.taper-class .bottom-0{bottom:0}.taper-class .right-0{right:0}.taper-class .m-1{margin:.25rem}.taper-class .m-2{margin:.5rem}.taper-class .m-auto{margin:auto}.taper-class .mx-2{margin-left:.5rem;margin-right:.5rem}.taper-class .ml-2{margin-left:.5rem}.taper-class .ml-auto{margin-left:auto}.taper-class .mr-2{margin-right:.5rem}.taper-class .mr-4{margin-right:1rem}.taper-class .inline-block{display:inline-block}.taper-class .flex{display:flex}.taper-class .table{display:table}.taper-class .hidden{display:none}.taper-class .size-auto{width:auto;height:auto}.taper-class .h-7{height:1.75rem}.taper-class .h-8{height:2rem}.taper-class .w-24{width:6rem}.taper-class .w-7{width:1.75rem}.taper-class .w-full{width:100%}.taper-class .max-w-full{max-width:100%}.taper-class .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))}.taper-class .cursor-pointer{cursor:pointer}.taper-class .items-center{align-items:center}.taper-class .rounded{border-radius:.25rem}.taper-class .rounded-sm{border-radius:.125rem}.taper-class .bg-gray-700{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity))}.taper-class .bg-zinc-700{--tw-bg-opacity: 1;background-color:rgb(63 63 70 / var(--tw-bg-opacity))}.taper-class .bg-zinc-800{--tw-bg-opacity: 1;background-color:rgb(39 39 42 / var(--tw-bg-opacity))}.taper-class .bg-zinc-900{--tw-bg-opacity: 1;background-color:rgb(24 24 27 / var(--tw-bg-opacity))}.taper-class .fill-gray-600{fill:#4b5563}.taper-class .stroke-gray-400{stroke:#9ca3af}.taper-class .p-2{padding:.5rem}.taper-class .px-2{padding-left:.5rem;padding-right:.5rem}.taper-class .px-3{padding-left:.75rem;padding-right:.75rem}.taper-class .py-1{padding-top:.25rem;padding-bottom:.25rem}.taper-class .py-2{padding-top:.5rem;padding-bottom:.5rem}.taper-class .font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.taper-class .text-zinc-300{--tw-text-opacity: 1;color:rgb(212 212 216 / var(--tw-text-opacity))}.taper-class .accent-gray-700{accent-color:#374151}.taper-class .outline-none{outline:2px solid transparent;outline-offset:2px}.taper-class .invert{--tw-invert: invert(100%);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)}.taper-class .checked\\:invert-0:checked{--tw-invert: invert(0);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)}.taper-class .hover\\:bg-gray-600:hover{--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity))}.taper-class .hover\\:bg-zinc-600:hover{--tw-bg-opacity: 1;background-color:rgb(82 82 91 / var(--tw-bg-opacity))}.taper-class .focus\\:outline-gray-600:focus{outline-color:#4b5563}')),document.head.appendChild(t)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
+(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode('*:where(.taper-class,.taper-class *),:before:where(.taper-class,.taper-class *),:after:where(.taper-class,.taper-class *){box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before:where(.taper-class,.taper-class *),:after:where(.taper-class,.taper-class *){--tw-content: ""}.taper-class{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}.taper-class{margin:0;line-height:inherit}hr:where(.taper-class,.taper-class *){height:0;color:inherit;border-top-width:1px}abbr:where([title]):where(.taper-class,.taper-class *){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1:where(.taper-class,.taper-class *),h2:where(.taper-class,.taper-class *),h3:where(.taper-class,.taper-class *),h4:where(.taper-class,.taper-class *),h5:where(.taper-class,.taper-class *),h6:where(.taper-class,.taper-class *){font-size:inherit;font-weight:inherit}a:where(.taper-class,.taper-class *){color:inherit;text-decoration:inherit}b:where(.taper-class,.taper-class *),strong:where(.taper-class,.taper-class *){font-weight:bolder}code:where(.taper-class,.taper-class *),kbd:where(.taper-class,.taper-class *),samp:where(.taper-class,.taper-class *),pre:where(.taper-class,.taper-class *){font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small:where(.taper-class,.taper-class *){font-size:80%}sub:where(.taper-class,.taper-class *),sup:where(.taper-class,.taper-class *){font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub:where(.taper-class,.taper-class *){bottom:-.25em}sup:where(.taper-class,.taper-class *){top:-.5em}table:where(.taper-class,.taper-class *){text-indent:0;border-color:inherit;border-collapse:collapse}button:where(.taper-class,.taper-class *),input:where(.taper-class,.taper-class *),optgroup:where(.taper-class,.taper-class *),select:where(.taper-class,.taper-class *),textarea:where(.taper-class,.taper-class *){font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button:where(.taper-class,.taper-class *),select:where(.taper-class,.taper-class *){text-transform:none}button:where(.taper-class,.taper-class *),input:where([type=button]):where(.taper-class,.taper-class *),input:where([type=reset]):where(.taper-class,.taper-class *),input:where([type=submit]):where(.taper-class,.taper-class *){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring:where(.taper-class,.taper-class *){outline:auto}:-moz-ui-invalid:where(.taper-class,.taper-class *){box-shadow:none}progress:where(.taper-class,.taper-class *){vertical-align:baseline}::-webkit-inner-spin-button:where(.taper-class,.taper-class *),::-webkit-outer-spin-button:where(.taper-class,.taper-class *){height:auto}[type=search]:where(.taper-class,.taper-class *){-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration:where(.taper-class,.taper-class *){-webkit-appearance:none}::-webkit-file-upload-button:where(.taper-class,.taper-class *){-webkit-appearance:button;font:inherit}summary:where(.taper-class,.taper-class *){display:list-item}blockquote:where(.taper-class,.taper-class *),dl:where(.taper-class,.taper-class *),dd:where(.taper-class,.taper-class *),h1:where(.taper-class,.taper-class *),h2:where(.taper-class,.taper-class *),h3:where(.taper-class,.taper-class *),h4:where(.taper-class,.taper-class *),h5:where(.taper-class,.taper-class *),h6:where(.taper-class,.taper-class *),hr:where(.taper-class,.taper-class *),figure:where(.taper-class,.taper-class *),p:where(.taper-class,.taper-class *),pre:where(.taper-class,.taper-class *){margin:0}fieldset:where(.taper-class,.taper-class *){margin:0;padding:0}legend:where(.taper-class,.taper-class *){padding:0}ol:where(.taper-class,.taper-class *),ul:where(.taper-class,.taper-class *),menu:where(.taper-class,.taper-class *){list-style:none;margin:0;padding:0}dialog:where(.taper-class,.taper-class *){padding:0}textarea:where(.taper-class,.taper-class *){resize:vertical}input::-moz-placeholder:where(.taper-class,.taper-class *),textarea::-moz-placeholder:where(.taper-class,.taper-class *){opacity:1;color:#9ca3af}input::placeholder:where(.taper-class,.taper-class *),textarea::placeholder:where(.taper-class,.taper-class *){opacity:1;color:#9ca3af}button:where(.taper-class,.taper-class *),[role=button]:where(.taper-class,.taper-class *){cursor:pointer}:disabled:where(.taper-class,.taper-class *){cursor:default}img:where(.taper-class,.taper-class *),svg:where(.taper-class,.taper-class *),video:where(.taper-class,.taper-class *),canvas:where(.taper-class,.taper-class *),audio:where(.taper-class,.taper-class *),iframe:where(.taper-class,.taper-class *),embed:where(.taper-class,.taper-class *),object:where(.taper-class,.taper-class *){display:block;vertical-align:middle}img:where(.taper-class,.taper-class *),video:where(.taper-class,.taper-class *){max-width:100%;height:auto}[hidden]:where(.taper-class,.taper-class *){display:none}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.taper-class .fixed{position:fixed}.taper-class .absolute{position:absolute}.taper-class .relative{position:relative}.taper-class .bottom-0{bottom:0}.taper-class .right-0{right:0}.taper-class .m-1{margin:.25rem}.taper-class .m-2{margin:.5rem}.taper-class .m-auto{margin:auto}.taper-class .mx-2{margin-left:.5rem;margin-right:.5rem}.taper-class .ml-auto{margin-left:auto}.taper-class .mr-2{margin-right:.5rem}.taper-class .mr-4{margin-right:1rem}.taper-class .flex{display:flex}.taper-class .hidden{display:none}.taper-class .size-auto{width:auto;height:auto}.taper-class .h-7{height:1.75rem}.taper-class .h-8{height:2rem}.taper-class .w-24{width:6rem}.taper-class .w-7{width:1.75rem}.taper-class .w-full{width:100%}.taper-class .max-w-full{max-width:100%}.taper-class .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))}.taper-class .cursor-pointer{cursor:pointer}.taper-class .items-center{align-items:center}.taper-class .rounded{border-radius:.25rem}.taper-class .rounded-sm{border-radius:.125rem}.taper-class .bg-gray-700{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity))}.taper-class .bg-zinc-700{--tw-bg-opacity: 1;background-color:rgb(63 63 70 / var(--tw-bg-opacity))}.taper-class .bg-zinc-800{--tw-bg-opacity: 1;background-color:rgb(39 39 42 / var(--tw-bg-opacity))}.taper-class .bg-zinc-900{--tw-bg-opacity: 1;background-color:rgb(24 24 27 / var(--tw-bg-opacity))}.taper-class .fill-gray-600{fill:#4b5563}.taper-class .stroke-gray-400{stroke:#9ca3af}.taper-class .p-2{padding:.5rem}.taper-class .px-2{padding-left:.5rem;padding-right:.5rem}.taper-class .px-3{padding-left:.75rem;padding-right:.75rem}.taper-class .py-1{padding-top:.25rem;padding-bottom:.25rem}.taper-class .py-2{padding-top:.5rem;padding-bottom:.5rem}.taper-class .font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.taper-class .text-zinc-300{--tw-text-opacity: 1;color:rgb(212 212 216 / var(--tw-text-opacity))}.taper-class .accent-gray-700{accent-color:#374151}.taper-class .outline-none{outline:2px solid transparent;outline-offset:2px}.taper-class .invert{--tw-invert: invert(100%);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)}.taper-class .checked\\:invert-0:checked{--tw-invert: invert(0);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)}.taper-class .hover\\:bg-gray-600:hover{--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity))}.taper-class .hover\\:bg-zinc-600:hover{--tw-bg-opacity: 1;background-color:rgb(82 82 91 / var(--tw-bg-opacity))}.taper-class .hover\\:bg-zinc-900:hover{--tw-bg-opacity: 1;background-color:rgb(24 24 27 / var(--tw-bg-opacity))}.taper-class .focus\\:outline-gray-600:focus{outline-color:#4b5563}')),document.head.appendChild(e)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}})();
 (function(q,se){typeof exports=="object"&&typeof module<"u"?se(exports):typeof define=="function"&&define.amd?define(["exports"],se):(q=typeof globalThis<"u"?globalThis:q||self,se(q.jabronioutfit={}))})(this,function(q){"use strict";var Xc=Object.defineProperty;var Zc=(q,se,le)=>se in q?Xc(q,se,{enumerable:!0,configurable:!0,writable:!0,value:le}):q[se]=le;var ut=(q,se,le)=>Zc(q,typeof se!="symbol"?se+"":se,le);var se={};/**
 * @vue/shared v3.4.37
 * (c) 2018-present Yuxi (Evan) You and Vue contributors

package/index.html

@@ -11,10 +11,15 @@
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link href="https://fonts.googleapis.com/css2?family=VT323&display=swap" rel="stylesheet">
 
-  <!-- <link rel="stylesheet" href="./src/style.css">
-  <script type="module" src="./src/example.ts"></script> -->
+<!-- 
+  <link rel="stylesheet" href="./src/style.css">
+  <script type="module" src="./src/example.ts"></script>
 
-  <!-- <script src="./dist/jabroni-outfit.umd.js"></script> -->
+ -->  
+
+ <!-- <script src="./dist/jabroni-outfit.umd.js"></script> -->
+
+ 
   <style>
     body {
       background: linear-gradient(180deg, black, coral);

package/package.json

@@ -1,9 +1,15 @@
 {
   "name": "jabroni-outfit",
   "description": "out-of-the-box gui and persistent-state library based on vue",
-  "version": "1.4.0",
+  "version": "1.4.1",
   "license": "MIT",
-  "keywords": ["gui", "tweaks", "ui", "persistent-state", "state-management"],
+  "keywords": [
+    "gui",
+    "tweaks",
+    "ui",
+    "persistent-state",
+    "state-management"
+  ],
   "author": "smartacephale atm.mormon@protonmail.com (https://github.com/smartacephale)",
   "type": "module",
   "homepage": "https://github.com/smartacephale/jabroni-outfit#readme",
@@ -31,9 +37,9 @@
     "autoprefixer": "^10.4.20",
     "postcss": "^8.4.41",
     "tailwindcss": "^3.4.10",
+    "tailwindcss-scoped-preflight": "^3.4.3",
     "typescript": "^5.5.3",
-    "vite": "^5.4.0",
-    "vite-plugin-singlefile": "^2.0.2"
+    "vite": "^5.4.0"
   },
   "dependencies": {
     "@vitejs/plugin-vue": "^5.1.2",

package/src/ui/index.ts

@@ -12,37 +12,4 @@ export class JabroniOutfitUI {
     const app = createApp(App, { state, stateLocale, scheme });
     app.mount("#tapermonkey-app");
   }
-}
-
-export function GM_addStyle(css: string) {
-  const head = document.getElementsByTagName('head')[0];
-  if (!head) { return; }
-  const style = document.createElement('style');
-  style.type = 'text/css';
-  style.innerHTML = css.replace(/;/g, ' !important;');
-  head.appendChild(style);
-}
-
-// const style_ = `#tapermonkey-app *,#tapermonkey-app :before,#tapermonkey-app :after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}#tapermonkey-app :before,#tapermonkey-app :after{--tw-content: ""}#tapermonkey-app html,#tapermonkey-app :host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}#tapermonkey-app body{margin:0;line-height:inherit}#tapermonkey-app hr{height:0;color:inherit;border-top-width:1px}#tapermonkey-app abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}#tapermonkey-app h1,#tapermonkey-app h2,#tapermonkey-app h3,#tapermonkey-app h4,#tapermonkey-app h5,#tapermonkey-app h6{font-size:inherit;font-weight:inherit}#tapermonkey-app a{color:inherit;text-decoration:inherit}#tapermonkey-app b,#tapermonkey-app strong{font-weight:bolder}#tapermonkey-app code,#tapermonkey-app kbd,#tapermonkey-app samp,#tapermonkey-app pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}#tapermonkey-app small{font-size:80%}#tapermonkey-app sub,#tapermonkey-app sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}#tapermonkey-app sub{bottom:-.25em}#tapermonkey-app sup{top:-.5em}#tapermonkey-app table{text-indent:0;border-color:inherit;border-collapse:collapse}#tapermonkey-app button,#tapermonkey-app input,#tapermonkey-app optgroup,#tapermonkey-app select,#tapermonkey-app textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}#tapermonkey-app button,#tapermonkey-app select{text-transform:none}#tapermonkey-app button,#tapermonkey-app input:where([type=button]),#tapermonkey-app input:where([type=reset]),#tapermonkey-app input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}#tapermonkey-app :-moz-focusring{outline:auto}#tapermonkey-app :-moz-ui-invalid{box-shadow:none}#tapermonkey-app progress{vertical-align:baseline}#tapermonkey-app ::-webkit-inner-spin-button,#tapermonkey-app ::-webkit-outer-spin-button{height:auto}#tapermonkey-app [type=search]{-webkit-appearance:textfield;outline-offset:-2px}#tapermonkey-app ::-webkit-search-decoration{-webkit-appearance:none}#tapermonkey-app ::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}#tapermonkey-app summary{display:list-item}#tapermonkey-app blockquote,#tapermonkey-app dl,#tapermonkey-app dd,#tapermonkey-app h1,#tapermonkey-app h2,#tapermonkey-app h3,#tapermonkey-app h4,#tapermonkey-app h5,#tapermonkey-app h6,#tapermonkey-app hr,#tapermonkey-app figure,#tapermonkey-app p,#tapermonkey-app pre{margin:0}#tapermonkey-app fieldset{margin:0;padding:0}#tapermonkey-app legend{padding:0}#tapermonkey-app ol,#tapermonkey-app ul,#tapermonkey-app menu{list-style:none;margin:0;padding:0}#tapermonkey-app dialog{padding:0}#tapermonkey-app textarea{resize:vertical}#tapermonkey-app input::-moz-placeholder,#tapermonkey-app textarea::-moz-placeholder{opacity:1;color:#9ca3af}#tapermonkey-app input::placeholder,#tapermonkey-app textarea::placeholder{opacity:1;color:#9ca3af}#tapermonkey-app button,#tapermonkey-app [role=button]{cursor:pointer}#tapermonkey-app :disabled{cursor:default}#tapermonkey-app img,#tapermonkey-app svg,#tapermonkey-app video,#tapermonkey-app canvas,#tapermonkey-app audio,#tapermonkey-app iframe,#tapermonkey-app embed,#tapermonkey-app object{display:block;vertical-align:middle}#tapermonkey-app img,#tapermonkey-app video{max-width:100%;height:auto}#tapermonkey-app [hidden]{display:none}#tapermonkey-app *,#tapermonkey-app :before,#tapermonkey-app :after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }#tapermonkey-app ::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }#tapermonkey-app .fixed{position:fixed}#tapermonkey-app .bottom-0{bottom:0}#tapermonkey-app .right-0{right:0}#tapermonkey-app .m-1{margin:.25rem}#tapermonkey-app .m-2{margin:.5rem}#tapermonkey-app .m-auto{margin:auto}#tapermonkey-app .mx-2{margin-left:.5rem;margin-right:.5rem}#tapermonkey-app .ml-2{margin-left:.5rem}#tapermonkey-app .ml-auto{margin-left:auto}#tapermonkey-app .mr-2{margin-right:.5rem}#tapermonkey-app .mr-4{margin-right:1rem}#tapermonkey-app .inline-block{display:inline-block}#tapermonkey-app .flex{display:flex}#tapermonkey-app .hidden{display:none}#tapermonkey-app .size-auto{width:auto;height:auto}#tapermonkey-app .h-7{height:1.75rem}#tapermonkey-app .h-8{height:2rem}#tapermonkey-app .w-24{width:6rem}#tapermonkey-app .w-7{width:1.75rem}#tapermonkey-app .w-full{width:100%}#tapermonkey-app .max-w-full{max-width:100%}#tapermonkey-app .cursor-pointer{cursor:pointer}#tapermonkey-app .items-center{align-items:center}#tapermonkey-app .rounded{border-radius:.25rem}#tapermonkey-app .rounded-sm{border-radius:.125rem}#tapermonkey-app .bg-gray-700{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity))}#tapermonkey-app .bg-zinc-700{--tw-bg-opacity: 1;background-color:rgb(63 63 70 / var(--tw-bg-opacity))}#tapermonkey-app .bg-zinc-800{--tw-bg-opacity: 1;background-color:rgb(39 39 42 / var(--tw-bg-opacity))}#tapermonkey-app .bg-zinc-900{--tw-bg-opacity: 1;background-color:rgb(24 24 27 / var(--tw-bg-opacity))}#tapermonkey-app .fill-gray-600{fill:#4b5563}#tapermonkey-app .stroke-gray-400{stroke:#9ca3af}#tapermonkey-app .p-2{padding:.5rem}#tapermonkey-app .px-2{padding-left:.5rem;padding-right:.5rem}#tapermonkey-app .px-3{padding-left:.75rem;padding-right:.75rem}#tapermonkey-app .py-1{padding-top:.25rem;padding-bottom:.25rem}#tapermonkey-app .py-2{padding-top:.5rem;padding-bottom:.5rem}#tapermonkey-app .font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}#tapermonkey-app .text-zinc-300{--tw-text-opacity: 1;color:rgb(212 212 216 / var(--tw-text-opacity))}#tapermonkey-app .accent-gray-700{accent-color:#374151}#tapermonkey-app .outline-none{outline:2px solid transparent;outline-offset:2px}#tapermonkey-app .invert{--tw-invert: invert(100%);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)}.checked\:invert-0:checked{--tw-invert: invert(0);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)}.hover\:bg-gray-600:hover{--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity))}.hover\:bg-zinc-600:hover{--tw-bg-opacity: 1;background-color:rgb(82 82 91 / var(--tw-bg-opacity))}.hover\:bg-zinc-900:hover{--tw-bg-opacity: 1;background-color:rgb(24 24 27 / var(--tw-bg-opacity))}.focus\:outline-gray-600:focus{outline-color:#4b5563}`;
-// GM_addStyle(style_);
-
-// GM_addStyle(`
-//       #tapermonkey-app input, #tapermonkey-app button { color: rgb(212,212,216); }
-//       #tapermonkey-app input::placeholder { color: #9ca3af; }
-//       #tapermonkey-app button { background-color: rgb(55, 65, 81); }
-//       #tapermonkey-app input[type="checkbox"] { margin-right: .5rem; }
-//       #tapermonkey-app .flex.items-center:first-child:hover { background: #3741512b; }
-//       #tapermonkey-app input[type="text"]:hover { background: #52525b; }
-//       #tapermonkey-app input[type="number"]:hover { background: #4b5563; }
-//       #tapermonkey-app button:hover { background: #4b5563; }`);
-
-// export const componentStyles = {
-//   container: "flex items-center bg-zinc-900 py-2 px-2 m-1 font-mono rounded",
-//   text: "w-full h-8 text-zinc-300 px-3 py-2 mx-2 rounded-sm bg-zinc-700 outline-none focus:outline-gray-600 hover:bg-zinc-600",
-//   checkbox: "mx-2 size-auto invert checked:invert-0 accent-gray-700",
-//   number: "w-24 h-8 text-zinc-300 rounded px-3 py-2 bg-gray-700 hover:bg-gray-600 outline-none focus:outline-gray-600",
-//   button: "mx-2 size-auto text-zinc-300 rounded px-3 py-2 bg-gray-700 hover:bg-gray-600 ml-auto",
-//   span: "text-zinc-300 ml-auto mr-4",
-//   label: "text-zinc-300 flex font-mono",
-//   labelBefore: "text-zinc-300 mx-2 font-mono",
-// }
+}

package/src/utils/index.ts

@@ -2,15 +2,6 @@ export function parseIntegerOr(n: string, or: number) {
   return Number.isInteger(Number.parseInt(n)) ? Number.parseInt(n) : or;
 }
 
-// export function GM_addStyle(css: string) {
-//   const head = document.getElementsByTagName('head')[0];
-//   if (!head) { return; }
-//   const style = document.createElement('style');
-//   style.type = 'text/css';
-//   style.innerHTML = css.replace(/;/g, ' !important;');
-//   head.appendChild(style);
-// }
-
 export function parseDom(html: string): HTMLElement {
   const parsed = new DOMParser().parseFromString(html, 'text/html').body;
   return parsed.children.length > 1 ? parsed : parsed.firstElementChild as HTMLElement;

package/tailwind.config.js

@@ -1,15 +1,18 @@
+import { scopedPreflightStyles, isolateInsideOfContainer } from 'tailwindcss-scoped-preflight';
 
 /** @type {import('tailwindcss').Config} */
 export default {
   content: [
     "./index.html",
-    "./src/**/*.{js,ts,jsx,tsx}",
+    "./src/**/*.{js,ts,jsx,tsx,vue}",
   ],
-  // prefix: "twww-",
   theme: {
     extend: {},
   },
   plugins: [
+    scopedPreflightStyles({
+      isolationStrategy: isolateInsideOfContainer('.taper-class'),
+    }),
   ],
   important: '.taper-class',
 }

package/vite.config.js

@@ -2,7 +2,6 @@ import path from "node:path";
 import { defineConfig } from "vite";
 import vue from '@vitejs/plugin-vue'
 import tailwindcss from 'tailwindcss';
-// import { viteSingleFile } from "vite-plugin-singlefile"
 import cssInjectedByJsPlugin from 'vite-plugin-css-injected-by-js'
 
 export default ({ mode }) => {