@compose-market/theme 0.0.82 → 0.0.90

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/market/styles.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,eAAO,MAAM,YAAY,8xJAiRxB,CAAC"}

package/dist/market/styles.js

@@ -0,0 +1,281 @@
+/**
+ * Market Styles
+ *
+ * Shared CSS for page-level patterns: page headers, card grids, stat cells,
+ * filter bars, and tab strips used in market.tsx and my-assets.tsx pages.
+ */
+export const marketStyles = /* css */ `
+/* ── Page Header ── */
+.cm-page-header {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  border-bottom: 1px solid hsl(var(--sidebar-border));
+  padding-bottom: 16px;
+}
+
+@media (min-width: 640px) {
+  .cm-page-header {
+    gap: 8px;
+    padding-bottom: 24px;
+  }
+}
+
+.cm-page-header__title-row {
+  display: flex;
+  align-items: center;
+  gap: 16px;
+}
+
+.cm-page-header__title {
+  font-family: var(--font-display), sans-serif;
+  font-weight: 700;
+  color: hsl(var(--foreground));
+  font-size: 20px;
+}
+
+@media (min-width: 640px) {
+  .cm-page-header__title {
+    font-size: 24px;
+  }
+}
+
+.cm-page-header__rule {
+  height: 1px;
+  width: 128px;
+  background: linear-gradient(90deg, hsl(var(--accent)), transparent);
+}
+
+.cm-page-header__subtitle {
+  color: hsl(var(--muted-foreground));
+  font-family: var(--font-mono, monospace);
+  font-size: 12px;
+}
+
+@media (min-width: 640px) {
+  .cm-page-header__subtitle {
+    font-size: 14px;
+  }
+}
+
+/* ── Card Grid ── */
+.cm-card-grid {
+  display: grid;
+  grid-template-columns: 1fr;
+  gap: 16px;
+}
+
+@media (min-width: 640px) {
+  .cm-card-grid {
+    grid-template-columns: repeat(2, 1fr);
+    gap: 24px;
+  }
+}
+
+@media (min-width: 1024px) {
+  .cm-card-grid {
+    grid-template-columns: repeat(3, 1fr);
+  }
+}
+
+.cm-card-grid--2col {
+  grid-template-columns: 1fr;
+}
+
+@media (min-width: 640px) {
+  .cm-card-grid--2col {
+    grid-template-columns: repeat(2, 1fr);
+  }
+}
+
+/* ── Stat Cell ── */
+.cm-stat-cell {
+  padding: 6px;
+  background: hsl(var(--background));
+  border: 1px solid hsl(var(--sidebar-border) / 0.5);
+  border-radius: 4px;
+}
+
+@media (min-width: 640px) {
+  .cm-stat-cell {
+    padding: 8px;
+  }
+}
+
+.cm-stat-cell__label {
+  font-size: 8px;
+  color: hsl(var(--muted-foreground));
+  text-transform: uppercase;
+}
+
+@media (min-width: 640px) {
+  .cm-stat-cell__label {
+    font-size: 10px;
+  }
+}
+
+.cm-stat-cell__value-row {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+}
+
+.cm-stat-cell__value {
+  font-family: var(--font-mono, monospace);
+  font-size: 12px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+@media (min-width: 640px) {
+  .cm-stat-cell__value {
+    font-size: 14px;
+  }
+}
+
+/* ── Filter Bar ── */
+.cm-filter-bar {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+
+@media (min-width: 640px) {
+  .cm-filter-bar {
+    flex-direction: row;
+    align-items: center;
+    justify-content: space-between;
+  }
+}
+
+.cm-filter-bar__actions {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+@media (max-width: 639px) {
+  .cm-filter-bar__actions {
+    justify-content: space-between;
+  }
+}
+
+/* ── Empty State (inline variant) ── */
+.cm-empty-state-inline {
+  text-align: center;
+  padding: 48px 16px;
+}
+
+@media (min-width: 640px) {
+  .cm-empty-state-inline {
+    padding: 80px 16px;
+  }
+}
+
+.cm-empty-state-inline__icon {
+  margin: 0 auto 16px;
+  color: hsl(var(--muted-foreground) / 0.3);
+  width: 40px;
+  height: 40px;
+}
+
+@media (min-width: 640px) {
+  .cm-empty-state-inline__icon {
+    width: 48px;
+    height: 48px;
+  }
+}
+
+.cm-empty-state-inline__text {
+  color: hsl(var(--muted-foreground));
+  font-size: 14px;
+}
+
+@media (min-width: 640px) {
+  .cm-empty-state-inline__text {
+    font-size: 16px;
+  }
+}
+
+.cm-empty-state-inline__hint {
+  color: hsl(var(--muted-foreground) / 0.6);
+  font-size: 10px;
+  margin-top: 8px;
+  padding: 0 16px;
+}
+
+@media (min-width: 640px) {
+  .cm-empty-state-inline__hint {
+    font-size: 12px;
+  }
+}
+
+/* ── Stat Grid (centered, icon-above) ── */
+.cm-stat-grid {
+  display: grid;
+  gap: 6px;
+  font-family: var(--font-mono, monospace);
+}
+
+@media (min-width: 640px) {
+  .cm-stat-grid {
+    gap: 12px;
+  }
+}
+
+.cm-stat-grid--3col {
+  grid-template-columns: repeat(3, 1fr);
+}
+
+.cm-stat-grid--2col {
+  grid-template-columns: repeat(2, 1fr);
+}
+
+.cm-stat-grid__cell {
+  text-align: center;
+  padding: 6px;
+  border-radius: 2px;
+  background: hsl(var(--sidebar-accent));
+}
+
+@media (min-width: 640px) {
+  .cm-stat-grid__cell {
+    padding: 8px;
+  }
+}
+
+.cm-stat-grid__cell-icon {
+  margin: 0 auto 2px;
+  width: 12px;
+  height: 12px;
+}
+
+@media (min-width: 640px) {
+  .cm-stat-grid__cell-icon {
+    width: 14px;
+    height: 14px;
+    margin-bottom: 4px;
+  }
+}
+
+.cm-stat-grid__cell-value {
+  font-weight: 700;
+  color: hsl(var(--foreground));
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.cm-stat-grid__cell-label {
+  font-size: 8px;
+  color: hsl(var(--muted-foreground));
+}
+
+@media (min-width: 640px) {
+  .cm-stat-grid__cell-label {
+    font-size: 10px;
+  }
+}
+`;
+//# sourceMappingURL=styles.js.map

package/dist/market/styles.js.map

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

package/dist/mirror/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Mirror Module
+ *
+ * CSS class-name constants for the MirrorPane component pattern.
+ * No React components — these are CSS-only shared classes.
+ */
+export { mirrorStyles } from "./styles";
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/mirror/index.js

@@ -0,0 +1,8 @@
+/**
+ * Mirror Module
+ *
+ * CSS class-name constants for the MirrorPane component pattern.
+ * No React components — these are CSS-only shared classes.
+ */
+export { mirrorStyles } from "./styles";
+//# sourceMappingURL=index.js.map

package/dist/mirror/index.js.map

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

package/dist/mirror/styles.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Mirror Pane Styles
+ *
+ * BEM CSS for the MirrorPane component pattern (model info panel).
+ */
+export declare const mirrorStyles = "\n/* \u2500\u2500 Mirror Pane \u2500\u2500 */\n.cm-mirror-pane {\n  display: flex;\n  flex-direction: column;\n  border: 1px solid hsl(var(--primary) / 0.3);\n  border-radius: 8px;\n  background: hsl(var(--card));\n  overflow: hidden;\n  height: 100%;\n}\n\n/* Toolbar (icon tabs) */\n.cm-mirror-pane__toolbar {\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  padding: 8px;\n  border-bottom: 1px solid hsl(var(--sidebar-border));\n  background: hsl(var(--background) / 0.3);\n}\n\n.cm-mirror-pane__toolbar-btn {\n  padding: 8px;\n  border-radius: 6px;\n  border: none;\n  background: transparent;\n  color: hsl(var(--muted-foreground));\n  cursor: pointer;\n  transition: color 0.15s ease, background 0.15s ease;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.cm-mirror-pane__toolbar-btn:hover {\n  color: hsl(var(--foreground));\n  background: hsl(var(--muted));\n}\n\n.cm-mirror-pane__toolbar-btn--active-cyan {\n  background: hsl(var(--primary) / 0.2);\n  color: hsl(var(--primary));\n}\n\n.cm-mirror-pane__toolbar-btn--active-fuchsia {\n  background: hsl(var(--accent) / 0.2);\n  color: hsl(var(--accent));\n}\n\n/* Body */\n.cm-mirror-pane__body {\n  padding: 12px;\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  flex: 1;\n  overflow-y: auto;\n}\n\n@media (min-width: 640px) {\n  .cm-mirror-pane__body {\n    padding: 16px;\n  }\n}\n\n@media (min-width: 768px) {\n  .cm-mirror-pane__body {\n    padding: 20px;\n  }\n}\n\n/* Model identity */\n.cm-mirror-pane__model-header {\n  display: flex;\n  align-items: flex-start;\n  gap: 12px;\n}\n\n.cm-mirror-pane__model-icon-box {\n  padding: 8px;\n  background: hsl(var(--primary) / 0.1);\n  border: 1px solid hsl(var(--primary) / 0.3);\n  border-radius: 8px;\n  flex-shrink: 0;\n}\n\n.cm-mirror-pane__model-copy {\n  min-width: 0;\n  flex: 1;\n}\n\n.cm-mirror-pane__model-name {\n  font-weight: 600;\n  color: hsl(var(--foreground));\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  font-size: 14px;\n}\n\n@media (min-width: 768px) {\n  .cm-mirror-pane__model-name {\n    font-size: 16px;\n  }\n}\n\n.cm-mirror-pane__model-provider {\n  font-size: 12px;\n  color: hsl(var(--muted-foreground));\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n/* Section panel */\n.cm-mirror-pane__section {\n  border-radius: 2px;\n  border: 1px solid hsl(var(--sidebar-border));\n  background: hsl(var(--background) / 0.3);\n  padding: 12px;\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n.cm-mirror-pane__section-label {\n  font-size: 11px;\n  text-transform: uppercase;\n  letter-spacing: 0.06em;\n  color: hsl(var(--muted-foreground));\n}\n\n/* Key-value rows */\n.cm-mirror-pane__kv-row {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 12px;\n  font-family: var(--font-mono, monospace);\n}\n\n.cm-mirror-pane__kv-label {\n  color: hsl(var(--muted-foreground));\n}\n\n.cm-mirror-pane__kv-value {\n  color: hsl(var(--foreground));\n  text-align: right;\n}\n\n/* Pricing sub-panel */\n.cm-mirror-pane__pricing-block {\n  border-radius: 2px;\n  border: 1px solid hsl(var(--sidebar-border));\n  background: hsl(var(--background) / 0.4);\n  padding: 8px;\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n\n.cm-mirror-pane__pricing-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 12px;\n}\n\n.cm-mirror-pane__pricing-name {\n  font-family: var(--font-mono, monospace);\n  color: hsl(var(--primary));\n}\n\n/* Description block */\n.cm-mirror-pane__description {\n  border-radius: 2px;\n  border: 1px solid hsl(var(--sidebar-border));\n  background: hsl(var(--background) / 0.3);\n  padding: 12px;\n  color: hsl(var(--muted-foreground));\n  line-height: 1.6;\n}\n\n/* Settings: tool group */\n.cm-mirror-pane__tool-group {\n  border-radius: 2px;\n  border: 1px solid hsl(var(--primary) / 0.2);\n  background: hsl(var(--primary) / 0.05);\n  padding: 12px;\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n.cm-mirror-pane__tool-group--fuchsia {\n  border-color: hsl(var(--accent) / 0.2);\n  background: hsl(var(--accent) / 0.05);\n}\n\n.cm-mirror-pane__tool-group-label {\n  font-size: 12px;\n  font-family: var(--font-mono, monospace);\n}\n\n.cm-mirror-pane__tool-toggle {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n\n.cm-mirror-pane__tool-toggle-label {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 14px;\n}\n\n/* Empty state */\n.cm-mirror-pane__empty {\n  padding: 16px 20px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  flex: 1;\n  text-align: center;\n}\n\n.cm-mirror-pane__empty-icon {\n  width: 40px;\n  height: 40px;\n  color: hsl(var(--muted-foreground) / 0.4);\n  margin-bottom: 12px;\n}\n\n.cm-mirror-pane__empty-text {\n  font-size: 14px;\n  color: hsl(var(--muted-foreground) / 0.7);\n}\n\n/* No-params state */\n.cm-mirror-pane__no-params {\n  border-radius: 2px;\n  border: 1px solid hsl(var(--sidebar-border));\n  background: hsl(var(--background) / 0.3);\n  padding: 16px;\n  font-size: 14px;\n  color: hsl(var(--muted-foreground));\n}\n";
+//# sourceMappingURL=styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/mirror/styles.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,eAAO,MAAM,YAAY,2pKA2PxB,CAAC"}

package/dist/mirror/styles.js

@@ -0,0 +1,258 @@
+/**
+ * Mirror Pane Styles
+ *
+ * BEM CSS for the MirrorPane component pattern (model info panel).
+ */
+export const mirrorStyles = /* css */ `
+/* ── Mirror Pane ── */
+.cm-mirror-pane {
+  display: flex;
+  flex-direction: column;
+  border: 1px solid hsl(var(--primary) / 0.3);
+  border-radius: 8px;
+  background: hsl(var(--card));
+  overflow: hidden;
+  height: 100%;
+}
+
+/* Toolbar (icon tabs) */
+.cm-mirror-pane__toolbar {
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  padding: 8px;
+  border-bottom: 1px solid hsl(var(--sidebar-border));
+  background: hsl(var(--background) / 0.3);
+}
+
+.cm-mirror-pane__toolbar-btn {
+  padding: 8px;
+  border-radius: 6px;
+  border: none;
+  background: transparent;
+  color: hsl(var(--muted-foreground));
+  cursor: pointer;
+  transition: color 0.15s ease, background 0.15s ease;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.cm-mirror-pane__toolbar-btn:hover {
+  color: hsl(var(--foreground));
+  background: hsl(var(--muted));
+}
+
+.cm-mirror-pane__toolbar-btn--active-cyan {
+  background: hsl(var(--primary) / 0.2);
+  color: hsl(var(--primary));
+}
+
+.cm-mirror-pane__toolbar-btn--active-fuchsia {
+  background: hsl(var(--accent) / 0.2);
+  color: hsl(var(--accent));
+}
+
+/* Body */
+.cm-mirror-pane__body {
+  padding: 12px;
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  flex: 1;
+  overflow-y: auto;
+}
+
+@media (min-width: 640px) {
+  .cm-mirror-pane__body {
+    padding: 16px;
+  }
+}
+
+@media (min-width: 768px) {
+  .cm-mirror-pane__body {
+    padding: 20px;
+  }
+}
+
+/* Model identity */
+.cm-mirror-pane__model-header {
+  display: flex;
+  align-items: flex-start;
+  gap: 12px;
+}
+
+.cm-mirror-pane__model-icon-box {
+  padding: 8px;
+  background: hsl(var(--primary) / 0.1);
+  border: 1px solid hsl(var(--primary) / 0.3);
+  border-radius: 8px;
+  flex-shrink: 0;
+}
+
+.cm-mirror-pane__model-copy {
+  min-width: 0;
+  flex: 1;
+}
+
+.cm-mirror-pane__model-name {
+  font-weight: 600;
+  color: hsl(var(--foreground));
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  font-size: 14px;
+}
+
+@media (min-width: 768px) {
+  .cm-mirror-pane__model-name {
+    font-size: 16px;
+  }
+}
+
+.cm-mirror-pane__model-provider {
+  font-size: 12px;
+  color: hsl(var(--muted-foreground));
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+/* Section panel */
+.cm-mirror-pane__section {
+  border-radius: 2px;
+  border: 1px solid hsl(var(--sidebar-border));
+  background: hsl(var(--background) / 0.3);
+  padding: 12px;
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+
+.cm-mirror-pane__section-label {
+  font-size: 11px;
+  text-transform: uppercase;
+  letter-spacing: 0.06em;
+  color: hsl(var(--muted-foreground));
+}
+
+/* Key-value rows */
+.cm-mirror-pane__kv-row {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  font-family: var(--font-mono, monospace);
+}
+
+.cm-mirror-pane__kv-label {
+  color: hsl(var(--muted-foreground));
+}
+
+.cm-mirror-pane__kv-value {
+  color: hsl(var(--foreground));
+  text-align: right;
+}
+
+/* Pricing sub-panel */
+.cm-mirror-pane__pricing-block {
+  border-radius: 2px;
+  border: 1px solid hsl(var(--sidebar-border));
+  background: hsl(var(--background) / 0.4);
+  padding: 8px;
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+}
+
+.cm-mirror-pane__pricing-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+}
+
+.cm-mirror-pane__pricing-name {
+  font-family: var(--font-mono, monospace);
+  color: hsl(var(--primary));
+}
+
+/* Description block */
+.cm-mirror-pane__description {
+  border-radius: 2px;
+  border: 1px solid hsl(var(--sidebar-border));
+  background: hsl(var(--background) / 0.3);
+  padding: 12px;
+  color: hsl(var(--muted-foreground));
+  line-height: 1.6;
+}
+
+/* Settings: tool group */
+.cm-mirror-pane__tool-group {
+  border-radius: 2px;
+  border: 1px solid hsl(var(--primary) / 0.2);
+  background: hsl(var(--primary) / 0.05);
+  padding: 12px;
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+
+.cm-mirror-pane__tool-group--fuchsia {
+  border-color: hsl(var(--accent) / 0.2);
+  background: hsl(var(--accent) / 0.05);
+}
+
+.cm-mirror-pane__tool-group-label {
+  font-size: 12px;
+  font-family: var(--font-mono, monospace);
+}
+
+.cm-mirror-pane__tool-toggle {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.cm-mirror-pane__tool-toggle-label {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  font-size: 14px;
+}
+
+/* Empty state */
+.cm-mirror-pane__empty {
+  padding: 16px 20px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  flex: 1;
+  text-align: center;
+}
+
+.cm-mirror-pane__empty-icon {
+  width: 40px;
+  height: 40px;
+  color: hsl(var(--muted-foreground) / 0.4);
+  margin-bottom: 12px;
+}
+
+.cm-mirror-pane__empty-text {
+  font-size: 14px;
+  color: hsl(var(--muted-foreground) / 0.7);
+}
+
+/* No-params state */
+.cm-mirror-pane__no-params {
+  border-radius: 2px;
+  border: 1px solid hsl(var(--sidebar-border));
+  background: hsl(var(--background) / 0.3);
+  padding: 16px;
+  font-size: 14px;
+  color: hsl(var(--muted-foreground));
+}
+`;
+//# sourceMappingURL=styles.js.map

package/dist/mirror/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/mirror/styles.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,SAAS,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2PrC,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 desktop/src/styles.css.
+ */
+export declare const utilitiesStyles = "\n/* \u2500\u2500 Marquee \u2500\u2500 */\n@keyframes cm-marquee-scroll {\n  0%   { transform: translateX(0); }\n  100% { transform: translateX(-50%); }\n}\n\n@keyframes cm-marquee-scroll-reverse {\n  0%   { transform: translateX(-50%); }\n  100% { transform: translateX(0); }\n}\n\n.cm-marquee-track {\n  animation: cm-marquee-scroll linear infinite;\n  will-change: transform;\n}\n\n.cm-marquee-track-reverse {\n  animation: cm-marquee-scroll-reverse linear infinite;\n  will-change: transform;\n}\n\n/* \u2500\u2500 Safe Area \u2500\u2500 */\n.cm-safe-area-top    { padding-top: env(safe-area-inset-top); }\n.cm-safe-area-bottom { padding-bottom: env(safe-area-inset-bottom); }\n.cm-safe-area-left   { padding-left: env(safe-area-inset-left); }\n.cm-safe-area-right  { padding-right: env(safe-area-inset-right); }\n\n.cm-safe-area-x {\n  padding-left: env(safe-area-inset-left);\n  padding-right: env(safe-area-inset-right);\n}\n\n.cm-safe-area-y {\n  padding-top: env(safe-area-inset-top);\n  padding-bottom: env(safe-area-inset-bottom);\n}\n\n/* \u2500\u2500 Touch \u2500\u2500 */\n.cm-touch-manipulation {\n  touch-action: manipulation;\n}\n\n.cm-no-select {\n  -webkit-user-select: none;\n  user-select: none;\n}\n\n/* \u2500\u2500 Scrollbar Hide \u2500\u2500 */\n.cm-scrollbar-hide {\n  -ms-overflow-style: none;\n  scrollbar-width: none;\n}\n\n.cm-scrollbar-hide::-webkit-scrollbar {\n  display: none;\n}\n\n/* \u2500\u2500 Text Truncation \u2500\u2500 */\n.cm-text-truncate {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  max-width: 100%;\n}\n\n/* \u2500\u2500 Touch Targets (mobile \u2264 768px) \u2500\u2500 */\n@media (max-width: 768px) {\n  .cm-touch-target {\n    min-height: 44px;\n    min-width: 44px;\n  }\n}\n\n/* \u2500\u2500 Mobile Scrollbar (thinner for \u2264 768px) \u2500\u2500 */\n@media (max-width: 768px) {\n  .cm-thin-scrollbar::-webkit-scrollbar {\n    width: 4px;\n    height: 4px;\n  }\n}\n";
+//# 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,q6DAiF3B,CAAC"}