@ai-composer/themes 0.1.0

package/dist/css/dark.css

@@ -0,0 +1,38 @@
+/* Dark theme — override tokens only; structure comes from default.css.
+   Opt-in: set data-aic-theme="dark" on <html> (or any ancestor, or the
+   .aic-root element itself). Importing this file alone changes nothing.
+   The send button inverts: light circle, dark glyph. */
+
+.aic-root[data-aic-theme='dark'],
+[data-aic-theme='dark'] .aic-root {
+  --aic-background: #202024;
+  --aic-surface-raised: #2b2b31;
+  --aic-surface-hover: #35353c;
+  --aic-border: rgb(255 255 255 / 14%);
+  --aic-border-focus: #5ed6c0;
+
+  --aic-text: #f4f4f5;
+  --aic-text-muted: #a1a1aa;
+  --aic-text-placeholder: #565660;
+
+  --aic-accent: #fafafa;
+  --aic-accent-hover: #d4d4d8;
+  --aic-accent-contrast: #18181b;
+  --aic-accent-disabled: #3f3f46;
+  --aic-accent-disabled-contrast: #c4c4cc;
+
+  --aic-chip-background: #2b2b31;
+  --aic-chip-text: #d4d4d8;
+  --aic-chip-mention-background: #1c2c47;
+  --aic-chip-mention-text: #8cb4f8;
+  --aic-chip-command-background: #2e2246;
+  --aic-chip-command-text: #c4a8fb;
+  --aic-chip-variable-background: #3a2f16;
+  --aic-chip-variable-text: #ecc36b;
+  --aic-chip-hashtag-background: #14352a;
+  --aic-chip-hashtag-text: #7ed9a9;
+
+  --aic-shadow: 0 1px 2px rgb(0 0 0 / 40%), 0 4px 12px rgb(0 0 0 / 30%);
+  --aic-shadow-raised: 0 4px 6px -1px rgb(0 0 0 / 40%), 0 2px 4px -2px rgb(0 0 0 / 40%);
+  --aic-focus-ring: 0 0 0 3px rgb(94 214 192 / 18%);
+}

package/dist/css/default.css

@@ -0,0 +1,525 @@
+/* Default theme — calm neutral composer (editor-area aesthetic).
+   Structure comes from core/dom (data-aic-*); every value flows from tokens.
+   Import order: tokens.css → default.css → (dark|compact).css → your overrides.
+
+   Modes are visually distinct:
+     compact  — single-line pill, no chrome
+     chat     — auto-growing multiline box, attachments row, circular send button
+     expanded — tall canvas with header, rich toolbar and footer
+*/
+
+@import './tokens.css';
+
+/* Scoped reset so min-/max-height math includes padding (height caps work). */
+.aic-root,
+.aic-root *,
+.aic-root *::before,
+.aic-root *::after {
+  box-sizing: border-box;
+}
+
+/* Mode presets hide slots with [hidden]; slot display rules (flex) must not
+   resurrect them. */
+.aic-root [hidden] {
+  display: none !important;
+}
+
+/* ------------------------------------------------------------------ root */
+.aic-root {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+  background: var(--aic-background);
+  border: var(--aic-border-width) solid var(--aic-border);
+  border-radius: var(--aic-radius);
+  box-shadow: var(--aic-shadow);
+  font-family: var(--aic-font-family);
+  font-size: var(--aic-font-size);
+  color: var(--aic-text);
+  line-height: 1.6;
+  transition:
+    border-color var(--aic-transition),
+    box-shadow var(--aic-transition),
+    background-color var(--aic-transition);
+  /* Auto-height ceiling: grows with content up to this, then scrolls inside.
+     Modes retune it; values may use viewport units so the box never outgrows
+     the space actually available. */
+  --aic-input-max-height: 200px;
+}
+
+.aic-root:focus-within {
+  border-color: var(--aic-border-focus);
+  box-shadow: var(--aic-focus-ring), var(--aic-shadow);
+}
+
+.aic-root[data-aic-disabled='true'] {
+  opacity: 0.55;
+  pointer-events: none;
+}
+
+.aic-body {
+  position: relative; /* anchor for custom-renderer suggestion popups */
+  display: flex;
+  flex-direction: column;
+}
+
+/* --------------------------------------------------- input + popup anchor */
+/* The wrapper occupies exactly the input's space; popups float out of it. */
+.aic-input-wrap {
+  position: relative;
+}
+
+.aic-input-host {
+  display: block;
+  height: auto;               /* auto-grow: the box expands with content */
+  padding: var(--aic-input-padding);
+  min-height: var(--aic-input-min-height);
+  max-height: var(--aic-input-max-height); /* cap: scroll once space runs out */
+  outline: none;
+  overflow-y: auto;
+  white-space: pre-wrap;
+  word-break: break-word;
+  line-height: 1.55;
+  caret-color: var(--aic-accent);
+}
+
+/* placeholder — empty and unfocused. Clicking in (focus) clears it so the
+   caret stands alone; it returns as soon as the box is empty and blurred. */
+.aic-input-host[data-aic-empty=''][data-placeholder]:not(:focus)::before {
+  content: attr(data-placeholder);
+  color: var(--aic-text-placeholder);
+  pointer-events: none;
+}
+
+/* ------------------------------------------------------------- chips */
+.aic-chip {
+  display: inline-flex;
+  align-items: center;
+  position: relative;
+  overflow: hidden;
+  background: var(--aic-chip-background);
+  color: var(--aic-chip-text);
+  border-radius: var(--aic-chip-radius);
+  margin: 0 1px;
+  padding: 1px 6px;
+  font-size: 0.875em;
+  font-weight: 500;
+  line-height: 1.5;
+  white-space: nowrap;
+  cursor: pointer;
+  user-select: none;
+  vertical-align: baseline;
+  transition:
+    background-color var(--aic-transition),
+    transform 150ms cubic-bezier(0.4, 0, 0.2, 1),
+    box-shadow var(--aic-transition);
+}
+
+.aic-chip:hover {
+  background: var(--aic-surface-hover);
+  box-shadow: 0 1px 4px rgb(0 0 0 / 8%);
+}
+
+.aic-chip:active {
+  transform: scale(0.93);
+  background: var(--aic-surface-hover);
+}
+
+/* semantic tints per node type */
+.aic-chip[data-aic-node='mention'] {
+  background: var(--aic-chip-mention-background);
+  color: var(--aic-chip-mention-text);
+}
+.aic-chip[data-aic-node='command'] {
+  background: var(--aic-chip-command-background);
+  color: var(--aic-chip-command-text);
+}
+.aic-chip[data-aic-node='variable'] {
+  background: var(--aic-chip-variable-background);
+  color: var(--aic-chip-variable-text);
+}
+.aic-chip[data-aic-node='custom'] {
+  background: var(--aic-chip-hashtag-background);
+  color: var(--aic-chip-hashtag-text);
+}
+
+/* ------------------------------------------------------- suggestion popup */
+/* True popup: absolutely positioned by the dom layer inside .aic-input-wrap.
+   It never reserves layout space. */
+.aic-suggestions {
+  list-style: none;
+  box-sizing: border-box;
+  margin: 0;
+  min-width: 230px;
+  max-height: 260px;
+  padding: 6px;
+  background: var(--aic-background);
+  border: var(--aic-border-width) solid var(--aic-border);
+  border-radius: 12px;
+  box-shadow: var(--aic-shadow-raised);
+  overflow-y: auto;
+  overscroll-behavior: contain;
+  z-index: var(--aic-z-suggestions);
+  animation: aic-pop-in 140ms cubic-bezier(0.16, 1, 0.3, 1);
+}
+
+@keyframes aic-pop-in {
+  from {
+    opacity: 0;
+    transform: scale(0.97) translateY(2px);
+  }
+}
+
+.aic-suggestion {
+  display: flex;
+  flex-direction: column;
+  gap: 1px;
+  padding: 6px 10px;
+  border-radius: var(--aic-radius-sm);
+  cursor: pointer;
+}
+
+.aic-suggestion.aic-active,
+.aic-suggestion:hover {
+  background: var(--aic-surface-raised);
+}
+
+.aic-suggestion-label {
+  font-weight: 500;
+  font-size: 0.9em;
+}
+
+.aic-suggestion-description {
+  color: var(--aic-text-muted);
+  font-size: 0.8em;
+}
+
+/* Decorative keyboard-hints footer */
+.aic-suggestion-footer {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  margin-top: 4px;
+  padding: 6px 10px 4px;
+  border-top: var(--aic-border-width) solid var(--aic-border);
+  color: var(--aic-text-placeholder);
+  font-size: 11.5px;
+  cursor: default;
+}
+
+.aic-suggestion-footer kbd {
+  font-family: var(--aic-font-family);
+  font-size: 10.5px;
+  line-height: 1;
+  padding: 2px 5px;
+  border: var(--aic-border-width) solid var(--aic-border);
+  border-bottom-width: 2px;
+  border-radius: 4px;
+  background: var(--aic-surface-raised);
+  color: var(--aic-text-muted);
+}
+
+.aic-suggestion-footer span {
+  flex: 1;
+  text-align: center;
+}
+
+.aic-suggestion-footer span::before {
+  content: '·';
+}
+
+/* ------------------------------------------------------- attachments row */
+.aic-attachments {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 6px;
+  padding: var(--aic-input-padding) ;
+}
+
+.aic-attachment {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  background: var(--aic-surface-raised);
+  border: none;
+  border-radius: 8px;
+  padding: 3px 8px;
+  font-size: 0.85em;
+  color: var(--aic-text);
+}
+
+.aic-attachment-remove {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  border: none;
+  background: none;
+  color: var(--aic-text-muted);
+  cursor: pointer;
+  padding: 2px;
+  line-height: 0;
+  border-radius: 4px;
+}
+
+.aic-attachment-remove:hover {
+  color: var(--aic-text);
+  background: var(--aic-surface-hover);
+}
+
+/* ------------------------------------------------------------ toolbar */
+.aic-toolbar {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  gap: 8px;
+  min-height: var(--aic-toolbar-height);
+  padding: 6px 12px 10px;
+}
+
+/* Circular ghost icon buttons */
+.aic-toolbar button {
+  min-width: 32px;
+  height: 32px;
+  padding: 0;
+  border: none;
+  border-radius: 999px;
+  background: transparent;
+  color: var(--aic-text-muted);
+  font-size: 1em;
+  line-height: 1;
+  cursor: pointer;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  transition: background var(--aic-transition), color var(--aic-transition),
+    transform 100ms cubic-bezier(0.4, 0, 0.2, 1);
+}
+
+.aic-toolbar button svg {
+  display: block;
+  pointer-events: none;
+}
+
+.aic-toolbar button:hover:not(:disabled) {
+  background: var(--aic-surface-raised);
+  color: var(--aic-text);
+}
+
+.aic-toolbar button:active:not(:disabled) {
+  transform: scale(0.92);
+}
+
+.aic-toolbar button:disabled {
+  opacity: 0.4;
+  cursor: default;
+}
+
+.aic-toolbar button:focus-visible {
+  outline: 2px solid var(--aic-border-focus);
+  outline-offset: 1px;
+}
+
+/* Send — the primary action: solid circle, inverted in dark themes */
+.aic-toolbar button[data-aic-action='submit'] {
+  width: 36px;
+  min-width: 36px;
+  height: 36px;
+  padding: 0;
+  background: var(--aic-accent);
+  color: var(--aic-accent-contrast);
+  box-shadow: 0 1px 2px rgb(15 118 110 / 18%);
+}
+
+.aic-toolbar button[data-aic-action='submit']:hover:not(:disabled) {
+  background: var(--aic-accent-hover);
+}
+
+.aic-toolbar button[data-aic-action='submit']:active:not(:disabled) {
+  transform: scale(0.92);
+}
+
+.aic-toolbar button[data-aic-action='submit']:disabled {
+  background: var(--aic-accent-disabled);
+  color: var(--aic-accent-disabled-contrast);
+  opacity: 1;
+}
+
+/* Submit loading state */
+.aic-spinner {
+  display: inline-block;
+  width: 14px;
+  height: 14px;
+  border: 2px solid currentColor;
+  border-right-color: transparent;
+  border-radius: 50%;
+  animation: aic-spin 0.7s linear infinite;
+}
+
+@keyframes aic-spin {
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+.aic-header,
+.aic-footer {
+  padding: 8px 16px;
+  color: var(--aic-text-muted);
+  font-size: 0.9em;
+}
+.aic-header:is(:empty),
+.aic-footer:is(:empty) {
+  display: none;
+}
+
+/* ======================================================================
+   MODES — visually distinct presets
+   ====================================================================== */
+
+/* COMPACT — inline composer (Copilot review-box style): one line with
+   [chips][input …][send] inside the pill. Wrapped/newline content is
+   detected (data-aic-multiline) — the composer then morphs into a rounded
+   box where the input takes the whole area, anchored top, and the controls
+   move to their own row below. Never clips text. */
+.aic-root[data-aic-mode='compact'] {
+  --aic-radius: 999px;
+  --aic-input-padding: 6px 16px;
+  --aic-input-min-height: 34px;
+  --aic-input-max-height: 120px;
+  flex-direction: row;
+  align-items: center;
+  box-shadow: var(--aic-shadow);
+}
+
+.aic-root[data-aic-mode='compact'] .aic-body {
+  flex: 1;
+  min-width: 0;
+  flex-direction: row;
+  align-items: center;
+}
+
+.aic-root[data-aic-mode='compact'] .aic-input-wrap {
+  flex: 1;
+  min-width: 0;
+}
+
+.aic-root[data-aic-mode='compact'] .aic-attachments {
+  flex: none;
+  flex-wrap: nowrap;
+  gap: 4px;
+  padding: 0 0 0 10px;
+}
+
+.aic-root[data-aic-mode='compact'] .aic-toolbar {
+  flex: none;
+  min-height: 0;
+  gap: 0;
+  padding: 0 5px 0 0;
+}
+
+.aic-root[data-aic-mode='compact'] .aic-toolbar button {
+  width: 30px;
+  min-width: 30px;
+  height: 30px;
+  padding: 0;
+}
+
+.aic-root[data-aic-mode='compact'] .aic-toolbar button[data-aic-action='submit'] {
+  width: 30px;
+  min-width: 30px;
+  height: 30px;
+}
+
+/* Multiline — the input takes over: full area, top-anchored; chips and
+   controls move to their own rows (chat-like layout). The multiline flag
+   is mirrored onto the root as data-aic-multiline (plain attribute —
+   :has()-based rules are still dropped by some engine versions). */
+.aic-root[data-aic-mode='compact'][data-aic-multiline] {
+  --aic-radius: 16px;
+  flex-direction: column;
+  align-items: stretch;
+}
+
+.aic-root[data-aic-mode='compact'][data-aic-multiline] .aic-body {
+  flex-direction: column;
+  align-items: stretch; /* reset the one-line `center` — input takes full width */
+}
+
+.aic-root[data-aic-mode='compact'][data-aic-multiline] .aic-input-host {
+  min-height: 60px;
+}
+
+.aic-root[data-aic-mode='compact'][data-aic-multiline] .aic-attachments {
+  flex-wrap: wrap;
+  padding: 10px 14px 0;
+}
+
+.aic-root[data-aic-mode='compact'][data-aic-multiline] .aic-toolbar {
+  padding: 4px 8px 8px;
+  justify-content: flex-end;
+}
+
+/* CHAT — auto-growing box: starts small, grows to a cap */
+.aic-root[data-aic-mode='chat'] {
+  --aic-input-min-height: 28px;
+  --aic-radius: 16px;
+  --aic-input-max-height: min(200px, 55vh);
+}
+
+@supports (height: 1dvh) {
+  .aic-root[data-aic-mode='chat'] {
+    --aic-input-max-height: min(200px, 55dvh);
+  }
+}
+
+.aic-root[data-aic-mode='chat'] .aic-input-host {
+  padding: 14px 16px 2px;
+}
+
+.aic-root[data-aic-mode='chat'] .aic-toolbar {
+  border-top: none;
+  padding: 4px 8px 8px;
+}
+
+/* EXPANDED — a tall writing canvas with full chrome */
+.aic-root[data-aic-mode='expanded'] {
+  --aic-radius: 20px;
+  --aic-input-min-height: 220px;
+  --aic-input-max-height: 60vh;
+}
+
+@supports (height: 1dvh) {
+  .aic-root[data-aic-mode='expanded'] {
+    --aic-input-max-height: 60dvh;
+  }
+}
+
+.aic-root[data-aic-mode='expanded'] .aic-toolbar {
+  border-top: var(--aic-border-width) solid var(--aic-border);
+  justify-content: space-between;
+}
+
+.aic-root[data-aic-mode='expanded'] .aic-toolbar::before {
+  content: 'Expanded editor';
+  font-size: 0.8em;
+  color: var(--aic-text-placeholder);
+}
+
+/* ------------------------------------------------------ a11y preferences */
+@media (prefers-reduced-motion: reduce) {
+  .aic-root,
+  .aic-root * {
+    transition: none !important;
+    animation: none !important;
+  }
+}
+
+@media (prefers-contrast: more) {
+  .aic-root {
+    border-width: 2px;
+  }
+  .aic-suggestion.aic-active {
+    outline: 2px solid currentColor;
+  }
+}

package/dist/css/tokens.css

@@ -0,0 +1,67 @@
+/**
+ * Design tokens — the only styling contract. Every visual default flows from
+ * CSS custom properties; no hard-coded colors or dimensions in core/dom
+ * (ADR-0007). Applications override any token, any theme can replace any
+ * layer:
+ *
+ *   core tokens → default theme → mode theme → app theme → component overrides
+ *
+ * Palette: neutral zinc scale, near-black primary action — the editor reads
+ * calm and framework-native instead of arriving with a brand color.
+ */
+
+:root {
+  /* surface */
+  --aic-background: #ffffff;
+  --aic-surface-raised: #f4f4f5;
+  --aic-surface-hover: #e4e4e7;
+  --aic-border: #e4e4e7;
+  --aic-border-focus: #0f766e;
+
+  /* text */
+  --aic-text: #18181b;
+  --aic-text-muted: #71717a;
+  --aic-text-placeholder: #a1a1aa;
+
+  /* primary action (send) */
+  --aic-accent: #0f766e;
+  --aic-accent-hover: #115e59;
+  --aic-accent-contrast: #f0fdfa;
+  --aic-accent-disabled: #dce8e5;
+  --aic-accent-disabled-contrast: #647b76;
+
+  /* chips — neutral base, semantic tint per node type */
+  --aic-chip-background: #f4f4f5;
+  --aic-chip-text: #3f3f46;
+  --aic-chip-radius: 4px;
+  --aic-chip-mention-background: #e8f1ff;
+  --aic-chip-mention-text: #1d5fd6;
+  --aic-chip-command-background: #f3ecfe;
+  --aic-chip-command-text: #7a3af0;
+  --aic-chip-variable-background: #fdf3d5;
+  --aic-chip-variable-text: #96660a;
+  --aic-chip-hashtag-background: #e5f8ed;
+  --aic-chip-hashtag-text: #177245;
+
+  /* geometry */
+  --aic-radius: 12px;
+  --aic-radius-sm: 8px;
+  --aic-border-width: 1px;
+  --aic-input-padding: 12px 16px;
+  --aic-input-min-height: 52px;
+  --aic-input-max-height: 40vh;
+  --aic-toolbar-height: 44px;
+  --aic-font-size: 15px;
+  --aic-font-family: inherit;
+
+  /* effects */
+  --aic-shadow: 0 1px 2px rgb(24 24 27 / 4%), 0 5px 16px rgb(24 24 27 / 7%);
+  --aic-shadow-raised: 0 4px 6px -1px rgb(0 0 0 / 10%), 0 2px 4px -2px rgb(0 0 0 / 10%);
+  --aic-focus-ring: 0 0 0 3px rgb(15 118 110 / 16%);
+
+  /* motion */
+  --aic-transition: 150ms cubic-bezier(0.4, 0, 0.2, 1);
+
+  /* z-index scale */
+  --aic-z-suggestions: 30;
+}

package/dist/index.d.ts

@@ -0,0 +1,20 @@
+/**
+ * @ai-composer/themes — design tokens and theme presets.
+ *
+ * Import CSS by entry (package exports `./css/*`):
+ *
+ *   import '@ai-composer/themes/css/tokens.css';
+ *   import '@ai-composer/themes/css/default.css';   // structure, uses tokens
+ *   import '@ai-composer/themes/css/dark.css';      // optional dark override
+ *
+ * Theme layers (ADR-0007):
+ *   tokens → default → mode (compact) → app overrides → component overrides
+ */
+export declare const THEME_CSS_ENTRIES: readonly ["tokens", "default", "dark", "compact"];
+export type ThemeCssEntry = (typeof THEME_CSS_ENTRIES)[number];
+/** Programmatically resolve a CSS import specifier (e.g. for bundler-resolved dynamic imports). */
+export declare function themeCss(entry: ThemeCssEntry): string;
+/** Token names emitted by tokens.css — useful for docs tooling and lint rules. */
+export declare const DESIGN_TOKENS: readonly ["--aic-background", "--aic-surface-raised", "--aic-surface-hover", "--aic-border", "--aic-border-focus", "--aic-text", "--aic-text-muted", "--aic-text-placeholder", "--aic-accent", "--aic-accent-hover", "--aic-accent-contrast", "--aic-accent-disabled", "--aic-chip-background", "--aic-chip-text", "--aic-chip-radius", "--aic-chip-mention-background", "--aic-chip-mention-text", "--aic-chip-command-background", "--aic-chip-command-text", "--aic-chip-variable-background", "--aic-chip-variable-text", "--aic-chip-hashtag-background", "--aic-chip-hashtag-text", "--aic-radius", "--aic-radius-sm", "--aic-border-width", "--aic-input-padding", "--aic-input-min-height", "--aic-input-max-height", "--aic-toolbar-height", "--aic-font-size", "--aic-font-family", "--aic-shadow", "--aic-shadow-raised", "--aic-focus-ring", "--aic-transition", "--aic-z-suggestions"];
+export type DesignToken = (typeof DESIGN_TOKENS)[number];
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,eAAO,MAAM,iBAAiB,mDAAoD,CAAC;AAEnF,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAC;AAE/D,mGAAmG;AACnG,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,GAAG,MAAM,CAErD;AAED,kFAAkF;AAClF,eAAO,MAAM,aAAa,q2BAsChB,CAAC;AAEX,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC"}

package/dist/index.js

@@ -0,0 +1,58 @@
+/**
+ * @ai-composer/themes — design tokens and theme presets.
+ *
+ * Import CSS by entry (package exports `./css/*`):
+ *
+ *   import '@ai-composer/themes/css/tokens.css';
+ *   import '@ai-composer/themes/css/default.css';   // structure, uses tokens
+ *   import '@ai-composer/themes/css/dark.css';      // optional dark override
+ *
+ * Theme layers (ADR-0007):
+ *   tokens → default → mode (compact) → app overrides → component overrides
+ */
+export const THEME_CSS_ENTRIES = ['tokens', 'default', 'dark', 'compact'];
+/** Programmatically resolve a CSS import specifier (e.g. for bundler-resolved dynamic imports). */
+export function themeCss(entry) {
+    return `@ai-composer/themes/css/${entry}.css`;
+}
+/** Token names emitted by tokens.css — useful for docs tooling and lint rules. */
+export const DESIGN_TOKENS = [
+    '--aic-background',
+    '--aic-surface-raised',
+    '--aic-surface-hover',
+    '--aic-border',
+    '--aic-border-focus',
+    '--aic-text',
+    '--aic-text-muted',
+    '--aic-text-placeholder',
+    '--aic-accent',
+    '--aic-accent-hover',
+    '--aic-accent-contrast',
+    '--aic-accent-disabled',
+    '--aic-chip-background',
+    '--aic-chip-text',
+    '--aic-chip-radius',
+    '--aic-chip-mention-background',
+    '--aic-chip-mention-text',
+    '--aic-chip-command-background',
+    '--aic-chip-command-text',
+    '--aic-chip-variable-background',
+    '--aic-chip-variable-text',
+    '--aic-chip-hashtag-background',
+    '--aic-chip-hashtag-text',
+    '--aic-radius',
+    '--aic-radius-sm',
+    '--aic-border-width',
+    '--aic-input-padding',
+    '--aic-input-min-height',
+    '--aic-input-max-height',
+    '--aic-toolbar-height',
+    '--aic-font-size',
+    '--aic-font-family',
+    '--aic-shadow',
+    '--aic-shadow-raised',
+    '--aic-focus-ring',
+    '--aic-transition',
+    '--aic-z-suggestions',
+];
+//# sourceMappingURL=index.js.map