rift-ds 1.0.0

package/index.js

@@ -0,0 +1,277 @@
+import { Accordion } from "./components/Accordion/Accordion.js";
+import { AgentPlan } from "./components/AgentPlan/AgentPlan.js";
+import { AgentRail } from "./components/AgentRail/AgentRail.js";
+import { AgentStatus } from "./components/AgentStatus/AgentStatus.js";
+import { agentStatusPatterns } from "./components/AgentStatus/AgentStatusPatterns.js";
+import { AiButton } from "./components/AiButton/AiButton.js";
+import { Alert } from "./components/Alert/Alert.js";
+import { AlertDialog } from "./components/AlertDialog/AlertDialog.js";
+import { AnchorNav } from "./components/AnchorNav/AnchorNav.js";
+import { AnimatedNumber } from "./components/AnimatedNumber/AnimatedNumber.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";
+import { Card } from "./components/Card/Card.js";
+import { CardStack } from "./components/CardStack/CardStack.js";
+import { Carousel } from "./components/Carousel/Carousel.js";
+import { ChatHeader } from "./components/ChatHeader/ChatHeader.js";
+import { ChatMarker } from "./components/ChatMarker/ChatMarker.js";
+import { ChatMessage } from "./components/ChatMessage/ChatMessage.js";
+import { ChatThread } from "./components/ChatThread/ChatThread.js";
+import { Checkbox, CheckboxGroup } from "./components/Checkbox/Checkbox.js";
+import { Chip } from "./components/Chip/Chip.js";
+import { CircularButton } from "./components/CircularButton/CircularButton.js";
+import { CodeBlock } from "./components/CodeBlock/CodeBlock.js";
+import { CodeDiff, parseUnifiedDiff } from "./components/CodeDiff/CodeDiff.js";
+import { ColorPicker } from "./components/ColorPicker/ColorPicker.js";
+import { Combobox } from "./components/Combobox/Combobox.js";
+import { CommandPalette } from "./components/CommandPalette/CommandPalette.js";
+import { Composer } from "./components/Composer/Composer.js";
+import { ContactCard } from "./components/ContactCard/ContactCard.js";
+import { ContextMenu } from "./components/ContextMenu/ContextMenu.js";
+import { ContributionGraph } from "./components/ContributionGraph/ContributionGraph.js";
+import { DataTable } from "./components/DataTable/DataTable.js";
+import { DateInput } from "./components/DateInput/DateInput.js";
+import { DatePicker } from "./components/DatePicker/DatePicker.js";
+import { Dialog } from "./components/Dialog/Dialog.js";
+import { Divider } from "./components/Divider/Divider.js";
+import { DocumentChip } from "./components/DocumentChip/DocumentChip.js";
+import { Drawer } from "./components/Drawer/Drawer.js";
+import { Dropdown } from "./components/Dropdown/Dropdown.js";
+import { DropdownMenu } from "./components/DropdownMenu/DropdownMenu.js";
+import { EmptyState } from "./components/EmptyState/EmptyState.js";
+import { EntityCard } from "./components/EntityCard/EntityCard.js";
+import { EventCalendar } from "./components/EventCalendar/EventCalendar.js";
+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 { GanttChart } from "./components/GanttChart/GanttChart.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";
+import { Kbd } from "./components/Kbd/Kbd.js";
+import { LegendTile } from "./components/LegendTile/LegendTile.js";
+import { Lightbox } from "./components/Lightbox/Lightbox.js";
+import { LinkList } from "./components/LinkList/LinkList.js";
+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";
+import { NotificationCenter, NotificationItem } from "./components/NotificationCenter/NotificationCenter.js";
+import { NumberInput } from "./components/NumberInput/NumberInput.js";
+import { Pagination } from "./components/Pagination/Pagination.js";
+import { Panel } from "./components/Panel/Panel.js";
+import { PinInput } from "./components/PinInput/PinInput.js";
+import { Popover } from "./components/Popover/Popover.js";
+import { ProgressBar } from "./components/ProgressBar/ProgressBar.js";
+import { PromptSuggestions } from "./components/PromptSuggestions/PromptSuggestions.js";
+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 { RichDropdown } from "./components/RichDropdown/RichDropdown.js";
+import { SectionTitle } from "./components/SectionTitle/SectionTitle.js";
+import { SegmentedControl } from "./components/SegmentedControl/SegmentedControl.js";
+import { SelectionCard } from "./components/SelectionCard/SelectionCard.js";
+import { ShaderField } from "./components/ShaderField/ShaderField.js";
+import { Skeleton } from "./components/Skeleton/Skeleton.js";
+import { Slider } from "./components/Slider/Slider.js";
+import { SourceChip } from "./components/SourceChip/SourceChip.js";
+import { SourceTrail } from "./components/SourceTrail/SourceTrail.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 { StatusDot } from "./components/StatusDot/StatusDot.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";
+import { TagInput } from "./components/TagInput/TagInput.js";
+import { Textarea } from "./components/Textarea/Textarea.js";
+import { ThreadPanel } from "./components/ThreadPanel/ThreadPanel.js";
+import { ThreadTabs } from "./components/ThreadTabs/ThreadTabs.js";
+import { Timeline } from "./components/Timeline/Timeline.js";
+import { TimePicker } from "./components/TimePicker/TimePicker.js";
+import { Toast, ToastProvider, useToast } from "./components/Toast/Toast.js";
+import { ToggleGroup } from "./components/ToggleGroup/ToggleGroup.js";
+import { ToggleSwitch } from "./components/ToggleSwitch/ToggleSwitch.js";
+import { Toolbar, ToolbarSeparator } from "./components/Toolbar/Toolbar.js";
+import { ToolCall } from "./components/ToolCall/ToolCall.js";
+import { Tooltip } from "./components/Tooltip/Tooltip.js";
+import { TreeView } from "./components/TreeView/TreeView.js";
+import { UsageCard } from "./components/UsageCard/UsageCard.js";
+import { Waveform } from "./components/Waveform/Waveform.js";
+import { WorldMap } from "./components/WorldMap/WorldMap.js";
+import { COMPONENT_COUNT, componentCategories, componentCategoryMetadata, componentMetadata, componentRegistry } from "./components/registry.js";
+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,
+  AgentRail,
+  AgentStatus,
+  AiButton,
+  Alert,
+  AlertDialog,
+  AnchorNav,
+  AnimatedNumber,
+  AppLayout,
+  AppSidebar,
+  Avatar,
+  AvatarGroup,
+  BLOB_COUNT,
+  Badge,
+  Banner,
+  Breadcrumb,
+  Button,
+  ButtonGroup,
+  COMPONENT_COUNT,
+  Card,
+  CardStack,
+  Carousel,
+  ChatHeader,
+  ChatMarker,
+  ChatMessage,
+  ChatThread,
+  Checkbox,
+  CheckboxGroup,
+  Chip,
+  CircularButton,
+  CodeBlock,
+  CodeDiff,
+  ColorPicker,
+  Combobox,
+  CommandPalette,
+  Composer,
+  ContactCard,
+  ContextMenu,
+  ContributionGraph,
+  DEFAULT_SHADER_BLOBS,
+  DEFAULT_SHADER_PARAMS,
+  DataTable,
+  DateInput,
+  DatePicker,
+  Dialog,
+  Divider,
+  DocumentChip,
+  Drawer,
+  Dropdown,
+  DropdownMenu,
+  EmptyState,
+  EntityCard,
+  EventCalendar,
+  Field,
+  FieldContext,
+  Figure,
+  FileInput,
+  FilterBar,
+  GanttChart,
+  Gauge,
+  Globe,
+  HoverCard,
+  ImageCompare,
+  Input,
+  Instructions,
+  InterruptCard,
+  Kbd,
+  LegendTile,
+  Lightbox,
+  LinkList,
+  MapCallout,
+  MapLegend,
+  MessageActions,
+  MessageCard,
+  Meter,
+  ModelPicker,
+  Nav,
+  NavList,
+  NotificationCenter,
+  NotificationItem,
+  NumberInput,
+  Pagination,
+  Panel,
+  PinInput,
+  Popover,
+  ProgressBar,
+  PromptSuggestions,
+  Prose,
+  Quote,
+  RadioButton,
+  RadioGroup,
+  Rating,
+  Reasoning,
+  RichDropdown,
+  SectionTitle,
+  SegmentedControl,
+  SelectionCard,
+  ShaderField,
+  Skeleton,
+  Slider,
+  SourceChip,
+  SourceTrail,
+  Sparkline,
+  Spinner,
+  SplitButton,
+  SplitPane,
+  Stat,
+  StatusDot,
+  Stepper,
+  StreamingText,
+  Swatch,
+  TOKEN_COUNT,
+  TOKEN_COUNTS,
+  Table,
+  Tabs,
+  TagInput,
+  Textarea,
+  ThreadPanel,
+  ThreadTabs,
+  TimePicker,
+  Timeline,
+  Toast,
+  ToastProvider,
+  ToggleGroup,
+  ToggleSwitch,
+  ToolCall,
+  Toolbar,
+  ToolbarSeparator,
+  Tooltip,
+  TreeView,
+  UsageCard,
+  Waveform,
+  WorldMap,
+  agentStatusPatterns,
+  componentCategories,
+  componentCategoryMetadata,
+  componentMetadata,
+  componentRegistry,
+  createStreamReveal,
+  parseUnifiedDiff,
+  tokenRegistry,
+  useField,
+  useShaderField,
+  useStreamReveal,
+  useToast
+};

package/package.json

@@ -0,0 +1,87 @@
+{
+  "name": "rift-ds",
+  "version": "1.0.0",
+  "description": "An AI-ready React design system: accessible components on composable tokens, light/dark theming, and CSS-variable overrides.",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/robritacca-dotcom/rift-ds.git"
+  },
+  "homepage": "https://rift-ds.com",
+  "keywords": [
+    "react",
+    "design-system",
+    "component-library",
+    "design-tokens",
+    "css-variables",
+    "dark-mode",
+    "typescript",
+    "ai-ready",
+    "ai-agents",
+    "claude-code",
+    "composable"
+  ],
+  "type": "module",
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "bin": {
+    "rift-ds": "./bin/rift-ds.mjs"
+  },
+  "exports": {
+    ".": {
+      "types": "./index.d.ts",
+      "import": "./index.js"
+    },
+    "./charts": {
+      "types": "./charts.d.ts",
+      "import": "./charts.js"
+    },
+    "./components/registry": {
+      "types": "./components/registry.d.ts",
+      "import": "./components/registry.js"
+    },
+    "./components/Avatar/demoAvatars": {
+      "types": "./components/Avatar/demoAvatars.d.ts",
+      "import": "./components/Avatar/demoAvatars.js"
+    },
+    "./components/ShaderField/useShaderField": {
+      "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"
+    },
+    "./behaviors/useScrollLock": {
+      "types": "./behaviors/useScrollLock.d.ts",
+      "import": "./behaviors/useScrollLock.js"
+    },
+    "./tokens/registry": {
+      "types": "./tokens/registry.d.ts",
+      "import": "./tokens/registry.js"
+    },
+    "./tokens/motion": {
+      "types": "./tokens/motion.d.ts",
+      "import": "./tokens/motion.js"
+    },
+    "./components/*": {
+      "types": "./components/*.d.ts",
+      "import": "./components/*.js"
+    },
+    "./tokens/*.css": "./tokens/*.css",
+    "./tokens/presets/*.css": "./tokens/presets/*.css",
+    "./fonts/*": "./fonts/*",
+    "./package.json": "./package.json"
+  },
+  "peerDependencies": {
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "recharts": "^3.0.0"
+  },
+  "peerDependenciesMeta": {
+    "recharts": {
+      "optional": true
+    }
+  }
+}

package/tokens/motion.d.ts

@@ -0,0 +1,44 @@
+/**
+ * JS-driven motion timings — the TypeScript side of the motion tokens.
+ * CSS transitions read the `--motion-*` custom properties; these constants
+ * are the single home for timings that live in JavaScript timers, where a
+ * CSS variable cannot reach. Components use them as defaults, so a single
+ * instance can still be tuned through its component's own props.
+ *
+ * Most are schedule timings (when something starts, stops, or is taken
+ * away), which the reduced-motion guard in tokens-motion.css deliberately
+ * leaves alone. Constants that pace an animation (the streaming reveal's
+ * rate floor and drain window, and the summary panel's reveal budget) are
+ * the exception: their 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;
+/** Grace period before a hover-triggered overlay or submenu closes, forgiving a wobbly pointer path. */
+export declare const MOTION_HOVER_HIDE_DELAY_MS = 150;
+/** How long a transient notification stays before dismissing itself. */
+export declare const MOTION_AUTO_DISMISS_MS = 5000;
+/** How long an exiting element's unmount waits for its CSS exit animation — mirrors --motion-duration-base. */
+export declare const MOTION_EXIT_SYNC_MS = 200;
+/** Interval between automatic slide advances. */
+export declare const MOTION_AUTOPLAY_INTERVAL_MS = 5000;
+/** How long momentary confirmation feedback (a copied state) holds before resetting. */
+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;
+/** The count-up tween's full budget: however far the number travels, AnimatedNumber has it settled within this. An animation pace, not a schedule timing: the tween is skipped under reduced motion. */
+export declare const MOTION_COUNT_UP_MS = 800;
+/** Grace period before a hover-summoned surface hides once the pointer has left it — long enough to cross the gap between a launcher and its panel without the panel dying under a mouse that is heading for it. */
+export declare const MOTION_HOVER_EXIT_GRACE_MS = 600;
+/** How long AiButton's summary panel "thinks" (skeleton lines) before its pre-written text reveals. */
+export declare const MOTION_SUMMARY_THINK_MS = 900;
+/** The summary panel's full type-out budget: however long the text, the reveal has it on screen within this. A deliberately slower pace than MOTION_STREAM_DRAIN_MS — this reveal is the content arriving, not a stream catching up. */
+export declare const MOTION_SUMMARY_REVEAL_MS = 1600;
+/** How long a suggestion row stages its "generation" (PromptSuggestions' pending shimmer) before a pre-written set reveals — the summary panel's think beat, shorter because it replays every time the set swaps rather than once per mount. A schedule timing, so the reduced-motion guard leaves it alone; the shimmer itself stills through the tokenized duration. */
+export declare const MOTION_SUGGESTIONS_THINK_MS = 600;

package/tokens/motion.js

@@ -0,0 +1,32 @@
+const MOTION_HOVER_SHOW_DELAY_MS = 300;
+const MOTION_HOVER_HIDE_DELAY_MS = 150;
+const MOTION_AUTO_DISMISS_MS = 5e3;
+const MOTION_EXIT_SYNC_MS = 200;
+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;
+const MOTION_COUNT_UP_MS = 800;
+const MOTION_HOVER_EXIT_GRACE_MS = 600;
+const MOTION_SUMMARY_THINK_MS = 900;
+const MOTION_SUMMARY_REVEAL_MS = 1600;
+const MOTION_SUGGESTIONS_THINK_MS = 600;
+export {
+  MOTION_AUTOPLAY_INTERVAL_MS,
+  MOTION_AUTO_DISMISS_MS,
+  MOTION_COUNT_UP_MS,
+  MOTION_EXIT_SYNC_MS,
+  MOTION_FEEDBACK_RESET_MS,
+  MOTION_HOVER_EXIT_GRACE_MS,
+  MOTION_HOVER_HIDE_DELAY_MS,
+  MOTION_HOVER_SHOW_DELAY_MS,
+  MOTION_SCROLL_SETTLE_MS,
+  MOTION_STREAM_CHAR_INTERVAL_MS,
+  MOTION_STREAM_DRAIN_MS,
+  MOTION_STREAM_FLOOR_CPS,
+  MOTION_SUGGESTIONS_THINK_MS,
+  MOTION_SUMMARY_REVEAL_MS,
+  MOTION_SUMMARY_THINK_MS
+};