@compose-market/theme 0.0.3 → 0.0.4

package/dist/css/index.css

@@ -7,3 +7,4 @@
 
 @import './tokens.css';
 @import './dark.css';
+@import './shell.css';

package/dist/css/index.d.ts

@@ -12,5 +12,5 @@ export declare function generateRadiusCss(): string;
 export declare const baseTokensCss: string;
 export declare const darkThemeCss: string;
 export declare const lightThemeCss: string;
-export declare const indexCss = "/**\n * Compose.Market Theme System\n * @compose-market/theme/css\n * \n * Import this file for the complete theme (dark by default).\n * For light mode support, also import ./light.css\n */\n\n@import './tokens.css';\n@import './dark.css';\n";
+export declare const indexCss = "/**\n * Compose.Market Theme System\n * @compose-market/theme/css\n * \n * Import this file for the complete theme (dark by default).\n * For light mode support, also import ./light.css\n */\n\n@import './tokens.css';\n@import './dark.css';\n@import './shell.css';\n";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/css/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAIH,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAG3C,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,OAAO,SAAS,EAAE,SAAS,EAAE,MAAM,GAAG,MAAM,CAanF;AAED,wBAAgB,eAAe,IAAI,MAAM,CASxC;AAED,wBAAgB,iBAAiB,IAAI,MAAM,CAS1C;AAED,eAAO,MAAM,aAAa,QAazB,CAAC;AAEF,eAAO,MAAM,YAAY,QAaxB,CAAC;AAEF,eAAO,MAAM,aAAa,QAiBzB,CAAC;AAEF,eAAO,MAAM,QAAQ,uPAUpB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/css/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAIH,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAG3C,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,OAAO,SAAS,EAAE,SAAS,EAAE,MAAM,GAAG,MAAM,CAanF;AAED,wBAAgB,eAAe,IAAI,MAAM,CASxC;AAED,wBAAgB,iBAAiB,IAAI,MAAM,CAS1C;AAED,eAAO,MAAM,aAAa,QAazB,CAAC;AAEF,eAAO,MAAM,YAAY,QAaxB,CAAC;AAEF,eAAO,MAAM,aAAa,QAiBzB,CAAC;AAEF,eAAO,MAAM,QAAQ,+QAWpB,CAAC"}

package/dist/css/index.js

@@ -92,5 +92,6 @@ export const indexCss = `/**
 
 @import './tokens.css';
 @import './dark.css';
+@import './shell.css';
 `;
 //# sourceMappingURL=index.js.map

package/dist/css/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/css/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAE7C,MAAM,UAAU,gBAAgB,CAAC,KAAuB,EAAE,SAAiB;IACzE,MAAM,KAAK,GAAa,EAAE,CAAC;IAE3B,KAAK,CAAC,IAAI,CAAC,4BAA4B,SAAS,KAAK,CAAC,CAAC;IACvD,KAAK,CAAC,IAAI,CAAC,4CAA4C,CAAC,CAAC;IACzD,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IAEf,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;QACjD,MAAM,UAAU,GAAG,KAAK,GAAG,CAAC,OAAO,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC,WAAW,EAAE,EAAE,CAAC;QACvE,KAAK,CAAC,IAAI,CAAC,KAAK,UAAU,KAAK,KAAK,GAAG,CAAC,CAAC;IAC3C,CAAC;IAED,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAC1B,CAAC;AAED,MAAM,UAAU,eAAe;IAC7B,MAAM,KAAK,GAAa,EAAE,CAAC;IAE3B,KAAK,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC;IAC/B,KAAK,MAAM,IAAI,IAAI,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC,EAAE,CAAC;QAC/C,KAAK,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,MAAM,KAAK,IAAI,CAAC,KAAK,KAAK,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC;IACnE,CAAC;IAED,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAC1B,CAAC;AAED,MAAM,UAAU,iBAAiB;IAC/B,MAAM,KAAK,GAAa,EAAE,CAAC;IAE3B,KAAK,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC;IAClC,KAAK,MAAM,CAAC,IAAI,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC;QACtC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC;IAC3C,CAAC;IAED,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAC1B,CAAC;AAED,MAAM,CAAC,MAAM,aAAa,GAAG;;;;;;;;;EAS3B,eAAe,EAAE;;EAEjB,iBAAiB,EAAE;;CAEpB,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG;;;;;;;;;EAS1B,gBAAgB,CAAC,SAAS,EAAE,MAAM,CAAC;;;;CAIpC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG;;;;;;;;;EAS3B,gBAAgB,CAAC,UAAU,EAAE,OAAO,CAAC;;;;;;EAMrC,gBAAgB,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;;CAEtE,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG;;;;;;;;;;CAUvB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/css/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAE7C,MAAM,UAAU,gBAAgB,CAAC,KAAuB,EAAE,SAAiB;IACzE,MAAM,KAAK,GAAa,EAAE,CAAC;IAE3B,KAAK,CAAC,IAAI,CAAC,4BAA4B,SAAS,KAAK,CAAC,CAAC;IACvD,KAAK,CAAC,IAAI,CAAC,4CAA4C,CAAC,CAAC;IACzD,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IAEf,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;QACjD,MAAM,UAAU,GAAG,KAAK,GAAG,CAAC,OAAO,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC,WAAW,EAAE,EAAE,CAAC;QACvE,KAAK,CAAC,IAAI,CAAC,KAAK,UAAU,KAAK,KAAK,GAAG,CAAC,CAAC;IAC3C,CAAC;IAED,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAC1B,CAAC;AAED,MAAM,UAAU,eAAe;IAC7B,MAAM,KAAK,GAAa,EAAE,CAAC;IAE3B,KAAK,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC;IAC/B,KAAK,MAAM,IAAI,IAAI,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC,EAAE,CAAC;QAC/C,KAAK,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,MAAM,KAAK,IAAI,CAAC,KAAK,KAAK,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC;IACnE,CAAC;IAED,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAC1B,CAAC;AAED,MAAM,UAAU,iBAAiB;IAC/B,MAAM,KAAK,GAAa,EAAE,CAAC;IAE3B,KAAK,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC;IAClC,KAAK,MAAM,CAAC,IAAI,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC;QACtC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC;IAC3C,CAAC;IAED,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAC1B,CAAC;AAED,MAAM,CAAC,MAAM,aAAa,GAAG;;;;;;;;;EAS3B,eAAe,EAAE;;EAEjB,iBAAiB,EAAE;;CAEpB,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG;;;;;;;;;EAS1B,gBAAgB,CAAC,SAAS,EAAE,MAAM,CAAC;;;;CAIpC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG;;;;;;;;;EAS3B,gBAAgB,CAAC,UAAU,EAAE,OAAO,CAAC;;;;;;EAMrC,gBAAgB,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;;CAEtE,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG;;;;;;;;;;;CAWvB,CAAC"}

package/dist/css/shell.css

@@ -0,0 +1,414 @@
+/**
+ * Compose.Market Shared Shell
+ * @compose-market/theme/css/shell
+ */
+
+:root {
+  --cm-shell-glow-primary: hsl(var(--primary) / 0.32);
+  --cm-shell-glow-accent: hsl(314 100% 64% / 0.18);
+  --cm-shell-surface: linear-gradient(180deg, hsl(var(--card) / 0.9), hsl(var(--background) / 0.92));
+  --cm-shell-border: hsl(var(--border) / 0.78);
+  --cm-shell-shadow:
+    0 24px 72px hsl(240 30% 2% / 0.45),
+    inset 0 1px 0 hsl(0 0% 100% / 0.05);
+}
+
+.cm-shell-stack {
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
+}
+
+.cm-shell-cluster {
+  display: flex;
+  align-items: center;
+  gap: 0.75rem;
+  flex-wrap: wrap;
+}
+
+.cm-shell-button {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 0.55rem;
+  min-height: 2.5rem;
+  padding: 0 1rem;
+  border-radius: 0.55rem;
+  border: 1px solid transparent;
+  background: transparent;
+  color: hsl(var(--foreground));
+  font-family: var(--font-sans), sans-serif;
+  font-size: 0.9rem;
+  font-weight: 600;
+  line-height: 1;
+  cursor: pointer;
+  transition:
+    transform 180ms ease,
+    background-color 180ms ease,
+    border-color 180ms ease,
+    color 180ms ease,
+    box-shadow 180ms ease;
+}
+
+.cm-shell-button:hover:not(:disabled) {
+  transform: translateY(-1px);
+}
+
+.cm-shell-button:disabled {
+  opacity: 0.55;
+  cursor: not-allowed;
+}
+
+.cm-shell-button--primary {
+  background:
+    linear-gradient(135deg, hsl(var(--primary) / 0.9), hsl(314 100% 64% / 0.78));
+  color: hsl(var(--primary-foreground));
+  border-color: hsl(var(--primary) / 0.42);
+  box-shadow: 0 0 24px var(--cm-shell-glow-primary);
+}
+
+.cm-shell-button--primary:hover:not(:disabled) {
+  box-shadow:
+    0 0 30px var(--cm-shell-glow-primary),
+    0 0 22px var(--cm-shell-glow-accent);
+}
+
+.cm-shell-button--secondary {
+  background: hsl(var(--muted) / 0.32);
+  border-color: hsl(var(--border) / 0.88);
+}
+
+.cm-shell-button--secondary:hover:not(:disabled) {
+  border-color: hsl(var(--primary) / 0.4);
+  background: hsl(var(--muted) / 0.52);
+}
+
+.cm-shell-button--ghost {
+  background: transparent;
+  border-color: transparent;
+  color: hsl(var(--muted-foreground));
+}
+
+.cm-shell-button--ghost:hover:not(:disabled) {
+  color: hsl(var(--foreground));
+  background: hsl(var(--muted) / 0.2);
+}
+
+.cm-shell-button--danger {
+  background: hsl(var(--destructive) / 0.12);
+  border-color: hsl(var(--destructive) / 0.3);
+  color: hsl(var(--destructive-foreground));
+}
+
+.cm-shell-button--danger:hover:not(:disabled) {
+  background: hsl(var(--destructive) / 0.2);
+}
+
+.cm-shell-button--sm {
+  min-height: 2rem;
+  padding: 0 0.8rem;
+  font-size: 0.78rem;
+}
+
+.cm-shell-button--lg {
+  min-height: 2.9rem;
+  padding: 0 1.15rem;
+}
+
+.cm-shell-button--icon {
+  width: 2.5rem;
+  padding: 0;
+}
+
+.cm-shell-pill {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.45rem;
+  min-height: 1.9rem;
+  padding: 0 0.8rem;
+  border-radius: 999px;
+  border: 1px solid hsl(var(--border) / 0.72);
+  background: hsl(var(--muted) / 0.28);
+  color: hsl(var(--muted-foreground));
+  font-size: 0.76rem;
+  letter-spacing: 0.02em;
+  text-transform: uppercase;
+}
+
+.cm-shell-pill strong,
+.cm-shell-pill span {
+  color: inherit;
+}
+
+.cm-shell-panel {
+  border: 1px solid var(--cm-shell-border);
+  border-radius: 1rem;
+  background: var(--cm-shell-surface);
+  box-shadow: var(--cm-shell-shadow);
+  backdrop-filter: blur(14px);
+}
+
+.cm-shell-panel--muted {
+  background:
+    linear-gradient(180deg, hsl(var(--muted) / 0.38), hsl(var(--background) / 0.84));
+}
+
+.cm-shell-panel--ghost {
+  background: transparent;
+  box-shadow: none;
+}
+
+.cm-shell-panel__body {
+  padding: 1.2rem;
+}
+
+.cm-shell-page-header {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 1rem;
+  padding: 1.35rem 1.45rem;
+}
+
+.cm-shell-page-header__copy {
+  display: flex;
+  flex-direction: column;
+  gap: 0.45rem;
+}
+
+.cm-shell-page-header__eyebrow {
+  color: hsl(var(--primary));
+  font-family: var(--font-mono), monospace;
+  font-size: 0.76rem;
+  letter-spacing: 0.16em;
+  text-transform: uppercase;
+}
+
+.cm-shell-page-header__title {
+  color: hsl(var(--foreground));
+  font-family: var(--font-display), sans-serif;
+  font-size: clamp(1.2rem, 2vw, 1.65rem);
+  letter-spacing: 0.02em;
+}
+
+.cm-shell-page-header__subtitle {
+  color: hsl(var(--muted-foreground));
+  font-size: 0.92rem;
+  max-width: 56rem;
+}
+
+.cm-shell-stat-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
+  gap: 0.8rem;
+}
+
+.cm-shell-stat {
+  display: flex;
+  flex-direction: column;
+  gap: 0.25rem;
+  padding: 0.9rem 1rem;
+}
+
+.cm-shell-stat__label {
+  color: hsl(var(--muted-foreground));
+  font-size: 0.76rem;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+}
+
+.cm-shell-stat__value {
+  color: hsl(var(--foreground));
+  font-family: var(--font-display), sans-serif;
+  font-size: 1.1rem;
+}
+
+.cm-shell-stat__hint {
+  color: hsl(var(--muted-foreground));
+  font-size: 0.78rem;
+}
+
+.cm-shell-tab-strip {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.35rem;
+  padding: 0.35rem;
+  border: 1px solid hsl(var(--border) / 0.75);
+  border-radius: 999px;
+  background: hsl(var(--muted) / 0.16);
+}
+
+.cm-shell-tab {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.5rem;
+  min-height: 2.35rem;
+  padding: 0 1rem;
+  border-radius: 999px;
+  border: 1px solid transparent;
+  background: transparent;
+  color: hsl(var(--muted-foreground));
+  font-family: var(--font-mono), monospace;
+  font-size: 0.76rem;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+  cursor: pointer;
+  transition:
+    background-color 180ms ease,
+    color 180ms ease,
+    border-color 180ms ease,
+    box-shadow 180ms ease;
+}
+
+.cm-shell-tab:hover {
+  color: hsl(var(--foreground));
+}
+
+.cm-shell-tab[data-active="true"] {
+  background: linear-gradient(135deg, hsl(var(--primary) / 0.22), hsl(314 100% 64% / 0.18));
+  border-color: hsl(var(--primary) / 0.34);
+  color: hsl(var(--foreground));
+  box-shadow: 0 0 22px hsl(var(--primary) / 0.18);
+}
+
+.cm-shell-notice {
+  display: flex;
+  align-items: center;
+  gap: 0.7rem;
+  padding: 0.9rem 1rem;
+  border-radius: 0.9rem;
+  border: 1px solid;
+}
+
+.cm-shell-notice--info {
+  background: hsl(var(--primary) / 0.08);
+  border-color: hsl(var(--primary) / 0.22);
+  color: hsl(var(--foreground));
+}
+
+.cm-shell-notice--success {
+  background: hsl(148 75% 24% / 0.18);
+  border-color: hsl(148 75% 46% / 0.3);
+  color: hsl(var(--foreground));
+}
+
+.cm-shell-notice--warning {
+  background: hsl(42 100% 48% / 0.12);
+  border-color: hsl(42 100% 52% / 0.25);
+  color: hsl(var(--foreground));
+}
+
+.cm-shell-notice--error {
+  background: hsl(var(--destructive) / 0.13);
+  border-color: hsl(var(--destructive) / 0.28);
+  color: hsl(var(--foreground));
+}
+
+.cm-shell-banner {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 1rem;
+  padding: 1rem 1.15rem;
+}
+
+.cm-shell-banner__copy {
+  display: flex;
+  flex-direction: column;
+  gap: 0.35rem;
+}
+
+.cm-shell-banner__title {
+  color: hsl(var(--foreground));
+  font-weight: 700;
+}
+
+.cm-shell-banner__subtitle {
+  color: hsl(var(--muted-foreground));
+  font-size: 0.9rem;
+}
+
+.cm-shell-empty {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 0.75rem;
+  min-height: 18rem;
+  padding: 2.4rem 1.5rem;
+  text-align: center;
+}
+
+.cm-shell-empty__icon {
+  color: hsl(var(--primary));
+}
+
+.cm-shell-empty__title {
+  color: hsl(var(--foreground));
+  font-family: var(--font-display), sans-serif;
+  font-size: 1.2rem;
+}
+
+.cm-shell-empty__description {
+  color: hsl(var(--muted-foreground));
+  max-width: 38rem;
+}
+
+.cm-shell-modal-overlay {
+  position: fixed;
+  inset: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 1.5rem;
+  background: hsl(240 30% 2% / 0.68);
+  backdrop-filter: blur(10px);
+  z-index: 100;
+}
+
+.cm-shell-modal {
+  width: min(100%, 46rem);
+  max-height: min(90vh, 56rem);
+  overflow: auto;
+}
+
+.cm-shell-modal__header {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 1rem;
+  padding: 1.25rem 1.3rem 0;
+}
+
+.cm-shell-modal__title {
+  color: hsl(var(--foreground));
+  font-family: var(--font-display), sans-serif;
+  font-size: 1.1rem;
+}
+
+.cm-shell-modal__subtitle {
+  color: hsl(var(--muted-foreground));
+  font-size: 0.92rem;
+  margin-top: 0.35rem;
+}
+
+.cm-shell-modal__body {
+  padding: 1.2rem 1.3rem 1.3rem;
+}
+
+@media (max-width: 720px) {
+  .cm-shell-page-header,
+  .cm-shell-banner {
+    flex-direction: column;
+    align-items: stretch;
+  }
+
+  .cm-shell-stat-grid {
+    grid-template-columns: 1fr;
+  }
+
+  .cm-shell-tab-strip {
+    width: 100%;
+    overflow-x: auto;
+  }
+}

package/dist/index.d.ts

@@ -5,6 +5,7 @@
  */
 export * from './tokens';
 export * from './themes';
+export * from './shell';
 import { tokens, type DesignTokens } from './tokens';
 import { themes, defaultTheme, getTheme, getThemeColors, type ThemeName, type Theme } from './themes';
 export { tokens, themes, defaultTheme, getTheme, getThemeColors, type ThemeName, type Theme, type DesignTokens, };

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AAEzB,OAAO,EAAE,MAAM,EAAE,KAAK,YAAY,EAAE,MAAM,UAAU,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,QAAQ,EAAE,cAAc,EAAE,KAAK,SAAS,EAAE,KAAK,KAAK,EAAE,MAAM,UAAU,CAAC;AAEtG,OAAO,EACL,MAAM,EACN,MAAM,EACN,YAAY,EACZ,QAAQ,EACR,cAAc,EACd,KAAK,SAAS,EACd,KAAK,KAAK,EACV,KAAK,YAAY,GAClB,CAAC;AAEF,eAAO,MAAM,cAAc,UAAU,CAAC;AACtC,eAAO,MAAM,WAAW,0BAA0B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AAExB,OAAO,EAAE,MAAM,EAAE,KAAK,YAAY,EAAE,MAAM,UAAU,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,QAAQ,EAAE,cAAc,EAAE,KAAK,SAAS,EAAE,KAAK,KAAK,EAAE,MAAM,UAAU,CAAC;AAEtG,OAAO,EACL,MAAM,EACN,MAAM,EACN,YAAY,EACZ,QAAQ,EACR,cAAc,EACd,KAAK,SAAS,EACd,KAAK,KAAK,EACV,KAAK,YAAY,GAClB,CAAC;AAEF,eAAO,MAAM,cAAc,UAAU,CAAC;AACtC,eAAO,MAAM,WAAW,0BAA0B,CAAC"}

package/dist/index.js

@@ -5,6 +5,7 @@
  */
 export * from './tokens';
 export * from './themes';
+export * from './shell';
 import { tokens } from './tokens';
 import { themes, defaultTheme, getTheme, getThemeColors } from './themes';
 export { tokens, themes, defaultTheme, getTheme, getThemeColors, };

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AAEzB,OAAO,EAAE,MAAM,EAAqB,MAAM,UAAU,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,QAAQ,EAAE,cAAc,EAA8B,MAAM,UAAU,CAAC;AAEtG,OAAO,EACL,MAAM,EACN,MAAM,EACN,YAAY,EACZ,QAAQ,EACR,cAAc,GAIf,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,OAAO,CAAC;AACtC,MAAM,CAAC,MAAM,WAAW,GAAG,uBAAuB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AAExB,OAAO,EAAE,MAAM,EAAqB,MAAM,UAAU,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,QAAQ,EAAE,cAAc,EAA8B,MAAM,UAAU,CAAC;AAEtG,OAAO,EACL,MAAM,EACN,MAAM,EACN,YAAY,EACZ,QAAQ,EACR,cAAc,GAIf,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,OAAO,CAAC;AACtC,MAAM,CAAC,MAAM,WAAW,GAAG,uBAAuB,CAAC"}

package/dist/shell/index.d.ts

@@ -0,0 +1,67 @@
+import * as React from "react";
+export interface ShellButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    tone?: "primary" | "secondary" | "ghost" | "danger";
+    size?: "sm" | "md" | "lg";
+    iconOnly?: boolean;
+}
+export declare const ShellButton: React.ForwardRefExoticComponent<ShellButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export interface ShellPillProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+export declare function ShellPill({ className, ...props }: ShellPillProps): import("react/jsx-runtime").JSX.Element;
+export interface ShellPanelProps extends React.HTMLAttributes<HTMLDivElement> {
+    variant?: "default" | "muted" | "ghost";
+    padded?: boolean;
+}
+export declare function ShellPanel({ className, variant, padded, children, ...props }: ShellPanelProps): import("react/jsx-runtime").JSX.Element;
+export interface ShellPageHeaderProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title"> {
+    eyebrow?: React.ReactNode;
+    title: React.ReactNode;
+    subtitle?: React.ReactNode;
+    actions?: React.ReactNode;
+}
+export declare function ShellPageHeader({ className, eyebrow, title, subtitle, actions, ...props }: ShellPageHeaderProps): import("react/jsx-runtime").JSX.Element;
+export interface ShellStatGridProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+export declare function ShellStatGrid({ className, ...props }: ShellStatGridProps): import("react/jsx-runtime").JSX.Element;
+export interface ShellStatProps extends React.HTMLAttributes<HTMLDivElement> {
+    label: React.ReactNode;
+    value: React.ReactNode;
+    hint?: React.ReactNode;
+}
+export declare function ShellStat({ className, label, value, hint, ...props }: ShellStatProps): import("react/jsx-runtime").JSX.Element;
+export interface ShellTabStripProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+export declare function ShellTabStrip({ className, ...props }: ShellTabStripProps): import("react/jsx-runtime").JSX.Element;
+export interface ShellTabProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    active?: boolean;
+}
+export declare function ShellTab({ className, active, type, ...props }: ShellTabProps): import("react/jsx-runtime").JSX.Element;
+export interface ShellNoticeProps extends React.HTMLAttributes<HTMLDivElement> {
+    tone?: "info" | "success" | "warning" | "error";
+}
+export declare function ShellNotice({ className, tone, ...props }: ShellNoticeProps): import("react/jsx-runtime").JSX.Element;
+export interface ShellBannerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title"> {
+    title: React.ReactNode;
+    subtitle?: React.ReactNode;
+    actions?: React.ReactNode;
+}
+export declare function ShellBanner({ className, title, subtitle, actions, ...props }: ShellBannerProps): import("react/jsx-runtime").JSX.Element;
+export interface ShellEmptyStateProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title"> {
+    icon?: React.ReactNode;
+    title: React.ReactNode;
+    description?: React.ReactNode;
+    action?: React.ReactNode;
+}
+export declare function ShellEmptyState({ className, icon, title, description, action, ...props }: ShellEmptyStateProps): import("react/jsx-runtime").JSX.Element;
+export interface ShellModalProps {
+    open: boolean;
+    title: React.ReactNode;
+    subtitle?: React.ReactNode;
+    onClose: () => void;
+    children: React.ReactNode;
+    className?: string;
+    contentClassName?: string;
+    headerActions?: React.ReactNode;
+}
+export declare function ShellModal({ open, title, subtitle, onClose, children, className, contentClassName, headerActions, }: ShellModalProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/shell/index.js

@@ -0,0 +1,45 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+function cx(...values) {
+    return values.filter(Boolean).join(" ");
+}
+export const ShellButton = React.forwardRef(function ShellButton({ className, tone = "secondary", size = "md", iconOnly = false, type = "button", ...props }, ref) {
+    return (_jsx("button", { ref: ref, type: type, className: cx("cm-shell-button", `cm-shell-button--${tone}`, size !== "md" && `cm-shell-button--${size}`, iconOnly && "cm-shell-button--icon", className), ...props }));
+});
+export function ShellPill({ className, ...props }) {
+    return _jsx("div", { className: cx("cm-shell-pill", className), ...props });
+}
+export function ShellPanel({ className, variant = "default", padded = true, children, ...props }) {
+    return (_jsx("div", { className: cx("cm-shell-panel", variant !== "default" && `cm-shell-panel--${variant}`, className), ...props, children: padded ? _jsx("div", { className: "cm-shell-panel__body", children: children }) : children }));
+}
+export function ShellPageHeader({ className, eyebrow, title, subtitle, actions, ...props }) {
+    return (_jsxs("div", { className: cx("cm-shell-page-header", className), ...props, children: [_jsxs("div", { className: "cm-shell-page-header__copy", children: [eyebrow ? _jsx("div", { className: "cm-shell-page-header__eyebrow", children: eyebrow }) : null, _jsx("div", { className: "cm-shell-page-header__title", children: title }), subtitle ? _jsx("div", { className: "cm-shell-page-header__subtitle", children: subtitle }) : null] }), actions ? _jsx("div", { className: "cm-shell-cluster", children: actions }) : null] }));
+}
+export function ShellStatGrid({ className, ...props }) {
+    return _jsx("div", { className: cx("cm-shell-stat-grid", className), ...props });
+}
+export function ShellStat({ className, label, value, hint, ...props }) {
+    return (_jsxs(ShellPanel, { className: cx("cm-shell-stat", className), padded: false, ...props, children: [_jsx("div", { className: "cm-shell-stat__label", children: label }), _jsx("div", { className: "cm-shell-stat__value", children: value }), hint ? _jsx("div", { className: "cm-shell-stat__hint", children: hint }) : null] }));
+}
+export function ShellTabStrip({ className, ...props }) {
+    return _jsx("div", { className: cx("cm-shell-tab-strip", className), ...props });
+}
+export function ShellTab({ className, active = false, type = "button", ...props }) {
+    return _jsx("button", { type: type, "data-active": active, className: cx("cm-shell-tab", className), ...props });
+}
+export function ShellNotice({ className, tone = "info", ...props }) {
+    return _jsx("div", { className: cx("cm-shell-notice", `cm-shell-notice--${tone}`, className), ...props });
+}
+export function ShellBanner({ className, title, subtitle, actions, ...props }) {
+    return (_jsxs(ShellPanel, { className: cx("cm-shell-banner", className), padded: false, ...props, children: [_jsxs("div", { className: "cm-shell-banner__copy", children: [_jsx("div", { className: "cm-shell-banner__title", children: title }), subtitle ? _jsx("div", { className: "cm-shell-banner__subtitle", children: subtitle }) : null] }), actions ? _jsx("div", { className: "cm-shell-cluster", children: actions }) : null] }));
+}
+export function ShellEmptyState({ className, icon, title, description, action, ...props }) {
+    return (_jsxs(ShellPanel, { className: cx("cm-shell-empty", className), ...props, children: [icon ? _jsx("div", { className: "cm-shell-empty__icon", children: icon }) : null, _jsx("div", { className: "cm-shell-empty__title", children: title }), description ? _jsx("div", { className: "cm-shell-empty__description", children: description }) : null, action ? _jsx("div", { className: "cm-shell-cluster", children: action }) : null] }));
+}
+export function ShellModal({ open, title, subtitle, onClose, children, className, contentClassName, headerActions, }) {
+    if (!open) {
+        return null;
+    }
+    return (_jsx("div", { className: "cm-shell-modal-overlay", onClick: onClose, children: _jsxs(ShellPanel, { className: cx("cm-shell-modal", className), padded: false, onClick: (event) => event.stopPropagation(), children: [_jsxs("div", { className: "cm-shell-modal__header", children: [_jsxs("div", { children: [_jsx("div", { className: "cm-shell-modal__title", children: title }), subtitle ? _jsx("div", { className: "cm-shell-modal__subtitle", children: subtitle }) : null] }), headerActions || (_jsx(ShellButton, { tone: "ghost", size: "sm", onClick: onClose, "aria-label": "Close dialog", children: "Close" }))] }), _jsx("div", { className: cx("cm-shell-modal__body", contentClassName), children: children })] }) }));
+}
+//# sourceMappingURL=index.js.map

package/dist/shell/index.js.map

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

package/dist/shell/styles.d.ts

@@ -0,0 +1,2 @@
+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}\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";
+//# sourceMappingURL=styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/shell/styles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,QAAQ,8yRA8ZpB,CAAC"}