@godxjp/ui 23.4.11 → 24.0.0

package/dist/brand/godx-artwork.generated.d.ts

@@ -0,0 +1,10 @@
+export declare const GODX_ARTWORK_ID_TOKEN = "__GXID__";
+export interface BrandArtwork {
+    readonly viewBox: string;
+    /** Inner SVG markup — package-owned static artwork, never user input. */
+    readonly markup: string;
+}
+export declare const GODX_LOCKUP_LIGHT: BrandArtwork;
+export declare const GODX_LOCKUP_DARK: BrandArtwork;
+export declare const GODX_MARK_LIGHT: BrandArtwork;
+export declare const GODX_MARK_DARK: BrandArtwork;

package/dist/brand/godx-artwork.generated.js

@@ -0,0 +1,24 @@
+const GODX_ARTWORK_ID_TOKEN = "__GXID__";
+const GODX_LOCKUP_LIGHT = Object.freeze({
+  viewBox: "30 30 871.285714 182.000000",
+  markup: '<defs>\n  <radialGradient id="__GXID__-gx-lockup-l-iconBodyGradient" gradientUnits="userSpaceOnUse" cx="58" cy="39" r="183">\n    <stop offset="0" stop-color="#7A00FF"/><stop offset="0.46" stop-color="#3700A6"/><stop offset="1" stop-color="#0B0F3B"/>\n  </radialGradient>\n  <linearGradient id="__GXID__-gx-lockup-l-arrowTopGradient" gradientUnits="userSpaceOnUse" x1="138" y1="100" x2="245" y2="148">\n    <stop offset="0" stop-color="#7A00FF"/><stop offset="1" stop-color="#980BFF"/>\n  </linearGradient>\n  <linearGradient id="__GXID__-gx-lockup-l-arrowFoldGradient" gradientUnits="userSpaceOnUse" x1="230" y1="125" x2="165" y2="214">\n    <stop offset="0" stop-color="#6500E5"/><stop offset="0.40" stop-color="#A611FF"/><stop offset="1" stop-color="#FF3DFF"/>\n  </linearGradient>\n  <linearGradient id="__GXID__-gx-lockup-l-xMainGradient" gradientUnits="userSpaceOnUse" x1="861" y1="48" x2="739" y2="202">\n    <stop offset="0" stop-color="#0B0F3B"/><stop offset="0.28" stop-color="#310077"/><stop offset="0.62" stop-color="#990DFF"/><stop offset="1" stop-color="#7A00FF"/>\n  </linearGradient>\n  <linearGradient id="__GXID__-gx-lockup-l-xUpperGradient" gradientUnits="userSpaceOnUse" x1="747" y1="52" x2="795" y2="119">\n    <stop offset="0" stop-color="#0B0F3B"/><stop offset="0.70" stop-color="#21005D"/><stop offset="1" stop-color="#7A00FF"/>\n  </linearGradient>\n  <linearGradient id="__GXID__-gx-lockup-l-xLowerGradient" gradientUnits="userSpaceOnUse" x1="810" y1="125" x2="863" y2="188">\n    <stop offset="0" stop-color="#7A00FF"/><stop offset="0.55" stop-color="#21005D"/><stop offset="1" stop-color="#0B0F3B"/>\n  </linearGradient>\n  <linearGradient id="__GXID__-gx-lockup-l-reverseIconGradient" gradientUnits="userSpaceOnUse" x1="52" y1="40" x2="182" y2="211">\n    <stop offset="0" stop-color="#7A00FF"/><stop offset="0.6" stop-color="#9A45FF"/><stop offset="1" stop-color="#D8BCFF"/>\n  </linearGradient>\n  <linearGradient id="__GXID__-gx-lockup-l-reverseXMainGradient" gradientUnits="userSpaceOnUse" x1="861" y1="48" x2="739" y2="202">\n    <stop offset="0" stop-color="#E8DAFF"/><stop offset="0.46" stop-color="#B264FF"/><stop offset="1" stop-color="#7A00FF"/>\n  </linearGradient>\n  <clipPath id="__GXID__-gx-lockup-l-arrowClip"><path d="M131 97 H244 Q247 97 249 100 L264 117 Q268 122 264 127 L194 201 Q190 205 185 205 H139 Q133 205 137 201 L176 160 Q179 157 176 154 L129 104 Q123 97 131 97 Z"/></clipPath>\n</defs>\n\n<g id="__GXID__-gx-lockup-l-godx-logo" transform="translate(5 7)">\n<path id="__GXID__-gx-lockup-l-icon-body" fill="url(#__GXID__-gx-lockup-l-iconBodyGradient)" fill-rule="evenodd" d="M118 23 H183 C186 23 187 24 189 26 L222 64 Q226 69 220 69 H122 C96 69 75 91 75 117 C75 142 97 161 122 161 H151 Q157 161 153 166 L120 203 Q118 205 115 205 C90 205 69 194 50 174 C32 155 25 138 25 117 C25 92 36 75 56 54 C77 32 95 23 118 23 Z"/>\n<path id="__GXID__-gx-lockup-l-icon-arrow" fill="url(#__GXID__-gx-lockup-l-arrowTopGradient)" fill-rule="evenodd" d="M131 97 H244 Q247 97 249 100 L264 117 Q268 122 264 127 L194 201 Q190 205 185 205 H139 Q133 205 137 201 L176 160 Q179 157 176 154 L129 104 Q123 97 131 97 Z"/>\n<path id="__GXID__-gx-lockup-l-arrow-fold" clip-path="url(#__GXID__-gx-lockup-l-arrowClip)" fill="url(#__GXID__-gx-lockup-l-arrowFoldGradient)" d="M177.5,157 C205,133 238,109 267,120 L285,230 L110,230 Z"/>\n<path id="__GXID__-gx-lockup-l-letter-g" fill="#0B0F3B" fill-rule="evenodd" d="M428 76 L399 98 C391 86 378 79 365 79 C342 79 325 98 325 121 C325 144 343 163 365 163 C382 163 395 153 402 137 H362 V107 H442 V121 C442 165 409 198 365 198 C322 198 287 164 287 121 C287 78 322 44 365 44 C390 44 413 57 428 76 Z"/>\n<path id="__GXID__-gx-lockup-l-letter-o" fill="#0B0F3B" fill-rule="evenodd" d="M566 142.5 C566 173.704 539.585 199 507 199 C474.415 199 448 173.704 448 142.5 C448 111.296 474.415 86 507 86 C539.585 86 566 111.296 566 142.5 Z M533.5 142.5 C533.5 156.583 521.636 168 507 168 C492.364 168 480.5 156.583 480.5 142.5 C480.5 128.417 492.364 117 507 117 C521.636 117 533.5 128.417 533.5 142.5 Z"/>\n<path id="__GXID__-gx-lockup-l-letter-d" fill="#0B0F3B" fill-rule="evenodd" d="M574 44 H650 C698 44 732 75 732 121 C732 162 698 198 650 198 H574 Z M616.5 78 H649 C673 78 690 96 690 121 C690 146 673 164 649 164 H616.5 Z"/>\n<path id="__GXID__-gx-lockup-l-x-upper" fill="url(#__GXID__-gx-lockup-l-xUpperGradient)" fill-rule="evenodd" d="M715 44 H762 Q764 44 765 46 L801 86 L774 117 L713 47 Q711 44 715 44 Z"/>\n<path id="__GXID__-gx-lockup-l-x-diagonal" fill="url(#__GXID__-gx-lockup-l-xMainGradient)" fill-rule="evenodd" d="M844 42 H895 Q897 42 895 44 L761 196 Q759 198 757 198 H711 Q708 198 710 196 L841 44 Q843 42 844 42 Z"/>\n<path id="__GXID__-gx-lockup-l-x-lower" fill="url(#__GXID__-gx-lockup-l-xLowerGradient)" fill-rule="evenodd" d="M831 121 L895 196 Q898 199 894 199 H847 Q844 199 842 197 L805 153 Q803 151 805 149 Z"/>\n</g>'
+});
+const GODX_LOCKUP_DARK = Object.freeze({
+  viewBox: "30 30 871.285714 182.000000",
+  markup: '<defs>\n  <radialGradient id="__GXID__-gx-lockup-d-iconBodyGradient" gradientUnits="userSpaceOnUse" cx="58" cy="39" r="183">\n    <stop offset="0" stop-color="#7A00FF"/><stop offset="0.46" stop-color="#3700A6"/><stop offset="1" stop-color="#0B0F3B"/>\n  </radialGradient>\n  <linearGradient id="__GXID__-gx-lockup-d-arrowTopGradient" gradientUnits="userSpaceOnUse" x1="138" y1="100" x2="245" y2="148">\n    <stop offset="0" stop-color="#7A00FF"/><stop offset="1" stop-color="#980BFF"/>\n  </linearGradient>\n  <linearGradient id="__GXID__-gx-lockup-d-arrowFoldGradient" gradientUnits="userSpaceOnUse" x1="230" y1="125" x2="165" y2="214">\n    <stop offset="0" stop-color="#6500E5"/><stop offset="0.40" stop-color="#A611FF"/><stop offset="1" stop-color="#FF3DFF"/>\n  </linearGradient>\n  <linearGradient id="__GXID__-gx-lockup-d-xMainGradient" gradientUnits="userSpaceOnUse" x1="861" y1="48" x2="739" y2="202">\n    <stop offset="0" stop-color="#0B0F3B"/><stop offset="0.28" stop-color="#310077"/><stop offset="0.62" stop-color="#990DFF"/><stop offset="1" stop-color="#7A00FF"/>\n  </linearGradient>\n  <linearGradient id="__GXID__-gx-lockup-d-xUpperGradient" gradientUnits="userSpaceOnUse" x1="747" y1="52" x2="795" y2="119">\n    <stop offset="0" stop-color="#0B0F3B"/><stop offset="0.70" stop-color="#21005D"/><stop offset="1" stop-color="#7A00FF"/>\n  </linearGradient>\n  <linearGradient id="__GXID__-gx-lockup-d-xLowerGradient" gradientUnits="userSpaceOnUse" x1="810" y1="125" x2="863" y2="188">\n    <stop offset="0" stop-color="#7A00FF"/><stop offset="0.55" stop-color="#21005D"/><stop offset="1" stop-color="#0B0F3B"/>\n  </linearGradient>\n  <linearGradient id="__GXID__-gx-lockup-d-reverseIconGradient" gradientUnits="userSpaceOnUse" x1="52" y1="40" x2="182" y2="211">\n    <stop offset="0" stop-color="#7A00FF"/><stop offset="0.6" stop-color="#9A45FF"/><stop offset="1" stop-color="#D8BCFF"/>\n  </linearGradient>\n  <linearGradient id="__GXID__-gx-lockup-d-reverseXMainGradient" gradientUnits="userSpaceOnUse" x1="861" y1="48" x2="739" y2="202">\n    <stop offset="0" stop-color="#E8DAFF"/><stop offset="0.46" stop-color="#B264FF"/><stop offset="1" stop-color="#7A00FF"/>\n  </linearGradient>\n  <clipPath id="__GXID__-gx-lockup-d-arrowClip"><path d="M131 97 H244 Q247 97 249 100 L264 117 Q268 122 264 127 L194 201 Q190 205 185 205 H139 Q133 205 137 201 L176 160 Q179 157 176 154 L129 104 Q123 97 131 97 Z"/></clipPath>\n</defs>\n\n<g id="__GXID__-gx-lockup-d-godx-logo" transform="translate(5 7)">\n<path id="__GXID__-gx-lockup-d-icon-body" fill="url(#__GXID__-gx-lockup-d-reverseIconGradient)" fill-rule="evenodd" d="M118 23 H183 C186 23 187 24 189 26 L222 64 Q226 69 220 69 H122 C96 69 75 91 75 117 C75 142 97 161 122 161 H151 Q157 161 153 166 L120 203 Q118 205 115 205 C90 205 69 194 50 174 C32 155 25 138 25 117 C25 92 36 75 56 54 C77 32 95 23 118 23 Z"/>\n<path id="__GXID__-gx-lockup-d-icon-arrow" fill="url(#__GXID__-gx-lockup-d-arrowTopGradient)" fill-rule="evenodd" d="M131 97 H244 Q247 97 249 100 L264 117 Q268 122 264 127 L194 201 Q190 205 185 205 H139 Q133 205 137 201 L176 160 Q179 157 176 154 L129 104 Q123 97 131 97 Z"/>\n<path id="__GXID__-gx-lockup-d-arrow-fold" clip-path="url(#__GXID__-gx-lockup-d-arrowClip)" fill="url(#__GXID__-gx-lockup-d-arrowFoldGradient)" d="M177.5,157 C205,133 238,109 267,120 L285,230 L110,230 Z"/>\n<path id="__GXID__-gx-lockup-d-letter-g" fill="#FFFFFF" fill-rule="evenodd" d="M428 76 L399 98 C391 86 378 79 365 79 C342 79 325 98 325 121 C325 144 343 163 365 163 C382 163 395 153 402 137 H362 V107 H442 V121 C442 165 409 198 365 198 C322 198 287 164 287 121 C287 78 322 44 365 44 C390 44 413 57 428 76 Z"/>\n<path id="__GXID__-gx-lockup-d-letter-o" fill="#FFFFFF" fill-rule="evenodd" d="M566 142.5 C566 173.704 539.585 199 507 199 C474.415 199 448 173.704 448 142.5 C448 111.296 474.415 86 507 86 C539.585 86 566 111.296 566 142.5 Z M533.5 142.5 C533.5 156.583 521.636 168 507 168 C492.364 168 480.5 156.583 480.5 142.5 C480.5 128.417 492.364 117 507 117 C521.636 117 533.5 128.417 533.5 142.5 Z"/>\n<path id="__GXID__-gx-lockup-d-letter-d" fill="#FFFFFF" fill-rule="evenodd" d="M574 44 H650 C698 44 732 75 732 121 C732 162 698 198 650 198 H574 Z M616.5 78 H649 C673 78 690 96 690 121 C690 146 673 164 649 164 H616.5 Z"/>\n<path id="__GXID__-gx-lockup-d-x-upper" fill="#FFFFFF" fill-rule="evenodd" d="M715 44 H762 Q764 44 765 46 L801 86 L774 117 L713 47 Q711 44 715 44 Z"/>\n<path id="__GXID__-gx-lockup-d-x-diagonal" fill="url(#__GXID__-gx-lockup-d-reverseXMainGradient)" fill-rule="evenodd" d="M844 42 H895 Q897 42 895 44 L761 196 Q759 198 757 198 H711 Q708 198 710 196 L841 44 Q843 42 844 42 Z"/>\n<path id="__GXID__-gx-lockup-d-x-lower" fill="#FFFFFF" fill-rule="evenodd" d="M831 121 L895 196 Q898 199 894 199 H847 Q844 199 842 197 L805 153 Q803 151 805 149 Z"/>\n</g>'
+});
+const GODX_MARK_LIGHT = Object.freeze({
+  viewBox: "30 30 241.000000 182.000000",
+  markup: '<defs>\n  <radialGradient id="__GXID__-gx-mark-l-iconBodyGradient" gradientUnits="userSpaceOnUse" cx="58" cy="39" r="183">\n    <stop offset="0" stop-color="#7A00FF"/><stop offset="0.46" stop-color="#3700A6"/><stop offset="1" stop-color="#0B0F3B"/>\n  </radialGradient>\n  <linearGradient id="__GXID__-gx-mark-l-arrowTopGradient" gradientUnits="userSpaceOnUse" x1="138" y1="100" x2="245" y2="148">\n    <stop offset="0" stop-color="#7A00FF"/><stop offset="1" stop-color="#980BFF"/>\n  </linearGradient>\n  <linearGradient id="__GXID__-gx-mark-l-arrowFoldGradient" gradientUnits="userSpaceOnUse" x1="230" y1="125" x2="165" y2="214">\n    <stop offset="0" stop-color="#6500E5"/><stop offset="0.40" stop-color="#A611FF"/><stop offset="1" stop-color="#FF3DFF"/>\n  </linearGradient>\n  <linearGradient id="__GXID__-gx-mark-l-xMainGradient" gradientUnits="userSpaceOnUse" x1="861" y1="48" x2="739" y2="202">\n    <stop offset="0" stop-color="#0B0F3B"/><stop offset="0.28" stop-color="#310077"/><stop offset="0.62" stop-color="#990DFF"/><stop offset="1" stop-color="#7A00FF"/>\n  </linearGradient>\n  <linearGradient id="__GXID__-gx-mark-l-xUpperGradient" gradientUnits="userSpaceOnUse" x1="747" y1="52" x2="795" y2="119">\n    <stop offset="0" stop-color="#0B0F3B"/><stop offset="0.70" stop-color="#21005D"/><stop offset="1" stop-color="#7A00FF"/>\n  </linearGradient>\n  <linearGradient id="__GXID__-gx-mark-l-xLowerGradient" gradientUnits="userSpaceOnUse" x1="810" y1="125" x2="863" y2="188">\n    <stop offset="0" stop-color="#7A00FF"/><stop offset="0.55" stop-color="#21005D"/><stop offset="1" stop-color="#0B0F3B"/>\n  </linearGradient>\n  <linearGradient id="__GXID__-gx-mark-l-reverseIconGradient" gradientUnits="userSpaceOnUse" x1="52" y1="40" x2="182" y2="211">\n    <stop offset="0" stop-color="#7A00FF"/><stop offset="0.6" stop-color="#9A45FF"/><stop offset="1" stop-color="#D8BCFF"/>\n  </linearGradient>\n  <linearGradient id="__GXID__-gx-mark-l-reverseXMainGradient" gradientUnits="userSpaceOnUse" x1="861" y1="48" x2="739" y2="202">\n    <stop offset="0" stop-color="#E8DAFF"/><stop offset="0.46" stop-color="#B264FF"/><stop offset="1" stop-color="#7A00FF"/>\n  </linearGradient>\n  <clipPath id="__GXID__-gx-mark-l-arrowClip"><path d="M131 97 H244 Q247 97 249 100 L264 117 Q268 122 264 127 L194 201 Q190 205 185 205 H139 Q133 205 137 201 L176 160 Q179 157 176 154 L129 104 Q123 97 131 97 Z"/></clipPath>\n</defs>\n\n<g id="__GXID__-gx-mark-l-godx-icon" transform="translate(5 7)">\n<path id="__GXID__-gx-mark-l-icon-body" fill="url(#__GXID__-gx-mark-l-iconBodyGradient)" fill-rule="evenodd" d="M118 23 H183 C186 23 187 24 189 26 L222 64 Q226 69 220 69 H122 C96 69 75 91 75 117 C75 142 97 161 122 161 H151 Q157 161 153 166 L120 203 Q118 205 115 205 C90 205 69 194 50 174 C32 155 25 138 25 117 C25 92 36 75 56 54 C77 32 95 23 118 23 Z"/>\n<path id="__GXID__-gx-mark-l-icon-arrow" fill="url(#__GXID__-gx-mark-l-arrowTopGradient)" fill-rule="evenodd" d="M131 97 H244 Q247 97 249 100 L264 117 Q268 122 264 127 L194 201 Q190 205 185 205 H139 Q133 205 137 201 L176 160 Q179 157 176 154 L129 104 Q123 97 131 97 Z"/>\n<path id="__GXID__-gx-mark-l-arrow-fold" clip-path="url(#__GXID__-gx-mark-l-arrowClip)" fill="url(#__GXID__-gx-mark-l-arrowFoldGradient)" d="M177.5,157 C205,133 238,109 267,120 L285,230 L110,230 Z"/>\n</g>'
+});
+const GODX_MARK_DARK = Object.freeze({
+  viewBox: "30 30 241.000000 182.000000",
+  markup: '<defs>\n  <radialGradient id="__GXID__-gx-mark-d-iconBodyGradient" gradientUnits="userSpaceOnUse" cx="58" cy="39" r="183">\n    <stop offset="0" stop-color="#7A00FF"/><stop offset="0.46" stop-color="#3700A6"/><stop offset="1" stop-color="#0B0F3B"/>\n  </radialGradient>\n  <linearGradient id="__GXID__-gx-mark-d-arrowTopGradient" gradientUnits="userSpaceOnUse" x1="138" y1="100" x2="245" y2="148">\n    <stop offset="0" stop-color="#7A00FF"/><stop offset="1" stop-color="#980BFF"/>\n  </linearGradient>\n  <linearGradient id="__GXID__-gx-mark-d-arrowFoldGradient" gradientUnits="userSpaceOnUse" x1="230" y1="125" x2="165" y2="214">\n    <stop offset="0" stop-color="#6500E5"/><stop offset="0.40" stop-color="#A611FF"/><stop offset="1" stop-color="#FF3DFF"/>\n  </linearGradient>\n  <linearGradient id="__GXID__-gx-mark-d-xMainGradient" gradientUnits="userSpaceOnUse" x1="861" y1="48" x2="739" y2="202">\n    <stop offset="0" stop-color="#0B0F3B"/><stop offset="0.28" stop-color="#310077"/><stop offset="0.62" stop-color="#990DFF"/><stop offset="1" stop-color="#7A00FF"/>\n  </linearGradient>\n  <linearGradient id="__GXID__-gx-mark-d-xUpperGradient" gradientUnits="userSpaceOnUse" x1="747" y1="52" x2="795" y2="119">\n    <stop offset="0" stop-color="#0B0F3B"/><stop offset="0.70" stop-color="#21005D"/><stop offset="1" stop-color="#7A00FF"/>\n  </linearGradient>\n  <linearGradient id="__GXID__-gx-mark-d-xLowerGradient" gradientUnits="userSpaceOnUse" x1="810" y1="125" x2="863" y2="188">\n    <stop offset="0" stop-color="#7A00FF"/><stop offset="0.55" stop-color="#21005D"/><stop offset="1" stop-color="#0B0F3B"/>\n  </linearGradient>\n  <linearGradient id="__GXID__-gx-mark-d-reverseIconGradient" gradientUnits="userSpaceOnUse" x1="52" y1="40" x2="182" y2="211">\n    <stop offset="0" stop-color="#7A00FF"/><stop offset="0.6" stop-color="#9A45FF"/><stop offset="1" stop-color="#D8BCFF"/>\n  </linearGradient>\n  <linearGradient id="__GXID__-gx-mark-d-reverseXMainGradient" gradientUnits="userSpaceOnUse" x1="861" y1="48" x2="739" y2="202">\n    <stop offset="0" stop-color="#E8DAFF"/><stop offset="0.46" stop-color="#B264FF"/><stop offset="1" stop-color="#7A00FF"/>\n  </linearGradient>\n  <clipPath id="__GXID__-gx-mark-d-arrowClip"><path d="M131 97 H244 Q247 97 249 100 L264 117 Q268 122 264 127 L194 201 Q190 205 185 205 H139 Q133 205 137 201 L176 160 Q179 157 176 154 L129 104 Q123 97 131 97 Z"/></clipPath>\n</defs>\n\n<g id="__GXID__-gx-mark-d-godx-icon" transform="translate(5 7)">\n<path id="__GXID__-gx-mark-d-icon-body" fill="url(#__GXID__-gx-mark-d-reverseIconGradient)" fill-rule="evenodd" d="M118 23 H183 C186 23 187 24 189 26 L222 64 Q226 69 220 69 H122 C96 69 75 91 75 117 C75 142 97 161 122 161 H151 Q157 161 153 166 L120 203 Q118 205 115 205 C90 205 69 194 50 174 C32 155 25 138 25 117 C25 92 36 75 56 54 C77 32 95 23 118 23 Z"/>\n<path id="__GXID__-gx-mark-d-icon-arrow" fill="url(#__GXID__-gx-mark-d-arrowTopGradient)" fill-rule="evenodd" d="M131 97 H244 Q247 97 249 100 L264 117 Q268 122 264 127 L194 201 Q190 205 185 205 H139 Q133 205 137 201 L176 160 Q179 157 176 154 L129 104 Q123 97 131 97 Z"/>\n<path id="__GXID__-gx-mark-d-arrow-fold" clip-path="url(#__GXID__-gx-mark-d-arrowClip)" fill="url(#__GXID__-gx-mark-d-arrowFoldGradient)" d="M177.5,157 C205,133 238,109 267,120 L285,230 L110,230 Z"/>\n</g>'
+});
+export {
+  GODX_ARTWORK_ID_TOKEN,
+  GODX_LOCKUP_DARK,
+  GODX_LOCKUP_LIGHT,
+  GODX_MARK_DARK,
+  GODX_MARK_LIGHT
+};

package/dist/brand/godx-mark.d.ts

@@ -0,0 +1,39 @@
+/**
+ * THE FLAT GoDX MARK — the cut EMAIL paints. The web uses the master instead.
+ *
+ * Brand identity v2.3 requires the master SVG with its gradients and a light/dark variant
+ * (`brand/godx-artwork.generated.ts`), and forbids re-tinting it. An email cannot honour that:
+ * Outlook's Word renderer drops SVG gradients, `prefers-color-scheme` reaches only some clients,
+ * and a delivered message cannot swap a variant. So email paints the kit's own FLAT cut — a
+ * different brand ASSET, which is why the kit ships one — in a colour the template supplies.
+ *
+ * Brand identity v2.3. The coordinates are the kit's own normalised construction data
+ * (`02_Construction/GoDX/GoDX-geometry-v2_2.json`, origin already at 0,0), not a redraw and not a
+ * trace: a future artwork revision is a copy-paste of two `d` strings into this file.
+ *
+ * WHY IT IS STILL SHARED. `src/email` may only import its own siblings, so it receives a generated
+ * copy of these paths (`gen-email-tokens.mjs`). This file is the declaration both that generator
+ * and its `--check` guard compare against, so the email mark cannot drift from the package's own
+ * flat artwork — the drift that was caught once already.
+ *
+ * MONOCHROME. The kit also ships a gradient cut (#7A00FF → #3700A6 → #0B0F3B). It is deliberately
+ * not used: this mark is painted by a token (`--logo-godx-color` on the web, a colour argument in
+ * email) so it re-tints per theme and knocks out on dark surfaces. A baked gradient can do neither,
+ * and email clients are worse at gradients than they are at paths.
+ */
+/** The artwork's own coordinate space, before fitting. */
+export declare const GODX_MARK_SOURCE: Readonly<{
+    width: 241;
+    height: 182;
+}>;
+/** The square box every renderer draws into. */
+export declare const GODX_MARK_VIEW_BOX = "0 0 32 32";
+/**
+ * Fits 241×182 into the square box, centred vertically.
+ * scale = 32 / 241 = 0.132780; y = (32 − 182 × scale) / 2 = 3.917.
+ */
+export declare const GODX_MARK_TRANSFORM = "translate(0 3.917) scale(0.132780)";
+/** The "G" body. */
+export declare const GODX_MARK_BODY_PATH = "M93.0 0.0H158.0C161.0 0.0 162.0 1.0 164.0 3.0L197.0 41.0Q201.0 46.0 195.0 46.0H97.0C71.0 46.0 50.0 68.0 50.0 94.0C50.0 119.0 72.0 138.0 97.0 138.0H126.0Q132.0 138.0 128.0 143.0L95.0 180.0Q93.0 182.0 90.0 182.0C65.0 182.0 44.0 171.0 25.0 151.0C7.0 132.0 0.0 115.0 0.0 94.0C0.0 69.0 11.0 52.0 31.0 31.0C52.0 9.0 70.0 0.0 93.0 0.0Z";
+/** The arrow that crosses it. */
+export declare const GODX_MARK_ARROW_PATH = "M106.0 74.0H219.0Q222.0 74.0 224.0 77.0L239.0 94.0Q243.0 99.0 239.0 104.0L169.0 178.0Q165.0 182.0 160.0 182.0H114.0Q108.0 182.0 112.0 178.0L151.0 137.0Q154.0 134.0 151.0 131.0L104.0 81.0Q98.0 74.0 106.0 74.0Z";

package/dist/brand/godx-mark.js

@@ -0,0 +1,12 @@
+const GODX_MARK_SOURCE = Object.freeze({ width: 241, height: 182 });
+const GODX_MARK_VIEW_BOX = "0 0 32 32";
+const GODX_MARK_TRANSFORM = "translate(0 3.917) scale(0.132780)";
+const GODX_MARK_BODY_PATH = "M93.0 0.0H158.0C161.0 0.0 162.0 1.0 164.0 3.0L197.0 41.0Q201.0 46.0 195.0 46.0H97.0C71.0 46.0 50.0 68.0 50.0 94.0C50.0 119.0 72.0 138.0 97.0 138.0H126.0Q132.0 138.0 128.0 143.0L95.0 180.0Q93.0 182.0 90.0 182.0C65.0 182.0 44.0 171.0 25.0 151.0C7.0 132.0 0.0 115.0 0.0 94.0C0.0 69.0 11.0 52.0 31.0 31.0C52.0 9.0 70.0 0.0 93.0 0.0Z";
+const GODX_MARK_ARROW_PATH = "M106.0 74.0H219.0Q222.0 74.0 224.0 77.0L239.0 94.0Q243.0 99.0 239.0 104.0L169.0 178.0Q165.0 182.0 160.0 182.0H114.0Q108.0 182.0 112.0 178.0L151.0 137.0Q154.0 134.0 151.0 131.0L104.0 81.0Q98.0 74.0 106.0 74.0Z";
+export {
+  GODX_MARK_ARROW_PATH,
+  GODX_MARK_BODY_PATH,
+  GODX_MARK_SOURCE,
+  GODX_MARK_TRANSFORM,
+  GODX_MARK_VIEW_BOX
+};

package/dist/components/general/logo.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
 export type LogoSize = "xs" | "sm" | "md" | "lg";
 export type LogoTone = "primary" | "success";
-export type LogoMark = "glyph" | "godx";
+export type LogoMark = "glyph" | "godx" | "godx-lockup";
 export interface LogoProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, "children"> {
     /**
      * The brand glyph — a short mark (a letter/initials, default `"g"`) or a custom node such as an

package/dist/components/general/logo.js

@@ -1,5 +1,13 @@
+"use client";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
+import {
+  GODX_ARTWORK_ID_TOKEN,
+  GODX_LOCKUP_DARK,
+  GODX_LOCKUP_LIGHT,
+  GODX_MARK_DARK,
+  GODX_MARK_LIGHT
+} from "../../brand/godx-artwork.generated.js";
 import { Slot } from "../../lib/slot.js";
 import { cn } from "../../lib/utils.js";
 const X_HEIGHT_TOP = /^[acegmnopqrsuvwxyz]+$/;
@@ -38,7 +46,13 @@ function logoGlyphAdvance(glyph) {
   return counts;
 }
 function MarkArtwork({ mark, glyph }) {
-  if (mark !== "godx") {
+  const instanceId = React.useId().replace(/[^a-zA-Z0-9_-]/g, "");
+  const artwork = mark === "godx-lockup" ? [GODX_LOCKUP_LIGHT, GODX_LOCKUP_DARK] : [GODX_MARK_LIGHT, GODX_MARK_DARK];
+  const html = React.useMemo(
+    () => artwork.map((a) => a.markup.replaceAll(GODX_ARTWORK_ID_TOKEN, instanceId)),
+    [artwork, instanceId]
+  );
+  if (mark === "glyph") {
     const advance = logoGlyphAdvance(glyph);
     return /* @__PURE__ */ jsx(
       "span",
@@ -56,25 +70,21 @@ function MarkArtwork({ mark, glyph }) {
       }
     );
   }
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(Fragment, { children: ["light", "dark"].map((scheme, index) => /* @__PURE__ */ jsx(
     "svg",
     {
       "data-slot": "logo-artwork",
-      viewBox: "0 0 32 32",
-      width: "32",
-      height: "32",
+      "data-artwork": mark,
+      "data-scheme": scheme,
+      viewBox: artwork[index].viewBox,
       focusable: "false",
       "aria-hidden": "true",
-      children: /* @__PURE__ */ jsx(
-        "path",
-        {
-          fill: "currentColor",
-          fillRule: "evenodd",
-          d: "M8 7h16a7 7 0 0 1 7 7v4a7 7 0 0 1-7 7H8a7 7 0 0 1-7-7v-4a7 7 0 0 1 7-7Zm0 6a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h16a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1H8Z"
-        }
-      )
-    }
-  );
+      dangerouslySetInnerHTML: {
+        __html: html[index]
+      }
+    },
+    scheme
+  )) });
 }
 const Logo = React.forwardRef(
   ({

package/dist/components/navigation/dropdown-menu.d.ts

@@ -155,9 +155,21 @@ interface DropdownMenuItemPropsOwn {
     textValue?: string;
     /** Mượn thẻ của con thay vì dựng `<div>` riêng — chỗ để nhét một `<Link>` vào một mục menu. */
     asChild?: boolean;
+    /**
+     * `id` và mọi `data-*` ĐI XUỐNG phần tử gốc của item (gh#631).
+     *
+     * Trigger của chính cụm này đã nhận cách xử lý ấy ở 20.0.0, với đúng lý do CHANGELOG ghi:
+     * "trước đó bị nuốt, nên selector e2e của consumer rời ra trong im lặng". Phần item thì chưa,
+     * nên hai nửa của cùng một component hành xử ngược nhau.
+     *
+     * TypeScript không bắt được: JSX luôn cho qua mọi thuộc tính có gạch nối, nên `data-testid`
+     * biên dịch sạch và chỉ hỏng lúc chạy. Với `id` còn tệ hơn — nó là thứ `aria-activedescendant`
+     * trỏ vào, và nó biến mất không một lời.
+     */
+    id?: string;
 }
-type DropdownMenuItemProps = React.PropsWithChildren<DropdownMenuItemPropsOwn>;
-export declare function DropdownMenuItem({ children, className, inset, variant, disabled, onSelect, textValue, asChild, }: DropdownMenuItemProps): React.JSX.Element;
+type DropdownMenuItemProps = React.PropsWithChildren<DropdownMenuItemPropsOwn> & Record<`data-${string}`, unknown>;
+export declare function DropdownMenuItem({ children, className, inset, variant, disabled, onSelect, textValue, asChild, ...forwarded }: DropdownMenuItemProps): React.JSX.Element;
 interface DropdownMenuLabelPropsOwn {
     className?: string;
     inset?: boolean;

package/dist/components/navigation/dropdown-menu.js

@@ -267,22 +267,30 @@ function DropdownMenuRadioGroup({
   value,
   onValueChange
 }) {
-  return /* @__PURE__ */ jsx(
-    MenuSection,
-    {
-      "data-slot": "dropdown-menu-radio-group",
-      className,
-      selectionMode: "single",
-      disallowEmptySelection: true,
-      selectedKeys: value == null ? [] : [value],
-      onSelectionChange: (keys) => {
-        if (keys === "all") return;
-        const [first] = [...keys];
-        if (first != null) onValueChange?.(String(first));
-      },
-      children
+  const selection = {
+    className,
+    selectionMode: "single",
+    disallowEmptySelection: true,
+    selectedKeys: value == null ? [] : [value],
+    onSelectionChange: (keys) => {
+      if (keys === "all") return;
+      const [first] = [...keys];
+      if (first != null) onValueChange?.(String(first));
     }
-  );
+  };
+  const runs = [{ label: null, items: [] }];
+  for (const child of React.Children.toArray(children)) {
+    if (React.isValidElement(child) && child.type === DropdownMenuLabel) {
+      runs.push({ label: child, items: [] });
+    } else {
+      runs[runs.length - 1].items.push(child);
+    }
+  }
+  const sections = runs.filter((run) => run.label != null || run.items.length > 0);
+  return /* @__PURE__ */ jsx(Fragment, { children: sections.map((run, index) => /* @__PURE__ */ jsxs(MenuSection, { "data-slot": "dropdown-menu-radio-group", ...selection, children: [
+    run.label,
+    run.items
+  ] }, index)) });
 }
 function DropdownMenuSub({ children }) {
   const parts = React.Children.toArray(children).filter(React.isValidElement);
@@ -372,7 +380,8 @@ function DropdownMenuItem({
   disabled,
   onSelect,
   textValue,
-  asChild
+  asChild,
+  ...forwarded
 }) {
   const tag = borrowedTag(children, asChild);
   return /* @__PURE__ */ jsx(
@@ -394,7 +403,10 @@ function DropdownMenuItem({
             "data-slot": "dropdown-menu-item",
             "data-inset": inset,
             "data-variant": variant,
-            ...radixItemState(state)
+            ...radixItemState(state),
+            // LAST, so a consumer's own `id`/`data-*` wins over ours rather than being
+            // overwritten by the slot bookkeeping above (gh#631).
+            ...forwarded
           },
           content
         );

package/dist/contracts/measurement.json

@@ -1,6 +1,6 @@
 {
   "$comment": "AUTO-GENERATED by scripts/gen-measurement-contract.mjs — do not edit. Read this instead of guessing: docs/MEASUREMENT-CONTRACT.md.",
-  "version": "23.4.11",
+  "version": "23.4.12",
   "targetSize": {
     "standard": "WCAG 2.2 SC 2.5.8 Target Size (Minimum), level AA — 24×24 CSS px",
     "min": 24,

package/dist/email/brand-mark.d.ts

@@ -14,7 +14,8 @@ export interface EmailBrandMarkRect {
     readonly radius: number;
 }
 /** Intrinsic coordinate space of the mark artwork. */
-export declare const EMAIL_BRAND_MARK_VIEWBOX = "0 0 32 32";
+/** The component's box, read from the shared artwork so the two cannot drift. */
+export declare const EMAIL_BRAND_MARK_VIEWBOX: "0 0 32 32";
 /** The emerald capsule. */
 export declare const EMAIL_BRAND_MARK_CAPSULE: EmailBrandMarkRect;
 /** The internal light glyph bar inside the capsule. */

package/dist/email/brand-mark.js

@@ -1,6 +1,6 @@
 import { EMAIL_COLORS } from "./color.js";
-import { EMAIL_GEOMETRY_SOURCE } from "./tokens.generated.js";
-const EMAIL_BRAND_MARK_VIEWBOX = "0 0 32 32";
+import { EMAIL_GEOMETRY_SOURCE, EMAIL_MARK_SOURCE } from "./tokens.generated.js";
+const EMAIL_BRAND_MARK_VIEWBOX = EMAIL_MARK_SOURCE.viewBox;
 const EMAIL_BRAND_MARK_CAPSULE = Object.freeze({
   x: 1,
   y: 7,
@@ -22,8 +22,8 @@ function roundedRectPath({ x, y, width, height, radius }) {
   const v = height - 2 * radius;
   return `M${x + radius} ${y}h${h}${arc(radius, radius, radius)}v${v}${arc(radius, -radius, radius)}H${x + radius}${arc(radius, -radius, -radius)}v-${v}${arc(radius, radius, -radius)}Z`;
 }
-const CAPSULE_PATH = roundedRectPath(EMAIL_BRAND_MARK_CAPSULE);
-const GLYPH_PATH = roundedRectPath(EMAIL_BRAND_MARK_GLYPH);
+const CAPSULE_PATH = EMAIL_MARK_SOURCE.bodyPath;
+const GLYPH_PATH = EMAIL_MARK_SOURCE.arrowPath;
 const DEFAULT_WIDTH = Number.parseFloat(EMAIL_GEOMETRY_SOURCE["--email-mark-width"]);
 const DEFAULT_HEIGHT = Number.parseFloat(EMAIL_GEOMETRY_SOURCE["--email-mark-height"]);
 function options(o = {}) {
@@ -39,7 +39,7 @@ const attr = (value) => value.replace(/&/g, "&amp;").replace(/</g, "&lt;").repla
 function emailBrandMarkSvg(o = {}) {
   const { width, height, color, glyphColor, label } = options(o);
   const a11y = label ? ` role="img" aria-label="${attr(label)}"` : ` role="presentation" aria-hidden="true"`;
-  return `<svg xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}" viewBox="${EMAIL_BRAND_MARK_VIEWBOX}" focusable="false"${a11y} style="display:block;border:0;outline:none;text-decoration:none"><path fill="${color}" d="${CAPSULE_PATH}"/><path fill="${glyphColor}" d="${GLYPH_PATH}"/></svg>`;
+  return `<svg xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}" viewBox="${EMAIL_BRAND_MARK_VIEWBOX}" focusable="false"${a11y} style="display:block;border:0;outline:none;text-decoration:none"><g transform="${EMAIL_MARK_SOURCE.transform}" fill-rule="evenodd"><path fill="${color}" d="${CAPSULE_PATH}"/><path fill="${glyphColor}" d="${GLYPH_PATH}"/></g></svg>`;
 }
 function emailBrandMarkDataUri(o = {}) {
   return `data:image/svg+xml;charset=utf-8,${encodeURIComponent(emailBrandMarkSvg(o))}`;

package/dist/email/tokens.generated.d.ts

@@ -37,7 +37,7 @@ export declare const EMAIL_COLOR_SOURCE: {
     };
     readonly primary: {
         readonly cssVar: "--primary";
-        readonly hsl: "204 100% 37%";
+        readonly hsl: "268.7 100% 50%";
     };
     readonly primaryForeground: {
         readonly cssVar: "--primary-foreground";
@@ -45,11 +45,11 @@ export declare const EMAIL_COLOR_SOURCE: {
     };
     readonly focus: {
         readonly cssVar: "--primary";
-        readonly hsl: "204 100% 37%";
+        readonly hsl: "268.7 100% 50%";
     };
     readonly brand: {
         readonly cssVar: "--brand";
-        readonly hsl: "160.5 100% 29.6%";
+        readonly hsl: "268.7 100% 50%";
     };
     readonly brandForeground: {
         readonly cssVar: "--brand-foreground";
@@ -96,7 +96,7 @@ export declare const EMAIL_COLOR_SOURCE_DARK: {
     };
     readonly primary: {
         readonly cssVar: "--primary";
-        readonly hsl: "204 90% 60%";
+        readonly hsl: "268.7 100% 86.9%";
     };
     readonly primaryForeground: {
         readonly cssVar: "--primary-foreground";
@@ -104,11 +104,11 @@ export declare const EMAIL_COLOR_SOURCE_DARK: {
     };
     readonly focus: {
         readonly cssVar: "--primary";
-        readonly hsl: "204 90% 60%";
+        readonly hsl: "268.7 100% 86.9%";
     };
     readonly brand: {
         readonly cssVar: "--brand";
-        readonly hsl: "160.5 100% 36%";
+        readonly hsl: "268.7 100% 86.9%";
     };
     readonly brandForeground: {
         readonly cssVar: "--brand-foreground";
@@ -165,3 +165,13 @@ export declare const EMAIL_GEOMETRY_SOURCE: {
     readonly "--email-mobile-heading-font-size": "16px";
     readonly "--email-mobile-cta-width": "100%";
 };
+/**
+ * The GoDX identity artwork — the same two paths `<Logo mark="godx" />` paints, from
+ * `src/brand/godx-mark.ts`. Regenerate with the rest of this file; `--check` fails on drift.
+ */
+export declare const EMAIL_MARK_SOURCE: {
+    readonly viewBox: "0 0 32 32";
+    readonly transform: "translate(0 3.917) scale(0.132780)";
+    readonly bodyPath: "M93.0 0.0H158.0C161.0 0.0 162.0 1.0 164.0 3.0L197.0 41.0Q201.0 46.0 195.0 46.0H97.0C71.0 46.0 50.0 68.0 50.0 94.0C50.0 119.0 72.0 138.0 97.0 138.0H126.0Q132.0 138.0 128.0 143.0L95.0 180.0Q93.0 182.0 90.0 182.0C65.0 182.0 44.0 171.0 25.0 151.0C7.0 132.0 0.0 115.0 0.0 94.0C0.0 69.0 11.0 52.0 31.0 31.0C52.0 9.0 70.0 0.0 93.0 0.0Z";
+    readonly arrowPath: "M106.0 74.0H219.0Q222.0 74.0 224.0 77.0L239.0 94.0Q243.0 99.0 239.0 104.0L169.0 178.0Q165.0 182.0 160.0 182.0H114.0Q108.0 182.0 112.0 178.0L151.0 137.0Q154.0 134.0 151.0 131.0L104.0 81.0Q98.0 74.0 106.0 74.0Z";
+};

package/dist/email/tokens.generated.js

@@ -29,7 +29,7 @@ const EMAIL_COLOR_SOURCE = {
   },
   "primary": {
     "cssVar": "--primary",
-    "hsl": "204 100% 37%"
+    "hsl": "268.7 100% 50%"
   },
   "primaryForeground": {
     "cssVar": "--primary-foreground",
@@ -37,11 +37,11 @@ const EMAIL_COLOR_SOURCE = {
   },
   "focus": {
     "cssVar": "--primary",
-    "hsl": "204 100% 37%"
+    "hsl": "268.7 100% 50%"
   },
   "brand": {
     "cssVar": "--brand",
-    "hsl": "160.5 100% 29.6%"
+    "hsl": "268.7 100% 50%"
   },
   "brandForeground": {
     "cssVar": "--brand-foreground",
@@ -87,7 +87,7 @@ const EMAIL_COLOR_SOURCE_DARK = {
   },
   "primary": {
     "cssVar": "--primary",
-    "hsl": "204 90% 60%"
+    "hsl": "268.7 100% 86.9%"
   },
   "primaryForeground": {
     "cssVar": "--primary-foreground",
@@ -95,11 +95,11 @@ const EMAIL_COLOR_SOURCE_DARK = {
   },
   "focus": {
     "cssVar": "--primary",
-    "hsl": "204 90% 60%"
+    "hsl": "268.7 100% 86.9%"
   },
   "brand": {
     "cssVar": "--brand",
-    "hsl": "160.5 100% 36%"
+    "hsl": "268.7 100% 86.9%"
   },
   "brandForeground": {
     "cssVar": "--brand-foreground",
@@ -155,8 +155,15 @@ const EMAIL_GEOMETRY_SOURCE = {
   "--email-mobile-heading-font-size": "16px",
   "--email-mobile-cta-width": "100%"
 };
+const EMAIL_MARK_SOURCE = {
+  "viewBox": "0 0 32 32",
+  "transform": "translate(0 3.917) scale(0.132780)",
+  "bodyPath": "M93.0 0.0H158.0C161.0 0.0 162.0 1.0 164.0 3.0L197.0 41.0Q201.0 46.0 195.0 46.0H97.0C71.0 46.0 50.0 68.0 50.0 94.0C50.0 119.0 72.0 138.0 97.0 138.0H126.0Q132.0 138.0 128.0 143.0L95.0 180.0Q93.0 182.0 90.0 182.0C65.0 182.0 44.0 171.0 25.0 151.0C7.0 132.0 0.0 115.0 0.0 94.0C0.0 69.0 11.0 52.0 31.0 31.0C52.0 9.0 70.0 0.0 93.0 0.0Z",
+  "arrowPath": "M106.0 74.0H219.0Q222.0 74.0 224.0 77.0L239.0 94.0Q243.0 99.0 239.0 104.0L169.0 178.0Q165.0 182.0 160.0 182.0H114.0Q108.0 182.0 112.0 178.0L151.0 137.0Q154.0 134.0 151.0 131.0L104.0 81.0Q98.0 74.0 106.0 74.0Z"
+};
 export {
   EMAIL_COLOR_SOURCE,
   EMAIL_COLOR_SOURCE_DARK,
-  EMAIL_GEOMETRY_SOURCE
+  EMAIL_GEOMETRY_SOURCE,
+  EMAIL_MARK_SOURCE
 };

package/dist/styles/logo-layout.css

@@ -99,7 +99,6 @@
     height: var(--logo-godx-size, var(--logo-godx-size-md));
     border-radius: 0;
     background: transparent;
-    color: hsl(var(--logo-godx-color, var(--brand)));
   }
 
   .ui-logo[data-mark="godx"][data-size="xs"] {
@@ -117,6 +116,31 @@
     height: var(--logo-godx-size, var(--logo-godx-size-lg));
   }
 
+  .ui-logo[data-mark="godx-lockup"] {
+    width: auto;
+    height: var(--logo-godx-size, var(--logo-godx-size-md));
+    border-radius: 0;
+    background: transparent;
+  }
+
+  .ui-logo[data-mark="godx-lockup"][data-size="xs"] {
+    height: var(--logo-godx-size, var(--logo-godx-size-xs));
+  }
+
+  .ui-logo[data-mark="godx-lockup"][data-size="sm"] {
+    height: var(--logo-godx-size, var(--logo-godx-size-sm));
+  }
+
+  .ui-logo[data-mark="godx-lockup"][data-size="lg"] {
+    height: var(--logo-godx-size, var(--logo-godx-size-lg));
+  }
+
+  .ui-logo[data-mark="godx-lockup"] [data-slot="logo-artwork"] {
+    display: block;
+    height: 100%;
+    width: auto;
+  }
+
   .ui-logo[data-mark="godx"] [data-slot="logo-artwork"] {
     display: block;
     width: 100%;
@@ -156,3 +180,26 @@
     color: hsl(var(--logo-wordmark-color, var(--logo-godx-color, var(--brand))));
   }
 }
+
+[data-slot="logo-artwork"][data-scheme="dark"] {
+  display: none;
+}
+
+@media (prefers-color-scheme: dark) {
+  :root:not([data-theme="light"]) [data-slot="logo-artwork"][data-scheme="light"] {
+    display: none;
+  }
+  :root:not([data-theme="light"]) [data-slot="logo-artwork"][data-scheme="dark"] {
+    display: block;
+  }
+}
+
+.dark [data-slot="logo-artwork"][data-scheme="light"],
+:root[data-theme="dark"] [data-slot="logo-artwork"][data-scheme="light"] {
+  display: none;
+}
+
+.dark [data-slot="logo-artwork"][data-scheme="dark"],
+:root[data-theme="dark"] [data-slot="logo-artwork"][data-scheme="dark"] {
+  display: block;
+}

package/dist/tokens/components/logo.css

@@ -14,7 +14,9 @@
   --logo-success-foreground: initial;
   --logo-godx-color: initial;
 
-  --logo-identity-foreground: 48 9% 9%;
+  --logo-identity-foreground: 60 33% 99%;
+
+  --logo-godx-ink-color: 235 68.6% 13.7%;
 
   --logo-glyph-cap-baseline-optical-offset: -0.01em;
   --logo-glyph-cap-descender-optical-offset: -0.09em;
@@ -45,3 +47,10 @@
   --logo-wordmark-font-family: initial;
   --logo-wordmark-color: initial;
 }
+
+.dark,
+:root[data-theme="dark"] {
+  --logo-identity-foreground: 48 9% 9%;
+
+  --logo-godx-ink-color: 140 23.1% 97.5%;
+}

package/dist/tokens/foundation.css

@@ -9,7 +9,7 @@
   --popover: 60 33% 99%;
   --popover-foreground: 48 8% 13%;
 
-  --primary: 204 100% 37%;
+  --primary: 268.7 100% 50%;
   --primary-foreground: 60 33% 99%;
   --secondary: 45 15% 95%;
   --secondary-foreground: 48 8% 13%;
@@ -34,15 +34,15 @@
   --attention: 25 99% 46%;
   --attention-foreground: 60 33% 99%;
 
-  --brand: 160.5 100% 29.6%;
+  --brand: 268.7 100% 50%;
   --brand-foreground: 60 33% 99%;
 
   --text-tertiary: 44 5% 55%;
   --text-disabled: 40 6% 68%;
   --text-link: 204 100% 39%;
-  --text-brand: 204 100% 39%;
+  --text-brand: 268.3 100% 41.6%;
 
-  --text-primary: 204 100% 30%;
+  --text-primary: 268 100% 34.5%;
   --text-success: 152 84% 22%;
   --text-warning: 36 100% 28%;
   --text-info: 221 70% 38%;
@@ -321,7 +321,7 @@
   --card-foreground: 60 20% 96%;
   --popover: 48 8% 12%;
   --popover-foreground: 60 20% 96%;
-  --primary: 204 90% 60%;
+  --primary: 268.7 100% 86.9%;
   --primary-foreground: 48 9% 9%;
   --secondary: 45 6% 18%;
   --secondary-foreground: 60 20% 96%;
@@ -346,15 +346,15 @@
   --attention: 25 95% 56%;
   --attention-foreground: 48 9% 9%;
 
-  --brand: 160.5 100% 36%;
+  --brand: 268.7 100% 86.9%;
   --brand-foreground: 48 9% 9%;
 
   --text-tertiary: 44 6% 56%;
   --text-disabled: 45 6% 40%;
   --text-link: 204 90% 66%;
-  --text-brand: 204 90% 66%;
+  --text-brand: 268.7 100% 86.9%;
 
-  --text-primary: 204 90% 64%;
+  --text-primary: 262.7 100% 92.7%;
   --text-success: 146 55% 64%;
   --text-warning: 44 95% 62%;
   --text-info: 221 70% 72%;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@godxjp/ui",
-  "version": "23.4.11",
-  "godxUiMcp": "23.4.11",
+  "version": "24.0.0",
+  "godxUiMcp": "24.0.0",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
@@ -52,7 +52,7 @@
     "./styles/*": "./dist/styles/*.css",
     "./theme/*": "./dist/theme/*",
     "./tokens": "./dist/tokens/base.css",
-  "./contracts/measurement.json": "./dist/contracts/measurement.json",
+    "./contracts/measurement.json": "./dist/contracts/measurement.json",
     "./admin": {
       "types": "./dist/components/admin/index.d.ts",
       "import": "./dist/components/admin/index.js"