@noobsociety/nsds 0.1.2 → 0.2.1

package/CHANGELOG.md

@@ -2,7 +2,50 @@
 
 All notable changes to NSDS are documented here.
 
-## 0.1.2 - 2026-06-18
+The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/), and this project follows [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
+
+## [Unreleased]
+
+## [0.2.1] - 2026-06-20
+
+### Added
+
+- Project README structure for install, usage, package exports, development, release, and license guidance.
+- Changesets configuration and release scripts for version intent and publishing.
+- Storybook configuration and component stories for the public React package surface.
+- Release workflow for Changesets version pull requests and npm publishing.
+
+### Changed
+
+- Contribution guidance now documents SemVer, changelog, release, component documentation, and license expectations.
+- Public documentation now describes only the package source and published package surface.
+
+### Removed
+
+- Design-source and prototype artifacts from the public repository tree.
+
+## [0.2.0] - 2026-06-20
+
+### Added
+
+- Tailwind preset export for mapping `--ns-*` design tokens into utility classes.
+- HUD token file and HUD React primitives for game-layer UI.
+- RPG icon React component and icon catalog support.
+
+### Changed
+
+- Package output now builds from JSX source into `dist/` with ESM, CommonJS, TypeScript declarations, CSS, tokens, primitives, and Tailwind preset files.
+- Public package surface is React, Tailwind, CSS tokens, and primitives only.
+- Canonical component runtime sources now use `.jsx` files.
+- README package exports and repo layout now match the published package boundary.
+
+### Removed
+
+- Legacy theme package surface, dependencies, docs, tests, and source files.
+- Duplicate compiled component runtime source files.
+- Superseded `ui-kits/` homepage path.
+
+## [0.1.2] - 2026-06-18
 
 ### Added
 
@@ -11,25 +54,31 @@ All notable changes to NSDS are documented here.
 - Repository contribution, security, issue, pull request, and dependency update templates.
 - Package validation scripts for exports, required files, and publish hygiene.
 - React smoke tests for the public component entry points.
-- JavaScript runtime and TypeScript declarations for `@noobsociety/nsds/mui`.
 - TypeScript smoke validation for consumer-facing package imports.
-- Prioritized README roadmap and reference standards for documentation, changelog, versioning, release, and component documentation workflows.
+- Tailwind preset export for token-mapped utility classes.
+- Prioritized README roadmap and documentation, changelog, versioning, release, and component documentation workflows.
 
 ### Changed
 
 - Updated README language for the public npm package and repository.
 - Documented the TypeScript and testing roadmap.
-- Pointed the public MUI export at package-ready JavaScript instead of raw TypeScript source.
 
-## 0.1.1 - 2026-06-18
+## [0.1.1] - 2026-06-18
 
 ### Changed
 
 - Published the package as `@noobsociety/nsds`.
 - Updated repository metadata for the public NSDS package.
 
-## 0.1.0 - 2026-06-18
+## [0.1.0] - 2026-06-18
 
 ### Added
 
-- Initial NSDS package with tokens, CSS primitives, React components, MUI theme source, assets, guidelines, references, and UI kits.
+- Initial NSDS package with tokens, CSS primitives, React components, and Tailwind support.
+
+[Unreleased]: https://github.com/noobsociety/nsds/compare/v0.2.1...HEAD
+[0.2.1]: https://github.com/noobsociety/nsds/compare/v0.2.0...v0.2.1
+[0.2.0]: https://github.com/noobsociety/nsds/compare/v0.1.2...v0.2.0
+[0.1.2]: https://github.com/noobsociety/nsds/compare/v0.1.1...v0.1.2
+[0.1.1]: https://github.com/noobsociety/nsds/compare/v0.1.0...v0.1.1
+[0.1.0]: https://github.com/noobsociety/nsds/releases/tag/v0.1.0

package/CONTRIBUTING.md

@@ -1,34 +1,113 @@
 # Contributing
 
-NSDS is the NoobSociety Design System. Changes should keep the package small, reusable, and direct.
+NSDS is the NoobSociety Design System. Changes should keep the package small, reusable, direct, and Tailwind-first.
 
-## Local Setup
+## Local setup
+
+Use Node.js 22 or newer.
 
 ```bash
 npm install
 npm run check
 ```
 
-## Change Guidelines
+Run Storybook while changing components:
+
+```bash
+npm run storybook
+```
+
+## Change guidelines
 
 - Keep package exports stable unless the release is intentionally breaking.
 - Prefer CSS tokens and shared primitives over one-off styles.
 - Keep React components small and framework-light.
-- Add or update smoke coverage when changing component behavior.
-- Use patch versions for metadata, docs, small fixes, and compatibility work.
-- Use minor versions for new components, tokens, or larger additive behavior.
+- Add or update Storybook stories when changing public component behavior or props.
+- Add or update smoke coverage when changing import behavior, package exports, or runtime behavior.
+- Keep third-party code and assets license-compatible with MIT.
+
+## Versioning
+
+NSDS follows [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
+
+- Patch versions are for docs, metadata, dependency compatibility, bug fixes, and non-breaking visual corrections.
+- Minor versions are for new components, tokens, exports, or additive behavior.
+- Major versions are for breaking public API changes, removed exports, incompatible CSS token changes, or required consumer migration.
+
+The package is still pre-1.0, but release intent should still be explicit. If a `0.x` minor release contains a breaking package-boundary change, document the migration clearly in the changelog.
+
+## Changelog
+
+`CHANGELOG.md` follows [Keep a Changelog](https://keepachangelog.com/en/1.1.0/).
 
-## Release Checks
+Use these categories when applicable:
 
-Before publishing:
+- `Added`
+- `Changed`
+- `Deprecated`
+- `Removed`
+- `Fixed`
+- `Security`
+
+Keep user-facing changes in the changelog. Internal maintenance can stay in the pull request when it has no package or contributor impact.
+
+Add unreleased package notes under `## [Unreleased]`. During release, `npm run changeset:version` moves those notes into a dated version section and updates the compare links.
+
+## Changesets
+
+Every package-impacting pull request should include a changeset:
+
+```bash
+npm run changeset
+```
+
+Choose the SemVer bump that matches the public impact. Documentation-only changes may skip a changeset when they do not affect the published package behavior.
+
+Maintainers prepare release commits with:
+
+```bash
+npm run changeset:version
+```
+
+This command applies the Changesets version plan and updates `CHANGELOG.md` from the `[Unreleased]` section. Open the result as a release pull request.
+
+Publishing is handled by the release workflow after the release pull request is merged to `main`, when `NPM_TOKEN` is configured:
+
+```bash
+npm run changeset:publish
+```
+
+## Component documentation
+
+Public React components must have Storybook coverage.
+
+```bash
+npm run storybook
+npm run build:storybook
+```
+
+Stories should show the stable public props, common variants, disabled or edge states when relevant, and realistic token-backed styling. Avoid documenting private implementation details as API.
+
+## Release checks
+
+Before merging a package-impacting change:
 
 ```bash
 npm run check
+npm run build:storybook
 npm run release:dry-run
 ```
 
-Publish with an npm one-time password when required:
+Before publishing manually:
 
 ```bash
-npm publish --otp=123456
+npm run check
+npm run release:dry-run
+npm run changeset:publish
 ```
+
+## License guidance
+
+NSDS uses the [MIT License](./LICENSE), selected from [Choose a License](https://choosealicense.com/licenses/mit/).
+
+New code, images, fonts, and documentation must be original, owned by NoobSociety, or compatible with MIT redistribution. When adding third-party material, document its source and license in the pull request.

package/README.md

@@ -1,263 +1,168 @@
 # NoobSociety Design System
 
-[![CI](https://github.com/noobsociety/nsds/actions/workflows/ci.yml/badge.svg)](https://github.com/noobsociety/nsds/actions/workflows/ci.yml)
-[![npm](https://img.shields.io/npm/v/@noobsociety/nsds.svg)](https://www.npmjs.com/package/@noobsociety/nsds)
-[![License: MIT](https://img.shields.io/badge/license-MIT-2ea44f.svg)](LICENSE)
+Reusable design tokens, CSS primitives, Tailwind preset, and pixel-art React components for NoobSociety.
 
-**NSDS** is the reusable NoobSociety Design System package: design tokens, CSS primitives, React components, MUI theme runtime, pixel assets, and reference UI kits for building NoobSociety interfaces.
+NSDS is Tailwind-first and token-driven. It ships the public package surface needed by product apps: React components, CSS tokens, primitives, and a Tailwind preset.
 
-The system is built around a simple rule: **Monokai colors are semantic foregrounds, dark surfaces are the world canvas.**
+## Contents
 
-## Install
+- [Install](#install)
+- [Quick start](#quick-start)
+- [Package exports](#package-exports)
+- [Components](#components)
+- [Repository layout](#repository-layout)
+- [Development](#development)
+- [Versioning and releases](#versioning-and-releases)
+- [License](#license)
 
-Install from npm:
+## Install
 
 ```bash
 npm install @noobsociety/nsds
 ```
 
-Use a local workspace package while developing against this repository:
+Peer dependencies:
 
-```json
-{
-  "dependencies": {
-    "@noobsociety/nsds": "file:../design-system"
-  }
-}
+```bash
+npm install react react-dom
 ```
 
-## Usage
+## Quick start
 
-Import the full CSS entry when you want tokens, base styles, and shared primitives:
+Import the CSS entry once in your app:
 
-```js
-import '@noobsociety/nsds/styles.css';
+```tsx
+import '@noobsociety/nsds/styles';
 ```
 
-Use React components with the CSS entry:
+Use React components from the package root:
 
-```jsx
-import '@noobsociety/nsds/styles.css';
-import { Button, FeatureCard, QuestCard, SectionArrow } from '@noobsociety/nsds/react';
+```tsx
+import { Button, FeatureCard, HUDBar, RPGIcon } from '@noobsociety/nsds';
 
 export function Example() {
   return (
-    <Button href="https://noobsociety.com">▶ Enter the world</Button>
+    <FeatureCard
+      icon={<RPGIcon name="sword" />}
+      title="World UI"
+      body="Pixel-art components mapped to NSDS tokens."
+      tag="Live"
+    />
   );
 }
 ```
 
-Use individual token or asset files when a project only needs part of the system:
+Use the Tailwind preset in product apps:
 
 ```js
-import '@noobsociety/nsds/tokens/colors.css';
-import logoUrl from '@noobsociety/nsds/assets/logo.png';
-```
-
-Install MUI peer dependencies before using the MUI entry:
-
-```bash
-npm install @mui/material @emotion/react @emotion/styled
-```
-
-Use the MUI theme in app shells:
+import nsdsPreset from '@noobsociety/nsds/tailwind';
 
-```jsx
-import { NSThemeProvider, theme, NS } from '@noobsociety/nsds/mui';
+export default {
+  presets: [nsdsPreset],
+  content: ['./src/**/*.{js,jsx,ts,tsx}'],
+};
 ```
 
-The MUI entry ships JavaScript runtime files and TypeScript declarations. The original TypeScript source stays in `mui-theme/` for reference and future migration work.
-
-## Package Exports
+## Package exports
 
 | Export | Purpose |
-|---|---|
-| `@noobsociety/nsds` | Root React component entry |
-| `@noobsociety/nsds/react` | React components |
-| `@noobsociety/nsds/mui` | MUI theme runtime and types |
-| `@noobsociety/nsds/styles.css` | Full CSS entry |
-| `@noobsociety/nsds/package.json` | Package metadata |
-| `@noobsociety/nsds/components/primitives.css` | Component primitive classes only |
+| --- | --- |
+| `@noobsociety/nsds` | React components |
+| `@noobsociety/nsds/react` | Compatibility alias for React components |
+| `@noobsociety/nsds/tailwind` | Tailwind preset mapped to `--ns-*` tokens |
+| `@noobsociety/nsds/styles` | Full CSS entry |
+| `@noobsociety/nsds/styles.css` | CSS entry compatibility alias |
 | `@noobsociety/nsds/tokens/*` | Individual token CSS files |
-| `@noobsociety/nsds/assets/*` | Pixel assets and brand images |
-| `@noobsociety/nsds/guidelines/*` | Specimen cards |
-| `@noobsociety/nsds/references/*` | Polished `.dc.html` references |
-| `@noobsociety/nsds/ui-kits/*` | Complete UI kits |
-
-## Design Model
-
-### Monokai Foregrounds
-
-Monokai colors are used on top of the canvas: text, icons, borders, buttons, status pills, accents, and interaction states. Each hue has one semantic role. Do not reassign a color to a different role.
-
-| Token | Hex | Role |
-|---|---|---|
-| `--ns-ink` | `#f8f8f2` | Primary text |
-| `--ns-ink-faint` | `#75715e` | Muted text, captions, placeholders |
-| `--ns-gold` | `#e6db74` | Primary accent, CTAs, eyebrows, active nav |
-| `--ns-green` | `#a6e22e` | Success, live state, `HOLDS` |
-| `--ns-orange` | `#fd971f` | In progress, active state, `BUILDING` |
-| `--ns-cyan` | `#66d9e8` | Planned, info, links |
-| `--ns-pink` | `#f92672` | Highlight, danger, high-energy accent |
-| `--ns-purple` | `#ae81ff` | Decorative, personal, tertiary accent |
-
-### Dark Canvas
-
-Dark colors sit underneath the Monokai foregrounds. They define the world canvas, raised surfaces, headers, cards, and overlays.
-
-| Token | Hex | Role |
-|---|---|---|
-| `--ns-bg-0` | `#1a1a16` | Deepest surface: footer, sidebar, backdrop |
-| `--ns-bg-1` | `#272822` | Page base |
-| `--ns-bg-2` | `#32332b` | Raised surface, icon slot, input fill |
-| `--ns-glass` | `rgba(30,31,26,.88)` | Card and header glass |
-
-The default experience is dark. Do not introduce a light-mode default unless it is intentionally designed as a separate theme.
-
-## Content Rules
+| `@noobsociety/nsds/primitives` | Component primitive CSS |
+| `@noobsociety/nsds/components/primitives.css` | Component primitive CSS compatibility alias |
 
-- **Voice:** Direct, honest, playful. Not corporate.
-- **Casing:** Sentence case. Title case only for names and proper nouns.
-- **Length:** Short sentences. One idea per sentence.
-- **Emoji:** Avoid emoji. Use pixel accents such as `✦`, `▶`, `★`, `✓`, and `◌` when useful.
-- **Numbers:** Use numbers only when they are specific and meaningful.
-- **Perspective:** Speak directly. Avoid abstract phrases like "users" and "visitors" when "you" is clearer.
+The npm package ships `dist/` plus package metadata, changelog, contribution guidance, security policy, and license.
 
-## Visual Rules
+## Components
 
-### Typography
+Public React components:
 
-- `Press Start 2P`: wordmark, buttons, status pills, card labels, section accents, and pixel UI.
-- `Inter`: body copy, navigation, subtitles, paragraphs, and dense information.
-- Pixel text must use generous line height. Keep it short.
-- Body copy should stay readable and calm.
+- `Button`
+- `FeatureCard`
+- `QuestCard`
+- `HUDBar`
+- `HUDDivider`
+- `HUDLabel`
+- `RPGIcon`
+- `HUDIcon`
+- `SectionArrow`
 
-### Layout
+Run Storybook for component documentation:
 
-- Base spacing follows a 4px grid.
-- Default container width is `1080px`.
-- Full sections use `min-height: calc(100svh - var(--ns-header-h))`.
-- Responsive baseline: `375x667` portrait and `667x375` landscape.
+```bash
+npm run storybook
+```
 
-### Cards
+Build static Storybook documentation:
 
-- Use glass surfaces with `10px` radius.
-- Do not add resting drop shadows.
-- Use hover elevation only: `translateY(-4px)` plus the card hover shadow.
+```bash
+npm run build:storybook
+```
 
-### Buttons
+## Repository layout
 
-- Primary `play` buttons use gold fill, dark text, a gold border, and a physical press shadow.
-- `ghost` buttons stay transparent until hover.
-- Buttons use `Press Start 2P`.
+| Path | Purpose |
+| --- | --- |
+| `styles.css` | Public CSS entry point |
+| `tokens/` | CSS custom properties for color, type, spacing, motion, and HUD values |
+| `components/` | React components, TypeScript declarations, primitive CSS, and stories |
+| `tailwind/` | Tailwind preset source |
 
-### Motion
+## Development
 
-- Keep interaction motion fast: `150ms ease-out`.
-- Keep decorative motion subtle.
-- Respect reduced motion; `ns-*` animations are disabled under `prefers-reduced-motion: reduce`.
+Use Node.js 22 or newer.
 
-## Component Notes
+```bash
+npm install
+npm run check
+```
 
-### Button
+Common scripts:
 
-Use for primary and secondary actions.
+| Script | Purpose |
+| --- | --- |
+| `npm run build` | Build the package into `dist/` |
+| `npm run check` | Build, validate package metadata, type-check, and smoke-test imports |
+| `npm run storybook` | Start component documentation locally |
+| `npm run build:storybook` | Build static component documentation |
+| `npm run release:dry-run` | Preview the npm package contents |
+| `npm run changeset` | Add a release note and version intent |
 
-```jsx
-<Button variant="play" href="https://noobsociety.com">▶ Enter the world</Button>
-<Button variant="ghost" href="https://github.com/noobsociety">★ Star on GitHub</Button>
-<Button variant="play" size="sm">▶ Play</Button>
-```
+## Versioning and releases
 
-### FeatureCard
+NSDS follows [Semantic Versioning](https://semver.org/spec/v2.0.0.html). All release notes use [Keep a Changelog](https://keepachangelog.com/en/1.1.0/) categories.
 
-Use for short feature grids. Render inside a `ul`.
+Use Changesets for release intent:
 
-```jsx
-<FeatureCard
-  icon={<CursorIcon />}
-  title="The site is a world"
-  body="Pages are maps, links are interactables."
-  tag="Spatial"
-/>
+```bash
+npm run changeset
 ```
 
-### QuestCard
+Maintainers create release commits with:
 
-Use for gate or roadmap states. Render inside an `ol`.
-
-```jsx
-<QuestCard
-  gate={3}
-  title="Objects"
-  body="In-space sections open content."
-  status="active"
-/>
+```bash
+npm run changeset:version
 ```
 
-Status mapping:
-
-| Status | Label | Color |
-|---|---|---|
-| `done` | `HOLDS` | `--ns-green` |
-| `active` | `BUILDING` | `--ns-orange` |
-| `planned` | `PLANNED` | `--ns-cyan` |
-| `locked` | `LATER` | `--ns-ink-faint` |
-
-## File Index
-
-| Path | Contents |
-|---|---|
-| `package.json` | Package metadata, exports, peer dependencies |
-| `index.js` / `index.d.ts` | Root React component entry point |
-| `styles.css` | Global CSS entry point |
-| `support.js` | Runtime support for root `.dc.html` references |
-| `tokens/` | Color, typography, spacing, motion, and base CSS tokens |
-| `components/primitives.css` | Shared CSS primitives |
-| `components/react/` | Public React component barrel export |
-| `components/buttons/` | Button component, types, prompt, specimen |
-| `components/cards/` | FeatureCard and QuestCard components, types, prompts, specimens |
-| `components/navigation/` | SectionArrow component, types, specimen |
-| `mui-theme/` | MUI theme runtime, TypeScript source, and examples |
-| `assets/` | Logo, sprites, and world imagery |
-| `guidelines/` | Visual specimen cards |
-| `references/` | Polished `.dc.html` references |
-| `ui-kits/` | Complete UI kits |
-| `SKILL.md` | Agent skill definition |
+That command applies Changesets version bumps and promotes the current `[Unreleased]` changelog entries into a dated release section.
 
-## Development
+Open and merge the version commit as a normal release pull request. The release workflow publishes from `main` when the package version is not already on npm and `NPM_TOKEN` is configured.
 
-Run the package checks before publishing:
+Manual publishing remains available for maintainers after the version commit is prepared:
 
 ```bash
-npm install
 npm run check
 npm run release:dry-run
+npm run changeset:publish
 ```
 
-Use patch versions for public package metadata or documentation polish. Use minor versions for new components, tokens, or breaking-adjacent behavior.
-
-## Roadmap
-
-Priority order:
-
-1. Move the current JavaScript runtime to first-class TypeScript source with generated JavaScript and declaration output.
-2. Add component tests for class names, variants, invalid props, and accessibility attributes.
-3. Add package linting for npm exports, types, and install behavior.
-4. Add component documentation with live examples.
-5. Add visual regression coverage for specimen cards and UI kits.
-
-## Reference Standards
-
-- README quality: [Make a README](https://www.makeareadme.com/)
-- Changelog format: [Keep a Changelog](https://keepachangelog.com/)
-- Versioning: [Semantic Versioning](https://semver.org/)
-- Release workflow: [Changesets](https://github.com/changesets/changesets)
-- Component documentation: [Storybook](https://storybook.js.org/)
-- License guidance: [Choose a License](https://choosealicense.com/)
-
-## Repository
+## License
 
-Source repository: `https://github.com/noobsociety/nsds`
+NSDS is released under the [MIT License](./LICENSE). MIT was selected using the guidance at [Choose a License](https://choosealicense.com/licenses/mit/) because it permits broad reuse with attribution and warranty disclaimers.
 
-The current package is public on npm as `@noobsociety/nsds`. NSDS is released under the MIT license.
+Only add third-party code, assets, or documentation when the license is compatible with MIT and the source is documented in the relevant change.

package/dist/components/hud/HUDBar.d.ts

@@ -0,0 +1,17 @@
+import type * as React from 'react';
+
+export interface HUDBarProps {
+  /** Current stat value */
+  value?: number;
+  /** Maximum stat value */
+  max?: number;
+  /** Bar fill color */
+  fillColor?: string;
+  /** Bar track color */
+  trackColor?: string;
+  /** Bar height in px */
+  height?: number;
+  style?: React.CSSProperties;
+}
+
+export declare function HUDBar(props: HUDBarProps): React.ReactElement;

package/dist/components/hud/HUDDivider.d.ts

@@ -0,0 +1,11 @@
+import type * as React from 'react';
+
+export interface HUDDividerProps {
+  /** Vertical by default; use horizontal for a 1px row rule. */
+  direction?: 'vertical' | 'horizontal';
+  /** Line color */
+  color?: string;
+  style?: React.CSSProperties;
+}
+
+export declare function HUDDivider(props: HUDDividerProps): React.ReactElement;

package/dist/components/hud/HUDLabel.d.ts

@@ -0,0 +1,17 @@
+import type * as React from 'react';
+
+export interface HUDLabelProps {
+  /** Display text */
+  text?: string;
+  /** Text alignment within the container */
+  align?: 'left' | 'center' | 'right';
+  /** Uniform scale multiplier applied to fontSize */
+  scale?: number;
+  /** Text color */
+  color?: string;
+  /** Base font size in px, before scale */
+  fontSize?: number;
+  style?: React.CSSProperties;
+}
+
+export declare function HUDLabel(props: HUDLabelProps): React.ReactElement;

package/dist/components/icons/RPGIcon.d.ts

@@ -0,0 +1,42 @@
+import type * as React from 'react';
+
+export type RPGIconWeapon  = 'sword' | 'staff' | 'bow' | 'katar' | 'book' | 'hammer';
+export type RPGIconElement = 'neutral' | 'earth' | 'wind' | 'water' | 'fire' | 'light' | 'dark' | 'void';
+export type RPGIconRace    = 'human' | 'beast' | 'demon' | 'angel' | 'spirit';
+export type RPGIconSize    = 'small' | 'medium' | 'large';
+
+export type RPGIconName =
+  | RPGIconWeapon
+  | RPGIconElement
+  | RPGIconRace
+  | RPGIconSize;
+
+export interface RPGIconProps {
+  /**
+   * 22 original pixel-art icons across 4 canonical categories:
+   *
+   * Weapons (6):  sword · staff · bow · katar · book · hammer
+   *               (from game/items/index.ts weapon hand-slot items)
+   *
+   * Elements (8): neutral · earth · wind · water · fire · light · dark · void
+   *               (from identity.ts ELEMENTS + ELEMENT_DISPLAY)
+   *
+   * Races (5):    human · beast · demon · angel · spirit
+   *               (illustrative — race is free text in the game)
+   *
+   * Sizes (3):    small · medium · large
+   *               (from identity.ts BODY_SIZES)
+   */
+  name?: RPGIconName;
+  /** Rendered size in px (width = height). Default: 22 */
+  size?: number;
+  style?: React.CSSProperties;
+}
+
+export declare function RPGIcon(props: RPGIconProps): React.ReactElement;
+
+/** Sorted list of all valid icon names */
+export declare const icons: RPGIconName[];
+
+/** @deprecated Use RPGIcon — HUDIcon is kept for backward compatibility */
+export declare const HUDIcon: typeof RPGIcon;