@noobsociety/nsds 0.3.0 → 0.4.1

package/dist/registry-BizUEm6W.js

@@ -0,0 +1,136 @@
+//#region components/shared/constants.ts
+var e = {
+	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)"
+}, t = e, n = {
+	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: "✦"
+	}
+}, r = [
+	"sword",
+	"bow",
+	"staff",
+	"katar",
+	"book",
+	"hammer"
+], i = [
+	"neutral",
+	"fire",
+	"earth",
+	"wind",
+	"water",
+	"light",
+	"dark",
+	"void"
+], a = [
+	"human",
+	"beast",
+	"demon",
+	"angel",
+	"spirit"
+], o = [
+	"small",
+	"medium",
+	"large"
+], s = [
+	"attack-sword",
+	"attack-bow",
+	"attack-staff",
+	"attack-katar",
+	"attack-book",
+	"attack-hammer"
+], c = [
+	"passive",
+	"active",
+	"combo",
+	"stance",
+	"buff",
+	"debuff"
+], l = [
+	"potion",
+	"ether",
+	"scroll",
+	"gem",
+	"relic",
+	"key"
+], u = [
+	"helm",
+	"armor",
+	"cloak",
+	"shield",
+	"ring",
+	"greaves"
+], d = [
+	"hat",
+	"emblem",
+	"cape",
+	"badge",
+	"boots"
+], f = [
+	"menu",
+	"inventory",
+	"party",
+	"quest",
+	"map",
+	"shop",
+	"settings",
+	"save"
+], p = [
+	"emote-tysm",
+	"emote-sos",
+	"emote-lol",
+	"emote-win",
+	"emote-lgo",
+	"emote-ugh",
+	"emote-myb",
+	"emote-wut",
+	"emote-grr"
+], m = {
+	weapons: r,
+	elements: i,
+	races: a,
+	sizes: o,
+	attack: s,
+	skills: c,
+	items: l,
+	equip: u,
+	skins: d,
+	menu: f,
+	emotes: p
+}, h = [
+	...r,
+	...i,
+	...a,
+	...o,
+	...s,
+	...c,
+	...l,
+	...u,
+	...d,
+	...f,
+	...p
+];
+//#endregion
+export { m as a, h as c, c as d, r as f, n as h, u as i, a as l, e as m, i as n, l as o, t as p, p as r, f as s, s as t, o as u };

package/dist/registry-Cyq-qspU.cjs

@@ -0,0 +1 @@
+var e={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)`},t=e,n={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:`✦`}},r=[`sword`,`bow`,`staff`,`katar`,`book`,`hammer`],i=[`neutral`,`fire`,`earth`,`wind`,`water`,`light`,`dark`,`void`],a=[`human`,`beast`,`demon`,`angel`,`spirit`],o=[`small`,`medium`,`large`],s=[`attack-sword`,`attack-bow`,`attack-staff`,`attack-katar`,`attack-book`,`attack-hammer`],c=[`passive`,`active`,`combo`,`stance`,`buff`,`debuff`],l=[`potion`,`ether`,`scroll`,`gem`,`relic`,`key`],u=[`helm`,`armor`,`cloak`,`shield`,`ring`,`greaves`],d=[`hat`,`emblem`,`cape`,`badge`,`boots`],f=[`menu`,`inventory`,`party`,`quest`,`map`,`shop`,`settings`,`save`],p=[`emote-tysm`,`emote-sos`,`emote-lol`,`emote-win`,`emote-lgo`,`emote-ugh`,`emote-myb`,`emote-wut`,`emote-grr`],m={weapons:r,elements:i,races:a,sizes:o,attack:s,skills:c,items:l,equip:u,skins:d,menu:f,emotes:p},h=[...r,...i,...a,...o,...s,...c,...l,...u,...d,...f,...p];Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,"c",{enumerable:!0,get:function(){return h}}),Object.defineProperty(exports,"d",{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,"f",{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,"h",{enumerable:!0,get:function(){return n}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,"l",{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,"m",{enumerable:!0,get:function(){return e}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,"p",{enumerable:!0,get:function(){return t}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,"u",{enumerable:!0,get:function(){return o}});

package/dist/styles.css

@@ -11,3 +11,4 @@
 @import './tokens/hud.css';
 @import './tokens/base.css';
 @import './components/primitives.css';
+@import './components/hud-editor.css';

package/dist/tailwind/preset.cjs

@@ -0,0 +1,108 @@
+"use strict";
+// Package preset: consumers provide their own `content` globs.
+const nsdsPreset = {
+    darkMode: ['class', '[data-theme="dark"]'],
+    theme: {
+        extend: {
+            colors: {
+                ns: {
+                    bg: {
+                        0: 'var(--ns-bg-0)',
+                        1: 'var(--ns-bg-1)',
+                        2: 'var(--ns-bg-2)',
+                        glass: 'var(--ns-glass)',
+                    },
+                    ink: {
+                        DEFAULT: 'var(--ns-ink)',
+                        dim: 'var(--ns-ink-dim)',
+                        faint: 'var(--ns-ink-faint)',
+                    },
+                    gold: {
+                        DEFAULT: 'var(--ns-gold)',
+                        pale: 'var(--ns-gold-pale)',
+                        deep: 'var(--ns-gold-deep)',
+                        shadow: 'var(--ns-gold-shadow)',
+                        fg: 'var(--ns-gold-btn-fg)',
+                    },
+                    green: 'var(--ns-green)',
+                    cyan: 'var(--ns-cyan)',
+                    orange: 'var(--ns-orange)',
+                    pink: 'var(--ns-pink)',
+                    purple: 'var(--ns-purple)',
+                    accent: 'var(--ns-accent)',
+                    line: 'var(--ns-line)',
+                },
+            },
+            fontFamily: {
+                body: 'var(--ns-font-body)',
+                pixel: 'var(--ns-font-pixel)',
+            },
+            fontSize: {
+                'ns-xs': ['var(--ns-text-xs)', { lineHeight: 'var(--ns-leading-normal)' }],
+                'ns-sm': ['var(--ns-text-sm)', { lineHeight: 'var(--ns-leading-normal)' }],
+                'ns-base': ['var(--ns-text-base)', { lineHeight: 'var(--ns-leading-normal)' }],
+                'ns-lg': ['var(--ns-text-lg)', { lineHeight: 'var(--ns-leading-snug)' }],
+                'ns-xl': ['var(--ns-text-xl)', { lineHeight: 'var(--ns-leading-snug)' }],
+                'ns-2xl': ['var(--ns-text-2xl)', { lineHeight: 'var(--ns-leading-tight)' }],
+                'ns-3xl': ['var(--ns-text-3xl)', { lineHeight: 'var(--ns-leading-tight)' }],
+                'ns-4xl': ['var(--ns-text-4xl)', { lineHeight: 'var(--ns-leading-tight)' }],
+            },
+            fontWeight: {
+                'ns-normal': 'var(--ns-weight-normal)',
+                'ns-medium': 'var(--ns-weight-medium)',
+                'ns-semibold': 'var(--ns-weight-semibold)',
+                'ns-bold': 'var(--ns-weight-bold)',
+            },
+            lineHeight: {
+                'ns-tight': 'var(--ns-leading-tight)',
+                'ns-snug': 'var(--ns-leading-snug)',
+                'ns-normal': 'var(--ns-leading-normal)',
+                'ns-relaxed': 'var(--ns-leading-relaxed)',
+            },
+            spacing: {
+                'ns-1': 'var(--ns-space-1)',
+                'ns-2': 'var(--ns-space-2)',
+                'ns-3': 'var(--ns-space-3)',
+                'ns-4': 'var(--ns-space-4)',
+                'ns-5': 'var(--ns-space-5)',
+                'ns-6': 'var(--ns-space-6)',
+                'ns-8': 'var(--ns-space-8)',
+                'ns-10': 'var(--ns-space-10)',
+                'ns-12': 'var(--ns-space-12)',
+                'ns-16': 'var(--ns-space-16)',
+                'ns-20': 'var(--ns-space-20)',
+            },
+            maxWidth: {
+                'ns-container': 'var(--ns-container)',
+            },
+            height: {
+                'ns-header': 'var(--ns-header-h)',
+            },
+            borderRadius: {
+                'ns-sm': 'var(--ns-radius-sm)',
+                'ns-md': 'var(--ns-radius-md)',
+                'ns-lg': 'var(--ns-radius-lg)',
+                'ns-xl': 'var(--ns-radius-xl)',
+                'ns-full': 'var(--ns-radius-full)',
+            },
+            boxShadow: {
+                'ns-card-hover': 'var(--ns-shadow-card-hover)',
+                'ns-btn': 'var(--ns-shadow-btn)',
+            },
+            transitionDuration: {
+                'ns-fast': 'var(--ns-dur-fast)',
+                'ns-base': 'var(--ns-dur-base)',
+                'ns-slow': 'var(--ns-dur-slow)',
+            },
+            transitionTimingFunction: {
+                'ns-out': 'var(--ns-ease-out)',
+                'ns-spring': 'var(--ns-ease-spring)',
+            },
+            ringColor: {
+                'ns-focus': 'var(--ns-focus-ring)',
+            },
+        },
+    },
+    plugins: [],
+};
+module.exports = nsdsPreset;

package/dist/tailwind/preset.d.cts

@@ -1,4 +1,4 @@
 import type { Config } from 'tailwindcss';
-
-declare const preset: Config;
-export = preset;
+type TailwindPreset = Omit<Config, 'content'>;
+declare const nsdsPreset: TailwindPreset;
+export = nsdsPreset;

package/dist/tokens/base.css

@@ -1,5 +1,9 @@
 /* NoobSociety — Base resets and body defaults */
-*, *::before, *::after { box-sizing: border-box; }
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
 
 html {
   scroll-behavior: smooth;
@@ -23,9 +27,18 @@ body {
   text-rendering: optimizeLegibility;
 }
 
-img { display: block; max-width: 100%; }
-a   { color: var(--ns-gold); text-decoration: none; transition: color var(--ns-transition-fast); }
-a:hover { color: var(--ns-gold-pale); }
+img {
+  display: block;
+  max-width: 100%;
+}
+a {
+  color: var(--ns-gold);
+  text-decoration: none;
+  transition: color var(--ns-transition-fast);
+}
+a:hover {
+  color: var(--ns-gold-pale);
+}
 
 button,
 input,

package/dist/tokens/colors.css

@@ -1,79 +1,83 @@
 /* NoobSociety — Color tokens (Monokai dark) */
 :root {
   /* ── Surfaces ─────────────────────────────────────────────── */
-  --ns-bg-0:      #1a1a16;   /* deepest — footer, sidebar */
-  --ns-bg-1:      #272822;   /* page base */
-  --ns-bg-2:      #32332b;   /* raised surfaces, icon slots */
-  --ns-glass:     rgba(30, 31, 26, 0.88);  /* card, header backdrop */
-  --ns-glass-2:   rgba(30, 31, 26, 0.60);  /* lighter glass */
+  --ns-bg-0: #1a1a16; /* deepest — footer, sidebar */
+  --ns-bg-1: #272822; /* page base */
+  --ns-bg-2: #32332b; /* raised surfaces, icon slots */
+  --ns-glass: rgba(30, 31, 26, 0.88); /* card, header backdrop */
+  --ns-glass-2: rgba(30, 31, 26, 0.6); /* lighter glass */
   --ns-glass-soft: rgba(30, 31, 26, 0.75); /* subtle card surface */
 
-  --ns-bg-0-rgb: 26 26 22;     /* @kind other */
-  --ns-bg-1-rgb: 39 40 34;      /* @kind other */
-  --ns-bg-2-rgb: 50 51 43;      /* @kind other */
-  --ns-glass-rgb: 30 31 26;     /* @kind other */
+  --ns-bg-0-rgb: 26 26 22; /* @kind other */
+  --ns-bg-1-rgb: 39 40 34; /* @kind other */
+  --ns-bg-2-rgb: 50 51 43; /* @kind other */
+  --ns-glass-rgb: 30 31 26; /* @kind other */
 
   /* ── Borders ──────────────────────────────────────────────── */
-  --ns-line:        rgba(255, 255, 255, 0.12);
+  --ns-line: rgba(255, 255, 255, 0.12);
   --ns-line-strong: rgba(255, 255, 255, 0.22);
-  --ns-line-soft:   rgba(255, 255, 255, 0.08);
+  --ns-line-soft: rgba(255, 255, 255, 0.08);
 
   /* ── Ink (text) ───────────────────────────────────────────── */
-  --ns-ink:       #f8f8f2;   /* primary text — Monokai foreground */
-  --ns-ink-dim:   #a8a28c;   /* secondary text */
-  --ns-ink-faint: #75715e;   /* placeholder, captions — Monokai comment */
-  --ns-ink-rgb:       248 248 242;  /* @kind other */
-  --ns-ink-dim-rgb:   168 162 140;  /* @kind other */
-  --ns-ink-faint-rgb: 117 113 94;   /* @kind other */
+  --ns-ink: #f8f8f2; /* primary text — Monokai foreground */
+  --ns-ink-dim: #a8a28c; /* secondary text */
+  --ns-ink-faint: #75715e; /* placeholder, captions — Monokai comment */
+  --ns-ink-rgb: 248 248 242; /* @kind other */
+  --ns-ink-dim-rgb: 168 162 140; /* @kind other */
+  --ns-ink-faint-rgb: 117 113 94; /* @kind other */
 
   /* ── Brand yellow (gold) — primary accent ─────────────────── */
-  --ns-gold:        #e6db74;
-  --ns-gold-pale:   #f4f099;
-  --ns-gold-deep:   #cabb50;
+  --ns-gold: #e6db74;
+  --ns-gold-pale: #f4f099;
+  --ns-gold-deep: #cabb50;
   --ns-gold-shadow: #b5a83f;
   --ns-gold-btn-fg: #1c1c17; /* text on gold buttons */
-  --ns-gold-rgb:        230 219 116;  /* @kind other */
-  --ns-gold-pale-rgb:   244 240 153;  /* @kind other */
-  --ns-gold-deep-rgb:   202 187 80;   /* @kind other */
-  --ns-gold-shadow-rgb: 181 168 63;   /* @kind other */
+  --ns-gold-rgb: 230 219 116; /* @kind other */
+  --ns-gold-pale-rgb: 244 240 153; /* @kind other */
+  --ns-gold-deep-rgb: 202 187 80; /* @kind other */
+  --ns-gold-shadow-rgb: 181 168 63; /* @kind other */
 
   /* ── Monokai semantic accents ─────────────────────────────── */
-  --ns-green:       #a6e22e;  /* "Holds" / success */
-  --ns-green-deep:  #7fb81e;
-  --ns-cyan:        #66d9e8;  /* "Planned" / info */
-  --ns-cyan-deep:   #5bc8d7;
-  --ns-orange:      #fd971f;  /* "Building" / in-progress */
+  --ns-green: #a6e22e; /* "Holds" / success */
+  --ns-green-deep: #7fb81e;
+  --ns-cyan: #66d9e8; /* "Planned" / info */
+  --ns-cyan-deep: #5bc8d7;
+  --ns-orange: #fd971f; /* "Building" / in-progress */
   --ns-orange-deep: #c96f00;
-  --ns-pink:        #f92672;  /* danger / highlight */
-  --ns-purple:      #ae81ff;  /* decorative */
-  --ns-green-rgb:       166 226 46;   /* @kind other */
-  --ns-green-deep-rgb:  127 184 30;   /* @kind other */
-  --ns-cyan-rgb:        102 217 232;  /* @kind other */
-  --ns-cyan-deep-rgb:   91 200 215;   /* @kind other */
-  --ns-orange-rgb:      253 151 31;   /* @kind other */
-  --ns-orange-deep-rgb: 201 111 0;    /* @kind other */
-  --ns-pink-rgb:        249 38 114;   /* @kind other */
-  --ns-purple-rgb:      174 129 255;  /* @kind other */
+  --ns-pink: #f92672; /* danger / highlight */
+  --ns-purple: #ae81ff; /* decorative */
+  --ns-green-rgb: 166 226 46; /* @kind other */
+  --ns-green-deep-rgb: 127 184 30; /* @kind other */
+  --ns-cyan-rgb: 102 217 232; /* @kind other */
+  --ns-cyan-deep-rgb: 91 200 215; /* @kind other */
+  --ns-orange-rgb: 253 151 31; /* @kind other */
+  --ns-orange-deep-rgb: 201 111 0; /* @kind other */
+  --ns-pink-rgb: 249 38 114; /* @kind other */
+  --ns-purple-rgb: 174 129 255; /* @kind other */
 
   /* ── Semantic aliases ─────────────────────────────────────── */
-  --ns-surface-page:   var(--ns-bg-1);
-  --ns-surface-card:   var(--ns-glass);
+  --ns-surface-page: var(--ns-bg-1);
+  --ns-surface-card: var(--ns-glass);
   --ns-surface-raised: var(--ns-bg-2);
-  --ns-text-primary:   var(--ns-ink);
+  --ns-text-primary: var(--ns-ink);
   --ns-text-secondary: var(--ns-ink-dim);
-  --ns-text-muted:     var(--ns-ink-faint);
-  --ns-accent:         var(--ns-gold);
-  --ns-accent-hover:   var(--ns-gold-pale);
-  --ns-status-holds:   var(--ns-green);
+  --ns-text-muted: var(--ns-ink-faint);
+  --ns-accent: var(--ns-gold);
+  --ns-accent-hover: var(--ns-gold-pale);
+  --ns-status-holds: var(--ns-green);
   --ns-status-building: var(--ns-orange);
-  --ns-status-planned:  var(--ns-cyan);
-  --ns-status-later:    var(--ns-ink-faint);
+  --ns-status-planned: var(--ns-cyan);
+  --ns-status-later: var(--ns-ink-faint);
 
   /* ── Quest card status pill backgrounds ──────────────────────── */
-  --ns-quest-pill-done:    rgba(166, 226, 46, 0.10);
-  --ns-quest-pill-active:  rgba(253, 151, 31, 0.12);
+  --ns-quest-pill-done: rgba(166, 226, 46, 0.1);
+  --ns-quest-pill-active: rgba(253, 151, 31, 0.12);
   --ns-quest-pill-planned: rgba(102, 217, 232, 0.12);
-  --ns-quest-pill-locked:  rgba(255, 255, 255, 0.05);
-  --ns-focus-ring:      rgba(230, 219, 116, 0.35);
-  --ns-selection-bg:    rgba(249, 38, 114, 0.28);
+  --ns-quest-pill-locked: rgba(255, 255, 255, 0.05);
+  --ns-focus-ring: rgba(230, 219, 116, 0.35);
+  --ns-selection-bg: rgba(249, 38, 114, 0.28);
+
+  /* ── Quest card component variables (overridden per-status in primitives) ── */
+  --ns-quest-color: var(--ns-status-later); /* default: locked/later */
+  --ns-quest-pill-bg: var(--ns-quest-pill-locked); /* default: locked */
 }