From 51e71902e08a648ef7056c8432dd866dcd21e034 Mon Sep 17 00:00:00 2001 From: Nuances D Date: Mon, 15 Jul 2024 12:37:00 +0200 Subject: [PATCH] Release 1.0.3 (update) --- assets/{index-aLiWpFRZ.css => index-NAvSNBfS.css} | 2 +- assets/{index-ybYdOV95.js => index-_8I0l1Hu.js} | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) rename assets/{index-aLiWpFRZ.css => index-NAvSNBfS.css} (50%) rename assets/{index-ybYdOV95.js => index-_8I0l1Hu.js} (96%) diff --git a/assets/index-aLiWpFRZ.css b/assets/index-NAvSNBfS.css similarity index 50% rename from assets/index-aLiWpFRZ.css rename to assets/index-NAvSNBfS.css index ac51a96..95584c0 100644 --- a/assets/index-aLiWpFRZ.css +++ b/assets/index-NAvSNBfS.css @@ -1 +1 @@ -:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;color-scheme:light dark;color:#ffffffbf;background-color:#020617;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.button-tooltip{left:50%;transform:translate(-50%)}*,: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: }.pointer-events-none{pointer-events:none}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.-top-\[4em\]{top:-4em}.bottom-0{bottom:0}.left-0{left:0}.right-0{right:0}.top-0{top:0}.z-10{z-index:10}.m-0{margin:0}.m-4{margin:1rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-12{margin-bottom:3rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-\[3px\]{margin-bottom:3px}.ml-3{margin-left:.75rem}.ml-6{margin-left:1.5rem}.mr-0{margin-right:0}.mr-2{margin-right:.5rem}.mt-12{margin-top:3rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.grid{display:grid}.h-12{height:3rem}.h-16{height:4rem}.h-6{height:1.5rem}.min-h-screen{min-height:100vh}.w-12{width:3rem}.w-16{width:4rem}.w-6{width:1.5rem}.w-96{width:24rem}.w-auto{width:auto}.w-full{width:100%}.max-w-14{max-width:3.5rem}.max-w-4xl{max-width:56rem}.max-w-6xl{max-width:72rem}.max-w-xl{max-width:36rem}.shrink-0{flex-shrink:0}.cursor-none{cursor:none}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.auto-rows-fr{grid-auto-rows:minmax(0,1fr)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-16{gap:4rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-8{gap:2rem}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.gap-x-8{-moz-column-gap:2rem;column-gap:2rem}.gap-y-12{row-gap:3rem}.gap-y-8{row-gap:2rem}.text-nowrap{text-wrap:nowrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-es-lg{border-end-start-radius:.5rem}.rounded-se-md{border-start-end-radius:.375rem}.border{border-width:1px}.border-4{border-width:4px}.border-t{border-top-width:1px}.border-green-500{--tw-border-opacity: 1;border-color:rgb(34 197 94 / var(--tw-border-opacity))}.border-purple-500{--tw-border-opacity: 1;border-color:rgb(168 85 247 / var(--tw-border-opacity))}.border-red-500{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity))}.border-slate-400{--tw-border-opacity: 1;border-color:rgb(148 163 184 / var(--tw-border-opacity))}.border-slate-500{--tw-border-opacity: 1;border-color:rgb(100 116 139 / var(--tw-border-opacity))}.border-slate-800{--tw-border-opacity: 1;border-color:rgb(30 41 59 / var(--tw-border-opacity))}.border-transparent{border-color:transparent}.bg-blue-500{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity))}.bg-gray-800{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}.bg-green-500{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity))}.bg-purple-500{--tw-bg-opacity: 1;background-color:rgb(168 85 247 / var(--tw-bg-opacity))}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity))}.bg-slate-600{--tw-bg-opacity: 1;background-color:rgb(71 85 105 / var(--tw-bg-opacity))}.bg-slate-800{--tw-bg-opacity: 1;background-color:rgb(30 41 59 / var(--tw-bg-opacity))}.bg-slate-950{--tw-bg-opacity: 1;background-color:rgb(2 6 23 / var(--tw-bg-opacity))}.bg-transparent{background-color:transparent}.px-14{padding-left:3.5rem;padding-right:3.5rem}.px-16{padding-left:4rem;padding-right:4rem}.px-4{padding-left:1rem;padding-right:1rem}.px-8{padding-left:2rem;padding-right:2rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-14{padding-top:3.5rem;padding-bottom:3.5rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-2{padding-bottom:.5rem}.pb-6{padding-bottom:1.5rem}.pr-\[0\.5rem\]{padding-right:.5rem}.pt-2{padding-top:.5rem}.text-left{text-align:left}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.text-5xl{font-size:3rem;line-height:1}.text-\[2\.25em\]{font-size:2.25em}.text-base{font-size:1rem;line-height:1.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-bold{font-weight:700}.font-light{font-weight:300}.font-semibold{font-weight:600}.text-green-500{--tw-text-opacity: 1;color:rgb(34 197 94 / var(--tw-text-opacity))}.text-purple-500{--tw-text-opacity: 1;color:rgb(168 85 247 / var(--tw-text-opacity))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity))}.text-slate-100{--tw-text-opacity: 1;color:rgb(241 245 249 / var(--tw-text-opacity))}.text-slate-200{--tw-text-opacity: 1;color:rgb(226 232 240 / var(--tw-text-opacity))}.text-slate-300{--tw-text-opacity: 1;color:rgb(203 213 225 / var(--tw-text-opacity))}.text-slate-400{--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity))}.text-slate-500{--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity))}.text-slate-800{--tw-text-opacity: 1;color:rgb(30 41 59 / var(--tw-text-opacity))}.text-slate-900{--tw-text-opacity: 1;color:rgb(15 23 42 / var(--tw-text-opacity))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.underline{text-decoration-line:underline}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -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)}.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{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}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#fff;background-color:#001;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.hover\:border-slate-100:hover{--tw-border-opacity: 1;border-color:rgb(241 245 249 / var(--tw-border-opacity))}.hover\:bg-blue-500:hover{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity))}.hover\:bg-blue-700:hover{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity))}.hover\:bg-green-500:hover{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity))}.hover\:bg-purple-500:hover{--tw-bg-opacity: 1;background-color:rgb(168 85 247 / var(--tw-bg-opacity))}.hover\:bg-red-500:hover{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity))}.hover\:bg-slate-200:hover{--tw-bg-opacity: 1;background-color:rgb(226 232 240 / var(--tw-bg-opacity))}.hover\:text-slate-100:hover{--tw-text-opacity: 1;color:rgb(241 245 249 / var(--tw-text-opacity))}.hover\:duration-300:hover{transition-duration:.3s}.disabled\:bg-slate-800:disabled{--tw-bg-opacity: 1;background-color:rgb(30 41 59 / var(--tw-bg-opacity))}.group:hover .group-hover\:text-slate-100{--tw-text-opacity: 1;color:rgb(241 245 249 / var(--tw-text-opacity))}@media (min-width: 640px){.sm\:mb-0{margin-bottom:0}.sm\:inline-block{display:inline-block}.sm\:flex-row{flex-direction:row}.sm\:pl-16{padding-left:4rem}.sm\:text-\[1em\]{font-size:1em}}@media (min-width: 768px){.md\:ml-0{margin-left:0}.md\:mt-6{margin-top:1.5rem}.md\:max-w-44{max-width:11rem}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:flex-col{flex-direction:column}.md\:items-start{align-items:flex-start}.md\:px-24{padding-left:6rem;padding-right:6rem}.md\:py-24{padding-top:6rem;padding-bottom:6rem}.md\:py-28{padding-top:7rem;padding-bottom:7rem}.md\:text-3xl{font-size:1.875rem;line-height:2.25rem}.md\:text-5xl{font-size:3rem;line-height:1}}@media (min-width: 1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 1280px){.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}} +:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;color-scheme:light dark;color:#ffffffbf;background-color:#020617;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.button-tooltip{left:50%;transform:translate(-50%)}*,: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: }.pointer-events-none{pointer-events:none}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.-top-\[4em\]{top:-4em}.bottom-0{bottom:0}.left-0{left:0}.right-0{right:0}.top-0{top:0}.z-10{z-index:10}.m-0{margin:0}.m-4{margin:1rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-12{margin-bottom:3rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-\[3px\]{margin-bottom:3px}.ml-3{margin-left:.75rem}.ml-6{margin-left:1.5rem}.mr-0{margin-right:0}.mr-2{margin-right:.5rem}.mt-12{margin-top:3rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.grid{display:grid}.h-12{height:3rem}.h-16{height:4rem}.h-6{height:1.5rem}.min-h-screen{min-height:100vh}.w-12{width:3rem}.w-16{width:4rem}.w-6{width:1.5rem}.w-96{width:24rem}.w-auto{width:auto}.w-full{width:100%}.max-w-14{max-width:3.5rem}.max-w-4xl{max-width:56rem}.max-w-6xl{max-width:72rem}.max-w-xl{max-width:36rem}.shrink-0{flex-shrink:0}.cursor-none{cursor:none}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.auto-rows-fr{grid-auto-rows:minmax(0,1fr)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-16{gap:4rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-8{gap:2rem}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.gap-x-8{-moz-column-gap:2rem;column-gap:2rem}.gap-y-12{row-gap:3rem}.gap-y-8{row-gap:2rem}.text-nowrap{text-wrap:nowrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.rounded-es-lg{border-end-start-radius:.5rem}.rounded-se-md{border-start-end-radius:.375rem}.border{border-width:1px}.border-4{border-width:4px}.border-t{border-top-width:1px}.border-green-500{--tw-border-opacity: 1;border-color:rgb(34 197 94 / var(--tw-border-opacity))}.border-purple-500{--tw-border-opacity: 1;border-color:rgb(168 85 247 / var(--tw-border-opacity))}.border-red-500{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity))}.border-slate-400{--tw-border-opacity: 1;border-color:rgb(148 163 184 / var(--tw-border-opacity))}.border-slate-500{--tw-border-opacity: 1;border-color:rgb(100 116 139 / var(--tw-border-opacity))}.border-slate-800{--tw-border-opacity: 1;border-color:rgb(30 41 59 / var(--tw-border-opacity))}.border-transparent{border-color:transparent}.bg-blue-500{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity))}.bg-gray-800{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}.bg-green-500{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity))}.bg-purple-500{--tw-bg-opacity: 1;background-color:rgb(168 85 247 / var(--tw-bg-opacity))}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity))}.bg-slate-600{--tw-bg-opacity: 1;background-color:rgb(71 85 105 / var(--tw-bg-opacity))}.bg-slate-800{--tw-bg-opacity: 1;background-color:rgb(30 41 59 / var(--tw-bg-opacity))}.bg-slate-950{--tw-bg-opacity: 1;background-color:rgb(2 6 23 / var(--tw-bg-opacity))}.bg-transparent{background-color:transparent}.px-14{padding-left:3.5rem;padding-right:3.5rem}.px-16{padding-left:4rem;padding-right:4rem}.px-4{padding-left:1rem;padding-right:1rem}.px-8{padding-left:2rem;padding-right:2rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-14{padding-top:3.5rem;padding-bottom:3.5rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-2{padding-bottom:.5rem}.pb-6{padding-bottom:1.5rem}.pr-\[0\.5rem\]{padding-right:.5rem}.pt-2{padding-top:.5rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-2xl{font-size:1.5rem;line-height:2rem}.text-5xl{font-size:3rem;line-height:1}.text-\[2\.25em\]{font-size:2.25em}.text-base{font-size:1rem;line-height:1.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-bold{font-weight:700}.font-light{font-weight:300}.font-semibold{font-weight:600}.text-green-500{--tw-text-opacity: 1;color:rgb(34 197 94 / var(--tw-text-opacity))}.text-purple-500{--tw-text-opacity: 1;color:rgb(168 85 247 / var(--tw-text-opacity))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity))}.text-slate-100{--tw-text-opacity: 1;color:rgb(241 245 249 / var(--tw-text-opacity))}.text-slate-200{--tw-text-opacity: 1;color:rgb(226 232 240 / var(--tw-text-opacity))}.text-slate-300{--tw-text-opacity: 1;color:rgb(203 213 225 / var(--tw-text-opacity))}.text-slate-400{--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity))}.text-slate-500{--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity))}.text-slate-800{--tw-text-opacity: 1;color:rgb(30 41 59 / var(--tw-text-opacity))}.text-slate-900{--tw-text-opacity: 1;color:rgb(15 23 42 / var(--tw-text-opacity))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.underline{text-decoration-line:underline}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -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)}.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{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}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#fff;background-color:#001;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.hover\:border-slate-100:hover{--tw-border-opacity: 1;border-color:rgb(241 245 249 / var(--tw-border-opacity))}.hover\:bg-blue-500:hover{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity))}.hover\:bg-blue-700:hover{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity))}.hover\:bg-green-500:hover{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity))}.hover\:bg-purple-500:hover{--tw-bg-opacity: 1;background-color:rgb(168 85 247 / var(--tw-bg-opacity))}.hover\:bg-red-500:hover{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity))}.hover\:bg-slate-200:hover{--tw-bg-opacity: 1;background-color:rgb(226 232 240 / var(--tw-bg-opacity))}.hover\:text-slate-100:hover{--tw-text-opacity: 1;color:rgb(241 245 249 / var(--tw-text-opacity))}.hover\:duration-300:hover{transition-duration:.3s}.disabled\:bg-slate-800:disabled{--tw-bg-opacity: 1;background-color:rgb(30 41 59 / var(--tw-bg-opacity))}.group:hover .group-hover\:text-slate-100{--tw-text-opacity: 1;color:rgb(241 245 249 / var(--tw-text-opacity))}@media (min-width: 640px){.sm\:mb-0{margin-bottom:0}.sm\:inline-block{display:inline-block}.sm\:flex-row{flex-direction:row}.sm\:pl-16{padding-left:4rem}.sm\:text-\[1em\]{font-size:1em}}@media (min-width: 768px){.md\:ml-0{margin-left:0}.md\:mt-6{margin-top:1.5rem}.md\:max-w-44{max-width:11rem}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:flex-col{flex-direction:column}.md\:items-start{align-items:flex-start}.md\:px-24{padding-left:6rem;padding-right:6rem}.md\:py-24{padding-top:6rem;padding-bottom:6rem}.md\:py-28{padding-top:7rem;padding-bottom:7rem}.md\:py-20{padding-top:5rem;padding-bottom:5rem}.md\:text-3xl{font-size:1.875rem;line-height:2.25rem}.md\:text-5xl{font-size:3rem;line-height:1}}@media (min-width: 1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 1280px){.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}} diff --git a/assets/index-ybYdOV95.js b/assets/index-_8I0l1Hu.js similarity index 96% rename from assets/index-ybYdOV95.js rename to assets/index-_8I0l1Hu.js index 4dbe0a1..545bde4 100644 --- a/assets/index-ybYdOV95.js +++ b/assets/index-_8I0l1Hu.js @@ -807,4 +807,4 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho top: ${l}px !important; left: ${u}px !important; } - `),()=>{document.head.removeChild(c)}},[t]),S.jsx(WP,{isPresent:t,childRef:r,sizeRef:i,children:b.cloneElement(e,{ref:r})})}const za=({children:e,initial:t,isPresent:n,onExitComplete:r,custom:i,presenceAffectsLayout:o,mode:s})=>{const a=Gv(YP),l=b.useId(),u=b.useMemo(()=>({id:l,initial:t,isPresent:n,custom:i,onExitComplete:c=>{a.set(c,!0);for(const f of a.values())if(!f)return;r&&r()},register:c=>(a.set(c,!1),()=>a.delete(c))}),o?[Math.random()]:[n]);return b.useMemo(()=>{a.forEach((c,f)=>a.set(f,!1))},[n]),b.useEffect(()=>{!n&&!a.size&&r&&r()},[n]),s==="popLayout"&&(e=S.jsx(HP,{isPresent:n,children:e})),S.jsx($s.Provider,{value:u,children:e})};function YP(){return new Map}function KP(e){return b.useEffect(()=>()=>e(),[])}const kn=e=>e.key||"";function GP(e,t){e.forEach(n=>{const r=kn(n);t.set(r,n)})}function QP(e){const t=[];return b.Children.forEach(e,n=>{b.isValidElement(n)&&t.push(n)}),t}const r0=({children:e,custom:t,initial:n=!0,onExitComplete:r,exitBeforeEnter:i,presenceAffectsLayout:o=!0,mode:s="sync"})=>{const a=b.useContext(Cc).forceRender||$P()[0],l=n0(),u=QP(e);let c=u;const f=b.useRef(new Map).current,d=b.useRef(c),v=b.useRef(new Map).current,g=b.useRef(!0);if(xc(()=>{g.current=!1,GP(u,v),d.current=c}),KP(()=>{g.current=!0,v.clear(),f.clear()}),g.current)return S.jsx(S.Fragment,{children:c.map(p=>S.jsx(za,{isPresent:!0,initial:n?void 0:!1,presenceAffectsLayout:o,mode:s,children:p},kn(p)))});c=[...c];const y=d.current.map(kn),k=u.map(kn),m=y.length;for(let p=0;p{if(k.indexOf(h)!==-1)return;const x=v.get(h);if(!x)return;const w=y.indexOf(h);let E=p;if(!E){const A=()=>{f.delete(h);const C=Array.from(v.keys()).filter(D=>!k.includes(D));if(C.forEach(D=>v.delete(D)),d.current=u.filter(D=>{const _=kn(D);return _===h||C.includes(_)}),!f.size){if(l.current===!1)return;a(),r&&r()}};E=S.jsx(za,{isPresent:!1,onExitComplete:A,custom:t,presenceAffectsLayout:o,mode:s,children:x},kn(x)),f.set(h,E)}c.splice(w,0,E)}),c=c.map(p=>{const h=p.key;return f.has(h)?p:S.jsx(za,{isPresent:!0,presenceAffectsLayout:o,mode:s,children:p},kn(p))}),S.jsx(S.Fragment,{children:f.size?c:c.map(p=>b.cloneElement(p))})},XP=({cards:e,indexCard:t})=>{const[n,r]=b.useState(t),[i,o]=b.useState(!0);b.useEffect(()=>(t!=n&&s(),()=>{}),[t]);const s=a=>{o(!1),setTimeout(()=>{r(l=>t),o(!0)},250)};return S.jsx("div",{children:S.jsx(r0,{mode:"wait",children:i&&S.jsx(t0.div,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:{duration:.25},children:S.jsx("div",{className:"text-center text-2xl md:text-3xl px-16 py-16 md:px-24 md:py-24 border rounded-2xl border-slate-500",children:e[n].label})},n)})})},ZP=({couples:e,indexCouple:t,onFaceSelect:n})=>{const[r,i]=b.useState(t),[o,s]=b.useState(!0);b.useEffect(()=>(t!=r&&setTimeout(()=>{a()},125),()=>{}),[t]);const a=u=>{s(!1),setTimeout(()=>{i(c=>t),s(!0)},125)},l=(u,c)=>{n(u,c)};return S.jsx("div",{children:S.jsx(r0,{mode:"wait",children:o&&S.jsx(t0.div,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:{duration:.125},children:S.jsxs("div",{className:"flex flex-row gap-x-8 justify-center",children:[S.jsxs("div",{className:`relative group cursor-pointer text-center px-8 py-8 rounded-lg border ${e[r][0].selected?"border-green-500 bg-transparent":"border-slate-500 hover:border-slate-100 bg-transparent"}`,onClick:u=>l(r,0),children:[S.jsx("h3",{className:`pointer-events-none select-none text-xl ${e[r][0].selected?"text-green-500":"text-slate-400 group-hover:text-slate-100"}`,children:e[r][0].label}),e[r][0].selected&&S.jsx("div",{className:"absolute text-slate-800 right-0 top-0 bg-green-500 w-6 h-6 rounded-se-md rounded-es-lg",children:S.jsx(en,{icon:hs})})]}),S.jsxs("div",{className:`relative group cursor-pointer text-center px-8 py-8 rounded-lg border ${e[r][1].selected?"border-green-500 bg-transparent":"border-slate-500 hover:border-slate-100 bg-transparent"}`,onClick:u=>l(r,1),children:[S.jsx("h3",{className:`pointer-events-none select-none text-xl ${e[r][1].selected?"text-green-500":"text-slate-400 group-hover:text-slate-100"}`,children:e[r][1].label}),e[r][1].selected&&S.jsx("div",{className:"absolute text-slate-800 right-0 top-0 bg-green-500 w-6 h-6 rounded-se-md rounded-es-lg",children:S.jsx(en,{icon:hs})})]})]})},r)})})};function Ba(){return S.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",className:"w-6 h-6 inline-block",children:S.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M17.25 8.25 21 12m0 0-3.75 3.75M21 12H3"})})}const si=N1();si.groups.map((e,t)=>{let n=e.map((r,i)=>({id:(t+1)*10+i,label:r,rel:si.cards.findIndex(a=>a.includes(r)),selected:!1,content:"",group:t+1}));return{id:t+1,cards:n,validated:!1}});const qP=()=>{let e=si.cards.map((r,i)=>({id:i,label:r.split(" | ")[0],rel:i,choice:void 0,selected:!1,sorted:!1,sortedValue:0})),t=si.cards.map((r,i)=>({id:i+si.cards.length,label:r.split(" | ")[1],rel:i,choice:void 0,selected:!1,sorted:!1,sortedValue:0}));return JP(e.concat(t))},JP=e=>{for(let t=e.length-1;t>=0;t--){const n=Math.floor(Math.random()*(t+1));e.push(e[n]),e.splice(n,1)}return e},eC=()=>{const[e,t]=b.useState(1),[n,r]=b.useState(0),[i,o]=b.useState(0),[s,a]=b.useState(qP),[l,u]=b.useState(0),[c,f]=b.useState([]),[d,v]=b.useState([]),[g,y]=b.useState([]),[k,m]=b.useState([]),[p,h]=b.useState(6),[x,w]=b.useState(!1),E=()=>{if(o(N=>N+1),i>=s.length-1)if(c.length>0)t(2);else{r(I=>I+1),v(I=>s.filter(L=>L.choice===oe.YES)),y(I=>s.filter(L=>L.choice===oe.NO));let N=s.filter(I=>I.choice===oe.TORN),F=Math.min(N.length,6);h(I=>F),m(I=>N),F>=2?t(3):(r(I=>I+1),t(4))}},A=()=>{let N=[...s];N[i]={...s[i],choice:oe.YES};const F=ce(N);f(I=>F),a(I=>N),E()},C=()=>{let N=[...s];N[i]={...s[i],choice:oe.NO},a(F=>N),E()},D=()=>{let N=[...s];N[i]={...s[i],choice:oe.NOT_APPLY},a(F=>N),E()},_=()=>{},ce=N=>{let F=Object.values(N.reduce((I,P)=>(P.choice==oe.YES&&(I[P.rel]===void 0&&(I[P.rel]=[]),I[P.rel].push({...P})),I),{}));return F=F.reduce((I,P)=>(P.length==2&&I.push(P),I),[]),F},lt=(N,F)=>{let I=[...c];if(I[N][F].selected=!0,I[N][F].choice=oe.TORN,F==0&&(I[N][1].selected=!1,I[N][1].choice=oe.NOT_APPLY),F==1&&(I[N][0].selected=!1,I[N][0].choice=oe.NOT_APPLY),f(P=>I),lP+1);else{let P=[...s];I.map($=>{$.map(V=>{let Q=P.find(B=>B.id==V.id);Q.choice=V.choice})}),a($=>P),v($=>P.filter(Q=>Q.choice===oe.YES)),y($=>P.filter(Q=>Q.choice===oe.NO));let L=s.filter($=>$.choice===oe.TORN),z=Math.min(L.length,6);h($=>z),m($=>L),z>=2?t(3):(r($=>$+1),t(4))}},Je=(N,F)=>{let I=[...d],P=[...g],L=[...k];if(N===oe.YES){let V=I[F];if(V.sorted==!0){let Q=V.sortedValue;V.sorted=!1,V.sortedValue=0,I=I.map((B,Un)=>(B.sorted&&B.sortedValue>Q&&(B.sortedValue=B.sortedValue-1),B)),v(B=>I)}else{let Q=I.filter(B=>B.sorted===!0).length;QI))}}if(N===oe.NO){let V=P[F];if(V.sorted==!0){let Q=V.sortedValue;V.sorted=!1,V.sortedValue=0,P=P.map((B,Un)=>(B.sorted&&B.sortedValue>Q&&(B.sortedValue=B.sortedValue-1),B)),y(B=>P)}else{let Q=P.filter(B=>B.sorted===!0).length;QP))}}if(N===oe.TORN){let V=L[F];if(V.sorted==!0){let Q=V.sortedValue;V.sorted=!1,V.sortedValue=0,L=L.map((B,Un)=>(B.sorted&&B.sortedValue>Q&&(B.sortedValue=B.sortedValue-1),B)),m(B=>L)}else{let Q=L.filter(B=>B.sorted===!0).length;QL))}}let z=Math.min(I.length,p);z+=Math.min(P.length,p),z+=Math.min(L.length,p);let $=I.filter(V=>V.sorted===!0).length;$+=P.filter(V=>V.sorted===!0).length,$+=L.filter(V=>V.sorted===!0).length,w(V=>$==z)},mn=()=>{t(4)};return S.jsxs("div",{className:"relative w-full",children:[S.jsxs("div",{className:"mx-auto max-w-6xl px-14 py-14 md:py-28",children:[S.jsxs("div",{className:"flex flex-row md:flex-col items-center md:items-start mb-6",children:[S.jsx("a",{href:"https://nuancesdigitales.com/",target:"_blank",className:"inline-block",children:S.jsx("img",{className:"rounded-full max-w-14 md:max-w-44",src:"https://cdn.jsdelivr.net/gh/nuancesd/brand-arch@1.0.0/logo.png"})}),S.jsxs("h1",{className:"text-2xl md:text-5xl md:mt-6 ml-3 md:ml-0 font-light",children:["Determine your ",S.jsx("span",{className:"font-semibold",children:"Brand values"})]})]}),S.jsx("h2",{className:"text-base text-slate-400",children:"Brand values help define your company’s actions and messages and include the guiding principles that drive your brand’s culture, vision, and mission."}),S.jsxs("div",{className:"w-full",children:[e==1&&S.jsxs("div",{className:"max-w-xl mx-auto flex flex-col gap-y-8 mt-12",children:[S.jsxs("p",{children:[S.jsx("span",{className:"font-bold text-xl",children:"STEP 1 -"})," Please choose who you are [not]..."]}),S.jsx(XP,{cards:s,indexCard:i}),S.jsxs("div",{children:[S.jsx(Nw,{choice:s[i].choice,onYes:A,onNo:C,onNotApply:D,onTorn:_}),S.jsxs("p",{className:"text-center mt-4 text-slate-500",children:["card ",i+1," / ",s.length]})]})]}),e==2&&S.jsxs("div",{className:"max-w-xl mx-auto flex flex-col gap-y-8 mt-12",children:[S.jsxs("p",{children:[S.jsx("span",{className:"font-bold text-xl",children:"STEP 2 -"})," Please choose one of both"]}),S.jsx(ZP,{couples:c,indexCouple:l,onFaceSelect:lt}),S.jsxs("p",{className:"text-center mt-4 text-slate-500",children:["cards ",l+1," / ",c.length]})]}),e==3&&S.jsxs("div",{className:"mx-auto flex flex-col gap-y-12 mt-12 mb-12",children:[S.jsxs("p",{children:[S.jsxs("span",{className:"font-bold text-xl",children:["STEP ",3-n," -"]})," Please order values between 1 (high) and ",p," (low)"]}),S.jsxs("div",{children:[S.jsxs("h3",{className:"m-0 pb-2 text-2xl text-left font-bold flex flex-col sm:flex-row",children:[S.jsxs("span",{className:"text-green-500 shrink-0 block sm:inline-block pr-[0.5rem] text-[2.25em] sm:text-[1em] mb-4 sm:mb-0",children:[S.jsx(en,{icon:hs})," ",S.jsx(Ba,{})]}),S.jsx("span",{className:"block sm:inline-block",children:"You are."})]}),S.jsx("p",{className:"sm:pl-16 pb-6 text-sm text-slate-500",children:"The cards in this pile describe how you want to be perceived by others. They do not necessarily need to describe who you are today, but rather who you imagine becoming."}),S.jsx("div",{className:"grid md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-2 sm:pl-16 auto-rows-fr",children:d.map((N,F)=>S.jsxs("div",{className:`relative group cursor-pointer text-center px-8 py-8 rounded-lg border ${N.sorted?"border-green-500 bg-transparent":"border-slate-500 hover:border-slate-100 bg-transparent"}`,onClick:I=>Je(oe.YES,F),children:[S.jsx("h3",{className:`pointer-events-none select-none text-xl ${N.sorted?"text-green-500":"text-slate-400 group-hover:text-slate-100"}`,children:N.label}),N.sorted&&S.jsx("div",{className:"absolute text-slate-800 right-0 top-0 bg-green-500 w-6 h-6 rounded-se-md rounded-es-lg font-bold",children:N.sortedValue})]},F))})]}),S.jsxs("div",{children:[S.jsxs("h3",{className:"m-0 pb-2 text-2xl text-left font-bold flex flex-col sm:flex-row",children:[S.jsxs("span",{className:"text-purple-500 shrink-0 block sm:inline-block pr-[0.5rem] text-[2.25em] sm:text-[1em] mb-4 sm:mb-0",children:[S.jsx(en,{icon:Aw})," ",S.jsx(Ba,{})]}),S.jsx("span",{className:"block sm:inline-block",children:"You are torn."})]}),S.jsx("p",{className:"sm:pl-16 pb-6 text-sm text-slate-500",children:"The cards in this pile describe how you do not want to be perceived by others. They do not necessarily need to describe what you're not today but rather how you may not want to be perceived tomorrow."}),S.jsx("div",{className:"grid md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-2 sm:pl-16 auto-rows-fr",children:k.map((N,F)=>S.jsxs("div",{className:`relative group cursor-pointer text-center px-8 py-8 rounded-lg border ${N.sorted?"border-purple-500 bg-transparent":"border-slate-500 hover:border-slate-100 bg-transparent"}`,onClick:I=>Je(oe.TORN,F),children:[S.jsx("h3",{className:`pointer-events-none select-none text-xl ${N.sorted?"text-purple-500":"text-slate-400 group-hover:text-slate-100"}`,children:N.label}),N.sorted&&S.jsx("div",{className:"absolute text-slate-800 right-0 top-0 bg-purple-500 w-6 h-6 rounded-se-md rounded-es-lg font-bold",children:N.sortedValue})]},F))})]}),S.jsxs("div",{children:[S.jsxs("h3",{className:"m-0 pb-2 text-2xl text-left font-bold flex flex-col sm:flex-row",children:[S.jsxs("span",{className:"text-red-500 shrink-0 block sm:inline-block pr-[0.5rem] text-[2.25em] sm:text-[1em] mb-4 sm:mb-0",children:[S.jsx(en,{icon:Ov})," ",S.jsx(Ba,{})]}),S.jsx("span",{className:"block sm:inline-block",children:"You are not."})]}),S.jsx("p",{className:"sm:pl-16 pb-6 text-sm text-slate-500",children:"The cards in this pile describe how you do not want to be perceived by others. They do not necessarily need to describe what you're not today but rather how you may not want to be perceived tomorrow."}),S.jsx("div",{className:"grid md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-2 sm:pl-16 auto-rows-fr",children:g.map((N,F)=>S.jsxs("div",{className:`relative group cursor-pointer text-center px-8 py-8 rounded-lg border ${N.sorted?"border-red-500 bg-transparent":"border-slate-500 hover:border-slate-100 bg-transparent"}`,onClick:I=>Je(oe.NO,F),children:[S.jsx("h3",{className:`pointer-events-none select-none text-xl ${N.sorted?"text-red-500":"text-slate-400 group-hover:text-slate-100"}`,children:N.label}),N.sorted&&S.jsx("div",{className:"absolute text-slate-800 right-0 top-0 bg-red-500 w-6 h-6 rounded-se-md rounded-es-lg font-bold",children:N.sortedValue})]},F))})]})]}),e==4&&S.jsxs("div",{className:"mx-auto flex flex-col gap-y-12 mt-12",children:[S.jsxs("p",{children:[S.jsxs("span",{className:"font-bold text-xl",children:["STEP ",4-n," -"]})," Results"]}),S.jsx("p",{className:"sm:pl-16 pb-6 text-sm text-slate-300",children:"We present values you cherish most, defining your brand's essence. These carefully selected attributes highlight your uniqueness, differentiating you from competitors who use common values. This focused approach creates a compelling identity, resonating deeply with your target audience and providing a competitive edge."}),S.jsx("div",{className:"grid md:grid-cols-2 xl:grid-cols-3 gap-3 sm:pl-16 auto-rows-fr",children:k.filter(N=>N.sorted===!0).sort((N,F)=>N.sortedValue-F.sortedValue).map((N,F)=>S.jsx("div",{className:"relative group cursor-pointer text-center px-8 py-8 rounded-lg border border-purple-500 bg-transparent",children:S.jsx("h3",{className:"pointer-events-none select-none text-xl text-purple-500",children:N.label})},F))})]})]})]}),e===3&&S.jsx("div",{className:"fixed bottom-0 left-0 right-0 bg-slate-950 border-t border-slate-800",children:S.jsxs("div",{className:"mx-auto max-w-6xl px-14 py-6 flex justify-between items-center",children:[S.jsx("div",{className:"text-md text-slate-400 mb-[3px]",children:""}),S.jsx("div",{className:"shrink-0 ml-6",children:S.jsx("button",{onClick:mn,disabled:!x,className:"bg-blue-500 disabled:bg-slate-800 font-bold py-1 px-4 rounded border-4 border-transparent hover:bg-blue-700 hover:duration-300",children:"Submit"})})]})})]})};Ua.createRoot(document.getElementById("root")).render(S.jsx(pu.StrictMode,{children:S.jsx(eC,{})})); + `),()=>{document.head.removeChild(c)}},[t]),S.jsx(WP,{isPresent:t,childRef:r,sizeRef:i,children:b.cloneElement(e,{ref:r})})}const za=({children:e,initial:t,isPresent:n,onExitComplete:r,custom:i,presenceAffectsLayout:o,mode:s})=>{const a=Gv(YP),l=b.useId(),u=b.useMemo(()=>({id:l,initial:t,isPresent:n,custom:i,onExitComplete:c=>{a.set(c,!0);for(const f of a.values())if(!f)return;r&&r()},register:c=>(a.set(c,!1),()=>a.delete(c))}),o?[Math.random()]:[n]);return b.useMemo(()=>{a.forEach((c,f)=>a.set(f,!1))},[n]),b.useEffect(()=>{!n&&!a.size&&r&&r()},[n]),s==="popLayout"&&(e=S.jsx(HP,{isPresent:n,children:e})),S.jsx($s.Provider,{value:u,children:e})};function YP(){return new Map}function KP(e){return b.useEffect(()=>()=>e(),[])}const kn=e=>e.key||"";function GP(e,t){e.forEach(n=>{const r=kn(n);t.set(r,n)})}function QP(e){const t=[];return b.Children.forEach(e,n=>{b.isValidElement(n)&&t.push(n)}),t}const r0=({children:e,custom:t,initial:n=!0,onExitComplete:r,exitBeforeEnter:i,presenceAffectsLayout:o=!0,mode:s="sync"})=>{const a=b.useContext(Cc).forceRender||$P()[0],l=n0(),u=QP(e);let c=u;const f=b.useRef(new Map).current,d=b.useRef(c),v=b.useRef(new Map).current,g=b.useRef(!0);if(xc(()=>{g.current=!1,GP(u,v),d.current=c}),KP(()=>{g.current=!0,v.clear(),f.clear()}),g.current)return S.jsx(S.Fragment,{children:c.map(p=>S.jsx(za,{isPresent:!0,initial:n?void 0:!1,presenceAffectsLayout:o,mode:s,children:p},kn(p)))});c=[...c];const y=d.current.map(kn),k=u.map(kn),m=y.length;for(let p=0;p{if(k.indexOf(h)!==-1)return;const x=v.get(h);if(!x)return;const w=y.indexOf(h);let E=p;if(!E){const A=()=>{f.delete(h);const C=Array.from(v.keys()).filter(D=>!k.includes(D));if(C.forEach(D=>v.delete(D)),d.current=u.filter(D=>{const _=kn(D);return _===h||C.includes(_)}),!f.size){if(l.current===!1)return;a(),r&&r()}};E=S.jsx(za,{isPresent:!1,onExitComplete:A,custom:t,presenceAffectsLayout:o,mode:s,children:x},kn(x)),f.set(h,E)}c.splice(w,0,E)}),c=c.map(p=>{const h=p.key;return f.has(h)?p:S.jsx(za,{isPresent:!0,presenceAffectsLayout:o,mode:s,children:p},kn(p))}),S.jsx(S.Fragment,{children:f.size?c:c.map(p=>b.cloneElement(p))})},XP=({cards:e,indexCard:t})=>{const[n,r]=b.useState(t),[i,o]=b.useState(!0);b.useEffect(()=>(t!=n&&s(),()=>{}),[t]);const s=a=>{o(!1),setTimeout(()=>{r(l=>t),o(!0)},250)};return S.jsx("div",{children:S.jsx(r0,{mode:"wait",children:i&&S.jsx(t0.div,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:{duration:.25},children:S.jsx("div",{className:"text-center text-2xl md:text-3xl px-16 py-16 md:px-24 md:py-20 border rounded-xl border-slate-500",children:e[n].label})},n)})})},ZP=({couples:e,indexCouple:t,onFaceSelect:n})=>{const[r,i]=b.useState(t),[o,s]=b.useState(!0);b.useEffect(()=>(t!=r&&setTimeout(()=>{a()},125),()=>{}),[t]);const a=u=>{s(!1),setTimeout(()=>{i(c=>t),s(!0)},125)},l=(u,c)=>{n(u,c)};return S.jsx("div",{children:S.jsx(r0,{mode:"wait",children:o&&S.jsx(t0.div,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:{duration:.125},children:S.jsxs("div",{className:"flex flex-row gap-x-8 justify-center",children:[S.jsxs("div",{className:`relative group cursor-pointer text-center px-8 py-8 rounded-lg border ${e[r][0].selected?"border-green-500 bg-transparent":"border-slate-500 hover:border-slate-100 bg-transparent"}`,onClick:u=>l(r,0),children:[S.jsx("h3",{className:`pointer-events-none select-none text-xl ${e[r][0].selected?"text-green-500":"text-slate-400 group-hover:text-slate-100"}`,children:e[r][0].label}),e[r][0].selected&&S.jsx("div",{className:"absolute text-slate-800 right-0 top-0 bg-green-500 w-6 h-6 rounded-se-md rounded-es-lg",children:S.jsx(en,{icon:hs})})]}),S.jsxs("div",{className:`relative group cursor-pointer text-center px-8 py-8 rounded-lg border ${e[r][1].selected?"border-green-500 bg-transparent":"border-slate-500 hover:border-slate-100 bg-transparent"}`,onClick:u=>l(r,1),children:[S.jsx("h3",{className:`pointer-events-none select-none text-xl ${e[r][1].selected?"text-green-500":"text-slate-400 group-hover:text-slate-100"}`,children:e[r][1].label}),e[r][1].selected&&S.jsx("div",{className:"absolute text-slate-800 right-0 top-0 bg-green-500 w-6 h-6 rounded-se-md rounded-es-lg",children:S.jsx(en,{icon:hs})})]})]})},r)})})};function Ba(){return S.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",className:"w-6 h-6 inline-block",children:S.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M17.25 8.25 21 12m0 0-3.75 3.75M21 12H3"})})}const si=N1();si.groups.map((e,t)=>{let n=e.map((r,i)=>({id:(t+1)*10+i,label:r,rel:si.cards.findIndex(a=>a.includes(r)),selected:!1,content:"",group:t+1}));return{id:t+1,cards:n,validated:!1}});const qP=()=>{let e=si.cards.map((r,i)=>({id:i,label:r.split(" | ")[0],rel:i,choice:void 0,selected:!1,sorted:!1,sortedValue:0})),t=si.cards.map((r,i)=>({id:i+si.cards.length,label:r.split(" | ")[1],rel:i,choice:void 0,selected:!1,sorted:!1,sortedValue:0}));return JP(e.concat(t))},JP=e=>{for(let t=e.length-1;t>=0;t--){const n=Math.floor(Math.random()*(t+1));e.push(e[n]),e.splice(n,1)}return e},eC=()=>{const[e,t]=b.useState(1),[n,r]=b.useState(0),[i,o]=b.useState(0),[s,a]=b.useState(qP),[l,u]=b.useState(0),[c,f]=b.useState([]),[d,v]=b.useState([]),[g,y]=b.useState([]),[k,m]=b.useState([]),[p,h]=b.useState(6),[x,w]=b.useState(!1),E=()=>{if(o(N=>N+1),i>=s.length-1)if(c.length>0)t(2);else{r(I=>I+1),v(I=>s.filter(L=>L.choice===oe.YES)),y(I=>s.filter(L=>L.choice===oe.NO));let N=s.filter(I=>I.choice===oe.TORN),F=Math.min(N.length,6);h(I=>F),m(I=>N),F>=2?t(3):(r(I=>I+1),t(4))}},A=()=>{let N=[...s];N[i]={...s[i],choice:oe.YES};const F=ce(N);f(I=>F),a(I=>N),E()},C=()=>{let N=[...s];N[i]={...s[i],choice:oe.NO},a(F=>N),E()},D=()=>{let N=[...s];N[i]={...s[i],choice:oe.NOT_APPLY},a(F=>N),E()},_=()=>{},ce=N=>{let F=Object.values(N.reduce((I,P)=>(P.choice==oe.YES&&(I[P.rel]===void 0&&(I[P.rel]=[]),I[P.rel].push({...P})),I),{}));return F=F.reduce((I,P)=>(P.length==2&&I.push(P),I),[]),F},lt=(N,F)=>{let I=[...c];if(I[N][F].selected=!0,I[N][F].choice=oe.TORN,F==0&&(I[N][1].selected=!1,I[N][1].choice=oe.NOT_APPLY),F==1&&(I[N][0].selected=!1,I[N][0].choice=oe.NOT_APPLY),f(P=>I),lP+1);else{let P=[...s];I.map($=>{$.map(V=>{let Q=P.find(B=>B.id==V.id);Q.choice=V.choice})}),a($=>P),v($=>P.filter(Q=>Q.choice===oe.YES)),y($=>P.filter(Q=>Q.choice===oe.NO));let L=s.filter($=>$.choice===oe.TORN),z=Math.min(L.length,6);h($=>z),m($=>L),z>=2?t(3):(r($=>$+1),t(4))}},Je=(N,F)=>{let I=[...d],P=[...g],L=[...k];if(N===oe.YES){let V=I[F];if(V.sorted==!0){let Q=V.sortedValue;V.sorted=!1,V.sortedValue=0,I=I.map((B,Un)=>(B.sorted&&B.sortedValue>Q&&(B.sortedValue=B.sortedValue-1),B)),v(B=>I)}else{let Q=I.filter(B=>B.sorted===!0).length;QI))}}if(N===oe.NO){let V=P[F];if(V.sorted==!0){let Q=V.sortedValue;V.sorted=!1,V.sortedValue=0,P=P.map((B,Un)=>(B.sorted&&B.sortedValue>Q&&(B.sortedValue=B.sortedValue-1),B)),y(B=>P)}else{let Q=P.filter(B=>B.sorted===!0).length;QP))}}if(N===oe.TORN){let V=L[F];if(V.sorted==!0){let Q=V.sortedValue;V.sorted=!1,V.sortedValue=0,L=L.map((B,Un)=>(B.sorted&&B.sortedValue>Q&&(B.sortedValue=B.sortedValue-1),B)),m(B=>L)}else{let Q=L.filter(B=>B.sorted===!0).length;QL))}}let z=Math.min(I.length,p);z+=Math.min(P.length,p),z+=Math.min(L.length,p);let $=I.filter(V=>V.sorted===!0).length;$+=P.filter(V=>V.sorted===!0).length,$+=L.filter(V=>V.sorted===!0).length,w(V=>$==z)},mn=()=>{t(4)};return S.jsxs("div",{className:"relative w-full",children:[S.jsxs("div",{className:"mx-auto max-w-6xl px-14 py-14 md:py-28",children:[S.jsxs("div",{className:"flex flex-row md:flex-col items-center md:items-start mb-6",children:[S.jsx("a",{href:"https://nuancesdigitales.com/",target:"_blank",className:"inline-block",children:S.jsx("img",{className:"rounded-full max-w-14 md:max-w-44",src:"https://cdn.jsdelivr.net/gh/nuancesd/brand-arch@1.0.0/logo.png"})}),S.jsxs("h1",{className:"text-2xl md:text-5xl md:mt-6 ml-3 md:ml-0 font-light",children:["Determine your ",S.jsx("span",{className:"font-semibold",children:"Brand values"})]})]}),S.jsx("h2",{className:"text-base text-slate-400",children:"Brand values help define your company’s actions and messages and include the guiding principles that drive your brand’s culture, vision, and mission."}),S.jsxs("div",{className:"w-full",children:[e==1&&S.jsxs("div",{className:"max-w-xl mx-auto flex flex-col gap-y-8 mt-12",children:[S.jsxs("p",{children:[S.jsx("span",{className:"font-bold text-xl",children:"STEP 1 -"})," Please choose who you are [",S.jsx("span",{className:"text-red-500",children:"not"}),"]..."]}),S.jsx(XP,{cards:s,indexCard:i}),S.jsxs("div",{children:[S.jsx(Nw,{choice:s[i].choice,onYes:A,onNo:C,onNotApply:D,onTorn:_}),S.jsxs("p",{className:"text-center mt-4 text-slate-400",children:["card ",i+1," / ",s.length]})]})]}),e==2&&S.jsxs("div",{className:"max-w-xl mx-auto flex flex-col gap-y-8 mt-12",children:[S.jsxs("p",{children:[S.jsx("span",{className:"font-bold text-xl",children:"STEP 2 -"})," Please choose one of both"]}),S.jsx(ZP,{couples:c,indexCouple:l,onFaceSelect:lt}),S.jsxs("p",{className:"text-center mt-4 text-slate-500",children:["cards ",l+1," / ",c.length]})]}),e==3&&S.jsxs("div",{className:"mx-auto flex flex-col gap-y-12 mt-12 mb-12",children:[S.jsxs("p",{children:[S.jsxs("span",{className:"font-bold text-xl",children:["STEP ",3-n," -"]})," Please order values between 1 (high) and ",p," (low)"]}),S.jsxs("div",{children:[S.jsxs("h3",{className:"m-0 pb-2 text-2xl text-left font-bold flex flex-col sm:flex-row",children:[S.jsxs("span",{className:"text-green-500 shrink-0 block sm:inline-block pr-[0.5rem] text-[2.25em] sm:text-[1em] mb-4 sm:mb-0",children:[S.jsx(en,{icon:hs})," ",S.jsx(Ba,{})]}),S.jsx("span",{className:"block sm:inline-block",children:"You are."})]}),S.jsx("p",{className:"sm:pl-16 pb-6 text-sm text-slate-500",children:"The cards in this pile describe how you want to be perceived by others. They do not necessarily need to describe who you are today, but rather who you imagine becoming."}),S.jsx("div",{className:"grid md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-2 sm:pl-16 auto-rows-fr",children:d.map((N,F)=>S.jsxs("div",{className:`relative group cursor-pointer text-center px-8 py-8 rounded-lg border ${N.sorted?"border-green-500 bg-transparent":"border-slate-500 hover:border-slate-100 bg-transparent"}`,onClick:I=>Je(oe.YES,F),children:[S.jsx("h3",{className:`pointer-events-none select-none text-xl ${N.sorted?"text-green-500":"text-slate-400 group-hover:text-slate-100"}`,children:N.label}),N.sorted&&S.jsx("div",{className:"absolute text-slate-800 right-0 top-0 bg-green-500 w-6 h-6 rounded-se-md rounded-es-lg font-bold",children:N.sortedValue})]},F))})]}),S.jsxs("div",{children:[S.jsxs("h3",{className:"m-0 pb-2 text-2xl text-left font-bold flex flex-col sm:flex-row",children:[S.jsxs("span",{className:"text-purple-500 shrink-0 block sm:inline-block pr-[0.5rem] text-[2.25em] sm:text-[1em] mb-4 sm:mb-0",children:[S.jsx(en,{icon:Aw})," ",S.jsx(Ba,{})]}),S.jsx("span",{className:"block sm:inline-block",children:"You are torn."})]}),S.jsx("p",{className:"sm:pl-16 pb-6 text-sm text-slate-500",children:"The cards in this pile describe how you do not want to be perceived by others. They do not necessarily need to describe what you're not today but rather how you may not want to be perceived tomorrow."}),S.jsx("div",{className:"grid md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-2 sm:pl-16 auto-rows-fr",children:k.map((N,F)=>S.jsxs("div",{className:`relative group cursor-pointer text-center px-8 py-8 rounded-lg border ${N.sorted?"border-purple-500 bg-transparent":"border-slate-500 hover:border-slate-100 bg-transparent"}`,onClick:I=>Je(oe.TORN,F),children:[S.jsx("h3",{className:`pointer-events-none select-none text-xl ${N.sorted?"text-purple-500":"text-slate-400 group-hover:text-slate-100"}`,children:N.label}),N.sorted&&S.jsx("div",{className:"absolute text-slate-800 right-0 top-0 bg-purple-500 w-6 h-6 rounded-se-md rounded-es-lg font-bold",children:N.sortedValue})]},F))})]}),S.jsxs("div",{children:[S.jsxs("h3",{className:"m-0 pb-2 text-2xl text-left font-bold flex flex-col sm:flex-row",children:[S.jsxs("span",{className:"text-red-500 shrink-0 block sm:inline-block pr-[0.5rem] text-[2.25em] sm:text-[1em] mb-4 sm:mb-0",children:[S.jsx(en,{icon:Ov})," ",S.jsx(Ba,{})]}),S.jsx("span",{className:"block sm:inline-block",children:"You are not."})]}),S.jsx("p",{className:"sm:pl-16 pb-6 text-sm text-slate-500",children:"The cards in this pile describe how you do not want to be perceived by others. They do not necessarily need to describe what you're not today but rather how you may not want to be perceived tomorrow."}),S.jsx("div",{className:"grid md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-2 sm:pl-16 auto-rows-fr",children:g.map((N,F)=>S.jsxs("div",{className:`relative group cursor-pointer text-center px-8 py-8 rounded-lg border ${N.sorted?"border-red-500 bg-transparent":"border-slate-500 hover:border-slate-100 bg-transparent"}`,onClick:I=>Je(oe.NO,F),children:[S.jsx("h3",{className:`pointer-events-none select-none text-xl ${N.sorted?"text-red-500":"text-slate-400 group-hover:text-slate-100"}`,children:N.label}),N.sorted&&S.jsx("div",{className:"absolute text-slate-800 right-0 top-0 bg-red-500 w-6 h-6 rounded-se-md rounded-es-lg font-bold",children:N.sortedValue})]},F))})]})]}),e==4&&S.jsxs("div",{className:"mx-auto flex flex-col gap-y-12 mt-12",children:[S.jsxs("p",{children:[S.jsxs("span",{className:"font-bold text-xl",children:["STEP ",4-n," -"]})," Results"]}),S.jsx("p",{className:"sm:pl-16 pb-6 text-sm text-slate-300",children:"We present values you cherish most, defining your brand's essence. These carefully selected attributes highlight your uniqueness, differentiating you from competitors who use common values. This focused approach creates a compelling identity, resonating deeply with your target audience and providing a competitive edge."}),S.jsx("div",{className:"grid md:grid-cols-2 xl:grid-cols-3 gap-3 sm:pl-16 auto-rows-fr",children:k.filter(N=>N.sorted===!0).sort((N,F)=>N.sortedValue-F.sortedValue).map((N,F)=>S.jsx("div",{className:"relative group cursor-pointer text-center px-8 py-8 rounded-lg border border-purple-500 bg-transparent",children:S.jsx("h3",{className:"pointer-events-none select-none text-xl text-purple-500",children:N.label})},F))})]})]})]}),e===3&&S.jsx("div",{className:"fixed bottom-0 left-0 right-0 bg-slate-950 border-t border-slate-800",children:S.jsxs("div",{className:"mx-auto max-w-6xl px-14 py-6 flex justify-between items-center",children:[S.jsx("div",{className:"text-md text-slate-400 mb-[3px]",children:""}),S.jsx("div",{className:"shrink-0 ml-6",children:S.jsx("button",{onClick:mn,disabled:!x,className:"bg-blue-500 disabled:bg-slate-800 font-bold py-1 px-4 rounded border-4 border-transparent hover:bg-blue-700 hover:duration-300",children:"Submit"})})]})})]})};Ua.createRoot(document.getElementById("root")).render(S.jsx(pu.StrictMode,{children:S.jsx(eC,{})}));