@noobsociety/nsds 0.1.2 → 0.2.0

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;

package/dist/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),r=(...e)=>e.filter(Boolean).join(" ");function m(e,i){return i?{...e,...i}:e}const p={gold:"var(--ns-gold)"},w={done:{className:"ns-quest-card--done",label:"HOLDS",icon:"✓"},active:{className:"ns-quest-card--active",label:"BUILDING",icon:"▶"},planned:{className:"ns-quest-card--planned",label:"PLANNED",icon:"◌"},locked:{className:"ns-quest-card--locked",label:"LATER",icon:"✦"}},I=new Set(["play","ghost"]),k=new Set(["sm","md","lg"]);function B({variant:e="play",size:i="md",href:l,onClick:h,children:s,disabled:x=!1,className:c,type:d="button",...a}){const u=I.has(e)?e:"play",v=k.has(i)?i:"md",b=r("ns-button",`ns-button--${u}`,`ns-button--${v}`,c),n={...a,className:b,onClick:x?void 0:h};return l?t.jsx("a",{...n,href:x?void 0:l,"aria-disabled":x||void 0,tabIndex:x?-1:a.tabIndex,children:s}):t.jsx("button",{...n,type:d,disabled:x,children:s})}function S({icon:e,title:i,body:l,tag:h,iconColor:s=p.gold,className:x,style:c,...d}){return t.jsxs("li",{...d,className:r("ns-card ns-feature-card",x),style:m({"--ns-feature-accent":s},c),children:[t.jsx("span",{className:"ns-icon-slot ns-feature-card__icon","aria-hidden":"true",children:e}),t.jsxs("div",{children:[t.jsx("h3",{className:"ns-feature-card__title",children:i}),t.jsx("p",{className:"ns-feature-card__body",children:l})]}),h&&t.jsx("span",{className:"ns-tag ns-feature-card__tag",children:h})]})}function N({gate:e,title:i,body:l,status:h="locked",className:s,...x}){const c=w[h]||w.locked;return t.jsxs("li",{...x,className:r("ns-quest-card",c.className,s),children:[t.jsx("span",{className:"ns-quest-card__icon","aria-hidden":"true",children:c.icon}),t.jsxs("div",{className:"ns-quest-card__body",children:[t.jsx("p",{className:"ns-quest-card__title",children:`Gate ${e} · ${i}`}),t.jsx("p",{className:"ns-quest-card__desc",children:l}),t.jsx("span",{className:"ns-status-pill",children:c.label})]})]})}const D='var(--ns-font-pixel, "Press Start 2P", monospace)';function L({value:e=40,max:i=40,fillColor:l="var(--hud-hp-fill, #4caf73)",trackColor:h="var(--hud-track, rgba(255, 255, 255, 0.10))",height:s=14,style:x}){const c=i>0?Math.max(0,Math.min(100,e/i*100)):0;return t.jsxs("div",{style:{position:"relative",background:h,height:s,overflow:"hidden",fontFamily:D,...x},children:[t.jsx("div",{style:{position:"absolute",inset:0,width:`${c}%`,background:l,transition:"width .35s ease-out"}}),t.jsxs("span",{style:{position:"absolute",inset:0,display:"flex",alignItems:"center",paddingLeft:4,fontSize:4,color:"#fff",pointerEvents:"none"},children:[e," / ",i]})]})}function _({direction:e="vertical",color:i="var(--ns-line)",style:l}){const h=e==="vertical";return t.jsx("div",{style:{width:h?"1px":"100%",height:h?"100%":"1px",background:i,flexShrink:0,alignSelf:"stretch",...l}})}const q='var(--ns-font-pixel, "Press Start 2P", monospace)',g={left:"flex-start",center:"center",right:"flex-end"};function H({text:e="Label",align:i="left",scale:l=1,color:h="var(--ns-ink)",fontSize:s=5,style:x}){return t.jsx("div",{style:{display:"flex",alignItems:"center",justifyContent:g[i]||g.left,paddingLeft:i==="right"?0:3,paddingRight:i==="left"?0:3,fontFamily:q,fontSize:s*l,color:h,whiteSpace:"nowrap",overflow:"hidden",width:"100%",height:"100%",...x},children:e})}function j(){return t.jsxs("svg",{viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",children:[t.jsx("line",{x1:"13",y1:"2",x2:"4",y2:"11",stroke:"#cfd8e2",strokeWidth:"2",strokeLinecap:"square"}),t.jsx("line",{x1:"6",y1:"5",x2:"10",y2:"9",stroke:"#e6db74",strokeWidth:"2",strokeLinecap:"square"}),t.jsx("line",{x1:"4",y1:"10",x2:"2",y2:"13",stroke:"#b07040",strokeWidth:"1.5",strokeLinecap:"square"})]})}function C(){return t.jsxs("svg",{viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",children:[t.jsx("rect",{x:"3",y:"1",width:"3",height:"2",fill:"#8a6540"}),t.jsx("rect",{x:"2",y:"3",width:"2",height:"10",fill:"#8a6540"}),t.jsx("rect",{x:"3",y:"13",width:"3",height:"2",fill:"#8a6540"}),t.jsx("rect",{x:"6",y:"2",width:"1",height:"1",fill:"#cfd8e2"}),t.jsx("rect",{x:"7",y:"3",width:"1",height:"10",fill:"#cfd8e2"}),t.jsx("rect",{x:"6",y:"13",width:"1",height:"1",fill:"#cfd8e2"}),t.jsx("rect",{x:"7",y:"7",width:"7",height:"2",fill:"#c8a878"}),t.jsx("rect",{x:"13",y:"6",width:"2",height:"1",fill:"#cfd8e2"}),t.jsx("rect",{x:"14",y:"7",width:"2",height:"2",fill:"#cfd8e2"}),t.jsx("rect",{x:"13",y:"9",width:"2",height:"1",fill:"#cfd8e2"}),t.jsx("rect",{x:"7",y:"5",width:"2",height:"2",fill:"#ae81ff"}),t.jsx("rect",{x:"7",y:"9",width:"2",height:"2",fill:"#ae81ff"})]})}function U(){return t.jsxs("svg",{viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",children:[t.jsx("rect",{x:"5",y:"1",width:"6",height:"1",fill:"#c8a8ff"}),t.jsx("rect",{x:"4",y:"2",width:"8",height:"4",fill:"#ae81ff"}),t.jsx("rect",{x:"5",y:"6",width:"6",height:"1",fill:"#c8a8ff"}),t.jsx("rect",{x:"6",y:"3",width:"4",height:"2",fill:"#d4b8ff"}),t.jsx("rect",{x:"7",y:"7",width:"2",height:"8",fill:"#8a6540"}),t.jsx("rect",{x:"6",y:"10",width:"4",height:"1",fill:"#b07040"})]})}function A(){return t.jsxs("svg",{viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",children:[t.jsx("rect",{x:"2",y:"1",width:"2",height:"8",fill:"#cfd8e2"}),t.jsx("rect",{x:"2",y:"9",width:"2",height:"3",fill:"#a8b0bc"}),t.jsx("rect",{x:"12",y:"1",width:"2",height:"8",fill:"#cfd8e2"}),t.jsx("rect",{x:"12",y:"9",width:"2",height:"3",fill:"#a8b0bc"}),t.jsx("rect",{x:"2",y:"8",width:"12",height:"2",fill:"#e6db74"}),t.jsx("rect",{x:"6",y:"10",width:"4",height:"5",fill:"#8a6540"}),t.jsx("rect",{x:"3",y:"0",width:"1",height:"1",fill:"#eef0f4"}),t.jsx("rect",{x:"12",y:"0",width:"1",height:"1",fill:"#eef0f4"})]})}function P(){return t.jsxs("svg",{viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",children:[t.jsx("rect",{x:"2",y:"2",width:"2",height:"12",fill:"#6a4a6a"}),t.jsx("rect",{x:"4",y:"2",width:"10",height:"12",fill:"#8855aa"}),t.jsx("rect",{x:"13",y:"3",width:"1",height:"10",fill:"#f4f0e8"}),t.jsx("rect",{x:"7",y:"4",width:"2",height:"1",fill:"#c8a8ff"}),t.jsx("rect",{x:"6",y:"5",width:"4",height:"1",fill:"#c8a8ff"}),t.jsx("rect",{x:"7",y:"6",width:"2",height:"1",fill:"#c8a8ff"}),t.jsx("rect",{x:"6",y:"8",width:"4",height:"1",fill:"#e6db74"}),t.jsx("rect",{x:"7",y:"9",width:"2",height:"2",fill:"#e6db74"})]})}function F(){return t.jsxs("svg",{viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",children:[t.jsx("rect",{x:"4",y:"1",width:"8",height:"1",fill:"#a8b0bc"}),t.jsx("rect",{x:"3",y:"2",width:"10",height:"5",fill:"#a8b0bc"}),t.jsx("rect",{x:"3",y:"2",width:"10",height:"1",fill:"#cfd8e2"}),t.jsx("rect",{x:"3",y:"3",width:"1",height:"3",fill:"#cfd8e2"}),t.jsx("rect",{x:"3",y:"7",width:"10",height:"1",fill:"#5a6570"}),t.jsx("rect",{x:"7",y:"7",width:"2",height:"8",fill:"#8a6540"}),t.jsx("rect",{x:"6",y:"10",width:"4",height:"1",fill:"#b07040"})]})}function R(){return t.jsxs("svg",{viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",children:[t.jsx("rect",{x:"2",y:"6",width:"12",height:"4",fill:"#7a7a8a"}),t.jsx("rect",{x:"6",y:"2",width:"4",height:"12",fill:"#7a7a8a"}),t.jsx("rect",{x:"3",y:"3",width:"2",height:"2",fill:"#7a7a8a"}),t.jsx("rect",{x:"11",y:"3",width:"2",height:"2",fill:"#7a7a8a"}),t.jsx("rect",{x:"3",y:"11",width:"2",height:"2",fill:"#7a7a8a"}),t.jsx("rect",{x:"11",y:"11",width:"2",height:"2",fill:"#7a7a8a"}),t.jsx("rect",{x:"7",y:"7",width:"2",height:"2",fill:"#b0b0c0"}),t.jsx("rect",{x:"7",y:"4",width:"2",height:"1",fill:"#b0b0c0"}),t.jsx("rect",{x:"7",y:"11",width:"2",height:"1",fill:"#b0b0c0"}),t.jsx("rect",{x:"4",y:"7",width:"1",height:"2",fill:"#b0b0c0"}),t.jsx("rect",{x:"11",y:"7",width:"1",height:"2",fill:"#b0b0c0"})]})}function T(){return t.jsxs("svg",{viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",children:[t.jsx("rect",{x:"7",y:"2",width:"2",height:"2",fill:"#c8a050"}),t.jsx("rect",{x:"6",y:"4",width:"4",height:"2",fill:"#c8a050"}),t.jsx("rect",{x:"5",y:"6",width:"6",height:"2",fill:"#8b6914"}),t.jsx("rect",{x:"4",y:"8",width:"8",height:"2",fill:"#8b6914"}),t.jsx("rect",{x:"3",y:"10",width:"10",height:"2",fill:"#6a5010"}),t.jsx("rect",{x:"1",y:"12",width:"14",height:"3",fill:"#5a4008"}),t.jsx("rect",{x:"7",y:"2",width:"2",height:"1",fill:"#f0ece0"}),t.jsx("rect",{x:"6",y:"3",width:"4",height:"1",fill:"#f0ece0"}),t.jsx("rect",{x:"5",y:"8",width:"1",height:"1",fill:"#a07820"}),t.jsx("rect",{x:"10",y:"9",width:"1",height:"1",fill:"#a07820"})]})}function O(){return t.jsxs("svg",{viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",children:[t.jsx("rect",{x:"2",y:"4",width:"10",height:"1",fill:"#5dcaa5"}),t.jsx("rect",{x:"3",y:"5",width:"2",height:"1",fill:"#5dcaa5"}),t.jsx("rect",{x:"12",y:"3",width:"2",height:"2",fill:"#5dcaa5"}),t.jsx("rect",{x:"13",y:"5",width:"1",height:"1",fill:"#5dcaa5"}),t.jsx("rect",{x:"1",y:"7",width:"11",height:"2",fill:"#5dcaa5"}),t.jsx("rect",{x:"12",y:"6",width:"2",height:"4",fill:"#5dcaa5"}),t.jsx("rect",{x:"11",y:"10",width:"2",height:"1",fill:"#5dcaa5"}),t.jsx("rect",{x:"2",y:"12",width:"9",height:"1",fill:"#5dcaa5"}),t.jsx("rect",{x:"2",y:"11",width:"2",height:"1",fill:"#5dcaa5"}),t.jsx("rect",{x:"11",y:"12",width:"2",height:"2",fill:"#5dcaa5"}),t.jsx("rect",{x:"10",y:"14",width:"2",height:"1",fill:"#5dcaa5"}),t.jsx("rect",{x:"2",y:"3",width:"8",height:"1",fill:"#90e8cc"}),t.jsx("rect",{x:"2",y:"8",width:"9",height:"1",fill:"#90e8cc"})]})}function V(){return t.jsxs("svg",{viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",children:[t.jsx("rect",{x:"6",y:"1",width:"4",height:"1",fill:"#378add"}),t.jsx("rect",{x:"5",y:"2",width:"6",height:"2",fill:"#378add"}),t.jsx("rect",{x:"4",y:"4",width:"8",height:"6",fill:"#378add"}),t.jsx("rect",{x:"5",y:"10",width:"6",height:"2",fill:"#378add"}),t.jsx("rect",{x:"6",y:"12",width:"4",height:"2",fill:"#378add"}),t.jsx("rect",{x:"7",y:"14",width:"2",height:"1",fill:"#378add"}),t.jsx("rect",{x:"6",y:"4",width:"3",height:"4",fill:"#70b8f0"}),t.jsx("rect",{x:"7",y:"3",width:"2",height:"1",fill:"#70b8f0"}),t.jsx("rect",{x:"5",y:"7",width:"2",height:"1",fill:"#1a5a9a"}),t.jsx("rect",{x:"9",y:"8",width:"2",height:"1",fill:"#1a5a9a"})]})}function W(){return t.jsxs("svg",{viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",children:[t.jsx("rect",{x:"4",y:"11",width:"8",height:"4",fill:"#ba7517"}),t.jsx("rect",{x:"3",y:"8",width:"10",height:"3",fill:"#ba7517"}),t.jsx("rect",{x:"4",y:"5",width:"8",height:"3",fill:"#ba7517"}),t.jsx("rect",{x:"5",y:"3",width:"6",height:"2",fill:"#ba7517"}),t.jsx("rect",{x:"6",y:"1",width:"4",height:"2",fill:"#ba7517"}),t.jsx("rect",{x:"5",y:"9",width:"6",height:"5",fill:"#e8882a"}),t.jsx("rect",{x:"6",y:"7",width:"4",height:"2",fill:"#e8882a"}),t.jsx("rect",{x:"6",y:"10",width:"4",height:"3",fill:"#e6db74"}),t.jsx("rect",{x:"7",y:"9",width:"2",height:"1",fill:"#e6db74"})]})}function $(){return t.jsxs("svg",{viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",children:[t.jsx("rect",{x:"5",y:"2",width:"6",height:"2",fill:"#888780"}),t.jsx("rect",{x:"3",y:"4",width:"8",height:"8",fill:"#888780"}),t.jsx("rect",{x:"5",y:"12",width:"6",height:"2",fill:"#888780"}),t.jsx("rect",{x:"4",y:"3",width:"1",height:"10",fill:"#888780"}),t.jsx("rect",{x:"8",y:"4",width:"4",height:"8",fill:"#1a1a20"}),t.jsx("rect",{x:"7",y:"5",width:"5",height:"6",fill:"#1a1a20"}),t.jsx("rect",{x:"11",y:"2",width:"1",height:"1",fill:"#c8c8d0"}),t.jsx("rect",{x:"13",y:"5",width:"1",height:"1",fill:"#c8c8d0"}),t.jsx("rect",{x:"12",y:"9",width:"1",height:"1",fill:"#c8c8d0"})]})}function E(){return t.jsxs("svg",{viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",children:[t.jsx("rect",{x:"5",y:"5",width:"6",height:"6",fill:"#fac775"}),t.jsx("rect",{x:"6",y:"4",width:"4",height:"1",fill:"#fac775"}),t.jsx("rect",{x:"6",y:"11",width:"4",height:"1",fill:"#fac775"}),t.jsx("rect",{x:"4",y:"6",width:"1",height:"4",fill:"#fac775"}),t.jsx("rect",{x:"11",y:"6",width:"1",height:"4",fill:"#fac775"}),t.jsx("rect",{x:"7",y:"1",width:"2",height:"3",fill:"#fac775"}),t.jsx("rect",{x:"7",y:"12",width:"2",height:"3",fill:"#fac775"}),t.jsx("rect",{x:"1",y:"7",width:"3",height:"2",fill:"#fac775"}),t.jsx("rect",{x:"12",y:"7",width:"3",height:"2",fill:"#fac775"}),t.jsx("rect",{x:"3",y:"3",width:"2",height:"2",fill:"#fac775"}),t.jsx("rect",{x:"11",y:"3",width:"2",height:"2",fill:"#fac775"}),t.jsx("rect",{x:"3",y:"11",width:"2",height:"2",fill:"#fac775"}),t.jsx("rect",{x:"11",y:"11",width:"2",height:"2",fill:"#fac775"}),t.jsx("rect",{x:"6",y:"6",width:"4",height:"4",fill:"#fff8e0"})]})}function z(){return t.jsxs("svg",{viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",children:[t.jsx("rect",{x:"5",y:"1",width:"6",height:"2",fill:"#7f77dd"}),t.jsx("rect",{x:"3",y:"3",width:"10",height:"2",fill:"#7f77dd"}),t.jsx("rect",{x:"2",y:"5",width:"12",height:"6",fill:"#7f77dd"}),t.jsx("rect",{x:"3",y:"11",width:"10",height:"2",fill:"#7f77dd"}),t.jsx("rect",{x:"5",y:"13",width:"6",height:"2",fill:"#7f77dd"}),t.jsx("rect",{x:"4",y:"4",width:"8",height:"8",fill:"#1a1828"}),t.jsx("rect",{x:"5",y:"3",width:"6",height:"1",fill:"#1a1828"}),t.jsx("rect",{x:"5",y:"12",width:"6",height:"1",fill:"#1a1828"}),t.jsx("rect",{x:"3",y:"5",width:"1",height:"6",fill:"#1a1828"}),t.jsx("rect",{x:"12",y:"5",width:"1",height:"6",fill:"#1a1828"}),t.jsx("rect",{x:"6",y:"6",width:"4",height:"4",fill:"#4a44aa"}),t.jsx("rect",{x:"7",y:"5",width:"2",height:"1",fill:"#4a44aa"}),t.jsx("rect",{x:"7",y:"10",width:"2",height:"1",fill:"#4a44aa"}),t.jsx("rect",{x:"5",y:"7",width:"1",height:"2",fill:"#4a44aa"}),t.jsx("rect",{x:"10",y:"7",width:"1",height:"2",fill:"#4a44aa"}),t.jsx("rect",{x:"7",y:"7",width:"2",height:"2",fill:"#c8c0ff"})]})}function G(){return t.jsxs("svg",{viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",children:[t.jsx("rect",{x:"5",y:"1",width:"6",height:"5",fill:"#e8c87a"}),t.jsx("rect",{x:"7",y:"6",width:"2",height:"1",fill:"#d4a85a"}),t.jsx("rect",{x:"3",y:"7",width:"10",height:"5",fill:"#c8873a"}),t.jsx("rect",{x:"1",y:"7",width:"2",height:"4",fill:"#c8873a"}),t.jsx("rect",{x:"13",y:"7",width:"2",height:"4",fill:"#c8873a"}),t.jsx("rect",{x:"4",y:"12",width:"3",height:"3",fill:"#8a5c2a"}),t.jsx("rect",{x:"9",y:"12",width:"3",height:"3",fill:"#8a5c2a"})]})}function M(){return t.jsxs("svg",{viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",children:[t.jsx("rect",{x:"2",y:"1",width:"3",height:"4",fill:"#c8a060"}),t.jsx("rect",{x:"11",y:"1",width:"3",height:"4",fill:"#c8a060"}),t.jsx("rect",{x:"3",y:"2",width:"1",height:"2",fill:"#e8886a"}),t.jsx("rect",{x:"12",y:"2",width:"1",height:"2",fill:"#e8886a"}),t.jsx("rect",{x:"3",y:"4",width:"10",height:"6",fill:"#c8a060"}),t.jsx("rect",{x:"5",y:"8",width:"6",height:"3",fill:"#d4b070"}),t.jsx("rect",{x:"7",y:"8",width:"2",height:"1",fill:"#5a3020"}),t.jsx("rect",{x:"4",y:"6",width:"3",height:"2",fill:"#e8a020"}),t.jsx("rect",{x:"9",y:"6",width:"3",height:"2",fill:"#e8a020"}),t.jsx("rect",{x:"5",y:"6",width:"1",height:"2",fill:"#1a1008"}),t.jsx("rect",{x:"10",y:"6",width:"1",height:"2",fill:"#1a1008"}),t.jsx("rect",{x:"3",y:"11",width:"10",height:"4",fill:"#a87840"}),t.jsx("rect",{x:"1",y:"11",width:"2",height:"3",fill:"#a87840"}),t.jsx("rect",{x:"13",y:"11",width:"2",height:"3",fill:"#a87840"})]})}function Q(){return t.jsxs("svg",{viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",children:[t.jsx("rect",{x:"3",y:"1",width:"2",height:"5",fill:"#cc3030"}),t.jsx("rect",{x:"11",y:"1",width:"2",height:"5",fill:"#cc3030"}),t.jsx("rect",{x:"2",y:"1",width:"2",height:"2",fill:"#cc3030"}),t.jsx("rect",{x:"12",y:"1",width:"2",height:"2",fill:"#cc3030"}),t.jsx("rect",{x:"3",y:"5",width:"10",height:"6",fill:"#7a2a2a"}),t.jsx("rect",{x:"4",y:"7",width:"3",height:"2",fill:"#ff2020"}),t.jsx("rect",{x:"9",y:"7",width:"3",height:"2",fill:"#ff2020"}),t.jsx("rect",{x:"5",y:"7",width:"1",height:"2",fill:"#ff8080"}),t.jsx("rect",{x:"10",y:"7",width:"1",height:"2",fill:"#ff8080"}),t.jsx("rect",{x:"6",y:"11",width:"1",height:"2",fill:"#f0e8d0"}),t.jsx("rect",{x:"9",y:"11",width:"1",height:"2",fill:"#f0e8d0"}),t.jsx("rect",{x:"2",y:"12",width:"12",height:"4",fill:"#5a1a1a"}),t.jsx("rect",{x:"1",y:"12",width:"2",height:"3",fill:"#5a1a1a"}),t.jsx("rect",{x:"13",y:"12",width:"2",height:"3",fill:"#5a1a1a"})]})}function J(){return t.jsxs("svg",{viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",children:[t.jsx("rect",{x:"4",y:"1",width:"8",height:"1",fill:"#e6db74"}),t.jsx("rect",{x:"3",y:"2",width:"10",height:"1",fill:"#e6db74"}),t.jsx("rect",{x:"3",y:"3",width:"2",height:"1",fill:"#e6db74"}),t.jsx("rect",{x:"11",y:"3",width:"2",height:"1",fill:"#e6db74"}),t.jsx("rect",{x:"5",y:"4",width:"6",height:"5",fill:"#f4e4c0"}),t.jsx("rect",{x:"6",y:"6",width:"2",height:"1",fill:"#6090e0"}),t.jsx("rect",{x:"10",y:"6",width:"2",height:"1",fill:"#6090e0"}),t.jsx("rect",{x:"1",y:"9",width:"4",height:"5",fill:"#f0f0f8"}),t.jsx("rect",{x:"11",y:"9",width:"4",height:"5",fill:"#f0f0f8"}),t.jsx("rect",{x:"1",y:"9",width:"2",height:"3",fill:"#ffffff"}),t.jsx("rect",{x:"13",y:"9",width:"2",height:"3",fill:"#ffffff"}),t.jsx("rect",{x:"5",y:"9",width:"6",height:"6",fill:"#d4c8f0"}),t.jsx("rect",{x:"4",y:"10",width:"1",height:"4",fill:"#d4c8f0"}),t.jsx("rect",{x:"11",y:"10",width:"1",height:"4",fill:"#d4c8f0"})]})}function K(){return t.jsxs("svg",{viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",children:[t.jsx("rect",{x:"6",y:"1",width:"4",height:"2",fill:"#66d9e8"}),t.jsx("rect",{x:"5",y:"3",width:"6",height:"4",fill:"#66d9e8"}),t.jsx("rect",{x:"4",y:"7",width:"8",height:"4",fill:"#66d9e8"}),t.jsx("rect",{x:"5",y:"11",width:"6",height:"2",fill:"#66d9e8"}),t.jsx("rect",{x:"4",y:"13",width:"2",height:"2",fill:"#66d9e8"}),t.jsx("rect",{x:"7",y:"13",width:"2",height:"2",fill:"#66d9e8"}),t.jsx("rect",{x:"10",y:"13",width:"2",height:"2",fill:"#66d9e8"}),t.jsx("rect",{x:"6",y:"4",width:"4",height:"3",fill:"#b0eff6"}),t.jsx("rect",{x:"7",y:"3",width:"2",height:"1",fill:"#b0eff6"}),t.jsx("rect",{x:"6",y:"7",width:"2",height:"2",fill:"#ffffff"}),t.jsx("rect",{x:"9",y:"7",width:"2",height:"2",fill:"#ffffff"}),t.jsx("rect",{x:"7",y:"8",width:"1",height:"1",fill:"#66d9e8"}),t.jsx("rect",{x:"10",y:"8",width:"1",height:"1",fill:"#66d9e8"})]})}function Y(){return t.jsxs("svg",{viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",children:[t.jsx("rect",{x:"1",y:"11",width:"3",height:"4",fill:"#cfd8e2"}),t.jsx("rect",{x:"6",y:"7",width:"4",height:"8",fill:"#4a4a5a"}),t.jsx("rect",{x:"12",y:"4",width:"3",height:"11",fill:"#4a4a5a"}),t.jsx("rect",{x:"1",y:"15",width:"14",height:"1",fill:"#5a5a6a"}),t.jsx("rect",{x:"1",y:"8",width:"1",height:"2",fill:"#e6db74"}),t.jsx("rect",{x:"3",y:"10",width:"1",height:"2",fill:"#e6db74"}),t.jsx("rect",{x:"2",y:"10",width:"1",height:"1",fill:"#e6db74"})]})}function Z(){return t.jsxs("svg",{viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",children:[t.jsx("rect",{x:"1",y:"11",width:"3",height:"4",fill:"#4a4a5a"}),t.jsx("rect",{x:"6",y:"7",width:"4",height:"8",fill:"#cfd8e2"}),t.jsx("rect",{x:"12",y:"4",width:"3",height:"11",fill:"#4a4a5a"}),t.jsx("rect",{x:"1",y:"15",width:"14",height:"1",fill:"#5a5a6a"}),t.jsx("rect",{x:"6",y:"4",width:"1",height:"2",fill:"#e6db74"}),t.jsx("rect",{x:"9",y:"4",width:"1",height:"2",fill:"#e6db74"}),t.jsx("rect",{x:"7",y:"5",width:"2",height:"1",fill:"#e6db74"})]})}function X(){return t.jsxs("svg",{viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",children:[t.jsx("rect",{x:"1",y:"11",width:"3",height:"4",fill:"#4a4a5a"}),t.jsx("rect",{x:"6",y:"7",width:"4",height:"8",fill:"#4a4a5a"}),t.jsx("rect",{x:"12",y:"4",width:"3",height:"11",fill:"#cfd8e2"}),t.jsx("rect",{x:"1",y:"15",width:"14",height:"1",fill:"#5a5a6a"}),t.jsx("rect",{x:"13",y:"1",width:"1",height:"2",fill:"#e6db74"}),t.jsx("rect",{x:"14",y:"1",width:"1",height:"3",fill:"#e6db74"}),t.jsx("rect",{x:"13",y:"3",width:"1",height:"1",fill:"#e6db74"})]})}const o={sword:j,staff:U,bow:C,katar:A,book:P,hammer:F,neutral:R,earth:T,wind:O,water:V,fire:W,light:E,dark:$,void:z,human:G,beast:M,demon:Q,angel:J,spirit:K,small:Y,medium:Z,large:X},y=Object.keys(o);function f({name:e="sword",size:i=22,style:l}){const h=o[e]||j;return t.jsx("span",{style:{display:"inline-flex",alignItems:"center",justifyContent:"center",width:i,height:i,imageRendering:"pixelated",flexShrink:0,...l},children:t.jsx(h,{})})}f.icons=y;const tt=f;function it(){return t.jsx("svg",{viewBox:"0 0 12 8",width:12,height:12,"aria-hidden":"true",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",children:t.jsx("polyline",{points:"1,1.5 6,6.5 11,1.5"})})}function et({href:e,label:i,className:l,children:h,...s}){return t.jsx("a",{...s,href:e,"aria-label":i,className:r("ns-section-arrow",l),children:h||t.jsx(it,{})})}exports.Button=B;exports.FeatureCard=S;exports.HUDBar=L;exports.HUDDivider=_;exports.HUDIcon=tt;exports.HUDLabel=H;exports.QuestCard=N;exports.RPGIcon=f;exports.SectionArrow=et;exports.icons=y;

package/dist/index.d.ts

@@ -0,0 +1,18 @@
+export { Button, type ButtonProps } from './components/buttons/Button';
+export { FeatureCard, type FeatureCardProps } from './components/cards/FeatureCard';
+export { QuestCard, type QuestCardProps } from './components/cards/QuestCard';
+export { HUDBar, type HUDBarProps } from './components/hud/HUDBar';
+export { HUDDivider, type HUDDividerProps } from './components/hud/HUDDivider';
+export { HUDLabel, type HUDLabelProps } from './components/hud/HUDLabel';
+export {
+  RPGIcon,
+  HUDIcon,
+  icons,
+  type RPGIconElement,
+  type RPGIconName,
+  type RPGIconProps,
+  type RPGIconRace,
+  type RPGIconSize,
+  type RPGIconWeapon,
+} from './components/icons/RPGIcon';
+export { SectionArrow, type SectionArrowProps } from './components/navigation/SectionArrow';