entangle-ui 0.8.1 → 0.8.2

package/dist/esm/components/navigation/Breadcrumbs/Breadcrumbs.js

@@ -64,6 +64,24 @@ import '../../Icons/TangentMirroredIcon.js';
 import '../../Icons/TangentAutoIcon.js';
 import '../../Icons/TangentLinearIcon.js';
 import '../../Icons/TangentStepIcon.js';
+import '../../Icons/ArchiveIcon.js';
+import '../../Icons/DotsVerticalIcon.js';
+import '../../Icons/DotsHorizontalIcon.js';
+import '../../Icons/ChevronLeftIcon.js';
+import '../../Icons/ChevronRightIcon.js';
+import '../../Icons/FolderOpenIcon.js';
+import '../../Icons/FolderCogIcon.js';
+import '../../Icons/UsersIcon.js';
+import '../../Icons/BuildingIcon.js';
+import '../../Icons/FileTextIcon.js';
+import '../../Icons/PauseIcon.js';
+import '../../Icons/StopIcon.js';
+import '../../Icons/SendIcon.js';
+import '../../Icons/TerminalIcon.js';
+import '../../Icons/GitBranchIcon.js';
+import '../../Icons/BugIcon.js';
+import '../../Icons/MinusIcon.js';
+import '../../Icons/PinIcon.js';
 import { cx } from '../../../utils/cx.js';
 import { BreadcrumbEllipsis } from './BreadcrumbEllipsis.js';
 import { BreadcrumbItem } from './BreadcrumbItem.js';

package/dist/esm/components/navigation/Breadcrumbs/Breadcrumbs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.js","sources":["../../../../../../src/components/navigation/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcA;AAIE;AACF;AAEA;AACE;;AAIE;;AAGF;AACF;AAEA;AAIE;;AAGI;AACI;;AAID;AAET;AAEA;;;;;;;;;;;;;;;AAeG;AACI;;AAiBH;;AAEE;;AAQE;AACE;AACA;;AAGJ;AAOA;AACE;AACE;AACA;;;;;AAMJ;AAEA;;;;;AAUA;AACE;;AAMA;;AAGF;AACF;;;;;;;;AAQC;;AAcH;AAGF;;"}
+{"version":3,"file":"Breadcrumbs.js","sources":["../../../../../../src/components/navigation/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcA;AAIE;AACF;AAEA;AACE;;AAIE;;AAGF;AACF;AAEA;AAIE;;AAGI;AACI;;AAID;AAET;AAEA;;;;;;;;;;;;;;;AAeG;AACI;;AAiBH;;AAEE;;AAQE;AACE;AACA;;AAGJ;AAOA;AACE;AACE;AACA;;;;;AAMJ;AAEA;;;;;AAUA;AACE;;AAMA;;AAGF;AACF;;;;;;;;AAQC;;AAcH;AAGF;;"}

package/dist/esm/index.js

@@ -195,6 +195,24 @@ export { TangentMirroredIcon } from './components/Icons/TangentMirroredIcon.js';
 export { TangentAutoIcon } from './components/Icons/TangentAutoIcon.js';
 export { TangentLinearIcon } from './components/Icons/TangentLinearIcon.js';
 export { TangentStepIcon } from './components/Icons/TangentStepIcon.js';
+export { ArchiveIcon } from './components/Icons/ArchiveIcon.js';
+export { DotsVerticalIcon } from './components/Icons/DotsVerticalIcon.js';
+export { DotsHorizontalIcon } from './components/Icons/DotsHorizontalIcon.js';
+export { ChevronLeftIcon } from './components/Icons/ChevronLeftIcon.js';
+export { ChevronRightIcon } from './components/Icons/ChevronRightIcon.js';
+export { FolderOpenIcon } from './components/Icons/FolderOpenIcon.js';
+export { FolderCogIcon } from './components/Icons/FolderCogIcon.js';
+export { UsersIcon } from './components/Icons/UsersIcon.js';
+export { BuildingIcon } from './components/Icons/BuildingIcon.js';
+export { FileTextIcon } from './components/Icons/FileTextIcon.js';
+export { PauseIcon } from './components/Icons/PauseIcon.js';
+export { StopIcon } from './components/Icons/StopIcon.js';
+export { SendIcon } from './components/Icons/SendIcon.js';
+export { TerminalIcon } from './components/Icons/TerminalIcon.js';
+export { GitBranchIcon } from './components/Icons/GitBranchIcon.js';
+export { BugIcon } from './components/Icons/BugIcon.js';
+export { MinusIcon } from './components/Icons/MinusIcon.js';
+export { PinIcon } from './components/Icons/PinIcon.js';
 export { useKeyboard } from './hooks/useKeyboard/useKeyboard.js';
 export { useControlledState } from './hooks/useControlledState/useControlledState.js';
 export { useFocusTrap } from './hooks/useFocusTrap/useFocusTrap.js';

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/tokens/tokens.dark.css

@@ -1,4 +1,4 @@
-/* Entangle UI dark theme — token export (v0.8.1) */
+/* Entangle UI dark theme — token export (v0.8.2) */
 /* Generated by scripts/export-tokens.ts — do not edit by hand. */
 :root {
   --etui-color-accent-error: #f44336;

package/dist/tokens/tokens.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://design-tokens.org/schema.json",
   "$description": "Entangle UI design tokens",
-  "$version": "0.8.1",
+  "$version": "0.8.2",
   "themes": {
     "dark": {
       "colors": {

package/dist/tokens/tokens.light.css

@@ -1,4 +1,4 @@
-/* Entangle UI light theme — token export (v0.8.1) */
+/* Entangle UI light theme — token export (v0.8.2) */
 /* Generated by scripts/export-tokens.ts — do not edit by hand. */
 .etui-theme-light {
   --etui-color-accent-error: #d32f2f;

package/dist/types/components/Icons/ArchiveIcon.d.ts

@@ -0,0 +1,33 @@
+import React from 'react';
+import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+
+/**
+ * Archive icon component for archiving and storing items.
+ *
+ * A box with a lid commonly used for archiving content,
+ * moving items out of active views, and long-term storage actions.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <ArchiveIcon />
+ *
+ * // With custom size and color
+ * <ArchiveIcon size="md" color="muted" />
+ *
+ * // In an archive action
+ * <Button icon={<ArchiveIcon />}>Archive</Button>
+ * ```
+ */
+declare const ArchiveIcon: React.NamedExoticComponent<Omit<{
+    children: React.ReactNode;
+    size?: IconSize | undefined;
+    color?: IconColor | undefined;
+    className?: string | undefined;
+    title?: string | undefined;
+    decorative?: boolean | undefined;
+    testId?: string | undefined;
+    ref?: React.Ref<SVGSVGElement> | undefined;
+}, "children">>;
+
+export { ArchiveIcon };

package/dist/types/components/Icons/BugIcon.d.ts

@@ -0,0 +1,33 @@
+import React from 'react';
+import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+
+/**
+ * Bug icon component for debugging and issue reporting.
+ *
+ * A symmetrical insect silhouette commonly used for debugger panels,
+ * "Report bug" actions, and error severity indicators.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <BugIcon />
+ *
+ * // With custom size and color
+ * <BugIcon size="md" color="error" />
+ *
+ * // In a debugger panel toggle
+ * <IconButton icon={<BugIcon />} label="Toggle debugger" />
+ * ```
+ */
+declare const BugIcon: React.NamedExoticComponent<Omit<{
+    children: React.ReactNode;
+    size?: IconSize | undefined;
+    color?: IconColor | undefined;
+    className?: string | undefined;
+    title?: string | undefined;
+    decorative?: boolean | undefined;
+    testId?: string | undefined;
+    ref?: React.Ref<SVGSVGElement> | undefined;
+}, "children">>;
+
+export { BugIcon };

package/dist/types/components/Icons/BuildingIcon.d.ts

@@ -0,0 +1,33 @@
+import React from 'react';
+import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+
+/**
+ * Building icon component for organizations and architectural contexts.
+ *
+ * A multi-story building with windows, commonly used for company entries,
+ * workspaces, and architecture-related personas or sections.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <BuildingIcon />
+ *
+ * // With custom size and color
+ * <BuildingIcon size="md" color="secondary" />
+ *
+ * // In a company picker
+ * <Button icon={<BuildingIcon />}>Organization</Button>
+ * ```
+ */
+declare const BuildingIcon: React.NamedExoticComponent<Omit<{
+    children: React.ReactNode;
+    size?: IconSize | undefined;
+    color?: IconColor | undefined;
+    className?: string | undefined;
+    title?: string | undefined;
+    decorative?: boolean | undefined;
+    testId?: string | undefined;
+    ref?: React.Ref<SVGSVGElement> | undefined;
+}, "children">>;
+
+export { BuildingIcon };

package/dist/types/components/Icons/ChevronLeftIcon.d.ts

@@ -0,0 +1,33 @@
+import React from 'react';
+import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+
+/**
+ * Chevron Left icon component for backward navigation and collapse.
+ *
+ * A subtle leftward chevron commonly used for previous-page navigation,
+ * collapsing side panels, and breadcrumb separators.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <ChevronLeftIcon />
+ *
+ * // With custom size and color
+ * <ChevronLeftIcon size="sm" color="muted" />
+ *
+ * // In a sidebar collapse button
+ * <IconButton icon={<ChevronLeftIcon />} label="Collapse sidebar" />
+ * ```
+ */
+declare const ChevronLeftIcon: React.NamedExoticComponent<Omit<{
+    children: React.ReactNode;
+    size?: IconSize | undefined;
+    color?: IconColor | undefined;
+    className?: string | undefined;
+    title?: string | undefined;
+    decorative?: boolean | undefined;
+    testId?: string | undefined;
+    ref?: React.Ref<SVGSVGElement> | undefined;
+}, "children">>;
+
+export { ChevronLeftIcon };

package/dist/types/components/Icons/ChevronRightIcon.d.ts

@@ -0,0 +1,33 @@
+import React from 'react';
+import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+
+/**
+ * Chevron Right icon component for forward navigation and expand.
+ *
+ * A subtle rightward chevron commonly used for next-page navigation,
+ * expanding side panels, and disclosure indicators.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <ChevronRightIcon />
+ *
+ * // With custom size and color
+ * <ChevronRightIcon size="sm" color="muted" />
+ *
+ * // In a sidebar expand button
+ * <IconButton icon={<ChevronRightIcon />} label="Expand sidebar" />
+ * ```
+ */
+declare const ChevronRightIcon: React.NamedExoticComponent<Omit<{
+    children: React.ReactNode;
+    size?: IconSize | undefined;
+    color?: IconColor | undefined;
+    className?: string | undefined;
+    title?: string | undefined;
+    decorative?: boolean | undefined;
+    testId?: string | undefined;
+    ref?: React.Ref<SVGSVGElement> | undefined;
+}, "children">>;
+
+export { ChevronRightIcon };

package/dist/types/components/Icons/DotsHorizontalIcon.d.ts

@@ -0,0 +1,33 @@
+import React from 'react';
+import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+
+/**
+ * Dots Horizontal icon component for inline overflow menus.
+ *
+ * Three dots arranged horizontally, commonly used as a more-actions
+ * affordance in toolbars, card headers, and badge ends.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <DotsHorizontalIcon />
+ *
+ * // With custom size and color
+ * <DotsHorizontalIcon size="sm" color="muted" />
+ *
+ * // As an overflow menu trigger
+ * <IconButton icon={<DotsHorizontalIcon />} label="More" />
+ * ```
+ */
+declare const DotsHorizontalIcon: React.NamedExoticComponent<Omit<{
+    children: React.ReactNode;
+    size?: IconSize | undefined;
+    color?: IconColor | undefined;
+    className?: string | undefined;
+    title?: string | undefined;
+    decorative?: boolean | undefined;
+    testId?: string | undefined;
+    ref?: React.Ref<SVGSVGElement> | undefined;
+}, "children">>;
+
+export { DotsHorizontalIcon };

package/dist/types/components/Icons/DotsVerticalIcon.d.ts

@@ -0,0 +1,33 @@
+import React from 'react';
+import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+
+/**
+ * Dots Vertical icon component for contextual action menus.
+ *
+ * Three dots stacked vertically, typically used as the trigger
+ * for item-level action menus on cards, list rows, and table cells.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <DotsVerticalIcon />
+ *
+ * // With custom size and color
+ * <DotsVerticalIcon size="sm" color="muted" />
+ *
+ * // As a menu trigger
+ * <IconButton icon={<DotsVerticalIcon />} label="Actions" />
+ * ```
+ */
+declare const DotsVerticalIcon: React.NamedExoticComponent<Omit<{
+    children: React.ReactNode;
+    size?: IconSize | undefined;
+    color?: IconColor | undefined;
+    className?: string | undefined;
+    title?: string | undefined;
+    decorative?: boolean | undefined;
+    testId?: string | undefined;
+    ref?: React.Ref<SVGSVGElement> | undefined;
+}, "children">>;
+
+export { DotsVerticalIcon };

package/dist/types/components/Icons/FileTextIcon.d.ts

@@ -0,0 +1,33 @@
+import React from 'react';
+import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+
+/**
+ * File Text icon component for documents and text content.
+ *
+ * A document page with horizontal text lines, commonly used for
+ * documentation, notes, write-ups, and scribe-style personas.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <FileTextIcon />
+ *
+ * // With custom size and color
+ * <FileTextIcon size="md" color="secondary" />
+ *
+ * // In a documentation entry
+ * <Button icon={<FileTextIcon />}>Open Document</Button>
+ * ```
+ */
+declare const FileTextIcon: React.NamedExoticComponent<Omit<{
+    children: React.ReactNode;
+    size?: IconSize | undefined;
+    color?: IconColor | undefined;
+    className?: string | undefined;
+    title?: string | undefined;
+    decorative?: boolean | undefined;
+    testId?: string | undefined;
+    ref?: React.Ref<SVGSVGElement> | undefined;
+}, "children">>;
+
+export { FileTextIcon };

package/dist/types/components/Icons/FolderCogIcon.d.ts

@@ -0,0 +1,33 @@
+import React from 'react';
+import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+
+/**
+ * Folder Cog icon component for project-scoped settings.
+ *
+ * A folder with a small gear overlay, commonly used to distinguish
+ * project-level settings from general application settings.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <FolderCogIcon />
+ *
+ * // With custom size and color
+ * <FolderCogIcon size="md" color="secondary" />
+ *
+ * // In a settings sidebar entry
+ * <Button icon={<FolderCogIcon />}>Project Settings</Button>
+ * ```
+ */
+declare const FolderCogIcon: React.NamedExoticComponent<Omit<{
+    children: React.ReactNode;
+    size?: IconSize | undefined;
+    color?: IconColor | undefined;
+    className?: string | undefined;
+    title?: string | undefined;
+    decorative?: boolean | undefined;
+    testId?: string | undefined;
+    ref?: React.Ref<SVGSVGElement> | undefined;
+}, "children">>;
+
+export { FolderCogIcon };

package/dist/types/components/Icons/FolderOpenIcon.d.ts

@@ -0,0 +1,33 @@
+import React from 'react';
+import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+
+/**
+ * Folder Open icon component for opened directory states.
+ *
+ * An open folder with an angled front flap, commonly paired with the closed
+ * `FolderIcon` for project switchers, file explorer reveals, and breadcrumbs.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <FolderOpenIcon />
+ *
+ * // With custom size and color
+ * <FolderOpenIcon size="lg" color="primary" />
+ *
+ * // In a switch project action
+ * <Button icon={<FolderOpenIcon />}>Switch Project</Button>
+ * ```
+ */
+declare const FolderOpenIcon: React.NamedExoticComponent<Omit<{
+    children: React.ReactNode;
+    size?: IconSize | undefined;
+    color?: IconColor | undefined;
+    className?: string | undefined;
+    title?: string | undefined;
+    decorative?: boolean | undefined;
+    testId?: string | undefined;
+    ref?: React.Ref<SVGSVGElement> | undefined;
+}, "children">>;
+
+export { FolderOpenIcon };

package/dist/types/components/Icons/GitBranchIcon.d.ts

@@ -0,0 +1,33 @@
+import React from 'react';
+import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+
+/**
+ * Git Branch icon component for version-control branch contexts.
+ *
+ * A trunk line with a fork to a side node, commonly used for branch
+ * indicators in status bars, branch pickers, and VCS-related actions.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <GitBranchIcon />
+ *
+ * // With custom size and color
+ * <GitBranchIcon size="sm" color="muted" />
+ *
+ * // In a status bar
+ * <Button icon={<GitBranchIcon />}>main</Button>
+ * ```
+ */
+declare const GitBranchIcon: React.NamedExoticComponent<Omit<{
+    children: React.ReactNode;
+    size?: IconSize | undefined;
+    color?: IconColor | undefined;
+    className?: string | undefined;
+    title?: string | undefined;
+    decorative?: boolean | undefined;
+    testId?: string | undefined;
+    ref?: React.Ref<SVGSVGElement> | undefined;
+}, "children">>;
+
+export { GitBranchIcon };

package/dist/types/components/Icons/MinusIcon.d.ts

@@ -0,0 +1,33 @@
+import React from 'react';
+import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+
+/**
+ * Minus icon component for remove/decrement actions.
+ *
+ * A single horizontal stroke commonly used to remove items, decrement
+ * counters, and zoom out. Pairs with `AddIcon` for [+/-] controls.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <MinusIcon />
+ *
+ * // With custom size and color
+ * <MinusIcon size="sm" color="muted" />
+ *
+ * // In a counter control
+ * <IconButton icon={<MinusIcon />} label="Decrease" />
+ * ```
+ */
+declare const MinusIcon: React.NamedExoticComponent<Omit<{
+    children: React.ReactNode;
+    size?: IconSize | undefined;
+    color?: IconColor | undefined;
+    className?: string | undefined;
+    title?: string | undefined;
+    decorative?: boolean | undefined;
+    testId?: string | undefined;
+    ref?: React.Ref<SVGSVGElement> | undefined;
+}, "children">>;
+
+export { MinusIcon };

package/dist/types/components/Icons/PauseIcon.d.ts

@@ -0,0 +1,33 @@
+import React from 'react';
+import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+
+/**
+ * Pause icon component for pausing playback and processes.
+ *
+ * Two parallel vertical bars commonly used to pause animations, video,
+ * preview playback, and long-running operations. Pairs with `PlayIcon`.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <PauseIcon />
+ *
+ * // With custom size and color
+ * <PauseIcon size="lg" color="primary" />
+ *
+ * // In a transport bar
+ * <IconButton icon={<PauseIcon />} label="Pause" />
+ * ```
+ */
+declare const PauseIcon: React.NamedExoticComponent<Omit<{
+    children: React.ReactNode;
+    size?: IconSize | undefined;
+    color?: IconColor | undefined;
+    className?: string | undefined;
+    title?: string | undefined;
+    decorative?: boolean | undefined;
+    testId?: string | undefined;
+    ref?: React.Ref<SVGSVGElement> | undefined;
+}, "children">>;
+
+export { PauseIcon };

package/dist/types/components/Icons/PinIcon.d.ts

@@ -0,0 +1,34 @@
+import React from 'react';
+import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+
+/**
+ * Pin icon component for pinning items to keep them visible.
+ *
+ * A push-pin silhouette commonly used to pin tabs, conversations,
+ * or list items so they stay in view. A filled visual variant could
+ * indicate the pinned state.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <PinIcon />
+ *
+ * // With custom size and color
+ * <PinIcon size="sm" color="accent" />
+ *
+ * // In a pin/unpin toggle
+ * <IconButton icon={<PinIcon />} label="Pin item" />
+ * ```
+ */
+declare const PinIcon: React.NamedExoticComponent<Omit<{
+    children: React.ReactNode;
+    size?: IconSize | undefined;
+    color?: IconColor | undefined;
+    className?: string | undefined;
+    title?: string | undefined;
+    decorative?: boolean | undefined;
+    testId?: string | undefined;
+    ref?: React.Ref<SVGSVGElement> | undefined;
+}, "children">>;
+
+export { PinIcon };

package/dist/types/components/Icons/SendIcon.d.ts

@@ -0,0 +1,33 @@
+import React from 'react';
+import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+
+/**
+ * Send icon component for submitting messages and forms.
+ *
+ * A paper plane silhouette commonly used as the trigger for
+ * sending chat messages, dispatching commands, and form submissions.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <SendIcon />
+ *
+ * // With custom size and color
+ * <SendIcon size="md" color="accent" />
+ *
+ * // In a chat input
+ * <IconButton icon={<SendIcon />} label="Send message" />
+ * ```
+ */
+declare const SendIcon: React.NamedExoticComponent<Omit<{
+    children: React.ReactNode;
+    size?: IconSize | undefined;
+    color?: IconColor | undefined;
+    className?: string | undefined;
+    title?: string | undefined;
+    decorative?: boolean | undefined;
+    testId?: string | undefined;
+    ref?: React.Ref<SVGSVGElement> | undefined;
+}, "children">>;
+
+export { SendIcon };

package/dist/types/components/Icons/StopIcon.d.ts

@@ -0,0 +1,33 @@
+import React from 'react';
+import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+
+/**
+ * Stop icon component for halting playback and streams.
+ *
+ * A solid square commonly used to stop transport playback, abort
+ * generations, and cancel long-running streaming operations.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <StopIcon />
+ *
+ * // With custom size and color
+ * <StopIcon size="md" color="error" />
+ *
+ * // In a stop streaming button
+ * <IconButton icon={<StopIcon />} label="Stop" />
+ * ```
+ */
+declare const StopIcon: React.NamedExoticComponent<Omit<{
+    children: React.ReactNode;
+    size?: IconSize | undefined;
+    color?: IconColor | undefined;
+    className?: string | undefined;
+    title?: string | undefined;
+    decorative?: boolean | undefined;
+    testId?: string | undefined;
+    ref?: React.Ref<SVGSVGElement> | undefined;
+}, "children">>;
+
+export { StopIcon };

package/dist/types/components/Icons/TerminalIcon.d.ts

@@ -0,0 +1,33 @@
+import React from 'react';
+import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+
+/**
+ * Terminal icon component for shells, command palettes, and CLI panels.
+ *
+ * A prompt caret with an underscore line, commonly used for terminal
+ * panels, command palette triggers, and shell-related actions.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <TerminalIcon />
+ *
+ * // With custom size and color
+ * <TerminalIcon size="md" color="secondary" />
+ *
+ * // In a command palette trigger
+ * <IconButton icon={<TerminalIcon />} label="Open terminal" />
+ * ```
+ */
+declare const TerminalIcon: React.NamedExoticComponent<Omit<{
+    children: React.ReactNode;
+    size?: IconSize | undefined;
+    color?: IconColor | undefined;
+    className?: string | undefined;
+    title?: string | undefined;
+    decorative?: boolean | undefined;
+    testId?: string | undefined;
+    ref?: React.Ref<SVGSVGElement> | undefined;
+}, "children">>;
+
+export { TerminalIcon };