@lotics/ui 27.16.0 → 27.17.1

package/docs/catalog.md

@@ -1490,7 +1490,10 @@ source (`src/<module>.tsx`/`.ts`) is the API reference.
 
 - **`composer`** — `Composer`: the adaptive command/chat composer — a compact pill that
   expands for long text + attachments (`pills` + attachment slots, controlled or
-  uncontrolled `value`, `onSend`/`onStop`, `sendDisabled` override).
+  uncontrolled `value`, `onSend`/`onStop`, `sendDisabled` override). The field's accessible
+  name is `accessibilityLabel ?? placeholder`: the placeholder is DRAWN as an overlay (so a
+  long hint stays one ellipsized line instead of wrapping inside the pill) and therefore
+  names nothing by itself — pass one or the other, or the field is announced unlabelled.
 - **`agent_run`** — `AgentRun` + `resolveToolMeta` + `AgentToolCall` + `AgentToolOutput` (the
   `renderToolOutput` call shape — `{ toolName, input, output }`): the live streaming work feed.
   Its prop is the agent message's ai-sdk `parts` (`UIMessagePart[]` — text, reasoning, and tool

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lotics/ui",
-  "version": "27.16.0",
+  "version": "27.17.1",
   "type": "module",
   "exports": {
     "./vite": {

package/src/composer.tsx

@@ -34,6 +34,10 @@ export interface ComposerProps {
   /** Override the default "block on empty text" send-disable (e.g. allow send with attachments only). */
   sendDisabled?: boolean;
   placeholder?: string;
+  /** Accessible name for the text field. Defaults to `placeholder`, which is
+   *  drawn as an overlay rather than set on the input (see below) and so names
+   *  nothing on its own — without one the field is announced unlabelled. */
+  accessibilityLabel?: string;
   autoFocus?: boolean;
   testID?: string;
   /** Control text externally; omit to let the composer manage its own state. */
@@ -71,6 +75,7 @@ export function Composer(props: ComposerProps) {
     disabled,
     sendDisabled,
     placeholder,
+    accessibilityLabel,
     autoFocus,
     testID,
     textInputProps,
@@ -196,6 +201,7 @@ export function Composer(props: ComposerProps) {
         value={text}
         onFocus={() => setFocused(true)}
         onBlur={() => setFocused(false)}
+        aria-label={accessibilityLabel ?? placeholder}
         multiline
         scrollEnabled={expanded && scrollEnabled}
         onContentSizeChange={onContentSizeChange}

package/src/icon.tsx

@@ -9,8 +9,18 @@
  *    (find the file name via: grep "IconName" node_modules/lucide-react-native/dist/esm/lucide-react-native.js)
  * 2. Add the icon to the iconComponents object with kebab-case key
  * The type will be automatically derived from the object keys.
+ *
+ * The reference below is load-bearing, not tidiness: lucide ships these icon
+ * files as JS with no `.d.ts` and does not list them in its `exports`, so the
+ * ambient declaration beside this file is the only thing that types them. An
+ * ambient file joins a program only when the program INCLUDES it, and a
+ * consumer's `include` covers the consumer's own directory — never ours. Every
+ * consumer therefore has to reach it through the file that needs it, which is
+ * this one.
  */
 
+/// <reference path="./lucide-react-native.d.ts" />
+
 import { View } from "react-native";
 import Activity from "lucide-react-native/dist/esm/icons/activity";
 import TextAlignCenter from "lucide-react-native/dist/esm/icons/text-align-center";