@cueplusplus/ui 0.13.0

package/dist/forms/toggle.js

@@ -0,0 +1,100 @@
+"use client";
+import { cn } from "../lib/cn.js";
+import { cva } from "../lib/cva.js";
+import { ToggleGroupSizeContext } from "./toggle-group.js";
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Toggle } from "@base-ui/react/toggle";
+//#region src/forms/toggle.tsx
+/**
+* A toggle is a *ghost* button until it is pressed, and then it is a **tint**,
+* never a solid fill — the same ruling that governs the segmented control and
+* the highlighted menu row. A solid accent block on a 22px control reads as a
+* second, louder button and drowns the labels beside it.
+*/
+const toggleVariants = cva("inline-flex shrink-0 cursor-pointer select-none items-center justify-center gap-[0.4em] whitespace-nowrap rounded-(--radius-control) border border-transparent bg-transparent font-mono font-medium text-fg-muted transition-colors duration-150 outline-none hover:bg-surface-2 hover:text-fg focus-visible:outline-2 focus-visible:outline-solid focus-visible:outline-offset-1 focus-visible:outline-accent data-[pressed]:bg-accent-soft data-[pressed]:text-accent data-[disabled]:pointer-events-none data-[disabled]:opacity-40", {
+	variants: {
+		size: {
+			sm: "text-(length:--cue-text-label)",
+			md: "text-(length:--cue-text-ui)",
+			lg: "text-(length:--cue-text-body)"
+		},
+		/** Icon-only toggles are square; labelled ones get a height and padding. */
+		square: {
+			true: "",
+			false: ""
+		}
+	},
+	compoundVariants: [
+		{
+			size: "sm",
+			square: false,
+			class: "h-control-sm px-(--cue-space-3)"
+		},
+		{
+			size: "md",
+			square: false,
+			class: "h-control-md px-(--cue-space-4)"
+		},
+		{
+			size: "lg",
+			square: false,
+			class: "h-control-lg px-(--cue-space-5)"
+		},
+		{
+			size: "sm",
+			square: true,
+			class: "size-control-sm"
+		},
+		{
+			size: "md",
+			square: true,
+			class: "size-control-md"
+		},
+		{
+			size: "lg",
+			square: true,
+			class: "size-control-lg"
+		}
+	],
+	defaultVariants: {
+		size: "md",
+		square: false
+	}
+});
+/**
+* A two-state button: solo, mute, snap-to-grid, "show hidden".
+*
+* Distinct from {@link Switch}, which sets a *setting* and reads as a physical
+* throw; a toggle is a **button that stays down**, so it belongs in a toolbar
+* next to other buttons rather than in a settings list. `aria-pressed` — not
+* `aria-checked` — is what says so to assistive technology, and Base UI wires
+* that for us.
+*
+* Inside a {@link ToggleGroup} it inherits the group's density rung and joins
+* its roving-focus ring; on its own it is a perfectly good standalone control.
+*
+* @example
+* <Toggle aria-label="Solo" icon={Headphones} pressed={solo} onPressedChange={setSolo} />
+* @example
+* <Toggle defaultPressed>Snap</Toggle>
+*/
+const Toggle$1 = React.forwardRef(function Toggle$2({ className, size, icon: Icon, children, ...elementProps }, ref) {
+	const groupSize = React.useContext(ToggleGroupSizeContext);
+	const rung = size ?? groupSize ?? "md";
+	return /* @__PURE__ */ jsxs(Toggle, {
+		ref,
+		"data-slot": "toggle",
+		className: cn(toggleVariants({
+			size: rung,
+			square: children === void 0 || children === null || children === false
+		}), className),
+		...elementProps,
+		children: [Icon === void 0 ? null : /* @__PURE__ */ jsx(Icon, {
+			"aria-hidden": "true",
+			className: cn("shrink-0", rung === "sm" ? "size-icon-sm" : "size-icon-md")
+		}), children]
+	});
+});
+//#endregion
+export { Toggle$1 as Toggle };

package/dist/icons/containers.d.ts

@@ -0,0 +1,89 @@
+import * as React from "react";
+//#region src/icons/containers.d.ts
+/**
+ * The catalogue itself: everything there is, before anything has been narrowed.
+ *
+ * One tile repeated over a 2×2 rather than a stack of rows, because the row
+ * this marks is the one that *undoes* a filter — "all of it" is a shape, and a
+ * list glyph would have promised an ordering the row does not have.
+ */
+declare function CatalogueIcon(props: React.SVGProps<SVGSVGElement>): React.JSX.Element;
+/**
+ * One person's stack: the set of things they have actually installed.
+ *
+ * Plates seen edge-on — the layers idiom — because a stack is an accumulation
+ * and not a container: things go into it one at a time and the order they went
+ * in is part of what it is.
+ */
+declare function StackIcon(props: React.SVGProps<SVGSVGElement>): React.JSX.Element;
+/**
+ * Every stack at once, one column each: who has what, read across.
+ *
+ * A table rather than more plates. The head rule and the name column are what
+ * make it a matrix instead of a grid — the question it answers is "which of
+ * these does that person not have", and that is a question with two axes.
+ */
+declare function StacksMatrixIcon(props: React.SVGProps<SVGSVGElement>): React.JSX.Element;
+/**
+ * An audience: a named group of people something is published to.
+ *
+ * People, not an abstract shape. An audience is the one container in this set
+ * whose members are humans rather than artefacts, and drawing it as a diamond
+ * or a tag would have filed it with the folders — which is exactly the mistake
+ * a reader makes when deciding where to publish something.
+ */
+declare function AudienceIcon(props: React.SVGProps<SVGSVGElement>): React.JSX.Element;
+/**
+ * The released channel: what a colleague gets when they install without asking
+ * for anything in particular.
+ *
+ * A ring filled solid. Its pair, {@link ChannelBetaIcon}, is the same ring
+ * filled halfway — the two are one mark told twice, so a reader never has to
+ * learn which of two unrelated pictures means "finished".
+ */
+declare function ChannelReleasedIcon(props: React.SVGProps<SVGSVGElement>): React.JSX.Element;
+/**
+ * The beta channel: the same things, one merge earlier.
+ *
+ * The released ring at half fill. Half rather than empty because a beta is not
+ * an absence of a release — it is a release that has not finished happening,
+ * and an empty ring would have read as "nothing here yet".
+ */
+declare function ChannelBetaIcon(props: React.SVGProps<SVGSVGElement>): React.JSX.Element;
+/**
+ * A folder somebody made: a shelf of bookmarks, filed by hand.
+ *
+ * The tab is the whole glyph. A plain rounded box in this library is a panel,
+ * a card or a dialog, and the one thing a folder has to say is that a person
+ * put these here on purpose rather than a query having returned them.
+ */
+declare function FolderIcon(props: React.SVGProps<SVGSVGElement>): React.JSX.Element;
+/**
+ * An MCP server in the registry: a thing an agent connects *to*.
+ *
+ * Two rack units with a status lamp each. It is drawn as hardware on purpose —
+ * an MCP server is the one entry in a catalogue of files that is a running
+ * process somewhere, with an address and a session, and a row that looked like
+ * a document would hide the only fact about it that matters operationally.
+ */
+declare function McpServerIcon(props: React.SVGProps<SVGSVGElement>): React.JSX.Element;
+/**
+ * A CLI tool in the registry: a thing that runs in a terminal.
+ *
+ * A window with a prompt in it, rather than a bare chevron. A chevron on its
+ * own is a disclosure everywhere else in this library, and a navigation row
+ * that appeared to expand and then navigated instead is a worse failure than a
+ * slightly busier glyph at 10px.
+ */
+declare function CliToolIcon(props: React.SVGProps<SVGSVGElement>): React.JSX.Element;
+/**
+ * A skill: the thing every other container in this set holds.
+ *
+ * One mark, and a spark rather than a document, because what is being filed is
+ * a capability. The file it happens to be written in is an implementation
+ * detail of how it travels, and a page glyph would have made the catalogue look
+ * like a folder of documents rather than a list of things an agent can now do.
+ */
+declare function SkillIcon(props: React.SVGProps<SVGSVGElement>): React.JSX.Element;
+//#endregion
+export { AudienceIcon, CatalogueIcon, ChannelBetaIcon, ChannelReleasedIcon, CliToolIcon, FolderIcon, McpServerIcon, SkillIcon, StackIcon, StacksMatrixIcon };

package/dist/icons/containers.js

@@ -0,0 +1,295 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/icons/containers.tsx
+/**
+* The containers a catalogue sorts things into, drawn.
+*
+* A console's navigation column is a list of *places*: everything, one person's
+* stack, everyone's stacks at once, an audience, a channel, a folder somebody
+* made, and the two kinds of thing a registry files beside a skill. Every one
+* of those rows has a name, and a name is enough — right up until the column
+* rails, at which point the row is nothing but its glyph and a place with no
+* glyph is a place that has disappeared. That is what this set is for, and it
+* is why it is a set rather than ten icons: they are read in one column, one
+* after another, so a grid or a weight that drifts on any one of them is read
+* as a mistake on that row rather than as a style.
+*
+* Drawn inline, on the same terms as the library's own `_glyphs` modules: a
+* navigation column should not put an icon dependency on its render path, and
+* hand-set strokes stay hairline-thin at the 10–16px `--cue-icon-*` sizes
+* console density asks for. `lucide-react` stays the answer for everything
+* outside this vocabulary — it is an optional peer, and these ten are here
+* only because no icon library has a mark for "everyone's stacks, side by
+* side".
+*
+* Three rules hold the set together, and the suite holds all three:
+*
+* - **One grid.** `0 0 16 16` at `stroke-width` 1.5, the grid and the weight
+*   every glyph in this library is already drawn on. A 24 grid is what
+*   `lucide-react` uses and what the prototype these came from used, but 1.5
+*   on a 24 grid renders two-thirds the weight of 1.5 on a 16 grid at the same
+*   box — so matching the number there would have meant not matching the line.
+*   The line is the thing a reader sees.
+* - **No size.** No `width`, no `height`: the caller sizes them, and in this
+*   library that means a density token — `size-icon-md` on a navigation row,
+*   `size-icon-sm` inside a control. An icon that measured itself would be the
+*   one thing in a density island that did not move.
+* - **No colour.** `currentColor` throughout, so the tone comes from the row:
+*   muted at rest, `--cue-fg` when it is the current place, `--cue-danger`
+*   inside a destructive menu item. Nothing here reads a token directly.
+*
+* They are decorative by default — `aria-hidden` — because they mark a row that
+* already carries its name, and a second announcement of the same word is
+* noise. The props spread last, so a glyph that has become the *only* name for
+* something (an icon-only rail with no `sr-only` label, which is a shape this
+* library argues against but does not forbid) can be turned back into a picture
+* with `aria-hidden={false} role="img"` and a `<title>`.
+*/
+/**
+* The chassis every icon in the set is drawn on.
+*
+* One object rather than six attributes written ten times: consistency by
+* construction is the only kind that survives an eleventh icon being added in a
+* hurry.
+*
+* @internal Not part of the public API.
+*/
+const CONTAINER_ICON = {
+	viewBox: "0 0 16 16",
+	fill: "none",
+	stroke: "currentColor",
+	strokeWidth: "1.5",
+	strokeLinecap: "round",
+	strokeLinejoin: "round",
+	"aria-hidden": true
+};
+/**
+* The catalogue itself: everything there is, before anything has been narrowed.
+*
+* One tile repeated over a 2×2 rather than a stack of rows, because the row
+* this marks is the one that *undoes* a filter — "all of it" is a shape, and a
+* list glyph would have promised an ordering the row does not have.
+*/
+function CatalogueIcon(props) {
+	return /* @__PURE__ */ jsxs("svg", {
+		...CONTAINER_ICON,
+		...props,
+		children: [
+			/* @__PURE__ */ jsx("rect", {
+				x: "2.25",
+				y: "2.25",
+				width: "5",
+				height: "5",
+				rx: "1"
+			}),
+			/* @__PURE__ */ jsx("rect", {
+				x: "8.75",
+				y: "2.25",
+				width: "5",
+				height: "5",
+				rx: "1"
+			}),
+			/* @__PURE__ */ jsx("rect", {
+				x: "2.25",
+				y: "8.75",
+				width: "5",
+				height: "5",
+				rx: "1"
+			}),
+			/* @__PURE__ */ jsx("rect", {
+				x: "8.75",
+				y: "8.75",
+				width: "5",
+				height: "5",
+				rx: "1"
+			})
+		]
+	});
+}
+/**
+* One person's stack: the set of things they have actually installed.
+*
+* Plates seen edge-on — the layers idiom — because a stack is an accumulation
+* and not a container: things go into it one at a time and the order they went
+* in is part of what it is.
+*/
+function StackIcon(props) {
+	return /* @__PURE__ */ jsxs("svg", {
+		...CONTAINER_ICON,
+		...props,
+		children: [/* @__PURE__ */ jsx("path", { d: "M8 2.75 14 6l-6 3.25L2 6z" }), /* @__PURE__ */ jsx("path", { d: "m2 10 6 3.25L14 10" })]
+	});
+}
+/**
+* Every stack at once, one column each: who has what, read across.
+*
+* A table rather than more plates. The head rule and the name column are what
+* make it a matrix instead of a grid — the question it answers is "which of
+* these does that person not have", and that is a question with two axes.
+*/
+function StacksMatrixIcon(props) {
+	return /* @__PURE__ */ jsxs("svg", {
+		...CONTAINER_ICON,
+		...props,
+		children: [/* @__PURE__ */ jsx("rect", {
+			x: "2.25",
+			y: "3",
+			width: "11.5",
+			height: "10",
+			rx: "1.25"
+		}), /* @__PURE__ */ jsx("path", { d: "M2.25 6.5h11.5M6.25 6.5V13" })]
+	});
+}
+/**
+* An audience: a named group of people something is published to.
+*
+* People, not an abstract shape. An audience is the one container in this set
+* whose members are humans rather than artefacts, and drawing it as a diamond
+* or a tag would have filed it with the folders — which is exactly the mistake
+* a reader makes when deciding where to publish something.
+*/
+function AudienceIcon(props) {
+	return /* @__PURE__ */ jsxs("svg", {
+		...CONTAINER_ICON,
+		...props,
+		children: [
+			/* @__PURE__ */ jsx("circle", {
+				cx: "6.25",
+				cy: "5.5",
+				r: "2.25"
+			}),
+			/* @__PURE__ */ jsx("path", { d: "M2 13.25c0-2.2 1.9-3.5 4.25-3.5s4.25 1.3 4.25 3.5" }),
+			/* @__PURE__ */ jsx("path", { d: "M10.5 3.6a2.25 2.25 0 0 1 0 3.8" }),
+			/* @__PURE__ */ jsx("path", { d: "M11.9 9.95c1.35.5 2.1 1.6 2.1 3.3" })
+		]
+	});
+}
+/**
+* The released channel: what a colleague gets when they install without asking
+* for anything in particular.
+*
+* A ring filled solid. Its pair, {@link ChannelBetaIcon}, is the same ring
+* filled halfway — the two are one mark told twice, so a reader never has to
+* learn which of two unrelated pictures means "finished".
+*/
+function ChannelReleasedIcon(props) {
+	return /* @__PURE__ */ jsxs("svg", {
+		...CONTAINER_ICON,
+		...props,
+		children: [/* @__PURE__ */ jsx("circle", {
+			cx: "8",
+			cy: "8",
+			r: "5.5"
+		}), /* @__PURE__ */ jsx("circle", {
+			cx: "8",
+			cy: "8",
+			r: "3",
+			fill: "currentColor",
+			stroke: "none"
+		})]
+	});
+}
+/**
+* The beta channel: the same things, one merge earlier.
+*
+* The released ring at half fill. Half rather than empty because a beta is not
+* an absence of a release — it is a release that has not finished happening,
+* and an empty ring would have read as "nothing here yet".
+*/
+function ChannelBetaIcon(props) {
+	return /* @__PURE__ */ jsxs("svg", {
+		...CONTAINER_ICON,
+		...props,
+		children: [/* @__PURE__ */ jsx("circle", {
+			cx: "8",
+			cy: "8",
+			r: "5.5"
+		}), /* @__PURE__ */ jsx("path", {
+			d: "M8 5a3 3 0 0 1 0 6z",
+			fill: "currentColor",
+			stroke: "none"
+		})]
+	});
+}
+/**
+* A folder somebody made: a shelf of bookmarks, filed by hand.
+*
+* The tab is the whole glyph. A plain rounded box in this library is a panel,
+* a card or a dialog, and the one thing a folder has to say is that a person
+* put these here on purpose rather than a query having returned them.
+*/
+function FolderIcon(props) {
+	return /* @__PURE__ */ jsx("svg", {
+		...CONTAINER_ICON,
+		...props,
+		children: /* @__PURE__ */ jsx("path", { d: "M2 12.5V4.5a1 1 0 0 1 1-1h3.4l1.6 2H13a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1z" })
+	});
+}
+/**
+* An MCP server in the registry: a thing an agent connects *to*.
+*
+* Two rack units with a status lamp each. It is drawn as hardware on purpose —
+* an MCP server is the one entry in a catalogue of files that is a running
+* process somewhere, with an address and a session, and a row that looked like
+* a document would hide the only fact about it that matters operationally.
+*/
+function McpServerIcon(props) {
+	return /* @__PURE__ */ jsxs("svg", {
+		...CONTAINER_ICON,
+		...props,
+		children: [
+			/* @__PURE__ */ jsx("rect", {
+				x: "2.25",
+				y: "3",
+				width: "11.5",
+				height: "4.5",
+				rx: "1.25"
+			}),
+			/* @__PURE__ */ jsx("rect", {
+				x: "2.25",
+				y: "8.5",
+				width: "11.5",
+				height: "4.5",
+				rx: "1.25"
+			}),
+			/* @__PURE__ */ jsx("path", { d: "M4.75 5.25h.01M4.75 10.75h.01" })
+		]
+	});
+}
+/**
+* A CLI tool in the registry: a thing that runs in a terminal.
+*
+* A window with a prompt in it, rather than a bare chevron. A chevron on its
+* own is a disclosure everywhere else in this library, and a navigation row
+* that appeared to expand and then navigated instead is a worse failure than a
+* slightly busier glyph at 10px.
+*/
+function CliToolIcon(props) {
+	return /* @__PURE__ */ jsxs("svg", {
+		...CONTAINER_ICON,
+		...props,
+		children: [/* @__PURE__ */ jsx("rect", {
+			x: "2.25",
+			y: "2.75",
+			width: "11.5",
+			height: "10.5",
+			rx: "1.5"
+		}), /* @__PURE__ */ jsx("path", { d: "m5 6.75 1.9 1.75L5 10.25M8.75 10.25h2.5" })]
+	});
+}
+/**
+* A skill: the thing every other container in this set holds.
+*
+* One mark, and a spark rather than a document, because what is being filed is
+* a capability. The file it happens to be written in is an implementation
+* detail of how it travels, and a page glyph would have made the catalogue look
+* like a folder of documents rather than a list of things an agent can now do.
+*/
+function SkillIcon(props) {
+	return /* @__PURE__ */ jsx("svg", {
+		...CONTAINER_ICON,
+		...props,
+		children: /* @__PURE__ */ jsx("path", { d: "M8 2.25 9.6 6.4l4.15 1.6-4.15 1.6L8 13.75 6.4 9.6 2.25 8 6.4 6.4z" })
+	});
+}
+//#endregion
+export { AudienceIcon, CatalogueIcon, ChannelBetaIcon, ChannelReleasedIcon, CliToolIcon, FolderIcon, McpServerIcon, SkillIcon, StackIcon, StacksMatrixIcon };

package/dist/icons/index.d.ts

@@ -0,0 +1,2 @@
+import { AudienceIcon, CatalogueIcon, ChannelBetaIcon, ChannelReleasedIcon, CliToolIcon, FolderIcon, McpServerIcon, SkillIcon, StackIcon, StacksMatrixIcon } from "./containers.js";
+export { AudienceIcon, CatalogueIcon, ChannelBetaIcon, ChannelReleasedIcon, CliToolIcon, FolderIcon, McpServerIcon, SkillIcon, StackIcon, StacksMatrixIcon };

package/dist/index.d.ts

@@ -0,0 +1,138 @@
+import { AskAnswer, AskBox, AskBoxProps, AskDanger, AskKind, AskOption } from "./chat/ask-box.js";
+import { Message, MessageProps, MessageRole } from "./chat/message.js";
+import { AGENT_COLOR_PROPERTY, AGENT_HUES, AGENT_ROOT_COLOR, AgentColorOptions, agentColor, agentColorStyle } from "./chat/agent-color.js";
+import { AgentPile, AgentPileEntry, AgentPileProps, AgentPileSize } from "./chat/agent-pile.js";
+import { Composer, ComposerProps, ComposerSubmitKey } from "./chat/composer.js";
+import { DelegationCard, DelegationCardProps, DelegationDirection, DelegationStatus } from "./chat/delegation-card.js";
+import { MessageList, MessageListProps } from "./chat/message-list.js";
+import "./chat/index.js";
+import { ScrollEdges, TAB_FADE_PX, computeScrollEdges, edgeFadeMask } from "./chrome/_tabs-scroll.js";
+import { BarOverflow } from "./chrome/_edge-scroller.js";
+import { TREE_GUIDE_GLYPHS, TreeGuide, TreeItem, TreeRow, flattenTree } from "./chrome/_tree.js";
+import { Link, LinkProps, linkVariants } from "./layout/link.js";
+import { Separator, SeparatorProps } from "./primitives/separator.js";
+import { AppBar, AppBarActionsProps, AppBarBrandProps, AppBarLinkProps, AppBarNavProps, AppBarRegister, AppBarRootProps, AppBarSeparatorProps } from "./chrome/app-bar.js";
+import { Sidebar, SidebarItemProps, SidebarRailProps, SidebarRootProps, SidebarSectionProps, useSidebar } from "./layout/sidebar.js";
+import { AppShell, AppShellAsideProps, AppShellBarProps, AppShellBodyProps, AppShellContentProps, AppShellNavTriggerProps, AppShellRootProps, AppShellScrollerProps, AppShellSidebarProps } from "./chrome/app-shell.js";
+import { Container, ContainerProps, ContainerWidth } from "./layout/container.js";
+import { Band, BandProps, BandSeparation, BandWidth } from "./chrome/band.js";
+import { EmptyState, EmptyStateProps } from "./chrome/empty-state.js";
+import { Eyebrow, EyebrowProps } from "./chrome/eyebrow.js";
+import { Footer, FooterProps } from "./chrome/footer.js";
+import { Inspector, InspectorFooterProps, InspectorRootProps, InspectorRowProps, InspectorSectionProps } from "./chrome/inspector.js";
+import { NavigationMenu, NavigationMenuContentProps, NavigationMenuItemProps, NavigationMenuLinkProps, NavigationMenuListProps, NavigationMenuRootProps, NavigationMenuTriggerProps, NavigationMenuViewportProps } from "./chrome/navigation-menu.js";
+import { PageShell, PageShellProps, PageWidth } from "./chrome/page-shell.js";
+import { Panel, PanelHeader, PanelHeaderProps, PanelProps } from "./chrome/panel.js";
+import { Row, RowProps, SeamList, SeamListProps, rowVariants } from "./chrome/row.js";
+import { ScrollArea, ScrollAreaOrientation, ScrollAreaProps } from "./chrome/scroll-area.js";
+import { SectionHeader, SectionHeaderProps } from "./chrome/section-header.js";
+import { SegmentedControl, SegmentedControlItem, SegmentedControlProps, SegmentedControlSize } from "./chrome/segmented-control.js";
+import { StatusBarProminence } from "./chrome/_status-bar.js";
+import { StatusBar, StatusBarGroupProps, StatusBarItemProps, StatusBarProps, StatusBarTone } from "./chrome/status-bar.js";
+import { ScrollableTabsList, ScrollableTabsListProps, Tabs, TabsListProps, TabsPanelProps, TabsRootProps, TabsTabProps } from "./chrome/tabs.js";
+import { TitleBar, TitleBarProps } from "./chrome/title-bar.js";
+import { Tree, TreeProps, TreeVisibility, TreeVisibilityToggle, TreeVisibilityToggleProps } from "./chrome/tree.js";
+import { Toolbar, ToolbarButtonProps, ToolbarGroupProps, ToolbarRootProps, ToolbarSeparatorProps } from "./chrome/toolbar.js";
+import "./chrome/index.js";
+import { ControlVariantProps, FormControlSize, bareControlClasses, controlClasses, controlGroupFocusClasses, controlSurface, controlVariants } from "./forms/_chassis.js";
+import { TokenOverrides, isSafeTokenValue } from "./system/overrides.js";
+import { FontFamilies, ResolvedMode, ThemeContextValue, ThemeProvider, ThemeProviderProps } from "./system/theme-provider.js";
+import { Autocomplete, AutocompleteProps } from "./forms/autocomplete.js";
+import { ButtonGroup, ButtonGroupOrientation, ButtonGroupProps } from "./forms/button-group.js";
+import { Checkbox, CheckboxGroup, CheckboxGroupProps, CheckboxProps } from "./forms/checkbox.js";
+import { Combobox, ComboboxOption, ComboboxProps } from "./forms/combobox.js";
+import { EnvVarInput, EnvVarInputProps, envReference, parseEnvReference } from "./forms/env-var-input.js";
+import { Field, FieldDescription, FieldDescriptionProps, FieldError, FieldErrorProps, FieldIssue, FieldLabel, FieldLabelProps, FieldProps } from "./forms/field.js";
+import { FilePartition, FilePartitionOptions, FileRejectReason, FileRejection, FileUpload, FileUploadProps, UploadFile, UploadStatus, partitionFiles } from "./forms/file-upload.js";
+import { Input, InputProps } from "./forms/input.js";
+import { InputGroup, InputGroupProps } from "./forms/input-group.js";
+import { MultiSelect, MultiSelectProps } from "./forms/multi-select.js";
+import { NumberField, NumberFieldProps } from "./forms/number-field.js";
+import { OTPField, OTPFieldProps } from "./forms/otp-field.js";
+import { PasswordInput, PasswordInputProps } from "./forms/password-input.js";
+import { Radio, RadioGroup, RadioGroupProps, RadioProps } from "./forms/radio-group.js";
+import { Rating, RatingProps, RatingSize } from "./forms/rating.js";
+import { ScrubInput, ScrubInputProps } from "./forms/scrub-input.js";
+import { SearchInput, SearchInputProps } from "./forms/search-input.js";
+import { Select, SelectOption, SelectProps } from "./forms/select.js";
+import { Slider, SliderProps } from "./forms/slider.js";
+import { Switch, SwitchProps } from "./forms/switch.js";
+import { TagsInput, TagsInputProps } from "./forms/tags-input.js";
+import { Textarea, TextareaProps } from "./forms/textarea.js";
+import { Toggle, ToggleProps } from "./forms/toggle.js";
+import { ToggleGroup, ToggleGroupProps } from "./forms/toggle-group.js";
+import "./forms/index.js";
+import { BrandAssetProps, BrandSize, BrandTone } from "./brand/_chassis.js";
+import { CueLogotype, CueLogotypeProps } from "./brand/cue-logotype.js";
+import { CueMark, CueMarkProps } from "./brand/cue-mark.js";
+import { Plussie, PlussieExpression, PlussieProps } from "./brand/plussie.js";
+import "./brand/index.js";
+import { AudienceIcon, CatalogueIcon, ChannelBetaIcon, ChannelReleasedIcon, CliToolIcon, FolderIcon, McpServerIcon, SkillIcon, StackIcon, StacksMatrixIcon } from "./icons/containers.js";
+import "./icons/index.js";
+import { activateRowFromClick, activateRowFromKeyDown } from "./instruments/_data-row.js";
+import { AppWindowFrame, AppWindowFrameProps } from "./instruments/app-window-frame.js";
+import { CodeBlock, CodeBlockProps } from "./instruments/code-block.js";
+import { Button, ButtonProps, buttonVariants } from "./primitives/button.js";
+import { CopyButton, CopyButtonProps } from "./instruments/copy-button.js";
+import { DataRow, DataRowDisclosure, DataRowRootProps, DataRowSlotProps } from "./instruments/data-row.js";
+import { DataTree, DataTreeItem, DataTreeProps, DataTreeRowState } from "./instruments/data-tree.js";
+import { GroupBar, GroupBarItem, GroupBarProps, GroupBarTone } from "./instruments/group-bar.js";
+import { Ledger, LedgerEmptyProps, LedgerGroupProps, LedgerRootProps, LedgerTierProps } from "./instruments/ledger.js";
+import { Meter, MeterProps, MeterProvenance, MeterTone } from "./instruments/meter.js";
+import { Progress, ProgressProps } from "./instruments/progress.js";
+import { SeamCell, SeamCellProps, SeamGrid, SeamGridProps, SeamGround } from "./instruments/seam-grid.js";
+import { Sparkline, SparklineProps } from "./instruments/sparkline.js";
+import { Stat, StatProps, StatTone } from "./instruments/stat.js";
+import { Table, TableCaptionProps, TableCellProps, TableGroupRowProps, TableHeadProps, TableRootProps, TableRowProps, TableScrollRegion, TableScrollRegionProps, TableSectionProps } from "./instruments/table.js";
+import { TerminalFrame, TerminalFrameLine, TerminalFrameProps, TerminalLine, TerminalLineTone, TerminalScript, TerminalStep } from "./instruments/terminal-frame.js";
+import { TwoStepButton, TwoStepButtonProps, TwoStepTone } from "./instruments/two-step-button.js";
+import { UsageChart, UsageChartPoint, UsageChartProps, UsageChartTone } from "./instruments/usage-chart.js";
+import "./instruments/index.js";
+import { Accordion, AccordionHeaderProps, AccordionItemProps, AccordionPanelProps, AccordionRootProps, AccordionTriggerProps } from "./layout/accordion.js";
+import { SpaceStep, Stack, StackAlign, StackJustify, StackProps } from "./layout/stack.js";
+import { Bento, BentoColumns, BentoMinHeight, BentoRootProps, BentoRowSpan, BentoRows, BentoSpan, BentoTileProps } from "./layout/bento.js";
+import { Breadcrumb, BreadcrumbItem, BreadcrumbProps } from "./layout/breadcrumb.js";
+import { Card, CardContentProps, CardDescriptionProps, CardFooterProps, CardHeaderProps, CardRootProps, CardTitleProps } from "./layout/card.js";
+import { Collapsible, CollapsiblePanelProps, CollapsibleRootProps, CollapsibleTriggerProps, Disclosure, DisclosureProps } from "./layout/collapsible.js";
+import { DescriptionList, DescriptionListDetailProps, DescriptionListLayout, DescriptionListRootProps, DescriptionListTermProps } from "./layout/description-list.js";
+import { PreviewGround } from "./layout/_ground.js";
+import { Frames, FramesHeight, FramesItemProps, FramesRootProps } from "./layout/frames.js";
+import { Grid, GridColumns, GridProps } from "./layout/grid.js";
+import { Item, ItemProps, itemVariants } from "./layout/item.js";
+import { Pagination, PaginationEntry, PaginationProps, paginationRange } from "./layout/pagination.js";
+import { Preview, PreviewAxis, PreviewPresentation, PreviewProps, PreviewResizeOptions } from "./layout/preview.js";
+import { Stepper, StepperProps, StepperState, StepperStep } from "./layout/stepper.js";
+import { StatusDot, StatusDotProps, StatusTone } from "./primitives/status-dot.js";
+import { Timeline, TimelineContentProps, TimelineItemProps, TimelineMarkerProps, TimelineRootProps } from "./layout/timeline.js";
+import "./layout/index.js";
+import { OVERLAY_SIDE_OFFSET, menuItemClasses, menuLabelClasses, menuPopupClasses, menuSeparatorClasses, overlayDescriptionClasses, overlayFooterClasses, overlayModalTransitionClasses, overlayPopupTransitionClasses, overlayPositionerClasses, overlaySurfaceClasses, overlayTextClasses, overlayTitleClasses, scrimClasses } from "./overlays/_surface.js";
+import { AlertDialog, AlertDialogActionProps, AlertDialogCancelProps, AlertDialogContentProps, AlertDialogDescriptionProps, AlertDialogFooterProps, AlertDialogRootProps, AlertDialogTitleProps, AlertDialogTriggerProps } from "./overlays/alert-dialog.js";
+import { CommandPalette, CommandPaletteItem, CommandPaletteProps } from "./overlays/command-palette.js";
+import { DropdownMenu, DropdownMenuCheckboxItemProps, DropdownMenuContentProps, DropdownMenuGroupProps, DropdownMenuItemProps, DropdownMenuLabelProps, DropdownMenuRootProps, DropdownMenuSeparatorProps, DropdownMenuTriggerProps } from "./overlays/dropdown-menu.js";
+import { ContextMenu, ContextMenuContentProps, ContextMenuRootProps, ContextMenuTriggerProps } from "./overlays/context-menu.js";
+import { Dialog, DialogCloseProps, DialogContentProps, DialogDescriptionProps, DialogFooterProps, DialogRootProps, DialogTitleProps, DialogTriggerProps } from "./overlays/dialog.js";
+import { Drawer, DrawerCloseProps, DrawerContentProps, DrawerDescriptionProps, DrawerFooterProps, DrawerRootProps, DrawerSwipeDirection, DrawerTitleProps, DrawerTriggerProps } from "./overlays/drawer.js";
+import { HoverCard, HoverCardContentProps, HoverCardRootProps, HoverCardTriggerProps } from "./overlays/hover-card.js";
+import { Tooltip, TooltipContentProps, TooltipProviderProps, TooltipRootProps, TooltipTriggerProps } from "./overlays/tooltip.js";
+import { InfoTip, InfoTipProps } from "./overlays/info-tip.js";
+import { Menubar, MenubarContentProps, MenubarMenuProps, MenubarRootProps, MenubarTriggerProps } from "./overlays/menubar.js";
+import { Popover, PopoverCloseProps, PopoverContentProps, PopoverDescriptionProps, PopoverRootProps, PopoverTitleProps, PopoverTriggerProps } from "./overlays/popover.js";
+import { Sheet, SheetCloseProps, SheetContentProps, SheetDescriptionProps, SheetFooterProps, SheetRootProps, SheetTitleProps, SheetTriggerProps } from "./overlays/sheet.js";
+import { Toast, ToastManager, ToastOptions, ToastProviderProps, ToastTone, ToastViewportProps, useToast } from "./overlays/toast.js";
+import "./overlays/index.js";
+import { Avatar, AvatarGroup, AvatarGroupProps, AvatarProps, AvatarSize } from "./primitives/avatar.js";
+import { Chip, ChipProps, chipVariants } from "./primitives/chip.js";
+import { IconButton, IconButtonProps } from "./primitives/icon-button.js";
+import { Kbd, KbdProps } from "./primitives/kbd.js";
+import { Skeleton, SkeletonProps } from "./primitives/skeleton.js";
+import { Spinner, SpinnerProps } from "./primitives/spinner.js";
+import "./primitives/index.js";
+import { Density, DensityProps } from "./system/density.js";
+import { CuePortalFrame, CuePortalFrameProps, useCuePortalProps } from "./system/portal.js";
+import { DEFAULT_STORAGE_KEY, PersistedPreferences, PrepaintDefaults, PrepaintOptions, prepaintScript } from "./system/prepaint.js";
+import { ThemeRegistry } from "./system/vocabulary.js";
+import { useDensities, useFonts, useThemes } from "./system/theme-registry.js";
+import { ControlSize, useControlHeight, useDensity } from "./system/use-density.js";
+import { useTheme } from "./system/use-theme.js";
+import { DEFAULT_STYLE_SET, DensityEntry, DensityLevel, FontEntry, FontName, Mode, STYLE_SETS, StyleSet, ThemeManifest, ThemeName } from "./system/index.js";
+export { AGENT_COLOR_PROPERTY, AGENT_HUES, AGENT_ROOT_COLOR, Accordion, type AccordionHeaderProps, type AccordionItemProps, type AccordionPanelProps, type AccordionRootProps, type AccordionTriggerProps, type AgentColorOptions, AgentPile, type AgentPileEntry, type AgentPileProps, type AgentPileSize, AlertDialog, type AlertDialogActionProps, type AlertDialogCancelProps, type AlertDialogContentProps, type AlertDialogDescriptionProps, type AlertDialogFooterProps, type AlertDialogRootProps, type AlertDialogTitleProps, type AlertDialogTriggerProps, AppBar, type AppBarActionsProps, type AppBarBrandProps, type AppBarLinkProps, type AppBarNavProps, type AppBarRegister, type AppBarRootProps, type AppBarSeparatorProps, AppShell, type AppShellAsideProps, type AppShellBarProps, type AppShellBodyProps, type AppShellContentProps, type AppShellNavTriggerProps, type AppShellRootProps, type AppShellScrollerProps, type AppShellSidebarProps, AppWindowFrame, type AppWindowFrameProps, type AskAnswer, AskBox, type AskBoxProps, type AskDanger, type AskKind, type AskOption, AudienceIcon, Autocomplete, type AutocompleteProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, type AvatarSize, Band, type BandProps, type BandSeparation, type BandWidth, type BarOverflow, Bento, type BentoColumns, type BentoMinHeight, type BentoRootProps, type BentoRowSpan, type BentoRows, type BentoSpan, type BentoTileProps, type BrandAssetProps, type BrandSize, type BrandTone, Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, Button, ButtonGroup, type ButtonGroupOrientation, type ButtonGroupProps, type ButtonProps, Card, type CardContentProps, type CardDescriptionProps, type CardFooterProps, type CardHeaderProps, type CardRootProps, type CardTitleProps, CatalogueIcon, ChannelBetaIcon, ChannelReleasedIcon, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, Chip, type ChipProps, CliToolIcon, CodeBlock, type CodeBlockProps, Collapsible, type CollapsiblePanelProps, type CollapsibleRootProps, type CollapsibleTriggerProps, Combobox, type ComboboxOption, type ComboboxProps, CommandPalette, type CommandPaletteItem, type CommandPaletteProps, Composer, type ComposerProps, type ComposerSubmitKey, Container, type ContainerProps, type ContainerWidth, ContextMenu, type ContextMenuContentProps, type ContextMenuRootProps, type ContextMenuTriggerProps, type ControlSize, type ControlVariantProps, CopyButton, type CopyButtonProps, CueLogotype, type CueLogotypeProps, CueMark, type CueMarkProps, CuePortalFrame, type CuePortalFrameProps, DEFAULT_STORAGE_KEY, DEFAULT_STYLE_SET, DataRow, type DataRowDisclosure, type DataRowRootProps, type DataRowSlotProps, DataTree, type DataTreeItem, type DataTreeProps, type DataTreeRowState, DelegationCard, type DelegationCardProps, type DelegationDirection, type DelegationStatus, Density, type DensityEntry, type DensityLevel, type DensityProps, DescriptionList, type DescriptionListDetailProps, type DescriptionListLayout, type DescriptionListRootProps, type DescriptionListTermProps, Dialog, type DialogCloseProps, type DialogContentProps, type DialogDescriptionProps, type DialogFooterProps, type DialogRootProps, type DialogTitleProps, type DialogTriggerProps, Disclosure, type DisclosureProps, Drawer, type DrawerCloseProps, type DrawerContentProps, type DrawerDescriptionProps, type DrawerFooterProps, type DrawerRootProps, type DrawerSwipeDirection, type DrawerTitleProps, type DrawerTriggerProps, DropdownMenu, type DropdownMenuCheckboxItemProps, type DropdownMenuContentProps, type DropdownMenuGroupProps, type DropdownMenuItemProps, type DropdownMenuLabelProps, type DropdownMenuRootProps, type DropdownMenuSeparatorProps, type DropdownMenuTriggerProps, EmptyState, type EmptyStateProps, EnvVarInput, type EnvVarInputProps, Eyebrow, type EyebrowProps, Field, FieldDescription, type FieldDescriptionProps, FieldError, type FieldErrorProps, type FieldIssue, FieldLabel, type FieldLabelProps, type FieldProps, type FilePartition, type FilePartitionOptions, type FileRejectReason, type FileRejection, FileUpload, type FileUploadProps, FolderIcon, type FontEntry, type FontFamilies, type FontName, Footer, type FooterProps, type FormControlSize, Frames, type FramesHeight, type FramesItemProps, type FramesRootProps, Grid, type GridColumns, type GridProps, GroupBar, type GroupBarItem, type GroupBarProps, type GroupBarTone, HoverCard, type HoverCardContentProps, type HoverCardRootProps, type HoverCardTriggerProps, IconButton, type IconButtonProps, InfoTip, type InfoTipProps, Input, InputGroup, type InputGroupProps, type InputProps, Inspector, type InspectorFooterProps, type InspectorRootProps, type InspectorRowProps, type InspectorSectionProps, Item, type ItemProps, Kbd, type KbdProps, Ledger, type LedgerEmptyProps, type LedgerGroupProps, type LedgerRootProps, type LedgerTierProps, Link, type LinkProps, McpServerIcon, Menubar, type MenubarContentProps, type MenubarMenuProps, type MenubarRootProps, type MenubarTriggerProps, Message, MessageList, type MessageListProps, type MessageProps, type MessageRole, Meter, type MeterProps, type MeterProvenance, type MeterTone, type Mode, MultiSelect, type MultiSelectProps, NavigationMenu, type NavigationMenuContentProps, type NavigationMenuItemProps, type NavigationMenuLinkProps, type NavigationMenuListProps, type NavigationMenuRootProps, type NavigationMenuTriggerProps, type NavigationMenuViewportProps, NumberField, type NumberFieldProps, OTPField, type OTPFieldProps, OVERLAY_SIDE_OFFSET, PageShell, type PageShellProps, type PageWidth, Pagination, type PaginationEntry, type PaginationProps, Panel, PanelHeader, type PanelHeaderProps, type PanelProps, PasswordInput, type PasswordInputProps, type PersistedPreferences, Plussie, type PlussieExpression, type PlussieProps, Popover, type PopoverCloseProps, type PopoverContentProps, type PopoverDescriptionProps, type PopoverRootProps, type PopoverTitleProps, type PopoverTriggerProps, type PrepaintDefaults, type PrepaintOptions, Preview, type PreviewAxis, type PreviewGround, type PreviewPresentation, type PreviewProps, type PreviewResizeOptions, Progress, type ProgressProps, Radio, RadioGroup, type RadioGroupProps, type RadioProps, Rating, type RatingProps, type RatingSize, type ResolvedMode, Row, type RowProps, STYLE_SETS, ScrollArea, type ScrollAreaOrientation, type ScrollAreaProps, type ScrollEdges, ScrollableTabsList, type ScrollableTabsListProps, ScrubInput, type ScrubInputProps, SeamCell, type SeamCellProps, SeamGrid, type SeamGridProps, type SeamGround, SeamList, type SeamListProps, SearchInput, type SearchInputProps, SectionHeader, type SectionHeaderProps, SegmentedControl, type SegmentedControlItem, type SegmentedControlProps, type SegmentedControlSize, Select, type SelectOption, type SelectProps, Separator, type SeparatorProps, Sheet, type SheetCloseProps, type SheetContentProps, type SheetDescriptionProps, type SheetFooterProps, type SheetRootProps, type SheetTitleProps, type SheetTriggerProps, Sidebar, type SidebarItemProps, type SidebarRailProps, type SidebarRootProps, type SidebarSectionProps, Skeleton, type SkeletonProps, SkillIcon, Slider, type SliderProps, type SpaceStep, Sparkline, type SparklineProps, Spinner, type SpinnerProps, Stack, type StackAlign, StackIcon, type StackJustify, type StackProps, StacksMatrixIcon, Stat, type StatProps, type StatTone, StatusBar, type StatusBarGroupProps, type StatusBarItemProps, type StatusBarProminence, type StatusBarProps, type StatusBarTone, StatusDot, type StatusDotProps, type StatusTone, Stepper, type StepperProps, type StepperState, type StepperStep, type StyleSet, Switch, type SwitchProps, TAB_FADE_PX, TREE_GUIDE_GLYPHS, Table, type TableCaptionProps, type TableCellProps, type TableGroupRowProps, type TableHeadProps, type TableRootProps, type TableRowProps, TableScrollRegion, type TableScrollRegionProps, type TableSectionProps, Tabs, type TabsListProps, type TabsPanelProps, type TabsRootProps, type TabsTabProps, TagsInput, type TagsInputProps, TerminalFrame, type TerminalFrameLine, type TerminalFrameProps, type TerminalLine, type TerminalLineTone, type TerminalScript, type TerminalStep, Textarea, type TextareaProps, type ThemeContextValue, type ThemeManifest, type ThemeName, ThemeProvider, type ThemeProviderProps, type ThemeRegistry, Timeline, type TimelineContentProps, type TimelineItemProps, type TimelineMarkerProps, type TimelineRootProps, TitleBar, type TitleBarProps, Toast, type ToastManager, type ToastOptions, type ToastProviderProps, type ToastTone, type ToastViewportProps, Toggle, ToggleGroup, type ToggleGroupProps, type ToggleProps, type TokenOverrides, Toolbar, type ToolbarButtonProps, type ToolbarGroupProps, type ToolbarRootProps, type ToolbarSeparatorProps, Tooltip, type TooltipContentProps, type TooltipProviderProps, type TooltipRootProps, type TooltipTriggerProps, Tree, type TreeGuide, type TreeItem, type TreeProps, type TreeRow, type TreeVisibility, TreeVisibilityToggle, type TreeVisibilityToggleProps, TwoStepButton, type TwoStepButtonProps, type TwoStepTone, type UploadFile, type UploadStatus, UsageChart, type UsageChartPoint, type UsageChartProps, type UsageChartTone, activateRowFromClick, activateRowFromKeyDown, agentColor, agentColorStyle, bareControlClasses, buttonVariants, chipVariants, computeScrollEdges, controlClasses, controlGroupFocusClasses, controlSurface, controlVariants, edgeFadeMask, envReference, flattenTree, isSafeTokenValue, itemVariants, linkVariants, menuItemClasses, menuLabelClasses, menuPopupClasses, menuSeparatorClasses, overlayDescriptionClasses, overlayFooterClasses, overlayModalTransitionClasses, overlayPopupTransitionClasses, overlayPositionerClasses, overlaySurfaceClasses, overlayTextClasses, overlayTitleClasses, paginationRange, parseEnvReference, partitionFiles, prepaintScript, rowVariants, scrimClasses, useControlHeight, useCuePortalProps, useDensities, useDensity, useFonts, useSidebar, useTheme, useThemes, useToast };