@compose-market/theme 0.0.90 → 0.0.91

package/dist/shell/styles.js

@@ -4,14 +4,16 @@ export const shellCss = `/**
  */
 
 :root {
-  --cm-shell-glow-primary: hsl(var(--primary) / 0.24);
-  --cm-shell-glow-accent: hsl(var(--accent) / 0.14);
+  --cm-shell-glow-primary: hsl(var(--primary) / 0.3);
+  --cm-shell-glow-accent: hsl(var(--accent) / 0.16);
   --cm-shell-surface:
-    linear-gradient(180deg, hsl(var(--card) / 0.96), hsl(var(--card) / 0.82));
-  --cm-shell-border: hsl(var(--border) / 0.92);
+    linear-gradient(145deg, hsl(226 21% 23% / 0.38), hsl(221 50% 9% / 0.24)),
+    radial-gradient(circle at 18% 0%, hsl(var(--primary) / 0.08), transparent 34%),
+    hsl(224 36% 13% / 0.28);
+  --cm-shell-border: hsl(var(--primary) / 0.18);
   --cm-shell-shadow:
-    0 16px 48px hsl(240 30% 2% / 0.38),
-    inset 0 1px 0 hsl(0 0% 100% / 0.04);
+    0 0 40px hsl(var(--primary) / 0.055),
+    inset 0 1px 0 hsl(0 0% 100% / 0.06);
 }
 
 .cm-shell-stack {
@@ -34,9 +36,10 @@ export const shellCss = `/**
   gap: 0.55rem;
   min-height: 2.3rem;
   padding: 0 0.95rem;
-  border-radius: var(--radius, 0.25rem);
-  border: 1px solid hsl(var(--border) / 0.88);
-  background: hsl(var(--card) / 0.92);
+  border-radius: 999px;
+  border: 1px solid hsl(var(--primary) / 0.22);
+  background:
+    linear-gradient(180deg, hsl(var(--card) / 0.72), hsl(var(--background) / 0.36));
   color: hsl(var(--foreground));
   font-family: var(--font-mono), monospace;
   font-size: 0.76rem;
@@ -51,7 +54,10 @@ export const shellCss = `/**
     border-color 180ms ease,
     color 180ms ease,
     box-shadow 180ms ease;
-  box-shadow: inset 0 1px 0 hsl(0 0% 100% / 0.03);
+  box-shadow:
+    inset 0 1px 0 hsl(0 0% 100% / 0.04),
+    0 0 16px hsl(var(--primary) / 0.035);
+  backdrop-filter: blur(12px) saturate(1.08);
 }
 
 .cm-shell-button:hover:not(:disabled) {
@@ -66,7 +72,7 @@ export const shellCss = `/**
 
 .cm-shell-button--primary {
   background:
-    linear-gradient(180deg, hsl(var(--primary)), hsl(188 95% 39%));
+    linear-gradient(135deg, #8aebff, #22d3ee);
   color: hsl(var(--primary-foreground));
   border-color: hsl(var(--primary) / 0.56);
   box-shadow:
@@ -82,12 +88,14 @@ export const shellCss = `/**
 }
 
 .cm-shell-button--secondary {
-  background: hsl(var(--muted) / 0.28);
-  border-color: hsl(var(--border) / 0.88);
+  background: hsl(221 50% 9% / 0.36);
+  border-color: hsl(var(--primary) / 0.2);
+  color: hsl(var(--primary));
 }
 
 .cm-shell-button--secondary:hover:not(:disabled) {
-  background: hsl(var(--muted) / 0.54);
+  background: hsl(var(--primary) / 0.1);
+  box-shadow: 0 0 18px hsl(var(--primary) / 0.1);
 }
 
 .cm-shell-button--ghost {
@@ -136,8 +144,9 @@ export const shellCss = `/**
   min-height: 1.75rem;
   padding: 0 0.72rem;
   border-radius: 999px;
-  border: 1px solid hsl(var(--primary) / 0.18);
-  background: linear-gradient(180deg, hsl(var(--card) / 0.94), hsl(var(--muted) / 0.3));
+  border: 1px solid hsl(var(--primary) / 0.2);
+  background:
+    linear-gradient(180deg, hsl(var(--card) / 0.76), hsl(var(--muted) / 0.26));
   color: hsl(var(--muted-foreground));
   font-family: var(--font-mono), monospace;
   font-size: 0.68rem;
@@ -152,15 +161,16 @@ export const shellCss = `/**
 
 .cm-shell-panel {
   border: 1px solid var(--cm-shell-border);
-  border-radius: max(var(--radius, 0.25rem), 0.3rem);
+  border-radius: 12px;
   background: var(--cm-shell-surface);
   box-shadow: var(--cm-shell-shadow);
-  backdrop-filter: blur(16px);
+  backdrop-filter: blur(16px) saturate(1.12);
 }
 
 .cm-shell-panel--muted {
   background:
-    linear-gradient(180deg, hsl(var(--muted) / 0.34), hsl(var(--background) / 0.9));
+    linear-gradient(145deg, hsl(224 36% 13% / 0.36), hsl(221 50% 9% / 0.72)),
+    radial-gradient(circle at 18% 0%, hsl(var(--primary) / 0.06), transparent 34%);
 }
 
 .cm-shell-panel--ghost {
@@ -247,9 +257,10 @@ export const shellCss = `/**
   align-items: center;
   gap: 0.35rem;
   padding: 0.25rem;
-  border: 1px solid hsl(var(--border) / 0.75);
-  border-radius: var(--radius, 0.25rem);
-  background: hsl(var(--muted) / 0.16);
+  border: 1px solid hsl(var(--primary) / 0.16);
+  border-radius: 999px;
+  background: hsl(var(--muted) / 0.14);
+  backdrop-filter: blur(12px);
 }
 
 .cm-shell-tab {
@@ -258,7 +269,7 @@ export const shellCss = `/**
   gap: 0.5rem;
   min-height: 2.1rem;
   padding: 0 0.85rem;
-  border-radius: calc(var(--radius, 0.25rem) - 1px);
+  border-radius: 999px;
   border: 1px solid transparent;
   background: transparent;
   color: hsl(var(--muted-foreground));
@@ -294,8 +305,9 @@ export const shellCss = `/**
   align-items: center;
   gap: 0.7rem;
   padding: 0.8rem 0.95rem;
-  border-radius: max(var(--radius, 0.25rem), 0.3rem);
+  border-radius: 12px;
   border: 1px solid;
+  backdrop-filter: blur(12px);
 }
 
 .cm-shell-notice--info {
@@ -384,7 +396,9 @@ export const shellCss = `/**
   align-items: center;
   justify-content: center;
   padding: 1rem;
-  background: hsl(240 30% 2% / 0.8);
+  background:
+    radial-gradient(circle at 50% 24%, hsl(var(--primary) / 0.08), transparent 28rem),
+    hsl(240 30% 2% / 0.82);
   backdrop-filter: blur(12px);
   z-index: 100;
 }
@@ -393,7 +407,7 @@ export const shellCss = `/**
   width: min(100%, 46rem);
   max-height: min(90vh, 56rem);
   overflow: auto;
-  border-radius: max(var(--radius, 0.25rem), 0.3rem);
+  border-radius: 12px;
 }
 
 .cm-shell-modal__header {
@@ -460,9 +474,9 @@ export const shellCss = `/**
 .cm-form-select {
   width: 100%;
   padding: 10px 12px;
-  background: hsl(var(--input) / 0.92);
-  border: 1px solid hsl(var(--border));
-  border-radius: var(--radius, 0.25rem);
+  background: hsl(222 47% 7% / 0.84);
+  border: 1px solid hsl(var(--primary) / 0.16);
+  border-radius: 10px;
   color: hsl(var(--foreground));
   font-size: 14px;
   font-family: var(--font-sans), sans-serif;
@@ -474,7 +488,9 @@ export const shellCss = `/**
 .cm-form-select:focus {
   outline: none;
   border-color: hsl(var(--primary));
-  box-shadow: 0 0 0 1px hsl(var(--primary) / 0.24);
+  box-shadow:
+    0 0 0 1px hsl(var(--primary) / 0.24),
+    inset 0 0 20px hsl(var(--primary) / 0.06);
   background: hsl(var(--background) / 0.96);
 }
 

package/dist/shell/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/shell/styles.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,QAAQ,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuyBvB,CAAC"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/shell/styles.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,QAAQ,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuzBvB,CAAC"}

package/dist/themes/dark.js

@@ -5,32 +5,32 @@
  * Based on official branding guidelines.
  */
 export const darkTheme = {
-    background: '222 47% 3%',
-    foreground: '210 40% 80%',
-    card: '222 40% 5%',
-    cardForeground: '210 30% 75%',
-    popover: '222 40% 4%',
-    popoverForeground: '210 30% 75%',
+    background: '221 50% 9%',
+    foreground: '230 78% 92%',
+    card: '224 36% 13%',
+    cardForeground: '230 78% 92%',
+    popover: '224 36% 13%',
+    popoverForeground: '230 78% 92%',
     primary: '188 95% 43%',
     primaryForeground: '222 47% 3%',
-    secondary: '270 60% 20%',
-    secondaryForeground: '270 80% 90%',
-    muted: '217 33% 15%',
-    mutedForeground: '215 16% 47%',
+    secondary: '226 21% 23%',
+    secondaryForeground: '230 78% 92%',
+    muted: '224 36% 13%',
+    mutedForeground: '229 28% 70%',
     accent: '292 85% 55%',
-    accentForeground: '0 0% 100%',
+    accentForeground: '230 78% 92%',
     destructive: '0 90% 50%',
     destructiveForeground: '0 0% 100%',
-    border: '217 33% 15%',
-    input: '217 33% 10%',
+    border: '188 95% 43%',
+    input: '222 47% 7%',
     ring: '188 95% 43%',
-    sidebar: '222 47% 3%',
-    sidebarForeground: '210 30% 75%',
+    sidebar: '221 50% 9%',
+    sidebarForeground: '230 78% 92%',
     sidebarPrimary: '188 95% 43%',
     sidebarPrimaryForeground: '222 47% 3%',
-    sidebarAccent: '222 40% 8%',
-    sidebarAccentForeground: '210 40% 90%',
-    sidebarBorder: '217 33% 15%',
+    sidebarAccent: '226 21% 23%',
+    sidebarAccentForeground: '230 78% 92%',
+    sidebarBorder: '188 95% 43%',
     sidebarRing: '188 95% 43%',
 };
 export const darkThemeMeta = {
@@ -40,9 +40,9 @@ export const darkThemeMeta = {
     colors: darkTheme,
 };
 export const darkBackgrounds = {
-    default: 'radial-gradient(circle at 50% 0%, hsl(270 60% 10% / 0.2), transparent 70%), linear-gradient(to bottom, transparent, hsl(222 47% 3%))',
-    subtle: 'hsl(222 47% 3%)',
-    elevated: 'hsl(222 40% 5%)',
+    default: 'radial-gradient(circle at 50% 0%, hsl(188 95% 43% / 0.12), transparent 70%), linear-gradient(to bottom, transparent, hsl(221 50% 9%))',
+    subtle: 'hsl(221 50% 9%)',
+    elevated: 'hsl(224 36% 13%)',
 };
 export const darkEffects = {
     neonGlow: {
@@ -50,10 +50,10 @@ export const darkEffects = {
         fuchsia: '0 0 10px hsl(292 85% 55% / 0.5), 0 0 20px hsl(292 85% 55% / 0.3)',
     },
     glassPanel: {
-        background: 'linear-gradient(145deg, hsl(222 40% 5% / 0.8), hsl(222 40% 5% / 0.4))',
-        backdropFilter: 'blur(12px)',
-        border: '1px solid hsl(217 33% 15% / 0.5)',
-        boxShadow: '0 4px 24px -1px hsl(0 0% 0% / 0.3), inset 0 1px 0 hsl(0 0% 100% / 0.05)',
+        background: 'linear-gradient(145deg, hsl(226 21% 23% / 0.38), hsl(221 50% 9% / 0.24))',
+        backdropFilter: 'blur(18px)',
+        border: '1px solid hsl(188 95% 43% / 0.18)',
+        boxShadow: '0 0 40px hsl(188 95% 43% / 0.055), inset 0 1px 0 hsl(0 0% 100% / 0.07)',
     },
 };
 //# sourceMappingURL=dark.js.map

package/dist/themes/dark.js.map

@@ -1 +1 @@
-{"version":3,"file":"dark.js","sourceRoot":"","sources":["../../src/themes/dark.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAkCH,MAAM,CAAC,MAAM,SAAS,GAAgB;IACpC,UAAU,EAAE,YAAY;IACxB,UAAU,EAAE,aAAa;IACzB,IAAI,EAAE,YAAY;IAClB,cAAc,EAAE,aAAa;IAC7B,OAAO,EAAE,YAAY;IACrB,iBAAiB,EAAE,aAAa;IAChC,OAAO,EAAE,aAAa;IACtB,iBAAiB,EAAE,YAAY;IAC/B,SAAS,EAAE,aAAa;IACxB,mBAAmB,EAAE,aAAa;IAClC,KAAK,EAAE,aAAa;IACpB,eAAe,EAAE,aAAa;IAC9B,MAAM,EAAE,aAAa;IACrB,gBAAgB,EAAE,WAAW;IAC7B,WAAW,EAAE,WAAW;IACxB,qBAAqB,EAAE,WAAW;IAClC,MAAM,EAAE,aAAa;IACrB,KAAK,EAAE,aAAa;IACpB,IAAI,EAAE,aAAa;IACnB,OAAO,EAAE,YAAY;IACrB,iBAAiB,EAAE,aAAa;IAChC,cAAc,EAAE,aAAa;IAC7B,wBAAwB,EAAE,YAAY;IACtC,aAAa,EAAE,YAAY;IAC3B,uBAAuB,EAAE,aAAa;IACtC,aAAa,EAAE,aAAa;IAC5B,WAAW,EAAE,aAAa;CAC3B,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B,IAAI,EAAE,MAAM;IACZ,WAAW,EAAE,MAAM;IACnB,WAAW,EAAE,kEAAkE;IAC/E,MAAM,EAAE,SAAS;CAClB,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG;IAC7B,OAAO,EAAE,sIAAsI;IAC/I,MAAM,EAAE,iBAAiB;IACzB,QAAQ,EAAE,iBAAiB;CAC5B,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,QAAQ,EAAE;QACR,IAAI,EAAE,kEAAkE;QACxE,OAAO,EAAE,kEAAkE;KAC5E;IACD,UAAU,EAAE;QACV,UAAU,EAAE,uEAAuE;QACnF,cAAc,EAAE,YAAY;QAC5B,MAAM,EAAE,kCAAkC;QAC1C,SAAS,EAAE,yEAAyE;KACrF;CACF,CAAC"}
+{"version":3,"file":"dark.js","sourceRoot":"","sources":["../../src/themes/dark.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAkCH,MAAM,CAAC,MAAM,SAAS,GAAgB;IACpC,UAAU,EAAE,YAAY;IACxB,UAAU,EAAE,aAAa;IACzB,IAAI,EAAE,aAAa;IACnB,cAAc,EAAE,aAAa;IAC7B,OAAO,EAAE,aAAa;IACtB,iBAAiB,EAAE,aAAa;IAChC,OAAO,EAAE,aAAa;IACtB,iBAAiB,EAAE,YAAY;IAC/B,SAAS,EAAE,aAAa;IACxB,mBAAmB,EAAE,aAAa;IAClC,KAAK,EAAE,aAAa;IACpB,eAAe,EAAE,aAAa;IAC9B,MAAM,EAAE,aAAa;IACrB,gBAAgB,EAAE,aAAa;IAC/B,WAAW,EAAE,WAAW;IACxB,qBAAqB,EAAE,WAAW;IAClC,MAAM,EAAE,aAAa;IACrB,KAAK,EAAE,YAAY;IACnB,IAAI,EAAE,aAAa;IACnB,OAAO,EAAE,YAAY;IACrB,iBAAiB,EAAE,aAAa;IAChC,cAAc,EAAE,aAAa;IAC7B,wBAAwB,EAAE,YAAY;IACtC,aAAa,EAAE,aAAa;IAC5B,uBAAuB,EAAE,aAAa;IACtC,aAAa,EAAE,aAAa;IAC5B,WAAW,EAAE,aAAa;CAC3B,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B,IAAI,EAAE,MAAM;IACZ,WAAW,EAAE,MAAM;IACnB,WAAW,EAAE,kEAAkE;IAC/E,MAAM,EAAE,SAAS;CAClB,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG;IAC7B,OAAO,EAAE,uIAAuI;IAChJ,MAAM,EAAE,iBAAiB;IACzB,QAAQ,EAAE,kBAAkB;CAC7B,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,QAAQ,EAAE;QACR,IAAI,EAAE,kEAAkE;QACxE,OAAO,EAAE,kEAAkE;KAC5E;IACD,UAAU,EAAE;QACV,UAAU,EAAE,0EAA0E;QACtF,cAAc,EAAE,YAAY;QAC5B,MAAM,EAAE,mCAAmC;QAC3C,SAAS,EAAE,wEAAwE;KACpF;CACF,CAAC"}

package/dist/tokens/typography.d.ts

@@ -3,7 +3,7 @@
  *
  * Font families from branding guidelines:
  * - Display: Orbitron (headers, brand text)
- * - Body: Rajdhani (UI, paragraphs)
+ * - Body: Manrope (UI, paragraphs)
  * - Code: Fira Code (monospace, technical)
  */
 export type FontFamilyToken = {

package/dist/tokens/typography.js

@@ -3,7 +3,7 @@
  *
  * Font families from branding guidelines:
  * - Display: Orbitron (headers, brand text)
- * - Body: Rajdhani (UI, paragraphs)
+ * - Body: Manrope (UI, paragraphs)
  * - Code: Fira Code (monospace, technical)
  */
 export const fontFamilies = {
@@ -15,7 +15,7 @@ export const fontFamilies = {
     },
     sans: {
         name: 'Sans (Body)',
-        value: '"Rajdhani"',
+        value: '"Manrope"',
         fallback: 'sans-serif',
         cssVar: '--font-sans',
     },

package/dist/tokens/typography.js.map

@@ -1 +1 @@
-{"version":3,"file":"typography.js","sourceRoot":"","sources":["../../src/tokens/typography.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AASH,MAAM,CAAC,MAAM,YAAY,GAAoC;IAC3D,OAAO,EAAE;QACP,IAAI,EAAE,SAAS;QACf,KAAK,EAAE,YAAY;QACnB,QAAQ,EAAE,YAAY;QACtB,MAAM,EAAE,gBAAgB;KACzB;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,aAAa;QACnB,KAAK,EAAE,YAAY;QACnB,QAAQ,EAAE,YAAY;QACtB,MAAM,EAAE,aAAa;KACtB;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,WAAW;QACjB,KAAK,EAAE,aAAa;QACpB,QAAQ,EAAE,WAAW;QACrB,MAAM,EAAE,aAAa;KACtB;CACO,CAAC;AASX,MAAM,CAAC,MAAM,SAAS,GAAkC;IACtD,EAAE,EAAE;QACF,IAAI,EAAE,aAAa;QACnB,IAAI,EAAE,SAAS;QACf,UAAU,EAAE,MAAM;QAClB,MAAM,EAAE,WAAW;KACpB;IACD,EAAE,EAAE;QACF,IAAI,EAAE,OAAO;QACb,IAAI,EAAE,UAAU;QAChB,UAAU,EAAE,SAAS;QACrB,MAAM,EAAE,WAAW;KACpB;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,MAAM;QACZ,IAAI,EAAE,MAAM;QACZ,UAAU,EAAE,QAAQ;QACpB,MAAM,EAAE,aAAa;KACtB;IACD,EAAE,EAAE;QACF,IAAI,EAAE,OAAO;QACb,IAAI,EAAE,UAAU;QAChB,UAAU,EAAE,SAAS;QACrB,MAAM,EAAE,WAAW;KACpB;IACD,EAAE,EAAE;QACF,IAAI,EAAE,aAAa;QACnB,IAAI,EAAE,SAAS;QACf,UAAU,EAAE,SAAS;QACrB,MAAM,EAAE,WAAW;KACpB;IACD,KAAK,EAAE;QACL,IAAI,EAAE,KAAK;QACX,IAAI,EAAE,QAAQ;QACd,UAAU,EAAE,MAAM;QAClB,MAAM,EAAE,YAAY;KACrB;IACD,KAAK,EAAE;QACL,IAAI,EAAE,KAAK;QACX,IAAI,EAAE,UAAU;QAChB,UAAU,EAAE,SAAS;QACrB,MAAM,EAAE,YAAY;KACrB;IACD,KAAK,EAAE;QACL,IAAI,EAAE,KAAK;QACX,IAAI,EAAE,SAAS;QACf,UAAU,EAAE,QAAQ;QACpB,MAAM,EAAE,YAAY;KACrB;IACD,KAAK,EAAE;QACL,IAAI,EAAE,KAAK;QACX,IAAI,EAAE,MAAM;QACZ,UAAU,EAAE,GAAG;QACf,MAAM,EAAE,YAAY;KACrB;CACO,CAAC;AAQX,MAAM,CAAC,MAAM,WAAW,GAAoC;IAC1D,KAAK,EAAE;QACL,IAAI,EAAE,OAAO;QACb,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,cAAc;KACvB;IACD,MAAM,EAAE;QACN,IAAI,EAAE,QAAQ;QACd,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,eAAe;KACxB;IACD,MAAM,EAAE;QACN,IAAI,EAAE,QAAQ;QACd,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,eAAe;KACxB;IACD,QAAQ,EAAE;QACR,IAAI,EAAE,UAAU;QAChB,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,iBAAiB;KAC1B;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,MAAM;QACZ,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,aAAa;KACtB;CACO,CAAC;AAQX,MAAM,CAAC,MAAM,UAAU,GAAe;IACpC,QAAQ,EAAE,YAAY;IACtB,KAAK,EAAE,SAAS;IAChB,OAAO,EAAE,WAAW;CACrB,CAAC"}
+{"version":3,"file":"typography.js","sourceRoot":"","sources":["../../src/tokens/typography.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AASH,MAAM,CAAC,MAAM,YAAY,GAAoC;IAC3D,OAAO,EAAE;QACP,IAAI,EAAE,SAAS;QACf,KAAK,EAAE,YAAY;QACnB,QAAQ,EAAE,YAAY;QACtB,MAAM,EAAE,gBAAgB;KACzB;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,aAAa;QACnB,KAAK,EAAE,WAAW;QAClB,QAAQ,EAAE,YAAY;QACtB,MAAM,EAAE,aAAa;KACtB;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,WAAW;QACjB,KAAK,EAAE,aAAa;QACpB,QAAQ,EAAE,WAAW;QACrB,MAAM,EAAE,aAAa;KACtB;CACO,CAAC;AASX,MAAM,CAAC,MAAM,SAAS,GAAkC;IACtD,EAAE,EAAE;QACF,IAAI,EAAE,aAAa;QACnB,IAAI,EAAE,SAAS;QACf,UAAU,EAAE,MAAM;QAClB,MAAM,EAAE,WAAW;KACpB;IACD,EAAE,EAAE;QACF,IAAI,EAAE,OAAO;QACb,IAAI,EAAE,UAAU;QAChB,UAAU,EAAE,SAAS;QACrB,MAAM,EAAE,WAAW;KACpB;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,MAAM;QACZ,IAAI,EAAE,MAAM;QACZ,UAAU,EAAE,QAAQ;QACpB,MAAM,EAAE,aAAa;KACtB;IACD,EAAE,EAAE;QACF,IAAI,EAAE,OAAO;QACb,IAAI,EAAE,UAAU;QAChB,UAAU,EAAE,SAAS;QACrB,MAAM,EAAE,WAAW;KACpB;IACD,EAAE,EAAE;QACF,IAAI,EAAE,aAAa;QACnB,IAAI,EAAE,SAAS;QACf,UAAU,EAAE,SAAS;QACrB,MAAM,EAAE,WAAW;KACpB;IACD,KAAK,EAAE;QACL,IAAI,EAAE,KAAK;QACX,IAAI,EAAE,QAAQ;QACd,UAAU,EAAE,MAAM;QAClB,MAAM,EAAE,YAAY;KACrB;IACD,KAAK,EAAE;QACL,IAAI,EAAE,KAAK;QACX,IAAI,EAAE,UAAU;QAChB,UAAU,EAAE,SAAS;QACrB,MAAM,EAAE,YAAY;KACrB;IACD,KAAK,EAAE;QACL,IAAI,EAAE,KAAK;QACX,IAAI,EAAE,SAAS;QACf,UAAU,EAAE,QAAQ;QACpB,MAAM,EAAE,YAAY;KACrB;IACD,KAAK,EAAE;QACL,IAAI,EAAE,KAAK;QACX,IAAI,EAAE,MAAM;QACZ,UAAU,EAAE,GAAG;QACf,MAAM,EAAE,YAAY;KACrB;CACO,CAAC;AAQX,MAAM,CAAC,MAAM,WAAW,GAAoC;IAC1D,KAAK,EAAE;QACL,IAAI,EAAE,OAAO;QACb,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,cAAc;KACvB;IACD,MAAM,EAAE;QACN,IAAI,EAAE,QAAQ;QACd,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,eAAe;KACxB;IACD,MAAM,EAAE;QACN,IAAI,EAAE,QAAQ;QACd,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,eAAe;KACxB;IACD,QAAQ,EAAE;QACR,IAAI,EAAE,UAAU;QAChB,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,iBAAiB;KAC1B;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,MAAM;QACZ,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,aAAa;KACtB;CACO,CAAC;AAQX,MAAM,CAAC,MAAM,UAAU,GAAe;IACpC,QAAQ,EAAE,YAAY;IACtB,KAAK,EAAE,SAAS;IAChB,OAAO,EAAE,WAAW;CACrB,CAAC"}

package/dist/utilities/styles.d.ts

@@ -2,7 +2,7 @@
  * Shared Utilities Styles
  *
  * Cross-app CSS utilities: marquee, safe-area, touch, scrollbar, truncation.
- * Extracted from web/src/index.css and desktop/src/styles.css.
+ * Extracted from web/src/index.css and mesh/src/styles.css.
  */
-export declare const utilitiesStyles = "\n/* \u2500\u2500 Marquee \u2500\u2500 */\n@keyframes cm-marquee-scroll {\n  0%   { transform: translateX(0); }\n  100% { transform: translateX(-50%); }\n}\n\n@keyframes cm-marquee-scroll-reverse {\n  0%   { transform: translateX(-50%); }\n  100% { transform: translateX(0); }\n}\n\n.cm-marquee-track {\n  animation: cm-marquee-scroll linear infinite;\n  will-change: transform;\n}\n\n.cm-marquee-track-reverse {\n  animation: cm-marquee-scroll-reverse linear infinite;\n  will-change: transform;\n}\n\n/* \u2500\u2500 Safe Area \u2500\u2500 */\n.cm-safe-area-top    { padding-top: env(safe-area-inset-top); }\n.cm-safe-area-bottom { padding-bottom: env(safe-area-inset-bottom); }\n.cm-safe-area-left   { padding-left: env(safe-area-inset-left); }\n.cm-safe-area-right  { padding-right: env(safe-area-inset-right); }\n\n.cm-safe-area-x {\n  padding-left: env(safe-area-inset-left);\n  padding-right: env(safe-area-inset-right);\n}\n\n.cm-safe-area-y {\n  padding-top: env(safe-area-inset-top);\n  padding-bottom: env(safe-area-inset-bottom);\n}\n\n/* \u2500\u2500 Touch \u2500\u2500 */\n.cm-touch-manipulation {\n  touch-action: manipulation;\n}\n\n.cm-no-select {\n  -webkit-user-select: none;\n  user-select: none;\n}\n\n/* \u2500\u2500 Scrollbar Hide \u2500\u2500 */\n.cm-scrollbar-hide {\n  -ms-overflow-style: none;\n  scrollbar-width: none;\n}\n\n.cm-scrollbar-hide::-webkit-scrollbar {\n  display: none;\n}\n\n/* \u2500\u2500 Text Truncation \u2500\u2500 */\n.cm-text-truncate {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  max-width: 100%;\n}\n\n/* \u2500\u2500 Touch Targets (mobile \u2264 768px) \u2500\u2500 */\n@media (max-width: 768px) {\n  .cm-touch-target {\n    min-height: 44px;\n    min-width: 44px;\n  }\n}\n\n/* \u2500\u2500 Mobile Scrollbar (thinner for \u2264 768px) \u2500\u2500 */\n@media (max-width: 768px) {\n  .cm-thin-scrollbar::-webkit-scrollbar {\n    width: 4px;\n    height: 4px;\n  }\n}\n";
+export declare const utilitiesStyles = "\n/* \u2500\u2500 Marquee \u2500\u2500 */\n@keyframes cm-marquee-scroll {\n  0%   { transform: translate3d(0, 0, 0); }\n  100% { transform: translate3d(-50%, 0, 0); }\n}\n\n@keyframes cm-marquee-scroll-reverse {\n  0%   { transform: translate3d(-50%, 0, 0); }\n  100% { transform: translate3d(0, 0, 0); }\n}\n\n@keyframes cm-partner-scanline {\n  0% { transform: translate3d(0, -100px, 0); }\n  100% { transform: translate3d(0, calc(100vh + 100px), 0); }\n}\n\n.cm-marquee-track {\n  animation: cm-marquee-scroll linear infinite;\n  will-change: transform;\n}\n\n.cm-marquee-track-reverse {\n  animation: cm-marquee-scroll-reverse linear infinite;\n  will-change: transform;\n}\n\n/* \u2500\u2500 Partner Blocks \u2500\u2500 */\n.cm-partners {\n  container-type: inline-size;\n  display: grid;\n  gap: clamp(0.85rem, 3cqi, 1.4rem);\n  width: 100%;\n  min-width: 0;\n}\n\n.cm-partners__backing {\n  display: grid;\n  grid-template-columns: minmax(13rem, 0.75fr) minmax(0, 1.25fr);\n  align-items: center;\n  gap: clamp(0.8rem, 3cqi, 1.4rem);\n  min-width: 0;\n}\n\n.cm-partners__copy {\n  display: grid;\n  gap: 0.32rem;\n  min-width: 0;\n}\n\n.cm-partners__label {\n  color: hsl(var(--muted-foreground) / 0.86);\n  font-family: var(--font-mono), monospace;\n  font-size: clamp(0.62rem, 2cqi, 0.78rem);\n  font-weight: 800;\n  letter-spacing: 0.14em;\n  line-height: 1.1;\n  text-transform: uppercase;\n}\n\n.cm-partners__title {\n  color: transparent;\n  background: linear-gradient(90deg, #8aebff, #dce1fb 48%, #fbabff);\n  -webkit-background-clip: text;\n  background-clip: text;\n  font-family: var(--font-display), Orbitron, sans-serif;\n  font-size: clamp(0.98rem, 4cqi, 1.45rem);\n  font-weight: 850;\n  letter-spacing: 0.02em;\n  line-height: 0.98;\n  overflow-wrap: anywhere;\n  text-transform: uppercase;\n}\n\n.cm-partners__badges {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(min(100%, 12rem), 1fr));\n  gap: clamp(0.7rem, 2.4cqi, 1rem);\n  min-width: 0;\n}\n\n.cm-partner-badge {\n  position: relative;\n  display: grid;\n  min-width: 0;\n  min-height: clamp(4.25rem, 13cqi, 5.6rem);\n  place-items: center;\n  overflow: hidden;\n  border: 1px solid hsl(var(--primary) / 0.18);\n  border-radius: 12px;\n  background:\n    linear-gradient(145deg, hsl(226 21% 23% / 0.34), hsl(221 50% 9% / 0.24)),\n    radial-gradient(circle at 50% 0%, hsl(var(--primary) / 0.12), transparent 64%);\n  box-shadow:\n    inset 0 1px 0 hsl(0 0% 100% / 0.07),\n    0 0 36px hsl(var(--primary) / 0.05);\n  padding: clamp(0.72rem, 2.4cqi, 1rem);\n  backdrop-filter: blur(16px) saturate(1.12);\n  transition:\n    transform 180ms ease,\n    border-color 220ms ease,\n    box-shadow 220ms ease;\n}\n\n.cm-partner-badge::before {\n  content: \"\";\n  position: absolute;\n  inset: -1px;\n  pointer-events: none;\n  background:\n    linear-gradient(135deg, hsl(var(--primary) / 0.14), transparent 48%),\n    linear-gradient(315deg, hsl(var(--accent) / 0.14), transparent 52%);\n  opacity: 0.55;\n}\n\n.cm-partner-badge::after {\n  content: \"\";\n  position: absolute;\n  inset-inline: 0;\n  top: -100px;\n  height: 100px;\n  pointer-events: none;\n  background: linear-gradient(180deg, transparent, hsl(0 0% 100% / 0.055), transparent);\n  opacity: 0.75;\n  animation: cm-partner-scanline 4s linear infinite;\n  will-change: transform;\n}\n\n.cm-partner-badge[data-tone=\"green\"] {\n  border-color: hsl(142 71% 45% / 0.34);\n  box-shadow:\n    inset 0 1px 0 hsl(0 0% 100% / 0.07),\n    0 0 36px hsl(142 71% 45% / 0.08);\n}\n\n.cm-partner-badge[data-tone=\"blue\"] {\n  border-color: hsl(217 91% 60% / 0.34);\n  box-shadow:\n    inset 0 1px 0 hsl(0 0% 100% / 0.07),\n    0 0 36px hsl(217 91% 60% / 0.08);\n}\n\n.cm-partner-badge[data-tone=\"purple\"],\n.cm-partner-badge[data-tone=\"violet\"] {\n  border-color: hsl(var(--accent) / 0.34);\n  box-shadow:\n    inset 0 1px 0 hsl(0 0% 100% / 0.07),\n    0 0 36px hsl(var(--accent) / 0.08);\n}\n\n.cm-partner-badge:hover,\n.cm-partner-badge:focus-visible {\n  transform: translateY(-1px);\n  border-color: hsl(var(--primary) / 0.5);\n  outline: none;\n  box-shadow:\n    inset 0 1px 0 hsl(0 0% 100% / 0.08),\n    0 0 28px hsl(var(--primary) / 0.14);\n}\n\n.cm-partner-badge img {\n  position: relative;\n  z-index: 1;\n  width: auto;\n  max-width: min(100%, 18rem);\n  height: clamp(2rem, 7cqi, 3.45rem);\n  object-fit: contain;\n}\n\n.cm-partner-marquee {\n  position: relative;\n  display: grid;\n  gap: clamp(0.58rem, 1.8cqi, 0.85rem);\n  width: 100%;\n  min-width: 0;\n  overflow: hidden;\n}\n\n.cm-partner-marquee::before,\n.cm-partner-marquee::after {\n  content: \"\";\n  position: absolute;\n  inset-block: 0;\n  z-index: 2;\n  width: clamp(2rem, 8cqi, 5rem);\n  pointer-events: none;\n}\n\n.cm-partner-marquee::before {\n  left: 0;\n  background: linear-gradient(90deg, hsl(var(--background) / 0.9), transparent);\n}\n\n.cm-partner-marquee::after {\n  right: 0;\n  background: linear-gradient(270deg, hsl(var(--background) / 0.9), transparent);\n}\n\n.cm-partner-logo {\n  display: grid;\n  height: clamp(2.45rem, 7cqi, 3rem);\n  min-width: clamp(6.4rem, 18cqi, 8.7rem);\n  place-items: center;\n  flex: 0 0 auto;\n  border: 1px solid hsl(var(--primary) / 0.12);\n  border-radius: 10px;\n  background: hsl(221 50% 9% / 0.34);\n  padding-inline: clamp(0.8rem, 2.6cqi, 1.15rem);\n  transition:\n    transform 180ms ease,\n    border-color 220ms ease,\n    background-color 220ms ease,\n    box-shadow 220ms ease;\n}\n\n.cm-partner-logo:hover {\n  transform: translateY(-1px);\n  border-color: hsl(var(--primary) / 0.46);\n  background: hsl(221 50% 9% / 0.52);\n  box-shadow: 0 0 20px hsl(var(--primary) / 0.1);\n}\n\n.cm-partner-logo img {\n  width: auto;\n  max-width: 6.25rem;\n  height: clamp(0.85rem, 3cqi, 1.25rem);\n  object-fit: contain;\n  filter: grayscale(1) brightness(0.74);\n  opacity: 0.76;\n  transition: filter 220ms ease, opacity 220ms ease;\n}\n\n.cm-partner-logo:hover img {\n  filter: grayscale(0) brightness(1.1);\n  opacity: 1;\n}\n\n@container (max-width: 42rem) {\n  .cm-partners__backing {\n    grid-template-columns: 1fr;\n  }\n}\n\n@container (max-width: 24rem) {\n  .cm-partners__badges {\n    grid-template-columns: 1fr;\n  }\n}\n\n/* \u2500\u2500 Safe Area \u2500\u2500 */\n.cm-safe-area-top    { padding-top: env(safe-area-inset-top); }\n.cm-safe-area-bottom { padding-bottom: env(safe-area-inset-bottom); }\n.cm-safe-area-left   { padding-left: env(safe-area-inset-left); }\n.cm-safe-area-right  { padding-right: env(safe-area-inset-right); }\n\n.cm-safe-area-x {\n  padding-left: env(safe-area-inset-left);\n  padding-right: env(safe-area-inset-right);\n}\n\n.cm-safe-area-y {\n  padding-top: env(safe-area-inset-top);\n  padding-bottom: env(safe-area-inset-bottom);\n}\n\n/* \u2500\u2500 Touch \u2500\u2500 */\n.cm-touch-manipulation {\n  touch-action: manipulation;\n}\n\n.cm-no-select {\n  -webkit-user-select: none;\n  user-select: none;\n}\n\n/* \u2500\u2500 Scrollbar Hide \u2500\u2500 */\n.cm-scrollbar-hide {\n  -ms-overflow-style: none;\n  scrollbar-width: none;\n}\n\n.cm-scrollbar-hide::-webkit-scrollbar {\n  display: none;\n}\n\n/* \u2500\u2500 Text Truncation \u2500\u2500 */\n.cm-text-truncate {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  max-width: 100%;\n}\n\n/* \u2500\u2500 Touch Targets (mobile \u2264 768px) \u2500\u2500 */\n@media (max-width: 768px) {\n  .cm-touch-target {\n    min-height: 44px;\n    min-width: 44px;\n  }\n}\n\n/* \u2500\u2500 Mobile Scrollbar (thinner for \u2264 768px) \u2500\u2500 */\n@media (max-width: 768px) {\n  .cm-thin-scrollbar::-webkit-scrollbar {\n    width: 4px;\n    height: 4px;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .cm-marquee-track,\n  .cm-marquee-track-reverse,\n  .cm-partner-badge::after {\n    animation-duration: 0.01ms !important;\n    animation-iteration-count: 1 !important;\n  }\n\n  .cm-partner-logo,\n  .cm-partner-badge,\n  .cm-partner-logo img {\n    transition-duration: 0.01ms !important;\n  }\n}\n";
 //# sourceMappingURL=styles.d.ts.map

package/dist/utilities/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/utilities/styles.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,eAAO,MAAM,eAAe,q6DAiF3B,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/utilities/styles.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,eAAO,MAAM,eAAe,u1PAmU3B,CAAC"}

package/dist/utilities/styles.js

@@ -2,18 +2,23 @@
  * Shared Utilities Styles
  *
  * Cross-app CSS utilities: marquee, safe-area, touch, scrollbar, truncation.
- * Extracted from web/src/index.css and desktop/src/styles.css.
+ * Extracted from web/src/index.css and mesh/src/styles.css.
  */
 export const utilitiesStyles = /* css */ `
 /* ── Marquee ── */
 @keyframes cm-marquee-scroll {
-  0%   { transform: translateX(0); }
-  100% { transform: translateX(-50%); }
+  0%   { transform: translate3d(0, 0, 0); }
+  100% { transform: translate3d(-50%, 0, 0); }
 }
 
 @keyframes cm-marquee-scroll-reverse {
-  0%   { transform: translateX(-50%); }
-  100% { transform: translateX(0); }
+  0%   { transform: translate3d(-50%, 0, 0); }
+  100% { transform: translate3d(0, 0, 0); }
+}
+
+@keyframes cm-partner-scanline {
+  0% { transform: translate3d(0, -100px, 0); }
+  100% { transform: translate3d(0, calc(100vh + 100px), 0); }
 }
 
 .cm-marquee-track {
@@ -26,6 +31,228 @@ export const utilitiesStyles = /* css */ `
   will-change: transform;
 }
 
+/* ── Partner Blocks ── */
+.cm-partners {
+  container-type: inline-size;
+  display: grid;
+  gap: clamp(0.85rem, 3cqi, 1.4rem);
+  width: 100%;
+  min-width: 0;
+}
+
+.cm-partners__backing {
+  display: grid;
+  grid-template-columns: minmax(13rem, 0.75fr) minmax(0, 1.25fr);
+  align-items: center;
+  gap: clamp(0.8rem, 3cqi, 1.4rem);
+  min-width: 0;
+}
+
+.cm-partners__copy {
+  display: grid;
+  gap: 0.32rem;
+  min-width: 0;
+}
+
+.cm-partners__label {
+  color: hsl(var(--muted-foreground) / 0.86);
+  font-family: var(--font-mono), monospace;
+  font-size: clamp(0.62rem, 2cqi, 0.78rem);
+  font-weight: 800;
+  letter-spacing: 0.14em;
+  line-height: 1.1;
+  text-transform: uppercase;
+}
+
+.cm-partners__title {
+  color: transparent;
+  background: linear-gradient(90deg, #8aebff, #dce1fb 48%, #fbabff);
+  -webkit-background-clip: text;
+  background-clip: text;
+  font-family: var(--font-display), Orbitron, sans-serif;
+  font-size: clamp(0.98rem, 4cqi, 1.45rem);
+  font-weight: 850;
+  letter-spacing: 0.02em;
+  line-height: 0.98;
+  overflow-wrap: anywhere;
+  text-transform: uppercase;
+}
+
+.cm-partners__badges {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(min(100%, 12rem), 1fr));
+  gap: clamp(0.7rem, 2.4cqi, 1rem);
+  min-width: 0;
+}
+
+.cm-partner-badge {
+  position: relative;
+  display: grid;
+  min-width: 0;
+  min-height: clamp(4.25rem, 13cqi, 5.6rem);
+  place-items: center;
+  overflow: hidden;
+  border: 1px solid hsl(var(--primary) / 0.18);
+  border-radius: 12px;
+  background:
+    linear-gradient(145deg, hsl(226 21% 23% / 0.34), hsl(221 50% 9% / 0.24)),
+    radial-gradient(circle at 50% 0%, hsl(var(--primary) / 0.12), transparent 64%);
+  box-shadow:
+    inset 0 1px 0 hsl(0 0% 100% / 0.07),
+    0 0 36px hsl(var(--primary) / 0.05);
+  padding: clamp(0.72rem, 2.4cqi, 1rem);
+  backdrop-filter: blur(16px) saturate(1.12);
+  transition:
+    transform 180ms ease,
+    border-color 220ms ease,
+    box-shadow 220ms ease;
+}
+
+.cm-partner-badge::before {
+  content: "";
+  position: absolute;
+  inset: -1px;
+  pointer-events: none;
+  background:
+    linear-gradient(135deg, hsl(var(--primary) / 0.14), transparent 48%),
+    linear-gradient(315deg, hsl(var(--accent) / 0.14), transparent 52%);
+  opacity: 0.55;
+}
+
+.cm-partner-badge::after {
+  content: "";
+  position: absolute;
+  inset-inline: 0;
+  top: -100px;
+  height: 100px;
+  pointer-events: none;
+  background: linear-gradient(180deg, transparent, hsl(0 0% 100% / 0.055), transparent);
+  opacity: 0.75;
+  animation: cm-partner-scanline 4s linear infinite;
+  will-change: transform;
+}
+
+.cm-partner-badge[data-tone="green"] {
+  border-color: hsl(142 71% 45% / 0.34);
+  box-shadow:
+    inset 0 1px 0 hsl(0 0% 100% / 0.07),
+    0 0 36px hsl(142 71% 45% / 0.08);
+}
+
+.cm-partner-badge[data-tone="blue"] {
+  border-color: hsl(217 91% 60% / 0.34);
+  box-shadow:
+    inset 0 1px 0 hsl(0 0% 100% / 0.07),
+    0 0 36px hsl(217 91% 60% / 0.08);
+}
+
+.cm-partner-badge[data-tone="purple"],
+.cm-partner-badge[data-tone="violet"] {
+  border-color: hsl(var(--accent) / 0.34);
+  box-shadow:
+    inset 0 1px 0 hsl(0 0% 100% / 0.07),
+    0 0 36px hsl(var(--accent) / 0.08);
+}
+
+.cm-partner-badge:hover,
+.cm-partner-badge:focus-visible {
+  transform: translateY(-1px);
+  border-color: hsl(var(--primary) / 0.5);
+  outline: none;
+  box-shadow:
+    inset 0 1px 0 hsl(0 0% 100% / 0.08),
+    0 0 28px hsl(var(--primary) / 0.14);
+}
+
+.cm-partner-badge img {
+  position: relative;
+  z-index: 1;
+  width: auto;
+  max-width: min(100%, 18rem);
+  height: clamp(2rem, 7cqi, 3.45rem);
+  object-fit: contain;
+}
+
+.cm-partner-marquee {
+  position: relative;
+  display: grid;
+  gap: clamp(0.58rem, 1.8cqi, 0.85rem);
+  width: 100%;
+  min-width: 0;
+  overflow: hidden;
+}
+
+.cm-partner-marquee::before,
+.cm-partner-marquee::after {
+  content: "";
+  position: absolute;
+  inset-block: 0;
+  z-index: 2;
+  width: clamp(2rem, 8cqi, 5rem);
+  pointer-events: none;
+}
+
+.cm-partner-marquee::before {
+  left: 0;
+  background: linear-gradient(90deg, hsl(var(--background) / 0.9), transparent);
+}
+
+.cm-partner-marquee::after {
+  right: 0;
+  background: linear-gradient(270deg, hsl(var(--background) / 0.9), transparent);
+}
+
+.cm-partner-logo {
+  display: grid;
+  height: clamp(2.45rem, 7cqi, 3rem);
+  min-width: clamp(6.4rem, 18cqi, 8.7rem);
+  place-items: center;
+  flex: 0 0 auto;
+  border: 1px solid hsl(var(--primary) / 0.12);
+  border-radius: 10px;
+  background: hsl(221 50% 9% / 0.34);
+  padding-inline: clamp(0.8rem, 2.6cqi, 1.15rem);
+  transition:
+    transform 180ms ease,
+    border-color 220ms ease,
+    background-color 220ms ease,
+    box-shadow 220ms ease;
+}
+
+.cm-partner-logo:hover {
+  transform: translateY(-1px);
+  border-color: hsl(var(--primary) / 0.46);
+  background: hsl(221 50% 9% / 0.52);
+  box-shadow: 0 0 20px hsl(var(--primary) / 0.1);
+}
+
+.cm-partner-logo img {
+  width: auto;
+  max-width: 6.25rem;
+  height: clamp(0.85rem, 3cqi, 1.25rem);
+  object-fit: contain;
+  filter: grayscale(1) brightness(0.74);
+  opacity: 0.76;
+  transition: filter 220ms ease, opacity 220ms ease;
+}
+
+.cm-partner-logo:hover img {
+  filter: grayscale(0) brightness(1.1);
+  opacity: 1;
+}
+
+@container (max-width: 42rem) {
+  .cm-partners__backing {
+    grid-template-columns: 1fr;
+  }
+}
+
+@container (max-width: 24rem) {
+  .cm-partners__badges {
+    grid-template-columns: 1fr;
+  }
+}
+
 /* ── Safe Area ── */
 .cm-safe-area-top    { padding-top: env(safe-area-inset-top); }
 .cm-safe-area-bottom { padding-bottom: env(safe-area-inset-bottom); }
@@ -85,5 +312,20 @@ export const utilitiesStyles = /* css */ `
     height: 4px;
   }
 }
+
+@media (prefers-reduced-motion: reduce) {
+  .cm-marquee-track,
+  .cm-marquee-track-reverse,
+  .cm-partner-badge::after {
+    animation-duration: 0.01ms !important;
+    animation-iteration-count: 1 !important;
+  }
+
+  .cm-partner-logo,
+  .cm-partner-badge,
+  .cm-partner-logo img {
+    transition-duration: 0.01ms !important;
+  }
+}
 `;
 //# sourceMappingURL=styles.js.map

package/dist/utilities/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/utilities/styles.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,SAAS,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiFxC,CAAC"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/utilities/styles.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,SAAS,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmUxC,CAAC"}

package/dist/workflows/index.d.ts

@@ -47,19 +47,19 @@ export interface ComposeWorkflowCardProps {
     /** Additional className */
     className?: string;
 }
-export declare function ComposeWorkflowCard({ bannerSrc, title, description, titleIcon, headerAction, badges, stats, coordinatorIcon, coordinatorLabel, coordinatorValue, agentsCount, agentsIcon, onAgentsFold, agentsFoldChevron, agentsBadges, leaseSlot, endpointSlot, footer, interactive, className, }: ComposeWorkflowCardProps): import("react/jsx-runtime").JSX.Element;
+export declare function ComposeWorkflowCard({ bannerSrc, title, description, titleIcon, headerAction, badges, stats, coordinatorIcon, coordinatorLabel, coordinatorValue, agentsCount, agentsIcon, onAgentsFold, agentsFoldChevron, agentsBadges, leaseSlot, endpointSlot, footer, interactive, className, }: ComposeWorkflowCardProps): React.JSX.Element;
 export interface ComposeWorkflowFoldListProps {
     backSlot: React.ReactNode;
     titleSlot?: React.ReactNode;
     children: React.ReactNode;
     className?: string;
 }
-export declare function ComposeWorkflowFoldList({ backSlot, titleSlot, children, className, }: ComposeWorkflowFoldListProps): import("react/jsx-runtime").JSX.Element;
+export declare function ComposeWorkflowFoldList({ backSlot, titleSlot, children, className, }: ComposeWorkflowFoldListProps): React.JSX.Element;
 export interface ComposeWorkflowFoldDetailProps {
     backSlot: React.ReactNode;
     children: React.ReactNode;
     className?: string;
 }
-export declare function ComposeWorkflowFoldDetail({ backSlot, children, className, }: ComposeWorkflowFoldDetailProps): import("react/jsx-runtime").JSX.Element;
-export declare function ComposeWorkflowCardSkeleton(): import("react/jsx-runtime").JSX.Element;
+export declare function ComposeWorkflowFoldDetail({ backSlot, children, className, }: ComposeWorkflowFoldDetailProps): React.JSX.Element;
+export declare function ComposeWorkflowCardSkeleton(): React.JSX.Element;
 //# sourceMappingURL=index.d.ts.map