ionbase-ui 0.24.0 → 0.26.0

package/dist/styles/streaming-text.css

@@ -0,0 +1,56 @@
+/*
+ * StreamingText
+ *
+ * NOT DRAWN IN FIGMA. Type and rhythm come from the body tokens, so this is
+ * ordinary prose that happens to be arriving late.
+ */
+.ion-streaming-text {
+  color: var(--text-default);
+  font-family: var(--font-family-sans);
+  font-size: var(--type-body);
+  line-height: var(--type-body-line-height);
+  white-space: pre-wrap;
+}
+
+/*
+ * Reserve the height rather than growing into it. `lh` is the line box of THIS
+ * element, so the reserved space tracks the font size instead of a guessed
+ * pixel value — which is what makes it hold at any zoom level.
+ */
+.ion-streaming-text--reserved {
+  min-height: calc(var(--ion-streaming-min-lines, 3) * 1lh);
+}
+
+/*
+ * The cursor is a box, not a text character: a literal "▌" is read aloud by
+ * some screen readers even inside an aria-hidden span, and it inherits font
+ * metrics that differ per family.
+ */
+.ion-streaming-text__cursor {
+  display: inline-block;
+  width: 0.5em;
+  height: 1em;
+  margin-inline-start: 0.1em;
+  vertical-align: text-bottom;
+  background-color: var(--text-tertiary);
+  animation: ion-streaming-blink 1s step-end infinite;
+}
+
+@keyframes ion-streaming-blink {
+  50% {
+    opacity: 0;
+  }
+}
+
+/*
+ * Blinking is a WCAG 2.3.1 concern and a real problem for some vestibular and
+ * attention conditions. The global reduced-motion block in index.css collapses
+ * the duration, which would leave the cursor stuck mid-blink — so pin it
+ * visible here instead of merely stopping the animation.
+ */
+@media (prefers-reduced-motion: reduce) {
+  .ion-streaming-text__cursor {
+    animation: none;
+    opacity: 1;
+  }
+}

package/llms.txt

@@ -2,7 +2,7 @@
 
 > IonBase is a React design system for enterprise SaaS, built to be consumed by an agent rather than read by a developer. Every component ships a machine-readable contract carrying the judgement a type signature cannot: when to use it, what to use instead, the anti-patterns, and what it guarantees for accessibility versus what it requires of you.
 
-Version 0.24.0. 37 components.
+Version 0.26.0. 44 components.
 
 ## Read these, in this order
 
@@ -13,7 +13,7 @@ Both are importable: `ionbase-ui/meta/index` and `ionbase-ui/meta/<Name>.json`.
 
 ## Components
 
-`AgentStop`, `Alert`, `ApprovalGate`, `Avatar`, `AvatarGroup`, `Badge`, `Button`, `Checkbox`, `Divider`, `FullCard`, `Header`, `Icon`, `Input`, `Link`, `Logo`, `LogoMark`, `Menu`, `MenuItem`, `Modal`, `NavItem`, `PhoneInput`, `Popover`, `Radio`, `RadioGroup`, `ScrollProgress`, `Select`, `TabItem`, `Table`, `TableBody`, `TableCell`, `TableHead`, `TableRow`, `Tabs`, `Toast`, `ToastProvider`, `Toggle`, `Tooltip`
+`AgentActivity`, `AgentActivityStep`, `AgentStop`, `Alert`, `ApprovalGate`, `Avatar`, `AvatarGroup`, `Badge`, `Button`, `Checkbox`, `Citation`, `CitationList`, `CitationListItem`, `ConfidenceIndicator`, `Divider`, `FullCard`, `Header`, `Icon`, `Input`, `Link`, `Logo`, `LogoMark`, `Menu`, `MenuItem`, `Modal`, `NavItem`, `PhoneInput`, `Popover`, `Radio`, `RadioGroup`, `ScrollProgress`, `Select`, `StreamingText`, `TabItem`, `Table`, `TableBody`, `TableCell`, `TableHead`, `TableRow`, `Tabs`, `Toast`, `ToastProvider`, `Toggle`, `Tooltip`
 
 ## Patterns
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ionbase-ui",
-  "version": "0.24.0",
+  "version": "0.26.0",
   "description": "IonBase Design System — accessible React components, styles and design tokens in one package",
   "license": "MIT",
   "type": "module",