@supersoniks/concorde 5.1.2 → 5.1.3-immutable.1

package/docs/assets/index-x89XINSG.css

@@ -1 +0,0 @@
-*,: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: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor}: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]:where(:not([hidden=until-found])){display:none}.\!container{width:100%!important}.container{width:100%}@media (min-width: 640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width: 768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width: 1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width: 1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width: 1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.prose{color:var(--tw-prose-body);max-width:65ch}.prose :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1em;margin-bottom:1em}.prose :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-lead);font-size:1.25em;line-height:1.6;margin-top:1.2em;margin-bottom:1.2em}.prose :where(a):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-links);text-decoration:underline;font-weight:500}.prose :where(strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-bold);font-weight:600}.prose :where(a strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(blockquote strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(thead th strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal;padding-inline-start:1.625em;margin-top:1em;margin-bottom:1em}.prose :where(ol[type=A]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=A s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=I]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type=I s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type="1"]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal}.prose :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:disc;padding-inline-start:1.625em;margin-top:1em;margin-bottom:1em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{font-weight:400;color:var(--tw-prose-counters)}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-bullets)}.prose :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.25em}.prose :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){border-color:var(--tw-prose-hr);border-top-width:1px;margin-top:3em;margin-bottom:3em}.prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-style:italic;color:var(--tw-prose-quotes);border-inline-start-width:.25rem;border-inline-start-color:var(--tw-prose-quote-borders);quotes:"“""”""‘""’";margin-top:1.6em;margin-bottom:1.6em;padding-inline-start:1em}.prose :where(blockquote p:first-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:open-quote}.prose :where(blockquote p:last-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:close-quote}.prose :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:800;font-size:2.25em;margin-top:0;margin-bottom:1rem;line-height:.95;letter-spacing:-.045em}.prose :where(h1 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:900;color:inherit}.prose :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:800;font-size:1.5em;margin-top:2em;margin-bottom:1em;line-height:1.3333333;letter-spacing:-.03em;border-bottom:var(--sc-border-width) solid;padding-bottom:.15em}.prose :where(h2 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:800;color:inherit}.prose :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;font-size:1.25em;margin-top:1.6em;margin-bottom:.6em;line-height:1.6}.prose :where(h3 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}.prose :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:500;margin-top:1.5em;margin-bottom:.5em;line-height:1.5}.prose :where(h4 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}.prose :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){display:block;margin-top:2em;margin-bottom:2em}.prose :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-family:inherit;color:var(--tw-prose-kbd);box-shadow:0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%),0 3px rgb(var(--tw-prose-kbd-shadows) / 10%);font-size:.875em;border-radius:.3125rem;padding-top:.1875em;padding-inline-end:.375em;padding-bottom:.1875em;padding-inline-start:.375em}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--sc-base-content);font-weight:600;font-size:.875em;background-color:var(--sc-base-100);border-radius:calc(var(--sc-rounded) * .75);border-width:1px;border-color:var(--sc-base-200);padding:.15em .4em;font-family:var(--sc-font-family-monospace, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace)}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:none}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:none}.prose :where(a code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(h1 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.875em}.prose :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.9em}.prose :where(h4 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(blockquote code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(thead th code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--sc-base-content);background-color:var(--sc-base-100);overflow-x:auto;font-weight:400;font-size:.8125rem;line-height:1.6;margin-top:1.7142857em;margin-bottom:1.7142857em;border-radius:var(--sc-rounded);padding-top:.8571429em;padding-inline-end:1.1428571em;padding-bottom:.8571429em;padding-inline-start:1.1428571em;border-width:1px;border-style:solid;border-color:var(--sc-base-200);padding:1rem 1.25rem;font-family:var(--sc-font-family-monospace, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace)}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)){background-color:transparent;border-width:0;border-radius:0;padding:0;font-weight:400;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:none}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:none}.prose :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){width:100%;table-layout:auto;margin-top:2em;margin-bottom:2em;font-size:.875em;line-height:1.7142857}.prose :where(thead):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-th-borders)}.prose :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;vertical-align:bottom;padding-inline-end:.5714286em;padding-bottom:.5714286em;padding-inline-start:.5714286em}.prose :where(tbody tr):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-td-borders)}.prose :where(tbody tr:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:0}.prose :where(tbody td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:baseline}.prose :where(tfoot):not(:where([class~=not-prose],[class~=not-prose] *)){border-top-width:1px;border-top-color:var(--tw-prose-th-borders)}.prose :where(tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:top}.prose :where(th,td):not(:where([class~=not-prose],[class~=not-prose] *)){text-align:start}.prose :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-captions);font-size:.875em;line-height:1.4285714;margin-top:.8571429em}.prose{--tw-prose-body: var(--sc-base-content);--tw-prose-headings: var(--sc-base-900);--tw-prose-lead: var(--sc-base-content);--tw-prose-links: var(--sc-base-900);--tw-prose-bold: var(--sc-base-content);--tw-prose-counters: var(--sc-base-500);--tw-prose-bullets: var(--sc-base-300);--tw-prose-hr: var(--sc-base-200);--tw-prose-quotes: var(--sc-base-content);--tw-prose-quote-borders: var(--sc-base-200);--tw-prose-captions: var(--sc-base-500);--tw-prose-kbd: #111827;--tw-prose-kbd-shadows: 17 24 39;--tw-prose-code: var(--sc-base-content);--tw-prose-pre-code: var(--sc-base-content);--tw-prose-pre-bg: var(--sc-base-100);--tw-prose-th-borders: var(--sc-base-300);--tw-prose-td-borders: var(--sc-base-200);--tw-prose-invert-body: var(--sc-base-300);--tw-prose-invert-headings: var(--sc-base);--tw-prose-invert-lead: var(--sc-base-400);--tw-prose-invert-links: var(--sc-base);--tw-prose-invert-bold: var(--sc-base);--tw-prose-invert-counters: var(--sc-base-400);--tw-prose-invert-bullets: var(--sc-base-600);--tw-prose-invert-hr: var(--sc-base-700);--tw-prose-invert-quotes: var(--sc-base-100);--tw-prose-invert-quote-borders: var(--sc-base-700);--tw-prose-invert-captions: var(--sc-base-400);--tw-prose-invert-kbd: #fff;--tw-prose-invert-kbd-shadows: 255 255 255;--tw-prose-invert-code: var(--sc-base);--tw-prose-invert-pre-code: var(--sc-base-300);--tw-prose-invert-pre-bg: var(--sc-base-900);--tw-prose-invert-th-borders: var(--sc-base-600);--tw-prose-invert-td-borders: var(--sc-base-700);font-size:1rem;line-height:1.75}.prose :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;margin-bottom:.5em;list-style-type:disc}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.prose :where(.prose>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(.prose>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(.prose>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;padding-inline-start:1.625em}.prose :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding-top:.5714286em;padding-inline-end:.5714286em;padding-bottom:.5714286em;padding-inline-start:.5714286em}.prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(.prose>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(.prose>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.prose{line-height:1.5}.prose :where(strong a):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:bolder}.prose :where(iframe[src*=youtu]):not(:where([class~=not-prose],[class~=not-prose] *)){border-radius:var(--sc-rounded-md)}.prose :where(h5):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500}.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.-top-1{top:-.25rem}.bottom-1{bottom:.25rem}.bottom-2{bottom:.5rem}.left-0{left:0}.right-1{right:.25rem}.right-2{right:.5rem}.top-0{top:0}.top-16{top:4rem}.top-\[4\.2rem\]{top:4.2rem}.z-10{z-index:10}.z-20{z-index:20}.z-40{z-index:40}.z-\[3000\]{z-index:3000}.col-span-2{grid-column:span 2 / span 2}.col-span-3{grid-column:span 3 / span 3}.m-0{margin:0}.-mx-2{margin-left:-.5rem;margin-right:-.5rem}.mx-auto{margin-left:auto;margin-right:auto}.my-1{margin-top:.25rem;margin-bottom:.25rem}.my-4{margin-top:1rem;margin-bottom:1rem}.mb-0{margin-bottom:0}.mb-12{margin-bottom:3rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-5{margin-left:1.25rem}.ml-auto{margin-left:auto}.mr-2{margin-right:.5rem}.mt-0{margin-top:0}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.size-8{width:2rem;height:2rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-24{height:6rem}.h-3{height:.75rem}.h-4{height:1rem}.h-96{height:24rem}.h-full{height:100%}.max-h-40{max-height:10rem}.max-h-48{max-height:12rem}.max-h-80{max-height:20rem}.max-h-\[60svh\]{max-height:60svh}.max-h-\[calc\(100svh_-_4\.2rem\)\]{max-height:calc(100svh - 4.2rem)}.min-h-\[100svh\]{min-height:100svh}.min-h-\[5rem\]{min-height:5rem}.w-1\/2{width:50%}.w-1\/3{width:33.333333%}.w-12{width:3rem}.w-16{width:4rem}.w-24{width:6rem}.w-\[30rem\]{width:30rem}.w-full{width:100%}.min-w-0{min-width:0px}.min-w-\[8rem\]{min-width:8rem}.max-w-2xl{max-width:42rem}.max-w-\[30rem\]{max-width:30rem}.max-w-\[34rem\]{max-width:34rem}.max-w-\[calc\(100vw-2rem\)\]{max-width:calc(100vw - 2rem)}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-none{max-width:none}.max-w-prose{max-width:70ch}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.flex-shrink,.shrink{flex-shrink:1}.flex-grow,.grow{flex-grow:1}.-translate-y-1\/2{--tw-translate-y: -50%;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))}.translate-x-1\/2{--tw-translate-x: 50%;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))}.translate-y-1\/2{--tw-translate-y: 50%;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))}.rotate-\[55deg\]{--tw-rotate: 55deg;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))}.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))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.resize{resize:both}.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))}.grid-cols-\[3\.5rem_4\.5rem_1fr_3rem\]{grid-template-columns:3.5rem 4.5rem 1fr 3rem}.grid-cols-\[3\.5rem_4\.5rem_1fr_3rem_auto\]{grid-template-columns:3.5rem 4.5rem 1fr 3rem auto}.grid-cols-\[3\.5rem_4\.5rem_1fr_auto\]{grid-template-columns:3.5rem 4.5rem 1fr auto}.grid-cols-\[auto_1fr\]{grid-template-columns:auto 1fr}.grid-cols-\[auto_1fr_auto\]{grid-template-columns:auto 1fr auto}.grid-cols-\[minmax\(0\,1fr\)\]{grid-template-columns:minmax(0,1fr)}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-end{align-items:flex-end}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-x-1{-moz-column-gap:.25rem;column-gap:.25rem}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.gap-x-8{-moz-column-gap:2rem;column-gap:2rem}.gap-y-1{row-gap:.25rem}.gap-y-3{row-gap:.75rem}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.self-center{align-self:center}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.break-all{word-break:break-all}.rounded{border-radius:var(--sc-rounded)}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:var(--sc-rounded-lg)}.rounded-md{border-radius:var(--sc-rounded-md)}.border{border-width:var(--sc-border-width)}.border-0{border-width:0px}.border-b{border-bottom-width:var(--sc-border-width)}.border-b-\[\.18rem\]{border-bottom-width:.18rem}.border-dashed{border-style:dashed}.border-dotted{border-style:dotted}.border-current{border-color:currentColor}.border-neutral-200{border-color:var(--sc-base-200)}.border-neutral-300{border-color:var(--sc-base-300)}.bg-base{background-color:var(--sc-base)}.bg-info{background-color:var(--sc-info)}.bg-neutral-0{background-color:var(--sc-base)}.bg-neutral-100{background-color:var(--sc-base-100)}.bg-neutral-50{background-color:var(--sc-base-50)}.bg-success{background-color:var(--sc-success)}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-16{padding-bottom:4rem}.pl-3{padding-left:.75rem}.pl-5{padding-left:1.25rem}.pt-3{padding-top:.75rem}.pt-\[20vh\]{padding-top:20vh}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-headings{font-family:var(--sc-headings-font-family, var(--sc-font-family-base, sans-serif))}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-sm{font-size:.875rem}.text-xl{font-size:1.25rem}.text-xs{font-size:.75rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-\[1\.5\]{line-height:1.5}.leading-none{line-height:1}.leading-tight{line-height:1.25}.text-base{color:var(--sc-base)}.text-content{color:var(--sc-base-content)}.text-danger{color:var(--sc-danger)}.text-neutral-0{color:var(--sc-base)}.text-neutral-400{color:var(--sc-base-400)}.text-neutral-500{color:var(--sc-base-500)}.text-neutral-600{color:var(--sc-base-600)}.text-neutral-700{color:var(--sc-base-700)}.text-warning{color:var(--sc-warning)}.underline{text-decoration-line:underline}.line-through{text-decoration-line:line-through}.underline-offset-4{text-underline-offset:4px}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow{--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06));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)}.drop-shadow-lg{--tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / .04)) drop-shadow(0 4px 3px rgb(0 0 0 / .1));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)}.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)}.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,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}p{text-wrap:pretty}.custom-scroll{overflow:auto!important}.custom-scroll:hover::-webkit-scrollbar-thumb{box-shadow:inset 0 0 2rem 2rem var(--sc-base-900)}.custom-scroll::-webkit-scrollbar{width:.5rem;height:.5rem;border:solid .15rem transparent;border-radius:var(--sc-rounded);background:transparent}.custom-scroll::-webkit-scrollbar-thumb{opacity:0;-webkit-transition:box-shadow .2s;transition:box-shadow .2s;border:solid .15rem transparent}:root{--sc-headings-font-family: "Schibsted Grotesk", system-ui, sans-serif;--sc-font-family-base: "Schibsted Grotesk", system-ui, sans-serif;--sc-headings-font-weight: 800;--sc-rounded: 0;--sc-border-width: 2px;--docs-signal: #ff6b1f;--docs-signal-ink: #1b1a17;--docs-green: #2f6b4f;--docs-green-deep: #24503c;--docs-green-ink: #1f4a36;--docs-red: #d42a2f;--docs-night: #1b1a17;--docs-night-ink: #ece6da}sonic-theme{--sc-rounded: 0;--sc-btn-rounded: 0;--sc-input-rounded: 0}[data-concorde-theme=light]{--sc-base: #e6e0d4;--sc-base-content: #1b1a17;--sc-primary: #1b1a17;--sc-primary-content: #e6e0d4;--sc-base-50: #ddd6c8;--sc-base-100: #d3cbbb;--sc-base-200: #bdb4a2;--sc-base-300: #a59c8a;--sc-base-400: #877f6f;--sc-base-500: #6c6558;--sc-base-600: #524c42;--sc-base-700: #39352e;--sc-base-800: #26231f;--sc-base-900: #1b1a17;--sc-info: #1f5fd1;--sc-info-content: #ffffff;--sc-success: #2f6b4f;--sc-success-content: #ffffff;--sc-warning: #ff6b1f;--sc-warning-content: #1b1a17;--sc-danger: #d42a2f;--sc-danger-content: #ffffff}[data-concorde-theme=dark]{--sc-base: #161513;--sc-base-content: #ece6da;--sc-primary: #ece6da;--sc-primary-content: #161513;--sc-base-50: #1e1d1a;--sc-base-100: #272522;--sc-base-200: #38352f;--sc-base-300: #4b4740;--sc-base-400: #69645a;--sc-base-500: #857f74;--sc-base-600: #a8a196;--sc-base-700: #c7c0b4;--sc-base-800: #ddd6ca;--sc-base-900: #ece6da;--sc-info: #5b8ff0;--sc-info-content: #161513;--sc-success: #4f9b74;--sc-success-content: #161513;--sc-warning: #ff7a33;--sc-warning-content: #161513;--sc-danger: #ef4a4f;--sc-danger-content: #161513;--docs-signal: #ff7a33;--docs-green: #4f9b74;--docs-green-deep: #1f3f31;--docs-green-ink: #79c39b;--docs-red: #ef4a4f;--docs-night: #0b0a09}[data-concorde-theme=light],[data-concorde-theme=dark]{--sc-input-bg: var(--sc-base-100);--sc-input-border-color: var(--sc-base-100)}html{font-family:var(--sc-font-family-base, sans-serif);scroll-behavior:smooth}body{background:var(--sc-base);color:var(--sc-base-content)}.prose :where(code):not(:where(pre *)){box-decoration-break:clone;white-space:nowrap;display:inline-block;padding:0 .25rem;font-size:.75em;border:none;margin-inline:2px;font-weight:400!important;background-color:var(--sc-base-50);-webkit-box-decoration-break:clone}docs-markdown-renderer :is(h1,h2,h3,h4)[id]{scroll-margin-top:5.5rem}docs-page.prose :where(img){max-width:100%}@media (max-width: 639px){docs-page sonic-code>div{overflow-x:auto}docs-page.prose :where(table){display:block;overflow-x:auto}}.bp-route{position:relative;height:2rem;border-bottom:2px dashed currentColor;opacity:.8}.bp-fly{position:absolute;top:calc(100% + 1px);transform:translateY(-50%);left:0;animation:bp-fly 3.2s cubic-bezier(.45,0,.25,1) infinite}@keyframes bp-fly{0%{left:0;translate:0 0;opacity:0}10%{opacity:1}30%{translate:0 -1rem}70%{translate:0 -1rem}90%{opacity:1;translate:0 0}to{left:calc(100% - 1.5rem);translate:0 0;opacity:0}}.bp-pop{animation:bp-pop .45s cubic-bezier(.3,1.6,.5,1)}@keyframes bp-pop{0%{transform:scale(.85);opacity:0}}.bp-barcode{background-color:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='1'%3E%3Crect width='2' height='1'/%3E%3Crect x='4' width='1' height='1'/%3E%3C/svg%3E") repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='1'%3E%3Crect width='2' height='1'/%3E%3Crect x='4' width='1' height='1'/%3E%3C/svg%3E") repeat;-webkit-mask-size:8px 100%;mask-size:8px 100%}docs-boarding-pass-demo sonic-card{background:var(--sc-_bg)}.docs-home{--page-margin: 1rem;--step-small: .875rem;--step-body: clamp(1.0625rem, 1rem + .25vw, 1.1875rem);--step-lead: clamp(1.25rem, 1.1rem + .7vw, 1.625rem);--step-head: clamp(2.25rem, 1.4rem + 3.2vw, 4.25rem);--step-display: clamp(2.5rem, 1.2rem + 5.4vw, 6.25rem);--section-gap: clamp(6rem, 3rem + 9vw, 13rem);--sc-rounded-lg: 0;margin-inline:calc(-1 * var(--page-margin));padding-inline:var(--page-margin);overflow-x:clip;font-family:var(--sc-font-family-base);font-size:var(--step-body);line-height:1.45;color:var(--sc-base-content)}@media (min-width: 640px){.docs-home{--page-margin: 1.5rem}}@media (min-width: 1024px){.docs-home{--page-margin: 2.5rem}}@media (min-width: 1536px){.docs-home{--page-margin: 5rem}}.section-title{margin:0;font-family:var(--sc-headings-font-family);font-size:var(--step-head);font-weight:800;line-height:.95;letter-spacing:-.045em}.text-link{font-weight:600;text-decoration:underline;text-underline-offset:.25em;text-decoration-thickness:2px}.signal-button{--sc-primary: var(--docs-signal);--sc-primary-content: var(--docs-signal-ink)}.hero{position:relative;padding-top:clamp(3rem,8vh,6.5rem)}.hero-title{margin:0;font-family:var(--sc-headings-font-family);font-size:var(--step-display);font-weight:800;line-height:.88;letter-spacing:-.05em}.hero-lead{max-width:40ch;margin:2.25rem 0 0;font-size:var(--step-body)}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.75rem;margin-top:2.25rem}.hero-install{max-width:34rem;margin-top:2rem}.hero-install-code{margin:0!important}.hero-stage{position:relative;height:clamp(24rem,110vw,34rem);margin:3.5rem calc(-1 * var(--page-margin)) 0;background:var(--docs-signal);--bevel-x: calc(var(--mach-cell, 1rem) * 8);--bevel-y: calc(var(--mach-cell, 1rem) * 4);clip-path:polygon(var(--bevel-x) 0,100% 0,100% 100%,0 100%,0 var(--bevel-y))}.hero-mach{position:absolute;inset:0;display:block;overflow:hidden;background:var(--docs-signal);color:var(--docs-signal-ink);touch-action:pan-y;cursor:crosshair}.mach-canvas{position:absolute;inset:0;width:100%;height:100%}.mach-readout{position:absolute;left:var(--page-margin);bottom:2.75rem;display:flex;align-items:baseline;gap:.75rem;margin:0;font-family:var(--sc-headings-font-family);font-weight:800;line-height:.8;letter-spacing:-.05em;font-variant-numeric:tabular-nums;pointer-events:none}.mach-label{font-size:var(--step-lead);letter-spacing:-.02em}.mach-value{position:relative;display:inline-grid;font-size:clamp(4.5rem,2rem + 12vw,11rem)}.mach-layer{grid-area:1 / 1}.mach-layer:first-child{position:relative;z-index:1}.mach-ghost-a,.mach-ghost-b{opacity:0}.mach-ghost-a{color:var(--docs-red)}.mach-ghost-b{color:var(--docs-signal-ink)}.mach-dot{margin-inline:-.12em}.mach-note{position:absolute;left:var(--page-margin);bottom:1rem;margin:0;font-size:var(--step-small);font-weight:600;pointer-events:none}@media (min-width: 1024px){.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:max(40rem,calc(100svh - var(--docs-header-h, 4.4rem)));padding-top:0}.hero-copy{align-self:center;padding:3rem 2.5rem 3rem 0}.hero-title{font-size:clamp(2.75rem,.4rem + 4.3vw,5.5rem)}.hero-install{max-width:30rem}.hero-stage{height:auto;margin:0 calc(-1 * var(--page-margin)) 0 0}.mach-readout,.mach-note{left:3rem}.mach-readout{bottom:3.75rem}.mach-note{bottom:2rem}.mach-value{font-size:clamp(6rem,1rem + 9vw,13rem)}}.manifesto{margin-inline:calc(-1 * var(--page-margin));padding:clamp(3rem,1.5rem + 4vw,6rem) var(--page-margin);background:var(--docs-night);color:var(--docs-night-ink)}.manifesto-text{max-width:64rem;margin:0;font-family:var(--sc-headings-font-family);font-size:clamp(1.2rem,.85rem + 1.75vw,2.25rem);font-weight:600;line-height:1.12;letter-spacing:-.02em;text-wrap:balance}.index{padding-top:var(--section-gap)}.index-head{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:1.5rem 2rem}.index-filters{display:flex;flex-wrap:wrap;gap:.25rem 1.5rem}.index-filter{font-weight:600}.index-filter[aria-pressed=false]{opacity:.55}.index-filter[aria-pressed=false] .index-filter-mark{opacity:0}.index-wall{margin:3rem 0 0;font-family:var(--sc-headings-font-family);font-size:clamp(1.5rem,.8rem + 2.4vw,3rem);font-weight:800;line-height:1.08;letter-spacing:-.03em}.wall-item{display:inline-block;margin-right:.85em;white-space:nowrap}.wall-name{transition:color .2s ease}.wall-name:hover,.wall-name.is-focus{color:var(--docs-red)}.index-caption{position:sticky;bottom:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem 1.25rem;margin-top:2.5rem;padding:1rem 0;background:var(--sc-base)}.index-caption-tag{color:var(--docs-green-ink);font-weight:600}.index-caption-all{margin-left:auto}.instruments{display:grid;grid-template-columns:minmax(0,1fr);margin:var(--section-gap) calc(-1 * var(--page-margin)) 0}.instr-title{padding:0 var(--page-margin) 2rem}.instr-field{display:grid;place-items:center;padding:2rem var(--page-margin);background:var(--docs-green-deep)}.instr-field{isolation:isolate}.instr-field:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--docs-night-ink);opacity:.16;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='128' height='128'%3E%3Cg fill='%23000'%3E%3Crect width='128' height='2'/%3E%3Crect width='2' height='128'/%3E%3Cg opacity='.45'%3E%3Crect y='32' width='128' height='1'/%3E%3Crect y='64' width='128' height='1'/%3E%3Crect y='96' width='128' height='1'/%3E%3Crect x='32' width='1' height='128'/%3E%3Crect x='64' width='1' height='128'/%3E%3Crect x='96' width='1' height='128'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") 0 0 / 7.5rem 7.5rem repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='128' height='128'%3E%3Cg fill='%23000'%3E%3Crect width='128' height='2'/%3E%3Crect width='2' height='128'/%3E%3Cg opacity='.45'%3E%3Crect y='32' width='128' height='1'/%3E%3Crect y='64' width='128' height='1'/%3E%3Crect y='96' width='128' height='1'/%3E%3Crect x='32' width='1' height='128'/%3E%3Crect x='64' width='1' height='128'/%3E%3Crect x='96' width='1' height='128'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") 0 0 / 7.5rem 7.5rem repeat;pointer-events:none}@media (max-width: 1023px){.instr-field{position:relative}}.instr-output{display:grid;gap:1.25rem;width:min(34rem,100%);padding:1.75rem;background:var(--sc-base);color:var(--sc-base-content);font-family:var(--sc-font-family-base);transition:background-color .35s ease,color .35s ease}.board-head{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}.board-title{font-family:var(--sc-headings-font-family);font-size:var(--step-lead);font-weight:800;letter-spacing:-.02em}.board-airport,.board-label,.board-note{font-size:var(--step-small)}.board-passenger{display:grid;gap:.15rem;padding:1rem 1.25rem;background:var(--sc-base-100)}.board-name{font-family:var(--sc-headings-font-family);font-size:var(--step-head);font-weight:800;line-height:1;letter-spacing:-.04em;overflow-wrap:anywhere}.board-table{font-variant-numeric:tabular-nums}.board-mine{background:var(--sc-base-50);font-weight:600}@media (max-width: 639px){.instr-output{padding:1.25rem}.board-name{font-size:var(--step-lead)}.board-table{font-size:var(--step-small)}.board-table sonic-tr>:first-child{display:none}}.board-table sonic-td,.board-table sonic-th{white-space:nowrap}.board-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1rem}.instr-blocks{padding:1rem var(--page-margin) 0}.instr-block{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;max-width:34rem;padding-block:2rem}.instr-block sonic-group{display:block;max-width:100%;overflow-x:auto}.instr-claim{margin:0;font-size:var(--step-lead);font-weight:800;letter-spacing:-.02em;line-height:1.1}.instr-text{margin:0}.instr-code{margin:0!important}.host-snippets{display:grid;grid-template-columns:minmax(0,1fr)}.host-snippet{grid-area:1 / 1;min-width:0;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility 0s .3s}.host-snippet.is-active{opacity:1;visibility:visible;transition:opacity .3s ease}@media (min-width: 1024px){.instruments{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.instr-field{position:sticky;top:var(--docs-header-h, 4.4rem);grid-column:1;grid-row:1 / span 2;height:calc(100svh - var(--docs-header-h, 4.4rem));align-self:start}.instr-title{grid-column:2;grid-row:1;padding:4.5rem var(--page-margin) 0 clamp(2rem,5vw,5rem)}.instr-blocks{grid-column:2;grid-row:2;padding:0 var(--page-margin) 4.5rem clamp(2rem,5vw,5rem)}.instr-block{padding-block:14vh}}.story{display:grid;gap:clamp(3rem,6vw,6rem);padding-top:var(--section-gap)}.story-figure{margin:0;margin-inline:calc(-1 * var(--page-margin))}.story img{display:block;width:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:50% 62%;object-position:50% 62%}.story-figure img{height:clamp(20rem,48vw,46rem)}.letter{display:grid;gap:2rem}.letter-body p{max-width:38rem;margin:0 0 1.1em;line-height:1.55}.letter-body .letter-sign{margin-top:1.75rem;font-size:var(--step-lead);font-weight:600}@media (min-width: 1024px){.letter{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:4rem}}.takeoff{display:grid;grid-template-columns:minmax(0,1fr)}.takeoff-copy{padding-top:var(--section-gap)}.takeoff-title{margin:0;font-family:var(--sc-headings-font-family);font-size:clamp(2.5rem,.5rem + 4.3vw,5.25rem);font-weight:800;line-height:.88;letter-spacing:-.05em}.takeoff-lead{max-width:34rem;margin:1.75rem 0 0}.takeoff-code{max-width:34rem;margin-top:1.25rem}.takeoff-command{margin:0!important}.takeoff-figure{margin:3rem calc(-1 * var(--page-margin)) 0;overflow:hidden;isolation:isolate;background:var(--sc-base)}.takeoff-figure video{display:block;width:100%;aspect-ratio:3 / 4;-o-object-fit:cover;object-fit:cover;transform:scale(1.18);filter:grayscale(1) brightness(1.45) contrast(1.5);mix-blend-mode:darken}[data-concorde-theme=dark] .takeoff-figure video{filter:none;mix-blend-mode:normal}@media (min-width: 1024px){.takeoff{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(2rem,5vw,5rem);align-items:start}.takeoff-figure{position:sticky;top:var(--docs-header-h, 4.4rem);margin:0 calc(-1 * var(--page-margin)) 0 0}}.home-footer{padding:var(--section-gap) 0 2rem;font-size:var(--step-small)}.footer-line{display:grid;gap:.5rem}.footer-links{display:flex;flex-wrap:wrap;gap:1.5rem;font-weight:600}.credits{max-width:72rem;margin:2rem 0 0}.credits a{text-decoration:underline;text-underline-offset:.2em}@media (min-width: 768px){.footer-line{grid-template-columns:1fr auto 1fr;align-items:baseline;gap:1.5rem}.footer-end{justify-self:end}}.hero-in{animation:hero-in .9s cubic-bezier(.2,.7,.2,1) both;animation-delay:var(--d, 0ms)}@keyframes hero-in{0%{opacity:0;transform:translateY(1.5rem)}}.hero-stage{animation:stage-in 1.1s cubic-bezier(.7,0,.2,1) .25s both}@keyframes stage-in{0%{transform:translate(12%);opacity:0}}[data-reveal]{opacity:0;transform:translateY(1.5rem);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:var(--d, 0ms)}[data-reveal].is-visible{opacity:1;transform:none}docs-mach-stage[data-boom] .mach-ghost-a{animation:mach-split-a .9s ease-out both}docs-mach-stage[data-boom] .mach-ghost-b{animation:mach-split-b .9s ease-out both}@keyframes mach-split-a{0%{opacity:1;transform:translate(-.1em)}25%{opacity:1;transform:translate(.07em)}50%{opacity:.9;transform:translate(-.05em)}75%{opacity:.6;transform:translate(.02em)}to{opacity:0;transform:none}}@keyframes mach-split-b{0%{opacity:.4;transform:translate(.09em)}25%{opacity:.4;transform:translate(-.06em)}50%{opacity:.3;transform:translate(.04em)}75%{opacity:.15;transform:translate(-.02em)}to{opacity:0;transform:none}}.settle{overflow:hidden}.settle img{transform:scale(1.08);transition:transform 1.8s cubic-bezier(.2,.7,.2,1)}.settle.is-visible img{transform:none}@media (prefers-reduced-motion: reduce){.hero-in,.hero-stage{animation:none!important}.host-snippet{transition:none}[data-reveal],.settle img{opacity:1;transform:none;transition:none}}.hover\:bg-neutral-50:hover{background-color:var(--sc-base-50)}.hover\:underline:hover{text-decoration-line:underline}.prose-h1\:text-\[2\.4em\] :is(:where(h1):not(:where([class~=not-prose],[class~=not-prose] *))){font-size:2.4em}.prose-code\:before\:content-none :is(:where(code):not(:where([class~=not-prose],[class~=not-prose] *))):before{--tw-content: none;content:var(--tw-content)}.prose-code\:after\:content-none :is(:where(code):not(:where([class~=not-prose],[class~=not-prose] *))):after{--tw-content: none;content:var(--tw-content)}.prose-pre\:font-mono :is(:where(pre):not(:where([class~=not-prose],[class~=not-prose] *))){font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.prose-li\:my-\[\.2em\] :is(:where(li):not(:where([class~=not-prose],[class~=not-prose] *))){margin-top:.2em;margin-bottom:.2em}@media (min-width: 640px){.sm\:col-span-1{grid-column:span 1 / span 1}.sm\:block{display:block}.sm\:size-\[2\.4rem\]{width:2.4rem;height:2.4rem}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:gap-4{gap:1rem}.sm\:gap-x-3{-moz-column-gap:.75rem;column-gap:.75rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:text-4xl{font-size:2.25rem}.sm\:text-5xl{font-size:3rem}.sm\:prose-h1\:text-\[3\.25em\] :is(:where(h1):not(:where([class~=not-prose],[class~=not-prose] *))){font-size:3.25em}}@media (min-width: 768px){.md\:block{display:block}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.lg\:block{display:block}.lg\:hidden{display:none}.lg\:w-\[19rem\]{width:19rem}.lg\:w-\[35rem\]{width:35rem}.lg\:max-w-\[35rem\]{max-width:35rem}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-\[14rem_minmax\(0\,1fr\)\]{grid-template-columns:14rem minmax(0,1fr)}.lg\:px-10{padding-left:2.5rem;padding-right:2.5rem}.lg\:leading-\[1\.5\]{line-height:1.5}}@media (min-width: 1280px){.xl\:mx-0{margin-left:0;margin-right:0}.xl\:block{display:block}.xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.xl\:grid-cols-\[15rem_minmax\(0\,1fr\)_13rem\]{grid-template-columns:15rem minmax(0,1fr) 13rem}.xl\:gap-12{gap:3rem}}@media (min-width: 1536px){.\32xl\:px-20{padding-left:5rem;padding-right:5rem}}.dark\:border-neutral-600:where(.dark,.dark *){border-color:var(--sc-base-600)}.dark\:border-neutral-700:where(.dark,.dark *){border-color:var(--sc-base-700)}.dark\:bg-neutral-300:where(.dark,.dark *){background-color:var(--sc-base-300)}.\[\&\[active\]\]\:text-success[active]{color:var(--sc-success)}[data-home] .\[\[data-home\]_\&\]\:hidden{display:none}

package/docs/core/components/functional/date/date.html

@@ -1,211 +0,0 @@
-<!DOCTYPE html>
-<html lang="en" data-doc-url="https://concorde.supersoniks.org/core/components/functional/date" data-doc-id="core/components/functional/date/date">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Date — Concorde by Supersoniks</title>
-  <meta name="description" content="sonic-date formats a date or a date range with Intl.DateTimeFormat. Pass a Unix timestamp in seconds (date) or a parsable string (date_string), add end_date for a range, and tune each part (weekday · ">
-  <meta name="keywords" content="Concorde, supersoniks, core/components/functional/date/date, date, Date, functional component, sonic-date, web component, Intl.DateTimeFormat, date_string, end_date, weekday, month, hour, now">
-  <meta name="concorde-doc-id" content="core/components/functional/date/date">
-  <link rel="canonical" href="https://concorde.supersoniks.org/core/components/functional/date">
-  <link rel="alternate" type="text/markdown" href="https://concorde.supersoniks.org/core/components/functional/date.md">
-</head>
-<body>
-  <header>
-    <p><a href="/docs/index.html">Concorde documentation</a> · <a href="https://concorde.supersoniks.org/core/components/functional/date">same URL (interactive)</a> · <a href="/llms.txt">llms.txt</a></p>
-  </header>
-  <main>
-    <article>
-      <p class="doc-lead" id="doc-summary"><strong>Concorde functional component — Date</strong>. sonic-date formats a date or a date range with Intl.DateTimeFormat. Pass a Unix timestamp in seconds (date) or a parsable string (date_string), add end_date for a range, and tune each part (weekday ·  <span>Doc ID: <code>core/components/functional/date/date</code>. Keywords: Concorde, supersoniks, core/components/functional/date/date, date, Date, functional component, sonic-date, web component, Intl.DateTimeFormat, date_string, end_date, weekday, month, hour, now. URL: <a href="https://concorde.supersoniks.org/core/components/functional/date">https://concorde.supersoniks.org/core/components/functional/date</a>.</span></p>
-      <h1 id="date">Date</h1>
-<p><strong><code>sonic-date</code></strong> formats a date or a date range with <code>Intl.DateTimeFormat</code>. Pass a Unix timestamp in seconds (<code>date</code>) or a parsable string (<code>date_string</code>), add <code>end_date</code> for a range, and tune each part (<code>weekday</code> · <code>month</code> · <code>hour</code> …) with attributes. With no date and no <code>now</code>, it renders nothing.</p>
-<h2 id="basic-example">Basic example</h2>
-<p><code>date</code> is in <strong>seconds</strong>, not milliseconds. <code>date_string</code> accepts anything <code>new Date()</code> parses: prefer ISO 8601 with an explicit offset. <code>now</code> shows the current date.</p>
-<pre><code class="language-en">&lt;div class=&quot;grid gap-2&quot;&gt;
-      &lt;div&gt;Departure: &lt;sonic-date date=&quot;1781514000&quot; language=&quot;en&quot;&gt;&lt;/sonic-date&gt;&lt;/div&gt;
-      &lt;div&gt;Arrival: &lt;sonic-date date_string=&quot;2026-06-15T12:45:00Z&quot; language=&quot;en&quot;&gt;&lt;/sonic-date&gt;&lt;/div&gt;
-      &lt;div&gt;Now: &lt;sonic-date now language=&quot;en&quot;&gt;&lt;/sonic-date&gt;&lt;/div&gt;
-    &lt;/div&gt;
-</code></pre>
-<h2 id="date-range">Date range</h2>
-<p>Set <code>start_date</code> and <code>end_date</code> (or their <code>_string</code> variants). On two different days, only the dates are shown, with the &quot;from … to …&quot; wording. On the same day, the hours are kept. <code>hide_hours</code> drops them anyway.</p>
-<p>Without a start, the range starts now. If the end is before the start, the two are swapped.</p>
-<pre><code class="language-en">&lt;div class=&quot;grid gap-2&quot;&gt;
-      &lt;sonic-date start_date_string=&quot;2026-06-15T09:00:00Z&quot; end_date_string=&quot;2026-06-22T18:00:00Z&quot; language=&quot;en&quot; wording_billet_periode_validite=&quot;From %s to %s&quot;&gt;&lt;/sonic-date&gt;
-      &lt;sonic-date start_date_string=&quot;2026-06-15T09:00:00Z&quot; end_date_string=&quot;2026-06-15T12:45:00Z&quot; language=&quot;en&quot;&gt;&lt;/sonic-date&gt;
-      &lt;sonic-date start_date_string=&quot;2026-06-15T09:00:00Z&quot; end_date_string=&quot;2026-06-15T12:45:00Z&quot; language=&quot;en&quot; hide_hours&gt;&lt;/sonic-date&gt;
-    &lt;/div&gt;
-</code></pre>
-<h2 id="range-wording">Range wording</h2>
-<p><code>wording_billet_periode_validite</code> holds the range wording, with one <code>%s</code> per date. It defaults to the French <code>Du %s au %s</code>, whatever the language: <strong>set it for every non-French page</strong>.</p>
-<pre><code class="language-en">&lt;sonic-date start_date_string=&quot;2026-06-15&quot; end_date_string=&quot;2026-06-22&quot; language=&quot;en&quot; wording_billet_periode_validite=&quot;Valid from %s until %s&quot;&gt;&lt;/sonic-date&gt;
-</code></pre>
-<h2 id="format-options">Format options</h2>
-<p>Defaults: <code>weekday=&quot;short&quot;</code> · <code>day=&quot;2-digit&quot;</code> · <code>month=&quot;short&quot;</code> · <code>year=&quot;numeric&quot;</code> · <code>hour=&quot;2-digit&quot;</code> · <code>minute=&quot;2-digit&quot;</code>, 24-hour clock, no era. <code>hidden</code> removes a part.</p>
-<pre><code class="language-en">&lt;div class=&quot;grid grid-cols-[auto_1fr] gap-x-4 gap-y-1 text-sm&quot;&gt;
-      &lt;code&gt;default&lt;/code&gt;&lt;sonic-date date_string=&quot;2026-06-15T09:00:00Z&quot; time_zone=&quot;Europe/Paris&quot; language=&quot;en&quot;&gt;&lt;/sonic-date&gt;
-      &lt;code&gt;weekday=&quot;long&quot;&lt;/code&gt;&lt;sonic-date weekday=&quot;long&quot; date_string=&quot;2026-06-15T09:00:00Z&quot; time_zone=&quot;Europe/Paris&quot; language=&quot;en&quot;&gt;&lt;/sonic-date&gt;
-      &lt;code&gt;weekday=&quot;narrow&quot;&lt;/code&gt;&lt;sonic-date weekday=&quot;narrow&quot; date_string=&quot;2026-06-15T09:00:00Z&quot; time_zone=&quot;Europe/Paris&quot; language=&quot;en&quot;&gt;&lt;/sonic-date&gt;
-      &lt;code&gt;weekday=&quot;hidden&quot;&lt;/code&gt;&lt;sonic-date weekday=&quot;hidden&quot; date_string=&quot;2026-06-15T09:00:00Z&quot; time_zone=&quot;Europe/Paris&quot; language=&quot;en&quot;&gt;&lt;/sonic-date&gt;
-      &lt;code&gt;day=&quot;numeric&quot;&lt;/code&gt;&lt;sonic-date day=&quot;numeric&quot; date_string=&quot;2026-06-05T09:00:00Z&quot; time_zone=&quot;Europe/Paris&quot; language=&quot;en&quot;&gt;&lt;/sonic-date&gt;
-      &lt;code&gt;month=&quot;long&quot;&lt;/code&gt;&lt;sonic-date month=&quot;long&quot; date_string=&quot;2026-06-15T09:00:00Z&quot; time_zone=&quot;Europe/Paris&quot; language=&quot;en&quot;&gt;&lt;/sonic-date&gt;
-      &lt;code&gt;month=&quot;narrow&quot;&lt;/code&gt;&lt;sonic-date month=&quot;narrow&quot; date_string=&quot;2026-06-15T09:00:00Z&quot; time_zone=&quot;Europe/Paris&quot; language=&quot;en&quot;&gt;&lt;/sonic-date&gt;
-      &lt;code&gt;month=&quot;numeric&quot;&lt;/code&gt;&lt;sonic-date month=&quot;numeric&quot; date_string=&quot;2026-06-15T09:00:00Z&quot; time_zone=&quot;Europe/Paris&quot; language=&quot;en&quot;&gt;&lt;/sonic-date&gt;
-      &lt;code&gt;month=&quot;2-digit&quot;&lt;/code&gt;&lt;sonic-date month=&quot;2-digit&quot; date_string=&quot;2026-06-15T09:00:00Z&quot; time_zone=&quot;Europe/Paris&quot; language=&quot;en&quot;&gt;&lt;/sonic-date&gt;
-      &lt;code&gt;year=&quot;2-digit&quot;&lt;/code&gt;&lt;sonic-date year=&quot;2-digit&quot; date_string=&quot;2026-06-15T09:00:00Z&quot; time_zone=&quot;Europe/Paris&quot; language=&quot;en&quot;&gt;&lt;/sonic-date&gt;
-      &lt;code&gt;hour=&quot;numeric&quot;&lt;/code&gt;&lt;sonic-date hour=&quot;numeric&quot; date_string=&quot;2026-06-15T07:05:00Z&quot; time_zone=&quot;Europe/Paris&quot; language=&quot;en&quot;&gt;&lt;/sonic-date&gt;
-      &lt;code&gt;hour12&lt;/code&gt;&lt;sonic-date hour12 date_string=&quot;2026-06-15T09:00:00Z&quot; time_zone=&quot;Europe/Paris&quot; language=&quot;en&quot;&gt;&lt;/sonic-date&gt;
-      &lt;code&gt;hour=&quot;hidden&quot; minute=&quot;hidden&quot;&lt;/code&gt;&lt;sonic-date hour=&quot;hidden&quot; minute=&quot;hidden&quot; date_string=&quot;2026-06-15T09:00:00Z&quot; time_zone=&quot;Europe/Paris&quot; language=&quot;en&quot;&gt;&lt;/sonic-date&gt;
-      &lt;code&gt;era=&quot;short&quot;&lt;/code&gt;&lt;sonic-date era=&quot;short&quot; date_string=&quot;2026-06-15T09:00:00Z&quot; time_zone=&quot;Europe/Paris&quot; language=&quot;en&quot;&gt;&lt;/sonic-date&gt;
-    &lt;/div&gt;
-</code></pre>
-<h2 id="language">Language</h2>
-<p>With no <code>language</code>, the component follows <code>&lt;html lang&gt;</code> and updates when it changes. Pass a BCP 47 tag to force one.</p>
-<pre><code class="language-en">&lt;div class=&quot;grid grid-cols-[auto_1fr] gap-x-4 gap-y-1 text-sm&quot;&gt;
-      &lt;code&gt;en&lt;/code&gt;&lt;sonic-date language=&quot;en&quot; date_string=&quot;2026-06-15T09:00:00Z&quot;&gt;&lt;/sonic-date&gt;
-      &lt;code&gt;fr&lt;/code&gt;&lt;sonic-date language=&quot;fr&quot; date_string=&quot;2026-06-15T09:00:00Z&quot;&gt;&lt;/sonic-date&gt;
-      &lt;code&gt;ja&lt;/code&gt;&lt;sonic-date language=&quot;ja&quot; date_string=&quot;2026-06-15T09:00:00Z&quot;&gt;&lt;/sonic-date&gt;
-    &lt;/div&gt;
-</code></pre>
-<h2 id="time-zone">Time zone</h2>
-<p>With no <code>time_zone</code>, dates use the browser time zone. Pass an IANA name (<code>Intl.supportedValuesOf(&quot;timeZone&quot;)</code> lists them) to show local airport time.</p>
-<pre><code class="language-en">&lt;div class=&quot;grid gap-2&quot;&gt;
-      &lt;div&gt;CN 001 departs CDG at &lt;sonic-date date_string=&quot;2026-06-15T09:00:00Z&quot; time_zone=&quot;Europe/Paris&quot; weekday=&quot;hidden&quot; language=&quot;en&quot;&gt;&lt;/sonic-date&gt; (Paris)&lt;/div&gt;
-      &lt;div&gt;and lands at JFK at &lt;sonic-date date_string=&quot;2026-06-15T12:45:00Z&quot; time_zone=&quot;America/New_York&quot; weekday=&quot;hidden&quot; language=&quot;en&quot;&gt;&lt;/sonic-date&gt; (New York)&lt;/div&gt;
-    &lt;/div&gt;
-</code></pre>
-<h2 id="custom-parts">Custom parts</h2>
-<p>A child <code>&lt;template data-value=&quot;&lt;part&gt;&quot;&gt;</code> wraps a part in your own markup: <code>weekday</code> · <code>day</code> · <code>month</code> · <code>year</code> · <code>hour</code> · <code>minute</code> · <code>literal</code>, plus <code>from</code> and <code>to</code> in ranges. An empty element receives the part value; a non-empty one replaces it. <code>designMode</code> drops the leading &quot;from&quot; word and the commas, for stacked layouts. Add <code>noShadowDom</code> so page styles reach the parts.</p>
-<pre><code class="language-en">&lt;div class=&quot;relative max-w-sm rounded-lg overflow-hidden&quot;&gt;
-      &lt;sonic-date
-        designMode
-        noShadowDom
-        start_date_string=&quot;2026-06-15&quot;
-        end_date_string=&quot;2026-06-22&quot;
-        language=&quot;en&quot;
-        wording_billet_periode_validite=&quot;From %s to %s&quot;
-        class=&quot;absolute top-0 left-0 z-10 p-4 text-center text-sm text-white drop-shadow-lg&quot;
-      &gt;
-        &lt;template data-value=&quot;weekday&quot;&gt;&lt;span class=&quot;hidden&quot;&gt;&lt;/span&gt;
-</code></pre>
-<h2 id="api-reference">API reference</h2>
-<table>
-<thead>
-<tr>
-<th>Attribute</th>
-<th>Values</th>
-<th>Description</th>
-</tr>
-</thead>
-<tbody><tr>
-<td><code>date</code></td>
-<td>number</td>
-<td>Unix timestamp in seconds</td>
-</tr>
-<tr>
-<td><code>date_string</code></td>
-<td>string</td>
-<td>Date parsed with <code>new Date()</code>. Overrides <code>date</code></td>
-</tr>
-<tr>
-<td><code>start_date</code> / <code>start_date_string</code></td>
-<td>number / string</td>
-<td>Range start. Overrides <code>date</code></td>
-</tr>
-<tr>
-<td><code>end_date</code> / <code>end_date_string</code></td>
-<td>number / string</td>
-<td>Range end. Swapped with the start when earlier</td>
-</tr>
-<tr>
-<td><code>now</code></td>
-<td>boolean</td>
-<td>Uses the current date when no start is set</td>
-</tr>
-<tr>
-<td><code>hide_hours</code></td>
-<td>boolean</td>
-<td>Hides hours and minutes in a same-day range</td>
-</tr>
-<tr>
-<td><code>weekday</code></td>
-<td><code>narrow</code> · <code>short</code> · <code>long</code> · <code>hidden</code> (default <code>short</code>)</td>
-<td>Weekday format</td>
-</tr>
-<tr>
-<td><code>day</code></td>
-<td><code>numeric</code> · <code>2-digit</code> (default <code>2-digit</code>)</td>
-<td>Day format</td>
-</tr>
-<tr>
-<td><code>month</code></td>
-<td><code>numeric</code> · <code>2-digit</code> · <code>narrow</code> · <code>short</code> · <code>long</code> (default <code>short</code>)</td>
-<td>Month format</td>
-</tr>
-<tr>
-<td><code>year</code></td>
-<td><code>numeric</code> · <code>2-digit</code> (default <code>numeric</code>)</td>
-<td>Year format</td>
-</tr>
-<tr>
-<td><code>hour</code></td>
-<td><code>numeric</code> · <code>2-digit</code> · <code>hidden</code> (default <code>2-digit</code>)</td>
-<td>Hour format</td>
-</tr>
-<tr>
-<td><code>minute</code></td>
-<td><code>numeric</code> · <code>2-digit</code> · <code>hidden</code> (default <code>2-digit</code>)</td>
-<td>Minute format</td>
-</tr>
-<tr>
-<td><code>hour12</code></td>
-<td>boolean</td>
-<td>12-hour clock. Default is 24-hour</td>
-</tr>
-<tr>
-<td><code>era</code></td>
-<td><code>narrow</code> · <code>short</code> · <code>long</code></td>
-<td>Shows the era. Hidden by default</td>
-</tr>
-<tr>
-<td><code>language</code></td>
-<td>BCP 47 tag</td>
-<td>Locale. Defaults to <code>&lt;html lang&gt;</code></td>
-</tr>
-<tr>
-<td><code>time_zone</code></td>
-<td>IANA name</td>
-<td>Time zone. Defaults to the browser one</td>
-</tr>
-<tr>
-<td><code>wording_billet_periode_validite</code></td>
-<td>string with two <code>%s</code> (default <code>Du %s au %s</code>)</td>
-<td>Wording of a multi-day range</td>
-</tr>
-<tr>
-<td><code>designMode</code></td>
-<td>boolean</td>
-<td>Removes the &quot;from&quot; word and commas</td>
-</tr>
-<tr>
-<td><code>noShadowDom</code></td>
-<td>boolean</td>
-<td>Renders in light DOM so page styles apply to the parts</td>
-</tr>
-<tr>
-<td><code>templates</code></td>
-<td><code>HTMLTemplateElement[]</code> (property)</td>
-<td>Part templates, instead of child <code>&lt;template&gt;</code> elements</td>
-</tr>
-<tr>
-<td><code>renderIf</code></td>
-<td>boolean</td>
-<td>Deprecated: wrap the date in <a href="/core/components/functional/if">sonic-if</a> instead</td>
-</tr>
-</tbody></table>
-<p>No slots. Child <code>&lt;template data-value&gt;</code> elements customise the parts.</p>
-
-    </article>
-  </main>
-</body>
-</html>

package/docs/core/components/functional/date/date.md

@@ -1,150 +0,0 @@
-# Date
-
-**`sonic-date`** formats a date or a date range with `Intl.DateTimeFormat`. Pass a Unix timestamp in seconds (`date`) or a parsable string (`date_string`), add `end_date` for a range, and tune each part (`weekday` · `month` · `hour` …) with attributes. With no date and no `now`, it renders nothing.
-
-## Basic example
-
-`date` is in **seconds**, not milliseconds. `date_string` accepts anything `new Date()` parses: prefer ISO 8601 with an explicit offset. `now` shows the current date.
-
-<sonic-code>
-  <template>
-    <div class="grid gap-2">
-      <div>Departure: <sonic-date date="1781514000" language="en"></sonic-date></div>
-      <div>Arrival: <sonic-date date_string="2026-06-15T12:45:00Z" language="en"></sonic-date></div>
-      <div>Now: <sonic-date now language="en"></sonic-date></div>
-    </div>
-  </template>
-</sonic-code>
-
-## Date range
-
-Set `start_date` and `end_date` (or their `_string` variants). On two different days, only the dates are shown, with the "from … to …" wording. On the same day, the hours are kept. `hide_hours` drops them anyway.
-
-Without a start, the range starts now. If the end is before the start, the two are swapped.
-
-<sonic-code>
-  <template>
-    <div class="grid gap-2">
-      <sonic-date start_date_string="2026-06-15T09:00:00Z" end_date_string="2026-06-22T18:00:00Z" language="en" wording_billet_periode_validite="From %s to %s"></sonic-date>
-      <sonic-date start_date_string="2026-06-15T09:00:00Z" end_date_string="2026-06-15T12:45:00Z" language="en"></sonic-date>
-      <sonic-date start_date_string="2026-06-15T09:00:00Z" end_date_string="2026-06-15T12:45:00Z" language="en" hide_hours></sonic-date>
-    </div>
-  </template>
-</sonic-code>
-
-## Range wording
-
-`wording_billet_periode_validite` holds the range wording, with one `%s` per date. It defaults to the French `Du %s au %s`, whatever the language: **set it for every non-French page**.
-
-<sonic-code>
-  <template>
-    <sonic-date start_date_string="2026-06-15" end_date_string="2026-06-22" language="en" wording_billet_periode_validite="Valid from %s until %s"></sonic-date>
-  </template>
-</sonic-code>
-
-## Format options
-
-Defaults: `weekday="short"` · `day="2-digit"` · `month="short"` · `year="numeric"` · `hour="2-digit"` · `minute="2-digit"`, 24-hour clock, no era. `hidden` removes a part.
-
-<sonic-code>
-  <template>
-    <div class="grid grid-cols-[auto_1fr] gap-x-4 gap-y-1 text-sm">
-      <code>default</code><sonic-date date_string="2026-06-15T09:00:00Z" time_zone="Europe/Paris" language="en"></sonic-date>
-      <code>weekday="long"</code><sonic-date weekday="long" date_string="2026-06-15T09:00:00Z" time_zone="Europe/Paris" language="en"></sonic-date>
-      <code>weekday="narrow"</code><sonic-date weekday="narrow" date_string="2026-06-15T09:00:00Z" time_zone="Europe/Paris" language="en"></sonic-date>
-      <code>weekday="hidden"</code><sonic-date weekday="hidden" date_string="2026-06-15T09:00:00Z" time_zone="Europe/Paris" language="en"></sonic-date>
-      <code>day="numeric"</code><sonic-date day="numeric" date_string="2026-06-05T09:00:00Z" time_zone="Europe/Paris" language="en"></sonic-date>
-      <code>month="long"</code><sonic-date month="long" date_string="2026-06-15T09:00:00Z" time_zone="Europe/Paris" language="en"></sonic-date>
-      <code>month="narrow"</code><sonic-date month="narrow" date_string="2026-06-15T09:00:00Z" time_zone="Europe/Paris" language="en"></sonic-date>
-      <code>month="numeric"</code><sonic-date month="numeric" date_string="2026-06-15T09:00:00Z" time_zone="Europe/Paris" language="en"></sonic-date>
-      <code>month="2-digit"</code><sonic-date month="2-digit" date_string="2026-06-15T09:00:00Z" time_zone="Europe/Paris" language="en"></sonic-date>
-      <code>year="2-digit"</code><sonic-date year="2-digit" date_string="2026-06-15T09:00:00Z" time_zone="Europe/Paris" language="en"></sonic-date>
-      <code>hour="numeric"</code><sonic-date hour="numeric" date_string="2026-06-15T07:05:00Z" time_zone="Europe/Paris" language="en"></sonic-date>
-      <code>hour12</code><sonic-date hour12 date_string="2026-06-15T09:00:00Z" time_zone="Europe/Paris" language="en"></sonic-date>
-      <code>hour="hidden" minute="hidden"</code><sonic-date hour="hidden" minute="hidden" date_string="2026-06-15T09:00:00Z" time_zone="Europe/Paris" language="en"></sonic-date>
-      <code>era="short"</code><sonic-date era="short" date_string="2026-06-15T09:00:00Z" time_zone="Europe/Paris" language="en"></sonic-date>
-    </div>
-  </template>
-</sonic-code>
-
-## Language
-
-With no `language`, the component follows `<html lang>` and updates when it changes. Pass a BCP 47 tag to force one.
-
-<sonic-code>
-  <template>
-    <div class="grid grid-cols-[auto_1fr] gap-x-4 gap-y-1 text-sm">
-      <code>en</code><sonic-date language="en" date_string="2026-06-15T09:00:00Z"></sonic-date>
-      <code>fr</code><sonic-date language="fr" date_string="2026-06-15T09:00:00Z"></sonic-date>
-      <code>ja</code><sonic-date language="ja" date_string="2026-06-15T09:00:00Z"></sonic-date>
-    </div>
-  </template>
-</sonic-code>
-
-## Time zone
-
-With no `time_zone`, dates use the browser time zone. Pass an IANA name (`Intl.supportedValuesOf("timeZone")` lists them) to show local airport time.
-
-<sonic-code>
-  <template>
-    <div class="grid gap-2">
-      <div>CN 001 departs CDG at <sonic-date date_string="2026-06-15T09:00:00Z" time_zone="Europe/Paris" weekday="hidden" language="en"></sonic-date> (Paris)</div>
-      <div>and lands at JFK at <sonic-date date_string="2026-06-15T12:45:00Z" time_zone="America/New_York" weekday="hidden" language="en"></sonic-date> (New York)</div>
-    </div>
-  </template>
-</sonic-code>
-
-## Custom parts
-
-A child `<template data-value="<part>">` wraps a part in your own markup: `weekday` · `day` · `month` · `year` · `hour` · `minute` · `literal`, plus `from` and `to` in ranges. An empty element receives the part value; a non-empty one replaces it. `designMode` drops the leading "from" word and the commas, for stacked layouts. Add `noShadowDom` so page styles reach the parts.
-
-<sonic-code>
-  <template>
-    <div class="relative max-w-sm rounded-lg overflow-hidden">
-      <sonic-date
-        designMode
-        noShadowDom
-        start_date_string="2026-06-15"
-        end_date_string="2026-06-22"
-        language="en"
-        wording_billet_periode_validite="From %s to %s"
-        class="absolute top-0 left-0 z-10 p-4 text-center text-sm text-white drop-shadow-lg"
-      >
-        <template data-value="weekday"><span class="hidden"></span></template>
-        <template data-value="day"><span class="block text-4xl font-bold leading-none"></span></template>
-        <template data-value="month"><span class="block text-xl font-bold uppercase leading-tight"></span></template>
-        <template data-value="year"><span class="block text-lg font-bold leading-tight"></span></template>
-        <template data-value="to"><span class="block my-1 text-3xl leading-none">↓</span></template>
-      </sonic-date>
-      <sonic-image src="img/concorde/plane_03.jpg" alt="Concorde specifications board" ratio="1/1" cover></sonic-image>
-    </div>
-  </template>
-</sonic-code>
-
-## API reference
-
-| Attribute | Values | Description |
-|-----------|--------|-------------|
-| `date` | number | Unix timestamp in seconds |
-| `date_string` | string | Date parsed with `new Date()`. Overrides `date` |
-| `start_date` / `start_date_string` | number / string | Range start. Overrides `date` |
-| `end_date` / `end_date_string` | number / string | Range end. Swapped with the start when earlier |
-| `now` | boolean | Uses the current date when no start is set |
-| `hide_hours` | boolean | Hides hours and minutes in a same-day range |
-| `weekday` | `narrow` · `short` · `long` · `hidden` (default `short`) | Weekday format |
-| `day` | `numeric` · `2-digit` (default `2-digit`) | Day format |
-| `month` | `numeric` · `2-digit` · `narrow` · `short` · `long` (default `short`) | Month format |
-| `year` | `numeric` · `2-digit` (default `numeric`) | Year format |
-| `hour` | `numeric` · `2-digit` · `hidden` (default `2-digit`) | Hour format |
-| `minute` | `numeric` · `2-digit` · `hidden` (default `2-digit`) | Minute format |
-| `hour12` | boolean | 12-hour clock. Default is 24-hour |
-| `era` | `narrow` · `short` · `long` | Shows the era. Hidden by default |
-| `language` | BCP 47 tag | Locale. Defaults to `<html lang>` |
-| `time_zone` | IANA name | Time zone. Defaults to the browser one |
-| `wording_billet_periode_validite` | string with two `%s` (default `Du %s au %s`) | Wording of a multi-day range |
-| `designMode` | boolean | Removes the "from" word and commas |
-| `noShadowDom` | boolean | Renders in light DOM so page styles apply to the parts |
-| `templates` | `HTMLTemplateElement[]` (property) | Part templates, instead of child `<template>` elements |
-| `renderIf` | boolean | Deprecated: wrap the date in [sonic-if](/core/components/functional/if) instead |
-
-No slots. Child `<template data-value>` elements customise the parts.