@dalcvil/steam-green-react 0.1.0 → 1.0.0

package/dist/components/Toolbar/Toolbar.d.ts

@@ -0,0 +1,46 @@
+import type { HTMLAttributes } from 'react';
+import './Toolbar.css';
+/** One glyph — or text — button on a {@link Toolbar}. */
+export interface ToolbarItem {
+    /** Stable identity; also the React key. */
+    id: string;
+    /** Accessible name; required because the button is glyph-only. */
+    label: string;
+    /** Glyph base name, e.g. "icon_button_back". Sets `--vgui-toolbar-back`. */
+    icon: string;
+    /** Called on activation. */
+    onClick?: () => void;
+    /** Dims the glyph to `--vgui-text-disabled` and blocks activation. */
+    disabled?: boolean;
+    /** Sticky pressed state for toggles, e.g. fullscreen. */
+    pressed?: boolean;
+    /** Renders a text label instead of a sprite. */
+    text?: string;
+}
+/** Props of {@link Toolbar}. */
+export interface ToolbarProps extends HTMLAttributes<HTMLDivElement> {
+    /** Items in display order. */
+    items: ToolbarItem[];
+    /** Bevelled buttons instead of the chromeless default. */
+    raised?: boolean;
+    /** Draws the 34px footer bar with 24px controls. */
+    footer?: boolean;
+    /** Accessible name for the toolbar landmark. */
+    label?: string;
+}
+/**
+ * A horizontal strip of compact buttons acting on the surface below it.
+ *
+ * The VGUI original has **no** `ToolBar` block at all: a toolbar is a plain
+ * panel with buttons on it, and the buttons paint nothing (`bgcolor = none`
+ * plus an empty `render_bg {}`). The strip is therefore deliberately bare, and
+ * every state is carried by the glyph rather than by a background tint.
+ *
+ * The sprites themselves are procedural stand-ins rather than Valve's artwork —
+ * see `docs/assets.md` — and each one is overridable through a
+ * `--vgui-toolbar-<glyph>` custom property, so a consumer who owns the original
+ * `.tga` set can drop it straight in.
+ * See `docs/components/Toolbar.md`.
+ */
+export declare const Toolbar: import("react").ForwardRefExoticComponent<ToolbarProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Toolbar.d.ts.map

package/dist/components/Toolbar/Toolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../../src/components/Toolbar/Toolbar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAuC,MAAM,OAAO,CAAA;AAEhF,OAAO,eAAe,CAAA;AAEtB,yDAAyD;AACzD,MAAM,WAAW,WAAW;IAC1B,2CAA2C;IAC3C,EAAE,EAAE,MAAM,CAAA;IACV,kEAAkE;IAClE,KAAK,EAAE,MAAM,CAAA;IACb,4EAA4E;IAC5E,IAAI,EAAE,MAAM,CAAA;IACZ,4BAA4B;IAC5B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,sEAAsE;IACtE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,yDAAyD;IACzD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,gDAAgD;IAChD,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,gCAAgC;AAChC,MAAM,WAAW,YAAa,SAAQ,cAAc,CAAC,cAAc,CAAC;IAClE,8BAA8B;IAC9B,KAAK,EAAE,WAAW,EAAE,CAAA;IACpB,0DAA0D;IAC1D,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,oDAAoD;IACpD,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,gDAAgD;IAChD,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAaD;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,OAAO,yGA4GlB,CAAA"}

package/dist/components/Toolbar/Toolbar.js

@@ -0,0 +1,102 @@
+import { forwardRef, useRef, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+import "./Toolbar.css";
+//#region src/components/Toolbar/Toolbar.tsx
+/**
+* `icon_button_back` → `back`, `icon_controller_bpm` → `controller-bpm`.
+*
+* The class is the bridge between the `icon` data field and the sprite
+* selectors in `Toolbar.css`; the full sprite name stays on `data-icon` so the
+* markup still says which asset was asked for.
+*/
+function glyphClass(icon) {
+	return icon.replace(/^icon_(button_)?/, "").replace(/_/g, "-");
+}
+/**
+* A horizontal strip of compact buttons acting on the surface below it.
+*
+* The VGUI original has **no** `ToolBar` block at all: a toolbar is a plain
+* panel with buttons on it, and the buttons paint nothing (`bgcolor = none`
+* plus an empty `render_bg {}`). The strip is therefore deliberately bare, and
+* every state is carried by the glyph rather than by a background tint.
+*
+* The sprites themselves are procedural stand-ins rather than Valve's artwork —
+* see `docs/assets.md` — and each one is overridable through a
+* `--vgui-toolbar-<glyph>` custom property, so a consumer who owns the original
+* `.tga` set can drop it straight in.
+* See `docs/components/Toolbar.md`.
+*/
+var Toolbar = forwardRef(function Toolbar({ items, raised = false, footer = false, label, className, onKeyDown, ...rest }, ref) {
+	const buttonRefs = useRef([]);
+	const firstEnabled = items.findIndex((item) => !item.disabled);
+	const [activeIndex, setActiveIndex] = useState(firstEnabled === -1 ? 0 : firstEnabled);
+	const current = items[activeIndex] && !items[activeIndex].disabled ? activeIndex : firstEnabled;
+	const enabledIndices = () => items.map((item, index) => ({
+		item,
+		index
+	})).filter(({ item }) => !item.disabled);
+	const focusAt = (index) => {
+		setActiveIndex(index);
+		buttonRefs.current[index]?.focus();
+	};
+	const moveBy = (delta) => {
+		const enabled = enabledIndices();
+		if (enabled.length === 0) return;
+		const position = enabled.findIndex(({ index }) => index === current);
+		const next = enabled[(position === -1 ? 0 : position + delta + enabled.length) % enabled.length];
+		focusAt(next.index);
+	};
+	const handleKeyDown = (event) => {
+		onKeyDown?.(event);
+		if (event.defaultPrevented) return;
+		const enabled = enabledIndices();
+		if (event.key === "ArrowRight") moveBy(1);
+		else if (event.key === "ArrowLeft") moveBy(-1);
+		else if (event.key === "Home" && enabled.length > 0) focusAt(enabled[0].index);
+		else if (event.key === "End" && enabled.length > 0) focusAt(enabled[enabled.length - 1].index);
+		else return;
+		event.preventDefault();
+	};
+	return /* @__PURE__ */ jsx("div", {
+		...rest,
+		ref,
+		role: "toolbar",
+		"aria-orientation": "horizontal",
+		"aria-label": label,
+		className: [
+			"vgui-toolbar",
+			raised ? "vgui-toolbar--raised" : "vgui-toolbar--bare",
+			footer ? "vgui-toolbar--footer" : null,
+			className
+		].filter(Boolean).join(" "),
+		onKeyDown: handleKeyDown,
+		children: items.map((item, index) => {
+			const glyph = glyphClass(item.icon);
+			const isText = item.text !== void 0;
+			return /* @__PURE__ */ jsx("button", {
+				ref: (node) => {
+					buttonRefs.current[index] = node;
+				},
+				type: "button",
+				className: [
+					"vgui-toolbar__button",
+					isText ? "vgui-toolbar__button--text" : null,
+					!isText && glyph ? `vgui-toolbar__button--${glyph}` : null
+				].filter(Boolean).join(" "),
+				"data-icon": item.icon,
+				"aria-label": isText ? void 0 : item.label,
+				"aria-pressed": item.pressed,
+				disabled: item.disabled,
+				tabIndex: current === index ? 0 : -1,
+				onFocus: () => setActiveIndex(index),
+				onClick: () => item.onClick?.(),
+				children: isText ? item.text : null
+			}, item.id);
+		})
+	});
+});
+Toolbar.displayName = "Toolbar";
+//#endregion
+export { Toolbar };
+
+//# sourceMappingURL=Toolbar.js.map

package/dist/components/Toolbar/Toolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toolbar.js","names":[],"sources":["../../../src/components/Toolbar/Toolbar.tsx"],"sourcesContent":["import { forwardRef, useRef, useState } from 'react'\nimport type { HTMLAttributes, KeyboardEvent as ReactKeyboardEvent } from 'react'\n\nimport './Toolbar.css'\n\n/** One glyph — or text — button on a {@link Toolbar}. */\nexport interface ToolbarItem {\n  /** Stable identity; also the React key. */\n  id: string\n  /** Accessible name; required because the button is glyph-only. */\n  label: string\n  /** Glyph base name, e.g. \"icon_button_back\". Sets `--vgui-toolbar-back`. */\n  icon: string\n  /** Called on activation. */\n  onClick?: () => void\n  /** Dims the glyph to `--vgui-text-disabled` and blocks activation. */\n  disabled?: boolean\n  /** Sticky pressed state for toggles, e.g. fullscreen. */\n  pressed?: boolean\n  /** Renders a text label instead of a sprite. */\n  text?: string\n}\n\n/** Props of {@link Toolbar}. */\nexport interface ToolbarProps extends HTMLAttributes<HTMLDivElement> {\n  /** Items in display order. */\n  items: ToolbarItem[]\n  /** Bevelled buttons instead of the chromeless default. */\n  raised?: boolean\n  /** Draws the 34px footer bar with 24px controls. */\n  footer?: boolean\n  /** Accessible name for the toolbar landmark. */\n  label?: string\n}\n\n/**\n * `icon_button_back` → `back`, `icon_controller_bpm` → `controller-bpm`.\n *\n * The class is the bridge between the `icon` data field and the sprite\n * selectors in `Toolbar.css`; the full sprite name stays on `data-icon` so the\n * markup still says which asset was asked for.\n */\nfunction glyphClass(icon: string): string {\n  return icon.replace(/^icon_(button_)?/, '').replace(/_/g, '-')\n}\n\n/**\n * A horizontal strip of compact buttons acting on the surface below it.\n *\n * The VGUI original has **no** `ToolBar` block at all: a toolbar is a plain\n * panel with buttons on it, and the buttons paint nothing (`bgcolor = none`\n * plus an empty `render_bg {}`). The strip is therefore deliberately bare, and\n * every state is carried by the glyph rather than by a background tint.\n *\n * The sprites themselves are procedural stand-ins rather than Valve's artwork —\n * see `docs/assets.md` — and each one is overridable through a\n * `--vgui-toolbar-<glyph>` custom property, so a consumer who owns the original\n * `.tga` set can drop it straight in.\n * See `docs/components/Toolbar.md`.\n */\nexport const Toolbar = forwardRef<HTMLDivElement, ToolbarProps>(function Toolbar(\n  { items, raised = false, footer = false, label, className, onKeyDown, ...rest },\n  ref,\n) {\n  const buttonRefs = useRef<Array<HTMLButtonElement | null>>([])\n\n  const firstEnabled = items.findIndex((item) => !item.disabled)\n  const [activeIndex, setActiveIndex] = useState(firstEnabled === -1 ? 0 : firstEnabled)\n\n  // Roving tabindex: the toolbar is a single tab stop (WCAG-conformant\n  // `role=\"toolbar\"`), so only the active button is reachable with Tab.\n  const current =\n    items[activeIndex] && !items[activeIndex].disabled ? activeIndex : firstEnabled\n\n  const enabledIndices = () =>\n    items.map((item, index) => ({ item, index })).filter(({ item }) => !item.disabled)\n\n  const focusAt = (index: number) => {\n    setActiveIndex(index)\n    buttonRefs.current[index]?.focus()\n  }\n\n  const moveBy = (delta: number) => {\n    const enabled = enabledIndices()\n\n    if (enabled.length === 0) return\n\n    const position = enabled.findIndex(({ index }) => index === current)\n    const next = enabled[(position === -1 ? 0 : position + delta + enabled.length) % enabled.length]\n\n    focusAt(next.index)\n  }\n\n  const handleKeyDown = (event: ReactKeyboardEvent<HTMLDivElement>) => {\n    onKeyDown?.(event)\n\n    if (event.defaultPrevented) return\n\n    const enabled = enabledIndices()\n\n    if (event.key === 'ArrowRight') {\n      moveBy(1)\n    } else if (event.key === 'ArrowLeft') {\n      moveBy(-1)\n    } else if (event.key === 'Home' && enabled.length > 0) {\n      focusAt(enabled[0].index)\n    } else if (event.key === 'End' && enabled.length > 0) {\n      focusAt(enabled[enabled.length - 1].index)\n    } else {\n      return\n    }\n\n    event.preventDefault()\n  }\n\n  return (\n    <div\n      {...rest}\n      ref={ref}\n      role=\"toolbar\"\n      aria-orientation=\"horizontal\"\n      aria-label={label}\n      className={[\n        'vgui-toolbar',\n        // `--bare` is the default and paints nothing at all; it is kept in the\n        // markup so the documented selector for the chromeless variant exists.\n        raised ? 'vgui-toolbar--raised' : 'vgui-toolbar--bare',\n        footer ? 'vgui-toolbar--footer' : null,\n        className,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      onKeyDown={handleKeyDown}\n    >\n      {items.map((item, index) => {\n        const glyph = glyphClass(item.icon)\n        const isText = item.text !== undefined\n\n        return (\n          <button\n            key={item.id}\n            ref={(node) => {\n              buttonRefs.current[index] = node\n            }}\n            type=\"button\"\n            className={[\n              'vgui-toolbar__button',\n              isText ? 'vgui-toolbar__button--text' : null,\n              !isText && glyph ? `vgui-toolbar__button--${glyph}` : null,\n            ]\n              .filter(Boolean)\n              .join(' ')}\n            data-icon={item.icon}\n            // A text button is named by its own visible text, so a label that\n            // differed from it would break WCAG 2.5.3 (label in name).\n            aria-label={isText ? undefined : item.label}\n            aria-pressed={item.pressed}\n            disabled={item.disabled}\n            tabIndex={current === index ? 0 : -1}\n            onFocus={() => setActiveIndex(index)}\n            onClick={() => item.onClick?.()}\n          >\n            {isText ? item.text : null}\n          </button>\n        )\n      })}\n    </div>\n  )\n})\n\nToolbar.displayName = 'Toolbar'\n"],"mappings":";;;;;;;;;;;AA0CA,SAAS,WAAW,MAAsB;CACxC,OAAO,KAAK,QAAQ,oBAAoB,EAAE,CAAC,CAAC,QAAQ,MAAM,GAAG;AAC/D;;;;;;;;;;;;;;;AAgBA,IAAa,UAAU,WAAyC,SAAS,QACvE,EAAE,OAAO,SAAS,OAAO,SAAS,OAAO,OAAO,WAAW,WAAW,GAAG,QACzE,KACA;CACA,MAAM,aAAa,OAAwC,CAAC,CAAC;CAE7D,MAAM,eAAe,MAAM,WAAW,SAAS,CAAC,KAAK,QAAQ;CAC7D,MAAM,CAAC,aAAa,kBAAkB,SAAS,iBAAiB,KAAK,IAAI,YAAY;CAIrF,MAAM,UACJ,MAAM,gBAAgB,CAAC,MAAM,YAAY,CAAC,WAAW,cAAc;CAErE,MAAM,uBACJ,MAAM,KAAK,MAAM,WAAW;EAAE;EAAM;CAAM,EAAE,CAAC,CAAC,QAAQ,EAAE,WAAW,CAAC,KAAK,QAAQ;CAEnF,MAAM,WAAW,UAAkB;EACjC,eAAe,KAAK;EACpB,WAAW,QAAQ,MAAM,EAAE,MAAM;CACnC;CAEA,MAAM,UAAU,UAAkB;EAChC,MAAM,UAAU,eAAe;EAE/B,IAAI,QAAQ,WAAW,GAAG;EAE1B,MAAM,WAAW,QAAQ,WAAW,EAAE,YAAY,UAAU,OAAO;EACnE,MAAM,OAAO,SAAS,aAAa,KAAK,IAAI,WAAW,QAAQ,QAAQ,UAAU,QAAQ;EAEzF,QAAQ,KAAK,KAAK;CACpB;CAEA,MAAM,iBAAiB,UAA8C;EACnE,YAAY,KAAK;EAEjB,IAAI,MAAM,kBAAkB;EAE5B,MAAM,UAAU,eAAe;EAE/B,IAAI,MAAM,QAAQ,cAChB,OAAO,CAAC;OACH,IAAI,MAAM,QAAQ,aACvB,OAAO,EAAE;OACJ,IAAI,MAAM,QAAQ,UAAU,QAAQ,SAAS,GAClD,QAAQ,QAAQ,EAAE,CAAC,KAAK;OACnB,IAAI,MAAM,QAAQ,SAAS,QAAQ,SAAS,GACjD,QAAQ,QAAQ,QAAQ,SAAS,EAAE,CAAC,KAAK;OAEzC;EAGF,MAAM,eAAe;CACvB;CAEA,OACE,oBAAC,OAAD;EACE,GAAI;EACC;EACL,MAAK;EACL,oBAAiB;EACjB,cAAY;EACZ,WAAW;GACT;GAGA,SAAS,yBAAyB;GAClC,SAAS,yBAAyB;GAClC;EACF,CAAC,CACE,OAAO,OAAO,CAAC,CACf,KAAK,GAAG;EACX,WAAW;EAEV,UAAA,MAAM,KAAK,MAAM,UAAU;GAC1B,MAAM,QAAQ,WAAW,KAAK,IAAI;GAClC,MAAM,SAAS,KAAK,SAAS,KAAA;GAE7B,OACE,oBAAC,UAAD;IAEE,MAAM,SAAS;KACb,WAAW,QAAQ,SAAS;IAC9B;IACA,MAAK;IACL,WAAW;KACT;KACA,SAAS,+BAA+B;KACxC,CAAC,UAAU,QAAQ,yBAAyB,UAAU;IACxD,CAAC,CACE,OAAO,OAAO,CAAC,CACf,KAAK,GAAG;IACX,aAAW,KAAK;IAGhB,cAAY,SAAS,KAAA,IAAY,KAAK;IACtC,gBAAc,KAAK;IACnB,UAAU,KAAK;IACf,UAAU,YAAY,QAAQ,IAAI;IAClC,eAAe,eAAe,KAAK;IACnC,eAAe,KAAK,UAAU;IAE7B,UAAA,SAAS,KAAK,OAAO;GAChB,GAvBD,KAAK,EAuBJ;EAEZ,CAAC;CACE,CAAA;AAET,CAAC;AAED,QAAQ,cAAc"}

package/dist/components/Toolbar/index.d.ts

@@ -0,0 +1,3 @@
+export { Toolbar } from './Toolbar';
+export type { ToolbarItem, ToolbarProps } from './Toolbar';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Toolbar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Toolbar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA"}

package/dist/components/Tooltip/Tooltip.css

@@ -0,0 +1,86 @@
+/*
+ * Green Steam tooltip — the one place in the theme where the palette inverts:
+ * near-black text on a maize card (docs/components/Tooltip.md).
+ *
+ * The card is a floating surface, so it is positioned by the consumer's
+ * positioning logic. The `--placement-*` modifiers exist as that hook and
+ * additionally set the transform origin, so a consumer's own enter/exit
+ * transition grows away from the trigger rather than from the card's corner.
+ */
+
+.vgui-tooltip {
+  position: absolute;
+  z-index: 1000;
+  box-sizing: border-box;
+  max-width: 320px;
+  padding: 4px 8px;
+  background-color: var(--vgui-heading);
+  /* Uniform on all four sides — the bevel is deliberately absent, which is what
+     makes the card read as floating rather than raised. */
+  border: 1px solid var(--vgui-surface-light);
+  color: var(--vgui-selection-text);
+  font-family: var(--vgui-font);
+  font-size: var(--vgui-font-size);
+  line-height: var(--vgui-line-height);
+  overflow-wrap: anywhere;
+}
+
+.vgui-tooltip__headline {
+  display: block;
+  /* Valve's literal value from `tooltip_headline`. It is not a typo: browsers
+     clamp it to the heaviest available weight. */
+  font-weight: 1000;
+}
+
+.vgui-tooltip__body {
+  display: block;
+}
+
+.vgui-tooltip--compact {
+  padding: 2px 6px;
+  font-size: var(--vgui-font-size-small);
+}
+
+/* The shortcut chip. `kbd` has no UA styling worth keeping, so the bevel is
+   declared here rather than reset. */
+.vgui-tooltip__key {
+  display: inline-block;
+  padding: 0 4px;
+  background-color: var(--vgui-surface);
+  border-top: 1px solid var(--vgui-bevel-light);
+  border-left: 1px solid var(--vgui-bevel-light);
+  border-bottom: 1px solid var(--vgui-bevel-dark);
+  border-right: 1px solid var(--vgui-bevel-dark);
+  color: var(--vgui-text);
+  font-family: var(--vgui-font-mono);
+}
+
+/* `--keyboard`: a hint that is only a shortcut, so the card shrinks to it. */
+.vgui-tooltip--keyboard {
+  display: inline-flex;
+  gap: 4px;
+  align-items: center;
+  padding: 2px 6px;
+}
+
+/* `--error`: a validation hint. Colour alone is never the indicator, so this
+   only draws the border — the caller owes an icon or wording as well. */
+.vgui-tooltip--error {
+  border-color: var(--vgui-danger);
+}
+
+.vgui-tooltip--placement-top {
+  transform-origin: bottom center;
+}
+
+.vgui-tooltip--placement-bottom {
+  transform-origin: top center;
+}
+
+.vgui-tooltip--placement-left {
+  transform-origin: center right;
+}
+
+.vgui-tooltip--placement-right {
+  transform-origin: center left;
+}

package/dist/components/Tooltip/Tooltip.css.d.ts

@@ -0,0 +1 @@
+export {}

package/dist/components/Tooltip/Tooltip.d.ts

@@ -0,0 +1,22 @@
+import type { ReactElement, ReactNode } from 'react';
+import './Tooltip.css';
+export interface TooltipProps {
+    /** Tooltip contents — usually a string, but accepts nodes. */
+    content: ReactNode;
+    /** Optional bold first line above the body. */
+    headline?: ReactNode;
+    /** The element the tooltip describes. Must be focusable. */
+    children: ReactElement;
+    /** Where to prefer to render; flips automatically when it would overflow. */
+    placement?: 'top' | 'bottom' | 'left' | 'right';
+    /** Milliseconds before showing on pointer hover. 0 disables the delay. */
+    delay?: number;
+    /** Render the compact variant. */
+    compact?: boolean;
+    /** Controlled visibility. */
+    open?: boolean;
+    /** Called when the tooltip wants to open or close. */
+    onOpenChange?: (open: boolean) => void;
+}
+export declare const Tooltip: import("react").ForwardRefExoticComponent<TooltipProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Tooltip.d.ts.map

package/dist/components/Tooltip/Tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEpD,OAAO,eAAe,CAAA;AAEtB,MAAM,WAAW,YAAY;IAC3B,8DAA8D;IAC9D,OAAO,EAAE,SAAS,CAAA;IAClB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,4DAA4D;IAC5D,QAAQ,EAAE,YAAY,CAAA;IACtB,6EAA6E;IAC7E,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAA;IAC/C,0EAA0E;IAC1E,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,kCAAkC;IAClC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,6BAA6B;IAC7B,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,sDAAsD;IACtD,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;CACvC;AAED,eAAO,MAAM,OAAO,yGA2HlB,CAAA"}

package/dist/components/Tooltip/Tooltip.js

@@ -0,0 +1,92 @@
+import { cloneElement, forwardRef, useCallback, useEffect, useId, useRef, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import "./Tooltip.css";
+//#region src/components/Tooltip/Tooltip.tsx
+var Tooltip = forwardRef(function Tooltip({ content, headline, children, placement = "top", delay = 600, compact = false, open, onOpenChange }, ref) {
+	const tooltipId = useId();
+	const [uncontrolledOpen, setUncontrolledOpen] = useState(false);
+	const [dismissed, setDismissed] = useState(false);
+	const timer = useRef(null);
+	const isControlled = open !== void 0;
+	const visible = isControlled ? open : uncontrolledOpen && !dismissed;
+	const clearTimer = useCallback(() => {
+		if (timer.current !== null) {
+			clearTimeout(timer.current);
+			timer.current = null;
+		}
+	}, []);
+	const requestOpen = useCallback((next) => {
+		if (!isControlled) setUncontrolledOpen(next);
+		onOpenChange?.(next);
+	}, [isControlled, onOpenChange]);
+	useEffect(() => clearTimer, [clearTimer]);
+	const childProps = children.props;
+	const describedBy = [childProps["aria-describedby"], visible ? tooltipId : null].filter((value) => typeof value === "string" && value.length > 0).join(" ");
+	const handleFocus = (event) => {
+		if (typeof childProps.onFocus === "function") childProps.onFocus(event);
+		clearTimer();
+		setDismissed(false);
+		requestOpen(true);
+	};
+	const handleBlur = (event) => {
+		if (typeof childProps.onBlur === "function") childProps.onBlur(event);
+		clearTimer();
+		setDismissed(false);
+		requestOpen(false);
+	};
+	const handlePointerEnter = (event) => {
+		if (typeof childProps.onPointerEnter === "function") childProps.onPointerEnter(event);
+		setDismissed(false);
+		if (delay <= 0) {
+			requestOpen(true);
+			return;
+		}
+		clearTimer();
+		timer.current = setTimeout(() => {
+			timer.current = null;
+			requestOpen(true);
+		}, delay);
+	};
+	const handlePointerLeave = (event) => {
+		if (typeof childProps.onPointerLeave === "function") childProps.onPointerLeave(event);
+		clearTimer();
+		setDismissed(false);
+		requestOpen(false);
+	};
+	const handleKeyDown = (event) => {
+		if (typeof childProps.onKeyDown === "function") childProps.onKeyDown(event);
+		if (event.key === "Escape" && visible) {
+			clearTimer();
+			setDismissed(true);
+			requestOpen(false);
+		}
+	};
+	const trigger = cloneElement(children, {
+		"aria-describedby": describedBy.length > 0 ? describedBy : void 0,
+		onFocus: handleFocus,
+		onBlur: handleBlur,
+		onPointerEnter: handlePointerEnter,
+		onPointerLeave: handlePointerLeave,
+		onKeyDown: handleKeyDown
+	});
+	const classes = ["vgui-tooltip", `vgui-tooltip--placement-${placement}`];
+	if (compact) classes.push("vgui-tooltip--compact");
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [trigger, visible ? /* @__PURE__ */ jsxs("div", {
+		ref,
+		id: tooltipId,
+		role: "tooltip",
+		className: classes.join(" "),
+		children: [headline != null ? /* @__PURE__ */ jsx("span", {
+			className: "vgui-tooltip__headline",
+			children: headline
+		}) : null, /* @__PURE__ */ jsx("span", {
+			className: "vgui-tooltip__body",
+			children: content
+		})]
+	}) : null] });
+});
+Tooltip.displayName = "Tooltip";
+//#endregion
+export { Tooltip };
+
+//# sourceMappingURL=Tooltip.js.map

package/dist/components/Tooltip/Tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.js","names":[],"sources":["../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import { cloneElement, forwardRef, useCallback, useEffect, useId, useRef, useState } from 'react'\nimport type { ReactElement, ReactNode } from 'react'\n\nimport './Tooltip.css'\n\nexport interface TooltipProps {\n  /** Tooltip contents — usually a string, but accepts nodes. */\n  content: ReactNode\n  /** Optional bold first line above the body. */\n  headline?: ReactNode\n  /** The element the tooltip describes. Must be focusable. */\n  children: ReactElement\n  /** Where to prefer to render; flips automatically when it would overflow. */\n  placement?: 'top' | 'bottom' | 'left' | 'right'\n  /** Milliseconds before showing on pointer hover. 0 disables the delay. */\n  delay?: number\n  /** Render the compact variant. */\n  compact?: boolean\n  /** Controlled visibility. */\n  open?: boolean\n  /** Called when the tooltip wants to open or close. */\n  onOpenChange?: (open: boolean) => void\n}\n\nexport const Tooltip = forwardRef<HTMLDivElement, TooltipProps>(function Tooltip(\n  {\n    content,\n    headline,\n    children,\n    placement = 'top',\n    delay = 600,\n    compact = false,\n    open,\n    onOpenChange,\n  },\n  ref,\n) {\n  const tooltipId = useId()\n  const [uncontrolledOpen, setUncontrolledOpen] = useState(false)\n  // Escape dismissal is sticky: the tooltip must not come back until the\n  // pointer leaves and re-enters, or focus moves away and back (WCAG 1.4.13).\n  const [dismissed, setDismissed] = useState(false)\n  const timer = useRef<ReturnType<typeof setTimeout> | null>(null)\n\n  const isControlled = open !== undefined\n  const visible = isControlled ? open : uncontrolledOpen && !dismissed\n\n  const clearTimer = useCallback(() => {\n    if (timer.current !== null) {\n      clearTimeout(timer.current)\n      timer.current = null\n    }\n  }, [])\n\n  const requestOpen = useCallback(\n    (next: boolean) => {\n      if (!isControlled) setUncontrolledOpen(next)\n      onOpenChange?.(next)\n    },\n    [isControlled, onOpenChange],\n  )\n\n  useEffect(() => clearTimer, [clearTimer])\n\n  const childProps = children.props as Record<string, unknown>\n  const existingDescribedBy = childProps['aria-describedby']\n  // `aria-describedby` appends to the accessible name rather than replacing it,\n  // which is exactly what a description is. An `aria-label` here would erase the\n  // trigger's real name, so it is never used.\n  const describedBy = [existingDescribedBy, visible ? tooltipId : null]\n    .filter((value): value is string => typeof value === 'string' && value.length > 0)\n    .join(' ')\n\n  const handleFocus = (event: unknown) => {\n    if (typeof childProps.onFocus === 'function') (childProps.onFocus as (e: unknown) => void)(event)\n    // Keyboard focus is already an expression of intent, so it is never delayed.\n    clearTimer()\n    setDismissed(false)\n    requestOpen(true)\n  }\n\n  const handleBlur = (event: unknown) => {\n    if (typeof childProps.onBlur === 'function') (childProps.onBlur as (e: unknown) => void)(event)\n    clearTimer()\n    setDismissed(false)\n    requestOpen(false)\n  }\n\n  const handlePointerEnter = (event: unknown) => {\n    if (typeof childProps.onPointerEnter === 'function') {\n      (childProps.onPointerEnter as (e: unknown) => void)(event)\n    }\n    setDismissed(false)\n    if (delay <= 0) {\n      requestOpen(true)\n      return\n    }\n    clearTimer()\n    timer.current = setTimeout(() => {\n      timer.current = null\n      requestOpen(true)\n    }, delay)\n  }\n\n  const handlePointerLeave = (event: unknown) => {\n    if (typeof childProps.onPointerLeave === 'function') {\n      (childProps.onPointerLeave as (e: unknown) => void)(event)\n    }\n    clearTimer()\n    setDismissed(false)\n    requestOpen(false)\n  }\n\n  const handleKeyDown = (event: { key?: string }) => {\n    if (typeof childProps.onKeyDown === 'function') {\n      (childProps.onKeyDown as (e: unknown) => void)(event)\n    }\n    if (event.key === 'Escape' && visible) {\n      clearTimer()\n      setDismissed(true)\n      requestOpen(false)\n    }\n  }\n\n  const trigger = cloneElement(children, {\n    'aria-describedby': describedBy.length > 0 ? describedBy : undefined,\n    onFocus: handleFocus,\n    onBlur: handleBlur,\n    onPointerEnter: handlePointerEnter,\n    onPointerLeave: handlePointerLeave,\n    onKeyDown: handleKeyDown,\n  } as Record<string, unknown>)\n\n  const classes = ['vgui-tooltip', `vgui-tooltip--placement-${placement}`]\n  if (compact) classes.push('vgui-tooltip--compact')\n\n  return (\n    <>\n      {trigger}\n      {visible ? (\n        <div ref={ref} id={tooltipId} role=\"tooltip\" className={classes.join(' ')}>\n          {headline != null ? <span className=\"vgui-tooltip__headline\">{headline}</span> : null}\n          <span className=\"vgui-tooltip__body\">{content}</span>\n        </div>\n      ) : null}\n    </>\n  )\n})\n\nTooltip.displayName = 'Tooltip'\n"],"mappings":";;;;AAwBA,IAAa,UAAU,WAAyC,SAAS,QACvE,EACE,SACA,UACA,UACA,YAAY,OACZ,QAAQ,KACR,UAAU,OACV,MACA,gBAEF,KACA;CACA,MAAM,YAAY,MAAM;CACxB,MAAM,CAAC,kBAAkB,uBAAuB,SAAS,KAAK;CAG9D,MAAM,CAAC,WAAW,gBAAgB,SAAS,KAAK;CAChD,MAAM,QAAQ,OAA6C,IAAI;CAE/D,MAAM,eAAe,SAAS,KAAA;CAC9B,MAAM,UAAU,eAAe,OAAO,oBAAoB,CAAC;CAE3D,MAAM,aAAa,kBAAkB;EACnC,IAAI,MAAM,YAAY,MAAM;GAC1B,aAAa,MAAM,OAAO;GAC1B,MAAM,UAAU;EAClB;CACF,GAAG,CAAC,CAAC;CAEL,MAAM,cAAc,aACjB,SAAkB;EACjB,IAAI,CAAC,cAAc,oBAAoB,IAAI;EAC3C,eAAe,IAAI;CACrB,GACA,CAAC,cAAc,YAAY,CAC7B;CAEA,gBAAgB,YAAY,CAAC,UAAU,CAAC;CAExC,MAAM,aAAa,SAAS;CAK5B,MAAM,cAAc,CAJQ,WAAW,qBAIG,UAAU,YAAY,IAAI,CAAC,CAClE,QAAQ,UAA2B,OAAO,UAAU,YAAY,MAAM,SAAS,CAAC,CAAC,CACjF,KAAK,GAAG;CAEX,MAAM,eAAe,UAAmB;EACtC,IAAI,OAAO,WAAW,YAAY,YAAY,WAAY,QAAiC,KAAK;EAEhG,WAAW;EACX,aAAa,KAAK;EAClB,YAAY,IAAI;CAClB;CAEA,MAAM,cAAc,UAAmB;EACrC,IAAI,OAAO,WAAW,WAAW,YAAY,WAAY,OAAgC,KAAK;EAC9F,WAAW;EACX,aAAa,KAAK;EAClB,YAAY,KAAK;CACnB;CAEA,MAAM,sBAAsB,UAAmB;EAC7C,IAAI,OAAO,WAAW,mBAAmB,YACvC,WAAY,eAAwC,KAAK;EAE3D,aAAa,KAAK;EAClB,IAAI,SAAS,GAAG;GACd,YAAY,IAAI;GAChB;EACF;EACA,WAAW;EACX,MAAM,UAAU,iBAAiB;GAC/B,MAAM,UAAU;GAChB,YAAY,IAAI;EAClB,GAAG,KAAK;CACV;CAEA,MAAM,sBAAsB,UAAmB;EAC7C,IAAI,OAAO,WAAW,mBAAmB,YACvC,WAAY,eAAwC,KAAK;EAE3D,WAAW;EACX,aAAa,KAAK;EAClB,YAAY,KAAK;CACnB;CAEA,MAAM,iBAAiB,UAA4B;EACjD,IAAI,OAAO,WAAW,cAAc,YAClC,WAAY,UAAmC,KAAK;EAEtD,IAAI,MAAM,QAAQ,YAAY,SAAS;GACrC,WAAW;GACX,aAAa,IAAI;GACjB,YAAY,KAAK;EACnB;CACF;CAEA,MAAM,UAAU,aAAa,UAAU;EACrC,oBAAoB,YAAY,SAAS,IAAI,cAAc,KAAA;EAC3D,SAAS;EACT,QAAQ;EACR,gBAAgB;EAChB,gBAAgB;EAChB,WAAW;CACb,CAA4B;CAE5B,MAAM,UAAU,CAAC,gBAAgB,2BAA2B,WAAW;CACvE,IAAI,SAAS,QAAQ,KAAK,uBAAuB;CAEjD,OACE,qBAAA,YAAA,EAAA,UAAA,CACG,SACA,UACC,qBAAC,OAAD;EAAU;EAAK,IAAI;EAAW,MAAK;EAAU,WAAW,QAAQ,KAAK,GAAG;EAAxE,UAAA,CACG,YAAY,OAAO,oBAAC,QAAD;GAAM,WAAU;GAA0B,UAAA;EAAe,CAAA,IAAI,MACjF,oBAAC,QAAD;GAAM,WAAU;GAAsB,UAAA;EAAc,CAAA,CACjD;CACH,CAAA,IAAA,IACJ,EAAA,CAAA;AAEN,CAAC;AAED,QAAQ,cAAc"}

package/dist/components/Tooltip/index.d.ts

@@ -0,0 +1,3 @@
+export { Tooltip } from './Tooltip';
+export type { TooltipProps } from './Tooltip';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Tooltip/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA"}

package/dist/components/TreeView/TreeView.css

@@ -0,0 +1,191 @@
+/* TreeView — TreeNode / TreeNodeImage / TreeViewSubPanel.
+ *
+ * `steam.styles:2653–2682` is the sparsest block in the corpus: three of its
+ * four rules are empty. Only four values are evidence —
+ * `font-size = 13` (the only 13px text in the file), `Text` `#A0AA95`,
+ * `selectedtextcolor = White` and `selectedbgcolor = BorderDark` — plus the
+ * `TreeViewSubPanel` fill (`DarkGreenBG`) and its two-sided recess. The row
+ * height, the indent step and the disclosure glyph are invention and are
+ * commented as such. The only colours allowed here are `var(--vgui-*)` (see
+ * `src/styles/tokens.css`).
+ */
+
+.vgui-tree {
+  position: relative;
+  color: var(--vgui-text-muted);
+  font-size: var(--vgui-tree-font-size, 13px);
+  /* The interior scrolls, not the frame — the recess must not scroll with the
+     rows or the top/left shading would slide away. */
+  overflow: hidden;
+}
+
+/* TreeViewSubPanel (the `TreeViewSubPanel` rule), drawn on the element that
+   carries `role="tree"` so the inset frames exactly what scrolls.
+ *
+ * The source has the bottom and right lines *commented out*, i.e. a deliberate
+ * two-sided recess that only reads correctly when the panel is docked against a
+ * parent supplying the other two sides. The default variant therefore draws all
+ * four sides — the departure the doc's open questions ask for so a standalone
+ * tree does not look broken — and `--sidebar` reproduces the source exactly. */
+.vgui-tree > .vgui-tree__subpanel {
+  background-color: var(--vgui-tree-bg, var(--vgui-surface-dark));
+  border-top: 1px solid var(--vgui-bevel-dark);
+  border-left: 1px solid var(--vgui-bevel-dark);
+  border-right: 1px solid var(--vgui-bevel-light);
+  border-bottom: 1px solid var(--vgui-bevel-light);
+  overflow: auto;
+}
+
+/* Sidebar: the faithful recess plus full height. */
+.vgui-tree--sidebar {
+  height: 100%;
+}
+
+.vgui-tree--sidebar > .vgui-tree__subpanel {
+  border-right: 0;
+  border-bottom: 0;
+  height: 100%;
+}
+
+/* Rows are a flex column so a node and its `role="group"` stack in one flow and
+   the group needs no box of its own. */
+.vgui-tree__group {
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+}
+
+.vgui-tree__node {
+  position: relative;
+  display: flex;
+  align-items: center;
+  gap: 2px;
+  /* Unverified: `TreeNode {}` is empty, so 16px is the doc's inference. */
+  min-height: 16px;
+  padding: 0 4px;
+  color: var(--vgui-text-muted);
+  font-size: var(--vgui-tree-font-size, 13px);
+  cursor: default;
+  /* No transition and no hover rule: `TreeNodeText` has no hover state, so any
+     treatment here would be invented rather than reproduced. */
+  /* The per-level step is padding, never ` ` runs, which break at
+     wide/narrow fonts. The recipe's `--level` is namespaced here because a
+     generic custom property would be inherited from unrelated ancestors. */
+  padding-left: calc(4px + var(--vgui-tree-level, 0) * var(--vgui-tree-indent, 16px));
+}
+
+/* Selection is "pushed in": `selectedbgcolor = BorderDark` is *darker* than the
+   panel behind it, 1.41:1 against `#3E4637`. That fails WCAG 1.4.11 on its own,
+   so the state carries two non-colour cues as well — a recessed 1px inset
+   shadow and a bold label. No accent stripe: VGUI fills the whole row. */
+.vgui-tree__node[aria-selected='true'] {
+  background-color: var(--vgui-tree-selected-bg, var(--vgui-bevel-dark));
+  color: var(--vgui-text-strong);
+  box-shadow: inset 1px 1px 0 var(--vgui-bevel-dark);
+  font-weight: 700;
+}
+
+/* `selectedbgcolor = BorderDark` is a bevel colour on purpose: `ListPanel`,
+   `"Page ListPanel"` and `CGamesListPanel` all select the same way, so the
+   recession is house style and the maize vocabulary is deliberately not used. */
+
+.vgui-tree__node[aria-disabled='true'] {
+  color: var(--vgui-text-disabled);
+  text-shadow: 1px 1px 0 var(--vgui-text-disabled-shadow);
+}
+
+/* Roving tabindex: the ring marks the *active* node, so it must be visible on a
+   row that is not selected as well as on one that is. */
+.vgui-tree__node:focus-visible {
+  outline: var(--vgui-focus-ring);
+  outline-offset: var(--vgui-focus-ring-offset);
+  /* `focused` text is White in the states table. */
+  color: var(--vgui-text-strong);
+}
+
+/* Valve's fallback ring: a 1px dashed inner outline. */
+.vgui-crisp .vgui-tree__node:focus-visible {
+  outline: var(--vgui-focus-ring-valve);
+  outline-offset: var(--vgui-focus-ring-valve-offset);
+}
+
+/* `TreeNodeImage {}` is empty and no `tree_expand`/`tree_collapse` asset exists
+   in the port's 16-file set, so the glyph box is the doc's inferred 13px and
+   the triangle is drawn with borders in `currentColor`, which lets it follow the
+   node from idle to selected to disabled without a second palette. */
+.vgui-tree__image {
+  position: relative;
+  flex: 0 0 var(--vgui-tree-glyph-size, 13px);
+  width: var(--vgui-tree-glyph-size, 13px);
+  height: var(--vgui-tree-glyph-size, 13px);
+  background-repeat: no-repeat;
+  background-position: center;
+}
+
+/* Plain (collapsed) glyph: points right. */
+.vgui-tree__image::before {
+  content: '';
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  border-top: 4px solid transparent;
+  border-bottom: 4px solid transparent;
+  border-left: 6px solid currentColor;
+}
+
+.vgui-tree__image--expanded::before {
+  border-top: 6px solid currentColor;
+  border-bottom: 0;
+  border-left: 4px solid transparent;
+  border-right: 4px solid transparent;
+}
+
+/* A leaf keeps the 13px slot — that is what aligns every label in a column —
+   but draws nothing, because a disclosure triangle on a childless node is a
+   lie. */
+.vgui-tree__image--leaf::before {
+  content: none;
+}
+
+/* The glyph is `aria-hidden` (the row carries `aria-expanded`), so it is not a
+   control of its own: the full-width row is the target and this box only grows
+   the *hit* area of the disclosure half of the row, which the row's own click
+   handler resolves. */
+.vgui-tree__image--expanded::after,
+.vgui-tree__image--collapsed::after {
+  content: '';
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: calc(-1 * (var(--vgui-min-target-size, 24px) - var(--vgui-tree-glyph-size, 13px)));
+  /* The growth is to the left, into the node's own indent, so the label is
+     never covered and the node above/below never loses a click. */
+}
+
+.vgui-tree__text {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.vgui-tree__empty {
+  margin: 0;
+  padding: 4px;
+  color: var(--vgui-text);
+  font-size: var(--vgui-tree-font-size, 13px);
+}
+
+/* The selection live region: audible, never visible. */
+.vgui-tree__live {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  margin: -1px;
+  padding: 0;
+  overflow: hidden;
+  clip-path: inset(50%);
+  white-space: nowrap;
+  border: 0;
+}

package/dist/components/TreeView/TreeView.css.d.ts

@@ -0,0 +1 @@
+export {}

package/dist/components/TreeView/TreeView.d.ts

@@ -0,0 +1,46 @@
+import type { HTMLAttributes } from 'react';
+import './TreeView.css';
+import '../../styles/scrollbars.css';
+export interface TreeNode {
+    /** Stable identity; also the React key. */
+    id: string;
+    /** Visible node label. */
+    label: string;
+    /** Child nodes. A node with an empty array still renders a leaf. */
+    children?: TreeNode[];
+    /** Renders disabled and unselectable. */
+    disabled?: boolean;
+    /** Initial expansion when uncontrolled. */
+    defaultExpanded?: boolean;
+    /** Arbitrary payload returned on selection. */
+    data?: unknown;
+}
+export type TreeViewVariant = 'default' | 'sidebar';
+export interface TreeViewProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+    /** Root nodes, in order. */
+    nodes: TreeNode[];
+    /** `sidebar` draws the two-sided `TreeViewSubPanel` recess and fills its parent. */
+    variant?: TreeViewVariant;
+    /** Controlled selection. Use `string[]` when `multi` is set. */
+    selected?: string | string[];
+    /** Initial selection when uncontrolled. */
+    defaultSelected?: string | string[];
+    /** Allows Ctrl/Shift multi-selection. */
+    multi?: boolean;
+    /** Called with the newly selected node id, or ids when `multi` is set. */
+    onSelectedChange?: (ids: string | string[]) => void;
+    /** Expands nodes when the whole row is clicked, not just the disclosure glyph. */
+    expandOnRowClick?: boolean;
+    /** Indent per level in pixels. Defaults to 16. */
+    indentSize?: number;
+    /** Message rendered when there are no nodes. */
+    emptyMessage?: string;
+    /**
+     * Accessible name for the tree, used when neither `aria-label` nor
+     * `aria-labelledby` is given. ARIA requires a tree to be named, so it falls
+     * back to `"Tree"`.
+     */
+    label?: string;
+}
+export declare const TreeView: import("react").ForwardRefExoticComponent<TreeViewProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=TreeView.d.ts.map

package/dist/components/TreeView/TreeView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeView.d.ts","sourceRoot":"","sources":["../../../src/components/TreeView/TreeView.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAEV,cAAc,EAIf,MAAM,OAAO,CAAA;AAEd,OAAO,gBAAgB,CAAA;AACvB,OAAO,6BAA6B,CAAA;AAEpC,MAAM,WAAW,QAAQ;IACvB,2CAA2C;IAC3C,EAAE,EAAE,MAAM,CAAA;IACV,0BAA0B;IAC1B,KAAK,EAAE,MAAM,CAAA;IACb,oEAAoE;IACpE,QAAQ,CAAC,EAAE,QAAQ,EAAE,CAAA;IACrB,yCAAyC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,2CAA2C;IAC3C,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,+CAA+C;IAC/C,IAAI,CAAC,EAAE,OAAO,CAAA;CACf;AAED,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,SAAS,CAAA;AAEnD,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACrF,4BAA4B;IAC5B,KAAK,EAAE,QAAQ,EAAE,CAAA;IACjB,oFAAoF;IACpF,OAAO,CAAC,EAAE,eAAe,CAAA;IACzB,gEAAgE;IAChE,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IAC5B,2CAA2C;IAC3C,eAAe,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IACnC,yCAAyC;IACzC,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,0EAA0E;IAC1E,gBAAgB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAA;IACnD,kFAAkF;IAClF,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,kDAAkD;IAClD,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,gDAAgD;IAChD,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AA2DD,eAAO,MAAM,QAAQ,0GAganB,CAAA"}