@duskmoon-dev/components 0.4.1 → 0.5.0

package/dist/infrastructure.js

@@ -4,7 +4,7 @@
 import { useCallback, useState } from "react";
 
 // src/generated/version.ts
-var version = "0.4.1";
+var version = "0.5.0";
 
 // src/infrastructure.ts
 var theme = {

package/dist/styles.css

@@ -29373,3 +29373,95 @@ html {
 .schema-form .schema-widget > :is(.cascader-container, .tree-select) {
   width: 100%;
 }
+
+/* Composer state and layout are independent from conversation rows. */
+.chat-composer {
+  display: flex;
+  flex-direction: column;
+  gap: 0.625rem;
+  min-width: 0;
+  padding: 0.75rem;
+  border: 1px solid var(--color-outline-variant);
+  border-radius: var(--radius-box, 0.75rem);
+  background: var(--color-surface);
+  color: var(--color-on-surface);
+}
+
+.chat-composer .chat-composer-editor {
+  box-sizing: border-box;
+  width: 100%;
+  min-height: 0;
+  max-height: none;
+  resize: none;
+  line-height: 1.5rem;
+}
+
+.chat-composer-actions,
+.chat-composer-attachments {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: 0.5rem;
+}
+
+.chat-composer-attachments,
+.chat-composer-completions {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+.chat-composer-attachment {
+  display: flex;
+  align-items: center;
+  gap: 0.375rem;
+  min-width: 0;
+  max-width: 100%;
+  padding: 0.375rem;
+  border-radius: var(--radius-sm, 0.375rem);
+  background: var(--color-surface-container);
+}
+
+.chat-composer-attachment img {
+  width: 2.5rem;
+  height: 2.5rem;
+  object-fit: cover;
+  border-radius: var(--radius-sm, 0.375rem);
+}
+
+.chat-composer-filename {
+  overflow-wrap: anywhere;
+}
+
+.chat-composer-completions {
+  max-height: 12rem;
+  overflow-y: auto;
+  border: 1px solid var(--color-outline-variant);
+  border-radius: var(--radius-sm, 0.375rem);
+}
+
+.chat-composer-completions [role="option"] {
+  display: flex;
+  flex-direction: column;
+  gap: 0.125rem;
+  padding: 0.5rem 0.75rem;
+  cursor: pointer;
+}
+
+.chat-composer-completions [aria-selected="true"] {
+  background: var(--color-primary-container);
+  color: var(--color-on-primary-container);
+}
+
+.chat-composer-completions [aria-disabled="true"] {
+  opacity: 0.5;
+  cursor: default;
+}
+
+.chat-composer-description {
+  font-size: 0.875rem;
+}
+
+.chat-composer-error {
+  color: var(--color-error);
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@duskmoon-dev/components",
-  "version": "0.4.1",
+  "version": "0.5.0",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",