@noobsociety/nsds 0.1.2 → 0.2.1

package/dist/index.cjs

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

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';