@robr0/design-system 0.12.0 → 0.14.0

package/index.d.ts

@@ -14,7 +14,9 @@ export * from './components/AnchorNav/AnchorNav';
 export * from './components/AppLayout/AppLayout';
 export * from './components/AppSidebar/AppSidebar';
 export * from './components/Avatar/Avatar';
+export * from './components/AvatarGroup/AvatarGroup';
 export * from './components/Badge/Badge';
+export * from './components/Banner/Banner';
 export * from './components/Breadcrumb/Breadcrumb';
 export * from './components/Button/Button';
 export * from './components/ButtonGroup/ButtonGroup';
@@ -53,8 +55,12 @@ export * from './components/Field/Field';
 export * from './components/Field/FieldContext';
 export * from './components/Figure/Figure';
 export * from './components/FileInput/FileInput';
+export * from './components/FilterBar/FilterBar';
 export * from './components/FunnelChart/FunnelChart';
+export * from './components/Gauge/Gauge';
 export * from './components/Globe/Globe';
+export * from './components/HoverCard/HoverCard';
+export * from './components/ImageCompare/ImageCompare';
 export * from './components/Input/Input';
 export * from './components/Instructions/Instructions';
 export * from './components/InterruptCard/InterruptCard';
@@ -65,6 +71,7 @@ export * from './components/MapCallout/MapCallout';
 export * from './components/MapLegend/MapLegend';
 export * from './components/MessageActions/MessageActions';
 export * from './components/MessageCard/MessageCard';
+export * from './components/Meter/Meter';
 export * from './components/ModelPicker/ModelPicker';
 export * from './components/Nav/Nav';
 export * from './components/NavList/NavList';
@@ -79,6 +86,7 @@ export * from './components/PromptSuggestions/PromptSuggestions';
 export * from './components/Prose/Prose';
 export * from './components/Quote/Quote';
 export * from './components/RadioButton/RadioButton';
+export * from './components/Rating/Rating';
 export * from './components/Reasoning/Reasoning';
 export * from './components/SectionTitle/SectionTitle';
 export * from './components/SegmentedControl/SegmentedControl';
@@ -89,8 +97,11 @@ export * from './components/Slider/Slider';
 export * from './components/SourceChip/SourceChip';
 export * from './components/Sparkline/Sparkline';
 export * from './components/Spinner/Spinner';
+export * from './components/SplitButton/SplitButton';
+export * from './components/SplitPane/SplitPane';
 export * from './components/Stat/Stat';
 export * from './components/Stepper/Stepper';
+export * from './components/StreamingText/StreamingText';
 export * from './components/Swatch/Swatch';
 export * from './components/Table/Table';
 export * from './components/Tabs/Tabs';

package/index.js

@@ -9,7 +9,9 @@ import { AnchorNav } from "./components/AnchorNav/AnchorNav.js";
 import { AppLayout } from "./components/AppLayout/AppLayout.js";
 import { AppSidebar } from "./components/AppSidebar/AppSidebar.js";
 import { Avatar } from "./components/Avatar/Avatar.js";
+import { AvatarGroup } from "./components/AvatarGroup/AvatarGroup.js";
 import { Badge } from "./components/Badge/Badge.js";
+import { Banner } from "./components/Banner/Banner.js";
 import { Breadcrumb } from "./components/Breadcrumb/Breadcrumb.js";
 import { Button } from "./components/Button/Button.js";
 import { ButtonGroup } from "./components/ButtonGroup/ButtonGroup.js";
@@ -48,8 +50,12 @@ import { Field } from "./components/Field/Field.js";
 import { FieldContext, useField } from "./components/Field/FieldContext.js";
 import { Figure } from "./components/Figure/Figure.js";
 import { FileInput } from "./components/FileInput/FileInput.js";
+import { FilterBar } from "./components/FilterBar/FilterBar.js";
 import { FunnelChart } from "./components/FunnelChart/FunnelChart.js";
+import { Gauge } from "./components/Gauge/Gauge.js";
 import { Globe } from "./components/Globe/Globe.js";
+import { HoverCard } from "./components/HoverCard/HoverCard.js";
+import { ImageCompare } from "./components/ImageCompare/ImageCompare.js";
 import { Input } from "./components/Input/Input.js";
 import { Instructions } from "./components/Instructions/Instructions.js";
 import { InterruptCard } from "./components/InterruptCard/InterruptCard.js";
@@ -60,6 +66,7 @@ import { MapCallout } from "./components/MapCallout/MapCallout.js";
 import { MapLegend } from "./components/MapLegend/MapLegend.js";
 import { MessageActions } from "./components/MessageActions/MessageActions.js";
 import { MessageCard } from "./components/MessageCard/MessageCard.js";
+import { Meter } from "./components/Meter/Meter.js";
 import { ModelPicker } from "./components/ModelPicker/ModelPicker.js";
 import { Nav } from "./components/Nav/Nav.js";
 import { NavList } from "./components/NavList/NavList.js";
@@ -74,6 +81,7 @@ import { PromptSuggestions } from "./components/PromptSuggestions/PromptSuggesti
 import { Prose } from "./components/Prose/Prose.js";
 import { Quote } from "./components/Quote/Quote.js";
 import { RadioButton, RadioGroup } from "./components/RadioButton/RadioButton.js";
+import { Rating } from "./components/Rating/Rating.js";
 import { Reasoning } from "./components/Reasoning/Reasoning.js";
 import { SectionTitle } from "./components/SectionTitle/SectionTitle.js";
 import { SegmentedControl } from "./components/SegmentedControl/SegmentedControl.js";
@@ -84,8 +92,11 @@ import { Slider } from "./components/Slider/Slider.js";
 import { SourceChip } from "./components/SourceChip/SourceChip.js";
 import { Sparkline } from "./components/Sparkline/Sparkline.js";
 import { Spinner } from "./components/Spinner/Spinner.js";
+import { SplitButton } from "./components/SplitButton/SplitButton.js";
+import { SplitPane } from "./components/SplitPane/SplitPane.js";
 import { Stat } from "./components/Stat/Stat.js";
 import { Stepper } from "./components/Stepper/Stepper.js";
+import { StreamingText } from "./components/StreamingText/StreamingText.js";
 import { Swatch } from "./components/Swatch/Swatch.js";
 import { Table } from "./components/Table/Table.js";
 import { Tabs } from "./components/Tabs/Tabs.js";
@@ -103,6 +114,7 @@ import { COMPONENT_COUNT, componentCategories, componentCategoryMetadata, compon
 import { TOKEN_COUNT, TOKEN_COUNTS, tokenRegistry } from "./tokens/registry.js";
 import { BLOB_COUNT } from "./components/ShaderField/field.glsl.js";
 import { DEFAULT_SHADER_BLOBS, DEFAULT_SHADER_PARAMS, useShaderField } from "./components/ShaderField/useShaderField.js";
+import { createStreamReveal, useStreamReveal } from "./components/StreamingText/useStreamReveal.js";
 export {
   Accordion,
   AgentPlan,
@@ -114,8 +126,10 @@ export {
   AppLayout,
   AppSidebar,
   Avatar,
+  AvatarGroup,
   BLOB_COUNT,
   Badge,
+  Banner,
   Breadcrumb,
   Button,
   ButtonGroup,
@@ -158,8 +172,12 @@ export {
   FieldContext,
   Figure,
   FileInput,
+  FilterBar,
   FunnelChart,
+  Gauge,
   Globe,
+  HoverCard,
+  ImageCompare,
   Input,
   Instructions,
   InterruptCard,
@@ -170,6 +188,7 @@ export {
   MapLegend,
   MessageActions,
   MessageCard,
+  Meter,
   ModelPicker,
   Nav,
   NavList,
@@ -186,6 +205,7 @@ export {
   Quote,
   RadioButton,
   RadioGroup,
+  Rating,
   Reasoning,
   SectionTitle,
   SegmentedControl,
@@ -196,8 +216,11 @@ export {
   SourceChip,
   Sparkline,
   Spinner,
+  SplitButton,
+  SplitPane,
   Stat,
   Stepper,
+  StreamingText,
   Swatch,
   TOKEN_COUNT,
   TOKEN_COUNTS,
@@ -219,9 +242,11 @@ export {
   componentCategoryMetadata,
   componentMetadata,
   componentRegistry,
+  createStreamReveal,
   parseUnifiedDiff,
   tokenRegistry,
   useField,
   useShaderField,
+  useStreamReveal,
   useToast
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@robr0/design-system",
-  "version": "0.12.0",
+  "version": "0.14.0",
   "description": "An AI-ready React design system: accessible components on composable tokens, light/dark theming, and CSS-variable overrides.",
   "license": "MIT",
   "repository": {
@@ -46,6 +46,10 @@
       "types": "./components/ShaderField/useShaderField.d.ts",
       "import": "./components/ShaderField/useShaderField.js"
     },
+    "./components/StreamingText/useStreamReveal": {
+      "types": "./components/StreamingText/useStreamReveal.d.ts",
+      "import": "./components/StreamingText/useStreamReveal.js"
+    },
     "./tokens/registry": {
       "types": "./tokens/registry.d.ts",
       "import": "./tokens/registry.js"

package/tokens/motion.d.ts

@@ -5,9 +5,12 @@
  * CSS variable cannot reach. Components use them as defaults, so a single
  * instance can still be tuned through its component's own props.
  *
- * These are schedule timings (when something starts, stops, or is taken
- * away), not animation durations, so the reduced-motion guard in
- * tokens-motion.css deliberately does not apply to them.
+ * Most are schedule timings (when something starts, stops, or is taken
+ * away), which the reduced-motion guard in tokens-motion.css deliberately
+ * leaves alone. A constant that paces an animation (the streaming reveal's
+ * rate floor and drain window) is the exception: its component checks the
+ * preference itself in JS, because the CSS guard cannot see a JavaScript
+ * timer.
  */
 /** Delay before a hover-triggered overlay appears, filtering pass-through hovers. */
 export declare const MOTION_HOVER_SHOW_DELAY_MS = 300;
@@ -21,3 +24,9 @@ export declare const MOTION_AUTOPLAY_INTERVAL_MS = 5000;
 export declare const MOTION_FEEDBACK_RESET_MS = 2000;
 /** How long after the last scroll event a scroll surface is considered settled. */
 export declare const MOTION_SCROLL_SETTLE_MS = 600;
+/** Slowest the streaming reveal ever runs, in characters per second — the pace a thin trickle of deltas types at. An animation pace, not a schedule timing: the reveal is skipped under reduced motion. */
+export declare const MOTION_STREAM_FLOOR_CPS = 70;
+/** However much streamed text is waiting, the reveal has it fully on screen within this long — the rate rises with the backlog, so a dumped paragraph catches up in a beat. */
+export declare const MOTION_STREAM_DRAIN_MS = 250;
+/** The retired interval-based reveal step. @deprecated The reveal is frame-driven now — pace it with MOTION_STREAM_FLOOR_CPS and MOTION_STREAM_DRAIN_MS. */
+export declare const MOTION_STREAM_CHAR_INTERVAL_MS = 15;

package/tokens/motion.js

@@ -4,11 +4,17 @@ const MOTION_AUTO_DISMISS_MS = 5e3;
 const MOTION_AUTOPLAY_INTERVAL_MS = 5e3;
 const MOTION_FEEDBACK_RESET_MS = 2e3;
 const MOTION_SCROLL_SETTLE_MS = 600;
+const MOTION_STREAM_FLOOR_CPS = 70;
+const MOTION_STREAM_DRAIN_MS = 250;
+const MOTION_STREAM_CHAR_INTERVAL_MS = 15;
 export {
   MOTION_AUTOPLAY_INTERVAL_MS,
   MOTION_AUTO_DISMISS_MS,
   MOTION_FEEDBACK_RESET_MS,
   MOTION_HOVER_HIDE_DELAY_MS,
   MOTION_HOVER_SHOW_DELAY_MS,
-  MOTION_SCROLL_SETTLE_MS
+  MOTION_SCROLL_SETTLE_MS,
+  MOTION_STREAM_CHAR_INTERVAL_MS,
+  MOTION_STREAM_DRAIN_MS,
+  MOTION_STREAM_FLOOR_CPS
 };