@compose-market/theme 0.0.82 → 0.0.91

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/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Utilities Module
+ *
+ * Shared CSS utilities for marquee, safe-area, touch, scrollbar, truncation.
+ * No React components — these are CSS-only shared classes.
+ */
+export { utilitiesStyles } from "./styles";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utilities/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC"}

package/dist/utilities/index.js

@@ -0,0 +1,8 @@
+/**
+ * Utilities Module
+ *
+ * Shared CSS utilities for marquee, safe-area, touch, scrollbar, truncation.
+ * No React components — these are CSS-only shared classes.
+ */
+export { utilitiesStyles } from "./styles";
+//# sourceMappingURL=index.js.map

package/dist/utilities/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/utilities/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC"}

package/dist/utilities/styles.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Shared Utilities Styles
+ *
+ * Cross-app CSS utilities: marquee, safe-area, touch, scrollbar, truncation.
+ * 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: 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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,331 @@
+/**
+ * Shared Utilities Styles
+ *
+ * Cross-app CSS utilities: marquee, safe-area, touch, scrollbar, truncation.
+ * Extracted from web/src/index.css and mesh/src/styles.css.
+ */
+export const utilitiesStyles = /* css */ `
+/* ── Marquee ── */
+@keyframes cm-marquee-scroll {
+  0%   { transform: translate3d(0, 0, 0); }
+  100% { transform: translate3d(-50%, 0, 0); }
+}
+
+@keyframes cm-marquee-scroll-reverse {
+  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 {
+  animation: cm-marquee-scroll linear infinite;
+  will-change: transform;
+}
+
+.cm-marquee-track-reverse {
+  animation: cm-marquee-scroll-reverse linear infinite;
+  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); }
+.cm-safe-area-left   { padding-left: env(safe-area-inset-left); }
+.cm-safe-area-right  { padding-right: env(safe-area-inset-right); }
+
+.cm-safe-area-x {
+  padding-left: env(safe-area-inset-left);
+  padding-right: env(safe-area-inset-right);
+}
+
+.cm-safe-area-y {
+  padding-top: env(safe-area-inset-top);
+  padding-bottom: env(safe-area-inset-bottom);
+}
+
+/* ── Touch ── */
+.cm-touch-manipulation {
+  touch-action: manipulation;
+}
+
+.cm-no-select {
+  -webkit-user-select: none;
+  user-select: none;
+}
+
+/* ── Scrollbar Hide ── */
+.cm-scrollbar-hide {
+  -ms-overflow-style: none;
+  scrollbar-width: none;
+}
+
+.cm-scrollbar-hide::-webkit-scrollbar {
+  display: none;
+}
+
+/* ── Text Truncation ── */
+.cm-text-truncate {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-width: 100%;
+}
+
+/* ── Touch Targets (mobile ≤ 768px) ── */
+@media (max-width: 768px) {
+  .cm-touch-target {
+    min-height: 44px;
+    min-width: 44px;
+  }
+}
+
+/* ── Mobile Scrollbar (thinner for ≤ 768px) ── */
+@media (max-width: 768px) {
+  .cm-thin-scrollbar::-webkit-scrollbar {
+    width: 4px;
+    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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,65 @@
+/**
+ * Workflow Card Shell Components
+ *
+ * Render-slot shell for workflow cards with fold pattern navigation.
+ * Logic-free — all interactivity is passed in via props/slots.
+ */
+import React from "react";
+export interface ComposeWorkflowStat {
+    icon: React.ReactNode;
+    value: string;
+    tooltip?: string;
+    tone?: "green" | "cyan" | "fuchsia" | "warning";
+}
+export interface ComposeWorkflowCardProps {
+    /** Banner image URL (null → gradient placeholder) */
+    bannerSrc?: string | null;
+    /** Card title */
+    title: string;
+    /** Card description (text or ReactNode) */
+    description?: React.ReactNode;
+    /** Title-row icon slot (e.g. Layers icon) */
+    titleIcon?: React.ReactNode;
+    /** Header action slot (e.g. explorer link) */
+    headerAction?: React.ReactNode;
+    /** Badge slot */
+    badges?: React.ReactNode;
+    /** Stats (up to 4) */
+    stats?: ComposeWorkflowStat[];
+    /** Coordinator section (model name) */
+    coordinatorIcon?: React.ReactNode;
+    coordinatorLabel?: string;
+    coordinatorValue?: string;
+    /** Agents fold section */
+    agentsCount?: number;
+    agentsIcon?: React.ReactNode;
+    onAgentsFold?: () => void;
+    agentsFoldChevron?: React.ReactNode;
+    agentsBadges?: React.ReactNode;
+    /** Lease section */
+    leaseSlot?: React.ReactNode;
+    /** Endpoint section */
+    endpointSlot?: React.ReactNode;
+    /** Footer slot */
+    footer?: React.ReactNode;
+    /** Interactive (hover glow) */
+    interactive?: boolean;
+    /** 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): 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): React.JSX.Element;
+export interface ComposeWorkflowFoldDetailProps {
+    backSlot: React.ReactNode;
+    children: React.ReactNode;
+    className?: string;
+}
+export declare function ComposeWorkflowFoldDetail({ backSlot, children, className, }: ComposeWorkflowFoldDetailProps): React.JSX.Element;
+export declare function ComposeWorkflowCardSkeleton(): React.JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/workflows/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/workflows/index.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,CAAC;CACjD;AAED,MAAM,WAAW,wBAAwB;IACvC,qDAAqD;IACrD,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,iBAAiB;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,2CAA2C;IAC3C,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,6CAA6C;IAC7C,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,8CAA8C;IAC9C,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,iBAAiB;IACjB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,sBAAsB;IACtB,KAAK,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAC9B,uCAAuC;IACvC,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,0BAA0B;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,oBAAoB;IACpB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,uBAAuB;IACvB,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,kBAAkB;IAClB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,+BAA+B;IAC/B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAID,wBAAgB,mBAAmB,CAAC,EAClC,SAAS,EACT,KAAK,EACL,WAAW,EACX,SAAS,EACT,YAAY,EACZ,MAAM,EACN,KAAK,EACL,eAAe,EACf,gBAAgB,EAChB,gBAAgB,EAChB,WAAW,EACX,UAAU,EACV,YAAY,EACZ,iBAAiB,EACjB,YAAY,EACZ,SAAS,EACT,YAAY,EACZ,MAAM,EACN,WAAW,EACX,SAAS,GACV,EAAE,wBAAwB,qBA+G1B;AAID,MAAM,WAAW,4BAA4B;IAC3C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,uBAAuB,CAAC,EACtC,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,SAAS,GACV,EAAE,4BAA4B,qBAU9B;AAID,MAAM,WAAW,8BAA8B;IAC7C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,yBAAyB,CAAC,EACxC,QAAQ,EACR,QAAQ,EACR,SAAS,GACV,EAAE,8BAA8B,qBAOhC;AAID,wBAAgB,2BAA2B,sBAuB1C"}

package/dist/workflows/index.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cx } from "../internal/cx";
+/* ── Main View ── */
+export function ComposeWorkflowCard({ bannerSrc, title, description, titleIcon, headerAction, badges, stats, coordinatorIcon, coordinatorLabel, coordinatorValue, agentsCount, agentsIcon, onAgentsFold, agentsFoldChevron, agentsBadges, leaseSlot, endpointSlot, footer, interactive, className, }) {
+    return (_jsxs("div", { className: cx("cm-workflow-card", interactive && "cm-workflow-card--interactive", className), children: [bannerSrc ? (_jsx("div", { className: "cm-workflow-card__banner", style: { backgroundImage: `url(${bannerSrc})` } })) : (_jsx("div", { className: "cm-workflow-card__banner cm-workflow-card__banner--placeholder" })), _jsxs("div", { className: "cm-workflow-card__body", children: [_jsx("div", { className: "cm-workflow-card__header", children: _jsxs("div", { className: "cm-workflow-card__header-copy", children: [_jsxs("div", { className: "cm-workflow-card__title-row", children: [titleIcon && _jsx("span", { className: "cm-workflow-card__icon", children: titleIcon }), _jsx("h3", { className: "cm-workflow-card__title", children: title }), headerAction] }), description && (_jsx("p", { className: "cm-workflow-card__description", children: description }))] }) }), badges && _jsx("div", { className: "cm-workflow-card__badges", children: badges }), stats && stats.length > 0 && (_jsx("div", { className: "cm-workflow-card__stats", children: stats.map((stat, index) => (_jsxs("div", { className: "cm-workflow-card__stat", title: stat.tooltip, children: [_jsx("div", { className: "cm-workflow-card__stat-icon", style: { color: stat.tone ? `var(--cm-tone-${stat.tone})` : undefined }, children: stat.icon }), _jsx("p", { className: "cm-workflow-card__stat-value", style: { color: stat.tone ? `var(--cm-tone-${stat.tone})` : undefined }, children: stat.value })] }, index))) })), coordinatorValue && (_jsxs("div", { className: "cm-workflow-card__coordinator", children: [coordinatorIcon && (_jsx("span", { className: "cm-workflow-card__coordinator-icon", children: coordinatorIcon })), _jsxs("div", { className: "cm-workflow-card__coordinator-copy", children: [_jsx("span", { className: "cm-workflow-card__coordinator-label", children: coordinatorLabel || "Coordinator" }), _jsx("span", { className: "cm-workflow-card__coordinator-value", title: coordinatorValue, children: coordinatorValue })] })] })), agentsCount != null && agentsCount > 0 && (_jsxs("div", { className: "cm-workflow-card__agents", children: [_jsxs("button", { type: "button", className: "cm-workflow-card__agents-header", onClick: onAgentsFold, children: [_jsxs("div", { className: "cm-workflow-card__agents-label", children: [agentsIcon && (_jsx("span", { className: "cm-workflow-card__agents-label-icon", children: agentsIcon })), _jsxs("span", { className: "cm-workflow-card__agents-label-text", children: ["Agents (", agentsCount, ")"] })] }), agentsFoldChevron] }), agentsBadges && (_jsx("div", { className: "cm-workflow-card__agents-badges", children: agentsBadges }))] })), leaseSlot, endpointSlot, footer] })] }));
+}
+export function ComposeWorkflowFoldList({ backSlot, titleSlot, children, className, }) {
+    return (_jsxs("div", { className: cx("cm-workflow-card", className), children: [_jsxs("div", { className: "cm-workflow-card__fold-header", children: [backSlot, titleSlot] }), _jsx("div", { className: "cm-workflow-card__fold-body", children: children })] }));
+}
+export function ComposeWorkflowFoldDetail({ backSlot, children, className, }) {
+    return (_jsxs("div", { className: cx("cm-workflow-card", className), children: [_jsx("div", { className: "cm-workflow-card__fold-header", children: backSlot }), _jsx("div", { className: "cm-workflow-card__fold-body", children: children })] }));
+}
+/* ── Skeleton ── */
+export function ComposeWorkflowCardSkeleton() {
+    return (_jsxs("div", { className: "cm-workflow-card-skeleton", children: [_jsx("div", { className: "cm-workflow-card-skeleton__banner" }), _jsxs("div", { className: "cm-workflow-card-skeleton__body", children: [_jsxs("div", { className: "cm-workflow-card-skeleton__row", children: [_jsx("div", { className: "cm-workflow-card-skeleton__block", style: { width: 20, height: 20 } }), _jsxs("div", { style: { flex: 1, display: "flex", flexDirection: "column", gap: 8 }, children: [_jsx("div", { className: "cm-workflow-card-skeleton__block", style: { width: "60%", height: 20 } }), _jsx("div", { className: "cm-workflow-card-skeleton__block", style: { width: "100%", height: 16 } })] })] }), _jsxs("div", { style: { display: "grid", gridTemplateColumns: "repeat(4, 1fr)", gap: 8 }, children: [_jsx("div", { className: "cm-workflow-card-skeleton__block", style: { height: 56 } }), _jsx("div", { className: "cm-workflow-card-skeleton__block", style: { height: 56 } }), _jsx("div", { className: "cm-workflow-card-skeleton__block", style: { height: 56 } }), _jsx("div", { className: "cm-workflow-card-skeleton__block", style: { height: 56 } })] }), _jsx("div", { className: "cm-workflow-card-skeleton__block", style: { height: 56 } }), _jsx("div", { className: "cm-workflow-card-skeleton__block", style: { height: 80 } })] })] }));
+}
+//# sourceMappingURL=index.js.map

package/dist/workflows/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/workflows/index.tsx"],"names":[],"mappings":"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"}