@compose-market/theme 0.0.75 → 0.0.80

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (25) hide show
  1. package/dist/agents/styles.d.ts +1 -1
  2. package/dist/agents/styles.d.ts.map +1 -1
  3. package/dist/agents/styles.js +37 -29
  4. package/dist/agents/styles.js.map +1 -1
  5. package/dist/app/styles.d.ts +1 -1
  6. package/dist/app/styles.d.ts.map +1 -1
  7. package/dist/app/styles.js +18 -9
  8. package/dist/app/styles.js.map +1 -1
  9. package/dist/css/agents.css +37 -29
  10. package/dist/css/app.css +18 -9
  11. package/dist/css/index.d.ts +1 -1
  12. package/dist/css/index.d.ts.map +1 -1
  13. package/dist/css/index.js +4 -0
  14. package/dist/css/index.js.map +1 -1
  15. package/dist/css/session.css +17 -10
  16. package/dist/css/shell.css +136 -100
  17. package/dist/session/styles.d.ts +1 -1
  18. package/dist/session/styles.d.ts.map +1 -1
  19. package/dist/session/styles.js +17 -10
  20. package/dist/session/styles.js.map +1 -1
  21. package/dist/shell/styles.d.ts +1 -1
  22. package/dist/shell/styles.d.ts.map +1 -1
  23. package/dist/shell/styles.js +136 -100
  24. package/dist/shell/styles.js.map +1 -1
  25. package/package.json +1 -1
package/dist/session/styles.js CHANGED
@@ -43,7 +43,7 @@ export const sessionCss = `/**
43
43
  align-items: flex-start;
44
44
  justify-content: space-between;
45
45
  gap: 1rem;
46
- font-size: 0.76rem;
46
+ font-size: 0.72rem;
47
47
  }
48
48
 
49
49
  .cm-session-menu__row span,
@@ -71,7 +71,10 @@ export const sessionCss = `/**
71
71
  border: 0;
72
72
  background: transparent;
73
73
  color: hsl(var(--foreground));
74
- font-size: 0.86rem;
74
+ font-family: var(--font-mono), monospace;
75
+ font-size: 0.72rem;
76
+ letter-spacing: 0.08em;
77
+ text-transform: uppercase;
75
78
  cursor: pointer;
76
79
  transition: background-color 180ms ease, color 180ms ease;
77
80
  }
@@ -82,7 +85,7 @@ export const sessionCss = `/**
82
85
 
83
86
  .cm-session-modal {
84
87
  max-width: 34rem;
85
- border-radius: 0.65rem;
88
+ border-radius: max(var(--radius, 0.25rem), 0.3rem);
86
89
  }
87
90
 
88
91
  .cm-session-modal__title-wrap,
@@ -106,9 +109,10 @@ export const sessionCss = `/**
106
109
  .cm-session-section__label,
107
110
  .cm-session-manage__header {
108
111
  color: hsl(var(--muted-foreground));
109
- font-size: 0.78rem;
112
+ font-family: var(--font-mono), monospace;
113
+ font-size: 0.68rem;
110
114
  font-weight: 700;
111
- letter-spacing: 0.06em;
115
+ letter-spacing: 0.12em;
112
116
  text-transform: uppercase;
113
117
  }
114
118
 
@@ -121,11 +125,14 @@ export const sessionCss = `/**
121
125
  .cm-session-choice {
122
126
  min-height: 2.3rem;
123
127
  padding: 0.45rem 0.6rem;
124
- border-radius: 0.45rem;
128
+ border-radius: var(--radius, 0.25rem);
125
129
  border: 1px solid hsl(var(--border));
126
130
  background: hsl(var(--muted));
127
131
  color: hsl(var(--foreground));
128
- font-size: 0.82rem;
132
+ font-family: var(--font-mono), monospace;
133
+ font-size: 0.72rem;
134
+ letter-spacing: 0.08em;
135
+ text-transform: uppercase;
129
136
  cursor: pointer;
130
137
  transition: border-color 180ms ease, background-color 180ms ease, color 180ms ease;
131
138
  }
@@ -141,7 +148,7 @@ export const sessionCss = `/**
141
148
  display: grid;
142
149
  gap: 0.45rem;
143
150
  padding: 0.9rem 1rem;
144
- border-radius: 0.55rem;
151
+ border-radius: var(--radius, 0.25rem);
145
152
  border: 1px solid hsl(var(--border));
146
153
  background: hsl(var(--muted) / 0.45);
147
154
  }
@@ -192,7 +199,7 @@ export const sessionCss = `/**
192
199
  min-height: 9rem;
193
200
  padding: 1rem;
194
201
  border: 1px dashed hsl(var(--border));
195
- border-radius: 0.65rem;
202
+ border-radius: max(var(--radius, 0.25rem), 0.3rem);
196
203
  color: hsl(var(--muted-foreground));
197
204
  text-align: center;
198
205
  }
@@ -237,7 +244,7 @@ export const sessionCss = `/**
237
244
  display: inline-flex;
238
245
  align-items: center;
239
246
  justify-content: center;
240
- border-radius: 0.65rem;
247
+ border-radius: var(--radius, 0.25rem);
241
248
  border: 1px solid hsl(var(--border));
242
249
  background: transparent;
243
250
  color: hsl(var(--muted-foreground));
package/dist/session/styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/session/styles.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,UAAU,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+SzB,CAAC"}
1
+ {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/session/styles.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,UAAU,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsTzB,CAAC"}
package/dist/shell/styles.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- export declare const shellCss = "/**\n * Compose.Market Shared Shell\n * @compose-market/theme/css/shell\n */\n\n:root {\n --cm-shell-glow-primary: hsl(var(--primary) / 0.32);\n --cm-shell-glow-accent: hsl(314 100% 64% / 0.18);\n --cm-shell-surface: linear-gradient(180deg, hsl(var(--card) / 0.9), hsl(var(--background) / 0.92));\n --cm-shell-border: hsl(var(--border) / 0.78);\n --cm-shell-shadow:\n 0 24px 72px hsl(240 30% 2% / 0.45),\n inset 0 1px 0 hsl(0 0% 100% / 0.05);\n}\n\n.cm-shell-stack {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.cm-shell-cluster {\n display: flex;\n align-items: center;\n gap: 0.75rem;\n flex-wrap: wrap;\n}\n\n.cm-shell-button {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 0.55rem;\n min-height: 2.5rem;\n padding: 0 1rem;\n border-radius: 0.55rem;\n border: 1px solid transparent;\n background: transparent;\n color: hsl(var(--foreground));\n font-family: var(--font-sans), sans-serif;\n font-size: 0.9rem;\n font-weight: 600;\n line-height: 1;\n cursor: pointer;\n transition:\n transform 180ms ease,\n background-color 180ms ease,\n border-color 180ms ease,\n color 180ms ease,\n box-shadow 180ms ease;\n}\n\n.cm-shell-button:hover:not(:disabled) {\n transform: translateY(-1px);\n}\n\n.cm-shell-button:disabled {\n opacity: 0.55;\n cursor: not-allowed;\n}\n\n.cm-shell-button--primary {\n background:\n linear-gradient(135deg, hsl(var(--primary) / 0.9), hsl(314 100% 64% / 0.78));\n color: hsl(var(--primary-foreground));\n border-color: hsl(var(--primary) / 0.42);\n box-shadow: 0 0 24px var(--cm-shell-glow-primary);\n}\n\n.cm-shell-button--primary:hover:not(:disabled) {\n box-shadow:\n 0 0 30px var(--cm-shell-glow-primary),\n 0 0 22px var(--cm-shell-glow-accent);\n}\n\n.cm-shell-button--secondary {\n background: hsl(var(--muted) / 0.32);\n border-color: hsl(var(--border) / 0.88);\n}\n\n.cm-shell-button--secondary:hover:not(:disabled) {\n border-color: hsl(var(--primary) / 0.4);\n background: hsl(var(--muted) / 0.52);\n}\n\n.cm-shell-button--ghost {\n background: transparent;\n border-color: transparent;\n color: hsl(var(--muted-foreground));\n}\n\n.cm-shell-button--ghost:hover:not(:disabled) {\n color: hsl(var(--foreground));\n background: hsl(var(--muted) / 0.2);\n}\n\n.cm-shell-button--danger {\n background: hsl(var(--destructive) / 0.12);\n border-color: hsl(var(--destructive) / 0.3);\n color: hsl(var(--destructive-foreground));\n}\n\n.cm-shell-button--danger:hover:not(:disabled) {\n background: hsl(var(--destructive) / 0.2);\n}\n\n.cm-shell-button--sm {\n min-height: 2rem;\n padding: 0 0.8rem;\n font-size: 0.78rem;\n}\n\n.cm-shell-button--lg {\n min-height: 2.9rem;\n padding: 0 1.15rem;\n}\n\n.cm-shell-button--icon {\n width: 2.5rem;\n padding: 0;\n}\n\n.cm-shell-pill {\n display: inline-flex;\n align-items: center;\n gap: 0.45rem;\n min-height: 1.9rem;\n padding: 0 0.8rem;\n border-radius: 999px;\n border: 1px solid hsl(var(--border) / 0.72);\n background: hsl(var(--muted) / 0.28);\n color: hsl(var(--muted-foreground));\n font-size: 0.76rem;\n letter-spacing: 0.02em;\n text-transform: uppercase;\n}\n\n.cm-shell-pill strong,\n.cm-shell-pill span {\n color: inherit;\n}\n\n.cm-shell-panel {\n border: 1px solid var(--cm-shell-border);\n border-radius: 1rem;\n background: var(--cm-shell-surface);\n box-shadow: var(--cm-shell-shadow);\n backdrop-filter: blur(14px);\n}\n\n.cm-shell-panel--muted {\n background:\n linear-gradient(180deg, hsl(var(--muted) / 0.38), hsl(var(--background) / 0.84));\n}\n\n.cm-shell-panel--ghost {\n background: transparent;\n box-shadow: none;\n}\n\n.cm-shell-panel__body {\n padding: 1.2rem;\n}\n\n.cm-shell-page-header {\n display: flex;\n align-items: flex-start;\n justify-content: space-between;\n gap: 1rem;\n padding: 1.35rem 1.45rem;\n}\n\n.cm-shell-page-header__copy {\n display: flex;\n flex-direction: column;\n gap: 0.45rem;\n}\n\n.cm-shell-page-header__eyebrow {\n color: hsl(var(--primary));\n font-family: var(--font-mono), monospace;\n font-size: 0.76rem;\n letter-spacing: 0.16em;\n text-transform: uppercase;\n}\n\n.cm-shell-page-header__title {\n color: hsl(var(--foreground));\n font-family: var(--font-display), sans-serif;\n font-size: clamp(1.2rem, 2vw, 1.65rem);\n letter-spacing: 0.02em;\n}\n\n.cm-shell-page-header__subtitle {\n color: hsl(var(--muted-foreground));\n font-size: 0.92rem;\n max-width: 56rem;\n}\n\n.cm-shell-stat-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));\n gap: 0.8rem;\n}\n\n.cm-shell-stat {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n padding: 0.9rem 1rem;\n}\n\n.cm-shell-stat__label {\n color: hsl(var(--muted-foreground));\n font-size: 0.76rem;\n letter-spacing: 0.08em;\n text-transform: uppercase;\n}\n\n.cm-shell-stat__value {\n color: hsl(var(--foreground));\n font-family: var(--font-display), sans-serif;\n font-size: 1.1rem;\n}\n\n.cm-shell-stat__hint {\n color: hsl(var(--muted-foreground));\n font-size: 0.78rem;\n}\n\n.cm-shell-tab-strip {\n display: inline-flex;\n align-items: center;\n gap: 0.35rem;\n padding: 0.35rem;\n border: 1px solid hsl(var(--border) / 0.75);\n border-radius: 999px;\n background: hsl(var(--muted) / 0.16);\n}\n\n.cm-shell-tab {\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n min-height: 2.35rem;\n padding: 0 1rem;\n border-radius: 999px;\n border: 1px solid transparent;\n background: transparent;\n color: hsl(var(--muted-foreground));\n font-family: var(--font-mono), monospace;\n font-size: 0.76rem;\n letter-spacing: 0.08em;\n text-transform: uppercase;\n cursor: pointer;\n transition:\n background-color 180ms ease,\n color 180ms ease,\n border-color 180ms ease,\n box-shadow 180ms ease;\n}\n\n.cm-shell-tab:hover {\n color: hsl(var(--foreground));\n}\n\n.cm-shell-tab[data-active=\"true\"] {\n background: linear-gradient(135deg, hsl(var(--primary) / 0.22), hsl(314 100% 64% / 0.18));\n border-color: hsl(var(--primary) / 0.34);\n color: hsl(var(--foreground));\n box-shadow: 0 0 22px hsl(var(--primary) / 0.18);\n}\n\n.cm-shell-notice {\n display: flex;\n align-items: center;\n gap: 0.7rem;\n padding: 0.9rem 1rem;\n border-radius: 0.9rem;\n border: 1px solid;\n}\n\n.cm-shell-notice--info {\n background: hsl(var(--primary) / 0.08);\n border-color: hsl(var(--primary) / 0.22);\n color: hsl(var(--foreground));\n}\n\n.cm-shell-notice--success {\n background: hsl(148 75% 24% / 0.18);\n border-color: hsl(148 75% 46% / 0.3);\n color: hsl(var(--foreground));\n}\n\n.cm-shell-notice--warning {\n background: hsl(42 100% 48% / 0.12);\n border-color: hsl(42 100% 52% / 0.25);\n color: hsl(var(--foreground));\n}\n\n.cm-shell-notice--error {\n background: hsl(var(--destructive) / 0.13);\n border-color: hsl(var(--destructive) / 0.28);\n color: hsl(var(--foreground));\n}\n\n.cm-shell-banner {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 1rem;\n padding: 1rem 1.15rem;\n}\n\n.cm-shell-banner__copy {\n display: flex;\n flex-direction: column;\n gap: 0.35rem;\n}\n\n.cm-shell-banner__title {\n color: hsl(var(--foreground));\n font-weight: 700;\n}\n\n.cm-shell-banner__subtitle {\n color: hsl(var(--muted-foreground));\n font-size: 0.9rem;\n}\n\n.cm-shell-empty {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 0.75rem;\n min-height: 18rem;\n padding: 2.4rem 1.5rem;\n text-align: center;\n}\n\n.cm-shell-empty__icon {\n color: hsl(var(--primary));\n}\n\n.cm-shell-empty__title {\n color: hsl(var(--foreground));\n font-family: var(--font-display), sans-serif;\n font-size: 1.2rem;\n}\n\n.cm-shell-empty__description {\n color: hsl(var(--muted-foreground));\n max-width: 38rem;\n}\n\n.cm-shell-modal-overlay {\n position: fixed;\n inset: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 1.5rem;\n background: hsl(240 30% 2% / 0.68);\n backdrop-filter: blur(10px);\n z-index: 100;\n}\n\n.cm-shell-modal {\n width: min(100%, 46rem);\n max-height: min(90vh, 56rem);\n overflow: auto;\n border-radius: 0.65rem;\n}\n\n.cm-shell-modal__header {\n display: flex;\n align-items: flex-start;\n justify-content: space-between;\n gap: 1rem;\n padding: 1.25rem 1.3rem 0;\n}\n\n.cm-shell-modal__title {\n color: hsl(var(--foreground));\n font-family: var(--font-display), sans-serif;\n font-size: 1.1rem;\n}\n\n.cm-shell-modal__subtitle {\n color: hsl(var(--muted-foreground));\n font-size: 0.92rem;\n margin-top: 0.35rem;\n}\n\n.cm-shell-modal__body {\n padding: 1.2rem 1.3rem 1.3rem;\n}\n\n@media (max-width: 720px) {\n .cm-shell-page-header,\n .cm-shell-banner {\n flex-direction: column;\n align-items: stretch;\n }\n\n .cm-shell-stat-grid {\n grid-template-columns: 1fr;\n }\n\n .cm-shell-tab-strip {\n width: 100%;\n overflow-x: auto;\n }\n}\n\n/* \u2500\u2500 Form Controls \u2500\u2500 */\n.cm-form-group {\n margin-bottom: 16px;\n}\n\n.cm-form-group label {\n display: block;\n margin-bottom: 6px;\n font-size: 13px;\n color: hsl(var(--muted-foreground));\n font-weight: 500;\n}\n\n.cm-form-input,\n.cm-form-textarea,\n.cm-form-select {\n width: 100%;\n padding: 10px 12px;\n background: hsl(var(--muted));\n border: 1px solid hsl(var(--border));\n border-radius: 6px;\n color: hsl(var(--foreground));\n font-size: 14px;\n font-family: var(--font-sans), sans-serif;\n transition: border-color 0.2s;\n}\n\n.cm-form-input:focus,\n.cm-form-textarea:focus,\n.cm-form-select:focus {\n outline: none;\n border-color: hsl(var(--primary));\n}\n\n.cm-form-input:disabled,\n.cm-form-textarea:disabled,\n.cm-form-select:disabled {\n opacity: 0.6;\n cursor: not-allowed;\n}\n\n.cm-form-textarea {\n min-height: 80px;\n resize: vertical;\n}\n\n/* \u2500\u2500 Notification / Alert \u2500\u2500 */\n.cm-notification {\n display: flex;\n align-items: center;\n gap: 10px;\n padding: 12px 16px;\n border-radius: 8px;\n font-size: 14px;\n font-weight: 500;\n animation: cm-slide-in 0.2s ease;\n}\n\n@keyframes cm-slide-in {\n from { opacity: 0; transform: translateY(-10px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n.cm-notification--success {\n background: hsl(142 71% 45% / 0.15);\n color: hsl(142 71% 45%);\n border: 1px solid hsl(142 71% 45%);\n}\n\n.cm-notification--error {\n background: hsl(var(--destructive) / 0.15);\n color: hsl(var(--destructive));\n border: 1px solid hsl(var(--destructive));\n}\n\n.cm-notification--warning {\n background: hsl(42 100% 48% / 0.12);\n color: hsl(42 100% 52%);\n border: 1px solid hsl(42 100% 52% / 0.5);\n}\n\n.cm-notification--info {\n background: hsl(var(--primary) / 0.08);\n border: 1px solid hsl(var(--primary) / 0.22);\n color: hsl(var(--foreground));\n}\n\n/* \u2500\u2500 Navigation \u2500\u2500 */\n.cm-nav {\n display: flex;\n gap: 4px;\n padding: 12px 0 0;\n}\n\n.cm-nav-btn {\n padding: 8px 16px;\n background: transparent;\n border: none;\n color: hsl(var(--muted-foreground));\n cursor: pointer;\n border-radius: 6px;\n font-size: 14px;\n font-weight: 500;\n font-family: var(--font-sans), sans-serif;\n transition: all 0.2s;\n}\n\n.cm-nav-btn:hover {\n color: hsl(var(--foreground));\n background: hsl(var(--muted));\n}\n\n.cm-nav-btn[data-active=\"true\"],\n.cm-nav-btn.active {\n color: hsl(var(--primary));\n background: hsl(var(--primary) / 0.15);\n}\n\n/* \u2500\u2500 Loading State \u2500\u2500 */\n.cm-loading-state {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 60px;\n color: hsl(var(--muted-foreground));\n}\n\n.cm-spinner {\n animation: cm-spin 1s linear infinite;\n}\n\n@keyframes cm-spin {\n from { transform: rotate(0deg); }\n to { transform: rotate(360deg); }\n}\n\n/* \u2500\u2500 Badge / Tag \u2500\u2500 */\n.cm-badge {\n display: inline-flex;\n align-items: center;\n gap: 4px;\n padding: 3px 8px;\n border-radius: 4px;\n font-size: 11px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.03em;\n}\n\n.cm-badge--primary {\n background: hsl(var(--primary) / 0.15);\n color: hsl(var(--primary));\n}\n\n.cm-badge--accent {\n background: hsl(var(--accent) / 0.15);\n color: hsl(var(--accent));\n}\n\n.cm-badge--muted {\n background: hsl(var(--muted));\n color: hsl(var(--muted-foreground));\n}\n\n.cm-badge--success {\n background: hsl(142 71% 45% / 0.15);\n color: hsl(142 71% 45%);\n}\n\n.cm-badge--destructive {\n background: hsl(var(--destructive) / 0.15);\n color: hsl(var(--destructive));\n}\n\n/* \u2500\u2500 Search Bar \u2500\u2500 */\n.cm-search-bar {\n display: flex;\n align-items: center;\n gap: 12px;\n padding: 12px 16px;\n background: hsl(var(--card));\n border: 1px solid hsl(var(--border));\n border-radius: 8px;\n}\n\n.cm-search-bar__icon {\n color: hsl(var(--muted-foreground));\n flex-shrink: 0;\n}\n\n.cm-search-bar__input {\n flex: 1;\n background: transparent;\n border: none;\n color: hsl(var(--foreground));\n font-size: 14px;\n font-family: var(--font-sans), sans-serif;\n outline: none;\n}\n\n.cm-search-bar__input::placeholder {\n color: hsl(var(--muted-foreground));\n}\n\n/* \u2500\u2500 Filter Buttons \u2500\u2500 */\n.cm-filter-btn {\n padding: 6px 14px;\n background: hsl(var(--card));\n border: 1px solid hsl(var(--border));\n border-radius: 16px;\n color: hsl(var(--muted-foreground));\n font-size: 13px;\n font-family: var(--font-sans), sans-serif;\n cursor: pointer;\n transition: all 0.2s;\n}\n\n.cm-filter-btn:hover {\n border-color: hsl(var(--primary));\n color: hsl(var(--foreground));\n}\n\n.cm-filter-btn[data-active=\"true\"],\n.cm-filter-btn.active {\n background: hsl(var(--primary));\n color: hsl(var(--primary-foreground));\n border-color: hsl(var(--primary));\n}\n\n/* \u2500\u2500 Icon Button \u2500\u2500 */\n.cm-icon-btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: 8px;\n background: transparent;\n border: 1px solid hsl(var(--border));\n color: hsl(var(--muted-foreground));\n border-radius: 6px;\n cursor: pointer;\n font-family: var(--font-sans), sans-serif;\n transition: all 0.2s;\n}\n\n.cm-icon-btn:hover {\n background: hsl(var(--muted));\n color: hsl(var(--foreground));\n}\n\n.cm-icon-btn--danger:hover {\n border-color: hsl(var(--destructive));\n color: hsl(var(--destructive));\n}\n\n/* \u2500\u2500 Settings Section \u2500\u2500 */\n.cm-settings-section {\n margin-bottom: 24px;\n padding: 20px;\n background: hsl(var(--card));\n border: 1px solid hsl(var(--border));\n border-radius: 8px;\n}\n\n.cm-settings-section__title {\n font-size: 14px;\n font-weight: 600;\n margin-bottom: 16px;\n color: hsl(var(--muted-foreground));\n text-transform: uppercase;\n letter-spacing: 0.05em;\n}\n\n.cm-settings-section__hint {\n margin-bottom: 14px;\n font-size: 13px;\n color: hsl(var(--muted-foreground));\n}\n\n/* \u2500\u2500 Pagination \u2500\u2500 */\n.cm-pagination {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 16px;\n margin-top: 32px;\n padding-top: 24px;\n border-top: 1px solid hsl(var(--border));\n}\n\n.cm-page-btn {\n padding: 8px 16px;\n background: hsl(var(--card));\n border: 1px solid hsl(var(--border));\n border-radius: 6px;\n color: hsl(var(--muted-foreground));\n cursor: pointer;\n font-size: 13px;\n font-family: var(--font-sans), sans-serif;\n transition: all 0.2s;\n}\n\n.cm-page-btn:hover:not(:disabled) {\n background: hsl(var(--muted));\n color: hsl(var(--foreground));\n}\n\n.cm-page-btn:disabled {\n opacity: 0.4;\n cursor: not-allowed;\n}\n\n.cm-page-info {\n font-size: 13px;\n color: hsl(var(--muted-foreground));\n}\n\n/* \u2500\u2500 Card \u2500\u2500 */\n.cm-card {\n background: hsl(var(--card));\n border: 1px solid hsl(var(--border));\n border-radius: 10px;\n padding: 18px;\n transition: all 0.2s;\n}\n\n.cm-card:hover {\n border-color: hsl(var(--border) / 0.8);\n transform: translateY(-2px);\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);\n}\n\n/* \u2500\u2500 Code Block \u2500\u2500 */\n.cm-code-block {\n display: block;\n padding: 10px 12px;\n background: hsl(var(--muted));\n border-radius: 6px;\n font-size: 12px;\n color: hsl(var(--primary));\n word-break: break-all;\n font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\n}\n\n/* \u2500\u2500 Error / Empty States \u2500\u2500 */\n.cm-error-message {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 16px;\n background: hsl(var(--destructive) / 0.15);\n border: 1px solid hsl(var(--destructive));\n border-radius: 8px;\n color: hsl(var(--destructive));\n}\n";
1
+ export declare const shellCss = "/**\n * Compose.Market Shared Shell\n * @compose-market/theme/css/shell\n */\n\n:root {\n --cm-shell-glow-primary: hsl(var(--primary) / 0.24);\n --cm-shell-glow-accent: hsl(var(--accent) / 0.14);\n --cm-shell-surface:\n linear-gradient(180deg, hsl(var(--card) / 0.96), hsl(var(--card) / 0.82));\n --cm-shell-border: hsl(var(--border) / 0.92);\n --cm-shell-shadow:\n 0 16px 48px hsl(240 30% 2% / 0.38),\n inset 0 1px 0 hsl(0 0% 100% / 0.04);\n}\n\n.cm-shell-stack {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.cm-shell-cluster {\n display: flex;\n align-items: center;\n gap: 0.75rem;\n flex-wrap: wrap;\n}\n\n.cm-shell-button {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 0.55rem;\n min-height: 2.3rem;\n padding: 0 0.95rem;\n border-radius: var(--radius, 0.25rem);\n border: 1px solid hsl(var(--border) / 0.88);\n background: hsl(var(--card) / 0.92);\n color: hsl(var(--foreground));\n font-family: var(--font-mono), monospace;\n font-size: 0.76rem;\n font-weight: 600;\n letter-spacing: 0.08em;\n line-height: 1;\n text-transform: uppercase;\n cursor: pointer;\n transition:\n transform 160ms ease,\n background-color 160ms ease,\n border-color 180ms ease,\n color 180ms ease,\n box-shadow 180ms ease;\n box-shadow: inset 0 1px 0 hsl(0 0% 100% / 0.03);\n}\n\n.cm-shell-button:hover:not(:disabled) {\n transform: translateY(-1px);\n border-color: hsl(var(--primary) / 0.38);\n}\n\n.cm-shell-button:disabled {\n opacity: 0.55;\n cursor: not-allowed;\n}\n\n.cm-shell-button--primary {\n background:\n linear-gradient(180deg, hsl(var(--primary)), hsl(188 95% 39%));\n color: hsl(var(--primary-foreground));\n border-color: hsl(var(--primary) / 0.56);\n box-shadow:\n 0 0 0 1px hsl(var(--primary) / 0.16),\n 0 0 20px var(--cm-shell-glow-primary);\n}\n\n.cm-shell-button--primary:hover:not(:disabled) {\n box-shadow:\n 0 0 0 1px hsl(var(--primary) / 0.18),\n 0 0 24px var(--cm-shell-glow-primary),\n 0 0 18px var(--cm-shell-glow-accent);\n}\n\n.cm-shell-button--secondary {\n background: hsl(var(--muted) / 0.28);\n border-color: hsl(var(--border) / 0.88);\n}\n\n.cm-shell-button--secondary:hover:not(:disabled) {\n background: hsl(var(--muted) / 0.54);\n}\n\n.cm-shell-button--ghost {\n background: transparent;\n border-color: transparent;\n color: hsl(var(--muted-foreground));\n box-shadow: none;\n}\n\n.cm-shell-button--ghost:hover:not(:disabled) {\n color: hsl(var(--foreground));\n background: hsl(var(--muted) / 0.24);\n}\n\n.cm-shell-button--danger {\n background: hsl(var(--destructive) / 0.12);\n border-color: hsl(var(--destructive) / 0.42);\n color: hsl(var(--destructive-foreground));\n}\n\n.cm-shell-button--danger:hover:not(:disabled) {\n background: hsl(var(--destructive) / 0.2);\n}\n\n.cm-shell-button--sm {\n min-height: 2rem;\n padding: 0 0.75rem;\n font-size: 0.7rem;\n}\n\n.cm-shell-button--lg {\n min-height: 2.65rem;\n padding: 0 1.1rem;\n font-size: 0.82rem;\n}\n\n.cm-shell-button--icon {\n width: 2.3rem;\n padding: 0;\n}\n\n.cm-shell-pill {\n display: inline-flex;\n align-items: center;\n gap: 0.45rem;\n min-height: 1.75rem;\n padding: 0 0.72rem;\n border-radius: 999px;\n border: 1px solid hsl(var(--primary) / 0.18);\n background: linear-gradient(180deg, hsl(var(--card) / 0.94), hsl(var(--muted) / 0.3));\n color: hsl(var(--muted-foreground));\n font-family: var(--font-mono), monospace;\n font-size: 0.68rem;\n letter-spacing: 0.08em;\n text-transform: uppercase;\n}\n\n.cm-shell-pill strong,\n.cm-shell-pill span {\n color: inherit;\n}\n\n.cm-shell-panel {\n border: 1px solid var(--cm-shell-border);\n border-radius: max(var(--radius, 0.25rem), 0.3rem);\n background: var(--cm-shell-surface);\n box-shadow: var(--cm-shell-shadow);\n backdrop-filter: blur(16px);\n}\n\n.cm-shell-panel--muted {\n background:\n linear-gradient(180deg, hsl(var(--muted) / 0.34), hsl(var(--background) / 0.9));\n}\n\n.cm-shell-panel--ghost {\n background: transparent;\n box-shadow: none;\n}\n\n.cm-shell-panel__body {\n padding: 1rem;\n}\n\n.cm-shell-page-header {\n display: flex;\n align-items: flex-start;\n justify-content: space-between;\n gap: 1rem;\n padding: 1rem 1.1rem;\n}\n\n.cm-shell-page-header__copy {\n display: flex;\n flex-direction: column;\n gap: 0.32rem;\n}\n\n.cm-shell-page-header__eyebrow {\n color: hsl(var(--primary));\n font-family: var(--font-mono), monospace;\n font-size: 0.68rem;\n letter-spacing: 0.18em;\n text-transform: uppercase;\n}\n\n.cm-shell-page-header__title {\n color: hsl(var(--foreground));\n font-family: var(--font-display), sans-serif;\n font-size: clamp(1.12rem, 1.65vw, 1.52rem);\n letter-spacing: 0.04em;\n line-height: 1.02;\n}\n\n.cm-shell-page-header__subtitle {\n color: hsl(var(--muted-foreground));\n font-size: 0.88rem;\n line-height: 1.45;\n max-width: 48rem;\n}\n\n.cm-shell-stat-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));\n gap: 0.8rem;\n}\n\n.cm-shell-stat {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n padding: 0.85rem 0.9rem;\n}\n\n.cm-shell-stat__label {\n color: hsl(var(--muted-foreground));\n font-family: var(--font-mono), monospace;\n font-size: 0.66rem;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n}\n\n.cm-shell-stat__value {\n color: hsl(var(--foreground));\n font-family: var(--font-display), sans-serif;\n font-size: 1rem;\n letter-spacing: 0.04em;\n}\n\n.cm-shell-stat__hint {\n color: hsl(var(--muted-foreground));\n font-size: 0.74rem;\n}\n\n.cm-shell-tab-strip {\n display: inline-flex;\n align-items: center;\n gap: 0.35rem;\n padding: 0.25rem;\n border: 1px solid hsl(var(--border) / 0.75);\n border-radius: var(--radius, 0.25rem);\n background: hsl(var(--muted) / 0.16);\n}\n\n.cm-shell-tab {\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n min-height: 2.1rem;\n padding: 0 0.85rem;\n border-radius: calc(var(--radius, 0.25rem) - 1px);\n border: 1px solid transparent;\n background: transparent;\n color: hsl(var(--muted-foreground));\n font-family: var(--font-mono), monospace;\n font-size: 0.68rem;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n cursor: pointer;\n transition:\n background-color 180ms ease,\n color 180ms ease,\n border-color 180ms ease,\n box-shadow 180ms ease;\n}\n\n.cm-shell-tab:hover {\n color: hsl(var(--foreground));\n border-color: hsl(var(--primary) / 0.18);\n}\n\n.cm-shell-tab[data-active=\"true\"] {\n background:\n linear-gradient(180deg, hsl(var(--primary) / 0.18), hsl(var(--primary) / 0.1));\n border-color: hsl(var(--primary) / 0.36);\n color: hsl(var(--foreground));\n box-shadow:\n inset 0 1px 0 hsl(var(--primary) / 0.16),\n 0 0 18px hsl(var(--primary) / 0.14);\n}\n\n.cm-shell-notice {\n display: flex;\n align-items: center;\n gap: 0.7rem;\n padding: 0.8rem 0.95rem;\n border-radius: max(var(--radius, 0.25rem), 0.3rem);\n border: 1px solid;\n}\n\n.cm-shell-notice--info {\n background: hsl(var(--primary) / 0.08);\n border-color: hsl(var(--primary) / 0.22);\n color: hsl(var(--foreground));\n}\n\n.cm-shell-notice--success {\n background: hsl(148 75% 24% / 0.18);\n border-color: hsl(148 75% 46% / 0.3);\n color: hsl(var(--foreground));\n}\n\n.cm-shell-notice--warning {\n background: hsl(42 100% 48% / 0.12);\n border-color: hsl(42 100% 52% / 0.25);\n color: hsl(var(--foreground));\n}\n\n.cm-shell-notice--error {\n background: hsl(var(--destructive) / 0.13);\n border-color: hsl(var(--destructive) / 0.28);\n color: hsl(var(--foreground));\n}\n\n.cm-shell-banner {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 1rem;\n padding: 0.95rem 1rem;\n}\n\n.cm-shell-banner__copy {\n display: flex;\n flex-direction: column;\n gap: 0.35rem;\n}\n\n.cm-shell-banner__title {\n color: hsl(var(--foreground));\n font-family: var(--font-display), sans-serif;\n font-size: 0.98rem;\n letter-spacing: 0.03em;\n}\n\n.cm-shell-banner__subtitle {\n color: hsl(var(--muted-foreground));\n font-size: 0.84rem;\n line-height: 1.45;\n}\n\n.cm-shell-empty {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 0.75rem;\n min-height: 18rem;\n padding: 2rem 1.25rem;\n text-align: center;\n}\n\n.cm-shell-empty__icon {\n color: hsl(var(--primary));\n}\n\n.cm-shell-empty__title {\n color: hsl(var(--foreground));\n font-family: var(--font-display), sans-serif;\n font-size: 1.08rem;\n letter-spacing: 0.04em;\n}\n\n.cm-shell-empty__description {\n color: hsl(var(--muted-foreground));\n max-width: 38rem;\n line-height: 1.55;\n}\n\n.cm-shell-modal-overlay {\n position: fixed;\n inset: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 1rem;\n background: hsl(240 30% 2% / 0.8);\n backdrop-filter: blur(12px);\n z-index: 100;\n}\n\n.cm-shell-modal {\n width: min(100%, 46rem);\n max-height: min(90vh, 56rem);\n overflow: auto;\n border-radius: max(var(--radius, 0.25rem), 0.3rem);\n}\n\n.cm-shell-modal__header {\n display: flex;\n align-items: flex-start;\n justify-content: space-between;\n gap: 1rem;\n padding: 1rem 1rem 0;\n}\n\n.cm-shell-modal__title {\n color: hsl(var(--foreground));\n font-family: var(--font-display), sans-serif;\n font-size: 1rem;\n letter-spacing: 0.04em;\n}\n\n.cm-shell-modal__subtitle {\n color: hsl(var(--muted-foreground));\n font-size: 0.84rem;\n margin-top: 0.3rem;\n line-height: 1.45;\n}\n\n.cm-shell-modal__body {\n padding: 1rem;\n}\n\n@media (max-width: 720px) {\n .cm-shell-page-header,\n .cm-shell-banner {\n flex-direction: column;\n align-items: stretch;\n }\n\n .cm-shell-stat-grid {\n grid-template-columns: 1fr;\n }\n\n .cm-shell-tab-strip {\n width: 100%;\n overflow-x: auto;\n }\n}\n\n/* \u2500\u2500 Form Controls \u2500\u2500 */\n.cm-form-group {\n margin-bottom: 14px;\n}\n\n.cm-form-group label {\n display: block;\n margin-bottom: 6px;\n font-family: var(--font-mono), monospace;\n font-size: 11px;\n color: hsl(var(--muted-foreground));\n font-weight: 600;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n}\n\n.cm-form-input,\n.cm-form-textarea,\n.cm-form-select {\n width: 100%;\n padding: 10px 12px;\n background: hsl(var(--input) / 0.92);\n border: 1px solid hsl(var(--border));\n border-radius: var(--radius, 0.25rem);\n color: hsl(var(--foreground));\n font-size: 14px;\n font-family: var(--font-sans), sans-serif;\n transition: border-color 0.2s, box-shadow 0.2s, background-color 0.2s;\n}\n\n.cm-form-input:focus,\n.cm-form-textarea:focus,\n.cm-form-select:focus {\n outline: none;\n border-color: hsl(var(--primary));\n box-shadow: 0 0 0 1px hsl(var(--primary) / 0.24);\n background: hsl(var(--background) / 0.96);\n}\n\n.cm-form-input:disabled,\n.cm-form-textarea:disabled,\n.cm-form-select:disabled {\n opacity: 0.6;\n cursor: not-allowed;\n}\n\n.cm-form-textarea {\n min-height: 80px;\n resize: vertical;\n}\n\n/* \u2500\u2500 Notification / Alert \u2500\u2500 */\n.cm-notification {\n display: flex;\n align-items: center;\n gap: 10px;\n padding: 12px 16px;\n border-radius: 8px;\n font-size: 14px;\n font-weight: 500;\n animation: cm-slide-in 0.2s ease;\n}\n\n@keyframes cm-slide-in {\n from { opacity: 0; transform: translateY(-10px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n.cm-notification--success {\n background: hsl(142 71% 45% / 0.15);\n color: hsl(142 71% 45%);\n border: 1px solid hsl(142 71% 45%);\n}\n\n.cm-notification--error {\n background: hsl(var(--destructive) / 0.15);\n color: hsl(var(--destructive));\n border: 1px solid hsl(var(--destructive));\n}\n\n.cm-notification--warning {\n background: hsl(42 100% 48% / 0.12);\n color: hsl(42 100% 52%);\n border: 1px solid hsl(42 100% 52% / 0.5);\n}\n\n.cm-notification--info {\n background: hsl(var(--primary) / 0.08);\n border: 1px solid hsl(var(--primary) / 0.22);\n color: hsl(var(--foreground));\n}\n\n/* \u2500\u2500 Navigation \u2500\u2500 */\n.cm-nav {\n display: flex;\n gap: 4px;\n padding: 12px 0 0;\n}\n\n.cm-nav-btn {\n padding: 8px 14px;\n background: transparent;\n border: 1px solid transparent;\n color: hsl(var(--muted-foreground));\n cursor: pointer;\n border-radius: var(--radius, 0.25rem);\n font-size: 11px;\n font-weight: 600;\n font-family: var(--font-mono), monospace;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n transition: all 0.2s;\n}\n\n.cm-nav-btn:hover {\n color: hsl(var(--foreground));\n background: hsl(var(--muted));\n border-color: hsl(var(--primary) / 0.18);\n}\n\n.cm-nav-btn[data-active=\"true\"],\n.cm-nav-btn.active {\n color: hsl(var(--primary));\n background: hsl(var(--primary) / 0.12);\n border-color: hsl(var(--primary) / 0.28);\n}\n\n/* \u2500\u2500 Loading State \u2500\u2500 */\n.cm-loading-state {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 60px;\n color: hsl(var(--muted-foreground));\n}\n\n.cm-spinner {\n animation: cm-spin 1s linear infinite;\n}\n\n@keyframes cm-spin {\n from { transform: rotate(0deg); }\n to { transform: rotate(360deg); }\n}\n\n/* \u2500\u2500 Badge / Tag \u2500\u2500 */\n.cm-badge {\n display: inline-flex;\n align-items: center;\n gap: 4px;\n padding: 3px 8px;\n border-radius: 4px;\n font-size: 11px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.03em;\n}\n\n.cm-badge--primary {\n background: hsl(var(--primary) / 0.15);\n color: hsl(var(--primary));\n}\n\n.cm-badge--accent {\n background: hsl(var(--accent) / 0.15);\n color: hsl(var(--accent));\n}\n\n.cm-badge--muted {\n background: hsl(var(--muted));\n color: hsl(var(--muted-foreground));\n}\n\n.cm-badge--success {\n background: hsl(142 71% 45% / 0.15);\n color: hsl(142 71% 45%);\n}\n\n.cm-badge--destructive {\n background: hsl(var(--destructive) / 0.15);\n color: hsl(var(--destructive));\n}\n\n/* \u2500\u2500 Search Bar \u2500\u2500 */\n.cm-search-bar {\n display: flex;\n align-items: center;\n gap: 12px;\n padding: 10px 12px;\n background: hsl(var(--card));\n border: 1px solid hsl(var(--border));\n border-radius: var(--radius, 0.25rem);\n}\n\n.cm-search-bar__icon {\n color: hsl(var(--muted-foreground));\n flex-shrink: 0;\n}\n\n.cm-search-bar__input {\n flex: 1;\n background: transparent;\n border: none;\n color: hsl(var(--foreground));\n font-size: 14px;\n font-family: var(--font-sans), sans-serif;\n outline: none;\n}\n\n.cm-search-bar__input::placeholder {\n color: hsl(var(--muted-foreground));\n}\n\n/* \u2500\u2500 Filter Buttons \u2500\u2500 */\n.cm-filter-btn {\n padding: 6px 14px;\n background: hsl(var(--card));\n border: 1px solid hsl(var(--border));\n border-radius: 999px;\n color: hsl(var(--muted-foreground));\n font-size: 11px;\n font-family: var(--font-mono), monospace;\n letter-spacing: 0.08em;\n text-transform: uppercase;\n cursor: pointer;\n transition: all 0.2s;\n}\n\n.cm-filter-btn:hover {\n border-color: hsl(var(--primary));\n color: hsl(var(--foreground));\n}\n\n.cm-filter-btn[data-active=\"true\"],\n.cm-filter-btn.active {\n background: hsl(var(--primary));\n color: hsl(var(--primary-foreground));\n border-color: hsl(var(--primary));\n}\n\n/* \u2500\u2500 Icon Button \u2500\u2500 */\n.cm-icon-btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: 8px;\n background: transparent;\n border: 1px solid hsl(var(--border));\n color: hsl(var(--muted-foreground));\n border-radius: var(--radius, 0.25rem);\n cursor: pointer;\n font-family: var(--font-sans), sans-serif;\n transition: all 0.2s;\n}\n\n.cm-icon-btn:hover {\n background: hsl(var(--muted));\n color: hsl(var(--foreground));\n}\n\n.cm-icon-btn--danger:hover {\n border-color: hsl(var(--destructive));\n color: hsl(var(--destructive));\n}\n\n/* \u2500\u2500 Settings Section \u2500\u2500 */\n.cm-settings-section {\n margin-bottom: 24px;\n padding: 16px;\n background: hsl(var(--card));\n border: 1px solid hsl(var(--border));\n border-radius: max(var(--radius, 0.25rem), 0.3rem);\n}\n\n.cm-settings-section__title {\n font-size: 14px;\n font-weight: 600;\n margin-bottom: 16px;\n color: hsl(var(--muted-foreground));\n text-transform: uppercase;\n letter-spacing: 0.05em;\n}\n\n.cm-settings-section__hint {\n margin-bottom: 14px;\n font-size: 13px;\n color: hsl(var(--muted-foreground));\n}\n\n/* \u2500\u2500 Pagination \u2500\u2500 */\n.cm-pagination {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 16px;\n margin-top: 32px;\n padding-top: 24px;\n border-top: 1px solid hsl(var(--border));\n}\n\n.cm-page-btn {\n padding: 8px 16px;\n background: hsl(var(--card));\n border: 1px solid hsl(var(--border));\n border-radius: 6px;\n color: hsl(var(--muted-foreground));\n cursor: pointer;\n font-size: 13px;\n font-family: var(--font-sans), sans-serif;\n transition: all 0.2s;\n}\n\n.cm-page-btn:hover:not(:disabled) {\n background: hsl(var(--muted));\n color: hsl(var(--foreground));\n}\n\n.cm-page-btn:disabled {\n opacity: 0.4;\n cursor: not-allowed;\n}\n\n.cm-page-info {\n font-size: 13px;\n color: hsl(var(--muted-foreground));\n}\n\n/* \u2500\u2500 Card \u2500\u2500 */\n.cm-card {\n background: hsl(var(--card));\n border: 1px solid hsl(var(--border));\n border-radius: 10px;\n padding: 18px;\n transition: all 0.2s;\n}\n\n.cm-card:hover {\n border-color: hsl(var(--border) / 0.8);\n transform: translateY(-2px);\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);\n}\n\n/* \u2500\u2500 Code Block \u2500\u2500 */\n.cm-code-block {\n display: block;\n padding: 10px 12px;\n background: hsl(var(--muted));\n border-radius: 6px;\n font-size: 12px;\n color: hsl(var(--primary));\n word-break: break-all;\n font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\n}\n\n/* \u2500\u2500 Error / Empty States \u2500\u2500 */\n.cm-error-message {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 16px;\n background: hsl(var(--destructive) / 0.15);\n border: 1px solid hsl(var(--destructive));\n border-radius: 8px;\n color: hsl(var(--destructive));\n}\n";
2
2
  //# sourceMappingURL=styles.d.ts.map
package/dist/shell/styles.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/shell/styles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,QAAQ,gihBAmwBpB,CAAC"}
1
+ {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/shell/styles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,QAAQ,u+jBAuyBpB,CAAC"}